body {
  font-family:"Open Sans", sans-serif;
}

a {
  cursor:pointer;
}

.input_field_sfs{
  height: 58px;
  width: 111px;
  color: #fbe180;
  font-family: "Titillium Web";
  font-size: 48px;
  font-weight: 200;
  letter-spacing: 0.68px;
  line-height: 36px;
  text-align: center;
  border: none;
  background: transparent;
}
.price_symbols_sf{
  float: left;

  color: rgba(251, 225, 128, 0.29);
  font-family: "Titillium Web";
  font-size: 16px;
  font-weight: 200;
  letter-spacing: 0.23px;
  line-height: 15px;
  position: absolute;
  margin: 27px 0 0 -117px;
}

#navbar {
  overflow:hidden;
  background-color:#05636b;
  padding:20px 35px;
  transition:0.4s;
/*  position:fixed; */
  width:100%;
  top:0;
  z-index:99;
  display:flex;
  display:-webkit-flex;
  justify-content:space-between;
  -webkit-justify-content:space-between;
  align-items:center;
  -webkit-align-items:center;
  align-content:center;
  -webkit-align-content:center;
  -webkit-box-shadow:0px 4px 10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow:0px 4px 10px rgba(0, 0, 0, 0.3);
  box-shadow:0px 4px 10px rgba(0, 0, 0, 0.3);
}

#navbar #logo {
  font-size:35px;
  font-weight:bold;
  transition:0.4s;
}

#navbar a {
  height:41px;
  width:212px;
  font-family:"Titillium Web";
  font-size:10px;
  line-height:15px;
  font-weight:600;
  transition:all 0.3s ease-in-out;
  text-align:center;
  letter-spacing:2px;
  padding:12px 0px 12px 10px;
  text-decoration:none;
  border-radius:2px;
}

.btn_before_footer {
  font-family:"Titillium Web";
  font-size:10px;
  line-height:15px;
  font-weight:600;
  transition:all 0.3s ease-in-out;
  text-align:center;
  letter-spacing:2px;
  padding:7px 0 0 9px;
  text-decoration:none;
  border-radius:2px;

  height:36px;
  /*width:155px;*/
  border-radius:2px;
  background-color:#9fedd7;
  color:#024146;
  font-size:10px;
  font-weight:600;
  letter-spacing:2px;
  line-height:15px;
  margin:auto;
}
.mobile_btn {
  display:none;
}
.btn_before_footer:hover {
  text-decoration:none;
}

#navbar a.button-dark {
  /*width:155px;*/
  border-radius:2px;
  background-color:#fbe180;
  color:#024146;
  font-size:10px;
  font-weight:600;
  letter-spacing:2px;
  line-height:15px;
}

#navbar a.button-light {
  /*width:155px;	*/
  border-radius:2px;
  background-color:#9fedd7;
  color:#024146;
  font-family:"Titillium Web";
  font-size:10px;
  font-weight:600;
  letter-spacing:2px;
  line-height:15px;
  text-align:center;
}
/*@media (max-width:767px) {*/
/*  #navbar a.button-dark {*/
/*    display:none;*/
/*  }*/
/*  #navbar a.button-light {*/
/*    !*background-color:#fbe180;*!*/
/*  }*/
/*}*/

#navbar a:hover {
  /*color:#fbe180;*/
  /*background:#024146;*/
}

#navbar a.button-dark:hover {
  color:#024146;
  background:#fbe180;
}
.caculate_sport {
  height:55px;

  color:#9fedd7;
  font-family:"Titillium Web";
  font-size:36px;
  font-weight:200;
  letter-spacing:0.75px;
  line-height:55px;
  text-align:center;
}

.clear_bar {
  clear:both;
}
label {
  margin-bottom:0px;
}
.price_symbols {
  float:left;
  color:rgb(251, 225, 128);
  font-family:"Titillium Web";
  font-size:16px;
  font-weight:200;
  letter-spacing:0.23px;
  line-height:15px;
  position:absolute;
  margin:8px 0 0 -22px;
}

.slider_iframe {
  width:100%;
  height:220px;
  border:0px;
  margin-top:2%;
}
.calc_btn_left {
/*  max-width:37%; LJM */
}

.caculate_section {
/*  width:382px; LJM */
width:100%;
  height:auto;
  float:right;
}
.text_white {
  /* height:15px; */
  color:#edeae5;
  font-family:"Titillium Web";
  font-size:10px;
  font-weight:600;
  letter-spacing:3.77px;
  line-height:15px;
  text-align:center;
}
.text_color {
  height:15px;
  color:#9fedd7;
  font-family:"Titillium Web";
  font-size:10px;
  font-weight:600;
  letter-spacing:3.77px;
  line-height:15px;
  text-align:center;
}
.text_color_detail {
  height:65px;
  margin:auto;
  color:#9fedd7;
  font-family:"Titillium Web";
  font-size:12px;
  line-height:19px;
  text-align:center;
}
.input_field::placeholder,.input_field_sfs::placeholder {
  color:rgba(251, 225, 128, 0.3);
}

.input_field {
  height:38px;
  width:195px;
  color:#fbe180;
  font-family:"Titillium Web";
  font-size:48px;
  font-weight:200;
  letter-spacing:0.68px;
  line-height:36px;
  text-align:center;
  border:none;
  background:transparent;
}

.input_field:hover,.input_field_sfs:hover {
  border:none;
}
.spacer {
  width:100%;
  height:15px;
  float:left;
}
/* toggle button  */
.toggle-switch-yellow {
  display:flex;
  display:-webkit-flex;
  justify-content:center;
  -webkit-justify-content:center;
  margin-top:15px;
}

.toggle-switch-yellow input[type="checkbox"] {
  display:none;
}
.toggle-switch-yellow label {
  cursor:pointer;
}
.toggle-switch-yellow label .toggle-track-yellow {
  display:flex;
  display:-webkit-flex;
  justify-content:space-between;
  -webkit-justify-content:space-between;
  position:relative;
  z-index:1;
  height:55px;
  width:209px;
  background-color:#024146;
  border-radius:40px;
  position:relative;
  text-transform:uppercase;
  /* margin-bottom:15px; */
}

.toggle-track-yellow {
  position:relative;
}

.toggle-track-yellow p {
  position:absolute;
  z-index:3;
  font-size:10px;
  letter-spacing:1.63px;
  line-height:15px;
  font-weight:600;
}

.toggle-track-yellow p:first-child {
  right:8%;
  top:36%;
  color:rgba(251, 225, 128, 0.6);
}

.toggle-track-yellow p:last-child {
  left:17%;
  top:38%;
  color:#024146;
}

.toggle-switch-yellow .toggle-track-yellow:before {
  content:"";
  display:inline-block;
  height:55px;
  width:93px;
  background-color:#fbe180;
  border-radius:40px;
  position:absolute;
  top:0;
  right:116px;

  transition:right 0.2s ease-in;
}

.toggle-switch-yellow
  input[type="checkbox"]:checked
  + label
  .toggle-track-yellow:before {
  background-color:#fbe180;
  /* right:116px; */
  right:0;
}

/* toggle three state button */

.three-state-button-wrap {
  display:flex;
  display:-webkit-flex;
  justify-content:center;
  -webkit-justify-content:center;
  margin-top:26px;
}

.three-state-button {
  display:block;
  height:55px;
  width:280px;
  background-color:#024146;
  border-radius:40px;
  position:relative;
  z-index:1;
  margin-bottom:15px;
  display:flex;
  display:-webkit-flex;
  justify-content:space-between;
  -webkit-justify-content:space-between;
  text-transform:uppercase;
}

/* .three-state-button label span {
  display:inline-block;
  border-radius:40px;
  cursor:pointer;
  padding-left:38px;
  padding-right:10px;
} */

.state {
  display:inline-block;
  text-align:center;
  color:rgba(251, 225, 128, 0.6);
  font-family:"Titillium Web";
  font-size:10px;
  letter-spacing:1.63px;
  line-height:15px;
  text-align:center;
  padding-top:14px;
  font-weight:600;
}

.state-na {
  color:#024146;
  display:inline-block;
  border-radius:40px;
  cursor:pointer;
  /* padding-left:18px;
  padding-right:15px; */
  width:60px;
}

.state-on {
  display:inline-block;
  border-radius:40px;
  cursor:pointer;
  /* padding-left:18px;
  padding-right:15px; */
  width:76px;
  padding-left:22px;
}

.state-off {
  display:inline-block;
  border-radius:40px;
  cursor:pointer;
  /* padding-left:18px;
  padding-right:15px; */
  width:76px;
  padding-right:20px;
}

.three-state-button label .toggle-track-three-state::before {
  content:"";
  display:inline-block;
  height:55px;
  width:93px;
  /* padding:7px; */
  background-color:#fbe180;
  border-radius:40px;
  position:absolute;
  top:0;
  right:93px;
  z-index:-1;
  transition:right 0.2s ease-in;
}

.three-state-button input[type="radio"] {
  display:none;
}

input[type="radio"]#state-na:checked ~ label .toggle-track-three-state::before {
  right:93px;
}

input[type="radio"]#state-na:checked
  ~ label#on
  .toggle-track-three-state::before {
  color:#024146;
}

/*  */

input[type="radio"]#state-on:checked ~ label .toggle-track-three-state::before {
  right:186px;
}

input[type="radio"]#state-off:checked
  ~ label
  .toggle-track-three-state::before {
  right:0px;
}

/*  */

/* Toggle Button skyblue color  1*/

.toggle-switch-skyblue {
  display:flex;
  display:-webkit-flex;
  justify-content:center;
  -webkit-justify-content:center;
  margin-top:8px;
}

.toggle-switch-skyblue input[type="checkbox"] {
  display:none;
}
.toggle-switch-skyblue label {
  cursor:pointer;
}

.toggle-switch-skyblue label .toggle-track-skyblue {
  display:block;
  height:36px;
  width:280px;
  background-color:#024146;
  border-radius:40px;
  position:relative;
  margin-bottom:15px;
}

.toggle-switch-skyblue .toggle-track-skyblue:before {
  content:"";
  display:inline-block;
  height:36px;
  width:137.83px;
  background-color:#9fedd7;
  border-radius:40px;
  position:absolute;
  top:0;
  right:142px;
  transition:right 0.2s ease-in;
}

.toggle-switch-skyblue
  input[type="checkbox"]:checked
  + label
  .toggle-track-skyblue:before {
  background-color:#9fedd7;
  right:0;
}

/* 1 */

.toggle-track-skyblue1 {
  display:flex !important;
  justify-content:space-between;
  -webkit-justify-content:space-between;
  position:relative;
}

.toggle-track-skyblue1 p {
  position:absolute;
  z-index:3;
  font-size:10px;
  letter-spacing:1.63px;
  line-height:10px;
  font-weight:600;
}

.toggle-track-skyblue1 p:first-child {
  right:10px;
  top:34%;
  color:rgba(159, 237, 215, 0.6);
}

.toggle-track-skyblue1 p:last-child {
  left:11px;
  top:20%;
  color:#024146;
  width:117px;
  text-align:center;
}

/* Toggle Button skyblue color  2*/

.toggle-track-skyblue2 {
  display:flex !important;
  justify-content:space-between;
  -webkit-justify-content:space-between;
  position:relative;
}

.toggle-track-skyblue2 p {
  position:absolute;
  z-index:3;
  font-size:10px;
  letter-spacing:1.63px;
  line-height:15px;
  font-weight:600;
  text-transform:uppercase;
}

.toggle-track-skyblue2 p:first-child {
  right:15%;
  top:28%;
  color:rgba(159, 237, 215, 0.6);
}

.toggle-track-skyblue2 p:last-child {
  left:20%;
  top:25%;
  color:#024146;
  /* color:rgba(159, 237, 215, 0.6); */
}

.button_custom {
  height:51px;
  width:120px;
  border-radius:25.5px;
  background-color:#024146;

  /*height:11px;	width:103px; */
  color:rgba(251, 225, 128, 0.6);
  font-family:"Titillium Web";
  font-size:10px;
  letter-spacing:1.63px;
  line-height:15px;
  text-align:center;
  border:none;
  margin:9px 0px;
  text-transform:uppercase;
}
.button_active {
  background-color:#fbe180 !important;
  color:#024146 !important;
}
.button_custom:focus {
  outline:none;
}
.button_custom:hover,
.rectangle_btn:hover,
.ods_format_btn:hover {
  background-color:#023638 !important;/*#fbe180*/
  color:rgba(251, 225, 128, 0.6) !important;
}
.button_active:hover{
    background-color:#fbe180 !important;
    color:#023638 !important;
}

.total-stake {
  /* height:15px; */
  color:#fbe180;
  font-family:"Titillium Web";
  font-size:10px;
  font-weight:600;
  letter-spacing:3.77px;
  line-height:15px;
  text-align:center;
  text-transform:uppercase;
  margin-bottom:-8px;
}
.icon_custom {
  font-size:26px;
}

.group_price {
  height:73px;
  color:rgba(251, 225, 128, 0.3);
  font-family:"Titillium Web";
  font-size:48px;
  font-weight:200;
  letter-spacing:0.68px;
  line-height:73px;
  text-align:center;
  width:223px;
  margin:0 auto 16px auto;
}
.group_price > span {
  width:180px;
  height:73px;
}

.icon1:before {
  /*font-family:FontAwesome;
  content:"\f3a5";
  color:rgba(237, 234, 229, 0.6);
  font-size:26px;
  vertical-align:top;
  margin-right:6px; */

  content:url("https://www.irishracing.com/thebetcalc/assets/icon_3.png");
  margin:0 9px 0 0;
}
.icon2:before {
  content:url("https://www.irishracing.com/thebetcalc/assets/icon_1.png");
  margin:0 9px 0 0;
  /*font-family:FontAwesome;
  content:"\f1fe";
  color:rgba(237, 234, 229, 0.6);
  font-size:26px;
  vertical-align:top;
  margin-right:6px; */
}
.icon3:before {
  content:url("https://www.irishracing.com/thebetcalc/assets/icon_2.png");
  margin:0 9px 0 0;
  /*font-family:FontAwesome;
  content:"\f060";
  color:rgba(237, 234, 229, 0.6);
  font-size:26px;
  vertical-align:top;
  margin-right:6px;*/
}

.select_numbering {
  height:15px;
  width:14px;
  color:#9fedd7;
  font-family:"Titillium Web";
  font-size:10px;
  font-weight:600;
  letter-spacing:1.25px;
  line-height:15px;
  text-align:center;
  margin:14px 0 0 4px;
}
.bg_color_1 {
  /*height:129px;*/
  height:auto;
  width:33.3%;
  background-color:#1e727a;
  float:left;
}
.bg_color_3 {
  height:129px;
  width:33.3%; /*width:320px;*/
  background-color:#024146;
  float:left;
  cursor:pointer;
}

.bg_color_2 {
  /*height:129px;*/
  height:auto;
  width:33.3%; /*width:320px;*/

  background-color:#045860;
  float:left;
}

.add_more {
  height:21px;
  width:110px;
  color:#edeae5;
  font-family:"Titillium Web";
  font-size:10px;
  font-weight:600;
  letter-spacing:3.77px;
  line-height:15px;
  text-align:center;
  margin:58px 126px;
  cursor:pointer;
}
.icon_add_more:before {
  font-family:FontAwesome;
  content:"\f055";
  color:#edeae5;
  font-size:26px;
  vertical-align:top;
  margin-right:6px;
}
.select_btn {
  height:22px;
  max-width:21%;/*69px*/
  min-width:50px;
  color:#fff9c7;
  font-family:"Titillium Web";
  font-size:9px;
  line-height:13px;
  text-align:center;
  border:none;
  border-radius:15.5px;
  background-color:#04575d;
  margin-left:2px;
  margin-top:10px;
}
.select_btn:hover{
    background-color:#023638;
}
@media only screen and (max-width:768px) {
  .select_btn {
        width:19%;
        font-size:10px;
  }
}
.dds {
  height:13px;

  color:#fff9c7;
  font-family:"Titillium Web";
  font-size:9px;
  line-height:13px;
  text-align:center;
  margin-bottom:0px;
}
.input_field_select {
  color:#fbe180;
  font-family:"Titillium Web";
  font-size:24px;
  font-weight:200;
  letter-spacing:0.34px;
  line-height:36px;
  text-align:center;
  background:transparent;
  border:none;
  margin:auto;
}
.auto-size {
  margin:0;
  float:left;
  height:36px;
  display:contents;
  letter-spacing:0;
}
.auto-size.fractions,.auto-size.rule-4 { width:30px; }
.auto-size.dead-heat, .auto-size.tied-position, .auto-size.places-offered,
.auto-size.decimals, .auto-size.american { width:65px; }
/*.auto-size-nominator > span { width:30px; }*/
/*.auto-size-denominator {*/
/*  width:24px;*/
/*  margin:0;*/
/*  float:left;*/
/*  height:36px;*/
/*  display:contents;*/
/*  letter-spacing:0;*/
/*}*/
/*.auto-size-denominator > span { width:24px; }*/
.input_field_select:focus {
  outline:none;
}

.full_width {
  width:100%;
}

.curvy {
  width:9px;
  color:#fbe180;
  font-family:"Titillium Web";
  font-size:24px;
  font-weight:200;
  letter-spacing:0;
  text-align:center;
  float:left;
  display:contents;
}
.percent{
    height:36px;
    width:21px;
    color:#FBE180;
    font-family:"Titillium Web";
    font-size:24px;
    font-weight:200;
    letter-spacing:0.34px;
    text-align:center;
}

.calculate_btn {
  color:#05636b;
  font-family:"Titillium Web";
  font-size:12px;
  font-weight:600;
  letter-spacing:4.52px;
  line-height:19px;
  text-align:center;
  border-radius:0px;
  /*height:49px;	
    width:320px;	*/
  width:302px;
  background-color:#fff9c7;
  box-shadow:0 0 0 12px rgba(251, 225, 128, 0.27);
  padding:14px 0px;
  margin-top:3em;
}

.align-calc-center {
  display:block;
  text-align:center;
  padding-top:4rem;
}

.calculater_glossary {
  /* height:37px; */
  /*width:253px;*/
  color:#fbe180;

  font-family:"Titillium Web";
  font-size:24px;
  letter-spacing:0.34px;
  line-height:29px;
}
.right-arrow {
  float:left;
  padding-right:12px;
}
.panel {
  border-bottom:1px solid #fff9c7;
  padding-top:16px;
  margin-top:0;
}
.panel-default {
	border-top:none;
	border-left:none;
	border-right:none;
}
.panel-title {
  /* height:38px; */
  color:#fbe180;
  font-family:Titillium Web;
  font-size:18px;
  letter-spacing:0.25px;
  line-height:23px;
  cursor:pointer;
  margin-bottom:0px;
  padding-bottom:20px;
}
.panel-body {
  color:#edeae5;
  font-family:Titillium Web;
  font-size:15px;
  /*letter-spacing:0.13px;*/
  /*line-height:11px;*/
  margin-bottom:16px;
  padding-left:22px;
}
.panel-body a {
  color:#fbe180;
}

/* Footer */

.main-footer {
  height:282px;
  margin:auto;
}

.bcfooter {
  height:220px;
  background:#024146;
/*  padding:22px; */
  display:flex;
  display:-webkit-flex;
  flex-direction:column;
  justify-content:center;
  -webkit-justify-content:center;
  align-items:center;
  -webkit-align-items:center;
}

.don-t-gamble-unless {
  /* height:180px; */
  width:483px;
  color:#fbe180;
  font-family:"Titillium Web";
  font-size:8px;
  letter-spacing:1px;
  line-height:12px;
}

.don-t-gamble-unless div:first-child {
  margin-top:35px;
}

.the-bet-calcu {
  height:12px;
  color:#fbe180;
  font-family:"Titillium Web";
  font-size:8px;
  letter-spacing:1px;
  line-height:12px;
  text-align:center;
}

.footer-logo__wrap {
  display:flex;
  display:-webkit-flex;
  flex-direction:row;
  justify-content:space-between;
  -webkit-justify-content:space-between;
  align-items:center;
  -webkit-align-items:center;
  width:483px;
}

.footer-logo {
  width:169px;
}

.gambleaware-helpline-logo-vect {
  width:258px;
}

.footer-info {
  height:67px;
  background-color:#02363b;
}

.footer-info__items {
  list-style:none;
  display:flex;
  display:-webkit-flex;
  justify-content:space-around;
  -webkit-justify-content:space-around;
  padding:20px 0;
  width:483px;
  margin:auto;
}

.footer-info__items li a {
  height:15px;
  width:240px;
  color:#fbe180;
  font-family:"Titillium Web";
  font-size:10px;
  letter-spacing:1.3px;
  line-height:15px;
  text-align:center;
}

/* Model */
.terms-conditions {
  background:#9fedd7;
  width:auto;
  padding:2rem;
}

.terms-conditions_title {
  height:15px;
  width:260px;
  color:#024146;
  font-family:"Titillium Web";
  font-size:15px;
  letter-spacing:1.3px;
  line-height:15px;
}

.terms-conditions_details {
  margin:auto;
  color:#777573;
  text-align:justify;
}

.terms-conditions_details p {
  font-family:Titillium web;
  letter-spacing:0.13px;
  line-height:20px;
  font-size:12px;
  margin-bottom:0.5rem;
}

.cross-btn {
  font-size:30px;
  padding:1rem;
  color:#777573;
}

#logo {
  cursor:pointer;
  width:214px;
}
.price_line {
  width:65%;
}

.container_mob {
  padding-top:30px;
}

.trsh_icon {
  color:rgba(251, 225, 128, 0.5);
  font-size:11px;
  text-align:center;
  position:absolute;
  bottom:8px;
  right:6px;
}
.padding_result {
  padding-bottom:40px;
  padding-top:100px;
}
.unit_border {
  width:50%;
  border-color:#fff9c7;
  margin-top:6px;
  margin-bottom:30px;
}
.input_margin{
    line-height:0px;
}
.col-dds{
  text-align:center;
}
.dds_space{
    margin-bottom:10px;
}
#rule,#off2{
    -webkit-touch-callout:none; /* iOS Safari */
    -webkit-user-select:none; /* Safari */
     -khtml-user-select:none; /* Konqueror HTML */
       -moz-user-select:none; /* Old versions of Firefox */
        -ms-user-select:none; /* Internet Explorer/Edge */
            user-select:none; /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
}
.text_color_a {
    height:15px;
    color:#9fedd7;
    font-family:"Titillium Web";
    font-size:10px;
    font-weight:600;
    letter-spacing:3.77px;
    line-height:15px;
    text-align:center;
    }
.text_color_a:hover{
    color:#9fedd7;
    text-decoration:none;
}
.wtooltip {
  border:none !important;
  font-family:"Titillium Web" !important;
  background-color:#000 !important;
  color:#fff !important;
}
@media (max-width:1200px) {
  .hide_it {
    display:none;
  }
  .Sections_blocks {
    max-width:100%;
    clear:both;
    flex:0px;
  }
  .btn_max_wid{
    max-width:130px;
    float:left;
  }
  .btn_max_wid_row{
    width:410px;
    max-width:410px !important;
    position:absolute;
  }
}
@media (max-width:1000px) {
  .bg_color_1,
  .bg_color_2,
  .bg_color_3 {
    width:50%;
  }
  
}
@media (max-width:991px) {
    .col-xgreen{
        float:left;
        max-width:87%;
    }
}

@media (min-width:768px) {
  .mobile_slider {
    display:none;
  }
}
@media (max-width:768px) {
  /**/
  .add_more {
    width:100% !important;
  }
  
  .bg_color_1 > .row, .bg_color_2 >.row, .bg_color_3 > .row{
    width:100%;
}

  .unit_border {
    width:206px;
    margin-bottom:20px;
  }
  .price_symbols {
    margin:8px 0 0 -72px;
  }
  .mobile_btn {
    display:block;
    text-align:center;
  }
  .btn_before_footer {
    width:220px;
    margin:auto;
  }
  .padding_result {
    padding-top:60px;
    padding-bottom:0px;
  }
  .hide_it_help {
    display:none !important;
  }
  .container_mob {
    padding-top:90px;
    position:relative;
    background:url("https://www.irishracing.com/thebetcalc/assets/gradient-bg.jpg") no-repeat;
    background-size:auto;
    background-size:100% auto;
    margin-left:0;
    margin-right:0;
    max-width:100%;
  }

  .col-dds {
    max-width:33.3%;
    text-align:center;
  }
  .bg_color_1,
  .bg_color_2,
  .bg_color_3 {
    width:100% !important;
    height:auto !important;
  }
  .col-xgreen {
    max-width:100%;
    float:left;
  }
  .caculate_section {
    float:none;
    margin:auto;
    padding-top:10%;
  }
  .footer-logo__wrap {
    width:100%;
  }
  .mobile_slider {
    display:block !important;
  }
  .caculate_section_right {
    display:none;
  }

  .bg_color_3 {
    width:50%;
  }

  .bg_color_1 {
    width:50%;
  }

  .bg_color_2 {
    width:50%;
  }
  .price_line {
    width:32%;
  }

  #navbar {
    padding:10px 10px !important;
    height:46px;
  }
  #logo {
    width:160px;
  }
  .calc_btn_left {
    max-width:100%;
  }
  #navbar a {
    height:33px;
    padding:8px 0px 0px 9px;
  }
  .caculate_section {
    padding-top:0px;
  }
  .row_hide {
    padding-top:0px !important;
  }
}
@media (max-width:574px) {
.col-xgreen {
    max-width:92%;
    float:left;
  }
}
@media (max-width:500px) {
  #navbar a.btn {
    margin:0 10px 0 0;
  }
  .don-t-gamble-unless {
    max-width:262px;
  }
  .gambleaware-helpline-logo-vect {
    max-width:300px;
    margin:auto;
  }

  .footer-logo__wrap {
    flex-direction:column;
  }
  .footer-info__items {
    width:auto;
  }
  .calculate_btn {
    width:100%;
    /* position:absolute; */
  }
  .restult_btn {
    margin-top:14% !important;
  }
  .bcfooter {
    padding-top:40px;
    height:auto;
  }
  #navbar a {
    width:200px;
  }
}
@media (max-width:460px) {
  #logo {
    width:150px;
  }
  .price_line {
    width:38%;
  }
  .caculate_section {
    width:100%;
  }
}
@media (max-width:460px) {
  #navbar a {
    width:180px;
  }
}
@media (max-width:449px) {
.col-xgreen {
    max-width:90%;
    float:left;
  }
}
@media (max-width:400px) {
  .unit_border {
  }
}
@media (max-width:390px) {
  .col-dds {
    max-width:30%;
  }
}
@media (max-width:390px) {
  .col-xgreen {
    width:88%;
  }
  .col-dds {
    max-width:31%;
  }
}
@media (max-width:372px) {
  #navbar a {
    width:158px;
  }
}
/* heading */
.main-heading {
  text-align:center;
  color:#9fedd7;
  font-family:"Titillium Web";
  font-size:36px;
  font-weight:200;
  letter-spacing:0.75px;
  line-height:55px;
}

/* Toggle Button */
.bet-offer_toggle {
  display:flex;
  display:-webkit-flex;
  justify-content:center;
  -webkit-justify-content:center;
  margin-top:26px;
}

.bet-offer_toggle input[type="checkbox"] {
  display:none;
}
.bet-offer_toggle label {
  cursor:pointer;
}

.bet-offer_toggle label .toggle-betOffer_track {
  display:block;
  height:31px;
  width:338px;
  background-color:#024146;
  border-radius:40px;
  position:relative;
  margin-bottom:45px;
}

.bet-offer_toggle .toggle-betOffer_track:before {
  content:"";
  display:inline-block;
  height:31px;
  /* width:145.83px; */
  width:168.83px;
  background-color:#9fedd7;
  border-radius:40px;
  position:absolute;
  top:0;
  right:170px;
  transition:right 0.2s ease-in;
}

.bet-offer_toggle
input[type="checkbox"]:checked
+ label
.toggle-betOffer_track:before {
  background-color:#9fedd7;
  right:0;
}

.toggle-betOffer_track2 p {
  position:absolute;
  z-index:3;
  font-size:10px;
  letter-spacing:1.63px;
  line-height:15px;
  text-transform:uppercase;
}

.toggle-betOffer_track2 p:first-child {
  right:3%;
  top:22%;
  color:rgba(159, 237, 215, 0.6);
}

.toggle-betOffer_track2 p:last-child {
  left:12%;
  top:25%;
  color:#024146;
}

.toggle p {
	transition:0.2s color;
}

.toggle p, .toggle span {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/* Card */
.card {
  background:#024146;
  width:320px;
  margin-bottom:2rem;
}

.card-red{
  background:#AE1515;
}

.card-title {
  padding:12px;
  display:flex;
  display:-webkit-flex;
  justify-content:space-between;
  -webkit-justify-content:space-between;
  align-content:center;
  -webkit-align-content:center;
  align-items:center;
  -webkit-align-items:center;
}

.card-title h1 {
  color:#ffffff;
  font-family:"Titillium Web";
  font-size:18px;
  font-weight:600;
  letter-spacing:0.25px;
  line-height:27px;
  margin:0;
}

.claim-button {
  /* height:15px; */
  width:95px;
  font-family:"Titillium Web";
  font-size:10px;
  line-height:15px;
  font-weight:600;
  transition:all 0.3s ease-in-out;
  text-align:center;
  letter-spacing:2px;
  padding:6px 6px;
  text-decoration:none !important;
  border-radius:2px;
  color:#024146;
  background:#FBE180;
}

.claim-button:hover {
  color:#fff9c7;
  background:rgb(0,255,127);
}

.card-description {
  background:rgba(255, 255, 255, 0.1);
  padding:12px;
  color:#fff;
}

.card-description p {
  margin:0;
  height:81px;
  width:256px;
  color:#ffffff;
  font-family:"Titillium Web";
  font-size:18px;
  letter-spacing:0.25px;
  line-height:27px;
}

.card-description > span {
  height:17px;
  width:177px;
  color:#ffffff;
  font-family:"Titillium Web";
  font-size:8px;
  font-weight:bold;
  letter-spacing:1.3px;
  line-height:12px;
}

.cards{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  grid-row-gap:3rem;
  grid-auto-rows:auto;
  grid-template-rows:1fr;
}

.bet-description{
  width: 100%;
  display: none;
}

.bet-description.single{
  display: unset;
}

.bet-description h2 {
  font-size: 1rem;
}

.custom-container{
  max-width:1100px;
  margin:auto;
}

.free_bet_panel .panel{
  border-bottom:0px !important;
  padding-top:0 !important;
}
.free_bet_panel .panel-heading{
  background-color:rgba(237,234,229,0.1);
  padding:0 13px;
}
.free_bet_panel .panel-title{
  height:17px;
  width:177px;
  color:#FFFFFF;
  font-family:"Titillium Web";
  font-size:8px;
  font-weight:bold;
  letter-spacing:1.3px;
  line-height:12px;
  margin-bottom:0px;
}
.free_bet_panel .panel-collapse{
  background-color:#024146;
}

.free_bet_panel .panel-collapse-red{
  background:#AE1515;
}

.free_bet_panel .panel-collapse .panel-body{
  height:auto;
  width:318px;
  color:#FFFFFF;
  font-family:"Titillium Web";
  font-size:10px;
  font-weight:600;
  letter-spacing:1.25px;
  line-height:13px;
  padding:5px 13px;
  margin-bottom:0px;
}

/* Red Cards */
.red-cards{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  display:none;
}

body.calculator .hide-on-calculator,
body.offers .hide-on-offers,
body.calculator section#offers,
body.offers section#calculator,
body.calculator nav a.calculator,
body.offers nav a.offers { display:none; }


/* @media(max-width:850px and min-width:769px) {
  .cards{
  grid-template-columns:1fr 1fr;
} */

@media(max-width:1200px) and (min-width:1001px){
  .card-description p {
    width:100%;
  }

  .card{
    width:100%;
  }
}

@media(max-width:1000px) {
  .cards{
    grid-column-gap:1rem;
    grid-row-gap:1rem;
    grid-template-columns:1fr 1fr;
  }

  .red-cards{
    grid-column-gap:1rem;
    grid-row-gap:1rem;
    grid-template-columns:1fr 1fr;
  }

  .card-description p {
    width:100%;
  }

  .card{
    width:100%;
  }

  .input_field_sfs{
    height: 80px;
    width: 200px;
  }

  .mac_field{
      width:  36px;
      height: 60px;
  }

  .col-dds{
      padding: 0px;
  }

  .curvy{
      height: auto;
  }
  
  .ods_one{
      height: 60px;
  }
}

@media(max-width:500px) {
  .cards{
    grid-template-columns:1fr;
  }
  .red-cards{
    grid-template-columns:1fr;
  }

}