@font-face {
    font-family: fnormal;
    src: url(/fonts/Exo_2/static/Exo2-Regular.ttf);
}
@font-face {
    font-family: fbold;
    src: url(/fonts/Exo_2/static/Exo2-Bold.ttf);
}

@font-face {
    font-family: fitalic;
    src: url(/fonts/Exo_2/static/Exo2-Italic.ttf);
}  
@font-face {
    font-family: flogo;
    src: url(/fonts/bison_bold.ttf);
} 

label{
    font-family: fbold;
}
.form-control{
    border-radius: 0;
    border: none;
    box-shadow: 0 0 3px rgba(0,0,0,0.4);
}
.form-control:focus,
.form-control:active{
    box-shadow: 0 0 0 2px #ff8300;
}
#callbackModal .modal-content{
    border-radius: 0;
    border: none;
    box-shadow: 3px 3px 25px rgba(0,0,0,0.4);
}
.btn{
    border-radius: 0;
    font-family: fnormal;
}
.block-title{
    font-family: fnormal;
    text-align: center;
    margin: 50px 0;
    text-transform: uppercase;
}
.page-content p,
.page-content span
{
    font-family: fnormal;
    color: #666;
}
.page-content b{
    font-family: fbold;
    font-weight: normal;
}
.page-content h3{
    margin-bottom: 35px;
    font-family: fbold;
    color: #333;
}
.btn-primary{
     background-color: #ff8300;;
    background-image: linear-gradient(45deg, rgba(255,255,255,.0) 30%, rgba(255,255,255,.8), rgba(255,255,255,.0) 70%), radial-gradient(190% 100% at 50% 0%, rgba(255,255,255,.5) 0%, rgba(255,255,255,.3) 50%, rgba(0,0,0,0) 50%);
  background-repeat: no-repeat;
  background-size: 200% 100%, auto;
  background-position: 200% 0, 0 0;
    border: 1px solid #ff6400;
    transition: 0.3s;
    font-family: fnormal;
}
.btn-primary:hover{
    background-color: #ff8300;;
    border: 1px solid #ff6400;
    transition: .5s linear;
    background-position: -200% 0, 0 0;
}
.btn-primary:active,
.btn-primary:focus{
    background-color: #ff8300;;
    box-shadow: 0 0 3px #ff6400;;
    border: 1px solid #ff6400;
}