/*-- REVIEWS -----------------------------------------------------------------*/
.reviews_lead {margin-bottom:40px;}

.reviews_overall {display:grid; grid-template-columns:150px auto; grid-column-gap:25px; margin-bottom:50px;}
.reviews_overall .rate .ratenumber {display:flex; flex-direction:column; align-items:center; justify-content:center; color:#666666; width:150px; height:150px; background-color:#f1f1f1; border-radius:50%;}
.reviews_overall .rate .ratenumber SPAN {font-size:46px; line-height:46px; font-weight:700;}
.reviews_overall .rate .ratecounter {font-size:12px; line-height:12px; margin-top:15px;}
.reviews_overall .text {display:flex; flex-direction:column; justify-content:space-between; align-items:flex-start; font-size:16px; line-height:16px; text-align:right; padding:15px 0;}
.reviews_overall .text .ratevalue {display:inline-grid; grid-template-columns:80px 33px auto; grid-column-gap:15px; align-items:center;}
.reviews_overall .rating_stars {position:relative; float:left; font-size:46px;line-height:100px; color:#000000; background-color:#f9f9f9; width:150px; height:150px; border-radius:50%;}
.reviews_overall .rating_stars .rating_point {width:80%; margin:0px auto;text-align:center; height:80px;}
.reviews_overall .rating_stars .rating_review_count{position:relative; margin-top:-30px;font-size:12px;height:40px;width:140px;margin-left:5px;text-align:center;}
.reviews_overall .review_stars_groups {margin-left:200px; height:150px;}
.reviews_overall .review_stars_groups .star_row {margin-bottom: 10px; line-height:20px;}
.reviews_overall .review_stars_groups .star_row .reviews_percent {display:inline-block; margin-left:10px; width:40px;}
.reviews_overall .review_stars_groups .star_row .reviews_count {display:inline-block; margin-left:10px;}

.reviews {clear:both;}
.reviews .review {width:100%; min-height:80px; margin-bottom:20px;}
.reviews .review .review_left {float:left; padding-top:20px; padding-left:20px;}
.reviews .review .review_left .user_avatar {background-image:url(/images/icons/user.png); width:64px; height:64px; float:left;}
.reviews .review .review_left .rating_stars {margin-left:100px; margin-bottom:4px; width:200px;}
.reviews .review .review_left .rating_stars .stars_container {width:100%; height:16px;position:relative;}
.reviews .review .review_left .rating_stars .stars_container .stars_grey {position:absolute; top:0px; left:0px; width:80px; height:16px; }
.reviews .review .review_left .rating_stars .stars_container .stars_yellow {position:absolute; top:0px; left:0px; height:16px; white-space:nowrap; overflow:hidden; background-color:white;}
.reviews .review .rating_name {margin-left:100px;}
.reviews .review .rating_date {margin-left:100px;font-size:0.8em; font-style:italic;}
.reviews .review .review_right {position: relative;margin-left: 300px; min-height:80px; padding:20px 20px; background-color:#f9f9f9;  border-radius:20px; font-style:italic;}
.reviews .review .review_right::before {content:""; position:absolute; top:20px; left:-18px; width:0px; height:0px; border-style:solid; border-width:0 18px 18px 0; border-color: transparent #f9f9f9 transparent transparent;}
.reviews .review .answer {margin-bottom:60px; padding-left:140px;}
.reviews .review .answer .title {font-size:12px; font-weight:bold; padding-left:2px;}
.reviews .review .answer .text {font-size:12px; padding:0px 10px; background-color:#fcfcfc; border-radius:2px;}

.star_grey{display:inline-block; background:url(/images/icons/star16x16_grey.png); width:16px; height:16px;}
.star_yellow{display:inline-block; background:url(/images/icons/star16x16_yellow.png); width:16px; height:16px;}

.default_avatar {width:64px; height:64px; float:left; background-image:url(/images/icons/user.png); }
.default_avatar.business_avatar {}
.default_avatar.family_avatar {}
.default_avatar.friends_avatar {}
.default_avatar.single_avatar {}
.default_avatar.romantic_avatar {}

/* foglalas urlapnal giftcard doboz */
.formbig .giftcardlist {margin-bottom:10px;}
.formbig .giftcardaddbutton {margin-bottom:10px;}

/*-- FŐOLDAL REWVIEWS --------------------------------------------------------*/
.ratecontainer {display:inline-block; position:relative; width:80px; height:16px;}
.ratecontainer .stars_grey {background:url(/images/icons/star_grey.svg); background-size:16px; width:100%; height:16px;}
.ratecontainer .stars_yellow {position:absolute; top:0; left:0; height:16px; background:url(/images/icons/star_yellow.svg); background-size:16px;}

.reviewscontainer {}
.reviewscontainer .reviews {}
.reviewscontainer b {font-weight:700;}
.reviewscontainer .reviews_header {margin-bottom:40px; height:80px;}
.reviewscontainer .reviews_header .column { float:left; padding-left:10px; }
.reviewscontainer .reviews_header .column.lead {width:45%; font-weight:300; font-size:18px;}
.reviewscontainer .reviews_header .column .wrapper {height:70px;}
.reviewscontainer .reviews_header .lead {padding-left:10px;}

.reviewscontainer .reviews_header .rating_stars {position:relative; background-color:#e5bd2d; width:80px; height:80px; border-radius:50%;}
.reviewscontainer .reviews_header .rating_stars .rating_point {width:80%; margin:0px auto;text-align:center; line-height:80px; font-size:34px; color:#fff; font-weight:700;}
.reviewscontainer .reviews_header .rating_review_count{position:relative; font-size:12px;height:40px;width:140px; text-align:left;}
.reviewscontainer .reviews_header .rating_text {text-transform:uppercase; font-size:24px; font-weight:700; color:#666;}

.reviewscontainer .stars_container {width:100%; height:16px;position:relative;}
.reviewscontainer .stars_container .stars_grey {position:absolute; top:0px; left:0px; width:80px; height:16px; }
.reviewscontainer .stars_container .stars_yellow {position:absolute; top:0px; left:0px; height:16px; white-space:nowrap; overflow:hidden; background-color:white;}

.reviewscontainer .reviews .review {width:100%; margin-bottom:50px; padding-left:180px; padding-right:120px; background:url("/images/HOTELV5/quote.png") no-repeat; background-position:130px top;box-sizing:border-box;}
.reviewscontainer .reviews .review .text {min-height:60px; font-size:16px; font-weight:400;}

.reviewscontainer .reviews .review .text .stars_container {display:inline-block; width:80px; height:16px; margin-left:10px;}
.reviewscontainer .reviews .review .more {width:100%; text-align:right; height:30px;}
.reviewscontainer .reviews .review .more div {display:inline-block; line-height:30px; font-size:12px; margin-left:10px; font-weight:400;}

.reviewscontainer .reviews .review .more .rating_name { font-weight:700; font-size:16px; }
.reviewscontainer .reviews .review .more .rating_date {font-style:normal;}

.reviewscontainer .reviews .review .usertext_inner {background-color:#f9f9f9;}

.reviewscontainer .reviews .review_inner {background-image:url(/images/icons/quote4.png); background-size:47px; background-repeat:no-repeat; background-position:0 30px; margin-left:35px; margin-bottom:50px;}
.reviewscontainer .reviews .review_inner .comment {padding-left:60px;}
.reviewscontainer .reviews .review_inner .comment .ratecontainer {display:block; margin-left:10px; margin-bottom:8px;}
.reviewscontainer .reviews .review_inner .comment .userinfo {display:flex; flex-wrap:wrap; align-items:center; color:#646464; line-height:30px;}
.reviewscontainer .reviews .review_inner .comment .userinfo .line {margin:0 8px;}
.reviewscontainer .reviews .review_inner .comment .userinfo .userpic {display:block; width:21px; height:21px; background-image:url(/images/icons/user4.png); background-repeat:no-repeat; margin-right:8px;}
.reviewscontainer .reviews .review_inner .comment .userinfo .username {font-size:14px; line-height:14px; font-weight:700; margin:0;}
.reviewscontainer .reviews .review_inner .comment .userinfo .usertravel {font-size:12px; line-height:12px; margin:0;}
.reviewscontainer .reviews .review_inner .comment .userinfo .userdate {font-size:12px; line-height:12px; margin:0;}
.reviewscontainer .reviews .review_inner .comment .usertext {display:inline-block; font-size:16px; line-height:24px; color:#636363; background-color:#f9f9f9; padding:20px; border-radius:20px;}
.reviewscontainer .reviews .review_inner .reply {margin-top:30px; margin-left:120px;}
.reviewscontainer .reviews .review_inner .reply .hotelinfo {display:flex; align-items:center; color:#646464; margin-bottom:7px;}
.reviewscontainer .reviews .review_inner .reply .hotelinfo .hotelpic {display:block; width:13px; height:11px; background-image:url(/images/icons/reply4.png); background-repeat:no-repeat; margin-right:8px;}
.reviewscontainer .reviews .review_inner .reply .hotelinfo .hotelname {font-size:14px; line-height:14px; font-weight:700; margin:0;}
.reviewscontainer .reviews .review_inner .reply .hoteltext {display:inline-block; font-size:14px; line-height:22px; color:#636363; background-color:#f9f9f9; padding:20px; border-radius:20px;}

.reviewscontainer .star_grey{display:inline-block; background:url(/images/icons/star16x16_grey.png); width:16px; height:16px;}
.reviewscontainer .star_yellow{display:inline-block; background:url(/images/icons/star16x16_yellow.png); width:16px; height:16px;}

.reviewscontainer .default_avatar {width:30px; height:30px; background-image:url(/images/icons/review_user_avatar32x32.png); background-size:cover; float:unset; position:relative; top:7px;}


/*-- FŐOLDAL REVIEWS --------------------------------------------------------*/


/* vertikal középre helyezés */
.flex.align-center { display: -ms-flexbox; display: -webkit-flex;display: flex; -ms-flex-align: center;-webkit-align-items: center;-webkit-box-align: center; align-items: center;}

.line {letter-spacing:-3px; color:#e5bd2d; margin-left:10px;}

.bigbutton7 {display:block; width:225px; font-size:16px; line-height:16px; text-transform:uppercase; text-align:left; font-weight:400; color:#fff; padding:15px 13px 11px 15px; background:url(/images/HOTELV5/V12/arrow1white.png) no-repeat 214px 12px; background-color:#58bdaa; font-weight:600;}
.bigbutton7:HOVER {color:#ffffff; text-decoration:none; background:url(/images/HOTELV5/V12/arrow1white.png) no-repeat 214px 18px; background-color:#389b88;}


/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width:1180px) and (max-width:1280px){

}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

/*@media (min-width:768px) and (max-width:1023px) {*/
@media (max-width:1023px) {

    .reviews_overall {grid-template-columns:1fr;}
    .reviews_overall .rate {display:flex; justify-content:center; align-items:flex-start;}
    .reviews_overall .text {display:grid; justify-content:center; align-items:flex-start; line-height:26px;}

}