#all {background: var(--contentbg);}
.top {padding: 1em 0;}
.content {min-height: 0; padding-top: 0.8em;}
.flex3 > div {padding-bottom: 0;}
form.tourselect {background: #FFF; padding: 0.3em; text-align:center; background: var(--green1); color: #FFF;}
form.tourselect select {padding: .4em 1.4em .3em .8em; top: 0.1em; position: relative;}
/*left*/
.scorediv {background: var(--blue2);}
.score	{  margin: 0 auto; font-size: 0.8em;}
.score .total {flex: 0 0 20%; color: #FFF; text-align: center; padding: 0 0 0 10%;}
.score .total .value {font-size: 5em; font-weight: bold; color: var(--contentbg);}
.score .total .value span {font-size: 0.8rem;}
.score .tours {flex: 0 0 40%; text-align: center; padding: 2.5em 0;}
.score .tours a.more {color: #fbb004; background: #2268e7;}
.score .tours a.greview {display: inline-block; color: #FFF; text-decoration: none; text-align: center; margin: 0 1em;}
.score .tours .greview img {max-width: 8em; position: relative; top: 1em;}
.score .breakdown {flex: 0 0 35%;}
.score h3 {text-align: center; font-size: 1.2em; color: #FFF; margin: 0; padding: 0.5em;}
.score dt {display: inline-block; width: 80%; margin: 0; border-bottom: 1px dotted var(--contentbg); margin-left: 5%; color: #FFF;}
.score dt a {text-decoration: none; color: #FFF;}
.score dt b {text-transform: uppercase;}
.score dd {display: inline-block; width: 10%; margin: 0; line-height: 1; font-size: 1.1em; font-weight: bold; color: #FFF;}

/*reviews*/
.flex2>.reviews	{min-height: 5em; background: #FFF; flex: 0 0 74%;}
.flex2>.reviews .content {padding:0 2em;}
.review		{margin: 1em 0; padding-bottom: 2em; border-bottom: 1px dotted var(--blue1);}
.review	 .profile	{text-align: center; font-size: 0.7em; line-height: 1.1em; color: #666; flex: 0 0 12%; padding-top: 2.7em;}
.review	.profile .name	{margin: 0 0 1em 0;}
.review	.profile .img	{margin: 0 auto 0.4em auto; width: 6em; height: 6em; background-size: 100%; background-position: 50%; background-repeat: no-repeat; border-radius: 0.5em;}
.review .main	{flex: 0 0 75%;}
.review .main h3	{text-align: left; font-size: 1em; margin: 0;}
.review .main p:before	{content: '"';}
.review .main p:after	{content: '"';}

.review .main .score	{border: none; display: none;}
.review .main .score dt	{font-weight:bold;}
.review .main .score dt, .review .main .score dd	{background: white; position: relative; z-index: 2; color: var(--blue2); border-color: #000;}
.review .main .score hr	{clear: both; border: none; border-top: 1px dotted #eee; position: relative; top: 2px; z-index: 1; margin: 2px 0;}
.review .main p {margin: 0.4em; font-size: 0.9em;}
.review .main a		{margin-top: 10px; display: inline-block; font-weight: bold;}
.review .rating	{flex: 0 0 10%; text-align: center; padding-top: 1.7em;}
.review .stars		{background: url('../../files/img/page/fstar1.svg'); width: 4em; height: 1em; background-size: 1em;}
.review .stars-empty	{background: url('../../files/img/page/fstar2.svg'); width: 5em; height: 1em; background-size: 1em; margin: 0 auto;}
.review .point	{font-size: 1.2em; font-weight: bold; color: var(--gold1); margin: 0.3em 0 0.2em 0;}
.review .text	{font-weight: bold;}
.review .datum	{color: #888; font-size:0.7em;}
.review .feedbacknote	{font-style: italic; padding: 15px 0 0 60px; background: #F1F5FB; margin-top: 20px; min-height: 50px; border: 1px solid #C9DAE7; border-radius: 4px;}
.review .feedbacknote b	{text-decoration: underline; display: inline-block; margin-bottom: 3px;}

.page_navigation	{display: block; text-align: center; margin: 1em 0 3em 0;}
.page_navigation a	{ margin: 0 5px; display: inline-block; text-decoration: none; background: #FFF; padding: 4px 8px; cursor: pointer; color: #003657; border: 1px solid #C0D2DD; line-height: 1.2em;}
.page_navigation a.page_link.active_page	{background: #003657; color: #FFF; border-color: #F2F4F8;}
.page_navigation span.ellipse	{display: inline-block; font-weight: bold; font-size: 16px; margin: 7px 6px 0 6px;}
.pagination li:first-child, .pagination li:last-child	{display: inline-block;}

.flex2>.pics {flex: 0 0 25%;}
.flex2>.pics img {max-width: 100%;}
.flex2>.pics iframe {min-height: 13em;}

.reviewvideos {background: var(--blue1);}
.reviewvideos>.videos .play {flex: 0 0 30%; margin: 1em 0; position: relative; }
.reviewvideos>.videos img {max-width: 100%; box-shadow: 0.2em 0.2em 1em #3e3e3e;}
.reviewvideos>.videos iframe {height: 14.5em;}
.reviewvideos>.videos .box {position: absolute; bottom: -0.6em; right: 0em; width: 60%; background: #FFFFFFCC; padding: 0.5em; text-align: left; line-height: 1.3; font-size: 0.9em;}
.reviewvideos>.videos .box i {font-style: normal; float: right; margin-top: 0.3em;}
.reviewvideos>.videos .play .videoplay::after { top: 70%; left: 20%;}
.footerreview .flex3 {display: none;}

/***********feedback************/
.feedbackpage label	{margin-top: 2em; margin-right: 2em; vertical-align:baseline;}
.feedbackpage form	{position: relative; min-height: 10em; }
form.feedback	{  margin-top: 3em; }
.feedbackpage form h3	{color: #FFF !important; background: var(--blue2); padding: 0.5em 1em !important; font-size: 1.2em; margin: 0 0 1.5em 0 !important; line-height: 1.5;}

form.feedback textarea.simple {height: 2em;}

label.error, form.feedback label.error	{color: red; position: absolute; margin-left: 1em; margin-top: 2em; width: auto; font-size: 1em; background: #FFE3E3; opacity:0.8; filter:alpha(opacity=80); border: 1px dotted #FBB; border-radius: 0.5em; padding: 0.5em 1em; display: inline-block; line-height: 1.5em;}
label.error:before	{content: ""; width: 1em; height: 0.5em; border: 1px solid black; left: -1em; position: absolute; top: 1em; background: #FFDDDD; border: 1px dotted #FBB; border-right: none; border-radius: 0.5em 0 0 0.5em;}
label.message	{color: red; width: auto;}
form label	{ line-height: 1.5; font-size: 1em; text-align: right;  display: inline-block; width: 10em;}
form label.wide	{width: 30em;}
form.feedback label	{display: block; margin-bottom: 1em; width: auto; text-align: left;}
form label.answer	{width: auto; margin: 0; color: #333; display: inline-block; margin-right: 1.5em; position: relative;}
form label.answer input[type="radio"]	{margin-right: 1.5em;}
form label.group	{display: block;  line-height: 2; margin: 0; padding: 2em 0 0 0;  font-weight: bold;}
form hr	{border: none; background: none; border-bottom: 1px solid var(--blue1); margin: 0; padding: 0; clear: both;}
form div.question	{clear: both; padding: 0px 2em;}
form div.question.vonal	{  margin-top: 2em;}
form div.answers	{margin: 2em 0 0 0;}
form div.answers .answer label.error	{width: 10em; margin-top: 0px; left: 100%;}
form div.answers .answer.yesno label.error	{left: 200%;}
form div.answers label.error	{margin-left: 1em;  margin-top: 1em;}
form div.answers .frating label.error	{left: 20em;margin: 0; position: absolute; top: 1em;  width: 15em;}
input[type=text], input[type=email], input[type=url], textarea {background:#F8F8F8;	border:1px solid #AAA;	line-height:1.3em; box-shadow:inset -1px 1px 1px rgba(255,255,255,0.65); border-radius:0.5em!important;	margin:0.2em 0;	color: #333; font-size: 1em; padding:0.1em 0.5em;}
form textarea {	overflow:auto; width: 30em; height: 5em; font-size: 1.2em; line-height:1.5em;}
input[type=text], input[type=email], input[type=url] {height:2em!important;	width:20em}

form .frating	{display: inline-block; position: relative;}
form .fratefull, form .frateover	{background: url('../../files/img/page/starfull.png'); width: 0; height: 34px; display: inline-block; position: absolute; left: 0; top: 0;}
form .frateover	{opacity:0.4; filter:alpha(opacity=40); }

form .frateempty	{background: url('../../files/img/page/starempty.png'); width: 200px; height: 34px; display: inline-block; position: relative; top: 8px; cursor: pointer;}

dl.details	{display: block; text-align: center; font-size: 1.3em;}
dl.details dt { width:10em; text-align: right; padding-top: 1em; display: inline-block;}
dl.details dt:after { content: ": "; } 
dl.details dd {color: #222; padding-top: 1em; font-weight: bold; display: inline-block; width: 20em; text-align: left;}

.feedbackpage h2	{font-size: 2em; line-height: 1.4em; text-align: center;}

@media all and (max-width: 600px){
	.score .total {padding: 0;}
	.score .total .value {font-size: 4em;}
	.review	 .profile {display: inline-block; width: 10em; margin-left: 10%;}
	.review .rating {display: inline-block; width: 30%; float: right; margin-right: 20%;}
	.review .main {margin-top: 2em;}
	.feedbackpage form	{text-align: center;}
	.feedbackpage form:after	{display: none;}
	form label.wide { width: 60%; text-align: left;}
	form .formcontent { margin-right: 0;}
	form textarea { width: 90%;}
	dt,dd {display: block; width: auto; text-align: left;}
}