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

#tek {
     background-color: #F0F3F7;
     padding: 0px;
     width: 100%;
     float: left;
     height: auto;
     margin-top: 115px;
     font-family: "OpenSans Regular";
}
#tek a {
     color: #000;
     text-decoration: none;
}
#tek .margin {
     width: 94%;
     margin-right: 3%;
     margin-left: 3%;
     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;
}
#tek .margin  .tur{
     width: 100%;
     padding: 0px;
     display: block;
     height: auto;
     background-color: rgba(255,255,255,1);
     float: left;
}
.tur #up   {
     width: 100%;
     float: left;
     

}
.tur #up .image  {
     float: left;
     width: 100%;
     height: 300px;
     overflow: hidden;
}
#up .image img    {
     width: 100%;
     height: auto;

}



#zzzzzzzzzzzzzzzzzzzzzzz    {}


   * {
      box-sizing: border-box;
    }
.tur #up .gallery{
      max-width: 600px;
      width: 100%;
      background: #fff;
      border-radius: 10px;
      overflow: hidden;
      box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    }

 .tur #up    .main-image {
      position: relative;
      width: 100%;
      aspect-ratio: 4 / 3;
      overflow: hidden;
    }

 .tur #up    .main-image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

 .tur #up    .caption {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      background: rgba(0,0,0,0.5);
      color: #fff;
      padding: 10px;
      font-size: 16px;
    }

 .tur #up    .rating {
      position: absolute;
      top: 10px;
      right: 10px;
      background: rgba(0,0,0,0.5);
      color: gold;
      padding: 6px 10px;
      border-radius: 8px;
      font-size: 18px;
    }

 .tur #up    .nav-button {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      background: rgba(0,0,0,0.4);
      color: white;
      border: none;
      font-size: 28px;
      padding: 8px 14px;
      cursor: pointer;
      border-radius: 50%;
      z-index: 10;
    }

 .tur #up    .nav-button:hover {
      background: rgba(0,0,0,0.7);
    }

 .tur #up    .prev {
      left: 10px;
    }

 .tur #up    .next {
      right: 10px;
    }

  .tur #up   .thumbnails {
      display: flex;
      gap: 10px;
      overflow-x: auto;
      padding: 10px;
      background: #fff;
      border-top: 1px solid #ddd;
    }

 .tur #up    .thumbnails img {
      width: 60px;
      height: 60px;
      border-radius: 6px;
      object-fit: cover;
      cursor: pointer;
      border: 2px solid transparent;
      transition: border 0.3s;
    }

    .thumbnails img.active,
    .thumbnails img:hover {
      border-color: #007bff;
    }

    @media (max-width: 480px) {
  .tur #up     .rating {
        font-size: 14px;
        padding: 4px 8px;
      }
 .tur #up      .caption {
        font-size: 14px;
        padding: 8px;
      }
   .tur #up    .nav-button {
        font-size: 24px;
        padding: 6px 10px;
      }
    }




#zzzzzzzzzzzzzzzzzzzzzzz    {}
#tek #up  a   .ssssss{
     width: 30px;
     height: 30px;
     color: rgba(255,255,255,1);
     padding: 0px;
     float: right;
     position: relative;
     visibility: visible;
     overflow: hidden;
     margin-top: -30px;
     margin-right: 0px;
     margin-bottom: 0px;
     margin-left: 0px;
     font-size: 12px;
     font-weight: bold;
     /* [disabled]background-color: rgba(0,51,153,1); */
}
#tek #up .title   {
     float: left;
     height: auto;
     width: 98%;
     padding-right: 1%;
     padding-left: 1%;
     color: #333333;
     font-weight: bold;
     margin-bottom: 20px;
     font-size: 3.5vw;
     margin-top: 10px;
}
#tek #up .root   {
     float: left;
     /* [disabled]height: auto; */
     width: 96%;
     padding-right: 2%;
     padding-left: 2%;
     /* [disabled]color: #333; */
}
#tek #up .root .rtit   {
     font-weight: bold;
     color: #666;
     float: left;
     display: inline-block;
}
#tek #up .root .rroot {
     color: #666;
     float: left;
}

#tek #up .dur   {
     float: left;
     /* [disabled]height: auto; */
     width: 96%;
     /* [disabled]color: rgba(51,51,51,1); */
     /* [disabled]font-weight: bold; */
     padding-right: 2%;
     padding-left: 2%;
}
#tek #up .dur .dtit   {
     font-weight: bold;
     color: #666;
     float: left;
     display: inline-block;
}
#tek #up .dur .daynight {
     color: #666;
     float: left;
     max-width: 42%;
}
.xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx {
}
#tek #down #tab .fac1   {
     float: left;
     height: auto;
     width: 100%;
}
#tek #down h1     {
     font-size: 1.3vw;
     color: rgba(57,0,12,1);
     text-decoration: underline;
     margin: 0px;
     padding: 0px;
}
#tek #down h2   {
     font-size: 0.9vw;
     color: rgba(57,0,12,1);
     text-decoration: underline;
     margin: 0px;
     padding: 0px;
}
#tek #down p     {
     width: 100%;
     color: #000;
     float: left;
     text-indent: 30px;
     text-align: justify;
     /* [disabled]padding-left: 0.5%;
*/
     padding-top: 0px;
     padding-bottom: 0px;
     line-height: normal;
     margin-right: 0%;
     margin-left: 0%;
     margin-top: 3px;
     margin-bottom: 0px;
     column-gap: 20px;
}
#tek #down pn     {
     width: 80%;
     color: #000;
     float: left;
     /* [disabled]text-indent: 20px; */
     /* [disabled]text-align: justify; */
     margin-right: 5px;
     margin-left: 5px;
     margin-top: 5px;
     margin-bottom: 5px;
}
#tek #down .bt1   {
     color: #FFF;
     background-color: #333;
     clear: both;
     float: left;
     width: 98%;
     padding-right: 1%;
     padding-left: 1%;
     display: inline-block;
     margin-top: 10px;
     /* [disabled]margin-bottom: 5px;
*/
     padding-top: 5px;
     padding-bottom: 5px;
     border-radius: 2px;
}
#tek #down .wc1   {
     clear: both;
     float: left;
     width: 98%;
     padding-right: 1%;
     padding-left: 1%;
     margin-top: 0px;
}
#tek #down li   {
     float: left;
     width: 95%;
     margin-left: 5%;
     list-style-type: square;
}
#tek #down li1     {
     float: left;
     width: 95%;
     margin-left: 5%;
     list-style-type: circle;
     display: list-item;
     /* [disabled]list-style-image: url(/Citymola/tr_tr/admin/scroll/LoaderIcon.gif); */
}
.xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx {
}
#down    {
     float: left;
     width: 100%;
     display: block;
     margin-top: 15px;
}
#down .ttitle    {
     float: left;
     width: 100%;
     color: #FFF;
     background-color: #C36;
     padding-top: 3px;
     padding-right: 10px;
     padding-bottom: 3px;
     padding-left: 10px;
}
#down .TabbedPanels    {
     overflow: hidden;
     margin: 0px;
     clear: none;
     width: 100%;
}
#down .TabbedPanelsTabGroup    {
     padding: 0px;
     width: 18%;
     float: left;
     margin-top: 0px;
     margin-right: 5%;
}
#down .TabbedPanelsTab    {
     position: relative;
     top: 1px;
     float: left;
     padding-top: 6px;
     padding-right: 8px;
     padding-bottom: 6px;
     padding-left: 8px;
     margin-top: 0px;
     margin-right: 0px;
     margin-bottom: 3px;
     margin-left: 0px;
     list-style: none;
     border-left: solid 1px #CCC;
     border-bottom: solid 1px #999;
     border-top: solid 1px #999;
     border-right: solid 1px #999;
     -moz-user-select: none;
     -khtml-user-select: none;
     cursor: pointer;
     width: 93%;
     font-weight: bolder;
}
#down .TabbedPanelsTabHover    {
     background-color: #666;
}
#down .TabbedPanelsTabSelected    {
     background-color: #FFFFFF;
     width: 97%;
     border-top-style: none;
     border-right-style: none;
     border-bottom-style: solid;
     border-left-style: solid;
     color: rgb(0,0,0);
     border-left-width: 5px;
     border-left-color: rgb(51,51,51);
     border-bottom-width: 2px;
     border-bottom-color: rgb(51,51,51);
}
#down .TabbedPanelsTab a    {
     color: #FFF;
     text-decoration: none;
}
#down .TabbedPanelsContentGroup    {
     background-color: rgba(255,255,255,1);
     width: 77%;
     float: left;
}
#down .TabbedPanelsContent    {
     overflow: hidden;
     padding-right: 2%;
     padding-bottom: 2%;
     padding-left: 2%;
     min-height: 400px;
}
#down #tab #con .high {
     width: 100%;
     margin-bottom: 10px;
}
#down #tab #con .high .tit {
     /* [disabled]color: #CCC; */
     /* [disabled]text-align: left; */
     /* [disabled]width: 100%; */
     /* [disabled]font-size: 2vw; */
     display: inline-block;
     font-weight: bold;
}
#down #tab #con .high .tit1 {
     color: #474747;
     text-align: left;
     /* [disabled]width: 100%; */
     /* [disabled]font-size: 2vw; */
     display: inline-block;
}

#down #tab #con .rela    {
     display: flex;
}

#down #tab #con #relativ    {
     float: left;
     color: #FFF;
     font-weight: 500;
     text-align: center;
     background-color: #333;
     padding: 1%;
     border-radius: 5px;
     margin-right: 3%;
}
#down #tab #con #relativ .tit    {
      color: #CCC;
     text-align: center;
     width: 100%;
     font-size: 1.5vw;
 }

#tek .margin .tur #down #tab #con .loc  {
     width: 38%;
}
#tek .margin .tur #down #tab #con .cat {
     width: 30%;
}
#tek .margin .tur #down #tab #con .dur {
     width: 17%;
}
#tek .margin .tur #down #tab #con .pr {
     float: left;
     width: 100%;
     margin-top: 10px;
}
#tek .margin .tur #down #tab #con .pr .ad {
     width: 38%;
     float: left;
     height: auto;
     color: #FFF;
     background-color: rgb(1, 49, 68);
     padding: 1%;
     border-radius: 5px;
     margin-right: 3%;
     font-weight: 500;
     text-align: center;
}
#tek .margin .tur #down #tab #con .pr .ad .tit {
     color: #CCC;
     text-align: center;
     width: 100%;
}
#tek .margin .tur #down #tab #con .pr .ch {
     width: 30%;
     float: left;
     height: auto;
     color: #FFF;
     background-color: rgb(1, 49, 68);
     padding: 1%;
     border-radius: 5px;
     margin-right: 3%;
     font-weight: 500;
     text-align: center;
}
#tek .margin .tur #down #tab #con .pr .ch .tit {
     color: #CCC;
     text-align: center;
     width: 100%;
}
#tek .margin .tur #down #tab #con .pr .bb {
     width: 17%;
     float: left;
     height: auto;
     color: #FFF;
     background-color: rgb(1, 49, 68);
     padding: 1%;
     border-radius: 5px;
     margin-right: 3%;
     font-weight: 500;
     text-align: center;
}
#tek .margin .tur #down #tab #con .pr .bb .tit {
     color: #CCC;
     text-align: center;
     width: 100%;
}
#tek .margin .tur #down #tab #con .gmap {
     background-color: #CCC;
     float: left;
     height: 300px;
     width: 100%;
     margin-top: 15px;
     border-radius: 15px;
}
#tek .margin .tur #down #tab #con .gmap iframe {
     /* [disabled]max-height: 100%;
*/
     width: 100%;
     border: 0;
     height: 100%;
}
#tek .margin .tur #down #tab #con .iti .time {
     width: 100%;
     color: #666;
     float: left;
     margin-bottom: 5px;
}
#tek .margin .tur #down #tab #con form {
     color: #FFF;
     background-color: rgb(240,240,240);
     min-height: 440px;
     width: 100%;
     padding-right: 5%;
     padding-left: 5%;
}
#tek .margin .tur #down #tab #con form .name {
     color: #333;
     padding: 1%;
     float: left;
     width: 30%;
     border-radius: 10px;
     margin-top: 20px;
     border-style: none;
     margin-right: 18%;
}
#tek .margin .tur #down #tab #con form .email {
     color: #333;
     padding: 1%;
     float: left;
     width: 30%;
     border-radius: 10px;
     margin-top: 20px;
     border-style: none;
     margin-right: 18%;
}
#tek .margin .tur #down #tab #con form .phone {
     color: #333;
     padding: 1%;
     float: left;
     width: 30%;
     border-radius: 10px;
     margin-top: 20px;
     border-style: none;
     margin-right: 18%;
}
#tek .margin .tur #down #tab #con form .country {
     color: #333;
     padding: 1%;
     float: left;
     width: 30%;
     border-radius: 10px;
     margin-top: 20px;
     border-style: none;
     margin-right: 18%;
}
#tek .margin .tur #down #tab #con form .adult {
     color: #333;
     padding: 1%;
     float: left;
     width: 30%;
     border-radius: 10px;
     margin-top: 20px;
     border-style: none;
     margin-right: 18%;
}
#tek .margin .tur #down #tab #con form .child {
     color: #333;
     padding: 1%;
     float: left;
     width: 30%;
     border-radius: 10px;
     margin-top: 20px;
     border-style: none;
     margin-right: 18%;
}
#tek .margin .tur #down #tab #con form #select {
     color: #333;
     padding: 1%;
     float: left;
     width: 33%;
     border-radius: 10px;
     margin-top: 20px;
     border-style: none;
     margin-right: 17%;
}
#tek .margin .tur #down #tab #con form #submit {
     color: #FFF;
     padding: 1%;
     float: left;
     width: 15%;
     border-radius: 10px;
     margin-top: 20px;
     border-style: none;
     margin-right: 18%;
     background-color: #F36;
     font-weight: bold;
}
#tek .margin .tur #down #tab #con form textarea {
     color: #333;
     padding: 1%;
     float: left;
     width: 85%;
     border-radius: 10px;
     margin-top: 20px;
     border-style: none;
}
zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz {
}
.XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX {
} */
*/  
body {
     margin: 0px;
     padding: 0px;
     font-family: "OpenSans Regular";
}
a {
     font-family: "OpenSans Regular";
     color: #000;
     text-decoration: none;
}
.dmain {
     background-color: #F0F3F7;
     padding: 0px;
     width: 100%;
     float: left;
     height: auto;
     margin-top: 115px;
     font-family: "OpenSans Regular";
}
.dmain .margin {
     width: 94%;
     margin-right: 3%;
     margin-left: 3%;
     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;
}
.dmain .margin .filter {
     float: left;
     height: auto;
     width: 96%;
     border-radius: 5px;
     background-color: #f2f2f2;
     padding: 2%;
}
.dmain .margin .filter form {
     height: auto;
     width: 46%;
     float: left;
      margin-right: 2%;
     margin-left: 2%;
}
.dmain .margin .filter form select {
     background-color: #FFFFFF;
     width: 100%;
     float: left;
     color: #666;
     border-radius: 5px;
     text-align: center;
     padding-top: 1%;
     padding-bottom: 1%;
     border-style: none;
}
.dmain .margin .filter #cizgi {
     background-color: #DEDEDE;
     float: left;
     height: 3px;
     width: 100%;
     border-style: none;
     display: none;
}
.dmain .margin .filter .etiket {
     float: left;
     width: 100%;
     margin-top: 5px;
}
.dmain .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;
}
.dmain .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;
}
.dmain .margin .filter .etiket form:hover {
     color: #FFF;
     background-color: #369;
     float: left;
      transition: 700ms;
}
.dmain .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;
}
.dmain .margin #tours {
     float: left;
     width: 98%;
     background-color: rgb(255,255,255);
     padding-right: 1%;
     padding-left: 1%;
     padding-top: 30px;
}
.dmain .margin #tours .tour {
     width: 48%;
     float: left;
     margin-right: 2%;
     margin-bottom: 50px;
     box-shadow: 0px 0px 1px rgb(51,51,51);
     border-radius: 5px;
}
.dmain .margin #tours .tour:hover {
     box-shadow: 0px 0px 16px rgba(0,0,0,0.15);
     transform: translateY(-5px);
     transition: 5ms;
}
.dmain .margin #tours .tour a .image {
     width: 100%;
     height: 120px;
     text-align: center;
     float: left;
     margin: 0%;
}
.dmain .margin #tours .tour a .image img {
     width: 100%;
     height: 100%;
     background-color: #FFF;
     border-radius: 5px 5px 0px 0px;
}
.dmain .margin #tours .tour a .image img:hover {
     opacity: 0.7;
     transition: 1000ms;
}
.dmain .margin #tours .tour a .ci {
     float: left;
     width: 100%;
     margin-top: 2px;
}
.dmain .margin #tours .tour a .ci .price {
     color: #FFF;
     background-color: #333;
     float: right;
     text-align: right;
     margin-top: -30px;
     clear: both;
     border-radius: 10px 0 0 0;
     padding: 1%;
     min-width: 15%;
     font-weight: bold;
}
.dmain .margin #tours .tour a .ci .town {
     color: #999;
     width: 48%;
     float: left;
     text-align: center;
     margin-right: 2%;
}
.dmain .margin #tours .tour a .ci .city {
     color: #999;
     width: 48%;
     float: left;
     text-align: center;
     margin-left: 2%;
}
.dmain .margin #tours .tour a .title {
     float: left;
     height: 60px;
     width: 100%;
     color: #333;
     text-align: center;
     font-weight: 500;
     overflow: hidden;
}
.dmain .margin #tours .dpage {
     width: 100%;
     float: left;
}
.dmain .margin #tours .dpage a {
     color: #FFF;
     background-color: #333;
     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%;
}
zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz {
}
.xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx {
}

#tek .margin #tours {
     width: 96%;
     margin-right: 0px;
     margin-left: 0px;
     margin-top: 40px;
     display: block;
     float: left;
     margin-bottom: 0px;
     padding-top: 0px;
     padding-right: 2%;
     padding-bottom: 0px;
     padding-left: 2%;
}
#tek .margin #tours .head {
     color: rgb(255,255,255);
     background-color: rgb(51,51,51);
     clear: both;
     float: left;
     width: 100%;
     margin-top: 50px;
     padding-top: 5px;
     padding-bottom: 5px;
     border-radius: 5px;
     text-align: center;
}
#tek .margin #tours .tour {
     width: 48%;
     float: left;
     margin-right: 1%;
     margin-bottom: 25px;
     box-shadow: 0px 0px 1px rgb(51,51,51);
     border-radius: 5px;
     margin-top: 15px;
     margin-left: 1%;
}
#tek .margin #tours .tour a .image {
     width: 100%;
     height: 120px;
     text-align: center;
     float: left;
     margin: 0%;
}
#tek .margin #tours .tour a .image img {
     width: 100%;
     height: 100%;
     background-color: #FFF;
     border-radius: 5px 5px 0px 0px;
}
#tek .margin #tours .tour a .image img:hover {
     opacity: 0.7;
     transition: 1000ms;
}
#tek .margin #tours .tour a .ci {
     float: left;
     width: 100%;
     margin-top: 2px;
}
#tek .margin #tours .tour a .ci .price {
     color: #FFF;
     background-color: #333;
     float: right;
     text-align: right;
     margin-top: -30px;
     clear: both;
     border-radius: 10px 0 0 0;
     padding: 1%;
     min-width: 15%;
     font-weight: bold;
}
#tek .margin #tours .tour a .ci .town {
     color: #999;
     width: 48%;
     float: left;
     text-align: center;
     margin-right: 2%;
}
#tek .margin #tours .tour a .ci .city {
     color: #999;
     width: 48%;
     float: left;
     text-align: center;
     margin-left: 2%;
}
#tek .margin #tours .tour a .title {
     float: left;
     height: 60px;
     width: 90%;
     color: #333;
     text-align: center;
     font-weight: bold;
     overflow: hidden;
     padding-right: 5%;
     padding-left: 5%;
     /* [disabled]font-size: 3.5vw; */
}