html, body
{
    height : 100%;
}
body
{
    font-family : OpenSansLight !important;
    min-width : 320px;
    background-color : #005c44 !important;
    background-image : url('/i/img/promo_pages/for_beginners/body/img1_2.jpg');
    background-position : top center;
    font-size : 22px;
    overflow-x : hidden;
}
body{
    -moz-user-select: none;
  -o-user-select:none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
   user-select: none;
}

.container-fluid{
      background-image: linear-gradient(rgba(0,0,0,0.3) , rgba(0,0,0,0), rgba(0,0,0,0.3));
}

::-webkit-input-placeholder
{
    color:#fff;
}
:-moz-placeholder
{
    color:#fff;
}
:-ms-input-placeholder
{
    color:#fff;
}
:focus::-webkit-input-placeholder {color: transparent}
:focus::-moz-placeholder          {color: transparent}
:focus:-moz-placeholder           {color: transparent}
:focus:-ms-input-placeholder      {color: transparent}

/*block*/
    div.content img.icon
    {
        float : left;
        margin : 0 15px 0 0;
    }
    div.content img.icon2
    {
        width : 100%;
        float : left;
        display : none;
        margin : 0 20px 0 0;
    }
    div.content h2
    {
        color : #fff;
        font-size : 1.6em;
        text-transform : uppercase;
        margin : 10px 0 5px;
        line-height : .8;
        font-family : NeuchaRegular !important;
    }
    div.content h2::after
    {
        background-image : url('/i/img/promo_pages/for_beginners/block/img13.png');
        background-repeat : no-repeat;
        height : 14px;
        width : 700px;
        display : inline-block;
        content : '';
    }
    div.content > p
    {
        text-align : justify;
        color : #fff;
        font-weight : 300;
        margin : 0 0 10px;
    }
    div.content > ul
    {
        list-style-image : url('/i/img/promo_pages/for_beginners/block/img14.png');
    }
    div.content > ul li
    {
        color : #fff;
        font-weight : 300;
    }
    div.content > p span.bold
    {
        font-weight : 600;
    }
    /*block-header*/
    .block-header
    {}
    .block-header img.logo
    {
        width : 100%;
        min-width : 200px;
        max-width : 295px;
    }
    .block-header .select_language
    {
        text-align : right !important;
        font-family : NeuchaRegular !important;
    }
    .block-header .language-wrap
    {

        position : absolute;
        right : 0;
        margin : 45px 0 0;
        padding : 0;
        background-image : url('/i/img/promo_pages/for_beginners/header/img4.png');
        z-index : 999;
        border : 2px solid rgba(255,255,255,.5);
        border-radius : 5px 5px 2px 2px;
        width : 176px;
        height : 47px;
    }
    /*block-title*/
    .block-title
    {}
    .block-title > div
    {
        background : url('/i/img/promo_pages/for_beginners/header/img2.png');
        min-height : 550px;
    }
    .block-title > div h1
    {
        font-size : 6em;
        color : #fff;
        line-height : 1em;
        font-family : NeuchaRegular !important;
        max-width : 800px;
        text-shadow : 5px 5px 10px rgba(0,0,0,.3), 10px 10px 20px rgba(0,0,0,.3);
        text-transform : uppercase;
        margin-left : 50px;
    }
    .block-title > div h1 span.yellow
    {
        visibility: hidden;
        font-size : 65px;
        color : #f2e62e;
        display : block;
        text-transform : none;
        line-height : .8em;
    }
    /*block-what_is_forex*/
    .block-what_is_forex
    {}
    .block-what_is_forex > div
    {
        background-image : url('/i/img/promo_pages/for_beginners/block/img1.png');
        background-repeat : repeat-y;
    }
    .block-what_is_forex > div div.content
    {
        margin : 0 100px 0 100px;
    }
    /*block-how_to_earn_on_forex*/
    .block-how_to_earn_on_forex
    {}
    .block-how_to_earn_on_forex > div
    {
        background-image : url('/i/img/promo_pages/for_beginners/block/img3.png');
        background-repeat : repeat-y;
    }
    .block-how_to_earn_on_forex > div div.content
    {
        margin : 0 100px 0 100px;
    }
    .block-how_to_earn_on_forex > div div.content img.icon
    {
        float : right;
        margin : 0 0 0 15px;
    }
    /*block-where_to_begin*/
    .block-where_to_begin
    {}
    .block-where_to_begin > div
    {
        background-image : url('/i/img/promo_pages/for_beginners/block/img5.png');
        background-repeat : repeat-y;
    }
    .block-where_to_begin > div div.content
    {
        margin : 0 100px 0 100px;
    }
    /*block-reasons_to_start*/
    .block-reasons_to_start
    {}
    .block-reasons_to_start > div
    {
        background-image : url('/i/img/promo_pages/for_beginners/block/img7.png');
        background-repeat : repeat-y;
    }
    .block-reasons_to_start > div div.content
    {
        margin : 0 230px 0 50px;
    }
    .block-reasons_to_start > div div.content ul
    {
        margin : 0 0 0 210px;
    }
    /*block-open_an_account*/
    .block-open_an_account
    {}
    .block-open_an_account > div
    {
        background-image : url('/i/img/promo_pages/for_beginners/block/img8.png');
        background-repeat : no-repeat;
        min-height : 754px;
    }
    .block-open_an_account > div div.content
    {
        margin : 160px 330px 0 100px;
        text-align : center;
    }
    .block-open_an_account > div div.content h2
    {
        margin : auto;
        line-height : 1;
        font-size : 1.3em;
    }
    .block-open_an_account > div div.content h2::after
    {
        display : none;
        background-image : none;
        height : auto;
        width : auto;
    }
    .block-open_an_account > div div.content > p
    {
        text-align : center;
        font-size : 1em;
    }
    .block-open_an_account > div div.content input.email, .block-open_an_account > div div.content input[type=tel]
    {
        margin : 5px auto;
        background-color : transparent;
        background-image : url('/i/img/promo_pages/for_beginners/block/img15.png');
        background-size : 100%;
        background-repeat : no-repeat;
        width : 531px;
        height : 76px;
        color : #fff;
        padding : 8px 20px 0 20px;
    }
    .block-open_an_account > div div.content input.email:focus, .block-open_an_account > div div.content input[type=tel]:focus
    {
        background-position : 0 -76px;
    }
    .block-open_an_account > div div.content input.fio
    {
        margin : 2px auto;
        background-color : transparent;
        background-image : url('/i/img/promo_pages/for_beginners/block/img16.png');
        background-size : 100%;
        background-repeat : no-repeat;
        width : 531px;
        height : 70px;
        color : #fff;
        padding : 8px 20px 0 20px;
    }
    .block-open_an_account > div div.content input.fio:focus
    {
        background-position : 0 -70.8px;
    }
    .block-open_an_account > div div.content  .button
    {
        width : 542px;
        height : 86px;
        background-color : transparent;
        margin : 10px auto;
        background-image : url('/i/img/promo_pages/for_beginners/block/img18.png');
        background-repeat : no-repeat;
        background-size : 100%;
        cursor : pointer;
        font-weight : 600;
        font-size : 1.2em;
        text-align : center;
    }
    .block-open_an_account > div div.content  .button span
    {

        padding : 18px 0;
        display : block;
    }
    .block-open_an_account > div div.content  .button:hover
    {
        background-position : 0 -86px;
        color : #fff;
    }
    .block-open_an_account form p.error
    {
        font-size : .8em;
        display:none;
        text-shadow : .5px .5px 1px rgba(0,0,0,.5);
        color : red;
        padding : 0 10px;
        width : 530px;
        margin : 0 auto;
    }
    .pen
        {
        position : absolute;
        left : 920px;
        left : calc(50% + 307px);
        bottom : 347px;
    }
    .graph
    {
        position : absolute;
        left : -200px;
    }
    div.content .more
    {
        display : none;
    }
    .footer
    {
        text-align : center;
        color : #fff;
    }
     .footer p
    {
        display : inline-block;
        margin : 10px 0px 30px -250px;
        font-size : .9em;
    }

    #fadeIn {
        display: none;
        text-align: center;
        font-size: 1em;
        color: #fff;
        font-weight: 300;
        margin: 140px 0 10px;
    }

    .button-up
    {
        display : none;
        width : 80px;
        height : 80px;
        cursor : pointer;
        position : fixed;
        background-position : 0px 0px;
        background-image : url('/i/img/promo_pages/for_beginners/body/up_sprite.png');
        z-index : 999;
        right : 50px;
        bottom : 50px;
    }
    .button-up:hover
    {
        background-position : 0px 80px ;
    }
/*media*/
    @media (max-width: 1260px)
    {
        body
        {
            overflow-x : auto;
        }
        .block-title > div, .block-what_is_forex > div, .block-how_to_earn_on_forex > div, .block-where_to_begin > div, .block-reasons_to_start > div, .block-open_an_account > div
        {
            background-image : none;
            background-repeat : no-repeat;
            min-height : 0;
        }
        div.content
        {
            margin : 0 0 60px !important;
            background-color : none !important;
        }
        .visible-lg
        {
            display : none !important;
        }
        .block-title > div h1
        {
            width : auto;
            max-width : none;
            margin-left : 0;
        }
        .pen, .graph
        {
            display : none;
            left : inherit;
            bottom : inherit;
        }
        .footer p
            {
        margin : 10px 0px 30px 0px;
        }
    }
    @media (max-width: 1159px)
    {

    }
    @media (max-width: 1051px)
    {
        .block-title > div h1
        {
            font-size : 4em;
            line-height : 1em;

            text-align : center;
        }
        .block-title > div h1 span.yellow
        {
            font-size : 45px;
        }
        div.content > p
        {
            font-size : .8em;
        }
        div.content > ul li
        {
            font-size : .8em;
            margin-bottom : 10px;
        }
        div.content img.icon
        {
            display : none;
        }
        div.content img.icon2
        {
            display : block;

            max-width : 150px;
        }
        .block-reasons_to_start > div div.content ul
        {
            margin : 0 0 0 30px;
        }

        .button-up
        {
            width : 58px;
            height : 57px;
            background-size: cover;
        }
        .button-up:hover
        {
            background-position : 0px bottom ;
        }
    }
    @media (max-width: 827px)
    {
        div p + p
        {
            display : none;
        }

        div.content .more
        {
            display : block;
            width : 250px;
            height : 57.5px;
            background-image : url('/i/img/promo_pages/for_beginners/block/img19.png');
            color : #fff;
            cursor : pointer;
            text-align : center;
            background-size : 100%;
            right : 0;
            margin : 10px;
            position : relative;
            float : right;
        }

        div.content .more:active, div.content .more:hover
        {
            background-position-y : -57.5px;
        }
        div.content .more > span
        {
            margin : 14px auto 0;
            display : block;
            font-size : .8em;
            font-weight : 600;
        }
        div.content .roll
        {
            display: none;
            width: 117px;
            height: 107px;
            background-image: url('/i/img/promo_pages/for_beginners/block/roll.png');
            color: #fff;
            cursor: pointer;
            text-align: center;
            background-size: 100%;
            right: 0;
            margin: 10px;
            position: relative;
            float: right;
        }

        div.content h2::after
        {
            width : 100%;
        }
        .block-open_an_account > div div.content input.email, .block-open_an_account > div div.content input[type=tel]
        {
            width : 431px;
            height : 60px;
            font-size : .8em;
        }
        .block-open_an_account > div div.content input.email:focus, .block-open_an_account > div div.content input[type=tel]:focus
        {
            background-position-y : -62px ;
        }
        .block-open_an_account > div div.content input.fio
        {
            width : 431px;
            height : 58px;
            font-size : .8em;
        }
        .block-open_an_account > div div.content input.fio:focus
        {
            background-position-y : -57px;
        }
        .block-open_an_account > div div.content  .button
        {
            width : 431px;
            height : 69px;
            margin : 5px auto;
            font-weight : 600;
            font-size : 1em;
        }
        .block-open_an_account > div div.content  .button span
        {
            padding: 10px 0;
            font-size : 1.2em;
        }
        .block-open_an_account > div div.content  .button:hover
        {
            background-position : 0 -69px;
        }
        .block-header .language-wrap
        {
            margin : 25px 0 0;
        }
        div#language div.list
        {
            background-color : rgba(0,81,67,.95) !important;
            border-radius : 0 0 5px 5px;
            border : 2px solid rgba(255,255,255,.8) !important;
            margin : 0px 0 0 -2px !important;
            }
        .block-open_an_account form p.error
        {
            font-size : .8em;
            padding : 10px;
            width : auto;
            margin : 0 auto;
        }
    }
    @media (max-width: 539px)
    {
        div.content .more
        {
            width : 150px;
            height : 34px;
        }
        div.content .roll
        {
            width: 80px;
            height: 74px;
        }
        div.content .more:active, div.content .more:hover
        {
            background-position-y : -35.5px;
        }
        div.content .more > span
        {
            margin : 5px auto 0;
            font-size : .7em;
            font-weight : 600;
        }
        .block-title > div h1
        {
            font-size : 2.3em;
            line-height : 1em;
        }
        .block-title > div h1 span.yellow
        {
            font-size : 26px;
            line-height : 1em;
        }
        div.content h2
        {
            font-size : 1.1em;
            margin : 15px 0;
            line-height : 1;
        }
        div.content div.text > p, div.content > p
        {
            font-size : .6em;
        }
        div.content > ul li
        {
            font-size : .6em;
            list-style: disc;
            text-align : justify;
        }
        div.content img.icon
        {
            margin : 0 15px 0 0;
            max-width : 250px;
            width : 30%;
        }
        div.content .more
        {
            width : 150px;
            height : 34px;
        }
        div.content .more:active, div.content .more:hover
        {
            background-position-y : -35.5px;
        }
        div.content .more > span
        {
            margin : 5px auto 0;
            font-size : .7em;
            font-weight : 600;
        }
        .block-open_an_account, .block-open_an_account .content, .block-open_an_account form
        {
            padding : 0 !important;
            margin : 0 auto !important;
        }
        .block-open_an_account h2
        {
            font-size : 1em !important;
        }
        .block-open_an_account p
        {
            font-size : .7em !important;
        }
        .block-open_an_account, form, .block-open_an_account div
        {

        padding : 0 !important;
        margin : 0 auto!important;
        }
        .block-open_an_account > div div.content input.email, .block-open_an_account > div div.content input[type=tel]
        {
            width : 240px;
            height : 34px;
            font-size : .7em;
            padding : 2px 10px 0 10px;
        }
        .block-open_an_account > div div.content input.email:focus, .block-open_an_account > div div.content input[type=tel]:focus
        {
            background-position-y : -34px;
        }
        .block-open_an_account > div div.content input.fio
        {
            width : 240px;
            height : 32px;
            font-size : .7em;
            padding : 2px 10px 0 10px;
        }
        .block-open_an_account > div div.content input.fio:focus
        {
            background-position-y : -32px;
        }
        .block-open_an_account > div div.content  .button
        {
            width : 240px;
            height : 38px;
            font-size : .6em;
            background-size : 100%;
        }
            .block-open_an_account > div div.content  .button:active, .block-open_an_account > div div.content  .button:hover
            {
                background-position : 0 -38px;
                color : #fff;

            }
        .footer p
        {
            font-size : .7em;
            padding : 40px 0;
        }
        .block-open_an_account > div div.content  .button span
                {
            padding: 5px 0;
            font-size : 1.2em;
        }
        .block-header .language-wrap
        {
            margin : 30px 0 0;
            width : 49px;
            height : 47px;
        }
        .language-wrap span, .language-wrap .arrow
        {
            display : none !important;
        }
        .block-header .language-wrap
        {
            margin : 19px 0 0;
            background-image : none;
            background-size : auto;
            border : 0px solid rgba(255,255,255,.5);
            border-radius : 2px;
        }

    .block-reasons_to_start > div div.content ul
        {
            margin : 0 0 0 10px;
        }
        div#language div.list
            {

            width : 49px !important;
        }
        .footer p
        {
            margin : 0 auto 50px;
            padding : 0;
        }
        div.content img.icon2
        {
            width : 100px;
            margin : 0 10px 0 0;

        }
        #fadeIn {
            display: none;
            text-align: center;
            font-size: 1em;
            color: #fff;
            font-weight: 300;
            margin: 0px 0 10px;
        }

    .button-up
        {
            position:absolute;
            right: 15px;
            bottom: 25px;
            width: 40px;
            height: 39px;
        }
    }