@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700,300&subset=latin,cyrillic-ext,cyrillic,latin-ext);

*{ outline: none; }

.hide_for_desktop{ display: none !important; }

.wrapper{ max-width: 950px; margin: 0 auto; padding-bottom: 50px; position: relative; }

body{ background-image: url(/landings_new/images/body.jpg); padding-top: 44px; margin: 0; font-family: 'Roboto Condensed', sans-serif; font-size: 16px; color: #000; }
ul{ margin: 0; padding: 0; }
li{ margin-left: 18px; }
h2{ margin: 0px; padding: 0 12px 0; text-align: center; font-size: 28px; font-weight: 400; }
img{ max-width: 100%; }

input{ font-family: inherit; }
.button{ cursor: pointer; padding: 0; }

.header_wrapper_with_dots{
    background: url(/landings_new/images/dots.png) center; background-repeat: repeat no-repeat;
    margin-bottom: 35px;
    display: flex; justify-content: center; position: relative;
}
.header_wrapper_with_dots h2{ background-image: url(/landings_new/images/body.jpg);  }

/* ======================= Системные сообщения ======================= */
#message{ background: #323639; padding: 5px 10px; color: #FFF; z-index: 100; }
#message.error-1{ background: #a90000; }

#systemMess{ font-size: 14px; position: fixed; top: 3px; left: 3px; z-index: 101000; }
#systemMess i{ font-style: normal; }
#systemMess .close{ cursor: pointer; position: absolute; top: 12px; right: 8px; }
#systemMess .expand{ cursor: pointer; position: absolute; top: 12px; right: 26px; }
#systemMess [class*=icon]{ margin: 0 5px 0 0; float: left; }
#systemMess .icon-share{ float: none; }
#systemMess .icon-copy{ float: right; }
#systemMess .ui-state-error{ min-height: 30px; padding: 5px 40px 5px 5px; }
#systemMess .ui-state-highlight{ padding: 5px; max-height: 200px; overflow: auto; word-break: break-word; }
#systemMess pre{ margin: 10px 0; }
#systemMess .item{
    width: 250px; padding: 5px; margin-bottom: 5px;
    position: relative; opacity: 0.9; filter: alpha(opacity=90);
}
#systemMess .item.expanded{ width: auto; min-width: 500px; }
#systemMess .item.expanded .ui-state-highlight{ max-height: 500px; }
#systemMess .item ul{
    padding-left: 15px;
}

/* Информационные сообщения */
#information{ width: 350px; position: fixed; top: 3px; right: 3px; z-index: 1000000; }

#information .alert{
    box-shadow: rgba(0,0,0,0.2) 0 0 15px;
    border-radius: 8px; background: rgba(255,255,255,0.95); padding: 20px 45px 20px 14px; margin: 0 0 10px 0;
    color: #333; font-size: 12px;
    position: relative; transform: translateY(-100px);

    transition: margin 0.3s, transform 0.3s, filter 0.3s, opacity 0.3s;

    overflow: auto; max-height: 90vh;
}
#information .alert.showed{ transform: none; }
#information .alert.hightlight{ filter: brightness(110%); transform: translateX(-20px); }
#information .alert.closed{ margin-bottom: -55px; transform: translateX(500px); opacity: 0; }
#information .alert.closed.top{ transform: translateY(-100px); }
#information .alert.closed.left{ transform: translateX(-500px); }

#information .alert.alert-success{ background: rgba(26, 188, 156, 0.9); color: #FFF; }
#information .alert.alert-error{ background: rgba(233, 77, 56, 0.9); color: #FFF; }
#information .alert.alert-info{ background: rgba(62, 87, 113, 0.9); color: #FFF; }

#information .alert.alert-success a,
#information .alert.alert-error a,
#information .alert.alert-info a{ color: #FFF !important; filter: none; }

#information .alert ul{ padding: 10px 0 0 20px; }
#information .alert .comment{ border-top: 1px dashed #FFF; margin: 5px 0 0 0; padding: 5px 0 0 0; color: inherit; }

#information .alert a.close{ color: #333; position: absolute; top: 10px; right: 10px; opacity: 1; }
#information .alert .copy{ cursor: pointer; }
/* adaptive */
@media only screen and (max-width: 900px){
    #information{ width: auto; top: 12px; right: 12px; left: 12px; }
    #information .alert{
	   border-radius: 16px; background: rgba(255,255,255,0.9) !important; padding: 20px;
	   color: #333 !important; font-size: 14px;
    }
    #information .alert.alert-success a,
    #information .alert.alert-error a,
    #information .alert.alert-info a{ color: #333 !important; }
    #information .close{ display: none; }

    #information .alert.hightlight{ transform: translateY(-10px); }
}
/* /Информационные сообщения */

/* Диалоговые окна */
.ui-widget-overlay{ background: rgba(0,0,0,0.5); position: fixed; top:0; right: 0; bottom: 0; left: 0; opacity: 1; z-index: 1000; }
.ui-dialog{ border:none !important; background: none; z-index: 10000; position: absolute; }
.ui-dialog .ui-dialog-titlebar{ display: none;}
.ui-dialog .ui-dialog-content{
    border-radius: 12px; -moz-border-radius: 12px; border: 3px solid #dedede; color: #444;

    background: #f4f4f4;
    background: -moz-linear-gradient(#f4f4f4, #c2c2c2 70%, #e1e1e1);
    background: -ms-linear-gradient(#f4f4f4, #c2c2c2 70%, #e1e1e1);
    background: -webkit-linear-gradient(#f4f4f4, #c2c2c2 70%, #e1e1e1);
    background: linear-gradient(#f4f4f4, #c2c2c2 70%, #e1e1e1);
}
.ui-dialog a.close{
    border-radius: 100%; background: #C86936 url(/landings_new/images/close.png) center no-repeat; background-size: 12px 12px; width: 22px; height: 22px;
    position: absolute; top:-8px; right: -8px;
}
.ui-dialog a.close:hover{ background-color: #B55F31; }

#feedback_popup{ border: none; background: linear-gradient(#f4f4f4, #c2c2c2 70%, #e1e1e1); padding-bottom: 15px; display: none; }
#feedback_popup .title{ font-family: 'Roboto Condensed', sans-serif; }
#feedback_popup input{ margin-bottom: 5px; }
#subscription_popup{ border: none; background: linear-gradient(#f4f4f4, #c2c2c2 70%, #e1e1e1); padding-top: 50px; display: none; }
#success_win{ height: 80px !important; padding: 25px 0 30px; margin-top: 0; text-align: center; font-size: 18px; line-height: 26px; display: none; }
#success_win p{ margin-top: 20px; }

/* preloader */
#preloader{ z-index: 1000000; position: fixed !important; }

.preloader{
    background: rgba(255,255,255,0.01); width: 100%; height: 100%;
    position: absolute !important; top: 0px; left: 0px; z-index: 100000;
    display: none; opacity: 0;

    background-size: 30px 30px;
    /*background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.005) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.005) 50%, rgba(0, 0, 0, 0.005) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));*/
    animation: barberpole 2s linear infinite;
}

.preloader.showed{
    background: rgba(255,255,255,0.7);
    display: block; opacity: 1;
    transition: opacity 0.3s 0.5s;
}

@keyframes barberpole{
    from{ background-position: 0 0; }
    to{ background-position: 60px 30px; }
}

.preloader-window{
    text-align: center; vertical-align: middle; color: #0095DF; font-weight: 600;
    position: absolute; top: 50%; left: 50%; z-index: 100000;
}

.preloader-window [class*=icon]{
    margin: -32px 0 0 -32px; width: 74px; height: 74px;
    color: #7f8c8d; font-size: 74px; line-height: 76px;
    display: block;

    -webkit-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
}

@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* ======================= /#preloader ======================= */

/* highlighting */
.highlighting{
    animation: highlighting 1s infinite ease-in;
}

@keyframes highlighting{
    0%{ filter: brightness(100%); }
    50%{ filter: brightness(150%); }
    100%{ filter: brightness(100%); }
}

/* ======================= preloader_circles ======================= */
.preloader_circles{ }
.preloader_circles > i{
    border-radius: 100%; background-color: #fff;
    width: 12px; height: 12px; vertical-align: middle;
    display: inline-block;
    animation-duration: 500ms; animation-timing-function: linear; animation-iteration-count: infinite;
}
.preloader_circles > i:first-child{ animation-name: preloader_circles_1; }
.preloader_circles > i:not(:first-child):not(:last-child){ animation-name: preloader_circles_2; }
.preloader_circles > i:last-child{ animation-name: preloader_circles_3; }

@-webkit-keyframes preloader_circles_1{
    0%{ opacity: 0; transform: translateX(-12px); }
    30%{ opacity: 1; transform: translateX(-2px); }
    100%{ transform: translateX(6px); }
}
@-webkit-keyframes preloader_circles_2{
    from{ transform: translateX(-6px); }
    to{ transform: translateX(6px); }
}
@-webkit-keyframes preloader_circles_3{
    0%{ transform: translateX(-6px); }
    70%{ opacity: 1; transform: translateX(2px); }
    100%{ opacity: 0; transform: translateX(12px); }
}
@keyframes preloader_circles_1{
    0%{ opacity: 0; transform: translateX(-12px); }
    30%{ opacity: 1; transform: translateX(-2px); }
    100%{ transform: translateX(6px); }
}
@keyframes preloader_circles_2{
    from{ transform: translateX(-6px); }
    to{ transform: translateX(6px); }
}
@keyframes preloader_circles_3{
    0%{ transform: translateX(-6px); }
    70%{ opacity: 1; transform: translateX(2px); }
    100%{ opacity: 0; transform: translateX(12px); }
}
/* ======================= /preloader_circles ======================= */

/* ======================= pulse ======================= */
.pulse{ opacity: 0.3; animation: pulse 1s infinite; }

@-webkit-keyframes pulse{
    25%{ opacity: 0.3; transform: scale(1); }
    50%{ opacity: 0.4; transform: scale(0.94); }
    75%{ opacity: 0.3; transform: scale(1); }
}
@keyframes pulse{
    25%{ opacity: 0.3; transform: scale(1); }
    50%{ opacity: 0.4; transform: scale(0.94); }
    75%{ opacity: 0.3; transform: scale(1); }
}
/* ======================= /pulse ======================= */

/* ======================= throbber ======================= */
.throbber{
    border-radius: 50%;
    border: 2px solid #397CE9;
    border-top-color: transparent;
    border-left-color: transparent;
    width: 10px; height: 10px;
    display: inline-block;
    animation: throbber 0.9s linear infinite;
}

@keyframes throbber {
    100% { transform: rotate(360deg); }
}
/* ======================= /throbber ======================= */

/* policy_win */
#policy_win{ padding: 25px 20px 20px 20px; font-size: 14px; line-height: 1.4em; display: none; }
#policy_win h3 { padding-bottom: 20px; margin: 0; text-align: center; font-size: 18px; font-weight: 700; }
#policy_win p { padding-bottom: 20px; margin: 0; }
#policy_win p span { font-weight: 700; }
#policy_win ul { padding-bottom: 20px; margin: 0 0 0 20px; }

#policy_win ul li {
    list-style: square;
}

#policy_win .line {
    width: 200px;
    height: 1px;
    background: #000;
    margin-bottom: 5px;
}

#policy_win sup {
    vertical-align: super;
    font-weight: 700;
    font-size: 10px;
}

/* contact-details */
.contacts_details{ display: flex; justify-content: space-between; align-items: center;}
.company_name{ font-weight: 500; font-size: 18px; text-decoration: none; }
.company_name a{ text-decoration: none; color: initial; }
.company_name .description{ font-weight: 400; font-size: 15px; }
.contact_info{
    font-weight: 400; font-size: 15px; text-align: right;
    display: flex; flex-direction: column;
}
.contact_info .address{ margin-right: 5px; }
.contact_info .phone a{ color: #c94300; font-size: 28px; font-weight: 600; text-decoration: none; }

/* form */
.form{ background: url(/landings_new/images/feedback/form_with_city.png) no-repeat; width: 344px; height: 284px; text-align: center; }

.form .title{
    padding: 9px 0px 1px 0px; margin: initial;
    text-transform: uppercase; font-weight: 400; font-size: 18px; line-height: 28px;
}
.form .title:nth-child(2){ padding-top: 0; margin-bottom: 9px; font-weight: 700; font-size: 25px; color: #c94300; }

.form input{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#efefef+0,ffffff+100 */
    background: rgb(239,239,239); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(239,239,239,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(239,239,239,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(239,239,239,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

    border-radius: 5px; border: none; box-shadow: rgba(255,255,255,0.5) 0 0 3px, inset rgba(0,0,0,0.8) 0 0 3px;
    width: 282px; height: 11px; padding: 10px 10px; margin: 0 auto 10px auto;
    font-weight: 400; font-size: 14px; color: #666;
    display: block;
}
.form input.error{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6c4c5+0,ffffff+92 */
    background: rgb(246,196,197); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(246,196,197,1) 0%, rgba(255,255,255,1) 92%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(246,196,197,1) 0%,rgba(255,255,255,1) 92%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(246,196,197,1) 0%,rgba(255,255,255,1) 92%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6c4c5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

    box-shadow: rgba(255,0,0,0.8) 0 0 0 1px, inset rgba(249,137,139,1) 0 0 2px;
}

.form .button{
    border: none; background: url(/landings_new/images/feedback/form_button.png);
    width: 291px; height: 47px; margin-top: 5px;
    color: #f2f2f2; font-weight: 400; font-size: 18px; text-transform: uppercase;
}
.form .button:hover{ background-position: 0 -49px; }
.form .button:active{ background-position: 0 -98px; }

/* mainmenu */
.mainmenu{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e3e3e3+0,d4d4d4+59,cfcfcf+83,dfdfdf+99,dfdfdf+99,e8e8e8+100 */
    background: #e3e3e3; /* Old browsers */
    background: -moz-linear-gradient(top, #e3e3e3 0%, #d4d4d4 59%, #cfcfcf 83%, #dfdfdf 99%, #dfdfdf 99%, #e8e8e8 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #e3e3e3 0%,#d4d4d4 59%,#cfcfcf 83%,#dfdfdf 99%,#dfdfdf 99%,#e8e8e8 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #e3e3e3 0%,#d4d4d4 59%,#cfcfcf 83%,#dfdfdf 99%,#dfdfdf 99%,#e8e8e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */
    height: 44px; white-space: nowrap; border-top: #F1F1F1 1px solid; border-bottom: #8e9193 1px solid;
    position: fixed; top: 0; right: 0; left: 0; z-index: 100;
}
.mainmenu .wrapper{ padding-bottom: 0; }
.mainmenu .els a.el{ color: #555; text-decoration: none; font-size: 13px; line-height: 46px; display: inline-block; }
.mainmenu .els a.el:hover{ text-decoration: underline; }
.mainmenu .els a.el:after{ content: '|'; margin-left: 5px; display: inline-block; }
.mainmenu .els a.el:nth-last-child(-n+2){ display: none; }

.mainmenu .els .phone{
    cursor: pointer; line-height: 46px;
    color: #FFF; font-size: 22px; text-decoration: none;
    margin-left: 55px; display: none;
}
.mainmenu .els .phone-icon{
    background: url(/landings_new/images/menu/phone.png) no-repeat;
    width: 37px; height: 31px; margin: 0 0 -9px 10px; cursor: pointer;
    position: absolute; top: 5px; display: inline-block;
}
.mainmenu .els .phone-icon:hover{ background-position: -40px 0; }
.mainmenu .els .phone-icon:active{ background-position: -80px 0; }
.mainmenu .els .phone-icon:after{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#464646+12,5b5b5b+47,464646+52,464646+56,5b5b5b+85 */
    background: rgb(70,70,70); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(70,70,70,1) 12%, rgba(91,91,91,1) 47%, rgba(70,70,70,1) 52%, rgba(70,70,70,1) 56%, rgba(91,91,91,1) 85%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(70,70,70,1) 12%,rgba(91,91,91,1) 47%,rgba(70,70,70,1) 52%,rgba(70,70,70,1) 56%,rgba(91,91,91,1) 85%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(70,70,70,1) 12%,rgba(91,91,91,1) 47%,rgba(70,70,70,1) 52%,rgba(70,70,70,1) 56%,rgba(91,91,91,1) 85%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#464646', endColorstr='#5b5b5b',GradientType=0 ); /* IE6-9 */

    pointer-events: none;
    content: attr(data-title);
    border-radius: 7px; box-shadow: rgba(0, 0, 0, 0.3) 0 0 8px;
    width: 86px; height: 15px; padding: 5px 8px;
    font-size: 12px; color: #FFF; text-align: center;
    position: absolute; top: calc(100% + 4px); left: -26px; opacity: 0; transition: 0.7s;
}
.mainmenu .els .phone-icon:hover:after{ opacity: 1; }
.mainmenu .els .language,
.mainmenu .els.navigation{ display: none; }

/* header */
.header{
    background: url(/landings_new/images/header/header.jpg) center no-repeat;
    height: 549px; margin: 0 auto -320px auto; padding: 15px 0 0 0;
}
.header .wrapper{ padding-top: 0; }

.header .title{
    max-width: 740px; margin: 65px auto 0 auto;
    font-size: 30px; font-weight: 700; text-align: center;
}
.header .contacts_details .ask-question{ display: none; }

/* feedback */
.feedback{ padding-top: 50px; }
.feedback .mt-100{margin-top:100px;}
.feedback .els{ display: flex; justify-content: space-between; }
.feedback .els .el:nth-child(1){
    border-radius: 10px; background-color: #f0f0f0; padding: 23px;
    box-shadow: 0px 0px 3px 0px #787676;
    font-size: 19px; font-weight: 400;
    display: flex; flex-direction: column; justify-content: center;
}
.feedback .els .el:nth-child(1) .line:before{ content: '\2022'; margin-right: 3px; }

/* achievements */
.achievements .els{ display: flex; justify-content: space-around; flex-wrap: wrap;  }

.achievements .el{ width: 246px; margin-bottom: 30px; color: #505050; text-align: center; position: relative; }

.achievements .el .circle{
    box-shadow: rgba(0, 0, 0, 0.3) 0 0 8px, inset rgba(0, 0, 0, 0.1) 0 0 5px;
    border: 3px solid #FFF; border-radius: 100%; width: 232px; height: 232px; margin-bottom: 10px;
    position: relative; overflow: hidden;

    /*background: url(/landings_new/images/achievements/numbers_bg.png) center no-repeat;*/

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d3d3d3+26,e8e8e8+90,d0d0d0+91,dcdcdc+100 */
    background: rgb(211,211,211); /* Old browsers */
    background: -moz-linear-gradient(175deg, rgba(211,211,211,1) 26%, rgba(232,232,232,1) 90%, rgba(208,208,208,1) 91%, rgba(220,220,220,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(175deg, rgba(211,211,211,1) 26%,rgba(232,232,232,1) 90%,rgba(208,208,208,1) 91%,rgba(220,220,220,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(175deg, rgba(211,211,211,1) 26%,rgba(232,232,232,1) 90%,rgba(208,208,208,1) 91%,rgba(220,220,220,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d3d3', endColorstr='#dcdcdc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.achievements .el .circle .digits{
    transform: rotate(-15deg);
    position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.4;
    display: flex; justify-content: center; align-items: center;
}

.achievements .el .strings{ top: 0; }
.achievements .el .strings,
.achievements .el .strings > div{ position: absolute; }

.achievements .el .text{ font-size: 21px; }

.achievements .el:nth-child(1) .strings{ font-size: 45px; }
.achievements .el:nth-child(2) .strings{ font-size: 22px; }
.achievements .el:nth-child(3) .strings{ font-size: 22px; }
.achievements .el:nth-child(5) .strings{ font-size: 27px }
.achievements .el:nth-child(6) .strings{ font-size: 25px; }

.achievements .el:nth-child(1) .circle .digits{ color: #c6ccca; font-size: 140px; }
.achievements .el:nth-child(2) .circle .digits{ color: #ccc8c6; font-size: 175px; }
.achievements .el:nth-child(3) .circle .digits{ color: #c7c6cc; font-size: 175px; }
.achievements .el:nth-child(4) .circle .digits{ color: #cfc1c1; font-size: 320px; }
.achievements .el:nth-child(5) .circle .digits{ color: #c6cbc6; font-size: 300px; }
.achievements .el:nth-child(6) .circle .digits{ color: #c9c7cd; font-size: 51px; }

.achievements .el:nth-child(1) .strings .prefix{ top: 58px; left: 20px; }
.achievements .el:nth-child(2) .strings .prefix{ top: 74px; left: 17px; }
.achievements .el:nth-child(3) .strings .prefix{ top: 95px; left: 15px; }
.achievements .el:nth-child(5) .strings .prefix{ top: 78px; left: 26px; }

.achievements .el:nth-child(1) .strings .value{ color: #1da67b; font-size: 100px; top: 50px; left: 50px; }
.achievements .el:nth-child(2) .strings .value{ color: #a6571d; font-size: 100px; top: 54px; left: 80px; }
.achievements .el:nth-child(3) .strings .value{ color: #471da6; font-size: 100px; top: 54px; left: 69px; }
.achievements .el:nth-child(4) .strings .value{ color: #a61d1d; font-size: 160px; top: 30px; left: 50px; }
.achievements .el:nth-child(5) .strings .value{ color: #147b00; font-size: 160px; top: 30px; left: 115px; }
.achievements .el:nth-child(6) .strings .value{ color: #960680; font-size: 130px; top: 15px; left: 40px; }

.achievements .el:nth-child(1) .strings .suffix{ top: 146px; left: 63px; }
.achievements .el:nth-child(6) .strings .value+.suffix{ color: #960680; font-size: 30px; top: 146px; left: 63px; }
.achievements .el:nth-child(6) .strings .suffix:nth-child(3){ top: 179px; left: 55px; }

/* advantages */
.advantages .els{ display: flex; justify-content: space-around; flex-wrap: wrap; }
.advantages .els .el{
    background: url(/landings_new/images/advantages/ellips.png) top no-repeat;
    width: calc(283px - 20px - 20px); height: 175px; padding: 0 20px 35px 20px;
    text-align: center; font-size: 18px;
    position: relative; display: flex; align-items: center; justify-content: center;
}

.advantages .els .el .icon{ background: center no-repeat; width: 100px; height: 100px; position: absolute; left: -20px; top: 120px; }
.advantages .els .el:nth-child(1) .icon{ background-image: url(/landings_new/images/advantages/handshake.png); }
.advantages .els .el:nth-child(2) .icon{ background-image: url(/landings_new/images/advantages/magnifier.png); }
.advantages .els .el:nth-child(3) .icon{ background-image: url(/landings_new/images/advantages/award-paper.png); }
.advantages .els .el:nth-child(4) .icon{ background-image: url(/landings_new/images/advantages/note.png); }
.advantages .els .el:nth-child(5) .icon{ background-image: url(/landings_new/images/advantages/clock.png); }
.advantages .els .el:nth-child(6) .icon{ background-image: url(/landings_new/images/advantages/man-sillhoette.png); }

/* spider-graph */
.spider-graph  .cols{
    display: flex; justify-content: center; flex-wrap: nowrap;
}
.spider-graph .cols .col{ width: 348px; font-size: 16px; }
.spider-graph .cols .col .el{ margin: 0 20px; height: 76px; display: flex; align-items: center; }
.spider-graph .cols .col:nth-child(2){ width: calc(214px - 20px - 20px); padding: 0 20px; font-size: 18px; display: flex; justify-content: space-evenly; align-items: center; }
.spider-graph.why-us .cols .col:nth-child(2) div{ line-height: 18px; }

/* what-you-get */
.spider-graph.what-you-get .cols{ background: url(/landings_new/images/advantages/spider-graph.png) center no-repeat; }
.spider-graph.what-you-get .cols .col:nth-child(2) .el{ margin: 0; }
.spider-graph.what-you-get .cols .col:nth-child(3) .el{ justify-content: flex-end; text-align: right; }

/* bonuses */
.bonuses .els{ display: flex; justify-content: space-around; }
.bonuses .els .el{
    border: 3px solid #FFF; border-radius: 4px; box-shadow: 0 0 8px rgba(79, 77, 77, 0.5);
    background: url(/landings_new/images/bonuses/bg.png) no-repeat;
    width: calc(426px); height: 130px;
    display: flex; align-items: center; justify-content: space-between;
}

.bonuses .els .el .icon{
    background: center no-repeat; background-size: contain;
    width: 80px; height: 80px; margin-left: 10px;
    filter: brightness(35%) grayscale(100%);
}
.bonuses .els .el:nth-child(1) .icon{ background-image: url(/landings_new/images/bonuses/percent.png); }
.bonuses .els .el:nth-child(2) .icon{ background-image: url(/landings_new/images/bonuses/calendar.png); }

.bonuses .els .el .text{ width: calc(100% - 80px - 10px - 10px - 24px); font-size: 17px; }

/* gallery */
.gallery .els{ display: flex; justify-content: space-around; flex-wrap: nowrap; }

.gallery .els a.el{ border: 1px solid #b4bbc0; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); position: relative; display: none; }
.gallery .els a.el:hover:after{
    content: " "; border: 0.2px solid #646262;
    background: url(/landings_new/images/reviews/zoom.png) center center no-repeat rgba(137, 137, 137, 0.8); transition: all 0.3s ease;
    position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block;
}

.gallery .els a.el:nth-child(1),
.gallery .els a.el:nth-child(2),
.gallery .els a.el:nth-child(3),
.gallery .els a.el:nth-child(4),
.gallery .els a.el:nth-child(5),
.gallery .els a.el:nth-child(6){ display: block; line-height: 0; }

/* guarantees */
.guarantees .els{ display: flex; justify-content: space-around; flex-wrap: wrap; }
.guarantees .els .el{
    background: url(/landings_new/images/guarantees/guarantee.png) top no-repeat;
    width: calc(338px - 20px - 20px); margin-bottom: 25px; position: relative;
}

.guarantees .els .el .icon{ background: center no-repeat; width: 104px; height: 104px; position: absolute; filter: grayscale(100%) brightness(200%); }

.guarantees .els .el:nth-child(1) .icon{ background-image: url(/landings_new/images/guarantees/man-check.png); }
.guarantees .els .el:nth-child(2) .icon{ background-image: url(/landings_new/images/guarantees/scroll.png); }
.guarantees .els .el:nth-child(3) .icon{ background-image: url(/landings_new/images/guarantees/thumb-up.png); }
.guarantees .els .el:nth-child(4) .icon{ background-image: url(/landings_new/images/guarantees/gear.png); }
.guarantees .els .el:nth-child(5) .icon{ background-image: url(/landings_new/images/guarantees/master-hat.png); }
.guarantees .els .el:nth-child(6) .icon{ background-image: url(/landings_new/images/guarantees/white-collar.png); }

.guarantees .els .el .text{ font-size: 18px; }
.guarantees .els .el .text .title{ max-width: 50%; color: #FFF; font-size: 20px; position: absolute; top: 26px; left: 110px; }
.guarantees .els .el .text .subtext{
    border-left: 3px solid #d7d5d0; min-height: 65px;
    padding-left: 8px; margin: 105px 0 0 60px;
}

/* problem-solution */
.problem-solution .els .el{
    background: url(/landings_new/images/dots.png) bottom; background-repeat: repeat no-repeat;
    padding: 18px 0; display: flex; justify-content: space-around; position: relative;
}

.problem-solution .els .el:nth-child(1){ padding-top: 0; }
.problem-solution .els .el:last-child{ background: none; }

.problem-solution .els .el .thesis{
    width: calc(50% - 28px - 7px);
    display: flex; justify-content: space-between; align-items: center;
}

.problem-solution .els .el .thesis .icon{ background: center no-repeat; background-size: contain; width: 25px; height: 25px; }
.problem-solution .els .el .thesis .minus{ background-image: url(/landings_new/images/problem-solution/question.png); }
.problem-solution .els .el .thesis .plus{ background-image: url(/landings_new/images/problem-solution/checked.png); }

.problem-solution .els .el .thesis .text{ width: calc(100% - 25px - 10px); font-size: 16px; }

/* workflow */
.workflow .els{ display: flex; justify-content: space-around; }
.workflow .el{ width: 152px; text-align: center; }

.workflow .els .el .icon{ background: center bottom no-repeat; background-size: contain; height: 106px; }

.workflow .els .el:nth-child(1) .icon{ background-image: url(/landings_new/images/workflow/phone.png); }
.workflow .els .el:nth-child(2) .icon{ background-image: url(/landings_new/images/workflow/tie-man.png); }
.workflow .els .el:nth-child(3) .icon{ background-image: url(/landings_new/images/workflow/list-to-do.png); }
.workflow .els .el:nth-child(4) .icon{ background-image: url(/landings_new/images/workflow/suit.png); }
.workflow .els .el:nth-child(5) .icon{ background-image: url(/landings_new/images/workflow/money.png); }
.workflow .els .el:nth-child(6) .icon{ background-image: url(/landings_new/images/workflow/done.png); }

.workflow .els .el .text{ font-size: 14px; margin: 5px 3px 0 3px; }

/* feedback_2 */
.feedback_2 .els{ display: flex; justify-content: space-between; align-items: center; }

.feedback_2 .els .el:nth-child(1){ width: 50%; }
.feedback_2 .els .el:nth-child(1) .line{
    background: url(/landings_new/images/check.png) left center no-repeat; background-size: 40px auto; padding-left: 48px; margin: 10px 0;
    font-size: 20px;
}
.feedback_2 .els .el:nth-child(1) .line span{ font-size: 1.8em; }

/* our_literature */
.our_literature{ font-size: 18px; }
.our_literature .subtitle{ padding-bottom: 30px; text-align: center; }
.our_literature .els{ display: flex; justify-content: space-between; }
.our_literature .els .el{
    width: calc(50% - 20px);
    display: flex; justify-content: space-between; align-items: center;
}
.our_literature .els .el .pic{ width: 140px; height: 200px; background-size: cover !important; }
.our_literature .els .el .text{ width: calc(100% - 140px - 35px); margin: 0 auto; }
.our_literature .els .el .text a{ color: #3399ff; text-decoration: none; }
.our_literature .els .el .text a:hover{ text-decoration: underline; }
.our_literature .els .el .text span{ font-weight: 600; }
.our_literature .els .el:nth-child(1) .pic{ background: url(/landings_new/images/literature/bankrotstvo.png) no-repeat; }
.our_literature .els .el:nth-child(2) .pic{ background: url(/landings_new/images/literature/probiznes.png) no-repeat; }

/* geography */
.geography{ margin-bottom: -15px; }

/* contacts */
.contacts .wrapper{ padding-bottom: 0; }
.contacts .contacts_details{ margin-top: -20px; }
.contacts .contacts_details .company_name .ask-question{ display: none; }
.contacts .maps{ display: flex; justify-content: space-between; padding-top: 25px; }
.contacts .maps .map{ height: auto; }
.contacts .maps .map .title{ margin-bottom: 15px; font-size: 24px; text-align: center; font-weight: 600; }
.contacts .maps .map iframe{ border: 2px solid #fff !important; width: 100%; }

.contacts .bottom{ margin-top: 10px; display: flex; justify-content: space-between; }
.contacts .bottom .links{ margin: 0 0 0 auto; font-size: 14px; white-space: nowrap; }
.contacts .bottom .links a{ color: #DDDCDC; text-decoration: none; }

/* footer */
.footer .wrapper{ padding: 0; }
.footer .copyright{ padding: 20px 0; text-align: center; font-size: 17px; font-weight: bold; }

/* форма оплаты */
#prices_select_method_of_payment{ display: none; }
#prices_select_method_of_payment{ background: #FFF; height: auto !important; padding: 20px 0; }
#prices_select_method_of_payment table{
    width: 100%;
    font-family: 'Roboto Condensed', sans-serif; font-size: 16px;
}
#prices_select_method_of_payment tr td{ padding: 10px 0; }
#prices_select_method_of_payment tr td:nth-child(1){ padding: 0 7px 0 15px; }
#prices_select_method_of_payment .selector-type-payment img{
    cursor: pointer;
    border: 1px solid #cec9c9; height: 16px; padding: 8px 6px; margin-right: -1px;
    position: relative;
}
#prices_select_method_of_payment .selector-type-payment img:hover{ z-index: 1000; border: 1px solid #9c9999; }
#prices_select_method_of_payment .selector-type-payment img.active{ background: #ffea97; }
#prices_select_method_of_payment .selector-type-payment img:first-child{ border-radius: 3px 0 0 3px; }
#prices_select_method_of_payment .selector-type-payment img:last-child{ border-radius: 0 3px 3px 0; }
#prices_select_method_of_payment input[type="submit"]{
    cursor: pointer;
    border: none; border-radius: 5px; background: #ffdb4d; padding: 8px 15px;
}
#prices_select_method_of_payment input:hover{ background: #FFD633; }

@media (min-width: 1024px){
    .feedback .els .el:nth-child(1){ width: 50%; }
    .contacts .maps .map { width: calc(50% - 17px); }
}

@media (max-width: 1024px){
    .contacts_details_social {align-items: center;}
    body{ background: #FFF; padding-top: 0; }
    h2,
    .header .title{ font-size: 38.5px; }

    .hide_for_mobile{ display: none !important; }
    .hide_for_desktop{ display: block !important; }

    .wrapper{ max-width: 700px; padding: 25px 10px 25px; }
    .header_wrapper_with_dots{ margin-bottom: 25px; }

    .header_wrapper_with_dots,
    .header_wrapper_with_dots h2{ background: none; }

    /* header */
    .header{
	   background: url(/landings_new/images/header/header_mobile.png) center; background-size: cover;
	   height: auto; margin-bottom: 0; padding-bottom: 20px;
    }
    .header .wrapper{ padding-bottom: 0; }

    .header .title{ margin-top: 10px; }
    .header .title:last-child{ display: flex !important; justify-content: center; align-items: center; }
	.header .header_top .contact_info .comment{ display: none; }

    /* contact_details */
    .contacts_details .company{ display: none; }
    .header .contacts_details .ask-question{ display: block; }
    .header .header_top .contacts_details .company_name a{ display: none; }

    .contacts .contacts_details span:nth-child(4){ border-bottom: none; }
    .contacts .contacts_details span:nth-child(3){ border-bottom: 1px solid; }

    .header .header_top {
	   background-color: #363c4d; color: #FFF; padding: 5px 20px 5px 20px;
	   display: flex; justify-content: space-between; position: fixed; z-index: 10000; top: 0; right: 0; left: 0;
    }
    .header .social-media{ max-width: 30%; display: flex !important; justify-content: space-between; }
    .header .social-media .el{ background-size: contain !important; width: 50px; height: 50px; margin: 0 8px; }
    .header .social-media .viber{ background: url(/landings_new/images/page-icons/viber-upper-menu.png) center no-repeat; }
    .header .social-media .whatsapp{ background: url(/landings_new/images/page-icons/whatsup-upper-menu.png) center no-repeat; }
    .header .social-media .telegram{ background: url(/landings_new/images/page-icons/telegram-upper-menu.png) center no-repeat; }

    .header .header_top .contacts_details{ width: 100% }
    .header .header_top .contacts_details .contact_info{ text-align: center; }
    .header .header_top .contacts_details .company_name{ font-size: 29px; font-weight: 600; }
    .header .header_top .contacts_details .company_name a{ color: #FFF; }
    .header .title{ margin-top: 50px; }

    .company_name span:nth-child(1){ display: inline-block; }
    .company_name span:nth-child(3){ border-bottom: none; text-align: center; display: block; }

    .contacts_details{ align-items: center; }
    .contact_info .phone a{ text-decoration: none; font-size: 30px; }

    /* feedback */
    .feedback{ background: url(/landings_new/images/bg_black.png) center; padding: 0px; }

    .feedback .els{ flex-direction: column-reverse; }
    .feedback .els .el:nth-child(1){
	   background: none; box-shadow: none; padding: 0;
	   font-weight: 600; font-size: 23.1px; color: #FFF;
	   display: block;
    }
    .feedback .els .el:nth-child(1) .line{
	   background: url(/landings_new/images/check.png) left center no-repeat; background-size: 22px auto;
	   margin: 15px auto; padding-left: 32px;
    }
    .feedback .els .el:nth-child(1) .line:last-child{ margin-bottom: 0; }
    .feedback .els .el:nth-child(1) .line:before{ display: none; }

    .feedback .wrapper .form{ margin-top: 0; }

    /* form */
    .form{ background: none; height: auto; width: 100%; margin: 20px auto 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
    .form input{
	   border-radius: 3px; background: #f2f2f2; border: 2px solid rgba(0,0,0,0); box-shadow: none;
	   width: calc(100% - 10px - 10px); margin:0 0 10px 0; padding: 13px 10px;
    }
    .form input.error{ border-color: rgba(255,0,0,0.8); }
    .form .button{ border-radius: 3px; background: #ff7f00; width: 100%; text-transform: uppercase; height: 40px; }
    .form .button:hover{ background: #ffa954; }


    /* achievements */
    .achievements{ margin-bottom: -15px; }
    .achievements .el{ width: 200px; height: 200px; }
    .achievements .el .circle{
	   box-shadow: none;
	   border-radius: 0; border: none; background-size: contain !important; background-repeat: no-repeat !important; margin: 0;
	   overflow: visible;
    }
    .achievements .el .circle,
    .achievements .el .strings{ width: 100%; height: 68%; }
    .achievements .el .circle:after{
	   content: ""; border-bottom: 3px solid #cfcfcf;
	   display: block; position: absolute; right: 0; bottom: 0; left: 0;
    }

    .achievements .el:nth-child(1) .circle{ background: url(/landings_new/images/achievements/themis.png); }
    .achievements .el:nth-child(2) .circle{ background: url(/landings_new/images/achievements/handshake.png); }
    .achievements .el:nth-child(3) .circle{ background: url(/landings_new/images/achievements/hammer.png);  }
    .achievements .el:nth-child(4) .circle{ background: url(/landings_new/images/achievements/consulting.png); }
    .achievements .el:nth-child(5) .circle{ background: url(/landings_new/images/achievements/court.png); }
    .achievements .el:nth-child(6) .circle{ background: url(/landings_new/images/achievements/money.png); }

    .achievements .el .strings{
	   display: flex; align-content: center; justify-content: center; flex-direction: column;
	   font-size: 15.4px !important;
    }
    .achievements .el .strings > div{ position: static; }

    .achievements .el .strings,
    .achievements .el .strings .value,
    .achievements .el .strings .suffix{ color: #FFF !important; }
    .achievements .el .strings .value{ font-size: 61px !important; }

    .achievements .el .text{ margin-top: 7px; font-size: 23.1px; }

    /* advantages */
    .advantages{
	   background: url(/landings_new/images/bg_black.png) center;
	   font-weight: 500; color: #FFF;
    }
    .advantages .els{ display: block; }

    .advantages .els .el{
	   background: none; width: auto; height: auto; padding: 0 0 25px 0; text-align: left;
	   display: flex; justify-content: space-between;
    }
    .advantages .els .el:last-child{ padding-bottom: 0; }

    .advantages .els .el .icon{ background-size: contain; width: 12%; height: 44px; position: static; filter: grayscale(100%) brightness(2000%); }
    .advantages .els .el:nth-child(3) .icon,
    .advantages .els .el:nth-child(4) .icon{ bottom: -45px; }

    .advantages .els .el .text{ width: calc(100% - 12% - 20px); vertical-align: middle; font-size: 23.1px; }

    /* spider-graph */
    .spider-graph{ background-color: #FFF; }
    .spider-graph .cols{ background: none;  display: block; }

    /* what-you-get */
    .spider-graph.what-you-get .wrapper{ max-width: none; }
    .spider-graph.what-you-get .cols{ background: none;  display: flex; flex-direction: column}
    .spider-graph.what-you-get .cols .col{ width: 100%; text-align: center; }
    .spider-graph.what-you-get .cols .col:nth-child(1){ background-color: #ddedff; }
    .spider-graph.what-you-get .cols .col:nth-child(3){ background-color: #badaff; }
    .spider-graph.what-you-get .cols .col:nth-child(3) .el{ text-align: center; }

    .spider-graph.what-you-get .cols .col .el{ height: auto; padding: 25px 0 27px; margin: 0 20px; display: block; font-size: 23.1px; }
    .spider-graph.what-you-get .cols .col .el:nth-child(1){ font-weight: 700; }
    .spider-graph.what-you-get .cols .col .el{ border-bottom: 2px dotted #FFF; }
    .spider-graph.what-you-get .cols .col .el:first-child,
    .spider-graph.what-you-get .cols .col .el:last-child{  border-bottom: none; }

    /* bonuses */
    .bonuses{ font-weight: 500; }
    .bonuses .els{ display: block; }

    .bonuses .els .el{ background: none; border: none; box-shadow: none; width: auto; height: auto; margin-bottom: 20px; display: flex; justify-content: space-between; }
    .bonuses .els .el:last-child{ margin-bottom: 0; }
    .bonuses .els .el .icon{ width: 14%; height: 64px; margin-left: 0; filter: none; }
    .bonuses .els .el .text{ width: calc(100% - 14% - 20px); font-size: 23.1px; }

    /* gallery */
    .gallery{
	   background: url(/landings_new/images/bg_black.png) center;
	   font-weight: 500; font-size: 15px; color: #FFF;
    }
    .gallery .els{ flex-wrap: wrap; justify-content: space-around; }
    .gallery .els a.el{ border: none; box-shadow: none; width: 200px; }
    .gallery .els a.el:nth-child(1),
    .gallery .els a.el:nth-child(2),
    .gallery .els a.el:nth-child(3){ margin-bottom: 16px; }
    .gallery .els a.el:hover:after{ display: none; }

    .gallery .els a.el img{ width: 100%; height: auto; }

    /* guarantees */
    .guarantees{ font-weight: 500; }
    .guarantees .els{ display: block; }
    .guarantees .els .el{
	   background: none; width: auto; height: auto;
	   display: flex; justify-content: space-between; align-content: center; align-items: center;
    }
    .guarantees .el:last-child{ margin-bottom: 0; }

    .guarantees .els .el .icon{ background-size: contain; width: 14%; height: 48px; filter: none; position: static; }

    .guarantees .els .el .text{ width: calc(100% - 14% - 20px); font-size: 3vw; }
    .guarantees .els .el .text .title{ max-width: initial; margin-bottom: 2px; color: inherit; font-size: inherit; font-weight: 600; position: static; }
    .guarantees .els .el .text .subtext{ border: none; max-width: initial; min-height: initial; margin: 0; padding: 0; }

    /* problem-solution */
    .problem-solution{ font-weight: 500;  }
    .problem-solution .els .el{ background: none; border-bottom: 1px dashed #cfcfcf; display: block; }
    .problem-solution .els .el:nth-child(1){ border-top: 1px dashed #cfcfcf; padding-top: 18px; }

    .problem-solution .els .el .thesis{ width: auto; }
    .problem-solution .els .el .thesis:nth-child(1){ margin-bottom: 20px; }

    .problem-solution .els .el .thesis .icon{ width: 14%; }
    .problem-solution .els .el .thesis .text{ width: calc(100% - 14% - 20px); font-size: 23.1px; }

    /* workflow */
    .workflow .els{ justify-content: space-between; }
    .workflow .els .el{ width: 115.5px; position: relative; }
    .workflow .els .el:after{
	   content: ""; border: 15.4px solid transparent; border-left: 15.4px solid #cfcfcf;
	   position: absolute; top: 23.1px; right: -23.1px;
    }
    .workflow .els .el:last-child:after{ display: none; }

    .workflow .els .el .icon{ height: 61.6px; }
    .workflow .els .el:nth-child(1) .icon{ background-image: url(/landings_new/images/workflow/phone-mob.png); }
    .workflow .els .el:nth-child(2) .icon{ background-image: url(/landings_new/images/workflow/tie-man-mob.png); }
    .workflow .els .el:nth-child(3) .icon{ background-image: url(/landings_new/images/workflow/list-to-do-mob.png); }
    .workflow .els .el:nth-child(4) .icon{ background-image: url(/landings_new/images/workflow/suit-mob.png); }
    .workflow .els .el:nth-child(5) .icon{ background-image: url(/landings_new/images/workflow/book-mob.png); }
    .workflow .els .el:nth-child(6) .icon{ background-image: url(/landings_new/images/workflow/done-mob.png); }

    .workflow .els .el .text{ margin: 22px 0 0 0; font-size: 16.9px; }

    /* feedback_2 */
    .feedback_2{
	   background: url(/landings_new/images/bg_black.png) center;
	   color: #FFF;
    }
    .feedback_2 .els{ flex-direction: column; }
    .feedback_2 .els .el:nth-child(1){ width: auto; margin-top: -10px; }

    .feedback_2 .els .el:nth-child(1) .line{ background-size: 22px auto; padding-left: 32px; margin: 10px auto; }
    .feedback_2 .els .el:nth-child(1) .line{ font-size: 23.1px; }
    .feedback_2 .els .el:nth-child(1) .line span{ font-size: 1.2em; font-weight: 600; }

    /* contacts */
    .contacts .contacts_details{ margin-top: 0; align-items: center; }
	.contacts .contacts_details .company_name{ font-size: 24px; }
	.contacts .contact_info .phone a{ font-size: 47px; }
	.contacts .contact_info .comment{ font-size: 20px; }
    .contacts .maps{ flex-direction: column; }
    .contacts .maps .map:nth-child(1){ margin-bottom: 30px; }
    .contacts .bottom{ margin: 5px 0 0; }

    /* our_literature */
    .our_literature{ font-weight: 400; font-size: 17px; }
    .our_literature{ margin-bottom: -25px; }
    .our_literature .subtitle{ font-weight: 400; }
    .our_literature .wrapper{ padding-left: 0; padding-right: 0; }
    .our_literature .els{ flex-direction: column-reverse; }
    .our_literature .els .el{ width: 100%; padding: 20px 0; }
    .our_literature .els .el:nth-child(1){ background-color: #f0f6ff; padding-bottom: 25px; }
    .our_literature .els .el:nth-child(2){ background-color: #dae9ff; }
    .our_literature .els .el .text{ font-weight: 400; }
    .our_literature .els .el .pic{ background-size: 80% !important; background-position: center !important; }

    /* footer */
    .footer .copyright{ font-size: 12px; font-weight: normal; }
}

@media (min-width: 1024px){
    .spider-graph .cols .col{ line-height: 18px; }

    .achievements{ margin-bottom: -30px; }
    .guarantees{ margin-bottom: -25px; }
}

@media (max-width: 770px){
    .header .title{ font-weight: 600; }
    .wrapper{ max-width: 700px; }

    /* achievements */
    .achievements .el{ width: calc((100vw - 5vw - 5vw - 12vw) / 3); height: calc((100vw - 5vw - 5vw - 12vw) / 3); }
    .achievements .el .strings{ font-size: 2vw !important; }
    .achievements .el .strings .value{ font-size: 8vw !important; }
    .achievements .el .text{ font-size: 3vw; }

    /* gallery */
    .gallery .els a.el{ width: calc((100vw - 5vw - 5vw - 12vw) / 3); }

    /* advantages, bonuses, guarantees,feedback_2, header */
    .advantages .els .el .text,
    .bonuses .els .el .text,
    .guarantees .els .el .text,
    .feedback_2 .els .el:nth-child(1) .line,
    .feedback .els .el:nth-child(1),
    .our_literature,
    .problem-solution .els .el .thesis .text{ font-size: 3vw; }

    .header .title{ font-size: 4.8vw; }
    .header .small-title h2{ font-size: 3.8vw; }

    .header .social-media .el{ min-width: 40px; height: 40px; margin: 0 5px; }
	.header .social-media .el.telegram {
		margin-right: 0; 
	}
	.header .social-media .el.viber {
		margin-left: 0; 
	}

	.header .header_top .contacts_details .company_name{ font-size: 4vw; }
	.header .contact_info .phone a{ font-size: 3.8vw; }

    .contact_info .phone a{ font-size: 3.4vw; }

    /* spider-graph */
    .spider-graph .cols .col .el,
    .spider-graph.what-you-get .cols .col .el{ font-size: 3.5vw; }

    /* workflow */
    .workflow .els .el{ width: calc((100vw - 5vw - 5vw)/6); }
    .workflow .els .el:after{
	   border: 2vw solid transparent; border-left: 2vw solid #cfcfcf;
	   top: calc(8vw * 0.5 - 2vw * 0.5); right: calc(-2vw * 1.5);
    }
    .workflow .els .el .icon{ height: 8vw; }
    .workflow .els .el .text{ font-size: 2.2vw; }

	/* contacts */
	.contacts .contacts_details .company_name{ font-size: 20px; }
	.contacts .contact_info .phone a{ font-size: 35px; }
	.contacts .contact_info .comment{ font-size: 14px; }
}

@media (max-width: 480px){
    h2,
    .header .title{ font-size: 6vw; }

    .header .contact_info .phone a{ font-size: 4.6vw; }

    /* achievements */
    .achievements .el{ width: calc((100vw - 5vw - 5vw - 12vw) / 2); height: calc((100vw - 5vw - 5vw - 12vw) / 2); }

    .achievements .el .strings,
    .achievements .el:nth-child(6) .strings .suffix:nth-child(2),
    .achievements .el .text,
    .our_literature{ font-size: 4vw !important; }

    /* advantages, bonuses, guarantees, feedback_2, header */
    .spider-graph.what-you-get .cols .col .el,
    .spider-graph .cols .col .el,
    .header .company_name span:nth-child(1),
    .feedback .els .el:nth-child(1) .line,
    .advantages .els .el .text,
    .bonuses .els .el .text,
    .guarantees .els .el .text,
    .problem-solution .els .el .thesis .text,
    .workflow .els .el .text,
    .feedback_2 .els .el:nth-child(1) .line{ font-size: 4.5vw; }

    .header .header_top{ padding: 5px; }
    .header .social-media .el{ min-width: 28px; height: 28px; margin: 0 3px; }

    .header .header_top .contacts_details .company_name{ font-size: 5vw; }

    /* our_literature */
    .our_literature .els .el:nth-child(1) .text span{ margin: -20px 0 0 -140px; display: block; padding-top: 20px; }

    /* reviews, docs */
    .reviews .els a.el,
    .docs .els a.el{ width: calc(33vw - 5vw - 4%); }

    /* workflow */
    .workflow .els{ flex-wrap: wrap; }
    .workflow .els .el{ width: calc((100vw - 5vw - 5vw - 8vw)/3); }
    .workflow .els .el:nth-child(1),
    .workflow .els .el:nth-child(2),
    .workflow .els .el:nth-child(3){ margin-bottom: 20px; }
    .workflow .els .el .icon{ height: 14vw; }
    .workflow .els .el:after{
	   border: 3.4vw solid transparent; border-left: 3.4vw solid #cfcfcf;
	   top: calc(14vw * 0.5 - 3.4vw); right: calc(-3.4vw * 1.5);
    }
    .workflow .els .el:nth-child(3):after{ display: none; }

    /* contacts */
    .contacts .bottom .links{ font-size: 3vw; }
	.contacts .contacts_details .company_name{ font-size: 16px; }
	.contacts .contact_info .phone a{ font-size: 27px; }
	.contacts .contact_info .comment{ font-size: 11px; }

    #prices_select_method_of_payment .selector-type-payment img{ width: 80%; border-radius: 0 !important; }
}