* {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
     font-family: 'Libre Franklin', sans-serif;
     font-display: swap;
     -moz-appearance: none;
     -webkit-appearance: none;
     -webkit-text-size-adjust: 100%;
     text-rendering: optimizeLegibility;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     scroll-behavior: smooth;
 }

 .wrapper {
     width: 100%;
     margin: 0 auto;
     height: 1000px auto;
 }

 .content {
     width: 100%;
     max-width: 1200px;
     margin: 0 auto;
     padding: 0;
     height: auto
 }

 .modal-window {
     position: fixed;
     background-color: rgba(0, 0, 0, 0.5);
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 999;
     visibility: hidden;
     opacity: 0;
     pointer-events: none;
     transition: all 0.3s;
 }

 .modal-window:target {
     visibility: visible;
     opacity: 1;
     pointer-events: auto;
     -webkit-transition: opacity 300ms ease-in;
     -moz-transition: opacity 300ms ease-in;
     transition: opacity 300ms ease-in;
 }

 @media (min-width:500px) {
     .modal-window .modal-content {
         width: 400px;
         position: absolute;
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
         padding: 2em;
         background: #fff;
         border-radius: 4px;
     }
 }

 .modal-window header {
     font-weight: bold;
 }

 .modal-window h1 {
     font-size: 150%;
     margin: 0 0 15px;
 }

 .modal-close {
     color: #777;
     line-height: 70px;
     font-size: 20px;
     position: absolute;
     right: -12px;
     text-align: center;
     top: -12px;
     width: 70px;
     text-decoration: none;
 }

 .modal-close:hover {
     color: black;
 }

 @media (max-width:500px) {
     .modal-window .modal-content {
         width: 100%;
         position: absolute;
         bottom: 0;
         transform: translate(0%, 0%);
         padding: 2em;
         background: #fff;
         border-radius: 2px;
     }

     .login-holder {
         width: 100% !important;
     }
 }

 .mobile {
     display: none;
 }

 .login-holder {
     background-color: #fff;
     margin: 50px auto;
     padding: 30px 30px 30px 30px;
     width: 500px;
     height: auto;
     top: 50%;
     position: relative;
     border-radius: 4px;
     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
     transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
 }

 .login-holder input[type=text],
 .login-holder input[type=password],
 .modal-content input[type=text],
 .modal-content input[type=password] {
     height: 40px;
     width: 100%;
     border: 1px solid #ccc;
     outline: none;
     padding: 0 0 0 10px;
     font-size: 16px;
     margin: 0px 0 12px 0;
     border-radius: 2px;
     background: #fafafa;
 }

 .modal-content input:focus,
 .login-holder input:focus {
     border: 1px solid #1879f2;
 }

 h2 {
     text-align: left;
     color: #333;
 }

 h2 span img {
     height: 30px;
     width: 30px;
     border-radius: 30px;
     margin-bottom: -20px;
 }

 .forget_pass {
     color: #1879f2;
     font-weight: 500;
     font-size: 14px;
     text-align: left;
     float: left;
     line-height: 30px;
 }

 .btn_success {
     height: 40px;
     width: 100%;
     border: none;
     border-radius: 3px;
     background: #dc143c;
     color: white;
     font-size: 16px;
     font-weight: 700;
     margin: 7px 0 7px 0;
 }

 .btn_success:hover {
     cursor: pointer;
 }

 .termsof {
     font-size: 12px;
     line-height: 18px;
     color: #666;
     text-align: left;
 }

 .termsof .termsofuse {
     font-size: 12px;
     line-height: 18px;
     color: #1879f2;
     text-align: left;
     text-decoration: none;
 }

 .message-head1 {
     color: #232426;
     font-size: 19px;
     font-weight: 600;
     margin-bottom: 10px;
 }

 .head1 span img {
     height: 33px;
     width: 33px;
     border-radius: 30px;
     margin: 0 auto;
     float: right;
 }

 .need {
     font-size: 16px;
     line-height: 22px;
     color: #333;
 }

 .need a {
     text-decoration: none;
     color: #1879f2;
 }

 .buttons .fb {
     background-color: #3B5998;
     color: white;
     width: 100%;
     line-height: 40px;
     padding: 0 10px;
     border: none;
     border-radius: 2px;
     margin: 5px 0;
     text-align: ;
     display: inline-block;
     font-size: 16px;
     font-weight: 600;
     text-decoration: none;
 }

 .buttons .google {
     background-color: #4285F4;
     color: white;
     width: 100%;
     line-height: 40px;
     padding: 0 10px;
     border: none;
     border-radius: 2px;
     margin: 5px 0;
     text-align: ;
     display: inline-block;
     font-size: 16px;
     font-weight: 600;
     text-decoration: none;
 }

 .hr-text {
     margin: 5px 0;
     line-height: 1em;
     position: relative;
     outline: 0;
     border: 0;
     color: black;
     text-align: center;
     height: 1.5em;
     opacity: 0.7;
 }

 .hr-text:before {
     content: '';
     background: linear-gradient(to right, transparent, #818078, transparent);
     position: absolute;
     left: 0;
     top: 50%;
     width: 100%;
     height: 1px;
 }

 .hr-text:after {
     content: attr(data-content);
     position: relative;
     display: inline-block;
     color: black;
     padding: 0 0.5em;
     line-height: 1.5em;
     color: #999;
     background-color: #fcfcfa;
 }

 label {
     margin: 0;
     padding: 0;
     font-size: 14px;
     line-height: 22px;
     color: #333333;
 }

 .success_alert {
     background-color: #c8f6c8;
     border: 1px solid #2F972F;
     margin: 10px 0 10px 0;
     padding: 10px;
     color: #333;
     font-size: 15px;
     border-radius: 3px;
 }

 .error_alert {
     border: 1px solid red;
     background-color: #ffcccc;
     margin: 10px 0 10px 0;
     padding: 10px;
     color: #333;
     font-size: 15px;
     border-radius: 3px;
 }

 .fa-exclamation-circle {
     color: red;
     padding-right: 4px;
 }

 .fa-check-circle {
     color: #2F972F;
     padding-right: 4px;
 }

 .header .menu .dropbtn {
     background-color: #fff;
     color: #333;
     padding: 4px 4px 6px 4px;
     border: 1px solid #ccc;
     border-radius: 2px;
     font-size: 16px;
     font-weight: 500;
     cursor: pointer;
     text-transform: capitalize;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
     max-width: 150px;
     margin-top: 12px;
 }

 .header .menu .dropbtn:hover,
 .dropbtn:focus {
     background-color: #f1f1f1;
 }

 .header .menu .dropdown {
     position: relative;
     display: inline-block;
     float: right;
 }

 .header .menu .dropdown-content {
     display: none;
     position: absolute;
     background-color: #fff;
     overflow: auto;
     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
     transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
     z-index: 1;
     right: 0;
     min-width: 300px;
 }

 .header .menu .dropdown-content a {
     text-decoration: none;
     display: block;
     line-height: 35px;
     width: 100%;
     text-align: left;
     font-size: 16px;
     color: #333;
     padding: 0 30px;
     font-weight: 500;
 }

 .header .menu .dropdown-content a:first-child {
     margin-top: 15px;
 }

 .header .menu .dropdown-content a:last-child {
     margin-bottom: 15px;
 }

 .header .menu .dropdown a:hover {
     background-color: #f1f1f1;
 }

 .header .menu .dropdown-content a .fa {
     padding-right: 15px;
     color: #333;
 }

 .header .menu .show {
     display: block;
 }

 .header .menu .dropbtn2 {
     background-color: #fff;
     color: #333;
     margin: 5px 0 0 6px;
     border: none;
     border-radius: 4px;
     font-size: 16px;
     font-weight: 500;
     cursor: pointer;
     text-transform: capitalize;
 }

 .menu .dropbtn2 .moreicon {
     padding: 6.5px 7px;
     background: #ececec;
     margin-top: 6px;
 }

 .menu .dropbtn2 .moreicon:hover {
     background-color: #f1f1f1;
 }

 .menu .dropbtn2 .svgn {
     padding: 7px 9px;
     margin-top: 5px;
 }

 .dropbtn:focus,
 .header .menu .dropbtn2 .svgn:hover {
     background-color: #f1f1f1;
 }

 .header .menu .dropdown {
     position: relative;
     display: inline-block;
     float: right;
 }

 .header .menu .dropdown-content2 {
     display: none;
     position: absolute;
     background-color: #fff;
     overflow: auto;
     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
     transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
     z-index: 1;
     right: 0;
     margin-top: -12px;
     min-width: 250px;
 }

 .header .menu .dropdown-content2 a {
     text-decoration: none;
     display: block;
     line-height: 35px;
     width: 100%;
     text-align: left;
     font-size: 16px;
     color: #333;
     padding: 0 30px;
     font-weight: 500;
 }

 .header .menu .dropdown-content2 a:first-child {
     margin-top: 15px;
 }

 .header .menu .dropdown-content2 a:last-child {
     margin-bottom: 15px;
 }

 .header .menu .dropdown2 a:hover {
     background-color: #f1f1f1;
 }

 .header .menu .dropdown-content2 a .fa {
     padding-right: 15px;
     color: #333;
 }

 .header .menu .show {
     display: block;
 }

 .header .menu .dropdown-content2 ul li {
     display: block;
     text-align: left;
     float: left;
     width: 22%;
 }

 .header .menu .dropdown-content2 ul li a {
     padding-right: 40px;
 }

 .header .menu .dropdown-content2 ul li a:hover {
     background-color: #fff;
 }

 .header .menu .dropdown-content2 ul li a img:hover {
     opacity: 0.8;
 }

 .header,
 .menu,
 .socials {
     margin: 0 auto !important;
 }

 .header,
 .menu .dlinks p {
     font-size: 12px;
     color: #1879f2;
 }

 @media (min-width:775px) {
     .header .menu .dlinks {
         display: none;
         text-transform: capitalize;
     }

     .header .menu .btn {
         background-color: #fff;
         padding: 8px 12px;
         border-radius: 3px;
         text-decoration: none;
         color: #fff;
         margin: 12px 7px 0 0;
         font-weight: 500;
         float: right;
     }

     .header .menu .login {
         border: 1px solid #bbb;
         color: #333;
     }

     .header .menu .login:hover,
     .header .menu .signup:hover {
         background-color: #f1f1f1;
     }

     .header .menu .signup {
         background: #ececec;
         border: 1px solid #ccc;
         color: #333;
     }

     .header-container {
         width: 100%;
         background: #fff;
         box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .1)
     }

     .header {
         height: 57px;
         max-width: 1200px;
         width: 100%;
         background: #fff;
         text-align: center;
         line-height: 57px;
     }

     .header input[type=text] {
         -webkit-appearance: none;
         -moz-appearance: none;
         -webkit-border-radius: 0;
         -moz-border-radius: 0
     }

     .header input[type=text]:focus {
         outline: none
     }

     .menu-btn {
         display: none
     }

     .menu {
         width: 100%;
         margin: 0 auto !important;
     }

     .header a {
         float: left;
         text-decoration: none;
         font-size: 16px;
         font-family: 'Libre Franklin', sans-serif
     }

     .header .menu a {
         line-height: 57px;
         padding: 0 1% 0 2%;
         text-align: center;
         color: #333333;
         font-weight: 500;
         display: block;
     }

     .header .menu a .svgs {
         display: none;
     }

     .header .menu a .svgn {
         padding-right: 13px;
         margin-bottom: -3px;
         line-height: 30px;
     }

     .header .menu span {
         display: none;
     }

     .header .menu a:hover {
         opacity: .9
     }

     .header .menu a.fourthchild {
         padding: 6px 9px 5px;
         margin: 12.5px 0 0 10px;
         line-height: 20px;
         border-radius: 3px;
         background: #dc143c;
         color: white;
     }

     .header .menu a.fourthchild:hover {
         background: #ca2120;
     }

     .header .menu a.fifthchild {
         display: none
     }

     .header .logo {
         display: block;
         float: left;
         font-size: 22px;
         padding: 5px 0 20px 0;
         text-decoration: none;
         height: 57px;
     }

     .logo img {
         height: 30px;
     }

     .header .uplo {
         float: right;
         font-size: 18px;
         padding: 0;
         display: none;
     }

     .header .search1 {
         display: none
     }

     .header form {
         display: block
     }

     .header .dots {
         display: block;
         line-height: 16px !important;
     }

     .header .dots .fa-ellipsis-h {
         line-height: 57px
     }

     .header .menu li a:hover {
         color: #222;
     }
 }

 @media (min-width:775px) and (max-width:1240px) {
     .header {
         width: 97%;
     }
 }

 @media (max-width:775px) {
     .content {
         margin-top: 55px;
     }

     .header .menu .btn {
         background-color: #fff;
         padding: 8px 12px;
         border-radius: 3px;
         text-decoration: none;
         color: #fff;
         margin: 12px 7px 10px 0px;
         font-weight: 500;
         width: 120px;
         display: inline-block;
         text-align: center;
         left: 0;
     }

     .header .menu .signup {
         background: #dc143c;
         border: 1px solid #dc143c;
     }

     .header .menu .login {
         background: #fff;
         color: #333;
         border: 1px solid #bbb;
         margin-left: 10.5%;
         float: left;
     }

     .header {
         background-color: #fff;
         box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .1);
         position: fixed;
         width: 100%;
         z-index: 100;
         top: 0;
         margin: 0 auto !important;
     }

     .header .menu {
         margin: 0 auto !important;
         padding: 0;
         list-style: none;
         overflow: hidden;
         left: 10.5%;
     }

     .header ul li a.lastchild {
         display: none
     }

     .header .menu a {
         display: block;
         padding: 10px 20px 10px 0;
         border-bottom: 1px solid #f4f4f4;
         width: 80%;
         text-decoration: none;
         color: #333;
         font-size: 17px;
         font-weight: 500;
         margin: 0 auto;
     }

     .header .menu .icons a {
         font-size: 16px
     }

     .header .menu-btn:hover {
         background-color: #f4f4f4
     }

     .header .logo {
         display: block;
         float: left;
         font-size: 22px;
         padding: 0;
         margin: 0;
         top: 0;
         bottom: 0;
         text-decoration: none;
         height: 57px
     }

     .header .logo img {
         height: 30px;
         margin: 13px 0 0 5%;
         width: auto;
     }

     .header .uplo {
         background: #fff;
         border: none;
         padding: 13px 13px 12px 13px;
         font-size: 16px;
         cursor: pointer;
         display: block;
         float: right;
         outline: none;
     }

     .header .uplo:hover {
         background-color: #f1f1f1;
     }

     .header .menu .socials {
         display: block;
         width: 80%;
         text-decoration: none;
         color: #333;
         font-size: 16px;
         font-weight: 500;
         font-family: 'Libre Franklin', sans-serif;
     }

     .header .menu .icons {
         display: inline-block;
         border-radius: 10px;
     }

     .header .menu .icons a {
         font-size: 25px;
         border: none;
         padding: 5px 10px 5px -10px;
         width: auto;
     }

     .header .menu {
         clear: both;
         max-height: 0
     }

     .header .menu-icon {
         cursor: pointer;
         display: inline-block;
         float: right;
         padding: 27.25px 15px;
         position: relative;
         user-select: none;
         border: none
     }

     .header .menu-icon .navicon {
         background: #333;
         display: block;
         height: 2.5px;
         position: relative;
         transition: background .2s ease-out;
         width: 24px
     }

     .header .menu-icon .navicon:before,
     .header .menu-icon .navicon:after {
         background: #333;
         content: '';
         display: block;
         height: 100%;
         position: absolute;
         transition: all .2s ease-out;
         width: 100%;
     }

     .header .menu-icon .navicon:before {
         top: 7.5px
     }

     .header .menu-icon .navicon:after {
         top: -7.5px
     }

     .header .menu-btn {
         display: none
     }

     .header .menu-btn:checked ~ .menu {
         max-height: 100% !important;
         height: 650px;
         overflow: hidden;
         -webkit-transition: height 2s !important;
         transition: height 2s !important;
     }

     .header .menu-btn:checked ~ .slider {
         opacity: .5
     }

     .header .menu-btn:checked ~ .menu-icon .navicon {
         background: transparent
     }

     .header .menu-btn:checked ~ .menu-icon .navicon:before {
         transform: rotate(-45deg)
     }

     .header .menu-btn:checked ~ .menu-icon .navicon:after {
         transform: rotate(45deg)
     }

     .header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
     .header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
         top: 0
     }

     .header .menu .dropdown {
         display: none;
     }

     .header .dots {}
 }

 @media (max-width:560px) {
     .header .search1 {
         border: none;
         float: right
     }

     .header input[type=text] {
         width: 0;
         float: right;
         display: block;
         -webkit-appearance: none;
         -moz-appearance: none;
         -webkit-border-radius: 0;
         -moz-border-radius: 0
     }
 }

 @media (max-width:450px) {
     .logo img {
         width: auto;
         height: auto;
         margin-top: 12px
     }

     .uplo span {
         display: none
     }

     .header .menu-icon {}
 }

 .magni-white {
     fill: #fff;
     padding-top: 5px
 }

 .magni-black {
     fill: #000;
     padding: none
 }

 .openBtn {
     display: none;
 }

 .openBtn:hover {
     background: #bbb;
 }

 .overlay {
     height: auto;
     width: auto;
     background: ;
     display: block;
     position: relative;
     z-index: 1;
     top: 0;
     left: 2%;
     float: left;
 }

 .overlay-content {
     position: relative;
     display: block;
     top: -3px;
     left: 5%;
     width: 100%;
     text-align: center;
     margin-top: 13px;
 }

 .overlay .closebtn {
     display: none;
 }

 .overlay .closebtn:hover {
     color: #bbb
 }

 .overlay input[type=text] {
     height: 37px;
     font-size: 16px;
     padding-left: 8px;
     width: 80%;
     background: #fff;
     float: left;
     border: 1px solid #bbb;
     border-right: none;
     -webkit-appearance: none;
     -moz-appearance: none;
     border-top-left-radius: 3px;
     border-bottom-left-radius: 3px;
 }

 input#search-bar:focus::-webkit-input-placeholder {
     transition: opacity .45s ease;
     opacity: 0
 }

 input#search-bar:focus::-moz-placeholder {
     transition: opacity .45s ease;
     opacity: 0
 }

 .overlay button {
     float: left;
     width: 50px;
     height: 37px;
     background: #dc143c;
     font-size: 16px;
     color: #fff;
     cursor: pointer;
     border: 1px solid #dc143c;
     border-left: none;
     border-top-right-radius: 3px;
     border-bottom-right-radius: 4px
 }

 .overlay button:hover {
     background: #ca2120
 }

 @media (max-width:1050px) {
     .overlay {
         width: auto;
         background: ;
         position: relative;
     }

     .overlay input[type=text] {
         width: 60%;
     }
 }

 @media (max-width:1200px) {
     .openBtn {
         background: #fff;
         border: none;
         padding: 13px 15px 12px 11px;
         font-size: 16px;
         cursor: pointer;
         display: block;
         float: right;
         outline: none;
     }

     .openBtn:hover {
         background: #fff;
     }

     .overlay {
         height: 56px;
         width: 100%;
         display: none;
         position: absolute;
         z-index: 1;
         top: 0;
         left: 0;
         right: 0;
         background-color: #fff;
         float: right;
     }

     .overlay-content {
         position: relative;
         right: 0;
         width: 93%;
         float: right;
         margin-top: 13px
     }

     .overlay .closebtn {
         position: absolute;
         height: 56px;
         width: 40px;
         font-size: 22px;
         cursor: pointer;
         color: red;
         float: left;
         display: block;
         line-height: 57px;
         padding: 0 5px 0 7px;
     }

     .overlay input[type=text] {
         height: 37px;
         font-size: 16px;
         padding-left: 8px;
         float: left;
         width: 70%;
         background: #fff;
         border-top-left-radius: 3px;
         border-bottom-left-radius: 3px;
         border: 1px solid #bbb;
         border-right: none
     }

     .overlay input[type=text]:focus {
         outline: none;
     }

     .overlay button {
         border-left: none
     }
 }

 @media only screen and (max-width:1250px) {
     .wrapper {
         width: 96%
     }
 }

 @media only screen and (max-width:725px) {
     .wrapper {
         width: 100%
     }

     .first-section {
         width: 90%;
         height: 300px auto;
         margin: 0 auto
     }

     .last-section {
         width: 90%;
         margin: 0 auto
     }
 }

 #s {
     width: 100%;
     height: 600px;
     white-space: nowrap;
     font-size: 0;
     overflow: hidden;
     position: relative;
     background: #ccc;
     margin-top: 40px;
     border-radius: 4px;
 }

 #s #slides {
     height: 100%;
     will-change: transform;
     backface-visibility: hidden;
 }

 #s .s-slide {
     position: relative;
     width: 100%;
     height: 100%;
     display: inline-block;
     overflow: hidden;
 }

 .s-slide img {
     display: block;
     min-height: 600px;
     max-height: 600px;
     max-width: 100%;
     object-fit: cover !important;
     margin: 0 auto;
     background: #fafafa;
 }

 .nav {
     display: block;
     position: absolute;
     z-index: 10;
     top: 0;
     height: 100%;
     color: #fff;
     text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
     opacity: ;
     width: 3%;
     max-width: 130px;
     min-width: 75px;
     text-align: center;
     font-size: 56px;
     line-height: 0;
     backface-visibility: hidden;
     cursor: pointer;
     transition: opacity .3s ease;
 }

 .nav.next {
     right: 0;
     background-image: url(https://www.antiqueace.com/icon/right.svg);
     background-repeat: no-repeat;
     background-size: 30px 30px;
     background-position: 75% 50%;
 }

 .nav.prev {
     background-image: url(https://www.antiqueace.com/icon/left.svg);
     background-repeat: no-repeat;
     background-size: 30px 30px;
     background-position: 25% 50%;
 }

 .nav:before {
     content: ' ';
     display: block;
     height: 50%;
     line-height: 0;
     backface-visibility: hidden;
 }

 .nav:hover {
     opacity: 1;
 }

 .image-counter {
     position: absolute;
     bottom: 10px;
     right: 10px;
     background-color: rgba(255, 255, 255, 0.8);
     padding: 4px 6px;
     font-size: 12px;
     font-weight: bold;
     color: #333;
     border-radius: 5px;
 }

 @media (max-width:1025px) {
     #s {
         margin-top: 0px;
     }
 }

 @media (max-width:600px) {
     #s {
         width: 100%;
         height: 270px;
         white-space: nowrap;
         font-size: 0;
         overflow: hidden;
         position: relative;
         border-radius: 0;
     }

     #s #slides {
         height: 100%;
         will-change: transform;
         backface-visibility: hidden;
     }

     #s .s-slide {
         position: relative;
         width: 100%;
         height: 100%;
         display: inline-block;
         overflow: hidden;
     }

     .s-slide img {
         display: block;
         min-height: 270px;
         max-height: 270px;
         max-width: 100%;
         object-fit: cover !important;
         margin: 0 auto;
         background: #fafafa;
     }
 }

 /*events slider*/

 @media(max-width:800px) {

     #s2 #slides,
     #s3 #slides {
         width: 50% !important;
     }
 }

 @media(max-width:500px) {

     #s2 #slides,
     #s3 #slides {
         width: 100% !important;
     }

     #s2 .s-slide,
     #s3 .s-slide {
         margin-right: 0 !important;
     }
 }

 #s2 {
     width: 100%;
     height: 270px;
     white-space: nowrap;
     font-size: 10px;
     overflow: hidden;
     position: relative;

 }

 #s3 {
     width: 100%;
     height: 300px;
     white-space: nowrap;
     font-size: 10px;
     overflow: hidden;
     position: relative;

 }

 #s2 #slides,
 #s3 #slides {
     width: 33%;
     height: 100%;

     will-change: transform;
     backface-visibility: hidden;

 }



 #s2 .s-slide,
 #s3 .s-slide {
     position: relative;
     width: 99.5%;
     height: 100%;
     display: inline-block;
     overflow: hidden;
     margin-right: 10px;
     padding: 0px;
     border: 1px solid #ccc;
     border-radius: 4px;
     background-color: aliceblue;

 }

 #s2 .s-slide .event-slide,
 #s3 #slides .event-slide {

     /* position: relative;
        width:100%;
        height: 100%;
        display: inline-block;
        overflow: hidden;
        margin: 0;
        padding: 10px;
        border: 1px solid #ccc;
        border-radius: 4px;*/
 }

 #s2 .s-slide .event-image {

     width: 100%;
     height: 150px;
     float: left;
 }

 #s3 .s-slide .event-image {

     width: 100%;
     height: 180px;
     float: left;
 }

 #s2 .s-slide a img {
     height: 150px !important;
     width: 100%;
     min-height: 150px;
     max-width: 100%;

     object-fit: cover;
     margin-right: 10px;
     border-top-right-radius: 4px;
     border-top-left-radius: 4px;
 }

 #s3 .s-slide a img {
     height: 180px !important;
     width: 100%;
     min-height: 180px;
     max-width: 100%;

     object-fit: cover;
     margin-right: 10px;
     border-top-right-radius: 4px;
     border-top-left-radius: 4px;
 }

 #s2 .s-slide .event-title a,
 #s3 .s-slide .event-title a {
     float: left;
     font-size: 18px;
     line-height: 24px;
     font-weight: 600;
     color: #050505;
     margin: 15px 0 4px 15px;
     text-decoration: none;

 }

 #s2 .s-slide .event-date,
 #s3 .s-slide .event-date {
     font-size: 13px;
     font-weight: 500;
     color: #1879f2;
     line-height: 18px;
     text-transform: uppercase;
     margin: 0px 0 4px 15px;
     float: left;
     width: 92%;
     white-space: nowrap !important;
     overflow: hidden !important;
     text-overflow: ellipsis !important;
 }

 #s2 .s-slide .event-organizer,
 #s3 .s-slide .event-organizer {
     font-size: 14px;
     color: #65676b;
     line-height: 18px;
     margin: 0px 0 4px 15px;
     float: left;
     width: 92%;
     white-space: nowrap !important;
     overflow: hidden !important;
     text-overflow: ellipsis !important;

 }


 /*event slider end*/

 .author {
     color: #333;
     font-size: 15px;
     font-family: 'Libre Franklin', sans-serif;
     line-height: 28px;
 }

 .author-left {
     width: 50%;
     float: left
 }

 .author-left p {
     float: left;
     margin-right: 4%;
 }

 .author-right {
     width: 50%;
     text-align: right;
     float: right
 }

 .author-right a {
     color: #333;
 }

 .author .feature-button {
     float: left;
     margin-right: 2%;
     font-weight: 500;
     background-color: ;
     width: 68%;
     text-align: left;
     border-radius: 4px;
 }

 .author .save-button {}

 .author .share-button {
     float: left;
     font-weight: 500;
     background: #f7f2f2;
     width: 30%;
     text-align: center;
     border-radius: 4px
 }

 .author .share-button:hover,
 .author .save-button:hover {
     background: #ededed
 }

 .author .author-icon svg {
     margin-bottom: -14px
 }

 .author span.author-text {
     margin: 0 0px 0 4px
 }

 .author span.ilink a {
     padding: 3px 10px 3px 0 !important;
     font-weight: 500
 }

 .author span.ilink a:hover {
     text-decoration: underline
 }

 .tooltip {
     display: inline;
     position: relative
 }

 .tooltip:hover {
     text-decoration: none
 }

 .tooltip:active:after {
     background: #2F972F;
     font-size: 14px;
     border-radius: 5px;
     bottom: 35px;
     color: #fff;
     content: "Link Copied";
     display: block;
     left: 15%;
     padding: 0px 15px;
     position: absolute;
     white-space: nowrap;
     z-index: 98
 }

 .tooltip:active:before {
     border: solid;
     border-color: #2F972F transparent;
     border-width: 6px 6px 0 6px;
     bottom: 30px;
     content: "";
     display: block;
     left: 45%;
     position: absolute;
     z-index: 99
 }

 .heading-first {
     margin: 25px 0 10px 0;
 }

 .view-map {
     color: #1879f2;
     background: ;
     line-height: 18px;
     padding: 3px 6px;
     text-decoration: none;
     font-weight: 600;
     margin-left: 10px;
     border-radius: 4px;
 }


 h1 {
     font-size: 24px;
     line-height: 32px;
     font-family: 'Libre Franklin', sans-serif;
     font-weight: 600;
     color: #232425;
     margin: 0 20px 10px 0;
     float: left;
 }

 h1:first-letter {
     text-transform: capitalize
 }

 .call-button {
     border: none;
     float: ;
     font-size: 16px;
     background: #2F972F;
     border-radius: 3px;
     padding: 5px 7px;
     font-weight: 500;
 }

 .subcontent {
     height: 1000px auto;
     width: 72%;
     float: left !important;
     position: relative;
 }

 .subcontent .h2 {
     font-size: 18px;
     font-weight: 600;
     line-height: 28px;
     padding-left: 0
 }

 .subcontent .h2 .location_table .upper,
 .lower {
     color: #232425;
     text-transform: capitalize;
     float: left;
     width: 50%;
 }

 .subcontent .h2 .location_table .upper span,
 .lower .hours-span {
     color: #333;
     font-size: 14px;
     font-weight: 400;
 }

 .subcontent .h2 .location_table .lower {
     color: #232425;
     text-transform: capitalize;
 }

 .subcontent .h2 .location_table .lower table {
     width: 100%;
 }

 .subcontent .h2 .location_table .lower table td {
     text-align: left;
     font-weight: 600;
     line-height: 28px;
     text-transform: capitalize;
     width: auto;
     margin-left: -2px;
 }

 .subcontent .h2 .location_table .lower table td:nth-child(2) {
     padding-left: 20px;
 }

 .subcontent .h2 .location_table .lower table td:nth-child(3) {
     padding-left: 5px;
 }

 .subcontent .h2 .location_table .lower table td:nth-child(4) {
     padding-left: 20px;
 }

 .subcontent .h2 .location_table .lower span {
     text-align: left;
     float: left;
 }

 h3 {
     color: #232425;
     font-size: 18px
 }

 .more {
     color: #333;
     line-height: 25px;
 }

 .more:first-letter {
     text-transform: capitalize
 }


 .location_table {
     width: 100%;
 }

 .location_table td {
     width: 50%;
     height: auto;
     float: left
 }

 .location_table tr p {
     font-size: 17px;
     color: red
 }

 .location_table tr td p {
     color: #555
 }

 .location_table tr td p span {
     padding-left: 100px
 }

 .content-table {
     margin: 40px 0;
     clear: both;
     float: left;
     width: 100%;
 }

 .left {
     clear: both;
     width: 30%;
     float: left;
     height: auto;
 }

 .left .left-data {
     border-right: 1px solid #fafafa;
 }

 .left-data {
     height: 45px;
     padding-left: 5%;
     font-size: 15px;
     font-weight: 700;
     color: #232425;
     line-height: 45px;
     width: 40%;
     float: left;
     background: #fafafa;
     border: 1px solid #ccc;
     border-bottom: 1px solid #fafafa;
     border-right: 1px solid #fafafa;
 }

 .radius1 {
     border-top-left-radius: 4px;
 }

 .radius2 {
     border-top-right-radius: 4px;
 }

 .radius3 {
     border-bottom-left-radius: 4px;
 }

 .radius4 {
     border-bottom-right-radius: 4px;
 }

 .right-data {
     height: 45px;
     padding-left: 5%;
     font-size: 15px;
     color: #333;
     line-height: 45px;
     width: 60%;
     float: left;
     background: white;
     border: 1px solid #ccc;
     border-bottom: 1px solid #fafafa;
     text-transform: capitalize;
 }

 .right {
     width: 70%;
     float: left;
     height: auto;
 }

 .right .right-data {
     border-right: 1px solid #ccc;
 }

 .left .right-data {
     border-right: 1px solid #fafafa;
 }

 .bbottom {
     border-bottom: 1px solid #ccc;
 }

 @media only screen and (max-width:725px) {
     .left {
         width: 100%;
     }

     .right {
         width: 100%;
     }

     .left-data {
         padding: 0;
         background: white;
     }

     .radius1 {
         border-top-left-radius: 0;
     }

     .radius2 {
         border-top-right-radius: 0;
     }

     .radius3 {
         border-bottom-left-radius: 0;
     }

     .radius4 {
         border-bottom-right-radius: 0;
     }

     .left .left-data {
         border-left: 1px solid white;
     }

     .right .left-data {
         border-left: 1px solid white;
     }

     .right .right-data {
         border-right: 1px solid white;
     }

     .left .right-data {
         border-right: 1px solid white;
     }

     .left .bbottom {
         border-bottom: none;
     }
 }

 .section-head {
     font-size: 22px;
     font-weight: 700;
     color: #232425;
     line-height: 32px;
     padding: 15px 0;
     clear: both;
 }

 .highlights {
     font-weight: 400;
     font-size: 16px;
     color: #232425;
     margin-bottom: 30px;
 }

/*
 .highlights p {
     font-size: 16px;
     line-height: 25px;

 }

 .highlights ul {
     list-style-type: disc;
     padding: 0px 0 0 20px;
 }

 .highlights ul li {
     line-height: 22px;
     font-size: 16px;
     margin: 10px 0;
 }
*/

 .highlights .business-hours-data2 table {
     color: #333;
 }

 .highlights .business-hours-data2 table tr td {
     text-align: left;
     font-weight: 600;
     line-height: 28px;
     text-transform: capitalize;
     width: auto;
 }

 .highlights .business-hours-data2 tr td:nth-child(2) {
     padding-left: 20px;
 }

 .highlights .business-hours-data2 tr td:nth-child(4) {
     padding-left: 20px;
 }

 .about-text {
     color: #333;
 }

 .about-text ul br,
 .about-text ol br {
     display: none;
 }

 .about-text ul li br,
 .about-text ol li br {
     display: none;

 }

 .about-text ul,
 .about-text ol {
     padding-left: 30px;
     padding-bottom: 20px;

 }
.about-text ul li,
.about-text ol li{
    font-size: 16px;
    color: #333;
    line-height: 22px;
    margin: 10px 0;
}
.about-text ul li a,
.about-text ol li a{
 text-decoration: none;
    color: #1879f2;

}


 .about-text p {
       padding:0 0 20px 0;
     font-size: 16px;
     color: #333;
     line-height: 27px;
 }
.about-text p strong,
 .about-text ul strong,
 .about-text ol strong
{
    font-weight: 600;
}
.about-text p a{
    color: #1879f2;
}
.about-text h2{
     padding:5px 0 15px 0;
    font-size: 22px;
    color: #232425;
}
.about-text h3{
     padding:5px 0 15px 0;
    font-size: 18px;
    color: #232425;
}
 .about-text p a {
     color: #1879f2;
     text-decoration: none;
 }

 .about-text p a:hover {
     text-decoration: underline;
 }

 .about-text table {
     width: 100%;
     border-collapse: collapse;
       margin:0 0 20px 0;
 }

 .about-text th,
 .about-text td {
     padding: 0.75rem;
     text-align: left;
     border: 1px solid #ddd;
     /* Optional border for clarity */
 }


 .socials table {
     color: #232425;
 }

 .socials table tr td {
     text-align: left;
     font-weight: 600;
     line-height: 28px;
     width: auto;
 }

 .faq-ans {
     color: #333;
 }

 .faq-ans strong {
     font-weight: 500;
     text-decoration: underline;
 }

 @media only screen and (max-width:400px) {
     .socials table tr .socials_links {
         max-width: 250px;
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
     }
 }

 .socials table tr td a {
     text-decoration: none;
     color: #1879f2;
 }

 .socials table tr td:nth-child(2) {
     padding-left: 20px;
     font-weight: 400;
     color: #333;
 }

 .socials tr td:nth-child(4) {
     padding-left: 20px;
 }

 .quick_links a {
     text-decoration: none;
     font-weight: 600;
     color: #1879f2;
     border: 1px solid #1879f2;
     border-radius: 20px;
     padding: 5px 10px;
     float: left;
     margin: 5px 5px;
 }

 .swipe-head-hr {
     border: 0;
     height: 0;
     border-top: solid 1px rgba(0, 0, 0, 0.1);
     border-bottom: solid 1px rgba(255, 255, 255, 0.3);
     width: 100%;
     float: left;
     margin: 10px 10px 10px 0;
 }

 .swipe-head-hr2 {
     border: 0;
     height: 0;
     border-top: solid 1px rgba(0, 0, 0, 0.1);
     border-bottom: solid 1px rgba(255, 255, 255, 0.3);
     width: 90%;
     margin: 10px 10px 10px 0
 }

 .full-hr {
     border: 0;
     height: 0;
     border-top: solid 1px rgba(0, 0, 0, 0.1);
     border-bottom: solid 1px rgba(255, 255, 255, 0.3);
     width: 100%;
     margin: 20px 0;
     clear: both
 }

 #mail {
     display: none;
 }

 .modal1 {
     display: none;
     position: fixed;
     z-index: 99;
     padding-top: 100px;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     overflow: auto;
     background-color: rgb(0, 0, 0);
     background-color: rgba(0, 0, 0, 0.4);
 }

 @media (min-width:500px) {
     .modal1 .modal-content {
         width: 400px;
         position: absolute;
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
         padding: 2em;
         background: #fff;
         border-radius: 4px;
     }
 }

 @media (max-width:500px) {
     .modal1 .modal-content {
         width: 100%;
         position: absolute;
         bottom: 0;
         transform: translate(0%, 0%);
         padding: 2em;
         background: #fafafa;
         border-radius: 2px;
     }
 }

 .close1 {
     color: #777;
     line-height: 70px;
     position: absolute;
     right: -12px;
     text-align: center;
     top: -12px;
     width: 70px;
     text-decoration: none;
     padding: 10px;
     font-size: 38px;
     font-weight: 600;
     display: block;
 }

 .close1:hover,
 .close1:focus {
     color: #000;
     text-decoration: none;
     cursor: pointer;
 }

 .review-button {
     border: none;
     color: white;
     background: #dc143c;
     font-weight: 700;
     padding: 10px;
     20px;
     border-radius: 3px;
     font-size: 16px;
 }

 .average-rating {
     margin-top: 35px;
 }

 .star-rating {
     display: inline-block;
     font-size: 18px;
     line-height: 1;
     margin-top: 5px;
     font-weight: 600;
 }

 .star-rating p {
     font-size: 16px;
     color: #333;
     margin-top: 15px;
     font-weight: 400;
 }

 .star-rating .avg-stars {
     font-size: 16px;
     color: #232425;
     font-weight: 500;
 }

 #reviews .average-rating {
     width: 60%;
     float: left;
     height: 150px;
     vertical-align: middle;
 }

 #reviews .rating-category {
     width: 40%;
     float: right;
     height: 180px;
 }

 .review-text {
     padding-left: 50px;
 }

 @media only screen and (max-width:700px) {
     .average-rating {
         margin-top: 15px;
     }

     #reviews .average-rating {
         width: 100%;
         height: auto;
     }

     #reviews .rating-category {
         width: 100%;
         display: none;
     }
 }

 #reviews .rating-category .avg-stars {
     font-size: 14px;
     color: #232425;
     font-weight: 500;
     margin-left: 5px;
 }

 #reviews .rating-category ul li {
     list-style: none;
 }

 .average-rating .overall .overall-rating,
 .average-rating .overall .rating-grey,
 .overall-rating,
 .rating-grey {
     margin: 10px 5px 0 0;
 }

 .average-rating .overall .overall-rating,
 .average-rating .overall .rating-grey,
 .overall-rating,
 .rating-grey {
     color: white;
     cursor: pointer;
     padding: 1px 6px 2px 6px;
     background: #ccc;
     border-radius: 4px;
     font-size: 22px;
 }

 .average-rating1 a {
     text-decoration: none;
     color: #1879f2;
     font-weight: 600;
 }

 .average-rating1 .review-highlights,
 .average-rating1 .review-highlights-grey {
     color: white;
     cursor: pointer;
     padding: 0px 4px 1px 4px !important;
     background: #ccc;
     border-radius: 4px;
     font-size: 20px;
 }

 .display-reviews .overall-rating-small,
 .display-reviews .rating-grey-small {}

 .overall-rating-small,
 .rating-grey-small {
     margin: 15px 3px 0 0;
     color: white;
     cursor: pointer;
     padding: 0 3px 1px 3px;
     background: #ccc;
     border-radius: 4px;
     font-size: 15px;
 }

 .display-reviews .more p {
     margin: 10px 0;
 }

 .star-rating .icon {
     color: white;
     cursor: pointer;
     padding: 2px 6px;
     background: #ccc;
     border-radius: 4px;
     font-size: 22px;
 }

 .star-rating .icon:hover,
 .star-rating .icon.hover,
 .star-rating .icon.selected {
     color: white;
     background: orange;
     border-radius: 4px;
 }

 .star-rating .icon.selected {
     background-color: orange;
     border-radius: 4px;
 }

 .reviewer-img {
     height: 43px;
     width: 43px;
     border-radius: 100%;
     background: #ede6e6;
     float: left;
     margin-right: 10px;
     margin-top: 3px;
     clear: both;
 }

 #map,
 .map-container {
     height: 400px;
     width: 100%;
     margin: 0;
     padding: 0
 }

 #location {
     display: none
 }

 .get_direction a button:hover {
     cursor: pointer;
     background-color: #eceded;
 }

 #info {
     font-size: 12px
 }

 #myBtn {
     display: none;
     position: fixed;
     margin: 9px 0 0;
     z-index: 99;
     font-size: 15px;
     border: none;
     outline: none;
     background-color: #dc143c;
     border: 1px solid #dc143c;
     color: #fff;
     cursor: pointer;
     padding: 5px 5px 2px 5px;
     border-radius: 4px;
     font-weight: 500;
 }

 #myBtn:hover {
     background-color: #555
 }

 .sidebar {
     width: 28%;
     height: auto;
     float: right;
     margin-top: 40px;
     border-radius: 5px
 }

 .sidebar .panel-head {
     font-size: 18px;
     font-weight: 500;
     color: #333;
     margin-bottom: 20px
 }

 .tips {
     background: #f1f8ff;
     color: #2D8EFF !important;
     height: 40px;
     line-height: 40px;
     padding-left: 20px;
     border-radius: 20px;
     float: left;
     width: 100%
 }

 .tips span {
     float: right;
     padding-right: 20px;
     padding-top: 5px
 }

 .sidebar .user-image {
     width: 100%;
     clear: both
 }

 .user-image {
     height: 70px;
     margin-top: 15px
 }

 .user-image .user-left {
     width: auto;
     float: left;
     height: 50px;
     margin-right: 20px
 }

 .user-image .user-left img {
     height: 50px;
     width: 50px;
     border-radius: 100%
 }

 .user-image .user-right {
     float: left
 }

 .user-image .user-right p {
     font-weight: 500;
     line-height: 25px;
     font-size: 16px;
     color: #333
 }

 .user-image .user-right p a {
     text-decoration: none;
     color: #1879f2;
     font-weight: 500
 }

 .form-container input::-webkit-input-placeholder {
     font-weight: 400
 }

 .form-container input:-ms-input-placeholder {
     font-weight: 400
 }

 .form-container input::placeholder {
     font-weight: 400
 }

 .form-container textarea::placeholder {
     font-weight: 400
 }

 .form-container input[type=text]:focus::-webkit-input-placeholder,
 .form-container input[type=number]:focus::-webkit-input-placeholder,
 .form-container input[type=email]:focus::-webkit-input-placeholder {
     transition: opacity .45s ease;
     opacity: 0
 }

 .form-container input:focus::placeholder {
     transition: opacity .45s ease;
     opacity: 0
 }

 .form-container textarea:focus::placeholder {
     transition: opacity .45s ease;
     opacity: 0
 }

 .form-container input[type=text]:focus,
 .form-container input[type=number]:focus,
 .form-container input[type=email]:focus {
     border: 1px solid #2D8EFF;
     height: 40px;
     outline: none
 }

 .modal-content textarea {
     height: 100px;
     width: 100%;
     border: 1px solid #ccc;
     outline: none;
     padding: 10px 0 0 10px;
     font-size: 16px;
     margin: 0 0 12px;
     border-radius: 2px;
     background: #fafafa
 }

 .form-container textarea:focus {
     border: 1px solid #2D8EFF;
     height: 40px;
     outline: none
 }

 .sidebar .sideform {
     background: #fcfcfc;
     box-shadow: 0 0 5px 0 rgb(0 0 0 / 15%);
     transition: all .3s cubic-bezier(.25, .8, .25, 1);
     padding: 5%;
     width: 90%;
     float: right
 }

 .sidebar .face-like {
     width: 90%;
     float: right;
     margin-top: 20px
 }

 @media only screen and (max-width:1024px) {
     .subcontent {
         width: 100%;
         height: 1000px auto;
     }

     .sidebar {
         width: 100%;
         margin-top: 20px;
         float: none;
         height: 1000px auto;
     }

     .sidebar .sideform {
         background: #fff;
         padding: 0;
         box-shadow: none;
         width: 100%;
         float: none
     }

     .sidebar .face-like {
         width: 100%
     }

     .demo {
         margin: 0;
         width: 100%;
         padding: 0;
         height: auto;
     }

     .demo ul li img {
         width: 100%;
         min-height: auto;
         height: auto;
         object-fit: contain;
     }
 }

 @media only screen and (max-width:725px) {
     .hr-hide {
         display: none
     }

     .sidebar {
         width: 90%;
         float: none;
         margin-top: 30px;
         margin: 0 auto
     }

     .demo {
         width: 100%;
         margin: 0;
         padding: 0;
         height: auto;
     }

     .demo ul li img {
         width: 100%;
         min-height: auto;
         height: auto;
         object-fit: cover;
     }
 }

 @media only screen and (max-width:600px) {
     .author-left {
         width: 100%;
         height: 40px;
     }

     .author-left p {
         margin-right: 0;
     }

     .author-left p:nth-child(1) {
         float: left;
         margin-right: 2%;
         font-weight: 500;
         background-color: ;
         width: 37%;
         text-align: left;
         border-radius: 4px;
     }

     .author-left p:nth-child(2) {
         float: left;
         margin-right: 2%;
         font-weight: 500;
         background: none;
         width: 27%;
         text-align: center;
         border-radius: 4px
     }

     .author-left p:nth-child(3) {
         float: left;
         font-weight: 500;
         background: none;
         width: 31%;
         text-align: center;
         border-radius: 4px
     }

     .author-right {
         width: 100%;
         height: 40px
     }

     .subcontent .h2 .location_table .upper {
         width: 100%;
     }

     .subcontent .h2 .location_table .lower {
         text-align: left;
         margin-top: 15px;
         width: 100%;
     }
 }

 @media only screen and (max-width:500px) {
     .author span.ilink {
         line-height: 35px;
         text-align: center
     }

     .swipe-head-hr {
         width: 100%
     }

     .sidebar .sideform {
         width: 100%
     }

     .sidebar .face-like {
         width: 100%
     }
 }

 .grid-thirds2 {
     display: grid;
     grid: auto 1fr auto/repeat(1, 1fr) !important;
     grid-gap: 1vw;
     grid-row-gap: 3vw;
     margin: 0 !important
 }

 .grid-thirds {
     display: grid;
     grid: auto 1fr auto/repeat(4, 1fr);
     grid-gap: 1vw;
     grid-row-gap: 3vw;
     margin: 0 !important
 }

 .grid-thirds a {
     text-decoration: none;
     display: block;
     text-overflow: ellipsis;
     white-space: nowrap;
     overflow: hidden;
     height: 365px;
     border-width: 1px;
     border-color: #f5f5f5;
     box-shadow: 0 0 5px 0 rgb(0 0 0 / 15%);
     transition: all .3s cubic-bezier(.25, .8, .25, 1);
     border-radius: 4px
 }

 .grid-thirds a:hover .title {
     color: #1879f2
 }

 .fa-external-link {
     color: #1879f2
 }

 .grid-thirds .grid-item {
     color: #333;
     overflow: hidden
 }

 .grid-thirds a:hover {
     -webkit-box-shadow: 0 0 7px 0 rgb(0 0 0 / 35%);
     -moz-box-shadow: 0 0 7px 0 rgb(0 0 0 / 35%);
     -ms-box-shadow: 0 0 7px 0 rgb(0 0 0 / 35%);
     -o-box-shadow: 0 0 7px 0 rgb(0 0 0 / 35%);
     border-color: #ccc;
     box-shadow: 0 0 7px 0 rgb(0 0 0 / 35%)
 }

 .grid-thirds .grid-item .image {
     position: relative;
     display: block;
     width: 100%;
     height: 250px;
     margin: 0 auto !important
 }

 .grid-thirds .grid-item .image img {
     position: absolute;
     left: 50%;
     top: 50%;
     height: 100%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     width: 100%;
     min-height: 250px;
     object-fit: cover;
     border-top-left-radius: 4px;
     border-top-right-radius: 4px
 }

 .grid-item .loc {
     height: auto;
     width: auto;
     background: #1879f2;
     position: absolute;
     top: 10px;
     left: 0;
     border-radius: 0 2px 2px 0;
     float: left;
     padding: 3px 4px 3px 3px;
     color: #fff;
     font-size: 13px;
     font-family: 'Libre Franklin', sans-serif;
     letter-spacing: .5px;
     font-weight: 500;
     text-decoration: none;
     text-transform: capitalize
 }

 .grid-item .premium {
     background: #dc143c;
     height: auto;
     width: auto;
     text-transform: capitalize;
     position: absolute;
     top: 10px;
     right: 0;
     border-radius: 2px 0 0 2px;
     float: left;
     padding: 2px 4px 3px 5px;
     color: #fff;
     font-size: 13px;
     font-family: 'Libre Franklin', sans-serif;
     letter-spacing: .5px;
     font-weight: 500
 }

 .grid-item .basic {
     background: #2E7E36;
     height: auto;
     width: auto;
     text-transform: capitalize;
     position: absolute;
     top: 10px;
     right: 0;
     border-radius: 2px 0 0 2px;
     float: left;
     padding: 2px 4px 3px 5px;
     color: #fff;
     font-size: 13px;
     font-family: 'Libre Franklin', sans-serif;
     letter-spacing: .5px;
     font-weight: 500
 }

 .grid-item .featured {
     background: #E96727;
     height: auto;
     width: auto;
     text-transform: capitalize;
     position: absolute;
     top: 10px;
     right: 0;
     border-radius: 2px 0 0 2px;
     float: left;
     padding: 2px 4px 3px 5px;
     color: #fff;
     font-size: 13px;
     font-family: 'Libre Franklin', sans-serif;
     letter-spacing: .5px;
     font-weight: 500
 }

 .grid-item .sold {
     position: absolute;
     font-size: 14px;
     line-height: 20px;
     top: 50%;
     left: 50%;
     margin-right: -50%;
     transform: translate(-50%, -50%);
     color: white;
     font-weight: 500;
     text-transform: capitalize;
     background: red;
     padding: 0 5px;
     border-radius: 3px
 }

 .grid-item .title {
     text-align: left;
     font-size: 18px;
     color: #111;
     text-decoration: none;
     font-weight: 600;
     margin-top: 12px;
     margin-bottom: 7px;
     line-height: 16px;
     overflow: hidden
 }

 .grid-item .title:first-letter {
     text-transform: capitalize;
     padding-left: 15px
 }

 .grid-item .title span {
     float: right;
     padding: 0 10px
 }

 .grid-item .land {
     font-size: 14px;
     color: #333;
     font-weight: 400;
     text-align: left;
     line-height: 22px;
     padding-left: 15px;
     text-decoration: none;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis
 }

 .grid-item .land span {
     padding-right: 3%;
     font-weight: 400
 }

 .grid-item .road {
     font-size: 12px;
     color: #333;
     font-weight: 400;
     text-align: left;
     line-height: 22px;
     padding-left: 15px;
     text-overflow: ellipsis;
     white-space: nowrap;
     overflow: hidden;
     text-transform: capitalize
 }

 .grid-item .seller {
     font-size: 10px;
     color: #999999;
     line-height: 22px;
     padding-left: 15px;
     font-weight: 400;
     text-transform: capitalize
 }

 .grid-item .seller a {
     text-decoration: none;
     color: #555555
 }

 .vr {
     color: #ccc !important
 }

 @media screen and (max-width:1024px) {
     .grid-thirds2 {
         display: grid;
         grid: auto 1fr auto/repeat(4, 1fr) !important;
         grid-gap: 1vw;
         grid-row-gap: 3vw;
         margin: 0 !important
     }
 }

 @media screen and (max-width:900px) {

     .grid-thirds,
     .grid-thirds2 {
         grid: auto 1fr auto/repeat(3, 1fr) !important;
         grid-gap: 2vw;
         grid-row-gap: 3vw
     }
 }

 @media screen and (max-width:700px) {

     .grid-thirds,
     .grid-thirds2 {
         grid: auto 1fr auto/repeat(2, 1fr) !important;
         grid-gap: 2vw;
         grid-row-gap: 6vw
     }

     .call-button {}
 }

 @media screen and (max-width:480px) {

     .grid-thirds,
     .grid-thirds2 {
         grid: auto 1fr auto/repeat(1, 1fr) !important;
         grid-gap: 3vw;
         grid-row-gap: 6vw
     }

     .ad-holder {
         height: auto
     }
 }

 .close {
     color: #aaaaaa;
     font-size: 28px;
     font-weight: bold;
     display: none;
 }

 .close:hover,
 .close:focus {
     color: #000;
     text-decoration: none;
     cursor: pointer;
 }

 #login_modal,
 #call_button {
     display: none;
 }

 .req {
     opacity: 0;
     position: absolute;
     top: 0;
     left: 0;
     height: 0;
     width: 0;
     z-index: -1;
 }

 @media only screen and (max-width:1024px) {
     .login_modal {
         display: none;
         position: fixed;
         z-index: 99;
         left: 0;
         bottom: 0;
         width: 100%;
         height: 100%;
         overflow: hidden;
         background-color: rgb(0, 0, 0);
         background-color: rgba(0, 0, 0, 0.4);
     }

     .close {
         padding: 10px;
         font-size: 38px;
         font-weight: bold;
         display: block;
     }

     #call_button {
         display: block;
         font-size: 15px;
         border: 1px solid #ccc;
         color: white;
         cursor: pointer;
         padding: 7px 15px;
         border-radius: 3px;
         float: left;
         margin: 9px 0 0 0;
         font-weight: 500;
         text-decoration: none;
         width: 30%;
         text-align: center;
         background: #1879f2;
     }

     #login_modal {
         display: block;
         font-size: 15px;
         border: none;
         outline: none;
         background: #dc143c;
         border: 1px solid #dc143c;
         color: #fff;
         cursor: pointer;
         padding: 7px 15px;
         border-radius: 3px;
         float: left;
         margin: 9px 0 0 20px;
         font-weight: 500;
         width: 33%;
         text-align: center;
     }

     .bottom_bar {
         display: block;
         position: fixed;
         padding: 0 5%;
         bottom: 0px;
         right: 0px;
         z-index: 10;
         font-size: 12px;
         border: none;
         outline: none;
         background: white;
         color: #fff;
         cursor: pointer;
         width: 100%;
         height: 50px;
         box-shadow: 0 0 5px 0 rgb(0 0 0 / 15%);
     }

     #myBtn {
         display: block;
         float: right !important;
         position: relative;
     }
 }

 @media (min-width:500px) and (max-width:1024px) {
     .login_modal_content {
         width: 400px;
         position: absolute;
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
         padding: 2em;
         background: #fff;
         border-radius: 4px;
     }
 }

 @media (max-width:500px) {
     .login_modal_content {
         width: 100%;
         position: absolute;
         bottom: 0;
         left: 0;
         transform: translate(0%, 0%);
         padding: 2em;
         background: #fff;
         border-radius: 2px;
         z-index: 99;
     }
 }

 #messageupload {
     margin-bottom: 5px;
 }

 .footer {
     width: 100%;
     background-color: #fcf7f7;
     float: left;
     text-align: center;
     margin-top: 0px;
 }

 .footercontent {
     max-width: 1200px;
     height: auto;
     margin: 0 auto;
     padding: 10px 0 0;
 }

 .footer-div {
     height: auto;
     width: 20%;
     float: left;
     margin: 0 0 20px 0px;

 }


 .column-titles {
     font-size: 14px;
     font-weight: 500;
     text-align: left;
     color: #333;
     margin: 15px 0;
 }

 .footer-div ul {
     list-style: none;
     text-align: left;
 }

 .footer-div ul li {
     line-height: 25px;
     font-size: 14px;
     color: #444;
 }

 .footer-div ul li a {
     text-decoration: none;
     color: #444;
     font-size: 14px;
     line-height: 25px;
 }

 .footer-div ul li img,
 .footer-div ul li a img {
     margin-bottom: -4px;
     padding-right: 5px;
 }

 .footer-div ul li a:hover {
     text-decoration: underline;
     color: #000;
 }



 .belowfooterhr {
     font-size: 14px;
     color: #333;
     font-weight: 500;
     float: left;
     margin: 10px 0 25px;
     line-height: 25px;
 }

 .belowfooterhr span {
     margin: 0 5px;
     color: #ccc;
     font-size: 15px;
 }

 .belowfooterhr a {
     text-decoration: none;
     color: #1879f2;
     font-size: 14px;
     white-space: nowrap;
 }

 .belowfooterhr a:hover {
     text-decoration: underline;
 }

 .footerhr {
     border: 0;
     height: 0;
     border-top: solid .8px rgba(0, 0, 0, 0.1);
     border-bottom: solid .8px rgba(255, 255, 255, 0.3);
     width: 80%;
     margin: 0;
     float: left;
 }

 .footercontent .spanwhole {
     color: #000;
     font-size: 12px;
     font-weight: 500;
 }

 .footercontent .spanwhole a {
     text-decoration: none;
 }

 @media only screen and (max-width: 1024px) {
     .footercontent {
         width: 97%;
         margin-left: 3%;
     }
 }

 @media only screen and (max-width: 1250px) {
     .footercontent {
         width: 97%;
     }
 }

 @media only screen and (max-width: 768px) {
     .footer {
         width: 100%;
     }

     .footercontent {
         width: 90%;
         margin-left: 5%;
         padding: 25px 0 15px;
     }

     .footer-div {
         width: 97%;
         margin-bottom: 0;
     }

     .footer-div:first-child {
         width: 97%;
     }

     .footer-div:nth-child(3) {
         width: 97%;
     }

     .footer-div ul li {
         margin-left: 10px;
         line-height: 30px;
     }



     .footer-div ul li a {
         font-size: 14px;
     }

     .footer-div ul li a:hover {
         color: #000;
     }

     .footer .belowfooterhr {
         padding-right: 15px;
         font-size: 14px;
         text-align: left;
     }

     .footer .belowfooterhr a {
         font-size: 14px;
     }

     .column-titles {
         color: #000;
         cursor: pointer;
         width: 100%;
         border: none;
         text-align: left;
         outline: none;
         font-size: 14px;
         transition: .4s;
         font-weight: 500;
         margin: 20px 0 0 0;
         line-height: 40px;
     }

     .column-titles:after {
         content: '\002B';
         color: #555;
         font-weight: 700;
         float: right;
         margin-left: 5px;
         margin-right: 10px;
     }

     .column-titles.active:after {
         content: "\2212";
         font-weight: 700;
         color: #555;
     }

     .ul {
         margin: 0;
         max-height: 0;
         overflow: hidden;
         transition: max-height .2s ease-out;
         border-bottom: solid .8px rgba(0, 0, 0, 0.1);
         border-top: solid .8px rgba(255, 255, 255, 0.3);
     }

     .footerhr {
         border: none;
     }
 }