/*
CSS Landing v.1
Fernando
Thxs 960
*/




/* Reset
----------------------------------------------------------------------------------------------------*/
a,
p,
div,
footer,
h1,
h2,
h3,
h4,
h5,
h6,
header,
q,{
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 100%;
}

html,
body {
  height: 100%;
}

img {
  color: transparent;
  font-size: 0;
  vertical-align: middle;
/*
  For IE.
  http://css-tricks.com/ie-fix-bicubic-scaling-for-images
*/
  -ms-interpolation-mode: bicubic;
}

small {
  font-size: 75%;
}

/* `Basic HTML
----------------------------------------------------------------------------------------------------*/

body {
    min-width: 960px;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	font-size: 16px;
  	background: #FFF;
  	color: #333;
  	margin: 0;
	padding: 0;
}

p {
  line-height: 1.3;
}

h1 {
	font-size: 46px;
	color: #37a8db;
  	font-family: Klavika Bold;
  	/* border-bottom: 1px solid #CCC; */
	padding: 10px;
	margin-top: 40px;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 0.2em;
}

h2,
h3,
h4,
h5,
h6 {
  	line-height: 1;
	-webkit-margin-before: 0.2em;
	-webkit-margin-after: 0.6em;
}

a {
  color: #666666;
  text-decoration: none;
}

a:hover {
  color: #000;
}

q {
  	quotes: none;
	font-size: 30px;
	color: #666;
  	font-family: Klavika LightItalic;
  	text-align: center;
}

small {
  font-size: 11px;
}

h3 {
  	font-size: 24px;
  	color: #666;
}

h4 {
  	font-size: 24px;
  	font-family: Klavika Light;
  	font-weight: regular;
  	color: #666;
  	margin-bottom:40px;
}

h1.red {
	margin-top:0px;
	font-size: 56px;
	color: rgb(233, 57, 57);
	text-shadow: 0px 1px #000;
	
}

q img{
	vertical-align: top;
}

img{
	border: 0;
}

a img{
	border: 0;
}

/* `Layout
----------------------------------------------------------------------------------------------------*/


.wrapper {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
}

.wide_4,
.wide_6,
.wide_8,
.wide_12 {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}

.first {
  margin-left: 0;
}

.last {
  margin-right: 0;
}



.wrapper .wide_4 {
  width: 300px;
}


.wrapper .wide_6 {
  width: 460px;
}


.wrapper .wide_8 {
  width: 620px;
}


.wrapper .wide_12 {
  width: 940px;
}


.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.wrapper:before,
.wrapper:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.wrapper:after {
  clear: both;
}

.clearfix,
.wrapper {
  zoom: 1;
}

.posc-fix1 {
	z-index: 4;
	position: relative;
	top: 60px;
}


/* `header
----------------------------------------------------------------------------------------------------*/

header {
 	background:#FFF;
 	border-bottom:1px solid #000;
	overflow: auto;
	width: 100% !important;
}


/* `Logo
----------------------------------------------------------------------------------------------------*/

#logo {
 	background:url(../images/logo_bkool.png) no-repeat;
 	height: 40px;
  	margin: 20px;
}

/* `Boxes
----------------------------------------------------------------------------------------------------*/

#grey_box {
 	background: #f4f4f4;
 	border: 1px solid #CCC;
  	padding: 20px !important;
  	margin-top: 20px;
  	margin-bottom: 20px;
  	border-radius: 10px;
}

#grey_box h3{
	border-bottom: 2px solid #CCC;
	padding-bottom: 20px;
}

#grey_box p{
	padding: 8px;
}



#hd_grey {
 	background: #e6e6e6;
 	border-bottom: 2px solid #a2a2a2;
  	padding: 6px 5px 3px 10px;
  	margin-bottom: 10px;
}

#hd_grey img{
  	float: right;
}

#center {
 	text-align: center;
}

#margin {
 	margin: 30px 0 40px 0;
}

#margin_t {
 	margin: 30px 0 0px 0;
}

#grey_gradient {
	background: #ffffff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg3JSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGUwZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 87%, #e0e0e0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(87%,#eeeeee), color-stop(100%,#e0e0e0));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 87%,#e0e0e0 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#eeeeee 87%,#e0e0e0 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 87%,#e0e0e0 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 87%,#e0e0e0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 );
	z-index: 0;
}

#grey_gradient h3{
	margin-bottom: 0 !important;
	padding-top: 97px;
}

#grey_gradient img{
	padding-left: 20px
}

#front img{
	z-index: 4;
	position: relative;
	top: 30px;
}

.back{
	z-index: 2;
	position: relative;
	top: 213px;
}


#black{
	color:#000;
	margin-top: 10px;
}

#btns-app {
	margin-top: 10px;
}

#tb-grey {
	margin-top: 10px;
	border-top: 1px solid #000;
}

.bb_grey {
	padding-top: 10px;
	padding-bottom: 30px;
	border-bottom: 1px solid #ccc;
}

#social_share {
	margin-top: 10px;
}

/* `footer
----------------------------------------------------------------------------------------------------*/

footer {
	  display: block;
 	background: #b3b3b3;
	padding: 20px;
	border-top: 2px solid #999999;
}


/* `Buttons
----------------------------------------------------------------------------------------------------*/

a.button {
	font-family: Klavika Light;
	text-decoration: none;
	font-size: 32px;
	letter-spacing:2px;
	color: #fff;
 	text-shadow: 0px -1px #d71c24;
 	
	background: #f9700e;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiNmOTcwMGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI2OCUiIHN0b3AtY29sb3I9IiNmYzk1NGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #f9700e 25%, #fc954b 68%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#f9700e), color-stop(68%,#fc954b));
	background: -webkit-linear-gradient(top,  #f9700e 25%,#fc954b 68%);
	background: -o-linear-gradient(top,  #f9700e 25%,#fc954b 68%);
	background: -ms-linear-gradient(top,  #f9700e 25%,#fc954b 68%);
	background: linear-gradient(to bottom,  #f9700e 25%,#fc954b 68%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9700e', endColorstr='#fc954b',GradientType=0 );

 	padding: 10px 30px 10px 30px;
 	margin: 40px;
 	
 	border-bottom: 2px solid #f9700e;
 	border-radius: 5px;
 	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;

}

.button:hover {
	font-family: Klavika Light;
	background: #fca90f;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiNmY2E5MGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI2OCUiIHN0b3AtY29sb3I9IiNmZmMzNGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #fca90f 25%, #ffc34c 68%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#fca90f), color-stop(68%,#ffc34c));
	background: -webkit-linear-gradient(top,  #fca90f 25%,#ffc34c 68%);
	background: -o-linear-gradient(top,  #fca90f 25%,#ffc34c 68%);
	background: -ms-linear-gradient(top,  #fca90f 25%,#ffc34c 68%);
	background: linear-gradient(to bottom,  #fca90f 25%,#ffc34c 68%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fca90f', endColorstr='#ffc34c',GradientType=0 );


}

a.button2 {
	text-decoration: none;
	font-size: 32px;
	letter-spacing: 1px;
 	padding: 10px 30px 10px 30px;
 	color: #fff;
 	text-shadow: 0px -1px #d71c24;
	background: #ef017c;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyNCUiIHN0b3AtY29sb3I9IiNlZjAxN2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI4MCUiIHN0b3AtY29sb3I9IiNmZjVkYjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ef017c 24%, #ff5db1 80%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(24%,#ef017c), color-stop(80%,#ff5db1));
	background: -webkit-linear-gradient(top,  #ef017c 24%,#ff5db1 80%);
	background: -o-linear-gradient(top,  #ef017c 24%,#ff5db1 80%);
	background: -ms-linear-gradient(top,  #ef017c 24%,#ff5db1 80%);
	background: linear-gradient(to bottom,  #ef017c 24%,#ff5db1 80%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef017c', endColorstr='#ff5db1',GradientType=0 );

 	border-bottom: 2px solid #ef017c;
 	border-radius: 5px;
 	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;

}

.button2:hover {
	background: #ef28aa;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyNCUiIHN0b3AtY29sb3I9IiNlZjI4YWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI4MCUiIHN0b3AtY29sb3I9IiNmOTY2Y2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ef28aa 24%, #f966cb 80%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(24%,#ef28aa), color-stop(80%,#f966cb));
	background: -webkit-linear-gradient(top,  #ef28aa 24%,#f966cb 80%);
	background: -o-linear-gradient(top,  #ef28aa 24%,#f966cb 80%);
	background: -ms-linear-gradient(top,  #ef28aa 24%,#f966cb 80%);
	background: linear-gradient(to bottom,  #ef28aa 24%,#f966cb 80%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef28aa', endColorstr='#f966cb',GradientType=0 );
}