
.circle_wrap
{
    font-family: Calibri, Verdana, Geneva, sans-serif!important;
    min-width: 970px;
    height: 570px;
    overflow: hidden;
}

.circle_subwrap
{
    background: url(/Content/Resources/DemoSoft-FX/Images/bgrnd.png) no-repeat;
    background-position: 291px -20px;
    width: 1400px;
    height: 765px;
    margin: auto;
    zoom: 0.835;
    -moz-transform: scale(0.835);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.835);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.835);
    -webkit-transform-origin: 0 0;
    -ms-transform: scale(0.835);
    -ms-transform-origin: 0;
    transform: scale(0.835);
    transform-origin: 0 0;
}

@media screen and (min-width:0\0) {
    .circle_subwrap {
        zoom: 1;
    }
}
.circle_under
{
    width:970px;
    color: #d2d2d2;
    margin:auto;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:25px;
    padding-right:25px;
    background-color: transparent;
}


/*circles and mechanisms*/
.website_block_line
{
    position: absolute;
    margin-left: 543px;
    margin-top: 7px;
    background-image: url(/Content/Resources/DemoSoft-FX/Images/9.png);
    background-repeat: no-repeat;
    width: 257px;
    height: 257px;
    -moz-animation: web_il_time_line_17 5s infinite linear;
    -webkit-animation: web_il_time_line_17 5s infinite linear;
    -ms-animation: web_il_time_line_17 5s infinite linear;
    animation: web_il_time_line_17 5s infinite linear;
}
.website_arrow_line {
    position: absolute;
    background-image: url(/Content/Resources/DemoSoft-FX/Images/11.png);
    background-repeat: no-repeat;
    width: 220px;
    height: 220px;
    margin-left: 562px;
    margin-top: 27px;
    background-color: transparent;
    border-radius: 220px;
    -moz-border-radius: 220px;
    -webkit-border-radius: 220px;
    -ms-border-radius: 220px;
    -moz-animation: web_il_time_line_16 15s infinite linear;
    -webkit-animation: web_il_time_line_16 15s infinite linear;
    -ms-animation: web_il_time_line_16 15s infinite linear;
    animation: web_il_time_line_16 15s infinite linear;
}
.web_il_under_one_one {
    position: absolute;
    background-image: url(/Content/Resources/DemoSoft-FX/Images/12.png);
    background-repeat: no-repeat;
    width: 78px;
    height: 78px;
    margin-left: 639px;
    margin-top: 18px;

    -moz-animation: web_il_time_line_17 6.351s infinite linear;
    -webkit-animation: web_il_time_line_17 6.351s infinite linear;
    -ms-animation: web_il_time_line_17 6.351s infinite linear;
    animation: web_il_time_line_17 6.351s infinite linear;
}
.web_il_under_one_one_text {
    position: absolute;
    margin-left: 661px;
    margin-top: 42px;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    display: table;
    overflow-wrap: normal;
    width: 35px;
    text-align: center;
    color: #b0b543;
    word-break: break-all;
    word-wrap: normal;
}
.web_il_under_one_two {
    position: absolute;
    background-image: url(/Content/Resources/DemoSoft-FX/Images/13_.png);
    background-repeat: no-repeat;
    width: 71px;
    height: 71px;
    margin-left: 685px;
    margin-top: 91px;

    -moz-animation: web_il_time_line_17 4.2351s infinite linear;
    -webkit-animation: web_il_time_line_17 4.2351s infinite linear;
    -ms-animation: web_il_time_line_17 4.2351s infinite linear;
    animation: web_il_time_line_17 4.2351s infinite linear;
}
.web_il_under_one_two_text {
    position: absolute;
    margin-left: 703px;
    margin-top: 116px;
    font-size: 11px;
    display: table;
    width: 35px;
    text-align: center;
    color: #9fa2a6;
    word-break: break-all;
}
.web_il_under_one_four {
    position: absolute;
    background-image: url(/Content/Resources/DemoSoft-FX/Images/13_.png);
    background-repeat: no-repeat;
    width: 71px;
    height: 71px;
    margin-left: 658px;
    margin-top: 167px;

    -moz-animation: web_il_time_line_17 4.2351s infinite linear;
    -webkit-animation: web_il_time_line_17 4.2351s infinite linear;
    -ms-animation: web_il_time_line_17 4.2351s infinite linear;
    animation: web_il_time_line_17 4.2351s infinite linear;
}
.web_il_under_one_four_text {
    position: absolute;
    margin-left: 679px;
    margin-top: 192px;
    font-size: 11px;
    color: #9fa2a6;
}
.web_il_under_one_three {
    position: absolute;
    background-image: url(/Content/Resources/DemoSoft-FX/Images/14_.png);
    background-repeat: no-repeat;
    width: 104px;
    height: 104px;
    margin-left: 587px;
    margin-top: 85px;

    -moz-animation: web_il_time_line_16 9s infinite linear;
    -webkit-animation: web_il_time_line_16 9s infinite linear;
    -ms-animation: web_il_time_line_16 9s infinite linear;
    animation: web_il_time_line_16 9s infinite linear;
}
.web_il_under_one_three_text {
    position: absolute;
    margin-left: 609px;
    margin-top: 128px;
    font-weight: bold;
    font-size: 15px;
    display: table;
    text-align: center;
    color: #bf9c54;
}

.web_il_under_one_five {
    position: absolute;
    background-image: url(/Content/Resources/DemoSoft-FX/Images/15.png);
    background-repeat: no-repeat;
    width: 33px;
    height: 33px;
    margin-left: 734px;
    margin-top: 149px;

    -moz-animation: web_il_time_line_16 3s infinite linear;
    -webkit-animation: web_il_time_line_16 3s infinite linear;
    -ms-animation: web_il_time_line_16 3s infinite linear;
    animation: web_il_time_line_16 3s infinite linear;
}

.web_il_line_8
{
    position: absolute;
    margin-top: 125px;
    margin-left: 378px;
    background-image: url(/Content/Resources/DemoSoft-FX/Images/6.png);
    background-repeat: no-repeat;
    width: 314px;
    height: 314px;
    -moz-animation: web_il_time_line_16 7s infinite linear;
    -webkit-animation: web_il_time_line_16 7s infinite linear;
    -ms-animation: web_il_time_line_16 7s infinite linear;
    animation: web_il_time_line_16 7s infinite linear;
}

.web_il_line_9
{
    position: absolute;
    margin-top: 109px;
    margin-left: 426px;
    background-image: url(/Content/Resources/DemoSoft-FX/Images/7_.png);
    background-repeat: no-repeat;
    width: 103px;
    height: 103px;
    -moz-animation: web_il_time_line_16 5s infinite ease-in-out;
    -webkit-animation: web_il_time_line_16 5s infinite linear;
    -ms-animation: web_il_time_line_16 5s infinite linear;
    animation: web_il_time_line_16 5s infinite linear;
}
.email_text {
    top: 149px;
    left: 4px;
    position: relative;
    margin-left: 460px;
    color: #9fa2a6;
    font-size: 11px;
}
.pamm_serv_text {
    position: relative;
    top: 201px;
    left: 525px;
    color: #4c525a;
    font-weight: bold;
    font-size: 21px;
    word-wrap: normal;
    display: table;
    width: 65px;
    text-align: center;
}

.web_il_line_10
{
    position: absolute;
    margin-top: 278px;
    margin-left: 521px;
    background-image: url(/Content/Resources/DemoSoft-FX/Images/21.png);
    background-repeat: no-repeat;
    width: 384px;
    height: 384px;
    -moz-animation: web_il_time_line_17 13s infinite linear;
    -webkit-animation: web_il_time_line_17 13s infinite linear;
    -ms-animation: web_il_time_line_17 13s infinite linear;
    animation: web_il_time_line_17 13s infinite linear;
}

.web_il_line_13
{
    position: absolute;
    margin-top: 138px;
    margin-left: 475px;
    background-image: url(/Content/Resources/DemoSoft-FX/Images/8_1.png);
    background-repeat: no-repeat;
    width: 165px;
    height: 165px;
    -moz-animation: web_il_time_line_17 10s infinite linear;
    -webkit-animation: web_il_time_line_17 10s infinite linear;
    -ms-animation: web_il_time_line_17 10s infinite linear;
    animation: web_il_time_line_17 10s infinite linear;
}
.web_il_line_16
{
    position: absolute;
    margin-top: 71px;
    margin-left: 61px;
    background-image: url(/Content/Resources/DemoSoft-FX/Images/4.png);
    background-repeat: no-repeat;
    /*opacity: .5;*/
    width: 335px;
    height: 335px;
    -moz-animation: web_il_time_line_17 4s infinite linear;
    -webkit-animation: web_il_time_line_17 4s infinite linear;
    -ms-animation: web_il_time_line_17 4s infinite linear;
    animation: web_il_time_line_17 4s infinite linear;
}
.web_il_line_18
{
    float: left;
    margin-top: -168px;
    margin-left: 728px;
    background-color: transparent;
    border: 1px dashed #02CDF8;
    opacity: .3;
    border-left: 1px dashed rgba(0,0,0,0);
    border-right: 1px dashed rgba(0,0,0,0);
    border-radius: 117px;
    -moz-border-radius: 117px;
    -webkit-border-radius: 117px;
    -ms-border-radius: 117px;
    width: 117px;
    height: 117px;
    -moz-animation: web_il_time_line_16 4s infinite linear;
    -webkit-animation: web_il_time_line_16 4s infinite linear;
    -ms-animation: web_il_time_line_16 4s infinite linear;
    animation: web_il_time_line_16 4s infinite linear;
}

.web_il_line_19_cord
{
    position: absolute;
    margin-top: 65px;
    margin-left: 55px;

}
.softfx {
    background-color: transparent;
    background-image: url(/Content/Resources/DemoSoft-FX/Images/softfx.png);
    width: 142px;
    height: 95px;
    margin-top: -222px;
    margin-left: 101px;
    position: relative;
}
.softfx_broker {
    font-size: 35px;
    font-weight: bold;
    color: #333942;
    width: 143px;
    height: 95px;
    margin-top: -121px;
    margin-left: 62px;
    position: relative;
}

.web_il_line_19
{
    background-color: transparent;
    background-image: url(/Content/Resources/DemoSoft-FX/Images/26.png);
    width: 346px;
    height: 346px;
    background-repeat: no-repeat;
    -moz-animation: web_il_time_line_17 24s infinite linear;
    -webkit-animation: web_il_time_line_17 24s infinite linear;
    -ms-animation: web_il_time_line_17 24s infinite linear;
    animation: web_il_time_line_17 24s infinite linear;
}
.web_broker_cord {
    position: absolute;
    margin-top: 237px;
    margin-left: 352px;
}
.web_broker
{
    background-color: transparent;
    background-image: url(/Content/Resources/DemoSoft-FX/Images/16_1.png);
    width: 220px;
    height: 220px;
    background-repeat: no-repeat;
    -moz-animation: web_il_time_line_16 16.00s infinite linear;
    -webkit-animation: web_il_time_line_16 16.00s infinite linear;
    -ms-animation: web_il_time_line_16 16.00s infinite linear;
    animation: web_il_time_line_16 16.00s infinite linear;
}
.gear_one {
    display: none;
    position: absolute;
    margin-top: 277px;
    margin-left: 544px;
    background-color: transparent;
    background-image: url(/Content/Resources/DemoSoft-FX/Images/17.png);
    width: 31px;
    height: 31px;
    background-repeat: no-repeat;

    -moz-animation: web_il_time_line_16 5s infinite linear;
    -webkit-animation: web_il_time_line_16 5s infinite linear;
    -ms-animation: web_il_time_line_16 5s infinite linear;
    animation: web_il_time_line_16 5s infinite linear;
}

.web_il_line_20
{
    display: none;
    position: absolute;
    margin-top: 331px;
    margin-left: 318px;
    background-image: url(/Content/Resources/DemoSoft-FX/Images/5.png);
    background-repeat: no-repeat;

    width: 31px;
    height: 31px;
    -moz-animation: web_il_time_line_16 5s infinite linear;
    -webkit-animation: web_il_time_line_16 5s infinite linear;
    -ms-animation: web_il_time_line_16 5s infinite linear;
    animation: web_il_time_line_16 5s infinite linear;
}

.web_il_line_22
{
    background-image: url(/Content/Resources/DemoSoft-FX/Images/22.png);
    background-repeat: no-repeat;
    width: 420px;
    height: 420px;
    position: absolute;
    margin-top: 30px;
    margin-left: 20px;
    -moz-animation: web_il_time_line_22 20s infinite linear;
    -webkit-animation: web_il_time_line_22 20s infinite linear;
    -ms-animation: web_il_time_line_22 20s infinite linear;
    animation: web_il_time_line_22 20s infinite linear;
}

.web_il_line_23
{
    background-image: url(/Content/Resources/DemoSoft-FX/Images/1.png);
    background-repeat: no-repeat;
    width: 456px;
    height: 456px;
    position: absolute;
    margin-top: 12px;
    margin-left: 2px;
    -moz-animation: web_il_time_line_23 19s infinite linear;
    -webkit-animation: web_il_time_line_23 19s infinite linear;
    -ms-animation: web_il_time_line_23 19s infinite linear;
    animation: web_il_time_line_23 19s infinite linear;
}


.rollover_line {
    position: absolute;
    margin-top: 264px;
    margin-left: 545px;
    background-image: url(/Content/Resources/DemoSoft-FX/Images/18.png);
    background-repeat: no-repeat;
    width: 340px;
    height: 340px;
    -moz-animation: web_il_time_line_17 9s infinite linear;
    -webkit-animation: web_il_time_line_17 9s infinite linear;
    -ms-animation: web_il_time_line_17 9s infinite linear;
    animation: web_il_time_line_17 9s infinite linear;
}
.trading_server_line {
    position: absolute;
    margin-top: 260px;
    margin-left: 668px;
    background-image: url(/Content/Resources/DemoSoft-FX/Images/14_.png);
    background-repeat: no-repeat;
    width: 104px;
    height: 104px;
    -moz-animation: web_il_time_line_16 9s infinite linear;
    -webkit-animation: web_il_time_line_16 9s infinite linear;
    -ms-animation: web_il_time_line_16 9s infinite linear;
    animation: web_il_time_line_16 9s infinite linear;
}
.trading_server_2_line {
    position: absolute;
    margin-top: 377px;
    margin-left: 714px;
    background-image: url(/Content/Resources/DemoSoft-FX/Images/14_.png);
    background-repeat: no-repeat;
    width: 104px;
    height: 104px;
    -moz-animation: web_il_time_line_16 9s infinite linear;
    -webkit-animation: web_il_time_line_16 9s infinite linear;
    -ms-animation: web_il_time_line_16 9s infinite linear;
    animation: web_il_time_line_16 9s infinite linear;
}
.request_line {
    position: absolute;
    background-image: url(/Content/Resources/DemoSoft-FX/Images/12.png);
    background-repeat: no-repeat;
    width: 78px;
    height: 78px;
    margin-left: 781px;
    margin-top: 320px;
    -moz-animation: web_il_time_line_17 6.351s infinite linear;
    -webkit-animation: web_il_time_line_17 6.351s infinite linear;
    -ms-animation: web_il_time_line_17 6.351s infinite linear;
    animation: web_il_time_line_17 6.351s infinite linear;
}
.request_block_line {
    position: absolute;
    background-image: url(/Content/Resources/DemoSoft-FX/Images/20.png);
    background-repeat: no-repeat;
    width: 136px;
    height: 136px;
    margin-left: 768px;
    margin-top: 283px;
    -moz-animation: web_il_time_line_17 5s infinite linear;
    -webkit-animation: web_il_time_line_17 5s infinite linear;
    -ms-animation: web_il_time_line_17 5s infinite linear;
    animation: web_il_time_line_17 5s infinite linear;
}
.comission_line {
    position: absolute;
    background-image: url(/Content/Resources/DemoSoft-FX/Images/12.png);
    background-repeat: no-repeat;
    width: 78px;
    height: 78px;
    margin-left: 813px;
    margin-top: 406px;
    -moz-animation: web_il_time_line_17 6.351s infinite linear;
    -webkit-animation: web_il_time_line_17 6.351s infinite linear;
    -ms-animation: web_il_time_line_17 6.351s infinite linear;
    animation: web_il_time_line_17 6.351s infinite linear;
}
.rollover_block_line {
    position: absolute;
    margin-top: 331px;
    margin-left: 554px;
    background-image: url(/Content/Resources/DemoSoft-FX/Images/8_3.png);
    background-repeat: no-repeat;
    width: 165px;
    height: 165px;

    -moz-animation: web_il_time_line_17 10s infinite linear;
    -webkit-animation: web_il_time_line_17 10s infinite linear;
    -ms-animation: web_il_time_line_17 10s infinite linear;
    animation: web_il_time_line_17 10s infinite linear;
}
.rollover_gear_line {
    position: absolute;
    background-image: url(/Content/Resources/DemoSoft-FX/Images/15.png);
    background-repeat: no-repeat;
    width: 33px;
    height: 33px;
    /*margin-left: 688px;*/
    /*margin-top: 450px;*/
    margin-left: 804px;
    margin-top: 475px;
    -moz-animation: web_il_time_line_16 3s infinite linear;
    -webkit-animation: web_il_time_line_16 3s infinite linear;
    -ms-animation: web_il_time_line_16 3s infinite linear;
    animation: web_il_time_line_16 3s infinite linear;
}
.rollover_gear_line_2 {
    position: absolute;
    background-image: url(/Content/Resources/DemoSoft-FX/Images/15.png);
    background-repeat: no-repeat;
    width: 33px;
    height: 33px;
    margin-left: 842px;
    margin-top: 303px;
    -moz-animation: web_il_time_line_16 3s infinite linear;
    -webkit-animation: web_il_time_line_16 3s infinite linear;
    -ms-animation: web_il_time_line_16 3s infinite linear;
    animation: web_il_time_line_16 3s infinite linear;
}
.rollover_gear_line_3 {
    position: absolute;
    background-image: url(/Content/Resources/DemoSoft-FX/Images/15.png);
    background-repeat: no-repeat;
    width: 33px;
    height: 33px;
    margin-left: 865px;
    margin-top: 326px;
    -moz-animation: web_il_time_line_17 3s infinite linear;
    -webkit-animation: web_il_time_line_17 3s infinite linear;
    -ms-animation: web_il_time_line_17 3s infinite linear;
    animation: web_il_time_line_17 3s infinite linear;
}

.statistics_line {
    position: absolute;
    margin-top: 450px;
    margin-left: 353px;
    background-image: url(/Content/Resources/DemoSoft-FX/Images/8_2.png);
    background-repeat: no-repeat;
    width: 165px;
    height: 165px;
    -moz-animation: web_il_time_line_17 10s infinite linear;
    -webkit-animation: web_il_time_line_17 10s infinite linear;
    -ms-animation: web_il_time_line_17 10s infinite linear;
    animation: web_il_time_line_17 10s infinite linear;
}
.statistics_gear_line {
    position: absolute;
    background-image: url(/Content/Resources/DemoSoft-FX/Images/15.png);
    background-repeat: no-repeat;
    width: 33px;
    height: 33px;
    margin-left: 354px;
    margin-top: 615px;
    -moz-animation: web_il_time_line_17 3s infinite linear;
    -webkit-animation: web_il_time_line_17 3s infinite linear;
    -ms-animation: web_il_time_line_17 3s infinite linear;
    animation: web_il_time_line_17 3s infinite linear;
}

.data_storage_line {
    background-image: url(/Content/Resources/DemoSoft-FX/Images/13_.png);
    background-repeat: no-repeat;
    width: 71px;
    height: 71px;
    position: absolute;
    margin-top: 553px;
    margin-left: 303px;
    -moz-animation: web_il_time_line_16 5s infinite ease-in-out;
    -webkit-animation: web_il_time_line_16 5s infinite linear;
    -ms-animation: web_il_time_line_16 5s infinite linear;
    animation: web_il_time_line_16 5s infinite linear;
}
.statistics_block_line {
    position: absolute;
    background-image: url(/Content/Resources/DemoSoft-FX/Images/19.png);
    background-repeat: no-repeat;
    width: 324px;
    height: 324px;
    margin-left: 274px;
    margin-top: 360px;
    -moz-animation: web_il_time_line_16 13s infinite linear;
    -webkit-animation: web_il_time_line_16 13s infinite linear;
    -ms-animation: web_il_time_line_16 13s infinite linear;
    animation: web_il_time_line_16 13s infinite linear;
}
.statistics_text_line {
    position: absolute;
    margin-top: 522px;
    margin-left: 396px;
    font-size: 21px;
    font-weight: bold;
    color: #4c525a;
}
.datastorage_text_line {
    position: absolute;
    margin-top: 576px;
    margin-left: 321px;
    font-size: 10px;
    font-weight: bold;
    color: #a2a4a9;
    word-wrap: normal;
    display: table;
    width: 35px;
    line-height: 11px;
    text-align: center;
}
.rollover_text_line {
    position: absolute;
    margin-top: 404px;
    margin-left: 600px;
    font-size: 21px;
    font-weight: bold;
    color: #4c525a;
}
.tr_server_text_line {
    position: absolute;
    background-image: url(/Content/Resources/DemoSoft-FX/Images/23.png);
    background-repeat: no-repeat;
    width: 47px;
    height: 51px;
    margin-left: 697px;
    margin-top: 284px;
}
.tr_server2_text_line {
    position: absolute;
    background-image: url(/Content/Resources/DemoSoft-FX/Images/24.png);
    background-repeat: no-repeat;
    width: 47px;
    height: 53px;
    margin-left: 743px;
    margin-top: 399px;
}
.request_execution_text {
    position: absolute;
    margin-top: 346px;
    line-height: 14px;
    margin-left: 787px;
    font-size: 12px;
    font-weight: bold;
    color: #b6ba56;
    word-wrap: normal;
    display: table;
    width: 65px;
    text-align: center;
}
.comissions_text {
    position: absolute;
    margin-top: 437px;
    line-height: 14px;
    margin-left: 819px;
    font-size: 12px;
    font-weight: bold;
    color: #b6ba56;
    word-wrap: normal;
    display: table;
    width: 65px;
    text-align: center;
}

.swiss_made {
    position: absolute; 
    background-repeat: no-repeat;
    width: 107px;
    height: 24px;
    bottom: 10px;
    margin-left: 50px;
}
/* //circles and mechanisms*/

/*animation*/

/*WEB IL TIME LINE 17*/

@-webkit-keyframes web_il_time_line_17
{
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@-moz-keyframes web_il_time_line_17
{
    0% { -moz-transform: rotate(0deg); }
    100% { -moz-transform: rotate(360deg); }
}

@-ms-keyframes web_il_time_line_17
{
    0% { -ms-transform: rotate(0deg); }
    100% { -ms-transform: rotate(360deg); }
}

@keyframes web_il_time_line_17
{
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/*WEB IL TIME LINE 16*/

@-webkit-keyframes web_il_time_line_16
{
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(-360deg); }
}

@-moz-keyframes web_il_time_line_16
{
    0% { -moz-transform: rotate(0deg); }
    100% { -moz-transform: rotate(-360deg); }
}

@-ms-keyframes web_il_time_line_16
{
    0% { -ms-transform: rotate(0deg); }
    100% { -ms-transform: rotate(-360deg); }
}

@keyframes web_il_time_line_16
{
    0% { transform: rotate(0deg); }
    100% { transform: rotate(-360deg); }
}

/*WEB IL TIME LINE 22*/

@-webkit-keyframes web_il_time_line_22
{
    20% { -webkit-transform: rotate(20deg); }
    70% { -webkit-transform: rotate(120deg); }
}

@-moz-keyframes web_il_time_line_22
{
    20% { -moz-transform: rotate(20deg); }
    70% { -moz-transform: rotate(120deg); }
}

@-ms-keyframes web_il_time_line_22
{
    20% { -ms-transform: rotate(20deg); }
    70% { -ms-transform: rotate(120deg); }
}

@keyframes web_il_time_line_22
{
    20% { transform: rotate(20deg); }
    70% { transform: rotate(120deg); }
}

/*WEB IL TIME LINE 23*/

@-webkit-keyframes web_il_time_line_23
{
    20% { -webkit-transform: rotate(-20deg); }
    70% { -webkit-transform: rotate(-230deg); }
}

@-moz-keyframes web_il_time_line_23
{
    20% { -moz-transform: rotate(20deg); }
    70% { -moz-transform: rotate(-230deg); }
}

@-ms-keyframes web_il_time_line_23
{
    20% { -ms-transform: rotate(20deg); }
    70% { -ms-transform: rotate(-230deg); }
}

@keyframes web_il_time_line_23
{
    20% { transform: rotate(20deg); }
    70% { transform: rotate(-230deg); }
}
/* //animation*/


/*companies*/
.companies {padding-top: 20px}
.b-companies {overflow: hidden; text-align: center; padding-top: 10px}
.b-companies-title {text-align: left; font-size: 20px}
.bc-item {display: inline-block; vertical-align: top; height: 50px; padding: 0 19px}
.bc-company {width: 150px; display: block; height: 50px; filter: alpha(Opacity=60); opacity: 0.60;}
.bc-company.item-1 {background: url(/Content/Resources/DemoSoft-FX/Images/fxopen.png) no-repeat 0 0;}
.bc-company.item-2 {background: url(/Content/Resources/DemoSoft-FX/Images/freshforex.png) no-repeat 0 0;}
.bc-company.item-3 {background: url(/Content/Resources/DemoSoft-FX/Images/btc.png) no-repeat 0 0;}
.bc-company.item-4 {background: url(/Content/Resources/DemoSoft-FX/Images/priorfx.png) no-repeat 0 0;}
.bc-company.item-5 {background: url(/Content/Resources/DemoSoft-FX/Images/forexee.png) no-repeat 0 0;}
.bc-company.item-6 {background: url(/Content/Resources/DemoSoft-FX/Images/sgt.png) no-repeat 0 0;}
.bc-company.item-7 {background: url(/Content/Resources/DemoSoft-FX/Images/globalfx.png) no-repeat 0 0;}
.bc-company:hover { background-position: 0 -50px; filter: alpha(Opacity=100); opacity: 1.00;}

.bc-item.bc-disabled .bc-company {background-position: 0 0!important; cursor: default; filter: alpha(Opacity=60)!important; opacity: 0.60!important;}

/* //companies*/



/*social networks*/

.fs-item {
    float: left;
    margin-right: 4px;
}
.f-social {
    overflow: hidden;
    width: 216px;
    float: right;
    margin-top: 10px;
    margin-right: -28px;
}

.icon-twitter, .icon-linkedin, .icon-facebook, .icon-linkedin, .icon-youtube, .icon-google-plus, .icon-vk  {
    float: left;
    width: 32px;
    height: 32px;
    background: url(sprite2.png) no-repeat 0 0;
}

.icon-twitter {background-position: 0 -458px;}
.icon-facebook {background-position: -37px  -458px;}
.icon-linkedin {background-position:  -74px -458px;}
.icon-youtube {background-position:  -111px -458px;}
.icon-google-plus {background-position:  -148px -458px;}
.icon-vk {background-position:  -185px -458px;}



.icon-twitter:hover {background-position: 0 -422px;}
.icon-facebook:hover  {background-position: -37px  -422px;}
.icon-linkedin:hover  {background-position:  -74px -422px;}
.icon-youtube:hover  {background-position:  -111px -422px;}
.icon-google-plus:hover  {background-position:  -148px -422px;}
.icon-vk:hover  {background-position:  -185px -422px;}
/* /social networks*/



.chartControls, .chartControls table {
	width: 100%;
}
.chartControls .k-datepicker {
	padding-right: 2px;
	width: 100px;
}
.chartControls .periodButton {
	border: 1px solid #999ca1;
	color: #4c525a;
	font: 13px Arial,sans-serif;
	height: 22px;
	line-height: 20px;
}
.chartControls .periodButtonSelected {
	background-color: #a7ad34!important;
	color: #f3f4e3
} 

.chartControlsContainer
{
	text-align: right;
	padding-top:21px;
}
.chartControlsText {
	vertical-align: middle;
}


.topMastersPeriods, .topFollowersPeriods
{
	text-align: right;
	padding: 0px 1px 5px 0px;	
}

.topPeriodButton {
	border-width: 1px;
	border: 1px solid #999ca1;
	color: #4c525a;
	font: 13px Arial,sans-serif;
	height: 22px;
}

.topPeriodSelected {
	border-color: #a7ad34 !important;
	background-color: #a7ad34 !important;
	color: #f3f4e3
}
.loginFormBox .openBtn , .loginFormBox .openBtn input[type="submit"]
{
	border: 0px !important;
}
