#BogoSurveyMini {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2000;
	background: #d50460;
	width: 100%;
	height: 42px;
	padding: 0;
	color: #fff;
}

.smartbanner-show #BogoSurveyMini {
	top: 80px;
}

.toolbar #BogoSurveyMini {
	top: 38px;
}

.smartbanner-show .toolbar #BogoSurveyMini {
	top: 118px;
}


#BogoSurveyMini div {
	display: flex;
	align-items: center;
	margin: 0 auto;
	width: 100%;
	max-width: 396px;
}

#BogoSurveyMini span {
	display: block;
	width: calc(100% - 94px);
	max-width: 300px;
	padding: 0 2px;
	font-weight: 900;
	font-size: 10px;
	text-align: center;
	text-transform: uppercase;
	line-height: normal;
}

#BogoSurveyMini span.full {
	width: 100%;
	max-width: 396px;
}

#BogoSurveyMini i {
	display: block;
	height: 42px;
	width: 0;
}

#BogoSurveyMini button {
	display: block;
	margin: 0 0 0 5px;
	background: #c20557 !important;
	height: 42px;
	width: 42px;
	padding: 0;
	font-weight: 900 !important;
	font-size: 10px;
	line-height: 42px;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
}





#BogoSurvey {
	border-top: 1px solid #cccccc;
	width: 100%;
	background: #fff;
}

#BogoSurvey > div {
	margin: 0 auto;
	width: 100%;
	max-width: 430px;
	overflow: hidden;
	transition: all 0.1s ease-in-out; 
	-moz-transition: all 0.1s ease-in-out; 
	-o-transition: all 0.1s ease-in-out; 
	-webkit-transition: all 0.1s ease-in-out; 
}

#BogoSurvey button {
	display: block;
	margin: 4px 0 4px 5px;
	background: #cccccc !important;
	height: 36px;
	width: 45px;
	padding: 0;
	font-weight: 900 !important;
	font-size: 12px;
	line-height: 36px;
	text-align: center;
	color: #000000 !important;
	font-weight: 400!important;
}


#BogoIntro {
	display: flex;
	align-items: center;
	max-height: 44px;
}

#BogoIntro span {
	display: block;
	width: calc(100% - 100px);
	max-width: 330px;
	font-size: 12px;
	text-align: center;
	line-height: normal;
}


#BogoMain {
	max-height: 0;
	padding: 0 10px;
}

#BogoMain > :first-child {
	margin-top: 30px;
}

#BogoMain > :last-child {
	margin-bottom: 30px;
}

#BogoMain p {
	margin: 4px 0;
}

#BogoMain form p {
	margin: 18px 0;
}

#BogoMain form label {
	padding-top: 15px;
	font-size: 13px;
	font-weight: normal;
	line-height: normal;
}

#BogoMain form select {
	font-size: 13px;
	font-weight: normal;
	line-height: normal;
}

#BogoMain form .BogoRadios span {
	float: left;
	width: 9%;
	text-align: center;
}

#BogoMain form .BogoRadios span label {
	padding: 0 0 4px 0;
}

#BogoMain form textarea {
	width: 100%;
	height: 90px;
	font-size: 13px;
	line-height: normal;
	resize: none;
}

#BogoMain form .BogoButtons {
	margin-bottom: 6px;
	width: 100%;
}

#BogoMain form .BogoButtons button {
	float: left;
	width: 100px;
	margin: 0 calc((100% - 200px) / 4);
	font-size: 13px;
}


#BogoDone {
	max-height: 0;
}


#BogoDone p {
	margin: 10px 0;
	text-align: center;
}