@charset "utf-8";

*{margin:0;padding:0;}

/*** Personalized BFS ***/
body {font-family: 'Roboto', sans-serif!important;}
h1 {font-weight: normal!important;}
.brand h1 {font-weight: 700!important;}
.col-md-offset-1,
.col-sm-offset-2 {
    margin-left: 0!important;
}
button, input, select, textarea {
    line-height: 1.2 !important;
}
#col2 {
    margin-top: 91px !important;
}
#fb {
  padding-top: 25px;
}




.orangebg{background:rgba(253, 199, 70, 1);}


.glow{text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);}
.white{color:#707070;}
.black{color:#111;}
.grey{color:#666;}
.orange{color:#f7c160;}
.cent{text-align:center;padding-top: 11px;}


.optionBox{background:#EEEEEE;padding:8px;border:none;border-radius:0px;overflow:hidden !important;
padding: .45em .9em;
    border-radius: 3px;
    line-height: 1.2;
    }
.optionOverCss{background:#fff;padding:8px;border:none;border-radius:0px;
    padding: .45em .9em;
    border-radius: 3px;
    /*border:0px;*/
    line-height: 1.2;
    /*box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);*/
    background-color: #757575;
    }
.optionOverCss p{color:#fff;}
.optionOutCss{background:#EEEEEE;color:#171717;
	/*-webkit-transition: background-color 500ms linear;
    -moz-transition: background-color 500ms linear;
    -o-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;*/
    padding: .45em .9em;
    border-radius: 3px;
    line-height: 1.2;
  }
#btn {width: auto!important;height: auto!important;padding: .45em .9em;border-radius: 3px;border: 1px solid #757575;line-height: 1.2;background-color: #757575; color:#fff; min-width: 7rem;}
.btnOverCss input{background:#757575;color:#fff;
    padding: .45em .9em;
    border-radius: 3px;
    border: 1px solid #757575;
    line-height: 1.2;
  }
.btnOutCss input{background:#757575;color:#fff;
/*-webkit-transition: background-color 500ms linear;
    -moz-transition: background-color 500ms linear;
    -o-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;*/
    padding: .45em .9em;
    border-radius: 3px;
    border:0px;
    line-height: 1.2;
  }

/*.img-margin {border:5px solid #fff;}*/
.img-question {margin-bottom: 25px;}

.imgOverCss{}
.imgOverCss{
  -webkit-transition: -webkit-transform 0.5s ease;
  -moz-transition: -moz-transform 0.5s ease;
  transition: transform 0.5s ease;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  box-shadow:0px 1px 5px #666;
  z-index:999;
}

.imgOutCss{
  -webkit-transition: -webkit-transform 0.5s ease;
  -moz-transition: -moz-transform 0.5s ease;
  transition: transform 0.5s ease;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  box-shadow:0px 0px 0px #666;
  z-index:1;
}

/* .vertical-align {
  position: relative !important;
  top: 50% !important;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}*/

#col1{margin-top:50px;}
#col2{margin-top:50px;}


.nav-services h2 {
    margin: -4px 0 -1px!important;
    font-weight: 500!important;
}

@media (max-width: 992px) {
  /*#col1{margin-top:130px;} /* moves the question allowing space for the timer */
  #col1{/*margin-top:90px;*/margin-top: 70px;}
  #col2{margin-top:155px!important;} /* moves the question allowing space for the timer */
  .timerRow{width:100%;}
  .timerContainer{text-align: center;width:100%;}
  /*.timer {margin-top:20px;zoom:0.35;-moz-transform: scale(0.35);-moz-transform-origin: top left;padding-left:35px;padding-bottom: 5px;}*/
  .timer {margin-left: -7px; margin-top: -30px;}
}

/* preloader */
.preloader{
    width:34px;
    height:34px;
    display:inline-block;
    padding:0px;
    
    border-radius:100%;
    border:2px solid;
    border-top-color:rgba(0,0,0, 0.8);
    border-bottom-color:rgba(0,0,0, 0.2);
    border-left-color:rgba(0,0,0, 0.8);
    border-right-color:rgba(0,0,0, 0.2);
    outline: 1px solid transparent;

    -webkit-animation: preloader 1s linear infinite;
    animation: preloader 1s linear infinite;
}
@keyframes preloader{
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}
@-webkit-keyframes preloader{
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}