/* Website: Super Events */
.pckgcolor1 {
  background: #0d2461;
}

.pckgcolor2 {
  background: #262626;
}

.pckgcolor3 {
  background: #e00022;
}

.pckgcolor4 {
  background: #184391;
}

.pink-1, .pink-1 * {
  color: #dc155d !important;
}

.gray-1, .gray-1 * {
  color: #262626 !important;
}

.gray-2, .gray-2 * {
  color: #2f2f2f !important;
}

.gray-3, .gray-3 * {
  color: #6c6c6c !important;
}

.gray-4, .gray-4 * {
  color: #b0b0b0 !important;
}

.gray-5, .gray-5 * {
  color: #f4f4f4 !important;
}

.graybg-1 {
  background-color: #262626 !important;
}

.graybg-2 {
  background-color: #2f2f2f !important;
}

.graybg-3 {
  background-color: #6c6c6c !important;
}

.graybg-4 {
  background-color: #b0b0b0 !important;
}

.graybg-5 {
  background-color: #f4f4f4 !important;
}

.a9 {
  color: #a9a9a9;
}

a *, a, [type="button"] [type="reset"], .trans, .transAll, .transAll * {
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

/* Global Styles [Start]*/
* {
  box-sizing: border-box;
  /* border:1px red dashed; */
}

html {
  overflow: auto;
}

html.ie7 {
  overflow-x: hidden;
}

body {
  font: 400 14px "Roboto", "Lato", sans-serif;
  padding: 0;
  margin: 0;
  word-wrap: break-word;
  overflow: hidden;
}

.divider {
  font-size: 12px;
  display: flex;
  align-items: center;
}

.divider::before, .divider::after {
  flex: 1;
  content: '';
  padding: 1px;
  background-color: #dbdbdb;
  margin: 40px 20px;
}

.margin-left-10 {
  margin: 0 0 0 10px !important;
}

.padding-right-left-30 {
  padding: 0 30px !important;
}

.noborder, .noborder td {
  border: none !important;
}

.nobrd-rht {
  border-right: none !important;
}

.nobrd-lft {
  border-right: none !important;
}

.nobg {
  background: none !important;
}

.bgfixed {
  background-attachment: fixed;
}

.bgcover {
  background-size: cover;
}

.cursor {
  cursor: pointer;
}

.none {
  display: none !important;
}

.tmpnone {
  display: none;
}

.dpBlock {
  display: block !important;
}

.dpInlinBlock {
  display: inline-block !important;
}

.dpTable {
  display: table !important;
}

.checkme {
  outline: 1px red dotted;
}

.checkme2 {
  outline: 1px blue solid;
}

.checkme-all, .checkme-all * {
  outline: 1px cyan solid;
}

.nocss3, .nocss3:hover {
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: none 0 0 0 0;
  -khtml-box-shadow: none 0 0 0 0;
  -moz-box-shadow: none 0 0 0 0;
  -ms-box-shadow: none 0 0 0 0;
  -o-box-shadow: none 0 0 0 0;
  box-shadow: none 0 0 0 0;
}

.listno, .listno li {
  list-style: none;
}

li {
  margin-bottom: 8px;
}

body h1, body h2, body h3, body h4, body h5, body h6 {
  font-family: "Open Sans", "Roboto", "Lato", sans-serif;
  font-weight: 500;
  padding: 3px 0;
  margin: 0 0 15px;
  color: #2f2f2f;
}

body h1 {
  font-size: 46px;
  color: #2f2f2f;
}

body h2 {
  font-size: 34px;
}

body h3 {
  font-size: 28px;
}

body h4 {
  font-size: 22px;
  padding-bottom: 3px;
  margin-bottom: 0;
}

body h5 {
  font-size: 20px;
}

body h6 {
  font-size: 16px;
  font-weight: 500;
}

[class*="sepBt-"]:after {
  content: "";
  display: block;
  margin: 5px 0 0;
  background-color: #dc155d;
  width: 40px;
  height: 2px;
}

.sepBt-center:after {
  margin-right: auto;
  margin-left: auto;
}

[class*="sepBt-"] [class*="sepBt-"]:after {
  width: 60px;
  height: 2px;
  margin-top: 12px;
}

.hgroup {
  margin-bottom: 28px;
}
.hgroup h2 {
  font-size: 29px;
  margin-bottom: 0;
  padding-bottom: 0;
}
.hgroup h2 small {
  display: block;
  font-size: 14px;
  color: #262626;
  letter-spacing: 2;
  text-transform: uppercase;
}

.form-group small {
  font-size: 80% !important;
}

.form-group.div_terms {
  border-radius: 4px;
  background: #F6F6F6;
  padding: 12px 15px;
}

body .btcolor1, body .btcolor1 * {
  color: #dc155d !important;
}
body .btcolor2, body .btcolor2 * {
  color: #4b154d !important;
}
body .btcolor3, body .btcolor3 * {
  color: #262626 !important;
}
body .btcolor_tennis, body .btcolor_tennis * {
  color: #007748 !important;
}
body .btcolor_music, body .btcolor_music * {
  color: #91248f !important;
}
body .btcolor_boxing, body .btcolor_boxing * {
  color: #bb0000 !important;
}
body .btcolor_nfl, body .btcolor_nfl * {
  color: #bb0000 !important;
}

.bgcolor1 {
  background-color: #dc155d !important;
}

.bgcolor2 {
  background-color: #4b154d !important;
}

.btRed:after {
  background-color: #dc155d !important;
}

.btBlue:after {
  background-color: #4b154d !important;
}

.btBlack:after {
  background-color: #262626 !important;
}

a {
  color: #dc155d;
  text-decoration: none;
  outline: none;
}

a:focus {
  outline: none !important;
}

a:hover {
  text-decoration: underline;
  color: #4b154d;
}

.underline{text-decoration: underline !important;}

p {
  line-height: 1.5em;
  font-family: "Roboto", "Lato", sans-serif;
}

.clear-all {
  clear: both;
}

.clear-left {
  clear: left;
}

.clear-right {
  clear: right;
}

.fl {
  float: left !important;
}

.fr {
  float: right !important;
}

.fn {
  float: none !important;
}

.auto {
  width: auto !important;
  height: auto !important;
}

.wauto {
  width: auto !important;
}

.hauto {
  height: auto !important;
}

.floatfix:before, .floatfix:after,
.container:before, .container:after {
  content: "";
  display: table;
}

.container:after, .floatfix:after {
  clear: both;
}

.floatfix, .container {
  zoom: 1;
}

/* Border radius */
.nocvr {
  -webkit-border-radius: 0px;
  -khtml-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
}

.brd-2 {
  -webkit-border-radius: 2px;
  -khtml-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}

.brd-4 {
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.brd-5 {
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}

.brd-6 {
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}

.brd-8 {
  -webkit-border-radius: 8px;
  -khtml-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
}

.brd-100 {
  -webkit-border-radius: 100%;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}

.cvr-tl-4 {
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.cvr-tr-4 {
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.cvr-bl-4 {
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 4px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 4px;
}

.cvr-br-4 {
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 0;
}

.cvr-tl-8 {
  -webkit-border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  border-top-left-radius: 8px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.cvr-tr-8 {
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 8px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.cvr-bl-8 {
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 8px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 8px;
}

.cvr-br-8 {
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 8px;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 8px;
  -moz-border-radius-bottomleft: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 0;
}

/* Misc */
.lowercase {
  text-transform: lowercase;
}

.uppercase {
  text-transform: uppercase;
}

.capitalcase {
  text-transform: capitalize;
}

.normalcase {
  text-transform: none;
}

.txt-center {
  text-align: center;
}

.txt-left {
  text-align: left;
}

.txt-right {
  text-align: right;
}

.txt-justified {
  text-align: justify !important;
}

.italic {
  font-style: italic;
}

.non-italic {
  font-style: normal !important;
}

.dfont, .dfont * {
  font-family: "Roboto", "Lato", sans-serif;
}

.lato, .lato * {
  font-family: "Lato", sans-serif;
}

.opensans, .opensans * {
  font-family: "Open Sans", sans-serif;
}

.lighter {
  font-weight: 300 !important;
}

.regular, .nobold {
  font-weight: 400 !important;
}

.semibold {
  font-weight: 500 !important;
  padding-bottom: 15px;
}

.bold {
  font-weight: 700 !important;
}

.xbold {
  font-weight: 900 !important;
}

/* Fonts Colors */
.red-txt, .red-txt * {
  color: #d0021b !important;
}

.rust-txt, .rust-txt * {
  color: #841400 !important;
}

.grey-txt, .grey-txt * {
  color: #a7a9ac !important;
}

.darkgrey-txt, .darkgrey-txt * {
  color: #2f2f2f !important;
}

.black-txt, .black-txt * {
  color: #000 !important;
}

.white-txt, .white-txt * {
  color: #fff !important;
}

.blue-txt, .blue-txt * {
  color: #063f9d !important;
}

.brown-txt, .brown-txt * {
  color: #a1533a !important;
}

.green-txt, .green-txt * {
  color: #38a62c !important;
}

.darkbrown-txt, .darkbrown-txt * {
  color: #45230e !important;
}

.orange-txt, .orange-txt * {
  color: #f3591c !important;
}

.lime-txt, .lime-txt * {
  color: #6bb807 !important;
}

.yellow-txt, .yellow-txt * {
  color: #f7bc2e !important;
}

a.orange-txt {
  text-decoration: none !important;
}
a.orange-txt:hover, a.orange-txt:hover * {
  color: #d1430b !important;
}

/* Fonts Sizes*/
.f5 {
  font-size: 5pt !important;
}

.f8 {
  font-size: 8px !important;
}

.f9 {
  font-size: 9px !important;
}

.f10 {
  font-size: 10px !important;
}

.f11 {
  font-size: 11px !important;
}

.f12 {
  font-size: 12px !important;
}

.f13 {
  font-size: 13px !important;
}

.f14 {
  font-size: 14px !important;
}

.f15 {
  font-size: 15px !important;
}

.f16 {
  font-size: 16px !important;
}

.f18 {
  font-size: 18px !important;
}

.f20 {
  font-size: 20px !important;
}

.f22 {
  font-size: 22px !important;
}

.f24 {
  font-size: 24px !important;
}

.f26 {
  font-size: 26px !important;
}

.f28 {
  font-size: 28px !important;
}

.f30 {
  font-size: 30px !important;
}

.f32 {
  font-size: 32px !important;
}

.f34 {
  font-size: 34px !important;
}

.f40 {
  font-size: 40px !important;
}

.f44 {
  font-size: 44px !important;
}

.f60 {
  font-size: 60px !important;
}

/* line height*/
.lh-12 {
  line-height: 1.2em !important;
}

.lh-12 {
  line-height: 1.2em !important;
}

.lh-14 {
  line-height: 1.4em !important;
}

.lh-16 {
  line-height: 1.6em !important;
}

.lh-18 {
  line-height: 1.8em !important;
}

/* Magin and Padding sets */
.no-magpad {
  margin: 0 !important;
  padding: 0 !important;
}

.no-mag {
  margin: 0 !important;
}

.mag-right-0 {
  margin-right: 0 !important;
}

.mag-right-left-0 {
  margin: auto 0 !important;
}

.mag-right-left-90 {
  margin: auto 90px !important;
}

.mauto {
  margin: 0 auto !important;
}

.mag-2 {
  margin: 2px !important;
}

.mag-5 {
  margin: 5px !important;
}

.mag-8 {
  margin: 8px !important;
}

.mag-10 {
  margin: 10px !important;
}

.mag-13 {
  margin: 13px !important;
}



.magTop--20 {
  margin-top: -20px !important;
}

.magTop--30 {
  margin-top: -30px !important;
}

.magTop--40 {
  margin-top: -40px !important;
}

.magTop-10 {
  margin-top: 10px !important;
}

.magTop-12 {
  margin-top: 12px !important;
}

.magTop-0 {
  margin-top: 0 !important;
}

.magTop--3 {
  margin-top: -3px !important;
}

.magTop-3 {
  margin-top: 3px !important;
}

.magTop-5 {
  margin-top: 5px !important;
}

.magTop-8 {
  margin-top: 8px !important;
}

.magTop-15 {
  margin-top: 15px !important;
}

.magTop-25 {
  margin-top: 25px !important;
}

.magTop-30 {
  margin-top: 30px !important;
}

.magTop-42 {
  margin-top: 42px !important;
}

.magTop-50 {
  margin-top: 50px !important;
}

.magTop-65 {
  margin-top: 65px !important;
}

.magTop-75 {
  margin-top: 75px !important;
}

.magTop-80 {
  margin-top: 80px !important;
}

.magBottom-0 {
  margin-bottom: 0 !important;
}

.magBottom-8 {
  margin-bottom: 8px !important;
}

.magBottom-15 {
  margin-bottom: 15px !important;
}

.magBottom-20 {
  margin-bottom: 20px !important;
}

.magBottom-30 {
  margin-bottom: 30px !important;
}

.magBottom-60 {
  margin-bottom: 60px !important;
}

.magBottom-80 {
  margin-bottom: 80px !important;
}

.magBottom-120 {
  margin-bottom: 120px !important;
}

.magBottom-160 {
  margin-bottom: 160px !important;
}

.magBottom-250 {
  margin-bottom: 250px !important;
}

.magLeft-8 {
  margin-left: 8px !important;
}

.no-pad {
  padding: 0 !important;
}

.pad-2 {
  padding: 2px !important;
}

.pad-3 {
  padding: 3px !important;
}

.pad-5 {
  padding: 5px !important;
}

.pad-lef-right-15 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.pad-8 {
  padding: 8px !important;
}

.pad-10 {
  padding: 10px !important;
}

.pad-14 {
  padding: 14px !important;
}

.pad-20 {
  padding: 20px !important;
}

.pad-30 {
  padding: 30px !important;
}

.pad-34 {
  padding: 34px !important;
}

.padLeft-30 {
  padding-left: 30px !important;
}

.padLeft-5 {
  padding-left: 5px !important;
}

.padTop-9 {
  padding-top: 9px !important;
}

.padTop-10 {
  padding-top: 10px !important;
}

.padTop-15 {
  padding-top: 15px !important;
}

.padTop-20 {
  padding-top: 20px !important;
}

.padTop-30 {
  padding-top: 30px !important;
}

.padTop-40 {
  padding-top: 40px !important;
}

.padTop-50 {
  padding-top: 50px !important;
}

.padTop-60 {
  padding-top: 60px !important;
}

.padTop-64 {
  padding-top: 64px !important;
}

.padTop-70 {
  padding-top: 70px !important;
}

.padTop-80 {
  padding-top: 80px !important;
}

.padTop-100 {
  padding-top: 100px !important;
}

.padTop-130 {
  padding-top: 130px !important;
}

.padTop-170 {
  padding-top: 170px !important;
}

.padTop-200 {
  padding-top: 200px !important;
}

.padBottom-0 {
  padding-bottom: 0 !important;
}

.padBottom-2 {
  padding-bottom: 2px !important;
}

.padBottom-5 {
  padding-bottom: 5px !important;
}

.padBottom-12 {
  padding-bottom: 12px !important;
}

.padBottom-30 {
  padding-bottom: 30px !important;
}

.padBottom-50 {
  padding-bottom: 50px !important;
}

.padBottom-80 {
  padding-bottom: 80px !important;
}

.padBottom-100 {
  padding-bottom: 100px !important;
}

.padRightOnly-30 {
  padding: 0 30px 0 0 !important;
}

.padLeftRight-8 {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.padLeft-0 {
  padding-left: 0 !important;
}

.padRight-0 {
  padding-right: 0 !important;
}

.padRight-5 {
  padding-right: 5px !important;
}

.padRight-25 {
  padding-right: 25px !important;
}

.padRight-50 {
  padding-right: 50px !important;
}

.padRight-60 {
  padding-right: 60px !important;
}

.padLeft-70 {
  padding-left: 70px !important;
}

.padLeft-80 {
  padding-left: 80px !important;
}

/* Table Padding*/
table th, table.pad-tbl td {
  padding: 5px;
}

/* Random Widths */
.wd-50-per {
  width: 50% !important;
}


.wd-60 {
  width: 60px !important;
}

.wd-80 {
  width: 80px !important;
}

.wd-80-per {
  width: 80% !important;
}

.wd-95 {
  width: 95px !important;
}

.wd-100 {
  width: 100px !important;
}

.wd-100-per {
  width: 100% !important;
}

.wd-105 {
  width: 105px !important;
}

.wd-120 {
  width: 120px !important;
}

.wd-140 {
  width: 140px !important;
}

.wd-160 {
  width: 160px !important;
}

.wd-180 {
  width: 180px !important;
}

.wd-210 {
  width: 210px !important;
}

.wd-250 {
  width: 250px !important;
}

.wd-270 {
  width: 270px !important;
}

.wd-280 {
  width: 280px !important;
}

.wd-380 {
  width: 380px !important;
}

.wd-400 {
  width: 400px !important;
}

.wd-420 {
  width: 420px !important;
}

.wd-480 {
  width: 480px !important;
}

.wd-500 {
  width: 500px !important;
}

.wd-620 {
  width: 620px !important;
}

.wd-650 {
  width: 650px !important;
}

.wd-670 {
  width: 670px !important;
}

/* Form */
body .btn-red, body .btn-rust, body .btn-grey, body .btn-black, body .btn-white, body .btn-brown, body .btn-green, body .btn-darkbrown, body .btn-orange, body .btn-lime, body .btn-yellow, body .btn-whiteTrans, body .btn-pinkTrans, .btn, .btn-default, .form button, .form [type=submit], .form [type=button], .form [type=reset], .form .btn {
  min-width: inherit;
  max-width: 100%;
  font-size: 16px;
  font-weight: 500;
  margin: 5px 15px 5px 0;
  display: table;
  outline: none !important;
  -webkit-box-shadow: 0, 3px, 8px, #D6000C, inset 2px 5px rgba(0, 0, 0, 0.4);
  -khtml-box-shadow: 0, 3px, 8px, #D6000C, inset 2px 5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0, 3px, 8px, #D6000C, inset 2px 5px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 0, 3px, 8px, #D6000C, inset 2px 5px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 0, 3px, 8px, #D6000C, inset 2px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 0, 3px, 8px, #D6000C, inset 2px 5px rgba(0, 0, 0, 0.4);
}

body .btn-red, body .btn-rust, body .btn-grey, body .btn-black, body .btn-white, body .btn-brown, body .btn-green, body .btn-darkbrown, body .btn-orange, body .btn-lime, body .btn-yellow, body .btn-whiteTrans, body .btn-pinkTrans, .btn, .btn-default {
  background: #4b154d;
  color: #fff;
  border: none;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}

.form button, .form [type=submit], .form [type=button], .form [type=reset], .form .btn {
  background: #dc155d;
  color: #fff;
  border: none;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}

.hr-1 {
  margin: 32px 0;
  border-bottom: solid 1px #d7d7d7;
}

[class*="hr-"].dotted {
  border-bottom-style: dotted;
}

.hrbt {
  background: url(/assets/images/hr-bt.png) no-repeat center top;
  height: 19px;
  margin: 30px 0;
}

.hr_featured {
  border-top: 1px solid #d8d8d8;
  margin-top: -25px !important;
}

.form .row {
  padding: 5px 0;
}
.form .asteric {
  color: #d0021b;
}
.form .fld, .form [type=text], .form [type=email], .form [type=url], .form [type=tel], .form [type=number], .form [type=search], .form [type=password], .form [type=date], .form select {
  background: #fff;
  height: auto;
  font-size: 14px;
  padding: 10px 12px;
  margin: 0;
  border: 1px #dfdfdf solid;
  color: #262626;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.form .fld.placeholder, .form [type=text].placeholder, .form [type=email].placeholder, .form [type=url].placeholder, .form [type=tel].placeholder, .form [type=number].placeholder, .form [type=search].placeholder, .form [type=password].placeholder, .form [type=date].placeholder, .form select.placeholder {
  color: #a7a9ac;
}
.form .fld:-moz-placeholder, .form [type=text]:-moz-placeholder, .form [type=email]:-moz-placeholder, .form [type=url]:-moz-placeholder, .form [type=tel]:-moz-placeholder, .form [type=number]:-moz-placeholder, .form [type=search]:-moz-placeholder, .form [type=password]:-moz-placeholder, .form [type=date]:-moz-placeholder, .form select:-moz-placeholder {
  color: #a7a9ac;
}
.form .fld::-webkit-input-placeholder, .form [type=text]::-webkit-input-placeholder, .form [type=email]::-webkit-input-placeholder, .form [type=url]::-webkit-input-placeholder, .form [type=tel]::-webkit-input-placeholder, .form [type=number]::-webkit-input-placeholder, .form [type=search]::-webkit-input-placeholder, .form [type=password]::-webkit-input-placeholder, .form [type=date]::-webkit-input-placeholder, .form select::-webkit-input-placeholder {
  color: #a7a9ac;
}
.form textarea {
  background: #fff;
  height: auto;
  font-size: 14px;
  padding: 10px 12px;
  margin: 0;
  border: 1px #dfdfdf solid;
  color: #262626;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.form textarea.placeholder {
  color: #a7a9ac;
}
.form textarea:-moz-placeholder {
  color: #a7a9ac;
}
.form textarea::-webkit-input-placeholder {
  color: #a7a9ac;
}
.form .fld:focus, .form [type=text]:focus, .form [type=email]:focus, .form [type=url]:focus, .form [type=tel]:focus, .form [type=number]:focus, .form [type=search]:focus, .form [type=password]:focus,
.form [type=date]:focus, .form textarea:focus, .form select:focus {
  border: 1px #4b154d solid;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5), 0 0 0 2px #d4460d 2px 5px rgba(0, 0, 0, 0.4);
  -khtml-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5), 0 0 0 2px #d4460d 2px 5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5), 0 0 0 2px #d4460d 2px 5px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5), 0 0 0 2px #d4460d 2px 5px rgba(0, 0, 0, 0.4);
  -o-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5), 0 0 0 2px #d4460d 2px 5px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5), 0 0 0 2px #d4460d 2px 5px rgba(0, 0, 0, 0.4);
}

body .btn {
  min-width: 145px;
  font-size: 12px;
  -webkit-border-radius: 30px !important;
  -khtml-border-radius: 30px !important;
  -moz-border-radius: 30px !important;
  -ms-border-radius: 30px !important;
  -o-border-radius: 30px !important;
  border-radius: 30px !important;
  font-family: "Roboto", "Open Sans", sans-serif;
  font-weight: 500;
  padding: 12px;
}
body .btn .fa {
  margin-right: 5px;
  font-size: 24px;
  vertical-align: middle;
}
body .btn:hover, body .btn:hover * {
  color: #fff;
}
body .btn-red {
  background: #d0021b;
  color: #fff;
}
body .btn-red:hover {
  background: #a80216;
}
body .btn-rust {
  background: #841400;
  color: #fff;
}
body .btn-rust:hover {
  background: #5b0e00;
}
body .btn-grey {
  background: #a7a9ac;
  color: #fff;
}
body .btn-grey:hover {
  background: #929498;
}
body .btn-black {
  background: #000;
  color: #fff;
}
body .btn-black:hover {
  background: black;
}
body .btn-white {
  background: #fff;
  color: #fff;
}
body .btn-white:hover {
  background: #ebebeb;
}
body .btn-brown {
  background: #a1533a;
  color: #fff;
}
body .btn-brown:hover {
  background: #83442f;
}
body .btn-green {
  background: #38a62c;
  color: #fff;
}
body .btn-green:hover {
  transition: all 0.1s ease-in-out;
  filter: brightness(90%) !important;
}
body .btn-darkbrown {
  background: #45230e;
  color: #fff;
}
body .btn-darkbrown:hover {
  background: #231207;
}
body .btn-orange {
  background: #f3591c;
  color: #fff;
}
body .btn-orange:hover {
  background: #db460c;
}
body .btn-lime {
  background: #6bb807;
  color: #fff;
}
body .btn-lime:hover {
  background: #549106;
}
body .btn-yellow {
  background: #f7bc2e;
  color: #fff;
}
body .btn-yellow:hover {
  background: #f3ae09;
}
body .btn-whiteTrans {
  width: 244px !important;
  background: transparent;
  color: #fff;
  border: solid 1px #fff;
}
body .btn-whiteTrans:hover {
  border-color: #999999;
}
body .btn-pinkTrans {
  width: 187px !important;
  background: transparent;
  color: #dc155d;
  border: solid 1px #dc155d;
}
body .btn-pinkTrans:hover {
  border-color: #dc155d;
  background: #dc155d;
  color: white;
}

textarea {
  font: 400 14px "Roboto", "Lato", sans-serif;
  padding: 10px 12px !important;
  resize: vertical;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}

.wow {
  visibility: hidden;
}

img {
  max-width: 100%;
}

.img-responsive, .img-responsive img {
  max-width: 100%;
  height: auto;
}

* {
  /*outline:1px red dashed;*/
}

.trans-3, .trans-3all, .trans-3all * {
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

.trans-6, .trans-6all, .trans-6all * {
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}

body .dropdown-menu {
  font-size: 14px;
}

#header .bootstrap-dd-menu {
  background-color: #f5f5f5;
  min-width: 200px;
  padding-top: 0 !important;
}
#header .bootstrap-dd-menu ul li {
  border-top: 1px solid #ccc;
  width: 100%;
}
#header .bootstrap-dd-menu ul li:nth-child(1) {
  border-top: 0;
}

.order-confirmation-cicle {
  background: #F3591C;
  width: 100px;
  height: 100px;
  border-radius: 100%;
  margin: 25px auto 5px;
}
.order-confirmation-cicle .fa {
  color: #fff;
  font-size: 60px;
  padding: 20px;
}

body .form-group.has-icon, body .form-group .has-icon {
  position: relative;
  background: #fff;
}

body .basket_tktdropdown {
  font-size: 12px !important;
  height: 30px !important;
}

body .form-group.has-icon .form-control, body .form-group .has-icon .form-control {
  padding-right: 15px;
  background: transparent;
  z-index: 2;
  position: relative;
}
body .form-group.has-icon select, body .form-group .has-icon select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}
body .form-group.has-icon .fa, body .form-group .has-icon .fa {
  position: absolute;
  top: 35%;
  right: 6px;
  color: #2f2f2f;
  z-index: 3;
  font-size: 18px;
}
body .form-group label {
  font-size: 14px;
  font-weight: 500;
  font-family: "Roboto", "Open Sans", sans-serif;
  color: #2f2f2f;
}
body .form-control {
  height: 65px;
  font-size: 18px;
  font-family: "Roboto", "Lato", sans-serif;
  line-height: normal;
  border: solid 1px #D9D9D9;
  color: #2f2f2f;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  -webkit-box-shadow: 0 0 0 transparent !important;
  -khtml-box-shadow: 0 0 0 transparent !important;
  -moz-box-shadow: 0 0 0 transparent !important;
  -ms-box-shadow: 0 0 0 transparent !important;
  -o-box-shadow: 0 0 0 transparent !important;
  box-shadow: 0 0 0 transparent !important;
  padding:0px 0px 0px 12px;
}
body .form-control.pckgdropdown, body .form-control.darktxt {
  /*color: #2f2f2f;*/
  font-weight: 500;
  font-size: 16px;
}
body .form-control:hover {
  border-color: #ababab;
}
body .form-control.error {
  border: solid 1px #d0021b;
  color: #d0021b;
}
body .form-control:focus, body .form-control.active, body .form-control.active:hover {
  border: solid 1px #008aff;
}
body .switch-field::after {
  clear: both;
  content: "";
  display: table;
}
body .switch-field input {
  display: none;
}
body .switch-field label {
  float: left;
  font-weight: 500;
  color: #b0b0b0;
  font-size: 18px;
  display: inline-block;
  min-width: 100px;
  border: solid 1px #c4c4c4;
  padding: 9px 8px;
  margin: 0;
  background: #fff;
  text-align: center;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
body .switch-field label:hover {
  cursor: pointer;
}
body .switch-field input:checked + label {
  border-color: #dc155d;
  color: #dc155d;
}
body .modal-dialog .close {
  float: right;
  font-size: 21px;
  font-weight: 400;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2;
}
body .pagination {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
body .pagination:before {
  content: "";
  display: block;
  clear: both;
}
body .pagination li {
  float: left;
  padding-right: 12px;
}
body .pagination li a {
  color: #000;
  padding: 7px 12px;
  float: none;
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  display: block;
}
body .pagination li a:hover, body .pagination li.active a, body .pagination li.next a, body .pagination li.prev a {
  background-color: #dc155d;
  border-color: #dc155d;
  color: #fff;
}
body .slides:after {
  content: "";
  display: block;
  clear: both;
}
body .panel-group {
  margin-bottom: 50px;
}
body .panel-group .panel-default {
  border: none;
  background: none;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  margin-top: -1px !important;
  -webkit-box-shadow: 0 0 0 transparent;
  -khtml-box-shadow: 0 0 0 transparent;
  -moz-box-shadow: 0 0 0 transparent;
  -ms-box-shadow: 0 0 0 transparent;
  -o-box-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
}
body .panel-group .panel-default > .panel-heading {
  background: none;
  padding: 0;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
body .panel-group .panel-default > .panel-heading .panel-title {
  margin: 0;
  padding: 0;
}
body .panel-group .panel-default > .panel-heading .panel-title > a {
  display: block;
  padding: 24px 20px;
  border-top: solid 1px #ddd;
  border-right: solid 1px #ddd;
  border-left: solid 1px #ddd;
  color: #262626;
  text-decoration: none;
  font-weight: 500;
  position: relative;
}
body .panel-group .panel-default > .panel-heading .panel-title > a:before {
  content: "\f078";
  font-family: FontAwesome;
  color: #323232;
  font-size: 10px;
  position: absolute;
  top: 27px;
  right: 24px;
}
body .panel-group .panel-default > .panel-heading .panel-title > a[aria-expanded="true"] {
  background-color: #fff;
}
body .panel-group .panel-default > .panel-heading .panel-title > a[aria-expanded="true"]:before {
  content: "\f077";
}
body .panel-group .panel-default .panel-body {
  background: #fff;
  border-top: none !important;
  border-left: solid 1px #ddd;
  border-right: solid 1px #ddd;
  padding: 0 20px 20px;
  font-weight: 300;
}
body .panel-group .panel-default:hover .panel-body,
body .panel-group .panel-default:hover .panel-heading .panel-title a {
  background: #fafafa;
}
body [class*="alert-"] {
  padding: 10px;
  border: solid 1px;
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  margin: 12px 0;
  font-size: 14px;
  text-align: center;
}
body .alert-success {
  border-color: #38a62c;
  color: #38a62c;
}
body .alert-danger {
  border-color: #d0021b;
  color: #d0021b;
}
body .alert-info {
  border-color: #348ce7;
  color: #348ce7;
}
body .alert-warning {
  border-color: #ebb43e;
  color: #ebb43e;
}
body .datepicker-dropdown .datepicker-days tbody td, body .datepicker-dropdown tbody tr td span, body #header .headerForm .customCalenderPopup .tabGroup .tab-content .datepicker-days tbody td, #header .headerForm .customCalenderPopup .tabGroup .tab-content .datepicker-days tbody body td, body #header .headerForm .customCalenderPopup .tabGroup .tab-content tbody tr td span, #header .headerForm .customCalenderPopup .tabGroup .tab-content tbody tr td body span {
  color: #fff;
  background: #b0b0b0;
  height: 36px;
  line-height: 36px;
  margin: 0;
  border-bottom: solid 1px;
  border-left: solid 1px;
  border-color: #fff;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  text-transform: uppercase;
  font-weight: 500;
}
body .datepicker-dropdown .datepicker-months span:hover, body .datepicker-dropdown .datepicker-months span.focused, body .datepicker-dropdown .datepicker-years span:hover, body .datepicker-dropdown .datepicker-years span.focused, body .datepicker-dropdown .datepicker-days tbody td:not(.disabled-date):hover, body .datepicker-dropdown .datepicker-days tbody td.focused:not(.disabled-date), body #header .headerForm .customCalenderPopup .tabGroup .tab-content .monthsBx span:hover, #header .headerForm .customCalenderPopup .tabGroup .tab-content .monthsBx body span:hover, body #header .headerForm .customCalenderPopup .tabGroup .tab-content .monthsBx span.focused, #header .headerForm .customCalenderPopup .tabGroup .tab-content .monthsBx body span.focused, body #header .headerForm .customCalenderPopup .tabGroup .tab-content .datepicker-days tbody td:not(.disabled-date):hover, #header .headerForm .customCalenderPopup .tabGroup .tab-content .datepicker-days tbody body td:not(.disabled-date):hover, body #header .headerForm .customCalenderPopup .tabGroup .tab-content .datepicker-days tbody td.focused:not(.disabled-date), #header .headerForm .customCalenderPopup .tabGroup .tab-content .datepicker-days tbody body td.focused:not(.disabled-date) {
  /* background: #dc155d; */
  color: #000000;
}
body .datepicker-dropdown {
  width: 300px;
  padding: 0;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
body .datepicker-dropdown .calendarTabs {
  display: block !important;
  height: 36px;
  border-bottom: solid 1px #ddd;
}
body .datepicker-dropdown .calendarTabs::after {
  clear: both;
  content: "";
  display: table;
}
body .datepicker-dropdown .calendarTabs span {
  display: block;
  cursor: pointer;
  width: 50%;
  float: left;
  background: #fff;
  height: 35px;
  line-height: 35px;
  color: #262626;
  font-weight: 400;
  text-transform: uppercase;
  text-align: center;
}
body .datepicker-dropdown .calendarTabs span:hover, body .datepicker-dropdown .calendarTabs span.activeThis {
  background: #dc155d;
  color: #fff;
}
body .datepicker-dropdown .table-condensed {
  width: 100%;
}
body .datepicker-dropdown .table-condensed thead .prev, body .datepicker-dropdown .table-condensed thead .next {
  color: #dc155d;
}
body .datepicker-dropdown .datepicker-months span.active, body .datepicker-dropdown .datepicker-years span.active {
  color: #fff;
  background: #b0b0b0 !important;
  border-color: #fff;
}
body .datepicker-dropdown .datepicker-days tbody td {
  color: #444444;
  background: #ffffff;
  width: 42px;
  height: 40px;
  padding: 0;
}
body .datepicker-dropdown .datepicker-days tbody td.disabled-date, body .datepicker-dropdown .datepicker-days tbody td.disabled-date:hover, body .datepicker-dropdown .datepicker-days tbody td .disabled, body .datepicker-dropdown .datepicker-days tbody td .disabled:hover, body .datepicker-dropdown .datepicker-days tbody td.old, body .datepicker-dropdown .datepicker-days tbody td.old:hover, body .datepicker-dropdown .datepicker-days tbody td.new, body .datepicker-dropdown .datepicker-days tbody td.new:hover {
  /* background: #ececec !important; */
  color: #e6e6e6 !important;
  cursor: default;
}
body .datepicker-dropdown .datepicker-days tbody .active {
  color: #dc155d;
  font-weight: bold;
}
body .datepicker-dropdown thead tr th {
  text-align: center;
  cursor: pointer;
}
body .datepicker-dropdown thead tr th.datepicker-switch {
  color: #000;
  font-size: 15px;
}
body .datepicker-dropdown tbody tr td {
  text-align: center;
  cursor: pointer;
  font-size: 15px;
}
body .datepicker-dropdown tbody tr td span {
  width: 50%;
  display: block;
  float: left;
  cursor: pointer;
  text-align: center;
}
body .datepicker-dropdown tbody tr td.disabled-date, body .datepicker-dropdown tbody tr td.disabled, body .datepicker-dropdown tbody tr td .disabled, body .datepicker-dropdown tbody tr td .disabled-date {
  color: #bbbbbb !important;
  cursor: default;
}
body .datepicker-dropdown .calendarFoot {
  text-align: center;
  padding: 6px 0 11px;
  font-weight: 500;
  font-size: 12px;
}

.div_card_expiry {
  width: 70%;
  float: left;
}
.div_card_cvv {
  width: 25%;
  float: right;
}

[class*="valid-"] {
  color: #d0021b;
  padding: 4px 5px;
  margin-top: 2px;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  position: relative;
  border-radius: 3px;
}
/* [class*="valid-"] [class*="arrow-"] {
  position: absolute;
  top: -6px;
  left: 0;
  width: 100%;
  height: 24px;
}
[class*="valid-"] [class*="arrow-"]:before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background: #d0021b;
  margin: 0 auto;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
} */
[class*="valid-"] span {
  position: relative;
  z-index: 1;
}

/* .valid-error {
  background: #d0021b;
} */

.form-group .fldInfo {
  font-size: 12px;
}

.limitChr {
  margin-top: 8px;
  text-align: right;
}
.limitChr input {
  text-align: center;
}

.tabs .nav-tabs li a {
  background-color: #eee;
  margin-right: 5px;
  color: #262626;
}
.tabs .nav-tabs li.active a, .tabs .nav-tabs li.active:focus, .tabs .nav-tabs li.active :focus, .tabs .nav-tabs li:hover a, .tabs .nav-tabs li:hover:focus, .tabs .nav-tabs li:hover :focus {
  background-color: #dc155d;
  border-color: #dc155d;
  color: #4b154d;
}
.tabs .tab-content .inner {
  padding: 25px 15px;
  background: #f9f9f9;
}

.white-popup {
  position: relative;
  background: #FFF;
  padding: 15px 10px 10px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
}
.white-popup .popupTitle {
  margin-bottom: 12px;
  text-align: center;
}


.white-popup2 {
  position: relative;
  background: #FFF;
  padding: 15px 10px 10px;
  width: auto;
  max-width: 700px;
  margin: 20px auto;
}
.white-popup2 .popupTitle2 {
  margin-bottom: 12px;
  text-align: center;
}

[class*="spirit-"] {
  background: url(/assets/images/spirit.png) no-repeat;
  display: block;
}

[class*="spirit-step"] {
  width: 105px;
  height: 91px;
}

.spirit-step-ticket {
  background-position: 0 0;
}

.spirit-step-accomodation {
  background-position: -106px 0;
}

.spirit-step-ticketreceive {
  background-position: -212px 0;
}

.spirit-step-gameenjoy {
  background-position: -318px 0;
}

[class*="spirit-info-"] {
  width: 24px;
  height: 24px;
}

.spirit-info-icon1 {
  background-position: 0 -104px;
}

.spirit-info-icon2 {
  background-position: -25px -104px;
}

.hmExperiences .experList .box .title *, .hmPackages .pckgList .box .title, .matchPackages .pckgList .bx .title {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ps-relative {
  position: relative;
}

.customCalenderPopup, .datepicker {
  padding-right: 1px !important;
  padding-bottom: 1px !important;
}
.customCalenderPopup thead tr th, .datepicker thead tr th {
  text-align: center;
  cursor: pointer;
}
.customCalenderPopup thead tr th.datepicker-switch, .datepicker thead tr th.datepicker-switch {
  color: #000;
  font-size: 15px;
}
.customCalenderPopup thead tr th.prev, .customCalenderPopup thead tr th.next, .datepicker thead tr th.prev, .datepicker thead tr th.next {
  font-size: 0%;
  color: transparent;
  width: 42px;
}
.customCalenderPopup thead tr th.prev:before, .customCalenderPopup thead tr th.next:before, .datepicker thead tr th.prev:before, .datepicker thead tr th.next:before {
  font-family: FontAwesome;
  font-size: 14px;
  color: #dc155d;
}
.customCalenderPopup thead tr th.prev:before, .datepicker thead tr th.prev:before {
  content: "\f053";
}
.customCalenderPopup thead tr th.next:before, .datepicker thead tr th.next:before {
  content: "\f054";
}

/* Global Styles [END]*/
#superdiv {
  padding-top: 120px;
  position: relative;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

.container {
  margin: 0 auto;
  position: relative;
}

.loadingoverlay {
  z-index: 1000;
}

#header {
  background: #fff;
  z-index: 999;
  font-size: 14px;
  border-bottom: solid 1px #d8d8d8;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120px;
}
#header .logo {
  position: absolute;
  top: -18px;
  /* left: 29px; */
}
#header .logo a {
  display: table;
}
#header .logo a img {
  /*width: 150px;*/
  height: 114px;
}
#header .headerForm {
  margin-top: 14px;
  width: 49%;
  padding-right: 20px;
  position: absolute;
  top: 0;
  left: 235px;
}
#header .headerForm .form-group {
  margin: 0 0 12px;
  position: relative;
  float: left;
}
#header .headerForm .form-group .fld > .fa {
  position: absolute;
  top: 15px;
  left: 17px;
  z-index: 1;
  color: #6c6c6c;
  font-size: 26px;
}
#header .headerForm .form-group button {
  position: absolute;
  top: 0;
  right: -111px;
  z-index: 2;
  color: #fff;
  background-color: #dc155d;
  font-family: "Roboto", "Open Sans", sans-serif;
  font-size: 15px;
  font-weight: 500;
  border: 0;
  width: 111px;
  height: 56px;
  -webkit-border-radius: 0 4px 4px 0;
  -khtml-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  -ms-border-radius: 0 4px 4px 0;
  -o-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
#header .headerForm .form-group button:hover {
  background: #c70851;
}
#header .headerForm .form-group .form-control {
  width: 100%;
  height: 48px;
  font-family: "Roboto", "Open Sans", sans-serif;
  font-size: 18px;
  color: #6c6c6c;
}
#header .headerForm .form-group select {
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}
#header .headerForm .form-group [type="text"] {
  background: transparent;
  padding-left: 52px;
  padding-right: 15px;
  border-color: #D9D9D9;
  -webkit-border-radius: 36px;
  -khtml-border-radius: 36px;
  -moz-border-radius: 36px;
  -ms-border-radius: 36px;
  -o-border-radius: 36px;
  border-radius: 36px;
}
#header .headerForm .form-group [type="text"].placeholder {
  color: #6c6c6c;
}
#header .headerForm .form-group [type="text"]:-moz-placeholder {
  color: #6c6c6c;
}
#header .headerForm .form-group [type="text"]::-webkit-input-placeholder {
  color: #6c6c6c;
}
#header .headerForm .form-group.pckgDropdown {
  width: 65%;
}
#header .headerForm .form-group.pckgDate {
  width: 100%;
  padding-left: 10px;
}
#header .headerForm .form-group.searchBtn {
  position: absolute;
  top: 0;
  right: 0;
  width: 42px;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
#header .headerForm .form-group.searchBtn [type="submit"] {
  background: #bbb;
  color: #fff;
  font-size: 20px;
  border: none;
  line-height: 41px;
  text-align: center;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  width: 50px;
  height: 45px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
#header .headerForm .form-group.searchBtn [type="submit"]:hover {
  background: #aaa;
}
#header .headerForm .customCalenderPopup {
  background: #fff;
  width: 300px;
  z-index: 100;
  margin-top: 5px;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
  -khtml-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
}
#header .headerForm .customCalenderPopup .tabGroup .nav-tabs {
  display: block !important;
  height: 36px;
  border-bottom: solid 1px #ddd;
}
#header .headerForm .customCalenderPopup .tabGroup .nav-tabs::after {
  clear: both;
  content: "";
  display: table;
}
#header .headerForm .customCalenderPopup .tabGroup .nav-tabs li {
  width: 50%;
  float: left;
}
#header .headerForm .customCalenderPopup .tabGroup .nav-tabs li a {
  display: block;
  padding: 0;
  margin: 0;
  border: none;
  background: #fff;
  height: 35px;
  font-size: 12px;
  font-family: "Roboto", "Open Sans", sans-serif;
  line-height: 35px;
  color: #8e8e8e;
  font-weight: 400;
  text-transform: uppercase;
  text-align: center;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
#header .headerForm .customCalenderPopup .tabGroup .nav-tabs li:hover a {
  color: #2f2f2f;
}
#header .headerForm .customCalenderPopup .tabGroup .nav-tabs li.active a {
  background: #dc155d;
  color: #fff;
}
#header .headerForm .customCalenderPopup .tabGroup .tab-content {
  padding: 5px 0 0 0;
}
#header .headerForm .customCalenderPopup .tabGroup .tab-content .table-condensed {
  width: 100%;
}
#header .headerForm .customCalenderPopup .tabGroup .tab-content .table-condensed thead .prev, #header .headerForm .customCalenderPopup .tabGroup .tab-content .table-condensed thead .next {
  color: #dc155d;
}
#header .headerForm .customCalenderPopup .tabGroup .tab-content .monthsBx th, #header .headerForm .customCalenderPopup .tabGroup .tab-content .monthsBx td {
  text-align: center;
}
#header .headerForm .customCalenderPopup .tabGroup .tab-content .monthsBx span.active {
  color: #fff;
  background: #b0b0b0 !important;
  border-color: #fff;
}
#header .headerForm .customCalenderPopup .tabGroup .tab-content .datepicker-days tbody td {
  color: #fff;
  background: #b0b0b0;
  width: 42px;
  height: 40px;
  padding: 0;
}
#header .headerForm .customCalenderPopup .tabGroup .tab-content .datepicker-days tbody td.disabled-date, #header .headerForm .customCalenderPopup .tabGroup .tab-content .datepicker-days tbody td.disabled-date:hover, #header .headerForm .customCalenderPopup .tabGroup .tab-content .datepicker-days tbody td .disabled, #header .headerForm .customCalenderPopup .tabGroup .tab-content .datepicker-days tbody td .disabled:hover, #header .headerForm .customCalenderPopup .tabGroup .tab-content .datepicker-days tbody td.old, #header .headerForm .customCalenderPopup .tabGroup .tab-content .datepicker-days tbody td.old:hover, #header .headerForm .customCalenderPopup .tabGroup .tab-content .datepicker-days tbody td.new, #header .headerForm .customCalenderPopup .tabGroup .tab-content .datepicker-days tbody td.new:hover {
  background: #e9e9e9 !important;
  color: #fff !important;
  cursor: default;
}
#header .headerForm .customCalenderPopup .tabGroup .tab-content tbody tr td {
  text-align: center;
  padding: 1px;
  cursor: pointer;
  font-size: 15px;
}
#header .headerForm .customCalenderPopup .tabGroup .tab-content tbody tr td span {
  width: 50%;
  display: block;
  float: left;
  cursor: pointer;
  text-align: center;
}
#header .headerForm .customCalenderPopup .tabGroup .tab-content tbody tr td.disabled-date, #header .headerForm .customCalenderPopup .tabGroup .tab-content tbody tr td.disabled, #header .headerForm .customCalenderPopup .tabGroup .tab-content tbody tr td .disabled, #header .headerForm .customCalenderPopup .tabGroup .tab-content tbody tr td .disabled-date {
  background: #e9e9e9 !important;
  cursor: default;
}
#header .headerForm .customCalenderPopup .monthsBx td {
  padding: 0 1px 0 0 !important;
}
#header .headerForm #search-remove{
    position: absolute;
    right: 12px;
    top: 10px;
    font-size: 24px;
    z-index: 2;
}
#header .topCart .carticon {
  position: absolute;
  top: 69px;
  right: 15px;
  cursor: pointer;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  /* background: rgba(145, 36, 143, 0.20); */
  text-align: center;
  padding-top: 8px;
  filter: contrast(0) brightness(0.2);
}
#header .topCart .itemCount {
  background: #39A527;
  /* border: 1px solid #fff; */
  color: #fff;
  padding: 3px 6px;
  -webkit-border-radius: 50px;
  -khtml-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
  position: absolute;
  top: 68px;
  right: 10px;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.23);
  -khtml-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.23);
  -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.23);
  -ms-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.23);
  -o-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.23);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.23);
  cursor: pointer;
  font-family: "Roboto", "Open Sans", sans-serif;
  font-weight: 600;
  font-size: 9px;
}
#header .topCart .itemCount, #header .topCart .itemCount * {
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
#header .topCart .itemCount .fa {
  margin-right: 4px;
}
/* #header .topCart .itemCount:hover {
  background: #c70851;
} */
#header .topCart .dropCart {
  width: 330px;
  visibility: hidden;
  background: #fff;
  margin-top: 1px;
  position: absolute;
  top: 100%;
  right: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-opacity: 0;
  -khtml-opacity: 0;
  -moz-opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
#header .topCart .dropCart .itemsList {
  padding: 0 12px;
  margin: 0;
  max-height: 410px;
  overflow-y: auto;
}
#header .topCart .dropCart .itemsList li {
  border-bottom: solid 1px #d0d0d0;
  padding: 14px 0 14px 0;
  position: relative;
  line-height: 1em;
}
/*#header .topCart .dropCart .itemsList li:before {
  content: "\f145";
  font: 20px FontAwesome;
  color: #b0b0b0;
  position: absolute;
  top: 14px;
  left: 0;
  width: 21px;
  height: 21px;
}
*/
#header .topCart .dropCart .itemsList li .items {
  font-family: "Roboto", "Open Sans", sans-serif;
  position: relative;
  padding-right: 60px;
}
#header .topCart .dropCart .itemsList li .items .title {
  font-weight: 700;
  color: #2f2f2f;
  margin-bottom: 7px;
}
#header .topCart .dropCart .itemsList li .items .title a {
  text-decoration: none;
  color: #2f2f2f !important;
}
#header .topCart .dropCart .itemsList li .items .price {
  position: absolute;
  top: 0;
  right: 4px;
  color: #2f2f2f;
  font-weight: 700;
}
#header .topCart .dropCart .itemsList li .delete {
  position: absolute;
  bottom:30px;
  right: 5px;
}
#header .topCart .dropCart .itemsList li .delete a {
  color: #f3591c;
  display: block;
  text-decoration: none;
  position: relative;
  font-size: 12px;
  font-family: "Roboto", "Open Sans", sans-serif;
  font-weight: 500;
  padding-left: 20px;
}
#header .topCart .dropCart .itemsList li .delete a .fa {
  position: absolute;
  top: -2px;
  left: 0;
  font: 18px FontAwesome;
  color: #f3591c;
}
#header .topCart .dropCart .itemsList li .delete a:hover, #header .topCart .dropCart .itemsList li .delete a:hover .fa {
  color: #a13408;
}
#header .topCart .dropCart .itemsList li .delete a.update {
  margin-left: 30px;
}
#header .topCart .dropCart .itemsList li:last-of-type {
  border-bottom: none;
}
#header .topCart .dropCart .checkoutBtn a {
  display: block;
  background: #38a62c;
  color: #fff;
  padding: 18px 8px;
  font-size: 13px;
  font-weight: 400;
  font-family: "Roboto", "Open Sans", sans-serif;
  text-align: center;
  text-decoration: none;
}
#header .topCart .dropCart .checkoutBtn a:hover {
  background: #2d8623;
}
#header .topCart .dropCart .viewCartBtn a {
  display: block;
  background: #a7a9ac;
  color: #fff;
  padding: 18px 8px;
  font-size: 13px;
  font-weight: 400;
  font-family: "Roboto", "Open Sans", sans-serif;
  text-align: center;
  text-decoration: none;
}
#header .topCart .dropCart .viewCartBtn a:hover {
  background: #929498;
}
/* #header .topCart.showDrop .itemCount {
  background: #c70851;
} */
#header .topCart.showDrop .dropCart {
  background: #fff;
  margin-top: 1px;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
  visibility: visible;

  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}
#header .topRightNav {
  margin: 32px 20px 0 0;
}
#header .topRightNav > ul > li {
  float: left;
  margin: 0;
}
#header .topRightNav > ul > li > a {
  color: #6c6c6c;
  display: block;
  text-decoration: none;
  padding: 4px 10px;
  text-transform: uppercase;
  font-weight: 700;
}
#header .topRightNav > ul > li > a:hover {
  color: #000;
}

#header:has(+.topmsg) {
  top: 25px;
}

.topmsg {
  position: fixed;
  top: 0;
  width: 100%;
  text-align: center;
  padding: 8px;
  font-size: 13px;
  color: #000000;
  background: #ffffff;
  z-index: 1;
}

[class*="overlay-"] {
  position: relative;
}

[class*="overlay-"]:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-attachment: fixed;
}

.overlay-white:before {
  background: rgba(75, 21, 77, 0.9);
}

.overlay-black:before {
  background: rgba(38, 38, 38, 0.9);
}

.team-logo-div {
  width: 105px;
  text-align: left;
}
.team-logo-div img {
  max-width: 80px;
  max-height: 80px;
}

.pckg-team-badge img{
  max-width: 80px;
  max-height: 80px;
}

.text-align-center {
  text-align: center !important;
}

.contentArea {
  /* background: #f4f4f4; */
  padding: 25px 0;
}
.contentArea p {
  font-size: 18px;
  line-height: 1.5em;
}
.contentArea article li, .contentArea .bluecircle li {
  list-style: none;
  margin-bottom: 12px;
}
.contentArea article li:before, .contentArea .bluecircle li:before {
  content: "\f111";
  font-family: FontAwesome;
  font-size: 10px;
  display: block;
  color: #4b154d;
  float: left;
  margin: 4px 0 0 -24px;
}
.contentArea article .listno li:before {
  display: none !important;
}

.bigPad {
  padding: 75px 0;
}

.section {
  padding: 100px 0 120px;
  background: no-repeat fixed;
  background-size: cover;
}
.section hgroup {
  text-align: center;
  margin-bottom: 24px;
}
.section hgroup h2 {
  font-family: 'Roboto', sans-serif;
  font-size: 48px;
  margin: 0;
  color: #2f2f2f;
  font-weight: 700;
  text-align: center;
}
.section hgroup h3 {
  margin-bottom: 8px;
}
.section hgroup h5 {
  font-size: 18px;
}

.purchase-section-heading {
  font-size: 24px !important;
  font-weight: 500 !important;
  margin-bottom: 4px !important;
  margin-top: 10px !important;
}

#homePage hgroup h3 {
  letter-spacing: normal;
}

/* .webbgimg {
  background-image: url(/assets/images/web-bg.jpg?v=2);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  background-attachment: fixed;
} */
.webbgimg .hmPackages {
  background-color: inherit;
}
.webbgimg .hmPackages hgroup {
  padding-top: 64px;
}
.webbgimg .section {
  padding-top:0;
}
.webbgimg .container {
  background-color: #fff;
}

#favorite_teams_list .team-badge-div {
  height: 150px;
  margin-bottom: 30px;
  border: 1px solid #ccc;
  border-radius: 8px;
  text-align: center;
  background-size:420px !important;
  background-position: center !important;
  box-shadow: inset 0 0 0 2000px rgba(87, 87, 87, 0.5);
}
#favorite_teams_list .team-badge-div img {
  padding: 20px;
  height: 100%;
  filter: drop-shadow(0px 1px 15px rgb(0, 0, 0, 0.8));
}

.graySection {
  padding: 50px 0;
  border-bottom: solid 3px #fff;
}

.graySection:last-chid {
  border-bottom: none;
}

.hmExperiences {
  background-image: url(/assets/images/home-banner.jpg);
  padding-top: 70px;
}
.hmExperiences .experList .box {
  position: relative;
  padding-left: 85px;
  height: 123px;
  margin-bottom: 6px;
  display: block;
  text-decoration: none;
}
.hmExperiences .experList .box .title {
  background: url(/assets/images/experiences-bg-2x.png) no-repeat center right;
  background-size: auto 121px;
  padding: 26px 20px 0 18px;
  line-height: 1.24em;
  max-width: 278px;
  width: 100%;
  height: 123px;
}
.hmExperiences .experList .box .title .txt {
  font-size: 20px;
  font-family: "Roboto", "Lato", sans-serif;
  font-weight: 700;
  color: #2f2f2f;
  white-space: normal;
}
.hmExperiences .experList .box .title .subTxt {
  color: #2f2f2f;
  font-size: 16px;
  padding-top: 6px;
}
.hmExperiences .experList .box .dateWrp {
  background: #dc155d;
  color: #fff;
  text-align: center;
  line-height: 1.9em;
  padding-top: 9px;
  width: 85px;
  height: 98px;
  position: absolute;
  top: 12px;
  left: 0;
}
.hmExperiences .experList .box .dateWrp span {
  display: block;
  font-family: "Roboto", "Open Sans", sans-serif;
}
.hmExperiences .experList .box .dateWrp .month {
  font-size: 14px;
}
.hmExperiences .experList .box .dateWrp .date {
  font-size: 46px;
  font-weight: 500;
}
.hmExperiences .experList .box:hover .title {
  filter: alpha(opacity=90);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  -webkit-opacity: 0.9;
  -khtml-opacity: 0.9;
  -moz-opacity: 0.9;
  -ms-opacity: 0.9;
  -o-opacity: 0.9;
  opacity: 0.9;
}
.hmExperiences .experList .box:hover .dateWrp {
  background: #c70851;
}

.hmPackages {
  background: #fff;
}
.hmPackages .pckgList .teamlist-viewmore-btn{padding:19px 16px 18px;}
.hmPackages .pckgList .box {
  display: block;
  overflow: hidden;
  height: 210px;
  margin-bottom: 30px;
  position: relative;
  -webkit-border-radius: 8px;
  -khtml-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
}
.hmPackages .pckgList .box:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.hmPackages .pckgList .box, .hmPackages .pckgList .box:before, .hmPackages .pckgList .box * {
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.hmPackages .pckgList .box .img {
  background: #fff no-repeat top center;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 8px;
  -khtml-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
}

.hmPackages .pckgList .box .title {
  font-size: 24px;
  z-index: 2;
  position: absolute;
  top:20px;
  left: 0;
  width: 100%;
  color: #fff;
  text-align: left;
  font-weight: 600;
  line-height: 1.17em;
  white-space: normal;
  padding-left:18px;
  text-shadow: 1px 1px 6px black;
}
.hmPackages .pckgList .box .top2 {

}
.hmPackages .pckgList .box .top3 {

}
.hmPackages .pckgList .box .price {
  background: #fff;
  z-index: 2;
  color: #dc155d;
  font-size: 30px;
  padding: 1px 10px;
  font-weight: 700;
  position: absolute;
  top: 40px;
  left: 0;
  -webkit-border-radius: 0 6px 6px 0;
  -khtml-border-radius: 0 6px 6px 0;
  -moz-border-radius: 0 6px 6px 0;
  -ms-border-radius: 0 6px 6px 0;
  -o-border-radius: 0 6px 6px 0;
  border-radius: 0 6px 6px 0;
}
.hmPackages .pckgList .box .price span {
  font-family: "Roboto", "Lato", sans-serif;
  font-weight: 400;
  font-style: italic;
  vertical-align: top;
  position: relative;
  top: 6px;
  margin-right: 5px;
}
.hmPackages .pckgList .box:before {
  content: "";
  display: block;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 240px;
  background: rgb(70, 70, 70);
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-opacity: 0;
  -khtml-opacity: 0;
  -moz-opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;
  opacity: 0.5;
  -webkit-border-radius: 7px 7px 0 0;
  -khtml-border-radius: 7px 7px 0 0;
  -moz-border-radius: 7px 7px 0 0;
  -ms-border-radius: 7px 7px 0 0;
  -o-border-radius: 7px 7px 0 0;
  border-radius: 7px 7px 0 0;
}
.hmPackages .pckgList .box:hover:before {
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
  background: rgba(145, 36, 143, 0.2);
}
.hmPackages .pckgList .box:hover .img {
  -ms-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.hmPackages .teamList .colorRoyalBlue {
  background-color: #284383;
}
.hmPackages .teamList .colorMustard {
  background-color: #dca200;
}
.hmPackages .teamList .colorPinkRed {
  background-color: #d0011b;
}
.hmPackages .teamList .colorWhite {
  background-color: #ffffff;
}
.hmPackages .teamList .colorDarkGrey {
  background-color: #211e1f;
}
.hmPackages .teamList .colorSemiDarkGrey {
  background-color: #1b1b1b;
}
.hmPackages .teamList .colorYellow {
  background-color: #f9f100;
}
.hmPackages .teamList .colorRed {
  background-color: #f01b1b;
}
.hmPackages .teamList .colorBlue {
  background-color: #004692;
}
.hmPackages .teamList .colorDarkPickRed {
  background-color: #c70b2b;
}
.hmPackages .teamList .inner{background-size: cover; background-repeat:no-repeat; -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;}
.hmPackages .teamList .box {
  display: block;
  overflow: hidden;
  height: 114px;
  position: relative;
}
.hmPackages .teamList .box .img {
  background: #fff no-repeat center center;
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.hmPackages .teamList .box .title {
  width: 100%;
  text-align: center !important;
  font-size: 21px;
  z-index: 2;
  position: absolute;
  bottom: 10px;
  color: #fff;
  text-align: left;
  font-family: "Roboto", "Lato", sans-serif;
  font-weight: 400;
  text-shadow: 1px 1px 6px black;
}
.hmPackages .teamList .box:hover:before {
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
}
.hmPackages .teamList .box .midColorBar {
  height: 13px;
  position: relative;
  top: 88px;
}
.hmPackages .teamList .box .bottomColorBar {
  height: 13px;
  position: relative;
  top: 88px;
}

.hmHowitWorks h3, .hmHowitWorks .box .desc {
  text-align: center;
}
.hmHowitWorks .steps .box .icon {
  margin: 0 0 50px;
  padding-left: 147px;
  position: relative;
  height: 91px;
}
.hmHowitWorks .steps .box .icon [class*="spirit-"] {
  position: absolute;
  bottom: 0;
  left: 42px;
}
.hmHowitWorks .steps .box .icon .no {
  font-size: 49px;
  position: absolute;
  bottom: 0;
  left: 0;
  line-height: 1em;
}
.hmHowitWorks .steps .box .icon:before {
  content: "";
  display: block;
  background: #cbcbcb;
  width: 33%;
  height: 5px;
  position: absolute;
  right: 0;
  bottom: 10px;
}
.hmHowitWorks .steps .box .desc h4 {
  margin-bottom: 12px;
  font-family: "Roboto", "Open Sans", sans-serif;
  font-weight: 500;
  font-size: 16px;
}
.hmHowitWorks .steps .box .desc p {
  font-size: 14px;
  font-style: normal;
  color: #2F2F2F;
  font-family: "Roboto", "Open Sans", sans-serif;
}
.hmHowitWorks .steps > div:last-child .icon:before {
  display: none;
}
.hmHowitWorks .steps .howitwSeperator {
  width: 337px;
  height: 64px;
  margin: 10px auto 25px;
  background: url(/assets/images/howitw-sep.png) no-repeat;
}
.hmHowitWorks.dark .icon:before {
  background: #585858 !important;
}
.hmHowitWorks.dark .steps .box .desc h4 {
  color: #fff;
}
.hmHowitWorks.dark .steps .box .desc p {
  color: #bbb9bc;
}
.hmHowitWorks.dark .howitwSeperator {
  background: url(/assets/images/howitw-sep-dark.png) no-repeat;
}

.light-border-bottom {
  border-bottom: 1px solid #D9D9D9;
  padding-bottom: 20px;
}

.light-grey-bg {
  background: #F6F6F6;
}

.hmTestimonials {
  background-image: url(/assets/images/testimonial_bg.jpg?v=3);
  padding: 136px 0;
}

.testimonialSlide li {
  list-style: none;
}
.testimonialSlide li p {
  color: #fff;
  font-family: "Roboto", "Lato", sans-serif;
  font-size: 50px;
  padding-bottom:30px;
  font-style: italic;
  letter-spacing: -0.02em;
  line-height: 1.2em;
  text-align: center;
}
.testimonialSlide li .rating {
  color: #f8aa00;
  display: table;
  margin: 0 auto;
  font-size: 19px;
}
.testimonialSlide li .rating .fa {
  margin: 0 2px;
  color: #f8aa00 !important;
}

.contactPage h1 {
  margin: 0 0 15px !important;
  font-weight: 900;
}
.contactPage p {
  font-weight: 300;
  margin: 0 auto;
  height: 100px;
}
.contactPage .line {
  border-top: solid 1px #c4c4c4;
  margin: 0 auto 42px;
}
.contactPage .rectangleGroup {
  margin: 0 auto 58px;
}
.contactPage .rectangleGroup .rectangleBox {
  height: 177px;
  border-radius: 5px;
  background-color: #f8f8f8;
  border: solid 1px #c4c4c4;
}
.contactPage .rectangleGroup .rectangleBox i {
  font-size: 43px;
  color: #dc155d;
  margin: 12px auto 8px;
}
.contactPage .rectangleGroup .rectangleBox .txt {
  font-family: "Roboto", "Lato", sans-serif;
  font-weight: 700;
  letter-spacing: -0.1px;
  color: #2f2f2f;
}
.contactPage .rectangleGroup .rectangleBox .txt2 {
  font-family: "Roboto", "Lato", sans-serif;
  font-style: italic;
  letter-spacing: -0.1px;
  color: #7d7d7d;
  margin: 0 auto 10px;
  line-height: 1.23;
}
.contactPage .rectangleGroup .rectangleBox a {
  font-weight: 700;
}
#contact_btn, input[name=contact_captcha] {
  width: 50%;
}

#footer {
  background: #F6F6F6;
  padding: 50px 0 25px;
  font-size: 12px;
  /* border-top: solid 5px #dc155d; */
}
#footer * {
  color: #2f2f2f;
}
#footer h4 {
  font-size: 18px;
}
#footer .row1 .helpTxt {
  font-size: 24px;
  padding-top: 27px;
}
#footer .row1 .contactInfo {
  position: relative;
  padding-left: 90px;
  border-left: solid 1px #2f2f2f;
}
#footer .row1 .contactInfo .icon .fa {
  font-size: 43px;
  position: absolute;
  top: 6px;
  left: 34px;
}
#footer .row1 .contactInfo p {
  font-size: 13px;
  color: #7d7d7d;
  font-weight: 400;
  padding-top: 10px;
}
#footer .row1 .contactInfo a .fa{-webkit-transform: translate(0, 2px); -moz-transform: translate(0, 2px); transform: translate(0, 2px);}
#footer .row2 {
  padding: 30px 0 0;
  margin: 30px 0;
  border-top: solid 1px #2f2f2f;
  border-bottom: solid 0px #2f2f2f;
}
#footer .row2 img {
  margin: 0 4px;
}
#footer .row3 .nav {
  text-align: left;
}
#footer .row3 .nav h4 {
  margin: 5px 0;
}
#footer .row3 .nav ul {
  padding: 0;
}
#footer .row3 .nav ul li {
  list-style: none;
  margin: 0;
  line-height: 1.8em;
  text-align: left;
  width: 100%;
}
#footer .row3 .nav ul li a, #footer .nav div a {
  color: #2f2f2f;
  text-decoration: none;
  font-weight: 400;
}
#footer .row3 .nav ul li a:hover, #footer .nav div a:hover {
  color: #777777;
}
#footer .row4 {
  text-align: center;
  padding-top: 20px;
}
#footer .row4 .ftLogo {
  text-align: center;
  margin: 0 auto 12px;
}
#footer .row4 p {
  margin: 0;
  color: #656565;
}
#footer .row4 .designby {
  margin-top: 15px;
}
#footer .row4 .designby a {
  text-decoration: none;
  color: #656565;
}
#footer .row4 .designby a img {
  margin-left: 3px;
  margin-top: 3px;
  vertical-align: top;
}
#footer .row4 .designby a:hover {
  color: #777;
}

#footer .nav div a {
  line-height: 25px;
}

.cookiealert .btn {
  background-color: red !important;
}

.checklist {
  list-style: none;
  padding-left: 30px;
}
.checklist li {
  position: relative;
  padding-left: 25px;
}
.checklist li:before {
  content: "\f00c";
  font-family: FontAwesome;
  font-size: 18px;
  color: #38a62c;
  position: absolute;
  top: 1px;
  left: 0;
}

.priceWrp {
  line-height: 1.5em;
}
.priceWrp span {
  line-height: 0.7em;
}
.priceWrp .from {
  color: #b0b0b0;
  position: relative;
  top: -25px;
}
.priceWrp .price {
  margin-bottom: 5px;
}
.priceWrp .type {
  color: #b0b0b0;
}

.innerPage > .section {
  padding: 75px 0 75px;
}
.innerPage > .section .btn {
  height: 56px;
  line-height: 56px;
  padding: 0 10px;
}

.mainHeading {
  min-height: 220px;
  background: #fff no-repeat center bottom;
  text-align: center;
  background-size: cover;
  position: relative;
  padding: 64px 0 0;
}
.pkgMainHeading {
  margin-top: 32px;
  border-radius: 8px;
  padding-top: 29px;
}


.mainHeading:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: .6;
}
.pkgMainHeading:after {
  border-radius: 8px;
}

.mainHeading .overlay-bg{position:absolute; top:0; left:0; width:100%; height:100%; opacity:0.7; z-index: 4 !important; display: none;}
.mainHeading > *{z-index: 5; position: relative;}
.mainHeading h1 {
  color: #fff;
  margin: 0;
  /* text-transform: uppercase; */
  text-shadow: 1px 1px 6px black;
  font-size: 28px;
  font-weight: 400;
}
.mainHeading h6 {
  color: #fff;
  margin: 0;
  text-shadow: 1px 1px 6px black;
  font-weight: 400;
}

.mainHeading .pkgTimeKickoff {
  margin-top: 15px;
  padding-top: 15px !important;
  border-top: 1px solid #D9D9D9;
}

.mainHeading .priceWrp, .subSportThumb .priceWrp {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.mainHeading .priceWrp .bx, .subSportThumb .priceWrp .bx {
  display: table;
  margin: 0 auto;
  background: #fff;
  color: #dc155d;
  padding: 19px 15px 7px;
  -webkit-border-radius: 8px 8px 0 0;
  -khtml-border-radius: 8px 8px 0 0;
  -moz-border-radius: 8px 8px 0 0;
  -ms-border-radius: 8px 8px 0 0;
  -o-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.mainHeading .priceWrp .bx .from, .subSportThumb .priceWrp .bx .from {
  position: relative;
  top: -20px;
  font-weight: 300;
}
.mainHeading .priceWrp .bx .price, .subSportThumb .priceWrp .bx .price {
  font-weight: 700;
  display: inline-block;
  margin: 0 4px;
}
.mainHeading .priceWrp .bx .type, .subSportThumb .priceWrp .bx .type {
  font-weight: 300;
}

.mainHeading2 {
  /* background: #4b154d; */
  text-align: center;
  padding: 30px 0 5px;
  position: relative;
}
.mainHeading2 * {
  color: #777;
}
.mainHeading2 h1 {
  margin: 0;
  font-weight: 700;
  text-transform: capitalize;
}
.mainHeading2 .vs {
  filter: alpha(opacity=50);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  -webkit-opacity: 0.5;
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  -ms-opacity: 0.5;
  -o-opacity: 0.5;
  opacity: 0.5;
  text-transform: none;
}
.mainHeading2 p {
  margin: 0;
}
.mainHeading2 .arrowbt {
  position: absolute;
  bottom: -16px;
  left: 0;
  width: 100%;
  display: none;
}
.mainHeading2 .arrowbt:before {
  content: "";
  display: block;
  width: 51px;
  height: 16px;
  background: url(/assets/images/arrowbt.png) no-repeat;
  margin: 0 auto;
}
.mainHeading2.pckgcolor1 {
  background: #0d2461;
}
.mainHeading2.pckgcolor2 {
  background: #262626;
}
.mainHeading2.pckgcolor3 {
  background: #e00022;
}
.mainHeading2.pckgcolor4 {
  background: #184391;
}
.mainHeading2 .stepsWrp .steps {
  list-style: none;
  display: table;
  margin: 0 auto 15px;
  padding: 0;
  /* text-transform: uppercase; */
}
.mainHeading2 .stepsWrp .steps li {
  float: left;
  padding: 0 35px 0 25px;
  position: relative;
  height: 20px;
}
.mainHeading2 .stepsWrp .steps li a{text-decoration: none;}
.mainHeading2 .stepsWrp .steps li:not(:last-child):after {
  content: "";
  display: block;
  background: rgba(255, 255, 255, 0.25);
  width: 32px;
  height: 4px;
  position: absolute;
  top: 8px;
  right: 0;
}
.mainHeading2 .stepsWrp .steps li span {
  display: block;
  font-weight: 500;
  font-family: "Roboto", "Open Sans", sans-serif;
}
.mainHeading2 .stepsWrp .steps li .count {
  background: #fff;
  border: 1px solid #777;
  color: #777;
  font-size: 8px !important;
  line-height: 19px;
  font-size: 12px;
  position: absolute;
  top: -3px;
  left: 0;
  width: 19px;
  height: 19px;
  -webkit-border-radius: 100%;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}
.mainHeading2 .stepsWrp .steps li .fa {
  position: absolute;
  top: 1px;
  left: -22px;
  rotate: -90deg;
  font-weight: bold;
  font-size: 12px;
}
.mainHeading2 .stepsWrp .steps li .txt {
  color: #777;
  font-size: 12px;
}
.mainHeading2 .stepsWrp .steps li:last-of-type {
  padding-right: 5px;
}
.mainHeading2 .stepsWrp .steps li.active .count, .mainHeading2 .stepsWrp .steps li.done:after, .mainHeading2 .stepsWrp .steps li.done .count {
  background: #dc155d;
  border: 1px solid #dc155d;
  color: #ffffff;
  font-size: 8px;
}
.mainHeading2 .stepsWrp .steps li.active .txt, .mainHeading2 .stepsWrp .steps li.done .txt {
  color: #dc155d;
}

.packageInfo {
  padding: 55px 0;
}
.packageInfo p {
  font-size: 18px;
  font-weight: 300;
}

.hAboutInfo {
  background-color: #F6F6F6;
  margin-top: 90px;
  padding-bottom: 80px;
}

.hAboutInfo .official-logos{text-align: center;}
.hAboutInfo .official-logos .logo-wrap{display: inline-block;}

.hAboutInfo h3, .eventPckgInfo h3 {
  letter-spacing: normal;
  margin-bottom: 34px;
}
.hAboutInfo p, .eventPckgInfo p {
  font-weight: 300;
}

.eventPckgInfo{font-size: 14px; color:#2f2f2f; line-height: 1.3em; text-align: center;}

.btn-group {
  min-width: 250px;
}

.matchPackages .btn#load-more, .teamList .btn#load-more, .btn#view-more{
  width: 175px;
  border-radius: 38px !important;
  border: 1px solid #000;
  background: #FFF;
  color: #2F2F2F;
  font-size: 14px;
  font-weight: 600;
  padding: 14px;
  text-transform: none;
}
.matchPackages .pckgList {
  margin-bottom: 54px;
}

/********
Safari Issue Fixed 230317 - Fixture Not Showing
*********
.matchPackages .pckgList .fixtureBox {
  display: none;
}

*/
.matchPackages .pckgList .bx {
  position: relative;
  background: #fff;
  text-decoration: none;
  height: 90px;
  padding-left: 135px;
  border: 1px solid #d1d1d1;
  margin-bottom: -1px;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.matchPackages .pckgList .bx .dateWrp {
  position: absolute;
  top: 0;
  left: 0;
  width: 90px;
  height: 88px;
  padding: 12px 14px 12px 28px;
  line-height: 1.2em;
  text-align: center;
  background: #F6F6F6;
  color: #2F2F2F;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.matchPackages .pckgList .bx .dateWrp span {
  display: block;
  font-family: "Roboto", "Open Sans", sans-serif;
  font-weight: 500;
  text-align: left;
  line-height: 1.3em;
}
.matchPackages .pckgList .bx .dateWrp .month {
  font-size: 20px;
  font-weight: 500;
}
.matchPackages .pckgList .bx .dateWrp .date {
  font-size: 12px;
  line-height:1.1em;
  font-weight: 500;
}
.matchPackages .pckgList .bx .dateWrp .time {
  font-size: 12px;
  font-weight: 400;
  margin-left: -9px;
}
.matchPackages .pckgList .bx .finalWrp {
  background: #dc155d;
  color: #ffffff;
}
.matchPackages .pckgList .bx .finalWrpTennis {
  background: #007748;
}
.matchPackages .pckgList .bx .finalWrpMusic {
  background: #91248f;
}
.matchPackages .pckgList .bx .finalWrpBoxing {
  background: #bb0000;
}
.matchPackages .pckgList .bx .finalWrpNFL {
  background: #bb0000;
}
.matchPackages .pckgList .bx .title {
  padding: 19px 10px 0 10px;
  font-family: "Roboto", "Lato", sans-serif;
}
.matchPackages .pckgList .bx .team_top_padding {
  padding-top: 13px;
}
.matchPackages .pckgList .bx .tennis_title, .matchPackages .pckgList .bx .music_title {
  padding: 12px 10px 0 10px;
  font-family: "Roboto", "Lato", sans-serif;
}
.matchPackages .pckgList .bx .title a {
  color: #2f2f2f;
  text-decoration: none;
}
.matchPackages .pckgList .bx .title .titleTxt {
  font-size: 20px;
  color: #2f2f2f;
  font-weight: 500;
  line-height: 1.3em;
}
.matchPackages .pckgList .bx .title .subTitle {
  font-size: 12px;
  color: #2f2f2f;
  font-weight: 300;
  /* font-style: italic; */
  line-height: 1.5em;
}
.matchPackages .pckgList .bx .title .subTitle img {
  margin-bottom: 4px;
}
.matchPackages .pckgList .bx .priceWrp {
  color: #dc155d;
  padding: 35px 0 0;
  text-align: center;
}
.matchPackages .pckgList .bx .priceWrp .price {
  font-family: "Roboto", "Lato", sans-serif;
}
.matchPackages .pckgList .bx .priceWrp .from {
  position: relative;
  top: -14px;
  color: #dc155d;
  font-size: 15px;
  font-weight: 300;
}
.matchPackages .pckgList .bx .pckgBtn {
  text-align: right;
  padding-top: 17px;
}
.matchPackages .pckgList .bx .pckgBtn .btn {
  display: block;
  margin-right: 25px;
  min-width: inherit;
  font-size: 14px;
  font-weight: 400;
  text-transform: none !important;
  width: 175px;
  padding: 12px;
}
.matchPackages .pckgList .bx:hover {
  background: #f9f9f9;
}
.matchPackages .pckgList .bx:hover > .row .title .titleTxt,
.matchPackages .pckgList .bx:hover > .row .dateWrp {
  color: #c70812 !important;
  transition: all 0.1s ease-in-out !important;
}
.matchPackages .pckgList .bx:hover .dateWrp {
  background: #e5e5e5;
}
.matchPackages .pckgList .bx:hover .finalWrp {
  background: #c70851;
}
.matchPackages .pckgList .bx:hover .finalWrpTennis {
  background: #007748;
}
.matchPackages .pckgList .bx:hover .finalWrpMusic {
  background: #91248f;
}
.matchPackages .pckgList .viewmore {
  padding: 43px 0 20px;
  text-align: center;
}
.matchPackages .pckgList .viewmore a {
  color: #f3591c;
  font-size: 12px;
  font-weight: 500;
  text-decoration: none;
}
.matchPackages .pckgList .viewmore a:hover {
  color: #d3511d;
}
.matchPackages .pckgList .soldOut {
  filter: alpha(opacity=50);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  -webkit-opacity: 0.5;
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  -ms-opacity: 0.5;
  -o-opacity: 0.5;
  opacity: 0.5;
  pointer-events: none;
  cursor: default;
}
.matchPackages .pckgList .soldOut .btn-green {
  padding-left: 17px !important;
  padding-right: 17px !important;
}
.matchPackages .finalList {
  border-bottom: 1px solid #d8d8d8;
  margin-bottom: 14px;
  padding-bottom: 14px;
}
.matchPackages .matchForm {
  margin-top: 25px;
}
.matchPackages .matchForm .bx > .row {
  position: relative;
}
.matchPackages .matchForm .bx > .row .dateFilter .label {
  font-family: "Roboto", "Lato", sans-serif;
  font-weight: 700 !important;
  font-size: 21px;
  font-weight: 500;
  color: #2f2f2f;
  margin: 6px 0 0 -13px;
}
.matchPackages .matchForm .bx > .row .dateFilter .form-group{
  margin-bottom: 11px;
  /*width: 170px;
  margin-bottom: 20px;
  padding-left: 0;*/
}
.matchPackages .matchForm .bx > .row .resultsCount {
  font-color: #9d9d9d !important;
  padding-top: 18px;
  padding-bottom: 18px;
}
.matchPackages .matchForm .bx > .row .resultsCount .txt-dark {
  font-weight: 700;
  font-color: #6c6c6c !important;
}
.matchPackages .matchForm .bx > .row .sortFilters {
  font-size: 12px;
  font-weight: 400;
  font-family: "Roboto", "Open Sans", sans-serif;
  padding-top: 35px;
  padding-bottom: 20px;
}
.matchPackages .matchForm .bx > .row .sortFilters a {
  color: #9d9d9d;
  padding-left: 5px;
}
.matchPackages .matchForm .bx > .row .sortFilters .active {
  /* color: #dc155d; */
  font-weight: 600;
  color: #2f2f2f;
}
.matchPackages .matchForm .bx > .row .sortFilters a img {
  display: none;
}
.matchPackages .matchForm .bx > .row .sortFilters .active img {
  display: inline;
}

.matchPackages .searchForm {
  margin-top: 25px;
}
.matchPackages .searchForm .bx > .row {
  position: relative;
  border-top: 1px solid #cbcbcb;
}
.matchPackages .searchForm .bx > .row .dateFilter {
  position: absolute;
  top: -60px;
  right: 38%;
}
.matchPackages .searchForm .bx > .row .dateFilter .label {
  font-family: "Roboto", "Lato", sans-serif;
  font-size: 21px;
  font-weight: 500;
  color: #2f2f2f;
  margin: 6px 0 0 -13px;
}
.matchPackages .searchForm .bx > .row .dateFilter .form-group {
  width: 170px;
  margin-bottom: 20px;
  padding-left: 0;
}

.matchPackages .bx > .row .dateFilter .calendar-left-side-arrow {
  float: left;
  border: 1px solid #D9D9D9;
  padding: 10px;
  border-radius: 8px 0 0 8px;
  margin-right: -1px;
}
.matchPackages .bx > .row .dateFilter .calendar-right-side-arrow {
  float: left;
  border: 1px solid #D9D9D9;
  padding: 10px;
  border-radius: 0 8px 8px 0;
  margin-left: -1px;
}
.matchPackages .bx > .row .dateFilter .calendar-right-side-arrow img {
  rotate: 180deg;
}
.matchPackages .bx > .row .dateFilter .datetimePicker {
  border: 1px solid #D9D9D9;
  border-radius: 0;
  height: 46px;
  font-size: 14px;
  text-align: center;
  padding-left: 0px;
  color: #2F2F2F;
  cursor: pointer;
}
.matchPackages .bx > .row .dateFilter .fa-calendar {
  font-size: 12px;
  right: 18px;
  top: 17px;
  color: #2F2F2F;
}

.matchPackages .searchForm .bx > .row .resultsCount {
  font-color: #9d9d9d !important;
  padding-top: 18px;
  padding-bottom: 18px;
}
.matchPackages .searchForm .bx > .row .resultsCount .txt-dark {
  font-weight: 700;
  font-color: #6c6c6c !important;
}
.matchPackages .searchForm .bx > .row .sortFilters {
  font-size: 16px;
  font-weight: 700;
  font-family: "Roboto", "Open Sans", sans-serif;
  padding-top: 18px;
  padding-bottom: 18px;
}
.matchPackages .searchForm .bx > .row .sortFilters a {
  color: #9d9d9d;
  padding-left: 15px;
}
.matchPackages .searchForm .bx > .row .sortFilters .active {
  color: #dc155d;
}
.matchPackages .no-result-wrap .dateFilter{
  border-bottom: 1px solid #cbcbcb !important;
  padding-bottom: 21px;
  margin-top:-37px;
}
.matchPackages .noresult h5 {
  padding-bottom: 42px;
  border-bottom: 1px solid #cbcbcb !important;
}
.matchPackages .noresult h5 a {
  font-weight: 700;
}
.matchPackages .noresult .icon {
  color: #38a62c;
  font-size: 29px;
  font-weight: 700;
  font-family: "Roboto", "Lato", sans-serif;
  margin-top: 57px;
}
.matchPackages .noresult .icon .fa {
  font-size: 61px;
}
.matchPackages .noresult .icon span {
  padding: 10px 0 0 20px;
}
.matchPackages .noresult .listing {
  padding-top: 35px;
  font-family: "Roboto", "Lato", sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: #2f2f2f;
}
.matchPackages .noresult .listing .checklist {
  list-style: none;
  padding-left: 0;
}
.matchPackages .noresult .listing .checklist li {
  position: relative;
  padding-left: 25px;
}
.matchPackages .noresult .listing .checklist li:before {
  content: "\f0da";
  font-family: FontAwesome;
  font-size: 18px;
  color: #38a62c;
  position: absolute;
  top: 1px;
  left: 0;
}

.accomInfo p {
  letter-spacing: 0.5px;
}
.accomInfo p, .accomInfo li {
  line-height: 1.5em;
}
.accomInfo .accmdesc {
  margin-bottom: 20px;
  font-weight: 300;
}
.accomInfo .pckgpriceWrp {
  line-height: 6px;
  padding-top: 5px;
}
.accomInfo .pckgpriceWrp em {
  font-family: "Roboto", "Lato", sans-serif;
  font-weight: 300;
}

.map {
  position: relative;
}
.map .mapInfo {
  position: absolute;
  top: 96px;
  left: 160px;
  z-index: 100;
}
.map .mapInfo .info {
  background: #fff;
  width: 285px;
  margin: -20px 0px 0px 0px;

  padding: 28px 33px 20px;
}
.map .mapInfo .info h4 {
  font-size: 19px;
}
.map .mapInfo .info ul {
  padding: 0;
}
.map .mapInfo .info ul li {
  padding: 11px 0 0 35px;
  font-size: 14px;
  font-weight: 500;
  margin: 0;
  position: relative;
  color: #2f2f2f;
}
.map .mapInfo .info ul li img {
  position: absolute;
  top: 15px;
  left: 0;
  width: 28px;
  height: 24px;
}
.map .mapInfo .info ul li span {
  display: block;
  color: #b0b0b0;
  font-weight: 400;
}
.map .mapInfo .info p a {
  font-size: 12px;
  font-family: "Roboto", "Open Sans", sans-serif;
  font-weight: 500;
}

.pckgDetail {
  padding: 0 !important;
  margin-top: 64px;
}
body .form-control.pckgdropdown, body .form-control#tktdropdown,
body .form-control.pckgdropdown, body .form-control#nightdropdown,
body .form-control.pckgdropdown, body .form-control#roomdropdown{
  font-weight: 400;
  padding:0;
  border: 0;
  border-bottom: 1px solid #2f2f2f;
  border-radius: 0;
  color: #2f2f2f;
}
body .form-control#tktdropdown,
body .form-control#nightdropdown,
body .form-control#roomdropdown {
  background-color: #F6F6F6;
}
#div_package_details #desc_col_1 p, #div_package_details #desc_col_1 li, #div_package_details #desc_col_2 p, #div_package_details #desc_col_2 li {
  font-size: 12px !important;
  color: #2f2f2f;
  margin-bottom: 0;
  line-height: 13pt;
}
#div_package_details #desc_col_1 ul {
  padding-left: 15px;
}

.pckgDetail .pricebox {
  background-color: #F6F6F6;
  border-radius: 8px;
  padding: 24px;
}
.pckgDetail .seperator {
  border-bottom: 1px solid #D9D9D9;
}
.pckgDetail .qty-circle {
  background-color: #91248F;
  border-radius: 100%;
  color: #fff;
  padding: 3px 7px;
  cursor: pointer;
  font-size: 12px;
}
.pckgDetail .qty-textbox {
  padding: 8px 8px;
  height: 25px;
  width: 25px;
  display: inline;
  font-size: 12px;
  margin: 0 3px;
  color: #777;
}

.pckgDetail .selling-fast-tag {
  padding: 4px;
  border-radius: 2px;
  background-color: #F3591C;
  text-transform: uppercase;
  color: #fff;
  font-size: 9px;
  font-style: italic;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.72px;
}

.pckgDetail .pckgForm .bx > .row {
  position: relative;
}
/*body .form-control.pckgdropdown select option:disabled{
  color: #dc155d;
}
*/
.pckgDetail .pckgForm .bx .infoBx {
  background: #efefef;
  border: solid 1px #d3d3d3;
  padding: 12px 12px 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.pckgDetail .pckgForm .bx .infoBx h5 {
  margin-bottom: 10px;
}
.pckgDetail .pckgForm .bx .infoBx ul {
  padding-left: 4px;
}
.pckgDetail .pckgForm .bx .infoBx ul li {
  width: 50%;
  float: left;
  margin: 0;
}
.pckgDetail .pckgForm .bx .priceWrp .from {
  top: -32px;
}
.pckgDetail .pckgForm .bx .priceWrp .from, .pckgDetail .pckgForm .bx .priceWrp .type {
  color: #9d9d9d;
  font-size: 15px;
  font-weight: 300;
}
.pckgDetail .label {
  color: #9d9d9d;
  font-size: 14px;
  text-align: left;
  padding: 10px 15px;
  display: block;
}
.pckgDetail .pckgInfo ul {
  padding-left: 16px;
}
.pckgDetail .pckgInfo p, .pckgDetail .pckgInfo li {
  font-size: 14px;
  font-weight: 700;
  color: #262626;
  margin-bottom: 8px;
}
.pckgDetail .pckgInfo em {
  font-family: "Roboto", Arial, "Open Sans", sans-serif;
}
.pckgDetail .seatLocation {
  padding: 0;
  text-align: center;
}
.pckgDetail .seatLocation .flex-control-paging.flex-control-nav {
  bottom: -24px;
}
.pckgDetail .seatLocation .flex-control-paging.flex-control-nav li a {
  background: #d8d8d8;
  width: 10px;
  height: 10px;
}
.pckgDetail .seatLocation .flex-control-paging.flex-control-nav li a:hover, .pckgDetail .seatLocation .flex-control-paging.flex-control-nav li a.flex-active {
  background: #9d9d9d;
}
.pckgDetail .noOfTicketSec label {
  margin: 1px 0 0;
  letter-spacing: -0.4px;
}
.pckgDetail .noOfTicketSec .noOfTicket select {
  min-width: 75px;
}
.pckgDetail .detailAccomInfo {
  display: none;
}
.pckgDetail .detailAccomInfo .fa {
  margin-left: 5px;
}
.pckgDetail .detailAccomInfo .checkTitle {
  display: inline-block;
  min-width: 104px;
}
.pckgDetail .detailAccomInfo .form-group {
  width: 165px;
  float: left;
  margin-right: 15px;
}

.cartList .bx {
  position: relative;
  padding: 10px 0 15px 0;
}
.cartList .bx .updateCount {
  position: absolute;
  top: 0;
  right: 200px;
  padding-top: 10px;
  width: 81px;
  z-index: 1;
}
.cartList .bx .updateCount .actionBtn .delete{-webkit-transform: translate(0, 1px); -moz-transform: translate(0, 1px); transform: translate(0, 1px);}
.cartList .bx .updateCount .form-group {
  margin-bottom: 6px;
}
.cartList .bx .cartAccomInfo .fa {
  margin-left: 5px;
}
.cartList .bx .cartAccomInfo .fl0 {
  margin-left: 0;
}
.cartList .bx .cartAccomInfo a {
  text-decoration: underline !important;
}
.cartList .bx .cartAccomInfo p {
  margin: 0 0 3.5px;
}
.cartList .bx .cartAccomInfo .orange-txt {
  position: absolute;
  bottom: 23px;
  right: 31px;
  text-decoration: none !important;
}
.cartList .bx .cartAccomInfo .price {
  position: absolute;
  top: 25px;
  right: 31px;
}
.cartList .bx .info h2, .cartList .bx .info h3, .cartList .bx .info h4 {
  margin: 0;
  padding: 0;
  font-weight: 700;
  color: #2f2f2f;
}
.cartList .bx .info h2 {
  font-size: 33px;
}
.cartList .bx .info h3 {
  font-size: 22px;
  margin: 7px 0 9px;
}
.cartList .bx .info h4{font-size:14px;}
.cartList .bx .info .removeAccom a {
  display: inline-block;
  margin-left: 6px;
  color: #f3591c;
}
.cartList .bx .info .addAccomLink {
  display: inline-block;
  font-size: 20px;
  text-decoration: none;
  font-weight: 700;
  position: relative;
  padding-left: 25px;
}
.cartList .bx .info .addAccomLink .fa {
  margin-right: 5px;
  position: absolute;
  top: 3px;
  left: 0;
}
.cartList .bx .info .deletebtn {
  font-size: 14px;
  margin-top: 35px;
}
.cartList .bx .info .accomForm {
  margin: 12px 0;
  padding-left: 24px;
}
.cartList .bx .info .accomForm .form-group {
  width: 165px;
  float: left;
  margin-right: 15px;
}
.cartList .bx .info .lighterGray {
  color: #a9a9a9;
}
.cartList .bx .accomBox {
  background-color: #f2e6eb;
  padding-left: 29px;
  margin-left: 15px;
  padding-top: 25px;
  padding-bottom: 19px;
}
.cartList .bx .price {
  font-weight: 700;
  font-size: 30px;
  padding-top:0;
  font-family: "Roboto", "Lato", sans-serif;
  text-align: left;
  color: #2f2f2f;
  padding-left: 17px;
}
.cartList .bx .subsite-basket-price {
  font-size: 28px;
  padding-left: 15px;
}
.cartList .bx .clear-all {
  margin: 15px 0;
}
.cartList .bx .cartAccomInfo .checkTitle {
  display: inline-block;
  min-width: 104px;
}
.cartList .total {
  font-weight: 700;
  margin: 60px auto 0 !important;
  width: 250px;
}

.cartListConfirm .bx {
  padding-bottom: 40px;
  position: relative;
  margin-bottom: 40px;
  border-bottom: solid 1px #d7d7d7;
}
/*.cartListConfirm .bx:before {*/
/*content: "\f145";*/
/*font: 20px FontAwesome;*/
/*color: #8b8b8b;*/
/*position: absolute;*/
/*top: 4px;*/
/*left: 3px;*/
/*}*/
.cartListConfirm .bx .updateCount {
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 10px;
  width: 90px;
}
.cartListConfirm .bx .info p {
  font-size: 14px;
}
.cartListConfirm .bx .info .addAccomLink {
  font-size: 20px;
  text-decoration: none;
  font-weight: 700;
}
.cartListConfirm .bx .info .deletebtn {
  font-size: 14px;
  margin-top: 35px;
}
.cartListConfirm .bx .price {
  font-weight: 700;
  color: #2f2f2f;
  font-size: 18px;
  text-align: right;
  padding-top: 0;
}
.cartListConfirm .bx .clear-all {
  margin: 15px 0;
}
.cartListConfirm .confirmFoot h5 {
  font-size: 14px;
  margin-bottom: 5px;
}
.cartListConfirm .confirmFoot p {
  font-size: 14px;
}
.cartListConfirm .confirmFoot .totalWrp {
  margin-bottom: 12px;
}
.cartListConfirm .confirmFoot .totalWrp .hr-1 {
  margin: 8px 0;
}
.cartListConfirm .confirmFoot .totalWrp .priceRow {
  font-size: 14px;
  /* border-bottom: solid 1px #d8d8d8; */
  padding: 7px 0;
}
.cartListConfirm .confirmFoot .totalWrp .priceRow .price {
  font-weight: 700;
  color: #2f2f2f;
  font-size: 18px;
  font-family: "Roboto", "Lato", sans-serif;
}
.cartListConfirm .helpIcons ul li {
  margin: 0 8px;
}
.cartListConfirm .helpIcons ul li a {
  color: #b0b0b0;
  font-size: 19px;
}
.cartListConfirm .helpIcons ul li a .fa {
  color: #b0b0b0;
}
.cartListConfirm .helpIcons ul li a:hover, .cartListConfirm .helpIcons ul li a:hover .fa {
  color: #6c6c6c;
}

.confirmation h2 {
  margin-bottom: 10px;
  letter-spacing: -0.4px;
}
.confirmation p {
  letter-spacing: -0.4px;
}

.ctrolBar {
  margin-bottom: 5px;
}
.ctrolBar * {
  font-family: "Roboto", "Open Sans", sans-serif;
}
.ctrolBar .resultCount {
  font-weight: 700;
  margin-top: 12px;
}
.ctrolBar .priceFilter select {
  width: 198px;
}
.ctrolBar .priceFilter .has-icon .fa {
  right: 12px;
}

.noresult {
  margin: 30px 0;
}
.noresult .no-resultInfo {
  margin: 10px 0 30px;
}
.noresult .noResultForm {
  position: relative;
  padding-right: 165px;
}
.noresult .noResultForm .btnSearchWrp {
  position: absolute;
  top: 0;
  right: 15px;
  width: 145px;
}
.noresult .noResultForm .has-icon .fa {
  color: #dc155d;
}
.noresult .noResultForm .btnSearch {
  padding: 10px 0;
  font-size: 16px;
  margin: 0;
}
.noresult .noResultForm .btnSearch .fa {
  font-size: 16px;
}

[class*="corners-"] {
  padding-bottom: 130px;
  overflow: hidden;
  position: relative;
}
[class*="corners-"]:before, [class*="corners-"]:after {
  content: "";
  display: block;
  background-color: #fff;
  -moz-box-shadow: 0 0 0 1px #fff;
  -webkit-box-shadow: 0 0 0 1px #fff;
  box-shadow: 0 0 0 1px #fff;
  position: absolute;
  bottom: -117px;
  width: 50%;
  height: 183px;
  z-index: 100;
}
[class*="corners-"]:before {
  -webkit-transform: skewY(10deg);
  -moz-transform: skewY(10deg);
  -ms-transform: skewY(10deg);
  -o-transform: skewY(10deg);
  transform: skewY(10deg);
  left: 0;
}
[class*="corners-"]:after {
  -webkit-transform: skewY(-10deg);
  -moz-transform: skewY(-10deg);
  -ms-transform: skewY(-10deg);
  -o-transform: skewY(-10deg);
  transform: skewY(-10deg);
  right: 0;
}

.corners-color1:before, .corners-color1:after {
  background-color: #dc155d;
  -moz-box-shadow: 0 0 0 1px #dc155d;
  -webkit-box-shadow: 0 0 0 1px #dc155d;
  box-shadow: 0 0 0 1px #dc155d;
}

.corners-color2:before, .corners-color2:after {
  background-color: #F6F6F6;
  -moz-box-shadow: 0 0 0 1px #F6F6F6;
  -webkit-box-shadow: 0 0 0 1px #F6F6F6;
  box-shadow: 0 0 0 1px #F6F6F6;
}

.topCurv:before, .topCurv:after {
  bottom: inherit;
  top: -120px;
}

/* .aboutBanner {
  background: url(/assets/images/about-banner.jpg) no-repeat;
} */

.whiteTestimonials {
  margin-top: 90px !important;
}

.dark {
  background: #280e29;
}

#why-choose-us .circleNumber {
  color: #F8AA00;
  font-size: 20px;
  font-family: "Roboto", "Lato", sans-serif;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  border: 3px solid #F8AA00;
  padding-top: 4px;
  font-weight: 500;
  margin-bottom: 15px !important;
  background-color: #FEEECC;
  margin-top: -2px;
}
#why-choose-us .whyChooseUsPoints .text-block {
  width: 80%;
  text-align: left;
  margin-left: 20px;
}

#why-choose-us .whyChooseUsPoints p{font-size: 14px;}

.tickets .ticketList .bx {
  margin: 80px 0 60px 75px;
}
.tickets .ticketList .bx .icon {
  margin-bottom: 15px;
  position: absolute;
}
.tickets .ticketList .bx h3 {
  color: #fff;
  margin: 0 0 12px 20px;
  font-size: 30px !important;
}
.tickets .ticketList .bx p {
  font-weight: 300;
  color: #fff;
  line-height: 25px;
}
.tickets .ticketList .bx li {
  color: #fff;
  text-align: left;
  font-size:18px;
}
.tickets .ticketList .security .icon {
  top: -25px;
  left: -40px;
}
.tickets .ticketList .security .icon img {
  height: 75px !important;
}
.tickets .ticketList .guarantee .icon {
  top: -15px;
  left: -60px;
}
.tickets .ticketList .guarantee .icon img {
  height: 60px !important;
}

.section.tickets {
  padding: 185px 0 130px;
}
.section.tickets h3, .section.tickets p, .section.tickets a {
  color: #fff !important;
}
.section.tickets h3 {
  font-size: 34px !important;
}
.section.tickets a {
  text-decoration: underline;
}

.accomList .bx {
  position: relative;
  padding: 0 45px 0 30px;
}
.accomList .bx .addIco {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  font-size: 22px;
}
.accomList .bx h4 #accommodation_price {
  display: inline;
}
.accomList .bx h5 {
  margin-bottom: 12px;
}
.accomList .bx .accomStatus {
  position: absolute;
  top: 0;
  right: 0;
}
.accomList .bx .accomStatus a {
  display: block;
  width: 36px;
  height: 36px;
  background: #fff;
  border: solid 1px #c4c4c4;
  -webkit-border-radius: 100%;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}
.accomList .bx .accomStatus a.active:before {
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  left: 6px;
  width: 24px;
  height: 24px;
  background: #dc155d;
  -webkit-border-radius: 100%;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}

.btnGroupSection {
  border-top: solid 1px #ddd; padding:80px 0 80px;
}
.btnGroupSection .btn{height:56px; line-height:56px; padding:0 12px;}

.pricesSection {
  padding-top: 0;
  background: #6c6c6c;
}
.pricesSection ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.pricesSection ul li {
  font-weight: 700;
  color: #fff;
  font-size: 21px;
  border-bottom: solid 1px #fff;
  padding: 14px 0;
  margin: 0;
}
.pricesSection ul li::after {
  clear: both;
  content: "";
  display: table;
}
.pricesSection ul li:last-of-type {
  border-bottom: none;
}
.pricesSection ul li .price2 {
  float: right;
}
.pricesSection ul li .price2_center {
  width: 75px;
  text-align: center;
}

.pricesSection ul li.totalBar {
  font-size: 30px;
}
.pricesSection ul li.subTotalBar {
  font-size: 20px;
}
.pricesSection ul li.subTotalBar #voucher_text::placeholder{color: #fff;}

.pricesSection .div_admin_amount { margin-left:3px; }
.pricesSection .div_saving_amount { margin-left:3px; }
.pricesSection .div_total_amount { margin-left:3px; }

.pricesSection .div_subsite_admin_amount { margin-left:0; }
.pricesSection .div_subsite_saving_amount { margin-left:0; }
.pricesSection .div_subsite_total_amount { margin-left:0; font-size:28px; }

.contentArea.cntPage {
  background: #fff;
  padding: 100px 0;
}
.contentArea.cntPage p {
  font-weight: 300;
  margin-bottom: 22px;
}

.section.hmHowitWorks.dark {
  padding-bottom: 25px;
}

#how-it-works {
  background-color: #F6F6F6;
}
/* -----------------------------------------------------------------------------

  HAMBURGER ICONS COMPONENT

----------------------------------------------------------------------------- */
/**
 * Toggle Switch Globals
 *
 * All switches should take on the class `c-hamburger` as well as their
 * variant that will give them unique properties. This class is an overview
 * class that acts as a reset for all versions of the icon.
 */
.c-hamburger {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 27px;
  height: 26px;
  font-size: 0;
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  transition: background 0.1s;
}

.c-hamburger:focus {
  outline: none;
}

.c-hamburger span {
  display: block;
  position: absolute;
  top: 11px;
  left: 0;
  right: 0;
  height: 2px;
  background: #6c6c6c;
  border-radius: 15px;
}

.c-hamburger span::before,
.c-hamburger span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #6c6c6c;
  content: "";
  border-radius: 15px;
}

.c-hamburger span::before {
  top: -8px;
}

.c-hamburger span::after {
  bottom: -8px;
}

/**
 * Style 2
 *
 * Hamburger to "x" (htx). Takes on a hamburger shape, bars slide
 * down to center and transform into an "x".
 */
.c-hamburger--htx span {
  transition: background 0s 0.1s;
}

.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
  transition-duration: 0.1s, 0.1s;
  transition-delay: 0.1s, 0s;
}

.c-hamburger--htx span::before {
  transition-property: top, transform;
  width: 70%;
}

.c-hamburger--htx span::after {
  transition-property: bottom, transform;
  width: 80%;
}

/* active state, i.e. menu open */
.c-hamburger--htx.active span {
  background: none;
}

.c-hamburger--htx.active span::before {
  top: 0;
  transform: rotate(45deg);
  width: 100%;
}

.c-hamburger--htx.active span::after {
  bottom: 0;
  transform: rotate(-45deg);
  width: 100%;
}

.c-hamburger--htx.active span::before,
.c-hamburger--htx.active span::after {
  transition-delay: 0s, 0.1s;
}

.cursor-pointer {
  cursor: pointer;
}

.packageSlides {
  margin-top: 5px;
}

/* The dots/bullets/indicators */
.packageDot {
  height: 12px;
  width: 12px;
  margin: 0 5px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  /*transition: background-color 0.6s ease;*/
}

.packageDotActive {
  background-color: #717171;
}

/*.printMe {display: none;}*/
@media print{
  .noprint{display: none;}
  .printMe {display: block;}
}

.width{width: 70%; margin-left: 15%; margin-top: 10px;}
.widthPara{width: 80%; margin-left: 13%;}
.moveLeft{margin-left: 30%;}


/*Home Desk*/
.padLeftRight-150{padding: 0px 150px;}

.txtJustify{
  text-align: justify !important;
}

.autoCenter{
  margin:0 auto !important;
}

.mato{display:none;}

/* Tayyab CSS (fOr home page) */
.popularEvents{
  font-family: 'Roboto', sans-serif;
  margin: auto;
  padding: 0px;
  background-color: #F3F3F3;
  padding: 65px 0px 100px;
}
.event-title{
  font-size: 28px;
  text-align: center;
  color: #351d36;
  font-weight: 500;
}
.popularEvents .col-md-3:nth-child(1) .event-main-box .eventImgBox{border-bottom: 10px solid #F1AC00;}
.popularEvents .col-md-3:nth-child(2) .event-main-box .eventImgBox,
.popularEvents .col-md-3:nth-child(8) .event-main-box .eventImgBox{border-bottom: 10px solid #D50557;}
.popularEvents .col-md-3:nth-child(3) .event-main-box .eventImgBox{border-bottom: 10px solid #EC580C;}
.popularEvents .col-md-3:nth-child(4) .event-main-box .eventImgBox{border-bottom: 10px solid #B40400;}
.popularEvents .col-md-3:nth-child(5) .event-main-box .eventImgBox{border-bottom: 10px solid #86541D;}
.popularEvents .col-md-3:nth-child(6) .event-main-box .eventImgBox{border-bottom: 10px solid #48B2C0;}
.popularEvents .col-md-3:nth-child(7) .event-main-box .eventImgBox{border-bottom: 10px solid #8D008C;}

.popularEvents .col-md-3:nth-child(1) .event-main-box .eventImgBox .eventDateBox{background-color: #F1AC00;}
.popularEvents .col-md-3:nth-child(2) .event-main-box .eventImgBox .eventDateBox,
.popularEvents .col-md-3:nth-child(8) .event-main-box .eventImgBox .eventDateBox{background-color: #D50557;}

.popularEvents .col-md-3:nth-child(3) .event-main-box .eventImgBox .eventDateBox{background-color: #EC580C;}
.popularEvents .col-md-3:nth-child(4) .event-main-box .eventImgBox .eventDateBox{background-color: #B40400;}
.popularEvents .col-md-3:nth-child(5) .event-main-box .eventImgBox .eventDateBox{background-color: #86541D;}
.popularEvents .col-md-3:nth-child(6) .event-main-box .eventImgBox .eventDateBox{background-color: #48B2C0;}
.popularEvents .col-md-3:nth-child(7) .event-main-box .eventImgBox .eventDateBox{background-color: #8D008C;}


.eventImgBox{
  position: relative;
  height:136px;
  overflow: hidden;
  border-radius: 4px 4px 0 0;
}
.eventImgBox img{height:126px; width:266px; transition: all 0.1s ease-in-out;}

.eventImgBox:hover img{transform: scale(1.1);}
.eventDateBox {
  background-color: #dc155d;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 85px;
  height: 46px;
  padding: 5px 0px 0px 9px;
}
.eventDateBox p:nth-child(1) {
  font-size: 32px;
}
.eventDateBox p {
  display: inline-block;
  color: #fff;
  font-size: 13px;
  margin:0;
  line-height: 1.1em;
  font-weight: 300;
}
.event-details {
  padding: 16px;
  height: 105px;
  overflow: hidden;
}
.event-details p{
  color: #282828;
  font-size: 16px;
}
.event-details h4{
  color: #282828;
  font-size: 19px;
}
.event-main-box {
  width: 266px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  overflow: hidden;
  background-color: #ffffff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04);
}
section.celebrities{
  padding:50px 0px 50px 0px;
}
.celebritiesBox {
  position: relative;
}
.celebritiesBox img {
  border-radius: 4px;
  margin-top: 20px;
  border-bottom: 10px solid #8D008C;
}
.celebritiesBox p {
  font-size: 20px;
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translate(-50%);
  color: #fff;
}

form#nonce-form iframe {
  padding-top: 11px;
}

input#cardholder_name,  form#nonce-form select#card_type ,  form#nonce-form iframe      {
  padding-left: 15px;
}

.bor-rad-4
{
  border-radius: 4px;
}

/* - Start */
.bg-dark{background-color:#1a202c !important;}
.bg-white{background-color:#fff !important;}

#header .headerForm .fld{position:relative;}
#header .headerForm .placeholder-wrap{position:absolute; top:0; left: 0; z-index: -1; width: 100%; padding-top:8px; height: 100%; text-align: left; font-size: 20px; color:#6c6c6c; background-color: #F5F5F5; border-radius: 36px;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  padding-left: 10px;
}
#header .headerForm .placeholder-wrap .fa{font-size: 24px; margin-right: 8px;}
#header .headerForm .placeholder-wrap span{font-size: 16px; font-weight: 400; font-family: 'Roboto', sans-serif; color: #777777;}
#header .headerForm .form-group [type="text"]{text-align: left; padding-left:20px;}
#header .headerForm.focused .placeholder-wrap{opacity: 0; visibility:hidden;}
#homePage .hmPackages .pckgList .box{height: 250px;}


#header .desktop-top-menu {
  float: left;
  margin-top: 28px;
  margin-right: -12px;
}
#header .desktop-main-menu {
  float: left;
  width: 992px !important;
  margin-left: -30px;
  margin-top: 11px;
}

#header .desktop-top-menu ul li {
  list-style: none;
  margin: 0;
  line-height: 1.8em;
  float: left;
  font-family: 'Roboto';
  font-size: 12px;
  font-weight: 400;
  padding-right: 12px;
  padding-left: 12px;
  border-left: 1px solid #D9D9D9;
  line-height: 14px;
}
#header .desktop-top-menu ul li:first-child {
  border-left: 0;
}
#header .desktop-top-menu ul li a {
  color: #2F2F2F;
}

#header .desktop-main-menu ul li {
  list-style: none;
  margin: 0;
  line-height: 1.8em;
  float: left;
  font-family: 'Roboto';
  font-size: 14px;
  font-weight: 700;
  padding-right: 35px;
}
#header .desktop-main-menu ul li a {
  color: #2F2F2F;
}
#header .desktop-main-menu ul li ul li {
  font-weight: normal !important;
}

/**
 * Dynamic Height show/hide text - Plugin styles
 */

.dynamic-height-wrap {
  overflow: hidden;
  position: relative;
  -webkit-transition: max-height 0.25s ease-in-out;
  -moz-transition: max-height 0.25s ease-in-out;
  -o-transition: max-height 0.25s ease-in-out;
  transition: max-height 0.25s ease-in-out;
  width: 100%;
}

/* Bottom gradient (optional, but recommended)*/
.dynamic-height-active .dynamic-height-wrap:before {
  /* background: -moz-linear-gradient(top,  rgba(240,249,255,0) 0%, rgba(255,255,255,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,249,255,0)), color-stop(100%,rgba(255,255,255,1)));
  background: -webkit-linear-gradient(top,  rgba(240,249,255,0) 0%,rgba(255,255,255,1) 100%);
  background: -o-linear-gradient(top,  rgba(240,249,255,0) 0%,rgba(255,255,255,1) 100%);
  background: -ms-linear-gradient(top,  rgba(240,249,255,0) 0%,rgba(255,255,255,1) 100%);
  background: linear-gradient(to bottom,  rgba(240,249,255,0) 0%,rgba(255,255,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f0f9ff', endColorstr='#ffffff',GradientType=0 ); */
  bottom: 0;
  content:'';
  height: 30px;
  left: 0;
  position: absolute;
  right: 0;
  z-index: 1;
}

.dynamic-height-active .hot-fixture-wrap:before {
  background: -moz-linear-gradient(top,  rgba(240,249,255,0) 0%, rgba(255,255,255,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,249,255,0)), color-stop(100%,rgba(255,255,255,1)));
  background: -webkit-linear-gradient(top,  rgba(240,249,255,0) 0%,rgba(255,255,255,1) 100%);
  background: -o-linear-gradient(top,  rgba(240,249,255,0) 0%,rgba(255,255,255,1) 100%);
  background: -ms-linear-gradient(top,  rgba(240,249,255,0) 0%,rgba(255,255,255,1) 100%);
  background: linear-gradient(to bottom,  rgba(240,249,255,0) 0%,rgba(244,244,244,1) 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f0f9ff', endColorstr='#ffffff',GradientType=0 );
  bottom: 0;
  content:'';
  height: 30px;
  left: 0;
  position: absolute;
  right: 0;
  z-index: 1;
}

.dynamic-height-active .dynamic-show-more {
  display: inline-block;
}
.dynamic-show-more {
  display: none;
}

.js-dynamic-show-hide {
  width: 175px;
  border-radius: 38px !important;
  border: 1px solid #000 !important;
  background: #FFF !important;
  color: #2F2F2F !important;
  font-size: 14px;
  font-weight: 600;
  padding: 14px;
  text-transform: none;
}

.transform-90-degree {
  transform: rotate(90deg);
}

.transform-180-degree {
  transform: rotate(180deg);
}

.tournament_description p:nth-child(1), .tournament_seo_text p:nth-child(1){ text-align: center !important; margin-bottom: 12px !important; }
.tournament_description p, .tournament_seo_text p{ text-align: justify !important; }
.tournament_description h3, .tournament_seo_text h3{ margin-bottom: 12px !important; }

.contact-switch {
  float: left;
  margin-top: -6px;
}

.contact-switch label {
  font-size: 16px !important;
  min-width: 80px !important;
  padding: 15px 55px !important;
  margin-right: 10px !important;
}

#promotion {
  background-image: url('/assets/images/promotion-banner.jpg');
  background-repeat: repeat;
  background-position: center;
  min-height: 50px;
  padding: 12px 5px 1px;
  color: white;
  font-size: 16px;
  /*text-shadow: 1px 1px 2px grey;*/
  text-align: center;
}

.premier-home-box-img {
    height: 300px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 7px 7px 0 0;
}
.premier-home-box-venue {
  position: absolute;
  top: 234px;
  left: 32px;
  background-color: #2cadf9;
  padding: 4px 8px;
  color: white;
  font-size: 11px;
  border-radius: 4px;
}
.premier-home-box-details {
  padding: 14px 14px 0 14px;
  border:1px solid #ccc;
  border-top:0;
  border-radius: 0 0 7px 7px;
}
.premier-box-home-fixture-name {
  height: 36px;
  line-height: 22px;
  font-size: 18px;
}

@media only screen and (min-width: 768px){
  #homePage .hmPackages .pckgList .boxDivLast .box{height:540px;}
}

.hmPackages .teamList{margin-top:62px;}
.hmPackages .teamList .owl-nav{}
.hmPackages .teamList .owl-nav .owl-prev,
.hmPackages .teamList .owl-nav .owl-next{font-size: 0%; color:transparent; position: absolute; top:0; height:100%;
  -webkit-display:flex;
  -khtml-display:flex;
  -moz-display:flex;
  -ms-display:flex;
  -o-display:flex;
  display:flex;

  -webkit-align-items:center;
  -khtml-align-items:center;
  -moz-align-items:center;
  -ms-align-items:center;
  -o-align-items:center;
  align-items:center;
}

.hmPackages .teamList .owl-nav .owl-prev{left:-35px;}
.hmPackages .teamList .owl-nav .owl-next{right:-35px;}

.hmPackages .teamList .owl-nav .owl-prev.disabled,
.hmPackages .teamList .owl-nav .owl-next.disabled{opacity: 0.5;}

.hmPackages .teamList .owl-nav .owl-prev:before,
.hmPackages .teamList .owl-nav .owl-next:before{font-size: 24px; color:#dc155d; /*text-shadow: 1px 1px 6px black*/; font-family: FontAwesome; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;}

.hmPackages .teamList .owl-nav .owl-prev:before{content:"\f053";}
.hmPackages .teamList .owl-nav .owl-next:before{content:"\f054";}

.hmPackages .teamList .owl-nav .owl-prev:not(.disabled):hover:before,
.hmPackages .teamList .owl-nav .owl-next:not(.disabled):hover:before{color:#d9955d;}

/*Popular Events*/

/*Event Page*/
.event-page .hmPackages .pckgList{margin-top:30px; margin-bottom:50px;}

.seo-txt{text-align: center; padding:70px 0 120px;}

.fixtures-pg .matchPackages .matchForm .bx > .row .dateFilter{margin:0;}
.fixtures-pg .matchPackages .matchForm .bx > .row .dateFilter{padding-right:68px; position:relative; margin-bottom: 30px !important;}
.fixtures-pg .matchPackages .matchForm .bx > .row .dateFilter .form-group{margin:0; padding:0;}
.fixtures-pg .matchPackages .matchForm .bx > .row .dateFilter .form-group:first-child .form-control{border-top-right-radius:0; border-bottom-right-radius:0;}
.fixtures-pg .matchPackages .matchForm .bx > .row .dateFilter .form-group:nth-child(2) .form-control{border-top-left-radius:0; border-bottom-left-radius:0; margin-left:-1px;}
.fixtures-pg .matchPackages .matchForm .bx > .row .dateFilter .search-btn{position:absolute; top:0; right:0;}
.fixtures-pg .matchPackages .matchForm .bx > .row .dateFilter .search-btn .btn{margin:0; min-width: 70px; background:#b0b0b0; border:none; border-top-left-radius:0 !important; border-bottom-left-radius:0 !important;}
.fixtures-pg .matchPackages .matchForm .bx > .row .dateFilter .search-btn .btn .fa{font-size: 23px;}

/*Breadcrumb [Start]*/
.breadcumb-section{background-color: #007748; height: 31px; line-height: 31px;}
.breadcumb-section ul{list-style: none; margin:0;}
.breadcumb-section ul:after{content: ""; clear: both; display: block; }
.breadcumb-section ul li{float: left; font-size: 13px; margin-bottom: 0;}
.breadcumb-section ul li:not(:last-child):after{content:'\f054'; font-family: FontAwesome; color:#fff; margin:0 8px; opacity: 0.6;}
.breadcumb-section ul li a{color:#fff;}
/*Breadcrumb [/end]*/

.package-maininfo{padding:50px 0;}
.package-maininfo .thumb-wrap{}
.package-maininfo .info-wrap{padding-top: 35px;}
.package-maininfo .info-wrap p .fa{margin-right: 10px; display: inline-block; width: 16px;}

.matchPackages .pckgList .fixtureBox.featured .bx .dateWrp{background: #007748;}

/*Packages table*/
.pckgTable{width: 100%;}
.pckgTable thead{}
.pckgTable thead th{font-size: 13px; padding:0 15px 5px 0;}
.pckgTable tbody td{background: #Fff;padding:5px 10px; height:90px;vertical-align:middle;}
.pckgTable tbody td.pckgTitle{padding: 0 0 0 10px;}
.pckgTable tbody td.pckgPrice{}
.pckgTable tbody td.pckgPrice .priceTxt{font-size: 28px;}
.pckgTable tbody td.pckgPrice em{display:block;font-size: 13px;color: #6c6c6c;}
.pckgTable tbody td.pckgQty{}
.pckgTable tbody td.pckgQty .form-control{padding-left: 10px;}
.pckgTable tbody td.pckgBtn{width: 80px;}
.pckgTable tbody td.pckgBtn .btn{min-width:inherit;margin: 0;}
.pckgTable tbody td.pckgSeparator{height: 3px; padding: 0; background: transparent; border: 0 !important;}

.pckgTable tbody tr td:first-child{border-left:solid 12px #e5e5e5;}
.pckgTable tbody tr.grey td:first-child{border-left-color:#e5e5e5;}

.pckgTable tbody tr.blue td:first-child{border-left-color:#94c7ec;}
.pckgTable tbody tr.red td:first-child{border-left-color:#e38c8b;}
.pckgTable tbody tr.yellow td:first-child{border-left-color:#e2d9aa;}

.noimage{background:url(/images/no-image.png) no-repeat center center;}

.pricesSection #voucher_code.form-control{height: 30px; width: 140px; padding: 5px; font-size: 14px; color: #2f2f2f; float: right; margin: 8px 0; border-radius: 0; border: none; text-align: center;}

[class*="bottom-bar-"]{position:relative;}
[class*="bottom-bar-"]:after{content:""; position:absolute; left:0; bottom:0; height:10px; width: 100%;}

.bottom-bar-1:after{background-color: #DC155D;}
.bottom-bar-2:after{background-color: #91248F;}
.bottom-bar-3:after{background-color: #F8AA00;}
.bottom-bar-4:after{background-color: #F3591C;}
.bottom-bar-5:after{background-color: #DC155D;}
.bottom-bar-6:after{background-color: #91248F;}
.bottom-bar-7:after{background-color: #F8AA00;}

.fa.fa-caret-down {
  font-size: 24px !important;
  /*font-weight: bold !important;*/
}

/* Select - Jquery UI */
body .ui-selectmenu-button{background:#fff;color:#bababa; border-color:#c4c4c4; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
body .ui-selectmenu-button:not(:ui-selectmenu-disabled):hover{border-color:#9e9e9e;}
body .ui-selectmenu-button span.ui-selectmenu-text{padding:10px 14px; font-family:"Roboto", "Open Sans", sans-serif; font-size: 18px;}
body .ui-selectmenu-button:focus,
body .ui-selectmenu-button.ui-state-focus{border: solid 2px #008aff !important;outline:none;background: #fff !important;}
body .ui-selectmenu-menu{}
body .ui-selectmenu-menu ul{margin-top: 0; border-radius: 4px; box-shadow: 0 3px 9px rgba(0, 0, 0, 0.4);}

body .ui-selectmenu-menu ul li{font-size:18px; font-family:"Roboto", "Open Sans", sans-serif; color:#2f2f2f; margin:-1px 0 0 !important; padding:10px 10px !important; border:none !important; border-bottom:solid 1px #ddd !important;}
body .ui-menu .ui-menu-item:not(:last-child){margin-bottom: 1px !important;}
body .ui-menu .ui-menu-item:last-child{border-bottom: none !important;}
body .ui-state-hover,
body .ui-widget-content .ui-state-hover,
body .ui-widget-header .ui-state-hover,
body .ui-state-focus,
body .ui-widget-content .ui-state-focus,
body .ui-widget-header .ui-state-focus,
body .ui-selectmenu-menu ul li{color:#2f2f2f;}

body .ui-selectmenu-menu .ui-menu{border:none; max-height: 224px;}

body .ui-selectmenu-menu ul li:hover{background:#f4f4f4;}


body .ui-state-default{position:relative; display: block; height: 47px;}
body .ui-state-default.ui-selectmenu-disabled{opacity: 0.6;}
body .ui-selectmenu-button span.ui-icon{position: absolute; top: 20px; right: 14px; color: #dc155d; z-index: 1; text-indent:0 !important; background: none;}
body .ui-state-default .ui-icon:before{font-family:FontAwesome; content: "\f078";}

#searchContainer {display: block; position:relative}
#searchContainer .ui-autocomplete { position: absolute; display: block; border-color:#ddd; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);}
#searchContainer .ui-state-focus { margin: 0px !important; border: none !important; background: #F3F3F3 !important;}
#searchContainer .ui-menu-item{margin-bottom: 0 !important; height: auto !important; padding-top: 12px !important; padding-bottom: 12px; border-bottom: solid 1px #ddd !important;}
#searchContainer .ui-menu-item:last-child{border-bottom:none !important;}
#searchContainer .ui-menu-item > a, span { font-family: "Roboto", "Lato", sans-serif;}
#searchContainer .ui-menu-item > span { font-size: 0.9em; position: absolute; top: 39px; left: 43px; font-style: italic;}
#searchContainer .ui-menu-item > i { position: absolute !important; top: 12px !important; left: 15px; color: #BDBDBD; font-size: 1.3em;}

/*About us page*/

#about .aboutInfo p{font-weight: 300; text-align: center !important; font-size: 18px;}
#about .aboutInfo p:not-last-child{margin-bottom: 17px;}

.error-page{padding:70px 0; text-align: center;}

.form-group .has-icon > .fa-chevron-down,
.form-group.has-icon > .fa-chevron-down{display: none;}

.g-recaptcha{display: table; margin:0 auto;}
/* - [/end] */

/*Sitemap page*/
.sitemap_ul, .sitemap_ul li {
  list-style-type: none;
}

/*Subsport page*/
.subsportTile{
  display: inline-block;
  float: none !important;
  padding: 0 10px;
}


/* Hot Fixture tiles */
.hotFixtureTile{
  border: 1px solid #cccccc;
  background-color: #ededed;
  height: 120px;
  padding-top: 18px;
  margin: 6px;
  text-align: center;
  font-weight: bold;
}
.hotFixtureTile a{
  color: #000000 !important;
  text-decoration: none !important;
}
.hotFixtureTile:hover{
  background-color: #eaeaea;
}


/*Teams Page*/
.teamTile{
  border: 1px solid #ccc;
  height: 120px;
  padding-top: 40px;
  margin: 16px;
  text-align: center;
  font-weight: bold;
}
.teamTile a{
  color: #000000 !important;
  text-decoration: none !important;
}
.teamTile:hover{
  background-color: #eeeeee;
}

.messagebox_overlay{
  z-index: 9999999 !important;
  background: rgba(0, 0, 0, 0.6) !important;
}

.messagebox_buttons_button{
  display: inherit !important;
  margin: 0 auto 10px auto !important;
}

/*Floating Whatsapp Icon*/
.floating-wp-icon, .floating-wp-icon:hover {
  margin: 0 0 20px 0 !important;
  padding-left: 15px;
  padding-right: 15px;
  position: fixed !important;
  z-index: 16000170 !important;
  bottom: 0 !important;
  text-align: center !important;
  height: 45px;
  min-width: 50px;
  border-radius: 25px;
  visibility: visible;
  transition: none !important;
  text-decoration: none !important;
  color: #ffffff;
  font-size: 230%;
  background-color: #4dc247;
  box-shadow: 2px 2px 6px rgb(0 0 0 / 40%);
  right: 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;

  /*background-color: #4dc247;
  color: #ffffff;
  border-radius: 50px;
  text-align: center;
  box-shadow: 2px 2px 3px #999;*/
}