/* Reviews
========================== */
b {font-weight:bold}
.boxed {border: 1px solid #dedede; border-radius: 5px; position:relative}

.modal, .modal-location, .modal-reviews, .modal-contact-form, .modal-review-stars {display:none}

#reviews-form * {box-sizing:border-box}
#reviews-form h2 {margin-top:0}
#reviews-form {font-size:16px; max-width:800px; min-height:270px; margin:0 auto; position:relative}
#reviews-form > .review-loader {display:block; width:150px; height:150px; margin:0 auto; background:url("../images/loader.gif") no-repeat center; background-size:contain; position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); left:0; right:0; margin:0 auto}
#reviews-form .close {display: inline-block; width: 30px; height: 30px; background: #fff url(../images/btn-close.png) no-repeat center; background-size: 65%; position: absolute; right: -40px; top: -50px; border: 1px solid #dedede; border-radius: 50%;}
#reviews-form .boxed {padding: 0}
.modal-review-stars {text-align:center}
.modal-review-stars .intro {margin-bottom:10px; position:relative}
.modal-review-stars a {display:inline-block; width:15%; height:100px; background:url("../images/icon-star-empty.png") no-repeat center; background-size:contain;}
.modal-review-stars a.full {background-image:url("../images/icon-star-full.png")}
.ratings {display: -ms-flexbox; display:-webkit-flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; flex-direction:row; -webkit-flex-direction:row; -ms-flex-direction:row; justify-content:center; -web-justify-content:center}
.modal-reviews {text-align:center; position:relative;}
.modal-reviews > p, .modal-contact-form > p {padding:20px; border-bottom: 1px solid #dedede; margin:0}
.review-list:after {content:""; display:table; clear:both}
.review-list {list-style:none !important; margin:0 !important; padding:50px 20px 20px 20px; background:#fafafa}
.review-list li {text-align:center; margin-bottom:30px; border:none}
.review-list li a {display: block; background: linear-gradient(#fff, #f3f3f3); box-shadow: 0px 1px 3px rgba(0,0,0,0.3); padding: 20px; border-radius: 20px;}
.review-list li a:hover {background:#f3f3f3}
.review-list li a img {display:block; margin:0 auto}
.review-list li:not(:first-child) {float:left; max-width:32%; width:100%; margin-right:2%}
.review-list li:nth-child(3n+1) {margin-right:0}
.review-list li:first-child {float:none; max-width:100%; width:100%}
.modal-contact-form form {padding:30px}
.modal-contact-form [type="text"], .modal-contact-form [type="tel"], .modal-contact-form [type="email"], .modal-contact-form textarea {width:100%; display:block; height:36px; border:1px solid #dedede; border-radius:5px; padding:5px; margin-bottom:10px; font-family:inherit; font-size:14px; box-shadow: none}
.modal-contact-form textarea {min-height:150px}
.modal-contact-form [type="submit"] {display:inline-block; text-decoration:none; padding:13px 35px; background:#e95643; color:#fff; border-radius:20px; border:none; cursor:pointer; font-size:16px; outline:none; margin-bottom:20px}
.modal-contact-form [type="submit"]:hover {background:#d23b27}
.modal-contact-form .loader {background: url("../images/ajax-loader.gif")no-repeat 0 4px; height: 32px; padding: 0 0 0 20px !important; display: none; text-align: left; margin-bottom: 10px}
.modal-contact-form .loader:after {content:"Sending..."; margin-left: 5px}
.modal {position:relative}
.modal > img {display:block; margin:0 auto}
.modal .description:after {content:""; display:block; clear:both}
.modal .description {position:static; padding:20px; border:1px solid #dedede; border-width:1px 0; line-height:25px; background: none; border-radius: 0}
.modal .description ul {list-style:disc; margin-left:0; padding-left:40px;}
.modal .description ul li {display: list-item; list-style: disc; border: none; background: none; max-width: 100%; float: none; text-align: left; margin: 0 0 5px;}
.modal .description img {float:right; margin:0 0 10px 10px}
.modal .description p {color: #333; opacity: 1; text-align: left !important; font-weight: normal; margin-bottom: 20px}
.modal .review-link {display:block; margin:10px; text-align:center}
.modal .review-link > a {display:inline-block; text-decoration:none; padding:13px 35px; background:#e95643; color:#fff; border-radius:20px}
.modal .review-link > a:hover {background:#d23b27}
#modal-select {text-align:center}
#modal-select:after {content:""; display:table; clear:both}
#modal-select > a {display:inline-block; min-width:160px; margin:0 2% 2% 0}
#modal-select > a:last-of-type {margin-right:0}
.modal-location {border: 1px solid #dedede; padding: 40px 30px; margin-top:20px}
.modal-btn {padding:15px 25px; border-radius:10px; text-decoration:none; color:#333; background:#f7f7f7; background:linear-gradient(#fafafa, #dedede); border:1px solid #dedede; margin-right:10px}
.modal-btn:hover {background:#dedede;}

@media only screen and (min-width: 1200px) {
    #review-stars a {width:120px; height:120px}
}

@media screen and (max-width: 768px) {
    #modal-select > a {max-width: 49%}
    #modal-select > a:nth-child(2n+1) {margin-right: 0}
    #modal-select > a:nth-child(3n+1) {margin-right: 2%}
    .modal-location {padding:30px 0 0; border:none}
    .modal-review-stars a {width:20%; height:80px}
    .review-list {padding:20px 10px}
    .review-list li {margin-bottom:10px}
    .review-list li:not(:first-child) {float:none; max-width:100%}
    .review-list li a {padding:10px 20px}
    .review-list li a img {max-height:50px}
    #reviews-form .close {left:0; right:0; top:-40px; margin:0 auto}
    .modal .review-link > a {padding:10px}
}

@media only screen and (max-width: 479px) {
    #modal-reviews > p, .modal-contact-form > p {padding:20px 30px 20px 20px}
    #review-stars a {width:60px; height:60px;}
    .modal .description img {float:none; margin: 0 auto 10px; display: block;}
    #modal-select > a, #modal-select > a:nth-child(2n+1), #modal-select > a:nth-child(3n+1) {float:none; max-width:100%; margin-right:0}
}