.logo-container {
    width: 100% !important;
    padding-right: 15px !important;
    padding-left: 15px !important;
    margin-right: auto !important;
    margin-left: auto !important;
    position:static !important;
}
/*this is the options css*/
/* The container */
.container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}


/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #fdb515;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.container .checkmark:after {
}
/*end options css*/

.sr-only-rr {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  border: 0;
}
body {
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    font-family: 'Karla', sans-serif !important;
    line-height: 1.25 !important;
    color:#889da5 !important;
    text-rendering: optimizeLegibility !important;
    background-color:#f4f6f8 !important;
    overflow-x:hidden !important;
}
hr {
    box-sizing: content-box !important;
    height: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    margin:0 !important;
    border-top: 1px solid rgba(0, 0, 0, 0.12) !important;
}
.line-height-normal {
    line-height:1.4 !important;
}
.text-uppercase {
    text-transform:uppercase !important;
}
h1,h2,h3,h4,h5,h6 {
    font-weight:400 !important;
    line-height:1.3 !important;
    color:#151D23 !important;
}
h1,
.h1 {
    font-size:1.75rem !important;
    letter-spacing:-0.08rem !important;
}
small,
.small-rr {
    font-size:80%;
}
.lead-rr {
    font-size:1.25rem;
}
.strong-rr {
    font-weight:700 !important;
}
.rra-bg-wrap {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    background-color:#000;
}
.rra-bg-wrap img {
    width:100%;
    height:auto;
    opacity:.6;
}
.container-fluid-rr {
    max-width:1300px;
}
.rounded {
    border-radius:5px !important;
}
.text-center {
    text-align:center !important;
}
.text-left {
    text-align:left !important;
}
.mt-6 {
    margin-top:4rem !important;
}
.rra-card-wrap {
    background-color:#fff;
    box-shadow:0 1px 3px rgba(0,0,0,.1);
    -webkit-box-shadow:0 2rem 1.5rem -1.5rem rgba(43,42,53,.3), 0 0 1.5rem 0.5rem rgba(43,42,53,.05);
    box-shadow:0 2rem 1.5rem -1.5rem rgba(43,42,53,.3), 0 0 1.5rem 0.5rem rgba(43,42,53,.05);
}
.rra-client-logo {
    max-width:200px;
    height:auto;
}
.loader {
    width:60px;
}
.form-control-rr {
    display:block;
    width:100%;
    height:45px;
    padding:.25rem .85rem;
    border-radius:3px;
    background-color:#fbfbfb;
    border:2px solid #f3f3f3;
}
textarea.form-control-rr {
    height:10rem;
}
.btn-rr {
    display:inline-block;
    height:45px;
    line-height:45px;
    padding:0 1.5rem;
    border:none;
    border-radius:3px;
    text-align:center;
    cursor:pointer;
    text-transform:uppercase;
}
.btn-rr:focus,
.btn-rr:hover {
    text-decoration:none;
    color:#fff;
    outline:none;
}
.btn-success-rr {
    background:#4ECE6C;
    color:#fff;
}
.btn-success-rr:focus,
.btn-success-rr:hover {
    background:#35c056;
}
.btn-block-rr {
    display:block;
    width:100% !important;
}
.rra-social-list {
    list-style:none;
}
.rra-social-list li {
    margin:0 .35rem;
    line-height:24px;
}
.rra-social-list a {
    display:block;
    width:100%;
    height:44px;
    padding:10px;
    text-align:center;
    border-radius:4px;
    position:relative;
    color:#fff;
}
.rra-social-list-alt a {
    color:#fff;
}
.rra-social-list a:focus,
.rra-social-list a:hover,
.rra-social-list-alt a:focus,
.rra-social-list-alt a:hover {
    text-decoration:none;
}
.rra-social-list a img {
    width:24px;
    height:auto;
}
.rra-social-list a i {
    line-height:24px;
    font-size:22px;
}
.rra-social-list .rra-generic {
    background-color:#d9d9d9;
}
.rra-social-list .rra-generic:hover {
    background-color:#c4c4c4;
}
.rra-social-list .rra-google {
    background-color:#444;
}
.rra-social-list .rra-tripadvisor {
    background-color:#00AF87;
}
.rra-social-list .rra-tripadvisor:hover {
    background-color:#007a5e;
}
.rra-social-list .rra-google:hover {
    background-color:#393939;
}
.rra-social-list .rra-facebook,
.rra-social-list-alt .rra-facebook {
    background-color:#3b589e;
}
.rra-social-list .rra-facebook:hover,
.rra-social-list-alt .rra-facebook:hover {
    background-color:#2a4688;
}
.rra-social-list .rra-yelp {
    background-color:#ce2200;
}
.rra-social-list .rra-yelp:hover {
    background-color:#b61e00;
}
.rra-social-list-alt .rra-twitter {
    background-color:#1da1f2;
}
.rra-social-list-alt .rra-twitter:hover {
    background-color:#138dd7;
}


.rra-discount-card {
    font-family: 'Bree Serif', sans-serif;
    border:5px dashed rgba(0,0,0,.1);
}
.rra-discount {
    font-size:3rem;
    line-height:1;
    font-weight:700;
}
.rra-social-list-alt a {
    padding:.85rem;
    max-width:250px;
    margin-left:auto;
    margin-right:auto;
}
.rra-social-list-alt a i {
    font-size:1.5rem;
    border-right:1px solid rgba(255,255,255,.15);
    width:60px;
    text-align:center;
}
.rra-social-list-alt a small,
.rra-social-list-alt a span {
    display:block;
    line-height:1;
}
.rra-social-list-alt a span {
    font-size:1.4rem;
}
.smiles-rating-wrap {
    position:relative;
}
.rra-smiles,
.rra-thumbs {
    list-style:none;
}
.rra-smiles li {
    margin:0 .25rem;
    position:relative;
}
.rra-thumbs li {
    margin:0 1rem;
    position:relative;
}
.rra-smiles i,
.rra-thumbs i {
    font-size:3.8rem;
    cursor:pointer;
    color:#d2d2d2;
}
.rra-smiles .icon-smiling-face1:hover:before,
.rra-active .icon-smiling-face1:before {
    content: "\e90e";
}
.rra-smiles .icon-neutral-face1:hover:before,
.rra-active .icon-neutral-face1:before {
    content: "\e910";
}
.rra-smiles .icon-sad-face1:hover:before,
.rra-active .icon-sad-face1:before {
    content: "\e90c";
}
.rra-smiles span,
.rra-smiles i:hover,
.rra-active i,
.rra-thumbs i:hover,
.rra-thumbs i.rra-active {
    color:#ffaf00 !important;
}
.rra-love i:hover,
.rra-love.rra-active i,
.rra-love span {
    color:#35c056 !important;
}
.rra-hate i:hover,
.rra-hate.rra-active i,
.rra-hate span {
    color:#f53c3c !important;
}
.rra-smiles li span,
.rra-thumbs li span {
    width:100%;
    position:absolute;
    bottom:-20px;
    right:0;
    display:none;
}
.rra-smiles .rra-active span,
.rra-smiles li:hover span,
.rra-thumbs .rra-active span,
.rra-thumbs li:hover span {
    display:block;
}

.rra-top-logo {
    margin:-120px auto 40px;
    position:relative;
    width:300px;
    height:300px;
    background-color:#fff;
    border-radius:50%;
}
.rra-top-logo .rra-business-name {
    width: 80%;
    position: absolute;
    top: 60%;
    right: 50%;
    -webkit-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%);       
}
.rra-top-logo > img {
    width:50%;
    height:auto;
    position:absolute;
    top:65%;
    right:50%;
    -webkit-transform:translate(50%, -50%);
    -ms-transform:translate(50%, -50%);
        transform:translate(50%, -50%);
}
.rra-avg-number {
    font-size:4rem;
    line-height:9rem;
    width:9rem;
    height:9rem;
    text-align:center;
    background-color:#fff;
    border-radius:50%;
    box-shadow:0 8px 15px rgba(0,0,0,.1);
    margin:0 auto 1rem;
}
.rra-star-rating {
    list-style:none;
}
.rra-star-rating li {
    margin-right:.2rem;
    font-size:2rem;
    line-height:1;
    color:#d2d2d2;
}

.rr-star-rating:after,
.rr-review-widget:after,
.rr-review-header:after {
    clear:both;
}
.rr-star-rating:before,
.rr-star-rating:after,
.rr-review-widget:before,
.rr-review-widget:after,
.rr-review-header:after,
.rr-review-header:before {
    display:table;
    content:'';
}
.rr-review-widget {
    padding:0 0 20px;
    margin:0 0 20px 0;
    border-bottom:1px solid rgba(0,0,0,.1);
    font-family:Arial, Helvetica, sans-serif;
    font-size:1rem;
    line-height:1.4rem;
}
.rr-review-widget.rr-text-white {
    color:#fff;
}
.rr-review-widget.rr-bg-white {
    background-color:#fff;
}
.rr-rating-area {
    text-align:center;
    width:95px;
    margin:0 auto 1rem;
}
.rr-rating-area > img {
    width:38px !important;
    height:38px !important;
    margin-bottom:8px !important;
    display:inline-block !important;
    border-radius:0 !important;
}
.rr-rating-area .rr-star-rating {
    margin:0;
    padding:0;
    list-style:none;
}
.rr-rating-area .rr-star-rating > li {
    list-style:none;
    float:left;
    font-size:18px;
    margin-left:2px;
    line-height:1;
}
.rr-rating-area .rr-star-rating > li .icon-star {
    color:#bdbdbd;
}
.rr-rating-area .rr-star-rating > li .rated {
    color:#fdb515;
}
.rr-review-widget .rr-reviewer-thumb {
    width:58px !important;
    height:auto !important;
    border-radius:50% !important;
    box-shadow:0 0 0 1px rgba(0,0,0,.15);
    margin-right:.75rem;
}
.rr-review-widget .rr-reviewer-name {
    font-size:1.2rem;
    line-height:1;
}
.rr-review-widget .rr-review-header {
    text-align:left;
    margin-bottom:.85rem;
}
.rr-review-widget .rr-review-time {
    margin:0;
    font-size:.85rem;
}
.rr-review-widget .rr-review-text {
    margin:0 0 5px 0;
    font-size:.95rem;
}                                   
.rr-review-widget,
.rr-review-widget .rr-review-time,
.rr-review-widget .rr-review-text {
    color:#929292;
}
.rr-review-widget .rr-reviewer-name {
    color:#232323;
}
.rra-pagination {
    list-style:none;
}
.rra-pagination li {
    list-style:none;
    margin:.25rem;
}
.rra-pagination li a,
.rra-pagination li span {
    display:block;
    width:30px;
    height:30px;
    border-radius:50%;
    text-align:center;
    line-height:30px;
    background-color:#f4f6f8;
}
.rra-pagination li a {
    color:#464748;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
}
.rra-pagination li a:focus,
.rra-pagination li a:hover,
.rra-pagination li span {
    text-decoration:none;
    background-color:#242526;
    color:#fff;
}
.rra-socials a {
    display:block;
    margin:0 .35rem;
}
.rra-socials a img {
    width:38px;
    height:auto;
}
.rra-address {
    line-height:1.3;
}
.rra-address > span {
    font-size:1.25rem;
    font-weight:700;
}
.rra-map-contacts {
    margin-bottom:.5rem;
}

@media (min-width:350px) {
    .rra-smiles i,
    .rra-thumbs i {
        font-size:4.5rem;
        cursor:pointer;
    }
}
@media (min-width:576px) {      
    h1,
    .h1 {
        font-size:2.2rem !important;
    }
    .rra-discount {
        font-size:4rem;
    }
    .rra-smiles li {
        margin:0 .85rem;
    }
    .rra-thumbs li {
        margin:0 1.2rem;
    }
    .rra-smiles i {
        font-size:6rem;
        cursor:pointer;
    }
    .rra-thumbs i {
        font-size:5rem;
        cursor:pointer;
    }
    .rra-avg-number {
        margin:-4.5rem 2rem 0 0;
    }
    .rra-avg-details {
        text-align:left;
    }
    .rr-rating-area {
        float:right;
        text-align:right !important;
        margin:0;
        width:auto;
    }
    .rra-map-contacts {
        float:right;
        margin:0;
    }
}
@media (min-width:768px) {  
    .mt-6 {
        margin-top:6.8rem !important;
    }
}

@media (min-width:992px) {  
    .rra-top-logo {
        position:absolute;
        margin:0;
        top:-100px;
        right:-100px;
        width:320px;
        height:320px;
        background-color:#fff;
        border-radius:50%;
    }
    .rra-top-logo > img {
        width:50%;
        height:auto;
        position:absolute;
        top:60%;
        right:60%;
        -webkit-transform:translate(50%, -50%);
        -ms-transform:translate(50%, -50%);
            transform:translate(50%, -50%);
    }   
    .rra-top-logo .rra-business-name {
        width:80%;
        top: 60%;
        right: 50%;
    }
    .rra-top-logo .rra-business-name .h1 {
        font-size:1.8rem;
    }
}
@media (min-width:1200px) { 
    .rra-top-logo {
        top:-100px;
        right:-100px;
        width:400px;
        height:400px;
    }
    .rra-top-logo > img {
        width:60%;
    }
    .rra-two-cols {
        margin-top:8rem;
    }
    .rra-top-logo .rra-business-name .h1 {
        font-size:2.2rem;
    }
}


.text-gray {
    color:#889da5 !important;
}
.text-dark {
    color:#151D23 !important;
}
.text-primary {
    color:#ffaf00 !important;
}
.text-white {
    color:#fff !important;
}
.opac {
    border-color:rgba(255,255,255,.3);
}
.rra-hyperlink {
    color:#889da5;
}
.rra-hyperlink:focus,
.rra-hyperlink:hover {
    color:#158ef4;
    text-decoration:none;
}
/*additional items required*/
.list-inline {
  padding-left: 0;
  list-style: none; }

.list-inline-item {
  display: inline-block; }
  .list-inline-item:not(:last-child) {
    margin-right: 0.5rem; }

.m-0 {
  margin: 0 !important; }
.d-flex, .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item, .loader-demo-box, .new-accounts ul.chats li.chat-persons a, .new-accounts ul.chats li.chat-persons a div.user, .list-wrapper ul li, .email-wrapper .mail-sidebar .menu-bar .profile-list-item a, .email-wrapper .mail-sidebar .menu-bar .profile-list-item a .user, .email-wrapper .mail-list-container .mail-list .details, .email-wrapper .message-body .attachments-sections ul li .thumb, .email-wrapper .message-body .attachments-sections ul li .details .buttons, .lightGallery .image-tile .demo-gallery-poster, .swal2-modal {
  display: flex !important; }

.overlay-button span{
  position:absolute;
  text-align: center;
  top:3%;
  left:3%;
}
.overlay-edit span{
  position:absolute;
  text-align: center;
  top:%;
  left:80%;
}

/*Hover Effect*/
.hover{
  position:relative;
  display:inline-block;
}

.hover .overlay-button{
  position:absolute;
  margin:auto;
}

.hover .overlay-update{
  position:absolute;
  margin:auto;
  left:0;
  right:0;
  bottom:0px;
  width:100%;
  height:100%;
  background:#333;
  opacity:0;
  transition:opacity 500ms ease-in-out;
}
.hover:hover .overlay-update{
    opacity:0.8;
}
.overlay-update span{
  position:absolute;
  text-align: center;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
}
/*modal*/

.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .5; }
  .close:hover, .close:focus {
    color: #000;
    text-decoration: none;
    opacity: .75; }
  .close:not(:disabled):not(.disabled) {
    cursor: pointer; }

button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none; }

.modal-open {
  overflow: hidden; }

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  outline: 0; }
  .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto; }

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
  pointer-events: none; }
  .modal.fade .modal-dialog {
    transition: transform 0.4s ease;
    transform: translate(0, -25%); }
  .modal.show .modal-dialog {
    transform: translate(0, 0); }

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - (10px * 2)); }

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fbfbfb;
  background-clip: padding-box;
  border: 1px solid #f3f3f3;
  border-radius: 0.3rem;
  outline: 0; }

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000; }
  .modal-backdrop.fade {
    opacity: 0; }
  .modal-backdrop.show {
    opacity: 0.5; }

.modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #f3f3f3;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem; }
  .modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto; }

.modal-title {
  margin-bottom: 0;
  line-height: 1.5; }

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 15px; }

.modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 15px;
  border-top: 1px solid #f3f3f3; }
  .modal-footer > :not(:first-child) {
    margin-left: .25rem; }
  .modal-footer > :not(:last-child) {
    margin-right: .25rem; }

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 30px auto; }
  .modal-dialog-centered {
    min-height: calc(100% - (30px * 2)); }
  .modal-sm {
    max-width: 300px; } }

@media (min-width: 992px) {
  .modal-lg {
    max-width: 90%; } }