@font-face {
    font-family: 'sofaFONT'; /*a name to be used later*/
    
    src: url('fonts/AvenirNextLTPro-Regular.otf'); /*URL to font*/
}
html,input,textarea,tr,td,a,span,label,button,select,tbody,option,div,li,th{font-family: 'sofaFONT';}
body {
  text-align : left;
  padding:0 0 4em 0;
  font-family: 'sofaFONT';
}
.navbar-static-top
{
    margin: 0;
    background-image: -webkit-linear-gradient(top, #e7e7e6 1%, #e7e7e6 99%);
    padding: 0 !important;
}
.adatum{
font-family: 'sofaFONT';
}
#search-form
{
  border: none;
}
.fa
{
	color: #0a0092;
}
#area-list-left ul li .textname
{
text-decoration: none;
padding: 15px 15px;

}
#area-list-right ul li .textname
{
text-decoration: none;
padding: 15px 15px;
}

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

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

.text-center {
    text-align: center !important;
}

.text-justify {
    text-align: justify !important;
}

.text-nowrap {
    white-space: nowrap !important;
}

.text-lowercase {
    text-transform: lowercase !important;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.text-capitalize {
    text-transform: capitalize !important;
}

.text-muted {
    color: #777 !important;
}

.text-primary {
    color: #337ab7
}
a:hover .image
{
    -webkit-transform: scale(1.15); /* Chrome, Safari, Opera */
  transform: scale(1.15);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

a:hover .textname
{  -webkit-transform: scale(1.15); /* Chrome, Safari, Opera */
  transform: scale(1.15);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}


.textname
{
 color:red;

}

.col-md-6  .textname
{
text-decoration: none;
padding: 15px 15px;
font-size: 14px;
}
.col-md-3  .textname
{
text-decoration: none;
padding: 15px 15px;
font-size: 14px;
}
.col-md-10  .textname
{
text-decoration: none;
padding: 15px 15px;
font-size: 14px;
}
.textname
{
position: absolute;
margin-top: 10px;
color:gray;
font-color:#3f3f3f;
text-align: center;

}
.textname:hover 
{
text-decoration: none;
color:#2a2a2a;
}
.btn-circle.btn-xl:hover .fa a.textname
{
background-color: red;
}
.btn-circle {
  margin-top: 10px;
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}
.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 25px;
  background-color:lightgray;

}

.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  font-size: 24px;
  line-height: 1.33;
  border-radius: 35px;
}

.btn-circle:hover .fa{
color:#3f3f3f;
}
.btn
{
  font-family:'sofaFONT';
	color:white;
}
.btn-default {
    color: #ffffff;
    /*background-color: #dcdcdc;*/
    border-color: #ccc;
}

.btn-default.focus,
.btn-default:focus {
    color:#000000;
    background-color: #dcdcdc;
    border-color: #8c8c8c
}

.btn-default:hover {
    color: #000000;
    background-color: #dcdcdc;
    border-color: #adadad
}

.btn-default.active,
.btn-default:active,
.open>.dropdown-toggle.btn-default {
   /*color: #dcdcdc;*/
    background-color: #dcdcdc;
    border-color: #adadad
}

.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open>.dropdown-toggle.btn-default.focus,
.open>.dropdown-toggle.btn-default:focus,
.open>.dropdown-toggle.btn-default:hover {
    /*color: #dcdcdc;*/
    background-color: #dcdcdc;
    border-color: #8c8c8c
}

.btn-default.active,
.btn-default:active,
.open>.dropdown-toggle.btn-default {
    background-image: none
}

.btn-default.disabled.focus,
.btn-default.disabled:focus,
.btn-default.disabled:hover,
.btn-default[disabled].focus,
.btn-default[disabled]:focus,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default.focus,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:hover {
    background-color: #dcdcdc;
    border-color: #ccc
}

.btn-default .badge {
    color: #dcdcdc;
    background-color: #dcdcdc
}