/* General Settings
--------------------------------------------------------------------------------------------------*/


body {
  padding: 0;
  font-family: "Oswald",Helvetica,Arial,Verdana,sans-serif;
}

header { position: relative; z-index: 100; }

a:link, a:visited, a:hover, a:active {
  text-decoration: none;
  color: #4286f4;
}

h1{
  font: 400 40px/1.5 Helvetica, Verdana, sans-serif;
  margin: 0;
  padding: 0;
  color:white;
}

h2 {
  font: 300 30px/1.5 Helvetica, Verdana, sans-serif;
  margin: 0;
  padding: 0;
}

header {
  background-color: #0079D7;
  top:0;
  width:100%;
  z-index:100;
}

main {
  width:100%;
  z-index:100;
}

.errorlist { color: red; }

.login {
  margin-top: 80px;
}

.glyphicon-large {
	font-size: 100px;
}

.nav-front-link { display: inline-block; }

.fleft { float: left !important; }
.fright { float: right !important; }

.left { text-align: left !important;}
.right { text: align: right !important; }

.mright20 { margin-left: 20px; }


/* Custom Checkboxes
--------------------------------------------------------------------------------------------------*/

.checkbox-custom {
  display: inline-block;
	width: 40px;
	height: 22px;
	background: #D3D3D3;
	border-radius: 2px;
	position: relative;
}

.checkbox-custom:before {
	content: '';
	position: absolute;
	top: 10px;
	left: 5px;
	height: 3px;
	width: 29px;
	background: #999;
}

.checkbox-custom label {
	display: block;
	width: 15px;
	height: 15px;
	border-radius: 15%;
  font-size: 160%;

  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  -ms-transition: all .5s ease;
	transition: all .5s ease;
	cursor: pointer;
	position: absolute;
	top: 3px;
	z-index: 1;
	left: 3px;
	background: #fff;
  background: linear-gradient(to bottom right, #fff, #ededed);
}

.checkbox-custom input[type=checkbox]:checked + label {
	left: 22px;
	background: #0095FF;
  background: linear-gradient(to bottom right, #00a9ff, #0095FF);
}

.checkbox-custom-text  {
  position: relative;
  margin-left: 8px;
}

.checkbox-custom-container {
  margin-bottom: 20px;
}

input[type=checkbox] {
	visibility: hidden;
}

.visible-checkbox input[type=checkbox] {
	visibility: visible;
}

.visible-checkbox:hover {
  background: #F7F7F7;
}

@media screen and (max-width: 767px) {
  .checkbox-custom { width: 36px; height: 36px; }
  .checkbox-custom label {
    left: 3px;
    width: 30px;
  	height: 30px;
    border-radius: 8%;
    background: linear-gradient(to bottom right, #fff, #ededed);
  }
  .checkbox-custom input[type=checkbox]:checked + label {
    left: 3px;
    background: linear-gradient(to bottom right, #00b3ff, #0095FF);
  }
  .checkbox-custom-text { top: 6px; }
  .checkbox-custom:before { width: 0px; }

}