#trip-reservation form section .cell label, #trip-reservation form .longtext label {
  display: block;
  padding-top: 20px;
  font-family: TitilliumWebSemiBold; }
  @media all and (max-width: 1200px) {
    #trip-reservation form section .cell label, #trip-reservation form .longtext label {
      padding-left: 0; } }

#trip-reservation form section .cell input:not([type="checkbox"]), #trip-reservation form .longtext textarea {
  height: 40px;
  width: 100%;
  padding: 0 20px;
  border: 0;
  border-bottom: 1px solid #2032a1;
  font-size: 1em; }

#trip-reservation form section .cell label.required:after, #trip-reservation form .longtext label.required:after, #trip-reservation form .submitting .explanations p:before {
  content: " *";
  color: #faa61a;
  vertical-align: top;
  font-size: 1.2em; }

#trip-header {
  margin-bottom: 20px; }
  #trip-header .back {
    display: inline-block;
    line-height: 20px;
    font-family: TitilliumWebLight; }
    #trip-header .back .arrow-container {
      float: left;
      height: 20px;
      width: 25px;
      position: relative;
      margin-right: 10px;
      background: #2032a1; }
      #trip-header .back .arrow-container .arrow {
        display: block;
        height: 8px;
        width: 8px;
        position: absolute;
        top: calc(50% - 4px);
        left: calc(50% - 4px);
        transform-origin: center center;
        transform: rotate(45deg);
        border-left: 1px solid #f2f4f5;
        border-bottom: 1px solid #f2f4f5; }

#trip-reservation form {
  margin-bottom: 150px;
  border-bottom: 10px solid #2032a1;
  background: white; }
  @media all and (max-width: 1220px) {
    #trip-reservation form.wrapper1200 {
      width: 100%; } }
  #trip-reservation form h1 {
    height: 80px;
    line-height: 80px;
    text-align: center;
    text-transform: uppercase;
    font-family: TitilliumWebBold;
    font-size: 2em;
    color: white;
    background: #2032a1; }
    @media all and (max-width: 600px) {
      #trip-reservation form h1 {
        font-size: 7vw; } }
  #trip-reservation form .container {
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1); }
  #trip-reservation form .title {
    padding: 20px;
    background: #ebebed; }
    #trip-reservation form .title:nth-of-type(2) h2 {
      color: #faa61a; }
    #trip-reservation form .title h2 {
      float: left;
      text-transform: uppercase;
      font-family: TitilliumWebBold;
      color: #2032a1; }
    #trip-reservation form .title p {
      float: right;
      color: #9195aa; }
      @media all and (max-width: 600px) {
        #trip-reservation form .title p {
          clear: both;
          float: left; } }
      #trip-reservation form .title p a {
        color: #2032a1; }
  #trip-reservation form section {
    width: 100%;
    padding: 20px;
    background: white; }
    @media all and (max-width: 1100px) {
      #trip-reservation form section#cestujici .individual {
        padding-bottom: 20px;
        border-bottom: 4px solid #faa61a; } }
    #trip-reservation form section#cestujici .cell {
      margin-right: 20px; }
      @media all and (max-width: 500px) {
        #trip-reservation form section#cestujici .cell {
          margin-right: 0; } }
      #trip-reservation form section#cestujici .cell:nth-of-type(-n+2) {
        width: calc((100% / 3) - 20px); }
        @media all and (max-width: 760px) {
          #trip-reservation form section#cestujici .cell:nth-of-type(-n+2) {
            width: calc(50% - 20px); } }
        @media all and (max-width: 500px) {
          #trip-reservation form section#cestujici .cell:nth-of-type(-n+2) {
            width: 100%; } }
      #trip-reservation form section#cestujici .cell:nth-of-type(-n+3):nth-of-type(n+3) {
        width: calc((100% / 3) - 20px); }
        @media all and (max-width: 760px) {
          #trip-reservation form section#cestujici .cell:nth-of-type(-n+3):nth-of-type(n+3) {
            width: calc(50% - 20px); } }
        @media all and (max-width: 500px) {
          #trip-reservation form section#cestujici .cell:nth-of-type(-n+3):nth-of-type(n+3) {
            width: 100%; } }
      #trip-reservation form section#cestujici .cell:nth-of-type(-n+4):nth-of-type(n+4) {
        width: calc((100% / 3) - 20px); }
        @media all and (max-width: 500px) {
          #trip-reservation form section#cestujici .cell:nth-of-type(-n+4):nth-of-type(n+4) {
            width: 100%; } }
		@media all and (max-width: 760px) {
          #trip-reservation form section#cestujici .cell:nth-of-type(-n+4):nth-of-type(n+4) {
            width: calc(50% - 20px); } }
		@media all and (max-width: 500px) {
          #trip-reservation form section#cestujici .cell:nth-of-type(-n+4):nth-of-type(n+4) {
            width: 100%; } }
        #trip-reservation form section#cestujici .cell:nth-of-type(-n+4):nth-of-type(n+4) .select {
          width: 100%;
          background: #f5f5f7; }
	  #trip-reservation form section#cestujici .cell:nth-of-type(n+5) {
        width: calc((100% / 3) - 20px); }
		@media all and (max-width: 760px) {
	  	  #trip-reservation form section#cestujici .cell:nth-of-type(n+5) {
			width: calc(50% - 20px); } }
		@media all and (max-width: 500px) {
	  	  #trip-reservation form section#cestujici .cell:nth-of-type(n+5) {
			width: 100%; } }
      #trip-reservation form section#cestujici .cell:nth-of-type(-n+7):nth-of-type(n+7) {
		float: right;
        width: auto;
        line-height: 40px; }
        #trip-reservation form section#cestujici .cell:nth-of-type(-n+7):nth-of-type(n+7) label {
          float: left;
          text-align: left;
          line-height: 30px; }
        #trip-reservation form section#cestujici .cell:nth-of-type(-n+7):nth-of-type(n+7) img:after {
          content: "";
          display: block;
          clear: both; }
        #trip-reservation form section#cestujici .cell:nth-of-type(-n+7):nth-of-type(n+7) .checkbox {
          display: inline-block;
          height: 20px;
          width: 20px;
          position: relative;
          margin: 0 20px;
          vertical-align: middle; }
          #trip-reservation form section#cestujici .cell:nth-of-type(-n+7):nth-of-type(n+7) .checkbox input {
            float: left;
            height: 20px;
            width: 20px;
            cursor: pointer; }
          #trip-reservation form section#cestujici .cell:nth-of-type(-n+7):nth-of-type(n+7) .checkbox .cover {
            height: 100%;
            width: 100%;
            position: absolute;
            top: 0;
            left: 0;
            border: 1px solid #2032a1;
            background: white;
            pointer-events: none; }
          #trip-reservation form section#cestujici .cell:nth-of-type(-n+7):nth-of-type(n+7) .checkbox input:checked + .cover {
            background: red; }
        #trip-reservation form section#cestujici .cell:nth-of-type(-n+7):nth-of-type(n+7) span {
          vertical-align: middle; }
    #trip-reservation form section#cestujici .add {
      clear: both;
      float: left;
      margin-top: 10px;
      padding: 0; }
    #trip-reservation form section input {
      background: #f5f5f7; }
    #trip-reservation form section .cell {
      float: left;
      width: calc(50% - 20px);
      margin-right: 20px; }
      @media all and (max-width: 600px) {
        #trip-reservation form section .cell {
          width: 100%;
          margin-right: 0;
          padding: 0; } }
      #trip-reservation form section .cell .select {
        float: left;
        width: calc(50% - 10px); }
        #trip-reservation form section .cell .select:nth-of-type(odd) {
          margin-right: 20px; }
  #trip-reservation form .longtext {
    clear: both;
    width: 100%; }
    @media all and (max-width: 600px) {
      #trip-reservation form .longtext {
        padding: 0; } }
    #trip-reservation form .longtext textarea {
      height: 200px;
      resize: none;
      overflow: scroll;
      padding: 20px;
      font-family: TitilliumWebRegular;
      font-size: 1em;
      background: #f5f5f7; }
  #trip-reservation form .submitting {
    padding: 0 20px; }
    #trip-reservation form .submitting .explanations {
      float: left;
      line-height: 100px; }
      @media all and (max-width: 600px) {
        #trip-reservation form .submitting .explanations {
          line-height: 60px; } }
      #trip-reservation form .submitting .explanations p {
        font-family: TitilliumWebSemiBold; }
        #trip-reservation form .submitting .explanations p:before {
          content: "* "; }
    #trip-reservation form .submitting .submit {
      float: right;
      line-height: 100px; }
      @media all and (max-width: 600px) {
        #trip-reservation form .submitting .submit {
          line-height: 60px; } }
      #trip-reservation form .submitting .submit input {
        background: #fe9f00;
        font-family: TitilliumWebSemiBold; }
        #trip-reservation form .submitting .submit input:hover {
          background: #e58f00; }
        #trip-reservation form .submitting .submit input:active {
          background: #cb7f00; }

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