body, a, p, h1, h2, h3, h4, h5, h6, .btn, button, span, input , select, textarea {font-family:Open Sans}

body {font-size:13px;font-weight:normal;  }

.inner  {border-right:1px solid #ddd; padding:4px 0px 2px}

.form-control {

height: auto;

    padding: 2px 2px;

    font-size: 12px;

border-radius: 0px;	

    border-top: 0 !important;

    border-left: 0 !important;

    border-right: 0 !important;

    box-shadow: none !important;

}
.dropsval {
    width: 80% !important;
    float: right;
}
.h2, h2 {

    font-size: 28px;

    text-align: center;

    font-weight: 700;

    text-transform: uppercase;

}

.h3, h3 {

    font-size: 18px;

    font-weight: bold;

    padding-bottom: 0px;

    color: #cebe52;

}

table {

    border: 1px solid #ddd;

}

table th, table td{text-align:center;padding:8px;border: 1px solid#ddd;}

table th{}

table td {color: #777;}



@media(min-width: 768px){

.pl0{padding-left:0 !important;}	

}



.ref {

	    font-size: 21px;

    font-weight: 700;

    color: #007eff

}

.form-group {

    margin-bottom: 21px;

}

.navbar-toggle .icon-bar {background:#999}

.shade {

       background: #000;

    z-index: 1;

}

.btn-dft {background:#999;border-color:#999;color:#fff}

.btn-lcs {background:#906657;border-color:#906657;color:#fff}

.btn-feed {

	    background: #3d485a;

    border-color: #3d485a;

    color: #fff;

}

.btn-dft:hover, .btn-feed:hover {color:#fff}

img {max-width:100%}

.details {

	width:100%;

	float:left;

	display:block;

	padding:6px;

	border:1px solid #ddd;

	margin-bottom:10px;

}

.details:first-of-type {margin-top:10px;}

.details p:first-of-type {float:left;width:25%}

.details p:last-of-type {float:right;width: 70%; text-align: right;}

.details p {margin:0;padding:0}

label {

    display: inline-block;

    max-width: 100%;

    margin-bottom: 5px;

    font-weight: normal;

    font-size: 12px;

}

.pt-6 {padding-top:6%}

.bblock a {

	display: block;

    max-width: 320px;

    margin: 21px auto;

    font-size: 14px;

    font-weight: 600;

    letter-spacing: 1px;

    text-transform: uppercase;

    padding-top: 13px;

    padding-bottom: 13px;

}

.btn{

	border-radius: 0 !important;

    background: #000;

    color: #fff;

    font-size: 26px;

    line-height: 28px;

    padding: 0px 9px;

	cursor:pointer;

}

.btn:hover{color:#fff !important}

.btn-default {color:#000 !important; border-color:#000 !important;background: transparent;}

.btn-default:hover, .btn-default:active {color:#fff !important; background:#000 !important}

.v-hidden {visibility:hidden}

.di .btn-danger  {border-color:#ac2925 !important; color:#000 !important}



@media (min-width: 768px) {

.navbar-nav {

    float: none;

    text-align: center;

}

.navbar-nav>li {

    float: none;display:inline-block;

}

}



.navbar {

    min-height: auto;

    margin-bottom: 6px;

    margin-top: 5px;

}

.nav>li>a {

    padding: 8px 23px;

    font-weight: 600;

    margin-right: 2px;

    font-size: 13px;

    text-transform: uppercase;

    letter-spacing: 0.7px;

    color: #fff;

}

.main-content {

	padding-top: 3%;

    padding-bottom: 8px;

    margin: 0px 0;

    clear: both;

}

input[type=text], select {

    padding: 4px;

	    margin: 0px 1px 3px 0px;

    display: inline-block;

    border: 1px solid #ccc;

}

button {border-radius:0px !important;}

.checkbox, .radio {

    margin-top: 0;

}



/* Hide the browser's default radio button */

.radio input {

  position: absolute;

  opacity: 0;

  cursor: pointer;

}



/* Create a custom radio button */

label.radio .checkmark {

  position: absolute;

  top: 0;

  left: 0;

  height: 15px;

  width: 15px;

  background-color: transparent;

  border-radius: 50%;

  border: 1px solid #bfbfbf;

}

.spawn .checkmark{    top: 3px !important;}



/* On mouse-over, add a grey background color */

.radio:hover input ~ .checkmark {



}



/* When the radio button is checked, add a blue background */

.radio input:checked ~ .checkmark {

  background-color: transparent;

  border-color: #4e4a4a;

}



/* Create the indicator (the dot/circle - hidden when not checked) */

label.radio .checkmark:after {

  content: "";

  position: absolute;

  display: none;

}



/* Show the indicator (dot/circle) when checked */

.radio input:checked ~ .checkmark:after {

  display: block;

}



/* Style the indicator (dot/circle) */

.radio .checkmark:after {

        top: 3px;

    left: 3px;

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: #4e4a4a;

}





label.check {

    display: block;

    position: relative;

    padding: 0 0 0 30px;

    margin-bottom: 2px;

    cursor: pointer;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    width: auto;

    height: auto;

    font-size: 14px;

    font-weight: 600;

    line-height: 22px;

    color: #777;

    margin: 10px 0;

}

.check input {

    position: absolute;

    opacity: 0;

    cursor: pointer;

    height: 0;

    width: 0;

}

/* Create a custom checkbox */

label.check .checkmark {

    position: absolute;

    top: 3px;

    left: 0;

    height: 18px;

    width: 18px;

    background-color: transparent;

    border: 2px solid #a2a0a0;

    border-radius: 2px;

    margin-left: 0;

}



/* On mouse-over, add a grey background color */

.check:hover input ~ .checkmark {

  background-color: #e4e3e3;

}



/* When the checkbox is checked, add a blue background */

.check input:checked ~ .checkmark {

      background-color: #fff;

    border-color: #4e4a4a;

}



/* Create the checkmark/indicator (hidden when not checked) */

label.check .checkmark:after {

  content: "";

  position: absolute;

  display: none;

}



/* Show the checkmark when checked */

.check input:checked ~ .checkmark:after {

  display: block;

}



/* Style the checkmark/indicator */

.check .checkmark:after {

  left: 4px;

    top: 0px;

    width: 6px;

    height: 11px;

    border: solid #4e4a4a;

    border-width: 0 2px 2px 0;

  -webkit-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  transform: rotate(45deg);

}

input[type=submit] {

    cursor: pointer;

    background: #000;

    border: 0;

    display: block;

    color: #fff;

    font-weight: 600;

    cursor: pointer;

    letter-spacing: 1px;

    padding: 10px 31px;

    margin: 20px 0;

}

.register_form{

      background: #9E9E9E;

    padding: 10px 15px;

    border-radius: 5px;

    }

  .icon-geolocation

                {

                    position: absolute;

    top: 0px;

    right: 20px;

    font-size: 12px;

    color: #686a718a;

    cursor: pointer;

                }