/*Buttons*/

.bx-btn{
    font-family:'Open Sans', Helvetica, Arial, sans-serif;
    font-size:11px;
    font-weight:bold;
    line-height:32px;
    position:relative;
    display:inline-block;
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
            box-sizing:border-box;
    height:32px;
    padding:0 15px;
    cursor:pointer;
    -webkit-transition:border .3s ease, background-color .3s ease, color .3s ease;
       -moz-transition:border .3s ease, background-color .3s ease, color .3s ease;
        -ms-transition:border .3s ease, background-color .3s ease, color .3s ease;
         -o-transition:border .3s ease, background-color .3s ease, color .3s ease;
            transition:border .3s ease, background-color .3s ease, color .3s ease;
    text-align:center;
    vertical-align:middle;
    text-decoration:none;
    text-transform:uppercase;
    color:#fff;
    border:none;
    border-radius:2px;
    background-color:#868d95;
    outline: none;
}

.bx-btn:hover {background-color:#5b6573;color:#fff;}
.bx-btn:active{background-color:#3b506e;color:#fff; outline: none;}

.bx-btn.wait{
    -webkit-background-size: auto 70% !important;
            background-size: auto 70% !important;
    color: rgba(0,0,0,0) !important;
}

.bx-btn.xbig  {line-height:48px;height:48px;font-size:14px;}
.bx-btn.big   {line-height:40px;height:40px;font-size:12px;}
.bx-btn.medium  {line-height:32px;height:32px;font-size:11px;}
.bx-btn.small   {line-height:29px;height:29px;font-size:11px;}
.bx-btn.xsmall  {line-height:18px;height:20px;font-size:11px;padding-bottom: 2px;font-weight: normal;text-transform: none;}

.bx-btn.gray,         .bx-btn.arrow.gray         span{background-color:#868d95;color:#fff;}
.bx-btn.gray:hover,   .bx-btn.arrow.gray:hover   span{background-color:#5b6573;color:#fff;}
.bx-btn.gray:active,  .bx-btn.arrow.gray:active  span{background-color:#3b506e;color:#fff;}
.bx-btn.gray.wait                        {background:#3b506e url(images/ld_gray.gif) center no-repeat;}
                      .bx-btn.arrow.gray.wait    span{background-color:#3b506e;}

.bx-btn.red ,     .bx-btn.arrow.red        span{background-color:#f1361b;color:#fff;}
.bx-btn.red:hover,    .bx-btn.arrow.red:hover    span{background-color:#cc1a00;color:#fff;}
.bx-btn.red:active,   .bx-btn.arrow.red:active   span{background-color:#d24430;color:#fff;}
.bx-btn.red.wait                         {background:#d24430 url(images/ld_red.gif) center no-repeat;}
                      .bx-btn.arrow.red.wait     span{background-color:#d24430;}

.bx-btn.green,      .bx-btn.arrow.green        span{background-color:#bbed21; color: #535B69;}
.bx-btn.green:hover,  .bx-btn.arrow.green:hover  span{background-color:#d2f95f; color: #535B69;}
.bx-btn.green:active, .bx-btn.arrow.green:active span{background-color:#b2e233; color: #535B69;}
.bx-btn.green.wait                           {background:#b2e233 url(images/ld_green.gif) center no-repeat;}
                      .bx-btn.arrow.green.wait   span{background-color:#b2e233;}

.bx-btn.blue,         .bx-btn.arrow.blue         span{background-color:#3bc8f5;color:#fff;}
.bx-btn.blue:hover,   .bx-btn.arrow.blue:hover   span{background-color:#3fddff;color:#fff;}
.bx-btn.blue:active,  .bx-btn.arrow.blue:active  span{background-color:#13b1e3;color:#fff;}
.bx-btn.blue.wait                                    {background:#13b1e3 url(images/ld_blue.gif) center no-repeat;}
                      .bx-btn.arrow.blue.wait    span{background-color:#13b1e3;}

.bx-btn.lightgray                       {background-color:#d9dfe3;color: #535b69;}
.bx-btn.lightgray:hover                       {background-color:#cfd3d6;color: #535b69;}
.bx-btn.lightgray.wait                      {background:#cfd3d6 url(images/ld_lightgray.gif) center no-repeat;}

.bx-btn.transparent                     {background-color:transparent;color: #535b69;}
.bx-btn.transparent:hover                     {background-color:#e5e8eb;color: #535b69;}
.bx-btn.transparent.wait                      {background:#e5e8eb url(images/ld_transparent.gif) center no-repeat;}

.bx-btn.transparent.border                {border:1px solid #c4cace;}
.bx-btn.transparent.border:hover            {border:1px solid #9fa4ab;}

.bx-btn.transparent.border.green            {background-color:transparent;color: #7aa548;border:1px solid #aee38e;}
.bx-btn.transparent.border.green:hover        {border-color: #5d950d;color: #5d950d;}

.bx-btn.transparent.border.red              {background-color:transparent;color: #F51919;border:1px solid #FF8989;}
.bx-btn.transparent.border.red:hover        {border-color: #D33131;color: #C51515;}

.bx-btn.bdr50.xbig    {border-radius: 24px;padding:0 20px;}
.bx-btn.bdr50.big     {border-radius: 20px}
.bx-btn.bdr50.medium  {border-radius: 16px}
.bx-btn.bdr50.small   {border-radius: 14.5px}
.bx-btn.bdr50.xsmall  {border-radius: 9px}


.bx-btn.arrow span{
    width: 10px;
    height:10px;
    position: absolute;
    display: block;
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transition:background-color .3s ease;
       -moz-transition:background-color .3s ease;
        -ms-transition:background-color .3s ease;
         -o-transition:background-color .3s ease;
            transition:background-color .3s ease;
}


.bx-btn.arrow.top    span{top:   -5px;left:50%;margin-left:-5px;}
.bx-btn.arrow.right  span{right: -5px;top: 50%;margin-top: -5px;}
.bx-btn.arrow.bottom span{bottom:-5px;left:50%;margin-left:-5px;}
.bx-btn.arrow.left   span{left:  -5px;top: 50%;margin-top: -5px;}