@charset "utf-8";
@import url("../../../webfonts/NotoSans_Regular/stylesheet.css");

#xxxxxxxxxxxxxmaxwidth767pxxxxxxxxxxxxxxxxxxxxxxxxxxxx {}
/*@media only screen and (max-width: 1767px) {*/
#xxxxxxxxxxxxxmaxwidth767pxxxxxxxxxxxxxxxxxxxxxxxxxxxx {}
     body {
     margin: 0px;
     padding: 0px;
}
a , input, select{
     font-family: "NotoSans Regular";
     color: #000;
     text-decoration: none;
     font-size: 0,8vw;
}
.mall {
     background-color: #F0F3F7;
     padding: 0px;
     width: 100%;
     float: left;
     height: auto;
     margin-top: 95px;
     font-family: "Catamaran Regular";
     clear: both;
}

.mall .margin {
     width: 98%;
     margin-right: 1%;
     margin-left: 1%;
     box-shadow: 0px 0px 3px 0px rgb(153,153,153);
     background-color: rgb(255,255,255);
     border: 1px solid #cccccc;
     height: auto;
     box-sizing: border-box;
     float: left;
     margin-top: 20px;
}


.mall .margin .tmargin {
     float: left;
     width: 100%;
     background-color: rgb(255,255,255);
     padding-right: 1%;
     padding-left: 1%;
}
.mall .margin .filter #fcities {
     height: auto;
     width: 100%;
     float: left;
     margin-top: 10px;
     margin-bottom: 20px;
}
.mall .margin .filter #fcities select {
     background-color: #FFFFFF;
     width: 100%;
     float: left;
     color: #666;
     font-size: 16px;
     border-radius: 5px;
     text-align: center;
     padding-top: 1%;
     padding-bottom: 1%;
     border-style: none;
}
.mall .margin .filter #cizgi {
     background-color: #DEDEDE;
     float: left;
     height: 2px;
     width: 100%;
     border-style: none;
}
.mall  .margin .filter .etiket {
     float: left;
     width: 100%;
     /* [disabled]margin-top: 160px; */
}
.mall  .margin .filter .etiket form {
     color: #333;
     background-color: #FFF;
     float: left;
     width: auto;
     margin-right: 5px;
     margin-bottom: 5px;
     border: thin solid #39C;
     border-radius: 25px;
     padding: 0px;
     margin-top: 5px;
     margin-left: 5px;
}

.mall  .margin .filter .etiket form input {
     color: #333;
     background-color: #FFF;
     width: auto;
     border: thin solid #FFF;
     border-radius: 25px;
     padding-top: 3px;
     padding-right: 7px;
     padding-bottom: 3px;
     padding-left: 7px;
      
}
.mall .margin .filter .etiket form:HOVER {
     color: #FFF;
     background-color: #369;
     float: left;
     /* [disabled]border: thin solid #699BCD; */
     transition: 700ms;
}
.mall  .margin .filter .etiket form input:hover {
     color: #FFF;
     background-color: #369;
     float: left;
     transition: 700ms;
     border-top-color: #369;
     border-right-color: #369;
     border-bottom-color: #369;
     border-left-color: #369;
}
.tmargin .tours  {
     width: 100%;
     margin-right: 0px;
     /* [disabled]margin-top: 50px; */
     float: left;
     padding: 0px;
}
.tours .pack   {
     height: auto;
     width: 100%;
     float: left;
}
.pack .container    {
     
}
.container .tour    {
     width: 48%;
     float: left;
     margin-bottom: 40px;
     margin-left: 1%;
     box-shadow: 0px 0px 1px rgb(51,51,51);
     border-radius: 5px;
     margin-right: 1%;
     position: relative;
     margin-top: 10px;
}
.tmargin .tours  .tour .root{
     font-size: 12px;
     font-weight: bold;
     color: #FFF;
     background-color: #1479BC;
     border-style: none;
     height: 100%;
     width: 100%;
     opacity: 0;
     border-radius: 5px;
     text-align: center;
     padding-top: 5%;
     padding-right: 5%;
     padding-left: 5%;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     transition: opacity 0.3s ease; /* Geçiş efekti eklemek için */
}
.tmargin .tours .tour a:hover    .root{
     opacity: 0.8;
     transition: 2000ms;
     z-index: 3;
}
.tour .titleup      {
     width: 100%;
     aspect-ratio: 16/9;
     float: left;
     margin: 0%;
     position: relative;
     height: 150px;
}

.tour .titleup img      {
     width: 100%;
     height: 100%;
     background-color: #FFF;
     border-radius: 5px 5px 0px 0px;
     position: relative;
}
.titleup .days     {
     height: 35px;
     width: 35px;
     color: #333;
     border-radius: 30px;
     opacity: 1;
     position: absolute;
     top: 10px;
     left: 10px;
     display: none;
     background-color: rgba(255,255,255,1);
     font-size: 12px;
     font-weight: bold;
     text-align: center;
     /* [disabled]padding-top: 10px; */
    
}

.titleup .days:not(:empty)     {
     display: inline-block;
 }
 
.titleup .hot     {
     /* [disabled]width: 90%; */
     color: #FFF;
     border-radius: 5px;
     text-align: center;
     opacity: 1;
     font-size: 12px;
     font-weight: bolder;
     position: absolute;
     top: 10px;
     right: 10px;
     display: none;
     background-color: #C81E3A;
     padding: 2px;
     max-width: 70%;
     padding-left: 4%;
     padding-right: 4%;
}
.titleup .hot:not(:empty)     {
     display: inline-block;
 }
.tour .titledown {
     width: 100%;
     aspect-ratio: 16/9;
     float: left;
     margin: 0%;
     position: relative;
     height: 130px;
}
.titledown .dur     {
     font-size: 12px;
     float: left;
     width: 96%;
     color: #999999;
     /* [disabled]text-align: right; */
     /* [disabled]margin-right: 3%; */
     /* [disabled]position: absolute; */
     /* [disabled]bottom: 30px; */
     /* [disabled]right: 10px; */
     /* [disabled]height: 15px; */
     margin-top: 5px;
     margin-bottom: 5px;
     padding-left: 4%;
}
.titledown .title      {
     font-size: 14px;
     float: left;
     width: 96%;
     color: #000000;
     font-weight: bold;
     overflow: hidden;
     margin-right: 1%;
     margin-left: 0%;
     padding-left: 4%;
     height: 70px;
     /* [disabled]padding-top: 10px; */
}




.titledown .price::before {
     content: "\f290";
     font-family: FontAwesome;
     font-weight: 900;
     margin-right: 8px;
     /* [disabled]color: #333333; */
     font-size: 18px;
}


.titledown .price      {
     color: #666666;
     background-color: rgba(255,255,255);
     float: left;
     text-align: right;
     border-radius: 10px 5px 5px 5px;
     min-width: 14%;
     padding-top: 1%;
     padding-right: 2%;
     padding-bottom: 1%;
     padding-left: 2%;
     font-weight: bold;
     position: absolute;
     bottom: 10px;
     right: 10px;
     font-size: 12px;
     width: 90%;
     display: inline-block;
     height: 15px;
     margin-bottom: 2%;
}
.titledown .price .pr {
     font-size: 16px;
     font-weight: 700;
     display: inline-block;
     color: rgba(0,0,0,1);
      
}



 
.mall .margin .tmargin .tours .daily .end1 {
     background-color: rgba(204,204,204,1);
     padding: 0px;
     float: left;
     width: 100%;
     margin-top: -20px;
     margin-right: 0px;
     margin-bottom: 30px;
     margin-left: 0px;
     text-align: right;
}
.mall .margin .tours .pack .tour a .ci {
     float: left;
     width: 99%;
     margin-top: 2px;
     margin-bottom: 10px;
     /* [disabled]padding-right: 15px; */
     /* [disabled]margin-right: 15px; */
}

.mall .margin .tours .pack .tour a .ci .town {
     color: #999;
     width: 100%;
     float: left;
     /* [disabled]margin-right: 2%; */
     font-size: 12px;
     padding-left: 4%;
}
.mall .margin .tours .pack .tour a .ci .city {
     color: #999;
     width: 48%;
     float: left;
     text-align: center;
     margin-left: 2%;
     font-size: 12px;
}

.mall .margin .tmargin .tours .pack .end2 {
     background-color: rgba(204,204,204,1);
     padding: 0px;
     float: left;
     width: 100%;
     margin-top: -20px;
     margin-right: 0px;
     margin-bottom: 30px;
     margin-left: 0px;
     text-align: right;
}
.mall  .margin     .tours .pack  .page2{
     width: 100%;
     float: left;
}
.mall .margin  .tours .pack .page2 a{
     font-size: 16px;
     color: #FFF;
     background-color: #660033;
     float: left;
     margin-top: 5px;
     max-width: 5%;
     font-weight: bold;
     margin-right: 1%;
     margin-bottom: 5px;
     text-decoration: none;
     padding-top: 5px;
     padding-right: 1%;
     padding-bottom: 5px;
     padding-left: 1%;
}
.mall .margin .tours  .pack .tour .title #bosDurumMesaji:empty + #bossasakla{
     visibility: hidden; /* display: none; veya visibility: hidden;    */
     /* [disabled]float: left; */
     display: none;
}

 
 
 
.mall .margin .tours  .pack .tour .title .cikisli1{
     float: left;
     align-items: center;
     /* [disabled]vertical-align: middle; */
     /* [disabled]display: flex; */
     /* [disabled]line-height: normal; */
     }
     
     .mall .margin .tours  .pack .tour .title .cikisli2{
     float: left;
     align-items: center;
     /* [disabled]vertical-align: middle; */
     /* [disabled]display: flex; */
     /* [disabled]line-height: normal; */
     }
     
     .mall .margin .tours  .pack .tour .title .cikisli3{
     float: left;
     align-items: center;
     vertical-align: middle;
     /* [disabled]display: flex; */
     line-height: normal;
     }
     
     
      .mall .margin .tours  .pack .container #load_data_message1 {
     background-color: rgba(255,255,255,1);
     /* [disabled]color: rgba(204,204,204,1); */
     text-align: center;
     /* [disabled]padding: 2%; */
     float: left;
     width: 98%;
     margin-right: auto;
     margin-left: auto;
     border-radius: 5;
     display: inline-block;
     clear: both;
     height: auto;
     vertical-align: middle;
     margin-top: auto;
     margin-bottom: 10px;
     }
     
     
     
     
     
     
     
     
    .mall .margin .tours  .pack .container #load_data_message1 .loader {
     width: 12px;
     height: 12px;
     border-radius: 50%;
     display: block;
     margin: 0px auto;
     position: relative;
     color: #C63;
     box-sizing: border-box;
     animation: animloader 1s linear infinite alternate;
  }

 @keyframes 
.mall  .margin     .tours .daily  .page{
     width: 100%;
     float: left;
}
.mall .margin  .tours .daily .page a{
     font-size: 16px;
     color: #FFF;
     background-color: #369;
     float: left;
     margin-top: 5px;
     max-width: 5%;
     font-weight: bold;
     margin-right: 1%;
     margin-bottom: 5px;
     text-decoration: none;
     padding-top: 5px;
     padding-right: 1%;
     padding-bottom: 5px;
     padding-left: 1%;
}

.mall .margin .d  {
     background-color: #369;
     width: 48%;
     float: left;
     margin-right: 2%;
     box-shadow: 1px 1px 2px rgba(0,0,0,0.075);
     box-sizing: border-box;
     text-align: center;
     font-size: 3vw;
     font-weight: bolder;
     color: #FFF;
     border-radius: 5px;
     /* [disabled]margin-left: 30%; */
     /* [disabled]border: thin solid #369; */
     margin-top: 30px;
     margin-bottom: 40px;
}
.mall .margin .d hover {
     background-color: #333;
     transition: 1000ms;
}
.mall .margin .p  {
     background-color: #660033;
     width: 48%;
     float: left;
     box-shadow: 1px 1px 2px rgba(0,0,0,0.075);
     box-sizing: border-box;
     text-align: center;
     font-size: 3vw;
     font-weight: bolder;
     color: #FFF;
     border-radius: 5px;
     margin-top: 30px;
     margin-left: 2%;
     margin-bottom: 40px;
}
.mall .margin .p hover {
     background-color: #333;
     transition: 1000ms;
}
animloader {
  0% {
    box-shadow: -38px -12px ,  -14px 0,  14px 0, 38px 0;
  }
  33% {
    box-shadow: -38px 0px, -14px -12px,  14px 0, 38px 0;
  }
  66% {
    box-shadow: -38px 0px , -14px 0, 14px -12px, 38px 0;
  }
  100% {
    box-shadow: -38px 0 , -14px 0, 14px 0 , 38px -12px;
  }
}
  
  
        .mall .margin .tours  .pack .container #load_data_message1 button{
     /* [disabled]float: left; */
     align-items: center;
     /* [disabled]vertical-align: middle; */
     /* [disabled]display: flex; */
     /* [disabled]line-height: normal; */
     background-color: rgba(255,255,255,1);
     border-top-width: thin;
     border-right-width: thin;
     border-bottom-width: thin;
     border-left-width: thin;
     border-top-style: none;
     border-right-style: none;
     border-bottom-style: none;
     border-left-style: none;
     color: rgba(204,204,204,1);
     border-radius: 10px;
     }
}


 
/*.mall .margin .filter {
     float: left;
     height: auto;
     width: 96%;
     border-radius: 5px;
     background-color: #f2f2f2;
     padding: 2%;
}
.mall .margin .filter form {
     height: auto;
     width: 46%;
     float: left;
     /* [disabled]margin-top: 40px; */
     /* [disabled]margin-bottom: 20px; */
    /* margin-right: 2%;
     margin-left: 2%;
}
.mall .margin .filter form select {
     background-color: #FFFFFF;
     width: 100%;
     float: left;
     color: #666;
     font-size: 16px;
     border-radius: 5px;
     text-align: center;
     padding-top: 1%;
     padding-bottom: 1%;
     border-style: none;
}
.mall .margin .filter #cizgi {
     background-color: #DEDEDE;
     float: left;
     height: 3px;
     width: 100%;
     border-style: none;
     display: none;
}
.mall  .margin .filter .etiket {
     float: left;
     width: 100%;
     margin-top: 5px;
}
.mall .margin .filter .etiket form {
     color: #333;
     background-color: #FFF;
     float: left;
     width: auto;
     margin-right: 5px;
     margin-bottom: 5px;
     border: thin solid #39C;
     border-radius: 25px;
     padding: 0px;
     margin-top: 0px;
     margin-left: 0px;
}
.mall  .margin .filter .etiket form input {
     color: #333;
     background-color: #FFF;
     width: auto;
     border: thin solid #FFF;
     border-radius: 25px;
     margin: 0px;
     padding-top: 3px;
     padding-right: 7px;
     padding-bottom: 3px;
     padding-left: 7px;
      
}
.mall .margin .filter .etiket form:HOVER {
     color: #FFF;
     background-color: #369;
     float: left;
     /* [disabled]border: thin solid #699BCD; */
    /* transition: 3000ms;
}
.mall  .margin .filter .etiket form input:hover {
     color: #FFF;
     background-color: #369;
     float: left;
     transition: 700ms;
     border-top-color: #369;
     border-right-color: #369;
     border-bottom-color: #369;
     border-left-color: #369;
}*/