/*@import url(https://fonts.googleapis.com/css?family=Roboto);*/

body {
/*  background:#dbecf6;
  position: absolute;
  width:100%;
  padding:0;
  margin:0;
  font-family: "Roboto", sans-serif;
  color: #333;
  overflow-x: hidden;*/
}
 html, body {
    height: 100%;
}
.content-block {
/*    min-height: calc(100vh - 50px);
	background: url("img/call-bg04.jpg") bottom center no-repeat;
	background-size: 100% auto;*/
/*	background-size: contain;*/
}
.top-header {
	background: #fff;
	height: 70px;
	line-height: 70px;
}
.top-header .row:first-child img {
	width: 100%;
	max-width: 300px;
}
.top-header .row:nth-child(1){
	text-align: center;
}
.top-header .row:nth-child(1) h2{
	text-align: center;
	line-height: 70px;
	font-weight: bold;
	color:#0079c1;
}
h2#fbLiveChatModalLabel {
	font-size: 30px;
}
.top-header .row:nth-child(1) h2 .glyphicon {
    top: 3px;
}
.top-header .question {
	font-size:35px;
	line-height: 70px;
	color: #0079c1;
}
.top-header .overicon {
	position: absolute;
	right: 20px;
	top:0;
}
.top-header .question:hover {
	cursor: pointer;
}
.container-table {
	display: table;
	height: calc(100vh - 150px);
}
.question-form {
	/*display: table-cell;
	vertical-align: middle;*/
	margin-top:4%;
}
.question-form .block {
	width: 50%;
	background: rgba(255,255,255,1);
	padding: 30px;
	min-width: 250px;
	margin: 0 auto;
	text-align: center;
	-webkit-border-radius: 6px;
	-mox-border-radius:6px;
	border-radius: 6px;
	border:solid 1px #e0e0e0;
}

.question-form p {
	margin-bottom:20px;
}
.question-footer {
	text-align: center;
	padding: 15px 20px 5px;
}
/*#Header {
    background: url("img/gradient-background-sprite.jpg") no-repeat scroll center top #340100;
    height: 172px;
    clear: left;
    min-height: 77px;
    position: relative;
    width: 100%;
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
}*/


.featurette-divider {
    margin: 30px 0;
}

.modal-header {
    padding: 10px;
}

.modal-body {
    margin: 10px;
    padding: 20px;
}

a.link--w:hover {
	color:#0079c1;
}

/* ====================================
                  NEW
======================================== */
.form__group {
  position: relative;
  padding: 15px 0 0;
  margin-top: 10px;
}

.form__field {
  font-family: inherit;
  width: 100%;
  border: 0;
  border-bottom: 1px solid #d2d2d2;
  outline: 0;
  font-size: 16px;
  color: #212121;
  padding: 7px 0;
  background: transparent;
  transition: border-color 0.2s;
}

.form__field::placeholder {
  color: transparent;
}

.form__field:placeholder-shown ~ .form__label {
  font-size: 16px;
  cursor: text;
  top: 20px;
}

.form__field:focus ~ .form__label {
  color: #0079c1;
}

.form__field:focus {
  padding-bottom: 6px;
  border-bottom: 2px solid #0079c1;
}


*, *:before, *:after {
  box-sizing: border-box;
}

#clock {
	font-size: 40px;
	line-height: 45px;
	margin-top: -15px;
	margin-bottom: 50px;
}
@media only screen and (max-width: 1200px) {
    /*body{font-size: 14px;}*/
	h2#clock {font-size: 36px; line-height: 40px ;}
}
@media only screen and (max-width: 991px) {
	.content-block {min-height: calc(100vh - 67px);}
}
	
@media only screen and (max-width: 768px) {
    body{font-size: 11px;}
	.form__field:placeholder-shown ~ .form__label, .form__field {
  		font-size: 14px;
	}
	.content-block {min-height: calc(100vh - 60px);}
	.container-table {height: calc(100vh - 200px);}

	label, .form__field:focus ~ .form__label {
  		/* font-size: 10px; */
	}
	.md-btn {
		font-size: 14px;
		height: 29px;
		padding: 4px 12px;
	}
	h2#clock {
		font-size: 26px; 
		line-height: 30px; 
		margin-top: 5px !important;
		margin-bottom: 10px !important;
	}
	.countdown {
		margin-bottom: 30px;
	}
}
@media only screen and (max-width: 500px) {
	h2.modal-title, #fbLiveChatModalBody h2 {font-size:180%;}
	h2#fbLiveChatModalLabel {font-size: 220%;}
	.top-header .question {font-size: 26px;}
}