.hotels-section .section-title {
    text-align: center;
}
.hotels-list {
    display: flex;
    flex-wrap: wrap;
}
.hotels-list .hotel {
    box-sizing: border-box;
    padding: 20px;
    flex: 0 0 33.333333%;
}
.hotels-list .hotel .image img {
    border-radius: 25px;
    width: 100%;
    height: auto;
}
.hotels-list .hotel .heading {
    display: flex;
    margin-bottom: 10px;
    justify-content: space-between;
    margin-top: 10px;
}
.hotels-list .hotel .heading-name {
    display: flex;
    font-weight: bold;
    line-height: 1.7rem;
    font-size: 1.3rem;
}
.hotels-list .hotel .heading-rating {
    display: flex;
    height: 1rem;
}
.hotels-list .hotel .description p {
    font-size: 14px;
    line-height: 1.3rem;
}
.hotels-list .hotel .description p:first-of-type {
    display: inline;
}

nav li#romania-tours:hover ul.dropdown-content {display: block;opacity: 1;}
#sidenav-overlay {z-index: 8;}
nav #mobile-menu li ul.dropdown-content {
    position: relative;
    margin: 0;
    margin-left: -10px;
}
nav #mobile-menu li ul.dropdown-content.open {
    display: block;
    opacity: 1
}    
nav #mobile-menu li ul.dropdown-content li {
    line-height: 40px;
    min-height: 40px;
}    
nav #mobile-menu li ul.dropdown-content li a{
    padding-left: 40px;
    color: #fff;
    line-height: 50px;
}    

section ul#trips-categories {
    padding: 0;
    margin: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    margin-top:-60px;
    z-index: 99;
    position: relative;
}
section.tours-page.categories .container{
    width: 100%!important;
}    
section ul#trips-categories li {
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 20%;
}
  
section ul#trips-categories li a{
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 60px;
    min-height: 60px;
    max-height: 60px;
    text-align: center;
    overflow: hidden;
    text-decoration: none;
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
}
section ul#trips-categories li.selected a {
    background-color: #AA1C4C!important;
}   
.advanced-search-orizontal .select-search select{
    display: inline-block;
    width: 100%;
    height: 48px;
    padding: 0 15px;
    border: 1px solid #c2c4c7;
    background-clip: border-box;
    border-radius: 0;
    font-size: 1em;
    letter-spacing: .03125rem;
    color: #4a4d53;
    font-weight: bold;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-align: left;
    white-space: nowrap;
    cursor: pointer;
    background: #fff url(/dist/images/dropdown-arrow.svg) calc(100% - 18px) 50% no-repeat;
    border-radius: 25px;

}
.advanced-search-orizontal .text-search input.browser-default{
    height: 48px;
    padding: 0 15px;
    border: 1px solid #c2c4c7;
    font-size: 1em;
    letter-spacing: .03125rem;
    color: #4a4d53;
    border-radius: 25px;
    font-weight: bold;
}    
.newsletter-modal {
    display: none;
    height: 460px;
    width: 800px;
    top: 17%;
    max-width: 80%;
    z-index: 999;
    border-radius: 5px;
    overflow: hidden;
}   
.newsletter-modal .banner{
    height:460px;
    background: #fff url(/img/newsletter/carpathian-mountains-landscape.jpg) center center no-repeat;
 }   
.newsletter-modal .modal-header{
    position: absolute;
    right: -20px;
}
.newsletter-modal .modal .modal-close {
    cursor: pointer;
    color: #fff;
}
.newsletter-modal .modal-content{
    padding:0px;
    background: #AA1C4C;
}
.newsletter-modal .modal-content h3,.newsletter-modal .modal-content p{
    color: #fff;
}
.newsletter-modal .modal-content .banner{
    height: 460px;
    background-size: cover;
    background-position: right;
 }   
 .newsletter-modal .modal-content .content{
    padding: 50px 20px;
    text-align: center;
 } 
  .newsletter-modal .modal-content .inline-form.text input{
   width: 100%;
   border: 2px solid #aa1c4c;
 } 
 .newsletter-modal .modal-content .inline-form.email input{
    border: 2px solid #aa1c4c;
  }  
.newsletter-modal .modal-content .content .btn{
     height: 48px;
    top: 1px;
    left: -2px;
    background-color: #006FA4 !important;
    color: #fff;
}
#modal-drop {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    left: 0;
    top: 0;
}
.tour-card .tour-card-title {min-height:136px;} 
.tour-card .tour-card-title h3{position:absolute;} 
.tour-card .tour-card-intro {min-height:136px;} 
.tour-card .tour-card-content .btn {bottom: 0px;position:absolute;} 
.tour-card {min-height:828px;}
.home-page-cards-container .cards-holder .col {
    margin: 20px 0px;
}
@media (min-width: 768px) {

}
@media (max-width: 768px) {
    .hotels-list .hotel {
        flex: 0 0 50%;
    }
    .drag-target {
         width: calc(100% - 300px)!important;
    }
    nav #mobile-menu li {
        position:relative;
    }    
    nav #mobile-menu li a.submenu {
        width: 24px;
        position: absolute;
        top: 0px;
        right: 0px;
        padding: 0px;
        border: 0px;
        margin: 0px;
        text-align: center;
        background: #fff;
    }  
    nav #mobile-menu li a.submenu i{
        position: relative;
        margin: 0;
        right: 32px;
    }    
}



@media (max-width: 480px) {
    .tour-card .tour-card-image.landing .category_product_badge {
        position: absolute;
        top: 35%;
    }
    .tour-card .tour-card-image.landing .category_product_badge a {
    color: #fff;
    padding: 4px 15px;
    width: initial;
    position: relative;
    background: #ac004796;
    text-transform: capitalize;
    height: 30px;
    margin-left: -34px!important;
    top: -70px;
    width: 100%;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    }
    .hotels-list .hotel {
        flex: 0 0 100%;
    }
    section.tours-page.categories ul#trips-categories li a{
        min-heigth:320px !important;
    }   
    section.tours-page.categories ul#trips-categories li {
        width: 100%;
    }    

    .newsletter-modal .modal-content .content {
    padding: 32px 20px;
    text-align: center;
    width: 100%;
    }
    .newsletter-modal .modal-content .banner{
        display: none;
    }
    #hreviews .col {
        width:100%;
        clear:both;
    }
    #hreviews .col #TA_certificateOfExcellence456{
        top: -40px;
    position: relative;
        left: calc(50% - 50px);
    }    
}
.main-nav {
    position: fixed;
    width: 100%;
    z-index: 9999!important;
}
.main-nav nav{
    background: transparent;
    box-shadow:none;
}    
section.banner{
        height: 700px!important;
}
.tour-details-page section.banner{
        height: 900px!important;
}
#main-navigation {
  -webkit-transition: background-color 1s ease-out;
  -moz-transition: background-color 1s ease-out;
  -o-transition: background-color 1s ease-out;
  transition: background-color 1s ease-out;
  height: auto!important;
  }
  #main-navigation.fill {
    background-color: #006FA4;
        height: auto!important;
  }
.tour-card.large h2, .tour-card.large .h2 {
    clear: both;
    width: 100%;
}    
section ul#trips-categories li.active a {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    background: #F4F4F4;
    color:#006FA4;
}
@media (min-width: 480px) {
    section ul#trips-categories.desk{
        display: flex;
    }
    section ul#trips-categories.mobile{
        display: none;
    }    
}
@media (max-width: 480px) {
    section ul#trips-categories.desk{
        display: none;
    }
    section ul#trips-categories.mobile{
        display: flex;
        margin-top: -40px;
    }    
    section.tours-page.categories ul#trips-categories li a{
    height: 40px;
    min-height: 40px;
    max-height: 40px;
    font-size: 13px;   
    }    
}    
.tour-card .tour-card-image.landing .category_product_badge a {
    color: #fff;
    padding: 4px 15px;
    width: initial;
    position: relative;
    background: #ac004796;
    text-transform: capitalize;
    height: 30px;
    margin-left: -48px;
    top: -70px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.tour-card .tour-card-image.landing .category_product_badge a:hover{
    background: #006FA452;
}
.tour-card .tour-card-image.landing{
    overflow: hidden;
}