* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

a, a:before, a:after, a:hover, a:focus { text-decoration: none; color: inherit; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }

.pagination { text-align: center; display: block; font-size: 0; letter-spacing: -10px; margin: 30px 0 0; font-family: "FiraSans-Medium", sans-serif; }
.pagination > li > a, .pagination > li > span { display: inline-block; width: auto; line-height: 1; color: #000; font-size: 16px; text-align: center; text-decoration: none; padding: 2px; background: none; float: none; margin: 0; border: 0; }
.pagination > li { letter-spacing: normal; margin: 0 10px; }
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { background: none; color: #007cb9; }
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background: none; color: #007cb9; }
.pagination .prev span, .pagination .next span { position: relative; top: -1px; }

.tour .slick-arrow { display: block; position: absolute; top: 50%; margin-top: -26px; z-index: 10; width: 28px; height: 53px; font-size: 0; opacity: 0.8; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }
.tour .slick-arrow:hover { opacity: 1; }
.tour .slick-prev { background: url(../img/icons/prev.png) 50% 50% no-repeat; background-size: contain; left: 10px; }
.tour .slick-next { background: url(../img/icons/next.png) 50% 50% no-repeat; background-size: contain; right: 10px; }
.tour .tour-slideshow { font-size: 0; }
.tour .tour-slideshow img { width: 100%; }
.tour .tour-thumbs { padding: 0 50px; margin-top: 20px; }
.tour .tour-thumbs .slide { padding: 0 8px; }
.tour .tour-thumbs img { width: 100%; cursor: pointer; }
.tour .tour-detail { margin-top: 50px; font-family: "FiraSans-Regular", sans-serif; color: #000; }
.tour .tour-detail h3 { font-size: 36px; font-weight: normal; font-family: "FiraSans-Medium", sans-serif; text-transform: uppercase; margin-bottom: 10px; }
.tour .tour-detail .price { font-size: 18px; font-family: "FiraSans-Medium", sans-serif; display: inline-block; margin-right: 20px; }
.tour .tour-detail .country { font-size: 12px; color: #888; font-family: "FiraSans-Light", sans-serif; padding-left: 18px; position: relative; display: inline-block; }
.tour .tour-detail .country:before { content: ""; position: absolute; left: 0; top: -5px; background: url(../img/icons/country.png) center center no-repeat; background-size: contain; width: 12px; height: 16px; }
.tour .tour-detail .infolist { font-size: 12px; margin-top: 25px; }
.tour .tour-detail .infolist span { color: #888; }
.tour .tour-detail .description { margin-top: 40px; font-size: 14px; }
.tour .tour-detail .description p + p { margin-top: 12px; }

.form .form-title { font-size: 26px; color: #007cb9; font-weight: normal; font-family: "FiraSans-Medium", sans-serif; text-transform: uppercase; margin-bottom: 10px; }
.form .form-info { font-size: 16px; margin-bottom: 25px; }
.form label { font-size: 14px; margin-bottom: 5px; }
.form label span { color: #aa0000; }
.form .form-group { margin-bottom: 20px; }
.form textarea.form-control { height: 100px; resize: none; }
.form .form-control { height: 40px; padding: 0 15px; font-size: 14px; border: 1px solid #c5c5c5; border-radius: 4px; -webkit-box-shadow: none; box-shadow: none; font-family: "FiraSans-Regular", sans-serif; outline: none; text-align: left; line-height: 1.42857; }
.form .form-control:-moz-placeholder, .form .form-control::-moz-placeholder { color: #a3a3a3; opacity: 1; }
.form .form-control::-webkit-input-placeholder { color: #a3a3a3; }
.form .form-control:focus { outline: 0; -webkit-box-shadow: none; box-shadow: none; color: #000; }
.form .form-control[readonly] { background: #fff; }
.form textarea.form-control { height: 100px; padding: 8px 15px; resize: none; }
.form .btn-success { width: 100%; }

.btn-success { background: #007cb9; border: 0; font-size: 16px; font-family: "FiraSans-Regular", sans-serif; padding: 9px 15px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }

.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success:active:hover { color: #fff; background: #006ca9; border: 0; }

.ui-widget { font-family: "FiraSans-Regular", sans-serif; font-size: 14px; }

a.ui-button:active, .ui-button:active { border: 0; background: #007cb9; }

.ui-spinner { width: 100%; }
.ui-spinner .ui-spinner-input { margin: 0; border: 0; height: 38px; padding: 0 36px 0 14px; }

.ui-selectmenu-button.ui-button { width: 100%; background: #fff; padding: 10px 5px 10px 15px; }
.ui-selectmenu-button.ui-button .ui-icon { margin-top: 2px; }

.ui-selectmenu-button.ui-button:active { border: 1px solid #c5c5c5; background: #fff; color: #000; }
.ui-selectmenu-button.ui-button:active .ui-icon { background-image: url(../jquery-ui/images/ui-icons_777777_256x240.png); }

.ui-menu .ui-menu-item-wrapper { padding: 7px 15px; }

.ui-state-active, .ui-widget-content .ui-state-active { background: #007cb9; border: 0; color: #fff; }

.ui-datepicker-next, .ui-datepicker-prev { border: 1px solid #ccc; top: 3px !important; cursor: pointer; }

.ui-datepicker-next { right: 3px !important; }

.ui-datepicker-prev { left: 3px !important; }

.ui-datepicker-calendar { font-size: 0; font-family: "FiraSans-Regular", sans-serif; }

.ui-datepicker td { padding: 2px; font-size: 14px; }

.ui-datepicker td span, .ui-datepicker td a { padding: 5px 5px 3px; }

input[type=checkbox] { display: none; }

input[type=checkbox] + label { padding-left: 26px; position: relative; cursor: pointer; margin: 0; }

input[type=checkbox] + label:before { content: ""; border: 1px solid #cfcfcf; width: 16px; height: 16px; position: absolute; left: 0; top: -2px; }

input[type=checkbox]:checked + label:after { content: ""; position: absolute; top: 2px; left: 4px; width: 8px; height: 8px; background: #007cb9; z-index: 100; }

.modal-sm { width: 100%; max-width: 400px; }

.modal { text-align: center; }

.modal:before { display: inline-block; vertical-align: middle; content: ""; height: 100%; }

.modal-dialog { display: inline-block; text-align: center; vertical-align: middle; }

.modal { text-align: center; }
.modal .modal-content { border: 0; border-radius: 0; position: relative; font-size: 14px; }
.modal .modal-header { position: relative; }
.modal .modal-header .close { position: absolute; right: 10px; top: 5px; color: #000; float: none; font-size: 26px; width: 14px; height: 14px; font-weight: normal; text-shadow: none; filter: none; opacity: 0.6; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; display: block; background: none; line-height: 1; margin: 0; padding: 0; }
.modal .modal-header .close:before, .modal .modal-header .close:after { display: none; }
.modal .modal-header .close:hover { opacity: 1; }
.modal .modal-header .modal-title { font-size: 18px; padding: 0 25px; }
.modal .modal-body { padding: 25px; text-align: left; }

@media screen and (max-width: 1199px) { .tour .slick-arrow { margin-top: -21px; width: 22px; height: 42px; }
  .tour .tour-thumbs { padding: 0 42px; }
  .tour .tour-detail { margin-top: 45px; }
  .tour .tour-detail h3 { font-size: 31px; }
  .tour .tour-detail .infolist { margin-top: 20px; }
  .tour .tour-detail .description { margin-top: 35px; }
  .tour .tour-detail .description p + p { margin-top: 10px; }
  .form .row { margin-bottom: -20px; overflow: hidden; }
  .form .row > div { margin-bottom: 20px; }
  .form .form-title { font-size: 24px; } }
@media screen and (max-width: 991px) { .tour .slick-arrow { margin-top: -18px; width: 18px; height: 36px; }
  .tour .tour-thumbs { padding: 0 38px; }
  .tour .tour-detail { margin-top: 40px; }
  .tour .tour-detail h3 { font-size: 26px; }
  .tour .tour-detail .price { font-size: 17px; }
  .tour .tour-detail .infolist { margin-top: 15px; }
  .tour .tour-detail .description { margin-top: 30px; }
  .form .form-title { font-size: 22px; }
  .form .form-info { font-size: 15px; } }
@media screen and (max-width: 767px) { .tour .slick-arrow { margin-top: -15px; width: 14px; height: 30px; }
  .tour .slick-prev { left: 0; }
  .tour .slick-next { right: 0; }
  .tour .tour-thumbs { padding: 0 20px; }
  .tour .tour-detail { margin-top: 35px; }
  .tour .tour-detail h3 { font-size: 21px; }
  .tour .tour-detail .price { font-size: 16px; }
  .fast + .detail { margin-top: 35px; }
  .form .form-title { font-size: 20px; } }
@media screen and (max-width: 480px) { .tour .slick-arrow { margin-top: -10px; width: 10px; height: 20px; }
  .tour .tour-thumbs { padding: 0 15px; margin-top: 10px; }
  .tour .tour-thumbs .slide { padding: 0 5px; }
  .tour .tour-detail { margin-top: 30px; }
  .tour .tour-detail h3 { font-size: 16px; margin-bottom: 6px; }
  .tour .tour-detail .price { font-size: 14px; }
  .tour .tour-detail .infolist { margin-top: 10px; }
  .tour .tour-detail .description { margin-top: 20px; }
  .form .form-title { font-size: 18px; }
  .form .form-info { font-size: 14px; }
  .form .form-group { margin-bottom: 15px; }
  .modal .modal-dialog { max-width: 290px; }
  .modal .modal-header .modal-title { font-size: 16px; }
  .modal .modal-body { padding: 20px; } }