/* ========================================= DEFAULT ========================================== */
html {
    min-width: 1100px;
}
#homepage {
    margin-top: 81px;
}
#homepage .page-module {
    min-height: 100px;

    padding: 56px 0 22px;

    position: relative;

    border-bottom: 1px solid #e7e8e9;
}
#homepage .page-module:nth-of-type(even) {
    background-color: #f8fafc;
}
#homepage h1 {
    margin: 0;
    color: #475155;
    font: 400 30px/60px 'Roboto', Arial, "Helvetica Neue", Helvetica, sans-serif;
    font: inherit;
    display: inline;
}
#homepage h2 {
    margin: 0 0 25px;

    color: #363d42;
    text-align: center;
    letter-spacing: -0.2px;
    font: 400 32px/34px 'Roboto', Arial, "Helvetica Neue", Helvetica, sans-serif;
}
#homepage h2.like-h1 {
    margin: 31px 0 10px;

    color: #475155;
    font: 400 30px/60px 'Roboto', Arial, "Helvetica Neue", Helvetica, sans-serif;
    text-align: left;
    letter-spacing: 0px;
}
#homepage .sub-title {
    color: #363d42;
    text-align: center;
    font: 400 18px/35px 'Roboto', Arial, "Helvetica Neue", Helvetica, sans-serif;
}
#homepage .animation-block {
    width: 100%;

    position: relative;
}
#homepage .animation-block .dinamic,
#homepage .animation-block .static {
    position: absolute;

    background-repeat: no-repeat;
}
#homepage .animation-block .text {
    position: absolute;

    color: #363d42;
    font: 400 18px/30px 'Roboto', Arial, "Helvetica Neue", Helvetica, sans-serif;
}
#homepage .animation-block .text p {
    margin: 0 0 10px;
}
/* ========================================= eo DEFAULT ========================================== */



/* ========================================= ABOUT ========================================== */
#homepage .main {
    height: 547px;
    overflow: hidden;

    position: relative;

    border-bottom: 1px solid #e1e8ef;
}
#homepage .parallax {
    width: 100%;
    height: 100%;

    position: absolute;
    left: 0;
    right: 0;
    z-index: 1;

    text-align: center;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#homepage #parallax_sale {
    z-index: 2;
    top: 180px;
    height: 96px;
}
#homepage .parallax .layer {
    width: 100%;
    height: 100%;

    margin: auto;

    position: absolute;
    left: 0;
    right: 0;
    top: 0;

    -webkit-transition: top, left, right, bottom .2s ease-in-out;
}
#homepage .parallax .layer img {
    margin: auto;

    position: absolute;
    left: 0;
    right: 0;
    top: 0;
}
#homepage .parallax .layer:nth-of-type(1) img {
    top: 14px;
    left: -177px;
}
#homepage .parallax .layer:nth-of-type(2) img {
    top: 323px;
    left: -266px;
    z-index: 1;
}
#homepage .parallax .layer:nth-of-type(3) img {
    top: -157px;
    left: -5px;
    z-index: 0;
}
#homepage #parallax_sale img {
    top: 0;
    left: 405px;
    margin: 0;
}
#homepage .main .zoomer {
    width: 1000px;
    height: 547px;

    margin: 0 auto;

    position: absolute;
    left: 0;
    right: 0;
    z-index: 0;

    -webkit-animation: bgmove 10s linear infinite alternate both;
    -moz-animation: bgmove 10s linear infinite alternate both;
    -o-animation: bgmove 10s linear infinite alternate both;
    animation: bgmove 10s linear infinite alternate both;

    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom;
}
#homepage.callback_widget .main .zoomer {
    background: url(../images/landing/phone.png) 132% 100% no-repeat;
}
#homepage.ads_widget_block .main .zoomer {
    background: url(../images/landing/darts.png) 100% 100% no-repeat;
}
#homepage .main .wrap {
    z-index: 2;
}
#homepage .main .switch {
    overflow: hidden;
    position: relative;
    margin-bottom: 64px;
}
#homepage .main .switch .chat-link {
    position: absolute;
    left: 293px;
    z-index: 1;
    top: 23px;
    font-size: 25px;
    cursor: pointer;
    line-height: 29px;
    display: inline-block;
}
#homepage.callback_widget .main .switch .chat-link {
    color: #149cd7;
    border-bottom: 1px dotted rgba(20, 156, 215, .5);
}
#homepage.ads_widget_block .main .switch .chat-link {

}
#homepage.ads_widget_block .main .switch {
    margin-bottom: 35px;
}
#homepage.ads_widget_block .main .switch a.chat-link {
    left: 271px;
}
#homepage .main .switch a.chat-link {
    padding: 0;
    margin: 0;
    color: #149cd7;
    border-bottom: 1px dotted rgba(20, 156, 215, .5);
}
#homepage .main .switch a.chat-link:before {
    background: none;
}
#homepage .main .switch a {
    display: block;
    float: left;

    padding: 25px 10px 9px 58px;
    margin-right: 10px;

    position: relative;

    text-decoration: none;

    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    transition: opacity .2s;
}
#homepage .main .switch .calltraking {
    padding-right: 53px;
    padding-left: 70px;
}
#homepage .main .switch .title {
    color: #149cd7;
    font: 400 25px/25px 'Roboto', Arial, "Helvetica Neue", Helvetica, sans-serif;

    border-bottom: 1px dotted rgba(20, 156, 215, .5);
}
#homepage .main .switch .callback .title {
    color: #1fb250;

    border-bottom-color: rgba(31, 178, 80, .5);
}
#homepage .main .switch .callback .title .pseudo-link {
    color: #149cd7;
    border-bottom: 1px dotted rgba(20, 156, 215, .5);
}
#homepage .main .switch .tip {
    color: #475155;
    font: 400 18px/46px 'Roboto', Arial, "Helvetica Neue", Helvetica, sans-serif;
}
#homepage .main .switch a:before {
    content: '';

    display: block;
    width: 22px;
    height: 30px;

    position: absolute;
    top: 0px;
    left: 0px;

    background-repeat: no-repeat;
    background-image: url(../images/landing/newton-landing-sprite.png);
}
#homepage .main .switch .callback:before {
    top: 24px;
    left: 25px;
}
#homepage .main .switch .calltraking:before {
    width: 29px;

    top: 21px;
    left: 33px;

    background-position: -25px 0px;
}
#homepage .main .switch a:after {
    content: '';

    display: block;

    position: absolute;
    top: 0;
}
#homepage .main .switch .callback.current:after {
    left: 100%;

    border-left: 15px solid #edf2f6;
    border-bottom: 50px solid #edf2f6;
    border-top: 55px solid transparent;
    border-right: 15px solid transparent;
}
#homepage .main .switch .calltraking.current:after {
    right: 100%;

    border-left: 15px solid transparent;
    border-bottom: 50px solid transparent;
    border-top: 55px solid #edf2f6;
    border-right: 15px solid #edf2f6;
}
#homepage .main .switch a.current {
    background-color: #edf2f6;
}
#homepage .main .switch .callback.current {
    border-radius: 5px 0 0 5px;
}
#homepage .main .switch .calltraking.current {
    border-radius: 0 5px 5px 0;
}
#homepage .main .switch a:hover {
    opacity: .8;
}
#homepage .main .switch a.current .title {
    color: #363d42;

    border-bottom: none;
}
#homepage .main .site-btn {
    padding: 23px 41px 24px 40px;

    font: 700 18px/30px 'Roboto', Arial, "Helvetica Neue", Helvetica, sans-serif;
}
#homepage .main .text {
    color: #11191f;
    font: 400 15px/30px 'Roboto', Arial, "Helvetica Neue", Helvetica, sans-serif;
}
#homepage .main .text p {
    margin: 3px 0 11px;

    font: 400 15px/25px 'Roboto', Arial, "Helvetica Neue", Helvetica, sans-serif;
}
#homepage .main .text h2 {
    margin-bottom: 11px;

    text-align: left;
    font: 700 18px/30px 'Roboto', Arial, "Helvetica Neue", Helvetica, sans-serif;
}
#homepage .main .text a {
    color: #1fb250;
    text-decoration: none;
    font: 400 18px/30px 'Roboto', Arial, "Helvetica Neue", Helvetica, sans-serif;

    border-bottom: 1px dotted rgba(31, 178, 80, .5);
}
#homepage .main .text a:hover {
    border-bottom: none;
}
/* ========================================= ABOUT ========================================== */



/* ========================================= VK ========================================== */
#homepage .vk-chat {
    height: 785px;
}
#homepage .vk-chat .animation-block {
    margin-top: 43px;
}
#homepage .vk-chat .animation-block .text {
    width: 367px;
    right: 42px;
    top: 59px;
}
#homepage .vk-chat .animation-block .text a {
    color: #149cd7;
    border-bottom: 1px solid rgba(20, 156, 215, .5);
    text-decoration: none;
}
#homepage .vk-chat .animation-block .text a:hover {
    border: none;
}
#homepage .vk-chat .static {
    background: url("../images/landing/vk.png");
    width: 658px;
    height: 520px;
    left: -11px;
}
/* ========================================= eo VK ========================================== */



/* ========================================= CHAT ========================================== */
#homepage .chat {
    height: 780px;
}
#homepage .chat .static {
    background: url("../images/landing/chat.png");
    width: 586px;
    height: 530px;
    left: 3px;
}
#homepage .chat .animation-block {
    margin-top: 44px;
}
#homepage .chat .text {
    width: 382px;
    right: 0;
    top:41px;
}
#homepage .chat ol {
    padding: 0;
    margin: 0;
    list-style: none;
    counter-reset: list;
}
#homepage .chat ol li {
    position: relative;
    padding-left: 69px;
    box-sizing: border-box;
    margin-bottom: 67px;
}
#homepage .chat ol li:last-of-type {
    margin-bottom: 0;
}
#homepage .chat ol li:after {
    position: absolute;
    left: 9px;
    top: -8px;
    counter-increment: list 1;
    content: counter(list);
    text-align: center;
    width: 46px;
    height: 46px;
    border-radius: 100%;
    line-height: 46px;
    background-color: #5aba50;
    color: #FFF;
    font-size: 24px;
    font-weight: 700;
}
#homepage .chat ol li:first-child:after {
    background: rgb(236,73,40);
    background: -moz-linear-gradient(top, rgba(236,73,40,1) 0%, rgba(211,48,16,1) 100%);
    background: -webkit-linear-gradient(top, rgba(236,73,40,1) 0%,rgba(211,48,16,1) 100%);
    background: linear-gradient(to bottom, rgba(236,73,40,1) 0%,rgba(211,48,16,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec4928', endColorstr='#d33010',GradientType=0 );
}
#homepage .chat ol li:nth-child(2n):after {
    background: rgb(243,199,46);
    background: -moz-linear-gradient(top, rgba(243,199,46,1) 0%, rgba(219,175,22,1) 100%);
    background: -webkit-linear-gradient(top, rgba(243,199,46,1) 0%,rgba(219,175,22,1) 100%);
    background: linear-gradient(to bottom, rgba(243,199,46,1) 0%,rgba(219,175,22,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3c72e', endColorstr='#dbaf16',GradientType=0 );
}
#homepage .chat ol li:nth-child(3n):after {
    background: rgb(91,188,82);
    background: -moz-linear-gradient(top, rgba(91,188,82,1) 0%, rgba(67,164,58,1) 100%);
    background: -webkit-linear-gradient(top, rgba(91,188,82,1) 0%,rgba(67,164,58,1) 100%);
    background: linear-gradient(to bottom, rgba(91,188,82,1) 0%,rgba(67,164,58,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5bbc52', endColorstr='#43a43a',GradientType=0 );
}
#homepage .chat .animation-block .text a {
    color: #149cd7;
    border-bottom: 1px solid rgba(20, 156, 215, .5);
    text-decoration: none;
}
#homepage .chat .animation-block .text a:hover {
    border: none;
}
    /* ========================================= eo CHAT ========================================== */



/* ========================================= RATE ========================================== */
#homepage .rate .animation-block {
    height: 510px;
}
#homepage .rate .d-1 {
    width: 62px;
    height: 80px;

    top: 164px;
    left: 350px;

    background-image: url(../images/landing/people1.png);
}
#homepage .rate .d-2 {
    width: 80px;
    height: 60px;

    top: 211px;
    left: 667px;

    background-image: url(../images/landing/people2.png);
}
#homepage .rate .d-3 {
    width: 140px;
    height: 200px;

    top: 316px;
    left: 206px;

    background-image: url(../images/landing/people3.png);
}
#homepage .rate .static {
    width: 447px;
    height: 329px;

    top: 46px;
    left: 260px;

    background: url(../images/landing/static-rate.png) center no-repeat;
}
#homepage .rate .static span {
    position: absolute;
    right: 102px;
    bottom: 51px;

    color: #526069;
    font: italic 400 13px/18px 'Roboto', Arial, "Helvetica Neue", Helvetica, sans-serif;
}
#homepage .rate .t-1 {
    top: 57px;
    left: 19px;
}
#homepage .rate .t-1:before {
    content: '';

    display: block;
    width: 107px;
    height: 59px;

    position: absolute;
    top: 147px;
    left: 231px;

    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGsAAAA7CAMAAABL74TJAAABhlBMVEWstb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb7Xr/60AAAAgnRSTlMAAQIDBAUGBwkKCwwNDg8QERITFBUWGRobHB0eICEjJCUmJygpKissLTAxNTc4OTs8PT9AQUJFRklKS0xNTlBRU1ZaW1xdXl9kZmlqbW5xc3R1dnd5fH6BgoSGiImLjY6QkZOUlZyen6ChoqSlpqeoqaqrrK2ur7CxsrO0tre4uczWh4OO8gAAAdpJREFUeAG92ElTE0EYxvH/EBmJxDGEBB0jBhEdjWiUxSWiIrgg7kaCuOACkShZTDBIJJnoN/fgxQMySw/v7zSH6eqqp57qersZ+DGJGCNfP4WYgeIrHTHZtoWYWHUOMdrz1W7EXN2KIsbqJBFz1B5GTKJ9GjFRyc367BRi4h0TMWYzhpjUzzBiRishxNz4hJzcPHJWs4jRG5bkAXIIMVY1hJibS8jJTyNG+2ohxtgW7MeIZD+mJfvxWrAfoY0RgnLsMruLtQ2Ckf71yPGXskYAepeLv/txcjePuqn2WKODs/fXUNRVXNAX75Rx1t04gaIYVz6ef4YL8W1DuYNN/fEEblilEErCrcMsR3Bl6i0qtC8Z3Hsxh4LcLF4UJvFtNud12DmDT6MreGS0TL+Di45XZssAhJadbIbxLGGb/oKv7sejuD2IPxmv0ccVbqmXKjoeHGkdx79M/QCuDdlJVKQ3o7h0oZlAzVDTZS4zpR5U9W2M42zfm8Uu1OkrOc35MeE6wZgpx9nVve9JgpKq3+b/BitPuwiONl89y84iS+tJgtX/rjC8U3MWti4SvOSH6q0w/wqNFUrj7I3e++vlh+cif7/TD9Y2n5jsoZ6J3OdarfattvYyexAHfwDLz0cLqMzZkwAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
}
#homepage .rate .t-2 {
    top: 291px;
    left: 770px;
}
#homepage .rate .t-2:after {
    content: '';

    display: block;
    width: 63px;
    height: 47px;

    position: absolute;
    top: -29px;
    left: -70px;

    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAuCAMAAACvSe/GAAABR1BMVEWstb7///+stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb6stb5GWshGAAAAbXRSTlMAAAECAwQFBgcJCgsMDQ8UFRYXGBkbHB0eHyAhIyUmKi0uMTI0NTc5Ojw+P0BBQkNHSk1SVFVXWFlaX2FkZ2lqbG5wcnN1eHl6e3x9foCBioyPkJKTlJaXmJmcnZ6goaSlp6qrrK2ur7O3uc7QiD359wAAAQZJREFUeAGlzOkiKgEAx9HfvdOSLFlUyKKQCJN9IYsQCVFCqdQ0DfH+n72D/3mAg/vHB/Dvr+D7Wgv66pU4isWLoW4/ghPTWagieAs0/Vf7QmBzvmyYQpBlPofGZSFq+dCcmWimC4gcROUQmtQpGo+D6CWMZiWDxvhCdJdEE/5A1AiimS0hqkXQTFUQFVbR9HZ70Ky9IrpPo/n/vo7G29lUh0rWQHPojKOZtB9G0CTqtQ0/kuF0y86ngijcsXSxbbWeMlvxUaExgondy5LVbldvd6JeBAPR7XzDqh7PuZAa86ZZP5pA4jUfO5kQEiNZ7ux5kPgOPnODaJYaz2NoZmrFAJqYHfkFE8YnaZ5xdy8AAAAASUVORK5CYII=);
    background-repeat: no-repeat;
}
#homepage .rate .t-3 {
    top: 411px;
    left: 335px;
}
#homepage .rate .num {
    width: 54px;
    height: 54px;

    margin-bottom: 21px;

    color: #606a74;
    text-align: center;
    font: 700 30px/54px 'Roboto', Arial, "Helvetica Neue", Helvetica, sans-serif;

    border: 3px solid #5fd0ff;
    border-radius: 50%;
}
/* ========================================= eo RATE ========================================== */


/* ========================================= COMMUNICATE ========================================== */
#homepage .comm h2 .icon {
    display: inline-block;
    vertical-align: top;
    width: 35px;
    height: 54px;

    margin: 0 4px 0 0;

    position: relative;
    top: -7px;

    background-repeat: no-repeat;
    background-position: 0px -32px;
    background-image: url(../images/landing/newton-landing-sprite.png);
}
#homepage .comm .animation-block {
    height: 302px;
}
#homepage .comm .static {
    width: 161px;
    height: 223px;
}
#homepage .comm .s-1 {
    top: 32px;
    left: 49px;

    background: url(../images/landing/client.png) center no-repeat;
}
#homepage .comm .s-2 {
    top: 39px;
    right: 63px;

    background: url(../images/landing/manager.png) center no-repeat;
}
#homepage .comm .s-3 {
    width: 500px;

    padding: 0;
    margin: 0;

    top: 53px;
    left: 252px;

    list-style: none;
}
#homepage .comm .s-3 li {
    float: left;

    margin-right: 21px;

    color: #526069;
    font: 400 11px/15px 'Roboto', Arial, "Helvetica Neue", Helvetica, sans-serif;
}
#homepage .comm .s-3 li:last-of-type {
    margin-right: 0;
}
#homepage .comm .dinamic {
    height: 32px;
}
#homepage .comm .d-1 {
    width: 500px;

    top: 94px;
    left: 252px;

    background: url(../images/landing/comm-red.png) top left no-repeat;
}
#homepage .comm .d-2 {
    width: 514px;

    top: 174px;
    left: 238px;

    background: url(../images/landing/comm-green.png) top left no-repeat;
}
#homepage .comm .meter {
    width: 48px;
    height: 48px;
    opacity: 0;

    position: absolute;
    top: -8px;
    left: 0;
    z-index: 2;

    background: url(../images/landing/mb.png) center no-repeat;
}
#homepage .comm .meter:before {
    content: '';

    display: block;
    width: 198px;
    height: 49px;
    opacity: 0;

    position: absolute;
    top: 0;
    right: -57px;
    z-index: 1;

    background: url(../images/landing/comm-green-btn.png) center no-repeat;
}
#homepage .comm .d-2:before {
    content: '1 клик';

    position: absolute;
    top: -24px;
    left: 239px;

    color: #526069;
    font: 400 11px/11px 'Roboto', Arial, "Helvetica Neue", Helvetica, sans-serif;
}
/* --- animation --- */
#homepage .comm.active .meter {
    -webkit-animation: oneClick 2s infinite both;
    -moz-animation: oneClick 2s infinite both;
    animation: oneClick 2s infinite both;
}
#homepage .comm.active .meter:before {
    -webkit-animation: oneClickTail 2s infinite both;
    -moz-animation: oneClickTail 2s infinite both;
    animation: oneClickTail 2s infinite both;
}
/* ========================================= eo COMMUNICATE ========================================== */



/* ========================================= TECH ========================================== */
#homepage .tech {
    // padding: 73px 0 0;
    padding-bottom: 0;
}
#homepage .tech .animation-block {
    height: 406px;

    background: url(../images/landing/tech-client.png) -621% 440% no-repeat;
}
#homepage .tech .text {
    top: 77px;
    left: 571px;
}
#homepage .tech .d-1 {
    width: 140px;
    height: 145px;

    top: 76px;
    left: 331px;

    background: url(../images/landing/tech-oper.png) top left no-repeat;
}
/* ========================================= eo TECH ========================================== */



/* ========================================= MORE THAN ========================================== */
#homepage .more {
    // padding: 65px 0 73px;
}
#homepage .more h2 .icon {
    display: inline-block;
    vertical-align: top;
    width: 65px;
    height: 56px;

    margin: 0 0 0 22px;

    background-repeat: no-repeat;
    background-position: -50px -32px;
    background-image: url(../images/landing/newton-landing-sprite.png);
}
#homepage .more .animation-block {
    height: 406px;
}
#homepage .more .text {
    top: 30px;
}
#homepage .more .left .text {
    width: 510px;

    left: 0;
}
#homepage .more .right .text {
    width: 470px;

    right: 0;
}
#homepage .more .text p {
    margin-bottom: 26px;
}
#homepage .more .left,
#homepage .more .right {
    width: 487px;
}
#homepage .more .s-1 {
    width: 369px;
    height: 258px;

    top: 129px;
    left: 57px;

    background: url(../images/landing/more-stat1.png) top left no-repeat;
}
#homepage .more .s-2 {
    width: 369px;
    height: 258px;

    top: 129px;
    left: 577px;

    background: url(../images/landing/more-stat2.png) top left no-repeat;
}
#homepage .more .site-btn {
    padding: 21px 35px 20px 40px;
    margin-top: 8px;

    font: 700 18px/18px 'Roboto', Arial, sans-serif;
}
/* ========================================= eo MORE THAN ========================================== */



/* ========================================= DIRECT ========================================== */
#homepage .direct h2 {
    margin-bottom: 25px;

    text-align: left;
}
#homepage .direct .animation-block {
    height: 366px;
}
#homepage .direct .text {
    top: 67px;
    left: 373px;
}
#homepage .direct .static {
    width: 305px;
    height: 334px;

    top: -17px;
    left: 12px;

    background: url(../images/landing/direct.png) top left no-repeat;
}
/* ========================================= eo DIRECT ========================================== */



/* ========================================= MULTI ========================================== */
#homepage .multi h2 {
    margin-bottom: 25px;

    text-align: left;
}
#homepage .multi .animation-block {
    height: 257px;
}
#homepage .multi .text {
    top: 13px;
    left: 0px;
}
#homepage .multi .static {
    width: 224px;
    height: 223px;

    top: 9px;
    left: 712px;

    background: url(../images/landing/multi3.gif) top left no-repeat;
}
/* ========================================= eo MULTI ========================================== */



/* ========================================= FEEDBACK ========================================== */
#homepage .feedback {
    // padding: 52px 0 22px;
}
#homepage .feedback .animation-block {
    height: 661px;
}
#homepage .feedback .text {
    top: 71px;
    left: 498px;
}
#homepage .feedback .static {
    width: 603px;
    height: 594px;

    top: 22px;
    left: 81px;

    background: url(../images/landing/feedback.png) top left no-repeat;
}
/* ========================================= eo FEEDBACK ========================================== */



/* ========================================= CLIENTS ========================================== */
#homepage .clients {
    height: 443px;

    padding: 56px 0 35px;
}
#homepage .clients h2 {
    margin-bottom: 43px;
}
#homepage .clients .wrap {
    width: 820px;

    text-align: center;
}
#homepage .clients .row {
    overflow: hidden;
    clear: both;
    opacity: 0;

    margin-bottom: 22px;
    margin-top: -10px;
}
#homepage .clients a {
    display: block;
    width: 25%;
    height: 90px;
    float: left;

    text-align: center;
    line-height: 90px;

    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    transition: opacity .2s;
}
#homepage .clients .pir {
    margin-left: 90px;
}
#homepage .clients .pir,
#homepage .clients .lid,
#homepage .clients .len {
    height: 110px;
}
#homepage .clients a:hover {
    opacity: .8;
}
/* --- animation --- */
#homepage .clients.active .row:nth-of-type(1) {
    -webkit-animation: clients .5s linear both;
    -moz-animation: clients .5s linear both;
    animation: clients .5s linear both;
}
#homepage .clients.active .row:nth-of-type(2) {
    -webkit-animation: clients .5s linear .5s both;
    -moz-animation: clients .5s linear .5s both;
    animation: clients .5s linear .5s both;
}
#homepage .clients.active .row:nth-of-type(3) {
    -webkit-animation: clients .5s linear 1s both;
    -moz-animation: clients .5s linear 1s both;
    animation: clients .5s linear 1s both;
}
/* ========================================= eo CLIENTS ========================================== */


/* ========================================= COST ========================================== */
#homepage .cost {
// padding: 80px 0 35px;

    background-color: #f7f9fb;
}
#homepage .cost ul {
    padding: 0;
    margin: 0;

    list-style: none;
}
#homepage .cost ul:after,
#homepage .cost .tabs {
    content: '';

    display: block;
    clear: both;
    position: relative;
}
#homepage .cost .tabs {
    width: 488px;

    margin: 24px auto 25px;
}
#homepage .cost .tabs .tabs-wrap {
    overflow: hidden;
}
#homepage .cost .tabs a {
    display: block;
    float: left;

    padding: 20px 40px 19px 57px;

    position: relative;

    text-decoration: none;

    border-radius: 4px;

    background-color: transparent;
}
#homepage .cost .tabs .current {
    background-color: #fff;
}
#homepage .cost .tabs a span {
    font: 400 20px/20px 'Roboto', Arial, "Helvetica Neue", Helvetica, sans-serif;
}
#homepage .cost .tabs .callback span {
    color: #1fb250;

    border-bottom: 1px dotted rgba(31, 178, 80, 0.5);
}
#homepage .cost .tabs .calltraking span {
    color: #149cd7;

    border-bottom: 1px dotted rgba(20, 156, 215, 0.5);
}
#homepage .cost .tabs .current span,
#homepage .cost .tabs a:hover span {
    color: #363d42;

    border-bottom: none;
}
#homepage .cost .tabs a:before {
    content: '';

    display: block;
    width: 22px;
    height: 30px;

    position: absolute;
    top: 0px;
    left: 0px;

    background-repeat: no-repeat;
    background-image: url(../images/landing/newton-landing-sprite.png);
}
#homepage .cost .tabs .callback:before {
    top: 17px;
    left: 28px;
}
#homepage .cost .tabs .calltraking:before {
    width: 29px;

    top: 14px;
    left: 20px;

    background-position: -25px 0px;
}
#homepage .cost .content {
    width: 1000px;
    height: 375px;

    margin-bottom: 20px;

    position: relative;
}
#homepage .cost .content .inner {
    display: none;
    width: inherit;
    height: inherit;

    position: absolute;
    top: -40px;
    left: 0;

    -webkit-animation: text-slide-down 1s both;
    -moz-animation: text-slide-down 1s both;
    animation: text-slide-down 1s both;

    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    animation-play-state: paused;
}
#homepage .cost .content .inner.current {
    display: block;

    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    animation-play-state: running;
}
#homepage .cost .list {
    padding-top: 10px;
    margin-bottom: 30px;
}
#homepage .cost .list li {
    width: 230px;
    height: 180px;
    float: left;

    padding: 20px 0;
    margin-right: 20px;

    text-align: center;

    border-radius: 5px;

    -webkit-box-shadow: 0 0 0 0 #fff;
    -moz-box-shadow: 0 0 0 0 #fff;
    box-shadow: 0 0 0 0 #fff;

    background-color: #fff;

    -webkit-transition: box-shadow .2s;
    -moz-transition: box-shadow .2s;
    transition: box-shadow .2s;
}
#homepage .cost .list li:hover,
#homepage .cost .list li.current:not(.this) {
    border-radius: 1px;

    -webkit-box-shadow: 0 0 0 10px #fff;
    -moz-box-shadow: 0 0 0 10px #fff;
    box-shadow: 0 0 0 10px #fff;
}
#homepage .cost .list li:last-of-type {
    margin-right: 0;
}
#homepage .cost .list .header {
    margin-bottom: 22px;

    color: #363d42;
    text-transform: uppercase;
    font: 700 18px/35px 'Roboto', Arial, "Helvetica Neue", Helvetica, sans-serif;
}
#homepage .cost .list .price {
    margin-bottom: 26px;

    color: #363d42;
    text-transform: uppercase;
    font: 700 28px/28px 'Roboto', Arial, "Helvetica Neue", Helvetica, sans-serif;
}

#homepage .cost .list .price > span{
    font-size: 18px;
    font-weight: 400;
    text-decoration: #e84848 line-through;
}
#homepage .cost .list .minutes {
    display: inline-block;

    padding: 0 8px;
    margin-bottom: 10px;

    color: #363d42;
    font: 400 18px/28px 'Roboto', Arial, "Helvetica Neue", Helvetica, sans-serif;

    background-color: #fff952;
}
#homepage .cost .list .price-per {
    margin-bottom: 23px;

    color: #afb9bc;
    font: 400 15px/15px 'Roboto', Arial, "Helvetica Neue", Helvetica, sans-serif;
}
#homepage .cost .list .site-btn {
    padding: 14px 18px 13px 26px;

    color: #363d42;
    font: 400 18px/18px 'Roboto', Arial, sans-serif;

    background-color: #fff;

    box-shadow: inset 0px 0px 0px 1px #9bdeeb;

    -webkit-transition: background .2s;
    -moz-transition: background .2s;
    transition: background .2s;
}
#homepage .cost .list li:hover .site-btn,
#homepage .cost .list li.current:not(.this) .site-btn {
    color: #fff;

    background-color: #149cd7;

    box-shadow: none;
}
#homepage .cost .traking .list {
    width: 730px;

    margin: 0 auto 29px;
}
#homepage .cost .traking .list li {
    height: 150px;

    padding: 27px 0 20px;
}
#homepage .cost .traking .list .icon {
    height: 53px;

    margin: 0 auto 13px;

    background-repeat: no-repeat;
    background-image: url(../images/landing/newton-landing-sprite.png);
}
#homepage .cost .traking .list li:nth-of-type(1) .icon {
    width: 43px;

    background-position: 0px -96px;
}
#homepage .cost .traking .list li:nth-of-type(2) .icon {
    width: 44px;

    background-position: -63px -96px;
}
#homepage .cost .traking .list li:nth-of-type(3) .icon {
    width: 46px;

    background-position: -125px -96px;
}
#homepage .cost .traking .list .name {
    margin-bottom: 13px;

    color: #363d42;
    text-align: center;
    font: 700 18px/18px 'Roboto', Arial, "Helvetica Neue", Helvetica, sans-serif;
}
#homepage .cost .traking .list .minutes {
    color: #363d42;
    text-align: center;
    font: 700 28px/36px 'Roboto', Arial, "Helvetica Neue", Helvetica, sans-serif;
}
#homepage .cost .bottom {
    overflow: hidden;
}
#homepage .cost .calc {
    width: 363px;
    float: left;

    padding: 20px 10px 17px 107px;
    margin-right: 31px;

    position: relative;

    border-radius: 5px;

    background-color: #fff;
}
#homepage .cost .calc:before {
    content: '';

    display: block;
    width: 41px;
    height: 49px;

    position: absolute;
    top: 28px;
    left: 33px;

    background-repeat: no-repeat;
    background-position: -192px -96px;
    background-image: url(../images/landing/newton-landing-sprite.png);
}
#homepage .cost .calc .title {
    margin-bottom: 13px;

    color: #202326;
    font: 400 18px/18px 'Roboto', Arial, "Helvetica Neue", Helvetica, sans-serif;
}
#homepage .cost .calc .form > div {
    float: left;

    position: relative;
}
#homepage .cost .calc .form > div span {
    position: absolute;
    top: 12px;
    right: 19px;

    color: #9eaaae;
    font: 400 15px/15px 'Roboto', Arial, "Helvetica Neue", Helvetica, sans-serif;
}
#homepage .cost .calc .form span.unit-value {
    position: static;
}
#homepage .cost .calc div.minutes {
    margin-right: 18px;
}
#homepage .cost .calc .eq {
    margin-right: 10px;

    color: #d7dee5;
    font: 700 30px/33px 'Roboto', Arial, "Helvetica Neue", Helvetica, sans-serif;
}
#homepage .cost .calc .price .rub {
    float: left;

    padding: 7px 13px 1px 0;

    color: #353b40;
    font: 700 25px/25px 'robotobold', Arial, "Helvetica Neue", Helvetica, sans-serif;
}
#homepage .cost .calc .price .unit {
    float: left;

    color: #afb9bc;
    font: 400 15px/47px 'PT Sans', Arial, "Helvetica Neue", Helvetica, sans-serif;
}
#homepage .cost .calc input {
    float: right;

    padding: 9px 4px 8px 12px;
    margin: 0;

    position: relative;


    color: rgb(53, 59, 64);
    font: 400 15px/18px 'Roboto', Arial, "Helvetica Neue", Helvetica, sans-serif;

    border: 1px solid #dbdde0;
    border-radius: 4px;

    background-color: rgb(255, 255, 255);
}
#homepage .cost .calc .minutes input {
    width: 102px;
}
#homepage .cost .calc #calc_price {
    max-width: 93px;
    float: left;

    padding: 7px 6px 1px 9px;
    margin: 0;

    color: #353b40;
    font: 700 25px/25px 'Roboto', Arial, "Helvetica Neue", Helvetica, sans-serif;

    border: none;
}
#homepage .cost .calc input.error {
    border-color: rgb(255, 0, 0);
}
#homepage .cost .calc input:focus,
#homepage .cost .calc input:hover,
#homepage .cost .calc button:focus,
#homepage .cost .calc button:hover {
    outline: 0 none;
}
#homepage .cost .calc input:hover,
#homepage .cost .calc input:focus {
    border-color: #80d3e5;
}
#homepage .cost input::-webkit-input-placeholder {
    color: #959ba2;
    font: 400 15px/18px 'Roboto', Arial, "Helvetica Neue", Helvetica, sans-serif;
}
#homepage .cost input::-moz-placeholder {
    color: #959ba2;
    font: 400 15px/18px 'Roboto', Arial, "Helvetica Neue", Helvetica, sans-serif;
}
#homepage .cost input:-moz-placeholder {
    color: #959ba2;
    font: 400 15px/18px 'Roboto', Arial, "Helvetica Neue", Helvetica, sans-serif;
}
#homepage .cost input:-ms-input-placeholder {
    color: #959ba2;
    font: 400 15px/18px 'Roboto', Arial, "Helvetica Neue", Helvetica, sans-serif;
}

#homepage .cost .calc #calc_price::-webkit-input-placeholder {
    color: #353b40;
    font: 700 25px/25px 'Roboto', Arial, "Helvetica Neue", Helvetica, sans-serif;
}
#homepage .cost .calc #calc_price::-moz-placeholder {
    color: #353b40;
    font: 700 25px/25px 'Roboto', Arial, "Helvetica Neue", Helvetica, sans-serif;
}
#homepage .cost .calc #calc_price:-moz-placeholder {
    color: #353b40;
    font: 700 25px/25px 'Roboto', Arial, "Helvetica Neue", Helvetica, sans-serif;
}
#homepage .cost .calc #calc_price:-ms-input-placeholder {
    color: #353b40;
    font: 700 25px/25px 'Roboto', Arial, "Helvetica Neue", Helvetica, sans-serif;
}
#homepage .cost .calc .field {
    overflow: hidden;

    margin-bottom: 23px;
}
#homepage .cost .calc .field .name {
    width: 202px;
    float: left;

    color: rgb(53, 59, 64);
    font: 400 15px/38px 'Roboto', Arial, "Helvetica Neue", Helvetica, sans-serif;
}
#homepage .cost .test-mode {
    width: 432px;
    height: 71px;
    float: left;

    padding: 16px 21px 12px;
    margin-top: 1px;

    border: 2px solid #fff;
    border-radius: 7px;

    background-color: #fff;

    box-shadow: inset 0 0 0 2px #fff952;
}
#homepage .cost .test-mode.wide {
    width: 542px;
}
#homepage .cost .test-mode.giant {
    width: 937px;
}
#homepage .cost .test-mode.giant .test-mode-wrap {
    margin: 0 auto;
    width: 435px;
}
#homepage .cost .traking .test-mode {
    float: none;

    margin: 0 auto;
}
#homepage .cost .test-mode .text {
    float: left;

    margin-right: 25px;
}
#homepage .cost .test-mode .text span:first-of-type {
    color: #353b40;
    font: 700 25px/29px 'Roboto', Arial, "Helvetica Neue", Helvetica, sans-serif;
}
#homepage .cost .test-mode .text span:last-of-type {
    color: #353b40;
    font: 400 18px/42px 'Roboto', Arial, "Helvetica Neue", Helvetica, sans-serif;
}
#homepage .cost .test-mode .form {
    float: left;

    margin-top: 5px;
}
#homepage .cost .test-mode a {
    padding: 18px 29px 19px 28px;

    font: 700 18px/18px 'Roboto', Arial, "Helvetica Neue", Helvetica, sans-serif;
}

#homepage .cost .rate-features {
    display: flex;
    justify-content: space-between;
    margin-right: 11px;
    padding: 37px 46px 38px 53px;
    background-color: #edf2f6;
    border-radius: 10px;
}

#homepage .rate-feature {
    position: relative;
    padding-left: 40px;
    margin-right: 63px;
    font: 400 18px/30px 'Roboto', Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #373e43;
}

#homepage .rate-feature:last-of-type {
    margin-right: 0;
}

#homepage .rate-feature::before {
    position: absolute;
    content: "";
    top: 2px;
    left: 1px;
    display: inline-block;
    background: url(../images/landing/rate-types-sprite.png) no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    text-align: left;
}

#homepage .rate-feature:nth-child(1)::before {
    background-position: -97px 0px;
    width: 26px;
    height: 26px;
}

#homepage .rate-feature:nth-child(2)::before {
    left: -6px;
    background-position: 0px 0px;
    width: 29px;
    height: 26px;
}

#homepage .rate-feature:nth-child(3)::before {
    top: 1px;
    left: -7px;
    background-position: -49px 0px;
    width: 28px;
    height: 27px;
}

/* ========================================= eo COST ========================================== */


/* ========================================= HOW ========================================== */
#homepage .how h2 {
    margin-bottom: 44px;

    font-size: 35px;
}
#homepage .how .row {
    overflow: hidden;

    margin-bottom: 10px;
}
#homepage .how .text {
    width: 33%;
    float: left;

    margin-bottom: 30px;

    color: #363d42;
    text-align: center;
    font: 400 18px/30px 'Roboto', Arial, "Helvetica Neue", Helvetica, sans-serif;
}
#homepage .how .num {
    width: 54px;
    height: 54px;

    margin: 0 auto 13px;

    color: #606a74;
    text-align: center;
    font: 700 30px/54px 'Roboto', Arial, "Helvetica Neue", Helvetica, sans-serif;

    border: 3px solid #5fd0ff;
    border-radius: 50%;
}
#homepage .how .row:nth-of-type(2),
#homepage .how .row:nth-of-type(3),
#homepage .how .row:nth-of-type(4),
#homepage .how .row:nth-of-type(5) {
    padding-left: 148px;
}
#homepage .how .row p {
    margin: 0;

    color: #78868a;
    font: 400 15px/22px 'Roboto', Arial, "Helvetica Neue", Helvetica, sans-serif;
}
#homepage .how .row:nth-of-type(2) {
    height: 68px;

    margin-bottom: 38px;

    background: url(../images/landing/how1.png) 32% 100% no-repeat;
}
#homepage .how .row:nth-of-type(2) p {
    margin-top: 12px;
}
#homepage .how .row:nth-of-type(3) {
    height: 65px;

    margin-bottom: 40px;

    background: url(../images/landing/how2.png) 32% 100% no-repeat;
}
#homepage .how .row:nth-of-type(3) p {
    margin-top: 6px;
}
#homepage .how .row:nth-of-type(4) {
    height: 45px;

    margin-bottom: 38px;

    background: url(../images/landing/how3.png) 28% 100% no-repeat;
}
#homepage .how .row:nth-of-type(4) p {
    margin-top: 1px;
}
#homepage .how .row:nth-of-type(5) {
    height: 62px;

    background: url(../images/landing/how4.png) 31% 100% no-repeat;
}
#homepage .how .row:nth-of-type(5) p {
    margin-top: 18px;
}
#homepage .how .row.settings {
    margin: 60px 0 30px;

    text-align: center;
}
#homepage .how .row.settings .settings-link {
    display: block;
    height: 26px;

    text-decoration: none;
}
#homepage .how .row.settings .settings-link:before {
    content: '';

    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 30px;

    margin: 0 10px 0 0;

    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAaCAMAAACaYWzBAAAAMFBMVEUUnNcUnNcUnNcUnNcUnNcUnNcUnNcUnNcUnNcUnNcUnNcUnNcUnNcUnNcUnNcUnNdqmK9IAAAAD3RSTlMAGBkbJScorbW2w8Tv8fJ7kUKQAAAAZ0lEQVR42rXRQQ6AIAxE0YLUQlXm/reVaGzUujHi204C+Sk1SZZFEjk8o5nZDYISY4HQlQKIRBFXegzhNkzbUzkMGUJ34/75SA5LrcL02vdUhTmnqh+CBZr/UvvdUC3MX/DphlPHsBUE3AvRKXrgvgAAAABJRU5ErkJggg==);
}
#homepage .how .row.settings .settings-link span {
    color: #149cd7;
    font: 400 20px/20px 'Roboto', Arial, "Helvetica Neue", Helvetica, sans-serif;

    border-bottom: 1px dotted rgba(20, 156, 215, 0.5);
}
#homepage .how .row.settings .settings-link:hover span {
    border-bottom-color: transparent;
}
/* ========================================= eo HOW ========================================== */


/* ========================================= TYPE ========================================== */
#homepage .type {
	padding: 90px 0;
}
#homepage .type .tabs {
	width: 44%;
	position: absolute;
	top: 18px;
	left: 0;
}
#homepage .type .tab {
	text-decoration: none;
	font: 300 30px/38px 'Roboto', Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #868b8e;
	display: block;
	margin-bottom: 22px;
}
#homepage .type .tab:last-child {
	margin-bottom: 0;
}
#homepage .type .tab.current {
	padding-left: 21px;
	margin-left: 1px;
	border-left: 4px solid #149cd7;
	color: #363d42;
}
#homepage .type .content {
	font: 300 15px/22px 'Roboto', Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #78868a;
}
#homepage .type .content .inner {
	padding-top: 149px;
	height: 339px;
	display: none;
}
#homepage .type .content .inner.current {
	display: block;
}
#homepage .type .content .inner.dynamic-content {
	background: url('/../images/type-calltracking-bg-1.png') no-repeat right bottom;
}
#homepage .type .content .inner.static-content {
	background: url('/../images/type-calltracking-bg-2.png') no-repeat right bottom;
}
#homepage .type .content .text {
	width: 51%;
	letter-spacing: -.13px;
	margin: 0;
}
#homepage .type .content .list {
	list-style: none;
	padding: 0;
	margin: 18px 0 0;
}
#homepage .type .content .item {
	padding-left: 33px;
	margin-bottom: 6px;
	position: relative;
}
#homepage .type .content .item:last-child {
	margin-bottom: 0;
}
#homepage .type .content .item:before {
	content: '';
	display: block;
	width: 16px;
	height: 2px;
	background-color: #149cd7;
	position: absolute;
	left: 1px;
	top: 10px;
}
#homepage .type .content .item span {
	display: block;
	font: 300 13px/18px 'Roboto', Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #b4bec1;
}
#homepage .type .content .logos {
	margin-top: 26px;
	padding-left: 32px;
}
#homepage .type .content .logos img {
	margin-right: 26px;
}
#homepage .type .content .logos img:last-child {
	margin-right: 0;
}
#homepage .type .content .static-content .text {
	width: 46%;
}
#homepage .type .content .static-content .list {
	display: flex;
	margin-top: 33px;
}
#homepage .type .content .static-content .item {
	padding: 0;
	margin: 0 50px 0 0;
	width: 65px;
	text-align: center;
}
#homepage .type .content .static-content .item:last-child {
	margin: 0;
}
#homepage .type .content .static-content .item:before {
	display: none;
}
#homepage .type .content .static-content .caption {
	font: 300 14px/18px 'Roboto', Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #192d35;
	margin-top: 19px;
}
/* ========================================= eo TYPE ========================================== */


/* ========================================= TRACKING ========================================== */
#homepage .page-module.tracking {
	padding: 82px 0 98px;
	text-align: center;
}
#homepage .tracking h2 {
	font: 300 30px/40px 'Roboto', Arial, "Helvetica Neue", Helvetica, sans-serif;
	letter-spacing: 0;
	color: #475155;
	margin-bottom: 49px;
}
/* ========================================= eo TRACKING ========================================== */


/* ========================================= CALC ========================================== */
#homepage .inner.traking .wrap {
	width: 538px;
	border: 2px solid #fff952;
	border-radius: 10px;
	background-color: #ffffff;
	padding: 34px 26px 26px;
	box-sizing: border-box;
}
#homepage .inner.traking h2 {
	font: 300 30px/29px 'Roboto', Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #475155;
	margin: 0 0 28px;
}

#homepage .inner.traking .counters {
	list-style: none;
	padding: 0 26px;
	margin: 0;
	display: flex;
	justify-content: space-between;
	text-align: center;
}
#homepage .inner.traking .counter.session {
	width: 197px;
}
#homepage .inner.traking .counter.numbers {
	width: 170px;
}
#homepage .inner.traking .counter .title {
	font: 300 18px/24px 'Roboto', Arial, "Helvetica Neue", Helvetica, sans-serif;
	letter-spacing: -0.18px;
	color: #202326;
}
#homepage .inner.traking .counter .field-wrap {
	margin-top: 11px;
	position: relative;
}
#homepage .inner.traking .counter .field {
	width: 100%;
	height: 37px;
	border: 1px solid #d7dee5;
	border-radius: 3px;
	padding: 0 0 0 12px;
	box-sizing: border-box;
	font: 300 15px/37px 'Roboto', Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #353b40;
}
#homepage .inner.traking .counter .plus-btn {
	height: 37px;
	width: 37px;
	padding: 0;
	background-color: #d7dee5;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cg%3E%3Cg opacity='.5'%3E%3Cpath fill='%23353b40' d='M14 9H9v5H5V9H0V5h5V0h4v5h5z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: 9px center;
	border: none;
	border-radius: 0 3px 3px 0;
	position: absolute;
	top: 0;
	right: 0;
}
#homepage .inner.traking .counter .plus-btn:hover {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23149cd7' d='M14 9H9v5H5V9H0V5h5V0h4v5h5z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
#homepage .inner.traking .counter .minus-btn {
	height: 37px;
	width: 37px;
	padding: 0;
	background-color: #d7dee5;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='4' viewBox='0 0 14 4'%3E%3Cg%3E%3Cg opacity='.5'%3E%3Cpath fill='%23353b40' d='M0 0h14v4H0z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: 17px center;
	border: none;
	position: absolute;
	top: 0;
	right: 37px;
}
#homepage .inner.traking .counter .minus-btn:hover {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='4' viewBox='0 0 14 4'%3E%3Cg%3E%3Cg opacity='1'%3E%3Cpath fill='%23149cd7' d='M0 0h14v4H0z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
#homepage .inner.traking .block {
	border: 2px solid #e1e8ef;
	border-radius: 10px;
	margin-top: 35px;
	padding: 19px 25px 24px 27px;
}
#homepage .inner.traking .cost {
	font: 300 19px/27px 'Roboto', Arial, "Helvetica Neue", Helvetica, sans-serif;
	letter-spacing: -0.19px;
	color: #202326;
	border-bottom: 1px solid #e1e8ef;
	padding-bottom: 17px;
}
#homepage .inner.traking .cost span {
	font: 700 22px/27px 'Roboto', Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #353b40;
}
#homepage .inner.traking .free-test {
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
}
#homepage .inner.traking .text {
	font: 400 15px/23px 'Roboto', Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #353b40;
}
#homepage .inner.traking .text span {
	display: block;
	font: 700 21px/30px 'Roboto', Arial, "Helvetica Neue", Helvetica, sans-serif;
}
#homepage .inner.traking .button {
	text-decoration: none;
	font: 700 18px/55px 'Roboto', Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #ffffff;
	background-color: #149cd7;
	padding: 0 30px;
	border-radius: 5px;
}
	/* ========================================= eo CALC ========================================== */


/* ========================================= HOW IT WORKS ========================================== */
#homepage.ads_widget_block .main {
    height: 998px;
}
#how-it-works {
    width: 1200px;

    margin-top: 76px;
}
#how-it-works .tabs {
    height: 30px;
    overflow: hidden;

    text-align: center;
}
#how-it-works .tabs a {
    margin-right: 76px;

    color: #149cd7;
    text-decoration: none;
    font: 400 22px/22px 'Roboto', Arial, "Helvetica Neue", Helvetica, sans-serif;

    border-bottom: 1px dotted rgba(20, 156, 215, .5);
}
#how-it-works .tabs a h2{
    margin: 0;
    color: inherit;
    font: inherit;
    text-align: inherit;
    display: inline;
    letter-spacing: 0;
}
#how-it-works .tabs a:last-of-type {
    margin-right: 0;
}
#how-it-works .tabs a.current {
    color: #363d42;
}
#how-it-works .tabs a:hover,
#how-it-works .tabs a.current {
    border-bottom: none;
}
#how-it-works .content {
    margin-top: 45px;
}
#how-it-works .inner {
    display: none;

    padding-top: 78px;

    position: relative;
}
#how-it-works .inner.current {
    display: block;
}
#how-it-works .inner .desc-block {
    display: block;
    width: 440px;
    opacity: 0;

    padding: 20px;
    margin: auto;

    position: absolute;
    top: -50px;
    left: 0px;
    right: 0px;
    z-index: 2;

    color: #363d42;
    text-align: center;
    font: 400 18px/32px 'Roboto', Arial, "Helvetica Neue", Helvetica, sans-serif;

    background-color: rgba(237, 242, 246, .5);

    -webkit-animation: text-slide-down 1s both;
    -moz-animation: text-slide-down 1s both;
    animation: text-slide-down 1s both;

    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    animation-play-state: paused;
}
#how-it-works .inner .animation-block {
    width: 1200px;
    height: 570px;

    position: relative;
}
#how-it-works .inner .animation-block .elem {
    position: absolute;

    background-repeat: no-repeat;

    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    animation-play-state: paused;
}
#how-it-works .inner .balloons .elem {
    width: 160px;
    height: 300px;
}
#how-it-works .inner .balloons .e1 {
    left: 129px;
    top: 7px;

    background-image: url(../images/landing/animation/b1.png);

    -webkit-animation: balloon-1 1s .2s both;
    -moz-animation: balloon-1 1s .2s both;
    animation: balloon-1 1s .2s both;
}
#how-it-works .inner .balloons .e2 {
    left: 344px;
    top: 193px;

    background-image: url(../images/landing/animation/b2.png);

    -webkit-animation: balloon-2 1s .3s both;
    -moz-animation: balloon-2 1s .3s both;
    animation: balloon-2 1s .3s both;
}
#how-it-works .inner .balloons .e3 {
    left: 538px;
    top: 100px;

    background-image: url(../images/landing/animation/b3.png);

    -webkit-animation: balloon-3 1s .4s both;
    -moz-animation: balloon-3 1s .4s both;
    animation: balloon-3 1s .4s both;
}
#how-it-works .inner .balloons .e4 {
    left: 777px;
    top: 192px;

    background-image: url(../images/landing/animation/b4.png);

    -webkit-animation: balloon-4 1s .3s both;
    -moz-animation: balloon-4 1s .3s both;
    animation: balloon-4 1s .3s both;
}
#how-it-works .inner .balloons .e5 {
    left: 916px;
    top: 25px;

    background-image: url(../images/landing/animation/b5.png);

    -webkit-animation: balloon-5 1s .2s both;
    -moz-animation: balloon-5 1s .2s both;
    animation: balloon-5 1s .2s both;
}

#how-it-works .inner .darts .e1 {
    width: 216px;
    height: 384px;

    left: 733px;
    top: 84px;

    background-image: url(../images/landing/animation/d1.png);

    -webkit-animation: darts-1 1s .2s both;
    -moz-animation: darts-1 1s .2s both;
    animation: darts-1 1s .2s both;
}
#how-it-works .inner .darts .e2 {
    width: 372px;
    height: 100px;

    top: 247px;
    left: 302px;

    background-image: url(../images/landing/animation/d2.png);

    -webkit-animation: darts-2 1s .4s both;
    -moz-animation: darts-2 1s .4s both;
    animation: darts-2 1s .4s both;
}
#how-it-works .inner .darts .e3 {
    width: 225px;
    height: 63px;

    top: 184px;
    left: 162px;

    background-image: url(../images/landing/animation/d3.png);

    -webkit-animation: darts-3 1s .6s both;
    -moz-animation: darts-3 1s .6s both;
    animation: darts-3 1s .6s both;
}
#how-it-works .inner .darts .e4 {
    width: 197px;
    height: 55px;

    top: 288px;
    left: 62px;

    background-image: url(../images/landing/animation/d4.png);

    -webkit-animation: darts-4 1s .6s both;
    -moz-animation: darts-4 1s .6s both;
    animation: darts-4 1s .6s both;
}

#how-it-works .inner .table .elem {
    width: 776px;
    height: 37px;

    left: 180px;
}
#how-it-works .inner .table .e1 {
    top: 146px;

    background-image: url(../images/landing/animation/t1.png);

    -webkit-animation: table-1 1s .2s both;
    -moz-animation: table-1 1s .2s both;
    animation: table-1 1s .2s both;
}
#how-it-works .inner .table .e2 {
    top: 216px;

    background-image: url(../images/landing/animation/t2.png);

    -webkit-animation: table-2 1s .4s both;
    -moz-animation: table-2 1s .4s both;
    animation: table-2 1s .4s both;
}
#how-it-works .inner .table .e3 {
    top: 286px;

    background-image: url(../images/landing/animation/t3.png);

    -webkit-animation: table-3 1s .6s both;
    -moz-animation: table-3 1s .6s both;
    animation: table-3 1s .6s both;
}
#how-it-works .inner .table .e4 {
    top: 356px;

    background-image: url(../images/landing/animation/t4.png);

    -webkit-animation: table-4 1s .8s both;
    -moz-animation: table-4 1s .8s both;
    animation: table-4 1s .8s both;
}
#how-it-works .inner .table .e5 {
    top: 426px;

    background-image: url(../images/landing/animation/t5.png);

    -webkit-animation: table-5 1s 1s both;
    -moz-animation: table-5 1s 1s both;
    animation: table-5 1s 1s both;
}

/* ----- triggers ----- */
#how-it-works .inner.current .desc-block {
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    animation-play-state: running;
}

/* ============================ MEDIA =============================== */
@media screen and (max-width: 1366px) and (max-height: 768px) {
    #homepage.ads_widget_block .main {
        height: 848px;
    }

    #how-it-works {
        margin-top: 36px;
    }
    #how-it-works .content {
        margin-top: 10px;
    }
    #how-it-works .inner {
        padding-top: 0px;
    }
}
@media screen and (max-width: 1280px) and (max-height: 1024px) {
    #homepage.ads_widget_block .main {
        height: 898px;
    }

    #how-it-works {
        margin-top: 36px;
    }
    #how-it-works .content {
        margin-top: 30px;
    }
    #how-it-works .inner {
        padding-top: 40px;
    }
}
@media screen and (max-width: 1280px) and (max-height: 800px) {
    #homepage.ads_widget_block .main {
        height: 818px;
    }

    #how-it-works {
        margin-top: 36px;
    }
    #how-it-works .content {
        margin-top: 10px;
    }
    #how-it-works .inner {
        padding-top: 0px;
    }
}
/* ========================================= eo HOW IT WORKS ========================================== */
.popup-auction {
    padding-top: 20px;
    color: #363d42;
    font: 400 16px/26px 'Roboto', Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.popup-auction a {
    color: #149cd7;
    text-decoration: none;
    border-bottom: 1px solid #149cd7;
}
.popup-auction a:hover {
    border-bottom: none;
}
.popup-auction .newton-logo {
    width: 180px;
    height:28px;
    background: url("/images/landing/main_logo.png") no-repeat;
    margin-bottom: 40px;
}

.popup-auction ul{
    list-style-type: none;
    padding-left: 0;
}
.popup-auction ul li span{
    font-size: 22px;
    color: #afb9bc;
    margin-right: 15px;
    position: relative;
    top: 2px;
}

#sale20 {
    position: absolute;
    width: 380px;
    height: 96px;
    background: url('../images/sale20.png') 0 0 no-repeat;
    top: 144px;
    left: -46px;
}

#sale20_ico {
    position: absolute;
    width: 19px;
    height: 19px;
    background: url('../images/sale20_ico.png') 0 0 no-repeat;
    top: 8px;
    left: 28px;
}

#sale20_tabs_ico {
    position: absolute;
    width: 89px;
    padding: 5px 0;
    color: #fff;
    background: #e84848;
    text-align: center;
    font: 400 12px/12px 'Roboto', Arial, "Helvetica Neue", Helvetica, sans-serif;
    border-radius: 4px;
    top: -8px;
    left: 134px;
}