/* Base css */

.winter-sports, /*.annual-quotes-winter*/ {display: none;}

.annual-quotes-essential, .annual-quotes-silver, .annual-quotes-gold {
  display: table !important;
  width: 100%;
  box-shadow: 0 0 15px #999;
}

/*.annual-quotes-winter {
  display: table !important;
  width: 100%;
  box-shadow: 0 0 15px #999;
}*/

.col-quote, .respo-box {
  display: table-cell;
}

/* Create three equal columns that floats next to each other */
.column {
  float: left;
  /* width: 31%; */
  width: 24%;
  padding: 10px 20px;
  /*height: 300px;*/
  background-color: #ededed;
  /* margin-right: 20px; */
  margin-right: 10px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  position: relative;
  margin-bottom: 30px;
  border: 1px solid #d3d3d3;
}

.column h3 { text-align: center; font-weight: 600; margin-top: 15px;}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.program-text {color:#4f81bd;}

.text-price-quote, .text-price-annual {font-weight: 600; text-align: center !important; font-size: 26px; color: #4f81bd; margin-bottom: 12px !important;}

.btn-select {background: #4f81bd; padding: 10px 15px; color: #fff; text-decoration: none !important; box-shadow: 0 0 5px rgb(0 0 0 / 50%);}
.btn-select:hover {background: #000; color:#fff;}

.btn_save_edit_table {background-color: #4f81bd;padding: 5px 10px;}

.box-title {float: left;width: 24%;padding: 10px 20px;background-color: #4f81bd;
}

/* Annual Quotes */
.program-annual-text {color: #f6f6f6; text-align: center !important;}
.days-text h5 {padding: 10px; margin-bottom: 0 !important;}
/*.box-title-annual {float:left; width:15%; background-color: #4f81bd; padding: 20px;}
.box-price-annual {float:left; border-top:2px solid #4f81bd; border-right: 4px solid #4f81bd; padding: 15px; width: 20%; background: #ededed; text-align: center;} */
.box-title-annual {width:20%; background-color: #4f81bd;}
.box-price-annual {padding: 15px; background: #f6f6f6; text-align: center; width: 15%; border-top: 2px solid #4f81bd; border-right: 2px solid #4f81bd;}

#om-button {background: #386194; box-shadow: 0 0 10px rgb(49 86 137); border: none;}
#om-button:hover {background: #a3bcdc; color: #3a3a3a;}

/* Popup BEGIN */

.container-popup {text-align: center;}

.om-popup, .om-popup-silver, .om-popup-gold, .om-popup-winter {
  width: 500px;
  background: #fff;
  position: absolute;
  top:0;
  left: 30%;
  transform: translate(-50%, -50%) scale(0.1);
  text-align: center;
  padding: 20px;
  color: #333;
  visibility: hidden;
}

.open-popup, .open-popup-winter {top:50%; transform: translate(-50%, -50%) scale(1); visibility: visible; box-shadow: 0 0 10px #999;}

.open-popup-silver {top:50%;left: 60%;transform: translate(-50%, -50%) scale(1);visibility: visible;box-shadow: 0 0 10px #999;}

.open-popup-gold {top:70%;left: 60%;transform: translate(-50%, -50%) scale(1);visibility: visible;box-shadow: 0 0 10px #999;}


/* Popup BEGIN */

/* Responsive columns - one column layout (vertical) on small screens */
@media screen and (max-width: 600px) {.column { width: 100% !important; margin-bottom: 20px;} /*.annual-quotes {display: block !important;} */.box-title-annual {float: left; width:100%;} .respo-box{display: table; width:100%;} .box-price-annual{/*width: 50%;*/ display: table-cell;} .om-popup {top:20%;left: 50%;} .om-popup-silver {top:40%;left: 50%;} .om-popup-gold {top:60%;left: 50%;} .program-annual-text {margin-top:20px;} }
@media screen (min-width: 768px) {.column { width: 30% !important; margin-bottom: 20px;}}