/*Buttons*/
.bx-btn{
    font-family:'Open Sans', Helvetica, Arial, sans-serif;
    font-weight:bold;
    display:inline-block;
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
            box-sizing:border-box;
    /*margin-bottom:10px;*/
    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:#535b69;
    border:none;
    border-radius:2px;
    position: relative;
}
.bx-btn:hover{color:#535b69;}

.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;}
.bx-btn.green:hover,  .bx-btn.arrow.green:hover  span{background-color:#d2f95f;}
.bx-btn.green:active, .bx-btn.arrow.green:active span{background-color:#b2e233;}
.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;}
.bx-btn.lightgray:hover                 {background-color:#cfd3d6;}
.bx-btn.lightgray.wait 		 		          {background:#cfd3d6 url(images/ld_lightgray.gif) center no-repeat;}

.bx-btn.transparent 			 		          {background-color:transparent;}
.bx-btn.transparent:hover               {background-color:#e5e8eb;}
.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;}