body {
    background: url('../img/bgkhiva.jpg');
}

.container-body {
    margin-top:95px;
    background: #fff;
    padding-top:15px;   
    border-right:1px solid lightgray;
    border-left:1px solid lightgray;
}

p {
    color:#60656e;
    line-height: 1.5em;
}

h1, h2, h3, h4 {
    color:#60656e;
}

.loader {
    display:none;
}

#formYearMonth {
    width:600px;
}


/*scroll effect*/
  .navbar-trans {
    background: rgba(30,110,170,0.9);
    /* background-color:#0091cc; */
    border: none;
    transition: top 1s ease;
  }
   
  /*double row*/
  .navbar-doublerow > .navbar{
      display: block;	
      padding: 0px auto;
      margin: 0px auto;
      min-height: 25px;
  }
  .navbar-doublerow .nav{
      padding: 0px auto;
  }
  .navbar-doublerow .dividline{
    margin: 5px 100px;
    padding-top: 1px;
    background-color: inherit;
  }
  /*top nav*/
  .navbar-doublerow .navbar-top ul>li>a {
      padding: 5px 15px;
      font-size: 12px;
  } 

  .navbar-doublerow .navbar-top ul>li>a:hover {
      text-decoration: underline;
  } 
  
  /*down nav*/
  .navbar-doublerow .navbar-down .navbar-brand {
      padding: 0px auto;
      float: left;
      color: #fff;
      font-size: 32px;
  }
  .navbar-doublerow .navbar-down ul>li>a{
      font-size: 16px;
      color: #fff;
      transition: border-bottom .2s ease-in , transform .2s ease-in-out;
  }
  .navbar-doublerow .navbar-down ul>li>a:hover{
      /* border-bottom: 1px solid #fff; */
      color: #fff;
      background: rgba(255,255,0,0.5);
      /* text-decoration: underline; */
  }
  .navbar-doublerow .navbar-down .dropdown{
      padding: 5px;
      color: #000;
  }
  .navbar-doublerow .navbar-down .dropdown ul>li>a,
  .navbar-doublerow .navbar-down .dropdown ul>li>a:hover{
    color: #000;
    border-bottom: none;
  }
  .navbar-doublerow.navbar-trans.afterscroll {
  }	
  .navbar-doublerow.navbar-trans.afterscroll {
     top:-50px;
  }	
  
  .flex-container {
      display: flex;
      justify-content: space-between;
  }
  .flex-item {
  }
  /*text*/
  .text-white,.text-white-hover:hover{color:#fff!important}
  /*fontcolor*/
  .light-grey {color:#000!important;background-color:#E6E9ED!important}
  




  /* 55 */

  .divider-new {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top:10px;
    margin-bottom: 5px; }

    .divider-new h3 {
      margin-top: 5px;
      color:#0091cc;
     }
  
  .divider-new::before {
    content: '';
    height: 1px;
    background: #0091cc;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 .45em 0 0; }
  
  .divider-new::after {
    content: '';
    height: 1px;
    background:#0091cc;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 0 0 .45em; }
  
  


/* SECTION ABOUT  */

#about p {
    line-height: 1.7em;
}




/* BLOG */

.blog {
    padding:15px;
    margin:0;
    margin-bottom:0px;
    /* border: 1px solid lightgray; */
    border-bottom:1px dotted lightgray;
    height:195px;
}

.blog:last-child {
    /* border:none; */
}

.blog .thumb {
    float:left;
    padding:5px;
    border:1px solid lightgray;
    margin-right:20px;
}

.blog .thumb img {
    border:1px solid lightgray;
}

.blog {
    /* float:left; */

    color:#60656e;
    
}

.blog h3 {
    padding:5px 10px;
    font-size:20px;
    margin:0;
    vertical-align: top;
    color:#0091cc;
}

.blog p {
    /* font-size:13px; */
    color:#666; 
    line-height: 1.5em;
    padding:0;
    margin:0;
    margin-top:5px;
}

.blog .address {
    color:red;
    margin-top:3px;
}

.blog-detail {
    padding:15px;
    margin-top:-20px;
}
.blog-detail p {
    color:#666;
}

.blockquote h3 {
    padding-top:0;
    margin-top:5px;
    color:#0091cc;
}

.blockquote p {
    font-size:14px;
}




/* SIDEBAR */

#sidebar-tour {
    margin-top:0px;
}

.sidebar-blog {
    padding:0;
    margin:0;
    margin-top:0px;
    border-bottom:1px dotted lightgray;
    height:112px;
}

.sidebar-blog .tour-header {
    font-size:14px;
    /* text-transform: inherit */
}

.sidebar-blog .tour-p {
    font-size:13px;
}

.sidebar-blog:first-child { margin-top:0; }
.sidebar-blog:last-child { margin-bottom:0px; border-bottom:none; }

.sidebar-blog p {
    font-size:13px;
    line-height:1.2em;
}

.sidebar-blog p .price {
    font-size:20px;
    color:#000;
}

.sidebar-blog .thumb {
    float:left;
    margin-right:20px;
}

.sidebar-blog .thumb img {
    height:100px;
    margin-top:5px;
    margin-left:5px;
    width:130px;
    border:1px solid gray;
}

.sidebar-blog {
    /* float:left; */
    color:#60656e;   
}

.sidebar-blog h3 {
    padding:10px;
    /* text-decoration: underline; */
    font-size:16px;
    margin:0;
    vertical-align: top;
    color:#D2691E;
}
.sidebar-blog h3:hover { text-decoration: underline; cursor:pointer; }


/* section rec-hotels  */

.rec-hotels h3 {
    color:#0091cc;
    font-size:18px;
}

.rec-hotels .sidebar-blog {
    border:none;
    /* height:100px; */
}

.rec-hotels .sidebar-blog img {
    /* border:1px solid lightgray; */
    /* border:1px double gray; */
    border:none;
    width:135px;
    height:95px
}

.rec-hotels .sidebar-blog h3 {
    padding:10px 10px 0 10px;
    /* text-decoration: underline; */
    font-size:16px;
    margin:0;
    vertical-align: top;
    color:#0091cc;
}

.rec-hotels .sidebar-blog h3:hover { text-decoration: underline; cursor:pointer; }

.fixed-dance-right {
    position: fixed; 
    right:10px;
    bottom:0;    
    width:150px;
}

.page-header-img {
    border:1px solid lightgray;
    background-color: #0091cc;
    padding:5px;
    margin-bottom:10px;
}

.page-header-img img {
    width:735px;
}

.page-header-theme {
    color: #0091cc;
    padding-left:10px;
    padding-bottom:5px;
    margin-bottom:10px;
    font-size:30px;
    /* border-bottom:1px solid #0091cc; */
}

.page-body {
    padding:10px;
}

  .rating {
      float:right;
      /* margin-top:-5px; */
      /* margin-bottom:-4px; */
  }
  .rating > span:before,
  .rating > span~ span:before {
     content: "\2605";
     font-size:20px;
     /* position: absolute; */
     /* left: 0; */
     color: gold;
  }

  .sidebar-rating {
      float:none;
  }

  .data-detail {
      border-bottom:8px solid lightgray;
  }

  #otziv {
      padding:10px;
  }
  #otziv h3 {
      font-weight: 320;
      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif
  }
  #otziv label {
    font-weight: 320;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif
  }

  #otziv #review_name, #otziv #review_email {
      width:50%;
  }


  .container-body {
      padding-bottom:40px;
  }


  /* FOOTER */

  footer {
    /* background-color: rgba(44, 62, 80, 1.0); */

    background: rgba(30,110,170,0.9);
    /* background-color:#0091cc; */
    border: none;
    transition: top 1s ease;

    width: 100%;
    bottom: 0;
    font-weight: lighter;
    color: white;
}
.footerHeader{
    width:100%;
    padding:0.5em;
    background: rgba(30,110,170,0.9);
    border: none;
    transition: top 1s ease;
    text-align:center;
    color:white;
}
footer h3{
    font-weight:lighter;
    color:#fff;
}
footer ul{
    padding-left:5px;
    list-style:none;
}
footer p{
    text-align : justify;
    font-size : 12px;
    color:#fff;
}
footer iframe {
    width:100%;
    position:relative;
    height:170px;
    color:#fff;
}
.sm{
    list-style:none;
    overflow:auto;
}
.sm li {
    display: inline;
    padding:5px;
    float:left;
    color:#fff;
} 
.sm li a img {
    width:32px;
}



.review_list {
    padding:5px;
}

.review_list .review_body {
    border-bottom:1px dotted lightgray;
}

.review_list h4 {
    font-weight: 350;
    font-size:16px;
    padding-left:8px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.review_list p {
    font-weight: 300;
    font-size:14px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    padding-left:15px;
}