#content.home {
    overflow-x: hidden;
}



#gallery #lightgallery {
    padding: 1rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
#gallery .photo {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 80px;
    height: 80px;
    margin: 1rem;
    transition: 0.3s;
}
#gallery .photo:hover {
    transition: 0.3s;
    border: 5px solid grey;
    cursor: pointer;
}

/*********************************************************************
/*  CSS for HEADER */
/*******************************************************************/


nav.main-nav-one.stricky.main-nav-one__home-two.original > .container > .inner-container {
    max-height: 120px;
}


nav.main-nav-one.stricky.main-nav-one__home-two.stricked-menu.stricky-fixed > .container > .inner-container {
    max-height: 72px;
}


.page-header {
    position: relative;
}

.page-header .modal-trigger {
    position: absolute;
    bottom: 1rem;
    left: 1rem;
}

.page-header .modal-trigger:hover {
     cursor: pointer;
}

.page-header .modal-trigger img {
    border: 2px solid transparent;
    border-radius: 50%;
    transition: .5s;
}

.page-header .modal-trigger:hover img {
    border-color: white;
    transition: .5s;
}




/*********************************************************************
/*  CSS For Language Button */
/*******************************************************************/

.languages {
    display: flex;
}

.languages .circle {
    position: relative;
    width: 35px;
    height: 35px;
    margin-right: 25px;
    border-radius: 50%;
    border: 1px solid transparent;
    background-color: transparent;
    transition: .5s;
    transition-property: background-color;
}

.languages .circle > a {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--thm-secondary);

}

.languages .circle:hover {
    border-color: var(--thm-secondary);
    transition: .5s;
}

.side-header {
    position: relative;
}

.side-header > .languages {
    display: flex;
    position: absolute;
    right: 30px;
    top: 13px;
}

.side-header > .languages > .circle > a {
    color: var(--thm-base);
    transition: .5s;
}

.side-header > .languages > .circle:hover {
    border-color: var(--thm-base);
    transition: .5s;
}

/************************************************************************
////  Home Page list items with background properties
 ************************************************************************/

.background-div.__collection {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 384px;
    height: 500px;
}

.background-div.__news {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 370px;
    height: 270px;
}

.background-div.__about-three {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 762px;
    height: 960px;
}

.cta-three > .container > .inner-container {
    background-color: var(--thm-secondary);
}

.cta-three__content p {
    padding-bottom: 2rem;
}

.cta-three__content li {
    padding: .5rem 0;
}

.cta-one {
    background-color: var(--thm-secondary);
}

.cta-two__content {
    color: var(--thm-secondary);
}

.banner-section__home-two .content-box h3{
    color: var(--thm-base);
}

/***************************************************************
                          CONTACT FORM
 **************************************************************/
h3.form-header {
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 20px 0;
    color: var(--thm-secondary);
}

 .form-container {
  /*padding: 4%;*/
  max-width: 600px;
  margin: 2rem 0 0 0;
  /*border: 1px dotted grey;*/
  /*border-radius: 1rem;*/
}
.form-container h1 {
  text-align: center;
  margin-bottom: 1rem;
}
.form-container .form-el {
  text-align: left;
  font-size: 1rem;
  margin: 1rem 0;
}
.form-container .form-el .rc-anchor-container {
  border-width: thin;
  /*border-radius: 0.5rem;*/
  border-color: var(--thm-secondary);
}
.form-container.rc-ancor {
    border-radius: 0;
}

.form-container .form-el label {
  margin-bottom: 0.5rem;
  /*font-weight: 700;*/
}
.form-container .form-el input, .form-container .form-el textarea, .form-container .form-el select {
  margin-top: 0.5rem;
  border-width: thin;
  /*border-radius: 0.5rem;*/
  border-color: var(--thm-secondary);
  line-height: 2rem;
  width: 100%;
  transition: 0.5s;
}
.form-container .form-el input:focus, .form-container .form-el textarea:focus, .form-container .form-el select:focus {
  outline: none;
  box-shadow: 3px 3px var(--thm-secondary);
  transition: 0.5s;
}
.form-container .form-el .success {
  color: green;
  font-weight: 700;
}
.form-container .form-el .hasError {
  border: 2px solid red;
}
.form-container .form-el .error-message {
  color: red;
  font-weight: 700;
}
.form-container .form-el select {
  padding: 0.8rem 0;
}
.form-container .form-el #inputCV {
  background-color: transparent;
}
.form-container .form-el #inputCV.hasError {
  border: none;
}
.form-container .form-el button {
  padding: 0.8rem 1rem;
  /*border-radius: 0.5rem;*/
  border-width: thin;
  background-color: var(--thm-base);
  color: var(--thm-light);
  transition: .5s;
}
.form-container .form-el button:hover {
  cursor: pointer;
    background-color: var(--thm-secondary);
    transition: .5s;
}
.form-container ._form-el.cv input {
  background-color: transparent;
}
.form-container ._form-el.cv #cvFile.hasError {
  border: none;
}
.form-container ._checkboxes {
  display: flex;
}
.form-container ._checkboxes .--check {
  margin-right: 0.8rem;
}
.form-container ._checkboxes .--check input:focus {
  box-shadow: none;
}
.form-container #recaptcha iframe {
  border-radius: 0.8rem;
  background-color: var(--thm-secondary);
  box-shadow: none;
  border-width: thin;
  border-color: transparent;
}
.form-container #recaptcha-msg {
  visibility: hidden;
}
.form-container #alert-msg {
  font-size: 1rem;
  font-weight: 700;
}
.form-container #alert-msg.success {
  color: green;
}
.form-container #alert-msg.error {
  color: red;
}
.form-container .small-style {
  font-weight: 700;
}

/***************************************************************
                          LINE CLAMPING
 **************************************************************/

.ellipsis {
    overflow: hidden;
    height: 200px;
    line-height: 25px;
    margin: 20px 0;
    text-align: justify;
    font-size: 0.9rem;
}
.ellipsis:before {
    content: "";
    float: left;
    width: 5px;
    height: 200px;
}
.ellipsis > *:first-child {
    float: right;
    width: 100%;
    margin-left: -5px;
}
.ellipsis:after {
    content: "\02026";
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    float: right;
    position: relative;
    top: -25px;
    left: 100%;
    width: 3em;
    margin-left: -3em;
    padding-right: 5px;
    text-align: right;
    background-size: 100% 100%;/* 512x1 image,gradient for IE9. Transparent at 0% -> white at 50% -> white at 100%.*/
    background: -webkit-gradient(linear,left top,right top,
    from(rgba(255,255,255,0)),to(white),color-stop(50%,white));
    background: -moz-linear-gradient(to right,rgba(255,255,255,0),white 50%,white);
    background: -o-linear-gradient(to right,rgba(255,255,255,0),white 50%,white);
    background: -ms-linear-gradient(to right,rgba(255,255,255,0),white 50%,white);
    background: linear-gradient(to right,rgba(255,255,255,0),white 50%,white);
}

.ellipsis.two-lines {
    height: 3rem;
}


/**********************************************************************
                               SPACERS
**********************************************************************/

.cta-three__content  {
    color: var(--thm-light);
}

.cta-two__content {
    color: var(--thm-light);
}

/*********************************************************************
/*  ScrollTop Button */
/*******************************************************************/
.scroll-to-top {
    border-color: var(--thm-light);
}

.scroll-to-top:hover {
    border-color: var(--thm-secondary);
}

@media screen and (max-width: 576px) {
    .scroll-to-top {
        bottom: 1rem;
        right: 1rem;
    }
}
/*********************************************************************
/*  CSS For Footer */
/*******************************************************************/

.site-footer {
    background-color: var(--thm-secondary);
}

.footer-widget.footer-widget__about p {
    color: var(--thm-light);
}

.footer-widget.footer-widget__contact p {
    color: var(--thm-light);
}

.footer-widget .footer-widget__title {
    color:var(--thm-light);
}

.site-footer .site-footer__bottom .inner-container {
    color: var(--thm-light);
}

.site-footer > p {
    color: var(--thm-light);
}

.site-footer a.nav-list-link {
    color: var(--thm-light);
}

.site-footer a.nav-list-link:hover {
    color: var(--thm-base);
}

.site-footer .contact-one__box-social a {
    color: var(--thm-light);
}

.site-footer__bottom-links {
    color: var(--thm-light);
}

/*********************************************************************
/*  CSS For City Map */
/*******************************************************************/
.map {
    position: relative;
    margin: 2rem auto;
    width: 1200px;
    height: 1100px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.marker {
    background-image: url('/dist/img/marker.png');
    height: 30px;
    width: 16px;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: .5s;
    z-index: 5;
    opacity: .6;
}

.marker:hover {
    background-image: url('/dist/img/marker1.png');
    transition: .5s;
    cursor: pointer;
    opacity: 1;
}

/*********************************************************************
/*  CSS For Google Map */
/*******************************************************************/

.gmap3{
    margin: 20px auto;
    border: 1px dashed var(--thm-base);
    width: 1000px;
    height: 500px;
}
.cluster{
    color: var(--thm-light);
    text-align:center;
    font-family: 'Arial, Helvetica';
    font-size:11px;
    font-weight:bold;
    cursor: pointer;
}
.cluster-1{
    background-image:url('/dist/images/gmap3/m1.png');
    line-height:53px;
    width: 53px;
    height: 52px;
}
.cluster-2{
    background-image:url('/dist/images/gmap3/m2.png');
    line-height:53px;
    width: 56px;
    height: 55px;
}
.cluster-3{
    background-image:url('/dist/images/gmap3/m3.png');
    line-height:66px;
    width: 66px;
    height: 65px;
}
/*********************************************************************
/*  City Markers Page */
/*******************************************************************/
h1.google-maps-banner {
    padding: 1.5rem;
    margin: 72px 0;
    text-align: center;
    width: 100%;
    display: block;
    color: var(--thm-light);
    background-color: rgba(var(--thm-secondary-rgb),.8);
    position: fixed;
    z-index: 1;
}

.google-map .map-container .map {
    max-width: 100%;
    width: 100%;
    margin: 0;
}


/*********************************************************************
/*  SEARCH MODAL */
/*******************************************************************/
#searchInput {
    z-index: 999;
    width: 75%;
    padding: 2rem;
    position: absolute;
    top: 15%;
}


.search-popup.active .search-result {
    margin: 0;
    width: 75%;
    background-color: var(--thm-light);
    padding: 2rem;
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translateX(-50%);
    justify-content: center;
    z-index: 999;
    max-height: 65vh;
    overflow-y: auto;
}

.search-popup.active .search-popup__overlay  {
    cursor: initial !important;
}

.search-popup.active .search-result .result-item {
    height: 200px;
    min-width: 150px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin: .25rem;
    flex: 0 0 23%;
}

@media screen and (max-width: 576px) {
    #searchInput, .search-popup.active .search-result {
        width: 95%
    }
}

@media screen and (max-width: 576px) {
    .search-popup.active .search-result .result-item {
        flex: 0 0 100%;
    }
}

@media screen and (max-width: 1200px) {
    .search-popup.active .search-result .result-item {
        flex: 0 0 48%;
    }
}

.search-popup.active .search-result .result-item:hover {
    cursor: pointer;
}

.search-popup.active .search-result .result-item .result-title-div {
    position: absolute;
    display: block;
    color: var(--thm-light);
    background-color: var(--thm-secondary);
    bottom: 0;
    width: 100%;
    left: 0;
    padding: .25rem 0;
    text-align: center;
    font-size: 12px;
}

.search-popup.active .search-close-btn {
    display: block;
    position: absolute;
    height: 50px;
    width: 50px;
    color: var(--thm-base);
    top: 1rem;
    right: 4rem;
    font-size: 4rem;
    transition: .5s;
}

.search-popup.active .search-close-btn:hover {
   cursor: pointer;
    color: var(--thm-light);
    transition: .5s;
}

/*********************************************************************
/*  SPACER 2 */
/*******************************************************************/
.spacer-two-list-mobile {
    display: none;
}

@media screen and (max-width: 576px) {
    .spacer-two-list-desktop {
        display: none;
    }
    .spacer-two-list-mobile {
        display: block;
    }
}

/*********************************************************************
/*  OTHER MEDIA QUERIES */
/*******************************************************************/

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

    /*  HOME PAGE */
    .cta-three__content ul {
        padding-left: 1rem;
    }

    .collection-two__carousel.owl-theme .owl-nav {
        margin-top: 70px;
    }

    .collection-two {
        padding-bottom: 0;
    }

    .testimonials-one {
        padding: 2rem 0 0;
    }

    .testimonials-one .block-title {
        margin-bottom: 0;
    }

    .testimonials-one__single>p {
        font-size: 1rem;
        line-height: 1.5rem;
        margin-top: 1rem;
    }

    .testimonials-one .container-fluid {
        margin-bottom: 0 !important;
    }

    .cta-one {
        margin-top: -8px;
    }

    .blog-one {
        padding: 1rem 0;
    }

    .blog-one__top {
        margin-bottom: 0;
    }

    .blog-one__content {
        padding: 1rem;
    }

    footer.site-footer {
        text-align: center;
    }

    .site-footer__upper {
        padding: 1rem;
    }
    .footer-widget {
        padding: 0;
    }

    .footer-widget__about p {
        font-size: 1rem;
    }

    .footer-widget__links-list li {
        padding-left: 0;
    }

    .footer-widget__links-list li::before {
        width: 0;
    }

    .site-footer__bottom-logo {
        display: none;
    }

    .footer-widget__open-hrs .contact-one__box-social {
        justify-content: center;
    }

    .main-nav-one .side-menu__toggler {
        padding-right: 75px;
    }
    img#access-toggler {
        top: .75rem;
        position: fixed;
    }

    .main-nav-one .logo-box {
        padding: .5rem;
    }

    /* LIST PAGE*/
    .collection-masonary {
        padding: 1rem 0;
    }

    .collection-filter li {
        display: block;
        width: 100%;
        margin:  0;
    }

    .collection-filter li+li {
        margin:  0;
    }

    .collection-grid__top .block-title {
        width: 100%;
        text-align: center;
    }

    /* SINGLE LIST ITEM */
    #alt-list-item .alt-list-item-container .single-item-menu .single-item-filters {
        height: 120px !important;
        overflow-x: scroll;
        justify-content: left !important;
        padding-left: 1rem !important;
    }

    #alt-list-item .alt-list-item-container .single-item-menu .single-item-filters .single-item-filter {
        padding: 0 2rem !important;
    }

    #alt-list-item .alt-list-item-container .single-item-menu .single-item-filters .single-item-filter:disabled {
        display: none;
    }

    #alt-list-item .alt-list-item-container .single-item-menu .single-item-filters .single-item-filter span.btn-text {
        white-space: nowrap;
    }

    #alt-list-item .alt-list-item-container .main-cont {
        height: auto !important;
        padding-top: 192px !important;
    }

    #alt-list-item .alt-list-item-container .main-cont #description {
        margin-top: 1rem;
        height: auto !important;
        max-height: initial !important;
        text-align: justify;
    }

    #alt-list-item .alt-list-item-container .main-cont #item-media.height-auto {
        height: auto !important;
        max-height: initial !important;
    }

    #alt-list-item .alt-list-item-container .main-cont #item-media.height-min {
        height: 300px !important;
    }

    #alt-list-item .alt-list-item-container .main-cont #item-media .gallery-item {
        height: 150px !important;
        width: 150px !important;
    }

    /* CONTACT PAGE  */
    .contact-one .contact-one__box-social {
        justify-content: center;
        margin-bottom: 2rem;
    }
}

/* MOBILE MENU */
@media screen and (max-width: 1200px) {

    .main-nav-one .main-nav__right {
        margin-left: initial;
    }

    .side-header .search-popup__toggler {
        display: inline-block;
        padding: 1rem 2rem;
    }

    .single-list-item #accessibility-area > nav.main-nav-one.stricky.main-nav-one__home-two.stricked-menu.stricky-fixed {
        display: block;
    }

    #accessibility-area > nav.main-nav-one.stricky.main-nav-one__home-two.original {
        position: fixed;
        top: 0;
        z-index: 999;
        display: block;
        width: 100%;
        opacity: 1;
        background-color: #4b6584;
    }
    #link-3 {
        display: none;
    }
    .mobile-nav__container ul li:nth-child(3) {
        border-top: 0;
    }
}