#yourBtn {
  /*position: absolute;*/
  top: 150px;
  /*width: 150px;*/
  padding: 10px;
  /*-webkit-border-radius: 5px;
  -moz-border-radius: 5px;*/
  border: 2px solid #BBB;
  text-align: center;
  /*background-color: #DDD;*/
  cursor: pointer;
}


/* Master css for EPI */


* {
  box-sizing: border-box;
  font-family: Arial, Helvetica, sans-serif;
}

th {
  padding-bottom:0px!important ;
}

/* Preloader*/
#loader {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 9999;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* From styles.htm | FIX */

a.darkbold  {
    font-size: 16px;
    font-weight: bold;
    text-decoration: underline;
    color: <?php echo $dark;?>;
}

a.darkbold:hover {
    background-color: <?php echo $dark;?>;
    color: white
}

a.darkbold18  {
    font-size: 18px;
    font-weight: bold;
    text-decoration: underline;
    color: <?php echo $dark;?>;
}

a.darkbold18:hover {
    background-color: <?php echo $dark;?>;
    color: white
}

a:hover {
    text-decoration: none;
    color: <?php echo $medium;?>;
}

label.op-hdr {
  padding: 0px;
  margin: 0px;
  margin-left: -30px;
  color: <?php echo $dark;?>;
  font-size: 18px;
  }


label.plain {
  padding: 0px;
  margin: 0px;
  color: <?php echo $dark;?>;
  font-size: 20px;
  font-weight: normal
}

.form-item {
    background-color: <?php echo $medium;?>;
    color: <?php echo $dark;?>;
    margin-top: 15px;
}

/* wr writing test testing */

span.narrow-normal{
    padding-left: 12px;
    font-size: 16px;
    color: DarkSlateGray;
} /*jva*/

span.narrow-error{
    padding-left: 12px;
    font-size: 16px;
    color: red;
}
/*============== End from styles.htm ===================*/



/*============== IDs ===============*/

#b0 {
  margin-right: -8px!important;
}

#b1h {
  padding-right:2px!important;
  margin-left: -8px!important;
  border-top-left-radius:18px;
}

#b2h {
  padding-left:4px!important;

}

#b3h {
  margin-right:-6px!important;
}

#b4h {
  margin-right:-9px!important;
  padding:6px 12px!important;
}

#b1l {
  padding-right:0px!important;
  margin-left: -8px!important;
  border-top-left-radius:18px;
}

#b2l {
  margin-left:-8px!important;
  margin-right:-8px!important;
  padding-left:0px!important;
}

#b3l {
  margin-right:-16px!important;
  width:auto;
}

#btn_ctr {
  width:30%;
  margin:auto;
}

#cross {
  margin-left:8px; 
  margin-top:12px;
}

#cross:disabled {
  pointer-events:none
}

#csp1 {
  padding-left: 48px !important;
  padding-bottom: 0px !important;
}

#csp2 {
  padding-left: 48px !important;
  padding-bottom: 6px !important;
}

#csp3 {
  padding-left: 28px !important;
}

#csp4 {
  padding-left: 24px !important;
}

#csp5 {
  padding-left: 24px !important;
}

#thumbs_down {
  width:48.5%;
  margin-right:10px;
}

/*============== CLASSES =========== */
.banner {
  width:85%;
  margin:auto;
}

.banner-top {
  font-size: 18px;
  font-weight:bold;
  font-style: italic;
  border-radius:4px 4px 0px 0px;
}

.banner-bottom {
  border-radius:0px 0px 4px 4px;
  font-size: 18px;
  font-weight:normal;
}

.block-20 {
  display:inline-block;
  width:20%
}

.block-30 {
  display:inline-block;
  width:30%
}

.box-epi {
  font-size:18px;
  color: DarkSlateGray;
  width: 98%;
  padding: 12px 12px 10px 12px;
  border-top: solid 1px #ccc;
  border-left: none;
  border-right: none;
  border-bottom: solid 1px #ccc;
  border-radius: 0px 6px 6px 0px;
  resize: vertical;
}

.box-height {
  height: 30px;
  line-height: 30px;
}

.box-epi-sel {
  padding: 14px 12px 12px 12px;
}

.box-list {
  padding: 6px!important;
}

.box-notes {
  font-size:18px!important;
  color: DarkSlateGray!important;
  padding: 12px 12px 10px 12px!important;
  border-top: solid 1px #ccc;
  border-left: none;
  border-right: none;
  border-bottom: solid 1px #ccc;
  border-radius: 0px 6px 6px 0px;
  resize: vertical;
}

.box-epi-solo {
  border-radius: 6px;
}

.box-epi:disabled {
  cursor: not-allowed;
  background:silver;
}

.box-narrow {
  width: 48%;
}

.box-xxnarrow {
  width: 9%;
}

.box-thin {
  padding: 8px 6px;
}

.box-thin2 {
  padding: 5px 6px 6px 6px;
}

.box-xthin {
  padding: 2px;
}



.btn-col {
  float: left;
  width: 62%;
  margin-top: 6px;
  padding-right:16px
}

.btn-epi {
  font-size:18px;
  font-weight:600;
  width: 100%;
  border: solid 2px #ccc;
  border-radius: 9px;
  padding: 12px;
  display: inline-block;
}

.btn-epi-image {
  color: white;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  width: 100%;
}

.btn-epi:hover {
  border: solid 2px lime;
}

.btn-epi:disabled {
  pointer-events:none
}

.btn-epi-cal {
  padding:0px;
  font-weight:600;
  width:70%;
  line-height:30px;
}

.btn-epi-cal-caret {
  padding: 0px 6px 6px 6px;
  font-size:24px;
  font-weight:600;
  line-height:30px;
  background-color:rgb(59,136,195);
}

.btn-epi-mob {
  font-size: 16px;
  padding:2px 6px!important;
}

.btn-epi-sm {
  margin-top:5px;
  font-size:14px;
  padding: 2px 6px;
}

.btn-epi-md {
  font-size:14px;
  padding: 8px 10px;
}

.btn-epi-xs {
  line-height: 28px;
  width:60%;
  font-size:14px;
  padding: 2px;
}


.btn-epi-cancel {
  width:10%;
  padding: 6px;
  border-radius: 0px 6px 6px 0px;
  border-right: solid 1px goldenrod;
  border-left: 0px;
}

.btn-epi-confirm {
  width:10%;
  padding: 6px;
  border-radius: 6px 0px 0px 6px;
  border-left: solid 1px goldenrod;
  border-right: 0px;
}

.btn-epi-warning {
  font-weight:600;
  padding:3px 0px!important;
  border-bottom: solid 1px goldenrod;
  border-top: solid 1px goldenrod;
  width:70px;
}

.btn-epi-warning:hover {
  border: solid 2px lime;
}

.btn-narrow {
  margin-top:5px;
  width: 20%;
}

.btn-thin {
  padding: 6px;
}

.btn-xxnarrow {
  margin-top:5px;
  width: 4%;
}

.btn-epi:hover {                                       ``
  border: solid 2px lime;
}

/* Create two equal columns that float next to each other */
.column {
  float: left;
  width: 50%;
  padding: 10px;
}


.col-block {
  width: 23%;
  display:inline-block
}

/* To be used in pairs with width=n% totalling 100 */
.col-var {
  float: left;
  padding: 0px 2px 0px 0px;
  width:auto;
}

.col-maj {
  width: 77% !important;
}

.col-lesser {
  width: 56% !important;
  padding: 0px 2px !important;
}

.col-min-5 {
  width: 5%;
}

.col-min-10 {
  width: 16%;
}

.col-min-15 {
  width: 23%;
}

.col-pad {
  width:10%;
}

.col-tdesc-left {
  float: left !important;
  width: 25%;
  margin:0 !important;
  padding: 10px 0px !important;
  font-size:18px !important;
  line-height:1.12 !important;
}

.col-tdesc-right {
  float: left !important;
  width: 75%;
  margin:0 !important;
  padding: 10px 40px 10px 10px !important;
  font-size:18px !important;
  line-height:1.12 !important;
}

.dis-mess {
margin-bottom:0px!important;
margin-top: 12px!important;
margin-right:-1px!important;
background-color:DarkGoldenRod;
padding:6px;
font-size:30px
}


.env-left {
  padding-left:18px;
}

.env-right {
  padding-right:24px;
  float:right;
}

.first-row {            /*media*/
padding-top:24px !important;
}

.flag-form {
  margin:0px!important;
  padding:0px!important;

}

.footer-block {               /*media*/
  margin: 0px ;
  display: block;
}

.slim-row {
  margin-top:0px!important; 
  margin-bottom:0px!important;
  padding-top:0px!important;
  padding-bottom:0px!important
}

.flag-form {
  display:block;
  vertical-align: middle;
  }


.foot-blox {
   padding:0px 6px 0px 8px !important;
}

.foot-blox h4 {
   line-height:60px;
}

.foot-blox-mN {
   padding:0px 20px 0px 8px !important;
}

.foot-blox-mN h4 {
   line-height:60px;
}

.foot-block.mN {
  font-size:18px;
  margin-top:12px;
  margin-left:-8px;
  margin-right:1px;
  padding-right:3px;
}

.foot-block-mY {
  margin: 14px 12px 0px 0px!important;
  display: flex;
  align-items: center;
}

.foot-left-mY {                 /*media*/
   font-size:18px;
   padding: 18px 0px 18px 18px;
   /*padding-bottom: 18px; */
   /*border-bottom-left-radius: 18px;  */
}

.foot-center-mY {                 /*media*/
  font-size:18px;
  /*padding-top: 18px;*/
  padding: 18px;
  text-decoration-line: underline;
  text-align:right; 
}

.foot-right-mY {                /*media*/
  font-size:18px;
  /*padding-top: 18px;
  padding-bottom: 18px;*/
  padding: 18px 18px 18px 0px;
  text-decoration-line: underline;
  text-align:right;
  /*border-bottom-right-radius: 18px;
}

.foot-left-mN {                 /*media*/
   padding-top: 18px;
   padding-left: 18px;
   padding-bottom: 18px;
   border-bottom-left-radius: 18px;
}

.foot-center-mN {                 /*media*/
  padding: 8px; 0px 8px 0px;
  text-decoration-line: underline;
  text-align:right;
}

.foot-right-mN {                /*media*/
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 18px;
  text-decoration-line: underline;
  text-align:right;
  border-bottom-right-radius: 18px;
}

.footer-left {                 /*media*/
  float:left;
  width:50%;
  color: red;
  padding: 9px 0px 9px 36px!important;
  border-bottom-left-radius: 18px;
}

.footer-right {                /*media*/
  float:left;
  width:50%;
  padding: 9px 36px 9px 0px;
  text-align:right;
  border-bottom-right-radius: 18px;
}

.ffleft {
  float:left!important;
}

.fleft {
  display:table;
}

.fright {
  float:right;
}

.font-sm {
  font-size:12px;
}

.font-ju {
  font-size:15px;
}
.font-md {
  font-size:18px;
}

.font-lg {
  font-size:20px;
}

.font-xl {
  font-size:24px;
}

.font-sp {
  color: DarkSlateGray;
  float:left;
  padding:12px 3px;
  font-size:18px;
  font-weight:600
}

.funnel {
  padding: 0px 24px;
}

.hdr-col {
  font-size:18px;
  font-weight:500;
}

.head-block {
  /*font-size:24px;
  margin-left:1px;
  margin-right:-3px;*/
  padding-top:18px;
  padding-bottom:18px;
}

.head-left-mN {
  height: 80px;
  padding-left:18px;
  border-top-left-radius: 18px;
}

.head-center-mN {
  height: 80px;
  padding-left:0px;
  text-align:right;
}

.head-right-mN {
  height: 80px;
  text-align: right;
  font-size:24px;
  padding-right:18px;
  padding-top:4px!important;
  border-top-right-radius: 18px;
}

.head-left-mY {
  height: 80px;
  padding-left:18px;
  border-top-left-radius: 18px;
}

.head-center-mY {
  height: 80px;
  padding-left:0px;
  text-align:right;
}

.head-right-mY {
  height: 80px;
  text-align: right;
  font-size:24px;
  padding-right:18px;
  padding-top:4px!important;
  border-top-right-radius: 18px;
}

.middle-wrapper {
  margin-left:-8px!important;

}

/* The three header section widths should total 100% (less the spacing 0.6% )*/
.header-section-one {      /*contains logo div*/    /*media*/
  float: left;
  width: 35% ;
  padding: 3px 8px;
  background-color: white;
  border-top-left-radius: 18px;
}


.header-section-two {   /*contains flags div*/     /*media*/
  float: left;
  width: 65%;
  background-color: white;
}

.header-section-three {    /*contains slogan div*/    /*media*/
 /* width:33.2%;*/
  float: left;
  width: 32.45%
  /*margin:auto;*/
}


/*----------------Calendar arrows-----------------*/
.btn-arrowIcon {
    width: auto !important;
    padding: 4px 4px 6px 4px;
    border: 1px solid #c7c7c7;
    background-color: #e1e1e1;
    vertical-align: middle;
}
.btn-arrowIcon img {
    width: 14px;
    vertical-align: middle;
}



.icon-col {
  width:4%;
  float:left;
  padding-top:5px;
}

.icon-complement {
  width:90%;
  float:left;

}  

.input-col {
  float: left!important;
  width: 60%;
  margin-top: 8px;

}

.input-col-wide {
  width: 70%;
}

.input-minus {
  width: 55%;
}

.input-narrow {
  width: 47%;
}

.input-xnarrow {
  width: 38%;
}

.input-xxnarrow {
  width: 15%;
}

.lab-epi {
  font-size:18px;
  font-weight:600;
  width: 100%;
  white-space: nowrap;
  border-top: solid 1px #ccc;
  border-left: solid 1px #ccc;
  border-right: none;
  border-bottom: solid 1px #ccc;
  border-radius: 6px  0px 0px 6px;
  padding: 11px 2px 11px 12px;
  display: inline-block;
}

.lab-epi2 {
  font-size:16px;
  font-weight:600;
  white-space: nowrap;
  border-top: solid 1px #ccc;
  border-left: solid 1px #ccc;
  border-right: none;
  border-bottom: solid 1px #ccc;
  border-radius: 6px  0px 0px 6px;
  padding: 3px 6px;
  display: inline-block;
}


.lab-epi-right {
  border-radius: 0px 6px 6px 0px ;
}

.lab-epi-solo {
  border-radius: 6px;
}

.lab-thin {
  padding: 6px 2px 6px 12px;
}

.lab-val {
  padding-right:10px;
  background-color:white;
  text-align:right;
  width:80%
}

.label-col {
  float: left!important;
  width: 38%;
  margin-top: 8px;
}

.label-col-narrow {
  width: 30%;
}

.label-col-xnarrow {
  width: 24%;
}



.label-col-right {
  float: right!important;
  /*width: 38%;*/
  margin-top: 8px;
}


.label-plus {
  width: 43%;
}

.label-twin {
  width: 55%;
}

.label-wide {
  width: 51%;
}

.label-xwide {
  width: 58%;
}

.input-captcha-col {
  float: left;
  width: 19%;
  margin-top: 6px;
}

.label-captcha-col {
  float: left;
  width: 77%;
  margin-top: 6px;
}


.last-row {
  padding-bottom:40px;          /*media*/
}

.line-40 {
  line-height:40px;
}


.line-panel {
  padding-left:16px;
  border-radius:6px;
}

/*
.logog {
  padding-left:36px!important;
  height:86px;
  background-color:white;
  background-image: url("../images/logos/logo-epi200.png");
  background-repeat: no-repeat;
  background-size: contain;
  }   */


.logo {                         /*media*/
  height:76px;
  width:200px;
  background-color:white;
  background-image: url("../images/logos/logo-epi200.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  }



.mar-t-4 {
  margin-top:4px;
}

.mar-t-6 {
  margin-top:6px;
}

.mar-t-8 {
  margin-top:8px;
}

.menu-tabs {
  font-size:16pt;
}
.message-bar {
  padding:0px 0px 0px 20px;
  overflow:hidden; /*https://www.sitepoint.com/community/t/cant-fgure-out-why-divs-arent-inheriting-background-colour/7693*/
}

.message-top {
  padding: 6px 6px !important;
  font-size:20px!important;
}

.mr-lr {
  margin: 0px 20px !important
}

.oops {
  border:none;
  color:darkred;
  font-style: italic;
  background-color:goldenrod;
  padding:7px 24px;
  font-weight: bold;
}

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

.pad-332  {
  padding: 3px 32px;
}

.pad-69  {
  padding: 6px 9px;
}

.pad-b-light {
  padding-bottom:6px!important;
}
.pad-b-med {
  padding-bottom:12px!important;
}

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

.pad-l-hv {
  padding-left:18px!important;
}

.pad-l-med {
  padding-left:12px!important;
}

.pad-jum {
  padding:24px 36px!important;
}

.pad-lr-med {
  padding-left:12px!important;
  padding-right:12px!important;
}


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

.pad-r-med {
  padding-right:12px!important;
}

.pad-r-hv {
  padding-right:18px!important;
}

.pad-t-light {
  padding-top:6px!important;
}

.pad-t-med {
  padding-top:12px!important;
}

.pad-t-hv {
  padding-top:16px!important;
}

.pad-tb-light {
  padding-top:6px!important;
  padding-bottom:6px!important;
}

.jambo-pad {
  padding:30px!important;
}
.panel-center {
  width:50%;         /* media */
  margin:0 auto;
}

.panel-center-block {
  display: inline-block;
  margin:auto;
}

.panel-center-narrow {
  width:36%;
}

.panel-envelope {
  width: 100%;
  padding: 0px!important;
  margin-right:-18px!important;
  display: block;
}

.panel-epi {
  float: left;
  width: 50%;
  padding: 0px 8px 0px 28px;
  display: inline-block;
}

.panel-epi-third {
  float: left;
  width: 33%;
  padding: 0px 8px 0px 28px;
  display: inline-block;
}

.panel-compact-left {
  padding: 0px 0px 0px 48px;
}

.panel-compact-right {
  padding: 0px 30px 0px 0px;
}

.panel-narrow {
  padding-right: 0px;
  width: 42%;
}

.panel-pad-t {
  padding-top: 9px;
}

.panel-wide {
  width: 58%;
}

.panel-xwide {
  width: 92%;
}

.row {
 padding-top:16px;  /*bs*/   /*media*/
}

.row-form-epi {
  margin: 0px !important;
  padding: 0px !important;
}

.row-header {
  margin: 2px !important;
  padding: 2px 2px 0px 0px;
}

.row-header2 {
  margin: 0px !important;
  padding: 2px 0px 0px 0px;
}

.row-menu {
  padding:0 !important;
  margin: 0px !important;
  background-color:white;
  border-color:transparent;
  border-radius:0;
}

.row-padded {
  margin: 0px !important;
  padding-left:32px !important;
  padding-right:32px !important;
}

.row-shutters {
  padding: 10px;
} 

.row-tdesc {
 padding:2px 0px 0px 0px !important;
 margin: 0 !important;
}

.row-thin {
 margin:0px!important;
 padding:0px!important;  /*bs*/   /*media*/
}
/* Clear floats after the columns */
.row:after, .row-header:after, .row-thin:after, .row-tdesc:after, .row-form-epi:after, .row-menu-epi:after, .row-panel:after, .row-shutters:after, .row-padded:after {
  content: " ";
  line-height: 0;
  display: table;
  clear: both;
}

.separator-line {
  margin-bottom:10px;
  width:100%; 
  padding:2px 0px;
}

.separator-thick {
  padding:4px;
}

.separator-txt {
  font-size:20px;
  padding:0px 12px;
  margin-top:6px;
  text-align:center;
  padding-top:0px
}

.slogan {              /*media*/
  float: right;
  width:100%;
  height:86px;
  border-top-right-radius: 18px;
  font-size: 24px;
  font-weight:bold;
  font-style:italic;
  text-align:right;
  padding: 0px 20px;
}

.sub {
  float: left;
  width: 100%;
  text-align:right;
  font-size: 12px;
  font-weight:bold;
  padding-right: 36px;
}

.sub2 {
  float: left;
  width: 100%;
  text-align:center!important;
  font-size: 12px;
  font-weight:bold;
  }


.sub-boxes {
  text-align:center;
  padding:4px 0px 0px 0px;
}

.sub-left {
  text-align:left;
  padding-left: 16px;
}

.sub-split {
  float: left;
  width: 100%;
  text-align:right;
  font-size: 12px;
  font-weight:bold;
  padding-right: 16px;
}

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


.table-epi {

  margin:auto;
  font-size:18px;

}

.tcol-link {
  text-align:center;

}

.top-band {
  font-size: 20px;
  font-weight:bold;
  padding:18px;

}

.txt-box {
  font-size:18px;
  padding:12px;
  border-radius: 6px;
  width:100%;
}

.txt-box-narrow {
  width:95%;
}

.title-ind {
  font-size: 18px;
  font-weight:bold;
  padding:  12px 16px 9px 16px;
}


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

.tx-carousel-emphasis {
  background: rgba(255,255,255,0.8) !important;
  color:#C1434F !important;
  text-shadow: 0px 0px !important;
}

.white-top {
  margin:0;
  padding:0;
  background:white;
  padding:12px 0px;
}

.wrapper {    /*media*/
  width:95%;
  background-color: #f2f2f2;
  margin-right:auto;
  margin-left:auto;
  padding-left:20px;
  /*padding-right: left open to move input field to correct margin*/
  }

/*============== MEDIA QUERIES =========== */

@media screen and (max-width: 1200px) {

  .col-tdesc-left {
  width: 30%;
  padding: 10px 0px;
  text-decoration:underline;
  }

  .col-tdesc-right {
  width: 70%;
  }

  .env-left {
  padding-right: 36px;
  }

  .env-right {
  padding-left:18px;
  float:left;
  }

  .foot-block-mN {
  margin: 14px 12px 0px 0px!important
  }
  
  .foot-block-mY {
  margin: 14px 4px 0px 0px!important
  }

  .foot-left-mY {
  padding-left: 18px;
  padding-bottom: 0px;
  text-align:center;
  border-bottom-left-radius: 0px;
  }

  .foot-center-mY {
  padding-top: 4px;
  padding-left: 18px;
  text-align:left;
  border-bottom-left-radius: 18px;
  }

  .foot-right-mY {
  padding-top: 4px;
  padding-right: 18px;
  text-decoration-line: underline;
  text-align:right;
  border-bottom-right-radius: 18px;
  }

  .head-left-mY {
  height: 80px;
  background-color: white;
  border-top-left-radius: 18px;
  }

  .head-center-mY {
  height: 80px;
  border-top-right-radius: 18px;
  }

  .head-right-mY {

  height: 60px;
  padding-right: 0px;
  padding-top: 16px!important;
  font-size:20px;
  text-align:center;
  border-top-right-radius: 0px;
  }

.middle-wrapper-mY {
  padding-right: 0px!important;
  margin-right: 0px!important;
  }

.middle-wrapper-mN {
  padding-right: 8px!important;
  margin-right: 0px!important;
  }

}


@media screen and (max-width: 990px) {

  .foot-block {
  margin-left:-8px;
  margin-right:-8px;
  }

  .foot-left-mN {
  padding-bottom: 0px;
  text-align:center;
  border-bottom-left-radius: 0px;
}

  .foot-center-mN {
  padding-top: 4px;
  padding-left: 18px;
  text-align:left;
  border-bottom-left-radius: 18px;
}

  .foot-right-mN {
  padding-top: 4px;
  padding-right: 18px;
  text-align:right;
  border-bottom-right-radius: 18px;
}
  .head-left-mN {
  height: 80px;
  background-color: white;
  border-top-left-radius: 18px;
  }

  .head-center-mN {
  height: 80px;
  border-top-right-radius: 18px;
  }

  .head-right-mN {

  height: 60px;
  padding-right: 0px;
  padding-top: 16px!important;
  font-size:20px;
  text-align:center;
  border-top-right-radius: 0px;
  }

}

@media screen and (max-width: 928px) {

  .foot-block-mN {
  margin-right:0px!important;
  }

  .middle-wrapper {
  margin-right:-8px!important;
  padding-right:0px!important;
  }
  
  .mid-section-mN {
  margin-right:0px!important; 
  padding-right:0px!important
  }
}


@media screen and (max-width: 800px) {

  #b00 {
  margin-right: -2px!important;
  }

  #b1h {
    padding-right:0px!important;
    margin-left: -8px!important;
    border-top-left-radius:18px;
  }

  #b2h {
    margin-left:0px!important;
    margin-right:-8px!important;
    padding-left:0px!important;
    padding-right:4px!important;
  }
  
  #b3h {
    float:left;
    padding-left:0px!important;
    padding-right:0px!important;
    margin-left:-2px!important;
    margin-right:0px!important;
    width:100% !important;
  }
  
  #b1l {
    padding-right:0px!important;
    margin-left: -8px!important;
    border-top-left-radius:18px;
  }
  
  #b2l {
    margin-left:0px!important;
    margin-right:-8px!important;
    padding-left:0px!important;
    padding-right:4px!important;
  }
  
  #b3l {
    float:left;*/
    padding-left:0px!important;
    padding-right:0px!important;
    margin-left:-2px!important;
    margin-right:2px!important;
    width:100% !important;
  }

  #btn_ctr {
   width:90%;
   margin:auto;
   }

   #plus_plus img {
   height:10%;
   width: 10%;
   }

   #thumbs_down {
   width: 100% !important;
   margin-right:0px;
   }
/*new stuff*/
  .dis-mess {
  font-size:26px;
  }

  .foot-block {
  margin-left:-8px;
  }

.menu-tabs {
  font-size:10pt;
}

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

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


/* end new stuff*/

.box-epi {
   font-size:18px;
   padding: 3px;
   border-radius: 0px;
   }

.btn-col {
   margin:auto;
   width: 100%;
   text-align:center;
   padding: 0px !important;
   margin-top:0;
   }

   .btn-epi {
   margin:auto;
   width: 50%;
   text-align:center;
   padding: 6px !important;
   margin-top:0;
   }

   .btn-epi-exp {
   width: 100%;
   }

   .btn-epi-sm {
   width: 100%;
   margin-top:10px!important;
   padding: 0px !important;
   }

   .col-maj {
   width:100%;
   }
   
   .col-min-15 {
   width:33%;
   }
   
   .col-pad {
   width:0%;
   }

   .icon-col {
   width:4%;
   padding-top:8px;
   }

   .input-col {
   width: 60%;
   padding: 0px !important;
   margin-top:0;
   }

   .label-col {
   width: 100%;
   padding: 0px !important;
   margin-top:0;
   }

   .lab-epi {
   font-size:18px;
   font-weight:600;
   width: auto;
   border: none;
   padding: 0px 3px;
   border-radius: 3px;
   display: inline-block;
   }
 
   .label-wide {
   width: 100%;
   }
   
   .pad-l-10 {
    padding:0px!important;
   }

   .pad-l-med {
   padding-left:40px!important;
   }

   .pad-l-narrow {
   padding-left:28px!important;
   }

   .pad-l-xnarrow {
   padding-left:16px!important;
   }

   .pad-r-3 {
    padding:0px!important;

   }

   .panel-center {
   width:100%;
   }

   .panel-epi {
   padding-left: 0px !important;*/
   }

  .row-form-epi {
  /*padding: 0px !important;*/
  }

  .sub {
  text-align:left;
  font-size: 12px;
  }

  .subtitle {
  float:left;
  padding: 0px 0px 0px 12px;
  }

  .input-captcha-col {
  width: 100%;
  margin-top:0;
  }

  .label-captcha-col {
  width: 100%;
  margin-top:0;
  }

  .column {
   width: 100%;
   }

  .logo {
   padding-top:3px;
   padding-left:10px;
   }

  .mr-lr {
  margin: 0px 4px !important
  }

  .flags {
   }

  .header-section-two {

   border-top-right-radius:18px;
   padding-right:12px
   }

  .header-section-three {
   width: 36%;
   }

  .panel-epi {
   width: 100%;
   padding:0px 15px
   }

  .row-form-epi {
   margin: 0px !important;
   padding: 0px 0px 0px 20px;
   }


  .flag-form {
  display:block;
  vertical-align: middle;
  }

  .pad-jum {
  padding:9px 4px!important;
  }
  .slogan {
   font-size: 18px;
   float:left;
   padding-top: 20px!important;
   text-align:center;
   border-radius: 0px;
   /*height:auto;*/
   }

   .white-top {
   padding:4px;
   }

  .row-padded {
  margin: 0px !important;
  padding-left:0px !important;
  padding-right:0px !important;
  }

.middle-wrapper-mY {
  margin-left:-6px;
  margin-right:0px;
  }


}



@media screen and (max-width: 700px) {

  #b00 {
  margin-right: 0px!important;
  }

  #b1h {
    padding-right:0px!important;
    margin-left: -8px!important;
    border-top-left-radius:18px;
  }

  #b2h {
    margin-left:0px!important;
    margin-right:0px!important;
    padding-left:0px!important;
    padding-right:4px!important;
  }

  #b3h {
    float:left;
    padding-left:0px!important;
    padding-right:0px!important;
    margin-left:-2px!important;
    margin-right:0px!important;
    width:100% !important;
  }

  #b1l {
    padding-right:0px!important;
    margin-left: -8px!important;
    border-top-left-radius:18px;
  }

  #b2l {
    margin-left:0px!important;
    margin-right:-8px!important;
    padding-left:0px!important;
    padding-right:4px!important;
  }

  #b3l {
    float:left;*/
    padding-left:0px!important;
    padding-right:0px!important;
    margin-left:-2px!important;
    margin-right:2px!important;
    width:100% !important;
  }

  .header-section-two {
   }

  .header-section-three {
   width: 40%;
   }

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

  .dis-mess {
  font-size:20px;
  }
}

@media screen and (max-width: 600px) {
  .logo {
  width:140px;
  height: 60px;
  background-image: url('../images/logos/logo-epi120.png');
  border-top-left-radius: 12px;
  }
  
  .flags {
  height: 64px;
  }
  
  .head-right-mY {
  /*height: 60px;*/
  padding-top: 0px!important;
  padding-left: 10px!important;
  padding-right: 10px!important;
  }

  .header-section-filler {    /*media*/
  float: left;
  width: 10%;
  height:70px;
  background-color: white;
  }
  .header-section-three {    /*media*/
  padding: 0px!important;
  margin:0px!important;
  height:70px;
  }


  .slogan {
/*  font-size: 16px;*/
  }

}


@media screen and (max-width: 540px) {
  .dis-mess {
  font-size:18px;
  }
}

@media screen and (max-width: 485px) {
  .dis-mess {
  font-size:16px;
  }
  
  .logo {
  width:112px;
  height: 54px;
  background-image: url('../images/logos/logo-epi140.png');
  border-top-left-radius: 10px;
  }

  .flags {
  height: 56px;
  }

  .foot-block {
  /*font-size: 16px*/
  }

  .slogan {
   height: auto;
  /*font-size: 11px;*/
  padding: 10px 8px ;
  border-top-right-radius: 0px;
  }

@media screen and (max-width: 444px) {
  .dis-mess {
  font-size:14px;
  }
}

@media screen and (max-width: 392px) {
  .dis-mess {
  font-size:13px;
  }
}
@media screen and (max-width: 380px) {
  .logo {                         /*media*/
  height:80px;
  width:100px;
  background-color:white;
  background-image: url("../images/logos/logo-epi200.png");
  }
}

@media screen and (max-width: 366px) {

  h2 {
  font-size: 20px!important;
  }

  h3 {
  margin:0!important;
  font-size: 18px!important;
  }

  #signinButton {
  padding:4px 6px;
  font-size: 16px!important;
  }

  #b2h {
  height: auto!important;
  padding: 0px!important;
  }

  #b3h {
  height: auto!important;
  font-size: 10px!important;
  padding: 9px 36px!important;
  }

  .btn-col {
  width: 90%;
  padding-right:0px
  }

  .btn-epi {
  width: auto;
  padding: 0px 4px;
  }

  .footer-block {
  margin-left: 0px!important;
  margin-right: 0px!important;
  }

  .footer-left {
  padding-left: 12px!important;
  border-bottom-left-radius: 12px;
  }

  .footer-right {
  padding-right: 12px!important;
  border-bottom-right-radius: 12px;
  }

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

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

  .input-captcha-col {
  width: 60%;
  margin-top: 0px;
  }

  .input-col {
  width: 100%;
  margin-top: 0px;
  }

  .logo {
  padding:0;
  width: 100px;
  height: 40px;
  background-image: url('../images/logos/logo-epi200.png');
  border-top-left-radius: 8px;
  margin-bottom:12px;
  }

  .flags {
  height: 40px;
  margin-bottom:16px;
  }
  
  .panel-compact-left {
  width:100% !important;
  margin:auto !important;
  padding-left: 2px !important;
  }

  .panel-compact-right {
  width:100% !important;
  margin-right:-20px; !important;
  padding: 0px !important;
  }

  .panel-epi {
  width: 85%;
  }

  .slogan {
  height: auto;
  /*  font-size: 11px;*/
  padding: 0px 20px!important;
  border-top-right-radius: 0px;
  }
  
  .txt-box-narrow {
  width:100%;
  }

}