#a li, .btn-select li, body .ui_payment_page .user_list_payment ul li, body .ui_price_comparision_wrapper .ui_comparison_list ul li, body .ui_promotion_list .ui_comparison_list ul li {
  list-style: none
}

@font-face {
  font-family: ProximaNova-Black;
  font-style: normal;
  font-weight: 400;
  src: url(../../fonts/ProximaNova-Black.eot), url(../fonts/ProximaNova-Black.eot?) format("eot"), url(../fonts/ProximaNova-Black.woff) format("woff"), url(../fonts/ProximaNova-Black.ttf) format("truetype")
}

@font-face {
  font-family: ProximaNova-Bold;
  font-style: normal;
  font-weight: 400;
  src: url(../../fonts/ProximaNova-Bold.eot), url(../fonts/ProximaNova-Bold.eot?) format("eot"), url(../fonts/ProximaNova-Bold.woff) format("woff"), url(../fonts/ProximaNova-Bold.ttf) format("truetype")
}

@font-face {
  font-family: ProximaNova-Light;
  font-style: normal;
  font-weight: 400;
  src: url(../../fonts/ProximaNova-Light.eot), url(../fonts/ProximaNova-Light.eot?) format("eot"), url(../fonts/ProximaNova-Light.woff) format("woff"), url(../fonts/ProximaNova-Light.ttf) format("truetype")
}

@font-face {
  font-family: ProximaNova-Regular;
  font-style: normal;
  font-weight: 400;
  src: url(../../fonts/ProximaNova-Regular.eot), url(../fonts/ProximaNova-Regular.eot?) format("eot"), url(../fonts/ProximaNova-Regular.woff) format("woff"), url(../fonts/ProximaNova-Regular.ttf) format("truetype")
}

@font-face {
  font-family: ProximaNova-Semibold;
  font-style: normal;
  font-weight: 400;
  src: url(../../fonts/ProximaNova-Semibold.eot), url(../fonts/ProximaNova-Semibold.eot?) format("eot"), url(../fonts/ProximaNova-Semibold.woff) format("woff"), url(../fonts/ProximaNova-Semibold.ttf) format("truetype")
}

@font-face {
  font-family: GothamRounded-Bold;
  font-style: normal;
  font-weight: 400;
  src: url(../../fonts/GothamRounded-Bold.eot), url(../fonts/GothamRounded-Bold.eot?) format("eot"), url(../fonts/GothamRounded-Bold.woff) format("woff"), url(../fonts/GothamRounded-Bold.ttf) format("truetype")
}

body {
  padding: 0;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility
}

body .ui_login_form {
  margin-top: 0 !important
}

body .uk-sticky-placeholder {
  height: 0 !important
}

body .uk-sticky-below {
  background: #fff;
  -webkit-box-shadow: 0 2px 4px rgba(3, 27, 78, .1);
  box-shadow: 0 2px 4px rgba(3, 27, 78, .1)
}

body .uk-sticky-below ul li a {
  color: #2C2C2C !important;
  text-shadow: none !important
}

body .uk-navbar-container {
  background: 0 0 !important
}

body .uk-navbar-container .uk-navbar .ui_logo_gogolf {
  background: url(../images/ui_new_logo.svg) no-repeat;
  width: 117px;
  height: 35px;
  background-size: cover !important;
  background-position: center !important;
  display: block
}

body .uk-navbar-container .uk-navbar .ui_button_user {
  background: #fff
}

body .uk-navbar-container .uk-navbar ul li:first-child a {
  font-family: ProximaNova-Bold;
  text-decoration: underline
}

body .uk-navbar-container .uk-navbar ul li .uk-button-primary {
  min-height: 0 !important;
  background: #7ED321;
  font-family: ProximaNova-Bold;
  color: #fff !important;
  text-shadow: none !important;
  padding-left: 30px;
  padding-right: 30px;
  margin-top: 20px;
  height: 35px
}

body .ui_find_golf_feature .ui_area_slider .ui_content_area h2, body .ui_find_golf_feature .ui_area_slider .ui_content_area p, body .ui_hero_banner .ui_website_description h2, body .ui_hero_banner .ui_website_description p, body .uk-navbar-container .uk-navbar ul li a {
  text-shadow: -1px -1px 1px rgba(255, 255, 255, .1), 1px 1px 1px rgba(0, 0, 0, .5)
}

body .uk-navbar-container .uk-navbar ul li a {
  text-transform: none !important;
  font-family: ProximaNova-Regular;
  font-size: 13px;
  color: #fff
}

body .ui_hero_banner {
  position: relative
}

body .ui_hero_banner .ui_description_image h2 {
  font-family: ProximaNova-Bold;
  font-size: 12px;
  margin: 0;
  padding: 0;
  color: #fff
}

body .ui_hero_banner .ui_description_image p {
  font-family: ProximaNova-Regular;
  font-size: 12px;
  color: #fff;
  margin: 0;
  padding: 0
}

body .ui_hero_banner .ui_website_description {
  margin-top: 130px
}

body .ui_hero_banner .ui_website_description h2 {
  font-family: GothamRounded-Bold;
  font-size: 42px;
  color: #fff;
  line-height: 46px;
  margin: 0 0 10px;
  padding: 0;
  text-align: center
}

body .ui_hero_banner .ui_website_description p {
  font-family: ProximaNova-Semibold;
  font-size: 14px;
  color: #fff;
  margin: 0;
  padding: 0;
  text-align: center
}

body .ui_hero_banner .ui_website_description .ui_search_feature {
  margin-top: 20px
}

body .ui_hero_banner .ui_website_description .ui_search_feature button {
  border: none !important;
  background: #fff;
  font-family: GothamRounded-Bold;
  font-size: 12px;
  color: #222;
  margin: 0 auto;
  display: block;
  max-width: 300px;
  text-transform: none
}

body .ui_hero_banner .ui_website_description .ui_search_feature button i {
  background: url(../images/ui_icon_location.svg) center no-repeat;
  width: 14px;
  height: 21px;
  background-size: cover !important;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px
}

body .ui_find_golf_feature {
  padding: 50px 0;
  background: #FBFBFB
}

body .ui_find_golf_feature .ui_content_find {
  padding: 80px 25px
}

body .ui_find_golf_feature .ui_content_find h4 {
  font-family: ProximaNova-Bold;
  font-size: 12px;
  color: #2C2C2C;
  margin: 0;
  padding: 0
}

body .ui_find_golf_feature .ui_content_find a {
  background: #7ED321;
  border-radius: 25px;
  font-family: ProximaNova-Semibold;
  text-transform: none;
  color: #fff;
  margin-top: 20px
}

body .ui_find_golf_feature .ui_content_find h3 {
  font-family: ProximaNova-Light;
  font-size: 33px;
  color: #2C2C2C;
  margin: 10px 0 0;
  padding: 0;
  line-height: 32px
}

body .ui_find_golf_feature .ui_area_slider img {
  margin: 0 auto;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 8px
}

body .ui_find_golf_feature .ui_area_slider .ui_content_area {
  padding-left: 20px;
  padding-bottom: 20px;
  position: relative
}

body .ui_find_golf_feature .ui_area_slider .ui_content_area h2 {
  font-family: GothamRounded-Bold;
  font-size: 16px;
  color: #fff;
  margin: 0;
  padding: 0
}

body .ui_find_golf_feature .ui_area_slider .ui_content_area p {
  font-family: ProximaNova-Regular;
  font-size: 14px;
  color: #fff;
  margin: 0;
  padding: 0
}

body .ui_find_golf_feature .ui_area_slider .uk-slidenav-next {
  background: url(../images/ui_icon_next.svg) no-repeat;
  background-size: cover !important;
  background-position: center !important;
  border-radius: 50%;
  width: 40px;
  height: 40px
}

body .ui_find_golf_feature .ui_area_slider .uk-slidenav-next svg {
  display: none
}

body .ui_icon_description .ui_icon_1 {
  background: url(../images/ui_icon_1.svg) no-repeat;
  background-size: cover !important;
  background-position: center !important;
  display: block;
  width: 46px;
  height: 47px;
  margin-bottom: 20px
}

body .ui_icon_description .ui_icon_2 {
  background: url(../images/ui_icon_2.svg) no-repeat;
  background-size: cover !important;
  background-position: center !important;
  display: block;
  width: 57px;
  height: 38px;
  margin-bottom: 30px
}

body .ui_icon_description .ui_icon_3 {
  background: url(../images/ui_icon_3.svg) no-repeat;
  background-size: cover !important;
  background-position: center !important;
  display: block;
  width: 47px;
  height: 42px;
  margin-bottom: 25px
}

body .ui_icon_description .ui_icon_4 {
  background: url(../images/ui_icon_4.svg) no-repeat;
  background-size: cover !important;
  background-position: center !important;
  display: block;
  width: 32px;
  height: 46px;
  margin-bottom: 22px
}

body .ui_icon_description h4 {
  font-family: ProximaNova-Semibold;
  font-size: 15px;
  color: #2C2C2C;
  margin: 0 0 10px;
  padding: 0
}

body .ui_icon_description p {
  font-family: ProximaNova-Regular;
  font-size: 16px;
  color: #2C2C2C;
  margin: 0;
  padding: 0;
  line-height: 22px
}

body .ui_icon_description .uk-button {
  background: #7ED321;
  font-family: ProximaNova-Semibold;
  color: #fff;
  font-size: 14px;
  border-radius: 25px;
  text-transform: none;
  text-align: center;
  margin-top: 50px
}

body .ui_promotion_deal {
  padding-bottom: 50px
}

body .ui_promotion_deal .ui_navigation_part {
  padding: 20px 0
}

body .ui_promotion_deal .ui_navigation_part h3 {
  font-family: ProximaNova-Bold;
  font-size: 15px;
  color: #2C2C2C;
  margin: 0;
  padding: 0
}

body .ui_promotion_deal .ui_navigation_part a {
  font-family: ProximaNova-Regular;
  font-size: 14px;
  color: #2C2C2C;
  text-decoration: none
}

body .ui_promotion_deal .ui_list_promotion {
  clear: both
}

body .ui_promotion_deal .ui_list_promotion .ui_list_promotion_box {
  margin-bottom: 10px
}

body .ui_promotion_deal .ui_list_promotion .ui_price_promotion {
  padding-left: 20px;
  padding-top: 10px
}

body .ui_promotion_deal .ui_list_promotion .ui_price_promotion h5 {
  font-family: ProximaNova-Regular;
  color: #fff;
  font-size: 14px;
  margin: 0;
  padding: 0
}

body .ui_footer_content h5, body .ui_promotion_deal .ui_list_promotion .ui_price_promotion h5 span {
  font-family: ProximaNova-Bold
}

body .ui_promotion_deal .ui_list_promotion .ui_flag_wrapper {
  padding-right: 20px;
  padding-bottom: 20px
}

body .ui_promotion_deal .ui_list_promotion .ui_flag_wrapper img {
  width: 45px;
  height: 30px;
  object-fit: cover !important;
  object-position: center !important
}

body .ui_promotion_deal .ui_list_promotion img {
  height: 210px;
  object-fit: cover !important;
  object-position: center;
  width: 100%;
  border-radius: 8px
}

body .ui_promotion_deal .ui_list_promotion .ui_image_overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 120%);
  opacity: .6;
  border-radius: 8px
}

body .ui_promotion_deal .ui_list_promotion .ui_promotion_content {
  padding-left: 20px;
  padding-bottom: 20px
}

body .ui_promotion_deal .ui_list_promotion .ui_promotion_content h4 {
  font-family: GothamRounded-Bold;
  font-size: 18px;
  color: #fff;
  margin: 0;
  padding: 0
}

body .ui_promotion_deal .ui_list_promotion .ui_promotion_content h5 {
  font-family: ProximaNova-Regular;
  font-size: 14px;
  color: #fff;
  margin: 0;
  padding: 0
}

body .ui_footer_content {
  background: #FBFBFB
}

body .ui_footer_content i {
  background: url(../images/ui_device_screenshot.png) no-repeat;
  background-size: cover !important;
  background-position: center !important;
  display: block;
  width: 300px;
  height: 390px;
  margin-top: 50px;
  float: right
}

body .ui_footer_content h5 {
  font-size: 15px;
  color: #2C2C2C;
  margin: 0 0 20px;
  padding: 0
}

body .ui_footer_content h4 {
  font-family: ProximaNova-Light;
  font-size: 33px;
  color: #2C2C2C;
  margin: 0 0 30px;
  padding: 0;
  line-height: 33px
}

body .ui_footer_content .ui_text_small {
  font-family: ProximaNova-Regular;
  font-size: 12px;
  color: #2C2C2C;
  margin-top: 10px;
  margin-bottom: 20px
}

body .ui_footer_content p {
  font-family: ProximaNova-Regular;
  font-size: 16px;
  color: #2C2C2C;
  margin: 0;
  padding: 0
}

body footer .uk-navbar-container ul li a {
  text-transform: none;
  font-family: ProximaNova-Bold;
  font-size: 14px;
  color: #626262
}

body .ui_login_form p, body footer p {
  font-family: ProximaNova-Regular
}

body footer p {
  font-size: 12px;
  margin: 0;
  padding: 0
}

body .ui_login_form {
  padding: 0 !important
}

body .ui_login_form form {
  padding: 20px
}

body .ui_login_form p {
  font-size: 14px;
  color: #535353;
  margin: 0;
  padding: 0;
  line-height: 18px
}

body .ui_login_form .uk-margin {
  margin-top: 10px !important;
  margin-bottom: 10px !important
}

body .ui_login_form .uk-form-label {
  font-family: ProximaNova-Bold;
  font-size: 13px;
  color: #535353
}

body .ui_login_form .forgot_password_text {
  color: #1D5CA5 !important;
  font-family: ProximaNova-Bold !important;
  font-size: 13px !important;
  text-shadow: none !important
}

body .ui_login_form .ui_button_login {
  background: #F5A623;
  color: #fff;
  font-family: ProximaNova-Bold;
  font-size: 12px;
  width: 100%
}

body .ui_login_form .text_under_form {
  font-family: ProximaNova-Regular;
  font-size: 13px;
  color: #535353
}

body .ui_login_form .text_under_form a {
  color: #1D5CA5 !important;
  font-family: ProximaNova-Bold !important;
  font-size: 13px !important;
  text-shadow: none !important
}

body .ui_login_form .ui_social_media_login {
  background: #F8F8F8;
  padding: 10px
}

body .ui_login_form .ui_social_media_login p {
  font-family: ProximaNova-Regular;
  font-size: 12px;
  color: #535353;
  text-align: center
}

body .ui_login_form .ui_social_media_login .fb-login-button {
  background: #3B5998 !important;
  border-radius: 4px !important;
  margin-top: 10px;
  display: block;
  width: 100%;
  color: #fff !important
}

body .ui_login_form .ui_social_media_login .fb-login-button:active, body .ui_login_form .ui_social_media_login .fb-login-button:hover, body .ui_login_form .ui_social_media_login .fb-login-button:visited {
  color: #fff !important
}

body .ui_login_form .ui_social_media_login .fb-login-button i {
  background: url(../images/ui_icon_facebook.svg) no-repeat;
  background-size: cover !important;
  background-position: center !important;
  display: inline-block;
  vertical-align: middle;
  width: 8px;
  height: 17px;
  margin-right: 5px
}

body .ui_login_form .form-msg {
  font-family: ProximaNova-Bold;
  font-size: 12px
}

body .nav-style-1.uk-sticky {
  position: relative !important;
  background: #fff
}

body .nav-style-1.uk-sticky ul li a {
  color: #535353 !important;
  text-shadow: none !important
}

body .ui_signup_wrapper {
  background: #F2F2F2
}

body .ui_signup_wrapper h2 {
  font-family: ProximaNova-Bold;
  font-size: 32px;
  color: #2C2C2C;
  line-height: 32px;
  margin: 0;
  padding: 0
}

body .ui_signup_wrapper h3 {
  font-family: ProximaNova-Regular;
  font-size: 20px;
  color: #2C2C2C;
  margin: 20px 0 0;
  padding: 0
}

body .ui_signup_wrapper .ui_icon_list {
  margin-top: 30px
}

body .ui_signup_wrapper .ui_icon_list h4 {
  font-family: ProximaNova-Semibold;
  font-size: 18px;
  color: #2C2C2C;
  margin: 10px 0 0;
  padding: 0
}

body .ui_signup_wrapper .ui_icon_list p {
  font-family: ProximaNova-Regular;
  font-size: 14px;
  color: #2C2C2C;
  margin: 0;
  padding: 0;
  line-height: 17px
}

body .ui_signup_wrapper .ui_icon_list .ui_icon_signup_1 {
  background: url(../images/ui_icon_signup_1.svg) no-repeat;
  background-size: cover !important;
  background-position: center !important;
  display: block;
  width: 40px;
  height: 44px
}

body .ui_signup_wrapper .ui_icon_list .ui_icon_signup_2 {
  background: url(../images/ui_icon_signup_2.svg) no-repeat;
  background-size: cover !important;
  background-position: center !important;
  display: block;
  width: 40px;
  height: 45px
}

body .ui_signup_wrapper .ui_icon_list .ui_icon_signup_3 {
  background: url(../images/ui_icon_signup_3.svg) no-repeat;
  background-size: cover !important;
  background-position: center !important;
  display: block;
  width: 27px;
  height: 44px
}

body .ui_signup_wrapper .ui_icon_list .ui_icon_signup_4 {
  background: url(../images/ui_icon_signup_4.svg) no-repeat;
  background-size: cover !important;
  background-position: center !important;
  display: block;
  width: 36px;
  height: 44px
}

body .ui_form_signup {
  background: #fff;
  padding: 25px
}

body .ui_form_signup .form-msg {
  font-family: ProximaNova-Bold;
  font-size: 14px
}

body .ui_form_signup .ui_button_signup {
  background: #FCEF48;
  font-family: ProximaNova-Bold;
  color: #2C2C2C;
  display: block;
  font-size: 16px;
  text-transform: none;
  width: 100%;
  margin: 0
}

body .ui_form_signup p {
  font-family: ProximaNova-Regular;
  font-size: 14px;
  text-align: center;
  margin: 0 0 10px;
  padding: 0
}

body .ui_form_signup .fb-login-button {
  background: #3B5998 !important;
  border-radius: 4px !important;
  margin-top: 10px;
  display: block;
  width: 100%;
  color: #fff !important;
  font-family: ProximaNova-Bold;
  text-transform: none
}

body .ui_form_signup .fb-login-button i, body .ui_icon_notification, body .ui_icon_user {
  display: inline-block;
  vertical-align: middle
}

body .ui_form_signup .fb-login-button:active, body .ui_form_signup .fb-login-button:hover, body .ui_form_signup .fb-login-button:visited {
  color: #fff !important
}

body .ui_form_signup .fb-login-button i {
  background: url(../images/ui_icon_facebook.svg) no-repeat;
  background-size: cover !important;
  background-position: center !important;
  width: 8px;
  height: 17px;
  margin-right: 5px
}

body .ui_icon_notification {
  background: url(../images/ui_icon_notification.svg) no-repeat;
  background-size: cover !important;
  background-position: center !important;
  width: 20px;
  height: 22px
}

body .ui_icon_user {
  background: url(../images/ui_icon_user.svg) no-repeat;
  background-size: cover !important;
  background-position: center !important;
  width: 15px;
  height: 17px;
  margin-right: 10px
}

body .ui_button_user {
  font-family: ProximaNova-Bold;
  font-size: 14px;
  color: #464648;
  margin-top: 20px;
  text-transform: none
}

body a:hover {
  text-decoration: none
}

body .ui_menu_users ul li a {
  color: #2c2c2c !important;
  text-shadow: none !important
}

body .ui_golf_lists {
  background: #f2f2f2
}

body .ui_golf_lists h3 {
  font-family: GothamRounded-Bold;
  font-size: 18px;
  color: #fff;
  margin: 0;
  padding: 0
}

body .ui_golf_lists p {
  font-family: ProximaNova-Regular;
  font-size: 14px;
  color: #fff;
  margin: 0;
  padding: 0
}

body .ui_golf_lists .ui_golf_information {
  padding-left: 10px;
  padding-bottom: 10px
}

body .ui_golf_lists img {
  border-radius: 8px
}

body #modal-center .uk-modal-body h3 {
  font-family: GothamRounded-Bold;
  color: #222;
  font-size: 24px;
  text-align: center;
  margin: 0 0 20px;
  padding: 0
}

body #modal-center .uk-modal-body .uk-button-default.uk-active {
  background: #7ED321;
  color: #fff;
  border-color: #7ED321
}

.btn-select, body #modal-center .uk-modal-body .uk-button-default:hover {
  border: 1px solid #e5e5e5
}

body #modal-center .uk-modal-body .uk-button-default {
  font-family: ProximaNova-Semibold;
  text-transform: none
}

body #modal-center .uk-modal-body .uk-button-default img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px
}

body .ui_image_overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 120%);
  opacity: .6;
  border-radius: 8px
}

body .ui-golfcourse-search {
  background: #fff;
  padding: 20px 0;
  border-top: 1px solid #f2f2f2
}

body .ui-golfcourse-search h4 {
  font-family: ProximaNova-Semibold;
  font-size: 18px
}

body .ui_layer_overlay {
  display: none
}

body .ui_image_wrapper {
  min-height: 226px
}

body .ui_image_wrapper:hover .ui_layer_overlay {
  display: block
}

body .ui_image_wrapper .uk-button-default {
  background: #7ED321;
  text-transform: none;
  font-family: ProximaNova-Bold;
  color: #fff;
  border-color: #7ED321
}

body .ui_price_comparision_wrapper, body .ui_promotion_list {
  background: #f2f2f2
}

body .ui_price_comparision_wrapper .ui_comparison_list, body .ui_promotion_list .ui_comparison_list {
  margin-top: 50px
}

body .ui_price_comparision_wrapper .ui_comparison_list .ui_detail_content, body .ui_promotion_list .ui_comparison_list .ui_detail_content {
  background: #fff;
  margin-bottom: 20px
}

body .ui_price_comparision_wrapper .ui_comparison_list .ui_detail_content .ui_result_price, body .ui_promotion_list .ui_comparison_list .ui_detail_content .ui_result_price {
  padding: 25px 25px 10px
}

body .ui_price_comparision_wrapper .ui_comparison_list .ui_detail_content .ui_result_price li, body .ui_promotion_list .ui_comparison_list .ui_detail_content .ui_result_price li {
  margin-bottom: 20px
}

body .ui_price_comparision_wrapper .ui_comparison_list .ui_detail_content .ui_result_price li img, body .ui_promotion_list .ui_comparison_list .ui_detail_content .ui_result_price li img {
  height: 160px;
  width: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 8px
}

body .ui_price_comparision_wrapper .ui_comparison_list .ui_detail_content .ui_result_price li .ui_content_list h4, body .ui_promotion_list .ui_comparison_list .ui_detail_content .ui_result_price li .ui_content_list h4 {
  font-family: ProximaNova-Bold;
  font-size: 18px;
  margin: 0 0 10px;
  padding: 0;
  color: #2C2C2C
}

body .ui_price_comparision_wrapper .ui_comparison_list .ui_detail_content .ui_result_price li .ui_content_list .ui_btn_book_compare, body .ui_promotion_list .ui_comparison_list .ui_detail_content .ui_result_price li .ui_content_list .ui_btn_book_compare {
  background: #7ED321;
  font-family: ProximaNova-Bold;
  font-size: 16px;
  color: #fff;
  text-transform: none;
  border-color: #7ED321;
  margin-top: 15px
}

body .ui_price_comparision_wrapper .ui_comparison_list .ui_detail_content .ui_result_price li .ui_content_list .ui_price_compare, body .ui_promotion_list .ui_comparison_list .ui_detail_content .ui_result_price li .ui_content_list .ui_price_compare {
  background: #FBFBFB;
  border: 1px solid #EBEBEB;
  border-radius: 4px;
  padding: 10px
}

body .ui_price_comparision_wrapper .ui_comparison_list .ui_detail_content .ui_result_price li .ui_content_list .ui_price_compare h3, body .ui_promotion_list .ui_comparison_list .ui_detail_content .ui_result_price li .ui_content_list .ui_price_compare h3 {
  float: right;
  clear: both;
  margin: 0;
  padding: 0;
  font-family: GothamRounded-Bold;
  font-size: 18px
}

body .ui_price_comparision_wrapper .ui_comparison_list .ui_detail_content .ui_result_price li .ui_content_list .ui_price_compare h3.ui_promotion_fix, body .ui_promotion_list .ui_comparison_list .ui_detail_content .ui_result_price li .ui_content_list .ui_price_compare h3.ui_promotion_fix {
  color: #F32D2D
}

body .ui_price_comparision_wrapper .ui_comparison_list .ui_detail_content .ui_result_price li .ui_content_list .ui_price_compare .content_price span, body .ui_promotion_list .ui_comparison_list .ui_detail_content .ui_result_price li .ui_content_list .ui_price_compare .content_price span {
  font-family: ProximaNova-Regular;
  font-size: 14px;
  float: left
}

body .ui_price_comparision_wrapper .ui_comparison_list .ui_detail_content .ui_result_price li .ui_content_list .ui_price_compare .content_price div p, body .ui_promotion_list .ui_comparison_list .ui_detail_content .ui_result_price li .ui_content_list .ui_price_compare .content_price div p {
  font-family: ProximaNova-Regular;
  font-size: 12px;
  text-decoration: line-through;
  color: #000;
  float: right;
  margin: 0;
  padding: 0
}

body .ui_price_comparision_wrapper .ui_comparison_list .ui_detail_content .ui_wrapper_areaname, body .ui_promotion_list .ui_comparison_list .ui_detail_content .ui_wrapper_areaname {
  background: #FBFBFB;
  padding: 10px 25px;
  display: block
}

body .ui_price_comparision_wrapper .ui_comparison_list .ui_detail_content .ui_wrapper_areaname h5, body .ui_promotion_list .ui_comparison_list .ui_detail_content .ui_wrapper_areaname h5 {
  font-family: ProximaNova-Bold;
  font-size: 16px;
  margin: 0;
  padding: 0
}

body .ui_price_comparision_wrapper .ui_comparison_list ul, body .ui_promotion_list .ui_comparison_list ul {
  padding: 0;
  margin: 0;
  float: none
}

body .ui_price_comparision_wrapper .ui_header_box, body .ui_promotion_list .ui_header_box {
  background: #fbfbfb;
  padding: 20px;
  border-bottom: 1px solid #EBEBEB
}

body .ui_price_comparision_wrapper h4, body .ui_promotion_list h4 {
  font-family: ProximaNova-Bold;
  font-size: 24px;
  margin: 0 0 10px;
  padding: 0;
  color: #2C2C2C;
  line-height: 26px
}

body .ui_price_comparision_wrapper p, body .ui_promotion_list p {
  font-family: ProximaNova-Regular;
  font-size: 14px;
  margin: 0;
  padding: 0
}

body .ui_price_comparision_wrapper form, body .ui_promotion_list form {
  padding: 20px
}

body .ui_price_comparision_wrapper form label, body .ui_promotion_list form label {
  font-family: ProximaNova-Bold;
  font-size: 14px
}

body .ui_price_comparision_wrapper form .datepicker-inline, body .ui_promotion_list form .datepicker-inline {
  width: 100% !important;
  border: 1px solid #EBEBEB
}

body .ui_price_comparision_wrapper form .datepicker-inline .table-condensed, body .ui_promotion_list form .datepicker-inline .table-condensed {
  width: 100% !important
}

body .ui_price_comparision_wrapper form .datepicker-inline .table-condensed .datepicker-switch, body .ui_promotion_list form .datepicker-inline .table-condensed .datepicker-switch {
  padding-top: 10px;
  padding-bottom: 10px
}

body .ui_price_comparision_wrapper form .datepicker-inline .table-condensed .datepicker-switch, body .ui_price_comparision_wrapper form .datepicker-inline .table-condensed .dow, body .ui_promotion_list form .datepicker-inline .table-condensed .datepicker-switch, body .ui_promotion_list form .datepicker-inline .table-condensed .dow {
  font-family: ProximaNova-Bold;
  color: #222
}

body .ui_price_comparision_wrapper form .datepicker-inline .table-condensed .day.active, body .ui_promotion_list form .datepicker-inline .table-condensed .day.active {
  color: #fff
}

body .ui_price_comparision_wrapper form .datepicker-inline .table-condensed .day.disabled, body .ui_promotion_list form .datepicker-inline .table-condensed .day.disabled {
  color: #ccc
}

body .ui_price_comparision_wrapper form .datepicker-inline .table-condensed .day, body .ui_promotion_list form .datepicker-inline .table-condensed .day {
  font-family: ProximaNova-Regular;
  color: #222
}

body .ui_price_comparision_wrapper .ui_sidebar_price_comparison.uk-active .ui_header_box, body .ui_promotion_list .ui_sidebar_price_comparison.uk-active .ui_header_box {
  display: none
}

body .ui_price_comparision_wrapper .ui_sidebar_price_comparison, body .ui_price_comparision_wrapper .ui_sidebar_promotion, body .ui_promotion_list .ui_sidebar_price_comparison, body .ui_promotion_list .ui_sidebar_promotion {
  background: #fff;
  margin-top: 50px;
  margin-bottom: 50px
}

body .ui_search_map_box .ui_app_country_filter, body .ui_sidebar_price_comparison .ui_app_country_filter, body .ui_sidebar_promotion .ui_app_country_filter {
  padding: 20px
}

body .ui_search_map_box .ui_app_country_filter p, body .ui_sidebar_price_comparison .ui_app_country_filter p, body .ui_sidebar_promotion .ui_app_country_filter p {
  font-family: ProximaNova-Bold;
  margin-bottom: 5px
}

body .ui_search_map_box #switcher-country .uk-button, body .ui_sidebar_price_comparison #switcher-country .uk-button, body .ui_sidebar_promotion #switcher-country .uk-button {
  font-family: ProximaNova-Bold;
  text-transform: none;
  padding: 0 10px;
  font-size: 13px
}

body .ui_search_map_box #switcher-country .uk-button.uk-active, body .ui_sidebar_price_comparison #switcher-country .uk-button.uk-active, body .ui_sidebar_promotion #switcher-country .uk-button.uk-active {
  background: #fbfbfb
}

body .ui_promotion_list_content {
  margin-top: 50px
}

body .ui_content_promotion {
  background: #fff;
  margin-bottom: 20px;
  border-radius: 8px
}

body .ui_content_promotion .ui_promotion_image .uk-position-top-left {
  margin-left: 15px;
  margin-top: 15px
}

body .ui_content_promotion .ui_promotion_image .uk-position-bottom-left {
  margin-left: 15px;
  margin-bottom: 15px
}

body .ui_content_promotion .ui_promotion_image h3 {
  font-family: GothamRounded-Bold;
  font-size: 18px;
  color: #fff;
  margin: 0;
  padding: 0
}

body .ui_content_promotion .ui_promotion_image h4, body .ui_content_promotion .ui_promotion_image p {
  font-family: ProximaNova-Regular;
  font-size: 14px;
  padding: 0;
  color: #fff
}

body .ui_content_promotion .ui_promotion_image p {
  margin: 0
}

body .ui_content_promotion .ui_promotion_image h4 span {
  font-family: ProximaNova-Bold
}

body .ui_content_promotion img {
  height: 186px;
  object-fit: cover;
  object-position: center;
  width: 100%;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px
}

body .ui_content_promotion_detail {
  background: #fff;
  padding: 20px
}

body .ui_content_promotion_detail .ui_content {
  background: #FBFBFB;
  padding: 10px;
  border: 1px solid #EBEBEB;
  border-radius: 4px
}

body .ui_content_promotion_detail .ui_button_booking_outline {
  background: #7ED321;
  font-family: ProximaNova-Bold;
  color: #fff;
  max-width: 200px;
  margin: 20px auto 0;
  display: block;
  border-color: #7ED321
}

body #offcanvas-overlay .uk-offcanvas-bar .ui_flight_infomation .ui_price_desc .uk-leader-fill:after, body #offcanvas-overlay .uk-offcanvas-bar .ui_price_information .ui_price_desc .uk-leader-fill:after, body .ng-cloak, body .x-ng-cloak, body [data-ng-cloak], body [ng-cloak], body [ng\:cloak], body [x-ng-cloak] {
  display: none !important
}

body .ui_promotion_list {
  padding-bottom: 50px
}

body .ui_sidebar_price_comparison .ui_app_country_filter {
  padding: 0 !important
}

body .ui_map_wrapper .ui_override_position {
  z-index: 10
}

body .ui_map_wrapper #map {
  height: 100vh
}

body .ui_map_wrapper .ui_search_map_box {
  background: #fff;
  max-width: 310px
}

body .ui_map_wrapper .ui_search_map_box .ui_header_box {
  background: #FBFBFB;
  padding: 20px
}

body .ui_map_wrapper .ui_search_map_box .ui_header_box h3 {
  font-family: ProximaNova-Bold;
  font-size: 24px;
  margin: 0 0 10px;
  padding: 0;
  color: #2C2C2C;
  line-height: 26px
}

body .ui_map_wrapper .ui_search_map_box .ui_header_box p {
  font-family: ProximaNova-Regular;
  font-size: 14px;
  margin: 0;
  padding: 0
}

body .popup-bubble {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-50%, -100%);
  background-color: #fff;
  padding: 5px;
  border-radius: 5px;
  font-family: sans-serif;
  overflow-y: auto;
  max-height: 60px;
  box-shadow: 0 2px 10px 1px rgba(0, 0, 0, .5)
}

body .popup-bubble-anchor {
  position: absolute;
  width: 100%;
  bottom: 8px;
  left: 0
}

body .popup-bubble-anchor::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-50%, 0);
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid #fff
}

body .popup-container {
  cursor: auto;
  height: 0;
  position: absolute;
  width: 200px
}

body .ui_prebooking_page {
  background: #f2f2f2;
  padding: 50px 0
}

body .ui_prebooking_page .ui_content_prebooking {
  background: #fff;
  padding: 20px;
  margin: 20px 0
}

body .ui_prebooking_page .ui_content_prebooking hr {
  border-color: #f2f2f2
}

body .ui_prebooking_page .ui_content_prebooking h4 {
  font-family: ProximaNova-Bold;
  font-size: 14px;
  color: #2C2C2C;
  padding: 0;
  margin: 0 0 15px
}

body .ui_prebooking_page .ui_content_prebooking a {
  font-family: ProximaNova-Bold;
  font-size: 14px;
  color: #0875F3;
  margin: 0;
  padding: 0
}

body .ui_prebooking_page .ui_content_prebooking h2 {
  font-family: ProximaNova-Bold;
  font-size: 18px;
  color: #2C2C2C;
  padding: 0;
  margin: 0
}

body .ui_prebooking_page .ui_content_prebooking p {
  font-family: ProximaNova-Regular;
  font-size: 12px;
  color: #2C2C2C;
  padding: 0;
  margin: 0
}

body .ui_prebooking_page .ui_content_amenities .ui_icon_golf_cart {
  background: url(../images/ui_icon_cart.svg) no-repeat;
  background-size: cover !important;
  background-position: center !important;
  display: inline-block;
  vertical-align: middle;
  width: 19px;
  height: 15px;
  margin-right: 10px
}

body .ui_prebooking_page .ui_content_amenities .ui_icon_caddy {
  background: url(../images/ui_icon_caddy.svg) no-repeat;
  background-size: cover !important;
  background-position: center !important;
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  margin-right: 10px
}

body .ui_prebooking_page .ui_content_amenities .ui_icon_locker {
  background: url(../images/ui_icon_locker.svg) no-repeat;
  background-size: cover !important;
  background-position: center !important;
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  margin-right: 10px
}

body .ui_prebooking_page .ui_content_amenities .ui_icon_lesson, body .ui_prebooking_page .ui_content_amenities .ui_icon_pratice {
  background: url(../images/ui_icon_practice.svg) no-repeat;
  background-size: cover !important;
  background-position: center !important;
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  margin-right: 10px
}

body .ui_prebooking_page .ui_content_amenities .ui_icon_night_golf {
  background: url(../images/ui_icon_golf_night.svg) no-repeat;
  background-size: cover !important;
  background-position: center !important;
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 19px;
  margin-right: 10px
}

body .ui_prebooking_page .ui_content_amenities .ui_icon_shoe {
  background: url(../images/ui_icon_shoes_rental.svg) no-repeat;
  background-size: cover !important;
  background-position: center !important;
  display: inline-block;
  vertical-align: middle;
  width: 28px;
  height: 15px;
  margin-right: 10px
}

body .ui_prebooking_page .ui_content_amenities .ui_icon_shop {
  background: url(../images/ui_icon_shop.svg) no-repeat;
  background-size: cover !important;
  background-position: center !important;
  display: inline-block;
  vertical-align: middle;
  width: 19px;
  height: 15px;
  margin-right: 10px
}

body .ui_prebooking_page .ui_content_amenities .ui_icon_restaurant {
  background: url(../images/ui_icon_restaurant.svg) no-repeat;
  background-size: cover !important;
  background-position: center !important;
  display: inline-block;
  vertical-align: middle;
  width: 23px;
  height: 15px;
  margin-right: 10px
}

body .ui_prebooking_page .ui_content_amenities .ui_icon_club {
  background: url(../images/ui_icon_club_rental.svg) no-repeat;
  background-size: cover !important;
  background-position: center !important;
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  margin-right: 10px
}

body .ui_prebooking_page .ui_content_amenities .ui_icon_healthclub {
  background: url(../images/ui_icon_gym.svg) no-repeat;
  background-size: cover !important;
  background-position: center !important;
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  margin-right: 10px
}

body .ui_prebooking_page .ui_content_amenities ul li {
  font-family: ProximaNova-Regular;
  font-size: 13px;
  color: #323232
}

body .ui_prebooking_page .ui_new_booking_page .ui_select_date {
  background: #fff;
  padding: 20px
}

body .ui_new_sidebar {
  border-top: 1px #CCC solid;
  border-right: none
}

body .ui_new_sidebar ul li.uk-nav-header {
  font-family: ProximaNova-Bold;
  font-size: 12px;
  text-transform: uppercase;
  color: #CCC;
  margin-top: 10px
}

body .ui_new_sidebar ul li a {
  font-family: ProximaNova-Regular;
  font-size: 14px;
  color: #464648
}

body .ui_new_sidebar ul li a .icon_booking_status {
  background: url(../images/ui_icon_booking_status.svg) no-repeat;
  background-size: cover !important;
  background-position: center !important;
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 13px;
  margin-right: 5px
}

body .ui_new_sidebar ul li a .icon_booking_history {
  background: url(../images/ui_icon_booking_history.svg) no-repeat;
  background-size: cover !important;
  background-position: center !important;
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 13px;
  margin-right: 5px
}

body .ui_new_sidebar ul li a .icon_my_point, body .ui_new_sidebar ul li a .icon_point_history, body .ui_new_sidebar ul li a .icon_promotion {
  width: 13px;
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle
}

body .ui_new_sidebar ul li a .icon_my_point {
  background: url(../images/ui_icon_my_point.svg) no-repeat;
  background-size: cover !important;
  background-position: center !important;
  height: 13px
}

body .ui_new_sidebar ul li a .icon_point_history {
  background: url(../images/ui_icon_point_history_list.svg) no-repeat;
  background-size: cover !important;
  background-position: center !important;
  height: 13px
}

body .ui_new_sidebar ul li a .icon_promotion {
  background: url(../images/ui_icon_promotion.svg) no-repeat;
  background-size: cover !important;
  background-position: center !important;
  height: 9px
}

body .ui_new_sidebar ul li a .icon_profile {
  background: url(../images/ui_icon_update_profile.svg) no-repeat;
  background-size: cover !important;
  background-position: center !important;
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 14px;
  margin-right: 5px
}

body .booking_status_wrapper h2 {
  font-family: ProximaNova-Bold;
  font-size: 14px;
  color: #2C2C2C;
  margin: 10px 0;
  padding: 0
}

body .booking_status_wrapper ul {
  padding: 0;
  margin: 0
}

body .booking_status_wrapper ul li.uk-box-shadow-small {
  background: #fff;
  padding: 15px;
  cursor: pointer;
  list-style: none;
  border: 1px solid #CCC;
  border-radius: 4px;
  box-shadow: none !important;
  margin-bottom: 20px
}

body .booking_status_wrapper ul li.uk-box-shadow-small img {
  width: 90px;
  height: 75px;
  border-radius: 4px;
  object-fit: cover;
  object-position: center
}

body .booking_status_wrapper ul li.uk-box-shadow-small .image_wrapper {
  position: relative
}

body .booking_status_wrapper ul li.uk-box-shadow-small .icon_booking_group {
  background: url(../images/icon_booking_group.svg) no-repeat;
  background-size: cover !important;
  background-position: center !important;
  position: absolute;
  top: 5px;
  left: 5px;
  width: 25px;
  height: 25px;
  margin-right: 5px
}

body .booking_status_wrapper ul li.uk-box-shadow-small .price_wrapper h4 {
  font-family: ProximaNova-Regular;
  font-size: 18px;
  margin: 0;
  padding: 0;
  color: #2C2C2C
}

body .booking_status_wrapper ul li.uk-box-shadow-small .price_wrapper p, body .booking_status_wrapper ul li.uk-box-shadow-small .ui_booking_status p {
  font-family: ProximaNova-Regular;
  font-size: 14px;
  color: #2C2C2C;
  margin: 0;
  padding: 0
}

body .booking_status_wrapper ul li.uk-box-shadow-small .price_wrapper .uk-button, body .booking_status_wrapper ul li.uk-box-shadow-small .ui_booking_status .uk-button {
  line-height: 30px
}

body .booking_status_wrapper ul li.uk-box-shadow-small .price_wrapper .btn_pending, body .booking_status_wrapper ul li.uk-box-shadow-small .ui_booking_status .btn_pending {
  background: #FCEF48;
  color: #2C2C2C;
  font-family: GothamRounded-Bold;
  font-size: 12px;
  text-transform: none
}

body .booking_status_wrapper ul li.uk-box-shadow-small .price_wrapper .ui_btn_confirm_status, body .booking_status_wrapper ul li.uk-box-shadow-small .ui_booking_status .ui_btn_confirm_status {
  background: #7ED321;
  color: #fff;
  font-family: GothamRounded-Bold;
  font-size: 12px;
  text-transform: none
}

body .booking_status_wrapper ul li.uk-box-shadow-small .price_wrapper .btn_blue, body .booking_status_wrapper ul li.uk-box-shadow-small .ui_booking_status .btn_blue {
  background: #1D5CA5;
  color: #fff;
  font-family: GothamRounded-Bold;
  font-size: 12px;
  text-transform: none
}

body .booking_status_wrapper ul li.uk-box-shadow-small .price_wrapper .btn_grey, body .booking_status_wrapper ul li.uk-box-shadow-small .price_wrapper .btn_notavailable, body .booking_status_wrapper ul li.uk-box-shadow-small .ui_booking_status .btn_grey, body .booking_status_wrapper ul li.uk-box-shadow-small .ui_booking_status .btn_notavailable {
  background: #DDD;
  color: #fff;
  font-family: GothamRounded-Bold;
  font-size: 12px;
  text-transform: none
}

body .booking_status_wrapper ul li.uk-box-shadow-small h3 {
  font-family: ProximaNova-Regular;
  font-size: 14px;
  color: #2C2C2C;
  padding: 0;
  margin: 0
}

body .booking_status_wrapper ul li.uk-box-shadow-small .ui_date_booking {
  background: #FBFBFB;
  border: 1px solid #EBEBEB;
  padding: 10px;
  border-radius: 4px
}

body .booking_status_wrapper ul li.uk-box-shadow-small .ui_date_booking p {
  font-family: ProximaNova-Regular;
  font-size: 11px;
  margin: 0;
  padding: 0;
  color: #2C2C2C
}

body .booking_status_wrapper ul li.uk-box-shadow-small .ui_date_booking p span {
  font-family: ProximaNova-Bold
}

body .content-padder {
  border-right: 1px solid #CCC
}

body #offcanvas-overlay .uk-offcanvas-bar {
  background: #F2F2F2;
  padding: 15px;
  min-width: 400px
}

body #offcanvas-overlay .uk-offcanvas-bar .uk-offcanvas-close {
  color: #2c2c2c
}

body #offcanvas-overlay .uk-offcanvas-bar .ui_booking_pic_wrapper {
  border: 1px solid #f2f2f2;
  margin: 10px 0;
  padding: 10px
}

body #offcanvas-overlay .uk-offcanvas-bar .ui_booking_pic_wrapper p {
  font-family: ProximaNova-Regular;
  font-size: 12px;
  color: #2c2c2c;
  margin: 0
}

body #offcanvas-overlay .uk-offcanvas-bar .ui_booking_pic_wrapper p span {
  font-family: ProximaNova-Bold
}

body #offcanvas-overlay .uk-offcanvas-bar .ui_deposit_treat {
  background: #f2f2f2;
  padding: 10px 0;
  margin: 10px 0
}

body #offcanvas-overlay .uk-offcanvas-bar .ui_deposit_treat h4 {
  font-family: ProximaNova-Bold;
  font-size: 14px;
  color: #2c2c2c;
  margin: 0;
  padding: 0
}

body #offcanvas-overlay .uk-offcanvas-bar .ui_deposit_treat p {
  font-family: ProximaNova-Regular;
  font-size: 12px;
  color: #2c2c2c;
  margin: 0;
  padding: 0
}

body #offcanvas-overlay .uk-offcanvas-bar .ui_icon_1, body #offcanvas-overlay .uk-offcanvas-bar .ui_icon_10, body #offcanvas-overlay .uk-offcanvas-bar .ui_icon_12 {
  background: url(../images/ui_icon_pending.svg) no-repeat;
  background-size: cover !important;
  background-position: center !important;
  width: 40px;
  height: 40px;
  display: block;
  margin: -40px auto 0
}

body #offcanvas-overlay .uk-offcanvas-bar .ui_icon_11, body #offcanvas-overlay .uk-offcanvas-bar .ui_icon_2, body #offcanvas-overlay .uk-offcanvas-bar .ui_icon_4, body #offcanvas-overlay .uk-offcanvas-bar .ui_icon_6, body #offcanvas-overlay .uk-offcanvas-bar .ui_icon_7 {
  background: url(../images/ui_icon_booking_cancel.svg) no-repeat;
  background-size: cover !important;
  background-position: center !important;
  width: 40px;
  height: 40px;
  display: block;
  margin: -40px auto 0
}

body #offcanvas-overlay .uk-offcanvas-bar .ui_icon_3 {
  background: url(../images/ui_icon_confirm.svg) no-repeat;
  background-size: cover !important;
  background-position: center !important;
  width: 40px;
  height: 40px;
  display: block;
  margin: -40px auto 0
}

body #offcanvas-overlay .uk-offcanvas-bar .ui_icon_5, body #offcanvas-overlay .uk-offcanvas-bar .ui_icon_8 {
  background: url(../images/ui_icon_success.svg) no-repeat;
  background-size: cover !important;
  background-position: center !important;
  width: 40px;
  height: 40px;
  display: block;
  margin: -40px auto 0
}

body #offcanvas-overlay .uk-offcanvas-bar h3 {
  font-family: ProximaNova-Bold;
  font-size: 20px;
  color: #2C2C2C;
  margin: 0;
  padding: 0
}

body #offcanvas-overlay .uk-offcanvas-bar .ui_button_action {
  margin-top: 30px
}

body #offcanvas-overlay .uk-offcanvas-bar .ui_button_action .uk-grid-margin {
  margin-top: 20px
}

body #offcanvas-overlay .uk-offcanvas-bar .ui_button_action .ui_button_pay {
  background: #7ED321;
  width: 100%;
  font-family: GothamRounded-Bold;
  text-transform: none;
  color: #fff
}

body #offcanvas-overlay .uk-offcanvas-bar .ui_button_action .ui_icon_cancel {
  background: url(../images/ui_icon_cancel.svg) no-repeat;
  background-size: cover !important;
  background-position: center !important;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle
}

body #offcanvas-overlay .uk-offcanvas-bar .ui_button_action .uk-button {
  font-family: ProximaNova-Bold;
  text-transform: none;
  font-size: 14px
}

body #offcanvas-overlay .uk-offcanvas-bar .ui_button_action .ui_button_cancel {
  background: #fff;
  border-radius: 25px;
  color: #000
}

body #offcanvas-overlay .uk-offcanvas-bar .ui_flight_infomation {
  margin-top: 20px !important
}

body #offcanvas-overlay .uk-offcanvas-bar .ui_flight_infomation .ui_header_flight {
  background: #DBF3C1;
  padding: 3px 5px;
  font-family: ProximaNova-Regular;
  text-align: center;
  font-size: 12px;
  color: #464648;
  margin-bottom: 10px;
  margin-top: 10px
}

body #offcanvas-overlay .uk-offcanvas-bar .ui_flight_infomation .ui_no_margin {
  margin-top: 0 !important
}

body #offcanvas-overlay .uk-offcanvas-bar .ui_flight_infomation .ui_player_type_list ul li {
  margin-bottom: 10px
}

body #offcanvas-overlay .uk-offcanvas-bar .ui_flight_infomation .ui_player_type_list ul a {
  background: #F2F2F2;
  font-family: ProximaNova-Bold;
  font-size: 12px;
  color: #464648;
  padding: 5px 10px;
  margin-top: 10px
}

body #offcanvas-overlay .uk-offcanvas-bar .ui_flight_infomation .ui_player_type_list ul .uk-accordion-content {
  border: 1px solid #f2f2f2;
  padding: 5px 10px;
  margin-top: 0
}

body #offcanvas-overlay .uk-offcanvas-bar .ui_flight_infomation h5 {
  font-family: ProximaNova-Regular;
  font-size: 14px;
  margin: 0;
  padding: 0;
  color: #464648;
  text-align: center
}

body #offcanvas-overlay .uk-offcanvas-bar .ui_flight_infomation .ui_price_desc {
  font-family: ProximaNova-Regular;
  font-size: 12px;
  color: #000
}

body #offcanvas-overlay .uk-offcanvas-bar .ui_flight_infomation .ui_price_value {
  font-family: ProximaNova-Bold;
  font-size: 12px;
  color: #000
}

body #offcanvas-overlay .uk-offcanvas-bar .ui_price_information .ui_no_margin {
  margin-top: 0 !important
}

body #offcanvas-overlay .uk-offcanvas-bar .ui_price_information .ui_price_desc {
  font-family: ProximaNova-Regular;
  font-size: 12px;
  color: #000
}

body #offcanvas-overlay .uk-offcanvas-bar .ui_price_information .ui_price_value {
  font-family: ProximaNova-Bold;
  font-size: 12px;
  color: #000
}

body #offcanvas-overlay .uk-offcanvas-bar .ui_booking_detail {
  background: #fff;
  margin-top: 40px;
  padding: 20px
}

body #offcanvas-overlay .uk-offcanvas-bar .ui_booking_detail .ui_data_booking div:before {
  border-color: #f2f2f2
}

body #offcanvas-overlay .uk-offcanvas-bar .ui_booking_detail p {
  font-family: ProximaNova-Regular;
  font-size: 12px;
  color: #000;
  margin: 0;
  padding: 0
}

body #offcanvas-overlay .uk-offcanvas-bar .ui_booking_detail p span {
  font-family: ProximaNova-Bold
}

body #offcanvas-overlay .uk-offcanvas-bar .ui_booking_detail hr {
  border-color: #f2f2f2;
  margin: 10px 0
}

body #offcanvas-overlay .uk-offcanvas-bar .ui_message_from_admin {
  background: #C0DDF1;
  padding: 20px;
  margin-top: 15px
}

body #offcanvas-overlay .uk-offcanvas-bar .ui_message_from_admin h5 {
  font-family: ProximaNova-Semibold;
  font-size: 14px;
  color: #000;
  margin: 0;
  padding: 0
}

body #offcanvas-overlay .uk-offcanvas-bar .ui_message_from_admin h4 {
  font-family: ProximaNova-Regular;
  color: #000;
  margin: 5px 0 0;
  padding: 0;
  font-size: 12px
}

body #offcanvas-overlay .uk-offcanvas-bar .ui_message_from_admin h4 span {
  font-family: ProximaNova-Bold
}

body #tokenAlert .ui_icon_warning {
  background: url(../images/ui_icon_warning.svg) no-repeat;
  background-size: cover !important;
  background-position: center !important;
  display: block;
  width: 70px;
  height: 70px;
  margin: 10px auto
}

body #modal-cancel .uk-modal-dialog, body #modal-point-confirmation .uk-modal-dialog {
  width: 400px;
  padding: 20px
}

body #modal-cancel .uk-modal-dialog .ui_button_wrapper, body #modal-point-confirmation .uk-modal-dialog .ui_button_wrapper {
  margin-top: 30px
}

body #modal-cancel .uk-modal-dialog h4, body #modal-point-confirmation .uk-modal-dialog h4 {
  font-family: ProximaNova-Bold;
  font-size: 16px;
  color: #000;
  margin: 0;
  padding: 0;
  text-align: center
}

body #modal-cancel .uk-modal-dialog .ui_button_cancel_yes, body #modal-point-confirmation .uk-modal-dialog .ui_button_cancel_yes {
  background: #7ED321;
  font-family: ProximaNova-Bold;
  color: #fff;
  text-transform: none;
  width: 100%;
  height: 40px
}

body #modal-cancel .uk-modal-dialog .ui_button_cancel_no, body #modal-point-confirmation .uk-modal-dialog .ui_button_cancel_no {
  background: #BBBFC4;
  font-family: ProximaNova-Bold;
  color: #fff;
  text-transform: none;
  width: 100%;
  height: 40px
}

body #modal-cancel .ui_icon_delete, body #modal-point-confirmation .ui_icon_delete {
  background: url(../images/ui_icon_delete.svg) no-repeat;
  background-size: cover !important;
  background-position: center !important;
  display: block;
  width: 40px;
  height: 40px;
  margin: 10px auto
}

body #modal-point-confirmation .ui_price_desc .uk-leader-fill:after, body #modal-point-confirmation .uk-leader-fill:after {
  display: none !important
}

body #modal-point-confirmation .ui_no_margin {
  margin-top: 0 !important
}

body #modal-point-confirmation .ui_button_wrapper {
  margin-top: 20px !important
}

body #modal-point-confirmation .ui_price_desc {
  font-family: ProximaNova-Regular;
  font-size: 14px;
  color: #000
}

body #modal-point-confirmation .ui_price_value {
  font-family: ProximaNova-Bold;
  font-size: 14px;
  color: #000
}

body #modal-point-confirmation .ui_icon_point_modal {
  background: url(../images/ui_icon_point_modal.svg) no-repeat;
  background-size: cover !important;
  background-position: center !important;
  display: block;
  width: 40px;
  height: 40px;
  margin: 10px auto
}

body .ui_payment_page .user_list_payment .ui_price_desc .uk-leader-fill:after, body .ui_payment_page .user_list_payment .uk-leader-fill:after {
  display: none !important
}

body #modal-point-confirmation .ui_point_information {
  background: #f2f2f2;
  padding: 10px;
  margin-top: 10px
}

body #modal-point-confirmation .ui_point_information .ui_disc_price {
  color: #7ED321
}

body #modal-point-confirmation .ui_point_information .ui_disc_price span {
  font-family: ProximaNova-Regular;
  text-decoration: line-through;
  color: #2c2c2c
}

body .ui_payment_page {
  padding: 20px
}

body .ui_payment_page .ui_payment_detail {
  background: #fff
}

body .ui_payment_page .user_list_payment {
  padding: 20px;
  background: #fff
}

body .ui_payment_page .user_list_payment ul {
  padding: 0;
  margin: 0;
  float: none
}

body .ui_payment_page .user_list_payment ul li .ui_no_margin {
  margin-bottom: 10px
}

body .ui_payment_page .user_list_payment hr {
  border-color: #f2f2f2;
  margin: 10px 0
}

body .ui_payment_page .user_list_payment h4 {
  font-size: 16px;
  color: #000;
  margin: 0;
  padding: 0;
  font-family: ProximaNova-Bold
}

body .ui_payment_page .user_list_payment .ui_price_desc {
  font-family: ProximaNova-Regular;
  font-size: 14px;
  color: #000
}

body .ui_payment_page .user_list_payment .ui_price_value {
  font-family: ProximaNova-Bold;
  font-size: 14px;
  color: #000
}

body .ui_payment_page .stripe-button-el, body .ui_payment_page .ui_button_other {
  font-family: ProximaNova-Bold;
  font-size: 16px;
  width: 100%;
  display: block
}

body .ui_payment_page .stripe-button-el {
  background: #fff;
  border: 1px solid #f2f2f2;
  box-shadow: none !important
}

body .ui_payment_page .stripe-button-el span {
  background: #fff !important;
  color: #000;
  box-shadow: none !important
}

body .ui_payment_page .ui_player_name_wrapper {
  margin: 20px 0;
  background: #fff;
  border: 1px solid #f2f2f2
}

body .ui_payment_page .ui_player_name_wrapper .ui_player_field {
  padding: 10px 20px;
  font-family: ProximaNova-Regular;
  font-size: 14px
}

body .ui_payment_page .ui_player_name_wrapper .ui_header_wrapper {
  background: #7ED321;
  padding: 10px 20px
}

body .ui_payment_page .ui_player_name_wrapper .ui_header_wrapper h4 {
  font-family: ProximaNova-Bold;
  color: #fff;
  font-size: 14px;
  text-align: center;
  margin: 0;
  padding: 0
}

body .ui_payment_page .ui_cancelation_wrapper {
  border: 1px solid #f2f2f2;
  padding: 20px;
  margin-top: 20px;
  background: #fff
}

body .ui_payment_page .ui_cancelation_wrapper h4 {
  font-family: ProximaNova-Bold;
  font-size: 16px;
  color: #000;
  margin: 0;
  padding: 0
}

body .ui_payment_page .ui_cancelation_wrapper p {
  font-family: ProximaNova-Regular;
  font-size: 14px;
  color: #000;
  margin: 0;
  padding: 0
}

body .ui_payment_page .payment_container_web .class_button_group {
  margin-top: 20px
}

body .ui_payment_page .payment_container_web .class_button_group p {
  text-align: center;
  font-family: ProximaNova-Regular;
  font-size: 14px
}

body .ui_payment_page .payment_container_web .btn_pay {
  background: #F5A623;
  font-family: ProximaNova-Bold;
  display: block;
  color: #fff;
  font-size: 14px;
  padding: 0;
  width: 100%
}

body .ui_payment_page .payment_container_web .total_deposit_payment {
  background: #7ED321;
  padding: 20px
}

body .ui_payment_page .payment_container_web .total_deposit_payment p {
  text-align: center;
  font-family: ProximaNova-Regular;
  text-transform: uppercase;
  color: #fff;
  margin: 0;
  padding: 0;
  font-size: 14px
}

body .ui_payment_page .payment_container_web .total_deposit_payment h2 {
  font-family: ProximaNova-Bold;
  font-size: 32px;
  color: #fff;
  padding: 0;
  margin: 0;
  text-align: center
}

body .ui_payment_page .visa_logo {
  background: url(../images/visa_sample.jpg) center no-repeat;
  width: 36px;
  height: 26px;
  background-size: cover;
  display: block
}

body .ui_payment_page .mastercard_logo {
  background: url(../images/master_card.jpg) center no-repeat;
  width: 36px;
  height: 26px;
  background-size: cover;
  display: block
}

body .ui_payment_page .amex_logo {
  background: url(../images/amex_card.jpg) center no-repeat;
  width: 36px;
  height: 26px;
  background-size: cover
}

body .ui_payment_page .jcb_logo {
  background: url(../images/jcb_card.jpg) center no-repeat;
  width: 36px;
  height: 26px;
  background-size: cover;
  display: block
}

body .ui_payment_page .discover_logo {
  background: url(../images/discover_card.jpg) center no-repeat;
  width: 36px;
  height: 26px;
  background-size: cover;
  display: block
}

body .ui_payment_page .ui_payment_detail {
  border: 1px solid #f2f2f2;
  padding: 20px;
  margin-bottom: 20px
}

body .ui_payment_page .ui_payment_detail .ui_no_margin {
  margin-top: 0 !important
}

body .ui_payment_page .ui_payment_detail .ui_logo_payment {
  margin-bottom: 30px
}

body .ui_payment_page .ui_payment_detail .ui_logo_payment .ui_icon_security {
  background: url(../images/ui_icon_security.svg) no-repeat;
  background-size: cover !important;
  background-position: center !important;
  display: block;
  width: 95px;
  height: 24px
}

body .ui_payment_page .ui_payment_detail .ui_logo_payment .ui_icon_bank_support {
  background: url(../images/ui_icon_card_support.svg) no-repeat;
  background-size: cover !important;
  background-position: center !important;
  display: block;
  width: 130px;
  height: 24px
}

.vodiapicker.uk-select, body .ui_payment_page .ui_payment_detail .ui_price_desc .uk-leader-fill:after, body .ui_payment_page .ui_payment_detail .uk-leader-fill:after {
  display: none !important
}

body .ui_payment_page .ui_payment_detail .ui_price_desc {
  font-family: ProximaNova-Regular;
  font-size: 14px;
  color: #000
}

body .ui_payment_page .ui_payment_detail .ui_price_value {
  font-family: ProximaNova-Bold;
  font-size: 14px;
  color: #000
}

body .ui_payment_page .ui_payment_detail .ui_data_booking p {
  font-family: ProximaNova-Regular;
  font-size: 12px;
  color: #000;
  margin: 0;
  padding: 0
}

body .ui_payment_page .ui_payment_detail .ui_data_booking p span {
  font-family: ProximaNova-Bold
}

body .ui_payment_page .ui_payment_detail .ui_data_booking div:before {
  border-color: #f2f2f2
}

#a {
  padding: 0;
  margin: 0;
  float: none
}

#a img, .btn-select img {
  width: 12px
}

#a li {
  cursor: pointer
}

#a li img {
  width: 25px;
  margin: 5px
}

#a li:hover {
  background-color: #F4F3F3
}

#a li span, .btn-select li span {
  margin-left: 10px
}

.open {
  display: show !important
}

#modal-payment-confirmation .ui_price_desc .uk-leader-fill:after, #modal-payment-confirmation .uk-leader-fill:after {
  display: none !important
}

.btn-select {
  width: 100%;
  background-color: #fff;
  font-family: ProximaNova-Regular;
  text-transform: none;
  font-size: 16px
}

.btn-select img {
  width: 20px
}

.btn-select li {
  float: left;
  padding-bottom: 0
}

.btn-select:hover li {
  margin-left: 0
}

.btn-select:hover {
  background-color: #F4F3F3;
  border: 1px solid transparent;
  box-shadow: inset 0 0 0 1px #ccc
}

.btn-select:focus {
  outline: 0
}

.lang-select {
  margin-left: 50px
}

.uk-notification .uk-notification-message {
  font-family: ProximaNova-Regular;
  font-size: 14px;
  text-align: center
}

#modal-payment-confirmation .uk-modal-dialog {
  width: 400px
}

#modal-payment-confirmation h4 {
  font-family: ProximaNova-Bold;
  font-size: 16px;
  margin: 0;
  padding: 0;
  text-align: center
}

#modal-payment-confirmation .ui_price_desc, #modal-payment-confirmation p, .box_promotion_wrapper p, .promotion_code_transaction dd, .promotion_code_transaction dt {
  font-family: ProximaNova-Regular
}

#modal-payment-confirmation p {
  font-size: 14px;
  margin: 0;
  padding: 0;
  text-align: center
}

#modal-payment-confirmation .ui_no_margin {
  margin-top: 0 !important
}

#modal-payment-confirmation .ui_button_wrapper {
  margin-top: 20px !important
}

#modal-payment-confirmation .ui_price_desc {
  font-size: 14px;
  color: #000
}

#modal-payment-confirmation .ui_price_value {
  font-family: ProximaNova-Bold;
  font-size: 14px;
  color: #000
}

.box_promotion_wrapper h3, .ui_not_found h2 {
  font-family: ProximaNova-Bold;
  font-size: 22px
}

#modal-payment-confirmation .ui_icon_success {
  background: url(../images/ui_icon_success.svg) no-repeat;
  background-size: cover !important;
  background-position: center !important;
  display: block;
  width: 40px;
  height: 40px;
  margin: 10px auto
}

.ui_not_found {
  background: #fff;
  padding: 20px
}

.ui_not_found h2 {
  text-align: center
}

.box_promotion_wrapper h3 {
  color: #222;
  margin: 0;
  padding: 0
}

.box_promotion_wrapper p {
  font-size: 14px;
  margin: 0;
  padding: 0
}

.promotion_code_transaction {
  background: #fff;
  padding: 20px
}

.promotion_code_transaction dl {
  margin: 0;
  padding: 0
}

.promotion_code_transaction dt {
  font-size: 16px;
  text-transform: none
}

.promotion_code_transaction dd {
  font-size: 14px;
  text-transform: none
}

.ui_my_point_section .ui_point_icon {
  background: url(../images/ui_point_icon.svg) no-repeat;
  background-size: cover !important;
  background-position: center !important;
  display: block;
  width: 70px;
  height: 70px;
  margin: 0 auto
}

.ui_my_point_section .ui_circle_point {
  padding: 20px
}

.ui_my_point_section h5 {
  font-family: ProximaNova-Bold;
  font-size: 32px;
  color: #000;
  padding: 0;
  margin: 10px 0 0
}

.ui_my_point_section p {
  font-family: ProximaNova-Regular;
  font-size: 14px;
  color: #000;
  padding: 0;
  margin: 0
}

.ui_my_point_section .ui_expiration_point {
  background: #7ED321;
  padding: 10px;
  display: block;
  margin: 10px auto 0
}

.ui_my_point_section .ui_expiration_point h6 {
  font-family: ProximaNova-Regular;
  font-size: 16px;
  color: #fff;
  text-align: center;
  margin: 0;
  padding: 0
}

.ui_my_point_section .ui_expiration_point h6 span, .ui_my_point_section .ui_point_recommendation a, .ui_point_history h2 {
  font-family: ProximaNova-Bold
}

.ui_my_point_section .ui_point_recommendation a {
  display: block;
  text-decoration: underline
}

.ui_my_point_section .ui_point_recommandation_suggest {
  background: #f2f2f2;
  padding: 20px;
  margin-top: 20px
}

.ui_my_point_section h4 {
  font-family: ProximaNova-Regular;
  font-size: 18px;
  color: #000;
  padding: 0;
  margin: 0 0 20px
}

.ui_point_history h2 {
  font-size: 14px;
  color: #2C2C2C;
  margin: 10px 0;
  padding: 0
}

.si-wrapper-bottom, .si-wrapper-top {
  -webkit-box-orient: vertical;
  margin-left: 0
}

.infoWindowContent h4, .ui_notification_list dl h4 {
  font-family: ProximaNova-Bold;
  margin: 0;
  padding: 0
}

.ui_notification_list dl h4 {
  font-size: 18px
}

.infoWindowContent .ui_image_map_wrapper {
  display: block
}

[class*=si-shadow-wrapper], [class*=si-wrapper] {
  position: absolute
}

.infoWindowContent .ui_image_map_wrapper img {
  width: 300px;
  height: 150px;
  object-fit: cover;
  object-position: center
}

.infoWindowContent h4 {
  font-size: 16px;
  text-align: center
}

.si-float-wrapper {
  position: absolute;
  width: 100%
}

.si-float-wrapper, .si-float-wrapper * {
  box-sizing: border-box
}

[class*=si-wrapper] {
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.4rem;
  cursor: default
}

.si-wrapper-top {
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: -40px;
  -webkit-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%)
}

.si-wrapper-bottom {
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  margin-top: 0;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0)
}

.si-wrapper-left {
  margin-top: -20px;
  margin-left: -11px;
  -webkit-transform: translate(-100%, -50%);
  transform: translate(-100%, -50%)
}

.si-wrapper-right {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  margin-top: -20px;
  margin-left: 11px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%)
}

[class*=si-shadow-wrapper] {
  display: flex;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: .4;
  z-index: 1
}

.si-shadow-wrapper-bottom, .si-shadow-wrapper-top {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.si-shadow-pointer-bottom, .si-shadow-pointer-right {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1
}

.si-shadow-frame {
  box-shadow: 0 4px 6px 0 #000
}

[class*=si-shadow-pointer] {
  position: relative;
  width: 15px;
  height: 15px;
  margin: auto
}

[class*=si-shadow-inner-pointer] {
  position: absolute;
  width: 141%;
  height: 141%;
  box-shadow: -2.83px 2.83px 6px 0 #000
}

.si-shadow-inner-pointer-top {
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg)
}

.si-shadow-inner-pointer-bottom {
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 50%) rotate(-45deg);
  transform: translate(-50%, 50%) rotate(-45deg)
}

.si-shadow-inner-pointer-left {
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg)
}

.si-shadow-inner-pointer-right {
  top: 50%;
  right: 0;
  -webkit-transform: translate(50%, -50%) rotate(-45deg);
  transform: translate(50%, -50%) rotate(-45deg)
}

.si-frame {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  border-radius: 0;
  overflow: hidden;
  z-index: 2
}

.si-content-wrapper {
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  padding: 10px !important;
  background-color: #eee
}

.si-has-border .si-content-wrapper {
  border: 1px solid #bbb
}

.si-content {
  overflow: auto
}

.custom-window .si-content, .custom-window.open .si-frame {
  overflow: visible
}

.si-close-button {
  position: absolute;
  top: 0;
  right: 0;
  border: 0;
  outline: 0;
  background-color: transparent;
  color: inherit;
  font-family: Arial, Baskerville, monospace;
  font-size: 24px;
  cursor: pointer;
  opacity: .5;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.custom-body .uk-button, .custom-content h1 {
  font-family: ProximaNova-Bold
}

.si-close-button:focus, .si-close-button:hover {
  opacity: .7
}

[class*=si-pointer-border] {
  position: absolute;
  border: 15px solid transparent;
  z-index: 3
}

[class*=si-pointer-bg] {
  position: relative;
  border: 15px solid transparent;
  z-index: 4
}

.si-has-border [class*=si-pointer-bg] {
  border-width: 15px
}

.si-pointer-border-bottom, .si-pointer-border-top {
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0)
}

.si-pointer-border-left, .si-pointer-border-right {
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%)
}

.si-pointer-top {
  border-bottom: 0
}

.si-pointer-border-top {
  bottom: 0;
  border-top-color: #bbb
}

.si-pointer-bg-top {
  border-top-color: #eee
}

.si-has-border .si-pointer-bg-top {
  top: -1px;
  margin-bottom: 0
}

.si-pointer-bottom {
  border-top: 0
}

.si-pointer-border-bottom {
  top: 0;
  border-bottom-color: #bbb
}

.si-pointer-bg-bottom {
  border-bottom-color: #eee
}

.si-has-border .si-pointer-bg-bottom {
  bottom: -1px;
  margin-top: 0
}

.si-pointer-left {
  border-right: 0
}

.si-pointer-border-left {
  right: 0;
  border-left-color: #bbb
}

.si-pointer-bg-left {
  border-left-color: #eee
}

.si-has-border .si-pointer-bg-left {
  left: -1px;
  margin-right: 0
}

.si-pointer-right {
  border-left: 0
}

.si-pointer-border-right {
  left: 0;
  border-right-color: #bbb
}

.si-pointer-bg-right {
  border-right-color: #eee
}

.si-has-border .si-pointer-bg-right {
  right: -1px;
  margin-left: 0
}

.custom-window {
  top: 30px;
  max-width: 400px;
  -webkit-transition: top .3s cubic-bezier(.4, 0, .2, 1), opacity .3s cubic-bezier(.4, 0, .2, 1), visibility .3s cubic-bezier(.4, 0, .2, 1);
  transition: top .3s cubic-bezier(.4, 0, .2, 1), opacity .3s cubic-bezier(.4, 0, .2, 1), visibility .3s cubic-bezier(.4, 0, .2, 1);
  opacity: 0;
  visibility: hidden
}

.custom-window.active {
  top: 0;
  width: 300px;
  opacity: 1;
  visibility: visible
}

.custom-window .si-content-wrapper {
  padding-bottom: 10px
}

.custom-content {
  position: relative;
  max-height: inherit;
  padding-top: 0 !important;
  overflow: auto;
  z-index: 2
}

.custom-content h1 {
  font-size: 14px
}

.custom-img {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 120px !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: 1
}

.custom-header {
  position: relative;
  margin: 75px 0 0;
  padding: 10px;
  color: #fff;
  background: rgba(0, 0, 0, .5)
}

.custom-header small {
  display: block;
  font-size: .55em;
  font-weight: 400;
  opacity: .75
}

.custom-body .uk-button {
  font-size: 12px;
  color: #fff;
  background: #7ED321;
  text-align: center;
  display: block;
  margin: 10px auto 0;
  max-width: 130px
}

.custom-body .uk-button:hover {
  color: #fff
}

.custom-body p {
  margin: 0
}

.custom-body *+p {
  margin-top: 1em
}

.custom-body a {
  color: #60a295
}

.custom-body a:active, .custom-body a:focus, .custom-body a:hover {
  color: #437369
}

.custom-close {
  position: absolute;
  top: 0;
  right: -36px;
  width: 36px;
  height: 36px;
  -webkit-transition: background-color .15s cubic-bezier(.4, 0, .2, 1);
  transition: background-color .15s cubic-bezier(.4, 0, .2, 1);
  border: 0;
  background-color: rgba(68, 67, 62, .8);
  color: #fff;
  font-size: 1.5em;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .3);
  cursor: pointer
}

.custom-close:active, .custom-close:focus, .custom-close:hover {
  background-color: rgba(28, 28, 26, .8)
}