#trip-list {
  width: 1200px;
  margin: auto auto;
  padding-top: 0;}
  @media all and (max-width: 1200px) {
    #trip-list {
      width: 100%; } }
  #trip-list .filter {
    width: 100%;
    height: 60px;
    background: #f2f4f5; }
    #trip-list .filter .filter-parameter {
      display: inline-block;
      padding-left: 20px; }
      #trip-list .filter .filter-parameter label {
        padding-right: 20px;
        line-height: 60px;
        font-family: TitilliumWebBold; }
      #trip-list .filter .filter-parameter .select2 {
        min-width: 100px; }
        #trip-list .filter .filter-parameter .select2 a {
          text-decoration: none; }
  #trip-list .list .trip {
    width: 100%;
    margin: 60px auto; }
    @media all and (max-width: 660px) {
      #trip-list .list .trip {
        height: auto; } }
    #trip-list .list .trip .img {
      float: left;
      height: 230px;
      width: 430px;
      position: relative;
      background-position: center center;
      background-size: cover;
      cursor: pointer; }
      /*@media all and (max-width: 1200px) {
        #trip-list .list .trip .img {
          width: 32vw;
          height: 24vw; } }*/
	  @media all and (max-width: 1060px) {
        #trip-list .list .trip .img {
          height: 250px;
		  width: 400px; } }
	  @media all and (max-width: 800px) {
        #trip-list .list .trip .img {
          width: 300px; } }
      @media all and (max-width: 660px) {
        #trip-list .list .trip .img {
          width: calc(100% - 60px);
          height: calc(100vw / 4 * 3);
		  margin: 0 30px; } }
      #trip-list .list .trip .img .for-hover {
        display: none;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
         }
        #trip-list .list .trip .img .for-hover .vertical-center {
          width: 100%;
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          text-align: center; }
          #trip-list .list .trip .img .for-hover .vertical-center img {
            width: 60px; }
          #trip-list .list .trip .img .for-hover .vertical-center p {
            text-transform: uppercase;
            color: white; }
      #trip-list .list .trip .img:hover .for-hover {
        display: block; }
    #trip-list .list .trip .text {
      float: left;
      height: 230px;
      width: calc(100% - 430px);
      overflow: hidden;
      position: relative;
      padding: 0 30px; }
      /*@media all and (max-width: 1200px) {
        #trip-list .list .trip .text {
          width: calc(68vw - 20px);
          height: 24vw;
          padding: 0 2vw; } }*/
	  @media all and (max-width: 960px) {
        #trip-list .list .trip .text {
          height: 250px;
		  width: calc(100% - 400px); } }
	  @media all and (max-width: 800px) {
        #trip-list .list .trip .text {
          width: calc(100% - 300px); } }
      @media all and (max-width: 660px) {
        #trip-list .list .trip .text {
          width: 100%;
          height: auto; } }
      #trip-list .list .trip .text header {
        border-bottom: 1px solid gainsboro; }
        #trip-list .list .trip .text header h3 {
          text-transform: uppercase;
          font-family: TitilliumWebBold;
          font-size: 1.6em;
		  line-height: 1.2em; }
		@media all and (max-width: 960px){
			#trip-list .list .trip .text header h3 {
				font-size: 1.4em;
			}
		}
		@media all and (max-width: 660px){
			#trip-list .list .trip .text header h3 {
				margin-top: 10px;
				line-height: 1.4em;
			}
		}
        #trip-list .list .trip .text header .locality {
          display: inline-block;
          height: 30px;
          margin: 10px 0;
          padding: 0 7px;
		  white-space: nowrap;
          line-height: 25px;
          background: #f2f4f5; }
          #trip-list .list .trip .text header .locality img {
            height: 15px;
            vertical-align: middle; }
          #trip-list .list .trip .text header .locality span {
            padding-left: 15px;
            line-height: 25px;
            vertical-align: middle; }
      #trip-list .list .trip .text .content .info {
        float: left;
        width: calc(100% - 160px);
		padding-bottom: 35px;
        text-align: left; }
		@media all and (max-width: 960px){
			#trip-list .list .trip .text .content .info {
				float: right;
				position: relative;
			}
		}
        #trip-list .list .trip .text .content .info table {
          margin: 15px 0; }
		  #trip-list .list .trip .text .content .info table {
			line-height: 20px;
			font-size: 14px; }
		@media all and (max-width: 960px){
			#trip-list .list .trip .text .content .info table {
				display: none;	
			}
		}
          #trip-list .list .trip .text .content .info table th {
            padding-right: 20px;
            font-family: TitilliumWebBold; }
        #trip-list .list .trip .text .content .info .tags {
          position: absolute;
          bottom: 0; }
		@media all and (max-width: 960px){
			#trip-list .list .trip .text .content .info .tags {
				top: 10px;
				width: 100%;
			}
		}
          #trip-list .list .trip .text .content .info .tags .tag {
            float: left; }
			@media all and (max-width: 960px){
				#trip-list .list .trip .text .content .info .tags .tag {
					float: right;
					margin-bottom: 10px;
				}
			}
            #trip-list .list .trip .text .content .info .tags .tag span {
              font-family: TitilliumWebBold; }
			@media all and (max-width: 960px){
				#trip-list .list .trip .text .content .info .tags .tag span {
					display: none;
				}
			}
      #trip-list .list .trip .text .action {
        float: right;
        width: 160px; }
		@media all and (max-width: 960px){
			#trip-list .list .trip .text .action {
				float: left;
			}
		}
        #trip-list .list .trip .text .action .price {
          text-align: center;
          color: #faa61a; }
		@media all and (max-width: 960px){
			#trip-list .list .trip .text .action .price {
				text-align: left;	
			}	
		}
          #trip-list .list .trip .text .action .price .amount {
            font-family: TitilliumWebBold;
            font-size: 3em; }
          #trip-list .list .trip .text .action .price .currency {
            line-height: 2.6em;
            vertical-align: top;
            font-size: 1.5em; }
        #trip-list .list .trip .text .action a {
          display: block; }
          #trip-list .list .trip .text .action a.detail {
            height: 40px;
            width: 160px;
            position: relative;
            padding: 0 15px;
            line-height: 40px;
            text-decoration: none;
			transition: background .25s ease;
            background: #f2f4f5; }
			#trip-list .list .trip .text .action a.detail:hover {
				background: #d7d8d9;
			}
            #trip-list .list .trip .text .action a.detail .description {
              font-family: TitilliumWebBold; }
            #trip-list .list .trip .text .action a.detail .arrow {
              height: 8px;
              width: 8px;
              position: absolute;
              top: calc(50% - 4px);
              right: 15px;
              transform-origin: center center;
              transform: rotate(-45deg);
              border-bottom: 2px solid black;
              border-right: 2px solid black; }
		  #trip-list .list .trip .text .action .add-to-favorites{
			margin-top: 10px;
			white-space: nowrap;
			font-size: 14px;
			text-align: center; }
		  #trip-list .list .trip .text .action .add-to-favorites img{
			height: 16px;
			margin-left: 5px;
			vertical-align: middle; }

/*# sourceMappingURL=zajezdy-seznam.css.map */

/*manually added styles*/
#trip-list .list .trip .text header .locality img{
	height: 21px;
}

.tag{
	margin-right: 20px;
}
	.tag img{
		height: 32px;
		margin-right: 5px;
		vertical-align: middle;		
	}
	.tag span{
		vertical-align: middle;	
	}