/* since 0530 - hide deprecated phone numbers */
.call_now, .question_banner
{ display: none !important; }

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after,
.nbs-flexisel-container:before, .nbs-flexisel-container:after	/* FIX flexisel overflow */
{ content: " "; display: table; }

.clearfix:after,
.nbs-flexisel-container:after								/* FIX flexisel overflow */
{ clear: both; }

.container {
	max-width: 72em;
	margin: 0 auto;
}

/*
.container > header {
	width: 90%;
	max-width: 69em;
	margin: 0 auto;
	padding: 2em 1.875em 1.5em;
}
*/

.container > header {
	width: 90%;
	max-width: 1240px;
	margin: 0 auto;
	position: relative;
	/*padding: 30px;*/
	padding: 10px; /* after description added */
	text-align: center;
	/*background: url(/img/thumb/laminat/berry-alloc/naturals/atlantic-oak.jpg) top left repeat-x;*/
	border: 2px solid #fff;
	border-radius: 10px;
	/*background: #eee;*/
	background: url(/img/binding_light_2X.png) top left repeat-x;
}
.container > header,
.nbs-flexisel-inner {	
	/*
	-webkit-box-shadow: 0px 0px 15px 0px rgba(52, 85, 55, 0.5);
	-moz-box-shadow:    0px 0px 15px 0px rgba(52, 85, 55, 0.5);
	box-shadow:         0px 0px 15px 0px rgba(52, 85, 55, 0.5);
	*/
	-webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 0px 15px 0px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 0px 15px 0px rgba(50, 50, 50, 0.5);
}

img.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
img.grayscale.disabled {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}
.grayscale {
	 -moz-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	 -o-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	 -webkit-filter: grayscale(100%);
	 filter: gray;
	 filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
}

.container > header a {
	/*color: #000; border-bottom: 1px solid #000;*/
	color: #fff; border-bottom: 1px solid #fff;
}
.container > header a:hover {
	color: #333;
	background: #f7f7f7;
	border: none;
}

.container > header h1 {
	font-size: 34px;
	line-height: 38px;
	margin: 0 auto;
	font-weight: 700;
	/*color: #333;*/
	color: #fff;
	cursor: default;
	
	/*
	background:rgb(255,102,0);
    background: transparent\9;
    background:rgba(255,102,0,0.3);
	*/
	background:rgb(50,50,50);
    background: transparent\9;
    background:rgba(50,50,50,0.3);
}

.container > header h1 span {
	display: block;
	font-size: 20px;
	font-weight: 300;
	
	/*
	background:rgb(255,102,0);
    background: transparent\9;
    background:rgba(255,102,0,0.3);
	*/
	/*
	background:rgb(50,50,50);
    background: transparent\9;
    background:rgba(50,50,50,0.3);
	*/
	color: #eee;
}

.header_banner {
	font-size: 1.25em;
	font-weight: 300;
	line-height: 1.7;
	margin: 0;
	font-family: Georgia, helvetica, arial;
	font-style: italic;

	padding: 20px 5px;
	text-align: center;
	border: 4px solid #fff;
}
.ask {
	/*margin: 30px;*/
	/*margin-top: 30px;*/
	padding: 20px 5px;
	font-size: 1.5em;
	text-align: center;
	/*border: 4px solid #fff;*/
	background: url(/img/bg-gray2.gif) bottom left repeat; /* DARK setting */
	
	/*font-weight: bold;*/
	border-top: 4px solid #aaa;
	border-top: 4px solid #fff; /* DARK setting */
	border-bottom: 4px solid #666;
	
	-webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 0px 15px 0px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 0px 15px 0px rgba(50, 50, 50, 0.5);

}


.header_banner, .ask {	
	/*background: #69aa6f;*/	/* green */
	
		/*background: #F0DC82;*/	/* pale */
	
	/*background: url(/img/shattered.png) center repeat-x;*/
	/*color: #fff;*/
		
		color: #333;
/*
	-webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 0px 15px 0px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 0px 15px 0px rgba(50, 50, 50, 0.5);
*/
}

.ask > span {
	/*float: left;*/
	width: 15em;
	margin: 0 30px;
	font-style: italic;
}

@media screen and (max-width: 56em) {
	.ask > span {
		float: none;
		font-weight: bold;
	}
}

@media screen and (max-width: 50em) {
	.container > header h1 span {
		font-size: 18px;
		line-height: 28px;
	}
	.ask, .header_banner {
		font-size: 1.2em;
	}
}

@media screen and (max-width: 35em) {
	.container > header h1 span {
		font-size: 16px;
		line-height: 24px;
	}
	.ask, .header_banner {
		font-size: 0.9em;
	}
}

@media screen and (max-width: 25em) {
	.container > header h1 span {
		font-size: 12px;
		line-height: 20px;
	}
	.ask, .header_banner{
		font-size: 0.7em;
	}
}

/* DISABLED LINKS */
a[disabled] {
    pointer-events: none;
	cursor: default;
	color: #bbb !important;
}

footer a[disabled] {
    pointer-events: none;
	cursor: default;
	color: #444 !important;
}


/* CALLBACK BUTTON */
.btn {
  border: none;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  background: none;
  cursor: pointer;
  padding: 25px 80px;
  display: inline-block;
  /*margin: 15px 30px;*/
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  outline: none;
  position: relative;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.btn-3:hover {
  /*background: #f29e0d;*/
}
.btn-3 {
  /*background: #fcad26;*/
  color: #fff;
}
.btn-3e {
  background: #fcad26;
  padding: 25px 120px 25px 60px;
  overflow: hidden;
}
.btn-3f {
  background: #41B7DA;
  padding: 15px 20px;
  overflow: hidden;
  font-size: 16px;
  color: #333333;
}
.btn-3f:hover {
  /*background: #5EC8EA;*/
  color: #ffffff;
}


.btn:before, .icon-heart:after, .icon-star:after, .icon-plus:after, .icon-file:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  position: relative;
  -webkit-font-smoothing: antialiased;
}
.icon-arrow-right:before {
  /*content: "\e00d";*/
  content: "\260e";
}
.btn-3:before {
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  line-height: 3;
  font-size: 140%;
  width: 60px;
}
.btn-3e:before, .btn-3f:after {
  left: auto;
  right: 10px;
  z-index: 2;
}

.btn:after {
  content: '';
  position: absolute;
  z-index: -1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.btn-3e:after, .btn-3f:after {
  background: rgba(255,255,255,0.2);
}
.btn-3e:after {
  width: 20%;
  height: 200%;
  z-index: 1;
  right: 0;
  top: 0;
  margin: -5px 0 0 -5px;
  -webkit-transform-origin: 0 0;
  -webkit-transform: rotate(-20deg);
  -moz-transform-origin: 0 0;
  -moz-transform: rotate(-20deg);
  -ms-transform-origin: 0 0;
  -ms-transform: rotate(-20deg);
  transform-origin: 0 0;
  transform: rotate(-20deg);
}
.btn-3e:hover:after {
  width: 27%;
}
/*
.btn-3f:after {
  width: 20%;
  height: 100%;
  z-index: 1;
  right: 0;
  top: 0;
  margin: -5px 0 0 -5px;
  -webkit-transform-origin: 0 50;
  -webkit-transform: rotate(-45deg);
  -moz-transform-origin: 0 50;
  -moz-transform: rotate(-45deg);
  -ms-transform-origin: 0 50;
  -ms-transform: rotate(-45deg);
  transform-origin: 0 50;
  transform: rotate(-45deg);
}
.btn-3f:hover:after {
  width: 77%;
}
*/

.call_now, .action_banner {
	width: 100%;
	text-align: center;
}

.footer_banner {
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: center;
}
img.question_banner {
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 574px;
}