* {
	margin: 0px;
	padding: 0px;
}
body {
	background: #fff;
	font-family: 'Roboto', sans-serif;
}
html {
	-webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}
img {
	border: none;
}
a {
	text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	margin: 0px;
	padding: 0px;
}
p {
	line-height: 18px;
	margin: 0px;
	padding: 0px;
}
label, input, textarea, button {
	font-family: 'Roboto', sans-serif;
	margin: 0px;
	padding: 0px;
	outline: none;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
#header {
	margin: 0px;
	padding: 0px;
	width: 100%;
	float: left;
	background: #fff;
}
.container {
	width: 1170px;
	margin: auto;
	position: relative;
}
.logo {
	float: left;
	margin: 0px;
}
.logo img {
	display: block;
}
#banner {
	width: 100%;
	float: left;
	position: relative;
	margin: 0px;
}
.banner_content {
	position: absolute;
	width: 100%;
	bottom: 5%;
	left: 0;
	right: 0;
	text-align: center;
	z-index: 9999;
	display: none;
}
.banner_content ul {
	text-align: center;
}
.banner_content ul li {
	display: inline-block;
	list-style: none;
	font-size: 18px;
	font-weight: 700;
	margin: 0 5px;
}
.banner_content ul li a {
	height: 50px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	display: block;
	color: #fff!Important;
	line-height: 50px;
	padding: 0 30px;
}
.banner_content ul li a.green {
	background-color: #85c226;
}
.banner_content ul li a.blue {
	background-color: #002f66;
}
.banner_content ul li a:hover {
	background: #000;
}
.home-step {
	width: 100%;
	float: left;
	background: #fff;
	margin: 0px;
	padding: 55px 0px;
}
.home-step h1,
.home-step h2 {
	font-size: 25px;
	color: #615e5e;
	font-weight: 500;
	display: block;
	text-align: center;
	margin: 0px;
}
ul.step {
	display: inline-block;
	width: 100%;
	margin: 0px;
}
ul.step li {
	list-style: none;
	float: left;
	width: 350px;
	text-align: center;
	position: relative;
	margin: 55px 60px 0 0;
}
ul.step li:last-child {
	margin: 55px 0 0 0px;
}
ul.step li img {
	display: block;
	text-align: center;
	max-width: 100%;
	margin: auto;
	margin-bottom: 20px;
}
ul.step li .step-arrow {
	position: absolute;
	right: 51px;
	top: 27px;
	background: url(../img/step-arrow.png) no-repeat;
	width: 62px;
	height: 44px;
	display: none;
}
ul.step li h3 {
	font-size: 21px;
	color: #002f66;
	font-weight: 500;
	text-transform: uppercase;
	display: block;
	margin: 0 0 3px 0px;
}
ul.step li p {
	font-size: 14px;
	color: #615e5e;
	display: block;
	text-align: center;
	margin: 0px;
}

.uses-list {
	margin-left: 50px;
}

.funding {
	width: 100%;
	max-width: 690px;
	margin: 40px auto 0 auto;
	display: block;
	clear: both;
	overflow: hidden;
}
.funding ul {
	width: 190px;
	float: left;
	margin: 25px 35px 0 0px;
}
.funding ul:last-child {
	margin: 25px 0 0 0px;
}
.funding ul li {
	list-style: none;
	display: block;
	font-size: 18px;
	color: #002f66;
	font-weight: 500;
	margin: 0 0 10px 0px;
}
.funding ul li i {
	display: inline-block;
	vertical-align: middle;
	margin: -5px 10px 0 0px;
}
.groupgyft {
	margin: 50px auto 0 auto;
	padding: 0px;
	width: 100%;
	max-width: 940px;
	display: block;
	clear: both;
}
.groupgyft-box {
	float: left;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #f5f5f5;
	border: solid 3px #fff;
	width: 447px;
	padding: 30px 10px;
	box-sizing: border-box;
}
.groupgyft-box h4 {
	font-size: 30px;
	color: #615e5e;
	font-weight: 500;
	display: block;
	text-align: center;
	margin: 0 0 22px 0px;
}
.groupgyft-box a {
	height: 60px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	display: block;
	color: #fff!Important;
	line-height: 60px;
	font-size: 28px;
	color: #fff;
	font-weight: 700;
	max-width: 250px;
	width: 100%;
	margin: auto;
	text-align: center;
}
.groupgyft-box a.green {
	background-color: #85c226;
}
.groupgyft-box a.blue {
	background-color: #002f66;
}
.groupgyft-box a:hover {
	background: #000;
}
.clientsay {
	width: 100%;
	float: left;
	background: #f5f5f5;
	margin: 0px;
	padding: 30px 0 15px 0;
}
.client-box {
	font-size: 15px;
	color: #222222;
	font-style: italic;
	display: block;
	margin: 0 47px;
	padding: 0;
}
.client-box p {
	display: block;
	line-height: 21px;
	font-size: 15px;
	margin: 0 0 20px 0px;
}
.client-box span {
	text-align: right;
	display: block;
	line-height: 20px;
	font-size: 16px;
}
.page-title {
	background: #002f66;
	margin: 0px;
	padding: 25px 0px;
	width: 100%;
	float: left;
}
.page-title h1,
.page-title h3 {
	font-size: 30px;
	color: #fff;
	font-weight: 500;
	float: left;
	border-left: solid 2px #fff;
	padding: 5px 0px 5px 15px;
}
#mid-section {
	width: 100%;
	float: left;
	margin: 0px;
	background: #f5f5f5;
}
.mid-containt {
	background: #fff;
	padding: 40px 30px;
	box-sizing: border-box;
}
.page-content {
	width: 100%;
	text-align: center;
	display: block;
	margin: 0 0 35px 0px;
}
.page-content h3 {
	font-size: 18px;
	color: #535251;
	font-weight: 700;
	display: block;
	margin-bottom: 15px;
}
.blue {
	color: #002f66!Important;
}
.page-content p {
	font-size: 14px;
	color: #535251;
	display: block;
	margin: 0px;
	line-height: 21px;
}
.aboutus {
	margin: 0px;
	padding: 0px;
	display: block;
}
.aboutus .thumb {
	max-width: 510px;
	float: left;
	margin: 0 20px 0 0px;
	padding: 5px;
	box-sizing: border-box;
	background: #f5f5f5;
	border: solid 1px #e9e8e7;
}
.aboutus .thumb img {
	width: 100%;
	display: block;
}
.aboutus p {
	font-size: 14px;
	color: #535251;
	display: block;
	line-height: 21px;
	margin: 0 0 20px 0;
}
#footer {
	width: 100%;
	float: left;
	background: #393939;
	margin: 0px;
	padding: 30px 0 0 0px;
}
.foot-div {
	width: 255px;
	float: left;
	margin: 0 85px 0 0px;
	padding: 0px;
}
.midium {
	width: 200px!Important;
}
.foot-div:last-child {
	margin: 0px;
}
ul.footlink {
	margin: 0px;
	padding: 0px;
}
ul.footlink li {
	list-style: none;
	display: block;
	font-size: 14px;
	line-height: 25px;
}
ul.footlink li a {
	color: #fefefe;
	display: block;
}
ul.footlink li a:hover {
	color: #747578;
}
.foot-div h4 {
	font-size: 16px;
	color: #fefefe;
	font-weight: 500;
	display: block;
}
ul.social {
	margin: 0px;
	padding: 0px;
}
ul.social li {
	list-style: none;
	display: block;
	font-size: 14px;
	line-height: 25px;
	margin: 10px 0 0 0px;
}
ul.social li a {
	color: #fefefe;
	display: block;
}
ul.social li a i {
	width: 22px;
	height: 22px;
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	border-radius: 11px;
	background-color: #fff;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	line-height: 22px;
	color: #2c2c2c;
	font-size: 18px;
	margin: -1px 12px 0 0;
}
ul.social li a:hover {
	color: #747578;
}
.foot-search {
	display: block;
	margin: 0px;
	padding: 0px;
}
.foot-search label {
	font-size: 14px;
	color: #fefefe;
	display: block;
	margin: 0px;
}
.fs-box {
	width: 100%;
	height: 39px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #5c5a5a;
	position: relative;
	margin: 10px 0 0 0px;
}
.fs-box input[type="text"] {
	width: 100%;
	height: 39px;
	background: none;
	border: none;
	box-sizing: border-box;
	font-size: 12px;
	color: #c4c3c3;
	padding: 0 35px 0 14px;
	position: absolute;
	left: 0;
}
.fs-box i {
	color: #c4c3c3;
	font-size: 18px;
	position: absolute;
	right: 9px;
	top: 9px;
}
.foot-bottom {
	width: 100%;
	float: left;
	background: #2c2c2c;
	margin: 30px 0 0 0px;
}
.foot-bottom p {
	display: block;
	text-align: center;
	font-size: 14px;
	color: #fff;
	font-weight: 400;
	margin: 18px 0px;
}
.privacy {
	width: 100%;
	display: inline-block;
	margin: 0 0 20px 0px;
	padding: 0px;
}
.privacy h4 {
	font-size: 18px;
	color: #002f66;
	font-weight: 500;
	display: block;
	margin: 0 0 10px 0px;
}
.privacy p {
	font-size: 14px;
	color: #615e5e;
	display: block;
	margin: 0 0 15px 0px;
}
.privacy h5 {
	font-size: 16px;
	color: #535251;
	display: block;
	margin: 0px;
	padding: 0 0 12px 0px;
}
.privacy ul li {
	list-style: disc;
	font-size: 14px;
	color: #615e5e;
	margin: 0 0 5px 14px;
}
.contactus {
	display: block;
	margin: 0 0 35px;
	text-align: center;
	width: 100%;
}
.contactus p {
	color: #535251;
	display: block;
	font-size: 18px;
	font-weight: 700;
	line-height: 26px;
}
.contactus p span {
	color: #002f66;
}
.contactform {
	width: 746px;
	background-color: #f5f5f5;
	border: solid 1px #e8e7e5;
	display: block;
	margin: auto;
	padding: 30px;
	box-sizing: border-box;
}
.contactform h4 {
	font-size: 18px;
	color: #615e5e;
	font-weight: 500;
	display: block;
	margin: 0 0 28px 0px;
	padding: 0px;
}
.cf-group {
	width: 100%;
	display: inline-block;
	margin: 0 0 17px 0px;
	padding: 0px;
}
.cf-group label {
	min-width: 170px;
	text-align: right;
	float: left;
	font-size: 14px;
	color: #615e5e;
	font-weight: 500;
	line-height: 45px;
	margin: 0 10px 0 0px;
}
.cf-field {
	width: 426px;
	height: 46px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #fff;
	border: solid 1px #e8e7e5;
	float: left;
	padding: 0 10px;
	box-sizing: border-box;
	font-size: 13px;
	color: #615e5e;
	font-weight: 400;
}
.cf-textarea {
	width: 426px;
	height: 135px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #fff;
	border: solid 1px #e8e7e5;
	float: left;
	padding: 10px 10px;
	box-sizing: border-box;
	font-size: 14px;
	color: #615e5e;
	font-weight: 400;
	resize: vertical;
}
.button {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-color: #7c7a7a;
	height: 40px;
	font-size: 14px;
	color: #fff;
	font-weight: 500;
	text-align: center;
	cursor: pointer;
	border: none;
	padding: 0 15px;
    -webkit-appearance: none;
}

.button.update {
    background-color: #7c7a7a;
    margin-top: 0px;
}

.button:hover {
	background: #000!Important;
}
.submit {
	display: block;
	margin: 15px auto 0 auto;
	padding: 0 25px;
}
.login {
    display: block;
    margin: 15px auto 0 auto;
    padding: 0 25px;
    background-color: #85C223;
    width: 200px;
}
.cancel {
	background: #7c7a7a;
}
.login-link {
	height: 38px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #002f66;
	float: right;
	text-align: center;
	font-size: 14px;
	color: #fff;
	text-align: center;
	line-height: 38px;
	padding: 0 17px;
	margin: 22px 0 0 0px;
}
.login-link:hover {
	background: #000;
}
.profile-box,
.forgotpassword-box,
.login-box {
	width: 100%;
    max-width: 586px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #fff;
	-webkit-box-shadow: 1px 2px 5px rgba(0,0,0,.06);
	-moz-box-shadow: 1px 2px 5px rgba(0,0,0,.06);
	box-shadow: 1px 2px 5px rgba(0,0,0,.06);
	border: solid 1px #d9d6d6;
	margin: 41px auto;
	display: block;
	padding: 20px 45px;
	box-sizing: border-box;
	overflow: hidden;
}

.profile-box {
 max-width: 1050px;
}

.forgotpassword-box h1,
.login-box h1,
.forgotpassword-box h3,
.login-box h3 {
	font-size: 28px;
	color: #615e5e;
	font-weight: 500;
	display: block;
	text-align: center;
	margin: 0px;
    margin-bottom: 30px;
}

.forgotpassword-box .logo-box,
.login-box .logo-box {
    text-align: center;
}

.forgotpassword-box .logo-box img,
.login-box .logo-box img {
    width: 100px;
    height: 100px;
}

.forgotpassword-box h3 img,
.login-box h3 img {
	display: inline-block;
	vertical-align: middle;
	margin: 0 20px 0 0px;
}
.login-field {
	width: 100%;
	height: 46px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #fff;
	-webkit-box-shadow: -2px 0 5px rgba(0,0,0,.06);
	-moz-box-shadow: -2px 0 5px rgba(0,0,0,.06);
	box-shadow: -2px 0 5px rgba(0,0,0,.06);
	border: solid 1px #d9d6d6;
	float: left;
	position: relative;
	margin: 25px 0 0 0px;
/*	overflow: hidden;*/
    display: flex;
    flex-direction: row;
}
.login-field i {
	background: #d9d6d6;
	position: absolute;
	left: 0px;
	color: #827f7f;
	font-size: 25px;
	text-align: center;
	width: 49px;
	height: 46px;
	line-height: 45px;
    z-index:1000;
}
.login-field input[type="email"], .login-field input[type="password"], .login-field input[type="text"] {
	width: 100%;
	height: 46px;
	position: absolute;
	left: 0px;
	padding: 0 5px 0 65px;
	box-sizing: border-box;
	font-size: 14px;
	color: #615e5e;
	font-weight: 400;
	border: none;
	background: none;
    max-width: 100% !important;
}
.captcha-field {
    width: 100%;
    height: 46px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background-color: transparent;
    border: 0;
    float: left;
    position: relative;
    margin: 25px 0 40px 0px;
    display: flex;
    flex-direction: row;
}
.remember {
	float: left;
	margin: 17px 0 0 0px;
}

.gg-register-group label,
.remember label {
	font-size: 14px;
	color: #615e5e;
	font-weight: 400;
	display: inline-block;
	vertical-align: middle;
	margin: 0 6px 2px 0;
}
.remember label a {
	color: #002f66;
	font-weight: 500;
}
.remember label a:hover {
	color: #000;
}
.forgot {
	float: right;
	font-size: 14px;
	color: #002f66;
	font-weight: 400;
	margin: 18px 0 0 0px;
}
.forgot:hover {
	color: #000;
}
.createaccount {
	font-size: 16px;
	color: #615e5e;
	display: block;
	clear: both;
	text-align: center;
	margin: 20px 0px;
}
.createaccount a {
	color: #002f66;
	font-weight: 700;
}
.createaccount a:hover {
	color: #000;
}
.signin-with {
	display: block;
	clear: both;
	text-align: center;
	margin: 0px;
}
.signin-with a {
	display: inline-block;
}
.hiw-video {
	max-width: 680px;
	width: 100%;
	margin: -15px auto 0 auto;
	display: block;
	clear: both;
	overflow: hidden;
}
.hiw-video img {
	display: block;
	max-width: 100%;
}
.hiw-video iframe {
	width: 100%;
}
ul.hiw-step {
	margin: 20px 0 0 0px;
	padding: 0px;
	display: inline-block;
}
ul.hiw-step li {
	list-style: none;
	display: inline-block;
	width: 48%;
	margin: 70px 0 0 0;
}
ul.hiw-step li img {
	float: left;
	width: 126px;
}
ul.hiw-step li h3 {
	display: block;
	margin: 10px 0 5px 135px;
	font-size: 18px;
	color: #002f66;
	font-weight: 700;
}
ul.hiw-step li p {
	display: blockl;
	margin: 0 0 0 135px;
	font-size: 14px;
	color: #615e5e;
	font-weight: 400;
}
.thankyou {
	background-color: #f5f5f5;
	border: solid 1px #e8e7e5;
	width: 100%;
	float: left;
	padding: 50px;
	box-sizing: border-box;
}
.thank-content {
	width: 100%;
	text-align: center;
	display: block;
	margin: 0 0 35px 0px;
}
.thank-content h3 {
	font-size: 25px;
	color: #636363;
	font-weight: 500;
	display: block;
	margin-bottom: 15px;
}
.thank-content p {
	font-size: 18px;
	color: #636363;
	display: block;
	margin: 0 auto 20px auto;
	line-height: 21px;
	max-width: 555px
}

.thank-content-custom p {
	line-height: 24px !important;
	max-width: auto !important;
}
.comment-info {
	width: 100%;
	display: inline-block;
	overflow: hidden;
	border: solid 1px #e8e7e5;
	background: #fff;
	font-size: 18px;
	color: #85c226;
	font-weight: 500;
	margin: 20px 0 0 0px;
	padding: 10px 15px;
	box-sizing: border-box;
}
.comment {
	width: 100%;
	float: left;
	margin: 30px 0 0 0px;
	padding: 0px;
}
.comment label {
	font-size: 16px;
	color: #636363;
	font-weight: 500;
	display: block;
	margin: 0 0 12px 0px;
	padding: 0px;
}
.comment textarea {
	width: 100%;
	height: 127px;
	-webkit-border-radius: 2px/3px;
	-moz-border-radius: 2px/3px;
	border-radius: 2px/3px;
	background-color: #fff;
	border: solid 1px #e8e7e5;
	resize: vertical;
	padding: 10px 10px;
	box-sizing: border-box;
	font-size: 14px;
	color: #535251;
	font-weight: 400;
}
.comment-button-row {
	width: 100%;
	text-align: center;
	margin: 40px 0 0 0px;
	float: left;
}
.save-comment {
	font-size: 14px;
	font-weight: 400;
	background: #85c226;
	padding: 0 30px;
	margin: 0 2px;
}
.no-comment {
	font-size: 14px;
	font-weight: 400;
	background: #636363;
	padding: 0 30px;
	margin: 0 2px;
}
.campain-preview {
	width: 750px;
	float: left;
	margin: 0px;
	padding: 0px;
}
h4.section-title {
	background: #f5f5f5;
	border: solid 1px #e8e7e5;
	display: block;
	overflow: hidden;
	font-size: 18px;
	color: #002f66;
	font-weight: 500;
	padding: 10px 10px 0 10px;
	margin: 0 0 0 0px;
}
h4.section-title span {
	border-bottom: solid 3px #002f66;
	float: left;
	padding: 0 0 7px 10px;
	margin: 0 0 0 -10px;
}
.cmp-view {
	display: block;
	overflow: hidden;
	background: #f5f5f5;
	padding: 5px;
	border: solid 1px #e8e7e5;
	margin: 0 0 0 0px;
}
.cmp-view img {
	display: block;
	max-width: 100%;
        width: 100%;
}
.cmp-top {
	margin: 14px 0 0 0px!Important;
}
.campain-detail {
	border: solid 1px #e8e7e5;
	width: 100%;
	display: inline-block;
	background: #fff;
	margin: 15px 0 0 0px;
}
.campain-detail ul li {
	list-style: none;
	display: block;
	overflow: hidden;
	padding: 19px;
	font-size: 15px;
	color: #002f66;
	font-weight: 500;
}
.campain-detail ul li label {
	min-width: 180px;
	color: #615e5e;
	float: left;
}
.campain-detail ul li span {
	display: block;
	margin: 0 0 0 180px;
}
.campain-detail ul li span.title {
	font-size: 21px;
	margin:0px;
}
.campain-detail ul li p {
	font-size: 14px;
	color: #615e5e;
	font-weight: 400;
	display: block;
	margin: 0px;
}
.campain-detail ul li aside {
	float: right;
	color: #615e5e;
	font-size: 14px;
	text-align: center;
	margin: 25px 0 0 0px;
}
.campain-detail ul li:nth-child(odd) {
	background: #f5f5f5;
}
.button-row {
	width: 100%;
	float: left;
	text-align: center;
	margin: 20px 0 0 0px;
}
.contribute {
	background: #85c226;
	font-size: 14px;
	font-weight: 400;
	margin: 0 2px;
	padding: 0 30px;
}
.contribute:disabled {
	opacity: 0.4;
}
.nothank {
	background: #002f66;
	font-size: 14px;
	font-weight: 400;
	margin: 0 2px;
	padding: 0 30px;
}
.nothank:disabled {
	opacity: 0.4;
}
.emailhost {
	background: #7c7a7a;
	font-size: 14px;
	font-weight: 400;
	margin: 0 2px;
	padding: 0 30px;
}
.campain-right {
	width: 330px;
	float: right;
	margin: 0px;
	padding: 0px;
}
.hosted {
	margin: 0px;
	padding: 0px;
	display: block;
	overflow: hidden;
}
.hosted h4 {
	font-size: 18px;
	color: #535251;
	font-weight: 700;
	display: block;
	border-bottom: solid 1px #f0efed;
	margin: 0px;
}
.hosted h4:after {
	width: 234px;
	height: 3px;
	border-bottom: solid 3px #615e5e;
	content: "";
	display: block;
	margin: 1px 0 0 0px;
}
.host-thumb {
	width: 165px;
	height: 165px;
	-webkit-border-radius: 82px 83px 83px 82px/82px 82px 83px 83px;
	-moz-border-radius: 82px 83px 83px 82px/82px 82px 83px 83px;
	border-radius: 82px 83px 83px 82px/82px 82px 83px 83px;
	-webkit-box-shadow: -2px 5px 5px rgba(97,94,94,.75);
	-moz-box-shadow: -2px 5px 5px rgba(97,94,94,.75);
	box-shadow: -2px 5px 5px rgba(97,94,94,.75);
	border: solid 3px #fff;
	margin: 28px auto 0 auto;
	display: block;
	overflow: hidden;
}
.host-thumb img {
	display: block;
	width: 100%;
}
.host-detail {
	display: block;
	clear: both;
	text-align: center;
	margin: 15px 0 0 0px;
}
.host-detail h5 {
	font-size: 21px;
	color: #535251;
	font-weight: 700;
	text-transform: uppercase;
	display: block;
	margin: 0px;
}
.host-detail p {
	font-size: 16px;
	color: #535251;
	font-weight: normal;
	display: block;
	margin: 9px 0 0 0px;
}
.host-detail p i {
	display: inline-block;
	vertical-align: middle;
	margin: -2px 8px 0 0;
}
.host-detail p a {
	color: #535251;
}
.host-detail p a:hover {
	text-decoration: underline;
}
.host-button {
	background: #7a7a7a;
	color: #fff;
	text-align: center;
	font-size: 15px;
	display: block;
	margin: 15px auto 0 auto;
	max-width: 100px;
	padding: 7px 0px;
}
.host-button:hover {
	background: #000;
}
.gyft-recipt {
	display: block;
	overflow: hidden;
	margin: 20px 0 0 0px;
	padding: 0px;
}
.gyft-recipt h4 {
	background: #f5f5f5;
	border: solid 1px #e8e7e5;
	display: block;
	overflow: hidden;
	font-size: 14px;
	color: #002f66;
	font-weight: 400;
	padding: 10px 10px 0 10px;
}
.gyft-recipt h4 span {
	border-bottom: 3px solid #002f66;
	float: left;
	margin: 0 0 0 -10px;
	padding: 0 0 7px 10px;
}
.recipt-list {
	display: block;
	overflow: hidden;
	clear: both;
	border: solid 1px #e8e7e5;
	border-top: none;
	padding: 10px 0;
}
.recipt-list ul li {
	list-style: none;
	display: block;
	overflow: hidden;
	border-bottom: solid 1px #efeded;
	padding: 15px 0px;
	margin: 0 15px;
}
.recipt-list ul li h5 {
	font-size: 14px;
	color: #615e5e;
	font-weight: 700;
	display: block;
	margin: 0px;
}
.recipt-list ul li p {
	font-size: 13px;
	color: #615e5e;
	display: block;
	margin: 0px;
}
.recipt-list ul li .rl-comment {
	font-style: italic;
}
.recipt-list ul li .rl-user {
	display: block;
	margin: 12px 0 0 0px;
}
.recipt-list ul li .rl-user img {
	float: left;
	width: 38px;
	height: 38px;
	border: solid 2px #d9d8d5;
	border-radius: 100%;
}
.recipt-list ul li .rl-user h6 {
	font-size: 14px;
	color: #615e5e;
	font-weight: 700;
	display: block;
	margin: 0 0 0 55px;
}
.recipt-list ul li .rl-user span {
	display: block;
	font-size: 12px;
	color: #615e5e;
	margin: 0 0 0 55px;
}
.campain-gallery {
	float: left;
	margin: 36px 0 0 0;
	padding: 0;
	width: 750px;
}
.gallery-slide {
	width: 100%;
	float: left;
	margin: 0px;
	border: solid 1px #e8e7e5;
	border-top: none;
	box-sizing: border-box;
}
.gallery-box {
	display: block;
	overflow: hidden;
	background: #f5f5f5;
	padding: 5px;
	border: solid 1px #e8e7e5;
	margin: 23px 20px 0 20px;
}
.gallery-box img {
	display: block;
	max-width: 100%;
}
.campain-video {
	float: right;
	margin: 35px 0 0 0;
	padding: 0;
	width: 330px;
}
.cv-box {
	width: 100%;
	float: left;
	margin: 0px;
	padding: 10px;
	border: solid 1px #e8e7e5;
	border-top: none;
	box-sizing: border-box;
}
.cv-box img {
	max-width: 100%;
	display: block;
	margin: auto;
}
.cv-box iframe {
	width: 100%;
}
.back {
	font-size: 14px;
	font-weight: 400;
    margin-top: 10px;
}
.group-gyft-campaign {
	width: 786px;
	float: left;
	margin: 0px;
	padding: 0px;
}
h5.section-title {
	font-size: 16px;
	color: #615e5e;
	font-weight: 700;
	border-bottom: solid 1px #f0efed;
	display: block;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}
h5.section-title span {
	float: left;
	border-bottom: solid 2px #002f66;
	padding: 0 0 4px 0;
}
.detail-box {
	width: 100%;
	box-sizing: border-box;
	background-color: #f5f5f5;
	border: solid 1px #e8e7e5;
	padding: 22px;
	float: left;
	margin: 15px 0 0 0px;
}
.gg-thumb {
	max-width: 222px;
	width: 100%;
	float: left;
	border: solid 3px #fff;
}
.gg-thumb img {
	display: block;
	max-width: 100%;
}
.gg-detail {
	display: block;
	margin: 0 0 0 242px;
	padding: 0px;
}
.gg-detail h4 {
	font-size: 18px;
	color: #1f4574;
	font-weight: 500;
	display: block;
	margin: 0 0 5px 0px;
	padding: 0px;
}
.gg-detail p {
	font-size: 14px;
	color: #615e5e;
	font-weight: 400;
	display: block;
	margin: 0 0 8px 0px;
}
.gg-detail ul li {
	list-style: none;
	display: block;
	font-size: 14px;
	color: #615e5e;
	font-weight: 400;
	margin: 0 0 5px 0px;
}
.gg-detail ul li i {
	display: inline-block;
	vertical-align: middle;
	margin: -3px 10px 0 0px;
}
.gg-detail ul li span {
	color: #f80101;
}
.campaign-host {
	width: 282px;
	float: right;
	margin: 0px;
	padding: 0px;
}
.campaign-host h4 {
	font-size: 16px;
	color: #535251;
	font-weight: 700;
	text-transform: uppercase;
	display: block;
	text-align: center;
	margin: 20px 0 0 0px;
}
.space {
	padding: 14px!Important;
}
.top {
	margin: auto!Important;
}
.minspace {
	min-height: 241px;
}
.contributor-comment {
	width: 100%;
	display: inline-block;
	border: solid 1px #e8e7e5;
	overflow: hidden;
	margin: 30px 0 0 0px;
	padding: 22px 22px;
	box-sizing: border-box;
	background: #fff;
}
.contributor-comment h4 {
	font-size: 18px;
	color: #1f4574;
	font-weight: 500;
	display: block;
	margin: 0px;
	padding: 0px;
}
.contributor-comment .comments {
	display: block;
	overflow: hidden;
	margin: 12px 0 0 0px;
	padding: 0 0 12px 0px;
	border-bottom: solid 1px #ece9e9;
}
.contributor-comment .comments p {
	font-size: 15px;
	color: #7c7a7a;
	font-weight: 400;
	display: block;
	margin: 0px;
	padding: 0px;
}
.contributor-comment .comments span {
	display: block;
	margin: 10px 0 0 0px;
	padding: 0px;
	font-size: 13px;
	color: #535251;
	font-weight: 500;
}
.contributor-comment .comments span b {
	color: #000;
	font-size: 15px;
	font-weight: 500;
}
.contributor-comment .print-button {
	height: 40px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	display: block;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	line-height: 40px;
	padding: 0;
	max-width: 220px;
	background-color: #85c226;
	text-align: center;
	margin: 22px auto 0 auto;
}
.contributor-comment .print-button:hover {
	background: #000;
}
.gg-example {
	width: 100%;
	max-width: 920px;
	margin: auto;
	display: block;
	overflow: hidden;
}
.gg-example .examples {
	width: 100%;
	display: inline-block;
	margin: 0 0 40px 0px;
}
.csv-section {
	max-width: 926px;
	margin: auto;
	display: block;
	overflow: hidden;
	background-color: #fff;
	border: solid 1px #e8e7e5;
	padding: 0 0 30px 0px;
}
.csv-info {
	background: #f5f5f5;
	border-bottom: solid 1px #e8e7e5;
	display: block;
	overflow: hidden;
	padding: 44px 10px;
}
.csv-info p {
	font-size: 18px;
	color: #1f4574;
	font-weight: 500;
	display: block;
	text-align: center;
	line-height: 22px;
}
.csv-detail {
	width: 100%;
	display: inline-block;
	margin: 25px 0 0 0px;
	padding: 0 25px;
	box-sizing: border-box;
}
.csv-detail h4 {
	font-size: 16px;
	color: #615e5e;
	font-weight: 700;
	float: left;
	margin: 0 0 10px 0px;
}
.csv-detail p{
	color: #615e5e;
	display:block;
	font-size: 14px;
	font-weight: 400;
	clear:both;
}
.csv-detail ul li {
	list-style: none;
	width: 100%;
	display: inline-block;
	box-sizing: border-box;
}
.csv-detail ul li span {
	float: left;
}
.csv-detail ul li p {
	clear: both;
	color: #615e5e;
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	margin: 2px 0 0 6px;
}
.csv-detail .example {
	display: block;
	margin: 0 0 0 85px;
	padding: 0px;
}
.csv-detail .example img {
	max-width: 100%;
	display: block;
}
.upload-csv {
	height: 41px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	display: inline-block;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	line-height: 40px;
	padding: 0 18px;
	background-color: #85c226;
	text-align: center;
	margin: 22px 2px 0 2px;
	cursor: pointer;
	border: none;
}
.upload-csv:hover {
	background: #000;
}
.csv-cancel {
	font-size: 16px;
	font-weight: 500;
	padding: 0 9px;
	margin: 22px 2px 0 2px;
	display: inline-block;
	background: #7c7a7a;
}
.gg-create-group {
	background-color: #f5f5f5;
	border: solid 1px #e8e7e5;
	width: 100%;
	display: inline-block;
	margin: 15px 0 0 0px;
	padding: 10px 25px;
	box-sizing: border-box;
    position: relative;
}
.gg-create-group label {
	font-size: 16px;
	color: #615e5e;
	font-weight: 500;
	float: left;
	margin: 11px 0 0 0px;
	padding: 0px;
    width: 28%;
}
.gg-create-group label span {
	font-size: 14px;
	font-weight: 400;
	display: block;
	margin: 0px;
}
.gg-field {
	width: 497px;
	height: 44px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #fff;
	float: right;
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	color: #615e5e;
	font-weight: 400;
	padding: 0 12px;
	box-sizing: border-box;
	border: none;
	outline: none;
}
.picture-view {
	width: 100%;
	margin: 0px;
	padding: 0px;
}
.align-center {
    text-align: center;
    width: 100%;
    display: inline-block;
}
.upload-view {
	max-width: 320px;
	border: solid 1px #e8e7e5;
	display: block;
	margin: 0 0 19px 0px;
	padding: 0px;
}
.upload-view img {
	max-width: 100%;
	display: block;
}
.gg-file {
	max-width: 497px;
	height: 36px;
	width: 100%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #fff;
	float: right;
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	color: #615e5e;
	font-weight: 400;
	box-sizing: border-box;
	border: none;
	outline: none;
	margin: 4px 0 0 0px;
	cursor: pointer;
}
.gg-file.small {
	width: 100%!Important;
	max-width: 497px;
}
.file-formate {
	font-size: 13px;
	color: #4c4c4b;
	font-weight: 300;
	display: block;
	clear: both;
	margin: 0px;
	padding: 15px 0px;
}
.picture-view p {
	font-size: 13px;
	color: #4c4c4b;
	font-weight: 500;
	display: block;
	line-height: 14px;
	margin: 0 0 15px 0px;
	padding: 0px;
}
.gg-textarea {
	width: 497px;
	height: 117px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #fff;
	float: right;
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	color: #615e5e;
	font-weight: 400;
	padding: 12px 12px;
	box-sizing: border-box;
	border: none;
	outline: none;
	resize: vertical;
}
.video-group {
	float: right;
	width: 497px;
	margin: 0px;
	padding: 0px;
}
.or {
	font-size: 14px;
	color: #002f66;
	font-weight: 400;
	text-transform: uppercase;
	display: block;
	clear: both;
	text-align: center;
	padding: 10px 0;
}
.campaignsetting {
	display: block;
	margin: 0px 0 0 0px;
	padding: 0px;
	overflow: hidden;
}
h4.smalltitle {
	font-size: 18px;
	color: #535251;
	font-weight: 700;
	display: block;
	border-bottom: solid 1px #f0efed;
	margin: 0px;
	text-transform: uppercase;
}
h4.smalltitle:after {
	width: 234px;
	height: 3px;
	border-bottom: solid 3px #615e5e;
	content: "";
	display: block;
	margin: 1px 0 0 0px;
}
.ps-group {
	width: 100%;
	display: inline-block;
	margin: 13px 0 0 0px;
	padding: 0px;
}
.ps-group label {
	float: left;
	font-size: 13px;
	color: #535251;
	font-weight: 400;
	margin: 2px 0 0 0px;
}

.country-drop {
      background-color: #fff;
    border: 1px solid #d9d6d6;
    border-radius: 3px;
    box-shadow: -1px 2px 5px rgba(0, 0, 0, 0.06);
    box-sizing: border-box;
    color: #615e5e;
    float: left;
    font-size: 14px;
    font-weight: 400;
    height: 41px;
    margin: 20px 0 0;
    padding: 0 12px;
    position: relative;
    width: 100% ;
}


.country-drop .sbSelector {
	color: #898989;
    height: 39px;
    line-height: 36px;
    text-indent: 7px;
    width: 100%;
}
.country-drop .sbToggle {
	right: 5px;
        top: 16px;
}
.country-drop .sbOptions {
	width: 100%;
}

.category-drop {
	background-color: #f5f5f5;
	border: solid 1px #e8e7e5;
	font-size: 13px;
	font-weight: normal;
	height: 24px;
	position: relative;
	width: 141px;
	float: right;
	margin: 0px;
	box-sizing: border-box;
}
.category-drop .sbSelector {
	height: 24px;
	line-height: 21px;
	width: 100%;
	color: #898989;
	text-indent: 7px;
}
.category-drop .sbToggle {
	top: 9px;
	right: 5px;
}
.category-drop .sbOptions {
	width: 100%;
}
/*--******onofftoggle********--*/
.onoffswitch {
	float: right;
	position: relative;
	width: 70px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
.onoffswitch-checkbox {
	display: none;
}
.onoffswitch-label {
	display: block;
	overflow: hidden;
	cursor: pointer;
	border-radius: 3px;
	text-align: inherit!important;
}
.onoffswitch-inner {
	display: block;
	width: 200%;
	margin-left: -100%;
	-webkit-transition: margin 0.3s ease-in 0s;
	-moz-transition: margin 0.3s ease-in 0s;
	-o-transition: margin 0.3s ease-in 0s;
	transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
	display: block;
	float: left;
	width: 50%;
	height: 19px;
	padding: 0;
	line-height: 19px;
	font-size: 14px;
	color: white;
	font-family: Trebuchet, Arial, sans-serif;
	font-weight: bold;
	box-sizing: border-box;
}
.onoffswitch-inner:before {
	content: "Yes";
	padding-left: 15px;
	background-color: #85c226;
	color: #FFFFFF;
}
.onoffswitch-inner:after {
	content: "No";
	padding-right: 15px;
	background-color: #002f66;
	color: #FFFFFF;
	text-align: right;
}
.gray-inner {
	display: block;
	width: 200%;
	margin-left: -100%;
	-webkit-transition: margin 0.3s ease-in 0s;
	-moz-transition: margin 0.3s ease-in 0s;
	-o-transition: margin 0.3s ease-in 0s;
	transition: margin 0.3s ease-in 0s;
}
.gray-inner:before, .gray-inner:after {
	display: block;
	float: left;
	width: 50%;
	height: 19px;
	padding: 0;
	line-height: 19px;
	font-size: 14px;
	color: #615e5e;
	font-family: Trebuchet, Arial, sans-serif;
	font-weight: bold;
	box-sizing: border-box;
}
.gray-inner:before {
	content: "ON";
	padding-left: 10px;
	background-color: #e1e1e1;
	color: #615e5e;
}
.gray-inner:after {
	content: "OFF";
	padding-right: 10px;
	background-color: #c1c1c1;
	color: #615e5e;
	text-align: right;
}
.onoffswitch-switch {
	display: block;
	width: 15px;
	height: 15px;
	margin: 0px;
	background: #FFFFFF;
	position: absolute;
	top: 4px;
	bottom: 0;
	right: 52px;
	border-radius: 3px;
	-webkit-transition: all 0.3s ease-in 0s;
	-moz-transition: all 0.3s ease-in 0s;
	-o-transition: all 0.3s ease-in 0s;
	transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
	margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
	right: 3px;
}
/*--****connectedonoff*****--*/

.onoffswitch-connect {
	float: left;
	position: relative;
	width: 125px;
	margin: 0 0 0 15px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
.onoffswitch-connect-checkbox {
	display: none;
}
.onoffswitch-connect-label {
	display: block;
	overflow: hidden;
	cursor: pointer;
	border-radius: 3px;
	text-align: inherit!important;
	width: auto!Important;
}
.onoffswitch-connect-inner {
	display: block;
	width: 200%;
	margin-left: -100%;
	-webkit-transition: margin 0.3s ease-in 0s;
	-moz-transition: margin 0.3s ease-in 0s;
	-o-transition: margin 0.3s ease-in 0s;
	transition: margin 0.3s ease-in 0s;
}
.onoffswitch-connect-inner:before, .onoffswitch-connect-inner:after {
	display: block;
	float: left;
	width: 50%;
	height: 19px;
	padding: 0;
	line-height: 19px;
	font-size: 14px;
	color: white;
	font-family: Trebuchet, Arial, sans-serif;
	font-weight: bold;
	box-sizing: border-box;
}
.onoffswitch-connect-inner:before {
	content: "Connected";
	padding-left: 10px;
	background-color: #85c226;
	color: #FFFFFF;
}
.onoffswitch-connect-inner:after {
	content: "Disconnected";
	padding-right: 10px;
	background-color: #002f66;
	color: #FFFFFF;
	text-align: right;
}
.onoffswitch-connect-switch {
	display: block;
	width: 15px;
	height: 15px;
	margin: 0px;
	background: #FFFFFF;
	position: absolute;
	top: 5px;
	bottom: 0;
	right: 108px;
	border-radius: 3px;
	-webkit-transition: all 0.3s ease-in 0s;
	-moz-transition: all 0.3s ease-in 0s;
	-o-transition: all 0.3s ease-in 0s;
	transition: all 0.3s ease-in 0s;
}
.onoffswitch-connect-checkbox:checked + .onoffswitch-connect-label .onoffswitch-connect-inner {
	margin-left: 0;
}
.onoffswitch-connect-checkbox:checked + .onoffswitch-connect-label .onoffswitch-connect-switch {
	right: 3px;
}
/*--******newbutton******--*/
.onoffswitch-two {
	float: left;
	position: relative;
	width: 70px;
	margin: 0 0 0 15px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
.onoffswitch-two-checkbox {
	display: none;
}
.onoffswitch-two-label {
	display: block;
	overflow: hidden;
	cursor: pointer;
	border-radius: 3px;
	text-align: inherit!important;
	width: auto!Important;
}
.onoffswitch-two-inner {
	display: block;
	width: 200%;
	margin-left: -100%;
	-webkit-transition: margin 0.3s ease-in 0s;
	-moz-transition: margin 0.3s ease-in 0s;
	-o-transition: margin 0.3s ease-in 0s;
	transition: margin 0.3s ease-in 0s;
}
.onoffswitch-two-inner:before, .onoffswitch-two-inner:after {
	display: block;
	float: left;
	width: 50%;
	height: 19px;
	padding: 0;
	line-height: 19px;
	font-size: 14px;
	color: white;
	font-family: Trebuchet, Arial, sans-serif;
	font-weight: bold;
	box-sizing: border-box;
}
.onoffswitch-two-inner:before {
	content: "Yes";
	padding-left: 10px;
	background-color: #85c226;
	color: #FFFFFF;
}
.onoffswitch-two-inner:after {
	content: "No";
	padding-right: 10px;
	background-color: #002f66;
	color: #FFFFFF;
	text-align: right;
}
.onoffswitch-two-switch {
	display: block;
	width: 15px;
	height: 15px;
	margin: 0px;
	background: #FFFFFF;
	position: absolute;
	top: 5px;
	bottom: 0;
	right: 52px;
	border-radius: 3px;
	-webkit-transition: all 0.3s ease-in 0s;
	-moz-transition: all 0.3s ease-in 0s;
	-o-transition: all 0.3s ease-in 0s;
	transition: all 0.3s ease-in 0s;
}
.onoffswitch-two-checkbox:checked + .onoffswitch-two-label .onoffswitch-two-inner {
	margin-left: 0;
}
.onoffswitch-two-checkbox:checked + .onoffswitch-two-label .onoffswitch-two-switch {
	right: 7px;
}
.show-group {
	margin: 0px;
	padding: 0px;
	width: 100%;
	display: inline-block;
}
.sub {
	margin: 8px 0 0 0;
}
.sg-label {
	max-width: 167px;
	width: 100%;
	text-align: right;
	font-size: 13px;
	color: #535251;
	font-weight: 400;
	margin: 4px 0 0 0px;
	float: left;
}
/*.sg-label.light {
	color: #bab6b6!Important;
}*/
.sg-field {
	width: 71px !important;
	height: 24px;
	background-color: #f5f5f5;
	border: solid 1px #e8e7e5;
	float: right;
	margin: 0px;
	padding: 0px;
	outline: none;
	padding: 0 5px;
	box-sizing: border-box;
	font-size: 13px;
	color: #535251;
	font-weight: 400;
}
.align {
	float: right;
	margin: 0 51px 0 0px;
}
.preview {
	font-size: 14px;
	font-weight: 400;
	background: #85c226;
	padding: 0 9px;
	margin: 25px 0 0 0px;
}
.save {
	font-size: 14px;
	font-weight: 400;
	padding: 0 9px;
	margin: 25px 0 0 0px;
	float: right;
	background: #7c7a7a;
}
.full {
	width: 100%!Important;
}
.review-table {
	width: 100%;
	float: left;
	border: solid 1px #e8e7e5;
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
}
.review-table tr {
	border-bottom: solid 1px #e8e7e5;
}
.review-table tr:hover {
	background: #c9ffad;
}
.review-table tr.active, .review-table tr.active td {
	background: #85c226;
	color: #fff;
        
}

.rowtr{ cursor: pointer;  }
.review-table tr:last-child {
	border: none;
}
.review-table tr:hover.last {
	background: none;
}
.review-table tr th {
	font-size: 14px;
	color: #002f66;
	font-weight: 500;
	padding: 12px 23px;
	text-align: left;
}
.review-table tr:hover th {
	background: #fff;
}
.review-table tr th:nth-child(4) {
	text-align: center;
}
.review-table tr td {
	font-size: 13px;
	color: #615e5e;
	font-weight: 400;
	padding: 12px 23px;
}
.review-table tr td.notdeliver {
	color: #d10202;
}
.hosted-gyft {
	width: 735px;
	margin: auto;
	display: block;
	overflow: hidden;
}
ul.host-option {
	display: block;
	margin: 18px 0 0 0px;
	padding: 0px;
}
.host-option.mi {
	margin: 36px 0 0 0px;
}

.gg-detail .host-option.mi {
    margin: 12px 0 0 0px !important;
}

ul.host-option li {
	list-style: none;
	float: left;
	font-size: 13px;
	margin: 0 7px 5px 0px;
}
ul.host-option li.contribution {
	font-size: 18px;
	font-weight: 500;
	color: #6aa70b;
	margin: 3px 7px 0 0;
}
ul.host-option li a {
	display: block;
	color: #fff;
	text-align: center;
	height: 30px;
	padding: 0 17px;
	line-height: 30px;
	-webkit-border-radius: 3px 2px 2px 3px/3px;
	-moz-border-radius: 3px 2px 2px 3px/3px;
	border-radius: 3px 2px 2px 3px/3px;
	background-color: #7c7a7a;
}
ul.host-option li a.green {
	background: #85c226;
}
ul.host-option li a:hover {
	background: #000;
}
.dashboard-gyft {
	width: 100%;
	display: inline-block;
	margin: 0 0 40px 0px;
}
.faq-left {
	width: 825px;
	float: left;
	margin: 0px;
	padding: 0px;
}
.faq-search {
	width: 100%;
	height: 47px;
	float: left;
	padding: 0 40px 0 10px;
	box-sizing: border-box;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #fff url(../img/search-icon.png) no-repeat;
	background-position: 99% 11px;
	border: solid 1px #e7e7e5;
	font-size: 18px;
	color: #515152;
	font-weight: 500;
	margin: 0 0 25px 0px;
}
.faq-left h4 {
	font-size: 18px;
	color: #002f66;
	font-weight: 500;
	display: block;
	border-bottom: solid 1px #e8e7e5;
	margin: 0 0 15px 0px;
	padding: 0 0 6px 0px;
}
.pagignation {
	width: 100%;
	float: left;
	text-align: center;
	margin: 25px 0 0 0px;
}
.pagignation ul li {
	list-style: none;
	display: inline-block;
	font-size: 16px;
	margin: 0 4px;
}
.pagignation ul li a {
	display: block;
	color: #161515;
	text-align: center;
	width: 36px;
	height: 36px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #f5f5f5;
	border: solid 1px #e8e7e5;
	line-height: 36px;
}
.pagignation ul li a:hover {
	color: #fff;
	background: #002f66;
	border: solid 1px #002f66;
}
.pagignation ul li.active a {
	color: #fff;
	background: #002f66;
	border: solid 1px #002f66;
}
.faq-category {
	width: 250px;
	float: right;
	margin: 0px;
	padding: 0px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #fff;
	border: solid 1px #e7e7e5;
}
.faq-category h4 {
	font-size: 17px;
	color: #002f66;
	font-weight: 500;
	display: block;
	border-bottom: solid 1px #e7e7e5;
	padding: 11px 16px;
	margin: 0px;
}
.faq-category ul {
	margin: 10px 0px;
}
.faq-category ul li {
	list-style: none;
	display: block;
	font-size: 14px;
}
.faq-category ul li a {
	display: block;
	color: #615e5e;
	padding: 7px 16px;
}

.faq-category ul li.active a {
    font-weight: bold;
}

.faq-category ul li a:hover {
	color: #002f66;
}
.faq-category ul li.active a {
	color: #002f66;
}
.close-campaign-info {
	width: 100%;
	display: inline-block;
	border: solid 1px #e8e7e5;
	overflow: hidden;
	padding: 0;
	box-sizing: border-box;
	background: #fff;
}
.close-campaign-info h4 {
	font-size: 18px;
	color: #002f66;
	font-weight: 500;
	border-bottom: solid 1px #e8e7e5;
	display: block;
	margin: 0px;
	padding: 13px 15px 0;
}
.close-campaign-info h4:after {
	width: 295px;
	height: 3px;
	border-bottom: solid 3px #002f66;
	display: block;
	content: "";
	margin: 3px 0 0 -15px;
}
.close-note {
	background: #f5f5f5;
	display: block;
	overflow: hidden;
	margin: 0px;
	padding: 19px;
}
.close-note p {
	font-size: 14px;
	color: #002f66;
	font-weight: 500;
	display: block;
	margin: 0 0 10px 0px;
	padding: 0px;
}
.campaign-schdule {
	max-width: 1000px;
	width: 100%;
	display: block;
	margin: 15px auto;
	overflow: hidden;
	text-align: center;
	padding: 0 20px;
	box-sizing: border-box;
}
.campaign-schdule p {
	font-size: 15px;
	color: #535251;
	font-weight: 500;
	display: block;
	margin-bottom: 10px;
}
.campaign-schdule .cs-button {
	height: 40px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	line-height: 40px;
	padding: 0 15px;
	max-width: 220px;
	background-color: #85c226;
	text-align: center;
	margin: 22px 5px 0 5px;
	display: inline-block;
}
.campaign-schdule .cs-button:hover {
	background: #000 !important;
}
.campaign-schdule .cs-button.close {
	background: #7c7a7a;
}
.change-contribution {
	border: solid 1px #e8e7e5;
	background: #f5f5f5;
	display: block;
	overflow: hidden;
	margin: 0px;
	padding: 50px;
}
.change-contribution p {
	font-size: 18px;
	color: #636363;
	font-weight: 500;
	display: block;
	text-align: center;
	line-height: 24px;
}
.cc-detail {
	max-width: 505px;
	width: 100%;
	margin: auto;
	display: block;
	overflow: hidden;
	margin: 44px auto 0 auto;
}
.cc-view {
	width: 100%;
	border: solid 1px #eae9e7;
	display: block;
	overflow: hidden;
	padding: 5px;
	box-sizing: border-box;
	margin: auto;
}
.cc-view img {
	display: block;
	width: 100%;
}
.cc-detail h3 {
	font-size: 25px;
	color: #002f66;
	font-weight: 700;
	display: block;
	text-align: center;
	margin: 18px 0px;
}
.cc-detail .revise {
	font-size: 18px;
	color: #4db402;
	display: block;
	text-align: center;
	margin-bottom: 15px;
}
.cc-detail input[type="text"] {
	width: 100%;
	height: 47px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	box-sizing: border-box;
	background-color: #fff;
	border: solid 1px #e8e7e5;
	text-align: center;
	padding: 0 8px;
	box-sizing: border-box;
	font-size: 14px;
	font-weight: 400;
	color: #535251;
	float: left;
	margin: 15px 0 0 0;
}
.cc-detail input[type="text"].red {
	color: #ff0000!Important;
}
.about-field {
	display: block;
	float: none!Important;
	margin: 14px auto 0!Important;
	max-width: 315px;
}
.confirm {
	background: #85c226 none repeat scroll 0 0;
	font-size: 14px;
	font-weight: 400;
	margin: 0 2px;
	padding: 0 15px;
	box-sizing: border-box;
}
.return {
	background: #636363 none repeat scroll 0 0;
	font-size: 14px;
	font-weight: 400;
	margin: 0 2px;
	padding: 0 15px;
	box-sizing: border-box;
}
.cc-detail input[type="text"].align {
	text-align: left!important;
}
.half {
	width: 48%!Important;
}
.pull-right {
	float: right!Important;
}
.cc-info {
	color: #4c4c4b;
	display: inline-block;
	font-size: 18px;
	font-weight: 500;
	margin: 25px 0 0;
	text-align: center;
	width: 100%;
}
.learnmore {
	color: #002f66;
}
.learnmore:hover {
	color: #000;
}
.learnmore .learn {
	background: #fff;
	border: solid 1px #ccc;
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	color: #615e5e;
	font-size: 13px;
	margin: 10px 0 0 0px;
	opacity: 0;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.learnmore:hover .learn {
	opacity: 1;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
ul.amount {
	display: block;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	text-align: center;
}
ul.amount li {
	list-style: none;
	display: inline-block;
	width: 96px;
	height: 96px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #f5f5f5;
	border: solid 5px #fff;
	padding: 0px;
	box-sizing: border-box;
	margin: 0 5px;
}
ul.amount li a {
	display: block;
	background: #f5f5f5;
	font-size: 35px;
	color: #002f66;
	font-weight: 700;
	line-height: 82px;
	height: 100%;
}
ul.amount li a sub {
	font-size: 25px;
	font-style: normal;
	vertical-align: middle;
}
ul.amount li a:hover {
	background: #85c226;
	color: #fff;
}
ul.amount li.active a {
	background: #85c226;
	color: #fff;
}
.category-email {
	width: 100%;
	float: left;
	margin: 0px;
	padding: 0px;
}
.category-email h3 {
	font-size: 18px;
	color: #1f4574;
	font-weight: 500;
	display: block;
	text-align: center;
	border: solid 1px #e8e7e5;
	padding: 13px 5px;
	border-bottom: none;
}
.email-group {
	background: #f5f5f5;
	width: 100%;
	float: left;
	border: solid 1px #e8e7e5;
	border-bottom: none;
	margin: 0px;
	padding: 0 0 25px 0px;
	box-sizing: border-box;
}
.email-group h4 {
	font-size: 16px;
	color: #615e5e;
	font-weight: 700;
	text-transform: uppercase;
	display: block;
	text-align: center;
	padding: 22px 5px;
}
.email-group ul {
	text-align: center;
}
.email-group ul li {
	list-style: none;
	display: inline-block;
	font-size: 16px;
	font-weight: 400;
	margin: 0 5px;
	width: 133px;
	height: 110px;
}
.email-group ul li a {
	color: #615e5e;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #fff;
	border: solid 1px #e8e7e5;
	padding: 19px 0;
	box-sizing: border-box;
	display: block;
}
.email-group ul li a:hover {
	background: #c9ffad;
}
.email-group ul li h5 {
	font-size: 35px;
	font-weight: 700;
}
.email-group span {
	font-size: 18px;
	color: #615e5e;
	font-weight: 700;
	display: block;
	text-align: center;
	margin: 15px 0px 0 0;
}
.filter {
	float: right;
	margin: 1px 0 0 0;
}
.email-form-outer {
	background: #f5f5f5;
	width: 100%;
	float: left;
	border: solid 1px #e8e7e5;
	border-top: none;
	margin: 0px;
	padding: 0 0 25px 0px;
}
.email-group-form {
	max-width: 517px;
	width: 100%;
	margin: auto;
	display: block;
	overflow: hidden;
	margin-top: 50px;
}
.egf-group {
	width: 100%;
	float: left;
	margin: 20px 0 0px 0px;
}
.egf-group label {
	font-size: 14px;
	color: #615e5e;
	font-weight: 500;
	text-align: right;
	float: left;
	min-width: 80px;
	margin: 13px 0 0 0;
}
.egf-group input[type="text"] {
	width: 426px;
	height: 46px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #fff;
	border: solid 1px #e8e7e5;
	float: right;
	font-size: 14px;
	color: #797979;
	font-weight: 400;
	padding: 0 10px;
	box-sizing: border-box;
	outline: none;
}
.egf-group textarea {
	width: 426px;
	height: 135px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #fff;
	border: solid 1px #e8e7e5;
	float: right;
	font-size: 14px;
	color: #797979;
	font-weight: 400;
	padding: 10px 10px;
	box-sizing: border-box;
	outline: none;
	resize: vertical;
}
.send-email {
	padding: 0 15px;
	background: #85c226;
	margin: 0 10px 0 0px;
}
.manage-email-group {
	background: #f5f5f5;
	width: 100%;
	float: left;
	border: solid 1px #e8e7e5;
	border-bottom: none;
	margin: 0px;
	padding: 30px 0;
	box-sizing: border-box;
}
.manage-invitees {
	background: #ffffff;
	width: 45%;
	display: inline-block;
	margin: 0px 0 0 3%;
	padding: 25px 0;
	text-align: center;
}
.manage-invitees h6 {
	font-size: 16px;
	color: #615e5e;
	font-weight: 700;
	text-transform: uppercase;
	display: block;
	text-align: center;
	margin: 0 0 15px 0px;
}
.manage-invitees ul li {
	list-style: none;
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	width: 114px;
	height: 93px;
	margin: 0 5px;
}
.manage-invitees ul li a {
	color: #615e5e;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #fff;
	border: solid 1px #e8e7e5;
	padding: 13px 0;
	box-sizing: border-box;
	display: block;
}
.manage-invitees ul li a:hover {
	background: #c9ffad;
}

.manage-invitees ul li a.active {
	background: #c9ffad;
}

.manage-invitees ul li h5 {
	font-size: 32px;
	font-weight: 700;
}
.mi-option {
	color: #615e5e;
	font-size: 14px;
	margin: 0 8px;
}
.mi-option:hover {
	color: #000;
}
.total {
	font-size: 16px!Important;
	color: #002f66!Important;
	font-weight: 700!Important;
	text-align: left!Important;
}
.total.last {
	text-align: center!Important;
}
.manage-invitees-row {
	float: left;
	margin: 25px 0 0 0;
	padding: 0 25px;
	box-sizing: border-box;
	text-align: center;
	width: 100%;
}
p.nothank-info {
	color: #67a00e;
}
.large {
	font-size: 21px!Important;
	margin: 0 0 18px 0px!Important;
}
.large:after {
	width: 228px!Important;
}
.print {
	padding: 0 50px;
	background: #85c226;
	margin: 0 10px 0 0px;
}
.cancel-return {
	padding: 0 15px;
	background: #5a5959;
	margin: 0 10px 0 0px;
}
.gyft-recipient {
	width: 100%;
	height: auto;
	float: left;
}
.gyft-recipient .comment {
	margin: 0 0 20px 0;
}
.gyft-recipient-input {
	width: 100%;
	height: 45px;
	-webkit-border-radius: 2px/3px;
	-moz-border-radius: 2px/3px;
	border-radius: 2px/3px;
	background-color: #fff;
	border: solid 1px #e8e7e5;
	padding: 10px 10px;
	box-sizing: border-box;
	font-size: 14px;
	color: #535251;
	font-weight: 400;
}
ul.print-host-box {
	width: 100%;
	float: left;
	text-align: center;
	margin: 0px;
	overflow: hidden;
}
ul.print-host-box li {
	list-style: none;
	display: inline-block;
	width: 100%;
	max-width: 470px;
	margin: 30px 0px 10px;
	vertical-align:top;
}
ul.print-host-box li .printfile {
	width: 100%;
	max-width: 325px;
	max-height: 270px;
	background: #f5f5f5;
	box-sizing: border-box;
	margin: auto;
	display: block;
	overflow: hidden;
	padding: 30px 30px 20px;
	border: solid 1px #e8e7e5;
}
ul.print-host-box li .printfile span {
	color: #8b8b8a;
	float: left;
	font-size: 14px;
	padding-top: 10px;
	width: 100%;
}
ul.print-host-box li:last-child {
	width: 100%;
}
ul.print-host-box li .printfile img {
	max-width: 100%;
	display: inline-block;
	vertical-align: middle;
}
ul.print-host-box li .printfile:hover {
	background: #e4f6d5;
}
ul.print-host-box li h4 {
	font-size: 18px;
	color: #1f4574;
	font-weight: 500;
	display: block;
	text-align: center;
	margin: 15px 0px;
}
.phb-button {
	box-sizing: border-box;
	float: left;
	margin: 10px 0 0;
	padding: 0;
	text-align: center;
	width: 100%;
}
.print-pdf {
	padding: 0 15px;
	background: #85c226;
	margin: 0 2px;
	font-size: 14px;
	font-weight: 400;
}
.download-pdf {
	padding: 0 15px;
	margin: 0 2px;
	font-size: 14px;
	font-weight: 400;
}
.view-pdf {
	padding: 0 15px;
	margin: 0 2px;
	font-size: 14px;
	font-weight: 400;
	background: #615e5e;
}
.share-campaign {
	max-width: 915px;
	width: 100%;
	margin: 0 auto 35px auto;
	display: block;
	overflow: hidden;
	border: solid 1px #e8e7e5;
	padding: 0 0 25px 0px;
}
.sc-method {
	background: #f5f5f5;
	display: block;
	overflow: hidden;
	margin: 0px;
	padding: 28px 28px 18px 28px;
	border-bottom: solid 1px #e8e7e5;
}
.sc-method ul li {
	list-style: none;
	display: block;
	font-size: 21px;
	color: #002f66;
	margin: 0 0 10px 0px;
}
.sc-method ul li i {
	float: left;
	margin: 0px;
}
.sc-method ul li p {
	display: block;
	line-height: 21px;
	margin: 0 0 0 30px;
}
.sc-content {
	width: 100%;
	float: left;
	margin: 0px;
	padding: 20px 28px;
	box-sizing: border-box;
}
.sc-content h4 {
	font-size: 16px;
	color: #002f66;
	font-weight: 700;
	text-transform: uppercase;
	display: block;
	margin: 0 0 7px 0px;
}
.sc-content p {
	font-size: 14px;
	color: #615e5e;
	font-weight: 400;
	display: block;
	margin: 0px;
}
.start-form {
	max-width: 100%;
	width: 100%;
	margin: 0px auto 0 auto;
	display: inline-block;
	overflow: hidden;
    padding: 20px 28px;
}
.sf-group {
	width: 100%;
	float: left;
	margin: 0 0 30px 0px;
}
.sf-savelist {
	width: 428px;
	height: 50px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #fff;
	border: solid 1px #e8e7e5;
	float: left;
	padding: 0px;
	box-sizing: border-box;
}
.sf-savelist input[type="email"] {
	width: 100%;
	height: 48px;
	float: left;
	padding: 0 10px;
	box-sizing: border-box;
	font-size: 14px;
	color: #989696;
	font-weight: 500;
	text-align: right;
	border: none;
	background: none;
}
.sf-savelist p {
	display: block;
	text-align: right;
	color: #cbcdd5;
	font-weight: 500;
	font-size: 14px;
	padding: 0 10px;
	text-align: right;
}
.sf-button {
	text-align: center;
	height: 50px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-color: #85c226;
	float: right;
	cursor: pointer;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	border: none;
	padding: 0 26px;
}
.sf-button:hover {
	background: #000;
}
.csv-upload {
	background: url(../../images/upload-csv-button.png) no-repeat;
	width: 124px;
	height: 50px;
	float: right;
}
.csv-upload input[type="file"] {
	width: 124px;
	height: 50px;
	cursor: pointer;
	opacity: 0;
}
.start-form .csv {
	width: 100%;
	text-align: left;
	margin: 16px 0 0 0px;
	padding: 0px;
}
.start-form .csv p {
	font-size: 14px;
	color: #615e5e;
	font-weight: 400;
}
.review-list {
	border-top: 1px solid #eae5e5;
	float: left;
	margin: 15px 0 0;
	padding: 14px 0 0;
	width: 100%;
}
.review-list p {
	font-size: 14px;
	color: #615e5e;
	font-weight: 700;
	text-align: center;
	float: right;
	margin: 7px 15px 0 0;
}
.share-form {
	width: 100%;
	float: left;
	margin: 45px 0 0 0px;
	max-width: 766px;
	padding: 0 25px;
	box-sizing: border-box;
}
.sf-group {
	width: 100%;
	float: left;
	margin: 0 0 30px 0px;
}
.sf-group label {
	font-size: 14px;
	color: #615e5e;
	font-weight: 400;
	float: left;
	margin: 14px 12px 0 0;
	padding: 0px;
}
.sf-group input[type="text"] {
	width: 426px;
	height: 50px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #fff;
	border: solid 1px #e8e7e5;
	float: left;
	font-size: 14px;
	color: #989696;
	font-weight: 500;
	padding: 0 10px;
	box-sizing: border-box;
}
.sf-fb-button {
	text-align: center;
	height: 50px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-color: #85c226;
	float: right;
	cursor: pointer;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	border: none;
	padding: 0 20px 0 18px;
	background: #3c5a99;
	line-height: 48px;
}
.sf-fb-button i {
	color: #fff;
	display: inline-block;
	vertical-align: middle;
	font-size: 22px;
	margin: 0 8px 0 0px;
}
.sf-fb-button:hover {
	background: #000!important;
}
.twitter {
	background: #28a9e0!Important;
}
.sf-content {
	float: right;
	margin: 8px 0 0 0px;
	padding: 0px;
}
.sf-content p {
	font-size: 14px;
	color: #615e5e;
	font-weight: 400;
	display: block;
	margin: 8px 10px 0 0;
	text-align: right;
}
.gyft-profile {
	display: block;
	margin: auto;
	overflow: hidden;
	width: 940px;
}
.gf-info {
	display: block;
	overflow: hidden;
	text-align: center;
	margin: 25px 0px;
}

.gyft-profile .gf-info {
	width: 57%;
	float: right;
}

.gf-info p {
	font-size: 16px;
	color: #002f66;
	font-weight: 400;
	display: block;
	line-height: 22px;
	margin: 0px;
}
.gf-left {
	width: 380px;
	float: left;
	margin: 0px;
	padding: 0px;
}

.campaignImage {
    display: inline-block !important;
    margin: 0px !important;
    line-height: 40px !important;
    color: #FFF !important;
}

.change-pic {
	font-size: 14px;
	color: #535251;
	font-weight: 400;
	display: block;
	text-align: center;
	margin: 25px 0px;
}
.change-pic i {
	margin: 0 7px 0 0px;
}
.change-pic:hover {
	color: #000;
}
.gf-left ul li {
	list-style: none;
	display: block;
	overflow: hidden;
	margin: 0 0 8px 0px;
	padding: 0px;
}
.gf-left ul li label {
	font-size: 14px;
	color: #535251;
	font-weight: 400;
	float: left;
	text-align: right;
	max-width: 240px;
	width: 100%;
	margin: 3px 0 0 0px;
}
.cp-button {
	height: 23px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #7c7a7a;
	float: left;
	text-align: center;
	font-size: 13px;
	color: #fff;
	margin: 0px;
	padding: 0 10px;
	line-height: 23px;
	margin: 0 0 0 14px;
}
.cp-button:hover {
	background: #000;
}

.gf-profile-form {
	width: 527px;
	float: right;
	margin: 30px 0 0 0px;
	padding: 0px;
}
.gfp-field {
	width: 48%;
	height: 41px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #fff;
	-webkit-box-shadow: -1px 2px 5px rgba(0,0,0,.06);
	-moz-box-shadow: -1px 2px 5px rgba(0,0,0,.06);
	box-shadow: -1px 2px 5px rgba(0,0,0,.06);
	border: solid 1px #d9d6d6;
	float: left;
	font-size: 14px;
	color: #615e5e;
	font-weight: 400;
	padding: 0 12px;
	box-sizing: border-box;
	margin: 0 0 20px 0px;
}
.gfp-field.full {
	width: 100%!Important;
}
.gfp-field.midium {
	width: 39%!Important;
	margin: 0 3% 20px 0px;
}
.gfp-field.small {
	width: 16%!Important;
	margin: 0 0 0 0px;
}
.gfp-button-row {
	width: 100%;
	display: inline-block;
	text-align: center;
	margin: 35px 0 0 0px;
}
.gfp-button-row .button {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-color: #7c7a7a;
	height: 33px;
	font-size: 14px;
	color: #fff;
	font-weight: 400;
	text-align: center;
	cursor: pointer;
	border: none;
	padding: 0 15px;
	margin: 0 2px;
}
.gfp-button-row .button:hover {
	background: #000;
}

/*--**************************Respnsive css start here**********************************--*/

@media screen and (max-width: 1200px) {

    .client-box {
        padding: 20px;
    }
    
img {
	max-width: 100%;
}
.container {
	width: 90%;
}
.home-step h2 {
	font-size: 22px;
}
ul.step li {
	width: 30%;
	margin: 55px 5% 0 0;
}
ul.step li .step-arrow {
	right: 0;
}
ul.step li p {
	font-size: 13px;
}
.foot-div {
	width: 23%;
	margin: 0 6% 0 0px;
}
.midium {
	width: 18%!Important;
}
.campain-preview {
	width: 63%;
}
.campain-right {
	width: 33%;
}
.campain-gallery {
	width: 63%;
}
.campain-video {
	width: 33%;
}
.group-gyft-campaign {
	width: 70%;
}
.campaign-host {
	width: 28%;
}
.picture-view {
	width: 72%;
}
.gg-file.small {
	width: 72%!Important;
}
.video-group {
	width: 72%;
}
.gg-field {
	width: 72%;
}
.gg-textarea {
	width: 72%;
}
.preview {
	display: block;
	float: none;
	margin: 25px auto 0px;
	max-width: 210px;
	width: 100%;
}

.invitation-buttons .action-button,
.campaign-buttons .back,
.campaign-buttons .update,
.campaign-buttons .preview {
    margin: 5px auto 5px;
    max-width: 210px;
    width: 100%;
    padding: 0px;
}

.campain-preview #buttons {
    text-align: center;
}

.campain-preview #buttons input {
    margin: 5px auto 5px;
    max-width: 210px;
    width: 100%;
    padding: 0px;
}

.save {
	display: block;
	float: none;
	margin: 5px auto 0;
	max-width: 210px;
	width: 100%;
}
.faq-left {
	width: 72%;
}
.faq-category {
	width: 25%;
}
.manage-invitees ul li {
	width: 28.33%;
	margin: 0 1%;
}
ul.print-host-box li {
	max-width: inherit;
	width: 48%;
}
.print-pdf {
	background: #85c226 none repeat scroll 0 0;
	font-size: 12px;
	font-weight: 400;
	margin: 0 1px;
	padding: 0 10px;
}
.download-pdf {
	font-size: 13px;
	font-weight: 400;
	margin: 0 1px;
	padding: 0 7px;
}
.view-pdf {
	background: #615e5e none repeat scroll 0 0;
	font-size: 13px;
	font-weight: 400;
	margin: 0 1px;
	padding: 0 6px;
}
.gyft-profile {
	width: 90%;
}
.gf-profile-form {
	width: 55%;
}
.gf-left {
	width: 330px;
}
.gf-left ul li label {
	width: 57%;
}
}
 @media screen and (max-width: 1023px) {
.aboutus .thumb {
	width: 50%;
}
.contactform {
	width: 85%;
}
.cf-group label {
	min-width: 150px;
}
.cf-field {
	width: 65%;
}
.cf-textarea {
	width: 65%;
}
ul.hiw-step li h3 {
	font-size: 15px;
}
ul.hiw-step li p {
	font-size: 13px;
}
h4.section-title {
	font-size: 16px;
}
.hosted h4 {
	font-size: 15px;
}
.host-detail h5 {
	font-size: 18px;
}
.host-detail p {
	font-size: 14px;
}
.campain-detail ul li {
	font-size: 14px;
}
.campain-detail ul li p {
	font-size: 13px;
}
.home-step h2 {
	font-size: 20px;
}
ul.step li h3 {
	font-size: 19px;
}
.groupgyft-box {
	width: 48%;
}
.groupgyft-box h4 {
	font-size: 25px;
}
.groupgyft-box a {
	font-size: 23px;
}
.group-gyft-campaign {
	width: 100%;
}
.campaign-host {
	width: 100%;
	margin: 15px 0 0 0;
}
.ps-group label {
	max-width: 115px;
	font-size: 12px;
}
.category-drop {
	width: 45%;
}
.picture-view {
	width: 100%;
}
.gg-file.small {
	width: 62%!Important;
}
.video-group {
	width: 62%;
}
.gg-field {
	width: 62%;
}
.gg-textarea {
	width: 62%;
}
.hosted-gyft {
	width: 95%;
}
.email-group ul li {
	width: 16%;
	margin: 0 1%;
}
.manage-invitees ul li {
	margin: 0 0 10px;
	width: 85%;
}
.review-table {
	overflow-x: scroll;
}
.review-table table {
	width: 100%
}
.sf-group input[type="text"] {
	width: 55%;
}
ul.print-host-box li {
	max-width: inherit;
	width: 48%;
	padding: 0 20px;
	box-sizing: border-box;
}
.print-pdf {
	display: block;
	margin: auto;
	max-width: 154px;
	width: 100%;
	font-size: 13px;
	margin-bottom: 5px;
}
.download-pdf {
	display: block;
	margin: auto;
	max-width: 154px;
	width: 100%;
	font-size: 13px;
	margin-bottom: 5px;
}
.view-pdf {
	display: block;
	margin: auto;
	max-width: 154px;
	font-size: 13px;
	width: 100%;
}
.gyft-profile {
	width: 90%;
}
.gf-profile-form {
	width: 100%;
}
.gf-left {
	width: 100%;
}
.gf-left ul li label {
	width: 100%;
}
.gf-left > ul {
	display: block;
	margin: auto;
	max-width: 466px;
	width: 100%;
}
ul.host-option {
	display: block;
	margin: 7px 0 0;
	padding: 0;
}
ul.host-option li.contribution {
	margin: 0 0 7px;
	width: 100%;
}
}
 @media screen and (max-width: 855px) {
.login-link {
	margin: 22px 40px 0 0px;
}
ul.step li .step-arrow {
	right: -15px;
}
.faq-left {
	width: 100%;
	margin: 20px 0 0 0px;
}
.faq-category {
	width: 100%;
}
.email-group ul li {
	margin: 0 1% 10px;
	width: 25%;
}
.manage-invitees ul li {
	margin: 0 0 10px;
	width: 85%;
}
.sf-group input[type="text"] {
	width: 50%;
}
.landscape {
	display: none;
}
}
 @media screen and (max-width: 767px) {

	 .gyft-profile .gf-info {
		 width: 100%;
		 float: right;
	 }
     .gg-create-group label {
         width: 100%;
     }

	 .uses-list {
		 margin-left: 0px;
	 }

 .login-box .fa-close{
   display: none;
}
.banner_content ul li {
	font-size: 16px;
}
.banner_content ul li a {
	height: 45px;
	line-height: 45px;
	padding: 0 10px;
}
ul.step li {
	width: 100%;
	margin: 30px 0 0 0px;
}
ul.step li img {
	margin-bottom: 66px;
}
ul.step li .step-arrow {
	-ms-transform: rotate(90deg); /* IE 9 */
	-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
	transform: rotate(90deg);
	right: 0;
	left: 0;
	top: 112px;
	margin: auto;
}
.last {
	margin-bottom: 15px!Important;
}
.foot-div {
	width: 100%;
	margin: 0 0 30px 0px;
}
.midium {
	width: 45%!Important;
}
.contactform {
	width: 100%;
}
ul.hiw-step {
	margin: 20px 0;
}
ul.hiw-step li {
	width: 100%;
	margin: 40px 0 0 0;
}
ul.hiw-step li img {
	width: 110px;
}
ul.hiw-step li h3 {
	margin: 10px 0 5px 119px
}
ul.hiw-step li p {
	margin: 0 0 0 119px;
}
.thank-content h3 {
	font-size: 22px;
}
.thank-content p {
	font-size: 16px;
}
.comment-info {
	font-size: 16px;
}
.comment label {
	font-size: 15px;
}
.thankyou {
	padding: 30px 15px;
}
.campain-preview {
	width: 100%;
}
.campain-right {
	width: 100%;
	margin: 25px 0 0 0;
}
.campain-gallery {
	width: 100%;
}
.campain-video {
	width: 100%;
	margin: 25px 0 0 0;
}
.funding ul {
	width: 30%;
	margin: 25px 5% 0 0px;
}
.groupgyft-box h4 {
	font-size: 23px;
	margin: 0 0 15px 0px;
}
.groupgyft-box a {
	max-width: 215px;
	height: 45px;
	line-height: 44px;
	font-size: 20px;
}
.client-box {
	margin: 0px;
}
.gg-thumb {
	float: none;
	margin: auto;
}
.gg-detail {
	margin: 10px 0 0 0px;
	text-align: center;
}
.csv-info p {
	font-size: 16px;
}
.csv-detail h4 {
	font-size: 15px;
}
.csv-detail ul li p {
	font-size: 13px;
}
.gg-create-group label {
	float: none;
	display: block;
	margin: 0 0 10px 0px;
}
.gg-create-group {
	padding: 10px 15px;
}
.picture-view {
	width: 100%;
}
.gg-file.small {
	width: 100%!Important;
}
.video-group {
	width: 100%;
}
.gg-field {
	width: 100%;
}
.gg-textarea {
	width: 100%;
}
.ps-group label {
	font-size: 12px;
	max-width: 194px;
}
ul.host-option {
	text-align: center;
}
ul.host-option li {
	float: none;
	display: inline-block;
	margin: 0 3px;
}
.start-form {
	width: 90%;
}
.sf-textarea {
	width: 100%;
	margin: 0 0 10px 0px;
}
.csv {
	width: 100%;
	margin: 0 0 10px 0px;
}
.sf-group label {
	float: none;
	display: block;
	margin: 0 0 8px 0px;
}
.sf-group input[type="text"] {
	width: 100%;
	margin: 0 0 10px 0px;
}
.hosted {
	padding: 0 0 15px 0px;
}
.host-thumb {
	float: left;
}
.host-detail {
	clear: inherit;
	display: block;
	margin: 39px 0 0 195px;
	text-align: left;
}
.host-button {
	margin: 15px auto 0 auto;
}
.host-option.mi {
	margin: 0px;
}
.host-thumb.center {
	float: none!Important;
	margin: 0 auto;
}
.sf-savelist {
	width: 100%;
	margin: 0 0 10px 0px;
}
     .approve-campaign-buttons {
         text-align: center;
     }

    .approve-campaign-buttons .save-comment,
    .approve-campaign-buttons .back {
        width: 100%;
        max-width: 200px;
        display: block;
        margin: 0 auto 8px auto;
    }
    .approve-campaign-buttons .back {
         padding: 4px 0px 4px 0px;
         line-height: 40px;
    }
}
 @media screen and (max-width: 680px) {
.page-title {
	padding: 15px 0;
}
.page-title h1,
.page-title h3 {
	font-size: 25px;
}
.cf-group label {
	display: block;
	float: none;
	min-width: 150px;
	text-align: left;
	line-height: inherit;
	margin: 0 0 5px 0px;
}
.cf-field {
	width: 100%;
}
.cf-textarea {
	width: 100%;
}
.contactus p {
	font-size: 16px;
	line-height: 24px;
}
.login-box {
	width: 100%;
	padding: 40px 45px;
}
.login-box h3 img {
	display: block;
	margin: auto;
	vertical-align: middle;
	width: 100px;
}
.login-box h3 {
	font-size: 21px;
}
.home-step {
	padding: 30px 0;
}
.home-step h2 {
	font-size: 17px;
}
.funding ul li {
	font-size: 16px;
}
.groupgyft-box {
	width: 100%;
	margin-bottom: 10px;
}
.client-box {
	font-size: 14px;
}
.contributor-comment h4 {
	font-size: 16px;
}
.contributor-comment .comments p {
	font-size: 14px;
}
.contributor-comment .comments span {
	font-size: 13px;
}
ul.host-option li {
	margin: 0 2px 5px 2px;
}
ul.host-option li a {
	padding: 0 14px;
}
.campaign-schdule {
	margin: 40px auto;
}
.change-contribution {
	padding: 20px;
}
.change-contribution p {
	font-size: 15px;
	line-height: 20px;
}
.cc-detail h3 {
	font-size: 18px;
	margin: 10px 0;
}
.cc-detail .revise {
	font-size: 15px;
	margin-bottom: 10px;
}
.email-group-form {
	width: 90%;
}
.egf-group input[type="text"] {
	width: 80%;
}
.egf-group textarea {
	width: 80%;
}
.sc-method ul li {
	font-size: 17px;
}
.sc-method ul li p {
	line-height: 18px;
	margin: 0 0 0 24px;
}
.sc-content h4 {
	font-size: 15px;
}
.sc-content p {
	font-size: 13px;
}
.sf-group {
	margin: 0 0 15px 0px;
}
.sf-blue {
	font-size: 14px;
	padding: 0 9px !important;
}
.page-content h3 {
	font-size: 15px;
}
.page-content p {
	font-size: 13px;
	line-height: 19px;
}
.aboutus p {
	font-size: 13px;
	line-height: 19px;
}
.client-box p {
	font-size: 13px;
}
.client-box span {
	font-size: 14px;
}
.gg-detail p {
	font-size: 13px;
}
.gg-detail h4 {
	font-size: 15px;
}
.gg-detail ul li {
	font-size: 12px;
}
ul.step li .step-arrow {
	display: none;
}
ul.step li img {
	max-width: 65px;
	margin-bottom: 15px;
}
.campain-detail ul li span.title { font-size:18px;}
}
 @media screen and (max-width: 600px) {
    .logo {
        float: none;
        display: block;
        margin: auto;
    }
    .logo img {
        margin: auto;
    }
    .aboutus .thumb {
        width: 100%;
        margin: auto;
        display: block;
        margin-bottom: 15px;
    }
    .container {
        width: 100% !important;
    }
    .mid-containt {
        padding: 10px;
    }
    .login-link {
        margin: auto;
        display: block;
        float: none;
        margin-bottom: 10px;
        max-width: 100px;
    }
    .funding ul {
        width: 100%;
        margin: 15px 0 0 0px;
        text-align: center;
    }
    .emailhost {
        width: 100%;
        margin: 0 0 7px 0px;
    }
    .contribute {
        width: 100%;
        margin: 0 0 7px 0px;
    }
    .nothank {
        width: 100%;
        margin: 0px;
    }
    .csv-detail .example {
        clear: both;
        margin: 0px;
    }
    ul.host-option li {
        display: block;
        float: none;
        margin: 0 auto 5px auto;
        max-width: 150px;
    }
    ul.host-option li.contribution {
        max-width: inherit;
        margin: 0 0 10px 0px;
    }
    .campaign-schdule .cs-button {
        display: block;
        margin: 15px auto 0 auto;
    }
    .cc-detail {
        max-width: inherit;
    }
    .confirm {
        display: block;
        width: 100%;
        margin: 0 0 8px 0;
    }
    .return {
        display: block;
        width: 100%;
        margin: 0px;
    }
    .cc-info {
        font-size: 14px;
    }
    .email-group ul li {
        width: 32%;
    }
    .email-group-form {
        margin-top: 0px;
    }
    .egf-group label {
        float: none;
        display: block;
        text-align: left;
        margin: 0 0 8px 0px;
    }
    .egf-group input[type="text"] {
        width: 100%;
    }
    .egf-group textarea {
        width: 100%;
    }
    .manage-invitees ul li {
        margin: 0 0 10px;
        width: 85%;
    }
    ul.print-host-box li h4 {
        font-size: 16px;
    }
    .review-list p {
        width: 100%;
        text-align: right;
    }
    .gf-left ul li label {
        margin: 0 0 5px;
        max-width: inherit;
        text-align: center;
        width: 100%;
    }
    .cp-button {
        clear: both;
        color: #fff;
        display: block;
        float: none;
        margin: auto;
        max-width: 108px;
    }
    .strip-button {
        display: block;
        float: none;
        margin: auto;
        text-align: center;
    }
    .onoffswitch-connect {
        clear: both;
        display: block;
        float: none;
        margin: auto;
        overflow: hidden;
        width: 125px;
    }
    .onoffswitch-connect-switch {
        top: 2px;
    }
    .onoffswitch-two {
        clear: both;
        display: block;
        float: none;
        margin: auto;
        overflow: hidden;
        width: 70px;
    }
    .onoffswitch-two-switch {
        top: 2px;
    }
    .gfp-field {
        width: 100%;
        margin: 0 0 15px 0px;
    }
    .gfp-button-row {
        margin: 25px 0 0 0;
    }
    .gfp-button-row .button {
        display: block;
        margin: auto;
        width: 100%;
        margin-bottom: 5px;
        max-width: 150px;
    }
}

/*--*********forsmallscree*************--*/

 @media screen and (max-width: 480px) {

	 ul.step {
		 width: 94%;
		 padding: 0 3%;
	 }

	 ul.social li a {
		 display: inline-block;
	 }

     .sc-content {
         padding: 0px;
         overflow-x: auto;
     }

    #footer {
        padding: 10px 0px 0px 0px;
    }

    #footer .container {
        padding: 0px;
    }

    .logo {
        width: 400px;
		max-width: 100%;
    }
    .banner_content {
        bottom: 5%;
    }
    .banner_content ul li {
        font-size: 15px;
    }
    .banner_content ul li a {
        height: 33px;
        line-height: 32px;
        padding: 0 10px;
    }
    .page-title h1,
    .page-title h3 {
        font-size: 18px;
    }
    .foot-div {
        margin: 0 0 20px 0px;
		padding-left: 3%;
		width: 97%;
    }
    ul.footlink li {
        font-size: 13px;
        line-height: 30px;
    }
	 ul.footlink li a {
		 line-height: 26px;
	 }
    ul.social li {
        line-height: 15px;
        font-size: 13px;
        width: 30%;
        display: inline-block;
    }
    ul.social li a i {
        font-size: 14px;
    }
    .midium {
        width: 50%!Important;
    }
    .privacy h4 {
        font-size: 15px;
    }
    .privacy h5 {
        font-size: 14px;
    }
    .privacy p {
        font-size: 13px;
    }
    .privacy ul li {
        font-size: 13px;
    }
    .contactus p {
        font-size: 15px;
        line-height: 22px;
    }
    .contactform {
        padding: 20px;
    }
    .contactform h4 {
        font-size: 16px;
    }
    .login-box {
        padding: 30px;
        margin: 40px auto;
    }
    .createaccount {
        font-size: 15px;
    }
    .remember {
        float: left;
        margin: 10px 0 0;
        text-align: center;
        width: 100%;
    }
    .forgot {
        width: 100%;
        text-align: center;
        margin: 10px 0 0 0;
    }
    ul.hiw-step li {
        margin: 25px 0 0 0px;
    }
    ul.hiw-step li img {
        float: none;
        margin: auto;
        display: block;
    }
    ul.hiw-step li h3 {
        margin: 10px 0;
        text-align: center;
    }
    ul.hiw-step li p {
        margin: 0px;
        text-align: center;
    }
    .thank-content p {
        font-size: 13px;
        line-height: 18px;
    }
    .comment-info {
        font-size: 13px;
    }
    .comment label {
        font-size: 13px;
    }
    .comment textarea {
        font-size: 12px;
    }
    .save-comment {
        width: 100%;
        margin: 0 0 8px 0px;
    }
    .no-comment {
        width: 100%;
    }
    .campain-detail ul li label {
        float: none;
        display: block;
        min-width: inherit;
    }
    .campain-detail ul li span {
        margin: 5px 0 0 0px;
    }
    .campain-detail ul li aside {
        float: none;
        display: block;
    }
    .back {
        width: 100%;
        margin: 0 0 7px 0px;
    }
    .funding ul li {
        font-size: 15px;
        margin: 0 0 5px 0px;
    }
    .groupgyft {
        margin: 30px auto 0 auto;
    }
    .groupgyft-box h4 {
        font-size: 20px;
    }
    .groupgyft-box a {
        font-size: 18px;
        max-width: 195px;
    }
    .gg-detail ul li i {
        margin: -3px 4px 0 0;
    }
    .contributor-comment .comments p {
        font-size: 13px;
    }
    .contributor-comment .comments span {
        font-size: 12px;
    }
    .upload-csv {
        display: block;
        float: none;
        font-size: 14px;
        margin: auto;
        max-width: 150px;
        width: 100%;
    }
    .csv-cancel {
        display: block;
        float: none;
        font-size: 14px;
        margin: 8px auto 0 auto;
        max-width: 150px;
        width: 100%;
    }
    .ps-group label {
        max-width: 115px;
    }
    .gg-create-group label {
        font-size: 15px;
    }
    .gg-textarea {
        font-size: 13px;
    }
    .gg-field {
        font-size: 13px;
    }
    h4.smalltitle {
        font-size: 15px;
    }
    .pagignation ul li {
        margin: 0 1px;
        font-size: 14px;
    }

	.pagignation ul li a {
		width: 30px;
		height: 30px;
		line-height: 30px;
	}
	.close-note p {
		font-size: 13px;
	}
	.campaign-schdule p {
		font-size: 14px;
	}
	.cc-detail h3 {
		font-size: 16px;
	}
	.cc-detail .revise {
		font-size: 13px;
		line-height: 15px;
	}
	.confirm {
		font-size: 13px;
		padding: 0 10px;
	}
	.return {
		font-size: 13px;
		padding: 0 10px;
	}
	.half {
		width: 100%!Important;
	}
	ul.amount li {
		width: 62px;
		height: 62px;
		margin: 0 2px;
	}
	ul.amount li a {
		font-size: 22px;
		line-height: 52px;
	}
	ul.amount li a sub {
		font-size: 15px;
	}
	.category-email h3 {
		font-size: 16px;
	}
	.email-group h4 {
		font-size: 14px;
	}
	.email-group span {
		font-size: 15px;
	}
	.email-group ul li {
		width: 85%;
	}
	.send-email {
		display: block;
		width: 100%;
		margin: 0 0 5px 0px;
	}
	.cancel {
		display: block;
		width: 100%;
	}
	.manage-email-group {
		padding: 30px 0 10px 0px;
	}
	.manage-invitees {
		display: block;
		margin: 0 auto 20px;
		padding: 25px 0;
		text-align: center;
		width: 90%;
	}
	.print {
		display: block;
		width: 100%;
		margin: 0 0 8px 0px;
	}
	.cancel-return {
		display: block;
		width: 100%;
		margin: 0px;
	}
	.sc-method ul li {
		font-size: 14px;
	}
	.sc-method ul li p {
		line-height: 16px;
		margin: 0 0 0 21px;
	}
	.gfp-field.midium {
		margin: 0 0 15px;
		width: 100%!Important;
		margin: 0 0 15px 0px;
	}
	.gfp-field.small {
		margin: 0;
		width: 40% !important;
	}

	 .profile-box {
		 padding: 20px 10px;
	 }

	 .approve > .hosted {
		 margin-top: 0px;
	 }

}

@media screen and (min-width: 768px) {
    .campaignsetting {
        margin-top: 408px;
    }
}

 @media screen and (max-width: 450px) {
.host-thumb {
	float: none;
}
.host-detail {
	clear: both;
	display: block;
	margin: 22px 0 0 0;
	text-align: center;
}nav
.host-button {
	margin: 15px auto 0 auto;
}
ul.print-host-box li {
	width: 100%;
	padding: 0px;
}
}

.error p {
    color: red !important;
}

.has-error select,
.has-error textarea,
.has-error input,
.input-error {
    border: 1px red dashed !important;
    background:rgba(255,0,0,0.2);
}

.has-error select {
    margin-bottom: 0px;
}

.input-valid {
    border: 2px #85c226 solid !important;
    background: #FFF;
}

.category-label {
    margin-bottom: 5px !important;
}

#campaign_category_id-error {
    float: left;
    width: 100%;
}

.cr-slider {
    width: 100% !important;
}

.croppie-container .cr-slider-wrap {
    width: 100% !important;
}

.profile-box .picture-view {
    width: 100px;
    height: 100px;
}

.profile-box .picture-view .cropper-container {
    width: 100px;
}

.cropper-wrapper {
    margin-bottom: 20px;
}

.campaign-cropper-wrapper {
    margin-bottom: 10px;
    margin-top: 10px;
}

#campaign-crop {
	max-width: 100%;
	width: 498px;
	height: 332px;
	border: solid 1px #e8e7e5;
	background-image: url("/assets/frontend/img/upload-pic.jpg") !important;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;

}

.campaign-buttons {
    text-align: center;
}

.campaign-buttons .save {
    float: none;
}

@media (max-width: 499px) {

    .campaign-cropper-wrapper {
        float: none;
        padding-right: 0px;
    }

}

@media (min-width: 500px) {

    .campaign-cropper-wrapper {
        float: right;
        padding-right: 0px;
        max-width: 100%;
    }

}

#mycaptcha-error,
.has-error .help-block {
    font-size: 14px;
    width: 497px;
    max-width: 100%;
    display: inline-block;
    float: right;
    color: red;
    margin-top: 5px;
    text-align: right;
}

.notice-message {
    background-color: #ffffcc;
    padding: 20px;
    border: 1px gray solid;
    font-size: 14px;
}

.btn-add-row {
    background-color: #85c226;
    border: none;
    color: #FFF;
    font-size: 14px;
    display: inline-block;
    width: 100%;
    height: 30px;
    max-width: 80px;
    text-align: center;
    cursor: pointer;
}

.btn-send-invitations,
.btn-save-invitees {
    background-color: #85c226;
	border: solid 0;
    padding: 10px;
    color: #FFF;
    font-size: 14px;
    display: inline-block;
    width: 100%;
    max-width: 200px;
    text-align: center;
    margin-top: 10px;
    cursor: pointer;
}

.btn-send-invitations {
    width: 150px;
    max-width: 100%;
}

.btn-csv-upload {
    background-color: #85c226;
    border: solid 0;
    padding: 10px;
    color: #FFF;
    font-size: 14px;
    display: inline-block;
    width: 100%;
    max-width: 200px;
    text-align: center;
    margin-top: 10px;
    cursor: pointer;
}

.remove-item {
    cursor: pointer;
}

.remove-item i,
.btn-add-row i {
    margin-right: 5px;
}

#campaign-invite-form table {
    width: 100%;
}

#campaign-invite-form tr td {
    background-color: #FFF;
    width: 29%;
}

#campaign-invite-form tr td:last-child {
    width: 13%;
}

#campaign-invite-form tr td {
    font-size: 14px;
    padding: 10px 15px;
    background-color: #f5f5f5;
}

#campaign-invite-form tr td input[type="text"] {
    color: #615e5e;
    font-size: 14px;
    border: 3px;
    height: 30px;
    width: 100%;
    max-width: 300px;
}

#campaign-invite-form .has-error .help-block {
    display: inline-block;
    float: none;
    text-align: left;
    width: 100%;
    max-width: 300px;
}

.page-content .page-text {
    text-align: left;
}

.page-content .page-text p {
    margin-bottom: 18px !important;
}

.editable:hover {
	cursor: pointer;
}

.upload-instructions {
    margin-top: 5px;
    margin-bottom: 5px;
    display: block;
    height: 40px;
    font-size: 14px;
    max-width: 487px;
    float: left;
    width: 100%;
}

.dataTables_wrapper {
    font-size: 14px;
}

.review-table .btn-cancel {
    display: inline-block;
    line-height: 40px;
}

table.dataTable tfoot th, table.dataTable tfoot td {
    padding: 8px 10px !important;
}

.login-field.field-contactusform-message {
    height: auto !important;
}

#contact-form input.button {
    background-color: #85c226 !important;
}

#contact-form .has-error .help-block {
    float: none !important;
    width: 100%;
    display: inline-block;
    margin-top: 50px;
    text-align: left;
}

#contact-form .field-contactusform-message {
    height: 117px;
}

#contact-form #contactusform-message {
    width: 100%;
    display: inline-block;
}

#contact-form .field-contactusform-message.has-error .help-block {
    margin-top: 127px;
    position: absolute;
}

.share-campaign .button {
    margin-bottom: 10px;
}

@media screen and (max-width: 800px) {
    .other-amount-container {
        margin-top: 10px;
    }
}

@media screen and (max-width: 600px) {
    .share-campaign table tr {
        width: 100%;
    }

    #item-form table tr td {
        width: 90%;
        display:block;
    }

    .login-box .logo-box {
        display: none;
    }

    .login-box h3 {
        display: none;
    }

    .other-amount-container {
        margin-top: 10px;
    }
}

p.button-wrapper {
    margin-top: 20px;
}
p.button-wrapper a:first-child {
    background-color: #85C226;
}

p.button-wrapper a {
    display: inline-block;
    line-height: 38px;
}

a.button {
    display: inline-block;
    line-height: 38px;
}

p.button-wrapper .submit {
    display: inline-block;
    margin: 0px;
}

.button.green {
    background-color: #85C226;
}

.ply-ok, .ply-cancel {
    background-color: #85C226 !important;
}
.message-warning {
    font-size: 16px;
    color: red;
}

table.dataTable thead th, table.dataTable thead td {
    padding: 8px 10px !important;
}

.campaign-end-container .campaign-schdule .cs-button {
    height: 42px !important;
    padding: 5px 15px !important;
    line-height: 20px !important;

}

.ply-cancel, .ply-ok {
    outline: none !important;
    box-shadow: none !important;
}

.ply-cancel {
    background-color: #7c7a7a !important;
    outline: none !important;
    box-shadow: none !important;
}

.shepherd-step {
    z-index: 99999;
    width: 400px;
}

.shepherd-button-example-primary {
    background-color: #002f66 !important;
}

.shepherd-button-secondary {
    background-color: #7c7a7a !important;
    color: #fff !important;
}

.shepherd-text {
    font-size: 14px !important;
}

.shepherd-text a {
    color: #615e5e !important;
    font-weight: bold !important;
}

.example-intro {
    font-weight: bold;
    font-size: 18px !important;
}

.gg-register-group label {
	display: inline !important;
}

.approve > .hosted {
	margin-top: 57px;
}