/**** ONMAIN 2019
onmain.ca
****/

/**@import url("//hello.myfonts.net/count/38bcf5");**/

@font-face {font-family: 'MuseoSans-700';src: url('assets/fonts/webfonts/38BCF5_0_0.eot');src: url('assets/fonts/webfonts/38BCF5_0_0.eot?#iefix') format('embedded-opentype'),url('assets/fonts/webfonts/38BCF5_0_0.woff2') format('woff2'),url('assets/fonts/webfonts/38BCF5_0_0.woff') format('woff'),url('assets/fonts/webfonts/38BCF5_0_0.ttf') format('truetype');}


@font-face {font-family: 'MuseoSans-300';src: url('/assets/fonts/webfonts/38BCF5_1_0.eot');src: url('/assets/fonts/webfonts/38BCF5_1_0.eot?#iefix') format('embedded-opentype'),url('/assets/fonts/webfonts/38BCF5_1_0.woff2') format('woff2'),url('/assets/fonts/webfonts/38BCF5_1_0.woff') format('woff'),url('/assets/fonts/webfonts/38BCF5_1_0.ttf') format('truetype');}


@font-face {font-family: 'MuseoSans-500';src: url('assets/fonts/webfonts/38BCF5_2_0.eot');src: url('assets/fonts/webfonts/38BCF5_2_0.eot?#iefix') format('embedded-opentype'),url('assets/fonts/webfonts/38BCF5_2_0.woff2') format('woff2'),url('assets/fonts/webfonts/38BCF5_2_0.woff') format('woff'),url('assets/fonts/webfonts/38BCF5_2_0.ttf') format('truetype');}


@font-face {font-family: 'MuseoSans-300Italic';src: url('assets/fonts/webfonts/38BCF5_3_0.eot');src: url('assets/fonts/webfonts/38BCF5_3_0.eot?#iefix') format('embedded-opentype'),url('assets/fonts/webfonts/38BCF5_3_0.woff2') format('woff2'),url('assets/fonts/webfonts/38BCF5_3_0.woff') format('woff'),url('assets/fonts/webfonts/38BCF5_3_0.ttf') format('truetype');}


@font-face {font-family: 'MuseoSans-500Italic';src: url('assets/fonts/webfonts/38BCF5_4_0.eot');src: url('assets/fonts/webfonts/38BCF5_4_0.eot?#iefix') format('embedded-opentype'),url('assets/fonts/webfonts/38BCF5_4_0.woff2') format('woff2'),url('assets/fonts/webfonts/38BCF5_4_0.woff') format('woff'),url('assets/fonts/webfonts/38BCF5_4_0.ttf') format('truetype');}

html{
}

body{
}

p{}
a:link, a:visited, a.modal-button{ color:#3DC31D; color:#36b395;}



#region-header-languages{
background-color: rgb(231, 241, 239);
min-height:35px;
color:#ebedea;
padding-top:10px;
}

#region-header-languages .label {
margin-left:15px;
}

.headercol {
padding-top:110px;
}

.headercol h2 {
padding-top:22px;

}

#logo {
}

#logo img {
display:block;
}


h1.page-title {
  border-bottom: 0px solid #EDEDED; font-weight:300; font-size:33px; color: rgb(45, 136, 170);  margin: 20px 0 10px 10px; padding: 5px 0; font-family: 'MuseoSans-300' !important;}





#block-block-16
{float: left; padding:13px 0;  color:rgb(231, 241, 239); font-size:12px;
border-bottom: 4px solid rgb(45, 136, 170);
}


footer {
margin:-80px 0 0 0;
padding-bottom:0;
}

.span12 .content, .cotent {
padding: 15px 2% 15px 2%;
}

.credits {
  display: block;
font-size:14px;
text-align: center;
margin:80px 0 20px 0;
}

table {
margin-bottom:20px;
}


td, th {
text-align:left;
border-rigth:none;
padding:3% !important;
padding:10px !important;
font-size:70%;
line-height:140%;
}



td:first-child {
width:75%;
}

tr.bb td {
border-bottom: 1px solid #eee;
}

tr.h td {
background-color:rgb(231, 241, 239);
font-weight:bold;
padding:10px !important;
}

td.hh {
font-weight:bold;
padding:10px !important;
}


tr.f td, td.f {
width:50%;
padding:10px !important;
}

tr.s td:first-child {
width:66%;
padding:10px !important;
}

td.numbers {
text-align:center;
font-size:400%;
line-height:100%;
color:rgb(45, 136, 170);
vertical-align:middle;
width:10%;
border:none;
}



td, th {
padding:20px !important;
}


/****
OLD
****/








.results {
margin:30px 0 10px 25px;
color:#124270;
}



ul li {
line-height:150%;
}


.input-mini {
width:20px;
}

input.btn.btn-skip {
  margin-left:20px;
  color: #888888;
  border-color:#fff;
  border-bottom:none;
  border-right:none;
}

.btn {

  -webkit-border-radius: 29px;
     -moz-border-radius: 29px;
          border-radius: 29px;
          lheight: 52px;
          font-family: MuseoSans-500;
          font-size: 18px;
          line-height: 26px;
          padding:15px 40px 15px 40px;

}



.btn-success {
  color: #ffffff;
  border:none;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: rgb(249, 184, 20);
  *background-color: rgb(249, 184, 20);
  background-image: -moz-linear-gradient(top, rgb(249, 184, 20), rgb(249, 184, 20));
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgb(249, 184, 20)), to(rgb(249, 184, 20)));
  background-image: -webkit-linear-gradient(top, rgb(249, 184, 20), rgb(249, 184, 20));
  background-image: -o-linear-gradient(top, rgb(249, 184, 20), rgb(249, 184, 20));
  background-image: linear-gradient(to bottom, rgb(249, 184, 20), rgb(249, 184, 20));
  background-repeat: repeat-x;
  border-color: rgb(249, 184, 20);
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgb(249, 184, 20)', endColorstr='rgb(249, 184, 20)', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  color: #ffffff;
  background-color: rgb(249, 184, 20);
  *background-color: rgb(249, 184, 20);

}

.btn-success:active,
.btn-success.active {
  background-color: rgb(249, 184, 20);
}




input[type="radio"] {
    margin-right:7px;
}

input[type="checkbox"] {
  margin-right:7px;
}

    /* Large desktop */
    @media (min-width: 1200px) { ... }

    /* Portrait tablet to landscape and desktop */
    @media (min-width: 768px) and (max-width: 979px) {
      .container {
      padding:3%;
      }
      .headercol {
      padding-top:10px;
      }

      .headercol h2 {
      padding-top:0px;
      }
      input.btn {
      width:100%;
      margin-bottom:20px;
      margin-left:0px;
      }

      input.btn.btn-skip {
      margin-left:0px;
      }



     }

    /* Landscape phone to portrait tablet */
    @media (max-width: 767px) {

#title  {
font-size:32px;
}

      .container {
      padding:3%;
      }

      .headercol {
      padding-top:10px;
      }

      .headercol h2 {
      padding-top:10px;
      }

input.btn {
width:100%;
margin-bottom:20px;
margin-left:0px;
}

input.btn.btn-skip {
margin-left:0px;
}

     }



/* Landscape phones and down */
    @media (max-width: 480px) {


.container {
padding:5%;
}

.headercol {
padding-top:10px;
}

.headercol h2 {
padding-top:10px;
}


input.btn {
  width:100%;
  margin-bottom:20px;
  margin-left:0px;
}
input.btn.btn-skip {
  margin-left:0px;
}

     }



#title  {
  color:#fff;

}