html {
  -webkit-font-smoothing: antialiased;
  background:url('../../images/front/bottom-page-bg.jpg') 50% 100% no-repeat #97d3e0;
}

body {
  font-family: 'Lato', sans-serif;
  color: #fff;
  font-size: 14px;
  font-weight:400;
  line-height: 1.2;
  margin: 0;
  min-height: 100%;
  padding: 0;
  word-wrap: break-word;
  /*background:url('../../images/front/top-page-bg.png') 50% 0 no-repeat;*/
  background:url('../../images/front/bg-texture.jpg') 50% 0 repeat-y;
  background-size: auto;
}

.clear:after,
.clear:before,
.page:after,
.page:before,
section:after,
section:before,
header:after,
header:before,
footer:after,
footer:before,
form ol li:before,
form ol li:after,
#footer ul.gallery:before,
#footer ul.gallery:after{
  clear: both;
  content: "";
  display: table;
}

*{
  margin:0;
  padding:0;
}

::selection {
  color: #fff;
  background: #f07241;
}

::-moz-selection{
  color: #fff;
  background: #f07241;
}

a{
  text-decoration:none
}


a:hover{}

button,
.button,
input[type="button"],
input[type="submit"]{
  font-weight:400;
  text-align:center;
  color:#000;
  background:none;
  border: solid 1px #000;
  text-transform:uppercase;
  display:inline-block;
  padding:0 1em;
  height: 40px;
  line-height: 40px;
  cursor:pointer;
  transition: all 0.3s ease;
}

button:active,
button:focus,
button:hover,
.button:active,
.button:focus,
.button:hover,
input[type="submit"]:active,
input[type="submit"]:focus,
input[type="submit"]:hover,
input[type="button"]:active,
input[type="button"]:focus,
input[type="button"]:hover,
.item-body a.button:hover{
  color:white;
  background:#f08c41
}

.button.small{
  font-size:12px;
  padding:0 10px;
  height:22px;
  line-height:17px
}

.button.medium{
  font-size:16px;
  padding:0 15px;
  height:32px;
  line-height:28px
}

.button.big{
  font-size:22px;
  padding:0 35px;
  height:47px;
  line-height:42px;
  border: solid 2px #fff;
}


input[type="text"]:focus,
input[type="password"]:focus,
input[type="url"]:focus,
input[type="email"]:focus,
textarea:focus,
select:focus {

}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="file"],
input[type="url"],
input[type="email"] {
  color:#000;
  background: #fff;
  border: none;
  max-width: 100%;
  outline: none;
  padding: 0 10px;
  line-height:40px;
  height: 40px;
}
input[type="file"]{
  padding-left:0;
}

/*select,
input[type="text"],
input[type="password"],
input[type="url"],
input[type="email"] {
  font-size:12px;
  line-height:20px;
  height:22px
}*/

textarea{
  /*font-size:12px;*/
  line-height:normal;
  padding:10px;
  width:100%
}

label{
  font-weight:700
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
  line-height: 1;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}

h1{
  font-size:18px

}
h2{
  font-size:15px
}

h3{
  font-size:23px
}

h4{
  font-size:18px;
  font-weight:700;
}

p{
  margin:1em 0
}

section img,
article img {
  display: block;
  height: auto !important;
  max-width: 100% !important;
  /*width: 100% !important;*/
}

iframe{
  max-width: 100% !important;
  width: 100% !important;
}

ul, ol{
  list-style: outside none none;
  margin: 0;
  padding: 0;
}

a,
#search span,
ul.tours li a img{
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

header{
  clear:both
}

section{
  position:relative
}

.page{
  max-width:1900px;
  width: 96%;
  margin:0 auto;
  position:relative
}

.column{
  float:left
}

.column.fright{
  float:right
}

.column.width-100{
  width:100%
}

.column.width-80{
  width:80%
}

.column.width-75{
  width:75%
}


.column.width-65{
  width:65%
}

.column.width-64{
  width:64%
}

.column.width-60{
  width:66.666%
}

.column.width-50{
  width:50%
}

.column.width-40{
  width:40%
}

.column.width-35{
  width:35%
}

.column.width-34{
  width:34%
}

.column.width-30{
  width:33.333%
}
.column.width-25{
  width:25%
}
.column.width-23{
  width:23%
}
.column.width-22{
  width:22%
}
.column.width-21{
  width:21%
}
.column.width-20{
  width:20%
}

/*---------------------------------
 header
-----------------------------------*/

#header{
  padding:0;
  position:relative;
  z-index:10001;
}

#header .row.first{
  position:relative;
  z-index:5
}

#header .row.first .page{
  background:#1f1100;
  padding:3px 10px 4px;
}
#header .row.first input,
#header .row.first textarea {
    width: 100%;
    line-height: 31px;
    height: 31px;
    display: block;
    max-width: 100%;
}
#header .row.first textarea {
    line-height: 1.3em;
    height: auto;
}
#header .row.first .send-to-friend .button {
    line-height: 40px;
    height: 40px;
}
#header .row.first .send-to-friend .button,
#header .row.first .login .button {

    line-height: 40px;
    height: 40px;
    display: block;
    color: #fff;
  border-width: 2px;
    border-color: #fff;
}
#header .row.second{
  /*background:rgba(0,0,0,.4)*/
}

#header .row.second .page{
  background:url('../../images/front/header-bg.jpg') 0 0 no-repeat;
  background-size: cover;
  padding:0 155px;
  margin-top:10px;
  background-position: center center;
}

#header .row.third{
}

#header .row.third .page{
  background:#231504;
  margin-top:10px;
  }

header .column{
  position:relative
}

#header .row.first ul,
#header .row.first ul > li,
#header .row.first a,
#header .row.first span{
  font-size:18px;
  color:#fff;
  display:inline-block;
  line-height:20px;
  height: 20px;
  position:relative;
  border-color: #fff;
}
#header .row.first .newsletter-form a{
  font-size: 10px;
}
#header .row.first ul > li{
  height:26px;
  line-height:26px;
}
#header .row.first a{
  font-size:17px;
  height:27px;
  line-height: 27px;
}
#header .row.first .fright ul:first-child > li > a{
  font-weight: bold;
}
#header span.phones{
  padding:0 0 0 20px;
  background:url('../../images/front/top-phone.png') 0 50% no-repeat
}

#header span.phones span{
  padding:0 12px 0 0;
  margin:0 8px 0 0;
}

#header span.phones span:before{
  content:"";
  background:#fff;
  display:block;
  width:1px;
  height:11px;
  position:absolute;
  right:0;
  top:50%;
  -webkit-transform: translate(0%, -50%);
  -moz-transform: translate(0%, -50%);
  -o-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
}
#header span.phones span:last-child:before{
  display: none;
}

#header a.mail{
  background:url('../../images/front/top-mail.png') 0 55% no-repeat;
  margin:0 0 0 18px;
  padding:0 0 0 20px
}

#header ul > li{
  margin:0 4px
}

#header .buton:hover{
  background:#f08c41
}

#header ul.social li{
  margin:0 0 0 4px
}

#header ul.social li a{
  width:20px;
  height:20px;
  line-height:20px;
  text-indent:-9999em;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}

#header ul.social li a{
  background:url('../../images/front/social-mini.png') 0 0 no-repeat;
  width:26px;
}

#header ul.social li.flickr a{
  background-position: 3px 3px;
  background-color:#fff
}

#header ul.social li.fb a{
  background-position: 3px -68px;
  background-color:#3b5998
}

#header ul.social li.yt a{
  background-position: 3px -104px;
  background-color:#e62d27
}

#header ul.social li.g-plus a{
  background-position: 3px -139px;
  background-color:#dd4b39
}

#header ul.social li a:hover{
  background-color:#f08c41
}

#header ul.social li.flickr a:hover{
  background-position: 3px 3px;
}

#header .row.first div.send-to-friend,
#header .row.first div.login{
  min-width:343px;
  position:absolute;
  background:#887f6e;
  padding:10px;
  botom:-30px;
  left:auto;
  display:none;
  z-index: 100001;
}

#header .row.first div.login{
  left:-139px;
}

#header .row.first li:hover div.send-to-friend,
#header .row.first li:hover div.login{
  display:block;
}

form ol li{
  margin:11px 0 0 0;
  display:block;
}

div.login form ol li{
  margin:11px 0 0 0;
}

form ol li:first-child{
  margin:0;
}

form ol li.message{
  line-height:1
}

form ol li.separator{
  border-top:1px solid #fff;
  padding-top:11px
}

div.login form ol li.separator{
  padding-top:9px
}

form ol li input{
  width: 100%;
  height: 20px;
  background-color: #fff;
}

form ol li textarea{
  width:100%;
  min-height:100px
}

form ol li button.button{
  line-height:20px;
  float:right;
}
form ol li button.button.fleft{
  float:left;
}

/*---------------------------------
 logo
-----------------------------------*/

#logo{
  display:block;
  width:298px;
  height:141px;
  float:left;
  text-indent:-999em;
  background:url('../../images/front/logo.png') 50% 50% no-repeat
}


/*---------------------------------
 main nav
-----------------------------------*/

nav#main-menu{
  margin:0;
  float:left
}

nav#main-menu ul li,
nav#main-menu ul li a{
  display:inline-block
}
nav#main-menu ul li a{
  font-size:20px;
  color:#fff;
  font-weight:400;
  line-height:33px;
  text-transform:uppercase;
  margin:0;
  position:relative;
  padding:0 5px;
  margin:0
}
nav#main-menu ul li a:hover{
  color:#f08c41;
}
nav#main-menu ul li.active a{
  font-weight:700;
}


/*---------------------------------
 sidebar
-----------------------------------*/
aside {
  float: left;
  width: 22%;
  padding-top: 10px;
}

#main {
  float: right;
  width: calc(78% - 30px);
  margin-left: 30px;
}

#main .page {
  width: 100%;
}

aside .categories {
  border: 6px solid #1f1100;
}
aside .menu li {
  border-bottom: 3px solid #1f1100;
}

aside .menu li a {
  color: #1f1100;
  text-transform: uppercase;
  display: block;
  padding: 2px 8px;
  font-size: 28px;
  font-weight: 700;
}

aside .menu li:hover {
  background: #f08c41;
}
aside .menu li:hover a {
  color: #fff;
}

aside .categories > li .title {
  background: #1f1100;
  color: #fff;
  text-transform: uppercase;
  padding: 2px 8px;
  font-weight: bold;
  font-size: 28px;
}

aside .categories > li .content {
  padding: 12px;
  white-space: nowrap;
  position: relative;
}

aside .categories > li .content:after {
  content: " ";
  display: block;
  clear: both;
}

aside .categories > li .content img {
  display: inline-block;
  vertical-align: middle;

}

aside .categories > li .content .price {
  background: url('../../images/front/price.png') bottom right no-repeat;
  background-size: 100% auto;
  display: inline-block;
  vertical-align: bottom;
  text-align: left;
  color: #1f1100;
  padding: 0 8% 3% 0;
  font-size: 18px;
  width: auto;
  /*position: absolute;
  bottom:17px;
  right:10px;*/
}

aside .categories > li .content .price strong {
  font-size: 36px;
}
aside .modules{
  margin-top:20px;
}
aside .modules li{
  border: 6px solid #1f1100;
  margin:10px 0;
  border-top:none;
}
aside .modules li .module-title{
  text-transform: uppercase;

  background: #1f1100;
  color: #fff;
  text-transform: uppercase;
  padding: 2px 8px;
  font-weight: bold;
  font-size: 28px;
}
aside .modules li .module-content{
  color: #1f1100;
  padding: 2px 8px;
  font-size: 24px;
}
aside .categories > li:last-child ul.menu li:last-child{
  border-bottom:0;
}
  /*---------------------------------

  -----------------------------------*/

#top{
  margin:10px 0 0
}


#top .row.first,
#top .row.second,
#top .row.third,
#top .row.fourth,
#top .row.fifth{
  margin-top:1px
}

#top .row.first .page,
#top .row.second .page,
#top .row.third .page,
#top .row.fifth .page{
  background:#211101;
}

#top .row.fourth .page{
  background:#211101;
}

#top .menu ul li,
#top .menu ul li a,
#top .menu ul li span{
  display:inline-block;
  text-transform: uppercase;
}

#top .row.first h1,
#top .menu ul li a,
#top .menu ul li span {
  color: #fff;
  font-size: 21px;
  font-weight: 400;
  line-height: 25px;
  margin: 0;
  padding: 0 5px;
  position: relative;
}
#top .menu ul li a:hover{
  color:#f08c41;
}
#top .row.first {
  text-align:center
}

#top .row.first h1,
#top .row.first .menu ul li a,
#top .menu ul li:first-child a {
  font-weight: 700;
}

#top .row.second .page {
    padding: 5px;
}
#top .row.second nav li {
    display: inline-block;
    margin-right: 15px;
    font-size:21px;
}
#top .row.second nav li.title {
    background: url('../../images/front/bg-texture.jpg') center no-repeat;
    color: #000;
    line-height: 25px;
    padding: 0 1em;
    font-weight: bold;
    width: 22%;
    text-align: center;
    margin-right:30px;
}
#top .row.second nav.is-forum{
  position:relative;
}
#top .row.second nav.is-forum form{
  position: absolute;
  top:-1px;
  right:0;
}
#top .row.second nav.is-forum form input{
  height:27px;
  line-height: 27px;
}
#top .row.second nav.is-forum form button{
  color:#fff;
  border-color:#fff;
  height:27px;
  line-height: 25px;
}
#top .row.second nav li a {
    padding: 0;
}

/*
#top .row.fourth .menu ul li a,
#top .row.fourth .menu ul li span {
  font-size:12px;
  font-weight: 700;
  line-height:26px
}
*/
#top .row.fourth form input{
  max-width:none;
}

.row.third nav{
  float:left
}
.row.third .button,
.row.third form{
  float:right
}

.row.third .button{
  height:20px;
  line-height:17px;
  margin:5px 10px 0 0
}
.row.third form{
  background:rgba(255,255,255,.5);
}
.row.third form input,
.row.third form button{
  line-height: 25px;
  height: 25px;
}

.row.third form input{
  background:none;
}

.row.third form button{
  border:none;
  width:30px;
  text-indent:-999em;
  background:url("../../images/front/search-icon.png") no-repeat 50% 50%;
}

.row.third form button:hover,
.row.third form button:focus,
.row.third form button:active{
  background-color:#f07241
}


.sub-nav-button{
  background:url('../../images/front/mobi-nav/nav.png') 50% 50% no-repeat;;
  display:inline-block;
  width:30px;
  height:30px;
  text-indent:-999em;
  cursor:pointer;
}


/*---------------------------------
search
-----------------------------------*/

#search{
  float:right
}

#search form{
  font-size:12px;
}

#search input[type="text"]{
  font-size:12px;
  color:#000;
  text-transform:none;
  background:none;
  line-height:normal
}

#search input[type="text"],
#search button{
  border:none;
  height:30px;
  line-height:30px;
  background:#a5b9c3;
  background:rgba(255,255,255,.5);
  display:block;
  float:left
}

#search button{
  width:30px;
  background:url('../../images/front/search-icon.png') 50% 50% no-repeat rgba(255,255,255,.5);
  text-indent:-999em;
}

#search  span{
  color:#fff;
  font-size:10px;
  text-transform:uppercase;
  line-height:40px;
  background:rgba(255,255,255,.5);
  margin:0 0 0 1px;
  padding:0 12px;
  display:block;
  float:left;
  cursor:pointer;
}

#search span:hover{
  background:#f08c41;
}


/*---------------------------------
  kalendarz
-----------------------------------*/

.calendar-container{
  float:right;
  position:relative
}

.calendar-form{
  position:absolute;
  top:100%;
  right:0;
  min-width:315px;
  background:rgba(0,0,0,.3);
  padding:15px;
}

#header .row.third .calendar-form{
display:none
}

#header .row.third .calendar-form.active{
  display:block
}

.calendar-search{
  margin:0 0 10px
}

.calendar-search input{
  width:44%;
  width:calc(50% - 17px)
}
.calendar-search input.date-end,
.calendar-search button{
  margin-left:1px
}

.calendar-search input,
.calendar-search button{
  height:30px;
  line-height:30px
}

.calendar-search button{
  width:30px;
  text-indent:-99999em;
 background: rgba(255,255,255,.5) url("../../images/front/search-icon.png") no-repeat 50% 50%;
  border:none
}

table.calendar{
  width:100%;
}

table.calendar thead tr{
margin:0 0 10px
}

table.calendar thead td{
  text-align:center;
}

.current-month{
  text-transform:uppercase
}

.calendar-prev,
.calendar-next,
.current-month div{
  display:block;
}

.calendar-prev strong,
.calendar-next strong{
  width: 22px;
  height: 22px;
  display:block;
  background:url('../../images/front/calendar-arrows.png') 50% -1px no-repeat;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: solid 1px #fff;;
  text-indent:-999em
}

.calendar-next strong{
  background-position: 50% -31px
}

table.calendar .weekend div,
table.calendar .weekend a{
  background:rgba(0,0,0,.5);
}

table.calendar td{
  font-size:16px;
  font-weight:700;
}

table.calendar thead td,
table.calendar tbody tr:first-child td{
  padding:0 0 5px;
}

table.calendar td{
  text-align:right;
}

table.calendar thead td a,
table.calendar thead td div,
table.calendar tbody td div,
table.calendar tbody td a{
  display:block;
  padding:6px 5px;
  background:rgba(0,0,0,.3);
  margin:2px 2px 0 0
}

table.calendar tbody td.empty,
table.calendar tbody td.empty div{
  background:none;
}

.calendar-form a{
  color:#fff
}

.calendar-form tbody a:hover{
  background:#f08c41
}

/*---------------------------------
 slider
-----------------------------------*/

div.slider{
  position:relative;
  overflow:hidden;
  margin-top:10px;
}

.slider{
  position:relative
}

.slider img{
  width:100%
}

.slider .content{
  color:#fff;
  position:absolute;
  z-index:1;
  top:0;
  left:0;
  width:65%;
  padding:75px 15px 15px 25px;
}

.slider .content h2{
  color:#fff;
  font-weight:700;
  font-size:48px;
  transition: all 0.2s linear;
}

.slider .content p{
  font-size:25px;
  font-weight:700;
  line-height:2em;
  margin:25px 0 35px;
  transition: all 0.2s linear;
}

.slider .content h2 a{
  color:#fff;
}

.slider .content h2  span,
.slider .content p span{
  color:#f6ff00;
}
.slider .content > span.button.medium{
  background: none;
  color: #fff;
  border:1px solid #fff;
  margin-bottom: 10px;
  padding-left: 10px;
  line-height: 33px;
  height: 33px;
  font-size: 25px;
  font-weight: 700 !important;
  text-transform: uppercase;
}
.slider .content > span.button.medium:hover{
  background: #f08c41;
  color:#fff;
}
.slider span.prev,
.slider span.next{
  display:block;
  width: 61px;
  height: 61px;
  text-indent: -9999em;
  position: absolute;
  bottom:25px;
  margin:0;
  cursor: pointer;
  z-index: 10;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: solid 2px #fff;
}


.slider span.prev{
  left:25px;
  background:url('../../images/front/slider-prev.png') center center no-repeat;
}

.slider span.next{
  right:25px;
  background:url('../../images/front/slider-next.png') center center no-repeat;
}

.slider span.prev:hover,
.slider span.next:hover{
  background-color:#f07241
}
.slider .slide{
    display: none;
}
.slider .slide h2:hover,
.slider .slide a:hover,
.slider .slide p:hover{
  color: #f08c41;
}
.slider .slide.active{
    display: block;
}
.slider .slide > a{
  display: block;
}
.slider .button {
  color: #fff;
  border-color: #fff;
  background:#f08c41;
}
/*---------------------------------
 wycieczki - str. gł
-----------------------------------*/

ul.tours{
  /*margin:0 -5px*/
}

ul.tours li{
  display:block;
  float:left;
  width:50%;
  margin:16px 0 0 0;
  padding:0 13px;
  padding:0;
}

ul.tours li.full{
  width: 100%;
  padding:0;
}
ul.tours li.triple{
  width:33.333%
}
ul.tours li.triple.item-1{
  padding-right:12px;
}
ul.tours li.triple.item-2{
  padding: 0 6px;
}
ul.tours li.triple.item-3{
  padding-left:12px;
}
ul.tours li.double.item-1{
  padding-right:13px;
}
ul.tours li.double.item-2{
  padding-left:13px;
}
ul.tours li.group-title{
  width:100%;
}
ul.tours li > div{
  position:relative;
}

ul.tours li img{
  width:100%
}

ul.tours .content{
  color:#fff;
  padding:20px;
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%
}

ul.tours h2{
  font-size:36px;
  font-weight:700;
  position:absolute;
  left:35px;
  top:50px;
  transition: all 0.2s linear;
}

ul.tours h2 a{
  color:#fff;
}
ul.tours h2 div{
  font-size:26px;
  line-height:32px;
  text-transform: none;
  font-weight: normal;
  margin-top:24px;
  max-width:90%;
}
ul.tours .full h2 div{
  max-width:70%;
}
ul.tours a.img{
  color:#fff;
  position:relative;
  display:block;
  overflow:hidden;
  /*max-height: 430px;*/
}

ul.tours li a.img:before{
  content:"";
  display:block;
  width:100%;
  height:100%;
  position:absolute;
  left:0;
  top:0;
  background:rgba(0,0,0,.05);
  opacity: 1;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

ul.tours span{
  display:block;
  font-weight:700;
}

ul.tours span.date{
  font-size:36px;
  font-weight:700;
  margin:45px 0 0
}
ul.tours .item-price{
  color:#fff;
}
ul.tours  span.price{
  font-size:35px;
  position:absolute;
  right:20px;
  bottom:20px;
  transition: all 0.2s linear;
}

ul.tours  span.price big{
  font-size:35px;
}

/*
ul.tours li:hover a img{
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
*/
ul.tours li div > a{
  display: block;
}
ul.tours li a.item-price:hover,
ul.tours li h4 a:hover,
ul.tours li h4 div:hover{
  color:#f08c41;
}
ul.tours li:hover a img:before{
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  opacity: 0;
}
ul.tours li.group-title .trip-title{
  background: #1f1100;
  color: #fff;
  margin-bottom: 10px;
  padding-left: 10px;
  line-height: 37px;
  height: 37px;
  font-size: 28px;
  font-weight: 700;
  text-transform: uppercase;
}
section#contact{
  text-align:center;
  padding:120px 0 270px
}

section#contact h3{
  font-weight:700;
  margin:0 0 25px
}

section#contact ul.social{
  text-align:center;
  margin:0 0 42px
}

section#contact ul.social li{
  margin:0 4px
}

section#contact ul.social li,
section#contact ul.social li a{
  display:inline-block;
}

section#contact ul.social li a{
  width:60px;
  height:60px;
  line-height:20px;
  text-indent:-9999em;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}

section#contact ul.social li a{
  background:url('../../images/front/social-big.png') 0 0 no-repeat
}

section#contact ul.social li.flickr a{
  background-position: 0 -260px;
  background-color:#fff
}

section#contact ul.social li.fb a{
  background-position: 0 0;
  background-color:#3b5998
}

section#contact ul.social li.yt a{
  background-position: 0 -87px;
  background-color:#e62d27
}

section#contact ul.social li.g-plus a{
  background-position: 0 -174px;
  background-color:#dd4b39
}

section#contact ul.social li a:hover{
  background-color:#f08c41
}

section#contact ul.social li.flickr a:hover{
  background-position: 0 -347px;
}

section#contact .button.big{
  clear:both;
  width:334px;
  padding:0;
  display:block;
  margin:18px auto 0
}

section#contact .newsletter{
  position:relative
}

.sign-up{
  background: rgba(0,0,0,.3);
  max-width:310px;
  padding:20px;
  position:absolute;
  top:100%;
  left:50%;
  -webkit-transform: translate(-50%, 0%);
  -moz-transform: translate(-50%, 0%);
  -o-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  margin:10px 0 0 0;
  display:none
}

.button:hover + .sign-up{
  display:block
}

.sign-up h4{
  font-size:20.2px;
  font-weight:700;
  margin:0 0 20px
}

.sign-up li.accept{
  font-size:10px;
  text-align:left
}

li.accept{
  position:relative;
  padding:0 0 0 20px;
  margin:15px 0 0 0;
}

li.accept + li.accept{
  margin:7px 0 0 0
}

li.accept input{
  position:absolute;
  left:-9999em
}
header li.accept{
  line-height:0.7em;
  font-size:20px;
  text-align: justify;
}
li.accept label{
  font-size:10px;
}

li.accept label:before{
  content:"";
  color:#b2b7bb;
  display:block;
  width: 15px;
  height: 15px;
  line-height: 15px;
  background: #fff;
  position:absolute;
  top:2px;
  left:0;
  background:#fff
}

.filters li.accept label:before{
  border: solid 2px #fff;
}

li.accept input:checked + label:before{
  background:url('../../images/front/label-selected.png')50% 50% no-repeat #fff;
}

#footer {
  color: #1f1100;
  font-size:17px;
}

#footer .header{
  font-size:18px;
  margin:0 0 1em;
  font-weight: 600;
  text-transform: uppercase;
}

#footer .row.first .page{
  /*background:rgba(0,0,0,.5);*/
  background: rgba(221,201,167,0.66);
  padding:55px 170px 40px;
  /*max-width: 1518px;*/
}

#footer .row.first .page > div{
  /*margin:0 -35px*/
}

#footer .row.first .page > div > .column:first-child{
  width:40%
}
#footer .row.first .page > div > .column:last-child{
  width:25%;
}
#footer .row.first .page > div > .column:last-child ul.social.medium{
  text-align:left;
}
#footer .row.first .page > div > .column:nth-child(2){
  width:25%;
  margin:0 5%;
}
#footer .row.first p{
  margin:0;
  font-size:17px;
}

ul.contact li{
  padding:0 0 0 50px;
  margin:20px 0 0 0;
  position:relative
}

ul.contact li:first-child{
  margin:0
}

ul.contact li:before{
  content:"";
  display:block;
  width: 32px;
  height: 32px;
  /*border: solid 1px #fff;*/
  background:url('../../images/front/footer-contact.png') 0 0 no-repeat;
  position:absolute;
  left:0;
  top:0
}

ul.contact li + li:before{
  background-position:0 -50px;
}

ul.contact li + li + li:before{
  background-position:0 -100px;
}

ul.contact li > span,
ul.contact li > a{
  display:block;
  font-weight:700;
  text-decoration:none
}

ul.contact li > span{
  font-size:17px
}

ul.contact li > a{
  font-size:17px;
  color:#000;
}

ul.contact li small{
  font-size:17px;
  display:block
}

ul.contact li small span{
  float:left;
  min-width:110px;
}
.item-body ul.contact li small span{
  min-width:115px;
}
#footer ul.gallery{
  margin:-5px
}

#footer ul.gallery li{
  float:left;
  padding:5px;
  width: 16.667%;
}
#footer ul.gallery li a{
  display: block;
  overflow: hidden;
}
#footer ul.gallery li img{
  width:100%;
}
#footer ul.gallery + .button{
  margin-right:40px
}

#footer .more {
  display: inline-block;
  text-align: right;
  text-transform: uppercase;
  color: #1f1100;
  border:1px solid #1f1100;
  margin: 1em 0;
  padding:2px 5px;
  float: right;
}
#footer .more:hover{
  color:#fff;
  background:#f07241;
}
ul.social.medium{
  padding:0 0 0 0;
  margin:30px 0;
  text-align: center;
}
ul.social.medium.contact-page{
  padding-left:50px;
  text-align: left;
}
ul.social.medium li{
  -webkit-transform: scale(.8);
  -moz-transform: scale(.8);
  -o-transform: scale(.8);
  -ms-transform: scale(.8);
  transform: scale(.8);
  display: inline-block;
  margin:0 0 0 -4px
}

ul.social.medium li a{
  display: block;
  width:60px;
  height:60px;
  line-height:20px;
  text-indent:-9999em;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}

ul.social.medium li a{
  background:url('../../images/front/social-big.png') 0 0 no-repeat
}

ul.social.medium li.flickr a{
  background-position: 0 -260px;
  background-color:#fff
}

ul.social.medium li.fb a{
  background-position: 0 0;
  background-color:#3b5998
}

ul.social.medium li.yt a{
  background-position: 0 -87px;
  background-color:#e62d27
}

ul.social.medium li.g-plus a{
  background-position: 0 -174px;
  background-color:#dd4b39
}

ul.social.medium li a:hover{
  background-color:#f08c41
}

ul.social.medium li.flickr a:hover{
  background-position: 0 -347px;
}



#footer .column.width-100 + .column.width-100 h3{
  margin:0 0 30px
}

#footer a.avatar{
  float:left;
  margin:5px 10px 10px 0
}

#footer .button{
  float:right;
  margin:30px 0 0
}

#footer .row.second .page{
  background: #1f1100;
  padding: 15px;
  color: #fff;
}

#footer .row.second img{
 display:block;
  float:left;
  margin:0 15px 0 0
}

#footer .row.second p{
 margin:8px 0 0
}
#footer .row.second p span{
 display:block;
}

#footer .row.third{
 background:#000;
  display: none;
}

#footer .row.third p{
 margin:12px 0
}


/*---------------------------------

-----------------------------------*/


div.pagination{
  padding:30px 0 0;
  /*border-top:1px solid #fff;*/
  width:100%;
/*  position:absolute;
  bottom:40px*/
}

div.pagination ul{
  text-align:center
}
div.pagination ul li{
  font-size:14px;
  font-weight:400;
  display:inline-block;
  margin:0 5px
}

div.pagination ul li span,
div.pagination ul li a{
  color:#1f1100;
  display:inline-block;
  width: 27px;
  height: 27px;
  line-height:25px;
  border: solid 1px #1f1100;
  text-align:center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

div.pagination ul li:first-child span,
div.pagination ul li:last-child span,
div.pagination ul li:first-child a,
div.pagination ul li:last-child a{
  text-indent:-9999em;
  width: 36px;
  height: 36px;
  background:url('../../images/front/slider-arrows-brown.png') -2px -2px no-repeat ;
  position:relative;
  top:-4px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: solid 2px #1f1100;
}
div.pagination ul li:first-child a:hover,
div.pagination ul li:last-child a:hover{
  background-image:url('../../images/front/slider-arrows-hover.png');
}
div.pagination ul li:first-child a,
div.pagination ul li:first-child span{
  background-position:-2px -2px;
}

div.pagination ul li:last-child a,
div.pagination ul li:last-child span{
  background-position:-40px -2px
}

div.pagination ul li:first-child{
  float:left
}

div.pagination ul li:last-child{
  float:right
}

div.pagination ul li.active span,
div.pagination ul li a:hover{
  background-color:#f08c41;
  color:#fff;
  font-weight:700;
}

.main{
  margin:10px 0 0
}

.main .page{
  background:rgba(0,0,0,.3);
  background: rgba(221,201,167,0.66);
  padding:35px 40px;
  min-height: 1700px;
  color: #000;
}

.main .page.plus-pagination{
  padding:35px 40px 145px 40px;
}

.main > .page > header{
  margin:0 0 23px;
  position:relative
}

.main.news > .page > header{
  margin:0 0 46px;
}
.main.news.single > .page > header{
    margin-bottom: 20px;
}
.main > .page > header .button{
  float:right;
  position:absolute;
  right:0;
  top:0
}

.main .page header h1{
  font-size:24px;
}

.item-body{
  font-size:19px
}

.item-body header{
  margin:0 0 15px
}

.item-body header h2{
  font-size:20px;
  text-transform:none
}

.item-body header span{
  font-size:12px;
}

.item-body p{
  font-size:19px;
  line-height:1.333em;
  margin:1.333em 0
}

.item-body a{
  color:#730;
}
.item-body .news a{
  color:#1f1201;
}
.item-body p a{
    text-decoration:underline
}

.item-body a.active,
.item-body a:hover{
  color:#f08c41
}

.search-results{}

.search-results .results{
  font-size:15px;
  font-weight:700;
  margin:0 0 25px
}

.search-results .results strong{
  text-transform:uppercase
}

.search-results ul li{
  margin:20px 0 0
}

.search-results ul li:first-child{
  margin:0
}

.search-results ul li a{
  text-decoration:underline
}

.search-results ul li a:hover{
  color:#f08c41
}

.news .item{
  padding:0 0 5px;
  margin:0 0 25px;
  border-bottom:1px solid #1f1201;
}


.item-body > div.contact{
  margin:0 -23px
}

div.contact .column{
  padding:0 23px
}

/*---------------------------------
 forum
-----------------------------------*/

.forum.users .user{
  padding:0 0 25px;
  margin:0 0 25px;
  border-bottom:1px solid #fff;
}


.user-info{
  float:left;
  width:70px;
  margin:5px 0 0 0
}

.user-info a,
.user-info span{
  font-size:10px;
}
.user-info a{
  margin:0 0 1px
}
.user-info span.user-title{
  text-transform:uppercase;
  font-weight:700;
  margin:3px 0 1px
}

.user-info span{

}

.user-info a,
.user-info span,
.user ul li span,
.user ul li strong{
  display:block;
}

.user ul,
.post-body{
  float:left;
  padding:0 0 0 15px;
  width:90%;
  width:calc(100% - 70px);
}

.user ul ul{
  width:auto;
  padding:0
}
.user ul ul li span{
  text-align:center;
  min-width: 70px;
}

.user ul li li strong{
  padding:0 0 0 20px
}

.user ul li{
  font-size:16px
}

.user ul li span,
.user ul li strong{
  float:left
}

.user ul li span{
  min-width:150px;
  text-transform:lowercase
}

ul.posts.level1 > li.post{
  border-bottom: 1px solid #fff;
  margin: 0 0 25px;
  padding: 0 0 25px;
}

ul.posts.level1 > li.post:last-child{
  border-bottom: none;
  padding: 0;
}

ul.posts li.post ul.reply{
  padding-left:85px
}


.post-meta .user-name{
  font-size:16px;
  font-weight:700;
  margin:5px 0 23px
}

.post-meta .about-tour{
  font-size:15px;
  font-weight:700
}

.post-meta .place,
.post-meta .tour-date{
  font-size:12px;
}

.post-content p{
  margin:23px 0
}

.post-body .button{
  float:right
}

#comment-form{
  background:rgba(0,0,0,.3);
  padding:15px 20px;
  width:91%;
  width:calc(100% - 85px);
  float:right
}

#comment-form h3{
  font-size:16px;
  margin:0 0 8px
}

#comment-form form span{
  display:block;
  margin:10px 0 0
}

#comment-form form input,
#comment-form form textarea{
  font-size:14px;
  width:100%
}

#comment-form form button.first{
  float:left
}

#comment-form form button.second{
  float:right
}

.register-form h2{
  clear: both;
  margin-bottom: 20px;
}

.register-form form{
  width:50%;
  margin-bottom: 20px;
}

.register-form p{
  font-size:14px;
  font-weight:700;
  margin:0 0 15px
}

.register-form h4{
  font-size:15px;
  text-transform:none;
  font-weight:700;
  margin:0 0 15px
}

.register-form ol{
  margin:0 0 18px
}

.register-form ol li.accept{
  line-height:1
}

.register-form ol li.accept label:before {
 top: 5px;
}

.register-form ol:last-child{
  margin:0
}

.register-form .avatar {
  float: left;
  margin-right: 10px;
  margin-bottom: 20px;
}

.register-form .avatar + form,
.register-form .avatar + form + form {
  float: left;
  width: auto;
  margin-right: 2px;
}

.utrips .t_title,
.utrips .t_value {
  display: block;
  float: left;
}
.utrips .t_title {
    width: 33.33%;
}
.utrips .t_value {
    width: 66.66%;
}

.utrips ul {
  overflow: auto;
}
.utrips ul > li:after {
  content: " ";
  display: block;
  clear: both;
}
.utrips .column {
  width: 75%;
}
.utrips .column:last-child {
  width: 25%;
}

.utrips .utitle {
  margin-bottom: 10px;
  display: block;
}
/*---------------------------------

-----------------------------------*/

ol.ordered1{}

ol.ordered1 li{}

ol.ordered1 li h3{
  font-size:15px
}

ol.ordered1 li p{
  margin-top:0
}

/*---------------------------------

-----------------------------------*/

div.gallery{
  margin:40px 0;
  max-height:430px;
  overflow:hidden
}

.gallery-container{
  display:block;
  width:100%;
}

.gallery-container .img{
  display:block;
}
.gallery-container .images .img{
    display: none;
  max-height: 100%;
  height: 100%;
}
.gallery-container .images .img.active{
    display: block;
}
.gallery-container .images{
  padding:0 10px 0 0;
  width:80%;
}

.gallery-container .images {
  display:block;
  float:left;
  max-height: 100%;
  height: 100%;
}

.gallery-container .thumbs{
  display:block;
  vertical-align:middle
  float:left;
}

.gallery-container .thumbs > div {
  max-height: 430px;
  overflow: hidden;
  position: relative;
}

.gallery-container .thumbs .stripe {
  transition: all 0.3s ease;
}

.gallery-container .thumbs .thumb{
  /*margin:27px 0 0;*/
  cursor: pointer;
  overflow: hidden;
  height: 205px;
  padding: 10px;
}

.gallery-container .thumbs .thumb:first-child{
  margin:0
}

.gallery-container .images .image img,
.gallery-container .thumbs .thumb img{
  display:block;
  margin:0 auto;
  /*zoom: 2;*/
  width: auto;
  height: auto;
  transition: all 0.3s ease;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

/*
.gallery-container .thumbs .thumb:hover img{
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
*/

.gallery-container .thumbs .thumb img {
  max-width: 110% !important;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 100%;
}

.gallery-container .thumbs{
  width: 20%;
  overflow:hidden;
  position: relative;
}

.gallery .images > div{
  position:relative;

  max-height: 100%;
  height: 100%;
  float: left;
  width: 100%;
}

.gallery .images span.prev,
.gallery .images span.next{
  display:block;
  width: 38px;
  height: 38px;
  background:url('../../images/front/slider-arrows.png') 0 0 no-repeat;
  text-indent: -9999em;
  position: absolute;
  bottom:18px;
  margin:0;
  cursor: pointer;
  z-index: 10;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: solid 2px #fff;
}

.gallery .images span.prev{
  left:18px
}
.gallery .images span.next{
  right:18px;
  background-position:100% 0
}

.gallery .images span.prev:hover,
.gallery .images span.next:hover{
  background-color:#f07241
}




.gallery .thumbs span.prev,
.gallery .thumbs span.next{
  display:block;
  width: 38px;
  height: 38px;
  background:url('../../images/front/slider-arrows.png') 0 0 no-repeat;
  text-indent: -9999em;
  position: absolute;
  right:0px;
  margin:0;
  cursor: pointer;
  z-index: 10;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: solid 2px #fff;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);

  display: none;
}

.gallery .thumbs span.prev{
  top:0px
}
.gallery .thumbs span.next{
  bottom:0;
  background-position:100% 0
}

.gallery .thumbs span.prev:hover,
.gallery .thumbs span.next:hover{
  background-color:#f07241
}


.gallery-full {
    overflow: auto;
    padding: 0;
    margin: 0 0 20px;
}

.gallery-full li {
    list-style: none;
    display: block;
    float: left;
    width: 25%;
    padding: 5px;
}

.gallery-full a {
    display: block;
    position: relative;
    color: #fff;
    font-weight: bold;
}
.gallery-full a:hover {
    color: #fff;
}

.gallery-full li .caption {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.5);
    padding: 20px;
    opacity: 0;
    transition: all 0.3s ease;
}

.gallery-full li .caption:hover {
    opacity: 1;
}

.gallery-full li .caption p {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 1em;
    font-size: 1.5em;
}

/*---------------------------------

-----------------------------------*/

.reports .item{
  margin:35px 0 0
}

.reports .item:first-child{
  margin:0
}

.schedule{
  margin:-10px 0 23px
}

.schedule > div span,
.schedule > div strong,
.report ul li span{
  display:block;
  float:left
}

.schedule > div span,
.report ul li span.first{
  min-width:70px
}

.report ul li{
  margin:2px 0 0
}

.report ul li span.first{
  line-height: 1.333em;
}

.report ul li span.second{
  width:90%
}
.report ul li p{
  margin:0
}

.schedule > div span{
  font-size:14px;
  line-height:1.8
}
.schedule > div strong{
  font-size:18px;
  font-weight:700
}

.gmap{
  margin:30px 0
}
.gmap img{
  max-width: none !important;
}
.reports #comment-form{
  margin-top:280px
}

/*---------------------------------

-----------------------------------*/


.user-gallery{}

.user-gallery p{
  margin-top:0
}

.flickr-gallery{
  margin:26px 0 0 0
}
.flickr-more {
  border-top: 2866;
  padding: 30px 0 0;
  position: absolute;
  bottom: 40px;
  width: calc(100% - 80px);
  text-align:center
}

/*---------------------------------

-----------------------------------*/

.tours-map .gmap{
  margin:-25px -30px 55px
}

.main > .page .tours-map > header {
  margin: 0 0 23px;
}

.tours-map ol {
  counter-reset: section;
  list-style: none;
}

.tours-map ol li{
  font-size:15px;
  margin:10px 0 0;
  position:relative;
  list-style: none;
  padding-left:30px;
  background-repeat: no-repeat;
  line-height: 34px;
}

.tours-map ol li:first-child{
  margin:0;
}

.tours-map ol li:before {
  counter-increment: section;
  content: counters(section, "") ". ";
  font-weight:700;
  display:inline-block;
  position:absolute;
  left:0;
  top:0;
  display: none;

}

.tours-map ol li:first-child{
  margin:0;
}






/*---------------------------------

-----------------------------------*/

#header .row.mobi-nav{
  background:#1e2829;
}

.mobi-nav .page > ul{
  text-align:center
}

.mobi-nav .page > ul > li,
#header .mobi-nav .page > ul > li{
  margin:0 2%;
    padding:5px 0
}

.mobi-nav .page > ul > li,
.mobi-nav .page > ul > li > a,
.mobi-nav .page > ul > li > span{
  display:inline-block;
  width:21px;
  line-height:21px
}

.mobi-nav .page > ul > li > a,
.mobi-nav .page > ul > li > span{
  text-indent:-999em;
  background:#fff;
  cursor:pointer
}

.mobi-nav .page > ul > li.go-home a{
  background:url(../../images/front/mobi-nav/01.png) 50% 50% no-repeat
}

.mobi-nav .page > ul > li.mobi-menu span{
  background:url(../../images/front/mobi-nav/02.png) 50% 50% no-repeat
}

.mobi-nav .page > ul > li.phone > span{
  background:url(../../images/front/mobi-nav/03.png) 50% 50% no-repeat
}

.mobi-nav .page > ul > li.mail > span{
  background:url(../../images/front/mobi-nav/04.png) 50% 50% no-repeat
}

.mobi-nav .page > ul > li.calendar > span{
  background:url(../../images/front/mobi-nav/05.png) 50% 50% no-repeat
}

.mobi-nav .page > ul > li.send-to-friend > span{
  background:url(../../images/front/mobi-nav/06.png) 50% 50% no-repeat
}

.mobi-nav .page > ul > li.search > span{
  background:url(../../images/front/mobi-nav/07.png) 50% 50% no-repeat
}

.mobi-nav .page > ul > li.login > span{
  background:url(../../images/front/mobi-nav/08.png) 50% 50% no-repeat
}

.mobi-nav .page > ul > li > div{
  position:absolute;
  z-index:10;
  background:#959289;
  width:100%;
  left:0;
  top:100%;
  font-size:14px;
  text-align:left;
  font-weight:700;
}

#header ul > li ul li,
.mobi-nav .page > ul > li ul li{
  margin:0
}
.mobi-nav .page > ul > li.mobi-menu li a{
  text-transform:uppercase;
}
.mobi-nav .page > ul > li.mobi-menu li a,
.mobi-nav .page > ul > li.phone li span,
.mobi-nav .page > ul > li.mail li span,
.mobi-nav .page > ul > li.mail li a{
  color:#fff;
  display:block;
  padding:0 25px;
  line-height:30px;
  border-top:1px solid #d8d6c9;
  position:relative
}

.mobi-nav .page > ul > li li:first-child a,
.mobi-nav .page > ul > li li:first-child span{
  border:none
}

.mobi-nav .page > ul > li.phone li span:after,
.mobi-nav .page > ul > li.mail li a:after{
  content:"";
  display:inline-block;
  border-left:1px solid #d8d6c9;
  background:url("../../images/front/top-phone.png") no-repeat 50% 50%;
  width:100px;
  height:100%;
  float:right;
  position:absolute;
  right:0;
  top:0
}

.mobi-nav .page > ul > li.mail li a:after{
  background:url("../../images/front/top-mail.png") no-repeat 50% 50%;
}



.mobi-nav  .calendar-form {
  max-width: 315px;
  margin:0 auto;
  background:none;
  position:static;
  padding:0 0 15px
}
.mobi-nav  .calendar-search{
  border: 1px solid #d8d6c9;
  border-top: none;
}

.mobi-nav  .calendar-search input.date-start,
.mobi-nav  .calendar-search input.date-end,
.mobi-nav  .calendar-search button{
  margin: 0;
  display:block;
  float:left;
  width:33.333%
}

.mobi-nav  .calendar-search input.date-start,
.mobi-nav  .calendar-search input.date-end,
.mobi-nav .mobi-search input {
  border-right: 1px solid #d8d6c9;
  background:none;
}

.mobi-nav .calendar-search button,
.mobi-nav .mobi-search button {
  background:transparent url("../../images/front/search-icon.png") no-repeat scroll 50% 50%;
  text-indent:-9999em;
  border:none
}

.mobi-nav div.send-to-friend,
.mobi-nav div.login{
  padding:10px
}

.mobi-nav .send-to-friend a{
  color:#fff
}


.mobi-nav .mobi-search input,
.mobi-nav .mobi-search button {
  line-height:30px;
  height:30px;
  display:block;
  float:left
}

.mobi-nav .mobi-search input{
  color:#fff;
  font-weight:700;
  width:66.666%;
  background:none;
}

.mobi-nav .mobi-search button {
  width:33.333%;
}

.mobi-nav .page > ul > li > div{
  display:none
}

.mobi-nav .page > ul > li.clicked > div{
  display:block
}

#top .menu.bookmarks ul li:first-child a {
    font-weight: normal;
}
#top .menu.bookmarks ul li a.active{
    font-weight: 700;
}

.main-content {
  margin-bottom: 10px;
}

.item-body .item {
  margin-bottom: 20px;
}

.trip-termins h2 {
  font-size: 1.5em;
  margin-bottom: 20px;
}
.trip-termins .termin {
  margin-bottom: 30px;
}
.trip-termins .termin h3 {
  font-size: 14px;
  margin-bottom: 0;
  text-transform:none;
}
.trip-termins .termin .table {
  color: #fff;
  min-width:80%;
}
.trip-termins .termin .table thead {
  font-weight: bold;
  white-space: nowrap;
  background: #685c4c;
}
.trip-termins .termin .table thead tr:first-child td{
  background: #685c4c;
}
.trip-termins .termin .table thead tr:last-child td{
  background-color: #766a5a;
}
.trip-termins .termin .table tr {
  transition: all 0.2s ease;
}
.trip-termins .termin .table tr:hover {
  background: rgba(30,20,0,0.1);
}
.trip-termins .termin .table tr.inactive td{
  color: #fff;
  background: rgba(153, 141, 125, 0.3);
}
.trip-termins .termin .table td {
  padding: 5px;
  vertical-align: top;
  line-height: 1.3em;
  background: #998d7d;
  border: 1px solid #fff;
  vertical-align: middle;
  font-size: 14px;
  font-weight:normal;
}
.trip-termins .termin .table tbody td:last-child{
  text-align:center;
  padding:0;
  min-width:180px;
}
.trip-termins .termin .table td:last-child div{
  position:absolute;
  left:-999em;
}
.trip-termins .termin .table td:first-child {
  vertical-align: middle;
}
.trip-termins .termin .table td.no-padding {
  padding: 0;
}
.trip-termins .termin .table td.center {
  text-align: center;
}
.trip-termins .termin .table td select {
  width: 100%;
  padding: 0 3px;
  background: transparent;
  text-align: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.trip-termins .termin .table td select[disabled] {
  /*background: rgba(0,0,0,0.1);*/
}
.trip-termins .termin .table td select{
  height:33px;
  line-height: 33px;
  color:#fff;
  cursor: pointer;
  padding-right: 35px;
  text-align: center;
  min-width: 90px;
}
.trip-termins .termin .table td .select{
  position: relative;
  display: block;
  width:100%;
  height:33px;
}
.trip-termins .termin .table td .select:after{
  /* background: url(../../images/front/select-arrow.png) no-repeat #998d7d;
  background-size: 85%;
  background-position:2px 3px; */
  content: "\f063";
  font-family: fontAwesome;
  position: absolute;
  width: 24px;
  line-height: 22px;
  font-size: 10px;
  text-align: center;
  height: 24px;
  right: 5px;
  top: 50%;
  color: #ffffff;
  cursor: pointer;
  pointer-events: none;
  border: 1px #dedede solid;
  border-radius: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.trip-termins .termin .table td .select:hover:after{
  background-color: #f08c41;
}

.trip-termins .termin .table tr.inactive td .select{
  display: none;
}
.trip-termins .termin .table td select option {
  line-height: 30px;
  background: #998d7d;
}
.trip-termins .termin .button {
  color: #fff;
  border:none;
  padding: 0 1em;
  line-height: 33px;
  height: 33px;
  font-size: 15px;
  transition: all 0.3s ease;
  width:100%;
}
.trip-termins .termin .button:hover{
  color:#fff;
}
.table.rooms .room h3 {
  margin-bottom: 20px;
  font-size: 1.4em;
}
.table.rooms ul.entries > li {
  border-bottom: 1px solid #000;
  padding: 0 0 20px;
  margin-bottom: 20px;
}
.table.rooms ul.entries > li > ul {
  display: table;
  width: 100%;
}
.table.rooms ul.entries > li > ul > li {
  display: table-cell;
  padding: 0 1%;
  width: 40%;
}
.table.rooms ul.entries > li > ul > li:nth-child(1) {
  width: 20%;
}
.table.rooms ul.entries > li > ul > li > div {
  margin-bottom: 10px;
}
.table.rooms ul.entries > li > ul > li label {
  display: block;
  margin-bottom: 5px;
}
.table.rooms ul.entries > li > ul > li input {
  width: 100%;
}
.table.rooms ul.entries > li > ul > li .invalid input {
  border: 1px solid #f00;
}
.table.rooms ul.entries > li > ul > li > div.correspondence_address input{
  width: auto;
}
.table.rooms ul.entries > li > ul > li > div.correspondence-address-row.hide{
  display: none;
}
.table.summary {
  padding: 20px 0;
}
.table.summary .header {
  font-weight: bold;
}
.table.summary ul {
  display: table;
  width: 100%;
}
.table.summary ul > li {
  display: table-cell;
  width: 20%;
  padding: 5px;
}

.acceptances {
  margin-bottom: 20px;
}
.acceptances li {
  margin-bottom: 0.5em;
}
.acceptances li label {
  font-weight: normal;
}
.acceptances li a {
  color: #730;
}

.item-body header button.add-comment {
  margin-top:5px;
}

#comment-form {
  width: 100%;
  clear: both;
  float: none;
  display: none;
}

#comment-form textarea {
  height: 100px;
}

#comment-form + .pagination {
  position: relative;
  float: none;
  width: 100%;
  bottom: auto;
}

table.forum {
  width: 100%;
  color: #000;
  font-size: 0.9em;
}

table.forum thead {
  font-weight: bold;
  background: rgba(30,20,10,0.1);
}

table.forum td {
  padding: 10px;
  border: 1px solid #ba9;
  vertical-align: middle;
}

table.forum td.topic {
  width: 45%;
}

table.forum td.count {
  width: 15%;
  text-align: center;
}

table.forum td.posts {
  width: 40%;
}

table.forum a {
  color: #642;
}

.errors {
  background: #910;
  color: #fff;
  padding: 10px;
  margin-bottom: 1em;
}

.page > .message,
.item-body .message {
  background: #575;
  color: #fff;
  padding: 10px;
  margin-bottom: 1em;

}

.register-form .errors {
  width: 50%;
}

.register-form form .errors {
  width: 100%;
}

.pilots .item {
  clear: both;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #975;
}
.pilots .item:last-child {
  border-bottom: none;
}
.pilots .item:after {
  content: " ";
  display: block;
  clear: both;
}
.pilots .item h2 {
  margin-bottom: 10px;
}
.pilots .item .image {
  float: left;
  margin-right: 20px;
  width: 190px;
}

.members .item {
  padding: 20px 0;
  margin: 0;
  border-bottom: 1px solid #975;
}
.members .item h2 {
  margin-bottom: 20px;
}
.members .item .row {
  float: left;
  width: 50%;
}
.members .item:after {
  content: " ";
  display: block;
  clear: both;
}
.members .item .image {
  float: left;
  margin-right: 20px;
  width: 190px;
}
.members .item .data {
  float: left;
}
.members .item .data li {
  margin-bottom: 10px;
}
.members .item .data strong {
  display: block;
}
.members .item .utrips {
  width: 50%;
  float: right;
}
.members .item .utrips > ul > li {
  background: rgba(120, 90, 60, 0.1);
  padding: 10px;
}
.members .item .utrips > ul > li:nth-child(even) {
  background: rgba(120, 90, 60, 0.2);
}

.gallery .gallery-container .image {
    max-width: 100%;

  max-height: 100%;
  height: 100%;
}
.gallery .gallery-container .image img {
  max-width: 100%;
  max-height: 100%;
}

div.gallery {
    max-width: 100%;
}

.tours-map a {
    color: #000;
}


.register-form .utrips > ul > li {
  background: rgba(120, 90, 60, 0.1);
  padding: 10px;
}
.register-form .utrips > ul > li:nth-child(even) {
  background: rgba(120, 90, 60, 0.2);
}

.search-form form {
  margin-bottom: 20px;
}
.search-form .row {
    float: left;
    margin-bottom: 20px;
    margin-right: 20px;
}
.search-form label {
  margin-right: 10px;
}
.search-form ol > li {
  padding: 10px 0;
  border-top: 1px solid #ca8;
}

.search-form a {
  color: #753;
}
.search-form ol li ul li span {
  display: inline-block;
  width: 30%;
  max-width: 200px;
}
#top .menu.popular {
    width: 75%;
}
#top .menu.popular ul {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    display: block;
}
#top .menu.popular ul li.title{
  width:29%;
}
#top .menu.popular ul li:not(.title),
#top .menu.popular ul li:not(.title) a {
    display: inline;
}

#top .menu.popular + form {
    max-width: 23%;
}
.calendar-container{
  width:100%;
  position:relative;
}
.trip-calendar-form div.row{
  width:307px;
}
.trip-calendar-form div.buttons{
  width:100%;
  float: left;
}
.trip-calendar-form form{
  width:100%;
  float: left;
}
.trip-calendar-form ol{
  width:100%;
  float: left;
}
.login-form form ol li input[type="checkbox"]{
  width:auto;
  height:auto;
  margin-right: 5px;
}

.gallery.loader{
  position: relative;
}
.gallery.loader:before{
  position: absolute;
  width:100%;
  height: 100%;
  content: '';
  z-index: 1000000;
}
.gallery.loader:after{
  position: absolute;
  display: block;
  z-index: 1000001;
  content: '';
  width:120px;
  height: 120px;
  background: url(../../images/front/reload.gif) no-repeat;
  left:50%;
  top:50%;
  margin-left:-60px;
  margin-top:-60px;
}
.breadcrumbs{
  display: block;
  width:100%;
  clear: both;
  margin-top:10px;
  font-size:1.2em;
  color:#211101;
}
.breadcrumbs ul{
  list-style-type: none;
}
.breadcrumbs ul li{
  display: inline-block;
  padding-left: 10px;
}
.breadcrumbs ul li:first-child{
  padding-left: 0;
}
.breadcrumbs ul li a{
  padding-right:10px;
  color:#211101;
}
.custom_checkbox{
  display: inline-block;
  padding: 5px;
  padding-top: 0;
}
h4.block-header{
  padding-top: 20px;
  padding-bottom: 10px;
}
.item-body .acceptances a, form#entryForm a{
  color: #730;
}
.item-body .acceptances a:hover, form#entryForm a:hover{
  color: #f08c41;
}
.item-body .acceptances ul ul{
    padding: 10px 0px 0px 30px;
}

.custom_checkbox {
  position: relative;
  display: block;
  min-width: 20px;
  min-height: 20px;
}

.custom_checkbox:after, .custom_checkbox:before{
  content: '';
  display: table;
  width: 100%;
  clear: both;
}

.custom_checkbox input[type="checkbox"] {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
}
.custom_checkbox input[type="checkbox"] + span {
  padding-left: 30px;
  display: block;
}
.custom_checkbox input[type="checkbox"] + span::before {
  content: '';
  display: block;
  position: absolute;
  top: 0px;
  left: 0;
  background: white;
  border: 1px silver solid;
  border-radius: 2px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  pointer-events: none;
}
.custom_checkbox input[type="checkbox"]:checked + span:before {
  content: '\2714';
}
.invalid .custom_checkbox input[type="checkbox"] + span:before{
  border: 1px red solid;
}
.invalid .custom_checkbox input[type="checkbox"]:checked + span:before{
  border: 1px silver solid;
}

.reservation-users .payments.hide{
  display: none;
}

.reservation-users{
  display: table;
  width:100%;
  margin-top:10px;
}
.reservation-users .row{
  display: table;
  width:100%;
  table-layout: fixed;
  border-collapse:collapse;
}
.reservation-users .row > ul{
  display: table-row;
}
.reservation-users .row > ul > li{
  display: table-cell;
  border:1px solid black;
  padding:5px;
  vertical-align: top;
}
.reservation-users .row.footer > ul > li{
  vertical-align: middle;
}
.reservation-users .row:not(.header) > ul > li{
  border-top:none;
}
.reservation-users .row > ul > li:first-child,
.reservation-users .row > ul > li:last-child{
  width:30%;
}
.reservation-users .row.header > ul > li,
.reservation-users .row.footer > ul > li{
  font-weight: bold;
}
.reservation-users input.invalid{
  border:1px solid #e62d27;
}
.reservation-users .row > ul > li .payment{
  padding-left:5px;
  padding-right: 5px;
}
.reservation-users .row > ul > li .payment input[type=text]{
  width:80px;
  height:30px;
  line-height: 30px;
  padding:0 5px;
  text-align: right;
}
.reservation-users .row > ul > li label{
  font-weight: normal;
}
.reservation-users .row > ul > li label .want-to-pay + span{
  font-size: 12px;
  line-height: 25px;
  height:25px;
  padding:0 10px;
  color:#fff;
  background: #f08c41;
  display: inline-block;
  margin-bottom: 5px;
  cursor: pointer;
  margin-top: 5px;
}

.payment-summary{
  margin: 15px 0;
}
.payment-summary .text{
  margin-bottom: 10px;
}
.payment-summary .text .total-cost{
  font-size: 1.2em;
  font-weight: bold;
}
.payment-summary .pay button{
      background: #f08c41;
      color: white;
      padding: 0 45px;
}

.reservation-users .row > ul > li label.custom_checkbox{
  margin: 5px 0;
  border-bottom: 1px gray solid;
}
.reservation-users .row > ul > li .payment:last-child label.custom_checkbox{
  border-bottom: 0;
}
.reservation-users .row > ul > li .paid{
  font-size: 12px;
  line-height: 23px;
  height:23px;
  padding:0 5px;
  color:#fff;
  background: #231504;
  display: inline-block;
  vertical-align: top;
}
.reservation-users .row > ul > li .cell-row{
  width:100%;
  display: block;
  float: left;
}
.reservation-users .row > ul > li .cell-row .half{
  display: block;
  width:50%;
  float: left;
}
.reservation-users .row > ul > li .full{
  display: block;
  text-align: right;
}
.reservation-users .row > ul > li .half:last-child{
  text-align: right;
}

.reservation-users .row > ul > li label .want-to-pay{
  display: none;
}
.reservation-users #pay-button{
  color:#fff;
  background: #575;
}
.error-messages.hide{
  display: none;
}
.error-messages{
  margin:0;
  padding:10px;
  list-style-type: none;
  background-color: #e62d27;
  color:#fff;
}
.error-messages li{
  width:100%;
}
.trip-termins .termin .table td.select-error select{
  color: #e62d27;
}