body{
    overflow-x:hidden !important;
    overflow-y:auto;
    position:relative;
}
a, a:hover {
    text-decoration:none !important;
}
nav.navbar {
    background-image:url('./images/header.png');
    padding:6pt 65pt 14pt 65pt;
    background-size:100% 100%;
    background-repeat:no-repeat;
    position:absolute !important;
    top:0;
    left:0;
    right:0;
    z-index:100;
}
.navbar .nav-item .dropdown-item:active, .navbar .nav-item .dropdown-item:focus, .navbar .nav-item .dropdown-item:target{
    background:#96C8EB;
}
nav.navbar .navbar-brand, nav.navbar .navbar-brand img {
    width:220px;
    height:auto;
}
.navbar .dropdown-menu {
    background:#F1F2EA;
    border:0px;
}
.navbar .navbar-brand {
    margin-right:65pt;
    font-family: 'Metropolis';
    font-weight: normal;
    font-style: normal;
}
.navbar .nav-item {
    margin-right:30pt;
    font-family: 'Metropolis';
    font-weight: normal;
    font-style: normal;
    font-size:11pt;
}
.navbar .nav-item .nav-link {
    color:#47484A;
}
.navbar .nav-item .nav-link.active {
    color:#96C8EB;
}
.navbar form {
    background:#fff;
    border-radius:8px;
    border:1px solid transparent;
    width:160px;
    height:40px;
    display:flex;
    justify-content:space-between;
    padding:5px 10px;
}
nav form .search-form::placeholder {
    color:#47484A;
}
nav form .search-form {
    color:#47484A !important;
    width:65px;
    outline:none;
    padding:0;
    font-family: 'Metropolis';
    font-weight: normal;
    font-style: normal;
    font-size: 11pt;
    margin-left:0;
    border:0px;
    margin-right:auto;
}
nav .search {
    background:#96C8EB;
    border:1px solid transparent;
    border-radius:8px;
    margin-left:auto;
    margin-right:0;
    width:30px;
}
nav .search img {
    margin-top:-6px;
    width:16px;
    height:16px;
}
 .navbar-nav .socialdiv .social {
        width:20px;
        height:20px;
    }
#carousel, #carousel .carousel, #carousel .carousel .carousel-inner, #carousel .carousel .carousel-inner .carousel-item, #carousel .carousel .carousel-inner .carousel-item .carouselitemimg  {
    height:75vh;
    width:100vw;
}
#carousel .carousel-indicators button, #event .carousel-indicators button, #accommodation_info .carousel-indicators button{
    border-radius:50%;
    width:10px;
    height:10px;
    background-color:#fff;
    border:.3px solid transparent;
    opacity:1;
}
#carousel .carousel-caption {
    position:absolute;
    left:5vw;
    top:15vh;
    width:800px;
}
#carousel .carousel .carousel-inner .carousel-item .icon, #event .carousel .carousel-inner .carousel-item .icon {
    opacity:1;
    width:100%;
    height:auto;
}
#carousel h5.slide-title {
    position:absolute;
    top:24%;
    left:8%;
    font-family: 'Metropolis';
    font-weight: normal;
    font-style: normal;
    font-size:1.6rem;
    line-height:40px;
}
#carousel h5.slide-title span {
    font-weight:600;
    font-size:2rem !important;
}
#carousel .carousel-indicators button.active, #event .carousel-indicators button.active, #accommodation_info .carousel-indicators button.active{
    border:.3px solid transparent;
    border-radius:10px;
    width:40px;
    height:10px;
    background-color:#F5BEC3;
}
#carousel .carousel-indicators button {
    z-index:10 !important;
}
#carousel .carousel .carousel-inner .carousel-item, #event .carousel .carousel-inner .carousel-item, #accommodation_info .carousel .carousel-inner .carousel-item{
   background:#47484A;
}
#carousel .carousel .carousel-inner .carousel-item .carouselitemimg{
   opacity:0.6;
}
#carousel .carousel-caption h5.carousel-caption-title {
    font-family: 'Metropolis';
    font-weight: normal;
    font-style: normal;
    font-size:2rem;
    letter-spacing:1px;
    line-height:40px;
    margin-bottom:15px;
    margin-top:20%;
}
#carousel .carousel .slide-btn, #event .carousel .slide-btn{
    padding:12px 16px;
    background:#F5BEC3;
    border:1px solid transparent;
    border-radius:8px;
    color:#fff;
    letter-spacing:1px;
    text-shadow: 0px 1px 3px #00000061;
    text-decoration:none;
    font-family: 'Metropolis';
    font-weight: normal;
    font-style: normal;
}
#intro {
    background-image:url('./images/slogan.png');
    padding:75px 150px;
    background-size:100% 100%;
    background-repeat:no-repeat;
    height:240px;
}
#top-places {
    background-image:url('./images/top-places-bg.jpg');
    /*padding:110px 0px 50px 150px;*/
    background-size:cover;
    background-repeat:no-repeat;
    position:relative;
}
#top-places .cont{
    position:auto;
    z-index:1;
}
#top-places .top-shape {
    width:600px;
    position:absolute;
    bottom:0px;
    right:-100px;
    z-index:10;
}
#top-places .title-row {
    padding:0px 166px 0px 16px;
}
#top-places .title-row .view-more {
    text-decoration:none;
}
#top-places .title-row .view-more p {
    color:#F5BEC3;
}
#top-places .title-row .view-more img, #events .view-more img, #breleated .view-more img {
    height:5px;
    margin-bottom:auto;
    margin-top:10px;
}
#breleatedevent .view-more img{
    height:30px !important;
}
#top-places .holder img{
    height:450px !important;
width:430px;
object-fit:cover; 
border:1px solid transparent;
border-radius:20px;
}
#top-places .center-item-slider .holder,#top-places .center-item-slider .center {
   height:450px;
width:430px;
position:relative;
}

#saranda-tv .imgvideo .img1, #storiescard .imgvideo .img1{
    width:99.375rem;
    height:37.5rem;
    object-fit:cover;
}
#saranda-tv .imgvideo .img2 {
    width:32.5rem;
    height:21.875rem;
    object-fit:cover;
}
#saranda-tv .modal .modal-dialog .modal-content, #tvideo .modal .modal-dialog .modal-content, #storiescard .modal .modal-dialog .modal-content{
        background:transparent;
        border:0px;
}
#top-places .star, #events .star, #saranda-tv .star, #topplaces .star, #toplacesdescr .star{
    width:30px;
    height:30px;
}
#top-places h5, #topplaces h5, #toplacesdescr h5, #events h5, #saranda-tv h5 {
    font-size:1.6rem;
    color:#FFf;
    font-family: 'Metropolis';
    font-weight: 600;
    font-style: normal;
}
#top-places h5 {
    color:#96c8eb !important;
}
#top-places p, #events p, #topplaces p, #toplacesdescr p {
    font-size:1rem;
    font-family: 'Metropolis';
    font-weight:normal;
    color:#47484A;
}
#top-places .center-item-slider {
    margin:16px 0px;
    z-index:10;
}
#top-places .holder .top-absolute {
    bottom:10%;
    left:10%;
    position:absolute;
    display:block;
    overflow: hidden;
}
#top-places .holder .top-absolute .title,  #top-places .imgrelativ .top-absolute .title{
    font-size:2rem;
    font-family: 'Metropolis';
    font-weight: bold;
    font-style: normal;
    color:#fff;
    width:250px;
    word-break:normal;
    text-shadow: 0px 1px 3px #00000061;
}
#top-places .holder .top-absolute-hover {
    top:150%;
    position:relative;
    transition: all .5s ease-out;
}
#top-places .holder:hover > .top-absolute-hover {
    display:block;
     top:65%;
    left:10%;
    position:absolute;
}
#top-places .holder:hover > .top-absolute-hover .title{
     font-size:2rem;
    font-family: 'Metropolis';
    font-weight: bold;
    font-style: normal;
    color:#FFD282;
    width:250px;
    word-break:normal;
}
#top-places .holder:hover > .top-absolute-hover .subtitle{
     font-size:1rem;
    font-family: 'Metropolis';
    font-weight: normal;
    font-style: normal;
    color:#fff;
    width:350px;
    word-break:normal;
}
#top-places .holder:hover > .top-absolute-hover .subtitle img {
    height:10px;
    width:auto;
    display:block;
    z-index:10;
}
#top-places .holder:hover > .top-absolute {
    display:none !important;
}
#events {
    background:#F5F5F5;
    padding:50px 150px 100px 150px;
    position:relative;
}
#events .events-shape, #toplacesdescr .events-shape {
    width:600px;
    position:absolute;
    top:0px;
    right:-103px;
    z-index:-10;
}
#events .view-more p, #events .view-more img{
    z-index:5;
}
#events h5 {
    font-size:1.6rem;
    color:#FFD282;
    font-family: 'Metropolis';
    font-weight: 600;
    font-style: normal;
}
#events .event-1 .events, #events .event-2 .events, #events .event-3 .events {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border: 1px solid transparent;
	border-radius: 18px;
}
#events .event-1 .events, #events .event-2 .events, #events .event-3 .events {
    border-radius:12px;
}
#events .event-1 .events {
    box-shadow:inset 0 0 0 2000px rgba(0,0,0,0.5);
}
#events .event-1 .event-top-absolute {
    width:70px;
    height:70px;
    padding:7px 15px;
    border-radius:10px;
}
#events .event-1 .event-bottom-absolute {
    bottom:5%;
    left:5%;
    position:absolute;
}
#events .event-1 .event-bottom-absolute .title {
    font-size:1.2rem;
}
#events .event-1 .event-bottom-absolute .subtitle {
    font-size:0.9rem;
    width:300px;
}
#events .event-1 .event-top-absolute span {
    font-size:2rem;
}
#events .event-1 .event-top-absolute p {
    font-size:1.2rem;
}
#events .event-2, #events .event-3 {
    margin-top:16px;
}
#events .event-2 .title {
    margin-top:16px;
}
#events .event-3 .title {
    margin-top:25px;
}
#events .event-2 .title, #events .event-3 .title {
    width:90%;
    word-break:normal;
    height:30px;
    overflow-y:hidden;
    margin-bottom:0;
    color:#4BBABB;
}
#events .event-2 .subtitle, #events .event-3 .subtitle {
    margin-top:30px;
    width:90%;
    word-break:normal;
    height:75px;
    overflow-y:hidden;
    margin-bottom:0;
}
#events .event-3 .events {
    margin-top:6px;
}
#events .event-2 a, #events .event-3 a {
    margin-top:6px;
}
#events .event-1 {
    position:relative;
}
#events .event-1 .event-top-absolute {
    width:100px;
    height:100px;
    padding:12px 22px;
    position:absolute;
    top:5%;
    left:5%;
    background:#FFFFFF;
    border:1px solid transparent;
    border-radius:18px;
}
#events .event-1 .event-bottom-absolute {
    bottom:5%;
    left:5%;
    position:absolute;
}
#events .event-1 .event-bottom-absolute .title {
    font-size:2rem;
    font-family: 'Metropolis';
    font-weight: bold;
    font-style: normal;
    width:300px;
    word-break:normal;
    color:#fff;
    text-shadow: 0px 1px 3px #00000061;
}
#events .event-1 .event-bottom-absolute .subtitle {
    font-size:1rem;
    font-family: 'Metropolis';
    font-weight: normal;
    font-style: normal;
    width:450px;
    word-break:normal;
    color:#fff;
}
#events .event-1 .event-top-absolute span {
    font-size:2.6rem;
    font-weight:bold;
    font-family: 'Metropolis';
    color:#4BBABB;
    margin-bottom:0px;
    line-height:110%;
}
#events .event-1 .event-top-absolute p {
    font-size:1.4rem;
    font-family: 'Metropolis';
    font-weight:normal;
    text-transform:uppercase;
    color:#47484A;
}
#events .event-2 .title {
    margin-top:60px;
}
#events .event-3 .title {
    margin-top:25px;
}
#events .event-2 .title, #events .event-3 .title {
    width:90%;
    word-break:normal;
    height:30px;
    overflow-y:hidden;
    margin-bottom:0;
    color:#4BBABB;
}
#events .event-2 .subtitle, #events .event-3 .subtitle {
    margin-top:30px;
    width:90%;
    word-break:normal;
    height:75px;
    overflow-y:hidden;
    margin-bottom:0;
}
#events .event-3 .events {
    margin-top:25px;
}
#videos {
    padding:100px 50px 50px 50px;
    position:relative;
}
#videos .event-bottom {
    position:absolute;
    left:45%;
    top:-58px;
}
#videos .card-anchertag img {
    width:20px;
    height:auto;
}
#videos .card-anchertag {
    position:absolute;
    top:89%;
    right:5%;
}
#videos .star, #blog .star {
    width:auto;
    height:30px;
}
#videos p, #blog p {
    font-size: 1rem;
font-family: 'Metropolis';
font-weight: normal;
color: #47484A;
}
#videos h5 {
       font-size:1.6rem;
    color:#96C8EB;
    font-family: 'Metropolis';
    font-weight: 600;
    font-style: normal;
}
#blog h5 {
       font-size:1.6rem;
    color:#f5bec3;
    font-family: 'Metropolis';
    font-weight: 600;
    font-style: normal;
}

#videos .carousel {
    margin-top:30px;
}
 #videos .carousel .carousel-item .card, #videos .carousel .carousel-item .card .img-fluid  {
        width:490px;
        height:560px;
        object-fit:cover;
    }
#videos .carousel .card-img-overlay {
    top:85%;
    left:5%;
    width:60%;
    word-break:normal;
    font-family: 'Metropolis';
    font-weight: 600;
    font-style: normal;
    color:#fff;
}
    #videos .carousel-inner {
        padding:0px 70px !important;
        margin-left:30px !important;
    }
    #videos .carousel-item, #videos, #videos .carousel-inner, #videos .carousel {
        background:#fff;
    }
    #videos .carousel-item .card .img-fluid {
        border:1px solid transparent;
        border-radius:18px;
    }
    #videos .carousel-item .card {
        border:0px;
    }
@media (max-width: 767px) {
   #videos .carousel-inner .carousel-item > div {
        display: none;
    }
    #videos .carousel-inner .carousel-item > div:first-child {
        display: block;
    }
}

#videos .carousel-inner .carousel-item.active,
#videos .carousel-inner .carousel-item-next,
#videos .carousel-inner .carousel-item-prev {
    display: flex;
}

/* medium and up screens */
@media (min-width: 768px) {
    #videos .carousel-control-prev {
        margin-left:-50px;
    }
    #videos .carousel-control-next {
        margin-right:-50px;
    }
   
    #videos .carousel-inner .carousel-item-end.active,
    #videos .carousel-inner .carousel-item-next {
      transform: translateX(25%);
    }
    
    #videos .carousel-inner .carousel-item-start.active, 
    #videos .carousel-inner .carousel-item-prev {
      transform: translateX(-25%);
    }
}

#videos .carousel-inner .carousel-item-end,
#videos .carousel-inner .carousel-item-start { 
  transform: translateX(0);
}

#saranda-tv {
    background:#2D2D2D;
    padding:50px 150px;
}
#saranda-tv .imgvideo, #storiescard .imgvideo {
    position: relative;
    text-align: center;
}
#saranda-tv .imgvideo img, #storiescard .imgvideo img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#saranda-tv .playcenter, #storiescard .playcenter{
    position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#saranda-tv h5 {
    font-size:1.6rem;
    color:#96C8EB;
    font-family: 'Metropolis';
    font-weight: 600;
    font-style: normal;
}
#saranda-tv .title-row {
    margin-bottom:16px;
}
#saranda-tv .title-row .view-more img {
    margin-top:10px;
    margin-bottom:auto;
}
#saranda-tv .title-row .view-more p {
    color:#96C8EB;
}
#blog {
    padding:50px 150px;
}
#blog .blog-row {
    margin-top:30px;
}
#blog .blog-left .blog-left-img {
    width:200px;
    height:200px;
    border:1px solid transparent;
    border-radius:18px;
    object-fit:cover;
}
#blog .blog-left:nth-child(2) {
    margin:30px 0px;
}
#blog .blog-left .blog-left-descr .title{
    font-size:1.2rem;
    font-family: 'Metropolis';
    font-weight: bold;
    font-style: normal;
    margin-bottom:0;
}
#blog .blog-left .blog-left-descr {
    margin-left:30px;
    width:300px;
    word-break:normal;
}
#blog .blog-left .blog-left-descr .date {
    font-size:0.8rem;
    color:#ABABAB;
    font-family: 'Metropolis';
    font-weight: bold;
    font-style: normal;
}
#blog .blog-left .blog-left-descr .subtitle {
    font-size:1rem;
    color:#47484A;
    font-family: 'Metropolis';
    font-weight: normal;
    font-style: normal;
    height:93px;
    overflow-y:hidden;
    margin:20px 0px;
}
#blog .blog-right .blog-right-img {
    width:100%;
    height:100%;
    object-fit:cover;
    border:1px solid transparent;
    border-radius:18px;
}
#blog .blog-right .blog-right-descr .title {
    font-size:2rem;
    color:#47484A;
    font-family: 'Metropolis';
    font-weight: bold;
    font-style: normal;
    margin-top:30px;
    height:42px;
    overflow-y:hidden;
}
#blog .blog-right .blog-right-descr .date {
    color:#ABABAB;
     font-family: 'Metropolis';
    font-weight: bold;
    font-style: normal;
    font-size:0.8rem;
}
#blog .blog-right .blog-right-descr .subtitle {
     font-size:1rem;
    color:#47484A;
    font-family: 'Metropolis';
    font-weight: normal;
    font-style: normal;
    height:120px;
    overflow-y:hidden;
    margin:10px 0px;
    width:70%;
}
#blog .blog-right .blog-right-descr .view-more {
    margin-top:0px;
}
#blog .view-more img{
    margin-top:10px;
    margin-bottom:auto;
}
#blog .view-more p {
    color:#4BBABB;
}
#subscribe, #partners, #footer{
    padding:50px 150px;
}
#subscribe .subscribe-bg {
    background:url('./images/subscribe-gjirokastra.png');
    background-repeat:no-repeat;
    background-size:100%;
    padding:70px 70px 70px 200px;
    height:240px;
    width:100%;
}
#subscribe .subscribe-bg .title{
    width:80%;
    word-break:normal;
    font-size:2rem;
    font-family: 'Metropolis';
    font-weight: normal;
    font-style: normal;
    text-align:left;
}
#subscribe .subscribe-bg .title span {
    font-weight:bold;
}
#subscribe .subscribe-bg .email-form {
    padding:0px 100px;
}
#subscribe .subscribe-bg .email-form form {
    background:#fff;
    padding:10px;
    border:1px solid transparent;
    border-radius:15px;
}
#subscribe .subscribe-bg .email-form form input{
    border:0px;
    outline:none;
    box-shadow:none;
     font-family: 'Metropolis';
    font-weight: normal;
    font-style: normal;
    font-size:1rem;
    text-align:left;
    width:100%;
}
#subscribe .subscribe-bg .email-form form button{
    border:1px solid transparent;
    border-radius:15px;
    box-shadow:none;
     font-family: 'Metropolis';
    font-weight: bold;
    font-style: normal;
    font-size:1.2rem;
    background:#96C8EB;
    color:#fff;
    width:200px;
    height:50px;
    text-transform:uppercase;
 }
 #partners {
    background:#F5F5F5;
}
#partners .title {
    font-size:1.2rem;
    font-family: 'Metropolis';
    font-weight: bold;
    font-style: normal;
}
#partners .img {
    width:120px;
    height:auto;
    object-fit:cover;
}
#footer {
    background:#EFEFEF;
}
#footer .title {
    font-size:1.2rem;
    font-family: 'Metropolis';
    font-weight: bold;
    font-style: normal;
}
#footer .category {
    font-size:1rem;
    font-family: 'Metropolis';
    font-weight: normal;
    font-style: normal;
}
#footer .category-row {
    margin-top:30px;
}

#footer .first-col, #footer .sec-col, #footer .third-col {
    border-right: 0.5px solid #B8B8B8;
}
#footer .first-col, #footer .sec-col, #footer .third-col, #footer .last-col {
    padding: 0px 16px;
}

footer {
    height:50px;
    background:url('./images/footer-gjiro.png');
    background-repeat:no-repeat;
    background-size:cover;
    position:absolute;
    left:0;
    right:0;
    bottom:0;
}
footer p {
    font-size:1rem;
    text-align:center;
    font-family: 'Metropolis';
    font-weight: normal;
    font-style: normal;
    margin-top:16px;
    margin-bottom:0;
    color:#fff;
}
#footer .socialdiv svg, .nav-desktop .socialdiv svg{
    margin-right:.8rem;
}
#footer .socialdiv svg:hover, .nav-desktop .socialdiv svg:hover {
    fill:#FFA631;
}
 .navbar-nav .socialdiv .social {
        width:20px;
        height:20px;
    }
a {
    color:#212529 !important;
}
#footer a.category:hover {
    color: #f5bec3 !important;
}
/* topplaces */
#firstbanner .tbanner{
    position: relative;
    height: 47vh;
    width: 100vw;
}
#firstbanner .tbanner img{
    width:100%;
    height: 100%;
    object-fit: cover;
}
#firstbanner .tbanner .tcenter{
    position:absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    
}
#firstbanner .tbanner .tcenter h5{
font-family: 'Metropolis';
    font-weight: normal;
    font-style: normal;
    font-size: 2rem;
    letter-spacing: 1px;
    line-height: 40px;
    margin-bottom: 15px;
    margin-top: 20%;
    color:#fff;
    position:absolute;
    top:0;
    left:25%;
}
#firstbanner .tbanner .tcenter  h5.top-places-title {
    font-size:1.4rem !important;
    left:22%;
}
#firstbanner .tbanner .tcenter h5.accommodation-title {
    font-size:1.4rem;
    left:9%;
}
#firstbanner .tbanner .tcenter  h5.taste {
    font-size:1.2rem !important;
    left:12%;
}
#firstbanner .tbanner .tcenter h5.unforgettable-title {
    font-size:1.4rem;
    left:14%;
}
#firstbanner .title-background {
    width:200px;
    position:relative;
}
#topplaces {
    padding: 50px 150px;
    background-color:#f5f5f5;
}
#topplaces .imgrelativ{
    position:relative;
}
#topplaces .textover{
     position: absolute;
  bottom:10%;
    left:10%;
}
#topplaces .imgrelativ .imgtopplaces{
    height:420px !important;
width:400px;
object-fit:cover;
border:1px solid transparent;
border-radius:20px;
}

#toplacesdescr{
    padding: 50px 150px;
}
#toplacesdescr .starbullet{
    width:18px;
    height:18px;
}
#breleated{
    padding:50px 130px;
    background-color:#efefef;
}

#breleated .btit {
    font-size:1.6rem;
    color:#96C8EB;
    font-family: 'Metropolis';
    font-weight: 600;
    font-style: normal;
    padding-left:1.2rem;
}
#breleated .col-md-4 {
    padding:0rem 1.6rem;
}
#breleated .card{
    padding:16px;
    border-radius: 18px;
    border:1px solid transparent;
    margin-bottom:3.2rem;
}
#breleated .card-body {
    padding:16px 0px;
}
#breleated  .card-img-top {
    width:100%;
    height:280px;
    object-fit:cover;
    border:1px solid transparent;
    border-radius:18px;
}
#breleatedevent .breleatedimg, #breleatedevent .breleatedimg img{
    border-radius: 20px;
    border:1px solid transparent;
    width: 100%;
    height: 340px;
    object-fit: cover;
}
#breleated .card .card-body .subt, #breleatedevent .subt {
    font-size:1.2rem;
    font-weight:bold;
    color: #47484A;
    font-family: 'Metropolis';
}
#breleated .viewmore, #breleatedevent .viewmore{
color: #4BBABB;
    font-size: 1rem;
    font-family: 'Metropolis';
    font-weight: normal;
    font-style: normal;
    border: 2px solid #4BBABB;
    border-radius: 7px;
    width: 150px;
    height: 50px;
}
#breleated .viewmore .arrimg, #breleatedevent .viewmore .arrimg{
    width: 25px;
    height: auto;
    margin-bottom: 5%;
}
 #breleated .date{
 font-size:0.8rem;
    color:#ABABAB;
    font-family: 'Metropolis';
    font-weight: bold;
    font-style: normal;
}
#breleated .bparag {
    font-size:1rem;
    color:#47484A;
    font-family: 'Metropolis';
    font-weight: normal;
    font-style: normal;
}
#breleated .view-more p {
    color:#4BBABB;
}
#top-place, #tvideo, #other {
    padding:50px 150px;
}
#top-place .top-place-img, #top-place .top-place-img img {
    width:100%;
    height:350px;
    border:1px solid transparent;
    border-radius:18px;
    object-fit:cover;
}
#top-place .top-place-paragraph .subtitle{
    font-size:1rem;
    font-weight:normal;
    font-family: 'Metropolis';
    margin-top: 30px;
    margin-bottom: 0;
}

#top-place .events-row {
    margin-top:30px;
}
#top-place .top-place-paragraph .title {
    font-size:1.6rem;
    font-weight:600;
    font-family: 'Metropolis';
}
#top-place .top-place-paragraph {
    padding:30px;
    line-height:30px;
}
#top-place .top-place-paragraph-left {
    padding-left:0px;
}
#tvideo .imgvideo {
    position: relative;
    text-align: center;
}
#tvideo .imgvideo img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#tvideo .playcenter{
    position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#other{
    background-color:#efefef; 
    padding-top:50px;
    padding-left:150px;
    padding-right: 120px;
    padding-bottom: 50px;
}
#other h5 {
    font-size:1.6rem;
    color:#96C8EB;
    font-family: 'Metropolis';
    font-weight: 600;
    font-style: normal;
}
#other img{
    width: 90%;
    height: 430px;
object-fit: cover;
border-radius: 18px;
}
#other .otherposit{
       position: relative;
       justify-content:center;
       display:flex;
}
#other .top-absolute {
    bottom:10%;
    left:10%;
    position:absolute;
    display:block;
    overflow: hidden;
}
#other .top-absolute .title2 {
    font-size:2rem;
    font-family: 'Metropolis';
    font-weight: bold;
    font-style: normal;
    color:#fff;
    width:250px;
    word-break:normal;

}
#event{
    padding:50px 150px;
    background-color:#efefef;
}
#event .eborder, #event .bradius{
    border-radius:18px;
}
#event .bradius {
    box-shadow: 1px 0px 6px 3px rgba(0,0,0,0.07);
-webkit-box-shadow: 1px 0px 6px 3px rgba(0,0,0,0.07);
-moz-box-shadow: 1px 0px 6px 3px rgba(0,0,0,0.07);
}
#event .event-description {
    padding:30px 60px 0px 60px;
}
#event .ebb{
        background-color: #ffa630;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
#event .etitbold{
        font-size: 1.6rem;
    color: #000;
    font-family: 'Metropolis';
    font-weight: 600;
    font-style: normal;
}
#event .eparag, #description .eparag{
    font-size: 1rem;
    color: #47484A;
    font-family: 'Metropolis';
    font-weight: normal;
    font-style: normal;
}
#event .etit{
        font-size: 1.6rem;
    color: #000;
    font-family: 'Metropolis';
    font-weight: 400;
    font-style: normal;
    line-height:40px;
}
#event .appoint, #stour .appoint{
    background-color:#96C8EB;
    width: 61%;
    padding: 2% 4%;
    height:60px;
}
#event .appoint .etit {
    margin-left:6px;
    margin-right:6px;
}
#description{
    padding:50px 150px;
}
#description .descrimg{
    float: left;
    width: 777px;
    height: 431px;
}
#description .descrimg .descrimg1{
   border-radius: 18px;
width:100%;
height:100%;
object-fit: cover;
}

#breleatedevent{
    background-color:#efefef;
}
#breleatedevent .card{
    background-color:#efefef;
}
#breleatedevent{
    padding:50px 130px;
}
#breleatedevent .rowp{
    padding-left:1%;
}
#breleatedevent .btit, #shopsloc .btit{
    font-size:1.6rem;
    color:#96C8EB;
    font-family: 'Metropolis';
    font-weight: 600;
    font-style: normal;
}

#breleatedevent .card{
    border:none;
    border-radius: 0px;
}
#breleatedevent .card{
 padding:0px 30px;  
}
#breleatedevent .card-body{
    padding-left:0%;
}
#breleatedevent .bparag {
    font-size:1rem;
    color:#47484A;
    font-family: 'Metropolis';
    font-weight: normal;
    font-style: normal;
      height: 70px;
  overflow-wrap: break-word;
  overflow: hidden;

}
#breleatedevent .view-more {
    color:#4BBABB;
}
#description .eparag {
    margin-top:30px;
}
#event .carousel .carousel-indicators button.active, #event .carousel-indicators button.active, #accommodation_info .carousel-indicators button.active{
    border:.3px solid transparent;
    border-radius:10px;
    width:40px;
    height:10px;
    background-color:#96C8EB;
}
#eblog{
    padding:50px 150px;
}

#eblog .imgvideo .eimg{
    width: 100%;
    height: 540px;
    object-fit: cover;
    border-radius:18px;
}

#eblog h5 {
    font-size:1.6rem;
    color:#000;
    font-family: 'Metropolis';
    font-weight: 600;
    font-style: normal;
}
#eblog .date, #breleated .date{
 font-size:0.8rem;
    color:#ABABAB;
    font-family: 'Metropolis';
    font-weight: bold;
    font-style: normal;
}
#eblog .bname{
    font-size:1.0rem;
    color:#000;
    font-family: 'Metropolis';
    font-weight: 600;
    font-style: normal;
}
#eblog .profilepic{
    width: 35px;
}

#eblog .eparag, #breleated .bparag {
    font-size:1rem;
    color:#47484A;
    font-family: 'Metropolis';
    font-weight: normal;
    font-style: normal;
}

#getinvolved{
    background-color:#F5F5F5; 
    padding:100px 150px 50px 150px;
}
#getinvolved .paragcenter{
    padding-left:30%;
    padding-right:30%;
    font-size: 1rem;
    color: #47484A;
    font-family: 'Metropolis';
    font-weight: normal;
    font-style: normal;
    margin-bottom:50px;
}
#getinvolved h5 {
    font-size:1.6rem;
    color:#000;
    font-family: 'Metropolis';
    font-weight: 600;
    font-style: normal;
}

#getinvolved .rowclass{
    box-shadow: 1px 0px 6px 3px rgba(0,0,0,0.07);
-webkit-box-shadow: 1px 0px 6px 3px rgba(0,0,0,0.07);
-moz-box-shadow: 1px 0px 6px 3px rgba(0,0,0,0.07);
    border-radius: 18px;
    padding:30px 16px;
}
#getinvolved .rowclass .img {
    width:100%;
    height:750px;
    object-fit:cover;
    border:1px solid transparent;
    border-radius:18px;
}
#getinvolved  .inputs{
    border: 1px solid #bbb;
    width: 100%;
    height: 50px;
    border-radius: 4px;
    padding:0px 10px;
    outline:none;
}
#getinvolved  .textareainput{
    border: none;
    width: 100%;
    height:250px;
    border-radius: 3px;
    background-color: #f5f5f5;
    padding: 2%;
}

#getinvolved  .inputfile{
    border: 1px solid #bbb;
    width: 100%;
    border-radius: 8px;
        height: 174px;
    background-color: #efefef;
}
#getinvolved .form-label {
    font-size:1rem;
    font-family: 'Metropolis';
    font-weight: normal;
    font-style: normal;
}
#getinvolved  .inputbtn{
    width: 40%;
    height: 60px;
    border: none;
    border-radius: 8px;
    background-color: #96C8EB;
    color: #fff;
    margin-top:50px;
    font-size:1.2rem;
    font-family: 'Metropolis';
    font-weight: bold;
    font-style: normal;
}
#getinvolved  .imgbg{
    position:relative;
    width: 160px;
    height: 118px;
    background-color: #fafafa;
    border:1px solid transparent;
    border-radius:4px;
}
#getinvolved  .imgbg img{
   width:50px;
   cursor:pointer;
   position: absolute;
   top: 50%;left: 50%;
   transform: translate(-50%, -50%);
}
.custom-file-upload {
    position:relative;
    border: 2px dashed #bbb;
    border-radius:3px;
    display: inline-block;
    padding: 2%;
    cursor: pointer;
    width: 100%;
    height: 250px;
}
.bgcolorfile{
        background-color: #f5f5f5;
    width: 100%;
    height: 100%;
}
.custom-file-upload1 {
    position:relative;
    border-radius:3px;
    display: inline-block;
    padding: 2%;
    cursor: pointer;
    width: 100%;
    height: 170px;
}
#getinvolved input[type="file"] {
    display: none;
}
#toplacesdescr {
    position:relative;
}
#toplacesdescr .index p{
    z-index:5;
}
#toplacesdescr .title-row h5 {
    color:#FFD282;
}
/* events */
#breleatedevent .form-row {
    padding:0px 30px 30px;
}
#breleatedevent .card {
    margin-bottom:30px;
}
#breleatedevent .form-row label {
    font-size:1rem;
    font-family: 'Metropolis';
    font-weight: normal;
    font-style: normal;
    margin-bottom:10px;
    color:#47484A;
}
#breleatedevent .form-row input, #breleatedevent .form-row input:active {
    width:140px;
    height:40px;
    outline:none !important;
}
 #breleatedevent .filter-form label {
        font-size:1rem;
    }
    #breleatedevent .filterdate {
         padding-left:10px;
         border: 1px solid transparent;
    border-radius: 8px;
    font-size: 1rem;
    color: #47484A;
    font-family: 'Metropolis';
    font-weight: normal;
    font-style: normal;
    box-shadow: 1px 0px 6px 3px rgb(0 0 0 / 7%);
    -webkit-box-shadow: 1px 0px 6px 3px rgb(0 0 0 / 7%);
    -moz-box-shadow: 1px 0px 6px 3px rgba(0,0,0,0.07);
    }
    /* stories */
  #storiescard{
        padding: 50px 130px;
        background-color: #efefef;
}

#storiescard .btit {
    font-size: 1.6rem;
    color: #96C8EB;
    font-family: 'Metropolis';
    font-weight: 600;
    font-style: normal;
    padding-left: 1.2rem;
}
#storiescard .card {
    padding: 16px;
    border-radius: 18px;
    border: 1px solid transparent;
    margin-bottom: 3.2rem;
}
#storiescard .card-img-top {
    width: 100%;
    height: 280px;
    object-fit: cover;
    border: 1px solid transparent;
    border-radius: 18px;
}
#storiescard .card-body {
    padding: 16px 0px;
}

#storiescard .card .card-body .subt {
    font-size: 1.2rem;
    font-weight: bold;
    color: #47484A;
    font-family: 'Metropolis';
}
#storiescard .date {
    font-size: 0.8rem;
    color: #ABABAB;
    font-family: 'Metropolis';
    font-weight: bold;
    font-style: normal;
}
#storiescard .bparag {
    font-size: 1rem;
    color: #47484A;
    font-family: 'Metropolis';
    font-weight: normal;
    font-style: normal;
}
#storiescard .view-more img {
    width: 25px;
    height: auto;
    margin-bottom: 0;
}
#storiescard .view-more p {
    color: #4BBABB;
    font-size: 1rem;
    font-family: 'Metropolis';
    font-weight: normal;
    font-style: normal;
    margin-bottom: 0;
}
#storiescard .viewmore {
    color: #4BBABB;
    font-size: 1rem;
    font-family: 'Metropolis';
    font-weight: normal;
    font-style: normal;
    border: 2px solid #4BBABB;
    border-radius: 7px;
    width: 150px;
    height: 50px;
}
#storiescard form {
    margin-bottom: 30px;
}
#storiescard .filterdrop {
    border: 1px solid transparent;
    padding: 12px 16px;
    border-radius: 8px;
    width: 15%;
    text-align: center;
    background-color: #fff;
    font-size: 1rem;
    color: #47484A;
    font-family: 'Metropolis';
    font-weight: normal;
    font-style: normal;
    box-shadow: 1px 0px 6px 3px rgb(0 0 0 / 7%);
    -webkit-box-shadow: 1px 0px 6px 3px rgb(0 0 0 / 7%);
    -moz-box-shadow: 1px 0px 6px 3px rgba(0,0,0,0.07);
}
#storiescard select option {
    background-color: #f5f5f5;
}
#storiescard .filterbtn {
    padding: 12px 16px;
    background: #96C8EB;
    border: 1px solid transparent;
    border-radius: 8px;
    color: #fff;
    letter-spacing: 1px;
    text-shadow: 0px 1px 3px #00000061;
    text-decoration: none;
    font-family: 'Metropolis';
    font-weight: normal;
    font-style: normal;
    box-shadow: 1px 0px 6px 3px rgb(0 0 0 / 7%);
    -webkit-box-shadow: 1px 0px 6px 3px rgb(0 0 0 / 7%);
    -moz-box-shadow: 1px 0px 6px 3px rgba(0,0,0,0.07);
}
/* accommodation, shops */
#shopsloc form {
    margin-bottom:30px;
}
#shopsloc .filterdrop{
    border: 1px solid transparent;
    padding:12px 16px;
    border-radius: 8px;
    width:15%;
    text-align:center;
    background-color:#fff;
    font-size: 1rem;
    color: #47484A;
    font-family: 'Metropolis';
    font-weight: normal;
    font-style: normal;
        box-shadow: 1px 0px 6px 3px rgba(0,0,0,0.07);
-webkit-box-shadow: 1px 0px 6px 3px rgba(0,0,0,0.07);
-moz-box-shadow: 1px 0px 6px 3px rgba(0,0,0,0.07);
}

#shopsloc .filterbtn{
    padding:12px 16px;
    background:#96C8EB;
    border:1px solid transparent;
    border-radius:8px;
    color:#fff;
    letter-spacing:1px;
    text-shadow: 0px 1px 3px #00000061;
    text-decoration:none;
    font-family: 'Metropolis';
    font-weight: normal;
    font-style: normal;
    box-shadow: 1px 0px 6px 3px rgba(0,0,0,0.07);
-webkit-box-shadow: 1px 0px 6px 3px rgba(0,0,0,0.07);
-moz-box-shadow: 1px 0px 6px 3px rgba(0,0,0,0.07);
}

#shopsloc select option {
background-color:#f5f5f5;
}
#shopsloc .form-select:focus {
    border-color: #bbb;
    outline: 0;
    box-shadow: none;
}

select option:hover {
    color:white;
}
#shopsloc .ltitle{
font-size: 1.2rem;
    font-weight: bold;
    color: #47484A;
    font-family: 'Metropolis';
    word-break: normal;
}
#shopsloc {
    padding:50px 150px;
}
#shopsloc .shopsimgloc{
  width:335px;
  height:auto;
  
}
#shopsloc .shopsimgloc .shopsloc{
  width:100%;
 height: 350px;
    object-fit: cover;
}
#shops {
    padding:50px 150px;
    background-color:#f5f5f5;
}
#shops .rowicon{
    display: flex;
    justify-content: center;
}
#shops .shopsimg{
    width:70%; 
}

#shops .shopsimg1{
    width: 60px;
    height: auto;
}
#shops .shtitle{
font-size: 1.2rem;
    font-weight: bold;
    color: #96C8EB;
    font-family: 'Metropolis';
}
#shops .iconparg{
    font-size: 1rem;
    color: #47484A;
    font-family: 'Metropolis';
    font-weight: normal;
    font-style: normal;
} 
#shopsloc .ltitle{
font-size: 1.2rem;
    font-weight: bold;
    color: #47484A;
    font-family: 'Metropolis';
    word-break: normal;
}
#shopsloc {
    padding:50px 150px;
}
#shopsloc .shopsimgloc{
  width:335px;
  height:auto;
}
#shopsloc .shopsimgloc .shopsloc{
  width:100%;
 height: 350px;
    object-fit: cover;
}
/*accommodation single*/
#accommodation_info{
    padding:50px 150px;
    
}
#accommodation_info .acctitle{
    font-size: 1.6rem;
color: #96C8EB;
font-family: 'Metropolis';
font-weight: 600;
font-style: normal;
}

#accommodation_info .pbreadcrump{
    font-size: 0.9rem;
color: #47484A;
font-family: 'Metropolis';
font-weight: normal;
font-style: normal;
}
#accommodation_info .brcramb p:last-child{
    color: #96C8EB;
}
#accommodation_info .imgbreadcrump{
  -ms-transform: rotate(-90deg); 
  transform: rotate(-90deg);
  margin-bottom:15px;
  width: 15px;
  height: auto;
}
#accommodation_info .accom_img{
    width:100%;
    height:400px;
}
#accommodation_info .accom_img .carouselimg{
    width:100%;
    height:400px;
    object-fit:cover;
    border-radius:20px;
}
#accommodation_info .accom_img_location{
    width:100%;
    height:400px;
    object-fit:cover;
}

#accommodation_info .accom_title{
width: 90%;
word-break: normal;
height: 30px;
overflow-y: hidden;
margin-bottom: 0;
font-size: 1.6rem;
color: #47484A;
font-family: 'Metropolis';
font-weight: 600;
font-style: normal;
margin-top: 60px;
padding-bottom: 12%;
}
#accommodation_info .accom_p{
      font-size: 1rem;
color: #47484A;
font-family: 'Metropolis';
font-weight: normal;
font-style: normal;
}

#accommodation_info .ltitle{
font-size: 1.2rem;
    font-weight: bold;
    color: #47484A;
    font-family: 'Metropolis';
    word-break: normal;
}
#accommodation_info .location {
     padding-top:30px;
}
#accommodation_info .accom_pwidth{
    width:90%;
}
#accommodation_info .accom_border{
border-radius: 18px;
}
#accommodation_info .accom_img_location {
    padding-top:30px;
}
/* unforgettable */
#unforgettable {
    padding:50px 150px;
    background-color:#f5f5f5;
}
#unforgettable .rowicon{
    display: flex;
    justify-content: center;
}
#unforgettable .shopsimg{
    width:70%; 
}

#unforgettable .shopsimg1{
    width: 60px;
    height: auto;
}
#unforgettable .shtitle{
font-size: 1.2rem;
    font-weight: bold;
    color: #96C8EB;
    font-family: 'Metropolis';
}
#udescription{
    padding:50px 150px;
}
#unforgettable .iconparg, #udescription .uparg{
    font-size: 1rem;
    color: #47484A;
    font-family: 'Metropolis';
    font-weight: normal;
    font-style: normal;
} 
#udescription .btit{
font-size: 1.6rem;
    color: #96C8EB;
    font-family: 'Metropolis';
    font-weight: 600;
    font-style: normal;
}
#udescription .starbullet{
    width:18px;
    height:18px;
}
/* tours */
#tours{
    padding:50px 150px;
    background-color:#f5f5f5;
}


#tours .shopsimgloc {
    width: 335px;
    height: auto;
}
#tours .shopsimgloc .shopsloc {
    width: 100%;
    height: 350px;
    object-fit: cover;
}
#tours .ltitle {
    font-size: 1rem;
    font-weight: bold;
    color: #47484A;
    font-family: 'Metropolis';
    word-break: normal;
}
#tours .tprice {
    font-size: 1rem;
    font-weight: bold;
    color: #96C8EB;
    font-family: 'Metropolis';
    word-break: normal;
}
#tours form {
    margin-bottom: 30px;
}
#tours .filterdrop, #breleatedevent .filterdrop {
    border: 1px solid transparent;
    padding: 12px 16px;
    border-radius: 8px;
    width: 15%;
    text-align: center;
    background-color: #fff;
    font-size: 1rem;
    color: #47484A;
    font-family: 'Metropolis';
    font-weight: normal;
    font-style: normal;
    box-shadow: 1px 0px 6px 3px rgb(0 0 0 / 7%);
    -webkit-box-shadow: 1px 0px 6px 3px rgb(0 0 0 / 7%);
    -moz-box-shadow: 1px 0px 6px 3px rgba(0,0,0,0.07);
}
#tours select option {
    background-color: #f5f5f5;
}
#tours .filterbtn, #breleatedevent .filterbtn {
    padding: 12px 16px;
    background: #96C8EB;
    border: 1px solid transparent;
    border-radius: 8px;
    color: #fff;
    letter-spacing: 1px;
    text-shadow: 0px 1px 3px #00000061;
    text-decoration: none;
    font-family: 'Metropolis';
    font-weight: normal;
    font-style: normal;
    box-shadow: 1px 0px 6px 3px rgb(0 0 0 / 7%);
    -webkit-box-shadow: 1px 0px 6px 3px rgb(0 0 0 / 7%);
    -moz-box-shadow: 1px 0px 6px 3px rgba(0,0,0,0.07);
}
#tours .viewmore {
    color: #96C8EB;
    font-size: 1rem;
    font-family: 'Metropolis';
    font-weight: normal;
    font-style: normal;
    border: 2px solid #96C8EB;
    border-radius: 7px;
    width: 150px;
    height: 50px;
}
#tours .viewmore .arrimg {
    margin-bottom:5px;
    margin-top:0;
}
#tours .filterdate, #breleatedevent .filterdate{
    border: 1px solid transparent;
    padding: 12px 16px;
    border-radius: 8px;
    text-align: center;
    width:100%;
    background-color: #fff;
    font-size: 1rem;
    color: #47484A;
    font-family: 'Metropolis';
    font-weight: normal;
    font-style: normal;
    box-shadow: 1px 0px 6px 3px rgb(0 0 0 / 7%);
    -webkit-box-shadow: 1px 0px 6px 3px rgb(0 0 0 / 7%);
    -moz-box-shadow: 1px 0px 6px 3px rgba(0,0,0,0.07);
}
#tours .filterdate:focus-visible, #breleatedevent .filterdate:focus-visible {
    outline:none;
}
/* tour single */
  #stour{
        padding:50px 150px;
        background:#efefef;
    }
    #stour .bradius {
    box-shadow: 1px 0px 6px 3px rgb(0 0 0 / 7%);
    -webkit-box-shadow: 1px 0px 6px 3px rgb(0 0 0 / 7%);
    -moz-box-shadow: 1px 0px 6px 3px rgba(0,0,0,0.07);
}
#stour .bradius {
    border-radius: 18px;
}
#stour .event-description, #stour .tour-information {
    padding: 30px 60px 0px 60px;
}
#stour .etit {
    font-size: 1.6rem;
    color: #000;
    font-family: 'Metropolis';
    font-weight: 400;
    font-style: normal;
    line-height: 40px;
}
#stour .etitbold {
    font-size: 1.6rem;
    color: #000;
    font-family: 'Metropolis';
    font-weight: 600;
    font-style: normal;
}
#stour .etitbold1 {
    font-size: 1.2rem;
    color: #000;
    font-family: 'Metropolis';
    font-weight: 600;
    font-style: normal;
}


#stour .eparag {
    font-size: 1rem;
    color: #47484A;
    font-family: 'Metropolis';
    font-weight: normal;
    font-style: normal;
}
#stour .stourimg{
    width:100%;
    height:auto;
    object-fit:cover;
}
#stour .stourimg .stourimg1{
    width:100%;
    height:494px;
    object-fit:cover;
    border-radius:18px;
}
#stour{
    padding:50px 150px;
}
#stour .btit {
    font-size: 1.6rem;
    color: #96C8EB;
    font-family: 'Metropolis';
    font-weight: 600;
    font-style: normal;
}
#stour .starbullet {
    width: 18px;
    height: 18px;
}
/* how to reach */
#questions {
    padding:0px 150px 50px;
}
#questions .sidebar {
    list-style-type:none;
    padding-left:0;
    margin-top:30px;
}
#questions .sidebar li {
    background:#96C8EB;
height:60px;
padding:16px 30px;
font-size:1.2rem;
font-family: 'Metropolis';
    font-weight: 600;
    font-style: normal;
    color:#47484A;
    margin-bottom:30px;
    border:1px solid transparent;
    border-radius:8px;
    color:#fff;
    text-shadow: 0px 1px 3px #00000061;
    width:90%;
    cursor:pointer;
    letter-spacing:1px;
}
.tabContent {
    display:none;
}
#questions .tabContent {
    box-shadow: 1px 0px 6px 3px rgba(0,0,0,0.07);
-webkit-box-shadow: 1px 0px 6px 3px rgba(0,0,0,0.07);
-moz-box-shadow: 1px 0px 6px 3px rgba(0,0,0,0.07);
border:1px solid transparent;
    border-radius:18px;
    padding:30px;
}
#questions .tabContent .img, #questions .tabContent .img img{
    width:100%;
    height:350px;
    object-fit:cover;
    border-radius:18px;
}
#questions .tabContent .description {
    padding:30px 0px;
}
#questions .tabContent .title {
    font-size:1.6rem;
    font-family: 'Metropolis';
    font-weight: 600;
    font-style: normal;
	color: #4BBABB;
}
#questions .tabContent .subtitle {
    font-size:1rem;
    font-family: 'Metropolis';
    font-weight: normal;
    font-style: normal;
    line-height:30px;
	color: #47484A;
}
/* tourist information */
#touristinfo{
        padding: 50px 150px;
}


#touristinfo .descrimg {
    float: left;
    width: 780px;
    height: 350px;
}

#touristinfo .descrimg .infoimg{
border-radius: 18px;
width:100%;
height:100%;
object-fit: cover;
}


#touristinfo .top-place-paragraph {
    padding: 30px;
    line-height: 30px;
}
#touristinfo .top-place-paragraph .title {
    font-size: 1.6rem;
    font-weight: 600;
    font-family: 'Metropolis';
}
#touristinfo .top-place-paragraph .subtitle {
    font-size: 1rem;
    font-weight: normal;
    font-family: 'Metropolis';
    margin-top: 30px;
    margin-bottom: 0;
}
#touristinfo_loc{
    padding:50px 120px;
    background-color:#f5f5f5;
}

#touristinfo_loc .btit {
    font-size: 1.6rem;
    color: #FFA631;
    font-family: 'Metropolis';
    font-weight: 600;
    font-style: normal;
}
#touristinfo_loc .shopsimgloc {
    width: 335px;
    height: auto;
}
#touristinfo_loc .shopsimgloc .shopsloc {
    width: 100%;
    height: 350px;
    object-fit: cover;
}
#touristinfo_loc .ltitle {
    font-size: 1.2rem;
    font-weight: bold;
    color: #47484A;
    font-family: 'Metropolis';
    word-break: normal;
}
#top-place .socialdiv{
        padding:30px;
    }
@media (min-width:800px) {
    .nav-mobile {
        display:none !important;
    }
 
}
@media (max-width:1800px) {
    #videos .event-bottom {
    position:absolute;
    left:46%;
    top:-58px;
    width:10%;
}
    #top-places .title-row {
    padding:10px 166px 0px 16px;
}
    #carousel .carousel .carousel-inner .carousel-item .icon {
    opacity:1;
    width:73%;
    height:auto;
}
     #getinvolved  .inputs{
    border: 1px solid #bbb;
    width: 100%;
    height: 40px;
    border-radius: 4px;
    padding:0px 10px;
    outline:none;
    font-size:0.9rem !important;
}
    #top-place .top-place-paragraph {
    padding:16px 30px;
    line-height:30px;
}
    #top-place .social{
        width: 20px;
        height: 20px;
    }
    #top-place .socialdiv{
        padding:20px;
    }
    #touristinfo .descrimg {
    float: left;
    width: 100%;
    height: 300px;
    object-fit: cover;
}
#touristinfo .descrimg .infoimg{
border-radius: 18px;
width:100%;
height:100%;
object-fit: cover;
}
#touristinfo .top-place-paragraph {
    padding: 16px 0px;
    line-height: 30px;
}
#touristinfo .top-place-paragraph .subtitle {
    margin-top: 16px;
}
    #storiescard .card {
    padding: 16px;
    padding-bottom:0;
}
#storiescard .btit {
    font-size: 1.4rem;
}
#storiescard .card-img-top {
    width: 100%;
    height: 180px;
}
#storiescard .card .card-body .subt {
    font-size: 1rem;
    font-weight: bold;
    color: #47484A;
    font-family: 'Metropolis';
    margin-bottom:0;
}
#storiescard .date {
    padding-top:6px !important;
    margin-bottom:0px;
    font-size:0.7rem;
}
#storiescard .bparag {
    font-size: 0.9rem;
}
#storiescard .view-more p {
    font-size: 0.8rem;
}
#storiescard .viewmore {
    color: #4BBABB;
    font-size: 1rem;
    font-family: 'Metropolis';
    font-weight: normal;
    font-style: normal;
    border: 2px solid #4BBABB;
    border-radius: 7px;
    width: 150px;
    height: 50px;
}
#storiescard .viewmore img {
    margin-bottom:6px;
    width:20px;
    height:auto;
}
#storiescard form {
    margin-bottom: 30px;
}
#storiescard .filterdrop {
    border: 1px solid transparent;
    padding: 12px 16px;
    border-radius: 8px;
    width: 15%;
    text-align: center;
    background-color: #fff;
    font-size: 1rem;
    color: #47484A;
    font-family: 'Metropolis';
    font-weight: normal;
    font-style: normal;
    box-shadow: 1px 0px 6px 3px rgb(0 0 0 / 7%);
    -webkit-box-shadow: 1px 0px 6px 3px rgb(0 0 0 / 7%);
    -moz-box-shadow: 1px 0px 6px 3px rgba(0,0,0,0.07);
}
#storiescard select option {
    background-color: #f5f5f5;
}
#storiescard .filterbtn {
    padding: 12px 16px;
    background: #FFA631;
    border: 1px solid transparent;
    border-radius: 8px;
    color: #fff;
    letter-spacing: 1px;
    text-shadow: 0px 1px 3px #00000061;
    text-decoration: none;
    font-family: 'Metropolis';
    font-weight: normal;
    font-style: normal;
    box-shadow: 1px 0px 6px 3px rgb(0 0 0 / 7%);
    -webkit-box-shadow: 1px 0px 6px 3px rgb(0 0 0 / 7%);
    -moz-box-shadow: 1px 0px 6px 3px rgba(0,0,0,0.07);
}
    #questions .tabContent .title {
    font-size:1.4rem;
}
#questions .tabContent .subtitle {
    font-size:0.9rem;
}
    #accommodation_info .acctitle{
    font-size: 1.4rem;
}
#accommodation_info .imgbreadcrump{
  margin-bottom:18px;
  width: 16px;
}

#accommodation_info .accom_title{
width: 90%;
margin-top: 60px;
padding-bottom: 30px;
}
#accommodation_info .accom_pwidth{
      font-size: 0.9rem;
}
#accommodation_info .accom_img_location {
    padding-top:30px;
}

#accommodation_info .ltitle{
font-size: 1rem;
padding-top:10px;
}
#shopsloc .shopsimgloc{
  width:330px;
  height:auto;
}
#shopsloc .shopsimgloc .shopsloc{
  width:100%;
 height: 320px;
    object-fit: cover;
}
#event .event-description {
    padding:16px 30px 0px 30px;
}
#event .ebb{
        background-color: #ffa630;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
#event .etitbold{
        font-size: 1.2rem;
}
#event .eparag, #description .eparag{
    font-size: 0.9rem;
}
#event .carousel, #event .carousel .carousel-inner, #event .carousel .carousel-inner .carousel-item, #event .carousel .carousel-inner .carousel-item img {
    width:100%;
    height:400px;
    object-fit:cover;
}
#event .etit{
        font-size: 1.2rem;
    line-height:25px;
}
#event .appoint{
    background-color:#ffa630;
    width: 81%;
    padding: 2% 4%;
    height:50px;
}
#event .appoint .etit {
    margin-left:6px;
    margin-right:6px;
}
#description .descrimg{
    float: left;
    width: 100%;
    height: 400px;
}
#description .descrimg .descrimg1{
   border-radius: 18px;
width:100%;
height:100%;
object-fit: cover;
}
#description .eparag {
    margin-top:6px !important;
    margin-left:16px !important;
}
#breleated .viewmore .arrimg, #tours .viewmore .arrimg, #breleatedevent .viewmore .arrimg {
    width: 15px !important;
    height: auto;
    margin-bottom: 2% !important;
}
    #tours .ltitle {
    font-size: 0.9rem;
    font-weight: bold;
    color: #47484A;
    font-family: 'Metropolis';
    word-break: normal;
    width:85%;
}
#tours .tprice {
    font-size: 0.9rem;
    font-weight: bold;
    color: #FFA631;
    font-family: 'Metropolis';
    word-break: normal;
    width:15%;
}
#getinvolved  .imgbg {
    position: relative;
    width: 120px;
    height: 100px;
    background-color: #fafafa;
    border: 1px solid transparent;
    border-radius: 4px;
}
    #intro, /*#top-places*/ #videos, #saranda-tv, #blog, #subscribe, #partners, #breleated, #toplacesdescr, #description, #breleatedevent, #udescription, #unforgettable, #shops, #shopsloc, #eblog,
#getinvolved, #events, #top-place, #tvideo, #other, #tours, #top-place, #questions, #touristinfo_loc, #stour, #event, #sacc, #accommodation_info, #storiescard, #touristinfo {
    padding:50px 100px;
}
#stour .event-description {
    padding: 16px 30px 0px 30px;
}
#stour .appoint {
    background-color: #ffa630;
    width: 90%;
    padding: 2% 4%;
    height: 60px;
}

#stour .eparag {
    font-size: 0.9rem;
}
#stour .stourimg{
    width:100%;
    height:494px;object-fit:cover;
}
#stour .stourimg .stourimg1{
    width:100%;
    height:494px;
    object-fit:cover;
    border-radius:18px;
}
#stour .btit {
    font-size: 1.6rem;
    color: #FFA631;
    font-family: 'Metropolis';
    font-weight: 600;
    font-style: normal;
}
#stour .starbullet {
    width: 18px;
    height: 18px;
}
#top-places {
   /* padding-top:50px;
    padding-left:150px;
    padding-right:0px !important;*/
}
    #shopsloc .ltitle{
font-size: 1.2rem;
    font-weight: bold;
    color: #47484A;
    font-family: 'Metropolis';
    word-break: normal;
}
#shopsloc .shopsimgloc{
  width:335px;
  height:auto;
}
#shopsloc .shopsimgloc .shopsloc{
  width:100%;
 height: 300px;
    object-fit: cover;
}
    #carousel h5.slide-title1 {
    top:24%;
    left:6%;
    font-size:1.4rem;
    line-height:35px;
}
#carousel h5.slide-title span {
    font-size:1.6rem !important;
}
#carousel .carousel-caption h5.carousel-caption-title {
    font-size:1.4rem;
    line-height:35px;
    margin-bottom:10px;
    margin-top:16%;
}
#carousel .carousel .slide-btn, #event .carousel .slide-btn{
    padding:8px 12px;
    border-radius:6px;
    font-size:0.9rem;
}

#intro .intro {
    width:90%;
	padding:10px 0px;
}
#top-places .center-item-slider .holder img{
    height:400px !important;
width:320px !important;
}
#top-places .center-item-slider {
    height:420px;
}
#top-places .center-item-slider .holder,#top-places .center-item-slider .center{
   height:420px !important;
width:340px !important;
}
#top-places .holder .top-absolute-hover {
    display:none;
}
#top-places .holder:hover > .top-absolute-hover {
    display:block;
}
#top-places .holder:hover > .top-absolute-hover .title{
     font-size:2rem;
    font-family: 'Metropolis';
    font-weight: bold;
    font-style: normal;
    color:#FFD282;
    width:220px !important;
    word-break:normal;
}
#top-places .holder:hover > .top-absolute-hover .subtitle{
     font-size:1rem;
    font-family: 'Metropolis';
    font-weight: normal;
    font-style: normal;
    color:#fff;
    width:250px !important;
    word-break:normal;
}
#top-places .holder:hover > .top-absolute-hover .subtitle img {
    height:10px !important;
    width:auto !important;
    display:block;
    z-index:50;
}
#events .event-3 .title, #events .event-2 .title {
    margin-top:10px;
}
#events .event-2 .subtitle, #events .event-3 .subtitle {
    margin-top:10px;
    font-size:0.9rem;
    height:60px;
}
#events .event-3 .events {
    margin-top:10px;
}
#events .events-shape {
    display:none !important;
}
#events .event-2 a, #events .event-3 a {
    margin-top:10px;
}

/*#saranda-tv .imgvideo .img1 {
    width:78rem !important;
    height:30rem !important;
    object-fit:cover;
}*/
#saranda-tv .imgvideo .img2 {
    width:25rem;
    height:15rem;
    object-fit:cover;
}
 #videos .carousel .carousel-item .card, #videos .carousel .carousel-item .card .img-fluid  {
        width:320px;
        height:380px;
        object-fit:cover;
    }
    #videos .carousel .card-img-overlay {
    top:75%;
    left:5%;
    width:80%;
    word-break:normal;
    font-family: 'Metropolis';
    font-weight: 600;
    font-style: normal;
    color:#fff;
}
#videos .card-anchertag {
    top:83%;
}
#videos .card-anchertag img {
    width:15px;
    height:auto;
}
#blog .blog-left .blog-left-img {
    width:160px;
    height:160px;
}
#blog .blog-left:nth-child(2) {
    margin:16px 0px;
}
#blog .blog-left .blog-left-descr {
    margin-left:16px;
    width:280px;
    word-break:normal;
}
#blog .blog-left .blog-left-descr .subtitle {
    font-size:0.9rem;
    height:90px;
    margin:0px;
}
#blog .blog-left .date {
    margin-bottom:0;
}
#blog .blog-left .view-more {
    margin-top:0;
    font-size:0.8rem;
}
#blog .blog-right .blog-right-img {
    width:100%;
    height:100%;
    object-fit:cover;
    border:1px solid transparent;
    border-radius:18px;
}
#blog .blog-right .blog-right-descr .title {
    font-size:1.4rem;
    margin-top:10px;
    height:26px;
}
#blog .blog-right .blog-right-descr .date {
    margin:0;
}
#blog .blog-right .blog-right-descr .subtitle {
     font-size:0.9rem;
    color:#47484A;
    font-family: 'Metropolis';
    font-weight: normal;
    font-style: normal;
    height:105px;
    overflow-y:hidden;
    margin:10px 0px;
    width:80%;
}
#blog .blog-right .blog-right-descr .view-more {
    margin-top:0px;
}
#subscribe .subscribe-bg {
    background:url('./images/subscribe-gjirokastra.png');
    background-repeat:no-repeat;
    background-size:100%;
    padding:45px;
    height:240px;
    width:100%;
}
#subscribe .subscribe-bg .title{
    width:80%;
    word-break:normal;
    font-size:1.6rem;
    font-family: 'Metropolis';
    font-weight: normal;
    font-style: normal;
    text-align:left;
    margin-left: 20%;
}
#videos .carousel-inner {
    margin-left: 12px !important;
}
#subscribe .subscribe-bg .email-form {
    padding:0px 60px;
}
#subscribe .subscribe-bg .email-form form {
    padding:10px;
    border-radius:10px;
}
#subscribe .subscribe-bg .email-form form input{
    font-size:1rem;
}
#subscribe .subscribe-bg .email-form form button{
    border-radius:10px;
    font-size:1rem;
 }
 #partners .img {
    width:120px;
    height:auto;
    object-fit:cover;
}
#breleated .card-img-top, #breleated .card-img-top img{
    border-radius: 20px;
    border:1px solid transparent;
    width: 100%;
    height: 200px !important;
    object-fit: cover;
}
#breleated .col-md-4 {
    padding: 0rem 1rem;
}
#subscribe .subscribe-bg {
    height:160px;
}
#unforgettable .shopsimg {
    width: 90%;
}
#unforgettable .iconparg, #udescription .uparg, #udescription p {
    font-size: 0.9rem;
}
#udescription p {
    width:100%;
}
#breleatedevent .breleatedimg, #breleatedevent .breleatedimg img {
    border-radius: 18px;
    height: 250px;
}
#breleated.breleated-food-drinks .breleatedimg1 .breleatedimg {
    height:140px !important;
}
#breleated.breleated-food-drinks .bparag {
    font-size:0.9rem;
}
#breleated.breleated-food-drinks .card, #breleated.breleated-food-drinks p {
    margin-bottom:0;
}
}
@media (max-width:800px) {
    .nav-desktop {
        display:none !important;
    }
       #footer .first-col, #footer .sec-col, #footer .third-col{
        border:none;
    }
    nav.nav-mobile {
  background-image:url('./images/header.png');
    background-size:cover;
    background-repeat:no-repeat;
  height: 50px;
z-index:500 !important;
  padding:5px 10px;
  position:absolute;
  top:0;
  left:0;
  right:0;
}
.nav-mobile .navbar-brand img {
    height:40px;
    width:auto;
    object-fit:cover;
}
#menuToggle {
  display: flex;
  flex-direction: column;
  position: relative;
  top: 12px;
  right: 12px;
  z-index: 1;
  -webkit-user-select: none;
  user-select: none;
  z-index:600 !important;
}

#menuToggle input{
  display: flex;
  width: 40px;
  height: 30px;
  position: absolute;
  cursor: pointer;
  opacity: 0;
  z-index: 2;
  z-index:600 !important;
}

#menuToggle span{
  display: flex;
  width: 29px;
  height: 2px;
  margin-bottom: 5px;
  position: relative;
  background: #000;
  border-radius: 3px;
  z-index: 1;
  transform-origin: 5px 0px;
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
              z-index:600 !important;
}

#menuToggle span:first-child{
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2){
  transform-origin: 0% 100%;
}

#menuToggle input:checked ~ span
{
  opacity: 1;
  transform: rotate(45deg) translate(-3px, -1px);
  background: #36383F;
}
#menuToggle input:checked ~ span:nth-last-child(3){
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

#menuToggle input:checked ~ span:nth-last-child(2){
  transform: rotate(-45deg) translate(0, -1px);
}
#menu{
  position: absolute;
  width: 100vw;
  height: auto;
  box-shadow: 0 0 10px #85888C;
  margin: -50px 0 0 -88vw;
  padding: 50px;
  padding-top: 125px;
  background-color: #F1F2EADE;
  transform-origin: 0% 0%;
  transform: translate(-100%, 0);
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
  list-style-type:none;
  z-index:500 !important;
}
#menu li{
  padding: 10px;
  transition-delay: 2s;
   font-family: 'Metropolis';
    font-weight: normal;
    font-style: normal;
    font-size:1rem;
    list-style:none;
}
#menu li a, #menu li .dropdown-toggle, #menu li a:focus, #menu li a:active {
    color:#47484A;
    outline:none !important;
    border:0px;
    background:transparent;
}
#menuToggle input:checked ~ ul{
  transform: none;
}
#carousel, #carousel .carousel, #carousel .carousel .carousel-inner, #carousel .carousel-inner .carousel-item, #carousel .carousel-inner .carousel-item .carouselitemimg {
    height:65vh;
    width:100vw;
    object-fit:cover;
}
#intro, #top-places, #videos, #saranda-tv, #blog, #subscribe, #partners, #breleated, #toplacesdescr, #description, #breleatedevent, #udescription, #unforgettable, #shops, #shopsloc, #eblog,
#getinvolved, #events, #top-place, #tvideo, #other, #top-place, #questions, #accommodation_info, #touristinfo_loc, #storiescard, #touristinfo, #stour, #event{
    padding:16px 0px !important;
    overflow-x:hidden !important;
}
#event, #stours {
    overflow-x:hidden;
}
#storiescard .row-stories {
    padding:0px 16px;
}
#accommodation_info .brcramb, #accommodation_info .acctitle, #accommodation_info .accom_p {
    padding:0px 6px;
}
#tours, #breleatedevent.events {
    padding:66px 0px !important;
}
#carousel .carousel-caption{
    position:absolute;
   left:5vw !important;
    top:15vh;
}
#carousel .carousel-caption .icon {
     width:380px !important;
}
#intro {
    background:#fafafa;
    padding:0px 6px !important;
    height:350px;
    overflow:none !important;
}
#intro .slogan-mobile {
    width:300px;
    text-align:center;
    height:auto;
}
#intro .intro {
    width:100vw;
    font-size:0.8rem;
    padding:16px 6px;
}
#top-places {
    background:#F5BEC3;
    padding:110px 0px 50px 150px;
    background-size:cover;
    background-repeat:no-repeat;
    position:relative;
}
#top-places .title-row, #breleated .title-row {
    padding:0px 6px;
}
#top-places .title-row p, #events .title-row p, #videos .title-row p, #saranda-tv .title-row p, #blog .title-row p {
    font-size:0.8rem;
}
#top-places .title-row h5, #events .title-row h5, #videos .title-row h5, #saranda-tv .title-row h5, #blog .title-row h5, #breleated .title-row h5 {
    font-size:1.2rem;
}
#top-places .holder img{
    height:420px !important;
object-fit:cover;
border:1px solid transparent;
border-radius:20px;
}
#top-places .center-item-slider .holder,#top-places .center-item-slider .center {
   height:420px  !important;
width:350px  !important; 
position:relative;
border:1px solid transparent  !important;
border-radius:20px  !important;
background:transparent;
}
#top-places .top-shape {
    display:none;
}
#top-places .center-item-slider {
    height:420px;
}
#top-places .holder .top-absolute .title {
    font-size:1.4rem;
    line-height:130%;
}
#top-places .center-item-slider {
    margin:16px 0px;
}
#events {
    padding:0px 16px 16px 16px;
}
#events .view-more img, #saranda-tv .view-more imgg, #breleated .view-more img {
    width:14px;
    height:auto;
    margin-bottom:5%;
    margin-top:auto;
}
#blog .blog-left .view-more img {
    width:14px;
    height:auto;
    margin-bottom:auto !important;
    margin-top:2% !important;
}
#storiescard .view-more img {
    width:14px;
    height:auto;
    margin-bottom:auto !important;
    margin-top:1% !important;
}
#breleatedevent .btit {
    margin-left:16px;
}
#blog .blog-right .view-more img{
    width:14px;
    height:auto;
    margin-top:auto !important;
    margin-bottom:2.5% !important;
}
#breleatedevent .view-more img {
        width:14px;
    height:auto;
    margin-top:2.5% !important;
    margin-bottom:auto !important;
}
#events .view-more p, #saranda-tv .view-more p, #blog .view-more p, #breleated .view-more p, #storiescard .view-more p{
    margin-bottom:0;
    font-size:0.8rem;
}
#events .title-row .p {
    width:200px;
}
#events .events-row {
    margin-top:16px;
}
#events .event-1 .events, #events .event-2 .events, #events .event-3 .events {
    border-radius:12px;
}
#events .event-1 .events {
    box-shadow:inset 0 0 0 2000px rgba(0,0,0,0.5);
}
#events .event-1 .event-top-absolute {
    width:70px;
    height:70px;
    padding:7px 15px;
    border-radius:10px;
}
#events .event-1 .event-bottom-absolute {
    bottom:5%;
    left:5%;
    position:absolute;
}
#events .event-1 .event-bottom-absolute .title {
    font-size:1.2rem;
}
#events .event-1 .event-bottom-absolute .subtitle {
    font-size:0.9rem;
    width:300px;
}
#events .event-1 .event-top-absolute span {
    font-size:2rem;
}
#events .event-1 .event-top-absolute p {
    font-size:1.2rem;
}
#events .event-2, #events .event-3 {
    margin-top:16px;
}
#events .event-2 .title {
    margin-top:16px;
}
#events .event-3 .title {
    margin-top:25px;
}
#events .event-2 .title, #events .event-3 .title, #storiescard .card .subt {
    width:100%;
    height:20px;
    font-size:1.2rem;
}
#events .event-2 .subtitle, #events .event-3 .subtitle {
    margin-top:6px;
    width:95%;
    font-size:0.8rem;
}
#events .event-3 .events {
    margin-top:6px;
}
#events .event-2 a, #events .event-3 a {
    margin-top:6px;
}
#carousel .carousel .carousel-inner .carousel-item .icon, #event .carousel .carousel-inner .carousel-item .icon {
    opacity:1;
    width:180px;
    height:auto;
    margin:0;
    padding:0;
}
#carousel h5.slide-title {
    top:23%;
    left:5%;
    font-size:1.2rem;
    line-height:25px;
}
#carousel h5.slide-title span {
    font-size:1.6rem !important;
}
#carousel .carousel-caption{
    top:15%;
    left:25%;
    text-align:left;
    width:100%;
}
#carousel .carousel-caption h5.carousel-caption-title {
    font-weight:600;
    font-size:1rem;
    line-height:20px;
    margin:15px 0px;
    width:250px;
}
#carousel .carousel .slide-btn, #event .carousel .slide-btn{
    padding:12px;
    font-size:1rem;
    text-shadow: none;
    margin-left:10%;
}
#videos .star, #blog .star {
    height:20px !important;
    width:auto !important;
}
#videos .card-anchertag img {
    width:15px;
    height:auto;
}
#videos .card-anchertag {
    top:85%;
}
#videos .carousel {
    margin-top:6px !important;
}
#videos .carousel .card-img-overlay {
    top:75%;
    width:65%;
}
#videos .event-bottom {
    display:none;
}
    #videos .carousel-inner {
        padding:0px 30px !important;
        margin-left:auto !important;
    }
    #videos .carousel-item .card .img-fluid {
        border-radius:10px;
    }
    #videos .carousel .carousel-control-prev img, #videos .carousel .carousel-control-next img{
        width:20px;
        height:20px;
    }
    #saranda-tv .title-row {
        padding:0px 6px;
    }
#saranda-tv .imgvideo {
    position: relative;
    text-align: center;
}
#saranda-tv .imgvideo img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#saranda-tv .imgvideo .img1, #storiescard .imgvideo .img1 {
    width:26rem;
    height:18rem;
    object-fit:cover;
}
#saranda-tv .imgvideo .img2 {
    width:7rem;
    height:4rem;
    object-fit:cover;
}
#saranda-tv .modal .modal-dialog .modal-content iframe, #storiescard .modal .modal-dialog .modal-content iframe{
    width:350px;
    height:320px;
    
}
#saranda-tv .playcenter{
    position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#blog .blog-row {
    margin-top:0px;
    padding:16px;
}
#blog .blog-left .blog-left-img {
    width:150px;
    height:150px;
    border-radius:10px;
}
#blog .blog-right-img {
    margin-top:16px;
}
#blog .blog-left:nth-child(2) {
    margin:16px 0px;
}
#blog .blog-left .blog-left-descr .title{
    font-size:1rem;
}
#blog .blog-left .blog-left-descr {
    margin-left:16px;
    width:220px;
    word-break:normal;
}
#blog .blog-left .blog-left-descr .date {
    font-size:0.8rem;
    color:#ABABAB;
    font-family: 'Metropolis';
    font-weight: bold;
    margin-bottom:0;
    font-style: normal;
}
#blog .blog-left .blog-left-descr .subtitle {
    font-size:0.9rem;
    height:88px;
    margin:0px;
}
#blog .blog-right .blog-right-img {
    border-radius:10px;
}
#blog .blog-right .blog-right-descr .title {
    font-size:1.4rem;
    color:#47484A;
    font-family: 'Metropolis';
    font-weight: bold;
    font-style: normal;
    margin-top:16px;
    height:35px;
    overflow-y:hidden;
    margin-bottom:0;
}
#blog .blog-right .blog-right-descr .date {
    font-size:0.8rem;
    margin-bottom:0;
}
#blog .blog-right .blog-right-descr .subtitle {
     font-size:0.9rem;
    color:#47484A;
    font-family: 'Metropolis';
    font-weight: normal;
    font-style: normal;
    height:110px;
    overflow-y:hidden;
    margin:10px 0px;
    width:90%;
}
#blog .blog-right .blog-right-descr .view-more {
    margin-top:0px;
}
#blog .blog-right .blog-right-descr .view-more img {
    margin-bottom:16px;
}
#subscribe .subscribe-bg {
    background:url('./images/subscribe-gjirokastra.png');
    background-repeat:no-repeat;
    background-size:100%;
    padding:10px 0px !important;
    height:100%;
    width:100%;
}
#subscribe .subscribe-bg .title{
    width:110%;
    color:#F3A05A;
    word-break:normal;
    font-size:0.8rem;
    line-height:110%;
    font-family: 'Metropolis';
    font-weight: bold;
    font-style: normal;
    text-align:left;
}
#subscribe .subscribe-bg .title span {
    font-weight:bold;
}
#subscribe .subscribe-bg .email-form {
    padding:0px;
}
#subscribe .subscribe-bg .email-form form {
    background:#fff;
    padding:6px;
    border:1px solid transparent;
    border-radius:10px;
    width:200px;
}
#subscribe .subscribe-bg .email-form form input{
    border:0px;
    outline:none;
    box-shadow:none;
     font-family: 'Metropolis';
    font-weight: normal;
    font-style: normal;
    font-size:0.7rem;
    text-align:left;
    width:100%;
}
#subscribe .subscribe-bg .email-form form button{
    border:1px solid transparent;
    border-radius:6px;
    box-shadow:none;
     font-family: 'Metropolis';
    font-weight: bold;
    font-style: normal;
    font-size:0.6rem;
    background:#FFA631;
    color:#fff;
    padding:6px;
    width:80px;
    height:30px;
    text-transform:uppercase;
 }
#partners .img {
    width:120px;
    height:auto;
    margin:16px 0px;
}
#partners .img:first-child {
    margin-top:0px;
}
#footer {
    padding:16px 16px 46px 16px !important;
}
#footer .title {
    font-size:1rem;
    font-family: 'Metropolis';
    font-weight: bold;
    font-style: normal;
}
#footer .category {
    font-size:0.8rem;
    font-family: 'Metropolis';
    font-weight: normal;
    font-style: normal;
    margin:6px;
}
#footer .category-row {
    margin-top:6px;
}
footer {
    height:30px;
    background:url('./images/footer-gjiro.png');
    background-repeat:no-repeat;
    background-size:cover;
    margin:0;
}
footer p {
    font-size:0.8rem;
    margin-top:6px;
}
#toplacesdescr p {
    font-size:0.8rem;
}
#toplacesdescr, #stour {
    background:#fff;
}
 #toplacesdescr h5 {
    font-size:1.2rem;
}
#toplacesdescr .star {
    width:25px;
    height:25px;
}
#breleated {
    overflow-y:hidden;
}
#breleated .title-row .btit {
    padding-left:0;
}
#breleated .card{
    padding:6px !important;
    border-radius: 8px !important;
    margin-bottom:.6rem;
}
#breleated .col {
    padding:0rem .6rem !important;
}
#breleated .card-body {
    padding:6px 0px;
}
#breleated  .card-img-top, #breleated .card .breleatedimg.card-img-top {
    height:100px;
    border-radius:8px;
}

#breleated .card .card-body .subt, #breleatedevent .subt {
    font-size:1rem !important;
    width:100%;
    height:22px;
    word-break:normal;
    margin-bottom:0;
    overflow-y:hidden;
     font-family: 'Metropolis';
}
#breleated .date{
 font-size:0.7rem !important;
 margin:0;
}
#breleated .bparag {
    font-size:0.8rem !important;
    overflow-y:hidden;
    word-break:normal;
    margin:0;
}
#breleatedevent .view-more{
    font-size: 0.8rem !important;
    margin:0;
    height:10px;
}
#breleated .viewmore, #tours .viewmore{
    font-size: 0.8rem !important;
    width: 120px;
    padding:5px;
    height: 40px !important;
}
#breleated .viewmore .arrimg, #tours .viewmore .arrimg{
    width: 15px !important;
    height: auto;
    margin-bottom: 2% !important;
}
#event .eborder, #event .bradius{
    border:0px;
    border-radius:0 !important;
    box-shadow:none;
}
#event .event-description {
    padding:16px 16px 0px 16px !important;
}
#description .eparag {
    padding:6px 6px 0px 6px !important;
}
#breadcrumbs-mobile p {
    font-size:0.9rem;
    font-weight:normal;
    font-family: 'Metropolis';
    padding:6px 16px;
    margin-bottom:0;
}
#event .appoint{
    height:50px;
    width: 100%;
    padding:auto;
}
#event .appoint h5, #event .appoint span {
    font-size:1rem;
}
#description {
    border-top:1px solid rgba(0,0,0,0.08);
}
#description .eparag {
    margin-top:0;
}
#description .descrimg, #description .descrimg img{
    float: center;
    padding:0;
    border-radius: 0px;
    width:100vw;
    height:300px;
    object-fit:cover;
}
/*#breleatedevent .col-12:first-child > .card, #breleatedevent .col-12:nth-child(2) > .card, #breleatedevent .col-12:last-child > .card, #breleatedevent .btit {*/
/*    padding:16px;*/
/*}*/
#breleatedevent .breleatedimg, #breleatedevent .breleatedimg img{
    border-radius: 8px;
    border:1px solid transparent;
    width: 100%;
    height: 220px;
    object-fit: cover;
}
#breleated .col-md-4 {
    padding:6px;
}
#unforgettable .shopsimg1{
    width: 40px;
    height: auto;
}
#unforgettable .iconparg, #udescription .uparg{
    font-size: 0.9rem;
} 
#unforgettable .shopsimg{
    width:100%; 
}
#firstbanner .tbanner .tcenter{
    width:65%;
    position:absolute;
    top: 50%;
    left: 48%;
    transform: translate(-50%, -50%);
}
#firstbanner .tbanner .tcenter h5{
    font-size: 1.6rem;
    margin-left:4%;
}
#shopsloc form {
    padding: 0px 16px;
}
#shopsloc .filterdrop{
    padding:10px 12px;
    width:70%;
    font-size: 0.8rem;
}
#shopsloc .filterbtn{
    padding:10px 14px;
    border-radius:8px;
}
#getinvolved{
    background-color:#fff; 
}
#getinvolved .paragcenter{
    padding:0px 16px;
    font-size: 0.9rem;
    margin-bottom:16px;
}
#getinvolved .rowclass .img {
    width:100%;
    height:250px;
    object-fit:cover;
    border:1px solid transparent;
    border-radius:18px;
}
#getinvolved .rowclass {
    padding:16px 6px;
    border-radius:0px;
    box-shadow:none;
}
#getinvolved  .inputbtn{
    width: 50%;
    height: 50px;
    margin-top:16px;
}
#getinvolved  .imgbg{
    width: 170px;
}
#top-place .top-place-paragraph {
    padding-left:0px;
}
#top-place .top-place-img, #top-place .top-place-img img {
    height:250px;
}
#other .otherposit {
    margin-bottom:16px;
}
#tours .shopsimgloc {
    width:100% !important;
}
.tours-row, .filterform-row {
    padding:0px 6px !important;
}
#tours .shopsimgloc .shopsloc {
    width: 100% !important;
    height: 230px !important;
    object-fit: cover;
}
#tours .ltitle {
    font-size: 0.8rem;
    font-weight: bold;
    color: #47484A;
    font-family: 'Metropolis';
    word-break: normal;
    width:80%;
}
#tours .tprice {
    font-size: 0.8rem;
    letter-spacing:1px;
    font-weight: bold;
    color: #FFA631;
    font-family: 'Metropolis';
    word-break: normal;
    width:20%;
}
#tours .filterdrop, #breleatedevent .filterdrop{
    padding: 6px 3px;
    width: 25%;
    font-size: 0.8rem;
    color: #47484A;
}
#tours select option {
    background-color: #f5f5f5;
}
#tours .filterbtn, #breleatedevent .filterbtn {
    font-size:0.7rem;
    width:100px;
    padding: 6px 3px;
    border: 1px solid transparent;
    border-radius: 8px;
}
#storiescard .filter-form .filterdrop {
    font-size:0.8rem;
    width:130px;
    padding: 6px 3px;
    border: 1px solid transparent;
    border-radius: 8px;
}
#tours .filterdate, #breleatedevent .filterdate {
    padding: 6px 3px;
    border-radius: 8px;
    width:100px;
    font-size: 0.8rem;
}
#questions .sidebar {
    list-style-type:none;
    padding-left:0;
    margin-top:0px;
}
#questions .sidebar li {
    background:#FFA631;
height:60px;
padding:16px 30px;
font-size:1rem;
font-family: 'Metropolis';
    font-weight: 600;
    font-style: normal;
    color:#47484A;
    margin-bottom:30px;
    border:1px solid transparent;
    border-radius:8px;
    color:#fff;
    text-shadow: 0px 1px 3px #00000061;
    width:90%;
    cursor:pointer;
    letter-spacing:1px;
}
#questions .tabContent {
    box-shadow: none !important;
border:1px solid transparent;
    border-radius:0px;
    padding:0px 10px;
}
#questions .tabContent .img, #questions .tabContent .img img{
    width:100%;
    height:270px !important;
    object-fit:cover;
    border-radius:18px;
}
#questions .tabContent .description {
    padding:16px 0px;
}
#top-place .top-place-paragraph .subtitle{
    margin-top: 16px;
}
#touristinfo .descrimg {
    float: left;
    width: 100%;
    height: 250px;
    object-fit: cover;
}
#touristinfo .descrimg .infoimg{
border-radius: 18px;
width:100%;
height:100%;
object-fit: cover;
}
#touristinfo .top-place-paragraph {
    padding: 16px 0px;
    line-height: 30px;
}
#touristinfo .top-place-paragraph .subtitle {
    margin-top: 16px;
}
#stour .bradius {
    box-shadow:none !important;
    border-radius: 0px;
}
#stour .tour-information {
    padding:0px 16px;
}
#stour .stourimg .stourimg1, #stour .stourimg{
    height:430px;
    border-radius:0px;
}
#breleatedevent .filter-form label {
        font-size:0.9rem;
        width:100px;
    }
    #brealeatedevent .filter-form .filterdate {
        font-size:0.8rem;
        width:95px !important;
    }
    #description .descrimg, #description .descrimg img, #accommodation_info .accom_border{
    border-radius: 0px;
}
#storiescard .card-img-top {
    width: 100%;
    height: 150px !important;
    object-fit: cover;
    border: 1px solid transparent;
    border-radius: 18px;
}
#storiescard .card {
    margin-bottom: 16px;
}
#storiescard .bparag {
    font-size:0.8rem;
}
#firstbanner .tbanner .tcenter h5{
font-family: 'Metropolis';
    font-weight: normal;
    font-style: normal;
    font-size: 2rem;
    letter-spacing: 1px;
    line-height: 40px;
    margin-bottom: 15px;
    margin-top: 20%;
    color:#fff;
    position:absolute;
    top:0;
    left:26% !important;
}
#toplacesdescr .events-shape {
    display:none;
}
#firstbanner .tbanner .tcenter h5.unforgettable-title, #firstbanner .tbanner .tcenter  h5.top-places-title {
    left:17% !important;
    top:3% !important;
}
#firstbanner .tbanner .tcenter  h5.taste {
    left:18% !important;
    top:4%;
}
#firstbanner .tbanner .tcenter h5.accommodation-title {
    font-size:1.4rem;
    left:13% !important;
    top:4%;
}
}

.searchform #form1{
    background-color: transparent;
border-bottom: 1px #000 solid;
border-top: none;
border-left: none;
border-right: none;
   font-family: 'Metropolis';
    font-weight: normal;
    font-style: normal;
    color: #47484A;
}
.searchform #form1:focus {
  outline: none;
  box-shadow: none;
}
#menuToggle  .searchform input {
    display:block !important;
    opacity:1 !important;
    position:relative !important;
    z-index:700  !important;
    border-bottom:1px solid #020202;
    width: 150px;
border-top: none;
border-right: none;
border-left: none;
background-color: transparent;
margin-left:12px;
}

#menuToggle  .searchform input:focus {
  outline: none;
  box-shadow: none;
}

#overlayimg{
        position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
    color: #f1f1f1;
    width: 100%;
    height: 100%;
    transition: .5s ease;
    color: white;
    font-size: 20px;
    padding: 20px;
    text-align: center;
    opacity: 1;
    border-radius: 18px;
}

#overlayimg_topplace{
        position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
    color: #f1f1f1;
    width: 90%;
    height: 100%;
    transition: .5s ease;
    color: white;
    font-size: 20px;
    padding: 20px;
    text-align: center;
    opacity: 1;
    border-radius: 18px;

}

/* scroll btn */
#scrollBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #f5bec3;
  color: white;
  cursor: pointer;
  padding: 10px;
  border-radius: 50%;
}

#scrollBtn:hover {
  background-color: #96c8eb;
}

@media (min-width:1280px) and (max-width:1799px) {


#saranda-tv .imgvideo .img1, #storiescard .imgvideo .img1 {
    width: 79.375rem;
    height: 30.5rem;
    object-fit: cover;
}
#saranda-tv .imgvideo .img2, #storiescard .imgvideo .img2 {
    width: 23.5rem;
    height: 13.875rem;
    object-fit: cover;
}
}

@media(max-width:1500px) {

    nav.navbar {
    padding:6pt 35pt 14pt 14pt;
}
}

@media (min-width:801px) and (max-width:1279px) {
#saranda-tv .imgvideo .img1, #storiescard .imgvideo .img1 {
    width: 50.375rem;
    height: 26.5rem;
    object-fit: cover;
}
#saranda-tv .imgvideo .img2, #storiescard .imgvideo .img2 {
    width: 16rem;
    height: 11rem;
    object-fit: cover;
    
}
}