/*@mixin placeholder {
    &.placeholder { @content }
    &:-moz-placeholder { @content }
    &::-moz-placeholder{@content}
    &:-ms-input-placeholder{@content}
    &::-webkit-input-placeholder { @content }
}*/
/*@mixin size($width, $height: $width){
    width: $width;
    height: $height;
}*/
.error {
  color: red;
  font-size: 0.8125rem;
  font-family: "robotolight";
}

textarea {
  resize: none;
}

.review-baner {
  background: url("../images/review-banner-new.jpg");
  padding: 50px 0 135px 0;
}
.review-baner .banner-title {
  text-align: center;
  font-size: 44px;
  line-height: 56px;
  font-family: "robotomedium";
  color: #fff;
}
.review-baner .banner-subtitle {
  text-align: center;
  font-size: 24px;
  line-height: 29px;
  color: #FFFFFF;
  margin: 6px 0 0 0;
}

.total-review {
  margin: -100px 0 50px 0;
}
.total-review .container {
  background: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
          box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
  width: 49%;
}
.total-review .review-boxs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 30px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.total-review .rating-stars {
  width: 13px;
  height: 12px;
  background: url(../images/rating-star.svg);
  display: inline-block;
  position: relative;
  background-size: 13px;
  margin: 0 2px;
}
.total-review .rating-stars.unrated {
  background: url(../images/rating-blankstar.svg);
  background-size: 14px;
  height: 13px;
}
.total-review .rating-progress {
  color: #616161;
  padding: 0 0 8px;
}
.total-review progress {
  height: 14px;
  border-radius: 2px;
  margin: 0 5px;
  color: #bebebe;
  border: none;
}
.total-review progress::-webkit-progress-bar {
  background: #eeeeee;
  border-radius: 2px;
}
.total-review progress::-webkit-progress-value {
  background: #bebebe;
}
.total-review progress::-moz-progress-bar {
  background: #bebebe;
}
.total-review .innerbox {
  font-size: 15px;
  line-height: 18px;
  color: #434343;
  padding: 0 30px 0 0;
  width: 23%;
}
.total-review .innerbox.progress {
  width: 40%;
  border-right: 1px solid #d8d8d8;
  border-left: 1px solid #d8d8d8;
  padding: 0 20px;
}
.total-review .innerbox.review-btn-box {
  text-align: center;
}
.total-review .innerbox:last-child {
  border: 0;
}
.total-review .review-btn-box {
  width: 28%;
}
.total-review .review-btn-box .feedback {
  font-size: 16px;
  line-height: 20px;
  font-family: robotomedium;
  color: #1d1d1d;
}
.total-review .review-btn-box .review-btn {
  background: #f58e0e;
  color: #fff;
  font-size: 18px;
  line-height: 20px;
  padding: 9px 15px;
  display: inline-block;
  font-family: "robotomedium";
  border-radius: 5px;
  margin: 20px 0 0;
  cursor: pointer;
}
.total-review .review-btn-box .review-btn:hover {
  background: #f5a039;
}
.total-review .innerbox-title {
  font-size: 18px;
  line-height: 22px;
  font-family: robotomedium;
}
.total-review .innerbox-totalrating {
  color: #5c7a36;
  font-size: 44px;
  line-height: 50px;
  font-family: robotomedium;
}
.total-review .filter-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 15px 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #f5f5f5;
}
.total-review .filter-box p {
  font-size: 18px;
  line-height: 20px;
  font-family: robotomedium;
  color: #434343;
}
.total-review .filter-box .inputbox,
.total-review .filter-box .countryList {
  position: relative;
  width: 28%;
}
.total-review .filter-box .inputbox select,
.total-review .filter-box .countryList select {
  border: 1px solid #d8d8d8;
  background: #fff url(../images/dropdown-arrow.svg) no-repeat center right 10px;
  color: #707070;
  background-size: 12px;
}

.reviews.container {
  margin-bottom: 40px;
}

.review-list li {
  margin-bottom: 30px;
  display: inline-block;
  position: relative;
  z-index: 1;
  width: 30%;
}
.review-list li img {
  width: 100%;
  height: auto;
  max-width: 92%;
  margin: 0 auto 30px;
  display: block;
}
.review-list li .rating-box-list {
  border-radius: 5px;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.22);
          box-shadow: 0 0 6px rgba(0, 0, 0, 0.22);
  max-width: 92%;
  margin: 0 auto 30px;
}
.review-list .top-strip {
  padding: 15px;
  color: #616161;
  font-size: 14px;
  line-height: 18px;
  border-bottom: 1px solid #d8d8d8;
}
.review-list .top-strip .assignment-date {
  font-size: 16px;
  line-height: 18px;
  font-family: robotomedium;
  color: #1d1d1d;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.review-list .top-strip .assignment-date span {
  font-size: 13px;
  color: #707070;
}
.review-list .top-strip .rating-star {
  padding: 5px 0 0;
}
.review-list .top-strip .rating-star .rating-stars {
  width: 15px;
  height: 15px;
  background: url(../images/rating-star.svg) no-repeat;
  display: inline-block;
  position: relative;
  background-size: 15px;
}
.review-list .top-strip .rating-star .rating-stars.halfrating {
  background: url(../images/unrating.svg) no-repeat;
  background-size: 15px;
}
.review-list .top-strip .rating-star .rating-stars.unrating {
  background: url(../images/rating-blankstar.svg) no-repeat;
  background-size: 15px;
}
.review-list .review-content {
  font-size: 14px;
  line-height: 18px;
  color: #616161;
  padding: 15px;
}
.review-list .review-content .name {
  font-size: 16px;
  line-height: 18px;
  font-family: robotomedium;
  color: #1d1d1d;
  padding: 15px 0 0;
}

.loading-btn {
  background: #f58e0e;
  padding: 8px 20px;
  text-align: center;
  display: block;
  margin: 0 auto 0;
  border-radius: 3px;
  color: #fff;
  font-size: 18px;
  line-height: 20px;
  font-family: "robotomedium";
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  cursor: pointer;
}

.norslt {
  width: 100%;
  text-align: center;
  padding: 15px;
  border: 1px solid #ced4da;
  color: #ff0000;
  font-size: 16px;
  line-height: 18px;
  border-radius: 4px;
  margin: 0 0 40px 0;
}
.norslt img {
  width: 160px;
}
.norslt span {
  display: block;
  padding: 10px 0 0;
}

.seo-content {
  font-size: 15px;
  line-height: 22px;
  margin: 0 0 50px;
  color: #242424;
}
.seo-content .content-inner {
  padding: 8px 0px 40px;
  font-family: robotomedium;
}
.seo-content img {
  width: auto;
  height: auto;
}
.seo-content h1 {
  font-size: 28px;
  line-height: 32px;
  margin: 5px 0 10px;
  color: #1d1d1d;
}
.seo-content h2 {
  font-size: 25px;
  line-height: 29px;
  margin: 5px 0 10px;
  color: #1d1d1d;
}
.seo-content h3 {
  font-size: 22px;
  line-height: 26px;
  margin: 5px 0 10px;
  color: #1d1d1d;
}
.seo-content h4 {
  font-size: 18px;
  line-height: 20px;
  margin: 10px 0 5px 0;
  color: #1d1d1d;
}
.seo-content p {
  font-size: 14px;
  line-height: 18px;
  margin: 0px 0 10px 0;
  font-family: robotoregular;
  color: #616161;
}
.seo-content ol {
  padding: 0 0 0 30px;
  list-style: decimal;
}
.seo-content ol li {
  font-weight: 400;
  color: #616161;
  padding: 0 0 0 5px;
  text-align: left;
  margin: 16px 0 0;
  font-size: 14px;
  line-height: 20px;
}
.seo-content ol li strong {
  color: #272727;
}
.seo-content ol li::marker {
  unicode-bidi: isolate;
  font-variant-numeric: tabular-nums;
  text-transform: none;
  text-indent: 0px !important;
  text-align: start !important;
  -moz-text-align-last: start !important;
       text-align-last: start !important;
}
.seo-content ul {
  list-style: decimal;
}
.seo-content ul li {
  list-style: inside;
  text-align: justify;
  font-family: robotolight;
  margin-left: 10px;
}
.seo-content ul li strong {
  color: #272727;
}
.seo-content ul li::marker {
  unicode-bidi: isolate;
  font-variant-numeric: tabular-nums;
  text-transform: none;
  text-indent: 0px !important;
  text-align: start !important;
  -moz-text-align-last: start !important;
       text-align-last: start !important;
}
.seo-content .content-table {
  width: 100%;
  overflow-x: auto;
  margin-bottom: 15px;
}
.seo-content .content-table table {
  border-collapse: collapse;
  width: 100%;
}
.seo-content .content-table table tr td {
  font-size: 0.875rem;
  border: 1px solid #d7d7d7;
  padding: 5px;
}
.seo-content .seo-btn {
  text-align: center;
  margin: 30px 0;
}
.seo-content .seo-btn a {
  background: #ff8100;
  color: #fff;
  display: inline-block;
  font-size: 18px;
  padding: 8px 20px;
  font-family: robotomedium;
  border-radius: 3px;
}
.seo-content .seo-btn a:hover {
  background: #fc8f22;
}

.review-popup.fancybox-content {
  padding: 20px;
  border-radius: 5px;
  width: 100%;
  max-width: 410px;
  overflow: initial;
}
.review-popup .fancybox-button.fancybox-close-small {
  color: #fff;
  right: -46px;
  width: 45px;
  padding: 5px;
}
.review-popup .popup-heading {
  font-size: 22px;
  line-height: 26px;
  font-family: robotomedium;
  color: #1d1d1d;
  text-align: center;
  margin: 0 0 7px;
}
.review-popup .ratingstar {
  line-height: 15px;
  text-align: left;
  display: block;
  unicode-bidi: bidi-override;
  direction: rtl;
  text-align: center;
  margin: 0 0 25px;
}
.review-popup .ratingstar > input {
  display: none;
}
.review-popup .ratingstar > input + label {
  display: inline-block;
  cursor: pointer;
}
.review-popup .ratingstar > input + label:before {
  display: inline-block;
  content: "";
  color: #888;
  width: 20px;
  height: 20px;
  background: url(../images/rating-blankstar.svg) no-repeat;
  background-size: 20px;
}
.review-popup .ratingstar > input:checked ~ label:before {
  content: "";
  color: #e52;
  background: url(../images/rating-star.svg) no-repeat;
  background-size: 20px;
}
.review-popup .ratingstar > input + label:hover ~ label:before, .review-popup .ratingstar > input + label:hover:before {
  content: "";
  background: url(../images/rating-blankstar.svg) no-repeat;
  background-size: 20px;
}
.review-popup .ratingstar:hover > input + label:before {
  content: "";
  background: url(../images/rating-blankstar.svg) no-repeat;
  background-size: 20px;
}
.review-popup .ratingstar:hover > input + label:hover ~ label:before, .review-popup .ratingstar:hover > input + label:hover:before {
  content: "";
  background: url(../images/rating-star.svg) no-repeat;
  background-size: 20px;
}
.review-popup .form_section label {
  color: #1d1d1d;
  font-size: 15px;
  line-height: 18px;
  font-family: robotomedium;
  margin: 0 0 5px;
  display: block;
}
.review-popup .form_section .inputbox {
  position: relative;
  margin: 0 0 18px;
}
.review-popup .form_section .inputbox .refresh {
  position: absolute;
  right: 65px;
  top: 14px;
  cursor: pointer;
}
.review-popup .form_section .inputbox .refresh svg {
  fill: #666;
  width: 22px;
  height: 22px;
}
.review-popup .form_section .inputbox .captchabx {
  position: absolute;
  right: 6px;
  top: 12px;
}
.review-popup .form_section .inputbox textarea::-webkit-input-placeholder, .review-popup .form_section .inputbox input::-webkit-input-placeholder {
  color: #707070;
}
.review-popup .form_section .inputbox textarea::-moz-placeholder, .review-popup .form_section .inputbox input::-moz-placeholder {
  color: #707070;
}
.review-popup .form_section .inputbox textarea:-ms-input-placeholder, .review-popup .form_section .inputbox input:-ms-input-placeholder {
  color: #707070;
}
.review-popup .form_section .inputbox textarea::-ms-input-placeholder, .review-popup .form_section .inputbox input::-ms-input-placeholder {
  color: #707070;
}
.review-popup .form_section .inputbox textarea::placeholder, .review-popup .form_section .inputbox input::placeholder {
  color: #707070;
}
.review-popup .form_section .button-callbk {
  background: #f58e0e;
  width: 100%;
  border-radius: 3px;
  color: #fff;
  font-size: 18px;
  line-height: 22px;
  padding: 9px;
  cursor: pointer;
  margin: 20px 0 0;
}
.review-popup .form_section .button-callbk:hover {
  background: #ff8100;
}

@media (max-width: 1366px) {
  .total-review .container {
    width: 70%;
  }
}
@media (max-width: 1024px) {
  .total-review .container {
    width: 88%;
  }
  .total-review .innerbox.progress {
    padding: 0 20px;
  }
  .review-baner {
    padding: 40px 0 130px 0;
  }
  .review-baner .banner-title {
    font-size: 35px;
    line-height: 46px;
  }
  .review-baner .banner-subtitle {
    font-size: 20px;
    line-height: 23px;
  }
  .review-list li .rating-box-list {
    max-width: 95%;
  }
}
@media (max-width: 768px) {
  .banner-title {
    text-align: center;
    font-size: 44px;
    line-height: 56px;
    font-family: "robotomedium";
    color: #fff;
  }
  .banner-subtitle {
    text-align: center;
    font-size: 24px;
    line-height: 29px;
    color: #FFFFFF;
    margin: 6px 0 0 0;
  }
  .total-review .container {
    width: 95%;
  }
  .total-review .review-boxs {
    padding: 15px 10px;
  }
  .total-review .innerbox-title {
    font-size: 16px;
    line-height: 18px;
  }
  .total-review .innerbox-totalrating {
    font-size: 37px;
    line-height: 41px;
  }
  .total-review .innerbox {
    padding: 0px 15px 0 0;
  }
  .total-review .innerbox.progress {
    width: 45%;
    padding: 0 15px;
  }
  .total-review .filter-box {
    padding: 15px;
  }
  .total-review .filter-box p {
    font-size: 16px;
  }
  .review-list .top-strip,
.review-list .review-content {
    padding: 10px;
  }
  .seo-content h1 {
    font-size: 26px;
    line-height: 30px;
  }
  .seo-content h2 {
    font-size: 23px;
    line-height: 27px;
  }
  .seo-content h3 {
    font-size: 20px;
    line-height: 24px;
  }
  .seo-content h4 {
    font-size: 16px;
    line-height: 18px;
  }
}
@media (max-width: 767px) {
  .review-baner {
    padding: 25px 0 95px 0;
  }
  .review-baner .banner-title {
    font-size: 22px;
    line-height: 26px;
  }
  .review-baner .banner-subtitle {
    font-size: 14px;
    line-height: 16px;
  }
  .total-review {
    margin: -77px 0 30px 0;
  }
  .total-review .container {
    padding: 0;
  }
  .total-review .review-boxs {
    display: block;
  }
  .total-review .innerbox {
    width: 100%;
    padding: 0 0 15px;
    text-align: center;
  }
  .total-review .innerbox.progress {
    width: 100%;
    padding: 15px 0;
    border-right: 0;
    border-left: 0;
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
  }
  .total-review .review-btn-box {
    width: 100%;
    padding: 15px 0 0;
  }
  .total-review .review-btn-box .review-btn {
    font-size: 16px;
    line-height: 18px;
    padding: 6px 12px;
    margin: 12px 0 0;
  }
  .total-review .rating-progress {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .total-review progress {
    width: 60%;
  }
  .total-review .filter-box {
    display: block;
  }
  .total-review .filter-box p {
    padding: 0 0 15px;
  }
  .total-review .filter-box .inputbox, .total-review .filter-box .countryList {
    width: 100%;
    margin: 0 0 12px;
  }
  .total-review .filter-box .inputbox select, .total-review .filter-box .countryList select {
    padding: 8px;
  }
  .reviews.container {
    margin-bottom: 20px;
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 22px;
  }
  .review-list li {
    width: 100%;
    margin: 0;
  }
  .review-list li .rating-box-list {
    max-width: 100%;
  }
  .review-list li img {
    max-width: 100%;
  }
  .seo-content {
    margin: 0;
  }
  .seo-content .content-inner {
    padding: 0;
  }
  .seo-content h1 {
    font-size: 24px;
    line-height: 28px;
  }
  .seo-content h2 {
    font-size: 21px;
    line-height: 25px;
  }
  .seo-content h3 {
    font-size: 18px;
    line-height: 22px;
  }
  .review-popup .fancybox-button.fancybox-close-small {
    right: 0;
    top: -45px;
  }
}