*{
    margin:0;
    padding: 0;
    list-style-type: none;
    outline: none;
    text-decoration: none;
    font-family: light;
    color: #4c4c4c;
    font-size: 14px;
}

@font-face {
    font-family: caps;
    src: url(../../fonts/bpg_mrgvlovani_caps.ttf);
}
@font-face {
    font-family: light;
    src: url(../../fonts/bpg_mrgvlovani.ttf);
}
a,
a:hover,
a:focus,
a:active{
    text-decoration: none;
    color: inherit;
    transition: 0.2s;
}
input,
select,
select option,
textarea{
    font-size: 14px;
    background: white;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
}
body{
    background-color: #f5f5f5;
}
.col-12,.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{
    padding-left: 10px;
    padding-right: 10px;
}
.container-fluid,
.container,
.row{
    padding: 0;
}
.row{
    margin:0;
}
.pos-rel{
    position: relative;
}
.pos-abs{
    position: absolute;
}
.padding-0{
    padding: 0!important;
}
.form-group{
    margin: 0;
}
.mg-10{
    margin: 0 -10px;
}
.inline-block{
    display: inline-block;
}
.transition{
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
.clear{
    clear: both;
}
button{
    border: none;
    box-shadow: none;
    outline: none!important;
    background: none;
    transition: 0.2s;
    cursor: pointer;
}
.mg-top{
    margin-top: 60px;
}
.flex{
    display: flex;
    justify-content: center;
    align-items: center;
}
::placeholder{
    color: #757575;
    font-size: 14px;
}
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 2px grey;
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #14bb37;
    border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #14bb37;
}

@media (min-width: 1200px){
    .container2 {
        width: 1170px!important;
        max-width: 100%;
    }
}
@media (max-width: 992px){
    .container2 {
        width: 970px!important;
        max-width: 100%;

    }
}
@media (max-width: 768px){
    .container2 {
        width: 750px!important;
        max-width: 100%;
    }
}
/*chrika favorites start*/
/*სელექტის სტილები*/
.new-filter .select-hidden {
  display: none;
  visibility: hidden;
  padding-right: 10px;
}
.new-filter .select {
  cursor: pointer;
  display: inline-block;
  position: relative;
  font-size: 14px;
  background-color: #ffffff;
  border-radius: 15px;
  color: #404040;
  width:180px;
  height: 30px;
  margin-bottom: 20px;
}
.new-filter .select-styled {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #ffffff;
  padding: 2px 15px 0 15px;
  transition: 0.2s;
  font-family: caps;
  display: flex;
  border-radius: 15px;
  align-items: center;
    font-weight: normal;
    font-size: 12px;
}
.new-filter .select-styled:after{
    content:"";
    width: 10px;
    height: 7px;
    position: absolute;
    top: calc(50% - 1px);
    right: 10px;
    background-image: url('../../img/arrow-blue.png');
    background-repeat: no-repeat;
    background-position:right center;
    filter: grayscale(100%);
    transition: 0.2s;
}
.new-filter .select-styled:hover {
    background-color: #f2f2f2;
    box-shadow: 0px 0px 9px 0px rgba(3,148,214,0.2);
}
.new-filter .select-styled:hover,
.new-filter .select-styled.active{
    background-color: white;
}
.new-filter .select-styled.active:after{
    filter: grayscale(0%);
    transform: rotate(-180deg);
}
.new-filter .select-options {
    display: none;
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    left: 0;
    z-index: 999;
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: white;
    padding: 10px 15px;
    box-shadow: 0px 0px 9px 0px rgba(3,148,214,0.2);
    border-radius: 15px;
}
.new-filter .select-options li{
    font-family: caps;
    margin: 0;
    padding: 10px 0;
    text-indent: 0px;
    border-top: 1px solid transparent;
    transition: 0.2s;
    text-align: left;
    padding-left: 0px;
    font-size: 12px;
    font-weight: normal;
}
.new-filter .select-options li:hover{
    color: #0394d6;
    background: white;
}
.new-filter .select-options li[rel="hide"] {
      display: none;
}
.new-filter2 .select{
    width: 190px;
}

.container-fluid{
    padding: 0 60px 0 350px !important;
    padding-top: 30px !important;
}
.bottom-nav{
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 40px;
    background-color: white;
    z-index: 10;
    display: none;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
}
.user-sidemenu-button{
    width: 20px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('../../img/nav.png');
    z-index: 12;
}
.user-sidemenu-button:hover{
    background-image: url('../../img/nav1.png');
}
.ask-tour{
    width: 150px;
    height: 40px;
    border-radius: 20px;
    color: white;
    background: linear-gradient(to right, rgba(8,160,206,1) 0%, rgba(60,234,170,1) 100%);
    padding: 0 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: caps;
    line-height: 14px;
    font-size: 10px;
    text-align: left;
}
.ask-tour img{
    margin-right: 10px;
}
.notification{
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('../../img/ring.png');
    width: 20px;
    height: 25px;
    position: relative;
}
.notification span{
    position: absolute;
    right: 0px;
    top: 5px;
    width: 10px;
    height: 10px;
    display: block;
    border-radius: 100%;
    border:2px solid white;
    background-color: #fb3968;
}
.user-sidemenu-button span{
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background-color: #0394d6;
    margin: 3px;
}
.close-sidemenu{
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
    background-image: url('../../img/x.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: none;
}
.user-sidemenu{
    background-color: white;
    border-radius: 10px;
    padding: 20px 0 30px 0;
    margin-top: 30px;
    height: calc(100vh - 150px);
    width: 280px;
    position: fixed;
    left: 60px;
    top: 60px;
    transition: 0.4s;
    overflow: hidden;
    z-index: 12;
}
.user-sidemenu .top{
    padding: 0 35px 0 35px;
    display: flex;
    justify-content: space-between;
}
.user-sidemenu .top .img{
    border-radius: 100%;
    display: inline-flex;
    width: 50px;
    height: 50px;
    overflow: hidden;
}
.user-sidemenu .top .img img{
    width: 50px;
    height: 50px;
    object-fit: cover;
}
.user-sidemenu .top .name{
    display: inline-flex;
    width: calc(100% - 50px);
    height: 50px;
    align-items: center;
    padding-left: 10PX;
    font-size: 12px;
    font-family: caps;
    font-weight: bold;
}
.user-menu::-webkit-scrollbar-thumb,
.user-sidemenu::-webkit-scrollbar-thumb {
    background: #0394d6!important;
    border-radius: 10px;
}

/* Handle on hover */
.user-menu::-webkit-scrollbar-thumb:hover,
.user-sidemenu::-webkit-scrollbar-thumb:hover {
    background: #0394d6;
}

.user-sidemenu .middle{
    padding: 0 20px 20px 20px;
    display: flex;
    border-bottom: 1px solid #f2f2f2;
    justify-content: space-between;
}
.user-sidemenu .middle .balance{
    font-size: 11px;
    font-family: caps;
    font-weight: bold;
}
.user-sidemenu .middle .balance span{
    font-size: 12px;
    font-weight: bold;
    color: #fb3968;
}
.user-sidemenu .middle .valute-change{
    display: inline-block;
    flex-shrink: 0;
    margin: 0!important;
}
.user-sidemenu .middle .valute-change button{
    float: right;
    width: 18px;
    height: 18px;
    margin-left: 4px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 100%;
    border: none!important;
}
.user-sidemenu .middle .valute-change .lari{
    background-image: url('../../img/lari2.svg');
}
.user-sidemenu .middle .valute-change .lari:hover,
.user-sidemenu .middle .valute-change .lari.active{
    background-image: url('../../img/lari1.svg');
}
.user-sidemenu .middle .valute-change .dollar{
    background-image: url('../../img/dollar2.svg');
}
.user-sidemenu .middle .valute-change .dollar:hover,
.user-sidemenu .middle .valute-change .dollar.active{
    background-image: url('../../img/dollar1.svg');
}
.user-sidemenu .middle .valute-change .euro{
    background-image: url('../../img/euro2.svg');
}
.user-sidemenu .middle .valute-change .euro:hover,
.user-sidemenu .middle .valute-change .euro.active{
    background-image: url('../../img/euro1.svg');
}
.user-sidemenu .middle .add-balance{
    font-size: 12px;
    color: #0394d6;
    font-family: caps;
    display: block;
    background: linear-gradient(to right, rgba(8,160,206,1) 0%, rgba(60,234,170,1) 25% , #0394d6 50% , #0394d6 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
    background-position: right center;
    background-size: 400%;
    transition: 0.4s;
}
.user-sidemenu .middle .add-balance:hover{
    background-position: left center;
}
.user-menu{
    padding: 20px 0;
}
.user-menu a{
    display: inline-flex;
    align-items: center;
    padding-left: 40px;
    height: 40px;
    position: relative;
    transition: 0.2s;
    font-size: 12px;
    font-weight: bold;
    color: #808080;
    font-family: caps;
    background: linear-gradient(to right, rgba(8,160,206,1) 0%, rgba(60,234,170,1) 50% , #808080 70% , #808080 100%);
    background-size: 250%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: 1s;
    background-position: right center;

}
.user-menu a:hover,
.user-menu a.active{
  background-position: left center;
}
.user-menu a:after{
    border-radius: 2px;
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 40px;
    content: ' ';
    background: rgba(8,160,206,1);
    background: -moz-linear-gradient(top, rgba(8,160,206,1) 0%, rgba(60,234,170,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(8,160,206,1)), color-stop(100%, rgba(60,234,170,1)));
    background: -webkit-linear-gradient(top, rgba(8,160,206,1) 0%, rgba(60,234,170,1) 100%);
    background: -o-linear-gradient(top, rgba(8,160,206,1) 0%, rgba(60,234,170,1) 100%);
    background: -ms-linear-gradient(top, rgba(8,160,206,1) 0%, rgba(60,234,170,1) 100%);
    background: linear-gradient(to bottom, rgba(8,160,206,1) 0%, rgba(60,234,170,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#08a0ce', endColorstr='#3ceaaa', GradientType=0 );
    transition: 0.2s;
    opacity: 0;
}
.user-menu a:hover:after,
.user-menu a.active:after{
    opacity: 1;
}
.user-menu a span{
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 20px;
    margin-top: -2px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
    transition: 0.6s;
}
.user-menu a i{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 16px;
    margin-left: 20px;
    margin-top: -2px;
    background-color: #fb3968;
    color: white;
    border-radius: 8px;
    font-size: 12px;
    font-style: normal;
}
.user-menu a:hover i{
  -webkit-text-fill-color: white;
}
.user-menu .my-page a:hover span{
    background-size: 16px;
}
.user-menu .my-page span{
    background-image: url('../../img/mypage2.svg');
}
.user-menu .my-page.active span,
.user-menu .my-page:hover span{
    background-image: url('../../img/mypage1.svg');
}
.user-menu .interest span{
    background-image: url('../../img/interest2.svg');
}
.user-menu .interest.active span,
.user-menu .interest:hover span{
    background-image: url('../../img/interest1.svg');
}
.user-menu .favourites span{
    background-image: url('../../img/favourites2.svg');
}
.user-menu .favourites.active span,
.user-menu .favourites:hover span{
    background-image: url('../../img/favourites1.svg');
}
.user-menu .services span{
    background-image: url('../../img/services2.svg');
}
.user-menu .services.active span,
.user-menu .services:hover span{
    background-image: url('../../img/services1.svg');
}
.user-menu .messages span{
    background-image: url('../../img/messages2.svg');
}
.user-menu .messages.active span,
.user-menu .messages:hover span{
    background-image: url('../../img/messages1.svg');
}
.user-menu .parameterers span{
    background-image: url('../../img/parameterers2.svg');
}
.user-menu .parameterers.active span,
.user-menu .parameterers:hover span{
    background-image: url('../../img/parameterers1.svg');
}
.user-menu .tbc{
    color: #7063ea;
    background: #7063ea;
    -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.user-menu .tbc:hover{
    background: #7063ea;
    -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.user-menu .tbc:hover:after,
.user-menu .tbc.active:after{
    background: #7063ea;
}
.user-menu .tbc span{
    background-image: url('../../img/tbc.png');
}
.user-menu .tbc:hover span{
    background-image: url('../../img/tbc.png');
}
.user-menu .logout span{
    background-image: url('../../img/logout2.svg');
}
.user-menu .logout:hover span{
    background-image: url('../../img/logout1.svg');
}
.user-sidemenu .bottom{
    position: absolute;
    bottom: 0px;
    width: 100%;
    padding-bottom: 30px;
    padding-top: 10px;
    text-align: center;
    background-color: white;
}
.user-sidemenu .bottom .header{
    text-align: center;
    font-family: caps;
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 5px;
}
.user-sidemenu .bottom a{
    display: inline-block;
    width: 26px;
    height: 26px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 5px;
}
.user-sidemenu .bottom .fb{
    background-image: url('../../img/fb.png');
}
.user-sidemenu .bottom .fb:hover{
    background-image: url('../../img/fb2.png');
}
.user-sidemenu .bottom .tw{
    background-image: url('../../img/tw.png');
}
.user-sidemenu .bottom .tw:hover{
    background-image: url('../../img/tw2.png');
}
.user-sidemenu .bottom .in{
    background-image: url('../../img/in.png');
}
.user-sidemenu .bottom .in:hover{
    background-image: url('../../img/in2.png');
}


.main-heading{
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.main-heading .top{
    background: linear-gradient(to right, rgba(8,160,206,1) 0%, rgba(60,234,170,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 20px;
    font-weight: bold;
    font-family: caps;
    margin-bottom: -5px;
    margin-top: -5px;
}
.main-heading .bottom{
    color: #595959;
    font-family: caps;
    font-weight: bold;
    font-size: 11px;
    margin-bottom: 10px;
}
.main-heading button{
    background-position: right center;
    background-size: 200%;
    background-image: linear-gradient(to right, rgba(8,160,206,1) 0%, rgba(60,234,170,1) 25%, rgba(8,160,206,1) 50%, rgba(60,234,170,1) 100% );
    color: white;
    border-radius: 18px;
    padding: 0 12px 0 12px;
    font-family: caps;
    height: 35px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
    transition: 0.6s;
}
.main-heading button:hover{
    background-position: left center;
    background-size: 400% auto;
}
.main-heading button img{
    margin-right: 10px;
}
.user-main-slider{
    margin-bottom: 40px;
}
.user-main-slider .item{
    height: 500px;
    max-height: 100vh;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}
.user-main-slider .item .img{
    width: 100%;
    height: 100%;
    display: block;
}
.user-main-slider .item .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.user-main-slider .item .box{
    position: absolute;
    top: 50%;
    left: 150px;
    transform: translateY(-50%);
    background-color: rgba(255,255,255,0.9);
    border-radius: 10px;
    padding: 20px;
    width: 500px;
    max-width: calc(100% - 150px);
}
.user-main-slider .item .box h3{
    font-family: caps;
    color: transparent;
    -webkit-text-fill-color: white; /* Will override color (regardless of order) */
    font-size: 35px;
    text-shadow:
       -1px -1px 0 #4c4c4c,
        1px -1px 0 #4c4c4c,
        -1px 1px 0 #4c4c4c,
         1px 1px 0 #4c4c4c;
}
.user-main-slider .item .box .bottom{
    position: relative;
    padding-left: 14px;
    padding-top: 5px;
}
.user-main-slider .item .box .bottom:after{
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    content: ' ';
    border-radius: 2px;
    background: linear-gradient( rgba(8,160,206,1) 0%, rgba(60,234,170,1) 100%);
}
.user-main-slider .item .box .bottom h4{
    font-family: caps;
    font-weight: bold;
    font-size: 20px;
    background: linear-gradient(to right, rgba(8,160,206,1) 0%, rgba(60,234,170,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.user-main-slider .item .box .bottom h5{
    color: black;
    font-size: 16px;
    margin-bottom: 15px;
}
.user-main-slider .item .box .bottom .price{
    font-size: 24px;
    font-weight: bold;
    color: transparent;
    -webkit-text-fill-color: white; /* Will override color (regardless of order) */
    -webkit-text-stroke-width: 0.3px;
    -webkit-text-stroke-color: #4c4c4c;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.user-main-slider .item .box .bottom .price img{
    height: auto;
    width: auto;
    margin-right: 5px;
    display: inline-block;
    margin-top: -4px;

    text-shadow:
       -1px -1px 0 #4c4c4c,
        1px -1px 0 #4c4c4c,
        -1px 1px 0 #4c4c4c,
         1px 1px 0 #4c4c4c;
}
.user-main-slider .tour-owner{
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
}
.user-main-slider .tour-owner img{
    width: 50px;
    height: 50px;
    object-fit: contain;
    float: right;
}
.user-main-slider .tour-owner h6{
    font-weight: bold;
    font-size: 16px;
}
.user-main-slider .owl-next,
.user-main-slider .owl-prev{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
    border-radius: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 6px;
    transition: 0.2s;
}
.user-main-slider .owl-next{
    right: 30px;
    background-image: url(../../img/arrow3.svg);
}
.user-main-slider .owl-next:hover{
    background-image: url(../../img/arrow.svg);
}
.user-main-slider .owl-prev{
    left: 30px;
    background-image: url(../../img/arrow2.svg);
}
.user-main-slider .owl-prev:hover{
    background-image: url(../../img/arrow1.svg);
}
.second-heading{
    padding-top: 4px;
    font-size: 16px;
    color: #4c4c4c;
    font-family: caps;
    padding-left: 30px;
    background-position: left center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}
.turebi-user-offer .second-heading{
    background-image: url('../../img/like.png');
    margin-bottom: 15px;
}
.trending-tours .second-heading{
    background-image: url('../../img/trending.png');
}
.user-tour-companies .second-heading{
    background-image: url('../../img/companies.png');
}
.user-hotel .second-heading{
    background-image: url('../../img/hotel.png');
}
.user-car .second-heading{
    background-image: url('../../img/car.png');
}
.carousel-nav .owl-next,
.carousel-nav .owl-prev{
    position: absolute;
    top: -45px;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
    border-radius: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 5px;
    transition: 0.2s;
}
.trending-tours .owl-next,
.trending-tours .owl-prev,
.user-tour-companies .owl-next,
.user-tour-companies .owl-prev{
    top: -30px;
}
.carousel-nav .owl-next{
    right: 0px;
    background-image: url(../../img/arrow3.svg);
}
.carousel-nav .owl-next:hover{
    background-image: url(../../img/arrow.svg);
}
.carousel-nav .owl-prev{
    right: 50px;
    background-image: url(../../img/arrow2.svg);
}
.carousel-nav .owl-prev:hover{
    background-image: url(../../img/arrow1.svg);
}
.turebi-user-offer{
    margin-bottom: 40px;
}
.turebi-user-offer .box{
    border-radius: 10px;
    width: 100%;
    height: 350px;
    background-color: white;
    overflow: hidden;
}
.turebi-user-offer .box .left{
    -webkit-clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
    width: calc(50% + 42px);
    height: 100%;
    background-color: white;
    padding: 0 0 20px 20px;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
}
.turebi-user-offer .box .right{
    position: absolute;
    right: 0;
    top: 0;
    width: 70%;
    height: 100%;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    overflow: hidden;
    display: block;
}
.turebi-user-offer .box .right:after{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: ' ';
    background-color: white;
    opacity: 0;
    transition: 0.2s;
}
.turebi-user-offer .box .right img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.2s;
}
.turebi-user-offer .box .left .tour-owner{
    text-align: right;
    padding-right: 36px;
    padding-top: 20px;
    margin-bottom: 20px;
    display: block;
}
.turebi-user-offer .box .left .tour-owner h6{
    font-size: 16px;
    text-align: right;
    color: #4c4c4c;
}
.turebi-user-offer .box .left .tour-owner img{
    width: 70px;
    height: 70px;
    object-fit: contain;
    display: inline-block;
    border-radius: 50%;
    margin-right: 10px;
    padding: 10px;
    border: 1px solid #ececec;
}
.turebi-user-offer .box .left h4{
    font-family: caps;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
    padding-right: 10px;
    height: 34px;
    overflow: hidden;
}
.turebi-user-offer  .tour-spec{
    margin-bottom: 10px;
}
.turebi-user-offer  .tour-spec .top{
    font-family: caps;
    background: linear-gradient(to right, rgba(8,160,206,1) 0%, rgba(60,234,170,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 12px;
    font-weight: bold;
    height: 18px;
    display: flex;
    align-items: center;
}
.turebi-user-offer  .tour-spec .top img{
    height: auto!important;
    width: 18px;
    margin-right: 10px;
    display: inline-block;
}
.turebi-user-offer  .tour-spec .bottom{
    font-size: 12px;
    padding-left: 30px;
}
.turebi-user-offer .valute-change{
    display: inline-block;
    flex-shrink: 0;
    position: absolute;
    bottom: 20px;
    left: 20px;
    margin: 0!important;
}
.turebi-user-offer .valute-change button{
    float: right;
    width: 18px;
    height: 18px;
    margin-left: 4px;
    background-position: center;
    background-size: contain;
    border-radius: 100%;
    border: none!important;
}
.turebi-user-offer .valute-change .lari{
    background-image: url('../../img/lari2.svg');
}
.turebi-user-offer .valute-change .lari:hover,
.turebi-user-offer .valute-change .lari.active,
.user-sidemenu .middle .valute-change .lari.active{
    background-image: url('../../img/lari1.svg');
}
.turebi-user-offer .valute-change .dollar{
    background-image: url('../../img/dollar2.svg');
}
.turebi-user-offer .valute-change .dollar:hover,
.turebi-user-offer .valute-change .dollar.active{
    background-image: url('../../img/dollar1.svg');
}
.turebi-user-offer .valute-change .euro{
    background-image: url('../../img/euro2.svg');
}
.turebi-user-offer .valute-change .euro:hover,
.turebi-user-offer .valute-change .euro.active{
    background-image: url('../../img/euro1.svg');
}
.turebi-user-offer .price{
    position: absolute;
    bottom: 14px;
    right: 30px;
    font-size: 50px;
    color: transparent;
    -webkit-text-fill-color: white; /* Will override color (regardless of order) */
    font-size: 40px;
        text-shadow:
           -1px -1px 0 #4c4c4c,
            1px -1px 0 #4c4c4c,
            -1px 1px 0 #4c4c4c,
             1px 1px 0 #4c4c4c;
    padding-right: 25px;
    background-position: right calc(100% - 5px);
    background-repeat: no-repeat;
    height: 45px;
    background-size:20px;
    display: flex;
    align-items: center;
    /*background-image: url('../../img/new/lari.svg');*/
}
.turebi-user-offer .price .img-container{
    background-image: url(../../img/new/lari.svg);
    background-repeat: no-repeat;
    background-position: right calc(100% - 5px);
    display: inline-block;
    /* height: 50px; */
    /* width: 25px; */
    background-size: 20px;
    width: 22px;
    margin-bottom: -3px;
    margin-left: 5px;
    height: 30px;
}
.turebi-user-offer .box:hover .price{
    background: linear-gradient(45deg, rgba(8,160,206,1) 0%, rgba(60,234,170,1) 100%);
    -webkit-background-clip: text;
    text-shadow: none;
    -webkit-text-fill-color: transparent;
    /*background-image: url('../../img/new/lari-hov.svg');*/
}
.turebi-user-offer .box:hover .price .img-container{
    background-image: url(../../img/new/lari-hov.svg);
}
.turebi-user-offer .price.lari{
    background-image: url('../../img/new/lari.svg');
    background-position: 2px calc(100% - 5px);
    background-size:20px;
}
.turebi-user-offer .price.dollar{
    background-image: url(../../img/new/dollar.svg);
    background-position: 5px calc(100% - 2px);
    background-size: 15px;
}
.turebi-user-offer .price.euro{
    background-image: url(../../img/new/euro.svg);
    background-position: 4px calc(100% - 3px);
    background-size: 20px;
}
.turebi-user-offer .seen{
    position: absolute;
    bottom: 20px;
    right: 20px;
    padding: 0 10px 0 25px;
    height: 22px;
    background-color: white;
    border-radius: 11px;
    background-image: url('../../img/eye.png');
    background-repeat: no-repeat;
    background-position: 5px center;
    font-size: 11px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 2px;
}
.add-favourite{
    position: absolute;
    top: 20px;
    right: 20px;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 3px;
    cursor: pointer;
    padding-left: 1px;
}
.add-favourite .bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: ' ';
}
.add-favourite img{
    position: static!important;
    height: auto!important;
    width: 15px!important;
    transition: 0.2s;
    object-fit: contain;
    border-radius: 0px!important;
    opacity: 0.3;
}
.add-favourite.active img,
.add-favourite:hover img{
    opacity: 1;
}
.turebi-user-offer .box:hover .right img{
    transform: scale(1.2);
}
.turebi-user-offer .box:hover .right:after{
    /*opacity: 0.3;*/
}
.favourite-tours{
    min-height: calc(100vh - 300px);
}
.favourite-tours .plugin-loader i{
    top: calc(50vh - 100px);
}
.favourite-tours .box,
.trending-tours .box{
    border-radius: 10px;
    background-color: white;
    transition: 0.2s;
}
.favourite-tours .box{
    margin-bottom: 20px;
}
.trending-tours .item,
.user-tour-companies .item{
    padding: 15px 0;
}
.favourite-tours .box .hotel-status{
    z-index: 23;
}
.favourite-tours .box .img,
.trending-tours .box .img{
    padding-top: 65%;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.favourite-tours .box .img{
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}
.favourite-tours .box .img img,
.trending-tours .box .img img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}
.favourite-tours .box .img .seen,
.trending-tours .box .img .seen{
    position: absolute;
    bottom: 10px;
    left: 10px;
     padding: 0 10px 0 25px;
    height: 22px;
    background-color: white;
    border-radius: 11px;
    background-image: url('../../img/eye.png');
    background-repeat: no-repeat;
    background-position: 5px center;
    font-size: 11px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 2px;
}
.favourite-tours .box .img .add-favourite,
.trending-tours .box .img .add-favourite{
    position: absolute;
    right: 10px;
    bottom: 10px;
    top: auto;
    border-radius: 100%;
    width: 30px;
    height: 30px;
}
.favourite-tours .box .bottom{
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
.favourite-tours .box .bottom,
.trending-tours .box .bottom{
    min-height: 120px;
}
.favourite-tours .hotels-block .box .bottom{
    min-height: 40px;
}
.favourite-tours .hotels-block .box .bottom a{
    display: block;
    margin-bottom: -15px;
}
.favourite-tours .box .bottom a,
.trending-tours .box .bottom a{
    padding: 0 10px;
}
.favourite-tours .box .bottom a img,
.trending-tours .box .bottom a img{
    display: inline-block;
    width: auto;
}
.favourite-tours .box .bottom .location,
.trending-tours .box .bottom .location{
    padding: 10px 10px 0px 10px;
    display: block;
    height: 32px;
    overflow: hidden;
}
.favourite-tours .box .bottom .location img,
.trending-tours .box .bottom .location img{
    display: inline-block;
    width: auto;
    margin-right: 5px;
}
.favourite-tours .box .bottom .location a,
.trending-tours .box .bottom .location a{
    font-size: 12px;
    color: #666666;
    padding: 0!important;
}
.favourite-tours .box .title,
.trending-tours .box .title{
    display: block;
    padding: 0!important;
}
.favourite-tours .box h3,
.trending-tours .box h3{
    font-size: 12px;
    font-weight: bold;
    font-family: caps;
    height: 39px;
    margin-bottom: 5px;
    overflow: hidden;
    line-height: 14px;
    padding: 10px;
}
.favourite-tours .box h3{
    height: 39px;
}
.favourite-tours .hotels-block .box h3{
    margin-bottom: 0px;
    padding: 0px;
    padding-top: 10px;
}
.favourite-tours .favorites-price{
    padding: 10px;
    border-top: 1px solid #f5f5f5;
    margin-top: 10px;
}
.favourite-tours .price,
.trending-tours .price{
    display: inline-block;
    color: #0394d6;
    font-size: 16px;
    font-weight: bold;
    margin: 0!important;
}
.user-car .no-price,
.favourite-tours .no-price,
.trending-tours .no-price{
    display: flex;
    color: #0394d6;
    font-size: 12px;
    font-weight: normal;
    margin: 0!important;
    font-family: caps;
    height: 20px;
    line-height: 14px;
    align-items: center;
    overflow: hidden;
}
.favourite-tours .currency,
.trending-tours .currency{
    float: right!important;
    margin: 0!important;
}
.favourite-tours .currency button,
.trending-tours .currency button{
    background: transparent;
    width: 20px;
    height: 20px;
    display: flex;
    border-radius: 50%;
    border: 1px solid #0394d6;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 3px;
}
.favourite-tours .currency button span,
.trending-tours .currency button span{
    width: 16px;
    height: 16px;
    display: block;
    border-radius: 50%;
    color: #0394d6;
    display: flex;
    font-size: 14px;
    justify-content: center;
    align-items: center;
    padding-top: 1px;
    transition: 0.2s;
}
.favourite-tours .currency .active span,
.favourite-tours .currency button:hover span,
.trending-tours .currency .active span,
.trending-tours .currency button:hover span{
    background-color: #0394d6!important;
    color: white;
}
.black-color.currency button.active{
    border-color: #0394d6!important;
}
.favourite-tours .box:hover,
.trending-tours .box:hover{
    -webkit-box-shadow: 0px 0px 20px 0px rgba(3,148,214,0.2);
    -moz-box-shadow: 0px 0px 20px 0px rgba(3,148,214,0.2);
    box-shadow: 0px 0px 20px 0px rgba(3,148,214,0.2);
}
.trending-tours{
    margin-bottom: 25px;
}
.user-tour-companies{
    margin-bottom: 1px;
}
.user-tour-companies .box{
    display: flex;
    height: 100px;
    width: 100%;
    border-radius: 10px;
    padding: 10px;
    background-color: white;
    align-items: center;
    position: relative;
    overflow: hidden;
}
.user-tour-companies .box .img{
    width: 80px;
    height: 80px;
    margin-right: 10px;
    border:1px solid #f5f5f5;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: white;
    overflow: hidden;
    border-radius: 50%;
    flex-shrink: 0;
    transition: 0.2s;
}
/* .user-tour-companies .box .img img{
    width: auto!important;
} */
.user-tour-companies .box h5{
    font-size: 12px;
    font-weight: normal;
}
.user-tour-companies .box:hover{
    -webkit-box-shadow: 0px 0px 20px 0px rgba(3,148,214,0.2);
    -moz-box-shadow: 0px 0px 20px 0px rgba(3,148,214,0.2);
    box-shadow: 0px 0px 20px 0px rgba(3,148,214,0.2);
}
.user-tour-companies .box:hover .img{
    /*border-radius: 10px;*/
}
.user-hotel .box,
.user-car .box{
    border-radius: 10px;
    overflow: hidden;
    background-color: white;
    transition: 0.2s;
}
.user-hotel .item,
.user-car .item{
    padding: 15px 0;
}
.user-hotel .box .img,
.user-car .box .img{
    padding-top: 65%;
    width: 100%;
    position: relative;
}
.user-hotel .box .img img,
.user-car .box .img img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.user-hotel .box .img .seen,
.user-car .box .img .seen{
    position: absolute;
    bottom: 10px;
    left: 10px;
     padding: 0 10px 0 25px;
    height: 22px;
    background-color: white;
    border-radius: 11px;
    background-image: url('../../img/eye.png');
    background-repeat: no-repeat;
    background-position: 5px center;
    font-size: 11px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 2px;
}
.user-hotel .box .img .add-favourite,
.user-car .box .img .add-favourite{
    position: absolute;
    right: 10px;
    bottom: 10px;
    top: auto;
    border-radius: 100%;
    width: 30px;
    height: 30px;
}
.user-hotel .box .bottom,
.user-car .box .bottom{
    padding: 10px;
    height: 77px;
}
.user-car .box .bottom{
    display: flex;
    justify-content: space-between;
    height: auto;
}
/*.user-car .box .bottom{
    height: 70px;
}*/
.user-hotel .box h3,
.user-car .box h3{
    font-size: 14px;
    font-weight: bold;
    font-family: caps;
    overflow: hidden;
    margin-bottom: 2px;
}
.user-car .box h3{
    margin-bottom: 0px;
}
.user-car .box .bottom .desc{
    font-size: 12px;
    color: #b2b2b2;
}
.user-car .box .specs{
    border-top: 1px solid #f5f5f5;
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 50px;
    padding: 0px 15px;
    align-items: center;
}
.user-car .box .specs .spec-item{
    padding: 0px;
    font-size: 12px;
    height: 28px;
    color: #666666;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    background-position: left center;
}
.user-car .box .specs .spec-item .img-container{
    margin-right: 5px;
    padding: 5px;
    border: 1px solid #f5f5f5;
    border-radius: 10px;
}
/*.user-car .box .specs .spec-item.places{
    background-image: url(../../img/mgzavrebi.png);
}
.user-car .box .specs .spec-item.type{
    background-image: url(../../img/tipi.png);
}*/
.user-car .box .bottom .price{
    display: flex;
    justify-content: flex-end;
    font-size: 18px;
}
.user-hotel .place,
.user-car .place{
    height: 14px;
    font-family: caps;
    color: #808080;
    padding-left: 15px;
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url('../../img/place2.png');
    margin-bottom: 2px;
    font-size: 12px;
}
.user-car .box h3{
    height: 28px;
}
.user-hotel .price,
.user-car .price{
    display: inline-block;
    color: #0394d6;
    font-size: 16px;
    font-weight: bold;
    margin: 0!important;
}
.user-hotel .currency,
.user-car .currency{
    float: right!important;
    margin: 0!important;
}
.trending-tours .currency button,
.user-hotel .currency button,
.user-car .currency button{
    background: transparent;
    width: 20px;
    height: 20px;
    display: flex;
    border-radius: 50%;
    border: 1px solid #cccccc;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 3px;
}
.trending-tours .currency button:last-child,
.user-hotel .currency button:last-child,
.user-car .currency button:last-child{
    margin-right: 0px;
}
.user-car .currency button:last-child{
    margin-right: 0px;
}
.user-hotel .currency button span,
.trending-tours .currency button span,
.user-car .currency button span{
    padding-top: 1px;
    font-size: 14px;
    width: 16px;
    height: 16px;
    display: block;
    border-radius: 50%;
    color: #cccccc;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.2s;
}

.user-hotel .currency .active span,
.trending-tours .currency .active span,
.user-hotel .currency button:hover span,
.user-car .currency .active span,
.user-car .currency button:hover span{
    background-color: white!important;
    color: #0394d6;
}
.user-car .currency .active,
.trending-tours .currency .active,
.user-car .currency button:hover{
    border: 1px solid #0394d6;
}
.trending-tours .currency button:hover{
    border: 1px solid #0394d6;
}
.trending-tours .currency button:hover span{
    background-color: white!important;
    color: #0394d6;
}
.user-hotel .box:hover,
.user-car .box:hover{
    -webkit-box-shadow: 0px 0px 20px 0px rgba(3,148,214,0.2);
    -moz-box-shadow: 0px 0px 20px 0px rgba(3,148,214,0.2);
    box-shadow: 0px 0px 20px 0px rgba(3,148,214,0.2);
}
.user-hotel{
    margin-bottom: 25px;
}
.favourite-tours .price-box,
.user-car .price-box,
.user-hotel .price-box,
.trending-tours .price-box{
    /*margin-top: 8px;*/
     padding: 10px;
    border-top: 1px solid #f5f5f5;
}
.favourite-tours .price-box{
    border-color: white;
}
.user-car .price-box{
    margin-top: 0px;
    padding: 0px;
    border: none;
}
/*უნისონის გვერდის სტილები*/
.unison-page-logo img{
    height: 35px;
    margin-bottom: 20px;
}
.custom-tabs{
    display: flex;
    margin: 0 -10px;
    flex-wrap: wrap;
}
.custom-tabs a{
    display: inline-flex;
    flex-wrap: wrap;
    height: 60px;
    border-radius: 10px;
    padding: 0 60px 0 20px;
    margin: 0 10px 20px 10px;
    background-color: white;
    min-width: 200px;
    width: calc((100% - 100px)/5);
    align-items: center;
    background-position: calc(100% - 20px);
    background-repeat: no-repeat;
    background-image: url('../../img/tabbg.png');
    transition: 0.4s;
}
.custom-tabs a span{
    font-size: 11px;
    display: block;
    width: 100%;
    transition: 0.2s;
    margin-top: -15px;
    line-height: 12px;
}
.custom-tabs a span i{
    color: #035192;
    font-size: 11px;
    font-style: normal;
    transition: 0.2s;
    font-weight: bold;
}
.custom-tabs .active{
    background-color: #035192;
    color: white;
    background-image: url('../../img/tabbg1.png');
}
.custom-tabs .active span{
    color: white;
}
.custom-tabs .active i{
    color: white;
}
.custom-tabs a:hover{
    -webkit-box-shadow: 0px 0px 10px 2px rgba(3,81,146,0.2);
    -moz-box-shadow: 0px 0px 10px 2px rgba(3,81,146,0.2);
    box-shadow: 0px 0px 10px 2px rgba(3,81,146,0.2);
}
.unison-policy-form{
    border-radius: 10px;
    background-color: white;
    margin-bottom: 60px;
}
.unison-policy-form .section{
    padding: 30px 20px 10px 20px;
    border-bottom: 1px solid #f0f0f0;
}
.unison-policy-form .header{
    color: #035192;
    font-family: caps;
    font-size: 18px;
    font-weight: bold;
    padding-left: 35px;
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url('../../img/policy-header.png');
    display: flex;
    align-items: center;
    padding-top: 3px;
    margin-bottom: 30px;
}
.unison-policy-form .header2{
    background-image: url('../../img/policy-header1.png');
}
.unison-policy-form label{
    display: block;
    font-size: 12px;
    font-family: caps;
    margin-bottom: 0px;
    font-weight: bold;
}
.unison-policy-form select,
.unison-policy-form input[type="text"]{
    width: 100%;
    height: 35px;
    background-color: #fafafa;
    border-radius: 10px;
    border: 1px solid #f0f0f0;
    margin-bottom: 20px;
    transition: 0.2s;
    padding: 0 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.unison-policy-form select:hover,
.unison-policy-form input[type="text"]:hover,
.unison-policy-form .custom-label:hover{
    -webkit-box-shadow: 0px 0px 10px 0px rgba(3,81,146,0.2);
    -moz-box-shadow: 0px 0px 10px 0px rgba(3,81,146,0.2);
    box-shadow: 0px 0px 10px 0px rgba(3,81,146,0.2);
}
.unison-policy-form select:focus,
.unison-policy-form input:focus{
    border-color: #035192;
    background-color: white;
}
.unison-policy-form .submit{
    padding: 30px;
    text-align: center;
}
.unison-policy-form .submit button{
    width: 340px;
    max-width: calc(100% - 40px);
    height: 50px;
    padding: 3px;
    border-radius: 10px;
    background-color: #035192;
    transition: 0.2s;
}
.unison-policy-form .submit button span{
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border: 1px solid white;
    color: white;
    font-family: caps;
    font-weight: bold;
    font-size: 16px;
    border-radius: 10px;
    padding-top: 3px;
    transition: 0.2s;
}
.unison-policy-form .submit button:hover{
    background-color: #e62225;
}
.unison-policy-form .submit button:hover span{
    transform: scale(0.98);
}
.unison-policy-form .submit button span img{
    margin-right: 10px;
}
.unison-policy-form .info,
.unison-policy-form .custom-label{
    width: 100%;
    height: 40px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    font-family: caps;
    font-size: 12px;
    font-weight: bold;
    padding: 0 14px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    transition: 0.2s;
    margin-bottom: 20px;
    padding-top: 4px;
}
.unison-policy-form .custom-label input{
    display: none;
}
.unison-policy-form .info input{
    width: 60px;
    margin-bottom: 0;
    background-color: #035192;
    height: 20px;
    margin: 0 5px;
    margin-top: -4px;
    color: white;
    padding: 0 10px;
    font-size: 12px;
    text-align: center;
}
.unison-policy-form .info span{
    color:  #035192;
    margin-left: 4px;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    font-family: caps;
}
@media screen and (max-width: 1400px){

}
@media screen and (max-width: 1200px){
    .user-sidemenu{
        left: 20px;
    }
    .container-fluid{
        padding-right: 20px!important;
        padding-left: 310px!important;
    }
    .user-main-slider .item .box{
        left: 50%;
        transform: translate(-50%,-50%);
    }
}
@media screen and (max-width: 992px){
    .user-main-slider .item .box h3{
        font-size: 30px;
    }
}
@media screen and (max-width: 768px){
    .user-sidemenu{
        left: -400px;
        margin-top: 10px;
        height: calc(100vh - 80px);
        box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
    }
    .user-sidemenu-show{
        left: -10px!important;
    }
    .bottom-nav{
        display: flex;
    }
    .hidden-sm{
        display: none!important;
    }
    .close-sidemenu{
        display: block;
    }
    .container-fluid{
        padding-right: 10px!important;
        padding-left: 10px!important;
    }
    .user-main-slider .item .box h3{
        font-size: 22px;
    }
    .user-main-slider .item .box .bottom h4{
        font-size: 16px;
    }
    .user-main-slider .item .box .bottom h5{
        font-size: 14px;
    }
    .user-main-slider .item .box{
        max-width: calc(100% - 20px);
    }
    .user-main-slider .owl-next,
    .user-main-slider .owl-prev{
        bottom: 20px;
        top: auto;
    }
    .user-tour-companies .second-heading{
        margin-bottom: 0;
    }
    .user-hotel .owl-next,
    .user-hotel .owl-prev,
    .user-car .owl-next,
    .user-car .owl-prev{
        top: -30px;
    }
    .second-heading{
        padding-right: 80px;
        font-size: 14px;
        line-height: 16px;
    }
}
@media screen and (max-width: 500px){
    .turebi-user-offer .price{
        font-size: 20px;
        height: 25px;
        background-size: 20px;
    }
    .turebi-user-offer .box .left{
            width: calc(67% + 42px);
    }
    .custom-tabs a{
        width: 100%;
    }
}
@media screen and (max-width: 370px){
    .main-heading{
        display: block;
    }
    .turebi-user-offer .box .left h4{
        margin-bottom: 10px;
    }
    .turebi-user-offer .box .left .tour-owner{
        padding-top: 10px;
    }
    .turebi-user-offer .price{
        right: 30px;
    }
    .turebi-user-offer .box .left .tour-owner{
        padding-right: 15px;
    }
}
@media screen and (max-width: 340px){
    .user-menu{
        height: 250px;
        overflow-y: scroll;
    }
}
@media (max-width: 769px) and (orientation:landscape) {

   .user-sidemenu{
    overflow-y: scroll;
   }
   .user-sidemenu .bottom{
    display: none;
   }

}



/*ფავორიტები და ინტერესები სტილები*/
.add-location-interest-box{
    display: flex;
    justify-content: center;
    align-items: center;
    height: calc(100vh - 370px);
    min-height: 200px;
}
.toursblock{
    min-height: calc(100vh - 370px);
}
.user-add-top{
    margin-top: 10px;
    margin-bottom: 10px;
    padding-right: 50px;
}
.user-add-top span{
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    font-family: caps;
    color: #4c4c4c;
    margin-right: 20px;
}
.user-add-top button,
.add-location-interest-box button{
    display: inline-block;
    width: 130px;
    height: 26px;
    text-align: left;
    padding: 2px 11px 0 11px;
    font-family: caps;
    color: white;
    background-color: #fb3968;
    border-radius: 12.5px;
    font-size: 12px;
    background-image: url('https://www.turebi.ge/templates/assets/img/add-01.svg');
    background-position: calc(100% - 10px) center;
    background-repeat: no-repeat;
    background-size: 18px;
    transition: 0.2s;
}
.user-add-top button:hover,
.add-location-interest-box button:hover{
    background-color: #e02956;
}
.add-location-interest-box button{
    width: 260px;
    height: 40px;
    border-radius: 25px;
    font-size: 16px;
    padding: 2px 20px 0 20px;
}
.add-favourite{
    position: relative;
}
.add-favourite .favourites-menu{
    position: absolute;
    top: 34px;
    right: 0px;
    border-radius: 10px;
    background-color: white;
    width: 260px;
    max-height: 0px;
    overflow: hidden;
    padding: 0px;
    opacity: 0;
    transition: opacity 0.4s;
    z-index: 123;
}
.favourites-menu-show:after{
    position: absolute;
    top: -6px;
    right: 0px;
    width: 30px;
    height: 10px;
    background-color: white;
    content: ' ';
    z-index: 123123123;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}
.add-favourite .favourites-menu-show{
    overflow: visible;
    padding-top: 20px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(3,148,214,0.1);
    -moz-box-shadow: 0px 0px 20px 0px rgba(3,148,214,0.1);
    box-shadow: 0px 0px 20px 0px rgba(3,148,214,0.1);
    max-height: 400px;
    opacity: 1;
}
.add-favourite .favourites-menu .add-group{
    display: flex;
    height: 42px;
    border-top: 1px solid #f2f2f2;
    align-items: center;
    padding: 0 20px;
}
.add-favourite .favourites-menu .add-group-input{
    max-height: 0px;
    overflow: hidden;
}
.add-favourite .favourites-menu .add-group-input-show{
    max-height: 200px;
    padding:0 10px;
}
.add-favourite .favourites-menu .add-group-input input{
    width: 100%;
    height: 20px;
    border: none;
    border-bottom: 1px solid #808080;
    font-size: 12px;
}
.add-favourite .favourites-menu .add-group-input input::placeholder{
    font-size: 12px;
    color: #cccccc;
}
.add-favourite .favourites-menu .add-group-input .bottom2{
    display: flex;
    justify-content: flex-end;
    padding: 10px 0;
}
.add-favourite .favourites-menu .add-group-input .save{
    width: 80px;
    height: 30px;
    font-family: caps;
    font-size: 12px;
    color: white;
    border-radius: 10px;
    background-color: #0394d6;
    padding-top: 4px;
}
.add-favourite .favourites-menu .add-group-input .save:hover{
    background-color: #0573a5;
}
.add-group-hide{
    max-height: 0px;
    padding: 0px;
    overflow: hidden;
}
.add-favourite .favourites-menu .header{
    font-size: 11px;
    padding: 10px;
    color: #666666;
}
.add-favourite .favourites-menu label{
    padding-left: 44px;
    position: relative;
    margin-bottom: 10px;
    font-size: 12px;
    padding-top: 1px;
    font-weight: bold;
    color: #4c4c4c;
    height: 14px;
    display: flex;
    align-items: center;
    font-family: caps;
    transition: 0.2s;
}
.add-favourite .favourites-menu label:hover{
    color: #0394d6;
}
/* Base for label styling */
.add-favourite [type="checkbox"]:not(:checked),
.add-favourite [type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
.add-favourite [type="checkbox"]:not(:checked) + label,
.add-favourite [type="checkbox"]:checked + label {
  position: relative;
  cursor: pointer;
}

/* checkbox aspect */
.add-favourite [type="checkbox"]:not(:checked) + label:before,
.add-favourite [type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 18px; top: 0;
  width: 14px;
  height: 14px;
  border: 1px solid #4d4d4d;
  background: transparent;
  border-radius: 4px;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
}
/* checked mark aspect */
.add-favourite [type="checkbox"]:not(:checked) + label:after,
.add-favourite [type="checkbox"]:checked + label:after {
    content: '\2713\0020';
    position: absolute;
    top: 4px;
    left: 20px;
    font-size: 11px;
    line-height: 0.8;
    color: #0394d6;
    transition: all .2s;
    transform: rotate(15deg);
    font-family: 'Lucida Sans Unicode', 'Arial Unicode MS', Arial;
}
/* checked mark aspect changes */
.add-favourite [type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0) rotate(-45deg);
}
.add-favourite [type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1) rotate(15deg);
}
.add-favourite [type="checkbox"]:checked + label:before{
    border-color: #0394d6;
}
/* disabled checkbox */
.add-favourite [type="checkbox"]:disabled:not(:checked) + label:before,
.add-favourite [type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
.add-favourite [type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
.add-favourite [type="checkbox"]:disabled + label {
  color: #aaa;
}
.add-favourite .favourites-menu .add-group button{
    height: 24px;
    display: inline-flex;
    padding-left: 34px;
    font-family: caps;
    font-size: 12px;
    font-weight: bold;
    align-items: center;
    color: #0394d6;
    padding-top: 2px;
    background-image: url('../../img/add2blue.png');
    background-repeat: no-repeat;
    background-position: left center;
}
.locationfilters{
    height: 84px;
}
.filter-groups .item{
    padding: 10px 10px 24px 0px;
}
.filter-groups .owl-next,
.filter-groups .owl-prev{
    top: -38px;
    cursor: pointer;
}
.filter-groups .owl-next{
    right: 10px;
}
.filter-groups .owl-prev{
    right: 65px;
}
.filter-groups .box{
    width: 100%;
    height: 80px;
    border-radius: 15px;
    background-color: white;
    transition: 0.2s;
    position: relative;
    cursor: pointer;
}
.filter-groups .box button{
    padding: 10px;
    height: 50px!important;
}
.filter-groups .box .result{
    color: #a6a6a6;
    font-size: 11px;
    margin-bottom: 4px;
    padding-right: 30px;
}
.filter-groups .box .name{
    color: #404040;
    font-size: 11px;
    font-weight: bold;
    line-height: 14px;
    padding-right: 30px;
    padding-left: 30px;
    transition: 0.2s;
    font-family: caps;
}
.filter-groups .box .edit{
    position: absolute;
    top: 4px;
    right: 4px;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    background-position: center;
    background-repeat: no-repeat;
    transition: 0.2s;
    background-image: url('../../img/editblack.png');
    opacity: 0.5;
}
.filter-groups .box.active,
.filter-groups .box:hover{
    -webkit-box-shadow: 0px 5px 15px 0px rgba(251,57,104,0.2);
    -moz-box-shadow: 0px 5px 15px 0px rgba(251,57,104,0.2);
    box-shadow: 0px 5px 15px 0px rgba(251,57,104,0.2);
}
.filter-groups .box.active .name,
.filter-groups .box:hover .name{
    color: #fb3968;
}
.filter-groups .box.active .edit,
.filter-groups .box:hover .edit{
    background-color: #f2f2f2;
    opacity: 1;
}
.filter-groups .owl-stage-outer{
    margin: 0 -10px 0 -10px;
}
.interesting-countries .owl-stage-outer{
    margin: 0px;
}
.new-filter{
    display: flex;
    justify-content: space-between;
}
.new-filter .select-styled{
    background-image: none!important;
}
.new-filter .left,
.new-filter .right{
    width: 50%;
    display: flex;
    flex-wrap: wrap;
}
.new-filter .right{
    justify-content: flex-end;
}
.new-filter .result{
    padding-left: 20px;
    font-size: 11px;
    color: #a6a6a6;
    height: 30px;
    display: inline-flex;
    align-items: center;
}
.new-filter .result .result-number{
    font-size: 11px;
    color: #a6a6a6;
    display: inline-block;
    margin-right: 5px;

}
.favourite-tours .pagination{
    display: inline-block;
    margin-top: 0px;
    border-radius: 10px;
    background-color: white;
    padding: 3px;
    margin-bottom: 70px;
}
.favourite-tours .pagination>li>a,
.favourite-tours .pagination>li>span{
    border: none!important;
    width: 30px;
    height: 30px;
    border-radius: 6px;
    padding: 0px!important;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 2px;
    color: #595959;
}
.favourite-tours .pagination>li>a:hover,
.favourite-tours .pagination>li>span:hover,
.favourite-tours .pagination>li>a.active,
.favourite-tours .pagination>li>span.active{
    background-color: #0394d6;
    color: white;
    font-size: 12px;
    border: none!important;

}
.owl-carousel .owl-stage-outer {
    overflow: -webkit-paged-y;
}
/*ავტორიზაცია რეგისტრაცია სტილები*/
.popup_close{
    filter: brightness(0) invert(1);
    transition: 0.2s;
}
.popup_close:hover{
    background-color: transparent!important;
    filter: brightness(0) invert(0);
}
.password-recovery-block{
    padding: 20px;
}
.password-recovery-block img{
    width: 100px;
}
.password-recovery-block .message-text{
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: bold;
    font-family: caps;
    margin-top: 10px;
}
.password-recovery-block .input-error,
.user-reg-auth .input-error{
    position: absolute;
    top: 50%!important;
    right: 20px;
    transform: translateY(-50%);
    color: #e74c3c;
}
.password-recovery-block .input-error-box,
.user-reg-auth .input-error-box{
    top: 38px!important;
}
.user-reg-auth{
    margin: 50px 0 30px 0!important;
    min-height: 400px;
    display: flex;
    width: 100%;
}
.user-reg-auth2{
    min-height: 450px;
}
.user-reg-auth .cols{
    padding: 0px;
}
.user-reg-auth .right{
    padding: 60px 50px 60px 50px;
    background: linear-gradient( 135deg, rgba(8,160,206,1) 0%, rgba(60,234,170,1) 100%);
    color: white;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.user-reg-auth .right h2{
    font-size: 16px;
    font-family: caps;
    margin-bottom: 20px;
    color: white;
    text-align: center;
}
.user-reg-auth .right .main-link{
    display: flex;
    align-items: center;
    font-family: caps;
    font-size: 12px;
    border-radius: 20px;
    height: 40px;
    padding: 0 20px;
    background-color: white;
    color: #4c4c4c;
    text-align: center;
    justify-content: center;
    font-weight: bold;
    margin-bottom: 20px;
    transition: 0.2s;
    padding-top: 2px;
}
.user-reg-auth .right .main-link:hover{
    background-color: #0394d6;
    color: white;
}
/*.user-reg-auth .right .main-link:hover{
    background: linear-gradient(to right, rgba(8,160,206,1) 0%, rgba(60,234,170,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}*/
.user-reg-auth .right .offer{
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 12px;
    width: 220px;
    padding-top: 10px;
    text-align: center;
    transition: 0.2s;
    color: white;
}
.user-reg-auth .right .offer:after{
    position: absolute;
    top: 0;
    left: 5px;
    width: calc(100% - 10px);
    height: 1px;
    background-color: white;
    content: ' ';
    transition: 0.2s;
}
/*.user-reg-auth .right .offer:hover{
    color: #fb3968;
}*/
/*.user-reg-auth .right .offer:hover:after{
    background-color: #fb3968;
}*/
.user-reg-auth .reg-buttons{
    display: flex;
    justify-content: space-between;
}
.user-reg-auth .reg-buttons a{
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(50% - 10px);
    height: 40px;
    border-radius: 10px;
    margin-bottom: 20px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    transition: 0.2s;
    font-family: caps;
}
.user-reg-auth .reg-buttons a img{
    margin-right: 5px;
    height: 16px;
    transition: 0.2s;
}
.user-reg-auth .reg-buttons .fb{
    background-color: #2d4e90;
    color: white;
}
.user-reg-auth .reg-buttons .fb:hover{
    background-color: white;
    color: #4267b2;
    border: 1px solid #4267b2;
}
.user-reg-auth .reg-buttons .gl{
    background-color: #0394d6;
    color: white;
    border: 1px solid #0394d6;
}
.user-reg-auth .reg-buttons .gl:hover{
    background-color: white;
    border: 1px solid #0394d6;
    color: #0394d6;
}
.user-reg-auth .reg-buttons a img{
    filter: brightness(0) invert(1);
}
.user-reg-auth .reg-buttons a:hover img{
    filter: none;
}
.user-reg-auth .left{
    background-color: white;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    padding: 30px 100px;
}
.user-reg-auth .left .header{
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    color: #4c4c4c;
    font-family: caps;
    background: linear-gradient(to right, rgba(8,160,206,1) 0%, rgba(60,234,170,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
}
.user-reg-auth .left .back-button{
    position: absolute;
    left: 30px;
    top: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    padding-left: 36px;
    color: #4c4c4c;
    font-size: 12px;
    background-image: url('../../img/back-button.png');
    background-repeat: no-repeat;
    background-position: left center;
    font-weight: bold;
    transform: scale(0);
    transition: 0.5s;
    cursor: pointer;
    z-index: 5;
}
.user-reg-auth .left .back-button-show{
    transform: scale(1);
}
.user-reg-auth .left .back-button:hover{
    color: #0394d6;
}
.user-reg-auth .left .sub-header{
    color: #666666;
    font-size: 12px;
    margin-top: 40px;
    margin-bottom: 10px;
    text-align: center;
    font-weight: bold;
}
.user-reg-auth .left .registration-types{
    transition: 0.4s;
}
.user-reg-auth .left .registration-types .types{
    display: flex;
    flex-wrap: nowrap;
}
.user-reg-auth .left .registration-types .types .type{
    width: 100%;
    height: 100px;
    background-position: center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 4px;
    font-family: caps;
    font-weight: bold;
    background-color: #f2f2f2;
    border-radius: 10px;
    margin: 10px;
    cursor: pointer;
    padding: 0 20px;
    text-align: center;
    position: relative;
    overflow: hidden;
    background-color: #f0f0f0;
}
.user-reg-auth .left .registration-types .types .type span{
    display: block;
    width: 100%;
}
.user-reg-auth .left .registration-types .types .type img{
    margin-bottom: 10px;
}
.user-reg-auth .left .registration-types .types .type:hover{
    background: linear-gradient(to right, rgba(8,160,206,1) 0%, rgba(60,234,170,1) 100%);

}
.user-reg-auth .left .registration-types .types .type span{
    font-family: caps;
    background: linear-gradient(to right, rgba(8,160,206,1) 0%, rgba(60,234,170,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
    font-size: 12px;
    position: relative;
    z-index: 3;
    text-align: center;
    width: 100%;
}
.user-reg-auth .left .registration-types .types .type .bg{
    position: absolute;
    top: 1px;
    left: 1px;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    background-color: white;
    border-radius: 10px;
    z-index: 2;
}
.auth-form{
    width: 400px;
    margin: 60px auto;
    max-width: 100%;
}
.password-recovery-block .input,
.user-reg-auth .input{
    position: relative;
    margin-bottom: 20px;
}
.password-recovery-block label,
.user-reg-auth .input label{
    position: absolute;
    top: 10px;
    left: 20px;
    font-family: caps;
    font-size: 12px;
    font-weight: bold;
    color: #808080;
    transition: 0.2s;
    cursor: text;
    margin-bottom: 0px;
    padding-top: 2px;
}
.password-recovery-block .input input,
.user-reg-auth .input input{
    width: 100%;
    height: 40px;
    border-radius: 10px;
    border: 1px solid #f0f0f0;
    background-color: #fafafa;
    padding: 0 20px;
    transition: 0.2s;
    background-position: calc(100% - 20px) center;
    background-repeat: no-repeat;
    background-size: 16px;
}
.password-recovery-block .input input:focus,
.user-reg-auth .input input:focus{
    background-color: white;
}
.password-recovery-block .input label.focus,
.user-reg-auth .input label.focus{
    top: -15px;
    font-size: 10px;
    background: linear-gradient(to right, rgba(8,160,206,1) 0%, rgba(60,234,170,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.password-recovery-block .input .mail-input,
.user-reg-auth .input .mail-input{
    background-image: url(../../img/new/login/mail.svg);
}
.password-recovery-block .input .password-input,
.user-reg-auth .input .password-input{
    background-image: url(../../img/new/login/key.svg);
}
.password-recovery-block .input .mail-input:focus,
.user-reg-auth .input .mail-input:focus{
    background-image: url(../../img/new/login/mail2.svg);
}
.password-recovery-block .input .password-input:focus,
.user-reg-auth .input .password-input:focus{
    background-image: url(../../img/new/login/key2.svg);
}
.password-recovery-block button,
.user-reg-auth .auth{
    display: block;
    width: 100%;
    height: 40px;
    border-radius: 20px;
    padding: 1px;
    background-image: linear-gradient(to right, rgba(8,160,206,1) 0%, rgba(60,234,170,1) 25%, rgba(8,160,206,1) 50%, rgba(60,234,170,1) 100% );
    background-size: 400%;
    background-position: left bottom;
    transition: 0.5s;
}
.password-recovery-block button span,
.user-reg-auth .auth span{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    background: transparent;
    color: white;
    font-family: caps;
    padding-top: 2px;
    transition: 0.2s;
}
.password-recovery-block button:hover,
.user-reg-auth .auth:hover{
    background-position: right center;
    background-size: 200%;
}
.auth-form .reset-pass{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    text-align: center;
}
.auth-form .reset-pass a{
    display: inline-block;
    padding-left: 20px;
    font-size: 12px;
    color: #666666;
    background-image: url(../../img/new/login/lock.svg);
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: left center;
    padding-top: 2px;
}
.auth-form .reset-pass a:hover{
    color: #0394d6;
    background-image: url(../../img/new/login/lock2.svg);
}
/*.auth-form .reset-pass img{
    width: 12px;
    margin-top: -4px;
    margin-right: 5px;
}*/
.reg-form{
    padding-bottom: 50px;
    transform: scale(0);
    max-height: 0px;
    position: absolute;
    top: 25%;
    left: 25%;
}
.rules{
    display: flex;
    padding-left: 20px;
    font-size: 12px;
    margin-bottom: 20px;
    align-items: center;
    cursor: pointer;
}
.rules input[type="checkbox"]{
    margin-right: 5px;
    margin-top: 0px;
}
.rules a{
    font-size: 12px;
    color: #0394d6;
    margin-left: 5px;
    display: inline-block;
    font-weight: bold;
    transition: 0.2s;
}
.rules a:hover{
    color: #fb3968;
}
.rules:after{
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
}
.hide-types{
    opacity: 0;
    z-index: -1;
    max-height: 0px;
    overflow: hidden;
}
.show-reg-form{
    transform: scale(1)!important;
    max-height: 10000px!important;
    position: static!important;
}

@media screen and (max-width: 1200px){
    .user-reg-auth .left {
        padding: 30px 50px;
    }
}
@media screen and (max-width: 992px){
    .user-reg-auth{
        display: block;
    }
    .user-main-slider .item .box h3{
        font-size: 30px;
    }
    .user-reg-auth .cols{
        border-radius: 0px;
    }
    .user-reg-auth .cols.left{
        border-top-right-radius: 10px;
        border-top-left-radius: 10px;
        padding: 30px;
    }
    .user-reg-auth .cols.right{
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
        padding: 50px 30px;
        padding-bottom: 100px;
    }
}
@media screen and (max-width: 768px){
    .user-reg-auth .left .registration-types .types{
        flex-wrap: wrap;
    }
}
@media screen and (max-width: 360px){
    .user-reg-auth .left .back-button{
        top: 70px;
    }
}

/*popup-styles*/
.create-edit-group{
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 124;
    transform: scale(0);
    opacity: 0;
    transition: 0.2s;
}
.create-edit-group .box{
    border-radius: 20px;
    width: 580px;
    padding: 0px 0 20px 0;
    background-color: white;
}
.create-edit-group .box .top{
    padding: 0 20px;
    border-bottom: 1px solid #f2f2f2;
    height: 55px;
    display: flex;
    align-items: center;
    position: relative;
}
.create-edit-group .box .top .header{
    font-size: 16px;
    color: #404040;
    font-family: caps;
    font-weight: bold;
}
.create-edit-group .box .top .closer{
    position: absolute;
    top: 20px;
    right: 20px;
    width: 14px;
    height: 14px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('{{constants.TWIG_THEME}}/assets/img/atclose.svg');
    opacity: 0.6;
    transition: 0.2s;
}
.create-edit-group .box .top .closer:hover{
    opacity: 1;
}
.create-edit-group .box .bottom{
    padding: 0 20px;
}
.create-edit-group .box .bottom .input-line{
    padding: 20px 0;
    display: flex;
}
.create-edit-group .box .bottom .input-line span{
    display: inline-flex;
    align-items: center;
    height: 35px;
    padding-right: 20px;
    font-size: 14px;
    font-family: caps;
    font-weight: bold;
    padding-top: 4px;
}
.create-edit-group .box .bottom .input-line input{
    width: 100%;
    height: 35px;
    border-radius: 18px;
    border: 1px solid #808080;
    padding: 0 20px;
    font-family: caps;
    font-size: 12px;
    font-weight: bold;
}
.create-edit-group .box .actions{
    display: flex;
    justify-content: space-between;
}
.create-edit-group .box .actions .save{
    height: 35px;
    padding: 0 15px;
    display: flex;
    align-items: center;
    font-size: 12px;
    color: white;
    font-weight: bold;
    border-radius: 18px;
    background-color: #0394d6;
    font-family: caps;
    transition: 0.2s;
    padding-top: 4px;
}
.create-edit-group .box .actions .delete{
    background-repeat: no-repeat;
    background-position: 15px center;
    padding-left: 15px;
    padding-right: 15px;
    background-size: 12px;
    font-size: 12px;
    font-family: caps;
    font-weight: bold;
    background-color: #f2f2f2;
    border-radius: 18px;
    height: 35px;
    display: flex;
    align-items: center;
    padding-top: 4px;
}
.create-edit-group .box .actions .delete img{
    transition: 0.2s;
    width: 12px;
    margin-top: -4px;
    margin-right: 5px;
}
.create-edit-group .box .actions .save:hover{
    background-color: #0573a5;
}
.create-edit-group .box .actions .delete:hover{
    background-color: #fb3968;
    color: white;
}
.create-edit-group .box .actions .delete:hover img{
    filter: brightness(0) invert(1);
}
.create-group-pop .actions{
    justify-content: flex-end!important;
}
.create-edit-group-show{
    transform: scale(1);
    opacity: 1;
}


/*edit profile styles*/
.pd-20{
    padding-left: 20px!important;
    padding-right: 20px!important;
}
.edit-profile{
    background-color: white;
    border-radius: 10px;
}
.profile-fill-precentage{
    position: absolute;
    top: 30px;
    right: 30px;
    width: 300px;
}
.profile-fill-precentage .header2{
    font-size: 11px;
    font-weight: bold;
}
.profile-fill-precentage .fill-bar-box{
    display: flex;
    align-items: center;
}
.profile-fill-precentage .fill-bar{
    height: 6px;
    width: 100%;
    border-radius: 3px;
    background-color: #f2f2f2;
}
.profile-fill-precentage .fill-bar-box span{
    display: block;
    padding-left: 10px;
}
.profile-fill-precentage .fill-bar .percentage{
    height: 100%;
    background: linear-gradient(45deg, rgba(8,160,206,1) 0%, rgba(60,234,170,1) 100%);
    border-radius: 3px;
    transition: 0.6s;
}
.edit-profile .header {
    display: block;
    padding: 30px;
}
.edit-profile .header.text-center{
    border-bottom: 1px solid #f2f2f2;
}
.edit-profile .header span{
    background: linear-gradient(45deg, rgba(8,160,206,1) 0%, rgba(60,234,170,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 16px;
    font-weight: bold;
    font-family: caps;
}
.edit-profile .header img{
    margin-right: 5px;
    height: 20px;
    margin-top: -10px;
}
.edit-profile .img-edit{
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    flex-wrap: wrap;
}
.edit-profile .img-edit .img{
    width: 80px;
    height: 80px;
    border-radius: 100%;
    margin-right: 10px;
    overflow: hidden;
    display: inline-grid;
}
.edit-profile .img-edit .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.edit-profile .img-edit button{
    height: 35px;
    font-size: 12px;
    padding:0 15px;
    margin-left: 10px;
    border-radius: 10px;
    transition: 0.2s;
}
.edit-profile .img-edit .edit{
    background-color: #f2f2f2;
}
.edit-profile .img-edit .delete{
    border: 1px solid #f2f2f2;
}
.edit-profile .img-edit .edit:hover{
    background-color: #0aa3cd;
    color: white;
}
.edit-profile .img-edit .delete:hover{
    background-color: #fb3968;
    color: white;
}
.edit-profile label{
    font-size: 12px;
    font-family: caps;
    font-weight: bold;
    margin-bottom: 0px;
}
.label-in-focus{
    background: linear-gradient(45deg, rgba(8,160,206,1) 0%, rgba(60,234,170,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
}
anton asatiani, [19.06.19 18:02]
text-shadow:
       -1px -1px 0 #4c4c4c,
        1px -1px 0 #4c4c4c,
        -1px 1px 0 #4c4c4c,
         1px 1px 0 #4c4c4c;
}
.user-main-slider .tour-owner{
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
}
.user-main-slider .tour-owner img{
    width: 50px;
    height: 50px;
    object-fit: contain;
    float: right;
}
.user-main-slider .tour-owner h6{
    font-weight: bold;
    font-size: 16px;
}
.user-main-slider .owl-next,
.user-main-slider .owl-prev{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
    border-radius: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 6px;
    transition: 0.2s;
}
.user-main-slider .owl-next{
    right: 30px;
    background-image: url(../../img/arrow3.svg);
}
.user-main-slider .owl-next:hover{
    background-image: url(../../img/arrow.svg);
}
.user-main-slider .owl-prev{
    left: 30px;
    background-image: url(../../img/arrow2.svg);
}
.user-main-slider .owl-prev:hover{
    background-image: url(../../img/arrow1.svg);
}
.second-heading{
    padding-top: 4px;
    font-size: 16px;
    color: #4c4c4c;
    font-family: caps;
    padding-left: 30px;
    background-position: left center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}
.turebi-user-offer .second-heading{
    background-image: url('../../img/like.png');
    margin-bottom: 15px;
}
.trending-tours .second-heading{
    background-image: url('../../img/trending.png');
}
.user-tour-companies .second-heading{
    background-image: url('../../img/companies.png');
}
.user-hotel .second-heading{
    background-image: url('../../img/hotel.png');
}
.user-car .second-heading{
    background-image: url('../../img/car.png');
}
.carousel-nav .owl-next,
.carousel-nav .owl-prev{
    position: absolute;
    top: -45px;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
    border-radius: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 5px;
    transition: 0.2s;
}
.user-car .owl-next,
.user-car .owl-prev,
.trending-tours .owl-next,
.trending-tours .owl-prev,
.user-tour-companies .owl-next,
.user-tour-companies .owl-prev{
    top: -30px;
}
.carousel-nav .owl-next{
    right: 10px;
    background-image: url(../../img/arrow3.svg);
}
.carousel-nav .owl-next:hover{
    background-image: url(../../img/arrow.svg);
}
.carousel-nav .owl-prev{
    right: 50px;
    background-image: url(../../img/arrow2.svg);
}
.carousel-nav .owl-prev:hover{
    background-image: url(../../img/arrow1.svg);
}
.turebi-user-offer{
    margin-bottom: 40px;
}
.turebi-user-offer .box{
    border-radius: 10px;
    width: 100%;
    height: 350px;
    background-color: white;
    overflow: hidden;
}
.turebi-user-offer .box .left{
    -webkit-clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
    width: calc(50% + 42px);
    height: 100%;
    background-color: white;
    padding: 0 0 20px 20px;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
}
.turebi-user-offer .box .right{
    position: absolute;
    right: 0;
    top: 0;
    width: 70%;
    height: 100%;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    overflow: hidden;
    display: block;
}
.turebi-user-offer .box .right:after{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: ' ';
    background-color: white;
    opacity: 0;
    transition: 0.2s;
}
.turebi-user-offer .box .right img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.2s;
}
.turebi-user-offer .box .left .tour-owner{
    padding-right: 36px;
    padding-top: 20px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}
.edit-profile input[type="password"],
.edit-profile input[type="text"],
.edit-profile input[type="date"],
.edit-profile .genders{
    width: 100%;
    height: 35px;
    border-radius: 10px;
    border: 1px solid #f0f0f0;
    background-color: #fafafa;
    margin-bottom: 20px;
    padding: 0 20px;
    transition: 0.2s;
}
.edit-profile input[type="password"]:focus,
.edit-profile input[type="text"]:focus,
.edit-profile input[type="date"]:focus,
.edit-profile input[type="password"]:hover,
.edit-profile input[type="text"]:hover,
.edit-profile input[type="date"]:hover{
    border-color: #0896d7;
}
.edit-profile .genders{
    display: flex;
    overflow: hidden;
    padding: 0px;
    background-color: transparent;
    border: none;
}
.edit-profile input[type="date"]::-webkit-inner-spin-button,
.edit-profile input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}
.edit-profile .genders label{
    font-size: 11px;
    margin-bottom: 0px;
    width: 50%;
    height: 100%;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    cursor: pointer;
    transition: 0.2s;
    position: relative;
     background-repeat: no-repeat;
    background-position: center;
    border: 1px solid #f0f0f0;
    background-color: #fafafa;
    border-radius: 10px;
}
.edit-profile .genders label:first-child{
    margin-right: 20px;
}
.edit-profile .genders label .check{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    width: 14px;
    height: 14px;
    content: ' ';
    background-color: white;
    transition: 0.2s;
    z-index: 2;
    border-radius: 3px;
/*    background-repeat: no-repeat;
    background-position: center;*/
}
/*.edit-profile .genders label:after{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 19px;
    width: 16px;
    height: 16px;
    background: #f0f0f0;
    content: ' ';
    transition: 0.2s;
    border-radius: 3px;
}*/




.edit-profile .genders label input{
    width: 0px;
    height: 0px;
    opacity: 0;
}
.edit-profile .genders label img{
    width: unset;
    height: 18px;
    margin-right: 10px;
    margin-top: 0px;
}
@media (max-width: 400px){
    .edit-profile .genders label img{
        margin-right: 5px;
        height: 14px;
        margin-top: -2px;
    }
}
.edit-profile .genders label:hover,
.edit-profile .genders .active-label{
    background-color: #3498db;
    border: 1px solid #3498db;
    color: white;
}
.edit-profile .genders label:hover img,
.edit-profile .genders .active-label img{
    filter: brightness(0) invert(1);
}
.edit-profile .genders .active-label .check{
    /*background-image: url(../../img/check.jpg);*/
}
.edit-profile .genders .active-label{
    /*background-image: url(../../img/check.jpg);*/
}
/*.edit-profile .genders .gender:hover:after,
.edit-profile .genders .active-label:after{
    background: linear-gradient(to right, rgba(8,160,206,1) 0%, rgba(60,234,170,1) 100%);
}*/
.edit-profile .save{
    /*background: linear-gradient(45deg, rgba(8,160,206,1) 0%, rgba(60,234,170,1) 100%);*/
    padding: 1px;
    border-radius: 10px;
}
.edit-profile .save div{
    display: flex;
    height: 40px;
    border-radius: 10px;
    font-weight: bold;
    background-color: white;
    justify-content: center;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    background-position: right center;
    background-size: 200%;
    background-image: linear-gradient(to right, rgba(8,160,206,1) 0%, rgba(60,234,170,1) 25%, rgba(8,160,206,1) 50%, rgba(60,234,170,1) 100% );
    transition: 0.4s;
    transition-timing-function: ease-in-out;
    padding-top: 2px;
}
.edit-profile .save div img{
    margin-right: 10px;
    margin-top: 0px;
    filter: brightness(0) invert(1);
}
.edit-profile .save div i{
    background-image: linear-gradient(45deg, rgba(8,160,206,1) 0%, rgba(60,234,170,1) 20% , white 50% , white 100%);
    background-size: 400%;
   background-position: right bottom;
    transition: 0.4s;
    font-family: caps;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-style: normal!important;
}
    .edit-profile .save:hover div{
    background-position: left center;
    background-size: 400% auto;
}
/*.edit-profile .save:hover div i{
    background-position: left top;
}
.edit-profile .save:hover div img{
    filter: brightness(1) invert(0);
}*/
.edit-profile .input-error{
    position: absolute;
    top: -12px;
    right: 0px;
}
@media(max-width: 760px){
    .edit-profile .img-edit{
        justify-content: center;
    }
    .edit-profile .img-edit button{
        margin-top: 20px;
    }
}

/*ინტერესების სტილები*/
.interesting-countries .owl-next{
    right: 0px;
}
.interesting-countries .owl-prev,
.interesting-countries .owl-next{
    top: -38px;
}
.interesting-countries .item .box button,
.interesting-countries .item .box,
.interesting-countries .item .box .name{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}
.interesting-countries .item .box{
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.interesting-countries .item .box .remove{
    position: absolute;
    top: 5px;
    right: 5px;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: bold;
    background-color: #f2f2f2;
    opacity: 0.6;
    transition: 0.2s;
    background-image: url('../../img/close.png');
    background-repeat: no-repeat;
    background-position: center;
}
.interesting-countries .item .box:hover .remove{
    opacity: 1;
}
.interesting-countries .item .box.active{
    background-color: #fb3968;
}
.interesting-countries .item .box.active .name,
.interesting-countries .item .box.active:hover .name{
    color: white;
}
.interesting-countries .item .box.active .remove{
    opacity: 1;
}
.new-filter2{
    justify-content: space-between;
    flex-wrap: wrap;
}
.new-filter2 .left, .new-filter2 .right{
    width: auto;
    flex-wrap: wrap;
}
.new-filter2 .tours-result{
    font-size: 16px;
    font-weight: bold;
    font-family: caps;
    margin-right: 50px;
    margin-bottom: 20px;
    height: 18px;
    margin-top: 5px;
}
.new-filter2 .tours-result span{
    color: #a6a6a6;
    font-size: 11px;
    margin-left: 10px;
    font-weight: normal;
}
#resultNumber{
    margin: 0;
}
.price-range{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-right: 20px;
    margin-bottom: 20px;
    background-color: white;
    border-radius: 15px;
}
.price-range span{
    font-style: 12px;
    color: #4c4c4c;
    font-family: caps;
    font-weight: bold;
    display: inline-block;
    padding-top: 2px;
}
.price-range .slider-range{
    display: flex;
    align-items: center;
    margin-left: 0px;
    background-color: transparent;
    height: 30px;
    border-radius: 15px;
    padding: 0px;
}
.price-range #slider-range{
    width: 200px;
    height: 4px;
    background-color: #f2f2f2!important;
    border-radius: 2px;
    box-shadow: none;
}
.price-range .budget .budget-curencies{
    width: 80px;
    margin-left: 0px;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button{
    background-color: #0394d6!important;
}
#slider-range .ui-state-default,
#slider-range .ui-widget-content .ui-state-default,
#slider-range .ui-widget-header .ui-state-default,
#slider-range .ui-button,
#slider-range .ui-button.ui-state-disabled:hover,
#slider-range .ui-button.ui-state-disabled:active{
    margin-top: -2px!important;
    cursor: pointer;
}
.ui-slider .ui-slider-handle{
    width: 16px!important;
    height: 16px!important;
    border: 2px solid white!important;
}
#amount1,
#amount2{
    margin: 0 10px;
    width: 60px;
    text-align: center;
    font-style: 12px;
    color: #cccccc;
}
@media (max-width: 1350px){
    .new-filter2 .right {
        justify-content: space-between;
        width: 100%;
    }
    .price-range #slider-range{
        width: 140px;
    }
}
@media(max-width: 1300px){
    .new-filter2,
    .new-filter2 .right{
        justify-content: flex-start;
        margin-right: 0px;
        margin-left: 0px;
    }
    .new-filter2 .right{
        justify-content: space-between;
    }
}
@media(min-width: 1200px) and (max-width: 1400px){
     .edit-profile .gender-col{
            width: 66.66666667%;
        }
}
@media(max-width: 1000px){
    .price-range #slider-range{
        width: 140px;
    }
    .price-range .budget .budget-curencies{
        margin-left: 0px;
    }
}
@media(max-width: 768px){
    .new-filter2,
    .new-filter2 .tours-result,
    .new-filter2 .price-range{
        justify-content: center;
        margin-right: 0px;
        margin-left: 0px;
    }
    .price-range #slider-range{
        width: 120px;
    }
    .price-range{
        padding: 0px;
        border-radius: 15px;
        background-color: white;
    }
}
@media(max-width: 620px){
    .new-filter2 .right{
        justify-content: center;
        margin-right: 0px;
        margin-left: 0px;
    }
    .new-filter2 .price-range{
        width: 100%;
    }
    .new-filter2 .price-range{
        justify-content: space-between;
    }
    .price-range #slider-range{
        width: 150px;
    }
}
@media(max-width: 430px){
    .new-filter2 .price-range{
        justify-content: center;
    }
}



/*შეტყობინებების სტილები*/
.mg-0{
    margin: 0!important;
}
.compose-message{
    font-size: 12px;
    font-weight: bold;
    height: 35px;
    border-radius: 17px;
    padding: 0 20px;
    font-family: caps;
    background-color: white;
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.1);
    padding-top: 4px;
    margin-bottom: 20px;
}
.compose-message img{
    margin-right: 10px;
    margin-top: -4px;
}
.compose-message:hover{
    background: linear-gradient(to right, rgba(8,160,206,1) 0%, rgba(60,234,170,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.notification-actions{
    display: flex;
    border-bottom: 1px solid white;
    margin-bottom: 5px;
}
.notification-actions .delete{
    font-size: 12px;
    height: 16px;
    margin-left: 20px;
    transition: 0.2s;
    margin-bottom: 6px;
}
.notification-actions .delete img{
    margin-top: -4px;
    transition: 0.2s;
}
.notification-actions .delete:hover{
    color: red;
}
.notification-actions .delete:hover img{
    -webkit-filter: invert(40%) grayscale(100%) brightness(40%) sepia(100%) hue-rotate(-50deg) saturate(400%) contrast(2);
      filter: grayscale(100%) brightness(40%) sepia(100%) hue-rotate(-50deg) saturate(600%) contrast(0.8);
}
.notification-actions .reload{
    padding: 0 6px;
    height: 24px;
    display: flex;
    align-items: center;
    border-radius: 12px;
    background-color: #e6e6e6;
    font-size: 12px;
    margin-top: -5px;
    margin-left: 20px;
    transition: 0.2s;
    margin-bottom: 6px;
}
.notification-actions .reload img{
    margin-right: 5px;
    transition: 0.2s;
}
.notification-actions .reload:hover{
    background-color: #0394d6;
    color: white;
}
.notification-actions .reload:hover img{
    filter: brightness(0) invert(1);
}
.notifications label{
    padding-left: 40px;
    position: relative;
    margin-bottom: 10px;
    font-size: 12px;
    padding-top: 1px;
    font-weight: bold;
    color: #4c4c4c;
    height: 16px;
    display: flex;
    align-items: center;
    font-family: caps;
    transition: 0.2s;
    padding-top: 1px;
    margin-bottom: 6px;
}
.notifications .favourites-menu label:hover{
    color: #0394d6;
}
/* Base for label styling */
.notifications [type="checkbox"]:not(:checked),
.notifications [type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
.notifications [type="checkbox"]:not(:checked) + label,
.notifications [type="checkbox"]:checked + label {
  position: relative;
  cursor: pointer;
}

/* checkbox aspect */
.notifications [type="checkbox"]:not(:checked) + label:before,
.notifications [type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 18px; top: 0;
  width: 14px;
  height: 14px;
  border: 1px solid #4d4d4d;
  background: transparent;
  border-radius: 4px;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
}
/* checked mark aspect */
.notifications [type="checkbox"]:not(:checked) + label:after,
.notifications [type="checkbox"]:checked + label:after {
    content: '\2713\0020';
    position: absolute;
    top: 4px;
    left: 20px;
    font-size: 11px;
    line-height: 0.8;
    color: #0394d6;
    transition: all .2s;
    transform: rotate(15deg);
    font-family: 'Lucida Sans Unicode', 'Arial Unicode MS', Arial;
}
/* checked mark aspect changes */
.notifications [type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0) rotate(-45deg);
}
.notifications [type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1) rotate(15deg);
}
.notifications [type="checkbox"]:checked + label:before{
    border-color: #0394d6;
}
/* disabled checkbox */
.notifications [type="checkbox"]:disabled:not(:checked) + label:before,
.notifications [type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
.notifications [type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
.notifications [type="checkbox"]:disabled + label {
  color: #aaa;
}
.notification-box{
    background-color: #fafafa;
    border-radius: 10px;
    display: flex;
    overflow: hidden;
    height: 580px;
    margin-bottom: 70px;
}
.notification-box .left{
    width: 40%;
    background-color: white;
}
.notification-box .right{
    width: 60%;
    background-color: #fafafa;
    background-image: url(../../img/notification-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 450px;
}
.notification-box label{
    height: 100px;
    display: block;
    padding: 20px 20px 20px 55px;
    margin: 0px;
}
.notification-box [type="checkbox"]:not(:checked) + label:before,
.notification-box [type="checkbox"]:checked + label:before{
    top: calc(50% - 8px);
}
.notification-box [type="checkbox"]:not(:checked) + label:after,
.notification-box [type="checkbox"]:checked + label:after{
    top: calc(50% - 4px);
}
.notification-box .box{
    border-top: 1px solid #f2f2f2;
    position: relative;
}
.notification-box .box.active,
.notification-box .box:hover{
    background-color: #fafafa;
}
.notification-box .box.active:after,
.notification-box .box:hover:after{
    position: absolute;
    top: 25px;
    left: 0;
    width: 2px;
    height: 50px;
    content: ' ';
    background: linear-gradient(180deg, rgba(8,160,206,1) 0%, rgba(60,234,170,1) 100%);

}
.full-notification .sender,
.notification-box .box .sender{
    background: linear-gradient(to right, rgba(8,160,206,1) 0%, rgba(60,234,170,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    font-weight: bold;
}
.full-notification .date,
.notification-box .box .date{
    float: right;
    display: inline-flex;
    align-items: center;
    color: #808080;
    padding-right: 20px;
    background-image: url(../../img/time2.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;
    height: 14px;
    font-size: 12px;
}
.full-notification .date{
    background-position: left center;
    padding-right: 0px;
    padding-left: 20px;
}
.notification-box .box .top span{
    font-size: 10px;
    font-family: caps;
    color: white;
    background-color: #fb3968;
    display: inline-flex;
    height: 16px;
    align-items: center;
    border-radius: 8px;
    padding: 0 8px;
    margin-left: 20px;
    margin-right: 20px;
    padding-top: 2px;
}
.notification-box .box .title{
    font-size: 12px;
    font-weight: bold;
    font-family: caps;
    margin-top: 5px;
    height: 16px;
    overflow: hidden;
}
.notification-box .box .text{
    color: #808080;
    font-size: 11px;
    height: 16px;
    overflow: hidden;
    margin-top: 5px;
}
.full-notification{
    padding: 30px 20px 30px 30px;
    background-color: #fafafa;
    height: 100%;
}
.full-notification .top{
    display: flex;
    align-items: center;
    margin-bottom: 26px;
    justify-content: space-between;
}
.full-notification .top div{
    flex-shrink: 0;
    display: flex;
}
.full-notification .top .sender-logo{
    width: 50px;
    height: 50px;
    border-radius: 22px;
    margin-right: 30px;
    background-color: white;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.full-notification .top .sender-logo img{
    max-width: 70%;
    max-height: 70%;
}
.full-notification .title{
    font-family: caps;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 0 80px;
}
.full-notification .text{
    font-size: 12px;
    padding: 0 80px;
}
.full-notification .sender-date{
    width: 160px;
    display: flex;
    flex-wrap: wrap;
}
.full-notification .delete,
.full-notification .compose-message{
    height: 24px;
    border-radius: 12px;
    color: #404040;
    font-size: 12px;
    display: inline-flex;
    align-items: center;
    padding: 0 12px;
    margin: 0px;
    margin-left: 20px;
    box-shadow: none;
    background-color: #f2f2f2;
    transition: 0.2s;
}
.full-notification .delete img{
    margin-right: 5px;
    transition: 0.2s;
}
.full-notification .delete:hover{
    background-color: #fb3968;
    color: white;
}
.full-notification .delete:hover img{
    filter: brightness(0) invert(1);
}
.full-notification .compose-message2 img{
    filter: grayscale(100%);
}
.full-notification .compose-message2:hover{
    background-color: #f2f2f2;
}
.full-notification .compose-message2:hover img{
    filter: grayscale(0%);
}
@media(max-width: 1500px){
    .notification-box{
        height: auto;
    }
    .notification-box .left{
        width: 30%;
    }
    .notification-box .right{
        width: 70%;
    }
}
@media(max-width: 1350px){
    /*.notification-box .left{
        width: 20%;
    }
    .notification-box .right{
        width: 80%;
    }*/
}
@media(max-width: 993px){
    .profile-fill-precentage{
        padding: 30px 30px 0px 30px;
        position: unset;
        width: auto;
    }
}
@media(max-width: 480px){
    .edit-profile-tour-sm{
        display: none!important;
    }
}
/*trasfered from client parameters*/
.daterangepicker.auto-apply .drp-buttons{
    display: none!important;
}
.daterangepicker th.month select{
    padding: 0!important;
    border: none!important;
    cursor: pointer;
    display: inline-block!important;
}
.container-min-heigth{
    min-height: calc(100vh - 190px);
    display: flex;
    align-items: center;
    justify-content: center;
}
.auth-success{
    width: 100%;
}
.auth-success .tick-iamge{
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}
.auth-success .tick-iamge img{
    width: 80px;
}
.auth-success .user-reg-auth{
    display: flex;
    justify-content: center;
    width: 100%;
    min-height: auto;
}
.auth-success .left{
    width: 80%;
    border-radius: 10px;
}
.auth-success .move-to-main{
    font-size: 12px;
    text-align: center;
    transition: 0.2s;
}
.auth-success .move-to-main:hover span{
    color: #0394d6;
}
.auth-success .auth-form{
    text-align: center;
    margin-bottom: 0px;
    margin-top: 20px;
}
.auth-success .auth{
    margin-bottom: 20px;
}
.auth-success .header2{
    font-family: caps;
    font-size: 16px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media screen and (max-width: 1200px){
    .auth-success .left {
        padding: 20px;
    }
}
.fav-section{
    background-color: white;
    border-radius: 20px;
    margin-bottom: 20px;
}
.fav-section .bottom{
    background-color: #f2f2f2;
}
.fav-section .second-heading{
    padding: 20px 15px 15px 15px;
}
.fav-section .second-heading span{
    background: linear-gradient(to right, rgba(8,160,206,1) 0%, rgba(60,234,170,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
    font-size: 18px;
    font-family: caps;
    padding-left: 10px;
}