html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
main {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    outline: none;
}

html {
  overflow-x: hidden;
}

body {
  overflow: hidden;
  padding: 0;    
  font-variant-ligatures: no-common-ligatures!important;
}

body *{
    font-variant-ligatures: no-common-ligatures!important;
}

@media screen and (min-width: 280px) and (max-width: 959px) {
    body {
        padding-top: 69px;
    }
}
@media screen and (min-width: 960px) and (max-width: 1199px) {
    body {
        padding-top: 130px;
    }
}


/* HTML5 display-role reset for older browsers */

header{
  z-index: 101;
  position: relative;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
main {
    display: block;
}

body {
    line-height: 1.618em;
    position: relative;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

i {
    font-style: italic;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

strong,
b {
    font-weight: 700;
}

/* @font-face {
    font-family: 'TT Norms';
    src: url('fonts/TTNorms/TTNorms-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TT Norms';
    src: url('fonts/TTNorms/TTNorms-Regular.woff') format('woff');
    font-weight: bold;
    font-style: normal;
} */

@font-face {
    font-family: 'a_LCDNova';
    src: url('fonts/a_LCDNova.eot');
    src: url('fonts/a_LCDNova.eot?#iefix') format('embedded-opentype'),
        url('fonts/a_LCDNova.woff2') format('woff2'),
        url('fonts/a_LCDNova.woff') format('woff'),
        url('fonts/a_LCDNova.ttf') format('truetype'),
        url('fonts/a_LCDNova.svg#a_LCDNova') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FuturaBookC';
    src: url('fonts/FuturaBookC.eot');
    src: url('fonts/FuturaBookC.eot?#iefix') format('embedded-opentype'),
        url('fonts/FuturaBookC.woff2') format('woff2'),
        url('fonts/FuturaBookC.woff') format('woff'),
        url('fonts/FuturaBookC.ttf') format('truetype'),
        url('fonts/FuturaBookC.svg#FuturaBookC') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FuturaDemiC';
    src: url('fonts/FuturaDemiC.eot');
    src: url('fonts/FuturaDemiC.eot?#iefix') format('embedded-opentype'),
        url('fonts/FuturaDemiC.woff2') format('woff2'),
        url('fonts/FuturaDemiC.woff') format('woff'),
        url('fonts/FuturaDemiC.ttf') format('truetype'),
        url('fonts/FuturaDemiC.svg#FuturaDemiC') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FuturaMediumC';
    src: url('fonts/FuturaMediumC.eot');
    src: url('fonts/FuturaMediumC.eot?#iefix') format('embedded-opentype'),
        url('fonts/FuturaMediumC.woff2') format('woff2'),
        url('fonts/FuturaMediumC.woff') format('woff'),
        url('fonts/FuturaMediumC.ttf') format('truetype'),
        url('fonts/FuturaMediumC.svg#FuturaMediumC') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}



@font-face {
    font-family: 'TT Norms';
    src: local('TT Norms Medium'), local('TTNorms-Medium'),
    url('fonts/TTNorms/TT_Norms_Pro_Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}


@font-face {
    font-family: 'TT Norms';
    src: local('TT Norms Regular'), local('TTNorms-Regular'),
    url('fonts/TTNorms/TT_Norms_Pro_Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'TTNorms_Regular';
    src: local("TT Norms Bold"), local("TTNorms-Bold"),
    url('fonts/TTNorms/TT_Norms_Pro_Bold.woff') format("woff");
    font-weight: 700;
    font-style: normal
}




@font-face {
  font-family: 'proxima_nova_extrabld';
  src: url('fonts/proxima_nova_extrabld.eot');
  src: url('fonts/proxima_nova_extrabld.eot?#iefix') format('embedded-opentype'),
  url('fonts/proxima_nova_extrabld.woff') format('woff'),
  url('fonts/proxima_nova_extrabld.ttf') format('truetype'),
  url('fonts/proxima_nova_extrabld.svg#proxima_nova_extrabld') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* 
@font-face {
    font-family:  'amazing_grotesk_ultra';
    src: url('fonts/amazing_grotesk_ultra.eot');
    src: url('fonts/amazing_grotesk_ultra.eot?#iefix') format('embedded-opentype'),
    url('fonts/amazing_grotesk_ultra.woff') format('woff'),
    url('fonts/amazing_grotesk_ultra.ttf') format('truetype'),
    url('fonts/amazing_grotesk_ultra.svg#amazing_grotesk_ultra') format('svg');
    font-weight: bold;
    font-style: normal;
} */


/* @font-face {
    font-family: 'amazing_grotesk_book';
    src: url('fonts/amazing_grotesk_book.eot');
    src: url('fonts/amazing_grotesk_book.eot?#iefix') format('embedded-opentype'),
    url('fonts/amazing_grotesk_book.woff') format('woff'),
    url('fonts/amazing_grotesk_book.ttf') format('truetype'),
    url('fonts/amazing_grotesk_book.svg#amazing_grotesk_book') format('svg');
    font-weight: bold;
    font-style: normal;
} */


@font-face {
    font-family: 'RobotoSlab';
    src: url('fonts/RobotoSlab-Light.eot');
    src: url('fonts/RobotoSlab-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/RobotoSlab-Light.woff2') format('woff2'),
        url('fonts/RobotoSlab-Light.woff') format('woff'),
        url('fonts/RobotoSlab-Light.ttf') format('truetype'),
        url('fonts/RobotoSlab-Light.svg#RobotoSlab-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'RobotoSlab';
    src: url('fonts/RobotoSlab-Regular.eot');
    src: url('fonts/RobotoSlab-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/RobotoSlab-Regular.woff2') format('woff2'),
        url('fonts/RobotoSlab-Regular.woff') format('woff'),
        url('fonts/RobotoSlab-Regular.ttf') format('truetype'),
        url('fonts/RobotoSlab-Regular.svg#RobotoSlab-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'RobotoSlab';
    src: url('fonts/RobotoSlab-Bold.eot');
    src: url('fonts/RobotoSlab-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/RobotoSlab-Bold.woff2') format('woff2'),
        url('fonts/RobotoSlab-Bold.woff') format('woff'),
        url('fonts/RobotoSlab-Bold.ttf') format('truetype'),
        url('fonts/RobotoSlab-Bold.svg#RobotoSlab-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'RobotoSlab';
    src: url('fonts/RobotoSlab-Black.eot');
    src: url('fonts/RobotoSlab-Black.eot?#iefix') format('embedded-opentype'),
        url('fonts/RobotoSlab-Black.woff2') format('woff2'),
        url('fonts/RobotoSlab-Black.woff') format('woff'),
        url('fonts/RobotoSlab-Black.ttf') format('truetype'),
        url('fonts/RobotoSlab-Black.svg#RobotoSlab-Bold') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}




@font-face {
  font-family: 'BebasNeueBold';
  src: url("fonts/BebasNeueBold.woff2") format("woff2"), url("fonts/BebasNeueBold.woff") format("woff"), url("fonts/BebasNeueBold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'BebasNeue';
  src: url("fonts/bebasneueregular.woff2") format("woff2"), url("fonts/bebasneueregular.woff") format("woff"), url("fonts/bebasneueregular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

h1 {
    font: 42px/42px 'RobotoSlab', Arial;
    text-align: center;
    padding: 1em 0;
    font-weight: 900;
}


/*blognew*/

h2 {
    font: 30px/30px 'TT Norms', Arial;
    font-weight: 700;
    margin-top: 1em;
}


/*--blognew*/

h3 {
    font-size: 25px;
    line-height: 30px;
    font-weight: 700;
    margin-top: 20px;
}

body {
    font: 14px/15px 'TT Norms', Arial;
    font-variant-ligatures: no-common-ligatures;
}

input,
textarea {
    font: 13px/13px 'TT Norms', Arial;
    outline: none;
}

input[type='submit'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

input:active,
textarea:active {
    outline: none;
}

:focus {
    outline: none;
}

a {
    color: #e2223f;
}

a:hover {
    text-decoration: none;
}

a:link,
a:active {
    color: #e2223f;
}

.container {
    margin: 0 auto;
    width: 100%;
    color: #000000;
}

.container::after,
.content:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
}

.content p a,
.content li a,
.content dt a,
.content dd a,
.content blockquote a,
.content table a{
    text-decoration: none;
    border-bottom: 1px solid;
}

.content p a:hover,
.content p a.prev:focus,
.content li a:hover,
.content li a.prev:focus,
.content dt a:hover,
.content dt a.prev:focus,
.content dd a:hover,
.content dd a.prev:focus,
.content blockquote a:hover,
.content blockquote a.prev:focus,
.content table a:hover,
.content table a.prev:focus{
    border-color: transparent;
}

.container:not(.breadcrumb):not(.menu-top) .content ul:not(.ya-share2__list),
.container:not(.breadcrumb):not(.menu-top) .content ol{
    margin-bottom: 30px;
    padding-bottom: 0;
    margin-top: 30px;
}

.content ol>li{
    list-style: decimal;
}


.container .col {
    float: left;
    width: 50%;
}

.container .col.right {
    float: right;
    text-align: right;
    right: 0;
}

.container .content {
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 32px;
    width: auto;
}

.header-top .col {
    padding: 18px 0;
    text-transform: uppercase;
}

.header-top .col div {
    display: inline-block;
}

.header-top .phone-wrap {
    width: 100%;
    text-align: center;
}

.header-top .phone-wrap-content {
    padding: 0 200px;
}


/*blognew*/

.header-top .phone div.span,
.menu-top .phone div.span {
    display: inline-block;
    /* background: url("/bitrix/templates/adapt/images/phone-icon.png") no-repeat; */
    height: 13px;
    padding-left: 23px;
    position: relative;
}

.menu-top .phone div.span svg {
    position: absolute;
    top: 0;
    left: 0;
}

.menu-top .phone div.span svg path {
    fill: #e2223f;
}

.header-top .phone div.span svg {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -49%);
            transform: translate(0, -49%);
    left: 0;
}


/*--blognew*/

.header-top .order-phone,
.header-top .order-service {
    margin-left: 30px;
}

.header-top .service-wrap {
    width: 200px;
    position: absolute;
    right: 0;
}

.header-top .phone-wrap a,
.header-top .service-wrap a {
    color: #333333;
    border-bottom: 1px solid #d7d7d7;
    text-decoration: none;
    font-size: 11px;
}

.header-top a:hover {
    border: none;
}

.header-top .order-email {
    width: 156px;
    text-align: right;
}


/*blognew*/

.header-top .order-email span {
    display: inline-block;
    /* background: url("/bitrix/templates/adapt/images/email-icon.png") no-repeat; */
    height: 13px;
    padding-left: 29px;
    text-align: right;
    position: relative;
}

.header-top .order-email span svg {
    position: absolute;
    top: 0;
    left: 0;
}

.header-top .order-email span svg path {
    fill: #e2223f;
}


/*--blognew*/

.header-top .user {
    width: 200px;
    position: absolute;
    left: 0;
    font-size: 11px;
    line-height: 14px;
}

.header-top .user .name {
    background: url("/bitrix/templates/adapt/images/personal-icon.png") no-repeat;
    height: 13px;
    color: #282828;
    text-transform: none;
    padding: 0 15px 0 20px;
    text-decoration: none;
}

.header-top .user .name:hover {
    text-decoration: underline;
}

.menu-top {
    background: #0A111B;
    color: #ffffff;
    /* height: 75px; */
    min-height: 56px;
}


.menu-top > .content{
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
}

.menu-top .logo {
    /* position: absolute;
    left: 0; */
    width: 115px;
    /* padding: 20px 0 29px; */
}


/*blognew*/

.menu-top .logo a {
    display: inline-block;
    /* background: url("/bitrix/templates/adapt/images/logo.png") no-repeat; */
    width: 115px;
    height: 26px;
    text-indent: -999999px;
}

.menu-top .logo a svg {
    float: left;
    width: 100%;
}

.menu-top .logo a svg polygon,
.menu-top .logo a svg path {
    fill: #fff;
}


/*--blognew*/

.menu-top .menu {
  -ms-flex-order: 0;
  -webkit-box-ordinal-group: 1;
          order: 0;
  -ms-flex: 1 1 auto;
  -webkit-box-flex: 1;
          flex: 1 1 auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
    text-align: center;
    /* width: 100%;
    height: 75px; */
}

/* .menu-top .menu ul {
    padding: 0 165px;
} */

.menu-top .menu li {
    display: inline-block;
    /* position: relative; */
    /* padding: 0 26px; */
}

.menu-top .menu>ul {
  margin: auto;
  width: 100%;
  max-width: 600px;
  max-width: 600px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -ms-flex-line-pack: center;
  align-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
}
.menu-top .menu ul>li {
  /* position: static; */
}
.menu-top .menu ul a {
    display: block;
    text-transform: uppercase;
    padding-top: 34px;
    padding-bottom: 30px;
    max-width: 220px;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
    /* padding: 33px 0 34px; */
    line-height: 8px;
    /* min-width: 30px; */
    text-align: left;
    border-bottom: 4px solid transparent;
}

.menu-top .menu ul a:hover,
.menu-top .menu ul li.root-item-selected a {
    border-bottom: 4px solid #c22740;
    /* padding-bottom: 30px; */
}

.menu-top .menu .sub a:hover {
    /* border-bottom: none; */
    /* padding-bottom: 34px; */
}


/*.menu-top .menu .sub:hover > .sub-menu{ display: block; }*/

/* .menu-top .menu .sub:after,
.menu-top .menu .root-item-selected-topmenu:after {
    content: '';
    background: url("/bitrix/templates/adapt/images/menusub-icon_a.png") no-repeat;
    width: 30px;
    height: 11px;
    position: absolute;
    bottom: -11px;
    left: 50%;
    margin-left: -15px;
    z-index: 999;

} */

.menu-top .menu .sub:after {
    display: none;
}

.menu-top .menu .sub:hover:after {
    display: block;
    background: url("/bitrix/templates/adapt/images/menusub-icon.png") no-repeat;
    top: 64px;
    width: 30px;
}

.menu-top .menu .sub.root-item-selected-topmenu:after {
    display: block;
}

 .container.menu-top .menu .sub .content {
  max-width: 600px;
  margin: 0;
  /* padding: 10px; */
}
.menu-top .menu .sub .sub-menu {
    /*    display: none; */
    /* visibility: hidden; */
    margin-left: -30px;
    /* left: 0;
    right: 0; */
    /* background: #ffffff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee');
    background: -webkit-linear-gradient(top, #fff, #eeeeee);
    background: -moz-linear-gradient(top, #fff, #eeeeee);
    background: -o-linear-gradient(top, #fff, #eeeeee);
    background: -ms-linear-gradient(top, #fff, #eeeeee);
    background: linear-gradient(to bottom, #fff, #eeeeee); */
    z-index: 200;
    /*position: fixed;
    width: 100%;*/
    position: absolute;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0s linear 0.25s,opacity 0.5s linear, -webkit-transform 0.5s ease;
    transition: visibility 0s linear 0.25s,opacity 0.5s linear, -webkit-transform 0.5s ease;
    transition: visibility 0s linear 0.25s,opacity 0.5s linear, transform 0.5s ease;
    transition: visibility 0s linear 0.25s,opacity 0.5s linear, transform 0.5s ease,-webkit-transform 0.5s ease;
    -webkit-transform: translate(0, -30px);
            transform: translate(0, -30px);
}



.menu-top .menu .sub .sub-menu.vis {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.menu-top .menu .sub .sub-menu.vis:after {
  content: '';
  z-index: -1;
  position: absolute;
  width: 100%;
  height: 50%;
  -webkit-transform: translate(0, -33px);
          transform: translate(0, -33px);
  background-color: transparent;
  left: 0;
  top: 0;
}

svg.invistr {
    position: absolute;
    top: -29px;
    left: 25px;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
}

svg.invistr polygon {
    fill: none;
}

.menu-top .menu .sub.root-item-selected-topmenu .sub-menu {
    z-index: 100;
}

/* .menu-top .menu .sub .sub-menu:after {
    display: block;
    content: '';
    height: 4px;
    background: #000000;
    position: absolute;
    left: 0;
    right: 0;
    top: 56px;
    z-index: 1;
} */


.menu-top .menu .sub ul {
    -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.5);
            box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.5);
    padding: 30px 15px 15px;
    background: #fff;
    margin: 0 auto;
    height:auto;
    /* padding: 0 32px; */
    display: -ms-inline-flexbox;
     display: -webkit-inline-box;
     display: inline-flex;
     -ms-flex-direction: row;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
             flex-direction: row;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -ms-flex-pack: start;
     -webkit-box-pack: start;
             justify-content: flex-start;
     -ms-flex-line-pack: stretch;
     align-content: stretch;
     -ms-flex-align: start;
     -webkit-box-align: start;
             align-items: flex-start;
}

.menu-top .menu .sub ul li {
    width: 220px;
    display: block;
    padding: 0px 17px 15px;
    -ms-flex-order: 0;
    -webkit-box-ordinal-group: 1;
            order: 0;
    -ms-flex: 0 1 auto;
    -webkit-box-flex: 0;
            flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    background: #fff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.menu-top .menu .sub ul.singlecol li {
  min-width: 240px;
}

.menu-top .menu .sub ul a {
    text-transform: none;
    font-size: 16px;
    padding: 0;
    margin: 0;
    line-height: 1.3em;
    display: block;
    color: #222222;
    /* padding: 28px 0 24px; */
    /* line-height: 8px; */

}

.menu-top .menu .sub ul a:hover,
.menu-top .menu .sub ul li.item-selected a {
    border-bottom: 4px solid transparent;
    /* padding-bottom: 20px; */
    position: relative;
    z-index: 10;
    color: #e2223f;
}

/* .menu-top .menu .sub ul li:first-child {
    padding-left: 0;
} */

/* .menu-top .social-search {
    position: absolute;
    width: 315px;
    16-01
    right: 0;
} */

.menu-top .social-search:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
}

.specpic header .social {
  display: none;
}
header .social {
    background: rgba(0,0,0,0.2);
    /* float: left; */
    width: 270px;
    position: fixed;
    /*16-01*/
    height: auto;
    width: 40px;
    right: 0;
    top: 45%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    z-index: 15;
}

.counterfield{
    display: flex;
    height: 51px;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: column;
    margin-bottom: 15px;
    margin-top: 15px;
    max-width: 150px;
    max-height: 51px;
}

.fish-txt .paragraph-form .counterfield input[data-counterfield]{
    max-width: calc(100% - 50px);
    width: 150px;
    text-align: center;
}
.counterfield .count-btn{
    padding: 0;
    border-radius: 3px;
    cursor: pointer;
    flex: 0 1 47%;
    width: 38px;
    height: auto;
    line-height: 0;
    opacity: 1;
    transition: all 0.3s ease;
}
.counterfield .count-btn[disabled]{
    background: #ccc;
}


/*blognew*/

header .social a {
    position: relative;
    display: block;
    /* background: url("/bitrix/templates/adapt/images/social.png") no-repeat; */
    width: 40px;
    height: 40px;
    /* margin-right: 4px; */
}
/*
header .social a:last-of-type {
    margin-right: 0;
} */

header .social a svg {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    vertical-align: middle;
    max-height: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

header .social a.gg svg {
    max-height: 20px;
}

header .social a svg path,
header .social a svg polygon,
header .social a svg circle,
header .social a.inst:hover svg path#cnt1,
header .social a.inst:hover svg path#cnt2,
header .social a.inst:hover svg circle#cnt3 {
    fill: #fff;
    /*16-01*/
    ;
}

svg .ophalf {
    opacity: 0.5;
    /*16-01*/
    ;
}

header .social a.vk:hover svg path,
header .social a.vk:hover svg circle {
    fill: #6182aa;
}

header .social a.ok:hover svg path,
header .social a.ok:hover svg circle {
    fill: #ee8208;
}

header .social a.tw:hover svg path,
header .social a.tw:hover svg circle {
    fill: #1da1f2;
}

header .social a.inst:hover svg path#cnt1 {
    fill: url(#colors1);
}

header .social a.inst:hover svg path#cnt2 {
    fill: url(#colors2);
}

header .social a.inst:hover svg circle#cnt3 {
    fill: url(#colors3);
}

header .social a.fb:hover svg path,
header .social a.fb:hover svg circle {
    fill: #3b5998;
}

header .social a.tl:hover svg path,
header .social a.tl:hover svg circle {
    fill: #179cde;
}

header .social a.gg:hover svg path,
header .social a.gg:hover svg circle {
    fill: #d73d32;
}

header .social a.rss:hover svg path,
header .social a.rss:hover svg circle {
    fill: #ff8c00;
}

header .social a.yt:hover svg path,
header .social a.yt:hover svg circle {
    fill: #e62117;
}

header .social a.zen:hover svg polygon {
    fill: #f00;
}


/*16-01*/

.menu-top .social-single {
    display: none;
    float: left;
    width: 23px;
    height: 14px;
    padding: 30px 27px 31px 0;
}

.menu-top .social-single .icon {
    display: inline-block;
    /* background: url('images/social.png') no-repeat; */
    background-position: -34px 0;
    width: 8px;
    height: 14px;
}

.menu-top .social-single .icon svg {
    max-height: 14px;
}

.menu-top .social-single .icon svg path {
    fill: #fff;
}

.menu-top .social-single div.hover {
    display: none;
    position: absolute;
    margin: -26px 0 0 2px;
    z-index: 500;
}

.menu-top .social-single:hover div.hover {
    display: block;
}

.menu-top .social-single div a {
    display: block;
    background-color: #000;
    border-radius: 3px;
    border: 1px solid #fff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    /* background: url("/bitrix/templates/adapt/images/social-single.png") no-repeat; */
    width: 33px;
    height: 33px;
    margin-bottom: 2px;
    position: relative;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.menu-top .social-single div a svg {
    height: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.menu-top .social-single div a.gg svg {
    height: 20px;
}

.menu-top .social-single div a svg path,
.menu-top .social-single div a svg circle,
.menu-top .social-single div a svg polygon {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    fill: #fff;
}


/*
.menu-top .social-single div a.fb{ background-position: 0 0; }
.menu-top .social-single div a.vk{ background-position: -33px 0; }
.menu-top .social-single div a.tw{ background-position: -66px 0; }
.menu-top .social-single div a.tl{ background-position: -198px 0; }
.menu-top .social-single div a.gg{ background-position: -99px 0; }
.menu-top .social-single div a.rss{ background-position: -132px 0; }
.menu-top .social-single div a.yt{ background-position: -165px 0; } */

.menu-top .social-single div a.fb:hover {
    background: #3b5998;
}

.menu-top .social-single div a.vk:hover {
    background: #6182aa;
}

.menu-top .social-single div a.ok:hover {
    background: #ee8208;
}

.menu-top .social-single div a.inst:hover {
    background: rgb(115, 81, 188);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(115, 81, 188, 1)), color-stop(70%, rgba(176, 65, 107, 1)), to(rgba(218, 130, 42, 1)));
    background: linear-gradient(to bottom, rgba(115, 81, 188, 1) 0%, rgba(176, 65, 107, 1) 70%, rgba(218, 130, 42, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7351bc', endColorstr='#da822a', GradientType=0);
}

.menu-top .social-single div a.tw:hover {
    background: #1da1f2;
}

.menu-top .social-single div a.tl:hover {
    background: #179cde;
}

.menu-top .social-single div a.gg:hover {
    background: #d73d32;
}

.menu-top .social-single div a.rss:hover {
    background: #ff8c00;
}

.menu-top .social-single div a.yt:hover {
    background: #e62117;
}

.menu-top .social-single div a.zen:hover {
    background: #f00;
}

.menu-top .search {
    /* float: left;
    border-left: 1px solid #ffffff;
    margin: 23px 0 22px;
    width: 13px;
    height: 30px;
    padding-left: 21px;
    vertical-align: middle; */
    height: 50px;
    padding-left: 21px;
    vertical-align: middle;
    display: block;
    float: right;
}

.menu-top .search .icon {
    margin-top: 12px;
    display: none;
    margin: auto;
    /* background: url("/bitrix/templates/adapt/images/search-icon.png") no-repeat; */
    width: 13px;
    height: 14px;
}
.menu-top .search .icon svg{
  height: 70px;
}

@media screen and (max-width: 959px){
  .menu-top .search .icon {
    display: block;
  }
}

@media screen and (max-width: 959px){
  .menu-top .search {
    height: 40px;
    margin-top: 15px;
    border-left: 1px solid #fff;
  }
  .menu-top .search .icon svg{
    height: 50px;
  }
}

.menu-top .search .icon svg path {
    fill: #fff;
    width: 100%;
}

.menu-top .menu-icon {
    display: none;
    position: absolute;
    width: 25px;
    padding: 25px 0;
    z-index: 10;
}

.menu-top .menu-icon a {
    display: block;
    content: '';
    /* background: url("/bitrix/templates/adapt/images/menu-icon.png") no-repeat; */
    width: 25px;
    height: 22px;
}

.menu-top .menu-icon a svg rect {
    fill: rgba(255, 255, 255, 0.25);
}

.menu-top .phone {
    display: none;
    width: 100%;
    text-align: center;
    padding: 28px 0 27px;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: bold;
    font-size: 16px;
    line-height: 14px;
}

.menu-top .phone .center {
    padding: 0 135px 0 210px;
}

.menu-top .msg-search {
    display: none;
    position: absolute;
    width: 90px;
    right: 0;
}

.menu-top .msg {
    float: left;
    width: 22px;
    margin-right: 28px;
    padding: 30px 0 29px;
    height: 16px;
}

.menu-top .msg a {
    display: block;
    /* background: url("/bitrix/templates/adapt/images/msg-icon.png") no-repeat; */
    width: 22px;
    height: 16px;
}

.menu-top .msg a svg path {
    fill: #fff;
}


/*--blognew*/

.menu-top .msg-search {
    display: none;
    position: absolute;
    width: 90px;
    right: 0;
}

.menu-top .msg {
    /* float: left; */
    width: 22px;
    /* margin-right: 28px; */
    padding: 30px 0 29px;
    height: 16px;
}

.menu-top .msg a {
    display: block;
    background: url("/bitrix/templates/adapt/images/msg-icon.png") no-repeat;
    width: 22px;
    height: 16px;
}

.menu-top .form-search {
    display: none;
    width: 1115px;
    margin: 15px 32px -1px 200px;
    line-height: 15px;
}

.menu-top .form-search#subscribe-form {
    position: absolute;
}

.menu-top .form-search#search-from .close{
  display: none;
}
.menu-top .form-search#search-from {
  display: block;
  width: auto;
  margin: 0;
  line-height: 15px;
}
.menu-top .form-search#search-from input[type="submit"]{
  font-size: 0;
  margin-left: 0;
  background: transparent url(/bitrix/templates/adapt/images/search.svg) center no-repeat;
  height: 20px;
}



.menu-top .form-search form {
    display: inline;
    position: relative;
}

.menu-top .form-search input[type="text"] {
    height: 31px;
    width: 853px;
    border: none;
    border-radius: 20px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding: 2px 20px;
}

.menu-top .form-search form.error input[type="text"] {
    border: 2px solid #e2223f;
    padding: 0 18px;
    color: #e2223f;
    font-size: 16px;
}

.menu-top .form-search#search-from input[type="text"]{
    width: auto;
    border-radius: 0;
    background: transparent;
    border: none;
    border-bottom: none;
    color: #fff;
    /* border-bottom: 1px solid #fff; */
    padding-left: 10px;
}
/*blognew*/

.menu-top .form-search input[type="submit"] {
    border: none;
    background: #000 url(/bitrix/templates/adapt/images/btemail-icon.svg) center no-repeat;
    width: 30px;
    height: 30px;
    text-indent: -999999px;
    margin-left: -43px;
    cursor: pointer;
    border-radius: 50%;
}

.menu-top .form-search .close {
    display: inline-block;
    /* background: url("/bitrix/templates/adapt/images/close-icon.png") no-repeat; */
    width: 20px;
    height: 20px;
    font-size: 0;
    margin-left: 25px;
    position: relative;
}

.menu-top .form-search .close:after {
    content: '+';
    position: absolute;
    display: block;
    -webkit-transform: rotate(45deg) translate(-50%, -50%);
            transform: rotate(45deg) translate(-50%, -50%);
    top: 50%;
    left: 50%;
    color: #fff;
    font-size: 46px;
    font-family: Serif;
}


/*--blognew*/

#what_gives_subscriptions {
    color: #fff;
    font: 8pt proxima_nova_rg;
    width: 116px;
    display: inline-block;
    margin-left: 15px;
}

.banner-top {
    height: 537px;
    color: #ffffff;
    position: relative;
    overflow: hidden;
}


.banner-top .video,
.banner-top .video .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.banner-top .video .bg {
    background: url(/bitrix/templates/adapt/images/video-bg.png) repeat;
    z-index: 10;
    opacity: 0.7;
}
@media screen and (min-width: 960px){
    .banner-top .video{
      background-color: #000;
    }
}
.banner-top .video iframe {
    position: absolute;
    z-index: 3;
    width: 100%;
    height: 140%;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}

.banner-top .video .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /* background: url(/upload/iblock/8b2/texterra_main.png) no-repeat center center; */
}

.container.banner-top .content {
    position: relative;
    z-index: 100;
    margin: 0 auto;
}

.banner-top .content .center {
    margin: 0 auto;
    width: 645px;
}

.banner-top .content .center .cell {
    height: 537px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.banner-top p {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 20px;
    padding-top: 40px;
}



.content .center{
  text-align: center;
}

a.bt {
    border-bottom: 1px solid transparent;
    text-align: center;
    display: inline-block;
    max-width: 250px;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto 40px;
    padding: 19px 17px;
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
    font-size: 16px;
    line-height: 12px;
    border-radius: 27px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #e2223f;
    cursor: pointer;
}

a.bt:hover,
div.bt:hover {
    background-color: #e53953;
    border-bottom: 1px solid transparent;
}

a.bt.consult {
  padding: 10px 10px;
  font-size: 16px;
  margin: 0;
}

@media screen and (max-width: 1023px){
 a.bt.consult {
    font-size: 14px;
  }
}
.clients a.bt {
    margin-bottom: 40px;
    margin-top: 0;
}

.services .content {
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
}

.services .item {
    float: left;
    width: 50%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 45px 0 0 31px;
    text-align: left;
    color: #666666;
    line-height: 14px;
    margin-top: 30px;
}

.services .row:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
}

.services .row .item:first-child {
    padding-left: 0;
}

.services .item .img,
.services .item .body {
    display: table-cell;
    vertical-align: top;
}

.services .item .img {
    padding-right: 30px;
}

.services .item .img img {
    width: 50px;
    height: 50px;
}


/*blognew*/

.services .item .img svg path,
.services .item .img svg ellipse,
.services .item .img svg circle,
.services .item .img svg path,
.services .item .img svg polygon,
.services .item .img svg rect {
    fill: #e2223f;
}


/*--blognew*/

.services .item a.name {
    font-size: 16px;
    color: #000000;
    text-transform: uppercase;
    text-decoration: none;
}

.services .item a.name:hover {
    text-decoration: underline;
}

.services .item p {
    padding-top: 12px;
    line-height: 18px;
}

.services .item a.more {
    display: block;
    margin-top: 20px;
    text-align: right;
}

.services .item a.showsub {
    display: inline-block;
    padding: 10px 35px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    border-radius: 15px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #e53953;
    text-decoration: none;
    margin-top: 10px;
    position: absolute;
}

.services .item a.showsub:hover {
    background-color: #e53953;
}

.whywe {
    background: #f5f5f5;
    color: #333333;
    padding: 55px 0;
}

.whywe h2 {
    display: inline-block;
    font-size: 36px;
    line-height: 36px;
    margin-top: 0;
    margin-right: 10px;
    color: #000000;
    margin-top: 0;
}

.whywe .arrow {
    display: inline-block;
    background: #e2223f;
    color: #fff;
    font-size: 16px;
    line-height: 10px;
    height: 10px;
    font-weight: bold;
    padding: 10px 6px;
    position: absolute;
    margin: 4px 0 0 11px;
}


/*blognew*/

.whywe .arrow:before,
.whywe .arrow:after {
    display: block;
    content: '';
    /* background: url("/bitrix/templates/adapt/images/arrow.png") no-repeat;
    width: 11px;
    height: 30px; */
    position: absolute;
    top: 0;
}

.whywe .arrow:before {
    border: 15px solid transparent;
    border-right: 11px solid #e2223f;
    border-left: none;
    left: -11px;
}

.whywe .arrow:after {
    border: 15px solid #e2223f;
    border-right: 11px solid transparent;
    border-left: none;
    right: -11px;
}

.whywe li {
    margin-top: 24px;
    position: relative;
    padding-left: 25px;
    font-size: 16px;
    line-height: 16px;
}

.whywe li:first-child {
    margin-top: 30px;
}


/*--blognew*/

.whywe li a {
    text-decoration: none;
    color: #000000;
}

.whywe li a:hover {
    text-decoration: underline;
}

.whywe .video {
    display: block;
    float: right;
    height: 247px;
    position: relative;
    width: 439px;
    right: 0;
}


/*.whywe .video:before{
    display: block;
    position: absolute;
    content: '';
    left: 50%;
    margin-left: -68px;
    top: 50%;
    margin-top: -68px;
    background: url("/bitrix/templates/adapt/images/play.png") no-repeat;
    width: 136px;
    height: 136px;
}*/

.whywe .block {
    float: left;
    width: 438px;
}

.seo {
    padding: 55px 0 35px;
}

.seo h2 {
    font-size: 36px;
    line-height: 36px;
}

.seo .block {
    float: left;
    width: 439px;
}

.seo p {
    color: #333333;
    padding-top: 30px;
    font-size: 14px;
    line-height: 18px;
}

.seo img,
.seo .graph {
    float: right;
}

.seo .graph svg text,
.seo .graph svg text tspan {
    font-family: 'TT Norms', Arial;
}

.seo .graph svg text#legend tspan {
    font-size: 12px;
}

.blog {
    /*     background: #ffffff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9');
    background: -webkit-linear-gradient(top, #fff, #f9f9f9);
    background: -moz-linear-gradient(top,  #fff,  #f9f9f9);
    background: -o-linear-gradient(top,  #fff,  #f9f9f9);
    background: -ms-linear-gradient(top,  #fff,  #f9f9f9);
    background: linear-gradient(to bottom,  #fff,  #f9f9f9); */
    ;
}

.blog:before {
    display: block;
    content: '';
    border-top: 2px solid #e5e5e5;
    height: 15px;
    background: #ffffff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff');
    background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#ffffff));
    background: linear-gradient(to bottom, #eeeeee, #ffffff);
}

.blog.nobg:before {
    border: none;
    height: auto;
    background: #ffffff;
}

/*.blog.nobg .content p,
.blog.nobg .content ul {
    padding-bottom: 30px;
}*/

.blog.nobg .content ul li.search-field {
    width: 100%;
    margin-left: 0 !important;
}

.blog.nobg .content ul li.search-field:before {
    display: none !important;
}

/*.blog.nobg .content ul li {
     font-size: 16px !important;
    transition: all ease-in-out .1s !important;
}
*/
/*.blog.nobg .content p,
.blog.nobg .content p a,
.blog.nobg .content li,
.blog.nobg .content p strong,
.blog.nobg .content p em {
    font-size: 20px;
    line-height: 1.7;
}*/

/*.blog.nobg .content li {
    font-size: 16px;
}*/


.blog.nobg .content .chosen-drop ul li.result-selected {
    display: none;
}

.blog.nobg .content a {
    text-decoration: none;
    border-bottom: 1px solid #e2223f;
}

.blog.nobg .content a:hover {
    border-bottom: none;
    text-decoration: none;
}

.blog.nobg ul {
    padding-bottom: 30px;
    margin: 0;
}
.content .body #texterra-grid p{
    font-size: 18px;
    line-height: 1.5;
    padding-bottom: 20px;
}
#texterra-grid ul>li,
#texterra-grid ol>li{
    font-size: 18px;
    padding-left: 12px;
    margin-left: 20px;
    padding-left: 12px;
    line-height: 1.7;
}
#texterra-grid ul li{
    padding-left: 30px;
    margin-left: 30px;
}
#texterra-grid ul{
    padding-bottom: 30px;
}
.clients ul{
    margin-bottom: 20px;
}
#texterra-grid ol,
.blog.nobg ol {
    list-style: decimal;
    padding-bottom: 30px;
    margin: 0 0 0 30px;
}

.blog.nobg .incut ol {
    padding-bottom: 0;
}

.blog.nobg ol>li {
    padding-left: 5px;
    margin-bottom: 15px;
}

.blog.nobg ol>li:last-child {
    margin-bottom: 0px;
}

.blog.nobg h1 {
    padding: 1em 0 1em;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
}

.nobg h2,
.nobg h3,
.nobg h4 {
    font-size: 25px;
    font-weight: 700;
    line-height: 30px;
    padding-bottom: 30px;
}

.nobg h2 {
    font-size: 26px;
}

.nobg h4 {
    font-size: 20px;
    padding-top: 30px;
}


/*.blog.nobg .content ul li{
    padding-left: 55px;
    position: relative;
    line-height: 23px;
    margin-top: 15px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
     width: 32%;*/


/* font-size: 18px;
    border-radius: 20px;
}*/

.blog.nobg .content ul.chosen-results li {
    font-size: 16px;
    width: 32%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}

/*.blog.nobg ul {
    margin: -15px 0 0 0 !important;
    padding-top: 25px;
    ;
}*/

.blog.nobg ul+.wide+ul {
    padding-top: 30px;
}

.blog.nobg .content .ya-share2 ul li {
    padding: 0;
    width: auto;
}

table {
    text-align: center;
}

.text td p {
    font-size: 16px;
    line-height: 1.7;
    padding-bottom: 10px;
}

.text table td,
.text table th {

    border: 1px solid #d2d0d0;
}

table.tablecont tr:nth-child(2n) td {
    background: #e0e0e0;

}

tr.noborder1 {
    border: 0.5px solid #ffffff;
}

/* table.tablecont tr:hover td {
    background: rgba(189, 0, 29, 0.71);

}

.text table.tablecont tr:hover td p {
    color: #fff;
} */
/*blognew*/

/*.blog.nobg ul li:first-child {
    margin: 0;
}*/

/*.blog.nobg ul li:before {
    display: block;
    position: absolute;
    content: '';
    background: url("/bitrix/templates/adapt/images/line-dotted.svg") no-repeat;
    background-size: contain;
    width: 47px;
    height: 3px;
    left: 0;
    top: 15px;
}*/


/*--blognew*/

.blog.nobg .ya-share2 ul li {
    padding-left: 5px;
}

/*.blog.nobg ul li:first-child {
    margin-top: 15px;
    margin-right: 4px;
}*/

.blog.nobg .ya-share2 ul li:before {
    display: none;
}

.container.nobg {
    color: #333;
}

#filterForm .tgldrop {
    position: absolute;
    width: 38px;
    height: 38px;
    right: 0;
    bottom: 0;
    z-index: 200;
}

.chosen-container .chosen-results {
    max-height: 305px;
    overflow: auto;
}

.chosen-container.chosen-container-multi .chosen-results,
select[name="author"]+.chosen-container.chosen-with-drop .chosen-drop .chosen-results {
    right: -20px;
}

.chosen-container .chosen-results li {
    padding: 6px 10px 6px 40px !important;
    margin: 5px 10px 5px 0px !important;
}

.chosen-drop .chosen-results li:before {
    content: '';
    background-image: none !important;
    background: transparent !important;
    width: 13px !important;
    height: 13px !important;
    display: block !important;
    position: absolute !important;
    top: 50% !important;
    left: 10px !important;
    -webkit-transform: translateY(-55%);
            transform: translateY(-55%);
    border: 1px solid #e2e2e2;
    border-radius: 3px;
    -webkit-transition: all ease-in-out .1s;
    transition: all ease-in-out .1s;
}

.chosen-drop .chosen-results li:hover::before {
    background: #e2223f !important;
    cursor: pointer;
}

.chosen-drop .chosen-results li.result-selected:hover::before {
    background: transparent !important;
    cursor: default;
}

.chosen-container .chosen-results li:nth-of-type(3n) {
    margin-right: 0;
}

.chosen-container .chosen-results li:hover {
    background: #e2223f;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: 30px;
    color: #fff;
    font-size: 18px;
}

.chosen-container.chosen-container-multi.chosen-with-drop .chosen-drop ul li.highlighted {
    background: none;
    color: #333;
}

.chosen-container .chosen-results li.result-selected:hover {
    background: transparent !important;
    color: #ccc;
}

.chosen-container .chosen-results li.highlighted {
    border-radius: 30px;
}

.chosen-container .chosen-results li.no-results,
.chosen-container .chosen-results li.no-results:hover {
    background: transparent;
    border-radius: 0;
    color: inherit;
}

.blog.nobg ul.chosen-choices,
.chosen-container-single .chosen-search {
    padding-bottom: 0;
    margin: 0;
    position: relative;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    border-radius: 20px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px rgba(153, 153, 153, .5);
    box-shadow: 0 0 10px rgba(153, 153, 153, .5);
    color: #999999;
    font-size: 14px;
    line-height: 14px;
    min-height: 40px;
    padding: 7px 20px 5px;
    outline: none;
    border: none;
    background: #fff;
    cursor: pointer;
    z-index: 101;
}

.blog.nobg .chosen-container-multi ul.chosen-choices {
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0px;
    overflow: visible;
    min-height: 40px;
    position: absolute;
    bottom: 0;
}

.blog.nobg .content .chosen-container-multi ul li.search-field {
    -webkit-box-shadow: 0 0 10px rgba(153, 153, 153, .5);
    box-shadow: 0 0 10px rgba(153, 153, 153, .5);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    padding: 0px 20px!important;
    height: 40px;
    margin-top: 17px!important;
    font-size: 16px;
    border-radius: 20px;
}

.blog.nobg ul.chosen-choices:after {
    content: '';
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    top: 18px;
    right: 16px;
    border-width: 6px 5px 0 5px;
    border-color: #333 transparent;
    border-style: solid;
}

.blog.nobg .chosen-container-multi ul.chosen-choices:after {
    display: none;
}

.blog.nobg .chosen-container-multi .tgldrop:after {
    content: '';
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    top: 18px;
    right: 16px;
    border-width: 6px 5px 0 5px;
    border-color: #333 transparent;
    border-style: solid;
}

.blog.nobg .chosen-container-multi ul.chosen-choices.abs,
.blog.nobg .chosen-container-multi.chosen-with-drop ul.chosen-choices {
    /* position: absolute;
    bottom: 0px; */
    
}

.chosen-container {
    display: block;
    cursor: pointer;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    background: transparent;
    border-bottom: none !important;
    width: 15px;
    height: 15px;
    padding-top: 20px;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before,
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:after {
    content: '';
    background: red;
    width: 1px;
    height: 10px;
    display: block;
    position: absolute;
    top: 50%;
    right: 70%;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before {
    -webkit-transform: translateY(-60%) translateX(-40%) rotate(135deg);
            transform: translateY(-60%) translateX(-40%) rotate(135deg);
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:after {
    -webkit-transform: translateY(-60%) translateX(-40%) rotate(45deg);
            transform: translateY(-60%) translateX(-40%) rotate(45deg);
}

.blog.nobg ul.chosen-choices li {
    padding: 0 !important;
    margin: 0 !important;
}

.blog.nobg ul.chosen-choices li:before {
    display: none;
}

.blog.nobg ul.chosen-choices li.search-choice {
    padding: 0 35px 0 15px !important;
    width: initial;
    background: transparent;
    margin-right: 5px !important;
    border: transparent;
    border: 1px solid rgba(68, 68, 68, 0.2);
    margin-bottom: 4px!important;
    border-radius: 20px;
    font-size: 16px;
    line-height: 1.7em;
}

.blog.nobg ul.chosen-choices li.search-choice:before {
    display: none;
}

.blog .content {
    padding-top: 35px;
    padding-bottom: 35px;
}

.blog h2 {
    font-size: 36px;
    line-height: 36px;
}

.blog .item {
    padding: 34px 0;
    border-bottom: 1px solid #f4f4f4;
}

.blog.homeblock .item {
    border-bottom: 0;
}

.blog .item:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
}

.blog .item img {
    float: left;
    margin-right: 30px;
}

.blog .item .name {
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
    color: #333333;
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-bottom: 1px solid transparent;
}

.blog .item .date {
    display: block;
    color: #999999;
    margin: 11px 0 15px;
}

.blog .item .author {
    color: #e2223f;
    font-weight: 700;
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-bottom: 1px solid transparent;
}

.blog .item .name:hover {
    border-bottom: 1px solid;
}

.blog .item .author:hover {
    border-bottom: 1px solid;
}

.blog .item a:hover {
    border: none;
}

.blog .item .social {
    display: block;
    margin-top: 25px;
    color: #999999;
    line-height: 11px;
    font-size: 12px;
}


/*blognew*/

.blog .item .share {
    /* background: url("/bitrix/templates/adapt/images/share-icon.png") no-repeat 0 1px; */
    height: 12px;
    /* padding-left: 20px; */
    ;
}

.blog .item .comment {
    /* background: url("/bitrix/templates/adapt/images/comment-icon.png") no-repeat 0 1px; */
    height: 11px;
    margin-left: 2px;
}

.blog .item .share svg {
    height: 12px;
    margin-bottom: -2px;
}

.blog .item .share svg path {
    fill: #999999;
}

.blog .item .social a {
    padding-left: 20px;
}

.blog .item .share+a {
    text-decoration: none;
}


.blog .item .social a svg {
    margin-bottom: -2px;
}

.blog .item .social a svg path {
    fill: #999999;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.blog .item .comment{
    color: #999999;
}
.blog .item .comment{
    color: #999999;
}
.blog .item a:hover .comment{
    color: #e2223f;
}
.blog .item a:hover svg path {
    fill: #e2223f;
}
.blog.nobg .content .item .social a:hover span.comment {
    background: none;
}

.blog.nobg .content .item .social a:hover svg path {
    fill: #e2223f;
}

.blog.homeblock .item .social .share svg {
    margin-right: 5px;
}

.blog.homeblock .item .social .comment {
    margin-left: 10px;
    padding-left: 15px;
    position: relative;
}

.blog.homeblock .item .social .comment svg {
    margin-bottom: -2px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    left: 0;
}

.blog.homeblock .item .social .comment svg path {
    fill: #999999;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}



/*--blognew*/

.blog .more {
    padding-top: 35px;
    text-align: center;
}

.blog .more a {
    /*     color: #e2223f;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    border-bottom: 1px solid #f0d5d8; */
    background-color: #e2223f;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    /* border-bottom: 1px solid #f0d5d8; */
    color: #fff;
    font-size: 20px;
    line-height: 12px;
    border-radius: 27px;
    /*padding: 15px 75px;*/
    padding: 15px 60px;
    margin-top: 40px;
}

.blog .more a:hover {
    /* border: none; */
    background-color: #e53953;
}

.blog .showmore {
    text-align: center;
    padding: 35px 0;
}

.blog .showmore a {
    padding: 21px 75px;
}

.blog .filter {
    margin-top: 35px;
    border-top: 1px solid #f4f4f4;
    border-bottom: 1px solid #f4f4f4;
    padding: 35px 0 50px;
}

.blog .filter .button {
    padding-top: 30px;
}

.blog .filter .button a {
    display: inline-block;
    border-radius: 20px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #e2223f;
    color: #ffffff;
    padding: 13px 37px;
    font-size: 16px;
    font-weight: 700;
    line-height: 12px;
    height: 12px;
    text-decoration: none;
    margin-right: 10px;
}

.blog .filter .button a:hover {
    background-color: #e53953;
    border-bottom: 1px solid transparent;
}

.blog .filter .button a.resetfilter {
    background-color: #cbcbcb;
    margin: 0;
    border-bottom: none;
    float: right;
}

.blog .filter .button a.resetfilter:hover {
    background-color: #999999;
}

.blog .filter .button a.small {
    display: none;
    padding: 13px 30px;
}

.blog .filter .hide {
    display: none;
    padding-bottom: 50px;
}

.company {
    padding: 50px 0;
}

.company .content span {
    display: table-cell;
    width: 215px;
    height: 85px;
    text-align: center;
    vertical-align: middle;
}

.footer {

    padding: 30px 0 40px;
    background-color: #000;
}

.footer .content {
    min-height: 150px;
    color: #fff;
}

.footer .left {
    left: 0;
    margin-top: 0;
    /*position: absolute;*/
    /*width: 545px;*/
}


/*blognew*/

.footer a.logo {
    display: inline-block;
    /* background: url("/bitrix/templates/adapt/images/logo-footer.png") no-repeat; */
    width: 115px;
    height: 26px;
}

.footer a.logo svg {
    float: left;
    width: 100%;
}

.footer a.logo svg polygon,
.footer a.logo svg path {
    fill: #bfbfbf;
}



/*--blognew*/

.footer .privacy a{
    display: inline-block;
    margin: 0 10px;
}
.footer .privacy a:first-of-type{
    margin: 0;
}

.footer .copyright {
    font-size: 11px;
    line-height: 15px;
    color: #fff;
    margin: 36px 0 30px;
}



.footer p {
    padding-top: 15px;
}

.footer p:first-child {
    padding: 0;
}

.footer .menu {
    margin: 15px 0 35px;
    position: relative;
    z-index: 1;
}

.footer .menu li {
    display: inline-block;
    text-transform: uppercase;
    line-height: 9px;
}

.footer .menu li a {
    display: inline-block;
    color: #fff;
    text-decoration: none;
    margin-left: 25px;
}

.footer .menu li:first-child a {
    margin: 0;
}

.footer .menu li a:hover {
    text-decoration: underline;
}


/*blognew*/

.footer .social a {
    display: inline-block;
    /* background: url("/bitrix/templates/adapt/images/social-footer.png") no-repeat; */
    width: 33px;
    height: 33px;
    margin-left: 10px;
    position: relative;
}

.footer .social a:first-child {
    margin: 0;
}

.footer .social a {
    background: #9d9d9d;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.footer .social a svg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    max-height: 14px;
}

.footer .social a svg path,
.footer .social a svg circle,
.footer .social a svg polygon {
    fill: #fff;
    /*16-01*/
    ;
}

.footer .social a.gg svg {
    max-height: 20px;
}


/*
.footer .social a.vk{ background-position: 0 0; }
.footer .social a.fb{ background-position: -33px 0; }
.footer .social a.tw{ background-position: -66px 0; }
.footer .social a.gg{ background-position: -99px 0; }
.footer .social a.pr{ background-position: -132px 0; }
.footer .social a.yt{ background-position: -165px 0; }
.footer .social a.rss{ background-position: -198px 0; }
.footer .social a.tl{ background-position: -231px 0; }
.footer .social a.inst{ background-position: -264px 0; } */

.footer .social a.fb:hover {
    background: #3b5998;
}

.footer .social a.vk:hover {
    background: #6182aa;
}

.footer .social a.ok:hover {
    background: #ee8208;
}

.footer .social a.inst:hover {
    background: rgb(115, 81, 188);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(115, 81, 188, 1)), color-stop(70%, rgba(176, 65, 107, 1)), to(rgba(218, 130, 42, 1)));
    background: linear-gradient(to bottom, rgba(115, 81, 188, 1) 0%, rgba(176, 65, 107, 1) 70%, rgba(218, 130, 42, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7351bc', endColorstr='#da822a', GradientType=0);
}

.footer .social a.tw:hover {
    background: #1da1f2;
}

.footer .social a.tl:hover {
    background: #179cde;
}

.footer .social a.gg:hover {
    background: #d73d32;
}

.footer .social a.pr:hover {
    background: #bd081c;
}

.footer .social a.rss:hover {
    background: #ff8c00;
}

.footer .social a.yt:hover {
    background: #e62117;
}

.footer .social a.zen:hover {
    background: #f00;
}


/*16-01*/


/*--blognew*/

.hidden {
    display: none !important;
    visibility: hidden;
}

.big-popup {
    padding: 30px;
    width: 595px;
}

.sm-popup {
    padding: 50px;
    max-width: 380px;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

@media screen and (max-width: 480px) {
    .sm-popup {
        padding: 50px 30px;
        width: 90%;
    }
}

.white-popup {
    background: #ECECEC none repeat scroll 0 0;
    /* -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px; */
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0 0 10px rgba(153, 153, 153, .5);
    box-shadow: 0 0 10px rgba(153, 153, 153, .5);
    margin: 20px auto;
    position: relative;
    text-align: left;
}

.white-popup .modal-title {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 30px;
    text-align: center;
}

#mai-popup.white-popup .modal-title {
    line-height: 1.1em;
}

.white-popup input,
.form-sm input,
.white-popup textarea,
.form-sm textarea {
    /* -moz-border-radius: 19px;
    -webkit-border-radius: 19px;
    border-radius: 19px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background: #fff;
    width: 278px;
    height: 18px;
    padding: 10px 20px;
    border: 1px solid #cccccc;
    margin: 16px 1px 1px 1px; */
    border: 4px solid #fff;
    outline: none;
    text-align: center;
    padding: 19px;
    border-radius: 30px;
    width: 100%;
    margin: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-bottom: 20px;
}

.white-popup input:not([type="submit"]),
.form-sm input:not([type="submit"]),
.white-popup textarea,
.form-sm textarea {
    /* border-radius: 0; */
}

.white-popup input.error,
.form-sm input.error,
.white-popup textarea.error,
.form-sm textarea.error {
    border: 2px solid #e2223f;
    margin: 15px 0 0 0;
    font-size: 16px;
    color: #e2223f;
}

.white-popup textarea,
.form-sm textarea {
    height: 150px;
    resize: none;
}

.white-popup input[type="submit"],
.form-sm input[type="submit"] {
    border: none;
    background: #e2223f;
    max-width: 320px;
    width: 100%;
    height: 50px;
    cursor: pointer;
    color: #ffffff;
    font-weight: 700;
    font-size: 18px;
}

.white-popup#service-video-instr .modal-title{
    line-height: 1.2em;
}


/*blognew*/

.white-popup button.mfp-close {
    width: 20px;
    height: 20px;
    /* background: url("/bitrix/templates/adapt/images/close-icon.png") no-repeat; */
    line-height: 20px;
    top: 20px;
    right: 40px;
    font-size: 0;
}

.white-popup button.mfp-close:after {
    content: '+';
    position: absolute;
    display: block;
    -webkit-transform: rotate(45deg) translate(-190%, 29%);
            transform: rotate(45deg) translate(-190%, 29%);
    top: 100%;
    left: 100%;
    color: #ffffff;
    font-size: 46px;
    font-family: Serif;
    -webkit-filter: drop-shadow(0 0 6px #000000);
            filter: drop-shadow(0 0 6px #000000);
}


/*--blognew*/

.white-popup p {
    color: #333333;
    font-size: 16px;
    line-height: 18px;
    /* padding-top: 30px; */
}
.white-popup .subtitle{
    margin-bottom: 20px;
    text-align: center;
}

.white-popup a {
    color: #e2223f;
    font-size: 16px;
    text-decoration: none;
    border-bottom: 1px solid #f0d5d8;
}

.white-popup a:hover {
    border: none;
}

.white-popup .bt {
    display: inline-block;
    background: #e2223f;
    color: #ffffff;
    font-size: 17px;
    font-weight: 700;
    border-radius: 27px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding: 20px 30px;
    line-height: 16px;
    margin: 27px 0;
}

.white-popup .bt.vk-link {
    margin-right: 20px;
}

.white-popup .success {
    margin: 15px 0;
}

.menu-left .success,
.order-left .success {
    color: #ffffff;
    padding-right: 20px;
}

.subsribe-top {
    width: 100%;
    display: none;
}

.subsribe-top .title {
    display: block;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    padding: 20px 0;
}

.form-wrap {
    padding: 35px 20px 30px;
    background: #e2223f;
    position: relative;
}

.form-wrap form {
    position: relative;
}

.subsribe-top .form-wrap form:after {
    display: block;
    content: '';
    background: url("/bitrix/templates/adapt/images/down-icon.png") no-repeat;
    width: 79px;
    height: 43px;
    position: absolute;
    right: 42px;
}

.form-wrap span {
    display: block;
    border-radius: 20px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background: #fff;
    height: 20px;
    padding: 10px 20px;
}

.form-wrap input[type="text"],
.form-wrap input[type="tel"],
.form-wrap input[type="email"] {
    height: 20px;
    border: none;
    width: 100%;
}

.form-wrap span.error input,
.form-wrap span input.error {
    color: #e2223f;
    font-size: 16px;
}


/*blognew*/

.form-wrap input[type="submit"] {
    background: #000 url(/bitrix/templates/adapt/images/btemail-icon.svg) center no-repeat;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-indent: -999999px;
    cursor: pointer;
    border: none;
    position: absolute;
    top: 65px;
    left: 350px;
}


/*--blognew*/

.search-top {
    width: 100%;
    display: none;
}

.search-top.blog-search {
    position: fixed;
    z-index: 70;
    top: 125px;
}

.search-top .form-wrap form:before {
    display: block;
    content: '';
    background: url("/bitrix/templates/adapt/images/up-icon.png") no-repeat;
    width: 31px;
    height: 17px;
    position: absolute;
    top: -43px;
    right: -6px;
}

.menu-left,
.order-left {
    display: none;
    position: fixed;
    left: -320px;
    top: 0;
    width: 280px;
    background: #000000;
    z-index: 100;
    height: 100%;
    overflow: hidden;
}

.menu-left .body,
.order-left .body {
    width: 340px;
    height: 100%;
    overflow: auto;
}

.menu-left .top,
.order-left .top {
    padding: 28px 20px 27px;
    line-height: 20px;
    border-bottom: 1px solid #303030;
    position: relative;
    width: 280px;
}

.menu-left .top span,
.order-left .top span {
    font-size: 14px;
    color: #6a6a6a;
}




/*blognew*/

.menu-left .top .close,
.order-left .top .close {
    display: block;
    /* background: url("/bitrix/templates/adapt/images/close-icon.png") no-repeat; */
    width: 20px;
    height: 20px;
    position: relative;
    float: right;
    font-size: 0px;
    right: 0;
}

.menu-left .top .close:after,
.order-left .top .close:after {
    content: '+';
    position: absolute;
    display: block;
    -webkit-transform: rotate(45deg) translate(-50%, -50%);
            transform: rotate(45deg) translate(-50%, -50%);
    top: 70%;
    left: 50%;
    color: #fff;
    font-size: 46px;
    font-family: Serif;
}


/*--blognew*/

.menu-left .body ul li:not(.ya-share2__item) {
    border-bottom: 1px solid #303030;
    font-size: 18px;
    line-height: 14px;
    position: relative;
    width: 340px;
    padding-left: 0;
    margin-left: 0;
}
.menu-left .body ul li::before {
    display: none;
}

.menu-left ul li a {
    display: block;
    padding: 20px;
    color: #ffffff;
    line-height: 1.3;
    text-decoration: none;
}

.menu-left ul li a:hover,
.menu-left ul li a:active {
    background: #e2223f;
}


.menu-left ul li ul li a{
    font-size: 14px;
    padding-left: 30px;

}

.ya-share2__item{
  padding-left: 0;
}

/*blognew*/

.menu-left ul li.phone-order a {
    /* background: url("/bitrix/templates/adapt/images/phone-icon.png") no-repeat 20px 20px; */
    height: 13px;
    padding-left: 50px;
}

.menu-left ul li.service-order a {
    /* background: url("/bitrix/templates/adapt/images/email-icon.png") no-repeat 20px 20px; */
    height: 13px;
    padding-left: 50px;
}

.menu-left ul li.consult a {
    /* background: url("/bitrix/templates/adapt/images/email-icon.png") no-repeat 20px 20px; */
    height: 13px;
    padding-left: 50px;
}

.menu-left ul li.service-order a svg,
.menu-left ul li.phone-order a svg,
.menu-left ul li.consult a svg {
    position: absolute;
    left: 20px;
}

.menu-left ul li.service-order a svg path,
.menu-left ul li.phone-order a svg path,
.menu-left ul li.consult a svg path {
    fill: #e2223f;
}

.menu-left ul li.service-order a:hover svg path,
.menu-left ul li.phone-order a:hover svg path,
.menu-left ul li.consult a:hover svg path {
    fill: #fff;
}

.menu-left ul li.sub .opb {
    display: block;
    width: 63px;
    height: 63px;
    position: absolute;
    top: 0px;
    right: 20px;
    background: rgba(255, 255, 255, 0.15);
}

.menu-left ul li.sub .opb:after {
    display: block;
    content: '';
    background: url(/bitrix/templates/adapt/images/btemail-icon.svg) center no-repeat;
    background-size: contain;
    width: 9px;
    height: 14px;
    position: absolute;
    margin-top: -4.5px;
    top: 50%;
    margin-right: -7px;
    right: 50%;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}


/*--blognew*/

.menu-left ul li.sub .opb.open {}

.menu-left ul li.sub .opb.open:after {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
}

.menu-left ul li.sub.active::after {
    background-position: 0 -14px;
    width: 14px;
    height: 9px;
    top: 24px;
}

/*blognew*/

.menu-left .bottom {
    padding: 25px 10px 34px;
    margin-right: 20px;
}

.menu-left .social a {
    display: inline-block;
    /* background: url("/bitrix/templates/adapt/images/social-footer.png") no-repeat; */
    width: 27px;
    height: 27px;
    margin-left: 8px;
    position: relative;
}


/* .menu-left .social a:first-child{ margin: 0; } */

.menu-left .social a {
    background: #9d9d9d;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin: 4px;
}

.menu-left .social a svg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    max-height: 14px;
}

.menu-left .social a svg path,
.menu-left .social a svg circle,
.menu-left .social a svg polygon {
    fill: #fff;
    /*16-01*/
    ;
}

.menu-left .social a.gg svg {
    max-height: 20px;
}


/*
.menu-left .social a.vk{ background-position: 0 0; }
.menu-left .social a.fb{ background-position: -33px 0; }
.menu-left .social a.tw{ background-position: -66px 0; }
.menu-left .social a.gg{ background-position: -99px 0; }
.menu-left .social a.pr{ background-position: -132px 0; }
.menu-left .social a.yt{ background-position: -165px 0; }
.menu-left .social a.rss{ background-position: -198px 0; }
.menu-left .social a.tl{ background-position: -231px 0; }
.menu-left .social a.inst{ background-position: -264px 0; } */

.menu-left .social a.fb:hover {
    background: #3b5998;
}

.menu-left .social a.vk:hover {
    background: #6182aa;
}

.menu-left .social a.ok:hover {
    background: #ee8208;
}

.menu-left .social a.inst:hover {
    background: rgb(115, 81, 188);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(115, 81, 188, 1)), color-stop(70%, rgba(176, 65, 107, 1)), to(rgba(218, 130, 42, 1)));
    background: linear-gradient(to bottom, rgba(115, 81, 188, 1) 0%, rgba(176, 65, 107, 1) 70%, rgba(218, 130, 42, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7351bc', endColorstr='#da822a', GradientType=0);
}

.menu-left .social a.tw:hover {
    background: #1da1f2;
}

.menu-left .social a.tl:hover {
    background: #179cde;
}

.menu-left .social a.gg:hover {
    background: #d73d32;
}

.menu-left .social a.rss:hover {
    background: #ff8c00;
}

.menu-left .social a.yt:hover {
    background: #e62117;
}


/*--blognew*/

.menu-left .phone {
    text-align: center;
    color: #515151;
    font-size: 11px;
    padding-top: 20px;
    text-transform: uppercase;
}

.menu-left .phone div.span {
    display: block;
    font-size: 24px;
    line-height: 22px;
    color: #ffffff;
    padding-bottom: 9px;
}

.menu-left .phone div.span strong {
    font-weight: normal;
}

.menu-left .phone div.span strong a {
    color: #fff;
    text-decoration: none;
    display: block;
    margin-bottom: 10px;
}

.order-left .back {
    display: block;
    padding: 22px 20px 19px 20px;
    height: 14px;
    line-height: 14px;
    border-bottom: 1px solid #303030;
}

.order-left .back a {
    display: inline-block;
    background: url("/bitrix/templates/adapt/images/menuback-icon.png") no-repeat 5px 0;
    height: 14px;
    line-height: 14px;
    font-size: 18px;
    color: #ffffff;
    text-decoration: none;
    padding-left: 33px;
}

.order-left .title {
    display: block;
    color: #ffffff;
    font-size: 22px;
    font-weight: 700;
    padding: 20px 20px 8px;
}

.order-left form {
    padding: 0 20px 20px;
}

.order-left form input[type="text"],
.order-left form textarea {
    border-radius: 19px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: none;
    width: 240px;
    padding: 5px 20px;
    height: 25px;
    margin-top: 12px;
}

.order-left form input.error,
.order-left form textarea.error {
    font-size: 16px;
    color: #e2223f;
}

.order-left form textarea {
    padding: 15px 20px;
    height: 120px;
    resize: none;
}

.order-left form input[type="submit"] {
    border: none;
    background: #e2223f;
    width: 283px;
    height: 50px;
    cursor: pointer;
    color: #ffffff;
    font-weight: 700;
    font-size: 18px;
    margin-top: 24px;
    border-radius: 27px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.bodycontent {
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.bodycontent-wrap {
    margin-left: 0px;
}

.breadcrumb {
    padding: 28px 0 28px;
    color: #999999;
    height: 13px;
    overflow: hidden;

    -webkit-box-sizing: border-box;

            box-sizing: border-box;
    white-space: nowrap;
  }

.breadcrumb li {
    display: inline-block;
    padding-right: 6px;
}

.breadcrumb a {
    color: #999999;
}

.breadcrumb li span.prev,
.breadcrumb li span.next {
    display: none;
    background: url("/bitrix/templates/adapt/images/breadlast-icon.png") no-repeat;
    width: 7px;
    height: 12px;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
}

.breadcrumb li.last span.next {
    background-position: 0 -12px;
    left: auto;
    right: 0;
}

.blog-detail {
    padding-top: 30px;
    background: #ffffff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9');
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9));
    background: linear-gradient(to bottom, #fff, #f9f9f9);
    color: #333333;
}

.blog-detail .instagram {
  margin: 10px auto 40px;
  max-width: 540px;
}

.blog-detail h1 {
    font-size: 42px;
    line-height: 42px;
}

.blog-detail .info {
    padding: 18px 0;
}

.blog-detail .info:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
}

.blog-detail .info .data {
    display: inline-block;
    color: #999999;
    margin-right: 35px;
}

.blog-detail .info .author-name {
    display: inline-block;
    color: #e2223f;
    font-weight: 700;
    text-decoration: none;
    border-bottom: 1px solid #f0d5d8;
}


.blog-detail .info .author-name:hover {
    border: none;
}


/*blognew*/

.blog-detail .info .share {
    display: block;
    float: right;
    border-radius: 15px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #f5f5f5;
    color: #999999;
    padding: 13px 13px 12px 13px;
    cursor: pointer;
    line-height: 14px;
    height: 14px;
    margin-top: -11px;
}

.blog-detail .info .share strong,
.blog-detail .info .share .link,
.blog-detail .info .share img,
.blog-detail .info .share svg,
.blog-detail .info .share .count {
    float: left;
}

.blog-detail .info .share svg path {
    fill: #c5c5c5;
}

.blog-detail .info .share .count-wrap {
    float: right;
}

.blog-detail .info .share strong,
.blog-detail .info .share .count {
    padding-top: 1px;
}

.blog-detail .info .share strong {
    padding: 0 15px 0 10px;
}

.blog-detail .info .share .count {
    padding-left: 5px;
}

.blog-detail .link {
    display: none;
}

.link a {
    display: inline-block;
    /* background: url("/bitrix/templates/adapt/images/blog-social.png") no-repeat; */
    width: 19px;
    height: 14px;
    margin-right: 20px;
    position: relative;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-bottom: none;
}

.link a svg {
    height: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

.link a svg path {
    fill: #c5c5c5;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.link a.gplus svg {
    height: 20px;
}


/*
.blog-detail .link a.vk{ background-position: 0 0; }
.blog-detail .link a.tw{ background-position: -52px 0; width: 14px; }
.blog-detail .link a.fb{ background-position: -100px 0; width: 12px; }
.blog-detail .link a.gplus{ background-position: -141px 0; width: 16px; } */

.link a.vk:hover svg path {
    fill: #6182aa;
}

.link a.ok:hover svg path {
    fill: #ee8208;
}

.link a.tw:hover svg path {
    fill: #1da1f2;
}

.link a.fb:hover svg path {
    fill: #3b5998;
}

.link a.gplus:hover svg path {
    fill: #d73d32;
}


/*--blognew*/

.blog-detail .time-wrap {
    color: #666666;
    padding: 9px 0;
    height: 30px;
    line-height: 30px;
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
}


/*blognew*/

.blog-detail .time-wrap .time {
    display: inline-block;
    /* background: url("/bitrix/templates/adapt/images/time-icon.png") no-repeat; */
    height: 13px;
    padding-left: 25px;
    position: relative;
    line-height: 13px;
}

.blog-detail .time-wrap .time svg {
    position: absolute;
    top: 0;
    left: 0;
}

.blog-detail .time-wrap .time svg path {
    fill: #999;
}

.blog-detail .time-wrap .time-send {
    display: inline-block;
    border-radius: 15px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #e2223f;
    padding: 9px 16px;
    color: #ffffff;
    font-weight: 500;
    text-decoration: none;
    line-height: 13px;
    margin-left: 15px;
}

.blog-detail .time-wrap .time-send:hover {
    background-color: #e53953;
}

.blog-detail .time-wrap .time-send.small {
    display: none;
    padding: 9px 13px;
    font-size: 12px;
    line-height: 12px;
}

.blog-detail .time-wrap .comment {
    display: block;
    float: right;
    /* background: url("/bitrix/templates/adapt/images/blog-comment.png") no-repeat; */
    height: 13px;
    padding-left: 25px;
    line-height: 13px;
    margin-top: 10px;
    cursor: pointer;
    position: relative;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.blog-detail .time-wrap .comment svg {
    position: absolute;
    left: 0;
    top: 0;
}

.blog-detail .time-wrap .comment svg path {
    fill: #999;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.blog-detail .time-wrap .comment:hover svg path {
    fill: #e2223f;
}

.blog-detail .time-wrap .comment:hover {
    color: #e53953;
}

.blog-detail .text {
    padding: 40px 0;
    color: #333333;
    font-size: 20px;
    line-height: 24px;
}


/*.blog-detail .text img{ max-width: 100%;}*/


/*.blog-detail .text p,
.blog-detail .text ul,
.blog.nobg .content .became_author ul{
    padding-bottom: 30px;
    margin: 0 !important;
}*/

.blog-detail .text ul li ul {
    padding-bottom: 0px;
    margin: 0 !important;
}

.blog-detail .text ol {
    list-style: decimal;
    margin-left: 20px;
}

.blog-detail .text .incut ol {
    padding-bottom: 0;
}

/*.blog-detail .text ol>li {
    padding-left: 5px;
    margin-bottom: 15px;
    ;
}*/

.blog-detail .text ol>li:last-child {
    margin-bottom: 0px;
}


/*blognew*/


/* .blog-detail .text .incut{
    display: block;
    font: 28px/40px 'RobotoSlab', Arial;
    border-left: 5px solid #000000;
    padding: 3px 0 3px 25px;
    margin-bottom: 60px;
    margin-top: 30px;
} */

.blog-detail .text .incut li,
.blog-detail .text .incut a {
    font-family: inherit;
    line-height: 1.5em;
}


/*--blognew*/

.blog-detail .text .incut ul li:before {
    top: 12px;
}


/*.blog-detail h2,
.blog-detail h3,
.blog-detail h4{
    font-size: 25px;
    font-weight: 700;
    line-height: 30px;
    padding-bottom: 30px;
}*/


/*.blog-detail h2{ font-size: 30px; }
.blog-detail h4{ font-size: 22px; }*/

.blog-detail .container_video+h2 {
    padding-top: 10px;
}

.blog-detail .video_margin_bottom {
    margin-bottom: 30px;
}


/*blognew*/

.blog-detail .text ol {
    /* list-style-type: none; */
    counter-reset: numsimple;
}

.blog-detail .text ol>li:before {
    display: none;
    counter-increment: numsimple;
    content: counter(numsimple)".";
    font-weight: 700;
    padding-left: 30px;
    margin-left: 20px;
}


/*.blog-detail .text ul li,
.blog-detail .text ol>li,
.blog.nobg .content ol>li,
.content .body .about ul li,
.service-detail .body ul li,
.blog.nobg .content .became_author ul li,
.blog.nobg .content .red-politika ul li {
    padding-left: 30px !important;
    margin-left: 30px !important;
    position: relative;
    line-height: 1.7;
    margin-top: 0px;
}*/

.service-detail a {
    text-decoration: none;
    border-bottom: 1px solid #e2223f;
}

.service-detail a:hover {
    border-bottom: 1px solid transparent;
}

.service-detail .clients .item a {
    border-bottom: none;
}

.service-detail a.fancy_nr,
.service-detail a.fancy_nr:hover {
    border-bottom: none;
}

.blog-detail .text ul li.ya-share2__item,
.blog.nobg .content .ya-share2 ul li {
    margin-left: 0 !important;
    padding-left: 0 !important;
    margin-top: 0 !important;
    list-style: none !important;
    display: inline-block;
    vertical-align: middle;
    padding-top: 20px;
}
.ya-share2__list .ya-share2__item::before {
    display: none;
}

.blog.nobg .content .ya-share2 ul li:before {
    display: none;
}

.blog.nobg .content .ya-share2 ul li a {
    text-decoration: none !important;
    border-bottom: none !important;
}

.blog.nobg .content ul.chosen-results li {
    margin-left: 0!important;
}

.blog-detail .text .ya-share2 ul li {
    margin-left: 0px;
}

.content .body .about ul li:first-child {
    /*margin-left: 30px;*/
}

.whywe li:before {
    margin-left: 0px;
    display: block;
    border-radius: 50%;
    border: 2px solid #e32d49;
    position: absolute;
    content: '';
    width: 8px;
    height: 8px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    left: 0;
    top: 0.2em;
}

/*.blog-detail .text ol>li {
    margin-left: 20px;
    padding-left: 8px;
}*/

.blog-detail .text ol>li:before {
    left: -10px;
    margin-left: 0;
    padding: 0;
    position: absolute;
}


/*--blognew*/


/*16082017*/

.blog-detail .authholder {
    width: 100%;
    float: left;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-left: 1px solid #f1f1f1;
    border-right: 1px solid #f1f1f1;
}

.blog-detail .author {
    border-top: 1px solid #f1f1f1;
    padding: 35px 0 10px;
    float: left;
    padding-left: 30px;
    padding-right: 30px;
    width: 50%;
    min-height: 193px;
    /* border-left: 1px solid #f1f1f1; */
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.authmats {
    padding: 35px 0 10px;
    padding-left: 30px;
    padding-right: 30px;
    float: left;
    width: 50%;
    border-top: 1px solid #f1f1f1;
    border-left: 1px solid #f1f1f1;
    /* border-right: 1px solid #f1f1f1; */
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    min-height: 193px;
}

.authmats strong {
    font-size: 18px;
    margin-bottom: 1em;
    display: block;
}

.authmats p {
    font-size: 16px;
    margin-bottom: 0.5em;
    line-height: 1.7em;
}

.authmats p a {
    font-size: 16px;
    line-height: 1em;
}


/*!--16082017*/

.blog-detail .author:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
}


/*16082017*/

.blog-detail .author .body {
    display: table-cell;
    vertical-align: top;
    position: relative;
}


/*!--16082017*/

.blog-detail .author .img,

/*16082017*/

.blog-detail .author .body {
    display: table-cell;
    vertical-align: top;
    position: relative;
}


/*!--16082017*/

.blog-detail .author img {
    display: block;
    margin-right: 35px;
    width: 125px;
    height: 125px;
    border-radius: 63px;
}


/*16082017*/

.blog-detail .author .name {
    font-size: 18px;
    font-weight: 700;
}

.blog-detail .author .name strong {
    display: block;
    font-weight: normal;
    line-height: 1.7em;
    margin-bottom: 20px;
    margin-top: 10px;
}


/*!--16082017*/

.blog-detail .author .descr {
    font-size: 16px;
    line-height: 20px;
    padding: 20px 0 15px;
}

.author .descr p,
.author .descr p a {
    font-size: 16px;
}


/*16082017*/

.blog-detail .author .more {
    font-size: 16px;
    position: absolute;
    line-height: 1.3em;
    width: 11em;
    bottom: 0.5em;
    text-decoration: underline;
    border: none;
}

.blog-detail .error-text {
    padding-bottom: 15px;
    font-style: italic;
}

.blog-detail .copy {
    margin-bottom: 0.5em;
    float: left;
    width: 100%;
}

.blog-detail .tags {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-bottom: 30px;
    float: left;
    width: 100%;
    background: #ededed;
    padding: 10px 13px;
    color: #999999;
}





/*!--16082017*/

.blog-detail .tags span {
    font-size: 18px;
    font-style: italic;
    font-weight: bold;
    padding: 10px 8px 0 0;
}

.blog-detail .tags span,
.blog-detail .tags .items {
    display: table-cell;
    vertical-align: top;
}

.blog-detail .tags a {
    display: inline-block;
    color: #999999;
    text-decoration: none;
    margin-left: 5px;
    border-radius: 15px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #fff;
    padding: 10px 20px;
    margin-bottom: 5px;
}

.blog-detail .tags a:hover {
    background: #e53953;
    color: #ffffff;
}

.blog-detail .raiting,
.blog-raiting .raiting {
    padding: 35px 0;
    font-size: 18px;
    font-weight: 700;
}

.bx_item_detail_rating {
    min-width: 90px;
}

.blog-raiting .raiting {
    padding: 20px 0;
}

.blog-detail .raiting span,
.blog-raiting .raiting span {
    display: inline-block;
    float: left;
    margin: 1px 15px 0 0;
}

.blog-detail .raiting a,
.blog-raiting .raiting a {
    display: inline-block;
    background: url("/bitrix/templates/adapt/images/star.png") no-repeat;
    width: 16px;
    height: 16px;
    margin-left: 3px;
}

.blog-detail .raiting a.active,
.blog-raiting .raiting a.active {
    background-position: 0 -16px;
}

.blog-detail .disqus {
    padding: 35px 0;
    text-align: center;
    color: #cccccc;
    font-size: 48px;
    line-height: 48px;
    text-transform: uppercase;
}

.blog-detail .time-send-service {
    display: none;
    width: 100%;
    text-align: center;
    color: #000;
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    padding: 25px 0;
}


/*blognew*/

.blog-detail .time-send-service .body {
    /* background: #e2223f; */
    padding: 30px 0;
    margin-top: 15px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 185px;
}

@media screen and (max-width: 639px){
    .blog-detail .time-send-service .body {
        display: flex;
        width: 100%;
        justify-content: space-around;
        background: #f5f5f5;
    }
}

.time-send-service .body a {
    display: inline-block;
    color: #ffffff;
    font-size: 14px;
    line-height: 14px;
    font-weight: 700;
    text-decoration: none;
    border-bottom: none;
    width: 70px;
    position: relative;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.blog-detail .time-send-service .body a>div {
    height: 67px;
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-bottom: 20px;
}

.blog-detail .time-send-service .body a>div span {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #333;
    text-align: center;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.blog-detail .time-send-service .body a>div svg {
    margin: auto;
    float: none;
}

.blog-detail .time-send-service .body a>div svg path {
    fill: #999999;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.time-send-service .body a:hover,
.time-send-service .body a.active {
    background: #e2223f;
}

.time-send-service .body a:hover>div svg path,
.time-send-service .body a.active>div svg path {
    fill: #fff;
}

.time-send-service .body a:hover>div span,
.time-send-service .body a.active>div span {
    color: #fff;
}


/*.blog-detail .time-send-service .body a:before{
    display: block;
    content: '';
    background: url("/bitrix/templates/adapt/images/time-msg.png") no-repeat;
    width: 32px;
    height: 32px;
    margin: 0 auto 20px;
}*/


/*--blognew*/

.blog-detail .time-send-service .body a.mail:before {
    background-position: 0 0;
}

.blog-detail .time-send-service .body a.feeedly:before {
    background-position: -32px 0;
    width: 37px;
}

.blog-detail .time-send-service .body a.pocket:before {
    background-position: -69px 0;
    width: 31px;
}

.blog-detail .time-send-service .body a.flipboard:before {
    background-position: -101px 0;
    width: 29px;
}

.blog-detail .time-send-service .form-wrap {
    display: none;
}

.blog-detail-recomend .recomend {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 430px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px rgba(153, 153, 153, .5);
    box-shadow: 0 0 10px rgba(153, 153, 153, .5);
    z-index: 100;
}

.blog-detail-recomend .recomend .title {
    font: 16px/16px 'RobotoSlab', Arial;
    background: #f7f7f7;
    padding: 15px 25px 15px 15px;
    cursor: pointer;
    position: relative;
}

.blog-detail-recomend .recomend .title span {
    display: table-cell;
    height: 32px;
    vertical-align: middle;
    padding-right: 24px;
}

.blog-detail-recomend .recomend .title:after {
    display: block;
    content: '';
    background: url("/bitrix/templates/adapt/images/recomend-icon.png") no-repeat;
    width: 20px;
    height: 12px;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -6px;
}

.blog-detail-recomend .recomend.show .title:after {
    background-position: 0 -12px;
}

.blog-detail-recomend .recomend .body {
    padding: 15px;
}

.blog-detail-recomend .recomend .item {
    padding: 15px 0;
    border-top: 1px solid #f5f5f5;
}

.blog-detail-recomend .recomend .item:first-child {
    padding-top: 0;
    border: none;
}

.blog-detail-recomend .recomend .item:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
}

.blog-detail-recomend .recomend .item a.img {
    display: block;
    float: left;
    margin-right: 15px;
    min-height: 110px;
}

.blog-detail-recomend .recomend .item img {
    width: 130px;
}

.blog-detail-recomend .recomend .item .name {
    display: block;
    line-height: 14px;
    font-weight: 700;
    color: #333333;
}

.blog-detail-recomend .recomend .item .date {
    display: block;
    color: #999999;
    margin: 7px 0 5px;
    font-size: 12px;
}

.blog-detail-recomend .recomend .item .author {
    border-bottom: 1px solid #f0d5d8;
    color: #e2223f;
    font-weight: 700;
    text-decoration: none;
    font-size: 12px;
}

.blog-detail-recomend .recomend .item .author:hover {
    border: none;
}

.blog-detail-recomend .item .social {
    color: #999999;
    display: block;
    line-height: 11px;
    margin-top: 15px;
    font-size: 12px;
}

.blog-detail-recomend .item .share {
    background: rgba(0, 0, 0, 0) url("/bitrix/templates/adapt/images/share-icon.png") no-repeat scroll 0 1px;
    height: 12px;
    padding-left: 20px;
}

.blog-detail-recomend .item .comment {
    background: rgba(0, 0, 0, 0) url("/bitrix/templates/adapt/images/comment-icon.png") no-repeat scroll 0 1px;
    height: 11px;
    margin-left: 12px;
    padding-left: 20px;
}

.blog-detail-recomend .recomend.hide {
    height: 62px;
    overflow: hidden;
    cursor: pointer;
}


/*.diz{position: relative;padding-bottom: 50px; display: inline-block;margin: auto; margin-top: 25px;}*/

.blog-detail .text .container_video + p {
    padding-top: 30px;
}

p.text_under_video,
.blog-detail .text p.text_under_video,
.works-detail p.text_under_video,
.works p.text_under_video {
    display: block;
    font-style: italic;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 15px 0 25px;
    font-size: 16px;
    float: none;
    margin: auto;
    text-align: left;
    color: #999999;
}

p.text_under_video a,
.blog-detail .text p.text_under_video a {
    font-size: 16px;
}

.diz.sp {
    padding-bottom: 30px;
}


/*.diz img {
    display: block;
    height: auto;
    max-width: 100%;
    border:1px solid #ccc;
    margin: auto;
}*/

.diz img.hovered {
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.2s ease-in-out 0.2s;
    transition: all 0.2s ease-in-out 0.2s;
}

.diz:hover img.hovered {
    opacity: 1;
}


/*blognew*/

.diz>div[itemprop="caption"] {
    display: block;
    font-style: italic;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 15px 0 15px;
    font-size: 16px;
    text-align: center;
    float: none;
    margin: auto;
    text-align: left;
    color: #999999;
}

.blog-detail-share {
    display: none;
    position: absolute;
    width: 50px;
    z-index: 10;
    right: -50px;
    top: 0;
}

.container.service-detail .content .blog-detail-share {
    display: none;
}

.about .blog-detail-share {
    display: none;
}

.container.contact .content .blog-detail-share {
    display: none;
}

.blog-detail-share a {
    display: block;
    /* background: url("/bitrix/templates/adapt/images/social-hover.jpg") no-repeat; */
    width: 50px;
    height: 50px;
    position: relative;
    border-bottom: none;
    text-decoration: none;
    opacity: 0.8;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.blog-detail-share a:hover {
    opacity: 1;
}

.blog-detail-share a svg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

.blog-detail-share a svg path {
    fill: #fff;
}

.blog-detail-share a.vk {
    background-color: #6182aa;
}

.blog-detail-share a.ok {
    background-color: #ee8208;
}

.blog-detail-share a.fb {
    background-color: #3b5998;
}

.blog-detail-share a.pt {
    background-color: #bd081c;
}

.blog-detail-share a.tw {
    background-color: #1da1f2;
}


/*--blognew*/

.blog-detail .diz:hover .blog-detail-share {
    display: block;
}

.nopad .content {
    padding: 0 0 35px;
}

.seo-service {
    padding: 50px 0 100px;
    background: #f2f2f2;
    text-align: center;
}

.seo-service h2 {
    font-size: 36px;
    line-height: 36px;
}

.seo-service p {
    padding-top: 30px;
    color: #333333;
    font-size: 14px;
    line-height: 20px;
}

.service-form {
    /* background: url("/bitrix/templates/adapt/images/services-form.jpg") no-repeat center center; */
    background-color: #f6f6f6;
    color: #333333;
    background-size: cover;
    /* min-height: 400px; */
    margin-top: 105px;
}

.service-form .form-content {
    padding: 55px 0px;
    max-width: 906px;
    margin: 0 auto;
    /* min-height: 300px; */
}

.service-form .form-content:after,
.service-form .form label:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
}

.service-form .info {
    float: left;
    width: 280px;
}

.service-form .info .holder{
    padding: 28px;
    background-image: url(/bitrix/templates/adapt/images/formpurple.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-top: -125px;
    margin-bottom: 30px;
}

.service-form .info .arrow {
    display: inline-block;
    background: #fff;
    padding: 10px 13px;
    font-size: 16px;
    line-height: 12px;
    font-weight: 700;
    position: relative;
}


/*blognew*/

.service-form .info .arrow:after {
    display: block;
    content: '';
    /* background: url("/bitrix/templates/adapt/images/service-form-icon.png") no-repeat; */
    border: 15px solid transparent;
    border-top: 11px solid #fff;
    border-bottom: none;
    position: absolute;
    bottom: -11px;
    margin-left: 2px;
}


/*--blognew*/

.service-form .info .title {
    display: block;
    color: #fff;
    font: 40px/40px 'RobotoSlab';
    margin: 30px 0 15px;
}

.service-form .info .descr {
    display: block;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
}

.service-form .form {
    display: block;
    float: left;
    margin-left: 32px;
    width: 594px;
}

.service-form .info .text {
    font-size: 14px;
}

.service-form .info .text strong{
    font-weight: 700;
    color: #e2223f;
    display: inline-block;
}


.service-form .form-content .prpol{
    font-weight: 700;
    padding-top: 17px;
    color: #fff;
}

.service-form .form-content .prpol a{
    color: #e2223f;
    text-decoration: none;
}

.service-form .form .row {
    display: block;
    width: 100%;
}

.service-form .form .column {
    display: table-cell;
    width: 50%;
    vertical-align: top;
    padding-bottom: 35px;
}


.service-form .form .column:first-child {
    padding-right: 30px;
}

.service-form .form label {
    display: inline-block;
    font-size: 14px;
    margin: 20px;
}

.service-form .form .column label {
    text-align: left;
}

.service-form .form .column label span {
    color: #e2223f;
}

.service-form .form .column .textarea textarea.input {
    height: 26px;
    min-height: 26px;
    border: none;
    width: 250px;
    padding-top: 15px;
    padding-bottom: 0;
    max-width: 250px;
    min-width: 250px;
    max-height: 80px;
}

.service-form .form .column .input {
    display: inline-block;
    width: 242px;
    border-radius: 19px;
    /*-moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;*/
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px rgba(153, 153, 153, .5);
    box-shadow: 0 0 10px rgba(153, 153, 153, .5);
    /*padding: 10px 20px;*/
    height: 20px;
    border: 4px solid #fff;
    padding: 6px 16px;
    -webkit-transition: all ease-in .1s;
    transition: all ease-in .1s;
}

.service-form .form .column .input.error {
    border: 4px solid #e2223f;
    padding: 6px 16px;
}

.service-form .form .column .input input {
    border: medium none;
    height: 20px;
    width: 100%;
}

.service-form .form .column .input.error input[type="text"] {
    font-size: 16px;
    color: #e2223f;
}

.service-form .form input[type="submit"] {
    display: inline-block;
    border: none;
    border-radius: 20px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #e2223f;
    padding: 13px 60px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    line-height: 14px;
    /* margin-right: 20px; */
    /* margin: 25px 0; */
    cursor: pointer;
}

.service-form .form-success,
.tabs-form .form-success {
    display: none;
    padding: 55px 0;
    min-height: 300px;
}

.service-form .form-success div,
.tabs-form .form-success div {
    background: url("/bitrix/templates/adapt/images/service-form-ok.png") no-repeat;
    font-size: 16px;
    line-height: 16px;
    padding-left: 90px;
}

.service-form .form-success span,
.tabs-form .form-success span {
    display: block;
    font-size: 50px;
    line-height: 50px;
    padding-bottom: 10px;
}

@media screen and (max-width: 1199px){
  .service-form .info{
    width: 100%;
  }
  .service-form .info .text{
    margin-bottom: 30px;
  }
  .service-form .form{
    margin-left: 0;
    width: 100%;
  }
  .service-form .form .column:first-child{
    padding-right: 0;
  }
}


.services.nopad {
    padding-bottom: 45px;
}

.subsect {
    display: none;
    background: #f7f7f7;
    position: absolute;
    z-index: 10;
}

.subsect.services .item a.more {
    margin-top: 10px;
    text-align: left;
}

.service-detail h1 {
    font-size: 42px;
    line-height: 42px;
    padding: 1em 0 1em;
    position: relative;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
}



.service-detail {
    position: relative;
    color: #333333;
    font-size: 16px;
    line-height: 24px;
    /*padding-bottom: 20px;*/
}



.service-detail .content:after, .service-detail .content:before{
  content: '';
  top: -56px;
  position: absolute;
  visibility: visible;
  background-size: cover;
  background-repeat: no-repeat;
}

.wideintro ~ .service-detail .content:after, .wideintro ~ .service-detail .content:before{
  display: none;
}


.worksgal{
  width: 100%;
  display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-direction: row;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
        flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-pack: start;
-webkit-box-pack: start;
        justify-content: flex-start;
-ms-flex-line-pack: stretch;
align-content: stretch;
-ms-flex-align: start;
-webkit-box-align: start;
        align-items: flex-start;
margin-bottom: 50px;
}

.worksgal a{
  position: relative;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  overflow: hidden;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0);
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0);
}

.worksgal a[href="javascript:void(0)"]{
  cursor: default;
}

.worksgal a[href="javascript:void(0)"]:after{
  display: none;
}

.worksgal a::after{
  opacity: 0;
  visibility: hidden;
  display: block;
  content: 'Посмотреть';
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translate(-50%, 0px);
          transform: translate(-50%, 0px);
  text-align: center;
  background-color: #e2223f;
  padding: 13px 60px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
  border-radius: 20px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.worksgal a:hover::after{
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(-50%, -30px);
          transform: translate(-50%, -30px);
}


.worksgal a:before{
  opacity: 0;
  position: absolute;
  content: '';
  z-index: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: rgba(0,0,0,0.8);
}

.worksgal a:hover{
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5);
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5);
}

.worksgal a:hover:before{
  opacity: 1;
}

.worksgal a .portfcaption, .worksgal a .portfdesc{
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.worksgal a .portfcaption{
  -webkit-transform: scale(5) translateY(-500%);
          transform: scale(5) translateY(-500%);
}

.worksgal a .portfdesc{
  -webkit-transform: scale(5) translateY(500%);
          transform: scale(5) translateY(500%);
}

.worksgal a:hover .portfcaption{
  -webkit-transform: scale(1) translateY(0);
          transform: scale(1) translateY(0);
}

.worksgal a:hover .portfdesc{
  -webkit-transform: scale(1) translateY(0);
          transform: scale(1) translateY(0);
}

.worksgal a .portfcaption{
  z-index: 1;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  text-align: center;
  text-transform: uppercase;
  position: relative;
  margin-bottom: 3px;
}

/* .worksgal a .portfcaption:after{
  content: '';
  background: #ffffff;
  content: "";
  display: block;
  height: 1px;
  margin: 10px auto;
  width: 40px;
} */

.worksgal a .portfdesc{
  color: #fff;
  position: relative;
  z-index: 1;
  text-align: center;
}
/*
.worksgal a .portfdesc::after{
  content: '';
  width: 20px;
  height: 20px;
  border: 1px solid #fff;
  border-radius: 100%;
  box-sizing: border-box;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
} */

/* .worksgal a .portfdesc::before{
  content: '';
  width: 9px;
  height: 9px;
  border: 1px solid #fff;
  border-right: none;
  border-bottom: none;
  box-sizing: border-box;
  position: absolute;
  left: 50%;
  margin-left: -2px;
  bottom: -29px;
  transform: translate(-50%, -50%) rotate(135deg);
} */

.worksgal .main.pic{
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 15px;
  display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
        flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-pack: center;
-webkit-box-pack: center;
        justify-content: center;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-align: center;
-webkit-box-align: center;
        align-items: center;
  text-decoration: none;
  border-bottom: none;
  color: #fff;
  height: 625px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
-ms-flex-order: 0;
-webkit-box-ordinal-group: 1;
        order: 0;
-ms-flex: 1 1 50%;
-webkit-box-flex: 1;
        flex: 1 1 50%;
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.worksgal .picholder{
  -ms-flex-order: 0;
  -webkit-box-ordinal-group: 1;
          order: 0;
  -ms-flex: 1 1 50%;
  -webkit-box-flex: 1;
          flex: 1 1 50%;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
    display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -ms-flex-align: stretch;
  -webkit-box-align: stretch;
          align-items: stretch;
}
.worksgal .picholder a{
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 15px;
  display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
        flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-pack: center;
-webkit-box-pack: center;
        justify-content: center;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-align: center;
-webkit-box-align: center;
        align-items: center;
  text-decoration: none;
  border-bottom: none;
  color: #fff;
  -ms-flex-order: 0;
  -webkit-box-ordinal-group: 1;
          order: 0;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.worksgal .picholder a:nth-of-type(1), .worksgal .picholder a:nth-of-type(4) {
  -ms-flex: 1 1 35%;
  -webkit-box-flex: 1;
          flex: 1 1 35%;
}

.worksgal .picholder a:nth-of-type(2), .worksgal .picholder a:nth-of-type(3) {
  -ms-flex: 0 1 65%;
  -webkit-box-flex: 0;
          flex: 0 1 65%;
}

.worksgal.six .picholder a:nth-of-type(2), .worksgal .picholder a:nth-of-type(3) {
  -ms-flex: 0 1 32.5%;
  -webkit-box-flex: 0;
          flex: 0 1 32.5%;
}


@media screen and (max-width: 1199px){
  .worksgal .main.pic{
    -ms-flex: 1 1 40%;
    -webkit-box-flex: 1;
            flex: 1 1 40%;
  }
  .worksgal .picholder{
    -ms-flex: 1 1 60%;
    -webkit-box-flex: 1;
            flex: 1 1 60%;
  }
  .worksgal .picholder a:nth-of-type(1), .worksgal .picholder a:nth-of-type(2), .worksgal .picholder a:nth-of-type(3), .worksgal .picholder a:nth-of-type(4) {
    -ms-flex: 1 1 50%;
    -webkit-box-flex: 1;
            flex: 1 1 50%;
  }


  .worksgal.six .picholder a:nth-of-type(1), .worksgal.six .picholder a:nth-of-type(2), .worksgal .picholder a:nth-of-type(3) {
    -ms-flex: 0 1 33.33%;
    -webkit-box-flex: 0;
            flex: 0 1 33.33%;
  }
  .worksgal.six .picholder a:nth-of-type(4), .worksgal.six .picholder a:nth-of-type(5) {
    -ms-flex: 0 1 50%;
    -webkit-box-flex: 0;
            flex: 0 1 50%;
  }
}

@media screen and (max-width: 959px){
  .worksgal{
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }

  .worksgal .main.pic{
    height: auto;
    min-height: 250px;
    -ms-flex: 1 1 100%;
    -webkit-box-flex: 1;
            flex: 1 1 100%;
  }
  .worksgal .picholder{
    -ms-flex: 1 1 100%;
    -webkit-box-flex: 1;
            flex: 1 1 100%;
  }
  .worksgal .picholder a:nth-of-type(1), .worksgal .picholder a:nth-of-type(2), .worksgal .picholder a:nth-of-type(3), .worksgal .picholder a:nth-of-type(4) {
    height: auto;
    min-height: 250px;
    -ms-flex: 1 1 50%;
    -webkit-box-flex: 1;
            flex: 1 1 50%;
  }
  .worksgal.six .picholder a:nth-of-type(1), .worksgal.six .picholder a:nth-of-type(2), .worksgal.six .picholder a:nth-of-type(3){
    height: auto;
    min-height: 250px;
    -ms-flex: 1 1 33.33%;
    -webkit-box-flex: 1;
            flex: 1 1 33.33%;
  }
}

@media screen and (max-width: 599px){

  .worksgal .picholder a:nth-of-type(1), .worksgal .picholder a:nth-of-type(2), .worksgal .picholder a:nth-of-type(3), .worksgal .picholder a:nth-of-type(4) {
    -ms-flex: 1 1 100%;
    -webkit-box-flex: 1;
            flex: 1 1 100%;
  }
  .worksgal.six .picholder a:nth-of-type(1), .worksgal.six .picholder a:nth-of-type(2), .worksgal.six .picholder a:nth-of-type(3), .worksgal.six .picholder a:nth-of-type(4), .worksgal.six .picholder a:nth-of-type(5){
    -ms-flex: 1 1 100%;
    -webkit-box-flex: 1;
            flex: 1 1 100%;
  }
}


.appsamples{
  padding-top: 40px;
  margin-bottom: 40px;
  background-color: #000;
}

.appsamples.radio-irkutsk {
  background: url(/bitrix/templates/adapt/images/radio-irkutsk-bg.jpg) no-repeat center / cover;
  position: relative;
}

.appsamples.ticket-purchase {
  background: url(/bitrix/templates/adapt/images/ticket-purchase-bg.jpg) no-repeat center / cover;
  position: relative;
}

.appsamples.food-order {
  background: url(/bitrix/templates/adapt/images/food-order-bg.jpg) no-repeat center / cover;
  position: relative;
}

.appsamples.taxi-phone {
  background: url(/bitrix/templates/adapt/images/taxi-phone-bg.jpg) no-repeat center / cover;
  position: relative;
}

.appsamples.wholesale-flowers {
  background: url(/bitrix/templates/adapt/images/wholesale-flowers-bg.jpg) no-repeat center / cover;
  position: relative;
}

.appsamples.radio-irkutsk:before,
.appsamples.ticket-purchase:before,
.appsamples.food-order:before,
.appsamples.taxi-phone:before,
.appsamples.wholesale-flowers:before {
    background-color: #000;
    opacity: 0.3;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}

.appsamples .appdesc{
  padding-bottom: 30px;
  color: #fff;
}

.appsamples .appdesc ul{
  margin-bottom: 30px;
}

.appsamples .appdesc p{
  position: relative;
  font-size: 18px;
  line-height: 1.5em;
}
.appsamples .appdesc ul li{
  position: relative;
  padding-left: 50px;
  font-size: 18px;
  line-height: 1.5em;
}
.appsamples .dlbtns{
margin-top: 30px;
}
.appsamples .dlbtns a{
  min-width: 200px;
  margin-right: 10px;
  margin-bottom: 10px;
  height: 40px;
  padding: 10px;
  line-height: 20px;
  position: relative;
  background-color: #e2223f;
  color: #fff;
  padding-left: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  border-bottom: none;
  text-decoration: none;
}
.appsamples .dlbtns a:hover,
.appsamples .dlbtns a:focus{
  opacity: 0.8;
  position: relative;
}



.appsamples .dlbtns a:before{
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    bottom: 0;
    left: 10px;
    display: block;
    content: '';
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.appsamples .dlbtns a.android:before{
  background-image: url("/bitrix/templates/adapt/images/apple-ico.png");
}
.appsamples .dlbtns a.ios:before{
  background-image: url("/bitrix/templates/adapt/images/google-ico.png");
}

.appsamples .appdesc ul li::before {
    content: '';
    width: 16px;
    height: 11px;
    border: 3px solid #fff;
    border-right: none;
    border-top: none;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    left: 19px;
    top: 0.7em;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
            transform: translate(-50%, -50%) rotate(-45deg);
}


.appslider .slick-slide{
  width: 315px;
  padding: 80px 20px 140px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}



.appsamples .content:before{
  content: '';
  position: absolute;
  background-repeat: no-repeat;
  width: 404px;
  z-index: 2;
  height: 735px;
  background: url("/bitrix/templates/adapt/images/smartphone.png");
  background-size: contain;
  top: -26px;
  left: -46px;
}

@media screen and (max-width: 480px){

  .appsamples .appdesc{
        padding-top: 80px;
  }
  .appsamples .content:before{
    content: '';
    position: absolute;
    background-repeat: no-repeat;
    width: 300px;
    z-index: 2;
    height: 735px;
    background-size: contain;
    top: -40px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    height: 600px;
  }
  .appslider .slick-slide{
    width: 240px;
    padding: 40px 20px 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}

.appslider .slick-next, .appslider .slick-prev{
  background: #e2223f;
}


.appslider .slick-next, .appslider .slick-prev{
  background: #e2223f;
}

.appslider .slick-next:hover,
.appslider .slick-prev:hover,
.appslider .slick-next:focus,
.appslider .slick-prev:focus
{
  opacity: 0.8;
}
.appslider .slick-next{
  right: -45px;
}

.appslider .slick-prev{
  left: -45px;
}

@media screen and (max-width: 1279px){
  .appslider .slick-next{
    right: 15px;
  }

  .appslider .slick-prev{
    left: 15px;
  }

}

.service-detail .content:before{
  left: -100px;
  background-image: url("/bitrix/templates/adapt/images/redray1.svg");
  width: 110px;
  height: 53px;
  background-position: left bottom;
}

.service-detail .content:after{
  right: -150px;
  background-image: url("/bitrix/templates/adapt/images/redray2.svg");
  width: 141px;
  height: 121px;
  background-position: right bottom;
}
.service-detail .content h1:after{
  top: -30px;
  z-index: 1;
  right: 0px;
  content: '';
  position: absolute;
  background-image: url("/bitrix/templates/adapt/images/grayvector.png");
  width: 104px;
  height: 89px;
  background-position: center;
  background-size: contain;
}

.service-detail select {
    margin-bottom: 30px;
}

.service-detail .chosen-container {
    margin: 0px 0 35px;
}

.service-detail p,
.service-detail h2,
.service-detail h3,
.service-detail h4 {
    margin-bottom: 30px;
}


/* .service-detail .incut{
    display: block;
    font: 16px/30px 'RobotoSlab', Arial;
    border-left: 5px solid #000000;
    padding: 3px 0 3px 25px;
    margin-bottom: 30px;
} */

.service-detail p,
.service-detail li {
    font-size: 18px;
    line-height: 1.7em;
}
.body ul li:not(.ya-share2__item) {
    position: relative;
    padding-left: 30px;
    margin-left: 0px;
    position: relative;
    line-height: 1.7;
    margin-top: 0px;
}
.body ul>li::before {
    margin-left: 0px;
    border-radius: 50%;
    border: 2px solid #e32d49;
    position: absolute;
    content: '';
    width: 8px;
    height: 8px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    left: 0;
    top: 0.75em;
}
.body .sections > li::before {
    display: none;
}
/* .service-detail .new_complex p,
.service-detail .new_complex p a,
.service-detail .new_complex li,
.service-detail .new_complex p strong,
.service-detail .new_complex p em,
.new_complex p,
.new_complex a {
    font-size: 20px;
    line-height: 1.7em;
} */

.service-detail ol {
  padding-left: 0;
  list-style: decimal;
  padding-bottom: 30px;
  margin: 0 0 0 30px;
}

.service-detail ol>li {
  list-style: none;
  font-size: 18px;
  padding-left: 77px;
  margin-left: 0px;
  position: relative;
  line-height: 1.7;
}

@media screen and (min-width: 768px) {
  .service-detail ul.compact li {
    font-weight: 700;
    width: 48%;
    display: inline-block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    vertical-align: top;
  }
}



.service-detail dl{
  font-size: 18px;
}
.service-detail dl dt, .blog-detail dl dt{
  font-weight: 700;
}
.service-detail dl dd, .service-detail dl dt{
  font-size: 18px;
  padding-left: 77px;
  margin-left: 0px;
  position: relative;
  line-height: 1.7;
}
.blog-detail dl dd, .blog-detail dl dt{
  font-size: 20px;
  padding-left: 77px;
  margin-left: 0px;
  position: relative;
  line-height: 1.7;
}

.service-detail dl dd, .service-detail dl dt, .blog-detail dl dd, .blog-detail dl dt, .service-detail ol>li, .service-detail ul li{
  min-height: 28px;
  margin-bottom: 15px;
}



.service-detail .body ul li:not(.ya-share2__item){
  padding-left: 77px;
}

.service-detail dl dt:before, .blog-detail dl dt:before, .service-detail ol>li:before, .service-detail ul li:before{
  content: '';
  position: absolute;
  top: -0.3em;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  border: 1px solid #ECECEC;
}

.service-detail dl dt:after, .blog-detail dl dt:after, .service-detail ol>li:after, .service-detail ul li:after{
  content: '';
  position: absolute;
}

.service-detail dl:not(.numered) dt:after, .blog-detail dl:not(.numered) dt:after, .service-detail ul:not(.cats) li:after{
  content: '';
  width: 16px;
  height: 11px;
  border: 3px solid #e2223f;
  border-right: none;
  border-top: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  left: 19px;
  top: 11px;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}

.service-detail ol, .service-detail dl{
  counter-reset: servicelist;
}

.service-detail ol>li:after, .service-detail dl.numered dt:after, .blog-detail dl.numered dt:after{
  content: counter(servicelist);
  counter-increment: servicelist;
  position: absolute;
  text-align: center;
  color: #e2223f;
  font-weight: 700;
  left: 0;
  width: 40px;
  height: 40px;
  line-height: 40px;
}

.service-detail dl.numered dt:before{
  top: 0em;
}
.service-detail ol>li:before{
  top: -0.2em;
  left: -1.9em;
}
.service-detail ol>li:after{
    left: -1.9em;
}

.service-detail dl.numered dt:after{
  top: 0em;
}
.service-detail ol>li:after{
  top: -0.2em;
}

.service-detail .incutwrap{
  position: relative;
}

.service-detail .citewrap{
  position: relative;
}


.service-detail .incutwrap:after, .service-detail .citewrap:after, .service-detail .incutwrap:before, .service-detail .citewrap:before{
  content: '';
  height: 100%;
  width: 5000px;
  background-color: #f6f6f6;
  position: absolute;
  top: 0;
}

.service-detail .incutwrap:after, .service-detail .citewrap:after{
  right: 100%;
}

.service-detail .incutwrap:before, .service-detail .citewrap:before{
  left: 100%;
}

.service-detail .incutwrap:after, .service-detail .citewrap:after, .service-detail .incutwrap:before, .service-detail .citewrap:before{
  content: '';
  height: 100%;
  width: 5000px;
  background-color: #f6f6f6;
  position: absolute;
  top: 0;
}


.service-detail .incut:after, .service-detail .incut:before{
  content: '';
  position: absolute;
  background-size: contain;
  z-index: 1;
}

.service-detail .incut:before{
  width: 73px;
  height: 103px;
  background-image: url("/bitrix/templates/adapt/images/redray3.svg");
  left: 0px;
  top: -20px;
}

.service-detail .incut:after{
  width: 135px;
  height: 102px;
  background-image: url("/bitrix/templates/adapt/images/redray4.svg");
  right: 0px;
  bottom: -20px;
  left: auto;
  top: auto;
}


/*.service-detail .content .body .incut,
.blog.nobg .incut {
    margin: 20px 0 40px;
    background: #f6f6f6;
    position: relative;
    display: block;
    font-family: 'RobotoSlab', Arial;
    font-size: 18px;
    line-height: 1.5em;
    padding: 38px 130px 38px 145px;
}

.service-detail .content .body .incut:before,
.blog.nobg .incut:before {
    content: "“";
    position: absolute;
    font-family: proxima_nova_rg;
    left: 90px;
    top: 55px;
    font-size: 70px;
    font-weight: bold;
    color: rgb(226, 34, 63);
}*/

.service-detail .content .body .incut p{
    font-family: 'TT Norms';
    font-size: 18px;
    line-height: 1.4em;
    padding-bottom: 0;
    font-weight: 700;
}
.service-detail .content .body .incut p.signature{
    font-weight: 300;
    font-style: italic;
    margin-top: 2em;
    font-size: 16px;
    color: #999999;
}
.service-detail .content .body p.blockcaption{
    font-weight: 300;
    font-style: italic;
    text-align: center;
    margin-bottom: 2em;
    font-size: 16px;
    color: #999999;
}
.service-detail .content .body .incut.cite{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
    padding-left: 300px;
}
.service-detail .content .body .incut.cite .text{
  position: relative;
  margin-top: 30px;
}
.service-detail .content .body .incut.cite .text:before{
  content: ',,';
  position: absolute;
  top: -10px;
  left: 0;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  font-size: 60px;
  color: #e2223f;
  font-family: sans-serif;
  font-weight: 700;
  letter-spacing: -6px;
}
.service-detail .content .body .incut.cite .img{
    width: 126px;
    height: 126px;
    border-radius: 100%;
    border: 1px solid #ECECEC;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    left: 150px;
    top: 38px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}


.shortscheme{
}

.shortscheme .img{
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 80px;
  height: 80px;
  border-radius: 100%;
  border: 1px solid #ECECEC;
  background-repeat: no-repeat;
  background-position: center;
}

.shortscheme{
  margin-bottom: 1em;
  padding-top: 30px;
  position: relative;
  display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
   -ms-flex-direction: row;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
           flex-direction: row;
   -ms-flex-wrap: nowrap;
   flex-wrap: nowrap;
   -ms-flex-pack: justify;
   -webkit-box-pack: justify;
           justify-content: space-between;
   -ms-flex-line-pack: stretch;
   align-content: stretch;
   -ms-flex-align: stretch;
   -webkit-box-align: stretch;
           align-items: stretch;
}



.shortscheme .item{
  text-align: center;
  position: relative;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-order: 0;
  -webkit-box-ordinal-group: 1;
          order: 0;
  -ms-flex: 0 1 20%;
  -webkit-box-flex: 0;
          flex: 0 1 20%;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 50px 15px 20px;
}


.shortscheme .item:before{
  content: '';
  width: 100%;
  height: 1px;
  background-color: #e2223f;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 1;
}
.shortscheme .item::after{
  content: '';
  width: 1px;
  height: 50px;
  background-color: #e2223f;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  position: absolute;
  z-index: 1;
}

.shortscheme .item:last-of-type:before{
  width: 50%;
}

.shortscheme .item:first-of-type:before{
  width: 50%;
  left: 50%;
}

.shortscheme .item .caption{
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 1em;
}

.shortscheme .img:before{
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background-color: #e2223f;
  top: 48px;
  left: 50%;
  z-index: 1;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

/* .shortscheme:before{
  content: '';
  width: 30px;
  height: 24px;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%);
  background-image: url(/bitrix/templates/adapt/images/notequal.png);
  background-position: center;
  background-size: auto;
} */

.dlincut{
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 50px 0;
  border-radius: 10px;
  padding: 50px;
  background-image: url(/bitrix/templates/adapt/images/blackincut.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
}


.dlincut.half{
  -ms-flex-pack: start;
  -webkit-box-pack: start;
          justify-content: flex-start;
}



.dlincut .text{
    margin-left: 15px;
    margin-right: 15px;
    font-size: 28px;
    font-weight: 700;
    color: #fff;
}


.dlincut.half .text{
  margin: 0;
  max-width: 300px;
}


.dlincut.half .text span{
  margin-top: 0.5em;
  font-size: 16px;
  font-weight: normal;
  display: block;
}

.dlincut a{
  border: none;
  border-radius: 20px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #e2223f;
  padding: 13px 20px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  line-height: 14px;
  /* margin: 25px 0; */
  cursor: pointer;
}


.dlincut.half a{
  margin-left: 110px;
  padding: 15px 45px;
}
@media screen and (max-width: 767px){
  .dlincut.half .text{
    margin: 0 0 20px;
  }
  .dlincut.half a{
    margin-left: 0;
    padding: 15px 15px;
  }
}

.service-detail .dlincut a:hover{
  border-bottom: none;
  background-color: #f32a48;
}

.teamscheme{
  margin-top: 3em;
  margin-bottom: 1em;
}

.teamscheme .img{
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 80px;
  height: 80px;
  border-radius: 100%;
  border: 1px solid #ECECEC;
  background-repeat: no-repeat;
  background-position: center bottom;
}


.teamscheme .schemehead{
  position: relative;
  display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
   -ms-flex-direction: row;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
           flex-direction: row;
   -ms-flex-wrap: nowrap;
   flex-wrap: nowrap;
   -ms-flex-pack: justify;
   -webkit-box-pack: justify;
           justify-content: space-between;
   -ms-flex-line-pack: stretch;
   align-content: stretch;
   -ms-flex-align: stretch;
   -webkit-box-align: stretch;
           align-items: stretch;
}


.teamscheme .schemehead::before, .teamscheme .schemehead::after{
  width: 6px;
  height: 6px;
  position: absolute;
  bottom: -3px;
  border-radius: 100%;
  background-color: #e2223f;
  content: '';
}

.teamscheme .schemehead::before{
  left: 40%;
  margin-left: -3px;
  z-index: 1;
}

.teamscheme .schemehead::after{
  right: 40%;
  margin-right: -3px;
  z-index: 1;
}

.teamscheme .schemehead .headitem{
  position: relative;
  -ms-flex-order: 0;
  -webkit-box-ordinal-group: 1;
          order: 0;
  -ms-flex: 0 1 47%;
  -webkit-box-flex: 0;
          flex: 0 1 47%;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #ECECEC;
  padding: 25px;
  padding-left: 130px;
}
.teamscheme .schemehead .headitem .caption{
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 1em;
}
.teamscheme .schemehead .headitem .img{
  top: 25px;
  left: 25px;
  position: absolute;
}

.teamscheme .schemebody{
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -ms-flex-align: stretch;
  -webkit-box-align: stretch;
          align-items: stretch;
}

.teamscheme .schemebody .bodyitem{
  position: relative;
  padding: 15px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -ms-flex-order: 0;
  -webkit-box-ordinal-group: 1;
          order: 0;
  -ms-flex: 0 1 20%;
  -webkit-box-flex: 0;
          flex: 0 1 20%;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -ms-flex-align: start;
  -webkit-box-align: start;
          align-items: flex-start;
}

.teamscheme .schemebody .bodyitem .img{
  position: relative;
  z-index: 1;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.teamscheme .schemebody .bodyitem .img:after,
.teamscheme .schemebody .bodyitem .img:before{
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background-color: #E01A42;
  position: absolute;
  top: 40px;
  margin-top: -3px;
}

.teamscheme .schemebody .bodyitem .img:after{
  right: -3px;
}

.teamscheme .schemebody .bodyitem .img:before{
  left: -3px;
}




.teamscheme .schemebody .bodyitem .title{
  padding-left: 10px;
  padding-right: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  -ms-flex-order: 0;
  -webkit-box-ordinal-group: 1;
          order: 0;
  -ms-flex: 0 1 100%;
  -webkit-box-flex: 0;
          flex: 0 1 100%;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  text-align: center;
  font-weight: 700;
  line-height: 1.2em;
  margin-top: 1em;
}
.teamscheme .schemebody .bodyitem .title:before{
  content: '';
  top: -56px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #ECECEC;
  position: absolute;
  z-index: 0;
}



.teamscheme .schemebody .bodyitem .descr{
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: absolute;
  width: 100%;
  top: 100px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 15px 10px;
  border: 1px solid #ECECEC;
  z-index: 2;
  background-color: #fff;
}

.teamscheme .schemebody .bodyitem:hover .descr{
  opacity: 1;
  visibility: visible;

}

.teamscheme .schemebody .bodyitem:hover .descr::after{
  content: '';
  width: 10px;
  position: absolute;
  background-color: #fff;
  height: 10px;
  border: 1px solid #ECECEC;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
  border-bottom: none;
  border-right: none;
  left: 50%;
  top: 0;

}
.teamscheme .schemebody .bodyitem:hover .descr .caption{
  font-weight: 700;
  margin-bottom: 1em;
}

.teamscheme .schemebody .bodyitem:hover .descr .text{
  font-size: 14px;
  line-height: 1.4em;
}

.teamscheme.no_lines .schemebody .bodyitem:before, .teamscheme.no_lines .schemebody .bodyitem::after, .teamscheme .schemebody .bodyitem .img:after, .teamscheme .schemebody .bodyitem .img:before, .teamscheme .schemebody .bodyitem .title:before{
  opacity: 0;
}


.teamscheme .schemebody .bodyitem:before, .teamscheme .schemebody .bodyitem::after{
  content: '';
  top: 55px;
  height: 100%;
  width: 0.5px;
  background-color: #ECECEC;
  position: absolute;
  z-index: 0;
}

.teamscheme .schemebody .bodyitem:before{
  left: 0;
}
.teamscheme .schemebody .bodyitem::after{
  right: 0;
}



@media screen and (min-width: 992px){
  .teamscheme .schemebody .bodyitem:nth-of-type(5n) .img:after{
    display: none;
  }

  .teamscheme .schemebody .bodyitem:nth-of-type(5n+1) .img:before{
    display: none;
  }

  .teamscheme .schemebody .bodyitem:nth-of-type(5n) .title:before{
    width: 50%;
  }

  .teamscheme .schemebody .bodyitem:nth-of-type(5n+1) .title:before{
    width: 50%;
    left: 50%;
  }

  .teamscheme .schemehead::before{
    left: 40%;
    margin-left: -3px;
    z-index: 1;
  }

  .teamscheme .schemehead::after{
    right: 40%;
    margin-right: -3px;
    z-index: 1;
  }



  .teamscheme .schemebody .bodyitem:nth-of-type(4):before, .teamscheme .schemebody .bodyitem:nth-of-type(2)::after{
    display: none;
  }


  .teamscheme .schemebody .bodyitem:nth-of-type(3):before, .teamscheme .schemebody .bodyitem:nth-of-type(3)::after{
    top: 0;
    height: calc(55px + 100%);
    width: 1px;
  }


  .teamscheme .schemebody .bodyitem:nth-of-type(5n):after{
    display: none;
  }

  .teamscheme .schemebody .bodyitem:nth-of-type(5n+1):before{
    display: none;
  }
  .teamscheme .schemebody .bodyitem:nth-last-of-type(5):before, .teamscheme .schemebody .bodyitem:nth-last-of-type(5)::after,
  .teamscheme .schemebody .bodyitem:nth-last-of-type(4):before, .teamscheme .schemebody .bodyitem:nth-last-of-type(4)::after,
  .teamscheme .schemebody .bodyitem:nth-last-of-type(3):before, .teamscheme .schemebody .bodyitem:nth-last-of-type(3)::after,
  .teamscheme .schemebody .bodyitem:nth-last-of-type(2):before, .teamscheme .schemebody .bodyitem:nth-last-of-type(2)::after,
  .teamscheme .schemebody .bodyitem:nth-last-of-type(1):before, .teamscheme .schemebody .bodyitem:nth-last-of-type(1)::after {
    display: none;
  }
}

@media screen and (max-width: 767px){
  .shortscheme{
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .shortscheme .item{
    -ms-flex: 1 1 100%;
    -webkit-box-flex: 1;
            flex: 1 1 100%;
    padding-bottom: 15px;
  }
  .shortscheme .item:before{
    display: none;
  }
  .dlincut{
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
  .dlincut .text{

    text-align:center;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 991px){


  .teamscheme .schemehead{
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -ms-flex-align: start;
    -webkit-box-align: start;
            align-items: flex-start;
  }
  .teamscheme .schemehead .headitem{
    -ms-flex: 1 1 100%;
    -webkit-box-flex: 1;
            flex: 1 1 100%;
  }

  .teamscheme .schemehead .headitem:first-of-type{
    border-bottom: 0;
  }

  .teamscheme .schemehead .headitem:last-of-type{
    border-top: 0;
  }

}
@media screen and (max-width: 991px) and (min-width: 480px){
  .teamscheme .schemebody .bodyitem{
    -ms-flex: 0 1 33%;
    -webkit-box-flex: 0;
            flex: 0 1 33%;
  }

  .teamscheme .schemehead::before{
    left: 33%;
    margin-left: 1px;
    z-index: 1;
  }

  .teamscheme .schemehead::after{
    right: 33%;
    margin-right: 1px;
    z-index: 1;
  }



  .teamscheme .schemebody .bodyitem:nth-of-type(3n) .img:after{
    display: none;
  }

  .teamscheme .schemebody .bodyitem:nth-of-type(3n+1) .img:before{
    display: none;
  }

  .teamscheme .schemebody .bodyitem:nth-of-type(3n) .title:before{
    width: 50%;
  }

  .teamscheme .schemebody .bodyitem:nth-of-type(3n+1) .title:before{
    width: 50%;
    left: 50%;
  }
  .teamscheme .schemebody .bodyitem:nth-of-type(2):before{
    left: -1px;
  }
  .teamscheme .schemebody .bodyitem:nth-of-type(2)::after{
    right: -1px;
  }
  .teamscheme .schemebody .bodyitem:nth-of-type(2):before, .teamscheme .schemebody .bodyitem:nth-of-type(2)::after{
    width: 1px;
    top: 0;
    height: calc(55px + 100%)
  }
  .teamscheme .schemebody .bodyitem:nth-of-type(3):before, .teamscheme .schemebody .bodyitem:nth-of-type(1)::after{
    display: none;
  }

  .teamscheme .schemebody .bodyitem:nth-of-type(3n):after{
    display: none;
  }

  .teamscheme .schemebody .bodyitem:nth-of-type(3n+1):before{
    display: none;
  }

  .teamscheme .schemebody .bodyitem:nth-last-of-type(3):before, .teamscheme .schemebody .bodyitem:nth-last-of-type(3)::after,
  .teamscheme .schemebody .bodyitem:nth-last-of-type(2):before, .teamscheme .schemebody .bodyitem:nth-last-of-type(2)::after,
  .teamscheme .schemebody .bodyitem:nth-last-of-type(1):before, .teamscheme .schemebody .bodyitem:nth-last-of-type(1)::after {
    display: none;
  }

}

@media screen and (max-width: 479px){



    .teamscheme .schemehead .headitem{
      padding-left: 25px;
      padding-top: 140px;
    }
  .teamscheme .schemehead::before{
    left: 0;
  }

  .teamscheme .schemehead::after{
    right: 0;
  }

  .teamscheme .schemebody .bodyitem{
    -ms-flex: 0 1 100%;
    -webkit-box-flex: 0;
            flex: 0 1 100%;
  }

  .teamscheme .schemebody .bodyitem:before, .teamscheme .schemebody .bodyitem::after{
    width: 1px;
  }
  .teamscheme .schemebody .bodyitem:nth-last-of-type(1):before, .teamscheme .schemebody .bodyitem:nth-last-of-type(1)::after {
    display: none;
  }
  .teamscheme .schemebody .bodyitem:nth-of-type(1):before, .teamscheme .schemebody .bodyitem:nth-of-type(1)::after{
    width: 1px;
    top: 0;
    height: calc(55px + 100%)
  }
}

.blog.nobg .incut p {
    font-family: 'RobotoSlab', Arial;
    font-size: 18px;
    line-height: 1.5em;
    padding-bottom: 0;
}

.param .chosen-container {
    width: 222px !important;
    display: none !important;
}

.param input[name="to_mount"] {
    /*width: 0;
    visibility: hidden;
    opacity: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    padding: 0;
    margin: 0;
    display: inherit;*/
    ;
}

.chosen-container-single .chosen-single.chosen-container-active.chosen-with-drop {
    z-index: 101;
    position: relative;
}

.chosen-container.chosen-container-single.chosen-container-single-nosearch.chosen-with-drop span {
    color: transparent;
}

.chosen-container.chosen-container-single.chosen-container-single-nosearch.chosen-with-drop span:before {
    content: '';
    width: 13px;
    height: 13px;
    background: url(/bitrix/templates/adapt/images/search-icon.png);
    display: inline-block;
}

.chosen-container-active.chosen-with-drop .multiplie {}

.param .chosen-container-single .chosen-single {
    border-radius: 0 !important;
    border-bottom: none !important;
    /*moz-box-shadow: 0 0 0 rgba(255, 255, 255, 0);*/
    -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 rgba(255, 255, 255, 0);
}

.param .chosen-container.chosen-with-drop .chosen-drop,
.param .chosen-container-active .chosen-single div,
.param .chosen-container-single .chosen-single div {
    display: none;
}

.chosen-container.chosen-container-single .chosen-drop {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

select[name="author"]+.chosen-container.chosen-with-drop .chosen-drop {
    top: 0px;
    padding-top: 0px;
    overflow-x: hidden;
}

select[name="author"]+.chosen-container.chosen-with-drop .chosen-drop .chosen-results {
    padding-top: 30px;
}

select[name="att"]+.chosen-container.chosen-with-drop .chosen-drop {
    top: 0px;
    padding-top: 0px;
}

select[name="att"]+.chosen-container.chosen-with-drop .chosen-drop .chosen-results {
    padding-top: 44px;
}

.blog .filter .button a.showfilter {
    background: transparent;
    color: #e2223f;
    padding: 13px 0 5px;
    border-bottom: 1px dashed;
    border-radius: 0;
    margin-right: 40px;
}

.service-detail h2 {
    font-size: 28px;
    text-align: center;
    padding: 0;
    margin: 70px auto 50px;
    line-height: 1.3;
}

.service-detail h3 {
    font-size: 23px;
}

.service-detail h3.center {
    text-align: center;
}


.service-detail h3 span{
  color: #e2223f;
}

/*blognew*/

ul+h2,
ul+h3,
ul+h4 {
    margin-top: 1em;
}

/*
.body ul li:before {
    display: block;
    position: absolute;
    content: '';
    background: url("/bitrix/templates/adapt/images/line-dotted.svg") no-repeat;
    background-size: contain;
    width: 47px;
    height: 3px;
    left: 0;
    top: 11px;
}*/


/*--blognew*/

/*.service-detail .body ul li {
    padding-left: 55px;
    position: relative;
    margin-bottom: 20px;
    ;
}*/

.service-detail .body ol {
    list-style: numeric;
    padding-bottom: 30px;
    margin-left: 0px;
}

.faq .send {
    text-align: center;
    padding-top: 35px;
}

.faq .send a,
.faq .more a,
.reviews .more a {
    display: inline-block;
    text-decoration: none;
    border-radius: 27px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #e2223f;
    padding: 15px 60px;
    font-size: 20px;
    line-height: 16px;
    font-weight: 700;
    color: #ffffff;
}

.faq .send a:hover,
.faq .more a:hover,
.reviews .more a:hover {
    background-color: #e53953;
}

.faq .body {
    padding-bottom: 30px;
}


/*blognew*/

.faq .item {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #f1f1f1;
    position: relative;
    padding-right: 75px;
    min-height: 50px;
}

.faq .item .name:after {
    display: block;
    content: '';
    background: #e2223f url(/bitrix/templates/adapt/images/btemail-icon.svg) center no-repeat;
    background-size: 7px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    float: right;
    position: absolute;
    top: 30px;
    right: 0;
    cursor: pointer;
}

.faq .item.show .name:after {
    background-position: 0 -30px;
}

.faq .item .name {
    font-size: 18px;
    line-height: 25px;
    font-weight: 700;
    color: #333333;
}

.faq .item .hide {
    display: none;
    color: #333333;
    font-size: 16px;
    line-height: 22px;
    margin-top: 20px;
}

.faq .item .hide .detail {
    display: block;
}

.faq .more,
.reviews .more {
    text-align: center;
    border-top: 1px solid #f1f1f1;
    padding: 40px 0;
}

.faq-detail .body {
    padding: 35px 0;
}

.faq-detail .block_faq {
    padding-left: 45px;
    position: relative;
}

.faq-detail .body>div:nth-of-type(3) {
    padding-left: 0;
}

.faq-detail .body>div:nth-of-type(1):before,
.faq-detail .body>div:nth-of-type(2):before,
.faq-detail .body>div:nth-of-type(3):before {
    content: '';
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    background-repeat: no-repeat;
    background-position: center center;
}

.faq-detail .body>div:nth-of-type(1):before {
    width: 20px;
    height: 18px;
    background-image: url(/bitrix/templates/adapt/images/faq/001-faq-001.png);
}

.faq-detail .body>div:nth-of-type(2):before {
    width: 24px;
    height: 24px;
    background-image: url(/bitrix/templates/adapt/images/faq/001-faq-002.png);
}

.faq-detail .body>div:nth-of-type(3):before {
    width: 20px;
    height: 17px;
    background-image: url(/bitrix/templates/adapt/images/faq/001-faq-003.png);
    top: 35px;
}

.faq-detail .name {
    position: relative;
    font-size: 18px;
    line-height: 22px;
    font-weight: bold;
    padding-left: 70px;
    min-height: 61px;
}

.faq-detail .name {
    padding-left: 50px;
    background: url("/bitrix/templates/adapt/images/faq-q.png") left top no-repeat;
    background-size: 30px;
}

.faq-detail .name:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
}

.faq-detail .answer {
    position: relative;
    margin: 40px 0 50px;
    padding: 0;
    border: 0;
    line-height: 1.6em;
    border-radius: 0;
    display: block;
    font-size: 16px;
    padding-top: 30px;
    margin-top: 30px !important;
    border-top: 1px solid #c9c9c9;
    padding-left: 45px;
}

.faq-detail .answer:after {
    display: none;
    content: '';
    /* background: url("/bitrix/templates/adapt/images/faq-rect.jpg") no-repeat;
    width: 25px;
    height: 31px;
    border-right: 3px solid #e1e1e1;
    border-bottom: 4px solid #e1e1e1;
    box-sizing: border-box;
    background: #fff;
    position: absolute;
    bottom: -18px;
    right: 23px;
    z-index: 10;
    transform: skewY(49deg);*/
    ;
}

.faq-detail .back {
    text-align: center;
}

.faq-detail .back a {
    display: inline-block;
    /* background: url("/bitrix/templates/adapt/images/faq-back.png") no-repeat; */
    color: #e53953;
    position: relative;
    font-size: 18px;
    line-height: 30px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    padding-left: 45px;
}

.faq-detail .back a:after {
    display: block;
    content: '';
    background: #e2223f url(/bitrix/templates/adapt/images/btemail-icon.svg) center no-repeat;
    background-size: 7px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%) rotate(180deg);
            transform: translate(0, -50%) rotate(180deg);
    left: 0;
    cursor: pointer;
}


/*--blognew*/

.faq-detail .back a:hover {
    text-decoration: underline;
}

.faq-detail .title_field_fag {
    margin-right: 10px;
    display: inline-block;
    font-size: 16px;
    line-height: 1.6em;
}

.faq-detail .name_faq {
    margin-left: 0;
    display: inline;
    font-size: 16px;
}

.faq-detail .username {
    margin-left: 0;
    font-size: 16px;
}

.contact .body {
    margin-top: 35px;
    padding: 35px 0;
    border-top: 1px solid #f5f5f5;
}


/*blognew*/

.contact .online {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: block;
    content: '';
    /* background: url("/bitrix/templates/adapt/images/contact-bt.png") no-repeat; */
    background: #e2223f;
    width: 300px;
    height: 50px;
    border-radius: 5px 5px 0 0;
    position: fixed;
    color: #fff;
    text-align: center;
    text-decoration: none;
    line-height: 50px;
    font-family: 'RobotoSlab', Arial;
    font-weight: 900;
    font-size: 22px;
    top: 50%;
    right: 0;
    -webkit-transform: rotate(-90deg) translate(0, 125px);
            transform: rotate(-90deg) translate(0, 125px);
    cursor: pointer;
    z-index: 100;
}

.contact .online:hover {
    background: #e53953;
}

.contact .body .column {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 50%;
    float: left;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    position: relative;
    /* min-height: 110px; */
    /* margin-bottom: 30px; */
}

.contact .body .column:first-child {
    padding-right: 31px;
}

.contact .body .row:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
}

.contact .icon:before {
    display: block;
    content: '';
    background: url("/bitrix/templates/adapt/images/contact-icon.png") no-repeat;
    width: 16px;
    height: 26px;
    position: absolute;
    left: 0;
    top: 0;
}

.contact .icon {
    position: relative;
    padding-left: 50px;
    padding-bottom: 15px;
}

.contact .icon svg {
    position: absolute;
    left: 0;
}

.contact .icon svg path,
.contact .icon svg polygon,
.contact .icon svg rect,
.contact .icon svg circle {
    fill: #e2223f;
}

.contact .icon.address:before {
    display: none;
}

.contact .icon.phone:before {
    display: none;
}

.contact .icon.email:before {
    display: none;
}

.contact .icon.phone:before {
    display: none;
}

.contact .icon.marketing_ev:before {
    display: none;
}

.contact .icon.skype:before {
    display: none;
}

.contact .icon.rekv:before {
    display: none;
}

.contact .body span:not(.ya-taxi-widget__title){
    display: block;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 26px;
    font-weight: 700;
}
.ya-taxi-widget_size_xs span.ya-taxi-widget__title{
  line-height: 50px;
  text-transform: none;
}
.contact .body .showmap {
    display: inline-block;
    border-radius: 15px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #f5f5f5;
    color: #666666;
    text-decoration: none;
    border-bottom: none;
    padding: 9px 18px;
    font-size: 12px;
    line-height: 10px;
    height: 10px;
    font-weight: bold;
    margin-top: 15px;
    position: absolute;
    bottom: 0;
    left: 50px;
    -webkit-transition: all ease-in .2s;
    transition: all ease-in .2s;
}

.contact .body .showmap.active {
    background-color: #e2223f;
    color: #ffffff;
}

.contact .body .map {
    width: 100%;
    height: 400px;
    margin: 5px 0 35px;
}

.contact #map2 {
    display: none;
}

.contact p {
    padding-top: 10px;
}

.contact .icon.rekv:before {
    background-position: -17px 0;
    width: 20px;
}

.contact .icon.phone:before {
    background-position: -38px 0;
    width: 22px;
}

.contact .icon.email:before {
    background-position: -62px 0;
    width: 24px;
}

.contact .icon.skype:before {
    background-position: -85px 0;
    width: 24px;
}

.faq,
.contact,
.faces,
.clients {
    background: #ffffff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9');
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9));
    background: linear-gradient(to bottom, #fff, #f9f9f9);
}
.faces .department h2{
  margin-bottom: 1em;
}
.faces .body {
    margin-top: 35px;
    border-top: 1px solid #f5f5f5;
    padding: 35px 0 250px;
}
.faces .body.nodesc {
    padding: 35px 0 70px;
}

.faces .body:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
}

.faces .item {
    float: left;
    width: 33%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 32px 50px 0;
    position: relative;
}

.faces .item.last {
    padding-right: 0;
}

.faces .item .img {
    display: table-cell;
    vertical-align: top;
    padding-right: 20px;
}

.faces .item img {
    border-radius: 63px;
    display: block;
    height: 100px;
    width: 100px;
    margin: 4px;
}

.faces .item .img:hover img {
    border: 4px solid #e2223f;
    margin: 0;
}

.faces .item .item-body {
    display: table-cell;
    vertical-align: middle;
}

.faces .item .name {
    display: block;
    font-size: 16px;
    font-weight: 700;
}

.faces .item .post {
    display: block;
    font-size: 11px;
    text-transform: uppercase;
    margin-top: 10px;
    color: #333333;
    line-height: 1.3;
}

.faces .item .detail-wrap {
    display: none;
    position: absolute;
    top: 0;
    left: -390px;
    z-index: 10;
}

.faces .item .detail-wrap.first {
    left: 100px;
}

.faces .detail-wrap .detail {
    display: block;
    position: relative;
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px rgba(153, 153, 153, .5);
    box-shadow: 0 0 10px rgba(153, 153, 153, .5);
    padding: 25px 30px;
    width: 330px;
    color: #333333;
}

.faces .item:hover .detail-wrap {
    display: block;
}

.faces .detail-wrap .detail:after {
    display: block;
    content: '';
    /* background: url("/bitrix/templates/adapt/images/faces-right.png") no-repeat;
    width: 16px;
    height: 27px; */
    border: 12.5px solid transparent;
    border-left: 16px solid #fff;
    border-right: none;
    position: absolute;
    top: 35px;
    right: -16px;
    z-index: 11;
}

.faces .detail-wrap.first .detail:after {
    /* background-position: -16px 0; */
    border-right: 16px solid #fff;
    border-left: none;
    right: auto;
    left: -16px;
}

.faces .detail .name {
    font: 24px/24px 'RobotoSlab';
    font-weight: 900;
}

.faces .detail .post {
    font-size: 12px;
    margin-top: 20px;
}

.faces .detail .row {
    display: table;
    margin: 20px 0;
    font-size: 14px;
    width: 100%;
}

.faces .detail .edu,
.faces .detail .hobby {
    display: table-cell;
    height: 22px;
    padding: 0 5px 0 35px;
    line-height: 20px;
    vertical-align: top;
    width: 50%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
    text-align: left;
    font-size: 14px;
}


/* .faces .detail .edu:before,
.faces .detail .hobby:before{
    display: block;
    content: '';
    background: url("/bitrix/templates/adapt/images/faces-icon.png") no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    width: 25px;
    height: 22px;
} */

.faces .detail .hobby {
    padding: 0 0 0 35px;
}

.faces .detail .hobby svg,
.faces .detail .edu svg {
    position: absolute;
    top: 0;
    left: 0;
}


/* .faces .detail .hobby:before{ background-position: 0 -22px; } */

.faces .detail .social a {
    display: inline-block;
    position: relative;
    background: #949494;
    /* background: url("/bitrix/templates/adapt/images/social-footer_new.png") no-repeat; */
    width: 33px;
    height: 33px;
    margin-left: 15px;
}

.faces .detail .social {
    margin-bottom: 20px;
}

.faces .detail .social a:first-child {
    margin: 0;
}

.faces .detail .social a.vk:hover {
    background: #6182aa;
}

.faces .detail .social a.ok:hover {
    background: #ee8208;
}

.faces .detail .social a.fb:hover {
    background: #3b5998;
}

.faces .detail .social a.tw:hover {
    background: #1da1f2;
}

.faces .detail .social a.gg:hover {
    background: #d73d32;
}

.faces .detail .social a.instagramm:hover {
    background: rgb(115, 81, 188);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(115, 81, 188, 1)), color-stop(70%, rgba(176, 65, 107, 1)), to(rgba(218, 130, 42, 1)));
    background: linear-gradient(to bottom, rgba(115, 81, 188, 1) 0%, rgba(176, 65, 107, 1) 70%, rgba(218, 130, 42, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7351bc', endColorstr='#da822a', GradientType=0);
}

.faces .detail .social a svg {
    width: 24px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

.faces .detail .social a svg path,
.faces .detail .social a svg polygon,
.faces .detail .social a svg rect,
.faces .detail .social a svg circle {
    fill: #fff;
}

.subs_incut{
  margin-bottom: 3em;
  padding-bottom: 15px;
  padding-left: 30px;
  padding-right: 30px;
  position: relative;
  min-height: 205px;
  margin-top: 60px;
  border: 1px solid #ccc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.subs_incut::before {
    position: absolute;
    top: 36px;
    z-index: 1;
    left: 145px;
    content: "Следи за нами";
    color: white;
    background-color: #e2223f;
    font-family: RobotoSlab, Arial;
    font-size: 20px;
    padding: 8px 15px;
}
.subs_incut::after {
    position: absolute;
    bottom: 0px;
    left: 0px;
    content: "";
    background: url(/bitrix/templates/adapt/images/camerabg.png) bottom -5px left no-repeat;
    width: 760px;
    height: 257px;
    max-width: 100%;
    z-index: 0;
}
.subs_incut .links {
  padding-top: 95px;
  z-index: 1;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.subs_incut .links a{
  position: relative;
  margin-left: 12px;
  margin-right: 12px;
  margin-bottom: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 54px;
  height: 54px;
  background: #6F6F6F;
  border-radius: 50%;
  padding: 7px;
  border: none!important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}


.subs_incut .links a[data-articlepush] .hint{
    width: 150px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    line-height: 1.4em;
    border-radius: 10px;
    padding: 10px;
    opacity: 0;
    visibility: visible;
    position: absolute;
    left: 50%;
    top: 100%;
    margin-top: 15px;
    color: #fff;
    background-color: #666;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    font-size: 12px;
}
.subs_incut .links a[data-articlepush] .hint.active{
  -webkit-transform: translate(-50%, 5px);
          transform: translate(-50%, 5px);
  opacity: 1;
  visibility: visible;
}

.subs_incut .links a[data-articlepush] .hint:after{
  content: '';
  position: absolute;
  top: -3px;
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(45deg);
          transform: translateX(-50%) rotate(45deg);
  width: 10px;
  height: 10px;
  background: #666;
}

.subs_incut .links a{
  background-position: center;
  background-repeat: no-repeat;
}

.subs_incut .links a#vk{
  background-image: url(/bitrix/templates/adapt/images/icon-vk.png);
}

.subs_incut .links a#fb{
  background-image: url(/bitrix/templates/adapt/images/icon-fb.png);
}

.subs_incut .links a#tl{
  background-image: url(/bitrix/templates/adapt/images/icon-tlg.png);
}

.subs_incut .links a#ins{
  background-image: url(/bitrix/templates/adapt/images/icon-inst.png);
}

.subs_incut .links a#yt{
  background-image: url(/bitrix/templates/adapt/images/icon-yt.png);
}

.subs_incut .links a#push{
  background-image: url(/bitrix/templates/adapt/images/icon-push.png);
}

.subs_incut .links a[data-blogsubscribeemail]{
  background-image: url(/bitrix/templates/adapt/images/icon-mail.png);
}

@media screen and (max-width: 575px){
  .subs_incut {
    padding-left: 30px;
  }
  .subs_incut::after {
      position: absolute;
      bottom: 0px;
      left: 0px;
      content: "";
      background: url(/bitrix/templates/adapt/images/camerabg.png) bottom -5px left no-repeat;
      width: 750px;
      height: 303px;
      max-height: 100%;
      opacity: 0.2;
      max-width: 100%;
      z-index: 0;
  }
  .subs_incut .links {
    z-index: 1;
      position: relative;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
  }

  .subs_incut::before {
      position: absolute;
      top: 36px;
      z-index: 1;
      left: auto;
      right: 0;
      content: "Следи за нами";
      color: white;
      background-color: #e2223f;
      font-family: RobotoSlab, Arial;
      font-size: 20px;
      padding: 8px 15px;
  }
  .subs_incut .links a{
    margin-left: 5px;
    margin-right: 5px;
  }
}



/*--blognew*/

.faces .detail .descr {
    padding: 25px 0;
    border-top: 1px solid #f1f1f1;
    font-size: 14px;
    line-height: 20px;
}

.faces .detail a {
    font-size: 14px;
}

.faces-detail {
    margin: 20px 0 50px;
    color: #333333;
}

.faces-detail .item .img {
    display: table-cell;
    vertical-align: top;
    padding-right: 30px;
}

.faces-detail .item img {
    border-radius: 63px;
    display: block;
    height: 125px;
    width: 125px;
}

.faces-detail .item .item-body {
    display: table-cell;
    vertical-align: top;
}

.faces-detail h1 {
    font-size: 42px;
    line-height: 45px;
    text-align: left;
}

.faces-detail .item .post {
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    padding: 15px 0;
}

.faces-detail .item .row {
    font-size: 14px;
}

.faces-detail .item .edu {
    display: inline-block;
    /* background: url("/bitrix/templates/adapt/images/faces-icon.png") no-repeat; */
    height: 22px;
    padding-left: 35px;
    line-height: 25px;
    padding-bottom: 0px !important;
    margin-bottom: 8px;
    font-size: 14px !important;
}

.faces-detail .item .hobby {
    display: inline-block;
    /* background: url("/bitrix/templates/adapt/images/faces-icon.png") no-repeat 0 -22px; */
    /* height: 22px; */
    padding-left: 35px;
    line-height: 25px;
    margin-left: 30px;
    font-size: 14px !important;
    width: auto;
}

.faces-detail .hobby {
    padding: 0 0 0 35px;
}

.faces-detail .hobby,
.faces-detail .edu {
    position: relative;
}

.faces-detail .hobby svg,
.faces-detail .edu svg {
    position: absolute;
    top: 0;
    left: 0;
}

.faces-detail .descr {
    margin-top: 25px;
    padding: 25px 0;
    border-top: 1px solid #f1f1f1;
    font-size: 16px;
    line-height: 22px;
}

.faces-detail .social {
    margin-top: 25px;
    font-size: 18px;
    line-height: 33px;
    font-weight: 700;
}

.faces-detail .social a {
    position: relative;
    display: inline-block;
    /* background: url("/bitrix/templates/adapt/images/social-footer_new.png") no-repeat; */
    background: #999;
    width: 33px;
    height: 33px;
    margin-left: 15px;
    vertical-align: middle;
}

.faces-detail .social a.vk:hover {
    background: #6182aa;
}

.faces-detail .social a.ok:hover {
    background: #ee8208;
}

.faces-detail .social a.fb:hover {
    background: #3b5998;
}

.faces-detail .social a.tw:hover {
    background: #1da1f2;
}

.faces-detail .social a.gg:hover {
    background: #d73d32;
}

.faces-detail .social a.instagramm:hover {
    background: rgb(115, 81, 188);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(115, 81, 188, 1)), color-stop(70%, rgba(176, 65, 107, 1)), to(rgba(218, 130, 42, 1)));
    background: linear-gradient(to bottom, rgba(115, 81, 188, 1) 0%, rgba(176, 65, 107, 1) 70%, rgba(218, 130, 42, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7351bc', endColorstr='#da822a', GradientType=0);
}

.faces-detail .social a svg {
    width: 24px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

.faces-detail .social a svg path,
.faces-detail .social a svg polygon,
.faces-detail .social a svg rect,
.faces-detail .social a svg circle {
    fill: #fff;
}

.faces-detail .diploms {
    padding-top: 25px;
    border-top: 1px solid #f1f1f1;
}

.faces-detail .diploms .title {
    display: block;
    font-size: 30px;
    line-height: 30px;
    font-weight: 700;
    margin-bottom: 25px;
}

.faces-detail .diploms img {
    margin: 0 30px 30px 0;
}

.clients .body {
    margin-top: 0px;
    padding: 0px;
}

.clients .body .about {
    margin-top: 0px;
    padding: 35px 35px 0;
    border-top: 1px solid #f5f5f5;
}

.clients .body .video p {
    padding-bottom: 35px;
}

.clients .body p {
    line-height: 1.7em;
    font-size: 20px;
}

.clients .body p a {
    text-decoration: none;
    border-bottom: 1px solid;
}

.clients .body p a:hover {
    border-bottom: 1px solid transparent;
}

.clients .body .video {
    padding-top: 0;
    padding-bottom: 0;
}

.clients .body .about p {
    line-height: 1.7em;
    font-size: 20px;
}

.lp.prev .picbox {
    margin-top: 0px;
    padding: 35px 35px 0;
    border-top: 1px solid #f5f5f5;
}

.container.clients .lp.prev .picbox {
    padding-left: 20px;
    padding-right: 20px;
}

.lp.prev.iframeclass .picbox {
    padding: 0;
}

.lp.prev.iframeclass .picbox::after {
  content: '';
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.lp.prev.iframeclass .picbox:hover::after {
  height: 1px;
}

.lp.prev .picbox p,
.container.clients .content div p {
    font-size: 20px;
    line-height: 1.7;
    padding-bottom: 35px;
    text-align: left;
}

.clients .item {
    float: left;
    width: 33%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 0 35px 0;
    text-align: center;
    height: 330px;
    overflow: hidden;
}

.clients .item-body {
    position: relative;
    width: 200px;
    margin: 0 auto;
    height: auto;
}

.clients .item.last {
    padding-right: 0;
}

.clients .item .name {
    display: block;
    text-align: center;
    color: #333333;
    text-decoration: none;
    padding-top: 15px;
    text-transform: uppercase;
}

.clients .item img {
    width: 200px;
    height: 200px;
}

.clients .item .name:hover {
    text-decoration: underline;
}

.clients .center {
    text-align: center;
}

.clients .item .bt {
    padding: 21px 50px;
}

.clients .item .hover {
    display: none;
    left: 50%;
    position: absolute;
    top: 0;
    z-index: 10;
    text-align: center;
    width: 100%;
    margin-left: -100px;
}

.clients .item .hover span {
    display: block;
    width: 200px;
    height: 200px;
    background: #ffffff;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
    opacity: 0.3;
}

.clients .item .hover a {
    position: absolute;
    display: inline-block;
    border-radius: 20px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #e2223f;
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    padding: 13px 40px;
    text-decoration: none;
    color: #ffffff;
    top: 50%;
    left: 50%;
    z-index: 10;
    margin: -20px 0 0 -80px;
}

.clients .item:hover .hover {
    display: block;
}

.clients-detail .body {
    padding: 35px 0;
}

.clients-detail .block {
    position: relative;
    padding-left: 45px;
    font-size: 16px;
    line-height: 25px;
    margin-top: 30px;
    min-height: 38px;
}

.clients-detail .block:first-child {
    margin: 0;
}

.clients-detail .block:before {
    display: block;
    content: '';
    background: url("/bitrix/templates/adapt/images/client-icons.png") no-repeat;
    width: 49px;
    height: 40px;
    position: absolute;
    left: 0;
    top: 2px;
}

.clients-detail .block.client:before {
    /*background-position: 0 0; */
    background-image: url(/bitrix/templates/adapt/images/clients/icons/client-jpg-001.png);
    width: 20px;
    height: 18px;
}

.clients-detail .block.site {
    min-height: 41px;
}

.clients-detail .block.site:before {
    /*background-position: 0 -41px; height: 41px;
    background-image: url(/bitrix/templates/adapt/images/clients/icons/client-jpg-002.png);
    width: 10px;
    height: 20px;*/
    background-image: url(/bitrix/templates/adapt/images/clients/icons/client-jpg-003.png);
    width: 20px;
    height: 17px;
}

.clients-detail .block.work {
    min-height: 42px;
}

.clients-detail .block.work:before {
    /*background-position: 0 -90px; height: 42px; */
    background-image: url(/bitrix/templates/adapt/images/clients/icons/client-jpg-004.png);
    width: 21px;
    height: 20px;
}

.clients-detail .block.srok {
    min-height: 39px;
}

.clients-detail .block.srok:before {
    /*background-position: 0 -134px; height: 44px; */
    background-image: url(/bitrix/templates/adapt/images/clients/icons/client-jpg-005.png);
    width: 20px;
    height: 20px;
}

.clients-detail .block.result {
    min-height: 46px;
}

.clients-detail .block.result:before {
    /*background-position: 0 -233px; height: 50px; */
    background-image: url(/bitrix/templates/adapt/images/clients/icons/client-jpg-007.png);
    width: 12px;
    height: 15px;
}

.notfound {
    background: url("/bitrix/templates/adapt/images/404.jpg") repeat;
    width: 100%;
    background-size: cover;
}

.notfound .content {
    color: #ffffff;
    font-size: 16px;
    line-height: 25px;
}

.notfound .content .body {
    padding: 50px 32px;
}

.notfound .logo {
    display: block;
    background: url("/bitrix/templates/adapt/images/logo.png") no-repeat;
    width: 115px;
    height: 26px;
    text-indent: -99999px;
}

.notfound span {
    display: block;
}

.notfound .title {
    font: 36px/36px 'RobotoSlab', Arial;
    padding: 40px 0;
}

.notfound .big {
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
}

.notfound p {
    padding-bottom: 40px;
}

.notfound form {
    display: block;
    width: 40%;
    position: relative;
    margin-top: -20px;
}

.notfound form span {
    background-clip: padding-box;
    background-color: #fff;
    border-radius: 19px;
    -webkit-box-shadow: 0 0 10px rgba(153, 153, 153, 0.5);
            box-shadow: 0 0 10px rgba(153, 153, 153, 0.5);
    display: block;
    height: 20px;
    padding: 10px 20px;
    line-height: 12px;
    width: 100%;
}

.notfound form span input {
    border: medium none;
    height: 20px;
    width: 100%;
}


/*blognew*/

.notfound form input[type="submit"] {
    background: #000 url(/bitrix/templates/adapt/images/btemail-icon.svg) center no-repeat;
    border: medium none;
    cursor: pointer;
    height: 30px;
    text-indent: -999999px;
    width: 30px;
    border-radius: 50%;
    position: absolute;
    top: 5px;
    right: -33px;
}

#scroller {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
    display: none;
    height: 52px;
    position: fixed;
    left: 32px;
    top: 50px;
    width: 52px;
    z-index: 1000;
    border-radius: 50%;
    background-color: #c1c1c1;
}

#scroller:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    -webkit-transform: translate(-50%, -50%) rotate(-90deg);
            transform: translate(-50%, -50%) rotate(-90deg);
    background-image: url(/bitrix/templates/adapt/images/btemail-icon.svg);
    background-position: center;
    background-repeat: no-repeat;
}

#scroller:hover {
    background-color: #878585;
}


/*--blognew*/

.faq .send.sm {
    display: none;
}

.form-sm {
    display: none;
    background: #f5f5f5;
    text-align: center;
    position: relative;
    padding: 30px 0;
    margin: 16px 0;
}

.form-sm:before {
    background: url("/bitrix/templates/adapt/images/formsm-icon.png") no-repeat;
    content: "";
    display: block;
    height: 16px;
    left: 50%;
    margin-left: -15px;
    position: absolute;
    top: -16px;
    width: 30px;
}

.form-sm form {
    width: 320px;
    margin: 0 auto;
}

.reviews .body {
    padding-top: 35px;
}

.reviews .item {
    margin-top: 30px;
}

.reviews .item:first-child {
    margin: 0;
}

.reviews .item .img {
    display: table-cell;
    border: 1px solid #c22740;
    width: 250px;
    height: 165px;
    text-align: center;
    vertical-align: middle !important;
}

.reviews .item img {
    vertical-align: middle !important;
}

.reviews .item .item-body {
    display: table-cell;
    vertical-align: top;
    font-size: 16px;
    line-height: 22px;
    padding-left: 30px;
}
.reviews .item-body p {
    font-size: inherit;
    line-height: 22px;
    padding-bottom: 0;
}

.reviews .item .name {
    display: block;
    padding-bottom: 10px;
    font: 18px/22px 'RobotoSlab', Arial;
    text-decoration: none;
}

.reviews .item .name:hover {
    text-decoration: underline;
}

.reviews-detail h1 {
    font-size: 36px;
    line-height: 36px;
    text-align: left;
    padding-bottom: 30px;
}

.reviews-detail .body {
    padding: 35px 0;
    font-size: 16px;
    line-height: 22px;
    width: 100%;
}

.reviews-detail .body:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
}

.reviews-detail .block {
    float: left;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.reviews-detail .block.img {
    width: 40%;
    padding-right: 30px;
}

.reviews-detail .block.text {
    width: 60%;
}

.reviews-detail .text.full {
    width: 100%;
}





.works h2, 
.works h3, 
.works h4, 
.works h5 {
    font-weight: 700;
    line-height: 30px;
    padding-bottom: 30px;
}

.works h2 {
    margin-top: 30px;
    font-size: 30px;
    line-height: 40px;
}

.works h3 {
    margin-top: 20px;
    font-size: 25px;
}
.works h4 {
    font-size: 22px;
}



.works-detail h2, 
.works-detail h3, 
.works-detail h4, 
.works-detail h5 {
    font-weight: 700;
    line-height: 30px;
    padding-bottom: 30px;
}

.works-detail h2 {
    margin-top: 30px;
    font-size: 30px;
    line-height: 40px;
}

.works-detail h3 {
    margin-top: 20px;
    font-size: 25px;
}
.works-detail h4 {
    font-size: 22px;
}


.works p,
.works-detail p {
    font-size: 20px;
    line-height: 1.7;
    margin-bottom: 30px;
}

.works-detail ol {
    list-style: decimal;
    /* padding-bottom: 30px; */
    margin: 0 0 0 20px;
}

.reviews-detail img,
.works-detail img {
    width: 100%;
}

.works .body,
.works-detail .body {
    padding: 35px 0;
    font-size: 16px;
    clear: both;
    line-height: 22px;
    color: #333333;
}

.works-detail .body{
    padding-top: 0;
}
.works-detail h1{
    padding-bottom: 0px;
}
.works-detail h1 + .body{
    margin-top: 35px;
}


/*blognew*/

.works .sections {
    padding-top: 20px;
}

.works .sections li {
    position: relative;
    display: inline-block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 33%;
    text-align: center;
    padding-top: 120px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    padding-left: 0;
}

.works .sections li span {
    display: block;
    content: '';
    /* background: url("/bitrix/templates/adapt/images/works-icon.png") no-repeat; */
    width: 109px;
    height: 108px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -55px;
}

.works .sections li span svg {
    width: 64px;
    position: absolute;
    transform: translate(-50%, -50%) scale(1);
    -webkit-transform: translate(-50%, -50%) scale(1);
    top: 50%;
    left: 50%;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

.works .sections li span svg path,
.works .sections li span svg circle,
.works .sections li span svg rect,
.works .sections li span svg polygon {
    fill: #e2223f;
}

.works .sections li:hover span svg {
    transform: translate(-50%, -50%) scale(1.2);
    -webkit-transform: translate(-50%, -50%) scale(1.2);
}

.works .sections li.video span {
    /*background: url("/bitrix/templates/adapt/images/video/video.png") no-repeat;*/
    background-position: -861px center;
}

.works .sections li.white-papers span {
    /*background: url("/bitrix/templates/adapt/images/white-papers/white-papers.png") no-repeat;*/
    background-position: -1041px center;
}

.works .sections li.site span {
    background-position: 0 0;
}

.works .sections li.infograph span {
    background-position: -109px 0;
}

.works .sections li.lending span {
    background-position: -218px 0;
}


/*.works .sections li.site:hover span{ background-position: 0 -108px;}*/


/*.works .sections li.infograph:hover span{ background-position: -109px -108px; }*/


/*.works .sections li.lending:hover span{ background-position: -218px -108px; }*/

.works .sections a {
    color: #000000;
    text-decoration: none;
    font-size: 18px;
}

.works .sections a:hover {
    color: #c22740;
}



/*BEGIN new-icons  04.02.2016*/

.works .sections {
    display: block;
    /* width: 900px; */
    margin: 27px auto;
    margin-bottom: 30px;
    margin-top: 0px;
    text-align: center;
}

.works .body ul.sections li {
    position: relative;
    /* background: #ccc; */
    display: inline-block;
    vertical-align: top;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 180px;
    text-align: center;
    padding-top: 80px;
    margin: 10px auto;
    border-left: none;
    border-bottom-width: 10px;
    border-bottom-style: solid;
    border-bottom-color: transparent;
    margin-bottom: 10px;
    padding-left: 0;
}
@media screen and (max-width: 640px){
   .works .body ul.sections li {
     width: 100%;
     padding-top: 0px;
   }
   .blog-detail .info .data,
   .blog-detail .info .author-name {
       margin-top: 5px;
   }
}
@media screen and (max-width: 374px){

   .works .body ul.sections li {
     padding-top: 0px;
     padding-left: 80px;
   }
   .works .body ul.sections li span{
     display: block;
     left: 20px;
   }
}
.works .sections li span {
    display: block;
    content: '';
    /* background:url(/bitrix/templates/adapt/images/portficons.png); */
    background-repeat: no-repeat;
    width: 64px;
    height: 64px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -32px;
}


/* .works .sections li.site span{background-position:0 0}.works .sections li.infograph span{background-position:-109px 0}.works .sections li.lending span{background-position:-218px 0}.works .sections li.site:hover span{background-position:0 -108px}.works .sections li.infograph:hover span{background-position:-109px -108px}.works .sections li.lending:hover span{background-position:-218px -108px} */

.works .sections li.site span {
    background-position: 0px center;
}

.works .sections li.infograph span {
    background-position: -170px center;
}

.works .sections li.lending span {
    background-position: -340px center;
}

.works .sections li.contwrite span {
    background-position: -511px center;
}

.works .sections li.email span {
    background-position: -681px center;
}

.works .sections li:hover,
.works .sections li.selected {
    border-bottom-color: #e2223f;
}

.works .sections a {
    color: #000;
    text-decoration: none;
    font-size: 18px;
    line-height: 30px;
}


/*--blognew*/


/* END new-icons*/

.personal .body {
    padding: 35px 0;
}

.personal .header {
    padding-bottom: 20px;
}

.personal .header:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
}

.personal .header img {
    width: 110px;
    height: 110px;
    border-radius: 55px;
    float: left;
    margin-right: 20px;
}

.personal .header h1 {
    display: inline-block;
    font: 31px/31px 'RobotoSlab', Arial;
    text-align: left;
}

.personal .header h1 span {
    display: table-cell;
    vertical-align: middle;
    height: 110px;
}

.personal .header .logout {
    display: block;
    float: right;
    background: url("/bitrix/templates/adapt/images/logout.png") no-repeat;
    width: 190px;
    height: 24px;
    padding-left: 35px;
    font-size: 18px;
    font-weight: 700;
    color: #000;
    text-decoration: none;
    line-height: 24px;
}

.personal .logout:hover {
    text-decoration: underline;
}

.personal .tabs-wrap {
    border: 1px solid #e1e1e1;
}

.personal .tabs ul {
    background: #000;
}

.personal .tabs li {
    display: inline-block;
    position: relative;
    width: 33%;
    text-align: center;
    padding: 25px 0;
    font-size: 24px;
    line-height: 24px;
    font-weight: 700;
    cursor: pointer;
    color: #ffffff;
    background: #000;
}

.personal .tabs li:first-child {
    width: 34%;
}

.personal .tabs li.active {
    background: #e2223f;
}

.personal .tabs li.active:after {
    display: block;
    content: '';
    position: absolute;
    left: 50%;
    bottom: -14px;
    background: url("/bitrix/templates/adapt/images/tabs-active.png") no-repeat;
    width: 29px;
    height: 15px;
    margin-left: -15px;
}

.personal .tabs-content-wrap {
    padding: 45px 20px 30px;
}

.personal .tabs-content,
.personal .tabs-content-star {
    display: none;
}

.personal .tabs-content .title {
    font: 24px/24px 'RobotoSlab', Arial;
    padding-bottom: 40px;
}

.personal .blog {
    background: none;
}

.personal .blog:before {
    display: none;
}

.personal .center {
    text-align: center;
}

.personal .bt {
    padding: 21px 75px;
}

.personal .number li {
    display: inline-block;
    cursor: pointer;
    font: 24px/16px 'RobotoSlab', Arial;
    color: #ffffff;
    border-radius: 16px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #d6d6d6;
    padding: 10px;
    margin-right: 10px;
}

.personal .number li.active {
    color: #e2223f;
}

.tabs-form .text {
    font: 24px/24px 'RobotoSlab', Arial;
}

.tabs-form .row {
    display: table;
    width: 100%;
}

.tabs-form .row.right {
    padding-top: 20px;
    text-align: right;
}

.tabs-form .cell {
    display: table-cell;
    vertical-align: top;
    padding-top: 20px;
    width: 80%;
}

.tabs-form .cell.name {
    font-size: 18px;
    line-height: 18px;
    width: 20%;
}

.tabs-form span {
    display: block;
    color: #b7b7b7;
    padding-top: 2px;
}

.tabs-form .cell input,
.tabs-form .cell textarea {
    width: 100%;
    height: 25px;
    padding: 5px;
    margin: 2px;
}

.tabs-form .cell textarea {
    height: 350px;
    resize: none;
}

.tabs-form .submit {
    border: none;
    background: #e2223f;
    width: 283px;
    height: 50px;
    cursor: pointer;
    color: #ffffff;
    font-weight: 700;
    font-size: 18px;
    margin-top: 24px;
    border-radius: 27px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.tabs-form .cell input.error,
.tabs-form .cell textarea.error {
    border: 2px solid #e2223f;
    margin: 0;
    color: #e2223f;
    font-size: 16px;
}

.blog.nobg .content div.modern-page-navigation a {
    border-bottom: 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

div.modern-page-navigation a.modern-page-previous,
div.modern-page-navigation a.modern-page-next {
    border-radius: 20px !important;
}

.about {
    color: #333333;
    font-size: 16px;
    line-height: 24px;
    padding: 0 0 40px;
}


/*.about p,h2,h3,h4{padding-bottom: 25px;}*/

/*.about ul li {
    padding-left: 55px;
    position: relative;
    margin-bottom: 20px;
    ;
}*/


/*blognew*/

/*.about ul li:before {
    display: block;
    position: absolute;
    content: '';
    background: url("/bitrix/templates/adapt/images/line-dotted.svg") no-repeat;
    background-size: contain;
    width: 47px;
    height: 3px;
    left: 0;
    top: 11px;
}*/

.about .three_pic_line,
.about .four_pic_line {
    display: block;
    text-align: center;
}

.about .three_pic_line .th_pic_line_item {
    max-width: 290px;
    margin-right: 5px;
    margin-bottom: 10px;
    display: inline-block;
}

.th_pic_line_item {
    position: relative;
}

.about .three_pic_line .th_pic_line_item img {
    border: 1px solid #cccccc;
}

.about .four_pic_line .four_pic_line_item {
    max-width: 200px;
    margin: 0 15px 20px 0;
    display: inline-block;
}

.about .four_pic_line .four_pic_line_item a {
    border: none !important;
}

.about .four_pic_line .four_pic_line_item img {
    border: 1px solid #cccccc;
    max-width: 200px;
}



/*--blognew*/

div.table_adap {
    margin-bottom: 30px;
}

.table_tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

div.table_tr>div {
    padding: 5px;
    width: 100%;
    border-top: 1px solid black;
    border-left: 1px solid black;
    word-wrap: break-word;
}

div.table_tr>div:last-child {
    border-right: 1px solid black;
}

div.table_adap div.table_tr:last-child>div {
    border-bottom: 1px solid black;
}

.progress img {
    width: 100%;
}

.incut.read>ul {
    margin: 15px 0!important;
    padding-bottom: 10px;
}

.incut.read ul li {
    line-height: 26px;
}

.carousel {
    position: relative;
}

.carousel-inner {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.carousel-inner>.item {
    display: none;
    position: relative;
    -webkit-transition: left 0.6s ease-in-out 0s;
    transition: left 0.6s ease-in-out 0s;
}

.carousel-inner>.item>a>img,
.carousel-inner>.item>img {
    line-height: 1;
}

.carousel-inner>.active,
.carousel-inner>.next,
.carousel-inner>.prev {
    display: block;
}

.carousel-inner>.active {
    left: 0;
}

.carousel-inner>.next,
.carousel-inner>.prev {
    position: absolute;
    top: 0;
    width: 100%;
}

.carousel-inner>.next {
    left: 100%;
}

.carousel-inner>.prev {
    left: -100%;
}

.carousel-inner>.next.left,
.carousel-inner>.prev.right {
    left: 0;
}

.carousel-inner>.active.left {
    left: -100%;
}

.carousel-inner>.active.right {
    left: 100%;
}

.carousel {
    position: relative;
}

.carousel-inner {
    overflow: hidden;
    position: relative;
    width: 100%;
    margin: 10px auto 0;
    height: 377px;
}

.carousel-inner>.active,
.carousel-inner>.next,
.carousel-inner>.prev {
    display: block;
}

.carousel-inner>.item img {
    height: 375px;
    margin: 0 auto;
    width: 765px;
    border: 1px solid #000;
}

.carousel-inner>.item>a>img,
.carousel-inner>.item>img {
    line-height: 1;
}

.carousel-inner>.item>a>img,
.carousel-inner>.item>img,
.img-responsive,
.thumbnail a>img,
.thumbnail>img {
    display: block;
    height: auto;
    max-width: 100%;
}

.carousel-control.left {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    left: 0;
    margin: -23px 0 0;
    position: absolute;
    top: 50%;
}

.carousel-control.right {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    margin: -23px 0 0;
    position: absolute;
    right: 0px;
    top: 50%;
}

.carousel-control.left span.slider_prev {
    background: rgba(0, 0, 0, 0) url("/bitrix/templates/adapt/images/slider_prev.png") no-repeat scroll 0 0;
    display: block;
    height: 47px;
    width: 47px;
}

.carousel-control.right span.slider_next {
    background: rgba(0, 0, 0, 0) url("/bitrix/templates/adapt/images/slider_next.png") no-repeat scroll 0 0;
    display: block;
    height: 47px;
    width: 47px;
}

.table_tr_about {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.table_tr_about {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
}

.table_tr_about div:last-child {
    padding-left: 80px;
}

.table_tr_about div:first-child {
    width: 0;
}

.about ol>li {
    margin-bottom: 20px;
}

.about ol {
    list-style-type: decimal;
    padding-bottom: 0;
}

.error-text {
    padding-bottom: 15px;
    font-style: italic;
}

.about ul,
.service-detail ul,
.about ol,
.about p {
    padding-bottom: 25px;
    margin-bottom: 0;
}

.service-detail ol ul, .service-detail ul ol, .service-detail ol ol, .service-detail ul ul{
  margin-top: 30px;
}


.about ul{
    margin-bottom: 25px;
    padding-bottom: 0px;
}

.service-detail ul, .service-detail dl, .blog-detail dl{
    padding-bottom: 30px;
    margin-bottom: 0;
}

.service-detail .content .body .incut p {
    padding-bottom: 0;
}



/*blognew*/

@font-face {
    font-family: 'aliceregular';
    src: url('fonts/alice-regular-webfont.eot');
    src: url('fonts/alice-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/alice-regular-webfont.woff2') format('woff2'),
    url('fonts/alice-regular-webfont.woff') format('woff'),
    url('fonts/alice-regular-webfont.ttf') format('truetype'),
    url('fonts/alice-regular-webfont.svg#aliceregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.text .citewrap {
    width: 100%;
    text-align: center;
    position: relative;
    margin: 3em 0;
}

.text .citewrap:after,
.text .citewrap:before {
    content: '';
    position: absolute;
    font-family: 'TT Norms';
    top: 0;
    width: 90%;
    height: 1px;
    max-width: 120px;
    background: #666;
}

.text .citewrap:after {
    left: 50%;
    margin-left: -160px;
}

.text .citewrap:before {
    right: 50%;
    margin-right: -160px;
}

.text .citewrap .cite {
    margin: 20px 0;
    position: relative;
    display: block;
    margin: auto;
    float: none;
    font-family: 'aliceregular';
    font-size: 22px;
    line-height: 1.5em;
    padding: 2em 0;
}

.text .citewrap .cite:after {
    content: '“';
    position: absolute;
    font-family: 'TT Norms';
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    font-size: 70px;
    font-weight: bold;
    color: #e2223f;
}

.text .citewrap .cite:before {
    content: '';
    position: absolute;
    font-family: 'TT Norms';
    left: 50%;
    bottom: 0;
    width: 90%;
    height: 1px;
    max-width: 330px;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    background: #666;
}


/*.text div.imptext, .nobg .content div.imptext{
    margin-left: 30px;
    padding-left: 30px;
    margin-bottom: 30px;
    border-left : 2px solid #333;
}*/


/*--blognew*/

.ldate {
    position: relative;
    display: block;
    /* overflow: hidden;*/
    white-space: nowrap;
    border-radius: 19px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px rgba(153, 153, 153, .5);
    box-shadow: 0 0 10px rgba(153, 153, 153, .5);
    color: #999999;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.ldate>span {
    font-size: 16px;
    line-height: 14px;
    padding: 13px 20px;
    display: block;
    cursor: pointer;
}

.ldate>div.st {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 18px;
    height: 100%;
    pointer-events: none;
}

.ldate>div.st b {
    display: block;
    width: 10px;
    height: 6px;
    background: url('images/chosen-sprite.png') no-repeat 0 -6px;
    margin: 18px 0 0 -8px;
}

.ldate>div.st b {
    display: block;
    width: 10px;
    height: 6px;
    background: url('images/chosen-sprite.png') no-repeat 0 0;
    margin: 18px 0 0 -8px;
}

.ldate>div.st b.stn {
    background: url('images/chosen-sprite.png') no-repeat 0 0;
}

.bdate {
    display: none;
    float: left;
    width: 100%;
}

.row>span {
    margin: 0 auto;
    display: block;
    text-align: center;
    font-size: 18px;
    padding-bottom: 8px;
}

.ldate .row {
    width: 100%;
    float: left;
    padding: 0 23px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.bdate .row:first-child {
    margin-left: 0;
}

.ldate .separator {
    color: transparent;
    padding: 0 10px;
    float: left;
    height: 20px;
    line-height: 185px;
}

.ldate .row .param {
    width: 33%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: inline-block;
    position: relative;
}

.ldate .cls {
    display: none;
}

.param .ldbt,
.param .rdbt {
    width: 41px;
    height: 41px;
    /*border: none;*/
    cursor: pointer;
    background: transparent;
    border: 1px solid transparent;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: 100%;
    font-size: 0;
    position: absolute;
    -webkit-transition: all ease-in-out .1s;
    transition: all ease-in-out .1s;
}

.param .ldbt {
    background: transparent;
    left: 0;
}

.param .ldbt:hover {
    background: #e53953;
}

.param .rdbt {
    background: transparent;
    right: 0;
}

.param .rdbt:hover {
    background: #e53953;
}

.param .ldbt:after,
.param .rdbt:after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent #343236;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-transition: all ease-in-out .1s;
    transition: all ease-in-out .1s;
}

.param .ldbt:after {
    border-width: 4px 6px 4px 0;
}

.param .rdbt:after {
    border-width: 4px 0 4px 6px;
}

.param .ldbt:hover:after,
.param .rdbt:hover:after {
    border-color: transparent #fff;
}

.param input {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: none;
    height: 39px;
    float: left;
    width: 100%;
    text-align: center;
    color: #333;
    font-size: 18px;
    background: none;
}

.ldate .param input {
    pointer-events: none;
}

.param .chosen-container-single .chosen-single span {
    text-align: center;
    color: #333;
    font-size: 18px;
    background: none;
}

.param {
    border-radius: 0;
    border: 1px solid transparent;
    border-bottom: 1px solid silver;
    padding: 0 1px 7px;
    height: 47px;
    width: 100%;
    margin-bottom: 8px;
    margin-left: 0;
    border-left: none;
    border-right: none;
}

.chosen-container-single .chosen-single span {
    font-size: 16px;
}

.bdate .button {
    float: left;
    width: 100%;
    margin: 0px 20px 30px;
}

.bdate .button input {
    display: inline-block;
    border-radius: 20px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #e2223f;
    color: #ffffff;
    padding: 13px 37px;
    font-size: 16px;
    font-weight: 700;
    line-height: 12px;
    height: 38px;
    text-decoration: none;
    margin-right: 10px;
    border: none;
}

#datefilter {
    cursor: pointer;
}

.cls {
    clear: both;
}

.clients-detail .block.reviews:before {
    background-position: 0px -186px;
}


/*
.bx_item_detail_rating{margin-bottom: 10px;}
.bx_item_detail_rating td{
    vertical-align: middle;
    text-align: right;
}
.bx_item_detail_rating .bx_item_rating{
    text-align: right;
}
.bx_item_detail_rating .bx_stars_container{
    position: relative;
    width: 90px;
    height: 16px;
    background: #dadada;
    background-size: 100% 100%;
}
.bx_item_detail_rating .bx_stars_bg{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 101;
    background: url(/bitrix/templates/adapt/images/stars.png) no-repeat center;
    cursor: pointer;
}

.bx_item_detail_rating .bx_stars_progres{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background: #e1223f;
    cursor: pointer;
}
.bx_item_detail_rating .bx_stars_rating_votes{
    color: #8d8d8d;
    font-size: 11px;
    line-height: 11px;
    vertical-align: middle;
    cursor: pointer;
}

/*.bx_item_detail_rating .bx_vam{vertical-align: middle;}

@media (max-width:530px){
    .bx-touch .bx_item_detail_rating .bx_stars_container{
        width: 34px;
        height: 15px;
        margin: 4px 0;
    }
    .bx_item_detail_rating .bx_stars_rating_votes{
            font-size: 7px;
            line-height: 7px;
    }
}*/


/* .contact .icon.marketing_ev:before{ display: block;
    content: '';
    background: url("/bitrix/templates/adapt/images/marketing_ev.png") no-repeat;
    width: 24px;
    height: 26px;
    position: absolute;
    left: 0;
    top: 0;
} */


/*.blog-detail .text div.incut p {
    padding: 0;
}*/

.strong-h1-stati {
    font-size: 22px;
    clear: both;
    padding-top: 20px!important;
}

.img-iskl {
    float: left;
    padding: 5px 10px 0px 0;
}

.incut>ul {
    padding-top: 25px;
}


/*таблицы в статьях*/

.blog-detail .text ul > ul {
    margin-top: 15px!important;
    margin-left: 50px!important;
    padding-bottom: 5px!important;
}


/*.blog-detail article table {width: 100%; border-collapse: collapse; margin-bottom: 40px; margin-top: 20px;}
.blog-detail article table td, .blog-detail article table th {border: 1px solid #000; padding: 5px;}
.blog-detail article table th {font-weight: bold;}*/


/*таблицы в статьях* - end*/

.about_opisanie {
    color: #fff !important;
}

.blog-detail .content a,
.works .content a{
    text-decoration: none;
    border-bottom: 1px solid;
}
.blog-detail .content a:hover,
.works .content a:hover {
    border-bottom: none;
}

em {
    font-style: italic;
}

.btn_share {
    display: inline-block;
    border-radius: 15px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #e2223f;
    padding: 9px 16px;
    color: #ffffff !important;
    font-weight: 700;
    text-decoration: none;
    line-height: 24px;
    margin-left: 15px;
}


/*blognew*/

.header-top .col.user .our_email {
    /* background: url("/bitrix/templates/adapt/images/our_email.png") no-repeat; */
    background-size: 17px;
    position: relative;
}

.header-top .col.user .our_email svg {
    width: 16px;
    position: absolute;
    top: 0;
    left: 0;
}

.header-top .col.user .our_email svg path {
    fill: #e2223f;
}


/*--blognew*/

.header-top .col.user .our_email span {
    margin-left: 33px;
}

.header-top .col.user .our_email span a {
    color: #333333;
    border-bottom: 1px solid #d7d7d7;
    text-decoration: none;
    font-size: 11px;
}


/*-внутренние формы-*/

.form-in_texterra-ru {
    box-shadow: 0px 0px 5px 0px #9a9a9a;
    border-radius: 3px;
    -webkit-box-shadow: 0px 0px 5px 0px #9a9a9a;
    -o-box-shadow: 0px 0px 5px 0px #9a9a9a;
    -moz-box-shadow: 0px 0px 5px 0px #9a9a9a;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 20px 30px;
    background: #fff;
    margin: 30px 0;
    float: left;
    width: 93%;
}

.form-in_texterra-ru .info {
    width: 60%;
    float: left;
}

.form-in_texterra-ru .info .arrow {
    display: inline-block;
    background: #e2223f;
    padding: 10px 13px;
    font-size: 16px;
    line-height: 12px;
    font-weight: 700;
    position: relative;
    color: #fff;
}

.form-in_texterra-ru .info .arrow:after {
    display: block;
    content: '';
    background: url("/bitrix/templates/adapt/images/service-form-icon.png") no-repeat;
    width: 30px;
    height: 11px;
    position: absolute;
    bottom: -11px;
    margin-left: 2px;
}

.form-in_texterra-ru .info .title {
    display: block;
    font: 50px/50px 'RobotoSlab';
    margin: 30px 0 15px;
}

.form-in_texterra-ru .info .descr {
    display: block;
    color: #cccccc;
    font-size: 16px;
}

.form-in_texterra-ru #blog-from-up,
.form-in_texterra-ru #blog-from-down {
    width: 40%;
    float: left;
    margin-bottom: 10px;
}

.form-in_texterra-ru #blog-from-up input,
.form-in_texterra-ru #blog-from-down input {
    border-radius: 20px;
    padding: 10px 20px;
    border: 1px solid #9a9a9a;
    width: 100%;
    color: #9a9a9a;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.form-in_texterra-ru #blog-from-up input[type="submit"],
.form-in_texterra-ru #blog-from-down input[type="submit"] {
    background-color: #e53953;
    border: 1px solid #e53953;
    color: #fff;
    font-weight: 900;
    font-size: 16px;
    margin-top: 10px;
}

.form-in_texterra-ru #blog-from-up .jq-checkbox,
.form-in_texterra-ru #blog-from-down .jq-checkbox {
    cursor: pointer;
    width: 18px;
    height: 18px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #ccc;
    margin-right: 10px;
    font-size: 14px;
    line-height: 14px;
    float: left;
    top: 3px;
    -webkit-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
}

.form-in_texterra-ru #blog-from-up .jq-checkbox.checked,
.form-in_texterra-ru #blog-from-down .jq-checkbox.checked {
    background-color: #e2223f;
}

#service-from .jq-checkbox:after {
    content: '';
    width: 5px;
    height: 10px;
    display: block;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    top: 1px;
    left: 5px;
    background-color: transparent;
    border: 2px solid #fff;
    border-top: none;
    border-left: none;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
}

#service-from .jq-checkbox.checked:after {
    opacity: 1;
    visibility: visible;
}

.form-in_texterra-ru .form-success div {
    background: url("/bitrix/templates/adapt/images/service-form-ok.png") no-repeat;
    font-size: 16px;
    line-height: 16px;
    padding-left: 90px;
}

.form-in_texterra-ru .form-success span {
    display: block;
    font-size: 50px;
    line-height: 50px;
    padding-bottom: 10px;
}


/*blognew*/


/*
.menu-top .social a.inst {
    background: url(/bitrix/templates/adapt/images/inst-desktop.png) center no-repeat!important;
    height: 15px;
}
.menu-top .social a.inst:hover {
    background: url(/bitrix/templates/adapt/images/inst-desktop-hover.png) center no-repeat!important;
    height: 15px;
} */


/*
.footer .social a.inst {
    background: url(/bitrix/templates/adapt/images/inst-desktop-footer.Png) no-repeat!important;
}

.footer .social a.inst:hover {
    background: url(/bitrix/templates/adapt/images/inst-desktop-footer-hover.PNG) no-repeat!important;
}

.menu-top .social-single div a.inst {
    background: url(/bitrix/templates/adapt/images/inst-mobile.png) center center no-repeat!important;
    border: 1px solid #524F4F;
    box-sizing: border-box;
    border-radius: 3px;
    -o-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
}

.menu-top .social-single div a.inst:hover {
    background: url(/bitrix/templates/adapt/images/inst-mobile-hover.Png) center center no-repeat!important;
}

.menu-left .social a.inst {
    background: #2c2c2c url(/bitrix/templates/adapt/images/inst-desktop.png) center no-repeat!important;
    box-sizing: border-box;
}

.menu-left .social a.inst:hover {
    background: #2c2c2c url(/bitrix/templates/adapt/images/inst-desktop-hover.png) center no-repeat!important;
}
*/


/* .menu-left .social a:last-child {
    margin-left: 0;
    margin-top: 10px;
} */


/*--blognew*/

.header-top .phone-wrap .phone a {
    text-decoration: none;
    border-bottom: none;
    font-family: 'TT Norms', Arial;
    font-weight: 300;
    font-size: 15px;
}

.menu-left .bottom .phone span {
    display: none;
}
.header-top .phone-wrap .phone span {
    font-weight: 300;
}

@media screen and (max-width: 1365px) and (min-width: 640px) {
    .menu-top .col.phone a:nth-of-type(2),
    .menu-top .col.phone span,
    .header-top .phone-wrap .phone a:nth-of-type(2),
    .header-top .phone-wrap .phone span {
        display: none;
    }

}




/*p, p a, li, p strong, p em, .blog.nobg .content .became_author li {
    font-size: 20px;
    line-height: 1.7;
}*/

a:hover {
    border-bottom: none;
}

a.fancy_nr {
    border-bottom: none;
}

.blog-detail-share a {
    border-bottom: none !important;
}

.specpic .picbg {
    background-position: center;
    background-size: cover;
    position: relative;
    float: left;
    width: 100%;
    padding: 20px 0 100px;
    margin-bottom: 30px;
}

.specpic .picbg:after {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.63);
    z-index: 0;
    content: '';
    width: 100%;
    height: 100%;
}

.specpic .picbg .content {
    z-index: 1;
}

.specpic .picbg .breadcrumb {
    color: #fff;
    margin-top: 40px;
    margin-bottom: 40px;
}

.specpic .picbg .breadcrumb a {
    color: #fff;
}

.container.heading h1 {
    color: #fff;
    font-size: 34px;
    line-height: 34px;
}

.container.heading h1 span {
    font-size: 47px;
    line-height: 47px;
    display: block;
    position: relative;
    width: 100%;
    float: left;
    margin-bottom: 35px;
}

.container.heading h1 span:after {
    content: '';
    position: absolute;
    left: 50%;
    width: 50px;
    height: 1px;
    background: #fff;
    margin-left: -25px;
    bottom: -0.4em;
}

.container.heading h1 span.nobar:after {
    display: none;
}

.header-top .order-email span a .letter {
    display: none;
}






/*.wide{
    width: 100%;
    text-align: center;
}*/

.licont {
    display: none;
    float: right;
    margin-top: 20px;
}

.wide+h2 {
    margin-top: 0 !important;
}

.js-relap__item a,
.js-relap__item a:link,
.js-relap__item a:active,
.ya-share2 a,
.ya-share2 a:link,
.ya-share2 a:active {
    color: transparent;
}

a.balpic {
    border-bottom: 1px dotted;
}


/*

.service-detail .content .body p, .service-detail .content .body ul{
    padding-bottom: 30px;
}
.service-detail .content .body p, .service-detail .content .body p a, .service-detail .content .body li, .service-detail .content .body p strong, .service-detail .content .body p em{
    font-size: 20px;
    line-height: 1.7;
}


.service-detail .content .body a{
    text-decoration: none;
    border-bottom: 1px solid;
}

.service-detail .content .body a:hover{
    border-bottom: none;
}

.service-detail .content .body ul{
    padding-bottom: 30px;
    margin: 0 !important;
}
.service-detail .content .body  ol{
    list-style: decimal;
    padding-bottom: 30px;
    margin: 0 0 0 20px !important;
}
.service-detail .content .body .incut ol{ padding-bottom: 0; }
.service-detail .content .body  ol>li{ padding-left: 5px;margin-bottom: 15px; }
.service-detail .content .body ol>li:last-child{margin-bottom: 0px; }
.service-detail .content .body .incut{
    display: block;
    font: 28px/40px 'RobotoSlab', Arial;
    border-left: 5px solid #000000;
    padding: 3px 0 3px 25px;
    margin-bottom: 60px;
    margin-top: 30px;
}


.service-detail .content .body h2,
.service-detail .content .body h3,
.service-detail .content .body h4{
    font-size: 25px;
    font-weight: 700;
    line-height: 30px;
    padding-bottom: 30px;
}
.service-detail .content .body h2{ font-size: 30px; }
.service-detail .content .body h4{ font-size: 20px; }
.service-detail .content .body ul li{
    padding-left: 55px;
    position: relative;
    line-height: 23px;
    margin-top: 15px;
}
.service-detail .content .body ul li:first-child{ margin: 0; }
.service-detail .content .body ul li:before{
    display: block;
    position: absolute;
    content: '';
    background: url("/bitrix/templates/adapt/images/line-dotted.png") no-repeat;
    width: 39px;
    height: 3px;
    left: 0;
    top: 12px;
}
 */

.img-big {
    margin-bottom: 30px;
}

.about p,
.about p a,
.about li,
.about p strong,
.about p em {
    font-size: 18px;
    line-height: 1.7;
}

.content .body .about a {
    text-decoration: none;
    border-bottom: 1px solid;
}

.content .body .about a:hover {
    border-bottom: none;
}

.content .body .about a.fancy_nr {
    border-bottom: none;
}

.fancy_nr {
    cursor: pointer;
}


/*.content .body .about ul{
    margin: 0 !important;
}*/

.content .body .about ol {
    list-style: decimal;
    padding-bottom: 30px;
    margin-left: 20px;
}

.content .body .about .incut ol {
    padding-bottom: 0;
}

.content .body .about ol>li{
/* .new_complex ol>li {
    padding-left: 30px;
    margin-bottom: 0;
    margin-left: 40px;
 */
 }

.content .body .about ol>li:last-child {
    margin-bottom: 0px;
}

/* .new_complex ul li {
    position: relative;
    font-size: 20px;
    padding-left: 30px;
    margin-left: 30px;
    position: relative;
    line-height: 1.7;
    margin-top: 0px;
}
.new_complex ul li::before {
    content: '';
    position: absolute;
    margin-left: 0px;
    border-radius: 50%;
    border: 2px solid #e32d49;
    width: 8px;
    height: 8px;
    box-sizing: border-box;
    left: 0;
    top: 0.6em;
} */
/*blognew*/


/* .content .body .about .incut{
    display: block;
    font: 28px/40px 'RobotoSlab', Arial;
    border-left: 5px solid #000000;
    padding: 3px 0 3px 25px;
    margin-bottom: 60px;
    margin-top: 30px;
} */


/*--blognew*/

.about h2,
.about h3,
.about h4 {
    font-size: 25px;
    font-weight: 700;
    line-height: 30px;
    padding-bottom: 30px;
}

.about h2 {
    font-size: 30px;
}

.content .body .about h4 {
    font-size: 20px;
}
.about ul {
     padding-bottom: 30px;
}
/*.body ul li {
    padding-left: 55px;
    position: relative;
    line-height: 1.7em;
    margin-top: 15px;
    ;
}*/


/*blognew*/

/*.content .body .about ul li:first-child {
    margin: 0;
}*/
/*
.content .body .about ul li:before {
    display: block;
    position: absolute;
    content: '';
    background: url("/bitrix/templates/adapt/images/line-dotted.svg") no-repeat;
    background-size: contain;
    width: 47px;
    height: 3px;
    left: 0;
    top: 12px;
}*/


/*--blognew*/

.lp.prev {
    float: none;
    margin: auto;
    text-align: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 120px;
    max-width: 1148px;
}

.lp.prev .picbox {
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.lp.prev.iframeclass {
    padding: 20px;
    max-width: 100%;
    height: 630px;
}

.lp.prev.iframeclass iframe {
    height: 700px;
}

@media screen and (min-width:1600px) {
    .lp.prev.iframeclass iframe {
        height: 800px;
    }
}

.lp.prev.iframeclass .picbox {
    border: 2px solid #dedede;
    border-radius: 4px;
    position: relative;
}


/*
.lp.prev.iframeclass .picbox:before{
    content: 'Браузер';
    color: #fff;
    background: #dedede;
    padding: 9px;
    padding-right: 100px;
    position: absolute;
    bottom: 100%;
    left: -2px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
*/

.itempanel {
    float: left;
    width: 100%;
    margin: 18px auto 14px;
}

.itempanel .siteinfo {
    float: left;
    line-height: 36px;
}

.itempanel .navbtns {
    float: right;
}


iframe[src^="https://w.soundcloud.com/player/"]{
    margin-bottom: 1.5em;
}


.itempanel .navbtns a {
    text-decoration: none;
    display: block;
    position: relative;
    float: left;
}

.itempanel .navbtns .prev,
.itempanel .navbtns .next {
    color: #fff;
    width: 132px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    line-height: 36px;
    height: 36px;
    font-size: 16px;
    font-weight: 700;
    background: #e2223f;
    border-radius: 18px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.itempanel .navbtns .prev:hover,
.itempanel .navbtns .next:hover,
.itempanel .navbtns .prev:focus,
.itempanel .navbtns .next:focus {
    background: #333;
}

.itempanel .navbtns .prev:before,
.itempanel .navbtns .next:before {
    top: 50%;
    margin-top: -5px;
    content: '';
    position: absolute;
    width: 7px;
    height: 7px;
    border-left: 3px solid #fff;
    border-bottom: 3px solid #fff;
}

.itempanel .navbtns .prev {
    padding-right: 16px;
    text-align: right;
}

.itempanel .navbtns .prev:before {
    left: 15px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}

.itempanel .navbtns .next {
    margin-left: 9px;
    padding-left: 16px;
    text-align: left;
}

.itempanel .navbtns .next:before {
    right: 15px;
    -webkit-transform: rotate(225deg);
            transform: rotate(225deg);
}

.itempanel .navbtns .up {
    background: #e2223f url(/bitrix/templates/adapt/images/ninedots.png) center no-repeat;
    cursor: pointer;
    display: none;
    border-radius: 100%;
    height: 53px;
    position: fixed;
    left: 32px;
    top: 115px;
    width: 52px;
    opacity: 1;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 10000;
}

.itempanel .navbtns .up span {
    position: absolute;
    color: #333;
    font-size: 12px;
    text-align: center;
    width: 82px;
    left: 50%;
    margin-left: -41px;
    top: 64px;
    text-transform: uppercase;
}

.itempanel .navbtns .up:hover {
    background: #333 url(/bitrix/templates/adapt/images/ninedots.png) center no-repeat;
}

.video iframe {
    margin-top: 70px;
}

.container.banner-top .video iframe {
    margin-top: 0px;
    /* display: none; */
}

.share .link a {
    border-bottom-color: transparent;
}

.time-send-service .body a {
    border-bottom-color: transparent;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    float: left;
    background-color: #f5f5f5;
    width: 33.333%;
    height: 155px;
}

.time-send-service .body a.fl_flip_logo img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -40px);
            transform: translate(-50%, -40px);
    width: 30px;
}

.time-send-service .body a.fl_flip_logo:after {
    content: 'Flipboard';
    position: absolute;
    top: 50%;
    left: 50%;
    color: #333;
    -webkit-transform: translate(-50%, 20px);
            transform: translate(-50%, 20px);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.time-send-service .body a.fl_flip_logo:hover:after {
    color: #fff;
}

.blog.nobg .content a.name,
.blog.nobg .content a.author {
    text-decoration: none;
    border-bottom: none;
}

.blog.nobg .content a.name:hover,
.blog.nobg .content a.author:hover {
    border-bottom: 1px solid;
}



/*
.blog .filter .button .showsubscribe_form2 {
    color: black;
    background: #FFFFFF;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0px;
    padding: 0px 0px;
    line-height: 0px;
}
.blog .filter .button .showsubscribe_form2:hover {
    border-bottom: none;
    background: #FFFFFF;
}
.showsubscribe_form2 {
    float: right;
    margin-top: 19px;
}
@media (max-width: 550px){
    .showsubscribe_form2 {
        float: none;
        margin-top: 30px;
    }
}
*/

.faces-detail .descr p {
    margin-bottom: 15px;
}


/* Автор в в блоге */

.blog-author h2 {
    text-align: center;
}



/*16082017*/

.blog-author .author {
    padding: 61px 0 61px;
    text-align: center;
    background-image: url(/bitrix/templates/adapt/images/auth-bg.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 824px;
}

.blog-author .author .img,
.blog-author .author .body {
    display: table-cell;
    vertical-align: top;
    position: relative;
}

.blog-author .author .img {
    display: inline-block;
    border: 1px solid #cbcbcb;
    border-radius: 50%;
    padding: 3px;
    background: #fff;
}


/*!--16082017*/

.blog-author .author img {
    display: block;
    /* margin-right: 35px; */
    width: 125px;
    height: 125px;
    border-radius: 63px;
}

.blog-author .author .name {
    font-size: 18px;
    font-weight: 700;
}

.blog-author .author .descr {
    font-size: 14px;
    line-height: 20px;
    padding: 15px 0;
}

.blog-author .author .descr p,
.blog-author .author .descr p a {
    font-size: 16px;
}

article div em,
.body em {
    font-size: inherit;
}

div p em {
    font-size: inherit;
}

div p em a {
    font-size: inherit;
}


/*Subcats-aad*/

.body .subcats {
  margin-top: 30px;
}

.subcats {
    padding-top: 40px;
    margin-bottom: 40px;
    width: 100%;
    float: left;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: #f6f6f6;
    padding-left: 130px;
    min-height: 200px;
}

.subcats .roadnav {
    bottom: -7px;
    left: 17px;
    width: 117px;
    position: absolute;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.servincut {
    border: 1px solid #cdcdcd;
    position: relative;
    padding: 50px 30px;
    margin-bottom: 30px;
}

.servincut:before {
    content: '';
    position: absolute;
    background: #e2223f;
    height: 22px;
    width: 5px;
    top: 30px;
    left: -2px;
    border-top: 18px solid #fff;
    border-bottom: 18px solid #fff;
}

.servincut p {
    margin: 0;
    padding: 0;
}

.service-detail .introblock{
  margin-bottom: 40px;
  float: left;
  width: 100%;
  clear: both;
}

p + .wide{
  margin-top: -1em;
}

.wideintro{

  text-align: left;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  width: 100%;
}

.wideintro .container{
  position: relative;
  z-index: 1;
}
.wideintro .breadcrumb.container a{
  color: #fff;
}

.wideintro .container{
  color: #fff;
}

.wideintro .holder{
  padding-bottom: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.wideintro .container .mainfront .toankor{
  margin-top: 3em;
}
.wideintro .container .mainfront .toankor,
.wideintro .container .mainfront .toankor:hover,
.wideintro .container .mainfront .toankor:focus,
.wideintro .container .mainfront .toankor:active{
  text-decoration: none;
  border-bottom: none;
}


.wideintro .container .mainfront ul li{
  font-weight: 300;
  position: relative;
  font-size: 22px;
  line-height: 1.7em;
  padding-left: 36px;
}
.wideintro .container .mainfront ul li::before{
    content: '';
    width: 16px;
    height: 11px;
    border: 3px solid #fff;
    border-right: none;
    border-top: none;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    left: 19px;
    top: 0.7em;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
            transform: translate(-50%, -50%) rotate(-45deg);
}

.wideintro .container h1{
  font-size: 42px;
  text-align: center;
  line-height: 1.2em;
  padding-top: 2.5em;
  max-width: 830px;
  width: 100%;
  margin: 0 auto;
}

.wideintro .introtext{
  color: #fff;
  font-size: 1.35em;
  line-height: 1.7em;
  text-align: center;
}

.wideintro + .service-detail{
  margin-top: 60px;
}

@media screen and (max-width: 767px) {
  .wideintro .container h1{
    font-size: 34px;
  }

  .wideintro .container .mainfront ul li{
    font-size: 14px;
  }
}

@media screen and (max-width: 567px) {
  .wideintro .container h1{
    font-size: 30px;
  }

}

.wideintro:before{
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background: rgba(0, 0, 0, 0.5);
}

.content .body .noincut {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: #f6f6f6;
    border-radius: 0 53px 53px 0;
    padding: 30px;
    margin-bottom: 30px;
    position: relative;
    margin-top: 43px;
}

.content .body .noincut:before {
    content: 'это НЕ';
    font-size: 23px;
    color: #fff;
    font-family: 'RobotoSlab', Arial;
    background: #e2223f;
    border-radius: 28px;
    padding: 13px 22px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    top: -54px;
    left: 0;
    -webkit-box-shadow: 4px 4px 0px 0px #c2c2c2;
            box-shadow: 4px 4px 0px 0px #c2c2c2;
}

.content .body .noincut:after {
    width: 17px;
    height: 17px;
    -webkit-box-shadow: 4px 1px 0px 0px #c2c2c2;
            box-shadow: 4px 1px 0px 0px #c2c2c2;
    position: absolute;
    top: -13px;
    left: 21px;
    background: #e2223f;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    content: '';
}

.content .body .noincut ul {
    padding-bottom: 0;
    margin-bottom: 0;
}

.content .body .noincut ul li {
    padding-left: 30px;
    margin-left: 30px;
    position: relative;
    line-height: 1.7;
    margin-top: 0px;
}

.content .body .noincut ul li:before {
    margin-left: 0px;
    display: block;
    border-radius: 50%;
    border: 2px solid #e32d49;
    position: absolute;
    content: '';
    width: 8px;
    height: 8px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    left: 0;
    top: 0.6em;
}

.costworks {
    display: block;
    padding-bottom: 80px;
}

strong.big {
    display: block;
    font-weight: 700;
    line-height: 30px;
    padding-bottom: 30px;
    font-size: 30px;
}

p>strong.big {
    padding-bottom: 0;
}

.costworks .graphholder {
    display: block;
}

.costworks .graphholder .item {
    padding-right: 15px;
    text-align: left;
    margin: auto;
    display: inline-block;
    vertical-align: top;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-top: 83px;
    position: relative;
    width: 24%;
}

.costworks .graphholder .item span {
    margin-top: 20px;
    line-height: 1.2em;
    display: block;
    font-size: 16px;
}

.costworks .graphholder .item .img {
    position: relative;
    width: 101px;
    height: 101px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.costworks .graphholder .item .img:before {
    height: 46px;
    width: 300px;
    content: '';
    top: -46px;
    position: absolute;
    border-top: 2px solid #e2223f;
}

.costworks .graphholder .item:nth-of-type(1) .img:before,
.costworks .graphholder .item:nth-of-type(2) .img:before {
    left: 50%;
    border-left: 2px solid #e2223f;
}

.costworks .graphholder .item:nth-of-type(3) .img:before,
.costworks .graphholder .item:nth-of-type(4) .img:before {
    right: 50%;
    margin-right: -2px;
    border-right: 2px solid #e2223f;
}

.costworks .graphholder .item .img:after {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 1px solid #e2223f;
    background: #333;
    top: -5px;
    left: 50%;
    margin-left: -5px;
}

.content .body .about .noincut ul {
    padding-bottom: 0;
}

.subcats .roadnav svg {
    width: 100%;
    height: auto;
}

.subcats a {
    position: relative;
    color: #000;
    line-height: 18px;
    font-size: 18px;
    text-decoration: none;
    border-bottom: 1px solid #8d8d8d;
    margin-left: 40px;
}

.subcats a.current {
    cursor: default;
    font-weight: 700;
    color: #000;
    border-bottom: 1px solid transparent;
}

.subcats a:before {
    content: '';
    width: 7px;
    height: 7px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    border-width: 2px;
    border-style: solid;
    border-left: none;
    border-bottom: none;
    border-color: #fff;
    left: -37px;
    top: 7px;
    z-index: 1;
}

.subcats a:after {
    content: '';
    width: 20px;
    height: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    background: #e3223e;
    border-radius: 100%;
    left: -43px;
    top: 50%;
    margin-top: -9.5px;
    z-index: 0;
}

.subcats a:hover {
    color: #000;
    border-bottom: 1px solid transparent;
}

.subcats a.maincat {
    float: left;
}

.subcats .cats {
    float: left;
    width: 100%;
    padding: 0;
    padding: 0px 20px 30px 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.subcats .cats li {
    list-style: none;
    padding: 10px;
    padding-left: 50px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    /* line-height: 1.2em; */
    margin-left: 0;
    margin-bottom: 0;
}
.subcats .cats li::before {
    display: none;
}

.subcats .cats li a {
    color: #8d8d8d;
    margin-left: 0px;
}

.subcats .cats li a:before {
    border-color: #e3223e;
    left: -28px;
}

.subcats .cats li a:after {
    display: none;
}

.subcats .cats li a:hover {
    color: #000;
    border-bottom: 1px solid #8d8d8d;
}

.subcats li.current {
    background: #fafafa;
    border-radius: 20px;
}

.subcats li.current a {
    cursor: default;
    font-weight: 700;
    color: #000;
    border-bottom: 1px solid transparent;
}

.subcats li.current a:hover {
    border-bottom: 1px solid transparent;
}

#filterForm .radios {
    padding: 10px 0 20px;
}

#filterForm .radios input {
    display: none;
}

#filterForm .radios input+label {
    cursor: pointer;
    font-size: 16px;
    padding-left: 60px;
    position: relative;
}

#filterForm .radios input+label:before {
    content: '';
    width: 16px;
    height: 16px;
    border-radius: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #cbcbcb;
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -8px;
}

#filterForm .radios input:checked+label:after {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: #e2223f;
    position: absolute;
    left: 24px;
    top: 50%;
    margin-top: -4px;
}

.chosen-container-multi input[type="text"]::-webkit-input-placeholder,
form textarea::-webkit-input-placeholder {
    color: #999999;
}

.chosen-container-multi form input[type="text"]::-moz-placeholder,
form textarea::-moz-placeholder {
    color: #999999;
}

.chosen-container-multi input[type="text"]:-moz-placeholder,
form textarea:-moz-placeholder {
    color: #999999;
}

.chosen-container-multi input[type="text"]:-ms-input-placeholder,
form textarea:-ms-input-placeholder {
    color: #999999;
}

/*popup-form-style*/
#design_site_popup {
  padding: 0;
  border-radius: 0;
  max-width: 290px;
  width: 100%;
  height: 470px;
/*  background: -webkit-gradient(linear, left bottom, left top, from(#fff), color-stop(5%, #fff), color-stop(5%, #0C1D33), color-stop(86%, #0C1D33), color-stop(86%, #fff), to(#fff));
  background: -webkit-linear-gradient(bottom, #ffffff00 0%, #ffffff00 5%, #0C1D33 5%, #0C1D33 86%, #ffffff00 86%, #ffffff00 100%);
  background: -o-linear-gradient(bottom, #ffffff00 0%, #ffffff00 5%, #0C1D33 5%, #0C1D33 86%, #ffffff00 86%, #ffffff00 100%);
  background: -ms-linear-gradient(top, #ffffff00 0%, #ffffff00 5%, #0C1D33 5%, #0C1D33 86%, #ffffff00 86%, #ffffff00 100%);
  background: -webkit-gradient(linear, left bottom, left top, from(#ffffff00), color-stop(5%, #ffffff00), color-stop(5%, #0C1D33), color-stop(86%, #0C1D33), color-stop(86%, #ffffff00), to(#ffffff00));
  background: linear-gradient(to top, #ffffff00 0%, #ffffff00 5%, #0C1D33 5%, #0C1D33 86%, #ffffff00 86%, #ffffff00 100%);*/
  background-color: #0C1D33;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-shadow: none;
                  box-shadow: none;
}
#design_site_popup button {
    top: 30px;
    right: 20px;
}
#design_site_popup .img {
  width: 110%;
  height: 220px;
  position: relative;
  background-image: url(/bitrix/templates/adapt/images/popup_header_form_style.png);
  background-size: contain;
  background-repeat: no-repeat;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
#design_site_popup .head {
  font-size: 28px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  padding: 15px 20px 20px;
  line-height: 1.5;
}

#design_site_popup .holder {
  text-align: center;
  color: #fff;
  z-index: 10;
}

#design_site_popup .holder .desc_text {
  font-size: 18px;
  display: block;
  padding: 0px 20px;
  line-height: 1.5;
}

#design_site_popup .btn_popup {
  position: absolute;
  bottom: 10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 220px;
  height: 50px;
  background-color: #E12341;
  border-radius: 60px;
  text-decoration: none;
  line-height: 50px;
  color: #fff;
  border: 0;
}

@media screen and (min-width: 959px) {
  #design_site_popup {
    max-width: 686px;
    width: 100%;
    /*background: -webkit-linear-gradient(left, #ffffff00 2%, #0C1D33 2%, #0C1D33 85%, #0C1D33 100%);
    background: -o-linear-gradient(left, #ffffff00 2%, #0C1D33 2%, #0C1D33 85%, #0C1D33 100%);
    background: -ms-linear-gradient(left, #ffffff00 2%, #0C1D33 2%, #0C1D33 85%, #0C1D33 100%);
    background: linear-gradient(to right, #ffffff00 2%, #0C1D33 2%, #0C1D33 85%, #0C1D33 100%);*/
    background-color: #0C1D33;
    height: 378px;
    top: 50%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  #design_site_popup button {
    top: -20px;
    right: -20px;
  }
  #design_site_popup .img {
    -webkit-transform: none;
            transform: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(/bitrix/templates/adapt/images/popup_header_form_style_full_scr.png);
    left: 0;
    top: -12px;
    background-size: auto;
  }
  #design_site_popup .holder {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  #design_site_popup .btn_popup {
    position: static;
    margin-top: 40px;
    -webkit-transform: none;
            transform: none;
  }
}
/*end popup-form-style*/


/* complex-promotion_popup */
  .white-popup#complex-promotion button.mfp-close {
    top: 5%;
    right: 20px;
  }

  .white-popup#complex-promotion button.mfp-close:after {
    color: #E81133;
    -webkit-filter: none;
            filter: none;
  }

  .white-popup#complex-promotion {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 505px;
    width: 100%;
    height: 333px;
    border-radius: 120px 5px;
    background-color: #fff;
    background-size: cover;
    -webkit-box-shadow: none;
    box-shadow: none;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    font-family: 'TT Norms'

  }

  @media screen and (max-width: 640px) {
    .white-popup#complex-promotion {
      width: 90%;
    }

  }

  .white-popup#complex-promotion *:not(.mfp-close) {
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 1.1;
  }

  .white-popup#complex-promotion .popup-content {
    position: absolute;
    max-width: 100%;
    height: 80%;
    width: 80%;
    top: 60%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .white-popup#complex-promotion .title-popup {
    color: #0E0E18;
    font-size: 29px;
    font-weight: 700;
    padding-bottom: 10px;
    line-height: 1.3;
    color: #E81133
  }

  @media screen and (max-width: 640px) {
    .white-popup#complex-promotion .title-popup {
      font-size: 24px;
    }
  }

  .white-popup#complex-promotion .subtitle-popup {
    color: #000;
    font-size: 28px;
    font-weight: 700;
    padding-bottom: 30px;
    margin-bottom: 30px;
    position: relative;
  }

  @media screen and (max-width: 640px) {
    .white-popup#complex-promotion .subtitle-popup {
      font-size: 22px;
      padding-bottom: 15px;
    }
  }

  .white-popup#complex-promotion .subtitle-popup:after {
    position: absolute;
    content: '';
    width: 20%;
    height: 1px;
    background-color: #000;
    left: 0;
    bottom: 0;
  }

  .white-popup#complex-promotion .popup-content .desc-popup {
    font-size: 22px;
    font-weight: 300;
    color: #000;
    line-height: 1.3;
  }

  @media screen and (max-width: 430px) {
    .white-popup#complex-promotion .popup-content .desc-popup {
      font-size: 16px;
    }
  }

  .white-popup#complex-promotion .popup-content .logo-popup {
    width: 195px;
    height: 77px;
    display: block;
    -webkit-box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.15);
            box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.15);
    border-radius: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: absolute;
    top: -100px;
    background-color: #fff;
  }

  .white-popup#complex-promotion .popup-content .logo-popup img {
    width: 70%;
  }

  .white-popup#complex-promotion .btn_popup {
    display: block;
    border-radius: 30px;
    background-color: #E12341;
    text-decoration: none;
    color: #fff;
    border: 2px solid #E12341;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 700;
    text-align: center;
    font-size: 18px;
    padding: 12.5px;
    max-width: 200px;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: relative;
    bottom: -40px;
  }

  @media screen and (max-width: 430px) {
    .white-popup#complex-promotion .btn_popup {
      font-size: 14px;
      bottom: -20px;

    }
  }

  .white-popup#complex-promotion .btn_popup:hover {
    background-color: #fff;
    color: #E12341;
  }
/* complex-promotion_popup end */


/* instagram-promotion_popup */
.white-popup#instagram-promotion button.mfp-close {
    top: 5%;
    right: 20px;
}

.white-popup#instagram-promotion {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto;
    max-width: 496px;
    width: 100%;
    height: 390px;
    background: url(/bitrix/templates/adapt/images/bg-instagram-promotion.png)no-repeat center;
    background-size: contain;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    position: absolute;
}

@media screen and (max-width: 640px) {
    .white-popup#instagram-promotion {
        width: 90%;
    }
}

.white-popup#instagram-promotion *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 1.1;
}

.white-popup#instagram-promotion .popup-content {
    position: absolute;
    max-width: 37%;
    width: 100%;
    top: 50%;
    left: 21%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    color: #fff;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

@media screen and (max-width: 480px) {
    .white-popup#instagram-promotion .popup-content {
        left: 26%;
        max-width: 50%;
    }
}

.white-popup#instagram-promotion .title-popup {
    color: rgba(255, 255, 255, 0.59);
    font-size: 31px;
    font-weight: 700;
    padding-bottom: 15px;
}
@media screen and (max-width: 640px) {
    .white-popup#instagram-promotion .title-popup {
        font-size: 24px;
    }
}

.white-popup#instagram-promotion .subtitle-popup {
    color: rgba(255, 255, 255);
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 35px;
}

@media screen and (max-width: 640px) {
    .white-popup#instagram-promotion .subtitle-popup {
        font-size: 18px;
        padding-bottom: 15px;
    }
}

.white-popup#instagram-promotion .popup-content .desc-popup {
    font-size: 18px;
    font-weight: 300;
}

@media screen and (max-width: 640px) {
    .white-popup#instagram-promotion .popup-content .desc-popup {
        font-size: 14px;
    }
}

.white-popup#instagram-promotion .popup-content .logo-popup {
    padding-top: 20px;
    display: block;
    width: 84px;
}

@media screen and (max-width: 480px) {
    .white-popup#instagram-promotion .popup-content .logo-popup {
        display: none;
    }
}

.white-popup#instagram-promotion .btn_popup {
    background-color: #430B4E;
    border-radius: 25px;
    text-decoration: none;
    color: #fff;
    border: 2px solid #430B4E;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    padding: 13.5px 10px;
    max-width: 200px;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    bottom: -20px;
    left: 55%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (max-width: 640px) {
    .white-popup#instagram-promotion .btn_popup {
        bottom: 50px;
    }
}

.white-popup#instagram-promotion .btn_popup:hover {
    background-color: #fff;
    color: #430B4E;
}
/* instagram-promotion_popup end */

/* time-home_popup */
.white-popup#time-home button.mfp-close {
    top: 5%;
    right: 20px;
}

.white-popup#time-home {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto;
    max-width: 496px;
    width: 100%;
    height: 390px;
    background: url(/bitrix/templates/adapt/images/bg-time-home.png)no-repeat center;
    background-size: contain;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    position: absolute;
}

@media screen and (max-width: 640px) {
    .white-popup#time-home {
        width: 90%;
    }
}

.white-popup#time-home *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 1.1;
}

.white-popup#time-home .popup-content {
    position: absolute;
    max-width: 37%;
    width: 100%;
    top: 50%;
    left: 21%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    color: #fff;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

@media screen and (max-width: 480px) {
    .white-popup#time-home .popup-content {
        left: 26%;
        max-width: 50%;
    }
}


.white-popup#time-home .btn_popup {
    background-color: #1964D6;
    border-radius: 25px;
    text-decoration: none;
    color: #fff;
    border: 2px solid #1964D6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    padding: 13.5px 10px;
    max-width: 200px;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    bottom: -20px;
    left: 55%;
    box-shadow: 0px 0px 12px #75A2FF;
    -webkit-transform: translateX(-50%);
    transform: translate(-80px, -30%) rotate(-6deg);
}

@media screen and (max-width: 640px) {
    .white-popup#time-home .btn_popup {
        bottom: 50px;
    }
}

.white-popup#time-home .btn_popup:hover {
    background-color: #fff;
    color: #1964D6;
}
/* time-home_popup end */


/*internet_marketing_b2b_popup*/
.white-popup#internet_marketing_b2b_popup button.mfp-close,
.white-popup#internet_marketing_b2c_popup button.mfp-close {
    top: 30px;
    right: 10px;
}
.white-popup#internet_marketing_b2b_popup,
.white-popup#internet_marketing_b2c_popup {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

#internet_marketing_b2b_popup,
#internet_marketing_b2c_popup {
    max-width: 290px;
    width: 100%;
    height: 486px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 15px 15px 20px 20px;
  background-image: url(/bitrix/templates/adapt/images/popup-bg-internet-marketing-mobile.png);
}

#internet_marketing_b2b_popup .preheader,
#internet_marketing_b2c_popup .preheader{
  font-size: 18px;
  text-transform: uppercase;
  color: #A2C81F;
  font-weight: bold;
}

#internet_marketing_b2b_popup .img,
#internet_marketing_b2c_popup .img {
    width: 110%;
    height: 220px;
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}
#internet_marketing_b2b_popup .head,
#internet_marketing_b2c_popup .head {
  font-size: 19px;
  text-transform: uppercase;
  color: #000;
  font-weight: bold;
  line-height: 1.1;
  font-family: 'proxima_nova_extrabld';
}

#internet_marketing_b2b_popup .head span,
#internet_marketing_b2c_popup .head span {
  display: block;
  font-size: 16px;
  color: #9e9e9e;
  padding-top: 3px;
}

#internet_marketing_b2b_popup .holder,
#internet_marketing_b2c_popup .holder {
  color: #000;
  z-index: 10;
  text-align: center;
  height: 170px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-pack: distribute;
        justify-content: space-around;
}



#internet_marketing_b2b_popup .btn_popup,
#internet_marketing_b2c_popup .btn_popup {
  text-align: center;
    position: absolute;
    font-weight: bold;
    bottom: -10px;
    left: 51%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 168px;
    height: 47px;
    background-color: #E12341;
    border-radius: 60px;
    text-decoration: none;
    line-height: 47px;
    color: #fff;
    border: none;
}

@media screen and (min-width: 959px) {
  .white-popup#internet_marketing_b2b_popup button.mfp-close,
  .white-popup#internet_marketing_b2c_popup button.mfp-close {
    top: -20px;
    right: -20px;
  }
  #internet_marketing_b2b_popup,
  #internet_marketing_b2c_popup {
      max-width: 686px;
      width: 100%;
      height: 378px;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
    padding: 15px 32px 20px;
      background-image: url(/bitrix/templates/adapt/images/popup-bg-internet-marketing.png);
  }
  #internet_marketing_b2b_popup .img,
  #internet_marketing_b2c_popup .img {
    -webkit-transform: none;
            transform: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: -12px;
    background-size: auto;
  }
  #internet_marketing_b2b_popup .head,
  #internet_marketing_b2c_popup .head {
    padding-bottom: 20px;
    font-size: 26px;
  }
  #internet_marketing_b2b_popup .holder,
  #internet_marketing_b2c_popup .holder {
    width: 55%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      height: auto;
  }

  #internet_marketing_b2b_popup .btn_popup,
  #internet_marketing_b2c_popup .btn_popup {
    position: static;
    -webkit-transform: none;
            transform: none;
  }
  #internet_marketing_b2b_popup .preheader,
  #internet_marketing_b2c_popup .preheader {
    padding-bottom: 60px;
  }

  #internet_marketing_b2b_popup .desc_text,
  #internet_marketing_b2c_popup .desc_text {
    padding-bottom: 40px;
  }
  #internet_marketing_b2b_popup .head span,
  #internet_marketing_b2c_popup .head span {
    padding-top: 0;
  }
}
/*end internet_marketing_b2b_popup*/

/*submit_application_services*/

.white-popup#submit_application_services button.mfp-close,
.white-popup#submit_application_services button.mfp-close,
.white-popup#submit_application_services--seo-offer button.mfp-close,
.white-popup#submit_application_services--seo-offer button.mfp-close,
.white-popup#submit_application_services--seo-plan-work button.mfp-close,
.white-popup#submit_application_services--seo-plan-work button.mfp-close,
.white-popup#submit_application_services--seo-order button.mfp-close,
.white-popup#submit_application_services--seo-order button.mfp-close,
.white-popup#submit_application_services--seo-we-will-callback button.mfp-close,
.white-popup#submit_application_services--seo-we-will-callback button.mfp-close,
.white-popup#submit_application_services--seo-write-to-us button.mfp-close,
.white-popup#submit_application_services--seo-write-to-us button.mfp-close,
.white-popup#submit_application_services_with_email button.mfp-close {
    top: 20px;
    right: 40px;
}

.white-popup#submit_application_services_with_email button.mfp-close:after {
  color: #000000;
}

.white-popup#submit_application_services,
.white-popup#submit_application_services--seo-offer,
.white-popup#submit_application_services--seo-plan-work,
.white-popup#submit_application_services--seo-order,
.white-popup#submit_application_services--seo-we-will-callback,
.white-popup#submit_application_services--seo-write-to-us,
.white-popup#submit_application_services_with_email {
  border-radius: 0;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.white-popup#submit_application_services button.mfp-close:after,
.white-popup#submit_application_services--seo-offer button.mfp-close:after,
.white-popup#submit_application_services--seo-plan-work button.mfp-close:after,
.white-popup#submit_application_services--seo-order button.mfp-close:after,
.white-popup#submit_application_services--seo-we-will-callback button.mfp-close:after,
.white-popup#submit_application_services--seo-write-to-us button.mfp-close:after {
  font-size: 36px;
  color: #000;
}
.white-popup#submit_application_services,
.white-popup#submit_application_services--seo-offer,
.white-popup#submit_application_services--seo-plan-work,
.white-popup#submit_application_services--seo-order,
.white-popup#submit_application_services--seo-we-will-callback,
.white-popup#submit_application_services--seo-write-to-us {
  max-width: 380px;
  width: 90%;
  min-height: 380px;
  background-color: #ECECEC;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 50px;
  text-align: center;
  font-size: 14px;
  line-height: 1.3;
  -webkit-transition: 1s;
  transition: 1s;
}

.white-popup#submit_application_services--seo-offer {
    max-width: 650px;
}

.white-popup#submit_application_services--seo-offer .submit_application_services--seo-offer-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0 -15px;
}

.white-popup#submit_application_services--seo-offer .submit_application_services--seo-offer-row input {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 255px;
        flex-basis: 255px;
    margin-left: 15px;
    margin-right: 15px;
}

.white-popup#submit_application_services *,
.white-popup#submit_application_services--seo-offer *,
.white-popup#submit_application_services--seo-plan-work *,
.white-popup#submit_application_services--seo-order *,
.white-popup#submit_application_services--seo-we-will-callback *,
.white-popup#submit_application_services--seo-write-to-us * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
          line-height: 1;
}

.white-popup#submit_application_services p,
.white-popup#submit_application_services--seo-offer p,
.white-popup#submit_application_services--seo-plan-work p,
.white-popup#submit_application_services--seo-order p,
.white-popup#submit_application_services--seo-we-will-callback p,
.white-popup#submit_application_services--seo-write-to-us p {
  margin: 0;
  padding: 0;
}

.white-popup#submit_application_services .title_submit_application,
.white-popup#submit_application_services--seo-offer .title_submit_application,
.white-popup#submit_application_services--seo-plan-work .title_submit_application,
.white-popup#submit_application_services--seo-order .title_submit_application,
.white-popup#submit_application_services--seo-we-will-callback .title_submit_application,
.white-popup#submit_application_services--seo-write-to-us .title_submit_application,
.white-popup#submit_application_services_with_email .title_submit_application {
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 30px;
}

.white-popup#submit_application_services form,
.white-popup#submit_application_services--seo-offer form,
.white-popup#submit_application_services--seo-plan-work form,
.white-popup#submit_application_services--seo-order form,
.white-popup#submit_application_services--seo-we-will-callback form,
.white-popup#submit_application_services--seo-write-to-us form,
.white-popup#submit_application_services_with_email form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 30px 0;

}

.white-popup#submit_application_services form input,
.white-popup#submit_application_services form button,
.white-popup#submit_application_services--seo-offer form input,
.white-popup#submit_application_services--seo-offer form button,
.white-popup#submit_application_services--seo-offer form textarea,
.white-popup#submit_application_services--seo-plan-work form input,
.white-popup#submit_application_services--seo-plan-work form button,
.white-popup#submit_application_services--seo-order form input,
.white-popup#submit_application_services--seo-order form button,
.white-popup#submit_application_services--seo-we-will-callback form input,
.white-popup#submit_application_services--seo-we-will-callback form button,
.white-popup#submit_application_services--seo-write-to-us form input,
.white-popup#submit_application_services--seo-write-to-us form button,
.white-popup#submit_application_services_with_email form button {
  border: 4px solid #fff;
    outline: none;
    text-align: center;
    padding: 19px;
    border-radius: 30px;
    width: 100%;
    margin: 0;
}
.white-popup#submit_application_services--seo-offer form textarea {
    text-align: left;
    margin-bottom: 25px;
    max-height: 75px;
}
.white-popup#submit_application_services--seo-offer form *::-webkit-input-placeholder {
    color: #959595;
}
.white-popup#submit_application_services form input,
.white-popup#submit_application_services--seo-offer form input,
.white-popup#submit_application_services--seo-plan-work form input,
.white-popup#submit_application_services--seo-order form input,
.white-popup#submit_application_services--seo-we-will-callback form input,
.white-popup#submit_application_services--seo-write-to-us form input {
  margin-bottom: 20px;
}

.white-popup#submit_application_services form input.error,
.white-popup#submit_application_services--seo-offer form input.error,
.white-popup#submit_application_services--seo-plan-work form input.error,
.white-popup#submit_application_services--seo-order form input.error,
.white-popup#submit_application_services--seo-we-will-callback form input.error,
.white-popup#submit_application_services--seo-write-to-us form input.error {
  border-color: #e2223f;
  font-size: 13px;
  color: #000;
}

.white-popup#submit_application_services form button,
.white-popup#submit_application_services--seo-offer form button,
.white-popup#submit_application_services--seo-plan-work form button,
.white-popup#submit_application_services--seo-order form button,
.white-popup#submit_application_services--seo-we-will-callback form button,
.white-popup#submit_application_services--seo-write-to-us form button {
  background-color: #DF1A42;
  color: #fff;
  font-weight: bold;
  padding: 17px;
  margin-top: 10px;
  cursor: pointer;
  border: none;
}

.white-popup#submit_application_services .submit_application_policy,
.white-popup#submit_application_services--seo-offer .submit_application_policy,
.white-popup#submit_application_services--seo-plan-work .submit_application_policy,
.white-popup#submit_application_services--seo-order .submit_application_policy,
.white-popup#submit_application_services--seo-we-will-callback .submit_application_policy,
.white-popup#submit_application_services--seo-write-to-us .submit_application_policy {
  font-size: 10px;
  color: #999;
}

.white-popup#submit_application_services .submit_application_policy a,
.white-popup#submit_application_services--seo-offer .submit_application_policy a,
.white-popup#submit_application_services--seo-plan-work .submit_application_policy a,
.white-popup#submit_application_services--seo-order .submit_application_policy a,
.white-popup#submit_application_services--seo-we-will-callback .submit_application_policy a,
.white-popup#submit_application_services--seo-write-to-us .submit_application_policy a {
  font-size: 10px;
}
.white-popup#submit_application_services .submit_application_thanks,
.white-popup#submit_application_services--seo-offer .submit_application_thanks,
.white-popup#submit_application_services--seo-plan-work .submit_application_thanks,
.white-popup#submit_application_services--seo-order .submit_application_thanks,
.white-popup#submit_application_services--seo-we-will-callback .submit_application_thanks,
.white-popup#submit_application_services--seo-write-to-us .submit_application_thanks
.white-popup#submit_application_services_with_email .submit_application_thanks  {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
  width: 100%;
  padding: 20px;
}

.white-popup#submit_application_services .submit_application_thanks p,
.white-popup#submit_application_services--seo-offer .submit_application_thanks p,
.white-popup#submit_application_services--seo-plan-work .submit_application_thanks p,
.white-popup#submit_application_services--seo-order .submit_application_thanks p,
.white-popup#submit_application_services--seo-we-will-callback .submit_application_thanks p,
.white-popup#submit_application_services--seo-write-to-us .submit_application_thanks p,
.white-popup#submit_application_services_with_email .submit_application_thanks p {
  font-size: 28px;
  font-weight: bold;
  margin-top: 50px;
}

@media screen and (max-width: 480px) {
  .white-popup#submit_application_services,
  .white-popup#submit_application_services--seo-offer,
  .white-popup#submit_application_services--seo-plan-work,
  .white-popup#submit_application_services--seo-order,
  .white-popup#submit_application_services--seo-we-will-callback,
  .white-popup#submit_application_services--seo-write-to-us {
    padding: 50px 30px;
  }
}
/*end submit_application_services*/

/*submit_application_services_kompleksnoe-prodvizhenie*/

.white-popup#submit_application_services button.mfp-close,
.white-popup#submit_application_services button.mfp-close,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-offer button.mfp-close,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-offer button.mfp-close,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-plan-work button.mfp-close,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-plan-work button.mfp-close,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-order button.mfp-close,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-order button.mfp-close,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-we-will-callback button.mfp-close,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-we-will-callback button.mfp-close,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-consult button.mfp-close,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-write-to-us button.mfp-close {
    top: 20px;
    right: 40px;
}
.white-popup#submit_application_services,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-offer,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-plan-work,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-order,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-we-will-callback,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-consult,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-write-to-us {
  border-radius: 0;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.white-popup#submit_application_services button.mfp-close:after,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-offer button.mfp-close:after,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-plan-work button.mfp-close:after,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-order button.mfp-close:after,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-we-will-callback button.mfp-close:after,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-consult button.mfp-close:after,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-write-to-us button.mfp-close:after {
  font-size: 36px;
  color: #000;
}
.white-popup#submit_application_services,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-offer,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-plan-work,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-order,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-we-will-callback,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-consult,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-write-to-us,
.white-popup#submit_application_services_with_email {
  max-width: 380px;
  width: 90%;
  min-height: 380px;
  background-color: #ECECEC;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 50px;
  text-align: center;
  font-size: 14px;
  line-height: 1.3;
  -webkit-transition: 1s;
  transition: 1s;
}

.white-popup#submit_application_services--kompleksnoe-prodvizhenie-offer {
    max-width: 650px;
}

.white-popup#submit_application_services--kompleksnoe-prodvizhenie-offer .submit_application_services--kompleksnoe-prodvizhenie-offer-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0 -15px;
}

.white-popup#submit_application_services--kompleksnoe-prodvizhenie-offer .submit_application_services--kompleksnoe-prodvizhenie-offer-row input {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 255px;
        flex-basis: 255px;
    margin-left: 15px;
    margin-right: 15px;
}

.white-popup#submit_application_services *,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-offer *,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-plan-work *,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-order *,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-we-will-callback *,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-consult *,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-write-to-us * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
          line-height: 1;
}

.white-popup#submit_application_services p,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-offer p,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-plan-work p,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-order p,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-we-will-callback p,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-consult p,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-write-to-us p {
  margin: 0;
  padding: 0;
}

.white-popup#submit_application_services .title_submit_application,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-offer .title_submit_application,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-plan-work .title_submit_application,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-order .title_submit_application,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-we-will-callback .title_submit_application,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-consult .title_submit_application,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-write-to-us .title_submit_application {
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 30px;
}

.white-popup#submit_application_services form,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-offer form,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-plan-work form,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-order form,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-we-will-callback form,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-consult form,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-write-to-us form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 30px 0;

}

.white-popup#submit_application_services form input,
.white-popup#submit_application_services form button,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-offer form input,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-offer form button,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-offer form textarea,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-plan-work form input,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-plan-work form button,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-order form input,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-order form button,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-we-will-callback form input,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-we-will-callback form button,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-consult form input,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-consult form button,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-write-to-us form input,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-write-to-us form button {
  border: 4px solid #fff;
    outline: none;
    text-align: center;
    padding: 19px;
    border-radius: 30px;
    width: 100%;
    margin: 0;
}
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-offer form textarea {
    text-align: left;
    margin-bottom: 25px;
    max-height: 75px;
}
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-offer form *::-webkit-input-placeholder {
    color: #959595;
}
.white-popup#submit_application_services form input,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-offer form input,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-plan-work form input,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-order form input,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-we-will-callback form input,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-consult form input,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-write-to-us form input {
  margin-bottom: 20px;
}

.white-popup#submit_application_services form input.error,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-offer form input.error,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-plan-work form input.error,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-order form input.error,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-we-will-callback form input.error,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-consult form input.error,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-write-to-us form input.error {
  border-color: #e2223f;
  font-size: 13px;
  color: #000;
}

.white-popup#submit_application_services form button,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-offer form button,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-plan-work form button,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-order form button,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-we-will-callback form button,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-consult form button,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-write-to-us form button,
.white-popup#submit_application_services_with_email form button {
  background-color: #DF1A42;
  color: #fff;
  font-weight: bold;
  padding: 17px;
  margin-top: 10px;
  cursor: pointer;
  border: none;
}

.white-popup#submit_application_services .submit_application_policy,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-offer .submit_application_policy,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-plan-work .submit_application_policy,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-order .submit_application_policy,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-we-will-callback .submit_application_policy,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-consult .submit_application_policy,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-write-to-us .submit_application_policy,
.white-popup#submit_application_services_with_email .submit_application_policy {
  font-size: 10px;
  color: #999;
}

.white-popup#submit_application_services .submit_application_policy a,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-offer .submit_application_policy a,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-plan-work .submit_application_policy a,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-order .submit_application_policy a,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-we-will-callback .submit_application_policy a,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-consult .submit_application_policy a,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-write-to-us .submit_application_policy a,
.white-popup#submit_application_services_with_email .submit_application_policy a {
  font-size: 10px;
}
.white-popup#submit_application_services .submit_application_thanks,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-offer .submit_application_thanks,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-plan-work .submit_application_thanks,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-order .submit_application_thanks,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-we-will-callback .submit_application_thanks,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-write-to-us .submit_application_thanks,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-consult .submit_application_thanks,
.white-popup#submit_application_services_with_email .submit_application_thanks {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
  width: 100%;
  padding: 20px;
}

.white-popup#submit_application_services .submit_application_thanks p,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-offer .submit_application_thanks p,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-plan-work .submit_application_thanks p,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-order .submit_application_thanks p,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-we-will-callback .submit_application_thanks p,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-consult .submit_application_thanks p,
.white-popup#submit_application_services--kompleksnoe-prodvizhenie-write-to-us .submit_application_thanks p,
.white-popup#submit_application_services_with_email .submit_application_thanks p {
  font-size: 28px;
  font-weight: bold;
  margin-top: 50px;
}

@media screen and (max-width: 480px) {
  .white-popup#submit_application_services,
  .white-popup#submit_application_services--kompleksnoe-prodvizhenie-offer,
  .white-popup#submit_application_services--kompleksnoe-prodvizhenie-plan-work,
  .white-popup#submit_application_services--kompleksnoe-prodvizhenie-order,
  .white-popup#submit_application_services--kompleksnoe-prodvizhenie-we-will-callback,
  .white-popup#submit_application_services--kompleksnoe-prodvizhenie-consult,
  .white-popup#submit_application_services--kompleksnoe-prodvizhenie-write-to-us {
    padding: 50px 30px;
  }
}
/*end submit_application_services_kompleksnoe-prodvizhenie*/

/* biznes_roliky_popup */
.white-popup#biznes_roliky_popup button.mfp-close {
    top: 40px;
    right: 20px;
}

.white-popup#biznes_roliky_popup {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto;
    max-width: 434px;
    width: 100%;
    height: 551px;
    background: url(/bitrix/templates/adapt/images/bg-biznes-roliky-popup.png)no-repeat center;
    background-size: contain;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0;
    overflow: hidden;
}

.white-popup#biznes_roliky_popup *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 1.3;
}

.white-popup#biznes_roliky_popup .popup-content {
    position: absolute;
    max-width: 280px;
    width: 100%;
    top: 60%;
    left: 43%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    color: #fff;
    padding: 0 10px;
    text-align: center;
    -webkit-box-sizing: border-box;
        box-sizing: border-box;
}

    @media screen and (max-width: 480px) {
        .white-popup#biznes_roliky_popup .popup-content {
            max-width: 220px;
        }
    }

.white-popup#biznes_roliky_popup .popup-content .title-popup{
    font-size: 32px;
    font-weight: 800;
    margin-bottom: 25px;
    font-family: 'proxima_nova_extrabld';
}

.white-popup#biznes_roliky_popup .popup-content .title-popup .selected-text {
    color: #E12341;
}

    @media screen and (max-width: 480px) {
        .white-popup#biznes_roliky_popup .popup-content .title-popup {
            font-size: 26px;
        }
    }

.white-popup#biznes_roliky_popup .popup-content .desc-popup {
    font-size: 24px;
    margin-bottom: 15px;
}

    @media screen and (max-width: 480px) {
        .white-popup#biznes_roliky_popup .popup-content .desc-popup {
            font-size: 18px;
            margin-bottom: 15px;
        }
    }

.white-popup#biznes_roliky_popup .btn_popup {
    background-color: #E12341;
    border-radius: 25px;
    text-decoration: none;
    color: #fff;
    border: 2px solid #E12341;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    padding: 11.5px 10px;
    max-width: 220px;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    bottom: 35px;
    left: 43%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (max-width: 480px) {
    .white-popup#biznes_roliky_popup .btn_popup {
        bottom: 60px;
    }
}

.white-popup#biznes_roliky_popup .btn_popup:hover {
    background-color: #fff;
    color: #E12341;
}
/* end biznes_roliky_popup */



/*lending_build-yourself*/

.white-popup#build-yourself button.mfp-close {
    top: 40px;
    right: 70px;
}
.white-popup#build-yourself .red:not(.mfp-close),
.white-popup#build-yourself .black:not(.mfp-close),
.white-popup#build-yourself .white:not(.mfp-close){
  text-align: left;
  display: inline-block;
  width: auto;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}


.white-popup#build-yourself .red:not(.mfp-close){
  color: #e12341;
  line-height: 1.3em;
}


.white-popup#build-yourself .white:not(.mfp-close){
    color: #fff;
    line-height: 1.3em;
    font-size: 20px;
}


.white-popup#build-yourself {
   -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 460px;
    width: 100%;
    height: 580px;
    background: url(/bitrix/templates/adapt/images/24-06-19/dragon.png)no-repeat center;
    background-size: contain;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0;
    overflow: hidden;
}

.white-popup#build-yourself *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 1.3;
    color: #a2c81f;
    font-weight: bold;
    font-size: 30px;
}

.white-popup#build-yourself .skinny {
    font-size: 20px;
    line-height: 24px;
    font-weight: normal;
    margin-top: 30px;
    display: block;
    max-width: 160px;
    text-align: left;
    color: #fff;
    padding-left: 6px;

}

.white-popup#build-yourself .popup-content {
    position: absolute;
    width: 70%;
    top: 42%;
    left: 33%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    color: #fff;
    padding: 0 30px;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media screen and (max-width: 480px) {
    .white-popup#build-yourself .btn_popup {
        bottom: 130px;
    }

    .white-popup#build-yourself *:not(.mfp-close) {
      font-size: 24px;

    }
}
    @media screen and (max-width: 480px) {
        .white-popup#build-yourself {
          height: 455px;
        }
        .white-popup#build-yourself .popup-content {
            max-width: 306px;
            top: 45%;
        }
        .white-popup#build-yourself button.mfp-close {
            top: 40px;
            right: 30px;
        }

        .white-popup#build-yourself .white:not(.mfp-close) {
          color: #fff;
          line-height: 1.3em;
          font-size: 14px;
        }
    }

.white-popup#build-yourself .popup-content .title-popup{
    text-align: left;
    font-size: 50px;
    font-weight: 800;
    margin-bottom: -10px;
    font-family: 'proxima_nova_extrabld';
}

.white-popup#build-yourself .popup-content .title-popup .selected-text {
    color: #E12341;
}

    @media screen and (max-width: 480px) {
        .white-popup#build-yourself .popup-content .title-popup {
        font-size: 35px;
        margin-bottom: 0px;
        }
    }

.white-popup#build-yourself .popup-content .desc-popup {
    font-size: 20px;
    text-align: left;
}

    @media screen and (max-width: 480px) {
        .white-popup#build-yourself .popup-content .desc-popup {
            font-size: 14px;
        }
        .white-popup#build-yourself .skinny {
          font-size: 14px;
          line-height: 14px;
          max-width: 103px;
          margin-top: 20px;
        }

        .white-popup#build-yourself .btn_popup {
          bottom: 125px;
        }
    }

.white-popup#build-yourself .btn_popup {
background-color: #E12341;
    border-radius: 25px;
    text-decoration: none;
    color: #fff;
    border: 2px solid #E12341;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
    padding: 6.5px 0px;
    max-width: 150px;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    bottom: 155px;
    left: 49%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}



@media screen and (max-width: 480px) {

  .white-popup#build-yourself .btn_popup {
    bottom: 125px;
  }


}

.white-popup#build-yourself .btn_popup:hover {
    background-color: #fff;
    color: #E12341;
}

/*lending_build-yourself*/







/* white_seo_popup */
.white-popup#white_seo_popup button.mfp-close {
    top: 140px;
    right: 30px;
}

    @media screen and (max-width: 480px) {
        .white-popup#white_seo_popup button.mfp-close {
            top: 165px;
        }
    }

.white-popup#white_seo_popup {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto;
    max-width: 401px;
    width: 100%;
    height: 481px;
    background: url(/bitrix/templates/adapt/images/bg-white-seo-popup.png)no-repeat center;
    background-size: contain;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0;
    overflow: hidden;
}

.white-popup#white_seo_popup *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 1.3;
}

.white-popup#white_seo_popup .popup-content {
    position: absolute;
    max-width: 310px;
    width: 100%;
    top: 57%;
    left: 53%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    color: #fff;
    padding: 0 10px;
    text-align: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

    @media screen and (max-width: 480px) {
        .white-popup#white_seo_popup .popup-content {
            max-width: 250px;
        }
    }

.white-popup#white_seo_popup .popup-content .title-popup{
    font-size: 32px;
    font-weight: 800;
    margin-bottom: 25px;
    font-family: 'proxima_nova_extrabld';
}

.white-popup#white_seo_popup .popup-content .title-popup .selected-text {
    color: #E12341;
}

    @media screen and (max-width: 480px) {
        .white-popup#white_seo_popup .popup-content .title-popup {
            font-size: 26px;
        }
    }

.white-popup#white_seo_popup .popup-content .desc-popup {
    font-size: 24px;
}

    @media screen and (max-width: 480px) {
        .white-popup#white_seo_popup .popup-content .desc-popup {
            font-size: 18px;
        }
    }

.white-popup#white_seo_popup .btn_popup {
    background-color: #E12341;
    border-radius: 25px;
    text-decoration: none;
    color: #fff;
    border: 2px solid #E12341;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    padding: 11.5px 10px;
    max-width: 220px;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    bottom: 35px;
    left: 53%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);

}

@media screen and (max-width: 480px) {
    .white-popup#white_seo_popup .btn_popup {
        bottom: 60px;
    }
}

.white-popup#white_seo_popup .btn_popup:hover {
    background-color: #fff;
    color: #E12341;
}
/* end white_seo_popup */


/* function_site_popup */
.white-popup#function_site_popup button.mfp-close {
    top: 100px;
    right: 20px;
}

.white-popup#function_site_popup {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto;
    max-width: 440px;
    width: 100%;
    height: 520px;
    background: url(/bitrix/templates/adapt/images/bg-function-site-popup.png)no-repeat center;
    background-size: contain;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0;
    overflow: hidden;
}

.white-popup#function_site_popup *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    font-size: 24px;
    line-height: 1.3;
}

.white-popup#function_site_popup .popup-content {
    position: absolute;
    max-width: 280px;
    width: 100%;
    top: 65%;
    left: 60%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    color: #fff;
    text-align: center;
}
.white-popup#function_site_popup .popup-content .title-popup {
    font-size: 32px;
    font-weight: 800;
    margin-bottom: 5px;
    font-family: 'proxima_nova_extrabld';
}

    @media screen and (max-width: 480px) {
        .white-popup#function_site_popup .popup-content .title-popup {
            font-size: 26px;
        }
    }

.white-popup#function_site_popup .popup-content .desc-popup {
    font-size: 24px;
}

    @media screen and (max-width: 480px) {
        .white-popup#function_site_popup .popup-content .desc-popup {
            font-size: 18px;
        }
    }

.white-popup#function_site_popup .btn_popup {
    background-color: #E12341;
    border-radius: 25px;
    text-decoration: none;
    color: #fff;
    border: 2px solid #E12341;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 800;
    -webkit-box-shadow: 0 3px 3px 0 #272937;
            box-shadow: 0 3px 3px 0 #272937;
    text-align: center;
    text-transform: uppercase;
    font-size: 24px;
    padding: 11.5px 10px;
    max-width: 220px;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    bottom: 20px;
    left: 60%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

    @media screen and (max-width: 480px) {
        .white-popup#function_site_popup .btn_popup {
            bottom: 70px;
            max-width: 190px;
        }
    }

.white-popup#function_site_popup .btn_popup:hover {
    background-color: #fff;
    color: #E12341;
}
/* end function_site_popup */



/* smm-creative */
.white-popup#smm-creative button.mfp-close {
    top: 50px;
    right: 3px;
}

.white-popup#smm-creative {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto;
    max-width: 440px;
    width: 100%;
    height: 520px;
    background: url(/bitrix/templates/adapt/images/smm-creative.png) no-repeat center;
    background-size: contain;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0;
    overflow: hidden;
}

.white-popup#smm-creative *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    font-size: 24px;
    line-height: 1em;
}

.white-popup#smm-creative .popup-content {
    position: absolute;
    max-width: 350px;
    width: 100%;
    top: 11%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-10%);
    color: #fff;
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.white-popup#smm-creative .popup-content .title-popup {
    font-size: 36px;
    font-weight: 800;
    color: #000;
    margin-bottom: 0px;
    font-family: 'proxima_nova_extrabld';
}
.white-popup#smm-creative .popup-content .title-popup span{
    display: block;
    color: #e2223f;
    font-size: 36px;
}
    @media screen and (max-width: 480px) {
        .white-popup#smm-creative .popup-content .title-popup {
            font-size: 26px;
        }
    }

.white-popup#smm-creative .popup-content .desc-popup {
    font-size: 22px;
    color: #000;
}

    @media screen and (max-width: 480px) {
        .white-popup#smm-creative .popup-content .desc-popup {
            font-size: 18px;
        }
    }

.white-popup#smm-creative .btn_popup {
    background-color: #E12341;
    border-radius: 35px;
    text-decoration: none;
    color: #fff;
    border: 2px solid #E12341;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 800;
    -webkit-box-shadow: 0 3px 3px 0 #272937;
    box-shadow: 0 3px 3px 0 #272937;
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
    padding: 11.5px 10px;
    max-width: 354px;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    bottom: 31px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

    @media screen and (max-width: 480px) {
        .white-popup#smm-creative .btn_popup {
            bottom: 70px;
            max-width: 280px;
        }
    }

.white-popup#smm-creative .btn_popup:hover {
    background-color: #fff;
    color: #E12341;
}
/* end smm-creative */


/* yt-tricks_popup*/
.white-popup#yt-tricks_popup button.mfp-close {
    top: 50px;
    right: 20px;
}

.white-popup#yt-tricks_popup {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 452px;
    width: 100%;
    height: 444px;
    background: url(/bitrix/templates/adapt/images/yttricks-popup.png)no-repeat center;
    background-size: contain;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    overflow: hidden;
}

.white-popup#yt-tricks_popup *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    font-size: 24px;
    line-height: 1.3;
}

.white-popup#yt-tricks_popup .popup-content {
    position: absolute;
    max-width: 100%;
    width: 100%;
    top: 28%;
    left: 67%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    color: #fff;
    text-align: left;
}
@media screen and (max-width: 480px) {
    .white-popup#yt-tricks_popup .popup-content {
        left: 60%;
        top: 32%;
        max-width: 280px;
    }
}
.white-popup#yt-tricks_popup .popup-content .title-popup{
    font-weight: 700;
    font-family: 'BebasNeueBold';
}
.white-popup#yt-tricks_popup .popup-content .title-popup span{
    font-size: 47px;
    border-radius: 11px 11px 0 0;
    display: inline-block;
    background-color: #F12B24;
    padding: 0px 32px 0px 16px;
}
.white-popup#yt-tricks_popup .popup-content .title-popup span.big{
    font-size: 46px;
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
    border-radius: 0 11px 11px 11px;
}
.white-popup#yt-tricks_popup .popup-content .title-popup strong{
    font-size: 24px;
    font-weight: 700;
    font-family: 'BebasNeueBold';
    display: block;
}

    @media screen and (max-width: 480px) {
        .white-popup#yt-tricks_popup .popup-content .title-popup span{
            font-size: 26px;
        }
        .white-popup#yt-tricks_popup .popup-content .title-popup span.big{
            font-size: 28px;
        }
    }

.white-popup#yt-tricks_popup .popup-content .desc-popup {
    
    font-family: 'BebasNeueBold';
    font-size: 24px;
}

    @media screen and (max-width: 480px) {
        .white-popup#yt-tricks_popup .popup-content .desc-popup {
            font-size: 18px;
        }
    }

.white-popup#yt-tricks_popup .btn_popup {
    background-color: #F12B24;
    border-radius: 11px;
    text-decoration: none;
    color: #fff;
    border: 2px solid #F12B24;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    font-size: 24px;
    padding: 11.5px 10px;
    max-width: 220px;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    bottom: 62px;
    -webkit-box-shadow: 4px 5px 7px 3px rgba(39, 41, 55, 0.5);
            box-shadow: 4px 5px 7px 3px rgba(39, 41, 55, 0.5);
    left: 39%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-family: 'BebasNeueBold';
}

    @media screen and (max-width: 480px) {
        .white-popup#yt-tricks_popup .btn_popup {
            bottom: 100px;
            max-width: 158px;
        }
    }

.white-popup#yt-tricks_popup .btn_popup:hover {
    background-color: #fff;
    color: #F12B24;
}
/* end yt-tricks_popup */

/* howto*/
.white-popup[id^="howto"] button.mfp-close {
    top: 20px;
    right: 38px;
}


.white-popup[id^="howto"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 428px;
    width: 100%;
    height: 494px;
    -webkit-box-shadow: none;
    box-shadow: none;
    overflow: hidden;
    background-color: transparent;
    
}

.white-popup[id^="howto"] *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    font-size: 24px;
    line-height: 1.3;
}

.white-popup[id^="howto"] .popup-content {
    position: absolute;
    max-width: 100%;
    width: 100%;
    top: 0%;
    left: 0%;
    height: 463px;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    border-radius: 10px;
    text-align: left;
}
.white-popup#howto-kostya button.mfp-close{
    top: 24px;
    right: 8px;  
}
.white-popup#howto-kostya .popup-content {
    /*background-image: url(/bitrix/templates/adapt/images/tiktok-webinar.png);*/
    /*background-image: url(/bitrix/templates/adapt/images/svyat-webinar.png);*/
    /* background-image: url(/bitrix/templates/adapt/images/new-svyat-webinar.png); */
    background-image: url(/bitrix/templates/adapt/images/alexandrov-pp.png);
}

.white-popup#howto-kostya .btn_popup{
    background: #D12229;
    border-radius: 91.296px;
    font-family: 'BebasNeue';
    font-size: 36.5373px;
    line-height: 100%;
    color: #FFFFFF;
    max-width: 258px;
    border: none;
    padding: 15px;
}

@media screen and (max-width: 480px) {
    .white-popup#howto-kostya .btn_popup{
        max-width: 198px;
        font-size: 25.5373px;  
        padding: 10px;
    }
}
.white-popup#howto-sasha .popup-content {
    background-image: url(/bitrix/templates/adapt/images/howto-sasha.png);
}
@media screen and (max-width: 480px) {
    .white-popup[id^="howto"] {
        max-width: 280px;
        background-size: 280px;
        height: 400px;
    }
}
.white-popup[id^="howto"] .popup-content .title-popup{
    font-weight: 700;
    font-family: 'BebasNeueBold';
}
.white-popup[id^="howto"] .popup-content .title-popup span{
    font-size: 47px;
    border-radius: 11px 11px 0 0;
    display: inline-block;
    background-color: #F12B24;
    padding: 0px 32px 0px 16px;
}
.white-popup[id^="howto"] .popup-content .title-popup span.big{
    font-size: 61px;
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
    border-radius: 0 11px 11px 11px;
}
.white-popup[id^="howto"] .popup-content .title-popup strong{
    font-size: 24px;
    font-weight: 700;
    font-family: 'BebasNeueBold';
    display: block;
}

    @media screen and (max-width: 480px) {
        .white-popup[id^="howto"] .popup-content .title-popup span{
            font-size: 26px;
        }
        .white-popup[id^="howto"] .popup-content .title-popup span.big{
            font-size: 36px;
        }
    }

.white-popup[id^="howto"] .popup-content .desc-popup {
    
    font-family: 'BebasNeueBold';
    font-size: 24px;
}

    @media screen and (max-width: 480px) {
        .white-popup[id^="howto"] .popup-content .desc-popup {
            font-size: 18px;
        }
        .white-popup[id^="howto"] .popup-content {
            height: 300px;
            top: 60px;
        }
    }

    .white-popup[id^="howto"] .btn_popup {
        background-color: #F12B24;
        border-radius: 30px;
        text-decoration: none;
        color: #fff;
        border: 2px solid #F12B24;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-weight: 700;
        text-align: center;
        text-transform: uppercase;
        font-size: 36px;
        padding: 4.5px 10px 0;
        max-width: 230px;
        width: 100%;
        -webkit-transition: 0.3s;
        transition: 0.3s;
        position: absolute;
        bottom: 3px;
        -webkit-box-shadow: 4px 5px 7px 3px rgba(39, 41, 55, 0.5);
        box-shadow: 4px 5px 7px 3px rgba(39, 41, 55, 0.5);
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        font-family: 'BebasNeueBold';
    }

    @media screen and (max-width: 480px) {
        .white-popup[id^="howto"] .btn_popup {
            bottom: 18px;
            font-size: 22px;
            max-width: 158px;
        }
    }

.white-popup[id^="howto"] .btn_popup:hover {
    background-color: #fff;
    color: #F12B24;
}
/* end howto*/



/* yt-channel_popup*/
.white-popup#yt-channel_popup button.mfp-close {
    top: 50px;
    right: 20px;
}

.white-popup#yt-channel_popup {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 452px;
    width: 100%;
    height: 444px;
    background: url(/bitrix/templates/adapt/images/yttricks-popup.png)no-repeat center;
    background-size: contain;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    overflow: hidden;
}

.white-popup#yt-channel_popup *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    font-size: 24px;
    line-height: 1.3;
}

.white-popup#yt-channel_popup .popup-content {
    position: absolute;
    max-width: 100%;
    width: 100%;
    top: 28%;
    left: 67%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    color: #fff;
    text-align: left;
}
@media screen and (max-width: 480px) {
    .white-popup#yt-channel_popup .popup-content {
        left: 60%;
        top: 32%;
        max-width: 280px;
    }
}
.white-popup#yt-channel_popup .popup-content .title-popup{
    font-weight: 700;
    font-family: 'BebasNeueBold';
}
.white-popup#yt-channel_popup .popup-content .title-popup span{
    font-size: 47px;
    border-radius: 11px 11px 0 0;
    display: inline-block;
    background-color: #F12B24;
    padding: 0px 32px 0px 16px;
}
.white-popup#yt-channel_popup .popup-content .title-popup span.big{
    font-size: 61px;
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
    border-radius: 0 11px 11px 11px;
}
.white-popup#yt-channel_popup .popup-content .title-popup strong{
    font-size: 24px;
    font-weight: 700;
    font-family: 'BebasNeueBold';
    display: block;
}

    @media screen and (max-width: 480px) {
        .white-popup#yt-channel_popup .popup-content .title-popup span{
            font-size: 26px;
        }
        .white-popup#yt-channel_popup .popup-content .title-popup span.big{
            font-size: 36px;
        }
    }

.white-popup#yt-channel_popup .popup-content .desc-popup {
    
    font-family: 'BebasNeueBold';
    font-size: 24px;
}

    @media screen and (max-width: 480px) {
        .white-popup#yt-channel_popup .popup-content .desc-popup {
            font-size: 18px;
        }
    }

.white-popup#yt-channel_popup .btn_popup {
    background-color: #F12B24;
    border-radius: 11px;
    text-decoration: none;
    color: #fff;
    border: 2px solid #F12B24;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    font-size: 24px;
    padding: 11.5px 10px;
    max-width: 220px;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    bottom: 62px;
    -webkit-box-shadow: 4px 5px 7px 3px rgba(39, 41, 55, 0.5);
            box-shadow: 4px 5px 7px 3px rgba(39, 41, 55, 0.5);
    left: 39%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-family: 'BebasNeueBold';
}

    @media screen and (max-width: 480px) {
        .white-popup#yt-channel_popup .btn_popup {
            bottom: 100px;
            max-width: 158px;
        }
    }

.white-popup#yt-channel_popup .btn_popup:hover {
    background-color: #fff;
    color: #F12B24;
}
/* end yt-channel_popup */






/* teachline-course-direct*/
.white-popup#teachline-course-direct button.mfp-close {
    top: 120px;
    right: 60px;
}

.white-popup#teachline-course-direct {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 678px;
    width: 100%;
    height: 620px;
    background: url(/bitrix/templates/adapt/images/direct-spec-bg.png)no-repeat center;
    /* background-size: auto; */
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    overflow: hidden;
}

@media screen and (max-width: 610px) {
    .white-popup#teachline-course-direct {
        background-size: contain;
        max-width: 328px;
        height: 530px;
    }
}

.white-popup#teachline-course-direct *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    font-size: 24px;
    line-height: 1.3;
}

.white-popup#teachline-course-direct .popup-content {
    position: absolute;
    max-width: 357px;
    width: auto;
    top: 39%;
    right: 30px;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(9px,-50%);
    color: #fff;
    text-align: left;
}
@media screen and (max-width: 610px) {
    .white-popup#teachline-course-direct .popup-content {
        left: auto;
        top: 38%;
        right: 10%;
        max-width: 240px;
    }
}
.white-popup#teachline-course-direct .popup-content .title-popup{
    font-weight: 700;
    font-family: 'BebasNeueBold';
}
.white-popup#teachline-course-direct .popup-content .title-popup span{
    font-size: 51px;
    border-radius: 11px 11px 0 0;
    display: inline-block;
    background-color: #5F2D9D;
    padding: 0px 32px 0px 16px;
}
.white-popup#teachline-course-direct .popup-content .title-popup span.big{
    font-size: 56px;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    color: #FFC100;
    border-radius: 0 11px 11px 11px;
    line-height: 1.0em;
}
.white-popup#teachline-course-direct .popup-content .title-popup strong{
    font-size: 24px;
    display: block;
    font-weight: 300;
    font-family: 'TT Norms';
    width: 240px;
    display: block;
    padding-left: 20px;
    position: relative;
    padding-top: 5px;
}

.white-popup#teachline-course-direct .popup-content .title-popup strong:after{
    content: '';
    width: 196px;
    height: 196px;
    position: absolute;
    left: 100%;
    top: 0;
    transform: translate(-90px, 4px);
    background: url(/bitrix/templates/adapt/images/yellowarrow.png) no-repeat center;
    background-size: contain;
}

    @media screen and (max-width: 610px) {
        .white-popup#teachline-course-direct .popup-content .title-popup span{
            font-size: 26px;
        }
        .white-popup#teachline-course-direct .popup-content .title-popup span.big{
            font-size: 36px;
            transform: translate(0);
            padding: 8px 15px;
        }
        .white-popup#teachline-course-direct .popup-content .title-popup strong{
            font-size: 14px;
            width: 150px;
            padding-left: 60px;
        }
        .white-popup#teachline-course-direct .popup-content .title-popup strong:after{
            width: 106px;
            height: 106px;
            transform: translate(-60px, 4px);
        }
    }

.white-popup#teachline-course-direct .popup-content .desc-popup {
    
    font-family: 'BebasNeueBold';
    font-size: 24px;
}

    @media screen and (max-width: 610px) {
        .white-popup#teachline-course-direct .popup-content .desc-popup {
            font-size: 18px;
        }
    }

.white-popup#teachline-course-direct .btn_popup {
    background-color: #FFC100;
    border-radius: 31px;
    text-decoration: none;
    color: #5822A2;
    border: 2px solid #FFC100;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
    padding: 11.5px 10px;
    max-width: 224px;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    bottom: 62px;
    -webkit-box-shadow: 4px 5px 7px 3px rgba(39, 41, 55, 0.5);
    box-shadow: 4px 5px 7px 3px rgba(39, 41, 55, 0.5);
    left: 60%;
    -webkit-transform: translateX(-50%);
    transform: translate(-50%, -50px);
}

    @media screen and (max-width: 610px) {
        .white-popup#teachline-course-direct .btn_popup {
            font-size: 14px;
            bottom: 120px;
            max-width: 158px;
            left: 50%;
        }
    }

.white-popup#teachline-course-direct .btn_popup:hover {
    background-color: #fff;
    color: #5822A2;
}
/* end teachline-course-direct */




/* smm-nodiscount*/
.white-popup#smm-nodiscount button.mfp-close {
    top: 50px;
    right: 20px;
}

.white-popup#smm-nodiscount {-webkit-box-sizing: border-box;box-sizing: border-box;margin: 0 auto;max-width: 574px;width: 100%;height: 487px;background: url(/bitrix/templates/adapt/images/smm-nodiscount.png) no-repeat top 57px center;background-size: auto;-webkit-box-shadow: none;box-shadow: none;border-radius: 0;overflow: hidden;padding-bottom: 50px;}



.white-popup#smm-nodiscount .popup-content {
    position: absolute;
    /* max-width: 100%; */
    width: auto;
    top: 31%;
    right: 0%;
    left: auto;
    -webkit-transform: translate(0px,-50%);
            transform: translate(0px,-50%);
    color: #fff;
    text-align: left;
    width: 280px;
}
@media screen and (max-width: 480px) {
    .white-popup#smm-nodiscount .popup-content {
        right: 0%;
        left: auto;
        max-width: 280px;
    }
}
.white-popup#smm-nodiscount .popup-content .title-popup{
    font-weight: 700;
    font-family: 'BebasNeueBold';
}
.white-popup#smm-nodiscount .popup-content .title-popup span{
    font-size: 30px;
    border-radius: 11px 11px 0 0;
    display: inline-block;
    background-color: #4407a6;
    padding: 20px 14px 20px 16px;
}
.white-popup#smm-nodiscount .popup-content .title-popup span.big{
    font-size: 38px;
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
    line-height: 1em;
    max-width: 280px;
    color: #A2C81F;
    border-radius: 0 11px 11px 11px;
}
.white-popup#smm-nodiscount .popup-content .title-popup strong{
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    font-family: 'BebasNeueBold';
    display: block;
    line-height: 1.9em;
}

    @media screen and (max-width: 480px) {
        .white-popup#smm-nodiscount .popup-content .title-popup span{
            font-size: 23px;
            padding: 20px 14px 4px 16px;
            margin-top: 9px;
        }
        .white-popup#smm-nodiscount .popup-content .title-popup span.big{
            font-size: 36px;
        }
    }

.white-popup#smm-nodiscount .popup-content .desc-popup {
    
    font-family: 'BebasNeueBold';
    font-size: 24px;
}

    @media screen and (max-width: 480px) {
        .white-popup#smm-nodiscount .popup-content .desc-popup {
            font-size: 18px;
        }
    }

.white-popup#smm-nodiscount .btn_popup {
    background-color: #4407A6;
    border-radius: 25px;
    text-decoration: none;
    color: #fff;
    border: 2px solid #4407A6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    font-size: 24px;
    padding: 3.5px 10px;
    max-width: 220px;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    bottom: 17px;
    -webkit-box-shadow: 0px 0px 21.0082px #884CE9;
            box-shadow: 0px 0px 21.0082px #884CE9;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-family: 'BebasNeueBold';
}

    @media screen and (max-width: 480px) {
        .white-popup#smm-nodiscount .btn_popup {
            bottom: 100px;
            max-width: 158px;
        }
    }

.white-popup#smm-nodiscount .btn_popup:hover {
    background-color: #fff;
    color: #4407A6;
}
/* end smm-nodiscount */


/* new-profession*/
.white-popup#new-profession button.mfp-close {
    top: 20px;
    right: 20px;
}

.white-popup#new-profession {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 590px;
    width: 100%;
    height: 514px;
    background: url(/bitrix/templates/adapt/images/new-profession.png) no-repeat top 15px center;
    background-size: 490px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    overflow: hidden;
    padding-bottom: 50px;
}

.white-popup#new-profession:before {
    content: '';
    position: absolute;
    width: 80%;
    height: 200px;
    top: 58px;
    left: 50px;
    z-index: 0;
    background: url(/bitrix/templates/adapt/images/flying-santa.png) no-repeat;
    background-position: bottom -100% left -200%;
    animation: santa 8s infinite;
    transition: all 0.3s ease 1s;
}

@keyframes santa {
    0%, 100%{
        background-position: bottom -100% left -200%;
    }
    75%{
        background-position: bottom 200% left 200%;
    }
    76%{
        background-position: bottom -500% left 500%;
    }
    77%{
        background-position: bottom -500% left 500%;
    }
    78%{
        background-position: bottom -200% left -200%;
    }
}

.white-popup#new-profession .smoke{
    position: absolute!important;
    width: 64px;
    height: 55px;
    top: 188px;
    left: auto;
    right: 143px;
    transition: all 0.3s ease 0.5s;
    z-index: 0;
    background: url(/bitrix/templates/adapt/images/smoke-dark.png) no-repeat;
    background-position: bottom 0 left 0%;
    opacity: 0.5;
    animation: darksmoke 2s infinite;
}

.white-popup#new-profession .smoke:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 1;
    transition: all 0.3s ease 0.5s;
    opacity: 0.5;
    background: url(/bitrix/templates/adapt/images/smoke-light.png) no-repeat;
    background-position: bottom 0 left 10%;
    animation: lightsmoke 2s infinite;
}

@keyframes lightsmoke {
    0%, 100%{
        background-position: bottom 0 left 10%;
        opacity: 0.5;
    }
    50%{
        background-position: bottom 0 left 0%;
        opacity: 1;
    }
}

@keyframes darksmoke {
    0%, 100%{
        background-position: bottom 0 left 10%;
        opacity: 0.5;
    }
    50%{
        background-position: bottom 0 left 0%;
        opacity: 1;
    }
}



.white-popup#new-profession *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    font-size: 24px;
    line-height: 1.3;
}

.white-popup#new-profession .popup-content {
    z-index: 1;
    position: absolute;
    /* max-width: 100%; */
    width: auto;
    top: 86px;
    right: 3%;
    left: auto;
    -webkit-transform: translate(0px,-50%);
    transform: translate(0px,-50%);
    color: #fff;
    text-align: left;
    width: 342px;
}
@media screen and (max-width: 767px) {
    .white-popup#new-profession .popup-content {
        right: 0%;
        left: auto;
        max-width: 280px;
        top: 28%;
    }
}
.white-popup#new-profession .popup-content .title-popup{
    font-weight: 700;
    font-family: 'BebasNeueBold';
}
.white-popup#new-profession .popup-content .title-popup span{
    font-size: 42px;
    border-radius: 11px 11px 0 0;
    display: inline-block;
    background-color: #233987;
    padding: 0.2em 14px 6px 16px;
}
.white-popup#new-profession .popup-content .title-popup span.big{
    font-size: 42px;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    line-height: 1em;
    max-width: 340px;
    color: #fff;
    border-radius: 0 11px 11px 11px;
}
.white-popup#new-profession .popup-content .title-popup strong{
    font-size: 32px;
    color: #FBD34A;
    font-weight: 700;
    font-family: 'BebasNeueBold';
    display: block;
    line-height: 1.2em;
    padding-top: 5px;
}

    @media screen and (max-width: 767px) {
        .white-popup#new-profession .popup-content .title-popup span{
            font-size: 26px;
            padding: 0.4em 14px 4px 16px;
        }
        .white-popup#new-profession .popup-content .title-popup span.big{
            font-size: 36px;
        }
    }

.white-popup#new-profession .popup-content .desc-popup {
    
    font-family: 'BebasNeueBold';
    font-size: 24px;
}

    @media screen and (max-width: 767px) {
        .white-popup#new-profession .popup-content .desc-popup {
            font-size: 18px;
        }
    }

.white-popup#new-profession .btn_popup {
    background-color: #A00212;
    border-radius: 25px;
    text-decoration: none;
    color: #fff;
    border: 2px solid #A00212;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    padding: 10px;
    max-width: 220px;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    bottom: 17px;
    box-shadow: 0px 0px 21.0082px #333;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-family: 'TT Norms';
}

    @media screen and (max-width: 767px) {
        .white-popup#new-profession .btn_popup {
            bottom: 100px;
            max-width: 158px;
        }
        .white-popup#new-profession .smoke{
            right: 40px;
            top: 196px;
        }
        .white-popup#new-profession{
            width: 306px;
            background: url(/bitrix/templates/adapt/images/new-profession.png) no-repeat top 115px center;
            background-size: 280px;
        }
        .white-popup#new-profession .popup-content .title-popup strong{
            font-size: 22px;
        }
        .white-popup#new-profession:before {
            content: '';
            position: absolute;
            width: 90%;
            height: 140px;
            top: 148px;
            left: -50px;
            z-index: 0;
            background: url(/bitrix/templates/adapt/images/flying-santa.png) no-repeat;
            background-position: bottom -200% left -200%;
            animation: santa 8s infinite;
            transition: all 0.3s ease 1s;
            background-size: 180px;
        }
    }

.white-popup#new-profession .btn_popup:hover {
    background-color: #fff;
    color: #A00212;
}
/* end new-profession */




/* im-seo-birds */
.white-popup#im-seo-birds button.mfp-close {
    top: 20px;
    right: 20px;
}

.white-popup#im-seo-birds {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 590px;
    width: 670px;
    height: 620px;
    background: url(/bitrix/templates/adapt/images/im-seo-birds.png) no-repeat top 15px center;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    overflow: hidden;
    padding-bottom: 50px;
}

.white-popup#im-seo-birds .arrows {
    width: 40px;
    height: 40px;
    left: 50%;
    top: 73%;
    transform: translateX(-50%) rotate(45deg);
    border: 6px solid #A780D7;
    border-top: none;
    border-left: none;
    position: absolute;
}

.white-popup#im-seo-birds .arrows:after {
    width: 40px;
    content: '';
    height: 40px;
    left: -80%;
    top: -30px;
    opacity: 0.6;
    border: 6px solid #A780D7;
    border-top: none;
    border-left: none;
    position: absolute;
    animation: shinearrow1 0.5s infinite;
}

.white-popup#im-seo-birds .arrows:before {
    width: 40px;
    content: '';
    height: 40px;
    left: -160%;
    top: -60px;
    opacity: 0.3;
    border: 6px solid #A780D7;
    border-top: none;
    border-left: none;
    position: absolute;
    animation: shinearrow2 0.5s infinite;
}

@keyframes shinearrow1 {
    0%, 100%{
        opacity: 0.6;
    }
    50%{
        opacity: 1;
    }
}

@keyframes shinearrow2 {
    0%, 100%{
        opacity: 0.3;
    }
    50%{
        opacity: 1;
    }
}



.white-popup#im-seo-birds *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    font-size: 24px;
    line-height: 1.3;
}

.white-popup#im-seo-birds .popup-content {
    z-index: 1;
    position: absolute;
    /* max-width: 100%; */
    width: auto;
    top: 196px;
    right: 3%;
    left: auto;
    -webkit-transform: translate(0px,-50%);
    transform: translate(0px,-50%);
    color: #fff;
    text-align: left;
    width: 342px;
}
@media screen and (max-width: 767px) {
    .white-popup#im-seo-birds .arrows {
        width: 20px;
        height: 20px;
        top: 68%;
        transform: translateX(-50%) rotate(45deg);
    }
    .white-popup#im-seo-birds .arrows:after {
        width: 20px;
        height: 20px;
        left: -80%;
        top: -15px;
    }
    
    .white-popup#im-seo-birds .arrows:before {
        width: 20px;
        height: 20px;
        left: -160%;
        top: -30px;
    }
    .white-popup#im-seo-birds .popup-content {
        right: 0%;
        left: auto;
        max-width: 210px;
        top: 37%;
    }
}
.white-popup#im-seo-birds .popup-content .title-popup{
    font-weight: 700;
    font-family: 'BebasNeueBold';
    text-align: right;
}
.white-popup#im-seo-birds .popup-content .title-popup span{
    font-size: 75px;
    position: relative;
    z-index: 3;
    border-radius: 0 0 0 11px;
    display: inline-block;
    background-color: #591CB8;
    padding: 5px 14px 5px 16px;
    transform: translateY(8px);
    box-shadow: -3.86885px 3.86885px 17.4098px rgba(153, 88, 255, 0.81);
}
.white-popup#im-seo-birds .popup-content .title-popup span:last-child:before {
    content: '';
    position: absolute;
    width: 69px;
    height: 66px;
    top: 7px;
    left: -52px;
    z-index: -1;
    background: url(/bitrix/templates/adapt/images/im-seo-branch.png) no-repeat;
    background-position: center;
}
.white-popup#im-seo-birds .popup-content .title-popup span.big{
    font-size: 31px;
    line-height: 1em;
    position: relative;
    z-index: 1;
    max-width: 315px;
    background: transparent;
    padding: 0;
    text-align: left;
    box-shadow: none;
    transform: translateY(16px);
}


.white-popup#im-seo-birds .popup-content .title-popup span.big span{
    font-size: 36px;
    color: #000;
    font-weight: 700;
    font-family: 'BebasNeueBold';
    background: #fff;
    display: inline-block;
    line-height: 1em;
    background: #fff;
    color: #E33421;;
    border-radius: 10px 10px 0 0;
    padding: 0.5em 0.5em 0;
    transform: translateY(10px);
    z-index: 1;
    box-shadow: none;
}

.white-popup#im-seo-birds .popup-content .title-popup span.big strong b{
    font-size: inherit;
    color: #E33421;
}

.white-popup#im-seo-birds .popup-content .title-popup strong{
    font-size: 36px;
    color: #000;
    font-weight: 700;
    font-family: 'BebasNeueBold';
    background: #fff;
    display: block;
    line-height: 1em;
    background: #fff;
    padding: 0.5em;
    border-radius: 0 10px 10px 10px;
}


.white-popup#im-seo-birds .popup-content .desc-popup {
    
    font-family: 'BebasNeueBold';
    font-size: 24px;
}

    @media screen and (max-width: 767px) {
        .white-popup#im-seo-birds .popup-content .desc-popup {
            font-size: 18px;
        }
    }

.white-popup#im-seo-birds .btn_popup {
    background-color: #4407A6;
    border-radius: 25px;
    text-decoration: none;
    color: #fff;
    border: 2px solid #4407A6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    font-size: 24px;
    padding: 3.5px 10px;
    max-width: 190px;
    width: 100%;
    transition: 0.3s;
    position: absolute;
    bottom: 67px;
    box-shadow: 0px 0px 21.0082px #884CE9;
    left: 50%;
    transform: translateX(-50%);
    font-family: 'BebasNeueBold';
}


@media screen and (max-width: 767px) {
    .white-popup#im-seo-birds .popup-content .title-popup span{
        font-size: 46px;
        padding: 0.4em 14px 4px 16px;
    }
    .white-popup#im-seo-birds .popup-content .title-popup span.big {
        font-size: 36px;
        max-width: 200px;
    }
}

    @media screen and (max-width: 767px) {
        .white-popup#im-seo-birds .btn_popup {
            bottom: 80px;
            max-width: 158px;
        }

        .white-popup#im-seo-birds{
            width: 306px;
            background: url(/bitrix/templates/adapt/images/im-seo-birds.png) no-repeat top 155px center;
            background-size: 310px;
            height: 500px;
        }
        .white-popup#im-seo-birds .popup-content .title-popup strong{
            font-size: 20px;
        }
        .white-popup#im-seo-birds .popup-content .title-popup span.big span{
            font-size: 28px;
        }
    }

.white-popup#im-seo-birds .btn_popup:hover {
    background-color: #fff;
    color: #A00212;
}
/* end im-seo-birds */






/* im-tl-discount */
.white-popup#im-tl-discount button.mfp-close {
    top: 20px;
    right: 20px;
}

.white-popup#im-tl-discount {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 620px;
    width: 620px;
    height: 550px;
    background: url(/bitrix/templates/adapt/images/im-tl-discount.png) no-repeat top 15px center;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    overflow: hidden;
    padding-bottom: 50px;
    background-size: 480px;
}





.white-popup#im-tl-discount *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    font-size: 24px;
    line-height: 1.3;
}

.white-popup#im-tl-discount .popup-content {
    z-index: 1;
    position: absolute;
    /* max-width: 100%; */
    width: auto;
    top: 196px;
    right: 10%;
    left: auto;
    -webkit-transform: translate(0px,-50%);
    transform: translate(0px,-50%);
    color: #fff;
    text-align: left;
    width: 342px;
}
@media screen and (max-width: 767px) {
    .white-popup#im-tl-discount .popup-content {
        right: 0%;
        left: auto;
        max-width: 210px;
        top: 42%;
    }
}
.white-popup#im-tl-discount .popup-content .title-popup{
    font-weight: 700;
    font-family: 'BebasNeueBold';
    text-align: right;
}
.white-popup#im-tl-discount .popup-content .title-popup span{
    font-size: 20px;
    position: relative;
    z-index: 3;
    border-radius: 0 0 0 11px;
    display: inline-block;
    background-color: #FA2626;
    padding: 10px 14px 10px 16px;
    transform: translateY(8px);
    /* box-shadow: -3.86885px 3.86885px 17.4098px rgba(153, 88, 255, 0.81); */
}
.white-popup#im-tl-discount .popup-content .title-popup span:last-child:before {
    content: '';
    position: absolute;
    width: 142px;
    height: 158px;
    top: -203px;
    left: 62px;
    z-index: 5;
    background: url(/bitrix/templates/adapt/images/im-tl-discount-copter.png) no-repeat;
    background-position: center;
}
.white-popup#im-tl-discount .popup-content .title-popup span.big{
    font-size: 31px;
    line-height: 1em;
    position: relative;
    z-index: 1;
    max-width: 335px;
    background: transparent;
    padding: 0;
    text-align: left;
    box-shadow: none;
    transform: translateY(16px);
}


.white-popup#im-tl-discount .popup-content .title-popup span.big span{
    font-size: 23px;
    color: #000;
    font-weight: 700;
    font-family: 'BebasNeueBold';
    background: #fff;
    display: inline-block;
    line-height: 1em;
    background: #fff;
    border-radius: 10px 10px 0 0;
    padding: 0.5em 0.5em 0;
    transform: translateY(10px);
    z-index: 1;
    box-shadow: none;
}

.white-popup#im-tl-discount .popup-content .title-popup span.big strong b{
    font-size: inherit;
    color: #E33421;
    display: block;
    font-size: 26px;
}

.white-popup#im-tl-discount .popup-content .title-popup strong{
    font-size: 36px;
    color: #000;
    font-weight: 700;
    font-family: 'BebasNeueBold';
    background: #fff;
    display: block;
    line-height: 1em;
    background: #fff;
    padding: 0.3em 12px 0.5em;
    border-radius: 0 10px 10px 10px;
    padding-right: 40px;
}


.white-popup#im-tl-discount .popup-content .desc-popup {
    
    font-family: 'BebasNeueBold';
    font-size: 24px;
}

    @media screen and (max-width: 767px) {
        .white-popup#im-tl-discount .popup-content .desc-popup {
            font-size: 18px;
        }
    }

.white-popup#im-tl-discount .btn_popup {
    background-color: #FA2626;
    border-radius: 25px;
    text-decoration: none;
    color: #fff;
    border: 2px solid #FA2626;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
    padding: 10px 10px;
    max-width: 230px;
    width: 100%;
    transition: 0.3s;
    position: absolute;
    bottom: 47px;
    box-shadow: 0px 0px 18.0082px #ffffff5c;
    left: 50%;
    transform: translateX(-60%);
    /* font-family: 'BebasNeueBold'; */
}


@media screen and (max-width: 767px) {
    .white-popup#im-tl-discount .popup-content .title-popup span{
        font-size: 28px;
        padding: 0.4em 14px 4px 16px;
    }
    .white-popup#im-tl-discount .popup-content .title-popup span.big {
        font-size: 36px;
        max-width: 200px;
    }
}

    @media screen and (max-width: 767px) {
        .white-popup#im-tl-discount .btn_popup {
            bottom: 20px;
            max-width: 158px;
        }

        .white-popup#im-tl-discount{
            width: 306px;
            background: url(/bitrix/templates/adapt/images/im-tl-discount.png) no-repeat top 155px center;
            background-size: 310px;
            height: 500px;
        }
        .white-popup#im-tl-discount .popup-content .title-popup strong{
            font-size: 20px;
        }
        .white-popup#im-tl-discount .popup-content .title-popup span.big span{
            font-size: 28px;
        }
        .white-popup#im-tl-discount .popup-content .title-popup span:last-child:before {
            width: 142px;
            height: 158px;
            top: -253px;
            left: -38px;
        }
        .white-popup#im-tl-discount button.mfp-close {
            top: 80px;
            right: 20px;
        }
    }

.white-popup#im-tl-discount .btn_popup:hover {
    background-color: #fff;
    color: #FA2626;
}
/* end im-tl-discount */








/* zenovodstvo-new*/
.white-popup#zenovodstvo-new button.mfp-close {
    top: 50px;
    right: 20px;
}

.white-popup#zenovodstvo-new {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 504px;
    width: 100%;
    height: 582px;
    background: url(/bitrix/templates/adapt/images/zenovodstvo-new.png) no-repeat top 57px center;
    background-size: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    overflow: hidden;
    padding-bottom: 50px;
}

.white-popup#zenovodstvo-new *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    font-size: 24px;
    line-height: 1.3;
}

.white-popup#zenovodstvo-new .popup-content {
    position: absolute;
    /* max-width: 100%; */
    width: auto;
    top: 51%;
    left: 0%;
    -webkit-transform: translate(0px,-50%);
    transform: translate(0px,-50%);
    color: #fff;
    text-align: left;
    width: 280px;
}
@media screen and (max-width: 480px) {
    .white-popup#zenovodstvo-new .popup-content {
        right: 0%;
        left: auto;
        max-width: 280px;
    }
}
.white-popup#zenovodstvo-new .popup-content .title-popup{
    /* font-weight: 700; */
    font-family: 'BebasNeue';
    max-width: 123px;
    font-size: 22px;
    transform: translate(40px, -30px);
}
.white-popup#zenovodstvo-new .popup-content .title-popup span{
    font-size: 22px;
    border-radius: 11px 11px 0 0;
    display: inline-block;
    padding: 0.2em 14px 0 16px;
    width: 100%;
    text-align: right;
    background: #DD7ADF;
    box-shadow: 2.75551px 2.75551px 2.75551px rgba(0, 0, 0, 0.25);
}
.white-popup#zenovodstvo-new .popup-content .title-popup span.big{
    font-size: 38px;
    transform: translateY(-7px);
    line-height: 1em;
    /* max-width: 280px; */
    color: #644179;
    width: 100%;
    border-radius: 0px 0px 0px 11px;
    padding-top: 0px;
}
.white-popup#zenovodstvo-new .popup-content .title-popup strong{
    font-size: 22px;
    color: #644179;
    font-weight: 700;
    font-family: 'BebasNeue';
    display: block;
    line-height: 1.4em;
}

    @media screen and (max-width: 480px) {
        .white-popup#zenovodstvo-new .popup-content .title-popup span{
            font-size: 26px;
            padding: 0.4em 14px 4px 16px;
        }
        .white-popup#zenovodstvo-new .popup-content .title-popup span.big{
            font-size: 36px;
        }
    }
.white-popup#zenovodstvo-new .popup-content .title-popup2{
    font-family: 'BebasNeue';
    text-align: right;
    color: #644179;
    transform: translate(-40px, 20px);
}
.white-popup#zenovodstvo-new .popup-content .title-popup2 span{
    font-size: 23px;
    border-radius: 5px 0 0px 11px;
    display: inline-block;
    background-color: #80E6ED;
    padding: 0.4em 14px 0 16px;
}
.white-popup#zenovodstvo-new .popup-content .title-popup2 span.big{
    font-size: 23px;
    line-height: 1em;
    max-width: 280px;
    border-radius: 11px 11px 0 0;
    color: #644179;
    margin-bottom: -13px;
}
.white-popup#zenovodstvo-new .popup-content .title-popup2 span.big + span{
    padding-top: 5px;
    transform: translateY(-4px);
}
.white-popup#zenovodstvo-new .popup-content .title-popup2 strong{
    font-size: 30px;
    color: #644179;
    font-family: 'BebasNeue';
    display: block;
    line-height: 1em;
    font-weight: normal;
}

    @media screen and (max-width: 480px) {
        .white-popup#zenovodstvo-new .popup-content .title-popup2 span{
            font-size: 26px;
            padding: 0.4em 14px 4px 16px;
        }
        .white-popup#zenovodstvo-new .popup-content .title-popup2 span.big{
            font-size: 26px;
        }
    }


.white-popup#zenovodstvo-new .btn_popup {
    background-color: #0D5FFF;
    border-radius: 8px;
    text-decoration: none;
    color: #fff;
    border: 2px solid #0D5FFF;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    font-size: 24px;
    padding: 3.5px 10px;
    max-width: 220px;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    bottom: 15px;
    box-shadow: 4.07438px 6.79064px 18.3347px rgba(0, 0, 0, 0.24);
    left: 54%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-family: 'BebasNeueBold';
}

    @media screen and (max-width: 480px) {
        .white-popup#zenovodstvo-new .btn_popup {
            bottom: 100px;
            max-width: 158px;
        }
        .white-popup#zenovodstvo-new .popup-content .title-popup2{
            transform: translate(-20px, 20px);
        }
    }

.white-popup#zenovodstvo-new .btn_popup:hover {
    background-color: #fff;
    color: #4407A6;
}
/* end zenovodstvo-new */


/* teachline-timer */
.white-popup#teachline-timer button.mfp-close {
    top: 100px;
    right: 20px;
}

.white-popup#teachline-timer {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 452px;
    width: 100%;
    height: 444px;
    background: url(/bitrix/templates/adapt/images/teachline-timer.png) no-repeat center;
    background-size: contain;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    overflow: hidden;
}

.white-popup#teachline-timer *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    font-size: 24px;
    line-height: 1.3;
}

.white-popup#teachline-timer .popup-content {
    position: absolute;
    max-width: 350px;
    width: 100%;
    top: 47%;
    left: 44%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    color: #fff;
}
.white-popup#teachline-timer .popup-content .title-popup {
    font-size: 30px;
    font-weight: 800;
    margin-bottom: 5px;
    font-family: 'proxima_nova_extrabld';
}

    @media screen and (max-width: 600px) {
        .white-popup#teachline-timer .popup-content .title-popup {
            font-size: 20px;
            max-width: 240px;
        }
        .white-popup#teachline-timer {
            max-width: 680px;
            height: 470px;
            width: 400px;
            left: -30px;
        }
        .white-popup#teachline-timer .popup-content {
          max-width: 250px;
        }
    }

.white-popup#teachline-timer .popup-content .desc-popup {
    font-size: 75px;
    color: #A2C81F;
    font-family: 'a_LCDNova';
    height: 80px;
}

.white-popup#teachline-timer .popup-content .desc-days-popup {
    display: flex;
}

.white-popup#teachline-timer .popup-content .desc-days-popup span {
    font-size: 17px;
    color: #A2C81F;
    font-family: 'a_LCDNova';
    text-align: center;
}

.white-popup#teachline-timer .popup-content .desc-days-popup span:nth-child(1) {
    width: 42px;
}

.white-popup#teachline-timer .popup-content .desc-days-popup span:nth-child(2) {
    width: 68px;
}

.white-popup#teachline-timer .popup-content .desc-days-popup span:nth-child(3) {
    width: 73px; 
}


 /*   @media screen and (max-width: 600px) {
        .white-popup#teachline-timer .popup-content .desc-popup {
            font-size: 24px;
        }
    }*/

.white-popup#teachline-timer .btn_popup {
    background-color: #E12341;
    border-radius: 25px;
    text-decoration: none;
    color: #fff;
    border: 2px solid #E12341;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    padding: 11.5px 10px;
    max-width: 220px;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    bottom: 91px;
    left: 74%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

    @media screen and (max-width: 600px) {
        .white-popup#teachline-timer .btn_popup {
            bottom: 60px;
            max-width: 190px;
            left: 50%;
        }
    }

.white-popup#teachline-timer .btn_popup:hover {
    background-color: #fff;
    color: #E12341;
}
/* end teachline-timer */


/* teachline-timer */
.white-popup#teachline-timer button.mfp-close {
    top: 100px;
   right: 20px;
}

.white-popup#teachline-timer {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   margin: 0 auto;
   max-width: 452px;
   width: 100%;
   height: 444px;
   background: url(/bitrix/templates/adapt/images/teachline-timer.png) no-repeat center;
   background-size: contain;
   -webkit-box-shadow: none;
   box-shadow: none;
   border-radius: 0;
   overflow: hidden;
}

.white-popup#teachline-timer *:not(.mfp-close){
   padding: 0;
   margin: 0;
   position: relative;
   font-size: 15px;
   line-height: 1.3;
}

.white-popup#teachline-timer .popup-content {
   position: absolute;
   max-width: 260px;
   width: 100%;
   top: 47%;
   left: 44%;
   -webkit-transform: translate(-50%,-50%);
   transform: translate(-50%,-50%);
   color: #fff;
}
.white-popup#teachline-timer .popup-content .title-popup {
   font-size: 22px;
   font-weight: 800;
   margin-bottom: -5px;
   font-family: 'proxima_nova_extrabld';
}

   @media screen and (max-width: 600px) {
       .white-popup#teachline-timer .popup-content .title-popup {
           font-size: 20px;
           max-width: 240px;
       }
       .white-popup#teachline-timer {
           max-width: 680px;
           height: 470px;
           width: 400px;
           left: -30px;
       }
       .white-popup#teachline-timer .popup-content {
         max-width: 250px;
       }
   }

.white-popup#teachline-timer .popup-content .desc-popup {
   font-size: 75px;
   color: #A2C81F;
   font-family: 'a_LCDNova';
}

  /* @media screen and (max-width: 600px) {
       .white-popup#teachline-timer .popup-content .desc-popup {
           font-size: 24px;
       }
   }*/

.white-popup#teachline-timer .btn_popup {
   background-color: #E12341;
   border-radius: 25px;
   text-decoration: none;
   color: #fff;
   border: 2px solid #E12341;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   font-weight: 800;
   text-align: center;
   text-transform: uppercase;
   font-size: 18px;
   padding: 11.5px 10px;
   max-width: 220px;
   width: 100%;
   -webkit-transition: 0.3s;
   transition: 0.3s;
   position: absolute;
   bottom: 91px;
   left: 74%;
   -webkit-transform: translateX(-50%);
   transform: translateX(-50%);
}

   @media screen and (max-width: 600px) {
       .white-popup#teachline-timer .btn_popup {
           bottom: 60px;
           max-width: 190px;
           left: 50%;
       }
   }

.white-popup#teachline-timer .btn_popup:hover {
   background-color: #fff;
   color: #E12341;
}


@media screen and (max-width: 480px) {
    .white-popup#teachline-timer button.mfp-close {
        top: 10px;
        right: 100px;
    }
}
/* end teachline-timer */


/* smm9-12-timer */
.white-popup#smm9-12-timer button.mfp-close {
    top: 100px;
    width: 50px;
    height: 50px;
    font-size: 0;
    opacity: 1;
    right: 0px;
    top: 158px;
    background: url(/bitrix/templates/adapt/images/smm-9-12-close.png) no-repeat center;
    background-size: contain;
}
.white-popup#smm9-12-timer button.mfp-close:after {
    display: none;
}
.white-popup#smm9-12-timer button.mfp-close:hover,
.white-popup#smm9-12-timer button.mfp-close:hover {
    opacity: 0.65;
}
.sm-popup.white-popup#smm9-12-timer {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto;
    max-width: 558px;
    width: 100%;
    height: 497px;
    padding-bottom: 30px;
    background: url(/bitrix/templates/adapt/images/smm-9-12-bg.png) no-repeat center top;
    background-size: contain;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    overflow: hidden;
}

.white-popup#smm9-12-timer *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    font-size: 24px;
    line-height: 1.3;
}

.white-popup#smm9-12-timer .popup-content {
    position: absolute;
    max-width: 350px;
    width: 100%;
    top: 47%;
    left: 44%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    color: #fff;
}
.white-popup#smm9-12-timer .popup-content .title-popup {
    width: 265px;
    height: 93px;
    position: absolute;
    top: -96px;
    left: -50px;
    background: url(/bitrix/templates/adapt/images/smm-9-12-head.png) no-repeat center;
    background-size: contain;
}

    @media screen and (max-width: 600px) {
        .sm-popup.white-popup#smm9-12-timer{
            height: 347px;
            max-width: 320px;
        }
        .white-popup#smm9-12-timer .popup-content .title-popup {
            max-width: 240px;
            top: -180px;
            left: 0;
        }
        .white-popup#smm9-12-timer button.mfp-close{
            top: 8px;
        }
        .white-popup#smm9-12-timer {
            max-width: 680px;
            height: 470px;
            width: 400px;
            left: -30px;
        }
        .white-popup#smm9-12-timer .popup-content {
          max-width: 250px;
        }
    }

.white-popup#smm9-12-timer .popup-content .desc-popup {
    right: -110px;
    top: -20px;
    -webkit-transform: rotate(17deg);
            transform: rotate(17deg);
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 28px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #000;
    font-family: 'Bebas Neue';
    width: 158px;
    height: 78px;
    background: url(/bitrix/templates/adapt/images/smm-9-12-timer.png) no-repeat center;
    background-size: contain;
}

    @media screen and (max-width: 600px) {
        .white-popup#smm9-12-timer .popup-content .desc-popup {
            font-size: 24px;
            right: 50px;
            top: -100px;
            -webkit-transform: rotate(-7deg);
                    transform: rotate(-7deg);
        }
    }

.white-popup#smm9-12-timer .btn_popup {
    background: #4407A6;
    -webkit-box-shadow: 0px 0px 20px #884CE9;
            box-shadow: 0px 0px 20px #884CE9;
    border-radius: 60px;
    border-bottom: none;
    text-decoration: none;
    color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 800;
    font-family: 'Bebas Neue';
    text-align: center;
    text-transform: uppercase;
    font-size: 24px;
    padding: 11.5px 10px;
    max-width: 170px;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    bottom: 10px;
    left: 50%;
    margin-left: 20px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

    @media screen and (max-width: 600px) {
        .white-popup#smm9-12-timer .btn_popup {
            bottom: 60px;
            max-width: 190px;
            left: 50%;
        }
    }

.white-popup#smm9-12-timer .btn_popup:hover {
    background-color: #fff;
    color: #E12341;
}
/* end smm9-12-timer */



/* teachline-seogift */
.white-popup#teachline-seogift button.mfp-close {
    width: 50px;
    height: 50px;
    font-size: 0;
    opacity: 1;
    right: 200px;
    top: 68px;
    background: url(/bitrix/templates/adapt/images/smm-9-12-close.png) no-repeat center;
    background-size: contain;
}
.white-popup#teachline-seogift button.mfp-close:after {
    display: none;
}

@media screen and (max-width: 600px) {
    .white-popup#teachline-seogift button.mfp-close{
        right: 180px;
        top: 28px;
    }
}
.white-popup#teachline-seogift button.mfp-close:hover,
.white-popup#teachline-seogift button.mfp-close:hover {
    opacity: 0.65;
}
.sm-popup.white-popup#teachline-seogift {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto;
    max-width: 700px;
    width: 100%;
    height: 541px;
    padding-bottom: 30px;
    background: url(/bitrix/templates/adapt/images/seogift.png) no-repeat center top;
    background-size: contain;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    overflow: hidden;
}

@media screen and (max-width: 600px) {
    .sm-popup.white-popup#teachline-seogift {
        height: 360px;
        width: 480px;
        max-width: 480px;
    }
}

.white-popup#teachline-seogift *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    font-size: 24px;
    line-height: 1.3;
}

.white-popup#teachline-seogift .popup-content {
    position: absolute;
    max-width: 350px;
    width: 100%;
    top: 47%;
    left: 44%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    color: #fff;
}


.white-popup#teachline-seogift .btn_popup {
    background: #4407A6;
    -webkit-box-shadow: 0px 0px 20px #884CE9;
            box-shadow: 0px 0px 20px #884CE9;
    border-radius: 60px;
    border-bottom: none;
    text-decoration: none;
    color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 700;
    font-family: 'TT Norms';
    text-align: center;
    font-size: 21px;
    padding: 11.5px 10px;
    max-width: 260px;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    bottom: 10px;
    left: 50%;
    margin-left: 20px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

    @media screen and (max-width: 600px) {
        .white-popup#teachline-seogift .btn_popup {
            bottom: 9px;
            max-width: 190px;
            left: 37%;
        }
    }

.white-popup#teachline-seogift .btn_popup:hover {
    background-color: #fff;
    color: #E12341;
}
/* end teachline-seogift */



/* teachline-smm-timer */
.white-popup#teachline-smm-timer button.mfp-close {
    top: 20px;
    right: 20px;
}

.white-popup#teachline-smm-timer {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 520px;
    width: 100%;
    height: 554px;
    background: url(/bitrix/templates/adapt/images/bg-smmreduceprice.png)no-repeat center;
    background-size: contain;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    overflow: hidden;
}

.white-popup#teachline-smm-timer *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    font-size: 24px;
    line-height: 1.3;
}

.white-popup#teachline-smm-timer .popup-content {
    position: absolute;
    max-width: 350px;
    width: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    color: #fff;
}
.white-popup#teachline-smm-timer .popup-content .title-popup {
    font-size: 26px;
    font-weight: 800;
    margin-bottom: 5px;
    font-family: 'proxima_nova_extrabld';
    text-align: center;
    color: #3C146E;
}
.white-popup#teachline-smm-timer .popup-content .title-popup span{
    display: block;
    font-size: inherit;
    font-weight: inherit;
    font-family: inherit;
    color: #fff;
}

.white-popup#teachline-smm-timer .popup-content .until{
    display: block;
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 5px;
    font-family: 'proxima_nova_extrabld';
    text-align: center;
    color: #3C146E;
    text-align: center;
}

    @media screen and (max-width: 600px) {
        .white-popup#teachline-smm-timer .popup-content .title-popup {
            font-size: 16px;
            max-width: 200px;
            margin: auto;
        }
        .white-popup#teachline-smm-timer {
          max-width: 590px;
          height: 330px;
          width: 310px;
        }
        .white-popup#teachline-smm-timer .popup-content {
          max-width: 250px;
        }
    }

.white-popup#teachline-smm-timer .popup-content .desc-popup {
    font-size: 60px;
    color: #3C146E;
    text-shadow: 0px 3.25195px 3.25195px rgba(0, 0, 0, 0.25);
    font-family: 'a_LCDNova';
    text-align: center;
}

    @media screen and (max-width: 600px) {
        .white-popup#teachline-smm-timer .popup-content .desc-popup {
            font-size: 31px;
        }
    }

.white-popup#teachline-smm-timer .btn_popup {
    background-color: #E12341;
    border-radius: 25px;
    text-decoration: none;
    color: #fff;
    border: 2px solid #E12341;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    font-size: 15px;
    padding: 8.5px 10px;
    max-width: 178px;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    bottom: 3px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

    @media screen and (max-width: 600px) {
        .white-popup#teachline-smm-timer .btn_popup {
            bottom: 3px;
            max-width: 190px;
            left: 50%;
        }
    }

.white-popup#teachline-smm-timer .btn_popup:hover {
    background-color: #fff;
    color: #E12341;
}
/* end teachline-smm-timer */


/* timer_comauthor_popup */
.white-popup#timer_comauthor_popup button.mfp-close {
    top: 20px;
    right: 20px;
}

.white-popup#timer_comauthor_popup {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 520px;
    width: 100%;
    height: 554px;
    background: url(/bitrix/templates/adapt/images/timer_comauthor_popup.png)no-repeat center;
    background-size: contain;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    overflow: hidden;
}

.white-popup#timer_comauthor_popup *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    font-size: 24px;
    line-height: 1.3;
}

.white-popup#timer_comauthor_popup .popup-content {
    position: absolute;
    max-width: 350px;
    width: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    color: #fff;
}
.white-popup#timer_comauthor_popup .popup-content .title-popup {
    font-size: 25px;
    font-weight: 800;
    margin-bottom: 5px;
    font-family: 'proxima_nova_extrabld';
    text-align: center;
}
.white-popup#timer_comauthor_popup .popup-content .title-popup span{
    display: block;
    font-size: inherit;
    font-weight: inherit;
    font-family: inherit;
    color: #fff;
}

.white-popup#timer_comauthor_popup .popup-content .until{
    display: block;
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 5px;
    font-family: 'proxima_nova_extrabld';
    text-align: center;
    color: #3C146E;
    text-align: center;
}

    @media screen and (max-width: 600px) {
        .white-popup#timer_comauthor_popup .popup-content .title-popup {
            font-size: 18px;
        }
        .white-popup#timer_comauthor_popup {
          max-width: 308px;
          height: 380px;
          width: 340px;
        }
        .white-popup#timer_comauthor_popup .popup-content {
          max-width: 250px;
        }
    }

.white-popup#timer_comauthor_popup .popup-content .desc-popup {
    font-size: 75px;
    color: #A2C81F;
    text-shadow: 0px 3.25195px 3.25195px rgba(0, 0, 0, 0.25);
    font-family: 'a_LCDNova';
    text-align: center;
}

    @media screen and (max-width: 600px) {
        .white-popup#timer_comauthor_popup .popup-content .desc-popup {
            font-size: 34px;
        }
    }

.white-popup#timer_comauthor_popup .btn_popup {
    background-color: #E12341;
    border-radius: 25px;
    text-decoration: none;
    color: #fff;
    border: 2px solid #E12341;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    font-size: 15px;
    padding: 8.5px 10px;
    max-width: 178px;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    bottom: 145px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

    @media screen and (max-width: 600px) {
        .white-popup#timer_comauthor_popup .btn_popup {
            bottom: 63px;
            max-width: 190px;
            left: 50%;
        }
    }

.white-popup#timer_comauthor_popup .btn_popup:hover {
    background-color: #fff;
    color: #E12341;
}
/* end timer_comauthor_popup */




/* heat-smm_popup */


.white-popup#heat-smm button.mfp-close {
    top: 5%;
    right: 20px;
}

.white-popup#heat-smm {
    -webkit-box-sizing: border-box;
        box-sizing: border-box;
    margin: 0 auto;
    max-width: 511px;
    width: 100%;
    height: 596px;
    background: url(/bitrix/templates/adapt/images/bg-heat-smm.png)no-repeat center;
    background-size: contain;
    -webkit-box-shadow: none;
        box-shadow: none;
    border-radius: 0;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    position: absolute;
}

@media screen and (max-width: 640px) {
    .white-popup#heat-smm {
        width: 90%;
        height: 400px;
    }
}

.white-popup#heat-smm *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 1.1;
}

.white-popup#heat-smm .popup-content {
    position: absolute;
    max-width: 225px;
    width: 100%;
    top: 50%;
    left: 35%;
    -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    color: #fff;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
        box-sizing: border-box;
}

@media screen and (max-width: 640px) {
    .white-popup#heat-smm .popup-content {
        left: 50%;
        top: 55%;
    }
}

.white-popup#heat-smm .title-popup {
    color: #0E0E18;
    font-size: 22px;
    color: rgba(255, 255, 255, 0.59);
    font-weight: 800;
}
@media screen and (max-width: 640px) {
    .white-popup#heat-smm .title-popup {
        font-size: 16px;
    }
}

.white-popup#heat-smm .title-popup span {
    font-size: 16px;
    color: #fff;
    display: block;
    font-weight: 700;
    margin-top: 10px;
}
@media screen and (max-width: 640px) {
    .white-popup#heat-smm .title-popup span {
        font-size: 12px;
    }
}

.white-popup#heat-smm .subtitle-popup {
    color: rgba(255, 255, 255, 0.59);
    font-size: 14px;
    font-weight: 400;
    margin-top: 20px;
    max-width: 200px;
}

@media screen and (max-width: 640px) {
    .white-popup#heat-smm .subtitle-popup {
        margin-top: 15px;
    }
}
.white-popup#heat-smm .popup-content .desc-popup {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
    margin-top: 25px;
}

@media screen and (max-width: 640px) {
    .white-popup#heat-smm .popup-content .desc-popup {
        margin-top: 10px;
    }
}

.white-popup#heat-smm .popup-content .desc-popup span {
    display: block;
    font-size: 22px;
    font-weight: 800;
}

.white-popup#heat-smm .popup-content .logo-popup {
    padding-top: 20px;
    max-width: 83px;
    height: 17px;
    display: block;
}

.white-popup#heat-smm .btn_popup {
    display: block;
    background-color: #430B4E;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    border: 2px solid #430B4E;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 700;
    text-align: center;
    font-size: 18px;
    padding: 12.5px;
    max-width: 220px;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    bottom: -70%;
    left: 0%;
    border-radius: 25px;
}


.white-popup#heat-smm .btn_popup:hover {
    background-color: #fff;
    color: #430B4E;
}
/* heat-smm_popup end */

/* function_site_popup */
.white-popup#function_site_popup button.mfp-close {
    top: 100px;
    right: 20px;
}

.white-popup#function_site_popup {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto;
    max-width: 440px;
    width: 100%;
    height: 520px;
    background: url(/bitrix/templates/adapt/images/bg-function-site-popup.png)no-repeat center;
    background-size: contain;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0;
    overflow: hidden;
}

.white-popup#function_site_popup *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    font-size: 24px;
    line-height: 1.3;
}

.white-popup#function_site_popup .popup-content {
    position: absolute;
    max-width: 280px;
    width: 100%;
    top: 65%;
    left: 60%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    color: #fff;
    text-align: center;
}
.white-popup#function_site_popup .popup-content .title-popup {
    font-size: 32px;
    font-weight: 800;
    margin-bottom: 5px;
    font-family: 'proxima_nova_extrabld';
}

    @media screen and (max-width: 480px) {
        .white-popup#function_site_popup .popup-content .title-popup {
            font-size: 26px;
        }
    }

.white-popup#function_site_popup .popup-content .desc-popup {
    font-size: 24px;
}

    @media screen and (max-width: 480px) {
        .white-popup#function_site_popup .popup-content .desc-popup {
            font-size: 18px;
        }
    }

.white-popup#function_site_popup .btn_popup {
    background-color: #E12341;
    border-radius: 25px;
    text-decoration: none;
    color: #fff;
    border: 2px solid #E12341;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    padding: 11.5px 10px;
    max-width: 220px;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    bottom: 20px;
    left: 60%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

    @media screen and (max-width: 480px) {
        .white-popup#function_site_popup .btn_popup {
            bottom: 70px;
            max-width: 190px;
        }
    }

.white-popup#function_site_popup .btn_popup:hover {
    background-color: #fff;
    color: #E12341;
}
/* end function_site_popup */


/* saity_slozhnost */
.white-popup#saity_slozhnost button.mfp-close {
    top: 100px;
    right: 20px;
}

.white-popup#saity_slozhnost {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto;
    max-width: 456px;
    width: 100%;
    height: 580px;
    background: url(/bitrix/templates/adapt/images/slozhnost-saity.png)no-repeat center;
    background-size: contain;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0;
    overflow: hidden;
}

.white-popup#saity_slozhnost *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    font-size: 24px;
    line-height: 1.3;
}

.white-popup#saity_slozhnost .popup-content {
    position: absolute;
    max-width: 310px;
    width: 100%;
    top: 60%;
    left: 55%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    color: #fff;
    text-align: center;
}
.white-popup#saity_slozhnost .popup-content .title-popup {
  text-align: center;
    color: #e12341;
    font-size: 32px;
    font-weight: 800;
    margin-bottom: 5px;
    font-family: 'proxima_nova_extrabld';
}

    @media screen and (max-width: 480px) {

      .white-popup#saity_slozhnost{
        background-size: 108%;
        height: 515px;
        background-position: center top;
      }
      .white-popup#saity_slozhnost .popup-content{
        top: 52%;
        left: 50%;
        max-width: 210px;
      }
        .white-popup#saity_slozhnost .popup-content .title-popup {
            font-size: 26px;
        }
    }

.white-popup#saity_slozhnost .popup-content .desc-popup {
    display: block;
    font-size: inherit;
    font-family: inherit;
    font-weight: inherit;
    color: #000;
}

    @media screen and (max-width: 480px) {
        .white-popup#saity_slozhnost .popup-content .desc-popup {
            font-size: 18px;
        }
    }

.white-popup#saity_slozhnost .btn_popup {
    background-color: #E12341;
    border-radius: 25px;
    text-decoration: none;
    color: #fff;
    border: 2px solid #E12341;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    padding: 11.5px 10px;
    max-width: 220px;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    bottom: 90px;
    left: 60%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

    @media screen and (max-width: 480px) {
        .white-popup#saity_slozhnost .btn_popup {
            bottom: 140px;
            max-width: 200px;
        }
    }

.white-popup#saity_slozhnost .btn_popup:hover {
    background-color: #fff;
    color: #E12341;
}
/* end saity_slozhnost */


/* logotip_popup */
.white-popup#logotip_popup button.mfp-close {
    top: 60px;
    right: 20px;
}

.white-popup#logotip_popup {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto;
    max-width: 492px;
    width: 100%;
    height: 478px;
    background: url(/bitrix/templates/adapt/images/bg-logotip-popup.png)no-repeat center;
    background-size: contain;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0;
    overflow: hidden;
}

.white-popup#logotip_popup *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 1.3;
}

.white-popup#logotip_popup .popup-content {
    position: absolute;
    max-width: 310px;
    width: 100%;
    top: 50%;
    left: 53%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    color: #fff;
    padding: 0 10px;
    text-align: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

    @media screen and (max-width: 480px) {
        .white-popup#logotip_popup .popup-content {
            max-width: 220px;
        }
    }

.white-popup#logotip_popup .popup-content .title-popup{
    font-size: 32px;
    font-weight: 800;
    margin-bottom: 25px;
    font-family: 'proxima_nova_extrabld';
}

.white-popup#logotip_popup .popup-content .title-popup .selected-text {
    color: #E12341;
}

    @media screen and (max-width: 480px) {
        .white-popup#logotip_popup .popup-content .title-popup {
            font-size: 22px;
            margin-bottom: 10px;
        }
    }

.white-popup#logotip_popup .popup-content .desc-popup {
    font-size: 24px;
}

    @media screen and (max-width: 480px) {
        .white-popup#logotip_popup .popup-content .desc-popup {
            font-size: 16px;
        }
    }

.white-popup#logotip_popup .btn_popup {
    background-color: #E12341;
    border-radius: 25px;
    text-decoration: none;
    color: #fff;
    border: 2px solid #E12341;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    padding: 11.5px 10px;
    max-width: 220px;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    bottom: 45px;
    left: 53%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (max-width: 480px) {
    .white-popup#logotip_popup .btn_popup {
        bottom: 100px;
        max-width: 170px;
        font-size: 16px;
        padding: 6px;
    }
}

.white-popup#logotip_popup .btn_popup:hover {
    background-color: #fff;
    color: #E12341;
}
/* end logotip_popup */


/* interfeisy_popup */
.white-popup#interfeisy_popup button.mfp-close {
    top: 60px;
    right: 20px;
}

.white-popup#interfeisy_popup {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto;
    max-width: 429px;
    width: 100%;
    height: 402px;
    background: url(/bitrix/templates/adapt/images/bg-interfeisy-popup.png)no-repeat center;
    background-size: contain;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0;
    overflow: hidden;
}

.white-popup#interfeisy_popup *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 1.3;
}

.white-popup#interfeisy_popup .popup-content {
    position: absolute;
    max-width: 310px;
    width: 100%;
    top: 37%;
    left: 54%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    color: #fff;
    padding: 0 10px;
    text-align: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

    @media screen and (max-width: 480px) {
        .white-popup#interfeisy_popup .popup-content {
            max-width: 220px;
            top: 42%;
        }
    }

.white-popup#interfeisy_popup .popup-content .title-popup{
    font-size: 32px;
    font-weight: 800;
    margin-bottom: 15px;
    font-family: 'proxima_nova_extrabld';
}

.white-popup#interfeisy_popup .popup-content .title-popup .selected-text {
    color: #E12341;
}

    @media screen and (max-width: 480px) {
        .white-popup#interfeisy_popup .popup-content .title-popup {
            font-size: 22px;
            margin-bottom: 10px;
        }
    }

.white-popup#interfeisy_popup .popup-content .desc-popup {
    font-size: 24px;
}

    @media screen and (max-width: 480px) {
        .white-popup#interfeisy_popup .popup-content .desc-popup {
            font-size: 16px;
        }
    }

.white-popup#interfeisy_popup .btn_popup {
    background-color: #E12341;
    border-radius: 25px;
    text-decoration: none;
    color: #fff;
    border: 2px solid #E12341;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    padding: 11.5px 10px;
    max-width: 220px;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    bottom: 95px;
    left: 54%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (max-width: 480px) {
    .white-popup#interfeisy_popup .btn_popup {
        bottom: 100px;
        max-width: 170px;
        font-size: 16px;
        padding: 6px;
    }
}

.white-popup#interfeisy_popup .btn_popup:hover {
    background-color: #fff;
    color: #E12341;
}
/* end interfeisy_popup */

/* zen_popup */
.white-popup#zen button.mfp-close {
top: 5%;
right: 20px;
}

.white-popup#zen {
-webkit-box-sizing: border-box;
    box-sizing: border-box;
margin: 0 auto;
max-width: 464px;
width: 100%;
height: 464px;
background: url(/bitrix/templates/adapt/images/bg-zen.png)no-repeat center;
background-size: contain;
-webkit-box-shadow: none;
    box-shadow: none;
border-radius: 0;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
position: absolute;
font-family: 'TT Norms'

}

@media screen and (max-width: 480px) {
.white-popup#zen {
    width: 90%;
}

}

.white-popup#zen *:not(.mfp-close){
padding: 0;
margin: 0;
position: relative;
line-height: 1.1;
}

.white-popup#zen .popup-content {
position: absolute;
        max-width: 370px;
        height: 90%;
width: 100%;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
color: #fff;
padding: 0 10px;
-webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media screen and (max-width: 480px) {
.white-popup#zen .popup-content {
            height: 50%;
        width: 80%;
}
}

.white-popup#zen .title-popup {
font-size: 35px;
font-weight: 700;
        padding-bottom: 40px;
        padding-top: 40px;
font-weight: 700;

}
@media screen and (max-width: 480px) {
.white-popup#zen .title-popup {
            font-size: 20px;
            padding-top: 0;
}
    }

    .white-popup#zen .title-popup span {
        color: #3868FF;
    }

.white-popup#zen .popup-content .desc-popup {
font-size: 18px;
        font-weight: 300;
        line-height: 1.3;
        margin-bottom: 30px;
    }

    .white-popup#zen .popup-content .desc-popup ul {
        padding: 0;
        margin-bottom: 40px;
    }

    .white-popup#zen .popup-content .desc-popup li {
        position: relative;
        margin-bottom: 25px;
        list-style-type: none;
        padding-left: 34px;
    }

    .white-popup#zen .popup-content .desc-popup li:before {
        position: absolute;
        content: '';
        width: 20px;
        height: 20px;
        background: url(/bitrix/templates/adapt/images/star-dot.svg) no-repeat center / cover;
        -webkit-box-shadow: 0px 13px 43px #6288FF;
                box-shadow: 0px 13px 43px #6288FF;
        border-radius: 100%;
        left: 0;

    }

@media screen and (max-width: 480px) {
.white-popup#zen .popup-content .desc-popup {
            font-size: 14px;
}
}

@media screen and (max-width: 430px) {
.white-popup#zen .popup-content .desc-popup {
    font-size: 12px;
}
}

.white-popup#zen .popup-content .logo-popup {
    padding-top: 20px;
    width: 83px;
    height: 17px;
    display: block;
}

@media screen and (max-width: 430px) {
.white-popup#zen .popup-content .logo-popup {
    display: none;
}
}

.white-popup#zen .btn_popup {
        display: block;
background-color: #E12341;
text-decoration: none;
color: #fff;
border: 2px solid #E12341;
-webkit-box-sizing: border-box;
box-sizing: border-box;
        font-weight: 700;
        text-align: center;
font-size: 18px;
        padding: 12.5px;
        max-width: 220px;
        border-radius: 25px;
width: 100%;
-webkit-transition: 0.3s;
transition: 0.3s;
position: static;
bottom: -20px;
        left: 70%;
}

@media screen and (max-width: 430px) {
.white-popup#zen .btn_popup {
            margin-left: 43%;
            font-size: 14px;
            max-width: 150px;
}
}

.white-popup#zen .btn_popup:hover {
background-color: #fff;
color: #E12341;
}
/* zen_popup end */

/* community-management_popup */
.white-popup#community-management button.mfp-close {
    top: -33px;
    width: 34px;
    height: 34px;
    right: 0;
    background: #fff;
    opacity: 1;
}

.white-popup#community-management button.mfp-close::after {
    color: #000;
    -webkit-filter: none;
            filter: none;
    -webkit-transform: rotate(45deg) translate(-40%, -80%);
            transform: rotate(45deg) translate(-40%, -80%);
}

.white-popup#community-management {
-webkit-box-sizing: border-box;
    box-sizing: border-box;
margin: 0 auto;
max-width: 450px;
width: 100%;
height: 397px;
background: url(/bitrix/templates/adapt/images/bg-community-management.png)no-repeat center;
background-size: cover;
-webkit-box-shadow: none;
    box-shadow: none;
border-radius: 0;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
position: absolute;
font-family: 'TT Norms'

}

@media screen and (max-width: 480px) {
.white-popup#community-management {
    width: 90%;
}

}

.white-popup#community-management *:not(.mfp-close){
padding: 0;
margin: 0;
position: relative;
line-height: 1.1;
}

.white-popup#community-management .popup-content {
position: absolute;
        max-width: 100%;
        height: 90%;
width: 100%;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
color: #fff;
padding: 0 10px;
-webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media screen and (max-width: 480px) {
.white-popup#community-management .popup-content {
    top: 50%;
}
}

.white-popup#community-management .title-popup {
color: #0E0E18;
font-size: 48px;
font-weight: 700;
padding-bottom: 50px;
font-weight: 700;
font-family: 'BebasNeueBold';
text-align: center;
}
@media screen and (max-width: 480px) {
.white-popup#community-management .title-popup {
            font-size: 27px;
}
}

.white-popup#community-management .subtitle-popup {
color: #FFFFFF;
font-size: 36px;
font-weight: 800;
padding-bottom: 20px;
        text-transform: uppercase;
        margin-left: 47%;
        font-family: 'BebasNeueBold';
        max-width: 200px;
}

@media screen and (max-width: 480px) {
.white-popup#community-management .subtitle-popup {
    font-size: 28px;
            padding-bottom: 15px;
            margin-left: 43%;
}
}
.white-popup#community-management .popup-content .desc-popup {
font-size: 18px;
        font-weight: 300;
        margin-left: 47%;
        line-height: 1.3;
        margin-bottom: 30px;
        max-width: 200px;
}

@media screen and (max-width: 480px) {
.white-popup#community-management .popup-content .desc-popup {
            font-size: 14px;
            margin-left: 43%;
}
}

@media screen and (max-width: 430px) {
.white-popup#community-management .popup-content .desc-popup {
    font-size: 12px;
}
}

.white-popup#community-management .popup-content .logo-popup {
    padding-top: 20px;
    width: 83px;
    height: 17px;
    display: block;
}

@media screen and (max-width: 430px) {
.white-popup#community-management .popup-content .logo-popup {
    display: none;
}
}

.white-popup#community-management .btn_popup {
        display: block;
background-color: #E12341;
text-decoration: none;
color: #fff;
border: 2px solid #E12341;
-webkit-box-sizing: border-box;
box-sizing: border-box;
        font-weight: 700;
        text-align: center;
font-size: 18px;
        padding: 12.5px;
max-width: 200px;
width: 100%;
-webkit-transition: 0.3s;
transition: 0.3s;
position: static;
bottom: -20px;
        left: 70%;
        margin-left: 47%;
}

@media screen and (max-width: 430px) {
.white-popup#community-management .btn_popup {
            margin-left: 43%;
            font-size: 14px;
            max-width: 150px;
}
}

.white-popup#community-management .btn_popup:hover {
background-color: #fff;
color: #E12341;
}
/* community-management_popup end */

/* vk_marketing_competition */
.white-popup#vk_marketing_competition button.mfp-close {
    top: 5%;
    right: 20px;
}

.white-popup#vk_marketing_competition {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto;
    max-width: 485px;
    width: 100%;
    height: 511px;
    background: url(/bitrix/templates/adapt/images/bg-marketing-materials.png)no-repeat center;
    background-size: contain;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    position: absolute;
    overflow: hidden;
}

.white-popup#vk_marketing_competition *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 1.3;
}

.white-popup#vk_marketing_competition .popup-content {
    position: absolute;
    max-width: 230px;
    width: 100%;
    top: 46%;
    left: 55%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    color: #fff;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

    @media screen and (max-width: 480px) {
        .white-popup#vk_marketing_competition .popup-content {
            max-width: 190px;
            top: 47%;
            left: 59%;
        }
    }

.white-popup#vk_marketing_competition .popup-content .bg-text {
    background-color: #fff;
    padding: 7px 20px;
}

.white-popup#vk_marketing_competition .popup-content .title-popup{
    font-size: 36px;
    text-transform: uppercase;
    font-weight: 800;
    margin-bottom: 20px;
    color: #fff;
    font-family: 'proxima_nova_extrabld';
}

.white-popup#vk_marketing_competition .popup-content .title-popup .selected-text {
    color: #4267B2;
}

    @media screen and (max-width: 480px) {
        .white-popup#vk_marketing_competition .popup-content .title-popup {
            font-size: 24px;
            margin-bottom: 10px;
        }
    }

.white-popup#vk_marketing_competition .popup-content .desc-popup {
    font-size: 20px;
    font-family: 'TT Norms';
}

    @media screen and (max-width: 480px) {
        .white-popup#vk_marketing_competition .popup-content .desc-popup {
            font-size: 12px;
        }
    }

.white-popup#vk_marketing_competition .btn_popup {
    background-color: #000;
    border-radius: 25px;
    text-decoration: none;
    color: #fff;
    border: 2px solid #000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    padding: 11.5px 10px;
    max-width: 220px;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    bottom: 70px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (max-width: 480px) {
    .white-popup#vk_marketing_competition .btn_popup {
        bottom: 130px;
        max-width: 170px;
        font-size: 16px;
        padding: 6px;
        left: 53%;
    }
}

.white-popup#vk_marketing_competition .btn_popup:hover {
    background-color: #fff;
    color: #000;
}
/* end vk_marketing_competition */

/* ka6_tron_popup */
.white-popup#ka6_tron button.mfp-close {
    top: 10%;
    right: 10%;
}

.white-popup#ka6_tron {
position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto;
    max-width: 520px;
    width: 100%;
    height: 570px;
    background: url(/bitrix/templates/adapt/images/bg-commercial-author.png)no-repeat center;
    background-size: contain;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0;
}

@media screen and (max-width: 640px) {
    .white-popup#ka6_tron {
        max-width: 315px;
        height: 483px;
    }
    .white-popup#ka6_tron br {
        display: none;
    }
}

.white-popup#ka6_tron *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 1.1;
}

.white-popup#ka6_tron .popup-content {
    position: absolute;
    max-width: 43%;
    width: 100%;
    top: 70%;
    left: 30%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    color: #fff;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

@media screen and (max-width: 640px) {
    .white-popup#ka6_tron .popup-content {
        top: 63%;
        max-width: 50%;
    }
}

.white-popup#ka6_tron .popup-content .title-popup{
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 25px;
    color: #fff;
    font-family: 'TT Norms';
}
    @media screen and (max-width: 640px) {
        .white-popup#ka6_tron .popup-content .title-popup {
            font-size: 18px;
            margin-bottom: 15px;
            line-height: 24px;
        }
    }

.white-popup#ka6_tron .popup-content .title-popup span:first-of-type {
display: block;
font-size: 18px;
margin: 10px 0;
}

@media screen and (max-width: 640px) {
.white-popup#ka6_tron .popup-content .title-popup span:first-of-type {
    font-size: 12px;
    margin: 5px 0;
    }
}

.white-popup#ka6_tron .popup-content .title-popup span:last-of-type {
display: block;
font-size: 16px;
}

@media screen and (max-width: 640px) {
.white-popup#ka6_tron .popup-content .title-popup span:last-of-type {
    font-size: 14px;
    }
}

.white-popup#ka6_tron .popup-content .desc-popup {
    font-size: 20px;
    font-family: 'TT Norms';
}

.white-popup#ka6_tron .popup-content .desc-popup span {
    font-size: 23px;
    font-weight: 800;
    color: #A2C81F;
    text-transform: uppercase;
}

.white-popup#ka6_tron .popup-content .logo-popup {
    margin-top: 45px;
    max-width: 84px;
}

.white-popup#ka6_tron .popup-content .logo-popup img {
    width: 100%;
}

@media screen and (max-width: 640px) {
    .white-popup#ka6_tron .popup-content .logo-popup {
        margin-top: 10px;
    }
}

@media screen and (max-width: 640px) {
    .white-popup#ka6_tron .popup-content .desc-popup {
        font-size: 13px;
    }
}

.white-popup#ka6_tron .btn_popup {
    background-color: #E12341;
    border-radius: 25px;
    text-decoration: none;
    color: #fff;
    border: 2px solid #E12341;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    padding: 15.5px 10px;
    max-width: 200px;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    bottom: -5px;
    left: 70%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-family: 'TT Norms';
}

@media screen and (max-width: 640px) {
    .white-popup#ka6_tron .btn_popup {
        bottom: 40px;
        left: 60%;
    }
}

.white-popup#ka6_tron .btn_popup:hover {
    background-color: #fff;
    color: #E12341;
}
/* ka6_tron_popup end */


/* performance-marketing_popup */
.white-popup#performance-marketing button.mfp-close {
    top: -5%;
    right: 10px;
}

.white-popup#performance-marketing {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto;
    max-width: 378px;
    width: 100%;
    height: 413px;
    background: url(/bitrix/templates/adapt/images/bg-performance-marketing.png)no-repeat center;
    background-size: contain;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0;
}

@media screen and (max-width: 640px) {
    .white-popup#performance-marketing {
        max-width: 315px;
        height: 483px;
    }
    .white-popup#performance-marketing br {
        display: none;
    }
}

.white-popup#performance-marketing *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 1.1;
}

.white-popup#performance-marketing .popup-content {
    position: absolute;
    max-width: 70%;
    width: 100%;
    top: 65%;
    left: 60%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    color: #fff;
    padding: 0 10px;
    text-align: right;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

@media screen and (max-width: 640px) {
    .white-popup#performance-marketing .popup-content {
        top: 60%;
    }
}

.white-popup#performance-marketing .popup-content .title-popup{
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 25px;
    color: #fff;
    font-family: 'TT Norms';
}
    @media screen and (max-width: 640px) {
        .white-popup#performance-marketing .popup-content .title-popup {
            font-size: 25px;
            margin-bottom: 15px;
            line-height: 24px;
        }
    }

.white-popup#performance-marketing .popup-content .desc-popup {
    font-size: 20px;
    font-family: 'TT Norms';
}

@media screen and (max-width: 640px) {
    .white-popup#performance-marketing .popup-content .desc-popup {
        font-size: 18px;
    }
}

.white-popup#performance-marketing .btn_popup {
    background-color: #E12341;
    border-radius: 25px;
    text-decoration: none;
    color: #fff;
    border: 2px solid #E12341;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    padding: 15.5px 10px;
    max-width: 200px;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    bottom: -25px;
    left: 60%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-family: 'TT Norms';
}

@media screen and (max-width: 640px) {
    .white-popup#performance-marketing .btn_popup {
        bottom: 40px;

    }
}

.white-popup#performance-marketing .btn_popup:hover {
    background-color: #fff;
    color: #E12341;
}
/* performance-marketing_popup end */


/* performance-marketing_popup */
.white-popup#anticrysis_new button.mfp-close {
    top: 17%;
    left: 110px;
    border-radius: 50%;
    background: #fff;
    color: #000;
    opacity: 1;
    width: 32px;
    height: 32px;
    box-shadow: 0px 4px 0px rgba(0, 0, 0, 0.25);
}

.white-popup#anticrysis_new button.mfp-close:after {
    content: '+';
    position: absolute;
    display: block;
    transform: translate(-50%, -50%) rotate(45deg);
    color: #000000;
    font-size: 36px;
    font-family: Serif;
    top: 50%;
    left: 50%;
    filter: none;
    opacity: 1;
}
.white-popup#anticrysis_new button.mfp-close:hover {
    opacity: 0.8;
}


.white-popup#anticrysis_new {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto;
    max-width: 488px;
    width: 100%;
    height: 381px;
    background: url(/bitrix/templates/adapt/images/anticrysis-new.png) no-repeat center;
    background-size: contain;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0;
}

@media screen and (max-width: 640px) {
    .white-popup#anticrysis_new {
        max-width: 315px;
        height: 283px;
    }
    .white-popup#anticrysis_new br {
        display: none;
    }
}

.white-popup#anticrysis_new *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 1.1;
}

.white-popup#anticrysis_new .popup-content {
    position: absolute;
    max-width: 70%;
    width: 100%;
    top: 65%;
    left: 60%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    color: #fff;
    padding: 0 10px;
    text-align: right;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

@media screen and (max-width: 640px) {
    .white-popup#anticrysis_new .popup-content {
        top: 60%;
    }
}


.white-popup#anticrysis_new .btn_popup {
    background-color: #E12341;
    border-radius: 25px;
    text-decoration: none;
    color: #fff;
    border: 2px solid #E12341;
    box-sizing: border-box;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    padding: 14px 10px;
    max-width: 200px;
    width: 100%;
    transition: 0.3s;
    position: absolute;
    bottom: 25px;
    left: 39%;
    transform: translateX(-50%);
    font-family: 'TT Norms';
}

@media screen and (max-width: 640px) {
    .white-popup#anticrysis_new .btn_popup {
        bottom: 0px;

    }
}

.white-popup#anticrysis_new .btn_popup:hover {
    background-color: #fff;
    color: #E12341;
}
/* performance-marketing_popup end */



/* hot-smm_popup */
.white-popup#hot-smm button.mfp-close {
    top: 5%;
    right: 20px;
}

.white-popup#hot-smm {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto;
    max-width: 420px;
    width: 100%;
    height: 381px;
    background: url(/bitrix/templates/adapt/images/bg-hot-smm.png)no-repeat center;
    background-size: contain;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    position: absolute;
}

.white-popup#hot-smm *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 1.1;
}

.white-popup#hot-smm .btn_popup__container {
    position: absolute;
    bottom: 70px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    max-width: 190px;
    width: 100%;
}


.white-popup#hot-smm .btn_popup {
    background-color: #fff;
    border-radius: 25px;
    text-decoration: none;
    color: #0079FF;
    border: 3px solid #83C0FF;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    font-size: 28px;
    padding: 9px 10px 5px;
    width: 100%;
    -webkit-transition: 0.1s;
    transition: 0.1s;
    position: absolute;
    font-family: 'BebasNeueBold';
    z-index: 10;
}


.white-popup#hot-smm .btn_popup-bg {
    content: '';
    max-width: 190px;
    width: 100%;
    height: 50px;
    background-color: #0079FF;
    top: 5px;
    left: -5px;
    position: absolute;
    z-index: -1;
    border-radius: 25px;

}

.white-popup#hot-smm .btn_popup__container:hover .btn_popup {
    -webkit-transform: translate(-5px,5px);
            transform: translate(-5px,5px);
}
/* hot-smm_popup end */

/* email-marketing_popup */
.white-popup#email-marketing button.mfp-close {
    top: 5%;
    right: 20px;
}

.white-popup#email-marketing {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto;
    max-width: 402px;
    width: 100%;
    height: 358px;
    background: url(/bitrix/templates/adapt/images/bg-email-marketing.png)no-repeat center;
    background-size: contain;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    position: absolute;
}

@media screen and (max-width: 640px) {
    .white-popup#email-marketing {

    }

}

.white-popup#email-marketing *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 1.1;
}

.white-popup#email-marketing .popup-content {
    position: absolute;
    max-width: 60%;
    width: 100%;
    top: 59%;
    left: 44%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    color: #fff;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

@media screen and (max-width: 640px) {
    .white-popup#email-marketing .popup-content {
        left: 50%;
        max-width: 70%;
    }
}

.white-popup#email-marketing .popup-content .title-popup{
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 25px;
    color: #fff;
}
    @media screen and (max-width: 640px) {
        .white-popup#email-marketing .popup-content .title-popup {
            font-size: 25px;
            margin-bottom: 15px;
            line-height: 24px;
        }
    }

.white-popup#email-marketing .popup-content .title-popup span {
    color: #E12341;
}

.white-popup#email-marketing .popup-content .desc-popup {
    font-size: 20px;
}

@media screen and (max-width: 640px) {
    .white-popup#email-marketing .popup-content .desc-popup {
        font-size: 16px;
    }
}

.white-popup#email-marketing .top-text:before {
    content: '';
    position: absolute;
    top: 3px;
    left: 0px;
    width: 4px;
    height: 4px;
    border-top: 3px solid #E12341;
    border-right: 3px solid #E12341;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg)
}


.white-popup#email-marketing .btn_popup {
    background-color: #E12341;
    border-radius: 25px;
    text-decoration: none;
    color: #fff;
    border: 2px solid #E12341;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    padding: 15.5px 10px;
    max-width: 200px;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    bottom: 0px;
    left: 40%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (max-width: 640px) {
    .white-popup#email-marketing .btn_popup {
        bottom: 20px;

    }
}

.white-popup#email-marketing .btn_popup:hover {
    background-color: #fff;
    color: #E12341;
}
/* email-marketing_popup end */

/* promotion_from_texterra_popup */
.white-popup#promotion_from_texterra button.mfp-close {
    top: 5%;
    right: 20px;
}

.white-popup#promotion_from_texterra {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto;
    max-width: 414px;
    width: 100%;
    height: 451px;
    background: url(/bitrix/templates/adapt/images/bg-promotion_from_texterra.png)no-repeat center;
    background-size: contain;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    position: absolute;
}

@media screen and (max-width: 640px) {
    .white-popup#promotion_from_texterra {
        max-width: 315px;
        height: 483px;
    }

}

.white-popup#promotion_from_texterra *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 1.1;
}

.white-popup#promotion_from_texterra .popup-content {
    position: absolute;
    max-width: 70%;
    width: 100%;
    top: 45%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%) rotate(-6deg);
            transform: translate(-50%,-50%) rotate(-6deg);
    color: #fff;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.white-popup#promotion_from_texterra .popup-content .desc-popup {
    font-size: 20px;
    font-weight: bold;

}

@media screen and (max-width: 640px) {
    .white-popup#promotion_from_texterra .popup-content .desc-popup {
        font-size: 18px;
    }
}

.white-popup#promotion_from_texterra .btn_popup {
    background-color: #E12341;
    border-radius: 25px;
    text-decoration: none;
    color: #fff;
    border: 2px solid #E12341;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    padding: 15.5px 10px;
    max-width: 200px;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    bottom: 50px;
    left: 55%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (max-width: 640px) {
    .white-popup#promotion_from_texterra .btn_popup {
        bottom: 40px;

    }
}

.white-popup#promotion_from_texterra .btn_popup:hover {
    background-color: #fff;
    color: #E12341;
}
/* promotion_from_texterra_popup end */

/* smm-specialist_popup */
.white-popup#smm-specialist button.mfp-close {
    top: 5%;
    right: 20px;
}

.white-popup#smm-specialist {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto;
    max-width: 363px;
    width: 100%;
    height: 428px;
    background: url(/bitrix/templates/adapt/images/bg-smm-specialist.png)no-repeat center;
    background-size: contain;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    position: absolute;
}

.white-popup#smm-specialist *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 1.1;
}

.white-popup#smm-specialist .popup-content {
    position: absolute;
    max-width: 80%;
    width: 100%;
    top: 62%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    color: #fff;
    padding: 0 10px;
    text-align: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

@media screen and (max-width: 640px) {
    .white-popup#smm-specialist .popup-content {
        left: 50%;
        max-width: 70%;
    }
}

.white-popup#smm-specialist .popup-content .title-popup{
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #fff;
}
    @media screen and (max-width: 640px) {
        .white-popup#smm-specialist .popup-content .title-popup {
            font-size: 25px;
            margin-bottom: 15px;
            line-height: 24px;
        }
    }

.white-popup#smm-specialist .popup-content .title-popup span {
    color: #E12341;
}

.white-popup#smm-specialist .popup-content .desc-popup {
    font-size: 20px;
}

@media screen and (max-width: 640px) {
    .white-popup#smm-specialist .popup-content .desc-popup {
        font-size: 16px;
    }
}

.white-popup#smm-specialist .top-text:before {
    content: '';
    position: absolute;
    top: 3px;
    left: 0px;
    width: 4px;
    height: 4px;
    border-top: 3px solid #E12341;
    border-right: 3px solid #E12341;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg)
}


.white-popup#smm-specialist .btn_popup {
    background-color: #E12341;
    border-radius: 25px;
    text-decoration: none;
    color: #fff;
    border: 2px solid #E12341;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    padding: 15.5px 10px;
    max-width: 250px;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (max-width: 640px) {
    .white-popup#smm-specialist .btn_popup {
        bottom: 20px;

    }
}

.white-popup#smm-specialist .btn_popup:hover {
    background-color: #fff;
    color: #E12341;
}
/* smm-specialist_popup end */

/* seo-specialist_popup */
.white-popup#seo-specialist button.mfp-close {
    top: 5%;
    right: 20px;
}

.white-popup#seo-specialist {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto;
    max-width: 417px;
    width: 100%;
    height: 407px;
    background: url(/bitrix/templates/adapt/images/bg-seo-specialist.png)no-repeat center;
    background-size: contain;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    position: absolute;
}

.white-popup#seo-specialist *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 1.1;
}

.white-popup#seo-specialist .popup-content {
    position: absolute;
    max-width: 85%;
    width: 100%;
    top: 45%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    color: #fff;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

@media screen and (max-width: 640px) {
    .white-popup#seo-specialist .popup-content {
        top: 45%;
        left: 40%;
        max-width: 70%;
    }
}

.white-popup#seo-specialist .popup-content .title-popup{
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 25px;
    color: #fff;
}
    @media screen and (max-width: 640px) {
        .white-popup#seo-specialist .popup-content .title-popup {
            font-size: 25px;
            margin-bottom: 15px;
            line-height: 24px;
        }
    }

.white-popup#seo-specialist .popup-content .title-popup span {
    color: #E12341;
}

.white-popup#seo-specialist .popup-content .desc-popup {
    font-size: 20px;
}

@media screen and (max-width: 640px) {
    .white-popup#seo-specialist .popup-content .desc-popup {
        font-size: 16px;
    }
}

.white-popup#seo-specialist .top-text {
    position: absolute;
    top: 15px;
    left: 30px;
    font-size: 14px;
    padding-left: 20px;
    color: #181A49;
}

@media screen and (max-width: 640px) {
    .white-popup#seo-specialist .top-text{
        display: none;
    }
}

.white-popup#seo-specialist .top-text:before {
    content: '';
    position: absolute;
    top: 3px;
    left: 0px;
    width: 4px;
    height: 4px;
    border-top: 3px solid #E12341;
    border-right: 3px solid #E12341;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg)
}


.white-popup#seo-specialist .btn_popup {
    background-color: #E12341;
    border-radius: 25px;
    text-decoration: none;
    color: #fff;
    border: 2px solid #E12341;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    padding: 15.5px 10px;
    max-width: 200px;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    bottom: -25px;
    left: 43%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (max-width: 640px) {
    .white-popup#seo-specialist .btn_popup {
        bottom: 20px;

    }
}

.white-popup#seo-specialist .btn_popup:hover {
    background-color: #fff;
    color: #E12341;
}
/* seo-specialist_popup end */



/* subscribe_instagram_popup */
.white-popup#subscribe_instagram_popup button.mfp-close {
    top: 23%;
    right: 20px;
}

.white-popup#subscribe_instagram_popup {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto;
    max-width: 428px;
    width: 100%;
    height: 563px;
    background: url(images/bg-instagram.png)no-repeat center;
    background-size: contain;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0;
    overflow: hidden;
}

.white-popup#subscribe_instagram_popup *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 1.3;
}

.white-popup#subscribe_instagram_popup .popup-content {
    position: absolute;
    max-width: 270px;
    width: 100%;
    top: 64%;
    left: 62%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    color: #fff;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

    @media screen and (max-width: 480px) {
        .white-popup#subscribe_instagram_popup .popup-content {
            max-width: 230px;
            top: 61%;
            left: 62%;
        }
    }

.white-popup#subscribe_instagram_popup .popup-content .bg-text {
    background-color: #fff;
    padding: 7px 20px;
}

.white-popup#subscribe_instagram_popup .popup-content .title-popup{
    font-size: 24px;
    text-align: center;
    font-weight: 400;
    margin-bottom: 30px;
    color: #fff;
    font-family: 'TT Norms';
}

.white-popup#subscribe_instagram_popup .popup-content .title-popup .selected-text {
    color: #4267B2;
}

    @media screen and (max-width: 480px) {
        .white-popup#subscribe_instagram_popup .popup-content .title-popup {
            font-size: 21px;
        }
    }

.white-popup#subscribe_instagram_popup .popup-content .desc-popup {
    font-size: 32px;
    font-family: 'proxima_nova_extrabld';
}

    @media screen and (max-width: 480px) {
        .white-popup#subscribe_instagram_popup .popup-content .desc-popup {
            font-size: 20px;
            text-align: center;
        }
    }

.white-popup#subscribe_instagram_popup .btn_popup {
    background-color: #E12341;
    border-radius: 25px;
    text-decoration: none;
    color: #fff;
    border: 2px solid #E12341;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    padding: 11.5px 10px;
    max-width: 220px;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    bottom: 0px;
    left: 62%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-family: 'TT Norms';
}

@media screen and (max-width: 480px) {
    .white-popup#subscribe_instagram_popup .btn_popup {
        bottom: 70px;
        max-width: 170px;
        font-size: 16px;
        padding: 6px;
        left: 62%;
    }
}

.white-popup#subscribe_instagram_popup .btn_popup:hover {
    background-color: #fff;
    color: #E12341;
}
/* end subscribe_instagram_popup */

/* neskuchniy_smm_popup */
.white-popup#neskuchniy_smm_popup button.mfp-close {
    top: 23%;
    right: 20px;
}

.white-popup#neskuchniy_smm_popup {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 511px;
    width: 100%;
    height: 563px;
    background: url(images/neskuchniy_smm-bg.png)no-repeat center;
    background-size: contain;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    overflow: hidden;
}

.white-popup#neskuchniy_smm_popup *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 1.3;
}

.white-popup#neskuchniy_smm_popup .popup-content {
   position: absolute;
   max-width: 327px;
   width: 100%;
   top: 26%;
   left: 44%;
   -webkit-transform: translate(-50%,-50%);
   transform: translate(-50%,-50%);
   color: #fff;
   padding: 0 10px;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}

    @media screen and (max-width: 480px) {
        .white-popup#neskuchniy_smm_popup .popup-content {
            max-width: 225px;
            top: 29%;
            left: 44%;
        }
    }

    @media screen and (max-width: 375px){
        .white-popup#neskuchniy_smm_popup .popup-content {
            max-width: 225px;
            top: 36%;
            left: 44%;
        }
}

.white-popup#neskuchniy_smm_popup .popup-content .bg-text {
    background-color: #fff;
    padding: 7px 20px;
}

.white-popup#neskuchniy_smm_popup .popup-content .title-popup{
    font-family: TT Norms;
    font-style: normal;
    font-weight: 800;
    font-size: 31px;
    line-height: 31px;
    color: #E12341;
    border-radius: 65.5456px;
    transform: rotate(-10.72deg);
    white-space:nowrap;
}

.white-popup#neskuchniy_smm_popup .popup-content .title-popup .selected-text {
    color: #4267B2;
}

    @media screen and (max-width: 480px) {
        .white-popup#neskuchniy_smm_popup .popup-content .title-popup {
            font-size: 21px;
        }
    }

.white-popup#neskuchniy_smm_popup .popup-content .desc-popup {
    font-family: TT Norms;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 100%;
    color: #FFFFFF;
    text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.25);
    border-radius: 134.957px;
    transform: rotate(-5.97deg);
    top: 72px;
    left: 33px;
    max-width: 166px;
}

    @media screen and (max-width: 480px) {
        .white-popup#neskuchniy_smm_popup .popup-content .desc-popup {
            font-size: 20px;
            text-align: center;
            top: 48px;
            left: 24px;
        }
    }

.white-popup#neskuchniy_smm_popup .btn_popup {
    text-transform: uppercase;
    padding: 17px 23px;
    max-width: 250px;
    position: absolute;
    bottom: 59px;
    left: 33%;
    text-align: center;
    font-family: TT Norms;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #FFFFFF;
    transform: rotate(-6.25deg);
    background: #E12341;
    box-shadow: 0px 0px 9px #FF3A64;
    border-radius: 25px;
    transform: rotate(-6.25deg);
    border-bottom: none;
}

@media screen and (max-width: 480px) {
    .white-popup#neskuchniy_smm_popup .btn_popup {
        bottom: 79px;
        max-width: 250px;
        font-size: 16px;
        padding: 12px;
        left: 35%;
    }
}

@media screen and (max-width: 350px){
    .white-popup#neskuchniy_smm_popup .btn_popup {
        bottom: 131px;
        max-width: 250px;
        font-size: 16px;
        padding: 12px;
        left: 22%;
    }
}

.white-popup#neskuchniy_smm_popup .btn_popup:hover {
    background-color: #fff;
    color: #E12341;
}
/* end neskuchniy_smm_popup */


/* fast_design_popup */
.white-popup#fast_design_popup button.mfp-close {
    top: 20%;
    left: 20px;
}

.white-popup#fast_design_popup {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 511px;
    width: 100%;
    height: 563px;
    background: url(images/fast-design.png)no-repeat center;
    background-size: contain;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    overflow: hidden;
}

.white-popup#fast_design_popup *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 1.3;
}

.white-popup#fast_design_popup .popup-content {
   position: absolute;
   max-width: 327px;
   width: 100%;
   top: 26%;
   left: 44%;
   -webkit-transform: translate(-50%,-50%);
   transform: translate(-50%,-50%);
   color: #fff;
   padding: 0 10px;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}


.white-popup#fast_design_popup .popup-content .desc-popup {
    font-family: TT Norms;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 100%;
    color: #FFFFFF;
    text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.25);
    border-radius: 134.957px;
    transform: rotate(-5.97deg);
    top: 72px;
    left: 33px;
    max-width: 166px;
}


    .white-popup#fast_design_popup .btn_popup {
        text-transform: uppercase;
        padding: 17px 23px;
        max-width: 250px;
        position: absolute;
        box-sizing: border-box;
        width: 220px;
        text-align: center;
        bottom: 119px;
        left: 30%;
        font-family: TT Norms;
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 19px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #FFFFFF;
        border-bottom: none;
        background: linear-gradient(235.49deg, #445AF7 -23.64%, #9654B0 135.44%), #E12341;
        box-shadow: -1px 5px 13px rgba(0, 0, 0, 0.25);
        border-radius: 25px;
        transform: rotate(-3.11deg);
    }

@media screen and (max-width: 575px) {
    .white-popup#fast_design_popup{
        max-width: 280px;
        width: 100%;
        height: 300px;
    }

    .white-popup#fast_design_popup .btn_popup {
        bottom: 49px;
        max-width: 250px;
        font-size: 16px;
        padding: 12px;
        left: 5%;
    }
}

.white-popup#fast_design_popup .btn_popup:hover {
    background-color: #fff;
    color: #E12341;
}
/* end fast_design_popup */



/* metrikanew_pp */
.white-popup#metrikanew_pp button.mfp-close {
    top: 20%;   
    right: 40px;
}

.white-popup#metrikanew_pp {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 511px;
    width: 100%;
    height: 563px;
    background: url(images/metrikanew_pp.png)no-repeat center;
    background-size: contain;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    overflow: hidden;
}

.white-popup#metrikanew_pp *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 1.3;
}

.white-popup#metrikanew_pp .popup-content {
   position: absolute;
   max-width: 327px;
   width: 100%;
   top: 26%;
   left: 44%;
   -webkit-transform: translate(-50%,-50%);
   transform: translate(-50%,-50%);
   color: #fff;
   padding: 0 10px;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}


.white-popup#metrikanew_pp .popup-content .desc-popup {
    font-family: TT Norms;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 100%;
    color: #FFFFFF;
    text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.25);
    border-radius: 134.957px;
    transform: rotate(-5.97deg);
    top: 72px;
    left: 33px;
    max-width: 166px;
}


.white-popup#metrikanew_pp .btn_popup {
    text-transform: uppercase;
    padding: 17px 16px;
    max-width: 265px;
    position: absolute;
    box-sizing: border-box;
    width: 265px;
    text-align: center;
    bottom: 159px;
    left: 40%;
    font-family: TT Norms;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 19px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #FFFFFF;
    color: #6B2383;
    border-bottom: none;
    box-shadow: 3.38372px 1.12791px 19.1744px #6B2383;
    border-radius: 25px;
    transform: rotate(0.66deg);
}

.white-popup#metrikanew_pp .btn_popup:after {
    content: '';
    width: 289px;
    height: 73px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
    border: 1px solid #fff;
    border-radius: 37px;
    opacity: 0.4;
}

@media screen and (max-width: 575px) {
    .white-popup#metrikanew_pp{
        max-width: 320px;
        width: 100%;
        height: 300px;
        background-size: 400px;
        background-position: right top 20px;
    }

    .white-popup#metrikanew_pp .btn_popup {
        bottom: 49px;
        max-width: 250px;
        font-size: 16px;
        padding: 12px;
        left: 5%;
    }
    .white-popup#metrikanew_pp .btn_popup:after {
        display: none;
    }
    .white-popup#metrikanew_pp button.mfp-close{
        top: 11%;
    }
}

.white-popup#metrikanew_pp .btn_popup:hover {
    background-color: #fff;
    color: #E12341;
}
/* end metrikanew_pp */


/* complex_rules_popup */
.white-popup#complex_rules button.mfp-close {
    top: 5%;
    right: 20px;
}

.white-popup#complex_rules {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto;
    max-width: 362px;
    width: 100%;
    height: 523px;
    background: url(/bitrix/templates/adapt/images/bg-complex_rules.png)no-repeat center;
    background-size: contain;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0;
    overflow: hidden;
}

.white-popup#complex_rules *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 1.3;
}

.white-popup#complex_rules .popup-content {
    position: absolute;
    text-align: center;
    max-width: 270px;
    width: 100%;
    top: 60%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    color: #fff;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.white-popup#complex_rules .popup-content .bg-text {
    background-color: #fff;
    padding: 7px 20px;
}

.white-popup#complex_rules .popup-content .title-popup{
    font-size: 32px;
    text-align: center;
    font-weight: 700;
    margin-bottom: 30px;
    color: #fff;
    font-family: 'proxima_nova_extrabld';
}

.white-popup#complex_rules .popup-content .title-popup .selected-text {
    color: #4267B2;
}

    @media screen and (max-width: 480px) {
        .white-popup#complex_rules .popup-content .title-popup {
            font-size: 28px;
        }
    }

.white-popup#complex_rules .popup-content .desc-popup {
    font-size: 16px;
    font-family: 'TT Norms';
}

    @media screen and (max-width: 480px) {
        .white-popup#complex_rules .popup-content .desc-popup {
            font-size: 16px;
            text-align: center;
        }
    }

.white-popup#complex_rules .btn_popup {
    background-color: #E12341;
    border-radius: 25px;
    text-decoration: none;
    color: #fff;
    border: 2px solid #E12341;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    padding: 11.5px 10px;
    max-width: 220px;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    bottom: 10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-family: 'TT Norms';
}

@media screen and (max-width: 480px) {
    .white-popup#complex_rules .btn_popup {
        bottom: 40px;

    }
}

.white-popup#complex_rules .btn_popup:hover {
    background-color: #fff;
    color: #E12341;
}
/* complex_rules_popup end */

/* youtube-or-die_popup */
.white-popup#youtube-or-die button.mfp-close {
    top: 5%;
    right: 20px;
}

.white-popup#youtube-or-die {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto;
    max-width: 545px;
    width: 100%;
    height: 523px;
    background: url(/bitrix/templates/adapt/images/30.07.19/pop-up_youtube.png)no-repeat center;
    background-size: contain;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0;
    overflow: hidden;
}

.white-popup#youtube-or-die *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 1.3;
}

.white-popup#youtube-or-die .popup-content {
    position: absolute;
    max-width: 395px;
    width: 100%;
    top: 35%;
    left: 40%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    color: #fff;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 5px;
    padding-right: 5px;
}

.white-popup#youtube-or-die .popup-content .bg-text {
    background-color: #fff;
    padding: 7px 20px;
}

.white-popup#youtube-or-die .popup-content .title-popup{
    font-size: 55px;
    max-width: 280px;
    text-align: center;
    font-weight: 700;
    margin-bottom: 175px;
    color: #fff;
    font-family: 'BebasNeueBold';
}

.white-popup#youtube-or-die .popup-content .title-popup .selected-text {
    color: #4267B2;
}

    @media screen and (max-width: 510px) {
      .white-popup#youtube-or-die .popup-content .title-popup {
        margin-bottom: 145px;
        margin-left: 15px;

      }
    }

    @media screen and (max-width: 480px) {

      .white-popup#youtube-or-die .popup-content {
        top: 40%;
      }
        .white-popup#youtube-or-die .popup-content .title-popup {
            font-size: 32px;
            margin-left: 0px;
        }
    }

    @media screen and (max-width: 480px) {
      .white-popup#youtube-or-die .popup-content .desc-popup {
        font-size: 12px;
      }

      .white-popup#youtube-or-die .popup-content .title-popup {

      }
    }

.white-popup#youtube-or-die .popup-content .desc-popup {
    font-size: 20px;
    font-family: 'TT Norms';
    color: #000000;
}

    @media screen and (max-width: 480px) {
        .white-popup#youtube-or-die .popup-content .desc-popup {
            font-size: 12px;
            max-width: 190px;
            padding-left: 51px;
            text-align: left;
        }
    }

    @media screen and (max-width: 400px) {

      .white-popup#youtube-or-die .popup-content .desc-popup {
        font-size: 11px;
      }

      .white-popup#youtube-or-die .popup-content .title-popup {
        margin-bottom: 120px;
      }
    }

.white-popup#youtube-or-die .btn_popup {
    background-color: #E12341;
    border-radius: 40px;
    text-decoration: none;
    color: #fff;
    border: 2px solid #E12341;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    padding: 15px 10px;
    max-width: 245px;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    bottom: 26px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-family: 'TT Norms';
}

@media screen and (max-width: 480px) {
    .white-popup#youtube-or-die .btn_popup {
        bottom: 40px;

    }
}

@media screen and (max-width: 400px) {
    .white-popup#youtube-or-die .btn_popup {
        bottom: 80px;

    }
}

.white-popup#youtube-or-die .btn_popup:hover {
    background-color: #fff;
    color: #E12341;
}
/* youtube-or-die_popup */




/* diplomed-internet-marketolog_popup */
.white-popup#diplomed-internet-marketolog button.mfp-close {
    top: 0;
    right: 0;
}

.white-popup#diplomed-internet-marketolog {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto;
    max-width: 530px;
    width: 100%;
    height: 416px;
    background: url(/bitrix/templates/adapt/images/bg-diplomed-internet-marketolog.png)no-repeat center;
    background-size: contain;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0;
}

@media screen and (max-width: 640px) {
    .white-popup#diplomed-internet-marketolog {
        background: url(/bitrix/templates/adapt/images/bg-mobile-diplomed-internet-marketolog.png)no-repeat center / contain;
        max-width: 315px;
        height: 483px;
    }
}

.white-popup#diplomed-internet-marketolog *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 1.1;
}

.white-popup#diplomed-internet-marketolog .popup-content {
    position: absolute;
    max-width: 90%;
    width: 100%;
    top: 63%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    color: #fff;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

@media screen and (max-width: 640px) {
    .white-popup#diplomed-internet-marketolog .popup-content {
        top: 56%;
    }
}

.white-popup#diplomed-internet-marketolog .popup-content .bg-text {
    background-color: #fff;
    padding: 7px 20px;
}

.white-popup#diplomed-internet-marketolog .popup-content .title-popup{
    font-size: 38px;
    font-weight: 700;
    margin-bottom: 25px;
    color: #fff;
    font-family: 'proxima_nova_extrabld';
}
    @media screen and (max-width: 640px) {
        .white-popup#diplomed-internet-marketolog .popup-content .title-popup {
            font-size: 25px;
            margin-bottom: 15px;
            line-height: 24px;
        }
    }

.white-popup#diplomed-internet-marketolog .popup-content .title-popup .selected-text {
    color: #A2C81F;
}



.white-popup#diplomed-internet-marketolog .popup-content .desc-popup {
    font-size: 14px;
    font-family: 'TT Norms';
}

@media screen and (max-width: 640px) {
    .white-popup#diplomed-internet-marketolog .popup-content .desc-popup {

    }
}

.white-popup#diplomed-internet-marketolog .popup-content .desc-popup ul {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -15px;
}

@media screen and (max-width: 640px) {
    .white-popup#diplomed-internet-marketolog .popup-content .desc-popup ul {
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
                flex-direction: column;
    }
}

.white-popup#diplomed-internet-marketolog .popup-content .desc-popup ul li {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100px;
            flex: 1 1 100px;
    margin: 0px 15px;
    line-height: 1.3;
    position: relative;
    padding-left: 20px;
    list-style: none;
}

@media screen and (max-width: 640px) {
    .white-popup#diplomed-internet-marketolog .popup-content .desc-popup ul li {
        -webkit-box-flex: 1;
            -ms-flex: auto;
                flex: auto;
        margin-bottom: 15px;
    }
}

.white-popup#diplomed-internet-marketolog .popup-content .desc-popup ul li:first-child {
    -webkit-box-flex: 2;
        -ms-flex-positive: 2;
            flex-grow: 2;
}

.white-popup#diplomed-internet-marketolog .popup-content .desc-popup ul li:before {
    content: '';
    position: absolute;
    width: 6px;
    height: 18px;
    top: 0;
    left: 0px;
    background: url(/bitrix/templates/adapt/images/icon-diplomed-internet-marketolog.svg) center / cover;
}

.white-popup#diplomed-internet-marketolog .btn_popup {
    background-color: #E12341;
    border-radius: 25px;
    text-decoration: none;
    color: #fff;
    border: 2px solid #E12341;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    padding: 15.5px 10px;
    max-width: 200px;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    bottom: -25px;
    left: 25%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-family: 'TT Norms';
}

@media screen and (max-width: 640px) {
    .white-popup#diplomed-internet-marketolog .btn_popup {
        bottom: 40px;
        left: 50%;

    }
}

.white-popup#diplomed-internet-marketolog .btn_popup:hover {
    background-color: #fff;
    color: #E12341;
}



.white-popup#diplomed-internet-marketolog .hidden-text-mobile {
    position: absolute;
    bottom: 20px;
    display: block;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    font-size: 10px;
    color: #fff;
    font-family: 'TT Norms';
    bottom: 20px;
}


@media screen and (min-width: 640px) {
    .white-popup#diplomed-internet-marketolog .hidden-text-mobile {
        display: none;
    }
}

.white-popup#diplomed-internet-marketolog .hidden-text-mobile span {
        font-family: 'proxima_nova_extrabld';
        color: #A2C81F;
}
/* diplomed-internet-marketolog_popup end */



/* nebanal_smm_teach_popup */
.white-popup#nebanal_smm_teach button.mfp-close {
    top: 0;
    right: 0;
}

.white-popup#nebanal_smm_teach {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto;
    max-width: 530px;
    width: 100%;
    height: 340px;
    background: url(/bitrix/templates/adapt/images/bg-nebanal_smm_teach.png)no-repeat center;
    background-size: contain;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0;
}

.white-popup#nebanal_smm_teach:before {
  width: 378px;
  height: 221px;
  position: absolute;
  left: -20px;
  top: 1px;
  content: '';
  z-index: 2;
  background: url(/bitrix/templates/adapt/images/hand_nebanal_smm.png)no-repeat top left;
  background-size: contain;
}

@media screen and (max-width: 640px) {
    .white-popup#nebanal_smm_teach {
        background: url(/bitrix/templates/adapt/images/bg-mobile-nebanal_smm_teach.png)no-repeat center / contain;
        max-width: 315px;
        height: 413px;
    }
    .white-popup#nebanal_smm_teach:before {
      width: 252px;
      height: 195px;
      background: url(/bitrix/templates/adapt/images/hand_mobile-nebanal_smm.png)no-repeat top left;
    }
}

.white-popup#nebanal_smm_teach *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 1.1;
}

.white-popup#nebanal_smm_teach .popup-content {
    position: absolute;
    max-width: 90%;
    width: 100%;
    top: 53%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    color: #fff;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

@media screen and (max-width: 640px) {
    .white-popup#nebanal_smm_teach .popup-content {
        top: 50%;
    }
}

.white-popup#nebanal_smm_teach .popup-content .bg-text {
    background-color: #fff;
    padding: 7px 20px;
}

.white-popup#nebanal_smm_teach .popup-content .title-popup{
    text-align: right;
    font-size: 25px;
    font-weight: 400;
    margin-bottom: 25px;
    color: #fff;
    font-family: 'TT Norms';
}
    @media screen and (max-width: 640px) {
        .white-popup#nebanal_smm_teach .popup-content .title-popup {
            font-size: 20px;
            margin-bottom: 15px;
            line-height: 24px;
        }
    }

.white-popup#nebanal_smm_teach .popup-content .title-popup .selected-text {
    font-size: 46px;
    font-weight: 700;
    display: block;
    font-family: 'proxima_nova_extrabld';
}
@media screen and (max-width: 640px) {
  .white-popup#nebanal_smm_teach .popup-content .title-popup .selected-text {
      font-size: 28px;
  }
}
.white-popup#nebanal_smm_teach .popup-content p{
  display: block;
  margin-bottom: 1em;
  color: #fff;
  font-size: 18px;
}

.white-popup#nebanal_smm_teach .popup-content .desc-popup {
    font-size: 14px;
    font-family: 'TT Norms';
}

@media screen and (max-width: 640px) {
    .white-popup#nebanal_smm_teach .popup-content .desc-popup {

    }
}

.white-popup#nebanal_smm_teach .popup-content .desc-popup ul {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -15px;
}

@media screen and (max-width: 640px) {
    .white-popup#nebanal_smm_teach .popup-content .desc-popup ul {
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
                flex-direction: column;
    }
}

.white-popup#nebanal_smm_teach .popup-content .desc-popup ul li {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100px;
            flex: 1 1 100px;
    margin: 0px 0 0 12px;
    line-height: 1.3;
    position: relative;
    padding-left: 20px;
    list-style: none;
}

@media screen and (max-width: 640px) {
    .white-popup#nebanal_smm_teach .popup-content .desc-popup ul li {
        -webkit-box-flex: 1;
            -ms-flex: auto;
                flex: auto;
        margin-bottom: 15px;
    }
}

.white-popup#nebanal_smm_teach .popup-content .desc-popup ul li:first-child {
    -webkit-box-flex: 2;
        -ms-flex-positive: 2;
            flex-grow: 2;
}

.white-popup#nebanal_smm_teach .popup-content .desc-popup ul li:before {
    content: '';
    position: absolute;
    width: 6px;
    height: 18px;
    top: 0;
    left: 0px;
    background: url(/bitrix/templates/adapt/images/icon-diplomed-internet-marketolog.svg) center / cover;
}

.white-popup#nebanal_smm_teach .btn_popup {
    background-color: #E12341;
    border-radius: 25px;
    text-decoration: none;
    color: #fff;
    border: 2px solid #E12341;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 800;
    text-align: center;
    font-size: 18px;
    padding: 15.5px 10px;
    max-width: 200px;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    bottom: 5px;
    left: 75%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-family: 'TT Norms';
}

@media screen and (max-width: 640px) {
    .white-popup#nebanal_smm_teach .btn_popup {
        bottom: 40px;
        left: 50%;

    }
}

.white-popup#nebanal_smm_teach .btn_popup:hover {
    background-color: #fff;
    color: #E12341;
}



.white-popup#nebanal_smm_teach .hidden-text-mobile {
    position: absolute;
    bottom: 20px;
    display: block;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    font-size: 10px;
    color: #fff;
    font-family: 'TT Norms';
    bottom: 20px;
}


@media screen and (min-width: 640px) {
    .white-popup#nebanal_smm_teach .hidden-text-mobile {
        display: none;
    }
}

.white-popup#nebanal_smm_teach .hidden-text-mobile span {
        font-family: 'proxima_nova_extrabld';
        color: #A2C81F;
}
/* nebanal_smm_teach_popup end */


/* kom_avtor_teach_popup */
.white-popup#kom_avtor_teach button.mfp-close {
    top: 0;
    right: 0;
}

.white-popup#kom_avtor_teach {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto;
    max-width: 600px;
    width: 100%;
    height: 420px;
    background: url(/bitrix/templates/adapt/images/bg_kom_avtor-teach.png)no-repeat center;
    background-size: contain;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0;
}

@media screen and (max-width: 640px) {
    .white-popup#kom_avtor_teach {
        background: url(/bitrix/templates/adapt/images/bg-mobile-kom_avtor-teach.png)no-repeat center / contain;
        max-width: 315px;
        height: 517px;
    }
}

.white-popup#kom_avtor_teach *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 1.1;
}

.white-popup#kom_avtor_teach .popup-content {
    position: absolute;
    max-width: 90%;
    width: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    color: #fff;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

@media screen and (max-width: 640px) {
    .white-popup#kom_avtor_teach .popup-content {
        top: 50%;
    }
}

.white-popup#kom_avtor_teach .popup-content .bg-text {
    background-color: #fff;
    padding: 7px 20px;
}

.white-popup#kom_avtor_teach .popup-content .title-popup{
    font-size: 38px;
    font-weight: 700;
    margin-bottom: 25px;
    color: #fff;
    font-family: 'proxima_nova_extrabld';
}
    @media screen and (max-width: 640px) {
        .white-popup#kom_avtor_teach .popup-content .title-popup {
            font-size: 25px;
            margin-bottom: 15px;
            line-height: 24px;
            text-align: left;
        }
        .white-popup#kom_avtor_teach .popup-content .title-popup strong{
          margin-top: 1em;
        }
    }


    .white-popup#kom_avtor_teach .popup-content .title-popup strong{
      margin-top: 1em;
      display: block;
      font-size: 18px;
    }

.white-popup#kom_avtor_teach .popup-content .title-popup strong .selected-text {
    color: #A2C81F;

}



.white-popup#kom_avtor_teach .popup-content .desc-popup {
    font-size: 14px;
    font-family: 'TT Norms';
}

@media screen and (max-width: 640px) {
    .white-popup#kom_avtor_teach .popup-content .desc-popup {

    }
}

.white-popup#kom_avtor_teach .popup-content .desc-popup ul {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -15px;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
}

@media screen and (max-width: 640px) {
    .white-popup#kom_avtor_teach .popup-content .desc-popup ul {
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
                flex-direction: column;
    }
}

.white-popup#kom_avtor_teach .popup-content .desc-popup ul li {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    margin: 0px 0 1em 12px;
    line-height: 1.3;
    position: relative;
    padding-left: 20px;
    list-style: none;
}

@media screen and (max-width: 640px) {
    .white-popup#kom_avtor_teach .popup-content .desc-popup ul li {
        -webkit-box-flex: 1;
            -ms-flex: auto;
                flex: auto;
        margin-bottom: 15px;
    }
}

.white-popup#kom_avtor_teach .popup-content .desc-popup ul li:first-child {
    -webkit-box-flex: 2;
        -ms-flex-positive: 2;
            flex-grow: 2;
}

.white-popup#kom_avtor_teach .popup-content .desc-popup ul li:before {
    content: '';
    position: absolute;
    width: 6px;
    height: 18px;
    top: 0;
    left: 0px;
    background: url(/bitrix/templates/adapt/images/icon-diplomed-internet-marketolog.svg) center / cover;
}

.white-popup#kom_avtor_teach .btn_popup {
    background-color: #E12341;
    border-radius: 25px;
    text-decoration: none;
    color: #fff;
    border: 2px solid #E12341;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 800;
    text-align: center;
    font-size: 18px;
    padding: 15.5px 10px;
    max-width: 200px;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    bottom: 25px;
    left: 75%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-family: 'TT Norms';
}


.white-popup#kom_avtor_teach .btn_popup:hover {
    background-color: #fff;
    color: #E12341;
}



.white-popup#kom_avtor_teach .hidden-text-mobile {
    position: absolute;
    bottom: 20px;
    display: block;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    font-size: 10px;
    color: #fff;
    font-family: 'TT Norms';
    bottom: 20px;
}


@media screen and (max-width: 640px) {
    .white-popup#kom_avtor_teach .btn_popup {
        bottom: 90px;
        left: 50%;
    }
    .white-popup#kom_avtor_teach .hidden-text-mobile{
          bottom: 67px;
    }
}
@media screen and (min-width: 640px) {
    .white-popup#kom_avtor_teach .hidden-text-mobile {
        display: none;
    }
}

.white-popup#kom_avtor_teach .hidden-text-mobile span {
        font-family: 'proxima_nova_extrabld';
        color: #A2C81F;
}
/* kom_avtor_teach_popup end */

/* kalendar-smm_popup */
.white-popup#kalendar-smm button.mfp-close {
    top: 5%;
    right: 20px;
}

.white-popup#kalendar-smm {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto;
    max-width: 390px;
    width: 100%;
    height: 321px;
    background: url(/bitrix/templates/adapt/images/bg-kalendar-smm.png)no-repeat center;
    background-size: contain;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    position: absolute;
    font-family: 'TT Norms'

}

@media screen and (max-width: 640px) {
    .white-popup#kalendar-smm {
        width: 90%;
    }

}

.white-popup#kalendar-smm *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 1.1;
}

.white-popup#kalendar-smm .popup-content {
    position: absolute;
    max-width: 72%;
    width: 100%;
    top: 55%;
    left: 42%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    color: #fff;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

@media screen and (max-width: 480px) {
    .white-popup#kalendar-smm .popup-content {
        top: 50%;
    }
}

.white-popup#kalendar-smm .title-popup {
    color: #ABCD37;
    font-size: 25px;
    font-weight: 700;
    padding-bottom: 15px;
    font-weight: 700;
}
@media screen and (max-width: 640px) {
    .white-popup#kalendar-smm .title-popup {
        font-size: 20px;
    }
}

.white-popup#kalendar-smm .title-popup span {
    font-size: 21px;
    display: block;
    color: #FFFFFF;
    padding-top: 6px;
}

.white-popup#kalendar-smm .subtitle-popup {
    color: rgba(255, 255, 255, 0.28);
    font-size: 39px;
    font-weight: 800;
    padding-bottom: 35px;
    text-transform: uppercase;
    font-family: 'proxima_nova_extrabld';
}

@media screen and (max-width: 640px) {
    .white-popup#kalendar-smm .subtitle-popup {
        font-size: 16px;
        padding-bottom: 15px;
    }
}

@media screen and (max-width: 640px) {
    .white-popup#kalendar-smm .subtitle-popup {
        font-size: 16px;
        padding-bottom: 15px;
    }
}

.white-popup#kalendar-smm .popup-content .desc-popup {
    font-size: 20px;
    font-weight: 300;
}

@media screen and (max-width: 640px) {
    .white-popup#kalendar-smm .popup-content .desc-popup {
        font-size: 14px;
    }
}

@media screen and (max-width: 430px) {
    .white-popup#kalendar-smm .popup-content .desc-popup {
        font-size: 12px;
    }
}

.white-popup#kalendar-smm .popup-content .logo-popup {
    padding-top: 20px;
    width: 83px;
    height: 17px;
    display: block;
}

@media screen and (max-width: 430px) {
    .white-popup#kalendar-smm .popup-content .logo-popup {
        display: none;
    }
}

.white-popup#kalendar-smm .btn_popup {
    background-color: #E12341;
    border-radius: 25px;
    text-decoration: none;
    color: #fff;
    border: 2px solid #E12341;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 700;            text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    padding: 10px;
    max-width: 240px;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    bottom: -20px;
    left: 70%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (max-width: 430px) {
    .white-popup#kalendar-smm .btn_popup {
        bottom: 10px;
        left: 50%;
        padding: 15px;
        max-width: 340px;
    }
}

.white-popup#kalendar-smm .btn_popup:hover {
    background-color: #fff;
    color: #E12341;
}
/* kalendar-smm_popup end */


/* vk_popup */
.white-popup#vk_popup button.mfp-close {
    top: 10%;
    right: 20px;
}

.white-popup#vk_popup {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto;
    max-width: 567px;
    width: 100%;
    height: 345px;
    background: url(/bitrix/templates/adapt/images/bg-vk-popup.png)no-repeat center;
    background-size: contain;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0;
    overflow: hidden;
}

@media screen and (max-width: 480px) {
    .white-popup#vk_popup {
        background-position: -40px;
    }
}

.white-popup#vk_popup *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 1.3;
}

.white-popup#vk_popup .popup-content {
    position: absolute;
    max-width: 310px;
    width: 100%;
    top: 46%;
    left: 71%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    color: #fff;
    padding: 0 10px;
    text-align: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

    @media screen and (max-width: 480px) {
        .white-popup#vk_popup .popup-content {
            max-width: 220px;
            top: 47%;
            left: 59%;
        }
    }

.white-popup#vk_popup .popup-content .bg-text {
    background-color: #fff;
    padding: 7px 20px;
}

.white-popup#vk_popup .popup-content .title-popup{
    font-size: 32px;
    font-weight: 800;
    margin-bottom: 30px;
    color: #fff;
    font-family: 'proxima_nova_extrabld';
}

.white-popup#vk_popup .popup-content .title-popup .selected-text {
    color: #4267B2;
}

    @media screen and (max-width: 480px) {
        .white-popup#vk_popup .popup-content .title-popup {
            font-size: 20px;
            margin-bottom: 10px;
        }
    }

.white-popup#vk_popup .popup-content .desc-popup {
    font-size: 20px;
}

    @media screen and (max-width: 480px) {
        .white-popup#vk_popup .popup-content .desc-popup {
            font-size: 12px;
        }
    }

.white-popup#vk_popup .btn_popup {
    background-color: #E12341;
    border-radius: 25px;
    text-decoration: none;
    color: #fff;
    border: 2px solid #E12341;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    padding: 11.5px 10px;
    max-width: 220px;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    bottom: 0px;
    left: 71%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (max-width: 480px) {
    .white-popup#vk_popup .btn_popup {
        bottom: 76px;
        max-width: 150px;
        font-size: 16px;
        padding: 3px;
        left: 59%;
    }
}

.white-popup#vk_popup .btn_popup:hover {
    background-color: #fff;
    color: #E12341;
}
/* end vk_popup */

/* instagram_public_popup */
.white-popup#instagram_public_popup button.mfp-close {
    top: 10%;
    right: 20px;
}

.white-popup#instagram_public_popup {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto;
    max-width: 429px;
    width: 100%;
    height: 560px;
    background: url(/bitrix/templates/adapt/images/bg-popup-inst.png)no-repeat center;
    background-size: contain;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0;
    overflow: hidden;
}

.white-popup#instagram_public_popup *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 1.3;
}

.white-popup#instagram_public_popup .popup-content {
    position: absolute;
    max-width: 310px;
    width: 100%;
    top: 65%;
    left: 62%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    color: #fff;
    padding: 0 10px;
    text-align: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

    @media screen and (max-width: 480px) {
        .white-popup#instagram_public_popup .popup-content {
            max-width: 220px;
            top: 62%;
            left: 62%;
        }
    }

.white-popup#instagram_public_popup .popup-content .bg-text {
    background-color: #fff;
    padding: 7px 20px;
}

.white-popup#instagram_public_popup .popup-content .title-popup{
    font-size: 28px;
    font-weight: 800;
    margin-bottom: 30px;
    color: #fff;
}

.white-popup#instagram_public_popup .popup-content .title-popup .selected-text {
    color: #4267B2;
}

    @media screen and (max-width: 480px) {
        .white-popup#instagram_public_popup .popup-content .title-popup {
            font-size: 18px;
            margin-bottom: 10px;
        }
    }

.white-popup#instagram_public_popup .popup-content .desc-popup {
    font-size: 24px;
    font-weight: 300;
    font-family: 'TT Norms';
}

    @media screen and (max-width: 480px) {
        .white-popup#instagram_public_popup .popup-content .desc-popup {
            font-size: 18px;
        }

        .white-popup#instagram_public_popup .popup-content .desc-popup br {
            display: none;
        }
    }

.white-popup#instagram_public_popup .btn_popup {
    background-color: #E12341;
    border-radius: 25px;
    text-decoration: none;
    color: #fff;
    border: 2px solid #E12341;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    padding: 14.5px 10px;
    max-width: 240px;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    bottom: 0px;
    left: 62%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (max-width: 480px) {
    .white-popup#instagram_public_popup .btn_popup {
        bottom: 70px;
        padding: 15px 6px;
        left: 50%;
    }
}

.white-popup#instagram_public_popup .btn_popup:hover {
    background-color: #fff;
    color: #E12341;
}
/* end instagram_public_popup */

/* facebook_popup */
.white-popup#facebook_popup button.mfp-close {
    top: 50px;
    right: 20px;
}

.white-popup#facebook_popup {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto;
    max-width: 443px;
    width: 100%;
    height: 546px;
    background: url(/bitrix/templates/adapt/images/bg-facebook-popup.png)no-repeat center;
    background-size: contain;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0;
    overflow: hidden;
}

.white-popup#facebook_popup *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 1.3;
}

.white-popup#facebook_popup .popup-content {
    position: absolute;
    max-width: 310px;
    width: 100%;
    top: 50%;
    left: 58%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    color: #000;
    padding: 0 10px;
    text-align: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

    @media screen and (max-width: 480px) {
        .white-popup#facebook_popup .popup-content {
            max-width: 220px;
            top: 50%;
        }
    }

.white-popup#facebook_popup .popup-content .bg-text {
    background-color: #fff;
    padding: 7px 20px;
}

.white-popup#facebook_popup .popup-content .title-popup{
    font-size: 32px;
    font-weight: 800;
    margin-bottom: 30px;
    color: #000;
    font-family: 'proxima_nova_extrabld';
}

.white-popup#facebook_popup .popup-content .title-popup .selected-text {
    color: #4267B2;
}

    @media screen and (max-width: 480px) {
        .white-popup#facebook_popup .popup-content .title-popup {
            font-size: 22px;
            margin-bottom: 10px;
        }
    }

.white-popup#facebook_popup .popup-content .desc-popup {
    font-size: 20px;
}

    @media screen and (max-width: 480px) {
        .white-popup#facebook_popup .popup-content .desc-popup {
            font-size: 15px;
        }
    }

.white-popup#facebook_popup .btn_popup {
    background-color: #E12341;
    border-radius: 25px;
    text-decoration: none;
    color: #fff;
    border: 2px solid #E12341;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    padding: 11.5px 10px;
    max-width: 220px;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    bottom: 70px;
    left: 58%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (max-width: 480px) {
    .white-popup#facebook_popup .btn_popup {
        bottom: 140px;
        max-width: 170px;
        font-size: 16px;
        padding: 6px;
    }
}

.white-popup#facebook_popup .btn_popup:hover {
    background-color: #fff;
    color: #E12341;
}
/* end facebook_popup */

/* upakovka_popup */
.white-popup#upakovka_popup button.mfp-close {
    top: 60px;
    right: 20px;
}

.white-popup#upakovka_popup {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto;
    max-width: 427px;
    width: 100%;
    height: 542px;
    background: url(/bitrix/templates/adapt/images/bg-upakovka-popup.png)no-repeat center;
    background-size: contain;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0;
    overflow: hidden;
}

.white-popup#upakovka_popup *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 1.3;
}

.white-popup#upakovka_popup .popup-content {
    position: absolute;
    max-width: 310px;
    width: 100%;
    top: 48%;
    left: 51%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    color: #fff;
    padding: 0 10px;
    text-align: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

    @media screen and (max-width: 480px) {
        .white-popup#upakovka_popup .popup-content {
            max-width: 220px;
            top: 48%;
        }
    }

.white-popup#upakovka_popup .popup-content .title-popup{
    font-size: 32px;
    font-weight: 800;
    margin-bottom: 25px;
    font-family: 'proxima_nova_extrabld';
}

.white-popup#upakovka_popup .popup-content .title-popup .selected-text {
    color: #E12341;
}

    @media screen and (max-width: 480px) {
        .white-popup#upakovka_popup .popup-content .title-popup {
            font-size: 22px;
            margin-bottom: 10px;
        }
    }

.white-popup#upakovka_popup .popup-content .desc-popup {
    font-size: 62px;
    color: #84848F;
    font-weight: 800;
}

    @media screen and (max-width: 480px) {
        .white-popup#upakovka_popup .popup-content .desc-popup {
            font-size: 32px;
        }
    }

.white-popup#upakovka_popup .btn_popup {
    background-color: #E12341;
    border-radius: 25px;
    text-decoration: none;
    color: #fff;
    border: 2px solid #E12341;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    padding: 11.5px 10px;
    max-width: 220px;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    bottom: 70px;
    left: 49%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (max-width: 480px) {
    .white-popup#upakovka_popup .btn_popup {
        bottom: 140px;
    }
}

.white-popup#upakovka_popup .btn_popup:hover {
    background-color: #fff;
    color: #E12341;
}
/* end upakovka_popup */





/* popup_design_newyear */
.white-popup#popup_design_newyear button.mfp-close {
    top: 60px;
    right: 20px;
}

.white-popup#popup_design_newyear {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 507px;
    width: 100%;
    height: 542px;
    background: url(/bitrix/templates/adapt/images/popup_design_newyear.png)no-repeat center;
    background-size: contain;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    overflow: hidden;
}

.white-popup#popup_design_newyear *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 1.3;
}

.white-popup#popup_design_newyear .popup-content {
    position: absolute;
    max-width: 680px;
    width: 110%;
    top: 25%;
    left: 10%;
    color: #fff;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    @media screen and (max-width: 767px) {
        .white-popup#popup_design_newyear{
            max-width: 320px;
            height: 320px;
        }
        .white-popup#popup_design_newyear .popup-content {
            max-width: 320px;
            top: 23%;
        }
    }

.white-popup#popup_design_newyear .popup-content .title-popup{
    font-size: 34px;
    font-weight: 700;
    font-family: 'TT Norms';
}

.white-popup#popup_design_newyear .popup-content .title-popup .selected-text {
    color: #E12341;
}

    @media screen and (max-width: 767px) {
        .white-popup#popup_design_newyear .popup-content .title-popup {
            font-size: 22px;
            margin-bottom: 10px;
        }
    }

.white-popup#popup_design_newyear .popup-content .desc-popup {
    font-size: 71px;
    color: #fff;
    font-weight: 800;
    text-transform: uppercase;
    transform: translate(-16px, 14px);
}

.white-popup#popup_design_newyear .popup-content .desc-popup span{
    font-size: 28px;
    transform: translate(-6px, 5px);
    display: inline-block;
}

.white-popup#popup_design_newyear .popup-content .desc-popup strong{
    font-size: 38px;
    display: block;
    font-weight: 500;
    transform: translateY(-10px);
    text-transform: lowercase;
}

    @media screen and (max-width: 767px) {
        .white-popup#popup_design_newyear .popup-content .desc-popup {
            font-size: 32px;
            transform: translate(-6px, 6px);
        }
    }

.white-popup#popup_design_newyear .btn_popup {
    background-color: #fff;
    border-radius: 25px;
    text-decoration: none;
    color: #E12341;
    border: 2px solid #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    padding: 11.5px 10px;
    max-width: 220px;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    bottom: 140px;
    left: 61%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (max-width: 767px) {
    .white-popup#popup_design_newyear .btn_popup {
        bottom: 60px;
    }
}

.white-popup#popup_design_newyear .btn_popup:hover {
    background-color: #E12341;
    color: #fff;
}
/* end popup_design_newyear */






/* neskuchnij_smm */
.white-popup#neskuchnij_smm button.mfp-close {
    top: 60px;
    right: 20px;
}
.white-popup#neskuchnij_smm .red:not(.mfp-close),
.white-popup#neskuchnij_smm .black:not(.mfp-close),
.white-popup#neskuchnij_smm .white:not(.mfp-close){
  text-align: center;
  margin: auto;
  display: inline-block;
  width: auto;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}

.white-popup#neskuchnij_smm .red:not(.mfp-close)::after,
.white-popup#neskuchnij_smm .black:not(.mfp-close)::after,
.white-popup#neskuchnij_smm .white:not(.mfp-close)::after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background-color: inherit;
  z-index: -1;
}

.white-popup#neskuchnij_smm .red:not(.mfp-close){
  color: #e12341;
  background-color: #000;
  margin-bottom: -2px;
  line-height: 1.5em;
}
.white-popup#neskuchnij_smm .red:not(.mfp-close):after{
  -webkit-transform: rotate(2deg);
          transform: rotate(2deg);
      width: 120%;
      height: 1.8em;
      left: -10%;
      top: -3px;
}

.white-popup#neskuchnij_smm .black:not(.mfp-close){
  color: #fff;
  background-color: #000;
  padding-top: 10px;
  padding-right: 25px;
  padding-left: 25px;
}
.white-popup#neskuchnij_smm .black:not(.mfp-close):after{
  -webkit-transform: skewY(1deg);
          transform: skewY(1deg);
  width: 100%;
  height: 1.7em;
  left: 0%;
  top: 8px;
}
.white-popup#neskuchnij_smm .white:not(.mfp-close){
  margin-bottom: -2px;
    color: #000;
    background-color: #fff;
    line-height: 1.5em;
}

.white-popup#neskuchnij_smm .white:not(.mfp-close):after{
      -webkit-transform: skewY(0deg);
              transform: skewY(0deg);
      width: 107%;
      height: 2em;
      left: -4%;
      top: -5px
}

.white-popup#neskuchnij_smm .white:nth-of-type(2):not(.mfp-close):after{
      -webkit-transform: skewY(2deg);
              transform: skewY(2deg);
      width: 105%;
      height: 2em;
      left: -4%;
      top: -5px
}

.white-popup#neskuchnij_smm {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto;
    max-width: 460px;
    width: 100%;
    height: 580px;
    background: url(/bitrix/templates/adapt/images/neskuchnij_smm.png)no-repeat center;
    background-size: contain;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0;
    overflow: hidden;
}

.white-popup#neskuchnij_smm *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 1.3;
}

.white-popup#neskuchnij_smm .popup-content {
    position: absolute;
    width: 100%;
    top: 53%;
    left: 49%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    color: #fff;
    padding: 0 10px;
    text-align: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

    @media screen and (max-width: 480px) {
        .white-popup#neskuchnij_smm {
          height: 455px;
        }
        .white-popup#neskuchnij_smm .popup-content {
            max-width: 306px;
            top: 48%;
        }
    }

.white-popup#neskuchnij_smm .popup-content .title-popup{
    font-size: 32px;
    font-weight: 800;
    margin-bottom: 25px;
    font-family: 'proxima_nova_extrabld';
}

.white-popup#neskuchnij_smm .popup-content .title-popup .selected-text {
    color: #E12341;
}

    @media screen and (max-width: 480px) {
        .white-popup#neskuchnij_smm .popup-content .title-popup {
            font-size: 22px;
            margin-bottom: 10px;
        }
    }

.white-popup#neskuchnij_smm .popup-content .desc-popup {
    font-size: 24px;
}

    @media screen and (max-width: 480px) {
        .white-popup#neskuchnij_smm .popup-content .desc-popup {
            font-size: 14px;
        }
    }

.white-popup#neskuchnij_smm .btn_popup {
    background-color: #E12341;
    border-radius: 25px;
    text-decoration: none;
    color: #fff;
    border: 2px solid #E12341;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    padding: 11.5px 10px;
    max-width: 260px;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    bottom: 70px;
    left: 49%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (max-width: 480px) {
    .white-popup#neskuchnij_smm .btn_popup {
        bottom: 80px;
    }
}

.white-popup#neskuchnij_smm .btn_popup:hover {
    background-color: #fff;
    color: #E12341;
}
/* end neskuchnij_smm */


/* neskuchnij_smm */
.white-popup#neskuchnij_smm button.mfp-close {
    top: 60px;
    right: 20px;
}
.white-popup#neskuchnij_smm .red:not(.mfp-close),
.white-popup#neskuchnij_smm .black:not(.mfp-close),
.white-popup#neskuchnij_smm .white:not(.mfp-close){
  text-align: center;
  margin: auto;
  display: inline-block;
  width: auto;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}

.white-popup#neskuchnij_smm .red:not(.mfp-close)::after,
.white-popup#neskuchnij_smm .black:not(.mfp-close)::after,
.white-popup#neskuchnij_smm .white:not(.mfp-close)::after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background-color: inherit;
  z-index: -1;
}

.white-popup#neskuchnij_smm .red:not(.mfp-close){
  color: #e12341;
  background-color: #000;
  margin-bottom: -2px;
  line-height: 1.5em;
}
.white-popup#neskuchnij_smm .red:not(.mfp-close):after{
  -webkit-transform: rotate(2deg);
          transform: rotate(2deg);
      width: 120%;
      height: 1.8em;
      left: -10%;
      top: -3px;
}

.white-popup#neskuchnij_smm .black:not(.mfp-close){
  color: #fff;
  background-color: #000;
  padding-top: 10px;
  padding-right: 25px;
  padding-left: 25px;
}
.white-popup#neskuchnij_smm .black:not(.mfp-close):after{
  -webkit-transform: skewY(1deg);
          transform: skewY(1deg);
  width: 100%;
  height: 1.7em;
  left: 0%;
  top: 8px;
}
.white-popup#neskuchnij_smm .white:not(.mfp-close){
  margin-bottom: -2px;
    color: #000;
    background-color: #fff;
    line-height: 1.5em;
}

.white-popup#neskuchnij_smm .white:not(.mfp-close):after{
      -webkit-transform: skewY(0deg);
              transform: skewY(0deg);
      width: 107%;
      height: 2em;
      left: -4%;
      top: -5px
}

.white-popup#neskuchnij_smm .white:nth-of-type(2):not(.mfp-close):after{
      -webkit-transform: skewY(2deg);
              transform: skewY(2deg);
      width: 105%;
      height: 2em;
      left: -4%;
      top: -5px
}

.white-popup#neskuchnij_smm {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto;
    max-width: 460px;
    width: 100%;
    height: 580px;
    background: url(/bitrix/templates/adapt/images/neskuchnij_smm.png)no-repeat center;
    background-size: contain;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0;
    overflow: hidden;
}

.white-popup#neskuchnij_smm *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 1.3;
}

.white-popup#neskuchnij_smm .popup-content {
    position: absolute;
    width: 100%;
    top: 53%;
    left: 49%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    color: #fff;
    padding: 0 10px;
    text-align: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

    @media screen and (max-width: 480px) {
        .white-popup#neskuchnij_smm {
          height: 455px;
        }
        .white-popup#neskuchnij_smm .popup-content {
            max-width: 306px;
            top: 48%;
        }
    }

.white-popup#neskuchnij_smm .popup-content .title-popup{
    font-size: 32px;
    font-weight: 800;
    margin-bottom: 25px;
    font-family: 'proxima_nova_extrabld';
}

.white-popup#neskuchnij_smm .popup-content .title-popup .selected-text {
    color: #E12341;
}

    @media screen and (max-width: 480px) {
        .white-popup#neskuchnij_smm .popup-content .title-popup {
            font-size: 22px;
            margin-bottom: 10px;
        }
    }

.white-popup#neskuchnij_smm .popup-content .desc-popup {
    font-size: 24px;
}

    @media screen and (max-width: 480px) {
        .white-popup#neskuchnij_smm .popup-content .desc-popup {
            font-size: 14px;
        }
    }

.white-popup#neskuchnij_smm .btn_popup {
    background-color: #E12341;
    border-radius: 25px;
    text-decoration: none;
    color: #fff;
    border: 2px solid #E12341;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    padding: 11.5px 10px;
    max-width: 260px;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    bottom: 70px;
    left: 49%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (max-width: 480px) {
    .white-popup#neskuchnij_smm .btn_popup {
        bottom: 80px;
    }
}

.white-popup#neskuchnij_smm .btn_popup:hover {
    background-color: #fff;
    color: #E12341;
}
/* end neskuchnij_smm */


/* seo_new */
.white-popup#seo_new button.mfp-close {
    top: 60px;
    right: 20px;
}
.white-popup#seo_new .red:not(.mfp-close),
.white-popup#seo_new .black:not(.mfp-close),
.white-popup#seo_new .white:not(.mfp-close){
  text-align: center;
  margin: auto;
  display: inline-block;
  width: auto;
  padding-left: 10px;
  padding-right: 10px;
  box-sizing: border-box;
  position: relative;
}



.white-popup#seo_new .red:not(.mfp-close){
  color: #000;
  background-color: #fff;
  margin-bottom: -2px;
  line-height: 1.5em;
  font-family: 'proxima_nova_extrabld';
}

.white-popup#seo_new .black:not(.mfp-close){
  color: #000;
  background-color: #fff;
  padding-right: 25px;
  padding-left: 25px;
  width: 100%;
  max-width: 296px;
  box-sizing: border-box;
}

.white-popup#seo_new .white:not(.mfp-close){
  margin-bottom: -32px;
  color: #000;
  background-color: #fff;
  line-height: 1.5em;
}

.white-popup#seo_new .white:not(.mfp-close):first-child{
    width: 100%;
    display: block;
    max-width: 296px;
}


.white-popup#seo_new {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto;
    max-width: 388px;
    width: 100%;
    height: 580px;
    background: url(/bitrix/templates/adapt/images/seo_new.png)no-repeat center;
    background-size: contain;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0;
    overflow: hidden;
}

.white-popup#seo_new *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 1.3;
}

.white-popup#seo_new .popup-content {
    position: absolute;
    width: 100%;
    top: 61%;
    left: 49%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    color: #fff;
    padding: 0 10px;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    @media screen and (max-width: 480px) {
        .white-popup#seo_new {
          height: 455px;
        }
        .white-popup#seo_new .popup-content {
            max-width: 306px;
            top: 61%;
        }
    }

.white-popup#seo_new .popup-content .title-popup{
    font-size: 24px;
    margin-bottom: 25px;
    max-width: 340px;
}

.white-popup#seo_new .popup-content .title-popup .selected-text {
    color: #E12341;
}

    @media screen and (max-width: 480px) {
        .white-popup#seo_new .popup-content .title-popup {
            font-size: 22px;
            margin-bottom: 10px;
        }
    }

.white-popup#seo_new .popup-content .desc-popup {
    font-size: 24px;
    max-width: 340px;
}

    @media screen and (max-width: 480px) {
        .white-popup#seo_new .popup-content .desc-popup {
            font-size: 20px;
        }
        .white-popup#seo_new .white:not(.mfp-close):first-child{
            margin-bottom: -27px;
        }
    }

.white-popup#seo_new .btn_popup {
    background-color: #E12341;
    border-radius: 25px;
    text-decoration: none;
    color: #fff;
    border: 2px solid #E12341;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    padding: 11.5px 10px;
    max-width: 260px;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    bottom: 29px;
    left: 49%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (max-width: 480px) {
    .white-popup#seo_new .btn_popup {
        bottom: 20px;
    }
}

.white-popup#seo_new .btn_popup:hover {
    background-color: #fff;
    color: #E12341;
}
/* end seo_new */




/* lending_voronka */
.white-popup#lending_voronka button.mfp-close {
    top: 40px;
    right: 70px;
}
.white-popup#lending_voronka .red:not(.mfp-close),
.white-popup#lending_voronka .black:not(.mfp-close),
.white-popup#lending_voronka .white:not(.mfp-close){
  text-align: left;
  display: inline-block;
  width: auto;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}


.white-popup#lending_voronka .red:not(.mfp-close){
  color: #e12341;
  line-height: 1.3em;
}


.white-popup#lending_voronka .white:not(.mfp-close){
    color: #fff;
    line-height: 1.3em;
}


.white-popup#lending_voronka {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto;
    max-width: 460px;
    width: 100%;
    height: 580px;
    background: url(/bitrix/templates/adapt/images/lending_voronka.png)no-repeat center;
    background-size: contain;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0;
    overflow: hidden;
}

.white-popup#lending_voronka *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 1.3;
}

.white-popup#lending_voronka .popup-content {
    position: absolute;
    width: 70%;
    top: 53%;
    left: 39%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    color: #fff;
    padding: 0 10px;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    @media screen and (max-width: 480px) {
        .white-popup#lending_voronka {
          height: 455px;
        }
        .white-popup#lending_voronka .popup-content {
            max-width: 306px;
            top: 54%;
        }
        .white-popup#lending_voronka button.mfp-close {
            top: 40px;
            right: 30px;
        }
    }

.white-popup#lending_voronka .popup-content .title-popup{
    text-align: left;
    font-size: 32px;
    font-weight: 800;
    margin-bottom: 25px;
    font-family: 'proxima_nova_extrabld';
}

.white-popup#lending_voronka .popup-content .title-popup .selected-text {
    color: #E12341;
}

    @media screen and (max-width: 480px) {
        .white-popup#lending_voronka .popup-content .title-popup {
            font-size: 22px;
            margin-bottom: 10px;
        }
    }

.white-popup#lending_voronka .popup-content .desc-popup {
    font-size: 24px;
    text-align: left;
}

    @media screen and (max-width: 480px) {
        .white-popup#lending_voronka .popup-content .desc-popup {
            font-size: 14px;
        }
    }

.white-popup#lending_voronka .btn_popup {
    background-color: #E12341;
    border-radius: 25px;
    text-decoration: none;
    color: #fff;
    border: 2px solid #E12341;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    padding: 11.5px 10px;
    max-width: 260px;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    bottom: 70px;
    left: 49%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (max-width: 480px) {
    .white-popup#lending_voronka .btn_popup {
        bottom: 80px;
    }
}

.white-popup#lending_voronka .btn_popup:hover {
    background-color: #fff;
    color: #E12341;
}
/* end lending_voronka */

/* lesha_mobile_popup */
.white-popup#lesha_mobile_popup button.mfp-close {
    top: 100px;
    right: 20px;
}

.white-popup#lesha_mobile_popup {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto;
    max-width: 368px;
    width: 100%;
    height: 549px;
    background: url(/bitrix/templates/adapt/images/bg-lesha-mobile-popup.png)no-repeat center;
    background-size: contain;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0;
    overflow: hidden;
}

.white-popup#lesha_mobile_popup *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 1.3;
}

.white-popup#lesha_mobile_popup .popup-content {
    position: absolute;
    max-width: 280px;
    width: 100%;
    top: 60%;
    left: 52%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    color: #fff;
    padding: 0 10px;
}

    @media screen and (max-width: 480px) {
        .white-popup#lesha_mobile_popup .popup-content {
            left: 58%;
        }
    }

.white-popup#lesha_mobile_popup .popup-content .title-popup{
    font-size: 28px;
    font-weight: 800;
    margin-bottom: 25px;
    font-family: 'proxima_nova_extrabld';
}

    @media screen and (max-width: 480px) {
        .white-popup#lesha_mobile_popup .popup-content .title-popup {
            font-size: 26px;
        }
    }

.white-popup#lesha_mobile_popup .popup-content .title-popup .selected-text {
    color: #E12341;
}


.white-popup#lesha_mobile_popup .popup-content .desc-popup {
    font-size: 20px;
}

    @media screen and (max-width: 480px) {
        .white-popup#lesha_mobile_popup .popup-content .desc-popup {
            font-size: 18px;
        }
    }

.white-popup#lesha_mobile_popup .btn_popup {
    background-color: #E12341;
    border-radius: 25px;
    text-decoration: none;
    color: #fff;
    border: 2px solid #E12341;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    padding: 11.5px 10px;
    max-width: 110px;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    bottom: 35px;
    left: 73%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.white-popup#lesha_mobile_popup .btn_popup:before,
.white-popup#lesha_mobile_popup .btn_popup:after {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    border-top: 2px solid #FFFFFF;
    border-right: 2px solid #FFFFFF;
    top: 50%;
    -webkit-transform: translatey(-50%) rotate(45deg);
            transform: translatey(-50%) rotate(45deg);
    left: -42px;
    pointer-events: none;
}

    @media screen and (max-width: 480px) {
        .white-popup#lesha_mobile_popup .btn_popup {
            bottom: 60px;
        }
    }

.white-popup#lesha_mobile_popup .btn_popup:before {
    left: -55px;
}

.white-popup#lesha_mobile_popup .btn_popup:hover {
    background-color: #fff;
    color: #E12341;
}
/* end lesha_mobile_popup */


/* smmdesign_popup */
.white-popup#smmdesign_popup button.mfp-close {
    top: 100px;
    right: 20px;
}

.white-popup#smmdesign_popup {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto;
    max-width: 436px;
    width: 100%;
    height: 574px;
    background: url(/bitrix/templates/adapt/images/smmdesign.png) no-repeat center;
    background-size: contain;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0;
    overflow: hidden;
}

.white-popup#smmdesign_popup *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 1.3;
}

.white-popup#smmdesign_popup .popup-content {
  position: absolute;
  max-width: 220px;
  width: 100%;
  bottom: 4%;
  left: 33%;
  -webkit-transform: translate(-50%,-50%) rotate(-3deg);
          transform: translate(-50%,-50%) rotate(-3deg);
  color: #fff;
  padding: 0 10px;
}

    @media screen and (max-width: 480px) {
        .white-popup#smmdesign_popup .popup-content {
          left: 29%;
          bottom: 89px;
          max-width: 120px;
        }
    }

    @media screen and (max-width: 480px) {
      .white-popup#smmdesign_popup {
        max-width: 310px;
      }
    }

.white-popup#smmdesign_popup .popup-content .title-popup{
    font-size: 28px;
    line-height: 1em;
    font-weight: 800;
    margin-bottom: 0.7em;
    color: #290C4D;
    font-family: 'proxima_nova_extrabld';
}

    @media screen and (max-width: 480px) {
        .white-popup#smmdesign_popup .popup-content .title-popup {
            font-size: 17px;
        }
    }

.white-popup#smmdesign_popup .popup-content .title-popup .selected-text {
    color: #E12341;
}


.white-popup#smmdesign_popup .popup-content .desc-popup {
    font-size: 20px;
    color: #290C4D;
}


    @media screen and (max-width: 480px) {
        .white-popup#smmdesign_popup .popup-content .desc-popup {
            font-size: 14px;
        }
    }

.white-popup#smmdesign_popup .btn_popup {
      color: #290C4D;
    background-color: #E12341;
    border-radius: 25px;
    text-decoration: none;
    color: #fff;
    border: 2px solid #E12341;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    padding: 11.5px 10px;
    max-width: 220px;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    bottom: 58px;
    left: 73%;
    -webkit-transform: translateX(-70%) rotate(-6deg);
            transform: translateX(-70%) rotate(-6deg);
}


    @media screen and (max-width: 480px) {
        .white-popup#smmdesign_popup .btn_popup {
            bottom: 101px;
            -webkit-transform: translateX(-70%) rotate(-6deg);
                    transform: translateX(-70%) rotate(-6deg);
        }
    }

.white-popup#smmdesign_popup .btn_popup:before {
    left: -55px;
}

.white-popup#smmdesign_popup .btn_popup:hover {
    background-color: #fff;
    color: #E12341;
}
/* end smmdesign_popup */


/* figma_juniors */
.white-popup#figma_juniors button.mfp-close {
    top: 100px;
    right: 20px;
}

.white-popup#figma_juniors {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto;
    max-width: 436px;
    width: 100%;
    height: 574px;
    background: url(/bitrix/templates/adapt/images/smmdesign.png) no-repeat center;
    background-size: contain;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0;
    overflow: hidden;
}

.white-popup#figma_juniors *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 1.3;
}

.white-popup#figma_juniors .popup-content {
  position: absolute;
  max-width: 220px;
  width: 100%;
  bottom: 2%;
  left: 33%;
  -webkit-transform: translate(-50%,-50%) rotate(-3deg);
          transform: translate(-50%,-50%) rotate(-3deg);
  color: #fff;
  padding: 0 10px;
}

    @media screen and (max-width: 480px) {
        .white-popup#figma_juniors .popup-content {
          left: 29%;
          bottom: 89px;
          max-width: 120px;
        }
    }

    @media screen and (max-width: 480px) {
      .white-popup#figma_juniors {
        max-width: 310px;
      }
    }

.white-popup#figma_juniors .popup-content .title-popup{
    font-size: 26px;
    line-height: 1em;
    font-weight: 800;
    margin-bottom: 0.7em;
    color: #290C4D;
    font-family: 'proxima_nova_extrabld';
}

    @media screen and (max-width: 480px) {
        .white-popup#figma_juniors .popup-content .title-popup {
            font-size: 16px;
        }
    }

.white-popup#figma_juniors .popup-content .title-popup .selected-text {
    color: #E12341;
}


.white-popup#figma_juniors .popup-content .desc-popup {
    font-size: 18px;
    color: #290C4D;
}


    @media screen and (max-width: 480px) {
        .white-popup#figma_juniors .popup-content .desc-popup {
            font-size: 14px;
        }
    }

.white-popup#figma_juniors .btn_popup {
      color: #290C4D;
    background-color: #E12341;
    border-radius: 25px;
    text-decoration: none;
    color: #fff;
    border: 2px solid #E12341;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    padding: 11.5px 10px;
    max-width: 220px;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    bottom: 58px;
    left: 73%;
    -webkit-transform: translateX(-70%) rotate(-6deg);
            transform: translateX(-70%) rotate(-6deg);
}


    @media screen and (max-width: 480px) {
        .white-popup#figma_juniors .btn_popup {
            bottom: 101px;
            -webkit-transform: translateX(-70%) rotate(-6deg);
                    transform: translateX(-70%) rotate(-6deg);
        }
    }

.white-popup#figma_juniors .btn_popup:before {
    left: -55px;
}

.white-popup#figma_juniors .btn_popup:hover {
    background-color: #fff;
    color: #E12341;
}
/* end figma_juniors */




/* ten_year_landing_popup */
.white-popup#ten_year_landing_popup button.mfp-close {
    top: 90px;
    right: 0px;
}

.white-popup#ten_year_landing_popup {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto;
    max-width: 360px;
    width: 100%;
    height: 520px;
    background: url(/bitrix/templates/adapt/images/bg-ten-year-landing-popup.png)no-repeat center;
    background-size: contain;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0;
    overflow: hidden;
}

.white-popup#ten_year_landing_popup *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    font-size: 24px;
    line-height: 1.3;
}

.white-popup#ten_year_landing_popup .popup-content {
    position: absolute;
    max-width: 280px;
    width: 100%;
    top: 60%;
    left: 52%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    color: #fff;
    text-align: center;
    padding: 0 10px;
}
.white-popup#ten_year_landing_popup .popup-content .title-popup {
    font-size: 32px;
    font-weight: 800;
    margin-bottom: 25px;
    font-family: 'proxima_nova_extrabld';
}

    @media screen and (max-width: 480px) {
        .white-popup#ten_year_landing_popup .popup-content .title-popup {
            font-size: 26px;
        }
    }

.white-popup#ten_year_landing_popup .popup-content .desc-popup {
    font-size: 24px;
}

    @media screen and (max-width: 480px) {
        .white-popup#ten_year_landing_popup .popup-content .desc-popup {
            font-size: 18px;
        }
    }

.white-popup#ten_year_landing_popup .btn_popup {
    background-color: #E12341;
    border-radius: 25px;
    text-decoration: none;
    color: #fff;
    border: 2px solid #E12341;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    padding: 11.5px 10px;
    max-width: 220px;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    bottom: 20px;
    left: 52%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

    @media screen and (max-width: 480px) {
        .white-popup#ten_year_landing_popup .btn_popup {
            bottom: 60px;
        }
    }

.white-popup#ten_year_landing_popup .btn_popup:hover {
    background-color: #fff;
    color: #E12341;
}
/* end ten_year_landing_popup */




/* im_new_black */

.white-popup#im_new_black button.mfp-close {
    top: 20%;
    right: 80px;
  }
  
  .white-popup#im_new_black {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 494px;
    width: 100%;
    height: 570px;
    background: url('/bitrix/templates/adapt/images/pp-im-new.png');
    background-repeat: no-repeat;
    background-position: left -3px center;
    background-size: contain;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    padding: 20px;
  }
  
  .white-popup#im_new_black .popup-content {
    position: absolute;
    max-width: 434px;
    width: 100%;
    top: 38%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
  }
  
  .white-popup#im_new_black .popup-content .title-popup {
    position: absolute;
    top: 54px;
    width: 100%;
    left: 50%;
    font-size: 26px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
    color: #fff;
    line-height: 1.1em;
  }
  
  .white-popup#im_new_black .popup-content .desc-popup {
    text-align: center;
  }
  
  .white-popup#im_new_black .popup-content .desc-popup {
    margin: 0 auto;
    margin-top: 0px;
    color: #ffffff;
    margin-left: 0;
    max-width: 185px;
    position: relative;
    top: -50px;
    left: 8px;
  }
  
  
  
  .white-popup#im_new_black .popup-content .header {
    font-size: 30px;
    text-transform: uppercase;
    color: #ffffff;
    top: 0;
    font-weight: bold;
    line-height: 1em;
    font-family: 'BebasNeueBold';
  }
  
  .white-popup#im_new_black .popup-content .first {
    color: #fff;
    font-family: 'BebasNeueBold';
    margin-bottom: -10px;
    display: block;
    font-size: 36px;
  }
  
  .white-popup#im_new_black .popup-content .first span {
    font-family: 'TT Norms', serif;
    font-weight: bold;
    font-size: 26px;
    margin-top: 1em;
    line-height: 1.4em;
    color: #fff;
  }
  
  .white-popup#im_new_black .btn_popup {
    background-color: #FFC650;
    border-radius: 25px;
    text-decoration: none;
    color: #000;
    border: 2px solid #FFC650;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    padding: 14px 0;
    max-width: 220px;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    bottom: 22px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  
  .white-popup#im_new_black .btn_popup:hover {
    background-color: #fff;
    color: #000;
  }
  
  @media (max-width: 600px) {
    .white-popup#im_new_black {
        max-width: 320px;
        background-position: center left -6px;
    }
    .white-popup#im_new_black .popup-content .title-popup {
      position: absolute;
      max-width: 83%;
      top: 54px;
      font-size: 16px;
    }
    .white-popup#im_new_black .popup-content .first{
        font-size: 26px;
    }
  
    .white-popup#im_new_black .popup-content {
      top: 42%;
    }
    .white-popup#im_new_black .popup-content .middle {
      font-size: 32px;
      line-height: 55px;
    }
  
  
    .white-popup#im_new_black .btn_popup {
      bottom: 106px;
    }
  
    .white-popup#im_new_black button.mfp-close {
      top: 24%;
      right: 40px;
    }
  }
  
  /* end im_new_black */
  

/* community_new */
.white-popup#community_new button.mfp-close {
    top: 90px;
    right: 0px;
}

.white-popup#community_new {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 520px;
    width: 100%;
    height: 550px;
    background: url(/bitrix/templates/adapt/images/pp-community-new.png)no-repeat center;
    background-size: contain;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    overflow: hidden;
}

.white-popup#community_new *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    font-size: 24px;
    line-height: 1.3;
}

.white-popup#community_new .popup-content {
    position: absolute;
    max-width: 390px;
    width: 100%;
    top: 60%;
    left: 52%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    color: #fff;
    text-align: center;
    padding: 0 10px;
}
.white-popup#community_new .popup-content .title-popup {
    font-size: 29px;
    font-weight: 800;
    margin-bottom: 25px;
    font-family: 'proxima_nova_extrabld';
}

    @media screen and (max-width: 480px) {
        .white-popup#community_new .popup-content{
            top: 54%;
        }
        .white-popup#community_new .popup-content .title-popup {
            font-size: 18px;
            margin-bottom: 0.5em;
        }
    }

.white-popup#community_new .popup-content .desc-popup {
    font-size: 28px;
}

.white-popup#community_new .popup-content .desc-popup--crossed {
    position: relative;
}

.white-popup#community_new .popup-content .desc-popup--crossed:before {
  position: absolute;
  content: '';
  width: 30%;
  height: 2px;
  background-color: red;
  top: 50%;
  left: 0;
  margin: auto;
  right: 0;
}

    @media screen and (max-width: 480px) {
        .white-popup#community_new .popup-content .desc-popup {
            font-size: 12px;
        }

        .white-popup#community_new .popup-content .desc-popup--crossed:before {
          width: 15%;

        }
    }

.white-popup#community_new .btn_popup {
    background-color: #E12341;
    border-radius: 25px;
    text-decoration: none;
    color: #fff;
    border: 2px solid #E12341;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    padding: 11.5px 10px;
    max-width: 220px;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    bottom: 20px;
    left: 52%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

    @media screen and (max-width: 480px) {
        .white-popup#community_new .btn_popup {
            bottom: 100px;
        }
    }

.white-popup#community_new .btn_popup:hover {
    background-color: #fff;
    color: #E12341;
}
/* end community_new */



/* email_for_business  */
.white-popup#email_for_business  button.mfp-close {
    top: 90px;
    right: 20px;
}

.white-popup#email_for_business  {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 456px;
    width: 100%;
    height: 580px;
    background: url(/bitrix/templates/adapt/images/e-mail_new_bg.png)no-repeat center;
    background-size: contain;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0;
    overflow: hidden;
}

.white-popup#email_for_business  *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    font-size: 24px;
    line-height: 1.3;
}

.white-popup#email_for_business  .popup-content {
    position: absolute;
    max-width: 340px;
    width: 100%;
    top: 65%;
    left: 51%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    color: #fff;
    text-align: center;
    padding: 0 10px;
}
.white-popup#email_for_business  .popup-content .title-popup {
  font-size: 32px;
  font-weight: 800;
  line-height: 1em;
  margin-top: 105px;
  font-family: 'proxima_nova_extrabld';
}


.white-popup#email_for_business  .popup-content .title-popup span {
    font-size: inherit;
    font-size: inherit;
    color: #e12341;
    display: block;
}

    @media screen and (max-width: 480px) {
        .white-popup#email_for_business  .popup-content .title-popup {
          font-size: 22px;
          margin-top: 20px;
        }
    }

.white-popup#email_for_business  .popup-content .desc-popup {
    font-size: 24px;
}

    @media screen and (max-width: 480px) {
        .white-popup#email_for_business  .popup-content .desc-popup {
            font-size: 18px;
        }
    }

.white-popup#email_for_business  .btn_popup {
    background-color: #E12341;
    border-radius: 25px;
    text-decoration: none;
    color: #fff;
    border: 2px solid #E12341;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    padding: 11.5px 10px;
    max-width: 220px;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    bottom: 37px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

    @media screen and (max-width: 480px) {
        .white-popup#email_for_business {
          height: 470px;
        }
        .white-popup#email_for_business  .btn_popup {
            bottom: 60px;
        }
    }

.white-popup#email_for_business  .btn_popup:hover {
    background-color: #fff;
    color: #E12341;
}
/* end email_for_business  */


/* video_new_popup-green */
.white-popup#video_new_popup-green button.mfp-close {
    top: -7%;
    right: 20px;
}

.white-popup#video_new_popup-green {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 370px;
    width: 100%;
    height: 392px;
    background: url(/bitrix/templates/adapt/images/video-new-bg-green.png)no-repeat center;
    background-size: contain;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
}

.white-popup#video_new_popup-green *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    font-size: 24px;
    line-height: 1.1;
}

.white-popup#video_new_popup-green .popup-content {
    position: absolute;
    max-width: 300px;
    width: 100%;
    top: 58%;
    left: 46%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.white-popup#video_new_popup-green .popup-content .title-popup,
.white-popup#video_new_popup-green .popup-content .desc-popup {
    text-align: center;
}

.white-popup#video_new_popup-green .popup-content .desc-popup {
    margin-top: 6px;
}

.white-popup#video_new_popup-green .popup-content .bg-text:first-child {
    font-weight: 300;
    color: #fff;
}
.white-popup#video_new_popup-green .popup-content .big-text {
    font-size: 32px;
    color: #91c9c4;
    font-weight: 700;
    font-family: 'proxima_nova_extrabld';
}

.white-popup#video_new_popup-green .popup-content .bg-text {
    display: block;
    font-weight: 700;
    font-size: 28px;
}

.white-popup#video_new_popup-green .popup-content .bg-text span{
    display: inline;
    color: #E12341;
    font-size: inherit;
    font-weight: inherit;
}

.white-popup#video_new_popup-green .popup-content .title-popup .bg-text:nth-of-type(2) {text-transform: uppercase;font-size: 27px;margin-top: 0.3em;}
@media screen and (max-width: 600px){
    .white-popup#video_new_popup-green .popup-content .title-popup .bg-text:nth-of-type(2) {font-size: 23px;}
}

.white-popup#video_new_popup-green .popup-content .desc-popup .bg-text:nth-of-type(1) {

}

.white-popup#video_new_popup-green .btn_popup {
    background-color: #E12341;
    border-radius: 25px;
    text-decoration: none;
    color: #fff;
    border: 2px solid #E12341;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    padding: 14px 0;
    max-width: 220px;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    bottom: 20px;
    left: 46%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.white-popup#video_new_popup-green .btn_popup:hover {
    background-color: #fff;
    color: #E12341;
}
/* end video_new_popup-green */


/* video_new_popup */
.white-popup#video_new_popup button.mfp-close {
    top: -7%;
    right: 20px;
}

.white-popup#video_new_popup {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 370px;
    width: 100%;
    height: 392px;
    background: url(/bitrix/templates/adapt/images/video-new-bg.png)no-repeat center;
    background-size: contain;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
}

.white-popup#video_new_popup *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    font-size: 24px;
    line-height: 1.1;
}

.white-popup#video_new_popup .popup-content {
    position: absolute;
    max-width: 300px;
    width: 100%;
    top: 55%;
    left: 46%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.white-popup#video_new_popup .popup-content .title-popup,
.white-popup#video_new_popup .popup-content .desc-popup {
    text-align: center;
}

.white-popup#video_new_popup .popup-content .desc-popup {
    margin-top: 6px;
}

.white-popup#video_new_popup .popup-content .big-text {
    font-size: 32px;
    font-weight: 700;
    font-family: 'proxima_nova_extrabld';
}

.white-popup#video_new_popup .popup-content .bg-text {
    display: block;
    font-weight: 700;
    font-size: 28px;
}

.white-popup#video_new_popup .popup-content .bg-text span{
    display: inline;
    color: #E12341;
    font-size: inherit;
    font-weight: inherit;
}

.white-popup#video_new_popup .popup-content .title-popup .bg-text:nth-of-type(2) {text-transform: uppercase;font-size: 27px;margin-top: 0.3em;}
@media screen and (max-width: 600px){
    .white-popup#video_new_popup .popup-content .title-popup .bg-text:nth-of-type(2) {font-size: 23px;}
}

.white-popup#video_new_popup .popup-content .desc-popup .bg-text:nth-of-type(1) {

}

.white-popup#video_new_popup .btn_popup {
    background-color: #E12341;
    border-radius: 25px;
    text-decoration: none;
    color: #fff;
    border: 2px solid #E12341;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    padding: 14px 0;
    max-width: 220px;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    bottom: 20px;
    left: 46%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.white-popup#video_new_popup .btn_popup:hover {
    background-color: #fff;
    color: #E12341;
}
/* end video_new_popup */


/* mobilegreen_popup */
.white-popup#mobilegreen_popup button.mfp-close {
    top: -7%;
    right: 20px;
}

.white-popup#mobilegreen_popup {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 513px;
    width: 100%;
    height: 422px;
    background: url(/bitrix/templates/adapt/images/mobppgreen.png)no-repeat center;
    background-size: contain;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
}

.white-popup#mobilegreen_popup *:not(.mfp-close) {
    padding: 0;
    margin: 0;
    position: relative;
    font-size: 24px;
    line-height: 1.1;
}

.white-popup#mobilegreen_popup .popup-content {
    position: absolute;
    max-width: 300px;
    width: 100%;
    top: 55%;
    left: 46%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.white-popup#mobilegreen_popup .popup-content .title-popup,
.white-popup#mobilegreen_popup .popup-content .desc-popup {
    text-align: center;
}

.white-popup#mobilegreen_popup .popup-content .desc-popup {
    margin-top: 6px;
}

.white-popup#mobilegreen_popup .popup-content .big-text {
    font-size: 32px;
    font-weight: 700;
    font-family: 'proxima_nova_extrabld';
}

.white-popup#mobilegreen_popup .popup-content .bg-text {
    display: block;
    font-weight: 700;
    font-size: 28px;
}

.white-popup#mobilegreen_popup .popup-content .bg-text span {
    display: inline;
    color: #E12341;
    font-size: inherit;
    font-weight: inherit;
}

.white-popup#mobilegreen_popup .popup-content .title-popup .bg-text:nth-of-type(2) {
    text-transform: uppercase;
    font-size: 27px;
    margin-top: 0.3em;
}

@media screen and (max-width: 600px) {
    .white-popup#mobilegreen_popup .popup-content .title-popup .bg-text:nth-of-type(2) {
        font-size: 23px;
    }
}

.white-popup#mobilegreen_popup .popup-content .desc-popup .bg-text:nth-of-type(1) {}

.white-popup#mobilegreen_popup .btn_popup {
    background-color: #E12341;
    border-radius: 25px;
    text-decoration: none;
    color: #fff;
    border: 2px solid #E12341;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    padding: 14px 0;
    max-width: 220px;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    bottom: 20px;
    left: 46%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    box-shadow: 0 3px 0 0 #0C7E94;
}

.white-popup#mobilegreen_popup .btn_popup:hover {
    background-color: #fff;
    color: #E12341;
}
@media screen and (max-width: 767px){
    .white-popup#mobilegreen_popup{
        height: 302px;
    }
}
/* end mobilegreen_popup */

/* mobileviolet_popup */
.white-popup#mobileviolet_popup button.mfp-close {
    top: -7%;
    right: 20px;
}

.white-popup#mobileviolet_popup {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 653px;
    width: 100%;
    height: 454px;
    background: url(/bitrix/templates/adapt/images/mobppviolet.png)no-repeat center;
    background-size: contain;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
}

.white-popup#mobileviolet_popup *:not(.mfp-close) {
    padding: 0;
    margin: 0;
    position: relative;
    font-size: 24px;
    line-height: 1.1;
}

.white-popup#mobileviolet_popup .popup-content {
    position: absolute;
    max-width: 300px;
    width: 100%;
    top: 55%;
    left: 46%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.white-popup#mobileviolet_popup .popup-content .title-popup,
.white-popup#mobileviolet_popup .popup-content .desc-popup {
    text-align: center;
}

.white-popup#mobileviolet_popup .popup-content .desc-popup {
    margin-top: 6px;
}

.white-popup#mobileviolet_popup .popup-content .big-text {
    font-size: 32px;
    font-weight: 700;
    font-family: 'proxima_nova_extrabld';
}

.white-popup#mobileviolet_popup .popup-content .bg-text {
    display: block;
    font-weight: 700;
    font-size: 28px;
}

.white-popup#mobileviolet_popup .popup-content .bg-text span {
    display: inline;
    color: #E12341;
    font-size: inherit;
    font-weight: inherit;
}

.white-popup#mobileviolet_popup .popup-content .title-popup .bg-text:nth-of-type(2) {
    text-transform: uppercase;
    font-size: 27px;
    margin-top: 0.3em;
}

@media screen and (max-width: 600px) {
    .white-popup#mobileviolet_popup .popup-content .title-popup .bg-text:nth-of-type(2) {
        font-size: 23px;
    }
}

.white-popup#mobileviolet_popup .popup-content .desc-popup .bg-text:nth-of-type(1) {}

.white-popup#mobileviolet_popup .btn_popup {
    background-color: #E12341;
    border-radius: 25px;
    text-decoration: none;
    color: #fff;
    border: 2px solid #E12341;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    padding: 14px 0;
    max-width: 220px;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    bottom: 23px;
    left: 41%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    box-shadow: 0 3px 0 0 #0C7E94;
}

.white-popup#mobileviolet_popup .btn_popup:hover {
    background-color: #fff;
    color: #E12341;
}
@media screen and (max-width: 767px){
    .white-popup#mobileviolet_popup{
        height: 334px;
        background-size: 470px;
    }
}
@media screen and (max-width: 500px){
    .white-popup#mobileviolet_popup{
        background-position: left center;
    }
}
/* end mobileviolet_popup */


/* max_complex_popup */
.white-popup#max_complex_popup button.mfp-close {
    top: -7%;
    right: 20px;
}

.white-popup#max_complex_popup {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto;
    max-width: 360px;
    width: 100%;
    height: 392px;
    background: url(/bitrix/templates/adapt/images/bg-max-complex-popup.png)no-repeat center;
    background-size: contain;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0;
}

.white-popup#max_complex_popup *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    font-size: 24px;
    line-height: 1.1;
}

.white-popup#max_complex_popup .popup-content {
    position: absolute;
    max-width: 260px;
    width: 100%;
    top: 45%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
}

.white-popup#max_complex_popup .popup-content .title-popup,
.white-popup#max_complex_popup .popup-content .desc-popup {
    text-align: center;
}

.white-popup#max_complex_popup .popup-content .desc-popup {
    margin-top: 20px;
}

.white-popup#max_complex_popup .popup-content .big-text {
    font-size: 32px;
    font-weight: 800;
    font-family: 'proxima_nova_extrabld';
}

.white-popup#max_complex_popup .popup-content .bg-text {
    background-color: #fff;
    padding: 2px 10px;
}

.white-popup#max_complex_popup .popup-content .title-popup .bg-text:nth-of-type(2) {
    padding: 2px 35px 2px 25px;
}

.white-popup#max_complex_popup .popup-content .desc-popup .bg-text:nth-of-type(1) {
    padding: 2px 20px;
}

.white-popup#max_complex_popup .btn_popup {
    background-color: #E12341;
    border-radius: 25px;
    text-decoration: none;
    color: #fff;
    border: 2px solid #E12341;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    padding: 14px 0;
    max-width: 220px;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}

.white-popup#max_complex_popup .btn_popup:hover {
    background-color: #fff;
    color: #E12341;
}
/* end max_complex_popup */


/* flyingFish_popup */

.white-popup#flyingFish button.mfp-close {
  top: 10%;
  right: 70px;
}

.white-popup#flyingFish {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 480px;
  width: 100%;
  height: 500px;
  background: url('/bitrix/templates/adapt/images/flyingFish.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
}

.white-popup#flyingFish .popup-content {
  position: absolute;
  max-width: 480px;
  width: 100%;
  top: 38%;
  left: 48%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}

.white-popup#flyingFish .popup-content .title-popup {
  position: relative;
  margin-left: auto;
  max-width: 83%;
  -webkit-transform: rotate(15deg);
          transform: rotate(15deg);

}

.white-popup#flyingFish .popup-content .desc-popup {
  text-align: center;
}

.white-popup#flyingFish .popup-content .desc-popup {
  margin: 0 auto;
  margin-top: 0px;
  color: #ffffff;
  margin-left: 0;
  max-width: 185px;
  position: relative;
  top: -50px;
  left: 8px;
}

.white-popup#flyingFish .popup-content .desc-popup .bg-text {
  font-size: 29px;
  line-height: 36px;
  color: #FFFFFF;
  font-family: 'BebasNeueBold';
}

.white-popup#flyingFish .popup-content .site {
  font-size: 32px;
  line-height: 55px;
  text-align: center;
  color: #FFFFFF;
  font-weight: bold;
}

.white-popup#flyingFish .popup-content .big-text {
  font-size: 32px;
  font-weight: 800;
  font-family: 'proxima_nova_extrabld';
}

.white-popup#flyingFish .popup-content .header {
  font-size: 30px;
  line-height: 0px;
  text-transform: uppercase;
  color: #ffffff;
  top: 0;
  font-family: 'BebasNeueBold';
  display: block;
}

.white-popup#flyingFish .popup-content .first {
  padding-left: 60px;
}

.white-popup#flyingFish .popup-content .middle {
  font-size: 51px;
  color: #F10157;
  text-align: center;
  letter-spacing: 5px;
  line-height: 81px;
}

.white-popup#flyingFish .popup-content .last {
  text-align: right;
  margin-right: 65px;
}

.white-popup#flyingFish .btn_popup {
  background-color: #F10157;
  border-radius: 25px;
  text-decoration: none;
  color: #fff;
  border: 2px solid #E12341;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-weight: 800;
  text-align: center;
  text-transform: uppercase;
  font-size: 18px;
  padding: 14px 0;
  max-width: 220px;
  width: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: absolute;
  bottom: 55px;
  right: -70px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
          -webkit-box-shadow: 0px 6px 0px #ffffff;
                  box-shadow: 0px 6px 0px #ffffff;
}

.white-popup#flyingFish .btn_popup:hover {
  background-color: #fff;
  color: #E12341;
}

@media (max-width: 425px) {

  .white-popup#flyingFish .popup-content {
    top: 42%;
  }
  .white-popup#flyingFish .popup-content .middle {
    font-size: 32px;
    line-height: 55px;
  }

  .white-popup#flyingFish .popup-content .last {
    text-align: right;
    margin-right: 18px;
    padding-top: 8px;
  }

  .white-popup#flyingFish .btn_popup {
    bottom: 76px;
  }

  .white-popup#flyingFish button.mfp-close {
    top: 16%;
    right: 40px;
  }
}

/* end flyingFish_popup */


/* firmstyle_popup */

.white-popup#firmstyle_popup button.mfp-close {
  top: 13%;
  right: 40px;
}

.white-popup#firmstyle_popup {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 480px;
  width: 100%;
  height: 500px;
  background: url('/bitrix/templates/adapt/images/firmstyle_bg.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
}

.white-popup#firmstyle_popup .popup-content {
  position: absolute;
  max-width: 480px;
  width: 100%;
  top: 38%;
  left: 48%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}

.white-popup#firmstyle_popup .popup-content .title-popup {
  position: absolute;
  top: -76px;
  margin-left: 143px;
  max-width: 83%;
  -webkit-transform: rotate(13deg);
          transform: rotate(13deg);
}

.white-popup#firmstyle_popup .popup-content .desc-popup {
  text-align: center;
}

.white-popup#firmstyle_popup .popup-content .desc-popup {
  margin: 0 auto;
  margin-top: 0px;
  color: #ffffff;
  margin-left: 0;
  max-width: 185px;
  position: relative;
  top: -50px;
  left: 8px;
}

.white-popup#firmstyle_popup .popup-content .desc-popup .bg-text {
  font-size: 29px;
  line-height: 36px;
  color: #FFFFFF;
  font-family: 'BebasNeue';
}

.white-popup#firmstyle_popup .popup-content .site {
  font-size: 32px;
  line-height: 55px;
  text-align: center;
  color: #FFFFFF;
  font-weight: bold;
}

.white-popup#firmstyle_popup .popup-content .big-text {
  font-size: 32px;
  font-weight: 800;
  font-family: 'proxima_nova_extrabld';
}

.white-popup#firmstyle_popup .popup-content .header {
  font-size: 30px;
  text-transform: uppercase;
  color: #ffffff;
  top: 0;
  font-weight: bold;
  line-height: 1em;
  font-family: 'BebasNeueBold';
}

.white-popup#firmstyle_popup .popup-content .first {
  color: #F10157;
  font-family: 'Roboto Slab', serif;
  font-size: 33px;
}

.white-popup#firmstyle_popup .popup-content .first span {
  font-family: 'BebasNeue';
  font-weight: normal;
  font-size: 21px;
}

.white-popup#firmstyle_popup ul {
  font-family: 'BebasNeue';
  font-weight: normal;
  font-size: 24px;
  list-style: none;
  color: #fff;
  text-transform: uppercase;
  padding-left: 0;
  margin-left: 0;
  line-height: 1em;
  -webkit-transform: rotate(14deg);
          transform: rotate(14deg);
  top: 35px;
  position: absolute;
  right: 41px;
}


.white-popup#firmstyle_popup .btn_popup {
  background-color: #F10157;
  border-radius: 25px;
  text-decoration: none;
  color: #fff;
  border: 2px solid #E12341;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: 800;
  text-align: center;
  text-transform: uppercase;
  font-size: 18px;
  padding: 14px 0;
  max-width: 220px;
  width: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: absolute;
  bottom: 54px;
  right: -30px;
  -webkit-transform: translateX(-50%);
  transform: rotate(5deg) translateX(-50%);
  -webkit-box-shadow: 0px 6px 0px #ffffff;
          box-shadow: 0px 6px 0px #ffffff;
}

.white-popup#firmstyle_popup .btn_popup:hover {
  background-color: #fff;
  color: #E12341;
}

@media (max-width: 425px) {
  .white-popup#firmstyle_popup .popup-content .title-popup {
    position: absolute;
    top: -56px;
    margin-left: 93px;
    max-width: 83%;
    -webkit-transform: rotate(13deg);
            transform: rotate(13deg);
  }
  .white-popup#firmstyle_popup .popup-content .first {
    font-size: 25px;
}
  .white-popup#firmstyle_popup ul {
    font-size: 18px;
    line-height: 1em;
    top: 35px;
    position: absolute;
    right: 41px;
}


  .white-popup#firmstyle_popup .popup-content {
    top: 42%;
  }
  .white-popup#firmstyle_popup .popup-content .middle {
    font-size: 32px;
    line-height: 55px;
  }

  .white-popup#firmstyle_popup .popup-content .last {
    text-align: right;
    margin-right: 18px;
    padding-top: 8px;
  }

  .white-popup#firmstyle_popup .btn_popup {
    bottom: 86px;
        right: -80px;
  }

  .white-popup#firmstyle_popup button.mfp-close {
    top: 24%;
    right: 40px;
  }
}

/* end firmstyle_popup */


/* firmstyle_popup */

.white-popup#firmstyle_popup_new button.mfp-close {
  top: 3%;
  right: 40px;
}

.white-popup#firmstyle_popup_new {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 414px;
  width: 100%;
  height: 426px;
  background: url('/bitrix/templates/adapt/images/firmstyle_bg_new.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
  padding: 20px;
}

.white-popup#firmstyle_popup_new .popup-content {
  position: absolute;
  max-width: 414px;
  width: 100%;
  top: 38%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}

.white-popup#firmstyle_popup_new .popup-content .title-popup {
  position: absolute;
  top: 24px;
  width: 100%;
  left: 50%;
  font-size: 26px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  text-align: center;
  color: #fff;
  line-height: 1.1em;
}

.white-popup#firmstyle_popup_new .popup-content .desc-popup {
  text-align: center;
}

.white-popup#firmstyle_popup_new .popup-content .desc-popup {
  margin: 0 auto;
  margin-top: 0px;
  color: #ffffff;
  margin-left: 0;
  max-width: 185px;
  position: relative;
  top: -50px;
  left: 8px;
}



.white-popup#firmstyle_popup_new .popup-content .header {
  font-size: 30px;
  text-transform: uppercase;
  color: #ffffff;
  top: 0;
  font-weight: bold;
  line-height: 1em;
  font-family: 'BebasNeueBold';
}

.white-popup#firmstyle_popup_new .popup-content .first {
  color: #fff;
  font-family: 'BebasNeueBold';
  margin-bottom: -10px;
  display: block;
  font-size: 49px;
}

.white-popup#firmstyle_popup_new .popup-content .first span {
  font-family: 'TT Norms', serif;
  font-weight: bold;
  font-size: 26px;
  margin-top: 1em;
  line-height: 1.4em;
  color: #fff;
}

.white-popup#firmstyle_popup_new .btn_popup {
  background-color: #F10157;
  border-radius: 25px;
  text-decoration: none;
  color: #fff;
  border: 2px solid #E12341;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  font-size: 18px;
  padding: 14px 0;
  max-width: 220px;
  width: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: absolute;
  bottom: -18px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.white-popup#firmstyle_popup_new .btn_popup:hover {
  background-color: #fff;
  color: #E12341;
}

@media (max-width: 425px) {
  .white-popup#firmstyle_popup_new .popup-content .title-popup {
    position: absolute;
    top: 24px;
    max-width: 83%;
    font-size: 18px;
}
.white-popup#firmstyle_popup_new .popup-content .first{
  font-size: 30px;
}

  .white-popup#firmstyle_popup_new .popup-content {
    top: 42%;
  }
  .white-popup#firmstyle_popup_new .popup-content .middle {
    font-size: 32px;
    line-height: 55px;
  }


  .white-popup#firmstyle_popup_new .btn_popup {
    bottom: 46px;
  }

  .white-popup#firmstyle_popup_new button.mfp-close {
    top: 24%;
    right: 40px;
  }
}

/* end firmstyle_popup */




/* penny_popup */

.white-popup#penny button.mfp-close {
  top: 2%;
  right: 70px;
}

.white-popup#penny {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 480px;
  width: 100%;
  height: 500px;
  background: url('/bitrix/templates/adapt/images/penny.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
}

.white-popup#penny .popup-content {
  position: absolute;
  max-width: 480px;
  width: 100%;
  top: 30%;
  left: 48%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}

.white-popup#penny .popup-content .title-popup {
  position: relative;
  text-align: left;
  max-width: 235px;
  margin-left: auto;
  font-size: 45px;
  line-height: 51px;
  color: #FFFFFF;
}

.white-popup#penny .popup-content .desc-popup {
  text-align: center;
}

.white-popup#penny .popup-content .desc-popup {
  margin: 0 auto;
  margin-top: 0px;
  color: #ffffff;
  margin-left: 0;
  max-width: 185px;
  position: relative;
  top: -50px;
  left: 8px;
}

.white-popup#penny .popup-content .desc-popup .bg-text {
  font-size: 29px;
  line-height: 36px;
  color: #FFFFFF;
  font-family: 'BebasNeueBold';
}

.white-popup#penny .popup-content .site {
  font-size: 32px;
  line-height: 55px;
  text-align: center;
  color: #FFFFFF;
  font-weight: bold;
}

.white-popup#penny .popup-content .big-text {
  font-size: 32px;
  font-weight: 800;
  font-family: 'proxima_nova_extrabld';
}

.white-popup#penny .popup-content .header {
  font-size: 45px;
  line-height: 0px;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
  background-color: #000000;
  font-weight: bold;
  top: 20px;
  padding-left: 6px;
  padding-right: 6px;
  font-family: 'BebasNeueBold';
}


.white-popup#penny .btn_popup {
  background-color: #F52316;
  border-radius: 25px;
  text-decoration: none;
  color: #fff;
  border: 2px solid #E12341;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-weight: 800;
  text-align: center;
  text-transform: uppercase;
  font-size: 18px;
  padding: 14px 0;
  max-width: 220px;
  width: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: absolute;
  bottom: 0;
  left: 53%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-box-shadow: 0px -10px 2px #000000;
          box-shadow: 0px -10px 2px #000000;
}

.white-popup#penny .btn_popup:hover {
  background-color: #fff;
  color: #E12341;
}

 @media (max-width: 445px) {
  .white-popup#penny .popup-content .desc-popup .bg-text {
    font-size: 21px;
    line-height: 27px;
  }

  .white-popup#penny .popup-content .desc-popup {
    left: -13px;
    top: -10px;
  }

  .white-popup#penny .btn_popup {
    bottom: 20px;
  }

  .white-popup#penny .popup-content .title-popup {
    line-height: 38px;
    max-width: 182px;
  }

  .white-popup#penny .popup-content .header {
    font-size: 34px;
  }
 }

 @media (max-width: 330px) {
  .white-popup#penny .popup-content .desc-popup {
    left: -25px;
  }

  .white-popup#penny .btn_popup {
    bottom: 55px;
  }
 }
/* end penny_popup */


/* it-is-fine_popup */

.white-popup#it-is-fine button.mfp-close {
  top: 2%;
  right: 120px
}

.white-popup#it-is-fine {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 520px;
  width: 100%;
  height: 500px;
  background: url(/bitrix/templates/adapt/images/it-is-fine.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
}

.white-popup#it-is-fine *:not(.mfp-close){
  padding: 0;
  margin: 0;
  position: relative;
  font-size: 22px;
  line-height: 1.1;
}

.white-popup#it-is-fine .popup-content {
  position: absolute;
  max-width: 435px;
  width: 100%;
  top: 23%;
  left: 49%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}

.white-popup#it-is-fine .popup-content .title-popup,
.white-popup#it-is-fine .popup-content .desc-popup {
  text-align: center;
}

.white-popup#it-is-fine .popup-content .desc-popup {
  max-width: 300px;
  margin: 0 auto;
  margin-top: 40px;
  color: #ffffff;

}

.white-popup#it-is-fine .popup-content .site {
  font-size: 32px;
  line-height: 55px;
  text-align: center;
  color: #FFFFFF;
  font-weight: bold;
}

.white-popup#it-is-fine .popup-content .big-text {
  font-size: 32px;
  font-weight: 800;
  font-family: 'proxima_nova_extrabld';
}

.white-popup#it-is-fine .popup-content .header {
  font-size: 28px;
      line-height: 36px;
      text-align: center;
      text-transform: uppercase;
      color: #FFF400;
      font-weight: bold;
      text-shadow: 5px 5px 0px black;
      top: 20px;
}


.white-popup#it-is-fine .btn_popup {
  background-color: #E12341;
  border-radius: 25px;
  text-decoration: none;
  color: #fff;
  border: 2px solid #E12341;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-weight: 800;
  text-align: center;
  text-transform: uppercase;
  font-size: 18px;
  padding: 14px 0;
  max-width: 220px;
  width: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: absolute;
  bottom: 60px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-box-shadow: 0px -10px 2px #000000;
          box-shadow: 0px -10px 2px #000000;
}

.white-popup#it-is-fine .btn_popup:hover {
  background-color: #fff;
  color: #E12341;
}

 @media (max-width: 345px) {
  .white-popup#it-is-fine .popup-content {
    top: 25%;
  }

  .white-popup#it-is-fine *:not(.mfp-close){
        font-size: 16px;
  }

  .white-popup#it-is-fine .popup-content .header {
    font-size: 32px;
  }

  .white-popup#it-is-fine button.mfp-close {
    top: 5%;
    right: 20px;
  }
 }
/* end it-is-fine_popup */





/* digital_strategy */
.white-popup#digital_strategy button.mfp-close {
    top: 3%;
    right: 20px;
}

.white-popup#digital_strategy::before {
  content: '';
  background: url(/bitrix/templates/adapt/images/the-konj.png)repeat-y center top;
  position: absolute;
  width: 352px;
  height: 421px;
  background-size: contain;
  top: -10px;
  right: -60px;
}
.white-popup#digital_strategy {
  background-color: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 380px;
  width: 100%;
  height: 392px;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
  padding-top: 180px;
}

.white-popup#digital_strategy *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    font-size: 24px;
    line-height: 1.1;
}

.white-popup#digital_strategy .popup-content {
    background-color: #fff;
    padding-top: 42px;
    padding-bottom: 57px;
    padding-left: 30px;
    padding-right: 20px;
    border-left: 7px solid #e12341;
    border-right: 7px solid #1010f0;

}

.white-popup#digital_strategy .popup-content .title-popup,
.white-popup#digital_strategy .popup-content .desc-popup {
    text-align: center;
}

.white-popup#digital_strategy .popup-content .desc-popup {
    margin-top: 20px;
}

.white-popup#digital_strategy .popup-content .big-text {

    font-size: 32px;
    font-weight: 800;
    font-family: 'proxima_nova_extrabld';
}

.white-popup#digital_strategy .popup-content .bg-text .red{
  background: #000;
  color: #fff;
  padding: 0px 5px 0px 0;
  position: relative;
}

.white-popup#digital_strategy .popup-content .bg-text .blue{
  background: #000;
  color: #fff;
  padding: 0px 0 0px 5px;
  position: relative;
}

.white-popup#digital_strategy .popup-content .bg-text .red::before{
  position: absolute;
  height: 100%;
  right: 100%;
  width: 72px;
  border-left: 7px solid #e12341;
  content: '';
  top: 0;
  background: #000;
}

.white-popup#digital_strategy .popup-content .bg-text .blue::before{
  position: absolute;
  height: 100%;
  left: 100%;
  width: 80px;
  border-right: 7px solid #1010f0;
  content: '';
  top: 0;
  background: #000;
}
.white-popup#digital_strategy .popup-content .bg-text:nth-of-type(2) .blue::before{
  width: 141px;
}

.white-popup#digital_strategy .popup-content .bg-text {
    background-color: #fff;
    display: block;
    line-height: 1.4em;
    width: 100%;
    text-align: left;

}


.white-popup#digital_strategy .btn_popup {
    background-color: #E12341;
    border-radius: 25px;
    text-decoration: none;
    color: #fff;
    border: 2px solid #E12341;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    padding: 14px 0;
    max-width: 220px;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    bottom: -64px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.white-popup#digital_strategy .btn_popup:hover {
    background-color: #fff;
    color: #E12341;
}

@media screen and (min-width: 480px) {
  .white-popup#digital_strategy{
    -webkit-transform: translateY(-90px);
            transform: translateY(-90px);
  }
  .white-popup#digital_strategy .popup-content .desc-popup{
    margin-top: 10px;
    margin-bottom: 20px;
  }
  .white-popup#digital_strategy .btn_popup{
    bottom: -94px;
  }
}
@media screen and (max-width: 479px) {
  .white-popup#digital_strategy {
    padding-top: 120px;
  }

  .white-popup#digital_strategy button.mfp-close {
      top: 7%;
  }
  .white-popup#digital_strategy::before {
    width: 262px;
    height: 341px;
    right: -40px;
  }
  .white-popup#digital_strategy .popup-content .bg-text:nth-of-type(2) .blue::before{
    width: 90px;
  }
  .white-popup#digital_strategy .popup-content .bg-text .red::before{
    width: 40px;
  }
  .white-popup#digital_strategy .popup-content {
    padding-top: 12px;
    padding-bottom: 35px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .white-popup#digital_strategy .btn_popup {
    bottom: 10px
  }
}
/* end digital_strategy */

/* mobile_test_popup */
.white-popup#mobile_test button.mfp-close {
  top: 20px;
  right: 10px;

}

.white-popup#mobile_test {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto;
    max-width: 410px;
    width: 100%;
    height: 497px;
    background: url(/bitrix/templates/adapt/images/bg-mobile_test.png)no-repeat center;
    background-size: contain;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0;
}

.white-popup#mobile_test *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    font-size: 22px;
    line-height: 1.3;
}

.white-popup#mobile_test .popup-content {
    position: absolute;
    max-width: 280px;
    width: 100%;
    top: 49%;
    left: 51%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
}

.white-popup#mobile_test .popup-content .title-popup,
.white-popup#mobile_test .popup-content .desc-popup {
    text-align: center;
    color: #FFF;
}

.white-popup#mobile_test .popup-content .title-popup {
  margin-bottom: 20px;
}

.white-popup#mobile_test .popup-content .big-text {
    font-size: 32px;
    font-weight: 800;
    font-family: 'proxima_nova_extrabld';
    font-weight: 800;
    text-align: left;
    display: block;
}

.white-popup#mobile_test .popup-content .bg-text {
    font-size: 32px;
    font-weight: 800;
    font-family: 'proxima_nova_extrabld', sans-serif;
    text-align: center;
}


.white-popup#mobile_test .popup-content .title-popup .bg-text:nth-of-type(2) {
    padding: 2px 35px 2px 25px;
}

.white-popup#mobile_test .popup-content .desc-popup .bg-text:nth-of-type(1) {
    padding: 2px 20px;
}

.white-popup#mobile_test .btn_popup {
    background-color: #E12341;
    border-radius: 25px;
    text-decoration: none;
    color: #fff;
    border: 2px solid #E12341;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    padding: 11.5px 0;
    max-width: 220px;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    bottom: 60px;
    left: 51%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}

.white-popup#mobile_test .btn_popup:hover {
    background-color: #fff;
    color: #E12341;
}

@media screen and (max-width: 479px){
  .white-popup#mobile_test {
    height: 430px;
  }
  .white-popup#mobile_test .popup-content .bg-text{
    font-size: 22px;
  }
  .white-popup#mobile_test .popup-content .desc-popup{
    font-size: 14px;
  }

  .white-popup#mobile_test .popup-content .desc-popup br {
    display: none;
  }

  .white-popup#mobile_test .popup-content{
    max-width: 200px;
    top: 50%;
  }

  .white-popup#mobile_test .btn_popup {
    bottom: 65px;
    padding: 8px 0;
    max-width: 190px;
  }

}
/* end mobile_test_popup */

/* hochu_rolik_popup */
.white-popup#hochu_rolik button.mfp-close {
  top: 20px;
  right: 10px;

}

.white-popup#hochu_rolik {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto;
    max-width: 390px;
    width: 100%;
    height: 499px;
    background: url(/bitrix/templates/adapt/images/bg-hochu_rolik.png)no-repeat center;
    background-size: contain;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0;
}

.white-popup#hochu_rolik *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    font-size: 22px;
    line-height: 1.3;
}

.white-popup#hochu_rolik .popup-content {
    position: absolute;
    max-width: 320px;
    width: 100%;
    top: 67%;
    left: 52%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
}

.white-popup#hochu_rolik .popup-content .title-popup,
.white-popup#hochu_rolik .popup-content .desc-popup {
    text-align: center;
    color: #FFF;
}

.white-popup#hochu_rolik .popup-content .title-popup {
  margin-bottom: 20px;
}

.white-popup#hochu_rolik .popup-content .big-text {
    font-size: 32px;
    font-weight: 800;
    font-family: 'proxima_nova_extrabld';
    font-weight: 800;
    text-align: left;
    display: block;
}

.white-popup#hochu_rolik .popup-content .bg-text {
    font-size: 32px;
    font-weight: 800;
    font-family: 'proxima_nova_extrabld', sans-serif;
    text-align: center;
}

.white-popup#hochu_rolik .popup-content .bg-text span {
  color: #E12341;
  font-size: inherit;
}


.white-popup#hochu_rolik .popup-content .title-popup .bg-text:nth-of-type(2) {
    padding: 2px 35px 2px 25px;
}

.white-popup#hochu_rolik .popup-content .desc-popup .bg-text:nth-of-type(1) {
    padding: 2px 20px;
}

.white-popup#hochu_rolik .btn_popup {
    background-color: #E12341;
    border-radius: 25px;
    text-decoration: none;
    color: #fff;
    border: 2px solid #E12341;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    padding: 11.5px 0;
    max-width: 220px;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    bottom: -25px;
    left: 52%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}

.white-popup#hochu_rolik .btn_popup:hover {
    background-color: #fff;
    color: #E12341;
}

@media screen and (max-width: 479px){
  .white-popup#hochu_rolik {
    height: 430px;
  }
  .white-popup#hochu_rolik .popup-content .bg-text{
    font-size: 22px;
  }
  .white-popup#hochu_rolik .popup-content .desc-popup{
    font-size: 14px;
  }

  .white-popup#hochu_rolik .popup-content .desc-popup br {
    display: none;
  }

  .white-popup#hochu_rolik .popup-content{
    max-width: 220px;
    top: 66%;
  }

  .white-popup#hochu_rolik .btn_popup {
    bottom: 0px;
    padding: 8px 0;
    max-width: 190px;
  }

}
/* end hochu_rolik_popup */


/* infographika_popup */
.white-popup#infographika button.mfp-close,
.white-popup#content_marketing button.mfp-close {
  top: 20px;
  right: 30px;

}

.white-popup#infographika
,.white-popup#content_marketing {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto;
    max-width: 431px;
    width: 100%;
    height: 496px;
    background: url(/bitrix/templates/adapt/images/bg-infographika.png)no-repeat center;
    background-size: contain;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0;
}

.white-popup#infographika *:not(.mfp-close),
.white-popup#content_marketing *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    font-size: 22px;
    line-height: 1.2;
}

.white-popup#infographika .popup-content,
.white-popup#content_marketing .popup-content {
    position: absolute;
    max-width: 260px;
    width: 100%;
    top: 69%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
}

.white-popup#infographika .popup-content .title-popup,
.white-popup#infographika .popup-content .desc-popup,
.white-popup#content_marketing .popup-content .title-popup,
.white-popup#content_marketing .popup-content .desc-popup {
    text-align: center;
}

.white-popup#infographika .popup-content .title-popup,
.white-popup#content_marketing .popup-content .title-popup {
  margin-bottom: 20px;
}

.white-popup#infographika .popup-content .big-text,
.white-popup#content_marketing .popup-content .big-text {
    font-size: 32px;
    font-weight: 800;
    font-family: 'proxima_nova_extrabld';
    font-weight: 800;
    text-align: left;
    display: block;
}

.white-popup#infographika .popup-content .bg-text,
.white-popup#content_marketing .popup-content .bg-text  {
    color: #e12341;
    font-size: 32px;
    font-weight: 800;
    font-family: 'proxima_nova_extrabld', sans-serif;
    text-align: center;
}
.white-popup#content_marketing .popup-content .bg-text {
    font-size: 28px;
}
.white-popup#infographika .popup-content .bg-text span,
.white-popup#content_marketing .popup-content .bg-text span{
    display: block;
    color: #000;
    font-size: inherit;
    font-weight: inherit;
}


.white-popup#infographika .popup-content .title-popup .bg-text:nth-of-type(2),
.white-popup#content_marketing .popup-content .title-popup .bg-text:nth-of-type(2) {
    padding: 2px 35px 2px 25px;
}

.white-popup#infographika .popup-content .desc-popup .bg-text:nth-of-type(1),
.white-popup#content_marketing .popup-content .desc-popup .bg-text:nth-of-type(1) {
    padding: 2px 20px;
}

.white-popup#infographika .btn_popup,
.white-popup#content_marketing .btn_popup {
    background-color: #E12341;
    border-radius: 25px;
    text-decoration: none;
    color: #fff;
    border: 2px solid #E12341;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    padding: 14px 0;
    max-width: 220px;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    bottom: -25px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}

.white-popup#infographika .btn_popup:hover,
.white-popup#content_marketing .btn_popup:hover {
    background-color: #fff;
    color: #E12341;
}

@media screen and (max-width: 479px){
  .white-popup#infographika,
  .white-popup#content_marketing {
    height: 430px;
  }
  .white-popup#infographika .popup-content .bg-text,
  .white-popup#content_marketing .popup-content .bg-text{
    font-size: 22px;
  }
  .white-popup#infographika .popup-content .desc-popup,
  .white-popup#content_marketing .popup-content .desc-popup{
    font-size: 16px;
  }

  .white-popup#infographika .popup-content .desc-popup br,
  .white-popup#content_marketing .popup-content .desc-popup br {
    display: none;
  }

  .white-popup#infographika .popup-content,
  .white-popup#content_marketing .popup-content{
    max-width: 200px;
    top: 63%;
  }

  .white-popup#infographika .btn_popup,
  .white-popup#content_marketing .btn_popup {
    bottom: 25px;
    padding: 8px 0;
    max-width: 190px;
  }

}
/* end infographika_popup */


/* ny_popup */
.white-popup#ny_popup button.mfp-close {
    top: 80px;
    right: 70px;
  }
  
  .white-popup#ny_popup {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      margin: 0 auto;
      max-width: 520px;
      width: 100%;
      height: 508px;
      background: url(/bitrix/templates/adapt/images/ny_bg.png)no-repeat center;
      background-size: contain;
      -webkit-box-shadow: none;
              box-shadow: none;
      border-radius: 0;
  }
  
  .white-popup#ny_popup *:not(.mfp-close){
      padding: 0;
      margin: 0;
      position: relative;
      font-size: 22px;
      line-height: 1.2;
  }
  
  .white-popup#ny_popup .popup-content {
      position: absolute;
      max-width: 260px;
      width: 100%;
      top: 61%;
      left: 37%;
      -webkit-transform: translate(-50%,-50%);
              transform: translate(-50%,-50%);
  }
  
  .white-popup#ny_popup .popup-content .title-popup,
  .white-popup#ny_popup .popup-content .desc-popup {
      text-align: left;
  }
  .white-popup#ny_popup .popup-content .desc-popup {
    color: #fff;
    font-size: 15px;
    max-width: 150px;
}
  .white-popup#ny_popup .popup-content .title-popup {
    margin-bottom: 20px;
  }
  
  .white-popup#ny_popup .popup-content .big-text {
      font-size: 30px;
      font-weight: 800;
      font-family: 'TT Norms';
      font-weight: 800;
      text-align: left;
      display: block;
  }
  
  .white-popup#ny_popup .popup-content .bg-text {
      color: #fff;
      line-height: 1.2em;
      font-size: 30px;
      font-weight: 700;
      font-family: 'TT Norms', sans-serif;
      text-align: left;
  }
  .white-popup#ny_popup .popup-content .bg-text span{
      display: block;
      color: #FBCF46;
      font-size: inherit;
      font-weight: inherit;
  }
  
  
  .white-popup#ny_popup .popup-content .title-popup .bg-text:nth-of-type(2) {
      padding: 2px 35px 2px 25px;
  }
  
  .white-popup#ny_popup .popup-content .desc-popup .bg-text:nth-of-type(1) {
      padding: 2px 20px;
  }
  
  .white-popup#ny_popup .btn_popup {
    background-color: #B31729;
    border-radius: 30px;
    text-decoration: none;
    color: #fff;
    border: 2px solid #B31729;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    padding: 14px 0;
    max-width: 170px;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    bottom: 16px;
    left: 12%;
  }
  
  .white-popup#ny_popup .btn_popup:hover {
      background-color: #fff;
      color: #E12341;
  }
  
  @media screen and (max-width: 479px){
    .white-popup#ny_popup {
      height: 430px;
    }
    .white-popup#ny_popup .popup-content .bg-text{
        line-height: 1.1em;
        display: block;
        font-size: 17px;
    }
    .white-popup#ny_popup .popup-content .desc-popup{
      font-size: 14px;
    }
    .white-popup#ny_popup .popup-content .title-popup {
        margin-bottom: 10px;
    }
  
    .white-popup#ny_popup .popup-content .desc-popup br {
      display: none;
    }
  
    .white-popup#ny_popup .popup-content{
        max-width: 160px;
        left: 43%;
        top: 59%;
        display: block;
    }
  
    .white-popup#ny_popup .btn_popup {
      bottom: 60px;
      padding: 8px 0;
      max-width: 190px;
    }
  
  }
  /* end ny_popup */


/* im-discount */
.white-popup#im_discount button.mfp-close {
    top: 80px;
    right: 70px;
  }
  
  .white-popup#im_discount {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      margin: 0 auto;
      max-width: 620px;
      width: 100%;
      height: 620px;
      background: url(/bitrix/templates/adapt/images/im-discount.png)no-repeat center;
      background-size: contain;
      -webkit-box-shadow: none;
      box-shadow: none;
      border-radius: 0;
  }
  
  .white-popup#im_discount:after {
    content: '';
    position: absolute;
    width: 566px;
    height: 176px;
    top: 34%;
    left: -10%;
    transform: rotate(15.2deg) translate(10%, 10%);
    background: url(/bitrix/templates/adapt/images/im-discount-santa.png) no-repeat center;
    background-size: contain;
    animation: santafloating 4.5s infinite;
}

@keyframes santafloating{
    0%,100%{
        transform: rotate(15.2deg) translate(10%, 10%);
    }
    50%{
        transform: rotate(15.2deg) translate(14%, 12%);
    }
}
  .white-popup#im_discount *:not(.mfp-close){
      padding: 0;
      margin: 0;
      position: relative;
      font-size: 22px;
      line-height: 1.2;
  }
  
  .white-popup#im_discount .popup-content {
      position: absolute;
      max-width: 215px;
      width: 100%;
      top: 39%;
      right: -33px;
      -webkit-transform: translate(-50%,-50%);
      transform: translate(-50%,-50%);
  }
  
  .white-popup#im_discount .popup-content .title-popup{
      text-align: left;
  }
  .white-popup#im_discount .popup-content .title-popup {
    margin-bottom: 20px;
    transform: rotate(12deg);
  }
  

  
  .white-popup#im_discount .popup-content .bg-text {
     color: #DF2B2C;
     line-height: 1.2em;
     font-size: 20px;
     font-weight: 700;
     font-family: 'TT Norms', sans-serif;
     text-align: left;
  }
  .white-popup#im_discount .popup-content .bg-text span{
      display: block;
      color: #DF2B2C;
      font-size: inherit;
      font-weight: 300;
  }
  .white-popup#im_discount .popup-content .bg-text strong{
      display: block;
      color: #DF2B2C;
      font-weight: 800;
      font-size: inherit;
      text-transform: uppercase;
      margin-top: 4px;
  }
  
  
  .white-popup#im_discount .popup-content .title-popup .bg-text:nth-of-type(2) {
      padding: 2px 35px 2px 25px;
  }
  
 
  .white-popup#im_discount .btn_popup {
    background-color: #A00212;
    border-radius: 30px;
    text-decoration: none;
    color: #fff;
    border: 2px solid #A00212;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    padding: 14px 0;
    max-width: 240px;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    bottom: 87px;
    left: 33%;
    box-shadow: 0px 3.19334px 15.1684px rgba(0, 0, 0, 0.25);
  }
  
  .white-popup#im_discount .btn_popup:hover {
      background-color: #fff;
      color: #E12341;
  }
  
  @media screen and (max-width: 767px){
    .white-popup#im_discount {
      height: 430px;
      background-size: 340px;
      background-position: top 62px right -10px;
    }
    .white-popup#im_discount .popup-content .bg-text{
        line-height: 1em;
        display: block;
        font-size: 14px;
    }

    .white-popup#im_discount .popup-content .title-popup {
        margin-bottom: 10px;
    }
  
  
    .white-popup#im_discount:after {
        content: '';
        position: absolute;
        width: 300px;
        height: 100px;
        top: 40%;
        left: -10%;
        transform: rotate(15.2deg) translate(10%, 10%);
        background: url(/bitrix/templates/adapt/images/im-discount-santa.png) no-repeat center;
        background-size: contain;
        animation: santafloating 4.5s infinite;
    }
    .white-popup#im_discount .popup-content{
        max-width: 180px;
        left: 78%;
        top: 44%;
        display: block;
    }
  
    .white-popup#im_discount .btn_popup {
      bottom: 60px;
      padding: 8px 0;
      max-width: 190px;
      left: 21%;
    }
  
  }
  /* end im-discount */





/* kompleks_puzzle */
.white-popup#kompleks_puzzle button.mfp-close {
  top: 20px;
  right: 30px;

}

.white-popup#kompleks_puzzle {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto;
    max-width: 458px;
    width: 100%;
    height: 580px;
    background: url(/bitrix/templates/adapt/images/puzzle_complex_bg.png)no-repeat center;
    background-size: contain;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0;
}

.white-popup#kompleks_puzzle *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    font-size: 24px;
    line-height: 1.1;
}

.white-popup#kompleks_puzzle .popup-content {
    position: absolute;
    max-width: 260px;
    width: 100%;
    top: 49%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
}

.white-popup#kompleks_puzzle .popup-content .title-popup,
.white-popup#kompleks_puzzle .popup-content .desc-popup {
    text-align: left;
}

.white-popup#kompleks_puzzle .popup-content .desc-popup:before {
    max-width: 380px;
    margin: auto;
    width: 380px;
    height: 216px;
    left: -50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    left: 50%;
    display: block;
    position: relative;
    display: block;
    content: '';
    background: url(/bitrix/templates/adapt/images/puzzle_hands.png)no-repeat center;
    background-size: contain;
}

.white-popup#kompleks_puzzle .popup-content ul.desc-popup {
    position: relative;
    padding-left: 1em;
}

.white-popup#kompleks_puzzle .popup-content ul.desc-popup li{
    color: #e12341;
    margin-bottom: 0.5em;
    list-style: square;
}

.white-popup#kompleks_puzzle .popup-content ul.desc-popup li span{
    color: #fff;
    font-size: 22px;
}

.white-popup#kompleks_puzzle .popup-content ul.desc-popup li span strong{
    font-size: inherit;
}

.white-popup#kompleks_puzzle .popup-content .big-text {
    font-size: 32px;
    font-weight: 800;
    font-family: 'proxima_nova_extrabld';
    font-weight: 800;
    text-align: left;
    display: block;
}

.white-popup#kompleks_puzzle .popup-content .bg-text {
    color: #e12341;
    font-size: 32px;
    font-weight: 800;
    font-family: 'proxima_nova_extrabld', sans-serif;
    text-align: left;
}
.white-popup#kompleks_puzzle .popup-content .bg-text span{
    display: block;
    color: #fff;
    font-size: inherit;
    font-weight: inherit;
}


.white-popup#kompleks_puzzle .popup-content .title-popup .bg-text:nth-of-type(2) {
    padding: 2px 35px 2px 25px;
}

.white-popup#kompleks_puzzle .popup-content .desc-popup .bg-text:nth-of-type(1) {
    padding: 2px 20px;
}

.white-popup#kompleks_puzzle .btn_popup {
    background-color: #E12341;
    border-radius: 25px;
    text-decoration: none;
    color: #fff;
    border: 2px solid #E12341;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    padding: 14px 0;
    max-width: 220px;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}

.white-popup#kompleks_puzzle .btn_popup:hover {
    background-color: #fff;
    color: #E12341;
}

@media screen and (max-width: 479px){
  .white-popup#kompleks_puzzle {
    height: 430px;
  }
  .white-popup#kompleks_puzzle .popup-content .bg-text{
    font-size: 22px;
  }
  .white-popup#kompleks_puzzle .popup-content ul.desc-popup{
    margin-left: 0.5em;
  }
  .white-popup#kompleks_puzzle .popup-content ul.desc-popup li span{
    font-size: 14px;
  }
  .white-popup#kompleks_puzzle .popup-content .desc-popup:before {
    max-width: 250px;
    width: 230px;
    height: 120px;
  }
  .white-popup#kompleks_puzzle .popup-content{
    max-width: 200px;
  }

}
/* end kompleks_puzzle */


/* unforget_smm_popup */
.white-popup#unforget_smm_popup button.mfp-close {
    top: 50px;
    right: 30px;
}

.white-popup#unforget_smm_popup {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto;
    max-width: 518px;
    width: 100%;
    height: 385px;
    background: url(/bitrix/templates/adapt/images/bg-unforget-smm-popup.png)no-repeat center;
    background-size: contain;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0;
    overflow: hidden;
}

.white-popup#unforget_smm_popup *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 1.3;
}

.white-popup#unforget_smm_popup .popup-content {
    position: absolute;
    max-width: 310px;
    width: 100%;
    top: 50%;
    left: 65%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    color: #fff;
    padding: 0 10px;
    text-align: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

    @media screen and (max-width: 480px) {
        .white-popup#unforget_smm_popup .popup-content {
            max-width: 220px;
            top: 50%;
        }
    }

.white-popup#unforget_smm_popup .popup-content .bg-text {
    background-color: #fff;
    padding: 7px 20px;
}

.white-popup#unforget_smm_popup .popup-content .title-popup{
    font-size: 32px;
    font-weight: 800;
    margin-bottom: 30px;
    color: #000;
    font-family: 'proxima_nova_extrabld';
}

.white-popup#unforget_smm_popup .popup-content .title-popup .selected-text {
    color: #E12341;
}

    @media screen and (max-width: 480px) {
        .white-popup#unforget_smm_popup .popup-content .title-popup {
            font-size: 22px;
            margin-bottom: 10px;
        }
    }

.white-popup#unforget_smm_popup .popup-content .desc-popup {
    font-size: 18px;
    text-align: left;
    padding-left: 40px;
}

    @media screen and (max-width: 480px) {
        .white-popup#unforget_smm_popup .popup-content .desc-popup {
            font-size: 14px;
        }
    }

.white-popup#unforget_smm_popup .btn_popup {
    background-color: #E12341;
    border-radius: 25px;
    text-decoration: none;
    color: #fff;
    border: 2px solid #E12341;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    padding: 11.5px 10px;
    max-width: 220px;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    bottom: 10px;
    left: 65%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (max-width: 480px) {
    .white-popup#unforget_smm_popup .btn_popup {
        bottom: 70px;
        max-width: 170px;
        font-size: 16px;
        padding: 6px;
    }
}

.white-popup#unforget_smm_popup .btn_popup:hover {
    background-color: #fff;
    color: #E12341;
}
/* end unforget_smm_popup */


/*smm_projects_popup*/
.white-popup#smm_projects button.mfp-close,
.white-popup#smm_projects button.mfp-close {
    top: 30px;
    right: 10px;
}
.white-popup#smm_projects {
  border-radius: 0;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
#smm_projects {
    max-width: 362px;
    width: 100%;
    height: 486px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 15px 15px 20px 20px;
  background-image: url(/bitrix/templates/adapt/images/popup-bg-smm_projects.png);
  background-repeat: no-repeat;
  background-position: center;
}

#smm_projects .img {
    width: 110%;
    height: 220px;
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}
#smm_projects .head {
  font-size: 28px;
  color: #fff;
  font-weight: bold;
  line-height: 1.5;
  padding-bottom: 10px;
}

#smm_projects .desc_text {
  font-size: 18px;
  color: #fff;
  padding-bottom: 30px;
}

#smm_projects .holder {
  color: #000;
  z-index: 10;
  text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-pack: distribute;
        justify-content: space-around;
}

#smm_projects .btn_popup {
  text-align: center;
    font-weight: bold;
  margin: 0 auto;
    width: 220px;
    height: 50px;
    background-color: #E12341;
    border-radius: 60px;
    text-decoration: none;
    line-height: 50px;
    color: #fff;
    border: none;
}
/*end smm_projects_popup*/

/* blog_course_popup */
.white-popup#blog_course {
    -webkit-box-shadow: none;
            box-shadow: none;
    max-width: 472px;
    padding: 128px 30px 0px 130px;
    width: 100%;
    height: 492px;
    background: url(/bitrix/templates/adapt/images/blog_course_bg.png) no-repeat center / cover;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.white-popup#blog_course .holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 100%;
}

.white-popup#blog_course .img {
    text-align: right;
    padding-bottom: 43px;
}

.white-popup#blog_course .head {
    font-size: 24px;
    color: #fff;
    line-height: 1.3;
}

.white-popup#blog_course .desc_text {
    font-size: 32px;
    color: #ffffff;
    font-weight: 800;
    margin-bottom: auto;
    margin-top: 30px;
    line-height: 1.3;
}

.white-popup#blog_course .btn_popup {
    width: 240px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 17.5px;
    background: #A2C81F;
    border-radius: 25px;
    font-size: 16px;
    color: #ffffff;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    font-weight: 800;
    display: block;
    margin: 0 auto;
    border: none;
}
.white-popup#blog_course button.mfp-close {
    top: 0;
    right: 0;
}
@media screen and (max-width: 480px) {
    .white-popup#blog_course {
        padding: 128px 20px 0px 20px;
        max-width: 280px;
    }
}
/* end blog_course_popup */

/* ux_course_popup */
.white-popup#ux_course {
    -webkit-box-shadow: none;
            box-shadow: none;
    max-width: 476px;
    width: 100%;
    height: 536px;
    background: url(/bitrix/templates/adapt/images/ux_course_bg.png) no-repeat center / contain;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
}

.white-popup#ux_course .holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: absolute;
    max-width: 300px;
    bottom: 0;
    right: 30px;
}

.white-popup#ux_course .img {
    text-align: right;
    padding-bottom: 43px;
}

.white-popup#ux_course .head {
    font-size: 24px;
    color: #fff;
    line-height: 1.3;
}

.white-popup#ux_course .desc_text {
    font-size: 32px;
    color: #ffffff;
    font-weight: 800;
    margin-bottom: 30px;
    margin-top: 30px;
    line-height: 1.3;
}

.white-popup#ux_course .btn_popup {
    max-width: 240px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 17.5px;
    background: #A2C81F;
    border-radius: 25px;
    font-size: 16px;
    color: #ffffff;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    font-weight: 800;
    display: block;
    margin: 0 auto;
    border: none;
}
.white-popup#ux_course button.mfp-close {
    top: 70px;
    right: 20px;
}
@media screen and (max-width: 480px) {
    .white-popup#ux_course .holder {
        max-width: 60%;
    bottom: 85px;
    }
    .white-popup#ux_course .img {
        padding-bottom: 10px;
    }
    .white-popup#ux_course .img img {
        max-width: 120px;
    }
    .white-popup#ux_course .head {
        font-size: 18px;
    }
    .white-popup#ux_course .desc_text {
        font-size: 21px;
    }
    .white-popup#ux_course .btn_popup {
        font-size: 11px;
        padding: 10px 15px;
    }
    .white-popup#ux_course button.mfp-close {
        top: 130px;
    }
}
/* end ux_course_popup */

/* fwefwef */
.white-popup#hr_course {
    -webkit-box-shadow: none;
            box-shadow: none;
    max-width: 346px;
    padding: 200px 25px 0px 25px;
    width: 100%;
    height: 537px;
    background: url(/bitrix/templates/adapt/images/hr_course_bg.png) no-repeat center / cover;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.white-popup#hr_course .holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 100%;
    text-align: center;
}

.white-popup#hr_course .img {
    text-align: right;
    padding-bottom: 43px;
}

.white-popup#hr_course .head {
    font-size: 30px;
    color: #ffffff;
    font-weight: 800;
    line-height: 1.3;
}

.white-popup#hr_course .desc_text {
    font-size: 24px;
    color: #fff;
    line-height: 1.3;
    margin-top: 30px;
    margin-bottom: auto;
}

.white-popup#hr_course .btn_popup {
    max-width: 240px;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 17.5px;
    background: #A2C81F;
    border-radius: 25px;
    font-size: 16px;
    color: #ffffff;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    font-weight: 800;
    display: block;
    margin: 0 auto;
    border:none;
}
.white-popup#hr_course button.mfp-close {
    top: 0;
    right: 0;
}
@media screen and (max-width: 480px) {
    .white-popup#hr_course {
        max-width: 280px;
    }
}
/* afefwef */

/* ps_course_popup */
.white-popup#ps_course {
    max-width: 387px;
    padding: 277px 30px 0px 64px;
    width: 100%;
    height: 560px;
    background: url(/bitrix/templates/adapt/images/ps_course_bg.png) no-repeat center / contain;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.white-popup#ps_course .holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 100%;
}

.white-popup#ps_course .img {
    text-align: right;
    padding-bottom: 30px;
}

.white-popup#ps_course .head {
    font-size: 30px;
    color: #fff;
    text-align: center;
    line-height: 1.3;
}

.white-popup#ps_course .head span {
    text-transform: uppercase;
    font-weight: 800;
}

.white-popup#ps_course .btn_popup {
    max-width: 240px;
    border: none;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 16px;
    background: #A2C81F;
    border-radius: 25px;
    font-size: 16px;
    color: #ffffff;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    font-weight: 800;
    display: block;
    margin: 0 auto;
}

.white-popup#ps_course button.mfp-close {
    top: 0;
    right: 0;
}
@media screen and (max-width: 480px) {
    .white-popup#ps_course {
        max-width: 280px;
        padding: 235px 10px 0px 44px;
        height: 486px;
    }
    .white-popup#ps_course .head {
        font-size: 22px;
    }
}
/* end ps_course_popup */


/* half-price_popup */
.white-popup#half-price {
    max-width: 387px;
    padding: 113px 60px 0px 64px;
    width: 100%;
    height: 560px;
    background: url(/bitrix/templates/adapt/images/05-07-19/background.png) no-repeat center / contain;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.white-popup#half-price .today {
  font-weight: 900;
  font-size: 18px;
  line-height: 28px;
}

.white-popup#half-price .big {
  font-weight: 800;
  font-size: 100px;
  line-height: 100px;
  color: #A3C831;
}

.white-popup#half-price .coup {
    font-weight: 800;
    font-size: 18px;
    line-height: 18px;
    color: #A3C831;
    padding-top: 5px;
    padding-bottom: 5px;
}

.white-popup#half-price .all {
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
}


.white-popup#half-price .holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
    height: 100%;
}

.white-popup#half-price .img {
    text-align: right;
    padding-bottom: 30px;
}

.white-popup#half-price .head {
    font-size: 30px;
    color: #fff;
    text-align: center;
    line-height: 1.3;
}

.white-popup#half-price .head span {
    text-transform: uppercase;
    font-weight: 800;
}

.white-popup#half-price .btn_popup {
    max-width: 300px;
    width: 100%;
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 16px;
    background: #A2C81F;
    border-radius: 10px;
    font-size: 16px;
    color: #ffffff;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    font-weight: 800;
    display: block;
    margin: 0 auto;
}

.white-popup#half-price .dotted {
    color: #000;
    font-weight: 900;
    font-size: 24px;
    line-height: 33px;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 100%;
    text-align: center;
    border: 2px dotted #A3C831;
    border-radius: 10px;
    max-width: 250px;
    margin: 0 auto;
    margin-bottom: 10px;
    margin-top: 10px;
}

.white-popup#half-price button.mfp-close {
    top: 0;
    right: 0;
}
@media screen and (max-width: 480px) {
    .white-popup#half-price {
    max-width: 280px;
    padding: 109px 30px 0px 23px;
    height: 480px;
    }
    .white-popup#half-price .head {
        font-size: 22px;
    }

    .white-popup#half-price .big {
    font-weight: 800;
    font-size: 50px;
    line-height: 40px;
    color: #A3C831;
    }

    .white-popup#half-price .dotted {
      max-width: 160px;
      margin-top: 10px;
      margin-bottom: 4px;
    }

    .white-popup#half-price .btn_popup {
      max-width: 160px;
    }

}
/* end half-price_popup */




/* seo_teachline_popup */
.white-popup#seo_teachline {
  max-width: 552px;
  padding: 137px 70px 0px 134px;
  width: 100%;
  height: 487px;
  background: url(/bitrix/templates/adapt/images/seo-bg.png) no-repeat center;
  background-size: contain;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.white-popup#seo_teachline .holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 100%;
}

.white-popup#seo_teachline .title {
        padding-bottom: 1em;
}

.white-popup#seo_teachline .title span{
    font-family: 'TT Norms', sans-serif;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
}

.white-popup#seo_teachline .head {
    font-size: 44px;
    color: #fff;
    text-align: center;
    line-height: 1.3;
    font-weight: 800;
    font-family: 'TT Norms', sans-serif;
}

.white-popup#seo_teachline .head strong {
    line-height: 1em;
    font-size: 133px;
    display: block;
    font-weight: 700;
    font-family: 'TT Norms', sans-serif;
}

.white-popup#seo_teachline .head span {
    font-weight: 700;
    font-size: 20px;
    line-height: 1.3em;
    display: block;
}

.white-popup#seo_teachline .btn_popup {
    max-width: 240px;
    border: none;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 16px;
    background: #A2C81F;
    border-radius: 25px;
    font-size: 16px;
    color: #ffffff;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    font-weight: 800;
    display: block;
    margin: 0 auto;
}

.white-popup#seo_teachline button.mfp-close {
    top: 0;
    right: 0;
}
@media screen and (max-width: 480px) {
    .white-popup#seo_teachline {
      max-width: 320px;
          padding: 135px 10px 0px 43px;
          height: 416px;
          background-size: 140%;
    }
    .white-popup#seo_teachline .head {
        font-size: 22px;
    }
    .white-popup#seo_teachline .head strong {
      font-size: 80px;
    }
}
/* end seo_teachline_popup */

/*aad-emailpopup*/

.white-popup#subscribe_popup {
    border-radius: 5px;
    padding-left: 269px;
    min-width: 640px;
    min-height: 380px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.white-popup#subscribe_popup .img {
    background-image: url(/bitrix/templates/adapt/images/mailpic.jpg);
    background-position: -173px 0;
    width: 269px;
    height: 380px;
    position: absolute;
    top: 0;
    left: 0;
    -moz-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.white-popup#subscribe_popup form {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 40px;
    padding-right: 15px;
}

.white-popup#subscribe_popup form input[type="text"] {
    width: 100%;
    height: 38px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-top: 42px;
}

.white-popup#subscribe_popup form input[type="text"]::-webkit-input-placeholder {
    color: #cbced2;
}

.white-popup#subscribe_popup form input[type="text"]::-moz-placeholder {
    color: #cbced2;
}

.white-popup#subscribe_popup form input[type="text"]:-moz-placeholder {
    color: #cbced2;
}

.white-popup#subscribe_popup form input[type="text"]:-ms-input-placeholder {
    color: #cbced2;
}

.white-popup#subscribe_popup form input[type="submit"] {
    width: 100%;
    width: 160px;
    height: 40px;
    font-size: 16px;
    margin-top: 24px;
}

.white-popup#subscribe_popup form legend {
    font-weight: bold;
    font-size: 28px;
    line-height: 1.15em;
    max-width: 200px;
    margin-top: 26px;
}

.white-popup#subscribe_popup form legend span {
    font-weight: normal;
    display: block;
    font-size: 18px;
    margin-top: 5px;
}

.white-popup#subscribe_popup button.mfp-close {
    background: none;
}

.white-popup#subscribe_popup button.mfp-close:after {
    content: '+';
    font-family: 'TT Norms', Arial;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    height: 18px;
    width: 18px;
    text-indent: 0;
    font-size: 36px;
    color: #fff;
}


/*aad-emailpopup*/


/*aad-plan*/

.white-popup#im_strategy_popup {
    border-radius: 5px;
    padding-top: 200px;
    min-width: 400px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.white-popup#im_strategy_popup .img {
    background-image: url(/bitrix/templates/adapt/images/plan-pp.png);
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 220px;
    position: absolute;
    top: 0;
    left: 0;
    -moz-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
}

.white-popup#im_strategy_popup .holder {
    text-align: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.white-popup#im_strategy_popup .holder a {
    width: 160px;
    height: 40px;
    margin-top: 24px;
    margin-bottom: 10px;
    border: none;
    background: #e2223f;
    cursor: pointer;
    color: #ffffff;
    font-weight: 700;
    font-size: 16px;
    display: inline-block;
    line-height: 40px;
    text-align: center;
    border-radius: 20px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.white-popup#im_strategy_popup .holder a:hover {
    background: #b8162e;
}

.white-popup#im_strategy_popup .holder .head {
    margin-bottom: 0.7em;
    font-weight: bold;
    font-size: 24px;
    line-height: 1.5em;
    margin-top: 1em;
    padding-top: 1em;
    font-family: 'RobotoSlab', Arial;
}

.white-popup#im_strategy_popup .holder p {
    padding-top: 0;
    display: block;
    font-size: 18px;
    margin-top: 5px;
    line-height: 1.4em;
}

.white-popup#im_strategy_popup button.mfp-close {
    background: none;
}

.white-popup#im_strategy_popup button.mfp-close:after {
    content: '+';
    font-family: 'TT Norms', Arial;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    height: 18px;
    width: 18px;
    text-indent: 0;
    font-size: 36px;
    color: #fff;
}

/*aad-plan*/

/*aad-yt*/

.white-popup#youtube_popup {
    border-radius: 5px;
    padding-top: 230px;
    min-width: 400px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.white-popup#youtube_popup .img {
    background-image: url(/bitrix/templates/adapt/images/yt-pp.png);
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 230px;
    position: absolute;
    top: 0;
    left: 0;
    -moz-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
}

.white-popup#youtube_popup .holder {
    text-align: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.white-popup#youtube_popup .holder a {
    width: 160px;
    height: 40px;
    margin-top: 24px;
    margin-bottom: 10px;
    border: none;
    background: #e2223f;
    cursor: pointer;
    color: #ffffff;
    font-weight: 700;
    font-size: 16px;
    display: inline-block;
    line-height: 40px;
    text-align: center;
    border-radius: 20px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.white-popup#im_strategy_popup .holder a:hover {
    background: #b8162e;
}

.white-popup#youtube_popup .holder .head {
    margin-bottom: 0.7em;
    font-weight: bold;
    font-size: 24px;
    line-height: 1.5em;
    margin-top: 1em;
    padding-top: 1em;
    font-family: 'RobotoSlab', Arial;
}

.white-popup#youtube_popup .holder p {
    padding-top: 0;
    display: block;
    font-size: 18px;
    margin-top: 5px;
    line-height: 1.4em;
}

.white-popup#youtube_popup button.mfp-close {
    background: none;
}

.white-popup#youtube_popup button.mfp-close:after {
    content: '+';
    font-family: 'TT Norms', Arial;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    height: 18px;
    width: 18px;
    text-indent: 0;
    font-size: 36px;
    color: #fff;
}

/*aad-yt*/

/*aad-vi*/

.white-popup#videoinfografika_popup {
    border-radius: 5px;
    padding-top: 230px;
    min-width: 400px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.white-popup#videoinfografika_popup .img {
    background-image: url(/bitrix/templates/adapt/images/vi-pp.jpg);
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 230px;
    position: absolute;
    top: 0;
    left: 0;
    -moz-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
}

.white-popup#videoinfografika_popup .holder {
    text-align: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.white-popup#videoinfografika_popup .holder a {
    width: 160px;
    height: 40px;
    margin-top: 24px;
    margin-bottom: 10px;
    border: none;
    background: #e2223f;
    cursor: pointer;
    color: #ffffff;
    font-weight: 700;
    font-size: 16px;
    display: inline-block;
    line-height: 40px;
    text-align: center;
    border-radius: 20px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.white-popup#popup_plvi .holder a:hover {
    background: #b8162e;
}

.white-popup#videoinfografika_popup .holder .head {
    margin-bottom: 0.7em;
    font-weight: bold;
    font-size: 24px;
    line-height: 1.5em;
    margin-top: 1em;
    padding-top: 1em;
    font-family: 'RobotoSlab', Arial;
}

.white-popup#videoinfografika_popup .holder p {
    padding-top: 0;
    display: block;
    font-size: 18px;
    margin-top: 5px;
    line-height: 1.4em;
}

.white-popup#youtube_popup button.mfp-close {
    background: none;
}

.white-popup#videoinfografika_popup button.mfp-close:after {
    content: '+';
    font-family: 'TT Norms', Arial;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    height: 18px;
    width: 18px;
    text-indent: 0;
    font-size: 36px;
    color: #fff;
}

/*aad-vi*/

/*aad-smm*/

.white-popup.popup_smm {
    border-radius: 5px;
    padding-top: 150px;
    min-width: 400px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.white-popup.popup_smm .img {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 170px;
    position: absolute;
    top: 0;
    left: 0;
    -moz-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
}
.white-popup.popup_smm#consulting_popup .img,
.white-popup.popup_smm#consulting_popup_2 .img {
  background-image: url(/bitrix/templates/adapt/images/consultpp.jpg);
}
.white-popup.popup_smm#hype_smm_popup .img,
.white-popup.popup_smm#hype_smm_popup_2 .img {
  background-image: url(/bitrix/templates/adapt/images/smm-popup-1.jpg);
}

.white-popup.popup_smm .holder {
    text-align: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.white-popup.popup_smm .holder a {
    width: 160px;
    height: 40px;
    margin-top: 24px;
    margin-bottom: 10px;
    border: none;
    background: #e2223f;
    cursor: pointer;
    color: #ffffff;
    font-weight: 700;
    font-size: 16px;
    display: inline-block;
    line-height: 40px;
    text-align: center;
    border-radius: 20px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.white-popup.popup_smm .holder a:hover {
    background: #b8162e;
}

.white-popup.popup_smm .holder .head {
    margin-bottom: 0.7em;
    font-weight: bold;
    font-size: 24px;
    line-height: 1.5em;
    margin-top: 1em;
    padding-top: 1em;
    font-family: 'RobotoSlab', Arial;
}

.white-popup.popup_smm .holder p {
    padding-top: 0;
    display: block;
    font-size: 18px;
    margin-top: 5px;
    line-height: 1.4em;
}

.white-popup.popup_smm button.mfp-close{
    background: #333;
    border-radius: 100%;
    width: 30px;
    height: 30px;
}
.white-popup.popup_smm button.mfp-close:after{
    content: '+';
    position: absolute;
    display: block;
    -webkit-transform: rotate(45deg) translate(-50%, -50%);
            transform: rotate(45deg) translate(-50%, -50%);
    top: 67%;
    left: 15%;
    color: #fff;
    font-size: 36px;
    font-family: Serif;
}

/*.white-popup.popup_smm button.mfp-close:after {
  content: '+';
  font-family: 'TT Norms', Arial;
  position: absolute;
  top: 25px;
  left: 8px;
  text-indent: 0;
  font-size: 46px;
  border-radius: 100%;

}
.white-popup.popup_smm#consulting_popup button.mfp-close:after {
    color: #333;
}
.white-popup.popup_smm#hype_smm_popup button.mfp-close:after {
    color: #fff;
}
.white-popup.popup_smm#consulting_popup button.mfp-close {
    background: #fff;
}
.white-popup.popup_smm#hype_smm_popup button.mfp-close {
    background: none;
}*/
/*aad-plan*/


/*aad-lp*/

.white-popup#landing_popup {
    border-radius: 5px;
    padding-top: 200px;
    min-width: 400px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.white-popup#landing_popup .img {
    background-image: url(/bitrix/templates/adapt/images/wow.jpg);
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 220px;
    position: absolute;
    top: 0;
    left: 0;
    -moz-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
}

.white-popup#landing_popup .holder {
    text-align: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.white-popup#landing_popup .holder a {
    width: 160px;
    height: 40px;
    margin-top: 24px;
    margin-bottom: 10px;
    border: none;
    background: #e2223f;
    cursor: pointer;
    color: #ffffff;
    font-weight: 700;
    font-size: 16px;
    display: inline-block;
    line-height: 40px;
    text-align: center;
    border-radius: 20px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.white-popup#landing_popup .holder a:hover {
    background: #b8162e;
}

.white-popup#landing_popup .holder .head {
    margin-bottom: 0.7em;
    font-weight: bold;
    font-size: 24px;
    line-height: 1.5em;
    margin-top: 1em;
    padding-top: 1em;
    font-family: 'RobotoSlab', Arial;
}

.white-popup#landing_popup .holder p {
    padding-top: 0;
    display: block;
    font-size: 18px;
    margin-top: 5px;
    line-height: 1.4em;
}

.white-popup#landing_popup button.mfp-close {
    background: none;
}

.white-popup#landing_popup button.mfp-close:after {
    content: '+';
    font-family: 'TT Norms', Arial;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    height: 18px;
    width: 18px;
    text-indent: 0;
    font-size: 36px;
    color: #fff;
}



/*aad-lp*/



/*smmnew*/


.white-popup#hype_smm_popup {
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: transparent;
    min-width: 600px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background-image: url(/bitrix/templates/adapt/images/hipesmm-popup.png);
    background-position: right top;
    background-size: contain;
    background-repeat: no-repeat;
    padding-top: 185px;
    padding-bottom: 12px;
}

.white-popup#hype_smm_popup a{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    border-bottom: none;
}

.white-popup#hype_smm_popup .holder {
    text-align: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.white-popup#hype_smm_popup .holder a {
    width: 240px;
    height: 60px;
    margin-top: 84px;
    margin-bottom: 10px;
    border: none;
    background: #e2223f;
    cursor: pointer;
    color: #ffffff;
    font-weight: 700;
    font-size: 21px;
    display: inline-block;
    line-height: 60px;
    text-align: center;
    border-radius: 30px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.white-popup#hype_smm_popup .holder span {
    width: 240px;
    height: 60px;
    margin-top: 84px;
    margin-bottom: 10px;
    border: none;
    background: #e2223f;
    cursor: pointer;
    color: #ffffff;
    font-weight: 700;
    font-size: 21px;
    display: inline-block;
    line-height: 60px;
    text-align: center;
    border-radius: 30px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.white-popup#hype_smm_popup .holder span:hover {
    background: #b8162e;
}


.white-popup#hype_smm_popup .holder a:hover {
    background: #b8162e;
}

.white-popup#hype_smm_popup .holder .head {
    font-weight: bold;
    font-size: 42px;
    line-height: 1em;
    margin-top: 9px;
    padding-top: 0;
    font-family: 'BebasNeueBold', Arial;
    text-align: left;
    color: #fff;
    margin-left: 228px;
    padding-bottom: 28px;
}

.white-popup#hype_smm_popup .holder p {
    padding-top: 0;
    display: block;
    font-size: 24px;
    /* margin-top: 5px; */
    line-height: 1.1em;
    width: 260px;
    text-align: left;
    color: #fff;
    margin-left: 196px;
    -webkit-transform: rotate(-3deg);
            transform: rotate(-3deg);
    margin-top: -32px;
    margin-bottom: 7px;
}

.white-popup#hype_smm_popup button.mfp-close {
    background: none;
}

.white-popup#hype_smm_popup button.mfp-close:after {
    content: '+';
    font-family: 'TT Norms', Arial;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    height: 18px;
    width: 18px;
    text-indent: 0;
    font-size: 36px;
    color: #fff;
}



/*smmnew*/



@media screen and (max-width: 767px){

  .white-popup#hype_smm_popup {
      -webkit-box-shadow: none;
              box-shadow: none;
      background-color: transparent;
      min-width: 290px;
      padding-top: 74px;
      padding-bottom: 45px;
  }

  .white-popup#hype_smm_popup .holder {
      text-align: center;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
  }

  .white-popup#hype_smm_popup .holder a {
      width: 160px;
      height: 40px;
      margin-top: 24px;
      margin-bottom: 10px;
      border: none;
      background: #e2223f;
      cursor: pointer;
      color: #ffffff;
      font-weight: 700;
      font-size: 16px;
      display: inline-block;
      line-height: 40px;
      text-align: center;
      border-radius: 20px;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
  }

  .white-popup#hype_smm_popup .holder a:hover {
      background: #b8162e;
  }

  .white-popup#hype_smm_popup .holder .head {
    font-weight: bold;
    font-size: 20px;
    line-height: 1em;
    margin-top: 0;
    padding-top: 0;
    font-family: 'BebasNeueBold', Arial;
    text-align: left;
    color: #fff;
    margin-left: 82px;
    padding-bottom: 28px;
    transform: translateX(35px);
  }

  .white-popup#hype_smm_popup .holder p {
      padding-top: 0;
      display: block;
      font-size: 13px;
      /* margin-top: 5px; */
      line-height: 1.1em;
      width: 200px;
      text-align: left;
      color: #fff;
      margin-left: 90px;
      -webkit-transform: rotate(-3deg);
              transform: rotate(-3deg);
      margin-top: -32px;
      margin-bottom: 7px;
  }

  .white-popup#hype_smm_popup button.mfp-close {
      background: none;
  }

  .white-popup#hype_smm_popup button.mfp-close:after {
      content: '+';
      font-family: 'TT Norms', Arial;
      position: absolute;
      top: 0;
      right: 0;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
      height: 18px;
      width: 18px;
      text-indent: 0;
      font-size: 36px;
      color: #fff;
  }
}



/*aad-kniga_popup*/

.white-popup#kniga_popup {
    margin-top: 90px;
    margin-bottom: 60px;
    padding-top: 180px;
    -webkit-box-shadow: none;
            box-shadow: none;
    min-width: 412px;
    min-height: 380px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: 0;
    padding: 0;
    padding-top: 110px;
    padding-bottom: 30px;
    -webkit-box-shadow: 15px 15px 13px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 15px 15px 13px 0px rgba(0, 0, 0, 0.1);
    -webkit-transform: skewY(-7deg);
            transform: skewY(-7deg);
}

.white-popup#kniga_popup .img {
    background-image: url(/bitrix/templates/adapt/images/yandexzen-bg.png);
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 269px;
    position: absolute;
    top: -105px;
    left: 0;
    -webkit-transform: skewY(7deg);
            transform: skewY(7deg);
}

.white-popup#kniga_popup .holder {
      z-index: 1;
      position: relative;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding-left: 40px;
      padding-right: 10px;
      -webkit-transform: skewY(7deg);
              transform: skewY(7deg);
      padding-bottom: 20px;
}


.white-popup#kniga_popup .holder a {
  width: 218px;
      height: 60px;
      position: absolute;
      border: none;
      background: #000000;
      cursor: pointer;
      color: #ffffff;
      font-size: 24px;
      float: none;
      line-height: 60px;
      text-align: center;
      border-radius: 0px;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
      margin: 24px auto 0;
      display: block;
      left: 50%;
      -webkit-transform: translate(-50%);
              transform: translate(-50%);
}

.white-popup#kniga_popup .holder a:hover {
    background: #404040;
}

.white-popup#kniga_popup .holder .head {
    position: relative;
    font-weight: bold;
    font-size: 21.48px;
    line-height: 1.15em;
    margin-top: 26px;
    font-family: 'proxima_nova_extrabld', Arial;
    color: #fff;
    background-color: #404040;
    padding: 5px 10px;
}

.white-popup#kniga_popup .holder .head:after {
      z-index: -1;
      position: absolute;
      height: 20px;
      content: '';
      -webkit-transform: skewY(-1deg);
              transform: skewY(-1deg);
      background-color: inherit;
      top: -2px;
      left: 0;
      width: 100%;
}

.white-popup#kniga_popup .holder p {
  line-height: 1em;
  display: block;
  font-size: 29.66px;
  margin-top: 5px;
  font-family: 'proxima_nova_extrabld', Arial;
}
.white-popup#kniga_popup .holder .name {
  text-transform: uppercase;
  font-size: 38.56px;
  line-height: 1em;
  font-family: 'proxima_nova_extrabld', Arial;
  color: #f04552;
  display: block;
  margin-bottom: 1em;
}

.white-popup#kniga_popup button.mfp-close {
    background: none;
    top: 4px;
    right: 4px;
    -webkit-transform: skewY(7deg);
            transform: skewY(7deg);
}

.white-popup#kniga_popup button.mfp-close:after {
    content: '+';
    font-family: 'TT Norms', Arial;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    height: 18px;
    width: 18px;
    text-indent: 0;
    font-size: 36px;
    color: #000;
}


/*aad-kniga_popup*/



/*aad-yandexzen_popup*/

.white-popup#yandexzen_popup {
    margin-top: 90px;
    margin-bottom: 60px;
    padding-top: 180px;
    -webkit-box-shadow: none;
            box-shadow: none;
    min-width: 412px;
    min-height: 380px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: 0;
    padding: 0;
    padding-top: 110px;
    padding-bottom: 30px;
    /* -webkit-box-shadow: 15px 15px 13px 0px rgba(0, 0, 0, 0.1); */
            /* box-shadow: 15px 15px 13px 0px rgba(0, 0, 0, 0.1); */
    /* -webkit-transform: skewY(-7deg); */
            /* transform: skewY(-7deg); */
}

.white-popup#yandexzen_popup .img {
    background-image: url(/bitrix/templates/adapt/images/yandexzen-bg.png);
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 269px;
    position: absolute;
    top: -105px;
    left: 0;
    /* -webkit-transform: skewY(7deg); */
            /* transform: skewY(7deg); */
}

.white-popup#yandexzen_popup .holder {
      margin-top: 20px;
      z-index: 1;
      position: relative;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding-left: 20px;
      padding-right: 10px;
      /* -webkit-transform: skewY(7deg); */
              /* transform: skewY(7deg); */
      padding-bottom: 20px;
}


.white-popup#yandexzen_popup .holder a {
  width: 218px;
      height: 60px;
      position: absolute;
      border: none;
      background: #000000;
      cursor: pointer;
      color: #ffffff;
      font-size: 24px;
      float: none;
      line-height: 60px;
      text-align: center;
      border-radius: 0px;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
      margin: 30px auto 0;
      display: block;
      left: 50%;
      -webkit-transform: translate(-50%);
              transform: translate(-50%);
}

.white-popup#yandexzen_popup .holder a:hover {
    background: #404040;
}

.white-popup#yandexzen_popup .holder .head {
    position: relative;
    font-weight: bold;
    font-size: 21.48px;
    line-height: 1.15em;
    margin-top: 26px;
    font-family: 'proxima_nova_extrabld', Arial;
    color: #fff;
    background-color: #404040;
    padding: 5px 10px;
}

.white-popup#yandexzen_popup .holder .head:after {
      z-index: -1;
      position: absolute;
      height: 20px;
      content: '';
      -webkit-transform: skewY(-1deg);
              transform: skewY(-1deg);
      background-color: inherit;
      top: -2px;
      left: 0;
      width: 100%;
}

.white-popup#yandexzen_popup .holder p {
  line-height: 1.2em;
  display: block;
  font-size: 29.66px;
  margin-top: 5px;
  font-family: 'proxima_nova_extrabld', Arial;
}
.white-popup#yandexzen_popup .holder .name {
  text-transform: uppercase;
  font-size: 38.56px;
  line-height: 1em;
  font-family: 'proxima_nova_extrabld', Arial;
  color: #f04552;
  display: block;
  margin-bottom: 1em;
}

.white-popup#yandexzen_popup .holder .name-small {
    font-size: 28px;
}

.white-popup#yandexzen_popup button.mfp-close {
    background: none;
    top: 4px;
    right: 34px;
    /* -webkit-transform: skewY(7deg); */
            /* transform: skewY(7deg); */
}

.white-popup#yandexzen_popup button.mfp-close:after {
    content: '+';
    font-family: 'TT Norms', Arial;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    height: 18px;
    width: 18px;
    text-indent: 0;
    font-size: 36px;
    color: #000;
}


/*aad-yandexzen_popup*/



/*aad-kniga_popup_lp*/

.white-popup#kniga_popup_lp {
    margin-top: 90px;
    margin-bottom: 60px;
    padding-top: 180px;
    -webkit-box-shadow: none;
            box-shadow: none;
    min-width: 412px;
    min-height: 380px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: 0;
    padding: 0;
    padding-top: 110px;
    padding-bottom: 30px;
    -webkit-box-shadow: 15px 15px 13px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 15px 15px 13px 0px rgba(0, 0, 0, 0.1);
    -webkit-transform: skewY(-7deg);
            transform: skewY(-7deg);
}

.white-popup#kniga_popup_lp:after {
  content: '';
  width: 100%;
  height: 200px;
  background-color: #fff;
  -webkit-box-shadow: 15px -15px 13px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 15px -15px 13px 0px rgba(0, 0, 0, 0.1);
  -webkit-transform: skewY(14deg);
          transform: skewY(14deg);
  position: absolute;
  top: -51px;
  left: 0;
  z-index: -1;
}

.white-popup#kniga_popup_lp .img {
    background-image: url(/bitrix/templates/adapt/images/lp-ebook.png);
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 392px;
    position: absolute;
    top: -105px;
    left: 0;
    -webkit-transform: skewY(7deg);
            transform: skewY(7deg);
}

.white-popup#kniga_popup_lp .holder {
      z-index: 1;
      position: relative;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding-left: 40px;
      padding-right: 10px;
      -webkit-transform: skewY(7deg);
              transform: skewY(7deg);
      padding-bottom: 20px;
}


.white-popup#kniga_popup_lp .holder a {
  width: 218px;
      height: 60px;
      position: absolute;
      border: none;
      background: #000000;
      cursor: pointer;
      color: #ffffff;
      font-size: 24px;
      float: none;
      line-height: 60px;
      text-align: center;
      border-radius: 0px;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
      margin: 24px auto 0;
      display: block;
      left: 50%;
      -webkit-transform: translate(-50%);
              transform: translate(-50%);
      -webkit-box-shadow: 1px 1px 0 0 #fff;
              box-shadow: 1px 1px 0 0 #fff;
}

.white-popup#kniga_popup_lp .holder a:hover {
    background: #404040;
}

.white-popup#kniga_popup_lp .holder .head {
    position: relative;
    font-weight: bold;
    font-size: 21.48px;
    line-height: 1.15em;
    margin-top: 26px;
    font-family: 'proxima_nova_extrabld', Arial;
    color: #fff;
    background-color: #404040;
    padding: 5px 10px 10px;
}

.white-popup#kniga_popup_lp .holder .head:after {
    z-index: -1;
    position: absolute;
    height: 20px;
    content: '';
    -webkit-transform: skewY(-2deg);
            transform: skewY(-2deg);
    background-color: inherit;
    top: -7px;
    left: 0;
    width: 100%;
}

.white-popup#kniga_popup_lp .holder p {
  line-height: 1em;
  display: block;
  font-size: 29.66px;
  margin-top: 5px;
  font-family: 'proxima_nova_extrabld', Arial;
}
.white-popup#kniga_popup_lp .holder .name {
  text-transform: uppercase;
  font-size: 38.56px;
  line-height: 1em;
  font-family: 'proxima_nova_extrabld', Arial;
  color: #f04552;
  display: block;
  margin-bottom: 0;
}
.white-popup#kniga_popup_lp .holder .name:before {
  position: absolute;
  border: 19px solid transparent;
  border-right: none;
  border-left-color: #f04552;
  content: '';
  top: 70px;
  left: -10px;
}
.white-popup#kniga_popup_lp button.mfp-close {
    background: none;
    top: 4px;
    right: 4px;
    -webkit-transform: skewY(7deg);
            transform: skewY(7deg);
}

.white-popup#kniga_popup_lp button.mfp-close:after {
    content: '+';
    font-family: 'TT Norms', Arial;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    height: 18px;
    width: 18px;
    text-indent: 0;
    font-size: 36px;
    color: #000;
}


/*aad-kniga_popup_lp*/



/*aad-strategy*/

.white-popup#km_strategy2_popup {
    background-image: url(/bitrix/templates/adapt/images/popup-geo.png);
    background-position: -20% -20%;
    background-repeat: no-repeat;
    border-radius: 5px;
    padding-top: 272px;
    min-width: 636px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.white-popup#km_strategy2_popup .img {
    background-image: url(/bitrix/templates/adapt/images/popup-compass.png);
    background-position: center;
    background-size: contain;
    width: 146px;
    height: 200px;
    position: absolute;
    top: 40px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    -moz-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
}

.white-popup#km_strategy2_popup .holder {
    text-align: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.white-popup#km_strategy2_popup .holder a {
    width: 160px;
    height: 40px;
    margin-top: 24px;
    margin-bottom: 10px;
    border: none;
    background: #e2223f;
    cursor: pointer;
    color: #ffffff;
    font-weight: 700;
    font-size: 16px;
    display: inline-block;
    line-height: 40px;
    text-align: center;
    border-radius: 20px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.white-popup#km_strategy2_popup .holder a:hover {
    background: #b8162e;
}

.white-popup#km_strategy2_popup .holder .head {
    margin-bottom: 0.7em;
    font-weight: bold;
    font-size: 30px;
    line-height: 1.5em;
    /* margin-top: 1em;
    padding-top: 1em; */
    font-family: 'RobotoSlab', Arial;
}

.white-popup#km_strategy2_popup .holder p {
    padding-top: 0;
    display: block;
    font-size: 18px;
    margin-top: 5px;
    line-height: 1.4em;
}

.white-popup#km_strategy2_popup button.mfp-close {
    background: none;
}

.white-popup#km_strategy2_popup button.mfp-close:after {
      content: '+';
      font-family: 'TT Norms', Arial;
      position: absolute;
      top: 0;
      /* right: 30px; */
      left: auto;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
      line-height: 24px;
      height: 28px;
      width: 28px;
      text-indent: 0;
      font-size: 36px;
      /* color: #333; */
      background-color: #000;
      border-radius: 100%;
}



/*aad-strategy*/

/*aad-teach*/


.white-popup#teach_im_popup {
    border-radius: 5px;
    padding-top: 230px;
    min-width: 400px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.white-popup#teach_im_popup .img {
    background-image: url(/bitrix/templates/adapt/images/teach-popup.png);
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 230px;
    position: absolute;
    top: 0;
    left: 0;
    -moz-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
}

.white-popup#teach_im_popup .holder {
    text-align: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.white-popup#teach_im_popup .holder a {
    width: 160px;
    height: 40px;
    margin-top: 24px;
    margin-bottom: 10px;
    border: none;
    background: #e2223f;
    cursor: pointer;
    color: #ffffff;
    font-weight: 700;
    font-size: 16px;
    display: inline-block;
    line-height: 40px;
    text-align: center;
    border-radius: 20px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.white-popup#teach_im_popup .holder a:hover {
    background: #b8162e;
}

.white-popup#teach_im_popup .holder .head {
    margin-bottom: 0.7em;
    font-weight: bold;
    font-size: 24px;
    line-height: 1.5em;
    margin-top: 1em;
    padding-top: 1em;
    font-family: 'RobotoSlab', Arial;
}

.white-popup#teach_im_popup .holder p {
    padding-top: 0;
    display: block;
    font-size: 18px;
    margin-top: 5px;
    line-height: 1.4em;
}

.white-popup#teach_im_popup button.mfp-close {
    background: none;
}

.white-popup#teach_im_popup button.mfp-close:after {
    content: '+';
    font-family: 'TT Norms', Arial;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    height: 18px;
    width: 18px;
    text-indent: 0;
    font-size: 36px;
    color: #fff;
}

/*aad-teach-end*/

/*aad-teach*/

/*popups*/

.white-popup#teach_im_popup_2 {
  font-family: 'TT Norms', Arial;
  width: 410px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  padding: 32px;
  padding-top: 55px;
  padding-bottom: 10px;
  -webkit-box-shadow: 10px 7px 22.08px 1.92px rgba(0, 0, 0, 0.22);
          box-shadow: 10px 7px 22.08px 1.92px rgba(0, 0, 0, 0.22);
}

.white-popup#teach_im_popup_2::before,
.white-popup#teach_im_popup_2::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  z-index: -1;
}

.white-popup#teach_im_popup_2::before {
  top: -18px;
  height: 120px;
  background-color: #daed5c;
  -webkit-transform: skewY(5deg);
          transform: skewY(5deg);
}

.white-popup#teach_im_popup_2::after {
  bottom: -18px;
  height: 55px;
  background-color: #fff;
  -webkit-transform: skewY(-5deg);
          transform: skewY(-5deg);
  -webkit-box-shadow: 10px 17px 22.08px 1.92px rgba(0, 0, 0, 0.1);
          box-shadow: 10px 17px 22.08px 1.92px rgba(0, 0, 0, 0.1);
}

.teach_im_popup_2_content {
  margin-top: -30px;
  position: relative;
}

.teach_im_popup_2_content::before {
  content: "";
  position: absolute;
  top: 32px;
  left: -32px;
  width: 410px;
  height: 100px;
  background-color: #daed5c;
  -webkit-transform: skewY(-5deg);
          transform: skewY(-5deg);
  z-index: -1;
}

.teach_im_popup_2_title {
  font-family: 'TT Norms', Arial;
  width: 100%;
  max-width: 260px;
  font-size: 24px;
  line-height: 45px;
  text-align: center;
  min-height: 45px;
  color: #fff;
  background-color: #000000;
  margin-bottom: 25px;
}

.teach_im_popup_2_title_under {
  font-family: 'proxima_nova_extrabld', 'Arial', sans-serif;
  font-size: 48px;
  line-height: 1em;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.teach_im_popup_2_text {
  font-family: 'TT Norms', Arial;
  font-size: 26px;
  margin-bottom: 35px;
}

.teach_im_popup_2_upper_text {
  font-size: 26px;
  font-family: 'TT Norms', Arial;
  text-transform: uppercase;
}

.teach_im_popup_2_text_big {
  font-family: 'TT Norms', Arial;
  font-size: 28px;
  font-weight: 700;
  line-height: 36px;
  text-transform: uppercase;
  margin-bottom: 35px;
  position: relative;
}

.teach_im_popup_2_text_big::before {
  content: "";
  position: absolute;
  left: -45px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 19px 0 19px 26px;
  border-color: transparent transparent transparent #ff40a3;
}

#teach_im_popup_2 .teach_im_popup_2_btn {
  font-family: 'TT Norms', Arial;
  font-size: 24px;
  line-height: 60px;
  letter-spacing: 0.01em;
  display: block;
  width: 100%;
  max-width: 216px;
  margin: 0 auto;
  text-align: center;
  color: #fff;
  background-color: #000;
  min-height: 60px;
  position: absolute;
  text-decoration: none;
  left: 50%;
  bottom: -85px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-bottom: none;
}

.teach_im_popup_2_btn:hover,
.teach_im_popup_2_btn:active,
.teach_im_popup_2_btn:focus,
.teach_im_popup_2_btn:visited {
  color: #fff;
  text-decoration: none;
}

#teach_im_popup_2 .mfp-close {

}

.white-popup#teach_im_popup_2 button.mfp-close {
    top: 10px;
    right: 10px;
    opacity: 1;
}

.white-popup#teach_im_popup_2 button.mfp-close:after {
    color: #000;
    font-size: 36px;
    font-weight: 700;
}

@media screen and (max-width: 480px) {
  .white-popup#teach_im_popup_2 {
    max-width: 300px;
    padding-left: 15px;
    padding-right: 10px;
  }

  .teach_im_popup_2_content::before {
    width: 300px;
    top: 8px;
    left: -15px;
  }

  .teach_im_popup_2_title {
    font-size: 20px;
    max-width: 225px;
  }

  .teach_im_popup_2_title_under {
    font-size: 39px;
    margin-bottom: 15px;
  }

  .teach_im_popup_2_text,
  .teach_im_popup_2_upper_text {
    font-size: 22px;
  }

  .teach_im_popup_2_text_big {
    font-size: 24px;
    line-height: 34px;
  }

  .teach_im_popup_2_text_big::before {
    left: -30px;
  }

  .teach_im_popup_2_text {
    margin-bottom: 25px;
  }

  .teach_im_popup_2_btn {
    margin-left: -10px;
  }

  .white-popup#teach_im_popup_2 button.mfp-close:after {
    font-size: 42px;
  }
}

/*aad-teach-end*/



/*merch_konkurs*/

.white-popup#merch_konkurs {
  font-family: 'TT Norms', Arial;
  width: 430px;
  max-width: 100%;
  height: 504px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: url(/bitrix/templates/adapt/images/merch_konkurs.png) center top no-repeat;
  background-size: contain;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
  padding: 32px;
  padding-bottom: 10px;
  /* padding-top: 26%; */
}



.merch_konkurs_content {
  margin-top: 79%;
  position: relative;
}



.merch_konkurs_text_big {
    font-family: 'TT Norms', Arial;
    font-size: 22px;
    font-weight: 900;
    line-height: 33px;
    text-transform: uppercase;
    margin-bottom: 35px;
    position: relative;
    max-width: 270px;
    margin: auto;
    text-align: center;
    color: #f04552;
}


#merch_konkurs .merch_konkurs_btn {
  font-family: 'TT Norms', Arial;
  font-size: 24px;
  line-height: 60px;
  letter-spacing: 0.01em;
  display: block;
  width: 100%;
  max-width: 216px;
  margin: 0 auto;
  text-align: center;
  color: #fff;
  background-color: #000;
  min-height: 60px;
  position: absolute;
  text-decoration: none;
  left: 63%;
  bottom: -76px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-bottom: none;
}

.merch_konkurs_btn:hover,
.merch_konkurs_btn:active,
.merch_konkurs_btn:focus,
.merch_konkurs_btn:visited {
  color: #fff;
  text-decoration: none;
}

#merch_konkurs .mfp-close {

}

.white-popup#merch_konkurs button.mfp-close {
    top: 10px;
    right: 40px;
    opacity: 1;
}

.white-popup#merch_konkurs button.mfp-close:after {
    color: #fff;
    font-size: 36px;
    font-weight: 700;
}

@media screen and (max-width: 480px) {
  .white-popup#merch_konkurs {
    height: 400px;
    max-width: 300px;
    padding-left: 15px;
    padding-right: 10px;
  }

  .merch_konkurs_content::before {
    width: 300px;
    top: 8px;
    left: -15px;
  }

  .merch_konkurs_title {
    font-size: 20px;
    max-width: 225px;
  }

  .merch_konkurs_title_under {
    font-size: 39px;
    margin-bottom: 15px;
  }

  .merch_konkurs_text,
  .merch_konkurs_upper_text {
    font-size: 22px;
  }

  .merch_konkurs_text_big {
    font-size: 14px;
    line-height: 22px;
    max-width: 240px;
  }

  .merch_konkurs_text_big::before {
    left: -30px;
  }
  .merch_konkurs_content{
        margin-top: 70%;
  }

  .merch_konkurs_text {
    margin-bottom: 25px;
  }

  .merch_konkurs_btn {
    margin-left: -10px;
  }

  .white-popup#merch_konkurs button.mfp-close:after {
    font-size: 42px;
  }
  #merch_konkurs .merch_konkurs_btn{
    left: 50%;
    bottom: -65px;
  }
}

/*merch_konkurs*/





/*aad-teachkm*/


.white-popup#teach_km_popup {
    border-radius: 5px;
    padding-top: 230px;
    min-width: 400px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.white-popup#teach_km_popup .img {
    background-image: url(/bitrix/templates/adapt/images/teach-popup.png);
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 230px;
    position: absolute;
    top: 0;
    left: 0;
    -moz-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
}

.white-popup#teach_km_popup .holder {
    text-align: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.white-popup#teach_km_popup .holder a {
    width: 160px;
    height: 40px;
    margin-top: 24px;
    margin-bottom: 10px;
    border: none;
    background: #e2223f;
    cursor: pointer;
    color: #ffffff;
    font-weight: 700;
    font-size: 16px;
    display: inline-block;
    line-height: 40px;
    text-align: center;
    border-radius: 20px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.white-popup#teach_km_popup .holder a:hover {
    background: #b8162e;
}

.white-popup#teach_km_popup .holder .head {
    margin-bottom: 0.7em;
    font-weight: bold;
    font-size: 24px;
    line-height: 1.5em;
    margin-top: 1em;
    padding-top: 1em;
    font-family: 'RobotoSlab', Arial;
}

.white-popup#teach_km_popup .holder p {
    padding-top: 0;
    display: block;
    font-size: 18px;
    margin-top: 5px;
    line-height: 1.4em;
}

.white-popup#teach_km_popup button.mfp-close {
    background: none;
}

.white-popup#teach_km_popup button.mfp-close:after {
    content: '+';
    font-family: 'TT Norms', Arial;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    height: 18px;
    width: 18px;
    text-indent: 0;
    font-size: 36px;
    color: #fff;
}

/*aad-teachkm-end*/


/*aad-development*/

.white-popup#complex_kpi_popup {
    border-radius: 5px;
    padding-top: 200px;
    min-width: 400px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.white-popup#complex_kpi_popup .img {
    background-image: url(/bitrix/templates/adapt/images/growth1.jpg);
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 220px;
    position: absolute;
    top: 0;
    left: 0;
    -moz-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
}

.white-popup#complex_kpi_popup .holder {
    text-align: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.white-popup#complex_kpi_popup .holder a {
    width: 230px;
    height: 40px;
    margin-top: 24px;
    margin-bottom: 10px;
    border: none;
    background: #e2223f;
    cursor: pointer;
    color: #ffffff;
    font-weight: 700;
    font-size: 16px;
    display: inline-block;
    line-height: 40px;
    text-align: center;
    border-radius: 20px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.white-popup#complex_kpi_popup .holder a:hover {
    background: #b8162e;
}

.white-popup#complex_kpi_popup .holder .head {
    margin-bottom: 0.7em;
    font-weight: bold;
    font-size: 24px;
    line-height: 1.5em;
    margin-top: 1em;
    padding-top: 1em;
    font-family: 'RobotoSlab', Arial;
}

.white-popup#complex_kpi_popup .holder p {
    padding-top: 0;
    display: block;
    font-size: 18px;
    margin-top: 5px;
    line-height: 1.4em;
}

.white-popup#complex_kpi_popup button.mfp-close {
    background: none;
}

.white-popup#complex_kpi_popup button.mfp-close:after {
    content: '+';
    font-family: 'TT Norms', Arial;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    height: 22px;
    width: 22px;
    text-indent: 0;
    font-size: 36px;
    color: #fff;
    background: #000;
    border-radius: 100%;
}

/*aad-development*/



/*aad-videopopup-new*/

.white-popup#complex_popup {
    border-radius: 5px;
    padding-left: 295px;
    min-width: 640px;
    min-height: 380px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background-color: #ffffff;
}

.white-popup#complex_popup .img {
    background-image: url(/bitrix/templates/adapt/images/pcomplex.jpg);
    background-position: center;
    width: 300px;
    height: 380px;
    position: absolute;
    top: 0;
    left: 0;
    -moz-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.white-popup#complex_popup .holder {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 40px;
    padding-right: 10px;
}

.white-popup#complex_popup .holder a {
    width: 160px;
    height: 40px;
    margin-top: 24px;
    border: none;
    background: #e2223f;
    cursor: pointer;
    color: #ffffff;
    font-weight: 700;
    font-size: 16px;
    float: left;
    line-height: 40px;
    text-align: center;
    border-radius: 20px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.white-popup#complex_popup .holder a:hover {
    background: #b8162e;
}

.white-popup#complex_popup .holder .head {
    font-weight: bold;
    font-size: 28px;
    line-height: 1.15em;
    margin-top: 26px;
    font-family: 'RobotoSlab', Arial;
}

.white-popup#complex_popup .holder p {
    display: block;
    font-size: 18px;
    margin-top: 25px;
}

.white-popup#complex_popup button.mfp-close {
    background: none;
}

.white-popup#complex_popup button.mfp-close:after {
    content: '+';
    font-family: 'TT Norms', Arial;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    height: 18px;
    width: 18px;
    text-indent: 0;
    font-size: 36px;
    color: #fff;
}


/*aad-videopopup-new*/


/*aad-videopopup*/

.white-popup#videomarketing_popup {
    border-radius: 5px;
    padding-left: 300px;
    min-width: 640px;
    min-height: 380px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.white-popup#videomarketing_popup .img {
    background-image: url(/bitrix/templates/adapt/images/vid-pp.png);
    background-position: center;
    width: 300px;
    height: 380px;
    position: absolute;
    top: 0;
    left: 0;
    -moz-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.white-popup#videomarketing_popup .holder {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 40px;
    padding-right: 10px;
}

.white-popup#videomarketing_popup .holder a {
    width: 160px;
    height: 40px;
    margin-top: 24px;
    border: none;
    background: #e2223f;
    cursor: pointer;
    color: #ffffff;
    font-weight: 700;
    font-size: 16px;
    float: left;
    line-height: 40px;
    text-align: center;
    border-radius: 20px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.white-popup#videomarketing_popup .holder a:hover {
    background: #b8162e;
}

.white-popup#videomarketing_popup .holder .head {
    font-weight: bold;
    font-size: 26px;
    line-height: 1.15em;
    margin-top: 26px;
    font-family: 'RobotoSlab', Arial;
}

.white-popup#videomarketing_popup .holder p {
    display: block;
    font-size: 18px;
    padding-top: 25px;
}

.white-popup#videomarketing_popup button.mfp-close {
    background: none;
}

.white-popup#videomarketing_popup button.mfp-close:after {
    content: '+';
    font-family: 'TT Norms', Arial;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    height: 18px;
    width: 18px;
    text-indent: 0;
    font-size: 36px;
    color: #fff;
}


/*aad-videopopup*/


/*aad-strategy*/

.white-popup#km_strategy_popup {
    border-radius: 5px;
    padding-left: 300px;
    min-width: 640px;
    min-height: 380px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.white-popup#km_strategy_popup .img {
    background-image: url(/bitrix/templates/adapt/images/strategybg.jpg);
    background-position: center;
    width: 300px;
    height: 380px;
    position: absolute;
    top: 0;
    left: 0;
    -moz-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.white-popup#km_strategy_popup .holder {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 40px;
    padding-right: 10px;
}

.white-popup#km_strategy_popup .holder a {
    width: 160px;
    height: 40px;
    margin-top: 24px;
    border: none;
    background: #e2223f;
    cursor: pointer;
    color: #ffffff;
    font-weight: 700;
    font-size: 16px;
    float: left;
    line-height: 40px;
    text-align: center;
    border-radius: 20px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.white-popup#km_strategy_popup .holder a:hover {
    background: #b8162e;
}

.white-popup#km_strategy_popup .holder .head {
    font-weight: bold;
    font-size: 28px;
    line-height: 1.15em;
    margin-top: 26px;
    font-family: 'RobotoSlab', Arial;
}

.white-popup#km_strategy_popup .holder p {
    display: block;
    font-size: 18px;
    margin-top: 5px;
}

.white-popup#km_strategy_popup button.mfp-close {
    background: none;
}

.white-popup#km_strategy_popup button.mfp-close:after {
    content: '+';
    font-family: 'TT Norms', Arial;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    height: 18px;
    width: 18px;
    text-indent: 0;
    font-size: 36px;
    color: #fff;
}


/*aad-strategy*/


/*aad-crmpopup*/

.white-popup#crm_popup {
    padding: 30px;
    border-radius: 5px;
    min-width: 490px;
    min-height: 380px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.white-popup#crm_popup .holder {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-top: 0;
}

.white-popup#crm_popup .holder .head {
    font-weight: bold;
    font-size: 28px;
    line-height: 1.15em;
    margin-top: 26px;
    font-family: 'RobotoSlab', Arial;
}

.white-popup#crm_popup .holder p {
    display: block;
    font-size: 20px;
    line-height: 1.7em;
    margin-top: 5px;
    max-width: 360px;
}

.white-popup#crm_popup .holder a {
    display: inline-block;
    width: 160px;
    height: 40px;
    margin-top: 24px;
    border: none;
    background: #e2223f;
    cursor: pointer;
    color: #ffffff;
    font-weight: 700;
    font-size: 16px;
    float: left;
    line-height: 40px;
    text-align: center;
    border-radius: 20px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.white-popup#crm_popup .holder a:hover {
    background: #b8162e;
}

.white-popup#crm_popup .holder button.abort {
    margin-left: 16px;
    display: inline-block;
    width: 160px;
    height: 40px;
    margin-top: 24px;
    border: none;
    background: #cecece;
    cursor: pointer;
    color: #333;
    font-weight: 700;
    font-size: 16px;
    float: left;
    line-height: 40px;
    text-align: center;
    border-radius: 20px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.white-popup#crm_popup .holder button.abort:hover {
    background: #878585;
}

.white-popup#crm_popup .holder button.abort.mfp-close {
    position: relative;
    top:auto;
    right: auto;
    opacity: 1;
}
.white-popup#crm_popup .holder button.abort.mfp-close:after {
    display: none;
}

.white-popup#crm_popup button.mfp-close {
    background: none;
    top: 10px;
    right: 10px;
}

.white-popup#crm_popup button.mfp-close:after {
    content: '+';
    font-family: 'TT Norms', Arial;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    height: 18px;
    width: 18px;
    text-indent: 0;
    font-size: 36px;
    color: #cecece;
}


/*aad-crmpopup*/


/*aad-tlg*/

.white-popup#telegram_popup {
    border-radius: 5px;
    padding-left: 300px;
    min-width: 640px;
    min-height: 280px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.white-popup#telegram_popup .img {
    background-image: url(/bitrix/templates/adapt/images/tlg-pp.jpg);
    background-position: center;
    width: 300px;
    height: 280px;
    position: absolute;
    top: 0;
    left: 0;
    -moz-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.white-popup#telegram_popup .holder {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 40px;
    padding-right: 10px;
}

.white-popup#telegram_popup .holder a {
    width: 160px;
    height: 40px;
    margin-top: 24px;
    border: none;
    background: #e2223f;
    cursor: pointer;
    color: #ffffff;
    font-weight: 700;
    font-size: 16px;
    float: left;
    line-height: 40px;
    text-align: center;
    border-radius: 20px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.white-popup#telegram_popup .holder a:hover {
    background: #b8162e;
}

.white-popup#telegram_popup .holder .head {
    font-weight: bold;
    font-size: 28px;
    line-height: 1.15em;
    margin-top: 26px;
    font-family: 'RobotoSlab', Arial;
}

.white-popup#telegram_popup .holder p {
    display: block;
    font-size: 18px;
    margin-top: 5px;
}

.white-popup#telegram_popup button.mfp-close {
    background: none;
}

.white-popup#telegram_popup button.mfp-close:after {
    content: '+';
    font-family: 'TT Norms', Arial;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    height: 18px;
    width: 18px;
    text-indent: 0;
    font-size: 36px;
    color: #fff;
}



/*aad-tlg*/

.white-popup#audit_saita_popup {
    width: 400px;
    height: 470px;
    background: #fff;
    position: fixed;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    border-radius: 5px;
    overflow: hidden;
    -webkit-box-shadow: 0 40px 70px -20px rgba(0, 0, 0, 0.5);
            box-shadow: 0 40px 70px -20px rgba(0, 0, 0, 0.5);
    padding: 0;
}

.white-popup#audit_saita_popup .img {
    width: 400px;
    height: 200px;
    background-size: cover;
    background-position: center;
    background-image: url(/bitrix/templates/adapt/images/back-popup_audit.jpg);
}

.white-popup#audit_saita_popup button.mfp-close {
    top: 15px;
    right: 15px;
}

.white-popup#audit_saita_popup .holder .head {
    font: 28px/28px 'RobotoSlab', Arial;
    text-align: center;
    margin-top: 45px;
}

.white-popup#audit_saita_popup .holder p {
    font: 20px/24px 'TT Norms', Arial;
    text-align: center;
}

.white-popup#audit_saita_popup a {
    display: block;
    border: none;
    border-radius: 20px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #e2223f;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    line-height: 14px;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    width: 160px;
    height: 40px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 13px 5px;
    margin: auto;
    margin-top: 30px;
}







@media screen and (max-width: 767px) {

  /*aad-kniga_popup*/

  .white-popup#kniga_popup {
    margin-top: 90px;
margin-bottom: 60px;
padding-top: 180px;
-webkit-box-shadow: none;
        box-shadow: none;
max-width: 280px;
min-width: 280px;
min-height: 380px;
-webkit-box-sizing: border-box;
        box-sizing: border-box;
border-radius: 0;
padding: 0;
padding-top: 90px;
padding-bottom: 30px;
-webkit-box-shadow: 15px 15px 13px 0px rgba(0, 0, 0, 0.1);
        box-shadow: 15px 15px 13px 0px rgba(0, 0, 0, 0.1);
-webkit-transform: skewY(-7deg);
        transform: skewY(-7deg);
  }

  .white-popup#kniga_popup .img {
      background-image: url(/bitrix/templates/adapt/images/kniga-popup.png);
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      width: 100%;
      height: 290px;
      max-width: 280px;
      position: absolute;
      top: -75px;
      left: 50%;
      -webkit-transform: skewY(7deg) translate(-50%);
              transform: skewY(7deg) translate(-50%);
  }

  .white-popup#kniga_popup .holder {
        z-index: 1;
        position: relative;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding-left: 40px;
        padding-right: 10px;
        -webkit-transform: skewY(7deg);
                transform: skewY(7deg);
        padding-bottom: 20px;
  }


  .white-popup#kniga_popup .holder a {
    width: 218px;
        height: 60px;
        position: absolute;
        border: none;
        background: #000000;
        cursor: pointer;
        color: #ffffff;
        font-size: 24px;
        float: none;
        line-height: 60px;
        text-align: center;
        border-radius: 0px;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        margin: 24px auto 0;
        display: block;
        left: 50%;
        -webkit-transform: translate(-50%);
                transform: translate(-50%);
  }


  .white-popup#kniga_popup .holder .head {
      position: relative;
      font-weight: bold;
      font-size: 21.48px;
      line-height: 1.15em;
      margin-top: 22px;
      font-family: 'proxima_nova_extrabld', Arial;
      color: #fff;
      background-color: #404040;
      padding: 5px 10px;
  }

  .white-popup#kniga_popup .holder .head:after {
        z-index: -1;
        position: absolute;
        height: 20px;
        content: '';
        -webkit-transform: skewY(-1deg);
                transform: skewY(-1deg);
        background-color: inherit;
        top: -2px;
        left: 0;
        width: 100%;
  }

  .white-popup#kniga_popup .holder p {
    line-height: 1em;
    display: block;
    font-size: 16px;
    margin-top: 5px;
    font-family: 'proxima_nova_extrabld', Arial;
  }
  .white-popup#kniga_popup .holder .name {
    text-transform: uppercase;
    font-size: 28.56px;
    line-height: 1em;
    font-family: 'proxima_nova_extrabld', Arial;
    color: #f04552;
    display: block;
    margin-bottom: 1em;
  }

  .white-popup#kniga_popup button.mfp-close {
      background: none;
          -webkit-transform: skewY(7deg);
                  transform: skewY(7deg);
  }

  .white-popup#kniga_popup button.mfp-close:after {
      content: '+';
      font-family: 'TT Norms', Arial;
      position: absolute;
      top: 0;
      right: 0;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
      height: 18px;
      width: 18px;
      text-indent: 0;
      font-size: 36px;
      color: #000;
  }


  /*aad-kniga_popup*/

  /*aad-yandexzen_popup*/

  .white-popup#yandexzen_popup {
    margin-top: 90px;
  margin-bottom: 60px;
  padding-top: 180px;
  -webkit-box-shadow: none;
          box-shadow: none;
  max-width: 280px;
  min-width: 280px;
  min-height: 380px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 0;
  padding: 0;
  padding-top: 90px;
  padding-bottom: 30px;
  -webkit-box-shadow: 15px 15px 13px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 15px 15px 13px 0px rgba(0, 0, 0, 0.1);
  -webkit-transform: skewY(-7deg);
          transform: skewY(-7deg);
  }

  .white-popup#yandexzen_popup .img {
      background-image: url(/bitrix/templates/adapt/images/yandexzen-bg.png);
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      width: 100%;
      height: 290px;
      max-width: 280px;
      position: absolute;
      top: -75px;
      left: 50%;
      -webkit-transform: skewY(7deg) translate(-50%);
              transform: skewY(7deg) translate(-50%);
  }

  .white-popup#yandexzen_popup .holder {
        z-index: 1;
        position: relative;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding-left: 20px;
        padding-right: 10px;
        -webkit-transform: skewY(7deg);
                transform: skewY(7deg);
        padding-bottom: 20px;
        margin-top: 40px;
  }


  .white-popup#yandexzen_popup .holder a {
    width: 218px;
        height: 60px;
        position: absolute;
        border: none;
        background: #000000;
        cursor: pointer;
        color: #ffffff;
        font-size: 24px;
        float: none;
        line-height: 60px;
        text-align: center;
        border-radius: 0px;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        margin: 24px auto 0;
        display: block;
        left: 50%;
        -webkit-transform: translate(-50%);
                transform: translate(-50%);
  }


  .white-popup#yandexzen_popup .holder .head {
      position: relative;
      font-weight: bold;
      font-size: 21.48px;
      line-height: 1.15em;
      margin-top: 22px;
      font-family: 'proxima_nova_extrabld', Arial;
      color: #fff;
      background-color: #404040;
      padding: 5px 10px;
  }

  .white-popup#yandexzen_popup .holder .head:after {
        z-index: -1;
        position: absolute;
        height: 20px;
        content: '';
        -webkit-transform: skewY(-1deg);
                transform: skewY(-1deg);
        background-color: inherit;
        top: -2px;
        left: 0;
        width: 100%;
  }

  .white-popup#yandexzen_popup .holder p {
    line-height: 1em;
    display: block;
    font-size: 16px;
    margin-top: 5px;
    font-family: 'proxima_nova_extrabld', Arial;
  }
  .white-popup#yandexzen_popup .holder .name {
    text-transform: uppercase;
    font-size: 25.56px;
    line-height: 1em;
    font-family: 'proxima_nova_extrabld', Arial;
    color: #f04552;
    display: block;
    margin-bottom: 1em;
  }

  .white-popup#yandexzen_popup button.mfp-close {
      background: none;
          -webkit-transform: skewY(7deg);
                  transform: skewY(7deg);
  }

  .white-popup#yandexzen_popup button.mfp-close:after {
      content: '+';
      font-family: 'TT Norms', Arial;
      position: absolute;
      top: 0;
      right: 0;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
      height: 18px;
      width: 18px;
      text-indent: 0;
      font-size: 36px;
      color: #000;
  }


  /*aad-yandexzen_popup*/



    /*aad-kniga_popup_lp*/

    .white-popup#kniga_popup_lp {
      margin-top: 90px;
      margin-bottom: 60px;
      padding-top: 180px;
      -webkit-box-shadow: none;
              box-shadow: none;
      max-width: 280px;
      min-width: 280px;
      min-height: 340px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      border-radius: 0;
      padding: 0;
      padding-top: 40px;
      padding-bottom: 30px;
      -webkit-box-shadow: 15px 15px 13px 0px rgba(0, 0, 0, 0.1);
              box-shadow: 15px 15px 13px 0px rgba(0, 0, 0, 0.1);
      -webkit-transform: skewY(-7deg);
              transform: skewY(-7deg);
    }

    .white-popup#kniga_popup_lp .img {
        background-image: url(/bitrix/templates/adapt/images/lp-ebook.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        width: 100%;
        height: 290px;
        max-width: 280px;
        position: absolute;
        top: -75px;
        left: 50%;
        -webkit-transform: skewY(7deg) translate(-50%);
                transform: skewY(7deg) translate(-50%);
    }

    .white-popup#kniga_popup_lp .holder {
          z-index: 1;
          position: relative;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          padding-left: 40px;
          padding-right: 10px;
          -webkit-transform: skewY(7deg);
                  transform: skewY(7deg);
          padding-bottom: 20px;
    }


    .white-popup#kniga_popup_lp .holder a {
      width: 218px;
          height: 60px;
          position: absolute;
          border: none;
          background: #000000;
          cursor: pointer;
          color: #ffffff;
          font-size: 24px;
          float: none;
          line-height: 60px;
          text-align: center;
          border-radius: 0px;
          -webkit-transition: all 0.3s ease;
          transition: all 0.3s ease;
          margin: 24px auto 0;
          display: block;
          left: 50%;
          -webkit-transform: translate(-50%);
                  transform: translate(-50%);
    }


    .white-popup#kniga_popup_lp .holder .head {
        position: relative;
        font-weight: bold;
        font-size: 21.48px;
        line-height: 1.15em;
        margin-top: 22px;
        font-family: 'proxima_nova_extrabld', Arial;
        color: #fff;
        background-color: #404040;
        padding: 5px 10px;
    }

    .white-popup#kniga_popup_lp .holder .head:after {
          z-index: -1;
          position: absolute;
          height: 20px;
          content: '';
          -webkit-transform: skewY(-1deg);
                  transform: skewY(-1deg);
          background-color: inherit;
          top: -2px;
          left: 0;
          width: 100%;
    }

    .white-popup#kniga_popup_lp .holder p {
      line-height: 1em;
      display: block;
      font-size: 16px;
      margin-top: 5px;
      font-family: 'proxima_nova_extrabld', Arial;
    }
    .white-popup#kniga_popup_lp .holder .name {
      text-transform: uppercase;
      font-size: 28.56px;
      line-height: 1em;
      font-family: 'proxima_nova_extrabld', Arial;
      color: #f04552;
      display: block;
      margin-bottom: 0em;
      position: relative;
    }
    .white-popup#kniga_popup_lp .holder .name:before {
      position: absolute;
      border: 19px solid transparent;
      border-right: none;
      border-left-color: #f04552;
      content: '';
      top: 10px;
      left: -30px;
    }
    .white-popup#kniga_popup_lp button.mfp-close {
        background: none;
        -webkit-transform: skewY(7deg);
                transform: skewY(7deg);
        top: -12px;
    }

    .white-popup#kniga_popup_lp button.mfp-close:after {
        content: '+';
        font-family: 'TT Norms', Arial;
        position: absolute;
        top: 0;
        right: 0;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
        height: 18px;
        width: 18px;
        text-indent: 0;
        font-size: 36px;
        color: #000;
    }


    /*aad-kniga_popup_lp*/

}

/*aad-site_dev_popup*/

.white-popup.popup_site_dev {
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: transparent;
    min-width: 371px;
    min-height: 470px;
    padding-left: 65px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background-image: url(/bitrix/templates/adapt/images/site_dev_popup_bg.png);
    background-position: center;
    background-repeat: no-repeat;
}

.white-popup.popup_site_dev .img {
  position: absolute;
  top: -35px;
  left: 40px;
  width: 358px;
  height: 228px;
  background-image: url(/bitrix/templates/adapt/images/site_dev_popup_laptop.png);
  background-position: left;
  background-repeat: no-repeat;
}

.white-popup.popup_site_dev .holder {
  padding-top: 125px;
}

.white-popup.popup_site_dev .holder p {
  font-size: 18px;
  line-height: 22px;
  padding-top: 0;
  margin-bottom: 34px;
  letter-spacing: 0.01em;
}

.white-popup.popup_site_dev .head {
  font-family: 'proxima_nova_extrabld', Arial;
  font-size: 32px;
  line-height: 39px;
  text-transform: uppercase;
  text-align: left;
  margin-bottom: 22px;
}

.white-popup.popup_site_dev .head .red {
  color: #e12341;
}

.white-popup.popup_site_dev a {
  font-size: 18px;
  font-weight: 700;
  line-height: 50px;
  text-transform: uppercase;
  display: block;
  margin: 0 auto;
  margin-left: 30px;
  min-height: 50px;
  max-width: 190px;
  text-align: center;
  border-radius: 25px;
  border: none;
  color: #fff;
  background-color: #000;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.white-popup.popup_site_dev a:hover {
  background-color: #404040;
}

.white-popup.popup_site_dev button.mfp-close {
  top: -10px;
  right: -30px;
}

@media screen and (max-width: 480px) {
  .white-popup.popup_site_dev {
    min-width: auto;
    max-width: 310px;
    background-position: left;
    padding-left: 41px;
  }

  .white-popup.popup_site_dev .holder {
    padding-top: 125px;
  }

  .white-popup.popup_site_dev .img {
    top: -30px;
    left: 10px;
    width: 296px;
    height: 228px;
    background-size: contain;
  }

  .white-popup.popup_site_dev button.mfp-close {
    top: 10px;
    right: 0;
  }
}

/*aad-site_dev_popup*/



/*quick_orders_popup*/

.white-popup#quick_orders_popup,
.white-popup#sliv_budzheta_popup {
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: transparent;
    min-width: 371px;
    min-height: 470px;
    padding-left: 35px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background-image: url(/bitrix/templates/adapt/images/quickorderpp.png);
    background-position: center;
    background-repeat: no-repeat;
}

.white-popup#quick_orders_popup .img,
.white-popup#sliv_budzheta_popup .img {
  position: absolute;
      top: -65px;
      left: 50%;
      -webkit-transform: translate(-50%, 0);
              transform: translate(-50%, 0);
      width: 498px;
      height: 228px;
      background-image: url(/bitrix/templates/adapt/images/burst.png);
      background-position: left;
      background-repeat: no-repeat;
}

.white-popup#quick_orders_popup .holder,
.white-popup#sliv_budzheta_popup .holder {
  padding-top: 125px;
}

.white-popup#quick_orders_popup .holder p,
.white-popup#sliv_budzheta_popup .holder p {
  font-size: 22px;
  color: #fff;
  line-height: 1.4em;
  text-align: center;
  padding-top: 0;
  margin-bottom: 34px;
  letter-spacing: 0.01em;
}

.white-popup#quick_orders_popup .head,
.white-popup#sliv_budzheta_popup .head {
  font-family: 'proxima_nova_extrabld', Arial;
  font-size: 22px;
  line-height: 39px;
  text-align: center;
  color: #fff;
  margin-bottom: 22px;
}

.white-popup#quick_orders_popup .head{
    line-height: 29px;
}

.white-popup#quick_orders_popup .holder p{
    font-size: 20px;
    color: #fff;
    line-height: 1.4em;
    text-align: center;
    padding-top: 0;
    margin-bottom: 34px;
    letter-spacing: 0.01em;
}

.white-popup#quick_orders_popup .head .red,
.white-popup#sliv_budzheta_popup .head .red {
  color: #e12341;
}

.white-popup#quick_orders_popup a,
.white-popup#sliv_budzheta_popup a {
  font-size: 16px;
  font-weight: 700;
  line-height: 50px;
  text-transform: uppercase;
  display: block;
  margin: 0 auto;
  min-height: 50px;
  max-width: 240px;
  text-align: center;
  border-radius: 25px;
  border: none;
  color: #fff;
  background-color: #E12341;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.white-popup#quick_orders_popup a:hover,
.white-popup#sliv_budzheta_popup a:hover {
  background-color: #FD3958;
}

.white-popup#quick_orders_popup button.mfp-close,
.white-popup#sliv_budzheta_popup button.mfp-close {
  top: -10px;
  right: -30px;
}

@media screen and (max-width: 480px) {
.white-popup#sliv_budzheta_popup .head{
    font-size: 19px;
    line-height: 1.3em;
}
  .white-popup#quick_orders_popup,
  .white-popup#sliv_budzheta_popup {
    min-width: auto;
    max-width: 310px;
    background-position: left;
    padding-left: 14px;
    padding-right: 1px;
}

  .white-popup#quick_orders_popup .holder,
  .white-popup#sliv_budzheta_popup .holder {
    padding-top: 125px;
  }

  .white-popup#quick_orders_popup .img,
  .white-popup#sliv_budzheta_popup .img {
    top: -30px;
    width: 296px;
    height: 228px;
    background-size: contain;
  }

  .white-popup#quick_orders_popup button.mfp-close,
  .white-popup#sliv_budzheta_popup button.mfp-close {
    top: 10px;
    right: 30px;
  }

}

/*quick_orders_popup*/

/*Texterra cases*/
.white-popup#texterra__cases {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: transparent;
  width: 360px;
  height: 460px;
  padding-left: 35px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-image: url(/bitrix/templates/adapt/images/quickorderpp.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.white-popup#texterra__cases .holder {
    padding-top: 140px;
}
.white-popup#texterra__cases .img {
  position: absolute;
  top: -50px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 200px;
  height: 177px;
  background-image: url(/bitrix/templates/adapt/images/texterra_cases_popup_image.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.white-popup#texterra__cases .head {
  font-family: 'proxima_nova_extrabld', Arial;
  font-size: 32px;
  line-height: 39px;
  text-align: center;
  color: #fff;
  margin-bottom: 22px;
}
.white-popup#texterra__cases .holder p {
  font-size: 18px;
  color: #fff;
  line-height: 22px;
  text-align: center;
  padding-top: 0;
  margin-bottom: 50px;
  letter-spacing: 0.01em;
}
.white-popup#texterra__cases a {
  font-size: 18px;
  font-weight: 700;
  line-height: 50px;
  text-transform: uppercase;
  display: block;
  margin: 0 auto;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  min-height: 50px;
  max-width: 190px;
  text-align: center;
  border-radius: 25px;
  border: none;
  color: #fff;
  background-color: #E12341;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}
/*Texterra cases END*/

/*teachline_smm*/

.white-popup#teachline_smm {
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: transparent;
    min-width: 363px;
    min-height: 480px;
    /* padding-left: 35px; */
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background-image: url(/bitrix/templates/adapt/images/teachlinesmm.png);
    background-position: center;
    background-repeat: no-repeat;
}


.white-popup#teachline_smm .holder {
  padding-top: 225px;
}

.white-popup#teachline_smm .holder p {
  font-size: 18px;
  color: #fff;
  line-height: 22px;
  text-align: center;
  padding-top: 0;
  margin-bottom: 34px;
  letter-spacing: 0.01em;
}

.white-popup#teachline_smm .head {
  font-family: 'proxima_nova_extrabld', Arial;
  font-size: 28px;
  line-height: 39px;
  text-align: center;
  color: #fff;
  margin-bottom: 22px;
}

.white-popup#teachline_smm .head .red {
  color: #e12341;
}

.white-popup#teachline_smm a {
  font-size: 18px;
  font-weight: 700;
  line-height: 50px;
  text-transform: uppercase;
  display: block;
  margin: 0 auto;
  min-height: 50px;
  max-width: 190px;
  text-align: center;
  border-radius: 25px;
  border: none;
  color: #fff;
  background-color: #E12341;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.white-popup#teachline_smm a:hover {
  background-color: #FD3958;
}

.white-popup#teachline_smm button.mfp-close {
  top: 100px;
  right: 20px;
}

@media screen and (max-width: 480px) {
  .white-popup#teachline_smm {
    min-width: auto;
    max-width: 310px;
    background-position: right;
    /* padding-left: 41px; */
    background-size: contain;
    min-height: 530px;
  }

  .white-popup#teachline_smm .holder {
    padding-top: 15px;
  }

  .white-popup#teachline_smm .img {
    top: -30px;
    width: 296px;
    height: 228px;
    background-size: contain;
  }

  .white-popup#teachline_smm button.mfp-close {
    top: 80px;
    right: 10px;
  }
  .white-popup#teachline_smm .head {
        font-family: 'proxima_nova_extrabld', Arial;
        font-size: 24px;
        line-height: 24px;
        text-align: center;
        color: #fff;
        margin-bottom: 12px;
    }
}

/*teachline_smm*/


/*mobile_app_popup*/

.white-popup#mobile_app_popup {
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: transparent;
    min-width: 363px;
    min-height: 500px;
    border-radius: 0;
    /* padding-left: 35px; */
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background-image: url(/bitrix/templates/adapt/images/mobile_app.png);
    background-position: center;
    background-repeat: no-repeat;
}


.white-popup#mobile_app_popup .holder {
  padding-top: 225px;
}

.white-popup#mobile_app_popup .holder p {
  font-size: 18px;
  color: #fff;
  line-height: 22px;
  text-align: center;
  padding-top: 0;
  margin-bottom: 34px;
  letter-spacing: 0.01em;
}

.white-popup#mobile_app_popup .head {
  font-family: 'proxima_nova_extrabld', Arial;
  font-size: 25px;
  line-height: 39px;
  text-align: center;
  color: #fff;
  margin-bottom: 22px;
}

.white-popup#mobile_app_popup .head .red {
  color: #e12341;
}

.white-popup#mobile_app_popup a {
  font-size: 18px;
  font-weight: 700;
  line-height: 50px;
  display: block;
  margin: 0 auto;
  min-height: 50px;
  max-width: 220px;
  text-align: center;
  border-radius: 28px;
  border: none;
  color: #fff;
  background-color: #E12341;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.white-popup#mobile_app_popup a:hover {
  background-color: #FD3958;
}

.white-popup#mobile_app_popup button.mfp-close {
  top: 100px;
  right: 20px;
}

@media screen and (max-width: 480px) {
  .white-popup#mobile_app_popup {
    min-width: auto;
    max-width: 310px;
    background-position: right;
    /* padding-left: 41px; */
    background-size: contain;
    min-height: 530px;
  }

  .white-popup#mobile_app_popup .head {
    font-size: 22px;
  }

  .white-popup#mobile_app_popup .holder {
    padding-top: 15px;
  }

  .white-popup#mobile_app_popup .img {
    top: -30px;
    width: 296px;
    height: 228px;
    background-size: contain;
  }

  .white-popup#mobile_app_popup button.mfp-close {
    top: 80px;
    right: 10px;
  }
}

/*mobile_app_popup*/


/*style_popup*/

.white-popup#style_popup {
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: transparent;
    min-width: 363px;
    min-height: 500px;
    border-radius: 0;
    padding-left: 40px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background-image: url(/bitrix/templates/adapt/images/popupstyle.png);
    background-position: center;
    background-repeat: no-repeat;
}


.white-popup#style_popup .holder {
  padding-top: 165px;
}

.white-popup#style_popup .holder p {
  font-size: 24px;
  color: #fff;
  line-height: 30px;
  text-align: left;
  padding-top: 0;
  margin-bottom: 34px;
  letter-spacing: 0.01em;
}

.white-popup#style_popup .head {

  font-family: 'proxima_nova_extrabld', Arial;
  font-size: 32px;
  line-height: 39px;
  text-align: left;
  color: #fff;
  margin-bottom: 25px;
}

.white-popup#style_popup .head .red {
  display: block;
  color: #e12341;
}

.white-popup#style_popup a {
  font-size: 18px;
  font-weight: 700;
  line-height: 50px;
  display: block;
  margin: 0 auto;
  min-height: 50px;
  max-width: 220px;
  text-align: center;
  border-radius: 28px;
  border: none;
  color: #fff;
  background-color: #E12341;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.white-popup#style_popup a:hover {
  background-color: #FD3958;
}

.white-popup#style_popup button.mfp-close {
  top: 20px;
  right: 20px;
}

@media screen and (max-width: 480px) {
  .white-popup#style_popup {
    min-width: auto;
    max-width: 310px;
    background-position: right;
    /* padding-left: 41px; */
    background-size: contain;
    min-height: 530px;
  }

  .white-popup#style_popup .head {
    font-size: 22px;
    line-height: 24px;
  }

  .white-popup#style_popup .holder {
    padding-top: 15px;
  }

  .white-popup#style_popup .holder p {
    font-size: 14px;
    color: #fff;
    line-height: 16px;
  }

  .white-popup#style_popup .img {
    top: -30px;
    width: 296px;
    height: 228px;
    background-size: contain;
  }

  .white-popup#style_popup button.mfp-close {
    top: 80px;
    right: 10px;
  }
}

/*style_popup*/




/*instagram_popup*/

.white-popup#instagram_popup {
  -webkit-box-shadow: none;
          box-shadow: none;
  width: 335px;
  padding-top: 71px;
  padding-bottom: 64px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  border-radius: 0;
  -webkit-transform: translateX(-45px);
          transform: translateX(-45px);
}

.white-popup#instagram_popup .img {
      z-index: 1;
      position: absolute;
      top: 25px;
      left: 50%;
      margin-left: 45px;
      -webkit-transform: translate(-50%, 0);
              transform: translate(-50%, 0);
      width: 211px;
      height: 84px;
      background-image: url(/bitrix/templates/adapt/images/instagramlikes.png);
      background-position: left;
      background-repeat: no-repeat;
      background-size: contain;
}

.white-popup#instagram_popup .holder {
  padding-top: 105px;
  background-image: url(/bitrix/templates/adapt/images/instagrambg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: -45px;
  padding-left: 20px;
  padding-right: 20px;
}

.white-popup#instagram_popup .holder p {
  font-size: 30px;
  color: #fff;
  line-height: 22px;
  text-align: center;
  padding-top: 0;
  margin-bottom: 34px;
  letter-spacing: 0.01em;
}

.white-popup#instagram_popup .head {
  font-family: 'TT Norms', Arial;
  font-size: 26px;
  line-height: 39px;
  text-align: center;
  color: #fff;
  margin-bottom: 22px;
}

.white-popup#instagram_popup .head strong{
  font-family: 'proxima_nova_extrabld', Arial;
  display: block;
}


.white-popup#instagram_popup a {
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
  font-size: 18px;
  font-weight: 700;
  line-height: 50px;
  text-transform: uppercase;
  display: block;
  margin: 0 auto;
  min-height: 50px;
  max-width: 190px;
  text-align: center;
  border-radius: 25px;
  border: none;
  color: #fff;
  background-color: #000;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.white-popup#instagram_popup a:hover {
  background-color: #404040;
}

.white-popup#instagram_popup button.mfp-close {
  top: -10px;
  right: -30px;
}

@media screen and (max-width: 480px) {
  .white-popup#instagram_popup .img {
        top: 5px;
        margin-left: 0;
  }

  .white-popup#instagram_popup {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    padding-top: 0;
    max-width: 300px;
  }


  .white-popup#instagram_popup .holder {
    margin-right: 0;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }

  .white-popup#instagram_popup .head {

    font-size: 22px;
    line-height: 30px;
  }


  .white-popup#instagram_popup button.mfp-close {
    top: -30px;
    right: 0px;
  }
}

/*instagram_popup*/



/*Subcats-aad*/


/*Subcats-aad*/


/*aad-noitems*/

.noitems {
    width: 100%;
    text-align: center;
    padding-top: 71px;
    padding-bottom: 55px;
}

.noitems .image {
    width: 218px;
    height: 220px;
    margin-right: 73px;
    background: url(/bitrix/templates/adapt/images/typemach.png) center no-repeat;
}

.noitems span {
    font-size: 20px;
    text-align: left;
    line-height: 26px;
}

.noitems .image,
.noitems span {
    display: inline-block;
    vertical-align: middle;
}



/*aad-noitems*/


/*aad-newportf-sites*/

.sitepres h2,
.sitepres h3 {
    text-align: center;
    width: 100%;
    display: block;
}

.sitepres h2 {
    padding-top: 1.9em;
    margin-bottom: 40px;
    position: relative;
}

.sitepres h3 {
    font: 26px/1em 'RobotoSlab', Arial;
    color: #9c9c9c;
    margin-top: 2em;
    margin-bottom: 40px;
    position: relative;
}

.sitepres .ptitle {
    color: #000;
    font-size: 16px;
    width: 100%;
    display: block;
    text-align: left;
    margin: 0 auto 20px;
    max-width: 1360px;
}

.sitepres .ptitle:before {
    color: #e3223e;
    font-weight: 700;
}

.sitepres .widewrap {
    position: relative;
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    text-align: center;
    margin-bottom: -30px;
    padding-bottom: 30px;
}

.innerpres,
.adaptpres,
.funcpres {
    position: relative;
}

.innerpres:after,
.adaptpres:after,
.funcpres h3:after {
    display: none;
    content: '';
    position: absolute;
    height: 56px;
    width: 56px;
    border-radius: 100%;
    background: rgb(95, 95, 95) url(/bitrix/templates/adapt/images/hand-move.png) center no-repeat;
    opacity: 0.2;
    background-size: 40px;
    /* box-shadow: 0px 1px 24px 2px #ccc; */
    right: 50%;
    margin-right: -28px;
    pointer-events: none;
    z-index: 2;
}

.innerpres:after {
    top: 10px;
}

.adaptpres:after {
    top: 10px;
}

.funcpres h3:after {
    bottom: -88px;
}

.sitepres>div>div,
.sitepres .widewrap .widestripe {
    width: 100%;
    text-align: center;
    margin: auto;
    float: none;
    overflow-y: hidden;
}


/* @media screen and (max-width: 1199px){
    .sitepres > div > div, .sitepres .widewrap .widestripe{
        text-align: left;
        margin-left: 0;
    }
} */

.sitepres>div>div>.item,
.sitepres .widewrap .widestripe .item {
    display: inline-block;
}

.sitepres>div>div>.item img,
.sitepres .widewrap .widestripe .item img {
    -webkit-box-shadow: 0 0 0px 1px #ccc;
            box-shadow: 0 0 0px 1px #ccc;
}

.adaptpres>div>div>.item img,
.adaptpres .widewrap .widestripe .item img {
    -webkit-box-shadow: none;
            box-shadow: none;
}

.sitepres .mainpres {
    position: relative;
}

.sitepres .mainpres .bgstripe {
    position: absolute;
    width: 100%;
    bottom: 3px;
    left: 0;
    z-index: -1;
}

.sitepres .mainpres .ptitle:before {
    content: '1. ';
}

.sitepres div.innerpres {
    counter-reset: inners 1;
    margin-top: 30px;
    width: 100%;
}

.sitepres .innerpres .widewrap {
    overflow-x: scroll;
}

.sitepres .innerpres .widestripe {
    width: 1590px;
}

.sitepres .innerpres .widestripe .item {
    vertical-align: top;
    padding: 0 13px;
}

.sitepres .innerpres .ptitle:before {
    counter-increment: inners;
    content: counter(inners)'. ';
}

.adaptpres .widestripe {
    width: 1226px;
}

.adaptpres .item {
    height: 558px;
    width: 270px;
    background-image: url(/bitrix/templates/adapt/images/sitesportf/test/iphoneframe.png);
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 60px 10px 67px;
    margin: 0 37px;
}

.adaptpres .item img {
    width: 100%;
    height: 100%;
}

.sitepres>div>div.fontcolorpres {
    cursor: default;
}

.sitepres>div>div.fontcolorpres .font,
.sitepres>div>div.fontcolorpres .color {
    text-align: center;
    display: inline-block;
}

.sitepres>div>div.fontcolorpres div .item {
    display: inline-block;
    width: 120px;
    padding-top: 170px;
    padding-bottom: 30px;
    position: relative;
    margin: 0px 39px;
    font-size: 16px;
    vertical-align: top;
}

.sitepres>div>div.fontcolorpres div .item span {
    width: 120px;
    height: 120px;
    position: absolute;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #eaebec;
    background-size: contain;
    background-position: right center;
    background-repeat: no-repeat;
    top: 0;
    left: 50%;
    margin-left: -60px;
}

.sitepres div .bgskew {
    position: absolute;
    width: 100%;
    left: 0;
    top: 8.3em;
    z-index: -1;
    height: 530px;
}

.sitepres div.funcpres div.widewrap {
    overflow-y: hidden;
    overflow-x: scroll;
}

.sitepres div.funcpres div.widewrap div.widestripe {
    width: 1156px;
}

.sitepres div.funcpres div.widewrap div.widestripe .item {
    width: 1156px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 15px;
}

.sitepres div.funcpres div.widewrap div.widestripe .item img {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 1156px;
    border: 1px solid #ccc;
}

.sitepres div.funcpres div.widewrap div.widestripe .item img {
    /* width: 718px; */
    width: 100%;
}

.sitepres .projectgroup {
    margin-top: 0px;
}

.sitepres .projectgroup .faces {
    cursor: default;
    background: #fafafa;
}

.sitepres .projectgroup .faces .body {
    border-top: none;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 55px;
}

/*
.sitepres .projectgroup .faces .body .item:hover .detail-wrap {
    display: none;
}
*/
.sitepres .projectgroup .faces .body .item {
    text-align: left;
}

.works-detail .body p {
    margin-bottom: 19px;
}

.works-detail .body p strong {
    display: block;
    margin-bottom: 8px;
}

.works-detail .body p:first-of-type {
    margin-bottom: 34px;
}

.works-detail .body p:first-of-type strong {
    display: inline;
}

.works-detail .body p:first-of-type strong+strong {
    font-weight: normal;
}


/*aad-newportf-sites*/

/*confpol link*/
.prpol {
    padding-top: 7px;
    font-size: 10px;
    color: #fff;
}

#subscribe-form .prpol {
    position: absolute;
    bottom: -22px;
    /* left: 210px; */
    background: #000000;
    color: #fff;
    border-radius: 20px;
    padding: 1px 6px;
    z-index: 11;
    /* box-shadow: 1px -1px 0px 0px #959595; */

    ;
}

#subscribe-form .prpol a {
    color: #fff;
}

.prpol a {
    color: #fff;
    font-size: 10px;
}

.form-search .prpol {
    padding-top: 5px;
    
}

.form-search .prpol,
.form-search .prpol a {
    color: #a5a5a5;
}

.form-prichina .prpol,
.form-prichina .prpol a,
.faq .form-sm .prpol,
.faq .form-sm .prpol a,
.white-popup .prpol,
.white-popup .prpol a {
    color: #000;
}

.form-prichina .prpol {
    padding-top: 20px;
}

.form-prichina .prpol,
.form-prichina .prpol a {
    line-height: 12px;
    display: inline-block;
    text-align: center;
    
}

.time-send-service .prpol {
    padding-top: 4px;
    float: left;
    width: 100%;
    text-align: left;
    color: #000;
}

.time-send-service .prpol a {
    color: #000;
    font-size: inherit;
}

.order-left .prpol {
    padding: 0 20px;
}

.form-content .prpol {
    padding-top: 37px;
    color: #a5a5a5;
}

.form-content .prpol a {
    color: #a5a5a5;
}

/*confpol link*/
.container_video {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    margin-bottom: 1.5em;
}

ul + .container_video {
  margin-bottom: 3em;
}

.container_iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.faces-detail .diploms a.video_link {
    display: inline-block;
    width: 100%;
    max-width: 220px;
    vertical-align: top;
    margin-bottom: 40px;
    margin-right: 20px;
    color: #111;
    text-decoration: none;
}

.faces-detail .diploms a.video_link:hover em {
    text-decoration: underline;
}

.faces-detail .diploms a.video_link img {
    max-width: 220px;
    margin: 0;
}

.faces-detail .diploms a.video_link em {
    display: block;
    margin-top: 15px;
}


/*cw*/
#finalphrase {
    padding-top: 40px;
}

.cwwrap {
    position: relative;
    padding-top: 635px;
    ;
}

.cw {
    position: absolute;
    overflow: auto;
    width: 100%;
    height: 650px;
    z-index: 0;
    top: 0;
}

.cwwrap span.lens {
    border: none;
    background: none;
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px;
    margin: 0;
    z-index: 1;
    display: none;
}

.cwwrap span.lens svg path,
.cwwrap span.lens svg rect {
    fill: #999;
}

.cwwrap .cw .cwholder {
    position: absolute;
    top: 20px;
    left: 50%;
    width: 600px;
    height: 600px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: scale(1) translate(-50%, 0);
            transform: scale(1) translate(-50%, 0);
}

.cwwrap .cw .cwholder .word {
    background: transparent;
    position: absolute;
    top: -200px;
    left: -200px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 0;
}

.cwwrap .cw .cwholder .word.mark {
    background: #f5b75e;
    z-index: 1;
}

.cwwrap .cw .cwholder .word sup {
    pointer-events: none;
    position: absolute;
    font-size: 10px;
    width: 9px;
    height: 9px;
    top: 0;
    left: 0;
    text-align: center;
}

.cwwrap .cw .cwholder .word span {
    text-transform: uppercase;
    float: left;
    width: 20px;
    line-height: 20px;
    text-align: center;
    height: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: #808080;
    border: 1px solid #666;
}

.cwwrap .cw .cwholder .word.ver {
    width: 20px;
}

.cwwrap .cwfolds {
    overflow-y: hidden;
    overflow-x: visible;
    width: 100%;
    max-width: 906px;
    padding-top: 20px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    position: absolute;
}

.cwwrap .cwfolds:after {
    width: 100%;
    position: absolute;
    content: '';
    left: 0;
    bottom: 0px;
    border-bottom: 1px solid #ccc;
    z-index: 1;
}

.cwwrap .cwfolds .fold {
    transform: translateY(1px);
    cursor: pointer;
    padding: 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 49%;
    background: #e6e6e6;
    float: left;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: relative;
    z-index: 0;
    margin-left: 0.5%;
}

.cwwrap .cwfolds .fold:hover {
    background: #e0e0e0;
}

.cwwrap .cwfolds .fold+.fold {
    float: right;
    margin-right: 0.5%;
}

.cwwrap .cwfolds .fold.active {
    cursor: default;
    background: #fff;
    /* -webkit-box-shadow: 0px -6px 9px 2px #ccc;
            box-shadow: 0px -6px 9px 2px #ccc; */
    border: 1px solid #ccc;
    border-bottom: none;        
    z-index: 2;
}

.cwwrap .cwq {
    width: 100%;
    float: left;
}

.cwwrap .cwq .q {
    padding: 60px 10px 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    float: left;
}

.cwwrap .cwq .q .item {
    padding-bottom: 60px;
    position: relative;
}

.cwwrap .cwq .q .item.finalize {
    padding-bottom: 0px;
    position: relative;
}

.cwwrap .cwq .q .item .answer {
    position: absolute;
    bottom: 20px;
    left: 0;
}

.cwwrap .cwq .q .item span {
    font-size: 16px;
    display: block;
    font-weight: bold;
    margin-bottom: 20px;
}

.cwwrap .cwq .q .item .showanswer {
    cursor: pointer;
    position: absolute;
    left: 0;
    border-radius: 15px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #e2223f;
    padding: 9px 16px;
    color: #ffffff;
    font-weight: 700;
    text-decoration: none;
    border: none;
    bottom: 20px;
    font-family: proxima_nova_rg, Arial;
}

.cwwrap .cwq .q .item .showanswer.answd {
    background-color: #ff8300;
}

.cwwrap .cwq .q .item .showanswer:hover {
    background-color: #e53953;
}

.cwwrap .cwq .q .item .showanswer.answd:hover {
    background-color: #ffa74a;
}

.cwwrap .cwfinal {
    position: absolute;
    text-align: right;
    width: 100%;
}

.cwwrap .cwfinal button {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
    float: right;
    display: block;
    border-radius: 15px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #e2223f;
    padding: 9px 16px;
    color: #ffffff;
    font-weight: 700;
    text-decoration: none;
    border: none;
    margin-right: 10px;
    font-family: proxima_nova_rg, Arial;
}

.cwwrap .cwfinal .toansw {
    cursor: pointer;
    position: absolute;
    right: 25px;
    top: 40px;
    font-size: 14px;
    padding: 0px 0px;
    color: #e2223f;
    border-bottom: 1px dotted;
}

.cwwrap .answer .approve {
    cursor: pointer;
    float: right;
    display: block;
    border-radius: 15px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #e2223f;
    padding: 9px 16px;
    color: #ffffff;
    font-weight: 700;
    text-decoration: none;
    border: none;
    margin-right: 10px;
    font-family: proxima_nova_rg, Arial;
}

.cwwrap .answer input[type="text"] {
    border-radius: 15px;
    border: 1px solid #ccc;
    padding-left: 10px;
    margin-right: 15px;
    line-height: 30px;
    height: 30px;
}

.cwwrap .cwfinal button:hover {
    background-color: #e53953;
}

.cwwrap .answer .approve:hover {
    background-color: #e53953;
}

#finalphrase {
    display: block;
    float: left;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-left: 4px solid #e2223f;
    margin-bottom: 30px;
}

.yourresults {}

.yourresults ul {
    text-align: left;
}

.cwwrap .over {
    z-index: 103;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
}

.cwwrap .resbox {
    text-align: center;
    width: 280px;
    padding: 15px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: #fff;
    z-index: 104;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

.cwwrap .resbox p {
    font-size: 14px;
}

.cwwrap .answbox {
    text-align: center;
    width: 100%;
    max-width: 400px;
    padding: 15px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: #fff;
    z-index: 104;
    position: absolute;
    top: 50px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
}

.cwwrap .answbox .end {
    cursor: pointer;
    float: none;
    display: block;
    border-radius: 15px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #e2223f;
    padding: 9px 16px;
    color: #ffffff;
    font-weight: 700;
    text-decoration: none;
    border: none;
    margin: auto;
    font-family: proxima_nova_rg, Arial;
}

.cwwrap .answbox .end:hover {
    background-color: #e53953;
}

.cwwrap .answbox ul li {
    font-size: 14px;
}

.cwwrap .answbox p {
    width: 100%;
    display: block;
}

.cwwrap .resbox .close {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}

.cwwrap .resbox .close:after {
    content: '+';
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 40px;
    width: 40px;
    height: 40px;
    -webkit-transform: rotate(45deg) translate(-50%, -50%);
            transform: rotate(45deg) translate(-50%, -50%);
}

.cwwrap .resbox .close:hover {
    opacity: 0.8;
}

section.toppad {
    padding-top: 600px;
}

.salecb {
    padding: 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto 30px;
    width: 90%;
    max-width: 370px;
    border-radius: 6px;
    /*background: #fff;
    box-shadow: 0px 7px 10px 5px rgba(0, 0, 0, 0.29);*/

    ;
}

.salecb input[type="text"] {
    padding-left: 30px;
    width: 100%;
    border: 1px solid #e7e7e7;
    height: 46px;
    line-height: 46px;
    border-radius: 23px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.salecb legend {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
}

.salecb input {
    margin-bottom: 20px;
}

.salecb .red {
    width: 100%;
    border: none;
    background: #e2223f;
    height: 46px;
    line-height: 46px;
    color: #fff;
    border-radius: 23px;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 1;
}

.salecb .red:hover {
    opacity: 0.7;
}









/*cw*/
.blog-detail .text ul.twolev li {
    margin-left: 40px;
}

.blog-detail .text ul.twolev li.h2link {
    margin-left: 0px;
}


/*newblog*/
#matnav {
    counter-reset: matnav;
}

#matnav .navwrap .nhead {
    font-weight: 700;
    font-size: 20px;
    line-height: 1.7;
}

#matnav .navitems {
    padding-left: 52px;
    padding-bottom: 5em;
}
.blog-detail #matnav .navitems {
    padding-bottom: 50px;
}

#matnav .toggle {
    display: none;
}

#matnav .navitems .navitem a {
    font-size: 20px;
    line-height: 1.6em;
}

#matnav .navitems .navitem.biglink {
    padding-bottom: 0.9em;
    padding-top: 1.8em;
    position: relative;
}

#matnav .navitems .navitem.biglink:before {
    counter-increment: matnav;
    content: counter(matnav);
    font-size: 40px;
    left: -52px;
    top: 29px;
    font-weight: 700;
    color: #d4d4d4;
    position: absolute;
}

#matnav .navitems .navitem.biglink a {
    color: #333;
}

.blog.nobg .content #matnav .navitems .navitem.biglink a {
    border-bottom: 1px solid #333;
}

#matnav .navitems .navitem.sublink a {
    color: #e2223f;
}

.introshort {
    border-right: 2px solid #e2223f;
    margin-bottom: 2em;
    padding-right: 22px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align: right;
    display: block;
    width: 100%;
    float: left;
}

.introshort em {
    max-width: 300px;
    display: block;
    color: #999;
    float: right;
}

.introshort span {
    display: block;
    margin: 1em 0 0;
    text-align: right;
    width: 100%;
    float: left;
}

.blog-detail article .tcwrap, .service-detail .tcwrap {
    overflow: auto;
    position: relative;
    width: 100%;
}

.guideankor {
    border-radius: 23px;
    height: 46px;
    line-height: 46px;
    padding: 0 20px 0 60px;
    position: fixed;
    right: 50%;
    margin-right: -677px;
    top: 50%;
    background: #e32e4a;
    /*transition: all 0.3s ease;*/
    -webkit-transform: translate(-90px, -50%) rotate(-90deg);
            transform: translate(-90px, -50%) rotate(-90deg);
    cursor: pointer;
}

.guideankor:hover {
    background: #b02338;
}

.guideankor svg {
    position: absolute;
    top: 13px;
    left: 23px;
    -webkit-transform: rotate(90deg) scale(1.1);
    transform: rotate(90deg) scale(1.1);
}

.guideankor span {
    font-size: 18px;
    color: #fff;
}

.blog-detail article .tchold, .service-detail .tchold{
    position: relative;
}

/* .blog-detail article .tchold.showdrag:after {
    content: '';
    position: absolute;
    height: 56px;
    width: 56px;
    border-radius: 100%;
    background: rgb(95, 95, 95) url(/bitrix/templates/adapt/images/hand-move.png) center no-repeat;
    opacity: 0.2;
    background-size: 40px;
    right: 50px;
    top: 50px;
    pointer-events: none;
    z-index: 2;
} */


.blog-detail article .tchold,
.service-detail .tchold {
    position: relative;
    width: 100%;
    /* overflow: hidden; */
}



.blog-detail article .tchold.ofl:after
.service-detail .tchold.ofl:after  {
    content: '';
    position: absolute;
    border-radius: 100%;

    z-index: 2;
    background-position: center;
    background-repeat: no-repeat;
}

/* .blog-detail article .tchold.mob.ofl:after {
} */

.blog-detail article .tchold.ofl:after, .service-detail .tchold.ofl:after {
    pointer-events: none;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-color: transparent;
    /* background-image: url(/bitrix/templates/adapt/images/arrows.svg);
    background-size: 80%;
    height: 86px;
    width: 86px;
    opacity: 0.5;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.3); */
    /* animation: icopulse 0.5s infinite;
    transform: scale(2);
    cursor: pointer; */
}
/* @keyframes icopulse {
  0%, 100% {
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.3)
  }
  50% {
    box-shadow: 0px 0px 0px 7px rgba(0, 0, 0, 0.3)
  }
}
@-webkit-keyframes icopulse {
  0%, 100% {
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.3)
  }
  50% {
    box-shadow: 0px 0px 0px 7px rgba(0, 0, 0, 0.3)
  }
} */
/* .blog-detail article .tchold.ofl.focused:after {
  animation: none;
  pointer-events: none;
  transform: scale(1);
  background-color: rgba(0, 0, 0, 0.7);
} */

.blog-detail article .tchold.mob.ofl:after, .service-detail .tchold.mob.ofl:after {
    right: 50px;
    top: 50px;
    pointer-events: none;
    background-color: rgb(95, 95, 95);
    background-image: url(/bitrix/templates/adapt/images/hand-move.png);
    background-size: 40px;
    opacity: 0.2;
    height: 56px;
    width: 56px;
}

.blog-detail article .tchold .ps__rail-x, .service-detail .tchold .ps__rail-x{
    height: 20px;
    opacity: 1;
  opacity: 1;
  background: #e2e2e2;
}
.blog-detail article .tchold .ps__rail-x .ps__thumb-x, .service-detail .tchold .ps__rail-x .ps__thumb-x{
    cursor: pointer;
    height: 15px;
    background: #e32e4a;
}
.blog-detail article .tchold .ps__rail-x .ps__thumb-x:after, .blog-detail article .tchold .ps__rail-x .ps__thumb-x:before, .service-detail .tchold .ps__rail-x .ps__thumb-x:after, .service-detail .tchold .ps__rail-x .ps__thumb-x:before{
  position: absolute;
  width: 8px;
  height: 8px;
  content: '';
  border: 2px solid #fff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  top: 50%;
  margin-top: -4px;
  top: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.blog-detail article .tchold .ps__rail-x .ps__thumb-x:after, .service-detail .tchold .ps__rail-x .ps__thumb-x:after{
  right: 5px;
  border-bottom: none;
  border-left: none;

}
.blog-detail article .tchold .ps__rail-x .ps__thumb-x:before, .service-detail .tchold .ps__rail-x .ps__thumb-x:before{
  left: 5px;
  border-top: none;
  border-right: none;
}


.blog-detail article .tcwrap {
    overflow-x: auto;
}

.blog-detail article .tcwrap table.tablecont, .service-detail .tcwrap table.tablecont {
    min-width: 600px;
    display: block;
}

.blog-detail article .tcwrap table.tablecont.compare tr td {
    width: 50%;
    background: none;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: none;
}

.blog-detail article .tcwrap table.tablecont.compare tr td:first-of-type {
    border-right: 1px solid #cccccc !important;
}


   .blog-detail article .tcwrap table.tablecont.compare tr:first-child th:first-of-type, .blog-detail article .tcwrap table.tablecont.compare tr:first-child th:last-of-type{
        background: #e32e4a;
        color: #ffffff;
        font-size: 22px;
        border-radius: 30px 0 0 30px;
        height: 60px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        border-right: 1px solid #ffffff !important;
        border: none;
    }
   .blog-detail article .tcwrap table.tablecont.compare tr:first-child th:first-of-type p, .blog-detail article .tcwrap table.tablecont.compare tr:first-child th:last-of-type p{
     margin-bottom: 0;
   }
   .blog-detail article .tcwrap table.tablecont.compare tr:first-child th:first-of-type img, .blog-detail article .tcwrap table.tablecont.compare tr:first-child th:last-of-type img{
     width: 40px;
     height: 40px;
   }
   .blog-detail article .tcwrap table.tablecont.compare tr:first-child td:last-of-type, .blog-detail article .tcwrap table.tablecont.compare tr:first-child th:last-of-type{
        color: #ffffff;
        background: #363636;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        font-size: 22px;
        border-radius: 0 30px 30px 0;
        height: 60px;
        border: none;
    }

   .blog-detail article .tcwrap table.tablecont.compare tr:first-child td span, .blog-detail article .tcwrap table.tablecont.compare tr:first-child th span{
        display: inline-block;
        width: 47px;
        height: 47px;
        color: #333;
        font-family: Arial, serif;
        line-height: 0.7em;
        border-radius: 50%;
        background: #e1e1e1;
        font-size: 54px;
        font-weight: normal;
        text-align: center;
    }

   .blog-detail article .tcwrap table.tablecont.compare tr:first-child td.plus span, .blog-detail article .tcwrap table.tablecont.compare tr:first-child th.plus span{
        line-height: 0.85em;
        color: #e12341;
    }
.tablecont tr td,
.tablecont tr th {
    border: 2px solid #ffffff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: #f5f5f5;
    padding: 10px;
    vertical-align: initial;
}

.tablecont.top tr:first-child td,
.top tr:first-child th {
    font-weight: bold;
    color: #ffffff;
    background: #e2223f;
}

.tablecont.side tr td:first-child,
.tablecont.top tr th:first-child {
    font-weight: bold;
    color: #ffffff;
    background: #e2223f;
}

.blog-detail .time-send-service .prpol {
    font-size: 14px;
    color: #999;
    font-weight: 300;
    text-align: left;
    padding: 15px 30px;
}

.jcarousel-company-control-prev,
.jcarousel-company-control-next {
    background: none;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.jcarousel-company-control-prev svg,
.jcarousel-company-control-next svg {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

.jcarousel-company-control-prev svg polygon,
.jcarousel-company-control-next svg polygon {
    fill: #d1d1d1;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.jcarousel-company-control-prev:hover svg polygon,
.jcarousel-company-control-next:hover svg polygon {
    fill: #9d9d9d;
}

div.prev-about-slider,
div.next-about-slider {
    background-image: none;
}

body div.prev-about-slider,
body div.next-about-slider {
    background-color: #e2223f;
    border-radius: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 1;
}

div.prev-about-slider:before,
div.next-about-slider:before {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    top: 55%;
    left: 39%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 0px solid transparent;
    -webkit-transform: rotate(45deg) translate(-50%, -50%);
            transform: rotate(45deg) translate(-50%, -50%);
}

div.prev-about-slider:before {
    border-left: 3px solid #fff;
    border-bottom: 3px solid #fff;
}

div.next-about-slider:before {
    border-right: 3px solid #fff;
    border-top: 3px solid #fff;
}

.rmhold {
    width: 100%;
    padding-left: 105px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    margin-bottom: 10px;
    margin-top: 10px;
    /* padding-bottom: 40px; */
}


/*.rmhold .readblogmore{
    padding-left: 145px;
    padding-right: 30px;
    display: block;
    border: 1px solid #cdcdcd;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    min-height: 188px;
    padding-top: 95px;
    padding-bottom: 15px;
}

.rmhold .readblogmore a:first-of-type{
    position: absolute;
    width: 210px;
    height: 158px;
    display: block;
    top: 50%;
    border: none;
    left: -105px;
    transform: translate(0, -50%);
}

.rmhold .readblogmore:before{
    padding: 8px 15px;
    position: absolute;
    top: 36px;
    left: 145px;
    content: 'Читайте также:';
    color: #fff;
    background-color: #e2223f;
    font-family: 'RobotoSlab', Arial;
    font-size: 20px;

}
.rmhold .readblogmore a:last-of-type{
    font-weight: 700;
    font-size: 20px;
    color: #333;
    text-decoration: none;
    border-bottom: 1px solid;
}*/

/*.rmhold .readblogmore a:last-of-type:hover{
    border-bottom: 1px solid transparent;
}*/

/*@media screen and (max-width: 640px){
    .rmhold{
        padding-left: 0px;
    }
    .rmhold .readblogmore{
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 55px;
        padding-bottom: 30px;
        min-height: auto;
    }

    .rmhold .readblogmore a:first-of-type{
        display: none;
    }
    .rmhold .readblogmore:before{
        left: 15px;
        top: -10px;
    }

}*/
acronym[title] {
    text-decoration: none;
    border-bottom: 1px dashed #e2223f;
}

/*--newblog*/

/*====================================
  =16102017
  ====================================
*/
.clearfix::after {
    display: table;
    content: '';
    clear: both;
}

.clients_new {
    margin-left: -30px;
}

.clients-item {
    width: calc(33.33% - 30px);
    padding: 24px;
    float: left;
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-left: 30px;
    margin-bottom: 30px;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    color: #000;
    border: 1px solid #f0f0f0;
    background-color: #fff;
    -webkit-transition-duration: .2s;
            transition-duration: .2s;
}

.blog.nobg .content a.clients-item,
.blog.nobg .content a.clients-item:link,
.blog.nobg .content a.clients-item:active,
.blog.nobg .content a.clients-item:hover {
    border-bottom: none;
}

.clients-item .text {
    display: block;
    line-height: 20px;
    height: 40px;
    margin-bottom: 20px;
    color: #000;
}

.clients-item::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #f5f5f5;
    opacity: 0;
    pointer-events: none;
}

.clients-item:hover {}

.clients-item:hover {
    border-color: #f5f5f5;
}

.clients-item .text:hover {
    text-decoration: underline;
}

.clients-item img {
    display: inline-block;
    width: 200px;
    height: 200px;
}

.text_hover {
    opacity: 0;
    margin-top: 10px;
    display: block;
    font-size: 16px;
    color: #e3223e;
    text-decoration: underline;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

.text_hover:hover {
    text-decoration: none;
}

.clients-item:hover .text_hover {
    opacity: 1;
}

.filter-left,
.filter-right {
    float: left;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 50%;
    position: relative;
}

.filter-left {
    padding-right: 15px;
}

.filter-right {
    padding-left: 15px;
}

.filter .active-result {
    position: relative!important;
    padding-left: 30px;
}

.clients_filter .chosen-container.chosen-container-single .chosen-results li {
    padding-left: 30px!important;
    margin-bottom: 19px;
    width: 100%;
}

.clients_filter .chosen-container .chosen-results {
    margin-right: -30px;
}

.clients_filter .chosen-drop {
    overflow: hidden;
}

.filter .active-result.hightlighted {
    background: #fff!important;
}

.clients_filter {
    padding-top: 30px;
    padding-bottom: 30px;
    border-top: #f0f0f0 1px solid;
}

.clients_filter.lendings_filter {
    border-top: none;
}

.clients_filter .chosen-container-single .chosen-single span::before {
    display: none!important;
}

.clients_services_chosen {
    margin-top: 30px;
    padding-bottom: 30px;
}

.blog.nobg .clients_filter ul li {
    width: 100%;
}

.blog.nobg .content .clients_new a:hover {
    /* border-bottom: 1px solid #f5f5f5; */


}

.blog.nobg .clients_filter .chosen-container-multi ul.chosen-choices {
    position: relative;
    left: 0;
    top: 0;
}

.clients_filter .chosen-container.chosen-container-multi .chosen-drop.closed {
    border: none;
}

.clients_filter .chosen-container.chosen-container-multi .chosen-drop {
    top: 100%;
    border: 1px solid #f0f0f0;
    border-top: none;
}

.blog.nobg .clients_filter ul li.search-field {
    border: 1px solid #f0f0f0;
    -webkit-box-shadow: none!important;
            box-shadow: none!important;
    margin-left: 0 !important;
}

.blog.nobg .clients_filter ul li.search-field:before {
    display: none;
}

.blog.nobg .clients_filter .chosen-container {
    pointer-events: none;
}

.blog.nobg .clients_filter .chosen-container * {
    pointer-events: auto;
}

.blog.nobg .clients_filter .chosen-container .chosen-choices {
    pointer-events: none;
}

.blog.nobg .clients_filter .chosen-container .search-field {
    pointer-events: none;
}

.blog.nobg .clients_filter .chosen-container-active ul li.search-field {
    border-radius: 20px 20px 0 0;
    -webkit-box-shadow: none!important;
            box-shadow: none!important;
    border-top: 1px solid #f0f0f0;
    border-bottom: none;
    position: relative;
}

.blog.nobg .clients_filter .chosen-container-active ul li.search-field::after {
    display: block;
    position: absolute;
    top: 100%;
    left: 5%;
    width: 90%;
    height: 1px;
    background-color: #f0f0f0;
    content: '';
}

.clients_filter .chosen-container.chosen-container-multi ul.chosen-choices {
    white-space: normal;
}

.clients_filter .chosen-container.chosen-container-multi ul.chosen-choices::after {
    display: table;
    clear: both;
    content: ''!important;
    border: none;
}

.clients_filter .chosen-container.chosen-container-multi ul.chosen-choices li {
    float: none;
}

.clients_filter .chosen-container.chosen-container-multi.chosen-container-active .chosen-drop.closed {
    padding-top: 0;
}

.clients_filter .chosen-container.chosen-container-multi.chosen-container-active .chosen-drop {
    padding-top: 30px;
}

.blog .filter.clients_filter {
    border-bottom: none;
}

.blog .filter.clients_filter .tgldrop,
.blog .filter.clients_filter .tgldrop::after {}

.clients_filter .tgldrop {
    position: absolute;
    width: 38px;
    height: 38px;
    right: 0;
    bottom: 0;
    z-index: 100;
}




/*=============================================================
  = НЕ МНОЖЕСТВЕННЫЙ ВЫБОР 20102017
  =============================================================
*/
.clients-item::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: transparent;
    content: '';
    -webkit-transition-duration: .2s;
            transition-duration: .2s;
}

.clients-item {
    position: relative;
}

.clients-item:hover::after {
    z-index: 10;
    background-color: rgba(0, 0, 0, .08);
    opacity: 1;
}

.clients_filter .ui-selectmenu-button.ui-button {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 46px;
    padding-top: 14px;
    padding-left: 25px;
    border-radius: 23px;
    color: #999;
    font-size: 16px;
    background-color: #fff;
    border-color: #f0f0f0;
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
}

.clients_filter .ui-icon-triangle-1-s {
    background: none!important;
}

.clients_filter .ui-icon-triangle-1-s::after {
    display: block;
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    bottom: 4px;
    left: 4px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #464646;
}

.clients_filter .ui-selectmenu-button.ui-button.ui-selectmenu-button-open {
    border-radius: 23px 23px 0 0;
    border-bottom-color: transparent;
    -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .25);
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .25);
}

.clients_filter .ui-selectmenu-button.ui-button.ui-selectmenu-button-open::after {
    position: absolute;
    content: '';
    display: block;
    bottom: 0;
    left: 7px;
    width: calc(100% - 14px);
    border-bottom: 1px solid #f0f0f0;
}

.filter_menu {
    border-radius: 0 0 23px 23px;
    border: 1px solid #f0f0f0;
    border-top: none;
    -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .25);
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .25);
    overflow: hidden;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.filter_menu .ui-menu .ui-menu-item-wrapper {
    padding: 15px 20px 15px 25px;
    font-size: 16px;
    color: #333;
}

.filter_menu .ui-menu .ui-menu-item-wrapper::before {
    display: inline-block;
    content: '';
    position: relative;
    top: 2px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 15px;
    height: 15px;
    border: 1px solid #e9e9e9;
    border-radius: 3px;
    margin-right: 15px;
}

.filter_menu .ui-widget.ui-widget-content {
    border: none;
}

.filter_menu .ui-state-disabled.ui-menu-item {
    display: none;
}

.filter_menu.ui-selectmenu-menu .ui-menu {
    max-height: 284px;
    margin-right: -2px;
    padding-bottom: 27px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

/*.filter_menu{*/

/*position: relative;*/

/*}*/
.filter_menu::after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 50px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 1)));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
}

.filter_menu .ui-menu::after {
    position: absolute;
    right: 0;
    top: 0;
    content: '';
    display: block;
    width: 25px;
    height: 100%;
    background-color: #fff;
}

.filter_menu .ui-menu .ui-menu-item {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.filter_menu .ui-menu .ui-menu-item-wrapper.ui-state-active {
    background-color: #fff;
    border-color: transparent;
}

.filter_menu .ui-menu .ui-menu-item-wrapper.ui-state-active::before {
    background-color: #e2223f;
}

.ui-selectmenu-text {
    position: relative;
}

.ui-selectmenu-text input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    border: none;
    pointer-events: auto;
}

.container.clients .bx_sitemap {
    margin-bottom: 30px;
    border-top: 1px solid #f5f5f5;
    padding-bottom: 30px;
}

.container.clients .lp.prev .bx_sitemap {
    margin-bottom: 30px;
    border-top: none;
    padding-bottom: 0;
}

.zoom::before {
    content: '';
    position: absolute;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.5);
    background-image: url(/upload/iblock/000/zoom.png);
    background-position: center;
    background-repeat: no-repeat;
    top: 50%;
    left: 50%;
    margin-left: -10%;
    margin-top: -10%;
    cursor: pointer;
    pointer-events: none;
    z-index: 2;
}

.zoom::after {
    z-index: 1;
    content: '';
    position: absolute;
    width: 100%;
    height: 98%;
    top: 0;
    left: 0;
    cursor: pointer;
    pointer-events: none;
    background: linear-gradient(315deg, rgba(255, 255, 255, 0.3) 0%, rgba(252, 252, 252, 0.3) 1%, rgba(0, 0, 0, 0.3) 85%, rgba(0, 0, 0, 0.3) 100%);
}

.incutname > ul {
    padding-bottom: 0;
}


/*Red-politika*/

.red-politika {
    padding-bottom: 60px;
}
.red-politika h2 {
    font-size: 26px;
}

.red-politika ul,
.red-politika ol {
    padding-bottom: 30px;
}
.red-politika li {
    font-size: 20px;
    padding-left: 30px;
    margin-left: 30px;
    position: relative;
    line-height: 1.7;
    margin-top: 0px;
}
.red-politika ul li::before {
    content: '';
    position: absolute;
    margin-left: 0px;
    border-radius: 50%;
    border: 2px solid #e32d49;
    width: 8px;
    height: 8px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    left: 0;
    top: 0.6em;
}
.red-politika p {
    font-size: 20px;
    line-height: 1.7;
    padding-bottom: 30px;
}
.red-politika .red-p-block {
    position: relative;
    margin: 0 auto 40px;
    margin-top: 105px;
    border: 1px solid #ccc;
    padding: 25px;
}

.compare .red-p-block p {
    position: absolute;
    width: 100%;
    font-size: 20px;
    max-width: 600px;
    top: -55px;
    left: -1px;
    color: #fff;
    background-color: #e2223f;
    padding: 10px 10px 10px 25px;
}

.compare .red-p-block p::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 20px solid #e2223f;
    top: 50px;
    left: 20px;
}

.red-p-block img {
    display: block;
    height: auto;
    max-width: 100%;
    margin: 0 auto;
}

.compare .red-p-block:nth-child(even) p {
    left: auto;
    right: -1px;
    text-align: right;
    padding-right: 25px;
}

.compare .red-p-block:nth-child(even) p::after {
    left: auto;
    right: 20px;
}

/*Red-politika ENDS*/


.blog-detail .content .promo a{
  display: block;
  width: 100%;
  text-decoration: none;
  border-bottom: none;
  border-radius: 10px;
  overflow: hidden;
  margin: 50px 0 70px;
}

.blog-detail .content .promo a img{
  display: block;
  width: 100%;
}

.container.nobg .promo.slick-slider {
    height: auto;
}

.container.nobg .promo.slick-slider {
    height: auto;
}

.blog.nobg .content a.getourbook {
    text-align: center;
    border: none;
    display: block;
}

.blog.nobg .content a.getourbook img {
    max-width: 100%;
    margin: auto;
}


.blacksect .content{
  z-index: 1;
  position: relative;
}
.blacksect{
  margin-top: 100px;
  padding-top: 70px;
  padding-bottom: 50px;
  background-color: #161616;
  color: #fff;
}

.blacksect .item{
  overflow: hidden;
  min-height: 505px;
  width: 100%;
}

.blacksect .item .video-container{
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.blacksect .item .videoinfo{
  float: right;
  text-align: left;
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 300px;
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 25px 30px;
}

.blacksect .item .videoinfo .head a{
  font-weight: 700;
  font-size: 20px;
}


.blacksect .item .videoinfo>strong{
  font-weight: 700;
  display: block;
  font-size: 16px;
  margin: 1.5em auto 0;
}

.blacksect .item .videoinfo .infosect {

  display: block;
}
.blacksect .item .videoinfo .infosect p{
  margin: 0.3em auto;
  font-size: 14px;
}
.blacksect .item .videoinfo .infosect .bt{
  font-size: 14px;
  width: 100%;
  max-width: 190px;
  text-align: center;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 2em 0 0;
}

.blacksect h2, .reviewsslides h2{
  margin-top: 0;
}
.slick-slider.blog_rev.about-texterra {
    padding-bottom: 50px;
}

.slick-slider.blog_rev .slick-slide a {
    cursor: default;
}

.about-texterra a.slick-slide {
  display: block;
  text-decoration: none;
  border-bottom: none;
}

.about-texterra a.slick-slide:hover {
  outline: none;
  text-decoration: none;
  border-bottom: none;
}

.about-texterra .slick-slide img{
    max-width: 100%;
    width: auto;
}
.about-texterra .slick-slide{
    border: 1px solid #ccc;
    box-sizing: border-box;
}

body .service-detail.reviewsslides div.prev-about-slider, body .service-detail.reviewsslides div.next-about-slider{
  background-color: transparent;
}

.reviewsslides div.next-about-slider:before {
    border-right: 3px solid #e2223f;
    border-top: 3px solid #e2223f;
}

.reviewsslides div.next-about-slider:hover:before {
    opacity: 0.7;
}

.reviewsslides div.prev-about-slider:before {
    border-left: 3px solid #e2223f;
    border-bottom: 3px solid #e2223f;
}

.reviewsslides div.prev-about-slider:hover:before {
    opacity: 0.7;
}

/*ПОРТФОЛИО ЛЕНДОСЫ КНОПКИ*/
.landing_switch_buttons {
    padding-left: 20px;
    margin-bottom: -22px;
}

.landing_switch_button {
    display: inline-block;
    padding: 7px 20px;
    border: 2px solid #dedede;
    border-radius: 5px 5px 0 0;
    cursor: pointer;
    background-color: #fff;
}

.landing_switch_button:hover,
.landing_switch_button.active,
.landing_switch_button.active:hover {
    background-color: #dedede;
}

.lp.prev.iframeclass iframe.desktop {
    max-width: 100%;
}

.lp.prev.iframeclass iframe.tablet {
    max-width: 768px;
}

.lp.prev.iframeclass iframe.mobile {
    max-width: 357px;
}

.lp.prev.iframeclass iframe.mobile.touch {
    max-width: 330px;
}


/*New blog styles*/

.text h2,
.text h3,
.text h4,
.text h5 {
    font-weight: 700;
    line-height: 30px;
    padding-bottom: 30px;
}

.text h2 {
    margin-top: 30px;
    font-size: 30px;
    line-height: 40px;
}

.text h3 {
    margin-top: 20px;
    font-size: 25px;
}

.text h4 {
    font-size: 22px;
}

.text h5 {
    font-size: 18px;
}

.text p {
    font-size: 20px;
    line-height: 1.7;
    margin-bottom: 30px;
    /* font-family: 'FuturaBookC', Arial; */
}

.text audio {
    max-width: 900px;
    width: 100%;
    padding-bottom: 30px;
}

.text img {
    /* width: 100%; */
}

.text .rmhold {
    width: 100%;
    padding-left: 105px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    padding-bottom: 30px;
}

.works ul,
.text ul {
    padding-bottom: 30px;
    /* margin-top: 30px; */
}

.picbg + .container .content ul li:not(.ya-share2__item),
.picbg + .container .content ol>li:not(.ya-share2__item),
.video ul li:not(.ya-share2__item),
.video ol>li
.text ul li:not(.ya-share2__item),
.works ul li:not(.ya-share2__item),
.works ol>li,
.text ol>li {
    font-size: 20px;
    position: relative;
    line-height: 1.7;
}
.picbg + .container .content ul li:not(.ya-share2__item),
.video ul li:not(.ya-share2__item),
.text ul li:not(.ya-share2__item),
.works ul li:not(.ya-share2__item) {
    padding-left: 30px;
    margin-left: 30px;
}
.picbg + .container .content ol>li:not(.ya-share2__item),
.video ol>li,
.works ol>li,
.text ol>li {
    margin-left: 20px;
    padding-left: 12px;
}

.video div:last-child{
    margin-bottom: 50px;
}

.video div:last-child iframe{
    margin-top: 45px;
}

.text ul li:first-child {
    margin-top: 0;
}

.text ul li::before {
    content: '';
    margin-left: 0px;
    border-radius: 50%;
    border: 2px solid #e32d49;
    position: absolute;
    width: 8px;
    height: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 0;
    top: 0.75em;
}

.text ol>li ul li:before,
.blog-detail .text ol>li ul li::before {
    display: block;
    content: '';
    margin-left: 0px;
    border-radius: 50%;
    border: 2px solid #e32d49;
    position: absolute;
    width: 8px;
    height: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 0;
    top: 0.75em;
}
.text table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 40px;
    margin-top: 20px;
}

.text table td,
.text table th {
    border: 1px solid #000;
    padding: 5px;
}

.text table th {
    font-weight: bold;
}

.text .tchold {
    position: relative;
}

.text .tcwrap {
    overflow: auto;
    position: relative;
    width: 100%;
}

.text .tablecont {
    min-width: 600px;
}

.text .tablecont tr,
.text .tablecont th,
.text .tablecont td {
    padding: 10px;
}

.text .plus {
    background: #e32e4a;
    color: #ffffff;
    font-size: 22px;
    border-radius: 30px 0 0 30px;
    height: 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    border-right: 1px solid #ffffff;
}

.text .plus span {
    display: inline-block;
    width: 47px;
    height: 47px;
    font-family: Arial, serif;
    border-radius: 50%;
    background: #e1e1e1;
    font-size: 54px;
    font-weight: normal;
    text-align: center;
    line-height: 0.85em;
    color: #e12341;
}

.text .minus {
    color: #ffffff;
    background: #363636;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 22px;
    border-radius: 0 30px 30px 0;
    height: 60px;
    border: none;
}

.text .minus span {
    display: inline-block;
    width: 47px;
    height: 47px;
    color: #333;
    font-family: Arial, serif;
    line-height: 0.7em;
    border-radius: 50%;
    background: #e1e1e1;
    font-size: 54px;
    font-weight: normal;
    text-align: center;
}

.readblogmore {
    padding-left: 145px;
    padding-right: 30px;
    display: block;
    border: 1px solid #cdcdcd;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    min-height: 188px;
    padding-top: 95px;
    padding-bottom: 15px;
}

.readblogmore::before {
    position: absolute;
    top: 36px;
    left: 145px;
    content: "Читайте также:";
    color: white;
    background-color: #e2223f;
    font-family: RobotoSlab, Arial;
    font-size: 20px;
    padding: 8px 15px;
}

.readblogmore.video::before {
    content: "Смотрите также:";
}

.readblogmore a:first-of-type {
    position: absolute;
    width: 210px;
    height: 158px;
    display: block;
    top: 50%;
    border: none;
    left: -105px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.readblogmore a:last-of-type {
    font-weight: 700;
    font-size: 20px;
    color: #333;
    text-decoration: none;
    border-bottom: 1px solid;
}

.readblogmore a:last-of-type:hover {
    border-bottom: 1px solid transparent;
}

.reviewsslides{
  padding-top: 70px;
  position: relative;
  background-image: url(/bitrix/templates/adapt/images/revpattern.jpg);
  background-position: center;
}
.service-detail.reviewsslides .about-texterra .slick-track{
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -ms-flex-align: stretch;
  -webkit-box-align: stretch;
          align-items: stretch;
}
.service-detail.reviewsslides .about-texterra .slick-slide.item{
  position: relative;
  -ms-flex-order: 0;
  -webkit-box-ordinal-group: 1;
          order: 0;
  -ms-flex: 1 1 auto;
  -webkit-box-flex: 1;
          flex: 1 1 auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  padding: 15px 15px 50px;
  height: auto;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;

}
.service-detail.reviewsslides .about-texterra .slick-slide.item .holder{
  text-align: left;
  background: #fff;
  padding: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
}

.service-detail.reviewsslides .about-texterra .slick-slide.item .holder:before,
.service-detail.reviewsslides .about-texterra .slick-slide.item .holder:after{
  height: 4px;
  border-radius: 2px;
  background-color: #e2223f;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  position: absolute;
  content: '';
  bottom: 50px;
  right: 25px;
}

.service-detail.reviewsslides .about-texterra .slick-slide.item .holder:before{
  width: 48px;
  margin-right: 15px;
  margin-bottom: -9px;
}
.service-detail.reviewsslides .about-texterra .slick-slide.item .holder:after{
  width: 36px;
}

body .service-detail.reviewsslides .slick-slider:before,
body .service-detail.reviewsslides .slick-slider::after{
  display: none;
}


/*кстати*/

.btwhold {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    margin-bottom: 20px;
    margin-top: 40px;
    padding-bottom: 40px;
}

.bytheway {
    padding-left: 255px;
    padding-right: 260px;
    display: block;
    border: 1px solid #cdcdcd;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    min-height: 188px;
    padding-top: 95px;
    padding-bottom: 15px;
}
.bytheway.authorinv {
    padding-top: 20px;
    min-height: 148px;
    margin-bottom: 30px;
    padding-right: 30px;
}


.bytheway span {
font-weight: 700;
font-size: 20px;
color: #333;
}
.bytheway::before {
    position: absolute;
    top: 36px;
    left: 255px;
    content: "Между прочим";
    color: white;
    background-color: #000;
    font-family: RobotoSlab, Arial;
    font-size: 20px;
    padding: 8px 15px;
}
.bytheway::after {
    border: 20px solid transparent;
    border-left: 12px solid #000;
    border-right: none;
    content: '';
    position: absolute;
    top: 36px;
    left: 447px;
}

.bytheway.authorinv::before,
.bytheway.authorinv::after {
    display: none;
}

.bytheway.authorinv span{
    display: block;
    line-height: 1.4em;
}


.bytheway strong:first-of-type,
.bytheway a:first-of-type {
    position: absolute;
    width: 210px;
    height: 158px;
    display: block;
    border: none;
    left: 15px;
     -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}


.bytheway.authorinv strong,
.bytheway.authorinv a:first-of-type {
    background-size: cover;
    top: 40px;
}


.btwred,
a.btwred{
  position: absolute;
  background-color: #e2223f;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  color: #fff;
  font-size: 20px;
  line-height: 12px;
  border-radius: 27px;
  padding: 15px 60px;
  top: 50%;
  border: none;
  right: 15px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  transition: all 0.3s ease;
  opacity: 1;
}

.btwred:hover,
.btwred:focus{
  opacity: 0.8;
}


.bytheway.authorinv .btwred{
    display: block;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    transform: translate(0, 0);
    margin-top: 20px;
    width: 100%;
    max-width: 200px;
}


/*кстати*/




.wide {
    width: 100%;
    text-align: center;
}

.diz {
    position: relative;
    padding-bottom: 30px;
    display: inline-block;
    margin: auto;
    margin-top: 20px;
}

.diz img {
    display: block;
    height: auto;
    max-width: calc(100% - 2px);
    border: 1px solid #ccc;
    margin: auto;
}

.navitems {
    padding-left: 52px;
    padding-bottom: 5em;
}

.navitem a {
    font-size: 20px;
    line-height: 1.6em;
}

.biglink {
    padding-bottom: 0.9em;
    padding-top: 1.8em;
    position: relative;
}

.biglink a {
    color: #333;
}

.biglink::before {
    counter-increment: matnav;
    content: counter(matnav);
    font-size: 40px;
    left: -52px;
    top: 29px;
    font-weight: 700;
    color: #d4d4d4;
    position: absolute;
}

.sublink a {
    color: #e2223f;
}

.became_author p {
    font-size: 20px;
    line-height: 1.7;
    padding-bottom: 0px;
}

.became_author ol {
    list-style: decimal;
    padding-bottom: 30px;
    margin-left: 30px;
}

.became_author ol>li {
    font-size: 20px;
    line-height: 1.7;
    padding-left: 30px;
    position: relative;
    line-height: 1.7;
    margin-top: 0px;
    argin-bottom: 15px;
    margin-left: 30px;
}

.became_author ul {
    padding-bottom: 30px;
    margin: 0;
}

.became_author ul li {
    font-size: 20px;
    padding-left: 30px;
    margin-left: 30px;
    position: relative;
    line-height: 1.7;
    margin-top: 0px;
    -webkit-transition: all ease-in-out .1s;
    transition: all ease-in-out .1s;
}

.became_author ul li::before {
    content: '';
    margin-left: 0px;
    border-radius: 50%;
    border: 2px solid #e32d49;
    position: absolute;
    width: 8px;
    height: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 0;
    top: 0.6em;
}
/* 
.incut {
    margin: 10px 0 40px;
    background: #f6f6f6;
    position: relative;
    display: block;
    font-family: 'RobotoSlab', Arial;
    font-size: 18px;
    line-height: 1.5em;
    padding: 38px 130px 38px 145px;
    clear: both;

}


.incut:before {
    content: '“';
    position: absolute;
    font-family: 'TT Norms';
    left: 90px;
    top: 55px;
    font-size: 70px;
    font-weight: bold;
    color: #e2223f;
} */

.incut {

    margin: 10px 0 40px;
    position: relative;
    display: block;
    font-family: 'FuturaBookC', Arial;

    line-height: 1.3em;
    padding: 45px 55px;
    clear: both;

}

.incut p {
    font-size: 22px;
    line-height: 1.3em;
    margin-bottom: 0px;
}

.incut a{

    font-family: inherit;

}


.service-detail-new .incut{
    background-color: #f6f6f6;
}
.blog-detail .incut {
    font-size: 20px;
    border-left: 2px solid #e2223f;
    font-family: 'TT Norms';
    font-weight: 500;
    padding: 0 0 0 30px;
}
/* .blog-detail .incut:before,
.blog-detail .incut:after {
    content: '';
    position: absolute;
    width: 51px;
    height: 33px;
    background: url(/bitrix/templates/adapt/images/redquotes.svg) center no-repeat;
    background-size: contain;
}

.blog-detail .incut:before {
  top: -21px;
  left: 17px;
  transform:rotate(180deg);
}
.blog-detail .incut:after {
  bottom: -21px;
  right: 17px;
} 
.blog-detail .incut .corner>*{
  z-index: 1;
  position: relative;
}
.blog-detail .incut .corner{
  position: absolute;
  width: 50px;
  height: 40px;
  z-index: 0;
  opacity: 0.7;
}


.blog-detail .incut .corner.top{
  top: 0;
  right: 0;
  border-top-right-radius: 15px;
  background: linear-gradient(49.01deg, #FFFFFF 73.62%, #F3F2F1 97.23%);
}

.blog-detail .incut .corner.bottom{
  bottom: 0;
  left: 0;
  border-bottom-left-radius: 15px;
  background: linear-gradient(229.34deg, #FFFFFF 52.1%, #F3F2F1 98.07%);
} */


.container .incut p,
.incut p {
    font-family: inherit;
    padding: 0;
}

.container .incut p:last-child,
.incut p:last-child {
    margin-bottom: 0;
}

.imptext {
    margin-left: 30px;
    padding-left: 30px;
    margin-bottom: 30px;
    border-left: 2px solid #333;
}


/*New blog styles END*/

/* Prochee SMM */
.content .body .how-w-w > li {
    width: 100%;
    max-width: 750px;
    display: block;
    position: relative;
    list-style: none;
    font-size: 18px;
    color: #494949;
    background-color: #f3f3f3;
    padding: 10px 0 10px 25px;
    margin-top: 60px;
    border-radius: 0 75px 75px 0;
    z-index: 10;
}
.content .body .how-w-w li:after {
    content: '';
    position: absolute;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: #f3f3f3;
    top: -15px;
    left: 0;
    z-index: 5;
}
.content .body .how-w-w li > .num {
    counter-increment: myCounter;
    content: counter(myCounter);
    position: absolute;
    color: white;
    background: #e1213e;
    display: block;
    text-align: center;
    margin: 5px 10px;
    line-height: 40px;
    width: 50px;
    height: 50px;
    font-family: "Amazing Grotesk Ultra", sans-serif;
    font-size: 32px;
    line-height: 52px;
    top: -50px;
    left: -35px;
    border-radius: 50%;
    z-index: 8;
}
.content .body .how-w-w li > p {
    line-height: 25px;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-bottom: 30px;
}
.about .obolo4ka {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.about .obolo4ka ul {
    width: 65%;
}
.obolo4ka .spec {
    position: relative;
    width: 275px;
    padding: 15px 15px 0 15px;
    background-color: #f3f3f3;
    border-radius: 20px 20px 20px 200px;
}
.obolo4ka .spec p {
    font-size: 16px;
    padding-bottom: 10px;
}
.spec .descr {
    position: relative;
    width: 380px;
    height: 280px;
    border-radius: 0 0 0 150px;
    overflow: hidden;
    left: -15px;
}
.spec .e-img {
    position: absolute;
    display: block;
    width: 280px;
    height: 280px;
    border-radius: 50%;
    background-image: url(/upload/img/smm/img-smm-1.jpg);
    background-repeat: no-repeat;
    background-position: -30px 0px;
    background-size: cover;
    left: 0;
    bottom: 0;
}
.spec .descr > p {
    position: absolute;
    width: 250px;
    line-height: 20px;
    padding: 12px 15px 12px 109px;
    text-align: left;
    color: #fff;
    background-color: #e1213e;
    border-radius: 30px 30px 30px 30px;
    bottom: 0;
    left: 0;
}
.spec .descr > p strong {
    text-transform: uppercase;
    font-size: 16px;
}
/* Prochee SMM  ENDS*/


/*ALL Media HERE*/
@media screen and (max-width: 1200px) and (min-width: 991px) {
  .whywe .video {
    width: 44%;
  }
}

@media screen and (max-width: 990px) and (min-width: 961px) {
  .whywe .video {
    width: 40%;
  }
}

@media screen and (max-width: 480px) {
  .blog.nobg .content ul.chosen-results li {
    width: 80%;
  }


  /* .incut {
      padding: 38px 30px 38px 45px;
  } */
  /* .incut:before {
      top: 5px;
      left: 10px;
  } */

}

@media screen and (max-width: 480px) {
  .blog .filter .button a.resetfilter.small {
    margin-top: 10px;
    float: left;
    padding: 13px 0 5px;
    background: transparent;
    color: #cbcbcb;
    border-bottom: 1px dashed;
    border-radius: 0;
    margin-right: 70px;
  }

  .blog .filter .button a.showall {
    float: right;
    margin-right: 0px;
  }
}

@media screen and (max-width: 960px) {
  .footer a.logo {
    display: block;
    float: none;
    margin: 30px auto 0;
  }

  .clients_new {
    padding: 0 0;
    margin-left: 0 !important;
  }

  .clients_new_descr {
    padding-left: 0;
  }

  .clients_new_logo {
    display: block;
    width: 100%;
    margin: auto;
    margin-bottom: 20px;
  }

  .clients_new_descr {
    max-width: 650px;
    width: 100%;
    margin: auto;
    display: block;
  }

  .clients-detail .block.result:before {
    left: 0;
  }

  .clients-detail .block.result>strong {
    padding-left: 45px;
  }
}

@media screen and (max-width: 959px) {
  .form-wrap form span {
    width: 90%;
  }
}

@media screen and (max-width: 780px) {
  .form-wrap form span {
    width: 87%;
  }
}

@media screen and (max-width: 635px) {
  .form-wrap form span {
    width: 84%;
  }
}

@media screen and (max-width: 500px) {
  .form-wrap form span {
    width: 80%;
  }
}

@media screen and (max-width: 400px) {
  .form-wrap form span {
    width: 75%;
  }
}

@media screen and (max-width: 321px) {
  .form-wrap form span {
    width: 70%;
  }
}

@media screen and (max-width: 959px) {
  .form-wrap form input[type="submit"] {
    position: relative;
    top: -35px;
    left: 0px;
    float: right;
  }
}

@media screen and (max-width: 375px) {
  .captcha img {
    width: 100px;
  }
    /*.form-wrap input[type="submit"]{
        top: 65px;
        left: 120px;
    }*/;
}

@media screen and (max-width: 1045px) {
  .menu-top .menu li {
    padding-right: 10px;
  }
}

@media screen and (max-width: 640px) {
  .blog-detail .text table ul {
    padding-left: 17%;
  }

  .blog-detail .text table ul li {
    margin: 0px;
    padding: 0;
    background: none;
    list-style-type: disc;
  }

  .blog-detail .text table ul li:before {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .blog-detail .author {
    width: 100%;
        /* border-right: 1px solid #f1f1f1; */
    min-height: auto;
  }

  .authmats {
    width: 100%;
  }
}

@media screen and (max-width: 840px) {
  .blog-detail .author .more {
    position: relative;
    width: auto;
  }

      .bytheway {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 70px;
        padding-bottom: 70px;
        min-height: auto;
      }



      .bytheway::before {
        left: 15px;
        top: 10px;
      }


      .bytheway::after {
        top: 10px;
        left: 208px;
      }



      .bytheway.authorinv::after,
      .bytheway.authorinv::before{
        display: none;
      }
      .bytheway strong:first-of-type,
      .bytheway a:first-of-type {
        display: none;
      }
      .bytheway span {margin: 20px 0;/* float: left; */}


      .btwred,
      a.btwred{
        position: absolute;
        top: auto;
        bottom: 10px;
        left: 15px;
        -webkit-transform: translate(0, 0);
                transform: translate(0, 0);
        /* float: left; */
        width: 110px;
      }
      .btwred{
          width: auto;
      }
      .bytheway.authorinv .btwred{
        padding: 20px;
        font-size: 18px;
      }

}

@media screen and (max-width: 767px) {
  .faces-detail .item .hobby,
    .faces-detail .item .edu {
    display: block;
    margin-left: 0;
    text-align: left;
    line-height: 1.3;
    float: left;
    height: auto;
    width: 100%;
  }
  .bytheway.authorinv::after{
    display: none;
  }
}

@media screen and (max-width: 800px) and (min-width: 641px) {
  .works .sections {
    width: 630px;
  }

  .works .sections li {
    width: 150px;
    padding-bottom: 20px;
  }

  .works .sections a {
    line-height: 20px;
    font-size: 16px;
  }
}

@media screen and (max-width: 640px) and (min-width: 375px) {

  .works .sections {
    width: 100%;
    float: left;
  }

  .works .sections li {
    margin: 10px;
    width: 100%;
    float: left;
    padding-top: 0;
    border-left-width: 10px;
    border-left-style: solid;
    border-left-color: transparent;
    border-bottom: none;
  }

  .works .sections li:hover,
    .works .sections li.selected {
    border-left-color: #BFBFBF;
  }

  .works .sections li span {
    position: relative;
    float: left;
    margin-left: 0;
    left: -50px;
  }

  .works .sections a {
    text-align: left;
    float: left;
    padding-left: 90px;
    line-height: 64px;
    font-size: 23px;
  }
}

@media screen and (max-width: 374px) {

  .works .sections {
    width: 100%;
    float: left;
  }

  .works .sections li {
    margin: 10px;
    width: 100%;
    float: left;
    padding-top: 0;
    border-left-width: 10px;
    border-left-style: solid;
    border-left-color: transparent;
    border-bottom: none;
  }

  .works .sections li:hover,
    .works .sections li.selected {
    border-left-color: #FF1C3E;
  }

  .works .sections li span {
    background: none;
    display: none;
  }

  .works .sections a {
    text-align: left;
    float: left;
    padding-left: 40px;
    line-height: 64px;
    font-size: 23px;
  }
}

@media screen and (min-width: 1366px) {
  .container .content {
    width: 906px;
    margin: 0 auto;
  }

  .container.menu-top .content,
    .container.header-top .content,
    .container.footer .content {
    width: auto;
    max-width: 1302px;
    margin: 0 auto;
  }

  .blog-detail-recomend.container {
    display: none;
  }

  .blog-detail-recomend.container .content {
    width: 100%;
    position: fixed;
    right: 10px;
    top: 0;
    z-index: 100;
  }

  .notfound .container .content {
    width: 100%;
  }

  .menu-left,
    #faq-form,
    .subsribe-top,
    .search-top,
    .services .mobile {
    display: none !important;
  }

  .bodycontent-wrap {
    margin: 0 !important;
  }
}

@media screen and (min-width: 1200px) and (max-width: 1280px) {
  #jivo_top_wrap {
    display: none;
  }
}

@media screen and (min-width: 960px) and (max-width: 1365px) {
  #jivo_top_wrap/* ,#scroller */ {
    display: none !important;
  }

  .container {
    min-width: 960px;
    max-width: 1365px;
  }
    /*.container .content { margin: 0 27px; }*/
  .container .content {
    margin: 0 100px;
  }

  .header-top .phone-wrap-content {
    min-width: 550px;
  }

  .menu-top .social-search {
    width: 85px;
  }

  .menu-top .social {
    display: none;
  }

  .menu-top .social-single {
    display: block;
    display: none;
  }

  .menu-top .menu ul {
    /* min-width: 615px; */
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0px 20px;
  }

  .menu-top .menu .sub ul li {
    /* padding: 0 10px; */
  }



  .menu-top .form-search input[type="text"] {
    width: 625px;
    max-width: 165px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }

  .blog-detail-recomend.container {
    display: none;
  }

  .blog-detail-recomend.container .content {
    width: 100%;
    position: fixed;
    right: 10px;
    top: 0;
    z-index: 100;
  }

  .clients .item {
    padding-right: 35px;
    width: 25%;
  }
    /* #scroller{ right: 27px; } */
  .menu-left,
    #faq-form,
    .subsribe-top,
    .search-top,
    .services .mobile {
    display: none !important;
  }

  .bodycontent-wrap {
    margin: 0 !important;
  }

  .faces .item .detail-wrap {
    left: -325px;
  }

  .faces .detail-wrap .detail {
    width: 265px;
  }
}

@media screen and (min-width: 960px) and (max-width: 1020px) {
  .menu-top .form-search input[type="text"] {
    width: 450px;
  }
}

@media screen and (min-width: 1021px) and (max-width: 1150px) {
  .menu-top .form-search input[type="text"] {
    width: 500px;
  }
}

@media screen and (max-width: 959px) {
    .faces .body{
      padding: 35px 0 0px;
    }
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  .container {
    min-width: 640px;
    max-width: 959px;
  }

  .container .content {
    margin: 0 23px;
  }

  .banner-top .content .center {
    width: 594px;
  }

  h1 {
    font-size: 47px;
    line-height: 47px;
  }

  .header-top {
    display: none;
  }

  .menu-top .menu,
    .menu-top .social-search,
    .menu-top .social,
    #subscribe-form,
    #search-from {
    display: none !important;
  }

  .menu-top .menu-icon,
    .menu-top .phone,
    .menu-top .msg-search {
    display: block;
  }

  .menu-top .logo {
    left: 71px;
    position: absolute;
  }

  .menu-top .search {
    padding-left: 25px;
  }

  .banner-top .video iframe,
    .banner-top .video .overlay {
    display: none;
  }

  .whywe .content {
    width: 438px;
    margin: 0 auto;
  }

  .whywe .block {
    margin-bottom: 55px;
  }

  .seo {
    text-align: center;
  }

  .seo .block {
    width: 100%;
  }

  .seo img,
    .seo .graph {
    float: none;
    margin: 55px 0 0 0;
  }

  .company .content span {
    width: 260px;
  }

  .container.footer .col {
    float: none;
    margin: 0;
    width: 100%;
    text-align: center;
    position: relative;
    left: auto;
    right: auto;
  }

  .container.footer .logo {
    margin-top: 30px;
  }

  .blog-detail h1 {
    font-size: 30px;
    line-height: 30px;
  }

  .blog-detail h2 {
    font-size: 26px;
    line-height: 26px;
  }

  .blog-detail h3 {
    font-size: 22px;
    line-height: 26px;
  }

  .blog-detail h4 {
    font-size: 20px;
    line-height: 20px;
  }

  .blog-detail-recomend .recomend {
    position: relative;
    left: auto;
    bottom: auto;
    cursor: auto;
    -webkit-box-shadow: none;
            box-shadow: none;
    width: 100%;
  }

  .blog-detail-recomend .recomend .body {
    padding: 15px 0;
  }

  .blog-detail-recomend .recomend .item {
    padding: 34px 0;
  }

  .blog-detail-recomend .recomend .item a.img {
    min-height: 215px;
    margin-right: 30px;
  }

  .blog-detail-recomend .recomend .item img {
    width: 280px;
  }

  .blog-detail-recomend .recomend .item .name {
    font-size: 20px;
    line-height: 30px;
  }

  .blog-detail-recomend .recomend .item .date {
    margin: 11px 0 15px;
    font-size: 14px;
  }

  .blog-detail-recomend .recomend .item .author {
    font-size: 14px;
  }

  .blog-detail-recomend .item .social {
    margin-top: 25px;
  }

  .blog-detail-recomend .recomend.hide {
    height: auto !important;
    ;
  }

  .blog-detail-recomend .recomend .title {
    background: #fff;
    cursor: auto;
    padding: 30px 0 15px;
  }

  .blog-detail-recomend .recomend .title:after {
    display: none;
  }

  .blog-detail-share {
    display: none !important;
  }

  .services.nopad .item {
    width: 100%;
    padding-left: 0;
  }

  .service-form .info,
    .service-form .form {
    float: none;
  }

  .service-form .form {
    margin: 35px 0 0 0;
  }

  .service-detail h1,
    .faq h1,
    .contact h1,
    .faces h1,
    .faces-detail h1,
    .clients h1 {
    font-size: 36px;
    line-height: 36px;
  }

  .contact .body .column {
    float: none;
    width: 100%;
  }

  .contact .body .column {
    padding-right: 0;
  }

  .contact .online {
    display: none;
  }

  .faces .item {
    width: 50%;
  }


  .faces .item .detail-wrap,
    .clients .item .hover {
    display: none !important;
  }

  .clients .item {
    width: 50%;
    padding-right: 17px;
  }

  .clients .item-body,
    .clients .item img {
    width: 280px;
    height: 280px;
  }

  .clients .item-body {
    height: auto;
  }

  #scroller {
    right: 23px;
  }

  .faq .send {
    display: none;
  }

  .faq .send.sm {
    display: block;
  }

  .reviews-detail .block {
    width: 100% !important;
  }

  .services .mobile {
    display: block;
  }

  .services .desktop {
    display: none;
  }

  .big-popup {
    padding: 20px;
    width: 290px;
  }

  .white-popup .bt.vk-link {
    margin: 27px 0 0 0;
  }

  .clients .item {
    margin-bottom: 60px;
  }
}

@media screen and (max-width: 639px) {
  .footer .social a {
    margin-left: 2px;
  }

  .container {
    min-width: 280px;
  }

  .container .content {
    margin: 0 20px;
  }

  .footer .col {
    width: 100%;
  }

  h1 {
    font-size: 32px;
    line-height: 32px;
  }

  .blog.nobg .blog-author h2 {
    font-size: 25px;
  }

  .banner-top p {
    padding-top: 10px;
  }

  h2 {
    font-size: 28px;
    line-height: 28px;
  }

  .banner-top .content .center {
    width: 280px;
  }

  .seo img,
    .seo .graph {
    width: 100%;
  }

  .seo .graph svg {
    width: 100%;
  }

  .company .content span {
    width: 515px;
  }

  .banner-top .video iframe,
    .banner-top .video .overlay {
    display: none;
  }

  a.bt {
    font-size: 18px;
  }

  .header-top {
    display: none;
  }

  .menu-top .menu,
    .menu-top .social-search,
    #subscribe-form,
    #search-from {
    display: none !important;
  }

  .menu-top .menu-icon,
    .menu-top .msg-search {
    display: block;
  }

  .menu-top .logo {
    float: none;
    text-align: center;
    left: auto;
    width: 100%;
    padding: 20px 0;
  }

  .menu-top .logo span {
    display: block;
    padding: 0 123px 0 58px;
  }

  .menu-top .search {
    padding-left: 25px;
  }

  .search-top .form-wrap form:before {
    right: -5px;
  }

  .subsribe-top .form-wrap form:after {
    right: 43px;
    display: none;
  }

  .whywe .block,
    .seo .block {
    float: none;
    width: 100%;
  }

  .services .item {
    float: none;
    width: 100%;
    padding: 45px 0 0 0;
  }

  .whywe .content {
    width: 282px;
    text-align: center;
    margin: 0 auto;
  }

  .whywe .arrow {
    display: inline-block;
    position: relative;
    margin: 20px 0 5px;
  }

  .whywe h2 {
    display: block;
    margin: 0;
  }

  .whywe li {
    text-align: left;
    font-size: 14px;
  }

  .whywe .video {
    float: none;
    margin: 40px auto 0;
    width: 282px;
    height: 159px;
  }

  .whywe .video img {
    width: 100%;
  }

  .seo .block {
    text-align: center;
  }

  .seo img,
    .seo .graph {
    float: none;
    margin-top: 50px;
  }

  .blog {
    text-align: left;
  }

  .blog .item {
    text-align: left;
  }

  .blog .item .name {
    font-size: 18px;
  }

  .blog .item img {
    display: none;
  }

  .blog h2 {
    font-size: 28px;
    line-height: 28px;
  }

  .footer {
    text-align: center;
  }
    /*blognew*/
  .footer .col,
    .footer .col.right {
    float: none;
    margin: 0 auto;
    position: relative;
    width: 100%;
    max-width: 280px;
    left: auto;
    right: auto;
  }

.footer .col.right .social a {
    width: 30px;
    height: 35px;
  }
    /*--blognew*/
  .footer .menu li {
    display: block;
    text-align: center;
    margin-top: 30px;
    font-size: 16px;
  }

  .footer .copyright {
    font-size: 14px;
    line-height: 17px;
  }

  .footer .menu li:first-child {
    margin: 0;
  }

  .footer .menu li a {
    margin: 0;
  }

  .footer .social {
    text-align: center;
  }

  .footer .social a.pr {
    display: none;
  }

  .footer .logo {
    margin-top: 36px;
  }

  .breadcrumb li {
    display: none;
  }

  .breadcrumb li.last {
    display: block;
    font-size: 11px;
    text-transform: uppercase;
    text-align: center;
    margin: 0 20px;
  }

  .breadcrumb li.last span.prev,
    .breadcrumb li.last span.next {
    display: block;
  }

  .breadcrumb li.last a {
    color: #e2223f;
        /* text-decoration: none; */;
  }

  .breadcrumb li.last a:hover {
    text-decoration: underline;
  }

  .blog .filter .button a.big {
    display: none;
  }

  .blog .filter .button a.small {
    display: inline-block;
    margin-right: 10%;
  }

  .blog-detail h1 {
    font-size: 26px;
    line-height: 26px;
  }

  .blog-detail h2 {
    font-size: 26px;
    line-height: 26px;
  }

  .blog-detail h3 {
    font-size: 22px;
    line-height: 22px;
  }

  .blog-detail h4 {
    font-size: 20px;
    line-height: 20px;
  }

  .blog-detail .time-wrap .time-send,
    .blog-detail .time-wrap .comment {
    display: none;
  }

  .blog-detail .time-wrap .time-send.small {
    display: inline-block;
  }

  .blog-detail .author img {
    width: 75px;
    height: 75px;
    border-radius: 38px;
  }

  .blog-detail .author .name {
    font-size: 18px;
  }

  .blog-detail .share {
    display: none;
    position: fixed;
    right: 20px;
    top: 20px;
    z-index: 100;
  }

  .blog-detail-recomend .recomend {
    position: relative;
    left: auto;
    bottom: auto;
    cursor: auto;
    -webkit-box-shadow: none;
            box-shadow: none;
    width: 100%;
  }

  .blog-detail-recomend .recomend .body {
    padding: 15px 0;
  }

  .blog-detail-recomend .recomend .item {
    padding: 34px 0;
  }

  .blog-detail-recomend .recomend .item .name {
    font-size: 20px;
    line-height: 30px;
  }

  .blog-detail-recomend .recomend .item .date {
    margin: 11px 0 15px;
    font-size: 14px;
  }

  .blog-detail-recomend .item .social {
    margin-top: 25px;
  }

  .blog-detail-recomend .recomend .item .author {
    font-size: 14px;
  }

  .blog-detail-recomend .recomend.hide {
    height: auto !important;
  }

  .blog-detail-recomend .recomend .title {
    background: #fff;
    cursor: auto;
    padding: 30px 0 15px;
  }

  .blog-detail .info .share {
    display: none;
  }
    /*blognew*/
    /*     .blog-detail .info .share.hover{
        display: block;
        left: 20px;
        right: 20px;
    } */
    /*--blognew*/
  .blog-detail .link {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-right: 50px;
  }

  .blog-detail .link span {
    display: inline-block;
    width: 23%;
    text-align: center;
  }

  .blog-detail .link span a {
    margin: 0;
  }

  .blog-detail .info .share.hover .count-wrap {
    position: absolute;
    right: 13px;
    top: 13px;
  }

  .blog-detail-recomend .recomend .title:after,
    .blog-detail-recomend .recomend .item a.img,
    .blog-detail-share {
    display: none !important;
  }

  .blog-detail .time-wrap .time {
    font-size: 12px;
  }

  .blog-detail .time-send-service .body a {
    width: 60px;
  }

  .services.nopad .item {
    width: 100%;
    margin-left: 0;
  }

  .services.nopad .item .img {
    display: block;
    text-align: center;
    padding: 0 0 30px 0;
  }

  .services.nopad .item .body {
    display: block;
  }

  .service-form .info,
    .service-form .form {
    float: none;
    width: 100%;
  }

  .service-form .form {
    margin: 35px 0 0 0;
  }

  .service-form .form-content,
    .service-form .form {
    width: 100%;
  }

  .service-form .form .column {
    display: block;
    width: 100%;
  }

  .services.nopad.subsect .item .img {
    display: table-cell;
    text-align: left;
    padding: 0 30px 0 0;
  }

  .services.nopad .item .body {
    display: table-cell;
  }

  .service-detail h1,
    .faq h1,
    .contact h1,
    .faces h1,
    .faces-detail h1,
    .clients h1 {
    font-size: 30px;
    line-height: 30px;
  }

  .contact .body {
    padding: 35px 0;
  }

  .contact .body span {
    font-size: 15px;
  }

  .contact .body .column {
    float: none;
    width: 100%;
  }
/*
  .contact .map,
    .contact .body .showmap,
    .contact .online {
    display: none !important;
  } */

  .faces .item {
    float: none;
    padding-right: 0;
    width: 100%;
    padding-bottom: 10px;
  }

  .faces .item .detail-wrap,
    .clients .item .hover {
    display: none !important;
  }

  .faces .item img {
    height: 75px;
    width: 75px;
  }

  .faces-detail .item img {
    height: 75px;
    width: 75px;
  }

  .faces-detail .item .post {
    font-size: 12px;
  }

  .faces-detail .item .edu,
    .faces-detail .item .hobby {
    display: block;
    margin: 0;
    float: none;
    font-size: 12px;
  }

  .faces-detail .item .hobby {
    margin-top: 15px;
  }

  .clients .item {
    width: 50%;
    padding-right: 16px;
    min-height: 200px;
  }

  .clients .item-body,
    .clients .item img {
    width: 200px;
    height: 200px;
  }

  .clients .item-body {
    height: auto;
  }

  .clients .item .name {
    font-size: 14px;
  }

  .notfound .title {
    font-size: 24px;
  }

  .notfound .big {
    font-size: 16px;
  }

  .notfound p {
    padding-bottom: 20px;
  }

  .notfound form {
    margin-top: -10px;
  }

  #scroller {
    top: auto;
    right: 20px;
    bottom: 20px;
  }

  .faq .send {
    display: none;
  }

  .faq .send.sm {
    display: block;
  }

  .personal .tabs li,
    .personal .tabs li:first-child {
    width: 100%;
  }

  .personal .number li {
    font-size: 16px;
  }

  .reviews-detail .block {
    width: 100% !important;
  }

  .services .mobile {
    display: block;
  }

  .services .desktop {
    display: none;
  }

  .big-popup {
    padding: 20px;
    width: 290px;
  }

  .white-popup .bt.vk-link {
    margin: 27px 0 0 0;
  }

  .clients .item {
    margin-bottom: 0;
    height: auto;
    display: inline-block;
    vertical-align: top;
    min-height: 313px;
  }

  .clients div.modern-page-navigation a.modern-page-previous {
    margin-right: 0;
  }
}

@media not all,
not all {
  .carousel-inner>.item {
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.6s ease-in-out 0s;
    transition: -webkit-transform 0.6s ease-in-out 0s;
    transition: transform 0.6s ease-in-out 0s;
    transition: transform 0.6s ease-in-out 0s, -webkit-transform 0.6s ease-in-out 0s;
  }

  .carousel-inner>.item.active.right,
    .carousel-inner>.item.next {
    left: 0;
    -webkit-transform: translate3d(100%, 0px, 0px);
            transform: translate3d(100%, 0px, 0px);
  }

  .carousel-inner>.item.active.left,
    .carousel-inner>.item.prev {
    left: 0;
    -webkit-transform: translate3d(-100%, 0px, 0px);
            transform: translate3d(-100%, 0px, 0px);
  }

  .carousel-inner>.item.active,
    .carousel-inner>.item.next.left,
    .carousel-inner>.item.prev.right {
    left: 0;
    -webkit-transform: translate3d(0px, 0px, 0px);
            transform: translate3d(0px, 0px, 0px);
  }
}

@media screen and (max-width: 839px){
  .service-detail .content .body .incut.cite{
      padding-left: 145px;
  }
  .service-detail .content .body .incut:before, .service-detail .content .body .incut:after{
      display: none;
  }

  .blog-detail article .tchold{
    position: relative;
    width: calc(100% + 40px);
    overflow: hidden;
    margin-left: -20px; 
  }

  .blog-detail article .tchold table.tablecont.standart{
    padding: 0 20px;
  }
}
@media screen and (max-width: 640px) {
  .text div.incut {
    padding: 25px 20px 25px;
  }
  .service-detail .content .body .incut, .service-detail .content .body .incut.cite{
    padding: 25px 20px;
  }

  .incut .corner{
      display: none;
  }
/* 
  .text div.incut:before,
    .service-detail .content .body .incut:before {
    left: 20px;
    top: 34px;
  } */
}

@media screen and (max-width: 639px) {
  .ldate {
    border: 1px solid #aaa;
    height: 38px;
    float: none;
  }

  .ldate.op {
    height: 38px;
  }

  .ldate .separator {
    display: none;
  }

  .bdate .row,
    .bdate .row:first-child {
    margin: 10px auto;
    float: none;
  }

  .blog .filter .button {
    float: none;
    margin: 0 auto 10px;
  }

  .ldate>span {
    text-align: left;
  }

  .param select {
    text-align: center;
  }

  .param {
    border-bottom: none;
  }
    /* .param input{width: 120px;} */
  .row.left .param:nth-child(5) {
    border: none;
  }

  .row.right .param:nth-child(5) {
    border: none;
  }
}

@media screen and (max-width: 569px) {
  .param input {
    font-size: 12px;
  }
}

@media screen and (max-width: 414px) {
  .ldate .row {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .ldate .row .param {
    width: 100%;
    display: block;
  }

  .ldate .row .param input {
    font-size: 16px;
  }
}

@media (max-width: 639px) {
  .blog-detail article table td,
    .blog-detail article table th {
    padding: 0px;
  }

  .blog-detail article table {
    font-size: 50%;
  }

  .blog-detail article table td {
    font-size: 180%;
  }
}

@media screen and (max-width: 600px) {

  .reviews .item>a {
    width: 100%;
    float: left;
  }

  .reviews .item .item-body {
    width: 100%;
    float: left;
    padding: 20px 0;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {

  .container.heading h1 {
    font-size: 28px;
    line-height: 28px;
  }

  .container.heading h1 span {
    font-size: 32px;
    line-height: 32px;
  }
}

@media screen and (max-width: 639px) {
  .container.heading h1 {
    font-size: 20px;
    line-height: 20px;
  }

  .container.heading h1 span {
    font-size: 26px;
    line-height: 26px;
  }
}

@media screen and (max-width: 1090px) and (min-width: 960px) {
  .header-top .order-phone,
    .header-top .order-service {
    margin-left: 10px;
  }

  .header-top .order-email span {
    background: none;
  }
    /*blognew*/
  .header-top .order-email span a {
    display: inline-block;
    position: relative;
        /* background: #e2223f url(/bitrix/templates/adapt/images/msg-icon.png) no-repeat; */
    width: 22px;
    height: 16px;
    font-size: 0;
    vertical-align: top;
    border-bottom: none;
  }

  .header-top .order-email span .airplane {
    display: none;
  }

  .header-top .order-email span a .letter {
    display: block;
  }
    /*--blognew*/;
}

@media screen and (max-width: 1205px) and (min-width: 960px) {
  .menu-top .menu li {
    padding: 0 10px;
  }

  .menu-top .menu ul {
    /* padding: 0 130px; */
    padding: 0 15px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}

@media screen and (max-width: 1200px) {
  .lp.prev {
    padding: 0 20px;
  }
}

@media screen and (max-width: 768px) {
  .lp.prev {
    padding: 0;
  }
}

@media screen and (max-width: 768px) {
  .lp.prev.iframeclass {
    padding: 0px;
    max-width: 100%;
    padding: 20px 2px;
    height: 500px;
  }

  .lp.prev.iframeclass iframe {
    height: 400px;
  }

  .lp.prev.iframeclass .picbox {
    border: 10px solid #dedede;
    border-bottom: 20px solid #dedede;
    border-top: 30px solid #dedede;
    border-radius: 8px;
  }

  .lp.prev.iframeclass .picbox:before {
    -webkit-transform: translate(-50%, 0px);
            transform: translate(-50%, 0px);
    content: 'Планшет';
    color: #fff;
    padding: 9px;
    padding-right: 0px;
    text-align: center;
    font-size: 14px;
    position: absolute;
    bottom: 100%;
    left: 50%;
    background: none;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
  }
}

@media screen and (max-width: 480px) {
  .lp.prev.iframeclass {
    padding: 0px;
    max-width: 100%;
    padding: 20px 0;
    height: 495px;
  }

  .lp.prev.iframeclass iframe {
    height: 360px;
  }

  .lp.prev.iframeclass .picbox {
    border: 0;
    border-bottom: 30px solid #dedede;
    border-top: 60px solid #dedede;
    border-radius: 8px;
  }

  .lp.prev.iframeclass .picbox:before {
    -webkit-transform: translate(-50%, 0px);
            transform: translate(-50%, 0px);
    content: 'Смартфон';
    color: #fff;
    padding: 9px;
    padding-right: 0px;
    text-align: center;
    font-size: 14px;
    position: absolute;
    bottom: 100%;
    margin-bottom: 13px;
    left: 50%;
    background: none;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
  }

  .clients .item {
    width: 100%;
    margin-bottom: 30px;
  }

  .clients .item-body,
    .clients .item img {
    width: 280px;
    height: 280px;
  }

  .clients .item-body {
    height: auto;
  }
}

@media screen and (max-width: 1200px) {
  .itempanel {
    margin: 32px auto;
  }

  .itempanel .navbtns .prev,
    .itempanel .navbtns .next {
    color: #fff;
    width: 50px;
    line-height: 50px;
    height: 50px;
    font-size: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }

  .itempanel .navbtns .prev {
    border-radius: 0;
  }

  .itempanel .navbtns .prev:before {
    left: 50%;
    margin-left: -5px;
  }

  .itempanel .navbtns .next {
    margin-left: 0px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    padding-left: 16px;
    text-align: left;
  }

  .itempanel .navbtns .next:before {
    right: 50%;
    margin-left: -5px;
  }

  .itempanel .siteinfo {
    margin-top: 6px;
    margin-bottom: 39px;
    line-height: 36px;
  }

  .itempanel .navbtns .up {
    cursor: pointer;
    display: block;
    float: left;
    margin-right: 1px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    height: 50px;
    position: relative;
    left: 0;
    top: 0;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    width: 70px;
  }

  .itempanel .navbtns .up span {
    display: none;
  }
}

@media (-webkit-min-device-pixel-ratio:1) {
  .costworks .graphholder .item:nth-of-type(1) .img {
    background-image: url(/bitrix/templates/adapt/images/kmg1.png);
  }
}

@media (-webkit-min-device-pixel-ratio:1.25),
(min-resolution:120dpi) {
  .costworks .graphholder .item:nth-of-type(1) .img {
    background-image: url(/bitrix/templates/adapt/images/kmg1@2x.png);
  }
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .costworks .graphholder .item:nth-of-type(1) .img {
    background-image: url(/bitrix/templates/adapt/images/kmg1@2x.png);
  }
}

@media (-webkit-min-device-pixel-ratio:1.3),
(min-resolution:124.8dpi) {
  .costworks .graphholder .item:nth-of-type(1) .img {
    background-image: url(/bitrix/templates/adapt/images/kmg1@2x.png);
  }
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
  .costworks .graphholder .item:nth-of-type(1) .img {
    background-image: url(/bitrix/templates/adapt/images/kmg1@2x.png);
  }
}

@media (-webkit-min-device-pixel-ratio:1) {
  .costworks .graphholder .item:nth-of-type(2) .img {
    background-image: url(/bitrix/templates/adapt/images/kmg2.png);
  }
}

@media (-webkit-min-device-pixel-ratio:1.25),
(min-resolution:120dpi) {
  .costworks .graphholder .item:nth-of-type(2) .img {
    background-image: url(/bitrix/templates/adapt/images/kmg2@2x.png);
  }
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .costworks .graphholder .item:nth-of-type(2) .img {
    background-image: url(/bitrix/templates/adapt/images/kmg2@2x.png);
  }
}

@media (-webkit-min-device-pixel-ratio:1.3),
(min-resolution:124.8dpi) {
  .costworks .graphholder .item:nth-of-type(2) .img {
    background-image: url(/bitrix/templates/adapt/images/kmg2@2x.png);
  }
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
  .costworks .graphholder .item:nth-of-type(2) .img {
    background-image: url(/bitrix/templates/adapt/images/kmg2@2x.png);
  }
}

@media (-webkit-min-device-pixel-ratio:1) {
  .costworks .graphholder .item:nth-of-type(3) .img {
    background-image: url(/bitrix/templates/adapt/images/kmg3.png);
  }
}

@media (-webkit-min-device-pixel-ratio:1.25),
(min-resolution:120dpi) {
  .costworks .graphholder .item:nth-of-type(3) .img {
    background-image: url(/bitrix/templates/adapt/images/kmg3@2x.png);
  }
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .costworks .graphholder .item:nth-of-type(3) .img {
    background-image: url(/bitrix/templates/adapt/images/kmg3@2x.png);
  }
}

@media (-webkit-min-device-pixel-ratio:1.3),
(min-resolution:124.8dpi) {
  .costworks .graphholder .item:nth-of-type(3) .img {
    background-image: url(/bitrix/templates/adapt/images/kmg3@2x.png);
  }
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
  .costworks .graphholder .item:nth-of-type(3) .img {
    background-image: url(/bitrix/templates/adapt/images/kmg3@2x.png);
  }
}

@media (-webkit-min-device-pixel-ratio:1) {
  .costworks .graphholder .item:nth-of-type(4) .img {
    background-image: url(/bitrix/templates/adapt/images/kmg4.png);
  }
}

@media (-webkit-min-device-pixel-ratio:1.25),
(min-resolution:120dpi) {
  .costworks .graphholder .item:nth-of-type(4) .img {
    background-image: url(/bitrix/templates/adapt/images/kmg4@2x.png);
  }
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .costworks .graphholder .item:nth-of-type(4) .img {
    background-image: url(/bitrix/templates/adapt/images/kmg4@2x.png);
  }
}

@media (-webkit-min-device-pixel-ratio:1.3),
(min-resolution:124.8dpi) {
  .costworks .graphholder .item:nth-of-type(4) .img {
    background-image: url(/bitrix/templates/adapt/images/kmg4@2x.png);
  }
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
  .costworks .graphholder .item:nth-of-type(4) .img {
    background-image: url(/bitrix/templates/adapt/images/kmg4@2x.png);
  }
}

@media screen and (min-width: 769px) {
  .subcats .cats {
    -webkit-columns: 2 150px;
    columns: 2 150px;
    -webkit-column-gap: 6px;
    column-gap: 6px;
    margin: 0 0 0 0;
  }
}

@media screen and (max-width: 767px) {
  .subcats {
    padding-left: 15px;
    padding-right: 15px;
  }

  .subcats .roadnav {
    display: none;
  }

  .costworks .graphholder .item {
    width: 100%;
    padding-top: 0;
    margin-bottom: 20px;
    margin-top: 20px;
  }

  .costworks .graphholder .item .img,
    .costworks .graphholder .item span {
    display: inline-block;
    vertical-align: middle;
  }

  .costworks .graphholder .item span {
    width: 60%;
    padding-left: 20px;
    display: inline-block;
    vertical-align: middle;
  }

  .costworks .graphholder .item .img:before,
    .costworks .graphholder .item .img:after {
    display: none;
  }
}

@media screen and (max-width: 480px) {
  .subcats .cats {
    padding: 0px 0 40px;
  }

  .costworks .graphholder .item {
    text-align: center;
    padding-right: 0;
  }

  .costworks .graphholder .item .img {
    margin: auto;
  }

  .costworks .graphholder .item span {
    padding: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
  }

  .costworks .graphholder .item .img,
    .costworks .graphholder .item span {
    display: block;
    text-align: center;
    vertical-align: middle;
  }
}

@media screen and (max-width: 680px) {
  #filterForm .radios input+label {
    display: block;
    line-height: 1.7em;
  }
}

@media screen and (max-width: 767px) {
  .white-popup#subscribe_popup {
    width: 290px;
    min-width: 290px;
    padding-left: 0;
    padding-top: 134px;
  }

  .white-popup#subscribe_popup form {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 0px;
  }

  .white-popup#subscribe_popup form legend {
    font-size: 22px;
    max-width: 100%;
    margin-top: 0;
  }

  .white-popup#subscribe_popup form legend span {
    font-weight: normal;
    display: block;
    font-size: 18px;
    margin-top: 5px;
  }

  .white-popup#subscribe_popup .img {
    width: 100%;
    height: 134px;
    background-position: -1px -39px;
    background-size: 291px;
    -moz-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
    overflow: hidden;
  }

  .white-popup#subscribe_popup .img:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 134px;
    width: 178px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.37)));
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.37) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#5e000000', GradientType=1);
  }

  .white-popup#subscribe_popup button.mfp-close {
    top: 12px;
    right: 11px;
    opacity: 1;
  }
}

@media screen and (max-width: 767px) {
  .white-popup#im_strategy_popup {
    width: 290px;
    min-width: 290px;
    padding-left: 0;
    padding-top: 134px;
  }

  .white-popup#im_strategy_popup .holder {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 0px;
  }

  .white-popup#im_strategy_popup .holder .head {
    font-size: 16px;
    max-width: 100%;
    margin-top: 0;
  }

  .white-popup#im_strategy_popup .img {
    width: 100%;
    height: 134px;
    background-position: center;
    background-size: 291px;
    -moz-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
    overflow: hidden;
  }

  .white-popup#im_strategy_popup .img:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 134px;
    width: 178px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.37)));
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.37) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#5e000000', GradientType=1);
  }

  .white-popup#im_strategy_popup button.mfp-close {
    top: 12px;
    right: 11px;
    opacity: 1;
  }

  .white-popup#im_strategy_popup .holder p {
    padding-top: 10px;
    font-size: 16px;
  }

  .white-popup#im_strategy_popup .holder a {
    margin-top: 15px;
  }
}

@media screen and (max-width: 767px) {
  .white-popup#youtube_popup {
    width: 290px;
    min-width: 290px;
    padding-left: 0;
    padding-top: 160px;
  }

  .white-popup#youtube_popup .holder {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 0px;
  }

  .white-popup#youtube_popup .holder .head {
    font-size: 16px;
    max-width: 100%;
    margin-top: 0;
  }

  .white-popup#youtube_popup .img {
    width: 100%;
    height: 160px;
    background-position: center;
    background-size: 291px;
    -moz-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
    overflow: hidden;
  }

  .white-popup#youtube_popup .img:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 160px;
    width: 178px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.37)));
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.37) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#5e000000', GradientType=1);
  }

  .white-popup#youtube_popup button.mfp-close {
    top: 12px;
    right: 11px;
    opacity: 1;
  }

  .white-popup#youtube_popup .holder p {
    padding-top: 10px;
    font-size: 16px;
  }

  .white-popup#youtube_popup .holder a {
    margin-top: 15px;
  }
}

@media screen and (max-width: 767px) {
  .white-popup#videoinfografika_popup {
    width: 290px;
    min-width: 290px;
    padding-left: 0;
    padding-top: 160px;
  }

  .white-popup#videoinfografika_popup .holder {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 0px;
  }

  .white-popup#videoinfografika_popup .holder .head {
    font-size: 16px;
    max-width: 100%;
    margin-top: 0;
  }

  .white-popup#videoinfografika_popup .img {
    width: 100%;
    height: 160px;
    background-position: center;
    background-size: 291px;
    -moz-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
    overflow: hidden;
  }

  .white-popup#videoinfografika_popup .img:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 160px;
    width: 178px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.37)));
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.37) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#5e000000', GradientType=1);
  }

  .white-popup#videoinfografika_popup button.mfp-close {
    top: 12px;
    right: 11px;
    opacity: 1;
  }

  .white-popup#videoinfografika_popup .holder p {
    padding-top: 10px;
    font-size: 16px;
  }

  .white-popup#videoinfografika_popup .holder a {
    margin-top: 15px;
  }
}

@media screen and (max-width: 767px) {
  .white-popup.popup_smm {
    width: 290px;
    min-width: 290px;
    padding-left: 0;
    padding-top: 210px;
  }
  .white-popup.popup_smm#consulting_popup .img,
  .white-popup.popup_smm#consulting_popup_2 .img {
    background-image: url(/bitrix/templates/adapt/images/consultpp.jpg);
  }
  .white-popup.popup_smm#hype_smm_popup .img,
  .white-popup.popup_smm#hype_smm_popup_2 .img {
    background-image: url(/bitrix/templates/adapt/images/smm-popup-small-1.jpg);
  }

  .white-popup.popup_smm .holder {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 0px;
  }

  .white-popup.popup_smm .holder .head {
    font-size: 16px;
    max-width: 100%;
    margin-top: 0;
  }

  .white-popup.popup_smm .img {
    width: 100%;
    height: 210px;
    background-position: center top;
    background-size: cover;
    -moz-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
    overflow: hidden;
  }

  /* .white-popup.popup_smm .img:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 134px;
    width: 178px;
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.37) 100%);
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.37) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.37) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#5e000000', GradientType=1);
  } */

  .white-popup.popup_smm button.mfp-close {
    top: 12px;
    right: 11px;
    opacity: 1;
  }

  .white-popup.popup_smm .holder p {
    padding-top: 10px;
    font-size: 16px;
  }

  .white-popup.popup_smm .holder a {
    margin-top: 15px;
  }
}

@media screen and (max-width: 767px) {
  .white-popup#landing_popup {
    width: 290px;
    min-width: 290px;
    padding-left: 0;
    padding-top: 134px;
  }

  .white-popup#landing_popup .holder {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 0px;
  }

  .white-popup#landing_popup .holder .head {
    font-size: 16px;
    max-width: 100%;
    margin-top: 0;
  }

  .white-popup#landing_popup .img {
    width: 100%;
    height: 134px;
    background-position: center;
    background-size: 291px;
    -moz-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
    overflow: hidden;
  }

  .white-popup#landing_popup .img:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 134px;
    width: 178px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.37)));
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.37) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#5e000000', GradientType=1);
  }

  .white-popup#landing_popup button.mfp-close {
    top: 12px;
    right: 11px;
    opacity: 1;
  }

  .white-popup#landing_popup .holder p {
    padding-top: 10px;
    font-size: 16px;
  }

  .white-popup#landing_popup .holder a {
    margin-top: 15px;
  }
}

@media screen and (max-width: 767px) {
    .white-popup#complex_kpi_popup {
      width: 290px;
      min-width: 290px;
      padding-left: 0;
      padding-top: 134px;
      padding-bottom: 30px;
    }
  
    .white-popup#complex_kpi_popup .holder {
        padding-top: 20px;
        padding-left: 20px;
        padding-right: 20px;
        width: 290px;
        max-width: 290px;
    }
  
    .white-popup#complex_kpi_popup .holder .head {
      font-size: 20px;
      max-width: 100%;
      margin-top: 0;
    }
  
    .white-popup#complex_kpi_popup .img {
      width: 100%;
      height: 134px;
      background-position: center -25px;
      background-size: 291px;
      -moz-border-top-left-radius: 5px;
      border-top-left-radius: 5px;
      -moz-border-top-right-radius: 5px;
      border-top-right-radius: 5px;
      -moz-border-bottom-left-radius: 0px;
      border-bottom-left-radius: 0px;
      overflow: hidden;
    }
  
    .white-popup#complex_kpi_popup .img:after {
      content: '';
      position: absolute;
      right: 0;
      top: 0;
      height: 134px;
      width: 178px;
      background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.37)));
      background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.37) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#5e000000', GradientType=1);
    }
  
    .white-popup#complex_kpi_popup button.mfp-close {
      top: 12px;
      right: 31px;
      opacity: 1;
    }
  
    .white-popup#complex_kpi_popup .holder p {
      padding-top: 10px;
      font-size: 15.5px;
    }
  
    .white-popup#complex_kpi_popup .holder a {
      margin-top: 45px;
    }
  }
  

@media screen and (max-width: 767px) {
  .white-popup#km_strategy2_popup {
    width: 290px;
    min-width: 290px;
    padding-left: 0;
    padding-top: 215px;
    background-position: center -20%;
  }

  .white-popup#km_strategy2_popup .holder {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 0px;
  }

  .white-popup#km_strategy2_popup .holder .head {
    font-size: 16px;
    max-width: 100%;
    margin-top: 0;
  }

  .white-popup#km_strategy2_popup .img {
    width: 120px;
    height: 165px;
    background-position: center;
    /* background-size: 291px; */
    /* -moz-border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-bottom-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
    overflow: hidden; */
  }

  /* .white-popup#km_strategy2_popup .img:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 134px;
    width: 178px;
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.37) 100%);
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.37) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.37) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#5e000000', GradientType=1);
  } */

  .white-popup#km_strategy2_popup button.mfp-close {
    top: 12px;
    right: 11px;
    opacity: 1;
  }

  .white-popup#km_strategy2_popup button.mfp-close:after{
    top: 0;
    right: 0;
  }

  .white-popup#km_strategy2_popup .holder p {
    padding-top: 10px;
    font-size: 16px;
  }

  .white-popup#km_strategy2_popup .holder a {
    margin-top: 15px;
  }
}

@media screen and (max-width: 767px) {


  .white-popup#teach_im_popup {
    width: 290px;
    min-width: 290px;
    padding-left: 0;
    padding-top: 160px;
  }

  .white-popup#teach_im_popup .holder {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 0px;
  }

  .white-popup#teach_im_popup .holder .head {
    font-size: 16px;
    max-width: 100%;
    margin-top: 0;
  }

  .white-popup#teach_im_popup .img {
    width: 100%;
    height: 160px;
    background-position: center;
    background-size: 291px;
    -moz-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
    overflow: hidden;
  }

  .white-popup#teach_im_popup .img:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 160px;
    width: 178px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.37)));
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.37) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#5e000000', GradientType=1);
  }

  .white-popup#teach_im_popup button.mfp-close {
    top: 12px;
    right: 11px;
    opacity: 1;
  }

  .white-popup#teach_im_popup .holder p {
    padding-top: 10px;
    font-size: 16px;
  }

  .white-popup#teach_im_popup .holder a {
    margin-top: 15px;
  }


}

@media screen and (max-width: 767px) {


  .white-popup#teach_km_popup {
    width: 290px;
    min-width: 290px;
    padding-left: 0;
    padding-top: 160px;
  }

  .white-popup#teach_km_popup .holder {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 0px;
  }

  .white-popup#teach_km_popup .holder .head {
    font-size: 16px;
    max-width: 100%;
    margin-top: 0;
  }

  .white-popup#teach_km_popup .img {
    width: 100%;
    height: 160px;
    background-position: center;
    background-size: 291px;
    -moz-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
    overflow: hidden;
  }

  .white-popup#teach_km_popup .img:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 160px;
    width: 178px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.37)));
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.37) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#5e000000', GradientType=1);
  }

  .white-popup#teach_km_popup button.mfp-close {
    top: 12px;
    right: 11px;
    opacity: 1;
  }

  .white-popup#teach_km_popup .holder p {
    padding-top: 10px;
    font-size: 16px;
  }

  .white-popup#teach_km_popup .holder a {
    margin-top: 15px;
  }


}








@media screen and (max-width: 767px) {
  .white-popup#complex_popup {
    width: 290px;
    min-width: 290px;
    padding-left: 0;
    padding-top: 134px;
  }

  .white-popup#complex_popup .holder {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 0px;
  }

  .white-popup#complex_popup .holder .head {
    font-size: 22px;
    max-width: 100%;
    margin-top: 0;
  }

  .white-popup#complex_popup .img {
    background-image: url(/bitrix/templates/adapt/images/pcomplex-small.jpg);
    width: 100%;
    height: 134px;
    background-position: center;
    background-size: 291px;
    -moz-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
    overflow: hidden;
  }

  .white-popup#complex_popup .img:after {
    content: '';
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    height: 134px;
    width: 178px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.37)));
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.37) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#5e000000', GradientType=1);
  }

  .white-popup#complex_popup button.mfp-close {
    top: 12px;
    right: 11px;
    opacity: 1;
  }

  .white-popup#complex_popup .holder p {
    padding-top: 10px;
  }

  .white-popup#complex_popup .holder a {
    margin-top: 15px;
  }
}

@media screen and (max-width: 767px) {
  .white-popup#videomarketing_popup {
    width: 290px;
    min-width: 290px;
    padding-left: 0;
    padding-top: 134px;
  }

  .white-popup#videomarketing_popup .holder {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 0px;
  }

  .white-popup#videomarketing_popup .holder .head {
    font-size: 22px;
    max-width: 100%;
    margin-top: 0;
  }

  .white-popup#videomarketing_popup .img {
    background-image: url(/bitrix/templates/adapt/images/vid-pp-small.png);
    width: 100%;
    height: 134px;
    background-position: center top -16px;
        background-size: cover;
    -moz-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
    overflow: hidden;
  }

  .white-popup#videomarketing_popup .img:after {
    content: '';
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    height: 134px;
    width: 178px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.37)));
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.37) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#5e000000', GradientType=1);
  }

  .white-popup#videomarketing_popup button.mfp-close {
    top: 12px;
    right: 11px;
    opacity: 1;
  }

  .white-popup#videomarketing_popup .holder p {
    padding-top: 20px;
  }

  .white-popup#videomarketing_popup .holder a {
    margin-top: 25px;
  }
}

@media screen and (max-width: 767px) {
  .white-popup#km_strategy_popup {
    width: 290px;
    min-width: 290px;
    padding-left: 0;
    padding-top: 134px;
  }

  .white-popup#km_strategy_popup .holder {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 0px;
  }

  .white-popup#km_strategy_popup .holder .head {
    font-size: 22px;
    max-width: 100%;
    margin-top: 0;
  }

  .white-popup#km_strategy_popup .img {
    background-image: url(/bitrix/templates/adapt/images/strategybg-small.jpg);
    width: 100%;
    height: 134px;
    background-position: center;
    background-size: 291px;
    -moz-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
    overflow: hidden;
  }

  .white-popup#km_strategy_popup .img:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 134px;
    width: 178px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.37)));
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.37) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#5e000000', GradientType=1);
  }

  .white-popup#km_strategy_popup button.mfp-close {
    top: 12px;
    right: 11px;
    opacity: 1;
  }

  .white-popup#km_strategy_popup .holder p {
    padding-top: 10px;
  }

  .white-popup#km_strategy_popup .holder a {
    margin-top: 15px;
  }
}

@media screen and (max-width: 767px) {
  .white-popup#crm_popup {
    width: 290px;
    min-width: 290px;
    padding: 50px 20px 20px;
  }

  .white-popup#crm_popup .holder .head {
    margin-top: 0;
    font-size: 20px;
    text-align: center;
  }

  .white-popup#crm_popup .holder p {
    font-size: 15px;
    text-align: center;
  }

  .white-popup#crm_popup button.mfp-close {
    top: 12px;
    right: 11px;
    opacity: 1;
  }

  .white-popup#crm_popup .holder .btns {
    text-align: center;
    margin-top: 28px;
  }

  .white-popup#crm_popup .holder a,
    .white-popup#crm_popup .holder button.abort {
    margin: 7px auto 0;
    float: none;
  }
}

@media screen and (max-width: 767px) {
  .white-popup#telegram_popup {
    width: 290px;
    min-width: 290px;
    padding-left: 0;
    padding-top: 134px;
  }

  .white-popup#telegram_popup .holder {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 0px;
  }

  .white-popup#telegram_popup .holder .head {
    font-size: 22px;
    max-width: 100%;
    margin-top: 0;
  }

  .white-popup#telegram_popup .img {
    background-image: url(/bitrix/templates/adapt/images/tlg-pp-small.jpg);
    width: 100%;
    height: 134px;
    background-position: center;
    background-size: 291px;
    -moz-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
    overflow: hidden;
  }

  .white-popup#telegram_popup .img:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 134px;
    width: 178px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.37)));
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.37) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#5e000000', GradientType=1);
  }

  .white-popup#telegram_popup button.mfp-close {
    top: 12px;
    right: 11px;
    opacity: 1;
  }

  .white-popup#telegram_popup .holder p {
    padding-top: 10px;
  }

  .white-popup#telegram_popup .holder a {
    margin-top: 15px;
  }
}

@media screen and (max-width: 400px) {
  .white-popup#audit_saita_popup {
    width: 289px;
    height: 390px;
  }

  .white-popup#audit_saita_popup .img {
    width: 289px;
    height: 150px;
  }

  .white-popup#audit_saita_popup .holder .head {
    margin-top: 30px;
    font-size: 26px;
  }

  .white-popup#audit_saita_popup .holder p {
    font-size: 16px;
  }
}

@media screen and (max-width: 680px) {
  .noitems .image,
    .noitems span {
    display: block;
  }

  .noitems .image {
    margin: 0px auto 30px;
  }

  .noitems span {
    text-align: center;
    font-size: 18px;
    line-height: 24px;
  }
}

@media screen and (max-width: 540px) {
  .sitepres h2 {
    font: 26px/1em 'RobotoSlab', Arial;
  }

  .sitepres h3 {
    font: 22px/1em 'RobotoSlab', Arial;
  }

  .sitepres .funcpres h3 {
    margin-top: 3em;
  }
}

@media screen and (max-width: 1560px) and (min-width: 541px) {
  .innerpres:after {
    display: block;
  }
}

@media screen and (max-width: 920px) {
  .adaptpres:after {
    display: block;
  }
}

@media screen and (max-width: 1138px) {
  .funcpres h3:after {
    display: block;
  }
}

@media screen and (max-width: 969px) {
  .sitepres .mainpres .bgstripe {
    display: none;
  }
}

@media screen and (max-width: 1590px) and (min-width: 541px) {
  .sitepres .innerpres {
    cursor: move;
  }
}

@media screen and (max-width: 970px) and (min-width: 366px) {
  .sitepres .adaptpres {
    cursor: move;
  }
}

@media screen and (max-width: 540px) {
  .sitepres .funcpres {
    cursor: move;
  }
}

@media screen and (max-width: 1590px) {
  .sitepres .mainpres .item {
    padding: 0 13px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }

  .sitepres div.mainpres {
    width: 100%;
  }

  .sitepres div.mainpres div {
    width: 100%;
  }

  .sitepres div.mainpres div img {
    width: 100%;
    max-width: 1360px;
  }
}

@media screen and (max-width: 540px) {

  .sitepres div.innerpres {
    width: 100%;
  }

  .sitepres div.innerpres div.widewrap div.widestripe {
    width: 100%;
  }

  .sitepres div.innerpres div.widewrap div.widestripe .ptitle {
    margin-top: 20px;
  }

  .sitepres div.innerpres div.widewrap div.widestripe .item {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }

  .sitepres div.innerpres div.widewrap div.widestripe .item img {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}

@media screen and (max-width: 1440px) {
  .adaptpres .item {
    margin: 0 13px;
  }
}

@media screen and (max-width: 1220px) {
  .adaptpres .item {
    height: 420px;
    width: 204px;
    padding: 45px 8px 50px;
  }
}

@media screen and (max-width: 1220px) {
  .adaptpres div.widewrap {
    overflow-x: scroll;
  }

  .adaptpres div.widewrap div.widestripe {
    width: 935px;
    text-align: left;
  }
}

@media screen and (max-width: 500px) {
  .adaptpres div.widewrap div.widestripe .item {
    height: 321px;
    width: 157px;
    padding: 34px 7px 39px;
    margin: 8px;
  }

  .adaptpres div.widewrap div.widestripe {
    width: 710px;
    text-align: left;
  }
}

@media screen and (max-width: 359px) {
  .adaptpres div.widewrap div.widestripe .item {
    height: 267px;
    width: 130px;
    padding: 28px 6px 32px;
    margin: 8px;
  }

  .adaptpres div.widewrap div.widestripe {
    width: 595px;
    text-align: left;
  }
}

@media screen and (max-width: 500px) {
  .sitepres>div>div.fontcolorpres .font,
    .sitepres>div>div.fontcolorpres .color {
    text-align: center;
    display: block;
  }
}

@media screen and (max-width: 1220px) {
  .sitepres>div>div.fontcolorpres div .item {
    padding-top: 160px;
    margin: 0px 24px;
    width: 80px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .sitepres>div>div.fontcolorpres div .item span {
    width: 110px;
    height: 110px;
    margin-left: -55px;
  }
}

@media screen and (max-width: 830px) {
  .sitepres>div>div.fontcolorpres div .item {
    margin: 0px 14px;
    padding-top: 140px;
  }
}

@media screen and (max-width: 500px) {
  .sitepres>div>div.fontcolorpres div .item {
    width: 117px;
    padding-top: 110px;
    margin: 0px 0px;
    padding-left: 0;
    padding-right: 0;
  }

  .sitepres>div>div.fontcolorpres div .item span {
    width: 95px;
    height: 95px;
    margin-left: -47.2px;
  }
}

@media screen and (max-width: 1200px) {
  .sitepres div .bgskew {
    height: 555px;
  }
}

@media screen and (max-width: 830px) {
  .sitepres div .bgskew {
    height: 430px;
  }
}

@media screen and (max-width: 540px) {
  .sitepres div .bgskew {
    top: 9.3em;
    height: 370px;
  }
}

.sitepres div.funcpres {
  position: relative;
  width: 100%;
}

@media screen and (max-width: 1156px) {
  .sitepres div.funcpres {
    cursor: move;
  }
}

@media screen and (min-width: 1200px) {

  .sitepres div.funcpres div.widewrap div.widestripe .item {
    width: 100%;
    max-width: 1156px;
  }
}
@media screen and (max-width: 540px) {
    .sitepres .funcpres .widewrap {
            overflow-x: scroll;
  }

  .sitepres div.funcpres div.widewrap div.widestripe {
    margin-bottom: 0px;
    width: 950px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }

  .sitepres div.funcpres div.widewrap div.widestripe .item {
    width: 950px;
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }

  .time-send-service .form-wrap {
  padding: 26px 10px;
  }

  .time-send-service .form-wrap span {
    padding: 10px;
  }

  .time-send-service .form-wrap img {
  margin-left: 5px!important;
  }
}

@media screen and (max-width:640px) {
  .service-form .form .column label {
    padding-right: 20px;
  }
}

@media screen and (min-width: 601px) {
  .cwwrap .cw+.cwfinal {
    top: 500px;
  }

  .cwwrap .cw+.cwfinal+.cwfolds {
    top: 600px;
  }
}

@media screen and (max-width: 375px) {
  .footer .col.right .social a {
    width: 31%;
    height: 35px;
    margin: 0;
  }
}

@media screen and (max-width: 600px) {
  .cw {
    height: 320px;
  }

  .cwwrap {
    position: relative;
    padding-top: 360px;
  }

  .cwwrap span.lens {
    display: block;
  }

  .cwwrap .cw .cwholder {
    -webkit-transform: scale(0.5) translate(-100%, -50%);
            transform: scale(0.5) translate(-100%, -50%);
  }

  .cwwrap .cw .cwholder.scaled {
    -webkit-transform: scale(1) translate(0, 0%);
            transform: scale(1) translate(0, 0%);
    left: 20px;
  }

  .cwwrap .cw .cwholder .word sup {
    background: #e2223f;
    color: #fff;
    position: absolute;
    font-size: 16px;
    line-height: 18px;
    height: 16px;
    width: 19px;
    text-align: center;
  }

  .cwwrap .cw .cwholder .word.ver sup {
    top: -18px;
    left: 0;
  }

  .cwwrap .cw .cwholder .word.hor sup {
    top: 0;
    left: -20px;
  }

  .cwwrap .cw .cwholder .word sup:after {
    content: '';
    position: absolute;
    font-size: 8px;
    border: 2px solid transparent;
  }

  .cwwrap .cw .cwholder .word.ver sup:after {
    top: 100%;
    left: 50%;
    margin-left: -2px;
    border-top: 2px solid #e2223f;
  }

  .cwwrap .cw .cwholder .word.hor sup:after {
    top: 50%;
    left: 100%;
    margin-top: -2px;
    border-left: 2px solid #e2223f;
  }

  .cwwrap .cwfolds .fold {
    font-size: 14px;
  }

  .cwwrap .resbox .close {
    right: 35px;
  }
}

@media screen and (max-width: 600px) and (orientation: portrait) {
  .cwwrap .cw+.cwfinal {
    top: 250px;
    z-index: 102;
    right: -4px;
    margin-right: 0;
    max-width: 100%;
  }

  .cwwrap .cw+.cwfinal+.cwfolds {
    z-index: 103;
    top: 320px;
  }

  .cwwrap .cwfinal button {
    font-size: 12px;
    padding: 9px;
    margin-top: 20px;
  }
}

@media screen and (max-width: 360px) {

  .cwwrap .cw .cwholder {
    -webkit-transform: scale(0.44) translate(-111%, -58%);
            transform: scale(0.44) translate(-111%, -58%);
  }

  .cwwrap .cw .cwholder.scaled {
    -webkit-transform: scale(1) translate(0, 0%);
            transform: scale(1) translate(0, 0%);
    left: 20px;
  }
}

@media screen and (max-width: 1365px) {
  .guideankor {
    right: -123px;
    margin-right: 0;
  }
}

@media screen and (max-width: 640px) {
  .guideankor {
    display: none;
  }

  #matnav {
    background: rgba(40, 40, 40, 0.30);
    z-index: 2;
    position: fixed;
    top: 68px;
    right: 0;
    -webkit-transform: translate(480px, 0px);
            transform: translate(480px, 0px);
    width: 480px;
    padding-left: 50px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 100%;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }

  #matnav .navwrap {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 100%;
    overflow-x: visible;
    overflow-y: auto;
  }

  #matnav .navwrap .nhead {
    display: none;
  }

  #matnav.opened {
        transform: translate(0px, 0px);
  }

  #matnav .toggle {
    display: block;
    transition: all 0.3s ease;
    position: fixed;
    bottom: 0;
    right: 7px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #e2223f;
  }

  .blog-detail .info .share {
    display: none;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: fixed;
    top: 0;
    right: 7px;
    -webkit-transform: translate(0px, 15px);
            transform: translate(0px, 15px);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    z-index: 2;
    margin-top: 0;
    background: #dedede;
  }

  .blog-detail .info .share:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 50%;
    top: 0;
    left: 0;
    z-index: 1;
  }

  .blog-detail .info .share>strong,
        .blog-detail .info .share>.count-wrap span {
    display: none;
  }

  .blog-detail .info .share .link {
    position: absolute;
    top: 2px;
    right: 20px;
    width: 165px;
    background: #f3f3f3;
    padding: 10px 10px 7px;
    border-radius: 20px;
    z-index: -2;
  }

  .share .link a {
    text-decoration: none;
    border: none;
  }

  #matnav.opened .toggle {
    /* right: -45px;
    -webkit-transform: translate(-480px, 65px);
            transform: translate(-480px, 65px); */
  }

  .blog-detail .info .share.opened {
    margin-top: 0;
    right: -45px;
    -webkit-transform: translate(-480px, 15px);
            transform: translate(-480px, 15px);
  }

  #matnav .toggle svg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }

  #matnav.opened .toggle svg {
    display: none;
  }

  #matnav.opened .toggle:after {
    position: absolute;
    content: '+';
    font-size: 38px;
    color: #fff;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
            transform: translate(-50%, -50%) rotate(45deg);
    font-family: serif;
    font-weight: 700;
  }

  #matnav .navitems {
    background: #fff;
    min-height: 100vh;
    width: 100%;
    padding-left: 55px;
    padding-right: 25px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    float: right;
  }

  #matnav .navitems .navitem.biglink {
    padding-bottom: 0.9em;
    padding-top: 0.8em;
    position: relative;
  }

  #matnav .navitems .navitem a {
    font-size: 18px;
  }

  #matnav .navitems .navitem.biglink:before {
    font-size: 20px;
    left: -26px;
    top: 15px;
  }
}
@media screen and (max-width: 640px) and (orientation: portrait) {
    #matnav .toggle {
        transform: translate(-480px, -13vh);
    }
}
@media screen and (max-width: 640px) and (orientation: landscape) {
    #matnav .toggle {
        transform: translate(-480px, -42vh);
    }
}

@media screen and (max-width: 480px) {
  #matnav.opened {
    width: 100%;
  }

  #matnav.opened .toggle {
    right: 100%;
  }

  .blog-detail .info .share.opened {
    -webkit-transform: translate(45px, 15px);
            transform: translate(45px, 15px);
    right: 100%;
  }

  #scroller {
    background-size: cover;
    height: 40px;
    width: 40px;
    left: 10px;
  }

  #scroller:hover {
    background-position: 0 -48px;
  }

  .time-send-service .form-wrap img {
  width: 135px!important;
  }
}

@media screen and (max-width: 480px) and (orientation: portrait) {
    #matnav.opened .toggle {
        transform: translate(45px, -32vh);
    }
}
@media screen and (max-width: 480px) and (orientation: landscape) {
    #matnav.opened .toggle {
        transform: translate(45px, -42vh);
    }
}

@media screen and (max-width: 380px) {
  .time-send-service .form-wrap img {
      width: 100px!important;
  }
}

@media screen and (max-width: 991px) {
  .clients-item {
    width: calc(50% - 30px);
  }
}

@media screen and (max-width: 767px) {
  .clients_filter .chosen-container.chosen-container-multi .chosen-drop {
    z-index: 120;
  }

  .blog.nobg .content .clients_filter .chosen-container-multi ul li.search-field {
    margin-bottom: 8px!important;
  }

  .filter-left,
        .filter-right {
    width: 100%;
    padding: 0;
  }
}

@media screen and (max-width: 550px) {
  .blog .clients_filter.filter .button a.showall {
    float: none;
  }

  .blog .clients_filter.filter .button a.resetfilter.small {
    float: none;
  }

  .clients_new {
    margin-left: 0;
  }

  .clients-item {
    width: 260px;
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 767px) {
  .clients_filter .ui-selectmenu-button.ui-button {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 350px) {

  .filter_menu.ui-selectmenu-menu .ui-menu {
    max-width: calc(100vw - 40px);
  }
}

@media screen and (max-width: 639px) {

  div.prev-about-slider {
    left: 0px;
  }

  div.next-about-slider {
    right: 0px;
  }

  .blog-detail div.prev-about-slider {
    left: -30px;
  }

  .blog-detail div.next-about-slider {
    right: -30px;
  }

  .slick-slider.blog_rev.about-texterra {
    padding-bottom: 30px;
    width: 100%;
  }

  .slick-slider.blog_rev .slick-slide {
    padding: 0;
    cursor: default;
  }

  .slick-slider.blog_rev .slick-slide img {
    margin: auto;
    width: 100%;
    cursor: default;
  }

  div.prev-about-slider,
        div.next-about-slider {
    top: 100%;
    margin-top: -15px;
  }
}

@media screen {
  .landing_switch_button:hover {
    background-color: transparent;
  }
}

@media screen and (max-width: 845px) {
  .landing_switch_buttons {
    padding-left: 21px;
  }

  .landing_switch_button.for_desktop {
    display: none;
  }
}

@media screen and (max-width: 480px) {
  .landing_switch_buttons {
    padding-left: 5px;
  }

  .landing_switch_button.for_tablet {
    display: none;
  }
}

@media screen and (max-width: 640px) {
  .text .rmhold, .rmhold {
    padding-left: 0px;
  }

  .readblogmore {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 55px;
    padding-bottom: 30px;
    min-height: auto;
  }

  .readblogmore::before {
    left: 15px;
    top: -10px;
  }

  .readblogmore a:first-of-type {
    display: none;
  }

  .text .incut {
    padding: 60px 20px 25px;
  }

  .service-detail .incut {
    padding: 60px 20px 25px;
  }
}
/*ALL Media ENDS HERE*/

/*Webinar form*/

input#form-prichina {
    border-radius: 20px;
    padding: 8px 20px;
    border: 1px solid #9a9a9a;
    width: 100%;
    max-width: 63%;
    font-size: 16px;
    color: #333;
}

.form-prichina .thanks {
    color: #fff;
}

.form-prichina .wait {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
}


.form-prichina .wait:after {
    content: '';
    border: 15px solid transparent;
    border-top: 55px solid transparent;
    border-bottom: 15px solid #e2223f;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -35px;
    margin-left: -5px;
    -webkit-animation: circle 0.5s infinite ease-in-out;
            animation: circle 0.5s infinite ease-in-out;
}

@-webkit-keyframes circle {
    0 {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg)
    }
    25% {
        -webkit-transform: rotate(90deg);
                transform: rotate(90deg)
    }
    50% {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg)
    }
    75% {
        -webkit-transform: rotate(270deg);
                transform: rotate(270deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg)
    }
}

@keyframes circle {
    0 {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg)
    }
    25% {
        -webkit-transform: rotate(90deg);
                transform: rotate(90deg)
    }
    50% {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg)
    }
    75% {
        -webkit-transform: rotate(270deg);
                transform: rotate(270deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg)
    }
}

.listhalf,
.pichalf {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 30px;
}

.pichalf {
    width: 48%;
    overflow: hidden;
    margin-right: 20px;
}

.blog-detail .text .pichalf img {
    max-width: 200%;
    margin-left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
}

.listhalf {
    width: 48%;
}

.form-prichina {
    position: relative;
    min-height: 140px;
    text-align: left;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    box-shadow: 0px 0px 5px 0px #9a9a9a;
    border-radius: 3px;
    -webkit-box-shadow: 0px 0px 5px 0px #9a9a9a;
    -o-box-shadow: 0px 0px 5px 0px #9a9a9a;
    -moz-box-shadow: 0px 0px 5px 0px #9a9a9a;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 20px 30px;
    background: #e2223f;
    margin-bottom: 50px;
}

.form-prichina>div:first-child {
    font-size: 16pt;
    font-weight: 700;
    text-align: center;
    line-height: 1.2em;
}

.form-prichina>form {
    width: 100%;
    margin: 20px auto 0;
}



.form-prichina div:last-child {
    text-align: center;
    margin-left: 10px;
    margin-right: 10px;
    max-width: 35%;
    display: inline-block;
}

.form-prichina div.thanks:last-child {
    max-width: 100%;
}

.form-prichina div:last-child input {
    background-color: #ffffff;

    -webkit-box-shadow: 0px 0px 3px 3px #fff inset;

            box-shadow: 0px 0px 3px 3px #fff inset;
    color: #e2223f;
    font-weight: bold;
    padding: 11px;
    border-radius: 27px;
    -o-border-radius: 27px;
    text-decoration: none;
    border: none;
    cursor: pointer;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 220px;
    text-align: center;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.form-prichina div:last-child input:hover {
    -webkit-box-shadow: 0px -4px 7px 5px #d5d5d5 inset;
            box-shadow: 0px -4px 7px 5px #d5d5d5 inset;
}

.form-prichina div:last-child input:active {
    -webkit-box-shadow: 0px -15px 7px 5px #d5d5d5 inset;
            box-shadow: 0px -15px 7px 5px #d5d5d5 inset;
}

div#spasibo_za_podpisku {
    color: #fff;
    background: #e2223f;
    border-radius: 27px;
    -o-border-radius: 27px;
    padding: 10px 0px;
    width: 190px;
    margin: 0 auto;
}

.form-prichina .prpol {
    font-size: 10px;
    margin: 10px auto;
    /* margin-left: 28%; */
    display: inline-block;
    text-align: left;
    line-height: 15px;
    color: #a5a5a5;
    /* max-width: 200px; */
    width: 100%;
}

.form-prichina .prpol a {
    font-size: 10px;
    line-height: 15px;
    color: #a5a5a5;
    display: inline;
}

@media screen and (max-width: 1180px) {
    input#form-prichina {
        width: 100%;
        max-width: 100%;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }

    .form-prichina div:last-child {
        text-align: center;
        margin: 20px auto;
        max-width: 100%;
        display: block;
    }
    .form-prichina .prpol {
        text-align: center;
        margin: 10px auto;
        width: 100%;
    }
    .listhalf,
    .pichalf {
        display: inline-block;
        vertical-align: top;
        width: 100%;
    }
    .pichalf {
        margin: 10px auto;
        width: 100%;
        text-align: center;
    }
    .pichalf img {
        margin: auto;
        display: inline-block;
    }
    .listhalf {
        margin-top: 30px;
    }
}

input#form-prichina::-webkit-input-placeholder {
    font-size: 14px;
    color: #9a9a9a;
}

input#form-prichina::-moz-placeholder {
    font-size: 14px;
    color: #9a9a9a;
}

input#form-prichina:-ms-input-placeholder {
    font-size: 14px;
    color: #9a9a9a;
}
/*Webinar form END*/

.certsblock{
  margin-top: 30px;
  margin-bottom: 3em;
  display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
   -ms-flex-direction: row;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
           flex-direction: row;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -ms-flex-pack: start;
   -webkit-box-pack: start;
           justify-content: flex-start;
   -ms-flex-line-pack: stretch;
   align-content: stretch;
   -ms-flex-align: start;
   -webkit-box-align: start;
           align-items: flex-start;
}

.certsblock .cblock{
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 5px;
  margin-bottom: 30px;
  -ms-flex-order: 0;
  -webkit-box-ordinal-group: 1;
          order: 0;
  -ms-flex: 0 1 25%;
  -webkit-box-flex: 0;
          flex: 0 1 25%;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  text-align: center;
}

.certsblock .cblock a{
  border: 1px solid #ccc;
  display: block;
  margin: auto;
}

@media screen and (max-width: 767px) {
  .certsblock .cblock{
    -ms-flex: 0 1 49%;
    -webkit-box-flex: 0;
            flex: 0 1 49%;

  }
}

@media screen and (max-width: 479px) {
  .certsblock .cblock{
    -ms-flex: 0 1 100%;
    -webkit-box-flex: 0;
            flex: 0 1 100%;
-ms-flex-pack: center;
-webkit-box-pack: center;
        justify-content: center;

  }
}
.but_pod{
  display: block;
  padding-bottom: 30px;
}
.btn_share#btn_subscribe_form-popup{
  line-height: 1.2em;
  margin-left: 0;
}
.project-group .slick-prev:before, .project-group .slick-next:before{
  display: none;
}

.video-sort-title {
    font-size: 20px;
    line-height: 1.7em;
    color: #333333;
    padding: 0 35px;
    margin-bottom: 35px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align: left;
}

.video-sort {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 60px;
    padding: 0 35px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    color: #333333;
}

.video-sort label {
    cursor: pointer;
}

.video-sort-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
    margin-right: 25px;
}

.video-sort-item input[type="radio"] {
    position: absolute;
    width: 1px;
    height: 1px;
    visibility: hidden;
}

.video-sort-item input[type="radio"]:checked + .custom-radio::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #e2223f;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    position: absolute;
}

.video-sort-item .custom-radio {
    position: relative;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid #cbcbcb;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-right: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.video-sort-item .custom-title {
    font-size: 20px;
    color: #333333;
}

@media screen and (max-width: 767px) {
    .video-sort {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-bottom: 30px;
    }

    .video-sort-item {
        margin-bottom: 25px;
    }
}
.tcwrap.ps{
  padding-top: 20px;
  padding-bottom: 20px;
}
.tablecont.pricetable#lpprice td{
  text-align: center;
}
.tablecont.pricetable#lpprice tr:nth-of-type(even) td{
  background-color: #dedede;
}

.tablecont.pricetable#lpprice td:nth-child(1){
  min-width: 150px;
  text-align: left;
}
.tablecont.pricetable#lpprice td:last-child{
  min-width: 150px;
  text-align: right;
}
.tablecont.pricetable#lpprice td[colspan]{
  background-color: #ccc;
}
.tablecont.pricetable#lpprice td[colspan]:last-child{
  text-align: left;
}
.tablecont.pricetable#lpprice td:nth-child(2), .tablecont.pricetable#lpprice td:nth-child(3), .tablecont.pricetable#lpprice td:nth-child(4), .tablecont.pricetable#lpprice td:nth-child(5), .tablecont.pricetable#lpprice td:nth-child(6){
  min-width: 150px;
  max-width: 150px;
  vertical-align: middle;
}

.tablecont.pricetable#lpprice tr.timerow td:first-of-type{
  font-weight: bold;
}

.tablecont.pricetable strong.big{
  padding-bottom: 0;
}

@media screen and (max-width: 767px){
  .tablecont.pricetable strong.big{
    font-size: 16px;
  }
}



.tablecont.pricetable#lpprice tr.invis{
  display: none;
}

.tablecont.pricetable#lpprice tr.additional{
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 1;
  cursor: pointer;
}
.tablecont.pricetable#lpprice tr.additional:hover{
  opacity: 0.8;
}

.tablecont.pricetable#lpprice tr.additional td{
  padding-left: 50px;
  background-color: #ccc;
  position: relative;
}
.tablecont.pricetable#lpprice tr.additional td:after{
  content: '';
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: absolute;
  top: 50%;
  left: 10px;
  width: 16px;
  padding: 5px;
  border-radius: 100%;
  height: 16px;
  -webkit-transform: translate(0, -50%) rotate(90deg);
          transform: translate(0, -50%) rotate(90deg);
  background-color: #e2223f;
  background-image: url(/bitrix/templates/adapt/images/btemail-icon.svg);
  background-position: center;
  background-repeat: no-repeat;
}
.tablecont.pricetable#lpprice tr.additional.active td:after{
  -webkit-transform: translate(0, -50%) rotate(-90deg);
          transform: translate(0, -50%) rotate(-90deg);
}

.tablecont.pricetable#lpprice tr.timerow td{
  background-color: #333333;
  color: #fff;
}

.tablecont.pricetable#lpprice tr.pricerow td:first-of-type{
  font-weight: bold;
}

.tablecont.pricetable#lpprice tr.pricerow td{
  background-color: #e2223f;
  color: #fff;
}

/*
.tcwrap.fix .ps__rail-x:before, .tcwrap.fix .ps__rail-x:after{
  content: '';
  height: 100%;
  width: 3000px;
  position: absolute;
  top: 0;
  background-color: inherit;
}

.tcwrap.fix .ps__rail-x:before{
  right: 100%;
}
.tcwrap.fix .ps__rail-x:after{
  left: 100%;
} */



.speccomment{
  margin: 20px 0 40px;
  background: #f6f6f6;
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 1.5em;
  padding: 38px 30px;
}


.speccomment .img{
  vertical-align: top;
  display: inline-block;
  width: 100px;
  height: 100px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 100%;
}

.speccomment .text{
  vertical-align: top;
  display: inline-block;
  width: calc(100% - 150px);
  padding: 0;
  padding-left: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.speccomment .text .headbox {
  position: relative;
  margin-bottom: 1em;
  padding-left: 60px;
}
.speccomment .text .headbox:before {
    content: '“';
    position: absolute;
    font-family: 'TT Norms';
    left: 0px;
    top: 18px;
    font-size: 70px;
    font-weight: bold;
    color: #e2223f;
}
.speccomment .text .headbox .name{
  font-size: 20px;
  font-weight: 700;
}

.speccomment .text .citebox p{
  line-height: 1.4em;
}

.speccomment .text .citebox *{
  /* font-style: italic; */
}

.speccomment .text .citebox *:last-child{
  padding-bottom: 0;
}

body .service-detail .slick-slider:after, body .service-detail .slick-slider:before{
  content: '';
  position: absolute;
  background-size: auto;

  background-repeat: no-repeat;
}

body .service-detail .slick-slider:before{
  background-position: left bottom;
  width: 232px;
  height: 196px;
  bottom: 0px;
  left: -70px;
  background-image: url(/bitrix/templates/adapt/images/redray5.svg);
}

body .service-detail .slick-slider:after{
  background-position: right top;
  width: 146px;
  height: 116px;
  z-index: -1;
  top: 0;
  right: -70px;
  background-image: url(/bitrix/templates/adapt/images/redray6.svg);
}



body .service-detail div.prev-about-slider, body .service-detail div.next-about-slider{
  background-color: #e2223f;
  border-radius: 50%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1;
}



.service-detail div.prev-about-slider {
    display: block;
    height: 47px;
    width: 47px;
    top: 240px;
    position: absolute;
    left: -60px;
    cursor: pointer;
}

.service-detail .about-texterra .slick-slide{
  position: relative;
  text-align: center;
}

.service-detail .about-texterra .slick-slide img{
  margin: auto;
}
.service-detail div.next-about-slider {
    display: block;
    height: 47px;
    width: 47px;
    position: absolute;
    right: -60px;
    top: 240px;
    cursor: pointer;
}

.content .spoiler{
  margin-bottom: 15px;
}
.content .spoiler .sphead{
  min-height: 35px;
  padding: 15px;
  padding-right: 80px;
  background: #f6f6f6;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 1;
  position: relative;
}

.content .spoiler .sphead::after{
  content: '+';
  font-size: 40px;
  position: absolute;
  top: 10px;
  right: 15px;
  padding: 3px;
  border-radius: 100%;
  color: #fff;
  background-color: #e2223f;
  width: 40px;
  height: 40px;
  line-height: 43px;
  text-align: center;
}


.service-detail .content .spoiler p{
  padding: 0;
}

.content .spoiler .sphead {
  background: #f6f6f6;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 1;
}

.content .spoiler .sphead:hover,
.content .spoiler .sphead:focus{
  opacity: 0.5;
}

.content .spoiler .spcontent{
  margin-top: 1em;
  margin-bottom: 3em;
  display: none;
}

@media screen and (max-width: 959px){
  .service-detail div.prev-about-slider {
    left: 0px;
  }
  .service-detail div.next-about-slider {
    right: 0px;
  }
}

@media screen and (max-width: 839px){

  .service-detail .content .body .incut.cite .text{
    position: relative;
    margin-top: 70px;
  }

  .service-detail .content .body .incut.cite .img{
      width: 70px;
      height: 70px;
      left: 150px;
      top: -20px;

  }
}

@media screen and (max-width: 639px){
  .service-detail .content .body .incut.cite .img{
      left: 0px;
  }

  .speccomment .text{
    width: 100%;
  }

  .speccomment .img{
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    top: -20px;
    left: 30px;
  }

  .speccomment{
    padding: 40px 10px 20px;
  }
}


img.lazy{
  background-image: url(/bitrix/templates/adapt/images/loader.gif);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  font-size: 0;
  width: 300px;
  height: 300px;
}

img.lazy.loaded{
  width: auto;
  height: auto;
}



/*-------------------------------------------
-------------------------------------------*/

.advantages_service_page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    margin-top: 50px;
    margin-bottom: 30px;
}

.advantages_service_page_item {
  max-width: 282px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.advantages_service_page_item img {
  margin: 0 auto 35px;
  width: 60px;
}

.advantages_service_page_item span {
    text-align: center;
    margin: 0 auto;
    font-size: 18px;
    line-height: 1.5em;
    padding: 20px;
}

.advantages_service_button_container {
  text-align: center;
}

.advantages_service_button_container > a.bt {
  margin-left: 15px;
  margin-right: 15px;
  font-weight: normal;
  max-width: 240px;
  width: 100%;
  font-weight: bold;
  font-size: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 20px;
}

.advantages_service_button_container.seo__services > a.bt {
    max-width: 280px;
    margin: 0;
}

.advantages_service_button_container a.bt.white.toankor {
  color: #000;
  background-color: #fff;
}

.design_service_page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.service-detail .body .design_service_page ul li {
    padding-left: 50px;
    max-width: 440px;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.square_list {
    margin-bottom: 20px;
}

.service-detail .design_service_page.square_list ul li:after {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  border: none;
  background-color: #000;
  top: 10px;
}



.service-detail .body .design_service_page.square_list ul li,
.design_service_page.square_list ul li {
  padding-left: 30px;
}

.service-detail .design_service_page ul li:after {
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
  width: 10px;
  height: 10px;
  border-color: #000;
  left: 0;
}

.service-detail .design_service_page.square_list ul li {
  position: relative;
}

.service-detail .design_service_page.square_list.white__text ul li{
  color: #fff;
}

.service-detail .design_service_page.square_list.white__text ul li:after{
  background-color: #fff;
}

.service-detail .design_service_page.square_list.wide__screen {
      padding: 30px 15px 10px;
      max-width: 906px;
      width: 100%;
      margin: 0 auto;
}

.design_service_page ul li {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 40px;
}

.content .design_service_page.unbold * {
    font-weight: normal;
}

.content .design_service_page.unbold strong {
    font-weight: 700;
}

.design_service_page span {
  display: block;
  font-size: 14px;
  color: #a2a2a2;
  font-weight: normal;
}

.seo__how__we__work .square_list span,
.seo__how__we__work .square_list span ul li {
    color: #d2d2d2;
}

.design_service_page span.no-indent {
    padding-top: 0;
}

.container__popup__seo {
    background: url(/bitrix/templates/adapt/images/bg-container__popup__seo.png)no-repeat center / cover;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
    overflow: hidden;
}

.container__popup__seo * {
    color: #fff;
}

.design_service_page.container__popup__seo.container__popup__seo--white {
    background: none;
}

.design_service_page.container__popup__seo.container__popup__seo--white h2, .design_service_page.container__popup__seo.container__popup__seo--white p {
    color: #000;
}

.container__popup__seo h2 {
    margin-top: 0;
}

.container__popup__seo__btn__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-top: 20px;
    padding-bottom: 30px;
}

.container__popup__seo__btn__box a{
    margin: 0 20px;
    padding: 13.5px;
    width: 200px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 16px;
}

.container__popup__seo .popup__seo__receive {
    color: #EC133D;
    font-size: 18px;
    font-weight: bold;
}

.service-detail .body .design_service_page.square_list span ul {
    margin-top: 10px;
}

.service-detail .body .design_service_page.square_list span ul li {
    font-size: 14px;
    font-weight: normal;
    list-style: square;
    margin-bottom: 10px;
    margin-left: 20px;
    padding-left: 0;
}

.design_service_page.square_list span ul li:after {
    display: none;
}



.service-detail .design_service_page ul li:before {
    content: none;
}

.service-detail p.text-center {
    text-align: center;
}

.service-detail .design_service_page ul {
    padding-bottom: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

.service-detail .design_service_page.full__size ul li {
    max-width: 100%;
    width: 100%;
}

.advantages_service_page.advantages_service_page_list {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.advantages_service_page_list .advantages_service_page_item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 200px;
          flex: 1 1 200px;
  margin-bottom: 20px;
  padding: 0px 10px;
}
.services_content_center {
  text-align: center;
}
.services_content_bolder {
  font-weight: bold;
}
.service-form.service-form_black,
.service-form.service-form_black .info .holder {
  margin-top: 0;
  margin-bottom: 0;
  min-height: 280px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;

}

.service-form.service-form_black {
  margin-bottom: 40px;
}

.service-form.service-form_black .info .holder {
    background-image: none;
    color:#fff;
    min-height: auto;
}

.service-form.service-form_black .info .arrow {
    background-color: #DF1A42;
}

.service-form.service-form_black .info .title,
.service-form.service-form_black .submit_desc {
    color: initial;
}

.service-form.service-form_black .info .arrow:after {
    border-top: 11px solid #DF1A42;
}

.submit_desc {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    font-size: 10px;
    margin: 0 20px;
}

.service-form.service-form_black .form-content .form{
  margin-top: 20px;
}

.submit_desc a {
  color: #e12341;
}

.service-form .form .column .input {
  margin-right: 20px;
}

.service_design_stages {
  border-top: 1px solid #bcbcbc;
  border-bottom: 1px solid #bcbcbc;
  margin-bottom: 70px;
}

.service_design_stages_container {
  max-width: 906px;
  margin: 0 auto ;
  font-size: 18px;
  line-height: 1.7em;
  color: #333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}



.service_design_stages_box {
  padding-right: 70px;
  padding-top: 70px;
  padding-bottom: 70px;
  width: 50%;
}

.service_design_stages_box:first-child {
  padding-bottom: 0;
}

.service_design_stages_box:first-child:last-child {
  padding-bottom: 70px;
}

.service_design_stages_box_info span {
  display: block;
  position: relative;
}


.service_design_stages_box_stage_name:before {
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    background-color: #fff;
    left: -31px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    border-radius: 30px;
    border: 1px solid #DD0E45;
}

.service_design_stages_box_stages_list {
  margin-bottom: 20px;
}

.service_design_stages_box_stage_text {
  font-weight: bold;
}

.service_design_stages_box_stage_desc {
  color: #62676D;
  margin-top: 10px;
}

.service_design_stages_box_stage_name {
  font-size: 13px;
  color: #8d8d8d;
}

.service_design_stages.seo__services.seo__services--slider .service_design_stages_box_title {
    padding-right: 30px;
    line-height: 1.5;
}

.service_design_stages.seo__services.seo__services--slider .case-client-name {
    text-align: right;
    position: relative;
    right: -20px;
    padding-bottom: 50px;
    padding-top: 50px;
    margin-bottom: 60px;
}



.service_design_stages_box_stages_list.opening {
  position: relative;
}


.service_design_stages_box_stages_list.opening .service_design_stages_box_stage_name{
  display: none;
  width: 100%;
}


.service_design_stages_box_stages_list.opening .toggle[data-close]{
  display: none;
}

.service_design_stages_box_stages_list.opening .toggle{
  background: transparent;
}


.service_design_stages_box_stages_list.opening .toggle{
  color: #e2223f;
  font-size: 14px;
  padding: 0;
  border: none;
  border-bottom: 1px solid;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.service_design_stages_box_stages_list.opening .toggle:hover,
.service_design_stages_box_stages_list.opening .toggle:focus{
  border-bottom: 1px solid transparent;
}

.service_design_stages_box_stages_list.opening:before {
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    background-color: #fff;
    left: -31px;
    top: 0.7em;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    border-radius: 30px;
    border: 1px solid #DD0E45;
}

.service_design_stages_box_stages_list.opening .service_design_stages_box_stage_name:before {
  display: none;
}

.design_service_page.number__box__services {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.case-client-name-slider {
    padding-right: 50px;
    margin-bottom: 20px;
    position: relative;
    cursor: pointer;
}

.case-client-name-slider:after {
    position: absolute;
    content: '';
    width: 16px;
    height: 16px;
    -webkit-box-shadow: 0 0 0 1px #DD0E45;
            box-shadow: 0 0 0 1px #DD0E45;
    border-radius: 60px;
    background-color: #fff;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.case-client-name-slider.slick-current {
  font-weight: bold;
}

.case-client-name-slider.slick-current:after {
    background-color: #DD0E45;
    border: 4px solid #fff;
}

.service_design_stages.seo__services.seo__services--slider .seo__services {
    padding-right: 0;
}

.seo__services--slider .service_design_stages_box.seo__services .slick-next.slick-arrow {
    border-bottom: 3px solid #dd0e45;
    border-right: 3px solid #dd0e45;
    border-radius: 0;
    width: 20px;
    height: 20px;
    background: none;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}

.seo__services--slider .service_design_stages_box.seo__services .slick-prev.slick-arrow {
    border-bottom: 3px solid #dd0e45;
    border-right: 3px solid #dd0e45;
    border-radius: 0;
    width: 20px;
    height: 20px;
    background: none;
    -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg);
}

.seo__services--slider .service_design_stages_box.seo__services .slick-prev {
    top: 20px;
    left: 70%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}

.seo__services--slider .service_design_stages_box.seo__services .slick-next {
    top: auto;
    bottom: 20px;
    left: 70%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}

.seo__services--slider .service_design_stages_box.seo__services:not(.service_design_stages_box_info) {
    min-width: 280px;
    width: 100%;
}

.service_design_stages_box_title {
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 50px;
}

.service_design_stages_box.service_design_stages_box_info {
  padding-left: 25px;
  border-left: 1px solid #bcbcbc;
}

.seo__services--slider .service_design_stages_box.service_design_stages_box_info {
    padding-left: 55px;
}

.case-client-show-slider {
    padding-right: 95px;
}

.case-client-show .slick-arrow:before {
    display: none;
}

.case-client-show-slider h3 {
    margin: 0 0 30px;
    font-size: 22px;
}

.service_design_stages.seo__services.seo__services--slider .case-client-show-slider h3 a {
  color: #DD0E45;
}

.service_design_stages.seo__services.seo__services--slider .case-client-show-slider-review {
  color: #DD0E45;
  text-decoration: underline;
  display: inline-block;
  margin-top: 50px;
}

.case-client-show-slider p {
    margin-bottom: 15px;
}

.case-client-show-slider img {
    width: 100%;
    max-width: 700px;
    margin: 40px auto 0;
}

.case-client-show-slider .case-client-show-slider--info {
    margin-bottom: 40px;
}

.service_design_stages.seo__services.seo__services--slider .case-client-show-slider .case-client-show--info-image {
    color: #BCBCBC;
    padding-top: 20px;
}

.design_service_page.design_service_page_link li {
  font-size: 22px;
  -webkit-box-flex: 1;
    -ms-flex: 1 1 400px;
        flex: 1 1 400px;
}

.design_service_page.design_service_page_link li a {
  font-size: 16px;
}

.design_service_page.design_service_page_link {
    margin: 50px 0;
}

.design_service_contact_name {
    font-size: 18px;
    color: #333;
}

.service_design_stages_box_stage_text.design_service_contact_desc {
    font-weight: normal;
}

.service__page__container .service-detail {
  padding-bottom: 0;
}

.worksgal_container h2 {
  text-align: center;
  max-width: 906px;
  margin: 0px auto 50px;
}

.worksgal_container {
    margin-top: 70px;
}

.bodycontent-wrap .no-spacing {
  margin-bottom: 0;
}

.bodycontent-wrap .service-detail .left-text {
    text-align-last: left;
}

.bodycontent-wrap .spacing {
    margin-bottom: 60px;
  }

.service-detail .body ul.number_list,
.service-detail .body ul.checked_list {
  counter-reset: section;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;

}

.service-detail .body ul.number_list li {
  padding-left: 50px;
  margin-bottom: 40px;
  max-width: 40%;
}

.service-detail .body ul.number_list li:before,
.service-detail .body ul.number_list li:after,
.service-detail .body ul.checked_list li:before,
.service-detail .body ul.checked_list li:after {
  border: none;
}

.service-detail .body ul.checked_list li:before {
  background-image: url(https://texterra.ru/upload/img/razrabotka-dizaina/check-gray.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 53px;
  height: 48px;
  border-radius: 0;
  top: 0;
}



.service-detail .body ul.checked_list li {
  min-height: 50px;
  padding-top: 5px;
  margin-bottom: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 46%;
}


.service-detail .body ul.number_list li:before {
  counter-increment: section;
  content: counter(section);
  font-family: 'RobotoSlab';
  font-size: 30px;
  color: #DD0E45;
  top: 0;
  line-height: 1.5;
}

.column_text {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.column_text > * {
  max-width: 44%;
  position: relative;
}

.column_text_bg,
.design-cards-slider-container,
.design-signboard-container {
    padding-top: 70px;
    padding-bottom: 70px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.column_text_bg:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #00000080;
    top: 0;
    left: 0;
}

.design-cards-slider-container {
    margin-bottom: 50px;
}

.column_text_bg * {
    color: #fff;
    z-index: 10;
}

.design-cards-slider {
    z-index: 2;
}

.design-cards-slider .slick-arrow {
    width: 40px;
    height: 40px;
    background: #DD0E45;
    top: calc(50% - 50px);
}

.design-cards-slider .slick-prev:before,
.design-cards-slider .slick-next:before {
    width: 10px;
    height: 10px;
    border-top: 3px solid #fff;
    border-left: 3px solid #fff;
    margin-top: 0;
    left: 50%;
}
.design-cards-slider .slick-prev {
    left: -6%;
}

@media screen and (max-width: 1023px) {
    .design-cards-slider .slick-prev {
        left: 10px;
    }
}

.design-cards-slider .slick-next {
    right: -6%;
}

@media screen and (max-width: 1023px) {
    .design-cards-slider .slick-next {
        right: 10px;
    }
}

.design-cards-slider .slick-prev:before {
    -webkit-transform: translate(-30%,-50%) rotate(-45deg);
            transform: translate(-30%,-50%) rotate(-45deg);
}

.design-cards-slider .slick-next:before {
    -webkit-transform: translate(-70%,-50%) rotate(135deg);
            transform: translate(-70%,-50%) rotate(135deg);
}

body .service-detail .design-cards-slider.slick-slider:after,
body .service-detail .design-cards-slider.slick-slider:before {
    z-index: -1;
}

body .service-detail .design-cards-slider.slick-slider:before {
    bottom: 70px;
    left: -60px;
}

body .service-detail .design-cards-slider.slick-slider:after {
    right: -40px;
}

.design-cards-slider .slick-arrow {
    width: 40px;
    height: 40px;
    background: #DD0E45;
}

.design-cards-slider-container * {
    color: #fff;
    text-align: center;
}

.design-cards-slider-item img {
    width: 100%;
    max-width: 100%;
}

.design-cards-slider-item p {
    color: #8D8D8D;
    padding-top: 20px;
    font-style: italic;
}

.column_text_bg h2,
.design-cards-slider-container h2 {
    margin-top: 0;
    margin-bottom: 70px;
}

.design-signboard {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
}

.design-signboard img {
    width: 100%;
    max-width: 594px;
    margin: 0 auto;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
        flex-grow: 1;
}

.design-signboard p {
    -ms-flex-item-align: end;
        align-self: flex-end;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-preferred-size: 282px;
        flex-basis: 282px;
    padding-top: 30px;
    padding-left: 20px;
    margin: 0;
    color: #fff;
}

@media screen and (max-width: 767px) {
    .design-signboard p {
        padding-left: 0px;
    }
}

.column_text.column_text--bgitems p:before{
    width: 200px;
    z-index: -10;
    height: 220px;
    position: absolute;
    top: 35%;
    left: -40px;
    -webkit-transform: translateY(-50%) rotate(30deg);
            transform: translateY(-50%) rotate(30deg);
    content: '';
    background: url(/bitrix/templates/adapt/images/column_text--bgitems.png) no-repeat center;
    background-size: contain;
}

@media screen and (max-width: 959px) {
    .column_text.column_text--bgitems p:before {
        display: none;
    }
}

.column_text span {
    color: #e2223f;
    font-weight: 800;
}

.service-detail .content:after, .service-detail .content:before,
.service-detail .content:after, .service-detail .content:after {
    display: none;
}

.container.faces {
  padding-bottom: 30px;
}

.service-form {
  padding-top: 20px;
}

.content .spoiler .sphead.active::after {
  content: '-';
  line-height: 37px;
}

.price__build__site {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 10px -15px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-bottom: 70px;
    padding-top: 30px;
}

.price__build__site__item {
    border: 1px solid #C4C4C4;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 280px;
            flex: 0 1 280px;
    width: 100%;
    text-align: center;
    padding: 40px 30px 30px;
    height: 380px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 15px;
}

.price__build__site__item h3 {
    font-family:'RobotoSlab';
    font-size: 24px;
    margin: 0;
}

.price__build__site__cost {
    font-size: 26px;
}

.price__build__site__btn.bt {
    margin-bottom: 0;
    font-size: 16px;
    margin-top: 45px;
    margin-bottom: 20px;
    padding: 16px 15px;
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 186px;
}

.price__build__site__more {
    font-weight: bold;
    font-size: 18px;
}

.more__portfolio {
    display: block;
    font-size: 18px;
    font-weight: bold;
    padding-top: 40px;
    text-align: center;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    margin: 0 auto;
}

.cms__working {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.cms__working__item {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    border: 1px solid #C4C4C4;
    height: 230px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 270px;
            flex: 1 1 270px;
    margin: 0 -1px -1px 0;
}

.number__box__services {
    -ms-flex-pack: distribute;
        justify-content: space-around;
}

.number__box__services .number__box__services__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 200px;
    margin-bottom: 50px;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
}

.number__box__services .number__box__services__item .number__box__quantity {
    font: 48px/1.3 'RobotoSlab', Arial;
    color: #E2223F;
}

.number__box__services .number__box__services__item .number__box__quantity__title {
    font-size: 24px;
    padding-bottom: 20px;
    text-align: center;
    width: 80%;
    font-weight: bold;
    border-bottom: 2px solid #E5E5E5;
}

.number__box__services .number__box__services__item .number__box__quantity__desc {
    padding-top: 25px;
    text-align: center;
}

.container__how__we__work {
    background: url(/bitrix/templates/adapt/images/bg-how-we-work-seo.png)no-repeat center / cover;
    padding-top: 50px;
    padding-bottom: 70px;
}

.container__how__we__work .square_list ul > li {
    color: #fff;
}

.container__how__we__work .content:before,
.container__how__we__work .content:after {
    display: none;
}

.container__how__we__work .service-detail .design_service_page.square_list ul li:after {
    background-color: #fff;
}

.container__how__we__work .service-detail .body .design_service_page.square_list span ul li {
    color: #d2d2d2;
}

.design_service_page.square_list.seo-page {
    margin-bottom: 40px;
}

.container__how__we__work h2 {
    margin: 0px 0px 50px 0px;
    color: #fff;
    font-size: 28px;
}

.container__how__we__work .how__we__work__service {
    text-align: center;
    max-width: 240px;
    padding: 14px 20px;
    font-size: 16px;
    font-weight: bold;
    margin: 0 auto;
    display: block;
}

.service_design_stages.seo__services{
    background-color: #000;
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
}

.service_design_stages.tarif__container {
    background-color: #000;
    margin-left: 0;
    margin-right: 0;
    border: none;
}

.service_design_stages_box.seo__services {
    width: 30%;
    padding-right: 40px;
    color: #fff;
}

.service_design_stages.seo__services.seo__services--slider {
    background: none;
}

.service_design_stages.seo__services.seo__services--slider *{
    color: #000;
    -webkit-user-select: auto;
       -moz-user-select: auto;
        -ms-user-select: auto;
            user-select: auto;

}

.service_design_stages_box.service_design_stages_box_info.seo__services {
    width: 70%;
}

.service_design_stages_box_info.seo__services .service_design_stages_box_stage_name {
    font-size: 18px;
    color: #fff;
    font-weight: bold;
}

.service_design_stages_box_info.seo__services .service_design_stages_box_stage_name + span {
    font-size: 18px;
    color: #EC133D;
    font-weight: bold;
}

.tarif__container__box__item {
    max-width: 282px;
    width: 100%;
    background-color: #fff;
    padding: 30px 18px 90px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
    margin-bottom: 30px;
    margin-left: 10px;
    margin-right: 10px;
}

.service_design_stages.tarif__container {
    background: -webkit-gradient(linear, left top, left bottom, from(#EC133D), to(#DD0E45));
    background: linear-gradient(180deg, #EC133D 0%, #DD0E45 100%);
    padding-top: 70px;
    padding-bottom: 70px;
    text-align: center;
}

.service_design_stages.tarif__container h2 {
    margin: 0;
    padding-bottom: 60px;
    color: #fff;
}

.service_design_stages .tarif__container__desc {
    color: #fff;
    text-align: center;
    max-width: 600px;
    width: 100%;
    font-style: italic;
    margin: 0 auto;
}

.tarif__container__box__item__name,
.tarif__container__box__item__price {
    font-weight: bold;
    color: #000;
}

.service_design_stages.tarif__container {
  background: #161616;
}

.videomarketing-page .tarif__container__box__item__name {
  font-size: 20px;
  min-height: 58px;
}

.videomarketing-page .tarif__container__box__item__price {
  font-size: 21px;
}

.videomarketing-page .bt.tarif__container__box__item__btn {
  max-width: 180px;
}

.videomarketing-page .body .tarif__container__box__item .tarif__container__box__item__price {
    border-bottom: 1px solid #161616;
}

.videomarketing-page a.more_btn_videomarketing {
    margin-top: 60px;
    display: inline-block;
}

.videomarketing-page .tarif__container__box__item {
      padding: 30px 18px 20px;
}

.videomarketing-page .bt.tarif__container__box__item__btn {
  bottom: 20px;
}

.design_service_page.tarif__container__box {
    margin: 0 -10px;
}

.tarif__container__box__item__name {
    font-size: 24px;
    padding-bottom: 10px;
}

.tarif__container__box__item__price {
    font-size: 22px;
    font-family: 'RobotoSlab', Arial;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.tarif__container__box__item:nth-child(1) .tarif__container__box__item__price{
    border-bottom: 1px solid #FFF500;
}

.tarif__container__box__item:nth-child(2) .tarif__container__box__item__price{
    border-bottom: 1px solid #DD0E45;
}

.tarif__container__box__item:nth-child(3) .tarif__container__box__item__price{
    border-bottom: 1px solid #5E35AF;
}

.tarif__container__box__item__desc {
    color: #909090;
    font-size: 14px;
    padding-bottom: 15px;
    height: 50px;
}

.tarif__container__box__item__text {
    padding-bottom: 25px;
}

.tarif__container__box__item__text p {
    font-size: 14px;
    margin-bottom: 15px;
}

.bt.tarif__container__box__item__btn {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    max-width: 200px;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 16px;
    padding: 14px 20px;
}

.seo__services--slider .service_design_stages_box.seo__services .case-client-show .slick-arrow {
    width: 0px;
    height: 0px;
    border: none;
  }


/* media queries for services page */
@media screen and (max-width: 1023px) {
    .cms__working {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
}
@media screen and (max-width: 640px) {
    .price__build__site .price__build__site__item *{
        margin: 0;
    }

    .price__build__site__more {
        display: block;
        max-width: -webkit-fit-content;
        max-width: -moz-fit-content;
        max-width: fit-content;
        padding-top: 10px;
    }

    .price__build__site__item {
        text-align: left;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        height: auto;
        position: relative;
    }

    .price__build__site__btn.bt {
        padding: 0;
        color: #E23555;
        font-size: 16px;
        text-decoration: underline;
        background-color: #0000;
        display: inline-block;
    }
    .price__build__site .price__build__site__item h3,
    .price__build__site .price__build__site__cost {
        margin-bottom: 12px;
    }
    .price__build__site__btn.bt:hover {
        background-color: #0000;
    }

    .price__build__site__item:before {
        content: '';
        position: absolute;
        width: 46px;
        height: 46px;
        background: #E23555;
        border-radius: 30px;
        top: 50%;
        right: 20px;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
    }

    .price__build__site__item:after {
        content: '';
        position: absolute;
        width: 10px;
        height: 10px;
        border-bottom: 2px solid #fff;
        border-right: 2px solid #fff;
        border-radius: 0;
        top: 50%;
        right: 38px;
        -webkit-transform: translateY(-50%) rotate(-45deg);
                transform: translateY(-50%) rotate(-45deg);
        background: #0000;
    }
  }

  @media screen and (max-width: 440px) {
    .price__build__site__item:before,
    .price__build__site__item:after {
        display: none;
    }
  }

.landing__build__site {
    background-image: url(/bitrix/templates/adapt/images/bg-landing-box.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 70px;
    padding-bottom: 100px;
    margin-bottom: 60px;
}
.landing__build__site .price__build__site {
    padding: 0;
}
.landing__build__site h2 {
        font-size: 28px;
        color: #fff;
        padding: 0 20px 50px;
        text-align: center;
}

.landing__build__site p {
    max-width: 906px;
    margin: 0 auto;
    padding: 0 20px;
    font-size: 18px;
    line-height: 1.7em;
    color: #fff;
}

.landing__build__site .price__build__site__item {
    color: #fff;
}

@media screen and (max-width: 959px) and (min-width: 640px) {
  .container {
    max-width: 100%;
  }
}

@media screen and (min-width: 1200px) {
  .service-form.service-form_black .form-content {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-align-items: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

@media screen and (max-width: 959px) {
  .service-detail .body .design_service_page ul li {
    max-width: 100%;
    width: 100%;
  }
  .tarif__container__box__item {
    max-width:100%;
    width: 100%;
    margin: 0 0 30px 0;
  }
  .service_design_stages_container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .service_design_stages {
    margin-left: 20px;
    margin-right: 20px;
    border-top: 0;
  }

  .service_design_stages_box,
  .service_design_stages_box.seo__services,
  .service_design_stages_box.service_design_stages_box_info.seo__services {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .service_design_stages_box.service_design_stages_box_info {
    margin-top: 20px;
  }
  .service_design_stages.seo__services.seo__services--slider .case-client-name {
      display: none;
  }
  .seo__services--slider .service_design_stages_box.service_design_stages_box_info {
      border:none;
  }
  .case-client-show-slider {
      padding-right: 30px;
  }
  .seo__services--slider .service_design_stages_box.service_design_stages_box_info {
      padding-left: 30px;
      padding-top: 0;
  }
  .service_design_stages.seo__services.seo__services--slider .service_design_stages_box_title {
      margin-bottom: 10px;
  }
  .seo__services--slider .service_design_stages_box.seo__services .case-client-show .slick-arrow {
    width: 20px;
    height: 20px;
    border-bottom: 3px solid #dd0e45;
    border-right: 3px solid #dd0e45;
  }
  .seo__services--slider .service_design_stages_box.seo__services .case-client-show .slick-prev.slick-arrow {
    left: -30px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(135deg);
            transform: translateY(-50%) rotate(135deg);
  }
  .seo__services--slider .service_design_stages_box.seo__services .case-client-show .slick-next.slick-arrow {
    left: auto;
    right: 0px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(-45deg);
            transform: translateY(-50%) rotate(-45deg);
  }
  .container__popup__seo__btn__box {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  }
  .container__popup__seo__btn__box a {
      width: 100%;
      margin: 20px;
      max-width: 280px;
  }
  .design_service_page {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.container.tenyears{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}
@media screen and (max-width: 1365px) and (min-width: 960px) {
  .container .content {
      margin: 0 auto;
      max-width: 906px;
  }
  .service-detail-new.container>.content {
      max-width: 100%;
  }
}



@media screen and (max-width: 767px) {
  .service-form .form-content {
    text-align: center;
  }
  .service_design_stages_box_stage_name {
    line-height: 1;
    margin-bottom: 10px;
  }
  .service_design_stages_box {
    padding-top: 0;
  }

  .service_design_stages_container {
    padding-top: 30px;
  }
  .service-form .form input[type="submit"] {
    margin: 0 auto 20px;
  }
  .service-form .form .column .input {
    margin-right: 0;
    text-align: center;
  }

  .service-form.service-form_black, .service-form.service-form_black .info .holder {
    margin-bottom: 35px;
  }
  .service-form .form .column .input input {
    text-align: center;
  }
  .design_service_page {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .design_service_page_item {
    width: 100%;
  }
  .wideintro .container .mainfront .advantages_service_button_container a.bt {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .advantages_service_page_item span {
    margin: 0;
    margin-left: 20px;
    text-align: left;
    font-weight: normal;
  }
  .advantages_service_page_item span br {
    display: none;
  }
  .advantages_service_page_item img {
    margin: 0;
    max-width: 50px;
    min-width: 50px;
  }
  .advantages_service_page {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 20px;
  }

  .advantages_service_page_item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 100%;
    margin-bottom: 20px;

  }
}

@media screen and (max-width: 959px) {
    .case-client-name-slider:after {
        display: none;
    }

    .service_design_stages.seo__services.seo__services--slider .case-client-name {
        text-align: center;
        right: 0;
    }

    .case-client-name-slider {
        padding-right: 0;
    }

  .worksgal a:hover {
    -webkit-transform: none;
            transform: none;
    -webkit-box-shadow: none;
            box-shadow: none;
  }

  .service-detail .body ul.number_list li,
  .service-detail .body ul.checked_list li,
  .column_text > * {
    max-width: 100%;
    width: 100%;
  }
  .worksgal .main.pic,
  .worksgal a.pic {
    min-height: 280px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .worksgal a .portfcaption,
  .worksgal a .portfdesc {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
  }
  .worksgal a:before {
    opacity: 1;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)),color-stop(18%, rgba(0,0,0,0)),to(rgba(0,0,0,1)));
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 18%,rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
  }
  .worksgal a .portfdesc:after,
  .worksgal a .portfdesc:before {
    display: none;
  }
}

.advantages_service_button_container.kompleksnoe-prodvizhenie__services > a.bt {
    max-width: 280px;
    margin: 0;
    margin-top: 80px;
}

.service-detail .body .services-list-image ul li:before,
.service-detail .body .services-list-image ul li:after {
  content: none;
  border: none;
  width: 0;
  height: 0;
}

.service-detail .body .services-list-image ul {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -15px;
}

.service-detail .body .services-list-image ul li {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 50%;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 40px;
}

@media screen and (max-width: 960px) {
  .service-detail .body .services-list-image ul li {
    max-width: 100%;
  }
}

.service-detail .body .services-list-image .services-list-image-icon {
  max-height: 100px;
  max-width: 100px;
  width: 100%;
  height: 100%;
  margin-right: 20px;
}

.service-detail .body .services-list-image .services-list-image-icon img {
  width: 100%;
}

.service-detail .body .services-list-image .services-list-image-title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 5px;
}

.service-detail .body .services-list-image .services-list-image-desc {
  font-size: 17px;
  color: #62676D;
}

@media screen and (max-width: 960px) {
  .service-detail .body .services-list-image .services-list-image-icon {
    max-height: 50px;
    max-width: 50px;
  }
}

@media screen and (min-width: 961px) {
  .service-detail .body .services-list-image ul li:not(:nth-last-child(1)):not(:nth-last-child(2)) {
      margin-bottom: 70px;
  }
}

.container__popup__kompleksnoe-prodvizhenie {
  background: -webkit-gradient(linear, left top, left bottom, from(#2A3341), to(#0A111B)), -webkit-gradient(linear, left top, left bottom, from(#1B2532), to(#0A111B));
  background: linear-gradient(180deg, #2A3341 0%, #0A111B 100%), linear-gradient(180deg, #1B2532 0%, #0A111B 100%);
    text-align: center;
    padding-top: 70px;
    padding-bottom: 70px;
    overflow: hidden;
}

.container__popup__kompleksnoe-prodvizhenie h2 {
  margin-top: 0;
}

.container__popup__kompleksnoe-prodvizhenie .body {
  color: #fff;
}

.container__popup__kompleksnoe-prodvizhenie .body p {
  color: #8A8E94;
}

.price__kompleksnoe-prodvizhenie {
  background: -webkit-gradient(linear, left top, left bottom, from(#2A3341), to(#0A111B)), #000000;
  background: linear-gradient(180deg, #2A3341 0%, #0A111B 100%), #000000;
  padding-top: 70px;
  padding-bottom: 70px;
}

.price__kompleksnoe-prodvizhenie .service-detail h2 {
  margin: 0;
  color: #fff;
}

.price__kompleksnoe-prodvizhenie-box {
  margin-top: 60px;
  margin-bottom: 70px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.service-detail .price__kompleksnoe-prodvizhenie-item {
  -ms-flex-preferred-size: 280px;
      flex-basis: 280px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 100%;
  border: 1px solid #86898E;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 40px 30px;
  -webkit-transition: .5s;
  transition: .5s;
  margin: 0 15px 35px;
  overflow: hidden;
  position: relative;
}

.service-detail .price__kompleksnoe-prodvizhenie-item * {
  -webkit-transition: .5s;
  transition: .5s;
}

.price__kompleksnoe-prodvizhenie-item:hover {
  background-color: #DD0E45;
  border-color: #DD0E45;
}

.service-detail .price__kompleksnoe-prodvizhenie-item-name {
  color: #FFF;
  margin-bottom: 30px;
  font-weight: bold;
}

.service-detail .price__kompleksnoe-prodvizhenie-item-desc {
  color: #86898E;
  font-size: 14px;
  height: 120px;
  margin-bottom: 0px;
}

.price__kompleksnoe-prodvizhenie-item:hover .price__kompleksnoe-prodvizhenie-item-desc {
  color: #FEB1C6;
}

.service-detail .price__kompleksnoe-prodvizhenie-item-value {
  color: #DD0E45;
  font-weight: bold;
  margin-bottom: 50px;
}

.price__kompleksnoe-prodvizhenie-item:hover .price__kompleksnoe-prodvizhenie-item-value {
  color: #fff;
}

.service-detail .price__kompleksnoe-prodvizhenie-item-popup a {
  color: #fff;
  text-decoration: underline;
  font-size: 14px;
  font-weight: bold;
  border: none;
}

.price__kompleksnoe-prodvizhenie-item:hover .price__kompleksnoe-prodvizhenie-item-popup a  {
  color: #0A111B;
}

.service-detail .price__kompleksnoe-prodvizhenie-item-popup {
    margin: 0;
}

.price__kompleksnoe-prodvizhenie-item-bg {
  position: absolute;
  max-width: 130px;
  bottom: -20px;
  right: 0;
}

.price__kompleksnoe-prodvizhenie-item-bg svg {
  max-width: 130px;
  width: 100%;
  fill: #444A53;
}

.price__kompleksnoe-prodvizhenie-item:hover .price__kompleksnoe-prodvizhenie-item-bg svg {
  opacity: .4;
}

.dlincut.kompleksnoe-prodvizhenie-pdf {
  background-image: url(/bitrix/templates/adapt/images/kompleksnoe-prodvizhenie-bg-pdf.png);
}

.kompleksnoe-prodvizhenie-faq {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-align-items: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 70px;
}

@media screen and (max-width: 960px) {
  .kompleksnoe-prodvizhenie-faq {
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
}

.kompleksnoe-prodvizhenie-faq-box {
  width: 100%;
}

.kompleksnoe-prodvizhenie-faq-title {
  padding-right: 30%;
}

@media screen and (max-width: 960px) {
  .kompleksnoe-prodvizhenie-faq-title {
    padding-right: 0;
    width: 100%;
    margin-bottom: 40px;
  }
}


.kompleksnoe-prodvizhenie-faq-title h2 {
  margin: 0;
  font-family: 'RobotoSlab';
}

.kompleksnoe-prodvizhenie-faq-question {
  font-weight: bold;
  padding: 15px 20% 15px 25px;
  border: 1px solid #ECECEC;
  position: relative;
  cursor: pointer;
  -webkit-transition: .5s;
  transition: .5s;
  font-size: 18px;
  margin-bottom: 25px;
}

.kompleksnoe-prodvizhenie-faq-question:before {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  background: #DD0E45;
  width: 3px;
  height: 100%;
}

.kompleksnoe-prodvizhenie-faq-question:after {
  position: absolute;
  content: '';
  right: 25px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  border-bottom: 2px solid #000;
  border-right: 2px solid #000;
  width: 5px;
  height: 5px;
  -webkit-transition: .5s;
  transition: .5s;
}

.kompleksnoe-prodvizhenie-faq-question.open:after {
  -webkit-transform: translateY(-50%) rotate(-135deg);
          transform: translateY(-50%) rotate(-135deg);
}

.kompleksnoe-prodvizhenie-faq-question.open {
  color: #DD0E45;
}

.kompleksnoe-prodvizhenie-faq-answer {
  display: none;
  color: #86898E;
  margin-bottom: 50px;
  line-height: 1.7;

}

/*.seo__services--slider .service_design_stages_box.seo__services .case-client-show.case-client-show-kompleksnoe .slick-arrow {
    border-bottom: 3px solid #dd0e45;
    border-right: 3px solid #dd0e45;
    width: 20px;
    height: 20px;
}*/

.border-services {
  border-bottom: 1px solid #BCBCBC;
}

/*-------------------------------------------
-------------------------------------------*/



/*New popup 17-12-2018*/
.white-popup#internet_marketing_b2b_popup,
.white-popup#internet_marketing_b2c_popup,
.white-popup#commercial_author {
  width: 100%;
  height: auto;
  position: relative;
  background-image: none;
}
.white-popup#commercial_author {
  max-width: 502px;
  margin: 0 auto;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  background: none;
  padding: 0;
}

.white-popup#commercial_author .mfp-close {
  top: 20px;
  right: 30px;
}

#internet_marketing_b2b_popup .popup__body,
#internet_marketing_b2c_popup .popup__body,
#commercial_author .popup__body {
  width: 100%;
  position: relative;
  z-index: 25;
  max-width: 300px;
  margin: 0 auto;
  background: radial-gradient(343.08px at 80.47% 53.65%, #402B94 0%, #39219C 100%), #573EBC;
  border-radius: 23px;
  padding: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#internet_marketing_b2c_popup .popup__body {
  padding-top: 120px;
}
#internet_marketing_b2b_popup .popup__body__title,
#internet_marketing_b2c_popup .popup__body__title,
#commercial_author .popup__body__title {
  width: 100%;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 24px;
  text-transform: uppercase;
  color: #fff;
}
#internet_marketing_b2b_popup .popup__body__title span,
#internet_marketing_b2c_popup .popup__body__title span,
#commercial_author .popup__body__title span {
  display: block;
  text-transform: none;
  font-weight: bold;
  font-size: 18px;
}
#internet_marketing_b2b_popup .popup__body__title b,
#internet_marketing_b2c_popup .popup__body__title b,
#commercial_author .popup__body__title b {
  display: block;
  font-size: 39px;
  line-height: 40px;
}
#commercial_author .popup__body__title b {
  font-size: 26px;
  line-height: 32px;
  text-transform: none;
}
#internet_marketing_b2b_popup .popup__list,
#internet_marketing_b2c_popup .popup__list,
#commercial_author .popup__list {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-bottom: 30px;
}
#internet_marketing_b2b_popup .popup__list li,
#internet_marketing_b2c_popup .popup__list li,
#commercial_author .popup__list li {
  width: 100%;
  position: relative;
  font-size: 16px;
  line-height: 20px;
  color: #fff;
  padding-left: 15px;
  margin-bottom: 13px;
}
#internet_marketing_b2b_popup .popup__list li::before,
#internet_marketing_b2c_popup .popup__list li::before,
#commercial_author .popup__list li::before {
  content: '';
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #fff;
  top: 8px;
  left: 0;
}
#internet_marketing_b2b_popup .popup__link,
#internet_marketing_b2c_popup .popup__link,
#commercial_author .popup__link {
  display: block;
  width: 100%;
  border: none;
  margin: 0 auto;
  margin-bottom: -60px;
  max-width: 182px;
  padding-top: 11px;
  padding-bottom: 11px;
  background-color: #E23555;
  border-radius: 50px;
  text-align: center;
  font-size: 16px;
  line-height: 23px;
  color: #fff;
}
#internet_marketing_b2b_popup .popup__image {
  position: absolute;
  z-index: 20;
  width: 231px;
  height: 231px;
  background-image: url(/bitrix/templates/adapt/images/b2b_popup__image.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  top: -178px;
  left: 215px;
}
#internet_marketing_b2c_popup .popup__image {
  position: absolute;
  z-index: 30;
  width: 381px;
  height: 192px;
  background-image: url(/bitrix/templates/adapt/images/b2c_popup__image.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  top: -45px;
  left: 150px;
}
#commercial_author .popup__image {
  position: absolute;
  z-index: 30;
  width: 238px;
  height: 184px;
  background-image: url(/bitrix/templates/adapt/images/commercial_author-image.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  top: -130px;
  left: 155px;
}
@media screen and (min-width: 768px) {
  #internet_marketing_b2b_popup .popup__body,
  #internet_marketing_b2c_popup .popup__body {
    max-width: 560px;
    padding: 20px 30px;
    padding-bottom: 0px;
  }
  #commercial_author .popup__body {
    max-width: 502px;
    padding: 25px 30px;
    background-image: url(/bitrix/templates/adapt/images/commercial_author_popup-image-desktop.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
  }
  #internet_marketing_b2b_popup .popup__link,
  #internet_marketing_b2c_popup .popup__link {
    margin: 0;
    margin-bottom: 20px;
  }
  #commercial_author .popup__link {
    margin: 0;
  }
  #internet_marketing_b2b_popup .popup__image {
    width: 330px;
    height: 330px;
    top: 40px;
    left: 295px;
    z-index: 30;
  }
  #internet_marketing_b2c_popup .popup__image {
    width: 290px;
    height: 360px;
    background-image: url(/bitrix/templates/adapt/images/b2c_popup__image-desktop.svg);
    top: -45px;
    left: 355px;
  }
  #commercial_author .popup__image {
    display: none;
  }
}
/*New popup 17-12-2018 END*/

/*Re-style bottom form in article 18-12-2018*/
@media screen and (min-width: 280px) and (max-width: 767px) {
  .form-in_texterra-ru {
    float: none;
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .form-in_texterra-ru .info {
    float: none;
    width: 100%;
  }
  .form-in_texterra-ru #blog-from-down {
    width: 100%;
    float: none;
    margin-bottom: 10px;
  }
  .form-in_texterra-ru .info .title {
    font: 40px/40px 'RobotoSlab';
  }
}
.form-in_texterra-ru #blog-from-down input[type="submit"] {
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  cursor: pointer;
}
.form-in_texterra-ru #blog-from-down input[type="submit"]:hover {
  background-color: #ce0c28;
}
/*Re-style bottom form in article 18-12-2018 END*/

/* new social buttons 22-01-2019 */

.footer .social {
    margin: 10px 0;
}

.footer .social p {
    display: inline-block;
    line-height: 33px;
    vertical-align: top;
}

.social a.telegram {
    background-color: #179cde;
}

.social a.whatsapp {
    background-color: #1ebea5;
}

.social a.viber {
    background-color: #2d275b;
}

.header-messanger a.telegram svg{
    fill: #179cde;
}

.header-messanger a.whatsapp svg{
    fill:#1ebea5;
}

.header-messanger a.viber svg{
    fill: #2d275b;
}

.header-messanger {
    margin-left: 20px;
}

.header-messanger svg {
    fill: #E01A42;
}

.icon-box {
    width: 15px;
    height: 15px;
    padding: 0 7.5px;
    position: relative;
}

.icon-button {
    width: 15px;
    height: 15px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
}

.header-messanger a.whatsapp i {
    width: 16px;
    height: 16px;
}

.header-messanger a.viber i {
    width: 20px;
    height: 17px;
}

.menu-messangers {
    text-align: center;
    padding-top: 15px;
}

.menu-messangers .icon-button {
    width: 18px;
    height: 18px;
}

.menu-messangers .icon-button svg {
    fill: #fff;
    max-height: 100%;
}

.contact .messanger {
    max-width: 280px;
}

.contact .messanger span {
    margin-bottom: 20px;
}

.contact .messanger a {
    max-width: 120px;
    width: 100%;
    display: inline-block;
    position: relative;
    border: 1px solid #ccc;
    border-radius: 60px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 7px 0px 7px 47px;
    font-size: 14px;
    color: #333;
    margin-right: 15px;
    text-decoration: none;
    margin-bottom: 15px;
}

.contact .messanger .icon-button {
    width: 22px;
    height: 100%;
    left: 15px;
    -webkit-transform: translate(0%,-50%);
            transform: translate(0%,-50%);
}

.contact .messanger svg {
    fill: #E2223F;
}

.contact .messanger.icon:before {
    display: none;
}
/* new social buttons 22-01-2019 END */


/* portfolio */

.portfolio-page {
  font-size: 18px;
  line-height: 1.5;
}

.portfolio-page * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.bodycontent-wrap .portfolio-page .no-spacing {
    margin-bottom: 0;
}

.portfolio-page  .design__page__container--double_columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.portfolio-page .design__page__container--double_columns_item {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 50%;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.portfolio-page .design__page__container--double_columns_item img {
    width: auto;
}

.portfolio-page .design__page__container--double_columns_item.contain-bg {
    background-size: contain;
}

.portfolio-page .design__page__container--double_columns_item--text {
    max-width: 360px;
}

.portfolio-page .design__page__container .box {
    max-width: 906px;
    width: 100%;
    margin: 0 auto;
}

.portfolio-page .center-image {
    margin: 0 auto;
}

.portfolio-page h2 {
    margin-bottom: 50px;
}

.portfolio-page .text-center {
    text-align: center;
}

.portfolio-myasnov .design__page__container--double_columns {
    min-height: 360px;
    height: 360px;
}

.portfolio-myasnov .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.portfolio-myasnov .vertical_text {
    margin: 11% 20px 11%;
}

.portfolio-myasnov .design__page__container--first__text {
    margin-bottom: 90px;
}

.portfolio-myasnov .design__page__container--double_columns {
    margin-bottom: 90px;
}

.portfolio-myasnov .design__page__container {
    margin-bottom: 90px;
}

.portfolio-myasnov .center-image {
    max-width: 430px;
    width: 100%;
    margin-bottom: 150px;
}

.portfolio-myasnov .all-card {
  padding-bottom: 67%;
}

.team-portfolio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 -15px;
    margin-top: 50px;
    margin-bottom: 70px;
}

.team-portfolio > * {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding: 0 15px;
    margin-bottom: 20px;
}

.team-portfolio-item a {
    font-weight: bold;
}

.works-detail .body .team-portfolio-item p {
    font-size: 14px;
    color: #A1A1A1;
    margin-top: 2px;
    margin-bottom: 0;
}

.more-work-slider .slick-next,
.more-work-slider .slick-prev {
    width: 70px;
    height: 70px;
}

.more-work-slider .slick-next {
    right: -35px;
}

.more-work-slider .slick-prev {
    left: -35px;
}


.more-work-slider .slick-next:before,
.more-work-slider .slick-prev:before {
    width: 7px;
    height: 7px;
    top: 48%;
}

.more-work-slider .slick-next:before {
    right: 55px;
}

.more-work-slider .slick-prev:before {
    left: 55px;
}





.more-work-slider--item {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.more-work-slider--item {
    text-align: center;
    min-height: 300px;
    max-height: 380px;
    overflow: hidden;
    position: relative;
    -webkit-transition: .3s;
    transition: .3s;
}

.more-work-slider a:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: .3s;
    transition: .3s;
}

.more-work-slider a:hover:before {
    opacity: 1;
}


.more-work-slider--title {
    -webkit-transform: scale(5) translateY(-500%);
            transform: scale(5) translateY(-500%);
    -webkit-transition: .3s;
    transition: .3s;
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
    text-transform: uppercase;
}

.more-work-slider--desc {
    -webkit-transform: scale(5) translateY(500%);
            transform: scale(5) translateY(500%);
    -webkit-transition: .3s;
    transition: .3s;
    font-size: 14px;
    color: #ffffff;
}

.more-work-slider--item-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
}

.more-work-slider--item:hover .more-work-slider--title,
.more-work-slider--item:hover .more-work-slider--desc {
    -webkit-transform: scale(1) translateY(0%);
            transform: scale(1) translateY(0%);
}

.fullsize-container {
    width: 100vw;
    position: relative;
    left: calc(50% - 50vw);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.text-desc {
    text-align: center;
    color: #A1A1A1;
    font-style: italic;
    margin-bottom: 35px;
}


/*inpack portfolio*/

.portfolio-inpack .design__page__container--double_columns {
    min-height: 500px;
}

.portfolio-inpack .design__page__container--double_columns .overbox-text{
    position: absolute;
    bottom: 50px;
    left: 41.5%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    max-width: 540px;
    width: 100%;
    background-color: #fff;
    padding: 10px 20px;
    font-style: italic;
    font-size: 18px;
}


.portfolio-inpack .bg-box {
    background: -webkit-gradient(linear, left top, left bottom, from(#F0F0F0), to(rgba(240, 240, 240, 0)));
    background: linear-gradient(180deg, #F0F0F0 0%, rgba(240, 240, 240, 0) 100%);
    color: #fff;
    padding-top: 70px;
    padding-bottom: 40px;

}

.portfolio-inpack .bg-box p {
    padding-bottom: 60px;
    color: #000;
}

.portfolio-inpack .bg-box img {
  display: block;
  margin: 0 auto;
  max-width: 966px;
}

.portfolio-inpack .visual-design-inpack {
  min-height: 550px;
  margin-top: 30px;
  margin-bottom: 30px;
}

.portfolio-inpack .visual-design-inpack .design__page__container--double_columns_item:first-child {
  width: 30%;
  color: rgba(0, 0, 0, 0.3);
    font-size: 48px;
    font-family: 'TT Norms';
    font-weight: bold;
    line-height: 1;
}

.portfolio-inpack .visual-design-inpack .design__page__container--double_columns_item:last-child {
  width: 70%;
  background-size: contain;
}


/*ozub portfolio*/
.portfolio-page .design__page__container--double_columns.logo-box {
    min-height: 450px;
    height: 450px;
}

.portfolio-ozhub .design__page__container--double_columns {
  margin-bottom: 75px;
  margin-top: 60px;
}

.portfolio-page .window-browser {
    margin: 0 auto;
    padding: 0 20px;
}

.portfolio-page .address-browser {
    background-color: #1A2025;
    border-radius: 6px 6px 0px 0px;
    padding: 8px;
    -webkit-box-shadow: -20px 20px 50px rgba(44, 48, 56, 0.2);
            box-shadow: -20px 20px 50px rgba(44, 48, 56, 0.2);
}

.portfolio-page .address-browser span {
    background: #333B42;
    color: #fff;
    border-radius: 6px;
    display: block;
    max-width: 700px;
    width: 100%;
    margin: 0px auto;
    text-align: center;
    font-size: 12px;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.portfolio-page .content-browser {
  -webkit-box-shadow: -20px 20px 50px rgba(44, 48, 56, 0.2);
          box-shadow: -20px 20px 50px rgba(44, 48, 56, 0.2);
}

.portfolio-page .content-browser a {
  line-height: 0;
  display: block;
}

.portfolio-page .preview-browser {
  margin-bottom: 35px;
}

.portfolio-page .dynamic-box {
  height: 500px;
   background: url(/bitrix/templates/adapt/images/dynamic-img.png)no-repeat center;
   background-size: 42%;
  overflow: hidden;
  margin-top: 50px;
  margin-bottom: 35px;
  background-position-x: 38%;
}

.portfolio-page .dynamic-box + p {
  margin-bottom: 70px;
}
.portfolio-page .dynamic-box img {
  pointer-events: none;
    width: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
}

.body .portfolio-page .dynamic-box p {
  font-family: 'BebasNeueBold';
  font-size: 154px;
  font-weight: bold;
  margin: 0;
  position: absolute;
  left: 66%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 0;
  line-height: 1;
  color: #fff;
}

.body .portfolio-page .dynamic-box.bahus-dynamic {
  background: url(/bitrix/templates/adapt/images/dynamic-img-bahus.png);
  background-position: 38% center;
}

.lazy-scroll {

  background-size: cover;
  width: 100%;
  height: 250px;
  background-repeat: repeat-x;
  margin: 40px 0;
}

.lazy-scroll.lazy-scroll--left {
  -webkit-animation: lazyScrollLeft 500s linear infinite;
          animation: lazyScrollLeft 500s linear infinite;
  background-image: url(images/post-scroll-1.png);
}

.lazy-scroll.lazy-scroll--right {
  -webkit-animation: lazyScrollRight 500s linear infinite;
          animation: lazyScrollRight 500s linear infinite;
  background-image: url(images/post-scroll-2.png);
}

.inpack-bg-footer {
  background-image: url(/bitrix/templates/adapt/images/bg-inpack-footer.jpg);
  padding-bottom: 50%;
    background-position: center;
    background-size: cover;
    margin-bottom: 70px;
}

.video-container .adaptive-video {
 position: relative;
  padding-bottom: 52.7%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.video-container .adaptive-video iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-container .box {
  padding-left: 25px;
  padding-right: 25px;
}

@-webkit-keyframes lazyScrollLeft {
  from { background-position: 0% bottom; }
  to { background-position: -40000px bottom; }
}

@keyframes lazyScrollLeft {
  from { background-position: 0% bottom; }
  to { background-position: -40000px bottom; }
}
@-webkit-keyframes lazyScrollRight {
  from { background-position: 0% bottom; }
  to { background-position: 40000px bottom; }
}
@keyframes lazyScrollRight {
  from { background-position: 0% bottom; }
  to { background-position: 40000px bottom; }
}

/* bahus portfolio */

.portfolio-page .video-container {
  padding: 70px 0px 50px;
  background-color: #1A2025;
}

.portfolio-page .video-container img {
  padding: 0px 25px;
}

.portfolio-page .video-container .text-desc {
  margin-top: 40px;
  margin-bottom: 20px;
}

.portfolio-page .frame-video-container {
  margin-top: 70px;
  margin-bottom: 40px;
}

.frame-video-container .box {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 20px;
}

.frame-video-container .box > * {
  width: 299px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 3px;
}

.frame-video-container .bahus-slider button {
  width: 30px;
}

.frame-video-container .bahus-slider .slick-slide{
  padding: 0 10px;
}

.portfolio-bahus .design__page__container--double_columns.logo-box {
  margin-bottom: 45px;
}

.portfolio-bahus .preview-browser {
  margin-top: 40px;
}

.ul_before_none ul{
    padding-left: 20px;
    list-style: disc;
}
.ul_before_none ul li{
    font-size: 14px;
    margin: 0;

}
.ul_before_none ul li::before{
    display: none;
}
.ul_before_none ul li::after{
    display: none;
}
.service-detail .body .ul_before_none ul li:not(.ya-share2__item){
    padding: 0;
}

/*teachline-portfolio*/


.portfolio-teachline .logo-box .design__page__container--double_columns_item:first-child {
    max-width: 340px;
    margin-right: 110px;
    background-size: contain;
}

@media screen and (max-width: 830px) {
  .portfolio-teachline .logo-box .design__page__container--double_columns_item:first-child {
        margin-right: 0;
        max-width: 100%;
  }
}

.portfolio-teachline .window-browser {
  background-color: #E3EBF1;
  padding-top: 50px;
  overflow: hidden;
}

.portfolio-teachline .window-browser-teachline {
    max-width: 830px;
    margin-left: auto;
    height: 100%;
    margin-right: 0;
    padding-right: 19%;
    position: relative;
    -webkit-transition: 1s;
    transition: 1s;
    z-index: 1;

}

@media screen and (max-width: 830px) {
  .portfolio-teachline .window-browser-teachline {
        padding-top: 15%;
        padding-right: 0;
  }
}

.portfolio-teachline .window-browser-teachline .content-browser {
  -webkit-box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.25);
          box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.25);
  max-height: 630px;
  overflow: hidden;
  position: relative;
}

.portfolio-teachline .window-browser-teachline .content-browser a {
  -webkit-animation: scrollPage 15s ease-in-out infinite;
          animation: scrollPage 15s ease-in-out infinite;
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
  background: url(/bitrix/templates/adapt/images/portfolio/window-browser-teachline-full.png) 50% 0 / cover no-repeat;
}

.portfolio-teachline .window-browser-teachline .content-browser a img {
  opacity: 0;
}

.portfolio-teachline .window-browser-teachline:before {
    position: absolute;
    content: '';
    background-image: url(/bitrix/templates/adapt/images/portfolio/window-browser-teachline.png);
    -webkit-background-size: contain;
    background-position: right;
    background-size: contain;
    background-repeat: no-repeat;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 130%;
    z-index: -1;
    -webkit-box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.25);
            box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.25);
}

@media screen and (max-width: 830px) {
  .portfolio-teachline .window-browser-teachline:before {
    right: -100px;
    height: 100%;
  }
}

.portfolio-page.portfolio-teachline .design__page__container--double_columns.logo-box {
  height: 250px;
  min-height: 250px;
}

@media screen and (max-width: 830px) {
  .portfolio-page.portfolio-teachline .design__page__container--double_columns.logo-box {
   min-height: 400px;
   height: auto;
  }
}


.portfolio-teachline .window-browser p {
  max-width: 280px;
  -webkit-transition: 1s;
  transition: 1s;
}

@media screen and (max-width: 830px) {
  .portfolio-teachline .window-browser p {
    max-width: 100%;
  }
}

@-webkit-keyframes scrollPage {
  0% {
  background-position: 50% 0;
  }
  10% {
  background-position: 50% 0;
  }
  85% {
  background-position: 50% 100%;
  }
  90% {
  background-position: 50% 100%;
  }
  to {
  background-position: 50% 0;
  }
}

@keyframes scrollPage {
  0% {
  background-position: 50% 0;
  }
  10% {
  background-position: 50% 0;
  }
  85% {
  background-position: 50% 100%;
  }
  90% {
  background-position: 50% 100%;
  }
  to {
  background-position: 50% 0;
  }
}

.portfolio-teachline .design__teachline__products {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}

.portfolio-teachline .design__teachline__products .design__products-item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px 30px;
  padding-bottom: 38%;
}

@media screen and (max-width: 830px) {
  .portfolio-teachline .design__teachline__products .design__products-item {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
  }
}


.portfolio-teachline .design__teachline__anonce-item,
.portfolio-teachline .design__teachline__products .design__products-item,
.portfolio-teachline .design__teachline__products .design__products-item .design__products-subitem {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}

.portfolio-teachline .design__teachline__products .design__products-item .design__products-subitem {
  padding: 20px 30px;
  padding-bottom: 40%;
}

.portfolio-teachline .design__teachline__products .design__products-item:first-child {
  padding: 0;
}

.portfolio-teachline .design__teachline__products p {
  margin-bottom: 0;
  padding: 10px;
  background-color: #fff;
  max-width: 300px;
  width: 100%;
  -webkit-box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.25);
          box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.25);
}

@media screen and (max-width: 767px) {
  .portfolio-teachline .design__teachline__products p {
       font-size: 12px;
       max-width: 45%;
       position: absolute;

  }
}

@media screen and (max-width: 767px) {
  .portfolio-teachline .design__teachline__anonce-item,
  .portfolio-teachline .design__teachline__products .design__products-item,
  .portfolio-teachline .design__teachline__products .design__products-item .design__products-subitem {
   padding-bottom: 70%;
  }
}

.portfolio-teachline .design__teachline__anonce {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.portfolio-teachline .design__teachline__anonce > * {
    padding-bottom: 12%;
    width: 100%;
    margin-top: 0;
    height: auto;
    background-repeat: repeat-x;
}

@media screen and (max-width: 830px) {
  .portfolio-teachline .design__teachline__anonce > * {
    padding-bottom: 25%;
    -webkit-animation-duration: 1100s;
            animation-duration: 1100s;
  }
}

@media screen and (max-width: 480px) {
  .portfolio-teachline .design__teachline__anonce > * {
    padding-bottom: 45%;
    -webkit-animation-duration: 1100s;
            animation-duration: 1100s;
  }
}

/*teachline-portfolio end*/

/*media portfolio*/

@media screen and (max-width: 1280px) {
  .portfolio-page .dynamic-box {
    background-size: cover;
    height: 400px;
  }
}

@media screen and (max-width: 959px) {
    /*.more-work-slider--item {
        padding-bottom: 9%;
    }
*/
    .portfolio-inpack .bg-box p {
      padding: 0 30px 30px
    }

    .portfolio-inpack .design__page__container--double_columns .overbox-text {
      position: static;
      -webkit-transform: none;
              transform: none;
      max-width: 100%;
      padding: 40px 30px;
    }

    .portfolio-inpack .visual-design-inpack {
      position: static;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      -o-flex-direction: column;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
              flex-direction: column;
    }

    .portfolio-inpack .visual-design-inpack .design__page__container--double_columns_item:first-child {
      width: 100%;
      height: auto;
      padding-bottom: 25px;
    }

    .portfolio-inpack .visual-design-inpack .design__page__container--double_columns_item:last-child {
      width: 100%;
      height: 300px;
    }

    .portfolio-inpack .visual-logo-inpack {
      min-height: 100%;
    }

    .portfolio-inpack .visual-logo-inpack .design__page__container--double_columns_item:first-child{
      height: 300px;
    }

    .portfolio-inpack .visual-logo-inpack .design__page__container--double_columns_item:nth-child(2){
      height: 300px;
    }
}

@media screen and (max-width: 640px) {
    .portfolio-myasnov .vertical_text svg {
        width: 60px;
        height: 100%;
    }

    .portfolio-page .design__page__container--double_columns_item {
        width: 100%;
    }

    .portfolio-inpack .visual-design-inpack {
      min-height: 100%;
      margin-top: 20px;
      margin-bottom: 20px;
    }

    .portfolio-page .design__page__container--double_columns_item.contain-bg {
        height: 300px;
    }

    .portfolio-page .design__page__container--double_columns_item--text {
        padding-left: 0;
        max-width: 100%;
    }

    .body .portfolio-page .dynamic-box p {
      font-size: 90px;
      left: auto;
      right: 30px;
      -webkit-transform: none;
              transform: none;
    }

    .inpack-bg-footer {
      padding-bottom: 100%;
    }

    .lazy-scroll {
      height: 150px;
    }
}

/*-----------------------------------
-----------------------------------*/



/*New popup 17-12-2018*/
.white-popup#internet_marketing_b2b_popup,
.white-popup#internet_marketing_b2c_popup,
.white-popup#commercial_author {
  width: 100%;
  height: auto;
  position: relative;
  background-image: none;
}
.white-popup#commercial_author {
  max-width: 502px;
  margin: 0 auto;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
}
#internet_marketing_b2b_popup .popup__body,
#internet_marketing_b2c_popup .popup__body,
#commercial_author .popup__body {
  width: 100%;
  position: relative;
  z-index: 25;
  max-width: 300px;
  margin: 0 auto;
  background: radial-gradient(343.08px at 80.47% 53.65%, #402B94 0%, #39219C 100%), #573EBC;
  border-radius: 23px;
  padding: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#internet_marketing_b2c_popup .popup__body {
  padding-top: 120px;
}
#internet_marketing_b2b_popup .popup__body__title,
#internet_marketing_b2c_popup .popup__body__title,
#commercial_author .popup__body__title {
  width: 100%;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 24px;
  text-transform: uppercase;
  color: #fff;
}
#internet_marketing_b2b_popup .popup__body__title span,
#internet_marketing_b2c_popup .popup__body__title span,
#commercial_author .popup__body__title span {
  display: block;
  text-transform: none;
  font-weight: bold;
  font-size: 18px;
}
#internet_marketing_b2b_popup .popup__body__title b,
#internet_marketing_b2c_popup .popup__body__title b,
#commercial_author .popup__body__title b {
  display: block;
  font-size: 39px;
  line-height: 40px;
}
#commercial_author .popup__body__title b {
  font-size: 26px;
  line-height: 32px;
  text-transform: none;
}
#internet_marketing_b2b_popup .popup__list,
#internet_marketing_b2c_popup .popup__list,
#commercial_author .popup__list {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-bottom: 30px;
}
#internet_marketing_b2b_popup .popup__list li,
#internet_marketing_b2c_popup .popup__list li,
#commercial_author .popup__list li {
  width: 100%;
  position: relative;
  font-size: 16px;
  line-height: 20px;
  color: #fff;
  padding-left: 15px;
  margin-bottom: 13px;
}
#internet_marketing_b2b_popup .popup__list li::before,
#internet_marketing_b2c_popup .popup__list li::before,
#commercial_author .popup__list li::before {
  content: '';
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #fff;
  top: 8px;
  left: 0;
}
#internet_marketing_b2b_popup .popup__link,
#internet_marketing_b2c_popup .popup__link,
#commercial_author .popup__link {
  display: block;
  width: 100%;
  border: none;
  margin: 0 auto;
  margin-bottom: -60px;
  max-width: 182px;
  padding-top: 11px;
  padding-bottom: 11px;
  background-color: #E23555;
  border-radius: 50px;
  text-align: center;
  font-size: 16px;
  line-height: 23px;
  color: #fff;
}
#internet_marketing_b2b_popup .popup__image {
  position: absolute;
  z-index: 20;
  width: 231px;
  height: 231px;
  background-image: url(/bitrix/templates/adapt/images/b2b_popup__image.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  top: -178px;
  left: 215px;
}
#internet_marketing_b2c_popup .popup__image {
  position: absolute;
  z-index: 30;
  width: 381px;
  height: 192px;
  background-image: url(/bitrix/templates/adapt/images/b2c_popup__image.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  top: -45px;
  left: 150px;
}
#commercial_author .popup__image {
  position: absolute;
  z-index: 30;
  width: 238px;
  height: 184px;
  background-image: url(/bitrix/templates/adapt/images/commercial_author-image.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  top: -130px;
  left: 155px;
}
@media screen and (min-width: 768px) {
  #internet_marketing_b2b_popup .popup__body,
  #internet_marketing_b2c_popup .popup__body {
    max-width: 560px;
    padding: 20px 30px;
    padding-bottom: 0px;
  }
  #commercial_author .popup__body {
    max-width: 502px;
    padding: 25px 30px;
    background-image: url(/bitrix/templates/adapt/images/commercial_author_popup-image-desktop.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
  }
  #internet_marketing_b2b_popup .popup__link,
  #internet_marketing_b2c_popup .popup__link {
    margin: 0;
    margin-bottom: 20px;
  }
  #commercial_author .popup__link {
    margin: 0;
  }
  #internet_marketing_b2b_popup .popup__image {
    width: 330px;
    height: 330px;
    top: 40px;
    left: 295px;
    z-index: 30;
  }
  #internet_marketing_b2c_popup .popup__image {
    width: 290px;
    height: 360px;
    background-image: url(/bitrix/templates/adapt/images/b2c_popup__image-desktop.svg);
    top: -45px;
    left: 355px;
  }
  #commercial_author .popup__image {
    display: none;
  }
}
/*New popup 17-12-2018 END*/

/*Re-style bottom form in article 18-12-2018*/
@media screen and (min-width: 280px) and (max-width: 767px) {
  .form-in_texterra-ru {
    float: none;
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .form-in_texterra-ru .info {
    float: none;
    width: 100%;
  }
  .form-in_texterra-ru #blog-from-down {
    width: 100%;
    float: none;
    margin-bottom: 10px;
  }
  .form-in_texterra-ru .info .title {
    font: 40px/40px 'RobotoSlab';
  }
}
.form-in_texterra-ru #blog-from-down input[type="submit"] {
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  cursor: pointer;
}
.form-in_texterra-ru #blog-from-down input[type="submit"]:hover {
  background-color: #ce0c28;
}
/*Re-style bottom form in article 18-12-2018 END*/

/* new social buttons 22-01-2019 */

.footer .social {
    margin: 10px 0;
}

.footer .social p {
    display: inline-block;
    line-height: 33px;
    vertical-align: top;
}

.social a.telegram {
    background-color: #179cde;
}

.social a.whatsapp {
    background-color: #1ebea5;
}

.social a.viber {
    background-color: #2d275b;
}

.header-messanger a.telegram svg{
    fill: #179cde;
}

.header-messanger a.whatsapp svg{
    fill:#1ebea5;
}

.header-messanger a.viber svg{
    fill: #2d275b;
}

.header-messanger {
    margin-left: 20px;
}

.header-messanger svg {
    fill: #E01A42;
}

.icon-box {
    width: 15px;
    height: 15px;
    padding: 0 7.5px;
    position: relative;
}

.icon-button {
    width: 15px;
    height: 15px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
}

.header-messanger a.whatsapp i {
    width: 16px;
    height: 16px;
}

.header-messanger a.viber i {
    width: 20px;
    height: 17px;
}

.menu-messangers {
    text-align: center;
    padding-top: 15px;
}

.menu-messangers .icon-button {
    width: 18px;
    height: 18px;
}

.menu-messangers .icon-button svg {
    fill: #fff;
    max-height: 100%;
}

.contact .messanger {
    max-width: 280px;
}

.contact .messanger span {
    margin-bottom: 20px;
}

.contact .messanger a {
    max-width: 120px;
    width: 100%;
    display: inline-block;
    position: relative;
    border: 1px solid #ccc;
    border-radius: 60px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 7px 0px 7px 47px;
    font-size: 14px;
    color: #333;
    margin-right: 15px;
    text-decoration: none;
    margin-bottom: 15px;
}

.contact .messanger .icon-button {
    width: 22px;
    height: 100%;
    left: 15px;
    -webkit-transform: translate(0%,-50%);
            transform: translate(0%,-50%);
}

.contact .messanger svg {
    fill: #E2223F;
}

.contact .messanger.icon:before {
    display: none;
}
/* new social buttons 22-01-2019 END */

/* textarea для формы услуг */
.service-form .form .column .textarea textarea.input.services-input {
    max-width: 560px;
    width: 100%;
    min-height: 60px;
}

.service-form .form .column .input:last-child {
  margin-right: 0;
}

.impinfo{
  position: relative;
  background-image: url(/bitrix/templates/adapt/images/formpurple.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.impinfo:after, .impinfo .text::before{
    content: '';
    background-image: url(/bitrix/templates/adapt/images/redray4.svg);
    background-repeat: no-repeat;
    position: absolute;
}
.impinfo:after{
  left: 0px;
  top: -60px;
  width: 135px;
  height: 60px;
  background-size: cover;
  background-position: top;
}
.impinfo .text::before{
  background-size: contain;
  width: 135px;
  height: 102px;
  right: -60px;
  bottom: -60px;
}
.impinfo::before{
  background-size: contain;
  width: 250px;
  height: 100%;
  max-height: 316px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center bottom;
  left: 600px;
  bottom: 0;
  background-image: url(/bitrix/templates/adapt/images/incutphone.png);
  position: absolute;
  content: '';
}
.impinfo .text{
  position: relative;
  padding: 1.4em;
  line-height: 1.4em;
  max-width: 400px;
  color: #fff;
  font-size: 1.7em;
  font-family: 'RobotoSlab', Arial;
}
.impinfo .text strong{
  color: #fff;
  display: block;
  font-family: 'RobotoSlab', Arial;
}

@media screen and (max-width: 1199px){

  .service-form .form .column:first-child{
    padding-right: 30px;
  }

  .form-content .row>span {
    text-align: left;
  }

}

@media screen and (max-width: 640px){

  .form-content .row>span {
    text-align: center;
  }
  .service-form .form .column .textarea textarea.input.services-input {
    max-width: 282px;

    -webkit-box-sizing: border-box;

            box-sizing: border-box;
  }
  .blacksect .item{
    min-height: 300px;
  }

}
/* textarea для формы услуг END*/


.info .ya-share2__container_size_m .ya-share2__item{
  margin: 0 0 0;
}

.info .ya-share2__container_size_m .ya-share2__item a {
    margin-top: -6px;
    display: block;
}

.info .ya-share2__item .ya-share2__badge{
    background-color: #999;
}
@media screen and (max-width: 639px){
  .blog-detail .info .link .ya-share2__container_size_m span.ya-share2__badge,
  .blog-detail .info .link .ya-share2__container_size_m span.ya-share2__icon{
    width: 40px;
  }
  .blog-detail .info .link .ya-share2__container_size_m{
    margin: 0 5px;
  }
  .blog-detail .info .link .ya-share2__container_size_m span.ya-share2__icon{
    background-repeat: no-repeat;
    background-position: center;
  }
}
@media screen and (max-width: 639px){

  .faces-detail .item .item-body {
      display: block;
  }

}

/* FOOTER NEW */
.ttFooter {
    font-family: "TT Norms",sans-serif;
    color: #0A111B; }

  .ttFooter__bold {
    font-weight: bold; }

  .ttFooter .ttFooter__color--red {
    color: #E2223F; }

  .ttFooter .ttFooter__color--gray {
    color: #84888D; }

  .ttFooter .ttFooter__color--black {
    color: #0A111B; }

  .ttFooter__fz--small {
    font-size: 12px; }

  .ttFooter__fz--medium {
    font-size: 14px; }

  .ttFooter .ttRow {
    max-width: 1330px; }

  .ttFooter__top-side {
    border-bottom: 1px solid #E3E3E3;
    border-top: 1px solid #E3E3E3;
    font-size: 14px; }

  .ttFooter__top-side .ttRow {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }

  .ttFooter__middle-side {
    padding-top: 30px;
    padding-bottom: 35px;
    font-size: 14px; }

  .ttFooter__middle-side p {
    padding-bottom: 15px; }

  .ttFooter__middle-side .ttFooter__social-btn-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }

  .ttFooter__middle-side .ttFooter__social-btn-container--title {
    padding-bottom: 0;
    margin-right: 10px; }

  .ttFooter__middle-side .ttFooter__social-btn-container .social-btn {
    min-width: 30px;
    max-width: 30px;
    height: 30px;
    border-radius: 30px;
    border: 1px solid #E3E3E3;
    overflow: hidden;
    margin-right: 7px;
    margin-top: 5px;
    margin-bottom: 5px; }

  @media only screen and (min-width: 280px) and (max-width: 1139px) {
    .ttFooter__middle-side .ttFooter__social-btn-container .social-btn {
      min-width: 40px;
      max-width: 40px;
      height: 40px; } }

  .ttFooter__middle-side .ttFooter__social-btn-container .social-btn:last-child {
    margin-right: 0; }

  .ttFooter__middle-side .ttFooter__social-btn-container .social-btn a {
    height: 100%;
    width: 100%;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }

  .ttFooter__bottom-side {
    font-size: 12px;
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #0A111B;
    color: #fff; }

  @media only screen and (min-width: 280px) and (max-width: 1139px) {
    .ttFooter__bottom-side p {
      padding-bottom: 10px; } }

  .ttFooter__bottom-side .ttRow {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }

  .ttFooter__bottom-side [class*="ttCol-"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

  @media only screen and (min-width: 280px) and (max-width: 1139px) {
    .ttFooter__bottom-side [class*="ttCol-"] {
      display: block; } }

  .ttFooter__bottom-side [class*="ttCol-"]:first-child p {
    margin-right: 20px; }

  .ttFooter__bottom-side [class*="ttCol-"]:nth-child(2) {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }

  .ttFooter__bottom-side [class*="ttCol-"]:last-child {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }

  .ttFooter .ttFooter__logo {
    padding-top: 15px;
    padding-bottom: 15px; }

  @media only screen and (min-width: 280px) and (max-width: 767px) {
    .ttFooter__links-menu, .ttFooter__links-email {
      display: none; } }

  .ttFooter__menu ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    text-transform: uppercase;
    color: #0A111B;
    font-weight: bold;
    margin: 0 -5px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }

  @media only screen and (min-width: 280px) and (max-width: 767px) {
    .ttFooter__menu ul {
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; } }

  .ttFooter__menu ul li {
    list-style-type: none;
    margin: 0px 5px; }

  .ttFooter__menu ul li a {
    color: #0A111B;
    text-decoration: none; }

  @media only screen and (min-width: 280px) and (max-width: 767px) {
    .ttFooter__menu ul li {
      padding-top: 5px;
      padding-bottom: 15px; } }

  .ttFooter .ttFooter__gutter {
    padding-bottom: 15px; }

  .ttFooter .social-btn {
    min-width: 30px;
    max-width: 30px;
    height: 30px;
    border-radius: 30px;
    border: 1px solid #E3E3E3;
    overflow: hidden;
    margin-right: 7px;
    margin-top: 5px;
    margin-bottom: 5px; }

  @media only screen and (min-width: 280px) and (max-width: 1139px) {
    .ttFooter .social-btn {
      min-width: 40px;
      max-width: 40px;
      height: 40px; } }

  .ttFooter .social-btn:last-child {
    margin-right: 0; }

  .ttFooter .social-btn a {
    height: 100%;
    width: 100%;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  /* NEW CALLBACK FORM */
  .callback-form__footer {
    font-family: "TT Norms",sans-serif;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: -webkit-gradient(linear, left top, right top, from(#0A111B), color-stop(50%, #0A111B), color-stop(50%, #fff), to(#fff));
    background: linear-gradient(to right, #0A111B 0%, #0A111B 50%, #fff 50%, #fff 100%);
    line-height: 1.3;
    font-size: 18px; }

  .callback-form__footer .callback-form__thx-message {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    color: #000;
    font-size: 32px;
    -webkit-transition: .7s;
    transition: .7s;
    opacity: 0; }

  .callback-form__footer .callback-form__thx-message.sended {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    opacity: 1;
    margin-left: 50px;
    font-size: 28px;
 }

  .callback-form__footer .callback-form__footer--title {
    background-color: #0A111B;
    width: 37%;
    padding: 80px 20px; }

  .callback-form__footer .callback-form__footer--title img {
    position: absolute;
    bottom: 80px;
    left: 20px; }

  @media only screen and (min-width: 280px) and (max-width: 959px) {
    .callback-form__footer .callback-form__footer--title img {
      right: -50px;
      top: 50%;
      left: auto;
      bottom: auto;
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg); } }

  @media only screen and (min-width: 280px) and (max-width: 639px) {
    .callback-form__footer .callback-form__footer--title img {
      display: none; } }

  @media only screen and (min-width: 280px) and (max-width: 959px) {
    .callback-form__footer .callback-form__footer--title {
      padding: 70px 15px;
      max-width: 90%;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }

  @media only screen and (min-width: 280px) and (max-width: 639px) {
    .callback-form__footer .callback-form__footer--title {
      max-width: 100%; } }

  .callback-form__footer .callback-form__footer--capture {
    font-size: 34px;
    color: #fff;
    font-weight: bold;
    max-width: 350px; }

  .callback-form__footer .callback-form__footer--capture span {
    color: #E2223F; }

  .callback-form__footer .callback-form__footer--desc {
    color: #fff;
    margin: 20px 0;
    max-width: 350px; }

  .callback-form__footer .callback-form__footer--form {
    background-color: #FFF;
    padding-top: 90px;
    padding-bottom: 120px; }

  @media only screen and (min-width: 280px) and (max-width: 959px) {
    .callback-form__footer .callback-form__footer--form {
      padding-top: 40px;
      padding-bottom: 40px; } }

  .callback-form__footer .callback-form__footer--form ::-webkit-input-placeholder {
    color: #2E3A4C;
    opacity: 1; }

  .callback-form__footer .callback-form__footer--form :-ms-input-placeholder {
    color: #2E3A4C;
    opacity: 1; }

  .callback-form__footer .callback-form__footer--form ::-ms-input-placeholder {
    color: #2E3A4C;
    opacity: 1; }

  .callback-form__footer .callback-form__footer--form ::placeholder {
    color: #2E3A4C;
    opacity: 1; }

  .callback-form__footer .callback-form__footer--form :-ms-input-placeholder {
    color: #2E3A4C; }

  .callback-form__footer .callback-form__footer--form ::-ms-input-placeholder {
    color: #2E3A4C; }

  .callback-form__footer .callback-form__footer--form form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }

  .callback-form__footer .callback-form__footer--form form .textarea__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 -25px;
    font-size: 14px; }

  .callback-form__footer .callback-form__footer--form form .textarea__box > * {
    margin: 0 25px; }

  .callback-form__footer .callback-form__footer--form form #file-input {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    position: absolute;
    z-index: -10;
    top: 0;
    left: 0; }

  .callback-form__footer .callback-form__footer--form form input, .callback-form__footer .callback-form__footer--form form textarea {
    font-size: 14px;
    width: 100%;
    border: 1px solid #E5E5E5;
    border-radius: 10px;
    padding: 26px 30px;
    margin-bottom: 25px;
    font-family: "TT Norms",sans-serif;
    background-color: transparent;
    outline: none; }

  .callback-form__footer .callback-form__footer--form form .error > * {
    border-color: #E2223F; }

  .callback-form__footer .callback-form__footer--form form textarea {
    max-height: 70px;
    max-width: 100%;
    min-width: 100%; }

  .callback-form__footer .callback-form__footer--form form .btn-input {
    background-color: #2E3A4C;
    color: #fff;
    font-weight: bold;
    width: 100%;
    padding: 17px;
    text-align: center;
    border-radius: 10px;
    font-size: 16px;
    cursor: pointer;
    margin: 0;
    max-height: 70px;
    height: 100%; }

  .callback-form__footer .callback-form__footer--form form .btn-input__file {
    background-color: #2E3A4C; }

  .callback-form__footer .callback-form__footer--form form .btn-input__submit {
    background-color: #E2223F; }

  .callback-form__footer .callback-form__footer--form form .btn-desc {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
    color: #000; }
  /* NEW HEADER */
  .ttHeader {
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
    font-family: "TT Norms",sans-serif; }

  @media screen and (max-width: 960px) {
    .ttHeader {
      display: none; } }

  .ttHeader .ttRow {
    max-width: 1330px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }

  .ttHeader .ttHeader {
    font-family: "TT Norms",sans-serif; }

  .ttHeader .ttHeader__top-side {
    max-width: 1330px; }

  .ttHeader .ttHeader__social-btn-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }

  .ttHeader .ttHeader__social-btn-container .social-btn {
    min-width: 25px;
    max-width: 25px;
    height: 25px;
    border-radius: 30px;
    border: 1px solid #E3E3E3;
    overflow: hidden;
    margin-right: 7px;
    margin-top: 5px;
    margin-bottom: 5px; }

  .ttHeader .ttHeader__social-btn-container .social-btn:last-child {
    margin-right: 0; }

  .ttHeader .ttHeader__social-btn-container .social-btn a {
    height: 100%;
    width: 100%;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }

  .ttHeader .ttHeader__email {
    font-size: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }

  .ttHeader .ttHeader__email a {
    color: #84888D; }

  .ttHeader .ttHeader__email a img {
    margin-right: 10px; }

  .ttHeader .ttHeader__contact {
    font-size: 14px; }

  .ttHeader .ttHeader__contact a {
    color: #0A111B;
    text-decoration: none; }

  .ttHeader .ttHeader__phone {
    text-align: right; }

  /* .ttHeader .ttHeader__phone a:last-child:before {
    content: ' / '; } */

  @media only screen and (min-width: 280px) and (max-width: 1139px) {
    .ttHeader .ttHeader__phone a:last-child {
      /* display: none; */
     } }

  .ttHeader .ttHeader__phone img {
    margin-right: 10px; }

  .ttHeader .ttHeader__callback {
    font-size: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }

  .ttHeader .ttHeader__callback a {
    background-color: #E2223F;
    margin-left: 10px;
    border-radius: 30px;
    padding: 7px 13px;
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    text-decoration: none; }
    .ttHeader .ttHeader__callback a:hover {
        background-color: #ef4b63;
    }
  .ttHeader .ttHeader__callback a img {
    margin-right: 10px; }



    /*blog video head*/
    .blog-video .video__container {
        position: relative;
        height: 514px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .blog-video .video__container h1 {
        font-size: 42px;
        padding: 0;
        margin-bottom: 55px;
        line-height: 1.2;
    }

    @media screen and (max-width: 767px) {
        .blog-video .video__container h1 {
            font-size: 30px;
        }
    }

    .blog-video .video__container--text {
        color: #fff;
        max-width: 700px;
        margin: 0 auto;
        text-align: center;
        line-height: 1.5;
        font-size: 18px;
    }

    .blog-video .video__container--text p {
        margin-bottom: 50px;
    }

    .blog-video .video__container--btn {
        max-width: 215px;
        font-weight: bold;
        margin: 0 auto;
        color: #fff;
        background-color: #E2223F;
        padding: 15px 25px;
        border-radius: 30px;
        text-decoration: none;
        display: block;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 18px;
    }

    @media screen and (max-width: 767px) {
        .blog-video .video__container--btn {
            font-size: 18px;
        }
    }

    .blog-video .video__container--video {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 101%;
        height: 100%;
        z-index: 0;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
      overflow: hidden;
    }

    @media screen and (max-width: 960px) {
        .blog-video .video__container--video {
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        }
    }

    .blog-video .video__container--video:before {
        content: '';
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        position: absolute;
        background: -webkit-gradient(linear, left top, right top, color-stop(19.42%, #0B0B0B), color-stop(52.08%, rgba(11, 11, 11, 0.42)), color-stop(79.58%, #0B0B0B));
        background: linear-gradient(90deg, #0B0B0B 19.42%, rgba(11, 11, 11, 0.42) 52.08%, #0B0B0B 79.58%);
    }

    @media screen and (max-width: 960px) {
        .blog-video .video__container--video:before {
            background: #0B0B0B60;
        }
    }

    .blog-video .video__container--video iframe {
        width: 100%;
        height: 130%;
    }

    @media screen and (max-width: 1200px) {
        .blog-video .video__container--video iframe {
            height: 100%;
        }
    }

    @media screen and (max-width: 960px) {
        .blog-video .video__container--video iframe {
            display: none;
        }
    }
    /*blog video head - end*/

 /**********************************/
       /*blog-layout*/

    @font-face {
        font-family: 'proxima_nova_bld';
        src: url('/bitrix/templates/adapt/components/bitrix/news/blogs/img/proxima_nova_bold.eot');
        src: url('/bitrix/templates/adapt/components/bitrix/news/blogs/img/proxima_nova_bold.eot?#iefix') format('embedded-opentype'),
        url('/bitrix/templates/adapt/components/bitrix/news/blogs/img/proxima_nova_bold.woff') format('woff'),
        url('/bitrix/templates/adapt/components/bitrix/news/blogs/img/proxima_nova_bold.ttf') format('truetype'),
        url('/bitrix/templates/adapt/components/bitrix/news/blogs/img/proxima_nova_bold.svg#proxima_nova_rg') format('svg');
        font-weight: normal;
        font-style: normal;
      }
  
      .no-scroll {
        overflow-y: hidden;
        max-height: 100vh; }
  
      .updated_blog .social {
        display: none; }
  
      .new-subscribe-block {
        border-bottom: 1px solid #CFCFCF;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        position: fixed;
        z-index: 1;
        background: #fff;
        padding: 25px 0 15px;
        right: 0;
        top: 0;
        z-index: 98;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        max-width: 220px; }
        @media screen and (max-width: 1199px) {
          .new-subscribe-block {
            max-width: 100%;
            width: 100%;
            z-index: 50000;
            top: -218px; } }
        @media screen and (max-width: 767px) {
          .new-subscribe-block {
            top: -350px; }
            .new-subscribe-block .social-subscribe-new, .new-subscribe-block form {
              width: 100%;
              max-width: 280px; } }
        .new-subscribe-block .social-subscribe-new {
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          padding: 0 20px; }
          .new-subscribe-block .social-subscribe-new .social-side {
            padding-top: 10px;
            padding-bottom: 10px; }
            .new-subscribe-block .social-subscribe-new .social-side a {
              background-color: #C4C4C4;
              display: inline-block;
              margin-top: 5px;
              margin-bottom: 5px;
              width: 25px;
              height: 25px;
              margin-right: 5px;
              padding: 6px;
              -webkit-box-sizing: border-box;
                      box-sizing: border-box;
              position: relative; }
              .new-subscribe-block .social-subscribe-new .social-side a svg {
                width: 13px;
                height: 13px; }
                .new-subscribe-block .social-subscribe-new .social-side a svg * {
                  fill: #fff; }
        .new-subscribe-block .caption {
          font-size: 16px;
          font-weight: 700;
          font-family: 'proxima_nova_rg', serif;
          display: block;
          margin-bottom: 0.7em; }
          .new-subscribe-block .caption.main {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-flex: 1;
                -ms-flex: 1 1 100%;
                    flex: 1 1 100%;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
            padding: 0 20px;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            padding-bottom: 1em; }
            .new-subscribe-block .caption.main div {
              margin: auto;
              text-align: left;
              max-width: 690px;
              width: 100%; }
            @media screen and (max-width: 767px) {
              .new-subscribe-block .caption.main {
                -webkit-box-pack: center;
                    -ms-flex-pack: center;
                        justify-content: center;
                text-align: center;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex; }
                .new-subscribe-block .caption.main div {
                  text-align: center; } }
        .new-subscribe-block p {
          font-size: 12px; }
        .new-subscribe-block form {
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          padding: 0 20px;
          position: relative; }
          @media screen and (max-width: 1199px) {
            .new-subscribe-block form {
              border-left: 1px solid #ccc; } }
          .new-subscribe-block form input.subscr {
            border-radius: 0;
            margin-top: 20px;
            margin-bottom: 20px;
            border: none;
            border-bottom: 1px solid #CFCFCF;
            width: 100%; }
          .new-subscribe-block form input.red {
            cursor: pointer;
            margin-bottom: 15px;
            background-color: #E01A42;
            border-radius: 40px;
            color: #fff;
            font-size: 14px;
            text-align: center;
            max-width: 150px;
            width: 100%;
            padding: 9px;
            display: block;
            border: none; }
          .new-subscribe-block form p.policy {
            color: #CFCFCF;
            font-size: 10px;
            line-height: 1.4em; }
          .new-subscribe-block form .thanks {
            height: 100%;
            position: absolute;
            background-color: #fff;
            top: 0;
            left: 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -ms-flex-line-pack: center;
                align-content: center;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            display: none;
            padding: 0 20px;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box; }
  
      input.live_search[type="search"]::-webkit-search-decoration,
      input.live_search[type="search"]::-webkit-search-cancel-button,
      input.live_search[type="search"]::-webkit-search-results-button,
      input.live_search[type="search"]::-webkit-search-results-decoration {
        -webkit-appearance: none; }
  
      @media only screen and (min-width: 280px) and (max-width: 1199px) {
        .header-top {
          position: fixed;
          top: 0;
          background-color: #fff;
          z-index: 30000; } }
  
      .menu-top {
        position: relative;
        z-index: 90; }
        @media only screen and (min-width: 280px) and (max-width: 1199px) {
          .menu-top {
            position: fixed;
            top: 55px;
            z-index: 30000; } }
        @media only screen and (min-width: 280px) and (max-width: 959px) {
          .menu-top {
            top: 0; } }
      .blog.nobg.new_blog_main h1 {
        padding-right: 220px;
        padding-top: 40px;
        padding-bottom: 50px;
        margin-bottom: 0;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
      }
      .new_blog_main {
        position: relative; }
        @media only screen and (min-width: 280px) and (max-width: 1199px) {
          .new_blog_main {
            margin-top: 0px; } }
        @media only screen and (min-width: 280px) and (max-width: 959px) {
          .new_blog_main {
            margin-top: 0px; } }
        @media only screen and (min-width: 280px) and (max-width: 639px) {
          .new_blog_main {
            margin-top: 0px; } }
        .new_blog_main div.modern-page-navigation {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-ordinal-group: 101;
              -ms-flex-order: 100;
                  order: 100; }
        .new_blog_main .live_comments ul li:before {
          display: none; }
        .new_blog_main .live_comments-overflow {
          display: none;
          position: fixed;
          content: '';
          width: 100%;
          height: 150%;
          background: rgba(36, 41, 46, 0.8);
          top: 0;
          left: 0;
          z-index: 110; }
          @media only screen and (min-width: 280px) and (max-width: 1199px) {
            .new_blog_main .live_comments-overflow {
              z-index: 66; } }
        .new_blog_main.container > .content {
          max-width: 100%;
          width: 100%;
          margin: 0;
          padding-bottom: 0; }
        .new_blog_main * {
          padding: 0;
          margin: 0;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box; }
  
      .live_popup-overflow {
        display: none;
        position: fixed;
        content: '';
        width: 100%;
        height: 150%;
        background: rgba(36, 41, 46, 0.8);
        top: 0;
        left: 0;
        z-index: 33000; }
  
      @media only screen and (min-width: 1200px) {
        .menu-top .content {
          padding: 0 20px; } }
  
      @media only screen and (min-width: 280px) and (max-width: 639px) {
        .content {
          margin: 0 15px; } }
  
      .header-top .user,
      .header-top .service-wrap,
      .footer {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding: 20px; }
  
      .bodycontent-wrap {
        max-width: 100%; }
        @media only screen and (min-width: 1200px) {
          .bodycontent-wrap {
            position: relative; } }
  
      .blog.nobg .content .live_comments a {
        border-bottom: none; }
  
      @media only screen and (min-width: 280px) and (max-width: 959px) {
        .new_blog_main.container {
          position: relative; } }
  
      .new_blog_main.container a {
        text-decoration: none;
        color: inherit; }
  
      .new_blog_main.container .side-bar {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background-color: #fff;
        -webkit-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
                box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        z-index: 76; }
        @media only screen and (min-width: 1200px) {
          .new_blog_main.container .side-bar {
            display: none;
            right: 0;
            left: auto;
            width: 220px;
            height: 100%; } }
        @media only screen and (min-width: 280px) and (max-width: 1199px) {
          .new_blog_main.container .side-bar {
            height: auto!important;
            position: fixed;
            top: 131px!important; } }
        @media only screen and (min-width: 280px) and (max-width: 959px) {
          .new_blog_main.container .side-bar {
            top: 69px!important; } }
        @media only screen and (min-width: 280px) and (max-width: 639px) {
          .new_blog_main.container .side-bar {
            top: 69px!important; } }
        .new_blog_main.container .side-bar .random_article {
          padding: 20px;
          background: linear-gradient(56.82deg, #653172 17.48%, #DF1942 100%), #000000;
          color: #fff;
          font-size: 12px; }
          @media only screen and (min-width: 280px) and (max-width: 1199px) {
            .new_blog_main.container .side-bar .random_article {
              display: none; } }
          .new_blog_main.container .side-bar .random_article a {
            font-size: 14px;
            border: 1px solid #fff;
            border-radius: 30px;
            max-width: 150px;
            width: 100%;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
            display: inline-block;
            padding: 10px;
            height: 40px;
            text-align: center;
            font-weight: bold;
            margin-top: 20px; }
        .new_blog_main.container .side-bar .dsq-widget-item {
          border-bottom: 1px solid #D2D7DB;
          padding-bottom: 15px;
          margin-bottom: 15px;
          margin-top: 15px;
          padding: 0 20px 20px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: flex-start;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
          -webkit-box-align: start;
              -ms-flex-align: start;
                  align-items: flex-start;
          position: relative; }
          @media only screen and (min-width: 1200px) {
            .new_blog_main.container .side-bar .dsq-widget-item:last-child {
              padding-bottom: 30px; }
              .new_blog_main.container .side-bar .dsq-widget-item:last-child:after {
                content: 'За последние сутки комментариев больше нет';
                position: absolute;
                bottom: -68px;
                height: 98px;
                width: 100%;
                background-color: #EEF0F2;
                left: 0;
                text-align: center;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                z-index: 110;
                font-weight: bold;
                -webkit-box-align: center;
                    -ms-flex-align: center;
                        align-items: center; } }
          .new_blog_main.container .side-bar .dsq-widget-item a:first-of-type {
            margin-bottom: 10px; }
            .new_blog_main.container .side-bar .dsq-widget-item a:first-of-type img {
              width: 26px;
              height: 26px;
              border-radius: 30px;
              margin-right: 10px;
              background-size: cover;
              background-position: center;
              background-repeat: no-repeat; }
        .new_blog_main.container .side-bar .dsq-widget-user {
          font-size: 14px;
          color: #0A111B;
          font-weight: bold; }
        .new_blog_main.container .side-bar .dsq-widget-comment {
          -webkit-box-flex: 1;
              -ms-flex: 1 1 100%;
                  flex: 1 1 100%;
          margin-bottom: 10px;
          font-size: 14px;
          line-height: 1.4; }
        .new_blog_main.container .side-bar .dsq-widget-meta {
          -webkit-box-flex: 1;
              -ms-flex: 1 1 100%;
                  flex: 1 1 100%;
          font-size: 0; }
          .new_blog_main.container .side-bar .dsq-widget-meta a {
            display: block; }
            .new_blog_main.container .side-bar .dsq-widget-meta a:first-of-type {
              font-size: 14px;
              line-height: 1.4;
              color: #E01A42;
              text-decoration: underline;
              margin-bottom: 0; }
            .new_blog_main.container .side-bar .dsq-widget-meta a:last-of-type {
              font-size: 12px;
              color: #8A8A8A; }
        .new_blog_main.container .side-bar .live_comments {
          overflow: hidden;
          background-color: #EEF0F2;
          position: relative;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          max-height: calc(100% + 30px);
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column; }
          @media only screen and (min-width: 1200px) {
            .new_blog_main.container .side-bar .live_comments:before {
              content: '';
              position: absolute;
              bottom: 0;
              width: 100%;
              height: 30px;
              z-index: 100;
              background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.65)));
              background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); } }
          @media only screen and (min-width: 280px) and (max-width: 1199px) {
            .new_blog_main.container .side-bar .live_comments {
              padding-top: 0px;
              background-color: #fff;
              -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
                      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); } }
          @media only screen and (min-width: 280px) and (max-width: 1199px) {
            .new_blog_main.container .side-bar .live_comments #recentcomments {
              position: absolute;
              height: 100%;
              top: 0; } }
          .new_blog_main.container .side-bar .live_comments-box {
            overflow: hidden; }
            .new_blog_main.container .side-bar .live_comments-box.active {
              -webkit-transform: translateX(0%);
                      transform: translateX(0%); }
            @media only screen and (min-width: 1200px) {
              .new_blog_main.container .side-bar .live_comments-box {
                overflow: hidden;
                position: relative;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex; } }
            @media only screen and (min-width: 280px) and (max-width: 1199px) {
              .new_blog_main.container .side-bar .live_comments-box {
                -webkit-transition: .5s;
                transition: .5s;
                position: fixed;
                left: 0px;
                top: 181px;
                background: #EEF0F2;
                overflow: scroll;
                height: calc(100vh - 181px);
                width: 80%;
                padding: 20px 0 60px;
                -webkit-transform: translateX(-100%);
                        transform: translateX(-100%);
                z-index: -1; } }
            @media only screen and (min-width: 280px) and (max-width: 959px) {
              .new_blog_main.container .side-bar .live_comments-box {
                height: calc(100vh - 119px);
                top: 119px; } }
            @media only screen and (min-width: 280px) and (max-width: 639px) {
              .new_blog_main.container .side-bar .live_comments-box {
                height: calc(100vh - 119px);
                top: 119px; } }
          .new_blog_main.container .side-bar .live_comments-title {
            font-size: 16px;
            color: #0A111B;
            font-weight: bold;
            padding: 17.5px 20px;
            cursor: pointer; }
            .new_blog_main.container .side-bar .live_comments-title.not-active {
              pointer-events: none; }
            .new_blog_main.container .side-bar .live_comments-title.active:before, .new_blog_main.container .side-bar .live_comments-title.active:after {
              right: 25px; }
            @media only screen and (min-width: 1200px) {
              .new_blog_main.container .side-bar .live_comments-title {
                pointer-events: none; } }
            @media only screen and (min-width: 280px) and (max-width: 1199px) {
              .new_blog_main.container .side-bar .live_comments-title:before, .new_blog_main.container .side-bar .live_comments-title:after {
                position: absolute;
                content: '';
                width: 20px;
                height: 3px;
                background-color: #000;
                right: 20px;
                top: 50%;
                border-radius: 30px;
                -webkit-transition: all .2s;
                transition: all .2s; }
              .new_blog_main.container .side-bar .live_comments-title:before {
                right: 33px;
                -webkit-transform: translateY(-50%) rotate(45deg);
                        transform: translateY(-50%) rotate(45deg); }
              .new_blog_main.container .side-bar .live_comments-title:after {
                -webkit-transform: translateY(-50%) rotate(-45deg);
                        transform: translateY(-50%) rotate(-45deg); } }
  
      .new_blog_main.container .filter-bar {
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        max-width: 220px;
        height: 100vh;
        background-color: #0A111B;
        -webkit-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
                box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        z-index: 95;
        -webkit-transform: translateX(-100%);
                transform: translateX(-100%);
        -webkit-transition: 0.5s;
        transition: 0.5s;
        color: #fff;
        padding-top: 10px; }
        @media only screen and (min-width: 1200px) {
          .new_blog_main.container .filter-bar {
            display: block;
            position: fixed;
            left: 0;
            height: 100%;
            z-index: 110; } }
        @media only screen and (min-width: 280px) and (max-width: 1199px) {
          .new_blog_main.container .filter-bar {
            position: fixed;
            top: 181px; } }
        @media only screen and (min-width: 280px) and (max-width: 959px) {
          .new_blog_main.container .filter-bar {
            top: 119px; } }
        @media only screen and (min-width: 280px) and (max-width: 639px) {
          .new_blog_main.container .filter-bar {
            top: 119px; } }
        .new_blog_main.container .filter-bar-btn-open {
          position: absolute;
          content: '';
          padding: 11px 13px;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          width: 50px;
          height: 50px;
          right: -50px;
          top: 190px;
          cursor: pointer;
          background-color: #0A111B;
          fill: #fff;
          color: #fff;
          font-size: 10px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          overflow: hidden; }
          .new_blog_main.container .filter-bar-btn-open.active > * {
            opacity: 0; }
          .new_blog_main.container .filter-bar-btn-open.active:before {
            -webkit-transform: translate(-50%, -50%) rotate(45deg);
                    transform: translate(-50%, -50%) rotate(45deg); }
          .new_blog_main.container .filter-bar-btn-open.active:after {
            -webkit-transform: translate(-50%, -50%) rotate(-45deg);
                    transform: translate(-50%, -50%) rotate(-45deg); }
          .new_blog_main.container .filter-bar-btn-open > * {
            opacity: 1;
            -webkit-transition: .5s;
            transition: .5s;
            line-height: 1; }
          .new_blog_main.container .filter-bar-btn-open:before, .new_blog_main.container .filter-bar-btn-open:after {
            content: '';
            position: absolute;
            width: 25px;
            height: 3px;
            top: 50%;
            left: 50%;
            background-color: #fff;
            border-radius: 20px;
            -webkit-transition: .5s;
            transition: .5s; }
          .new_blog_main.container .filter-bar-btn-open:before {
            -webkit-transform: translate(150%, -50%) rotate(45deg);
                    transform: translate(150%, -50%) rotate(45deg); }
          .new_blog_main.container .filter-bar-btn-open:after {
            -webkit-transform: translate(150%, -50%) rotate(-45deg);
                    transform: translate(150%, -50%) rotate(-45deg); }
          @media only screen and (min-width: 280px) and (max-width: 1199px) {
            .new_blog_main.container .filter-bar-btn-open {
              top: 80px; } }
          @media only screen and (min-width: 280px) and (max-width: 959px) {
            .new_blog_main.container .filter-bar-btn-open {
              top: 10px;
              right: -40px;
              width: 40px;
              height: 40px; }
              .new_blog_main.container .filter-bar-btn-open p {
                display: none; } }
          @media only screen and (min-width: 280px) and (max-width: 639px) {
            .new_blog_main.container .filter-bar-btn-open {
              top: 10px; } }
        .new_blog_main.container .filter-bar-title {
          font-size: 16px;
          padding: 15px 20px;
          font-weight: bold; }
        .new_blog_main.container .filter-bar .slide_box {
          margin-bottom: 30px; }
          .new_blog_main.container .filter-bar .slide_box .reset_filter {
            display: block;
            margin: 15px auto;
            width: 70px;
            text-align: center;
            border-bottom: none; }
        .new_blog_main.container .filter-bar .slide_box-title {
          cursor: pointer;
          position: relative;
          font-size: 14px;
          font-weight: bold;
          padding-bottom: 5px;
          margin-bottom: 15px;
          border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
          .new_blog_main.container .filter-bar .slide_box-title:before {
            content: '';
            position: absolute;
            width: 7px;
            height: 7px;
            border-right: 1px solid #fff;
            border-bottom: 1px solid #fff;
            top: 2px;
            right: 0px;
            -webkit-transform: rotate(45deg);
                    transform: rotate(45deg); }
        .new_blog_main.container .filter-bar.active {
          -webkit-transform: translateX(0%);
                  transform: translateX(0%); }
        .new_blog_main.container .filter-bar form {
          height: calc(100vh - 80px);
          padding: 25px 20px;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          font-size: 12px; }
          @media only screen and (min-width: 280px) and (max-width: 1199px) {
            .new_blog_main.container .filter-bar form {
              height: calc(100vh - 233px); } }
          @media only screen and (min-width: 280px) and (max-width: 959px) {
            .new_blog_main.container .filter-bar form {
              height: calc(100vh - 210px); } }
          @media only screen and (min-width: 280px) and (max-width: 639px) {
            .new_blog_main.container .filter-bar form {
              height: calc(100vh - 205px); } }
        .new_blog_main.container .filter-bar .search_form,
        .new_blog_main.container .filter-bar form {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          position: relative; }
          .new_blog_main.container .filter-bar .search_form label:nth-child(1),
          .new_blog_main.container .filter-bar form label:nth-child(1) {
            -webkit-box-ordinal-group: -1;
                -ms-flex-order: -2;
                    order: -2; }
          .new_blog_main.container .filter-bar .search_form .hidden_message,
          .new_blog_main.container .filter-bar form .hidden_message {
            display: none;
            color: #8A8A8A;
            text-align: center;
            padding: 25px 10px; }
          .new_blog_main.container .filter-bar .search_form .live_search,
          .new_blog_main.container .filter-bar form .live_search {
            margin-bottom: 15px;
            background: none;
            font-style: italic;
            padding-bottom: 5px;
            color: #fff;
            border-bottom: 1px solid #C4C4C4;
            width: 100%;
            cursor: text; }
          .new_blog_main.container .filter-bar .search_form .live_search-reset,
          .new_blog_main.container .filter-bar form .live_search-reset {
            position: absolute;
            right: 0;
            display: block;
            background: none;
            border: none;
            padding: 0;
            width: 20px;
            height: 20px;
            text-align: center;
            top: 0px;
            -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
            color: #fff;
            cursor: pointer; }
          .new_blog_main.container .filter-bar .search_form .search_filter,
          .new_blog_main.container .filter-bar form .search_filter {
            display: none;
            margin-bottom: 10px;
            position: relative;
            cursor: pointer; }
            .new_blog_main.container .filter-bar .search_form .search_filter.false,
            .new_blog_main.container .filter-bar form .search_filter.false {
              display: none; }
            .new_blog_main.container .filter-bar .search_form .search_filter-name,
            .new_blog_main.container .filter-bar form .search_filter-name {
              padding-left: 25px;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center; }
              .new_blog_main.container .filter-bar .search_form .search_filter-name img,
              .new_blog_main.container .filter-bar form .search_filter-name img {
                max-width: 26px;
                height: 100%;
                max-height: 26px;
                vertical-align: middle;
                border-radius: 20px;
                margin-right: 10px; }
            .new_blog_main.container .filter-bar .search_form .search_filter input[type="checkbox"],
            .new_blog_main.container .filter-bar form .search_filter input[type="checkbox"] {
              opacity: 0;
              position: absolute;
              left: 0;
              z-index: -1; }
              .new_blog_main.container .filter-bar .search_form .search_filter input[type="checkbox"] + .search_filter-name:before,
              .new_blog_main.container .filter-bar form .search_filter input[type="checkbox"] + .search_filter-name:before {
                content: '';
                position: absolute;
                width: 16px;
                height: 16px;
                background-color: #fff;
                left: 0;
                top: 50%;
                -webkit-transform: translateY(-50%);
                        transform: translateY(-50%); }
              .new_blog_main.container .filter-bar .search_form .search_filter input[type="checkbox"]:checked + .search_filter-name:after,
              .new_blog_main.container .filter-bar form .search_filter input[type="checkbox"]:checked + .search_filter-name:after {
                content: '';
                position: absolute;
                width: 10px;
                height: 10px;
                background-color: #E01A42;
                left: 3px;
                top: 50%;
                -webkit-transform: translateY(-50%);
                        transform: translateY(-50%); }
            .new_blog_main.container .filter-bar .search_form .search_filter input[type="radio"],
            .new_blog_main.container .filter-bar form .search_filter input[type="radio"] {
              opacity: 0;
              position: absolute;
              left: 0;
              z-index: -1; }
              .new_blog_main.container .filter-bar .search_form .search_filter input[type="radio"] + .search_filter-name:before,
              .new_blog_main.container .filter-bar form .search_filter input[type="radio"] + .search_filter-name:before {
                content: '';
                position: absolute;
                width: 12px;
                height: 12px;
                border-radius: 30px;
                background-color: #fff;
                left: 0;
                top: 50%;
                -webkit-transform: translateY(-50%);
                        transform: translateY(-50%); }
              .new_blog_main.container .filter-bar .search_form .search_filter input[type="radio"]:checked + .search_filter-name:after,
              .new_blog_main.container .filter-bar form .search_filter input[type="radio"]:checked + .search_filter-name:after {
                content: '';
                position: absolute;
                width: 6px;
                height: 6px;
                border-radius: 30px;
                background-color: #E01A42;
                left: 3px;
                top: 3px;
                top: 50%;
                -webkit-transform: translateY(-50%);
                        transform: translateY(-50%); }
          .new_blog_main.container .filter-bar .search_form input:checked + .search_filter,
          .new_blog_main.container .filter-bar form input:checked + .search_filter {
            -webkit-box-ordinal-group: 0;
                -ms-flex-order: -1;
                    order: -1;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex; }
          .new_blog_main.container .filter-bar .search_form .search_filter,
          .new_blog_main.container .filter-bar form .search_filter {
            display: none; }
            .new_blog_main.container .filter-bar .search_form .search_filter:nth-of-type(1),
            .new_blog_main.container .filter-bar form .search_filter:nth-of-type(1) {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex; }
            .new_blog_main.container .filter-bar .search_form .search_filter.false:nth-of-type(1), .new_blog_main.container .filter-bar .search_form .search_filter.false:nth-of-type(2), .new_blog_main.container .filter-bar .search_form .search_filter.false:nth-of-type(3), .new_blog_main.container .filter-bar .search_form .search_filter.false:nth-of-type(4),
            .new_blog_main.container .filter-bar form .search_filter.false:nth-of-type(1),
            .new_blog_main.container .filter-bar form .search_filter.false:nth-of-type(2),
            .new_blog_main.container .filter-bar form .search_filter.false:nth-of-type(3),
            .new_blog_main.container .filter-bar form .search_filter.false:nth-of-type(4) {
              display: none; }
            .new_blog_main.container .filter-bar .search_form .search_filter.true,
            .new_blog_main.container .filter-bar form .search_filter.true {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex; }
              .new_blog_main.container .filter-bar .search_form .search_filter.true:nth-of-type(1), .new_blog_main.container .filter-bar .search_form .search_filter.true:nth-of-type(2), .new_blog_main.container .filter-bar .search_form .search_filter.true:nth-of-type(3), .new_blog_main.container .filter-bar .search_form .search_filter.true:nth-of-type(4),
              .new_blog_main.container .filter-bar form .search_filter.true:nth-of-type(1),
              .new_blog_main.container .filter-bar form .search_filter.true:nth-of-type(2),
              .new_blog_main.container .filter-bar form .search_filter.true:nth-of-type(3),
              .new_blog_main.container .filter-bar form .search_filter.true:nth-of-type(4) {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex; }
          .new_blog_main.container .filter-bar .search_form ul,
          .new_blog_main.container .filter-bar form ul {
            padding: 0; }
            .new_blog_main.container .filter-bar .search_form ul li,
            .new_blog_main.container .filter-bar form ul li {
              padding: 0;
              line-height: 1.1; }
          .new_blog_main.container .filter-bar .search_form li ul,
          .new_blog_main.container .filter-bar form li ul {
            display: none; }
            .new_blog_main.container .filter-bar .search_form li ul .search_filter,
            .new_blog_main.container .filter-bar form li ul .search_filter {
              margin-left: 26px; }
              .new_blog_main.container .filter-bar .search_form li ul .search_filter input[type="checkbox"]:checked + .search_filter-name:after,
              .new_blog_main.container .filter-bar form li ul .search_filter input[type="checkbox"]:checked + .search_filter-name:after {
                content: '';
                position: absolute;
                width: 4px;
                height: 8px;
                background: none;
                border-bottom: 2px solid #E01A42;
                border-right: 2px solid #E01A42;
                left: 8px;
                top: 49%;
                -webkit-transform: translate(-50%, -50%) rotate(45deg);
                transform: translate(-50%, -50%) rotate(45deg); }
          .new_blog_main.container .filter-bar .search_form .choose-date,
          .new_blog_main.container .filter-bar form .choose-date {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            max-width: 150px;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;
            margin-bottom: 10px; }
            .new_blog_main.container .filter-bar .search_form .choose-date .from-date,
            .new_blog_main.container .filter-bar .search_form .choose-date .to-date,
            .new_blog_main.container .filter-bar form .choose-date .from-date,
            .new_blog_main.container .filter-bar form .choose-date .to-date {
              max-width: 120px;
              width: 100%;
              height: 36px;
              border-radius: 70px;
              border: none;
              padding: 15px;
              -webkit-box-sizing: border-box;
                      box-sizing: border-box;
              margin-left: 10px;
              background-image: url(../img/calendar-icon.svg);
              background-position: 85% 50%;
              background-repeat: no-repeat; }
          .new_blog_main.container .filter-bar .search_form input,
          .new_blog_main.container .filter-bar form input {
            border: none;
            cursor: pointer; }
            .new_blog_main.container .filter-bar .search_form input[type=submit],
            .new_blog_main.container .filter-bar form input[type=submit] {
              background-color: #E01A42;
              border-radius: 40px;
              color: #fff;
              font-size: 12px;
              text-align: center;
              max-width: 150px;
              width: 100%;
              padding: 9px;
              display: block;
              margin: 0 auto; }
            .new_blog_main.container .filter-bar .search_form input[type=reset],
            .new_blog_main.container .filter-bar form input[type=reset] {
              background: none;
              color: #fff;
              font-size: 12px;
              display: block;
              margin: 15px auto 0;
              -webkit-text-decoration-line: underline;
                      text-decoration-line: underline; }
  
      .new_blog_main.container article {
        background-color: #fff;
        -webkit-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
                box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
        padding: 15px;
        min-height: 220px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        margin: 20px 0px;
        z-index: 50;
        overflow: hidden;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
        .new_blog_main.container .cell_blog-grid article:nth-of-type(1) {
          -webkit-box-ordinal-group: 2;
              -ms-flex-order: 1;
                  order: 1; }
        .new_blog_main.container .cell_blog-grid article:nth-of-type(2) {
          -webkit-box-ordinal-group: 3;
              -ms-flex-order: 2;
                  order: 2; }
        .new_blog_main.container .cell_blog-grid article:nth-of-type(3) {
          -webkit-box-ordinal-group: 4;
              -ms-flex-order: 3;
                  order: 3; }
        .new_blog_main.container .cell_blog-grid article:nth-of-type(4) {
          -webkit-box-ordinal-group: 5;
              -ms-flex-order: 4;
                  order: 4; }
        .new_blog_main.container .cell_blog-grid article:nth-of-type(5) {
          -webkit-box-ordinal-group: 5;
              -ms-flex-order: 4;
                  order: 4; }
        .new_blog_main.container .cell_blog-grid article:nth-of-type(6) {
          -webkit-box-ordinal-group: 8;
              -ms-flex-order: 7;
                  order: 7; }
        .new_blog_main.container .cell_blog-grid article:nth-of-type(7) {
          -webkit-box-ordinal-group: 9;
              -ms-flex-order: 8;
                  order: 8; }
        .new_blog_main.container .cell_blog-grid article:nth-of-type(8) {
          -webkit-box-ordinal-group: 10;
              -ms-flex-order: 9;
                  order: 9; }
        .new_blog_main.container .cell_blog-grid article:nth-of-type(9) {
          -webkit-box-ordinal-group: 11;
              -ms-flex-order: 10;
                  order: 10; }
        .new_blog_main.container article .article_info {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          margin-bottom: 15px; }
          @media screen and (max-width: 480px) {
            .new_blog_main.container article .article_info {
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
                  -ms-flex-direction: column;
                      flex-direction: column; } }
          .new_blog_main.container article .article_info-image {
            min-width: 120px;
            height: 110px;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
            margin-right: 20px; }
            @media screen and (max-width: 480px) {
              .new_blog_main.container article .article_info-image {
                max-width: 100%;
                margin-right: 0;
                margin-bottom: 15px;
                height: auto;
                padding-bottom: 60%; } }
        /* .new_blog_main.container .cell_blog-grid article:nth-of-type(2),
        .new_blog_main.container .cell_blog-grid article:nth-of-type(4),
        .new_blog_main.container .cell_blog-grid article:nth-of-type(7),
        .new_blog_main.container .cell_blog-grid article:nth-of-type(8) {
          position: relative; }
          .new_blog_main.container .cell_blog-grid article:nth-of-type(2) *,
          .new_blog_main.container .cell_blog-grid article:nth-of-type(4) *,
          .new_blog_main.container .cell_blog-grid article:nth-of-type(7) *,
          .new_blog_main.container .cell_blog-grid article:nth-of-type(8) * {
            color: #fff; }
          .new_blog_main.container .cell_blog-grid article:nth-of-type(2) svg,
          .new_blog_main.container .cell_blog-grid article:nth-of-type(4) svg,
          .new_blog_main.container .cell_blog-grid article:nth-of-type(7) svg,
          .new_blog_main.container .cell_blog-grid article:nth-of-type(8) svg {
            fill: #fff; }
          .new_blog_main.container .cell_blog-grid article:nth-of-type(2) .article_social,
          .new_blog_main.container .cell_blog-grid article:nth-of-type(4) .article_social,
          .new_blog_main.container .cell_blog-grid article:nth-of-type(7) .article_social,
          .new_blog_main.container .cell_blog-grid article:nth-of-type(8) .article_social {
            border-color: #ffffff60; }
            .new_blog_main.container .cell_blog-grid article:nth-of-type(2) .article_social .article_autor,
            .new_blog_main.container .cell_blog-grid article:nth-of-type(4) .article_social .article_autor,
            .new_blog_main.container .cell_blog-grid article:nth-of-type(7) .article_social .article_autor,
            .new_blog_main.container .cell_blog-grid article:nth-of-type(8) .article_social .article_autor {
              color: #fff; }
          .new_blog_main.container .cell_blog-grid article:nth-of-type(2) .article_info-image,
          .new_blog_main.container .cell_blog-grid article:nth-of-type(4) .article_info-image,
          .new_blog_main.container .cell_blog-grid article:nth-of-type(7) .article_info-image,
          .new_blog_main.container .cell_blog-grid article:nth-of-type(8) .article_info-image {
            position: absolute;
            width: 100%;
            max-width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            z-index: -1;
            pointer-events: none; }
            .new_blog_main.container .cell_blog-grid article:nth-of-type(2) .article_info-image:before,
            .new_blog_main.container .cell_blog-grid article:nth-of-type(4) .article_info-image:before,
            .new_blog_main.container .cell_blog-grid article:nth-of-type(7) .article_info-image:before,
            .new_blog_main.container .cell_blog-grid article:nth-of-type(8) .article_info-image:before {
              content: '';
              width: 100%;
              height: 100%;
              top: 0;
              left: 0;
              position: absolute;
              background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)); } */
              /* .new_blog_main.container article:nth-of-type(4) .article_info-image {
                display: none; } */
  
      .new_blog_main.container .article-date {
        font-size: 12px;
        color: #8A8A8A;
        margin-bottom: 15px;
        text-transform: lowercase; }
  
      .new_blog_main.container .article-name {
        font-weight: bold;
        font-size: 18px;
        color: #0A111B;
        line-height: 1.3;
        margin-bottom: 10px; }
  
      .new_blog_main.container .article-tag {
        font-size: 12px;
        color: #9B9FA3; }
        .new_blog_main.container .article-tag span {
          margin-right: 10px; }
  
      .new_blog_main.container .article_social {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-top: 20px;
        border-top: 1px solid #D2D7DB;
        margin-top: auto; }
        .new_blog_main.container .article_social > * {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          font-size: 12px;
          color: #8A8A8A;
          -ms-flex-line-pack: center;
              align-content: center;
          vertical-align: middle; }
        .new_blog_main.container .article_social svg {
          margin-right: 10px;
          fill: #9B9FA3; }
        .new_blog_main.container .article_social .show_share {
          margin-right: 20px; }
        .new_blog_main.container .article_social .show_comment {
          margin-right: 20px; }
        .new_blog_main.container .article_social .article_autor {
          margin-left: auto;
          font-weight: bold;
          color: #0A111B; }
          .new_blog_main.container .article_social .article_autor .article_autor_foto {
            width: 26px;
            min-width: 26px;
            height: 26px;
            border-radius: 30px;
            margin-right: 10px;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat; }
  
      .new_blog_main.container .cell_blog {
        margin-bottom: 30px;
        max-width: 1260px;
        padding-right: 220px;
        width: 100%; }
  
        @media screen and (max-width: 1199px) {
          .new_blog_main.container .cell_blog {
            padding-right: 0;
            max-width: 1040px; } }
        @media only screen and (min-width: 280px) and (max-width: 959px) {
          .new_blog_main.container .cell_blog {
            margin-right: 0;
            margin-left: 0; } }
          @media only screen and (min-width: 280px) and (max-width: 639px) {
            .new_blog_main.container .cell_blog .autor-page {
              padding-top: 0; } }
          .new_blog_main.container .cell_blog .autor-page .autor-page-title {
            font-size: 42px;
            text-align: center;
            line-height: 1.2;
            margin-bottom: 20px;
            padding: 0px 15px;
            font-family: 'RobotoSlab'; }
            @media only screen and (min-width: 280px) and (max-width: 639px) {
              .new_blog_main.container .cell_blog .autor-page .autor-page-title {
                font-size: 22px;
                margin-bottom: 0; } }
          .new_blog_main.container .cell_blog .autor-page .autor-page-image {
            background-image: url(../images/autor-page.png);
            background-repeat: no-repeat;
            background-position: center;
            padding: 40px;
            margin-top: 40px; }
            @media only screen and (min-width: 280px) and (max-width: 639px) {
              .new_blog_main.container .cell_blog .autor-page .autor-page-image {
                margin-top: 0;
                background: none; } }
          .new_blog_main.container .cell_blog .autor-page .autor-page-foto {
            width: 126px;
            height: 126px;
            margin: auto;
            padding: 4px;
            -webkit-box-sizing: content-box;
                    box-sizing: content-box;
            background-repeat: no-repeat;
            background-position: center;
            background-size: 100%;
            border: 2px solid #D5D5D5;
            border-radius: 80px; }
        .new_blog_main.container .cell_blog .allo {
          max-width: 180px;
          width: 100%;
          margin: 0 auto 25px;
          text-align: center;
          border: 1px solid #D2D7DB;
          border-radius: 20px;
          display: none; }
          .new_blog_main.container .cell_blog .allo p {
            padding: 15px 0;
            display: none;
            cursor: pointer; }
          .new_blog_main.container .cell_blog .allo .choisen-theme {
            display: none; }
        .new_blog_main.container .cell_blog .choisen-theme {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          padding: 0 20px;
        margin-bottom: 40px; }
          @media only screen and (min-width: 280px) and (max-width: 639px) {
            .new_blog_main.container .cell_blog .choisen-theme {
              padding: 0px 20px;
              text-align: left; } }
          .new_blog_main.container .cell_blog .choisen-theme-reset-all {
            background-color: #EEF0F2;
            border-radius: 20px;
            text-align: center;
            font-size: 12px;
            padding: 2.5px 30px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            cursor: pointer;
            display: none;
            margin-bottom: 15px; }
            @media only screen and (min-width: 280px) and (max-width: 639px) {
              .new_blog_main.container .cell_blog .choisen-theme-reset-all {
                display: none; } }
          .new_blog_main.container .cell_blog .choisen-theme-item {
            font-size: 12px;
            color: #9B9FA3;
            padding: 2.5px 40px 2.5px 10px;
            border: 1px solid #D2D7DB;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
            border-radius: 20px;
            margin-right: 10px;
            min-width: 90px;
            position: relative;
            margin-bottom: 15px; }
            @media only screen and (min-width: 280px) and (max-width: 639px) {
              .new_blog_main.container .cell_blog .choisen-theme-item {
                max-width: 145px;
                margin: 0 auto;
                border: none;
                border-bottom: 1px solid #D2D7DB;
                border-radius: 0;
                padding: 15px 0;
                color: #0A111B; } }
            .new_blog_main.container .cell_blog .choisen-theme-item .choisen-theme-item-remove {
              position: absolute;
              right: 10px;
              top: 57%;
              -webkit-transform: translateY(-50%) rotate(45deg);
                      transform: translateY(-50%) rotate(45deg);
              font-size: 20px;
              cursor: pointer;
              line-height: 0.5;
              -webkit-user-select: none;
                 -moz-user-select: none;
                  -ms-user-select: none;
                      user-select: none; }
              @media only screen and (min-width: 280px) and (max-width: 639px) {
                .new_blog_main.container .cell_blog .choisen-theme-item .choisen-theme-item-remove {
                  top: 50%;
                  color: #9B9FA3; } }
        .new_blog_main.container .cell_blog .cell_blog-grid {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          width: 100%;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
          position: relative; }
          .new_blog_main.container .cell_blog .cell_blog-grid a {
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            border-bottom: none; }
          .new_blog_main.container .cell_blog .cell_blog-grid > * {
            -webkit-box-flex: 1;
                -ms-flex: 1 1 46%;
                    flex: 1 1 46%;
                    max-width: 477px; }
                    @media only screen and (min-width: 280px) and (max-width: 767px) {
                      .new_blog_main.container .cell_blog .cell_blog-grid > * {
                        -webkit-box-flex: 1;
                            -ms-flex: 1 1 100%;
                                flex: 1 1 100%;
                              max-width: 100%;
                              margin-right: 0;
                              margin-left: 0; }
                      }
  
          .new_blog_main.container .cell_blog .cell_blog-grid .new-blog-material {
            margin-bottom: 60px;
            background-color: #EEF0F2;
            padding: 30px 30px 15px;
            min-height: 420px;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            max-width: 936px;
            z-index: 5;
            margin: 0;
            outline: 15px solid #eef0f2;
            padding-right: 52%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column; }
            @media only screen and (min-width: 280px) and (max-width: 960px) {
              .new_blog_main.container .cell_blog .cell_blog-grid .new-blog-material {
                position: static;
                padding: 15px;
                min-height: auto;
                margin-bottom: 30px;
                outline: none; } }
            .new_blog_main.container .cell_blog .cell_blog-grid .new-blog-material-title {
              font-size: 18px;
              font-weight: bold;
              color: #1945DF;
              margin-bottom: 20px;
              font-family: 'RobotoSlab'; }
              @media only screen and (min-width: 280px) and (max-width: 639px) {
                .new_blog_main.container .cell_blog .cell_blog-grid .new-blog-material-title {
                  font-size: 16px; } }
            .new_blog_main.container .cell_blog .cell_blog-grid .new-blog-material .article-name {
              font-family: 'RobotoSlab';
              font-size: 24px;
              margin-bottom: 20px; }
              @media only screen and (min-width: 280px) and (max-width: 639px) {
                .new_blog_main.container .cell_blog .cell_blog-grid .new-blog-material .article-name {
                  font-size: 18px; } }
            .new_blog_main.container .cell_blog .cell_blog-grid .new-blog-material .article-date {
              margin-bottom: 10px; }
            .new_blog_main.container .cell_blog .cell_blog-grid .new-blog-material .article_social {
              margin-top: auto; }
            .new_blog_main.container .cell_blog .cell_blog-grid .new-blog-material .article-tag {
              margin-bottom: 30px; }
          .new_blog_main.container .cell_blog .cell_blog-grid .popular_tags {
            -webkit-box-flex: 1;
                -ms-flex: 1 1 100%;
                    flex: 1 1 100%;
            margin-bottom: 15px;
            width: 100%;
            background-color: #fff;
            border: 1px solid #D2D7DB;
            padding: 20px;
            -webkit-box-ordinal-group: 1;
                -ms-flex-order: 0;
                    order: 0;
                    max-width: 100%; }
            @media only screen and (min-width: 280px) and (max-width: 639px) {
              .new_blog_main.container .cell_blog .cell_blog-grid .popular_tags {
                text-align: center; } }
            .new_blog_main.container .cell_blog .cell_blog-grid .popular_tags-title {
              color: #1945DF;
              font-weight: bold;
              font-size: 16px;
              margin-bottom: 20px; }
            .new_blog_main.container .cell_blog .cell_blog-grid .popular_tags-tag {
              font-size: 12px;
              color: #9B9FA3;
              margin-right: 20px;
              white-space: nowrap;
              line-height: 30px; }
              .new_blog_main.container .cell_blog .cell_blog-grid .popular_tags-tag:nth-child(n+14) {
                display: none; }
              .new_blog_main.container .cell_blog .cell_blog-grid .popular_tags-tag.active {
                display: inline-block; }
            .new_blog_main.container .cell_blog .cell_blog-grid .popular_tags-all {
              background-color: #1945DF;
              border-radius: 20px;
              font-size: 12px;
              text-align: center;
              color: #FFFFFF;
              padding: 3px 25px;
              font-weight: bold;
              white-space: nowrap;
              max-width: 125px;
              cursor: pointer; }
              @media only screen and (min-width: 280px) and (max-width: 639px) {
                .new_blog_main.container .cell_blog .cell_blog-grid .popular_tags-all {
                  display: block;
                  margin: 10px auto 0; } }
          .new_blog_main.container .cell_blog .cell_blog-grid .news_blog {
            -webkit-box-flex: 1;
                -ms-flex: 1 1 46%;
                    flex: 1 1 46%;
            background-color: #fff;
            border: 1px solid #C4C4C4;
            padding: 15px;
            -webkit-box-ordinal-group: 4;
                -ms-flex-order: 3;
                    order: 3;
            z-index: 20; }
            .new_blog_main.container .cell_blog .cell_blog-grid .news_blog-item {
              margin-bottom: 15px; }
            .new_blog_main.container .cell_blog .cell_blog-grid .news_blog-item .article-date {
                margin-bottom: 5px }
            .new_blog_main.container .cell_blog .cell_blog-grid .news_blog-date-image {
              min-width: 100px;
              min-height: 45px;
              margin-right: 20px;
              line-height: 1.4;
              text-align: center;
              font-size: 10px;
              color: #fff;
              padding: 6px;
              position: relative;
              z-index: 1;
              -webkit-align-self: flex-start;
                      -ms-flex-item-align: start;
                  align-self: flex-start;
              background-position: center;
              background-size: cover;
              background-repeat: no-repeat; }
              .new_blog_main.container .cell_blog .cell_blog-grid .news_blog-date-image:before {
                position: absolute;
                content: '';
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                background: rgba(0, 0, 0, 0.5);
                z-index: -1; }
            .new_blog_main.container .cell_blog .cell_blog-grid .news_blog-name {
              font-size: 14px;
              text-decoration: underline;
              color: #333333; }
            .new_blog_main.container .cell_blog .cell_blog-grid .news_blog-title {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              font-size: 18px;
              font-weight: bold;
              margin-bottom: 20px; }
              .new_blog_main.container .cell_blog .cell_blog-grid .news_blog-title a {
                margin-left: auto;
                color: #DF1942;
                font-size: 12px;
                text-decoration: underline;
                font-weight: normal; }
          .new_blog_main.container .cell_blog .cell_blog-grid .top_mailing {
            background-color: #F4F6F8;
            padding: 20px;
            -webkit-box-ordinal-group: 5;
                -ms-flex-order: 4;
                    order: 4; }
            .new_blog_main.container .cell_blog .cell_blog-grid .top_mailing-title {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              font-size: 16px;
              font-weight: bold;
              margin-bottom: 20px; }
              .new_blog_main.container .cell_blog .cell_blog-grid .top_mailing-title a {
                margin-left: auto;
                color: #DF1942;
                font-size: 12px;
                text-decoration: underline;
                font-weight: normal; }
            .new_blog_main.container .cell_blog .cell_blog-grid .top_mailing-item {
              margin-top: 15px;
              font-size: 12px;
              color: #333;
              text-decoration: underline;
              line-height: 1.5; }
          .new_blog_main.container .cell_blog .cell_blog-grid .promo_blog {
            -webkit-box-flex: 1;
                -ms-flex: 1 1 100%;
                    flex: 1 1 100%;
            width: 100%;
            background-color: #fff;
            -webkit-box-ordinal-group: 5;
                -ms-flex-order: 4;
                    order: 4;
            margin: 0; }
            .new_blog_main.container .cell_blog .cell_blog-grid .promo_blog img {
              width: 100%;
              margin-bottom: 30px; }
          .new_blog_main.container .cell_blog .cell_blog-grid > * {
            margin: 15px 14px; }
            .new_blog_main.container .cell_blog .cell_blog-grid > article.article-margin,
            .new_blog_main.container .cell_blog .cell_blog-grid > article.article-margin {
              margin-left: calc(100% - 48.5%); }
              @media only screen and (min-width: 280px) and (max-width: 960px) {
                .new_blog_main.container .cell_blog .cell_blog-grid > article.article-margin,
                .new_blog_main.container .cell_blog .cell_blog-grid > article.article-margin {
                  margin-left: 14px; } }
  
      .filter-bar form input[type="text"],
      .filter-bar form input[type="search"] {
        -webkit-appearance: none;
        border-radius: 0; }
  
      .filter-bar form label {
        padding-left: 0; }
        .filter-bar form label .search_filter-name:before {
          -webkit-transform: translate(0, -50%);
                  transform: translate(0, -50%); }
        .filter-bar form label .search_filter-name:after {
          -webkit-transform: translate(22px, 0);
                  transform: translate(22px, 0); }
  
      .filter-bar .search_filter-show-more {
        margin-top: 5px;
        cursor: pointer;
        max-width: 100px;
        text-align: center;
        border-radius: 60px;
        padding: 5px;
        border: 2px solid #E01A42; }
  
      form input[type="checkbox"],
      form input[type="radio"],
      form.search_form input[type="checkbox"],
      form.search_form input[type="radio"] {
        display: none; }
  
      form label,
      form.search_form label {
        cursor: pointer;
        position: relative;
        padding-left: 22px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
            -ms-flex: 1 1 100%;
                flex: 1 1 100%;
        padding-top: 5px;
        padding-bottom: 5px; }
  
      form .search_filter-name,
      form.search_form .search_filter-name {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        position: relative; }
        form .search_filter-name .article_autor_foto,
        form.search_form .search_filter-name .article_autor_foto {
          width: 26px;
          height: 26px;
          border-radius: 50%;
          background-size: cover; }
        form .search_filter-name span,
        form.search_form .search_filter-name span {
          padding-left: 10px; }
        form .search_filter-name:before,
        form.search_form .search_filter-name:before {
          background-color: #fff;
          content: '';
          width: 12px;
          height: 12px;
          border-radius: 50%;
          border: 1px solid #CFCFCF;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          position: absolute;
          left: 0;
          top: 50%;
          -webkit-transform: translate(-22px, -50%);
                  transform: translate(-22px, -50%); }
        form .search_filter-name:after,
        form.search_form .search_filter-name:after {
          opacity: 0;
          -webkit-transition: all 0.3s ease;
          transition: all 0.3s ease;
          width: 6px;
          height: 6px;
          content: '';
          border-radius: 50%;
          left: -19px;
          position: absolute;
          background-color: #E01A42; }
  
      form input[type="checkbox"]:checked + label .search_filter-name:after,
      form input[type="radio"]:checked + label .search_filter-name:after,
      form.search_form input[type="checkbox"]:checked + label .search_filter-name:after,
      form.search_form input[type="radio"]:checked + label .search_filter-name:after {
        opacity: 1; }
  
      .radio-form .search_filter-name:before {
        content: '';
        width: 12px;
        height: 12px;
        border-radius: 50%;
        border: 1px solid #CFCFCF;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translate(-22px, -50%);
                transform: translate(-22px, -50%); }
  
      .radio-form .search_filter-name:after {
        opacity: 0;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        width: 6px;
        height: 6px;
        content: '';
        border-radius: 50%;
        left: -19px;
        position: absolute;
        background-color: #E01A42; }
  
      .checkbox-form .search_filter-name:before {
        content: '';
        width: 12px;
        height: 12px;
        border-radius: 0;
        border: 1px solid #CFCFCF;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translate(-22px, -50%);
                transform: translate(-22px, -50%); }
  
      .checkbox-form .search_filter-name:after {
        opacity: 0;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        width: 6px;
        height: 6px;
        content: '';
        border-radius: 0;
        left: -19px;
        position: absolute;
        background-color: #E01A42; }
  
      [data-popup] {
        opacity: 0;
        -webkit-transition: all 0.7s ease;
        transition: all 0.7s ease;
        position: fixed;
        width: 500px;
        height: 500px;
        max-width: 90%;
        max-height: calc(100vh - 80px);
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-750%, -50%);
                transform: translate(-750%, -50%);
        z-index: 35000;
        background: #fff;
        overflow: hidden; }
        [data-popup] .filter-bar-popup-header a.live_search-reset {
          position: absolute;
          right: 0;
          display: block;
          background: none;
          border: none;
          padding: 0;
          width: 20px;
          height: 20px;
          text-align: center;
          top: 10px;
          -webkit-transform: rotate(45deg);
                  transform: rotate(45deg);
          color: #E01A42;
          cursor: pointer;
          border-bottom: none; }
        [data-popup].vis {
          opacity: 1;
          -webkit-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%); }
        [data-popup] .close {
          cursor: pointer; }
          [data-popup] .close svg {
            width: 17px;
            height: 17px;
            display: block;
            fill: #fff; }
        [data-popup] form {
          height: 100%;
          padding: 0 5px; }
          [data-popup] form input[type="text"],
          [data-popup] form input[type="search"] {
            -webkit-appearance: none;
            border-radius: 0; }
          [data-popup] form input.live_search {
            border: none;
            border-bottom: 1px solid #CFCFCF;
            font-style: italic;
            font-size: 12px;
            height: 24px;
            max-width: 180px;
            width: 90%; }
          [data-popup] form label {
            -webkit-box-flex: 1;
                -ms-flex: 1 1 50%;
                    flex: 1 1 50%; }
            [data-popup] form label.false {
              display: none; }
            [data-popup] form label.true {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex; }
            @media screen and (max-width: 479px) {
              [data-popup] form label {
                -webkit-box-flex: 1;
                    -ms-flex: 1 1 100%;
                        flex: 1 1 100%; } }
        [data-popup] .filter-bar-popup-header .blackhead {
          margin: 0 -5px;
          background: -webkit-gradient(linear, left top, left bottom, from(#353F4D), color-stop(86.02%, #0A111B));
          background: linear-gradient(180deg, #353F4D 0%, #0A111B 86.02%);
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          padding: 15px 21px; }
          [data-popup] .filter-bar-popup-header .blackhead + label {
            max-width: 180px;
            position: relative; }
          [data-popup] .filter-bar-popup-header .blackhead span {
            color: #fff;
            font-size: 16px;
            font-weight: 700; }
        [data-popup] .filter-bar-popup-choice {
          position: relative;
          -webkit-box-align: start;
              -ms-flex-align: start;
                  align-items: flex-start;
          -ms-flex-line-pack: start;
              align-content: flex-start;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
          padding: 20px;
          height: calc(100% - 150px); }
        [data-popup] .choose {
          cursor: pointer;
          background-color: #E01A42;
          border-radius: 40px;
          color: #fff;
          font-size: 12px;
          text-align: center;
          max-width: 150px;
          width: 100%;
          padding: 9px;
          display: block;
          margin: 10px auto;
          border: none; }
  
      body .new-subscribe-block .close {
        display: none; }
  
      body.opened {
        padding-top: 0; }
        body.opened .header-top,
        body.opened .menu-top,
        body.opened .new_blog_main.container .side-bar,
        body.opened .menu-left, body.opened .order-left {
          -webkit-transform: translateY(0);
                  transform: translateY(0);
          -webkit-transition: all 0.3s ease;
          transition: all 0.3s ease; }
        @media screen and (max-width: 1199px) {
          body.opened {
            padding-top: 130px; }
            body.opened .new-subscribe-block .close {
              cursor: pointer;
              right: 15px;
              top: 30px;
              display: block;
              position: absolute; }
              body.opened .new-subscribe-block .close svg {
                width: 17px;
                height: 17px; }
                body.opened .new-subscribe-block .close svg use {
                  fill: #000; }
            body.opened .new-subscribe-block {
              top: 0; }
            body.opened .header-top {
              -webkit-transform: translateY(218px);
                      transform: translateY(218px); }
            body.opened .menu-top {
              -webkit-transform: translateY(218px);
                      transform: translateY(218px); }
            body.opened .new_blog_main.container .side-bar {
              -webkit-transform: translateY(218px);
                      transform: translateY(218px); }
              body.opened .new_blog_main.container .side-bar .live_comments-box {
                top: 50px;
                height: calc(100vh - 478px); } }
        @media screen and (max-width: 959px) {
          body.opened .new_blog_main.container .side-bar .live_comments-box {
            height: calc(100vh - 423px); }
          body.opened .menu-left, body.opened .order-left {
            -webkit-transform: translateY(218px);
                    transform: translateY(218px); } }
        @media screen and (max-width: 767px) {
          body.opened {
            padding-top: 170px; }
            body.opened .new-subscribe-block {
              top: 0; }
            body.opened .menu-top {
              -webkit-transform: translateY(233px);
                      transform: translateY(233px); }
            body.opened .new_blog_main.container .side-bar {
              -webkit-transform: translateY(233px);
                      transform: translateY(233px); }
              body.opened .new_blog_main.container .side-bar .live_comments-box {
                top: 50px;
                height: calc(100vh - 438px); }
            body.opened .menu-left, body.opened .order-left {
              -webkit-transform: translateY(315px);
                      transform: translateY(315px); } }
        @media screen and (max-width: 639px) {
          body.opened {
            padding-top: 290px; }
            body.opened .new-subscribe-block {
              top: 0; }
              body.opened .new-subscribe-block .caption.main div {
                -webkit-box-sizing: border-box;
                        box-sizing: border-box;
                max-width: 280px;
                padding: 0 15px;
                text-align: left; }
              body.opened .new-subscribe-block form {
                border-left: none; }
            body.opened .menu-top {
              -webkit-transform: translateY(315px);
                      transform: translateY(315px); }
            body.opened .new_blog_main.container .side-bar {
              -webkit-transform: translateY(315px);
                      transform: translateY(315px); }
              body.opened .new_blog_main.container .side-bar .live_comments-box {
                top: 50px;
                height: calc(100vh - 514px); } }
        @media screen and (max-width: 375px) {
          body.opened .new-subscribe-block .caption.main div {
            padding: 0; } }
  
      .customDatepicker {
        z-index: 30000; }
        .customDatepicker .ui-state-default {
          width: 20px;
          height: 20px;
          border-radius: 30px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          border: none;
          line-height: 1;
          margin: 3px;
          font-weight: bold; }
          .customDatepicker .ui-state-default.ui-state-active {
            background-color: #E01A42;
            border-color: #E01A42; }
          .customDatepicker .ui-state-default.ui-state-active.ui-state-highlight {
            color: #fff; }
        .customDatepicker .ui-datepicker-buttonpane {
          display: none; }
        .customDatepicker .ui-datepicker-header {
          border: none;
          background: none; }
          .customDatepicker .ui-datepicker-header .ui-corner-all {
            height: 100%; }
            .customDatepicker .ui-datepicker-header .ui-corner-all[data-handler="next"] {
              top: auto;
              right: 0; }
              .customDatepicker .ui-datepicker-header .ui-corner-all[data-handler="next"] span {
                border-bottom: 1px solid;
                border-right: 1px solid;
                border-color: #E01A42;
                -webkit-transform: translate(-80%, -50%) rotate(-45deg);
                        transform: translate(-80%, -50%) rotate(-45deg);
                width: 12px;
                height: 12px;
                right: 50%;
                top: 50%;
                margin: 0; }
            .customDatepicker .ui-datepicker-header .ui-corner-all[data-handler="prev"] {
              top: auto;
              left: 0; }
              .customDatepicker .ui-datepicker-header .ui-corner-all[data-handler="prev"] span {
                border-bottom: 1px solid;
                border-right: 1px solid;
                border-color: #E01A42;
                -webkit-transform: translate(-20%, -50%) rotate(135deg);
                        transform: translate(-20%, -50%) rotate(135deg);
                width: 12px;
                height: 12px;
                left: 50%;
                top: 50%;
                margin: 0; }
            .customDatepicker .ui-datepicker-header .ui-corner-all.ui-state-hover {
              border: none;
              background: none; }
              .customDatepicker .ui-datepicker-header .ui-corner-all.ui-state-hover span {
                border-width: 3px; }
            .customDatepicker .ui-datepicker-header .ui-corner-all span {
              background: none;
              -webkit-transition: .2s;
              transition: .2s; }
  
              .new_blog_main.container .cell_blog .cell_blog-grid .new-blog-material__article {
                height: 80%;
                width: 45%;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                        flex-direction: column;
                position: absolute;
                bottom: 20px;
                padding: 15px;
                min-height: 220px;
                margin-top: 20px;
                background-repeat: no-repeat;
                background-position: center;
                background-size: cover;
              }
  
              @media only screen and (min-width: 280px) and (max-width: 960px) {
                .new_blog_main.container .cell_blog .cell_blog-grid .new-blog-material__article {
                  position: relative;
                  width: 100%;
                }
              }
  
              .new_blog_main.container .cell_blog .cell_blog-grid .new-blog-material__article * {
                z-index: 10;
                color: #fff;
                fill: #fff;
              }
  
              .new_blog_main.container .cell_blog .cell_blog-grid .new-blog-material__article:before {
                content: '';
                position: absolute;
                width: 100%;
                height: 100%;
                  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0.6)));
                  background: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6));
                z-index: 1;
                bottom: 0;
                left: 0;
              }
  
              .new_blog_main.container .cell_blog .cell_blog-grid .modern-page-navigation {
                -ms-flex-preferred-size: 100%;
                    flex-basis: 100%;
                max-width: 100%;
              }
  
  
      .new-blog-material {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
        width: 100%;
      }
  
      .new-blog-material article {
        margin: 15px 14px;
      }
  
      .new_blog_main.container .new-blog-material article:first-of-type .article_info-image {
          position: absolute;
          width: 100%;
          max-width: 100%;
          height: 100%;
          top: 0;
          left: 0;
          z-index: -1;
          pointer-events: none;
      }
  
      .new_blog_main.container .new-blog-material article {
        margin: 20px 14px;
        max-width: 462px;
        margin-right: 45px;
        width: 100%;
      }
  
      .new_blog_main.container .new-blog-material article:first-of-type {
        position: absolute;
        bottom: 30px;
        left: 0;
        max-width: 1012px;
        width: 100%;
        height: 100%;
        margin: 0 14px;
        padding: 30px;
        -webkit-box-shadow: none;
                box-shadow: none;
        padding-top: 100px;
      }
  
      .new_blog_main.container .new-blog-material article:first-of-type .article_info-about {
        max-width: 47%;
      }
  
      .new_blog_main.container .new-blog-material article {
        margin-bottom: 15px;
        margin-top: 15px;
      }
  
      .new_blog_main.container .new-blog-material article:first-of-type .article_social {
        max-width: 47%;
        border-top: 1px solid #ffffff60;
      }
  
      .new_blog_main.container .new-blog-material article a {
        border-bottom: none;
      }
  
      .new_blog_main.container .new-blog-material article:first-of-type .article-name {
        font-family: 'RobotoSlab';
        font-size: 24px;
        margin-bottom: 30px;
      }
  
  
      .new_blog_main.container .new-blog-material article:first-of-type .article_info-image:before {
        content: '';
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        position: absolute;
        background: #0a111b7a;
      }
  
      .new_blog_main.container .new-blog-material h2 {
        position: absolute;
        top: 0;
        left: 0;
        font-size: 20px;
        color: #fff;
        z-index: 60;
        padding-left: 30px;
        margin-left: 14px;
        margin-top: 15px;
        line-height: 1;
        padding-bottom: 0;
      }
  
      .new_blog_main.container .new-blog-material article:first-of-type .article_info-about > * {
        color: #fff;
      }
  
      .new_blog_main.container .new-blog-material article:first-of-type .article_social > * {
        color: #fff;
      }
  
      .new_blog_main.container .new-blog-material article:first-of-type .article_social svg {
        fill: #fff;
      }
  
      #scroller {
        width: 40px;
        height: 40px;
        top: 60%;
        left: 5px;
      }
  
      @media screen and (max-width: 1199px) {
        .new_blog_main.container .new-blog-material article {
          max-width: 47%;
          margin-right: 14px;
        }
  
        .blog.nobg.new_blog_main h1 {
          padding-right: 0;
        }
      }
  
      @media screen and (max-width: 767px) {
        .new_blog_main.container .new-blog-material article {
          max-width: calc(100% - 28px);
        }
        .new_blog_main.container .new-blog-material article:first-of-type {
          position: relative;
          max-width: 100%;
          width: auto;
          bottom: 0;
          margin-bottom: 15px;
        }
        .new_blog_main.container .new-blog-material h2 {
          position: absolute;
          margin-top: 0;
          font-size: 18px;
          top: 30px;
        }
        .new_blog_main.container .new-blog-material article:first-of-type .article-name {
          font-size: 21px;
        }
        .blog.nobg.new_blog_main h1 {
          padding-bottom: 40px;
          font-size: 30px;
        }
        .new_blog_main.container .new-blog-material article:first-of-type .article_info-about,
        .new_blog_main.container .new-blog-material article:first-of-type .article_social {
          max-width: 100%;
        }
      }
  
      @media screen and (max-width: 959px) and (min-width: 640px) {
        .breadcrumb.blog-breadcrumbs {
          margin-top: 120px;
        }
      }
  
      @media screen and (max-width: 1200px) and (min-width: 960px) {
        .breadcrumb.blog-breadcrumbs {
          margin-top: 180px;
        }
      }
  
      @media screen and (max-width: 640px) {
        .breadcrumb.blog-breadcrumbs {
          margin-top: 120px;
        }
  
        #scroller {
          top: auto;
        }
      }

      /*blog-layout-end*/

.btn-input[data-order]{
  z-index: 15000;
  position: fixed;
  cursor: pointer;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #fff;
font-weight: bold;
width: 100%;
padding: 17px;
text-align: center;
border-radius: 10px;
font-size: 14px;
cursor: pointer;
margin: 0;
max-height: 70px;
height: 100%;
border: none;
width: 160px;
background-color: #E2223F;
opacity: 1;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}

.btn-input[data-order]:hover{
  opacity: 0.8;
}

.works-detail.container .body p{
  padding-bottom: 0;
  margin-bottom: 19px;
}
.picbg + .works-detail{
  margin-top: 2em;
}
.picbg + .works-detail.works.works-banner{
  width: 100%;
}

.widepromoholder{
  /* display: none; */
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 100;
  right: 0;
  left: 0;
  transition: all 0.3s ease;
  transform: translateY(500%);
}
.widepromoholder.vis{
    transform: translateY(0%);
}
.widepromoholder .close{
  position: absolute;
  z-index: 4;
  top: 11px;
  right: 33px;
}

.widepromoholder .close svg{
  width: 15px;
  height: 15px;
  cursor: pointer;
}

.widepromoholder .centerbox{
  position: relative;
  padding: 0 15px;
  width: 100%;
  max-width: 1030px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.widepromoholder[data-promowide="tl_im_6"]{
  -webkit-box-shadow: 0 -2px 3px 3px #E0C6FF;
          box-shadow: 0 -2px 3px 3px #E0C6FF;
  background: url(/bitrix/templates/adapt/images/tl-nightsky.png);
  padding-bottom: 0px;
  background-size: cover;
}
.widepromoholder[data-promowide="tl_im_6"]:before{
  z-index: 1;
  position: absolute;
  content: '';
  background: url(/bitrix/templates/adapt/images/tl-rocket-pic.png);
  height: 92px;
  width: 161px;
  top: -30px;
  left: -54px;
  -webkit-transform: rotate(-26deg) translate(0px, 0px);
          transform: rotate(-26deg) translate(0px, 0px);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.widepromoholder[data-promowide="tl_im_6"] .centerbox{
  z-index: 1;
  padding-top: 18px;
  padding-bottom: 11px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.widepromoholder[data-promowide="tl_im_6"] .centerbox .text{
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 800;
  line-height: 18px;
  color: #fff;
  margin-right: 50px;
}
.widepromoholder[data-promowide="tl_im_6"] .centerbox .counter{
  font-size: 42px;
  color: #A2C81F;
  font-family: 'a_LCDNova';
  margin-right: 90px;
}
.widepromoholder[data-promowide="tl_im_6"] .centerbox a{
  text-align: center;
  background-color: #fff;
  text-decoration: none;
  color: #480E96;
  height: 32px;
  line-height: 30px;
  font-weight: 600;
  width: 152px;
  border-radius: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.widepromoholder[data-promowide="tl_im_6"] .centerbox a:hover{
  background-color: #480E96;
  color: #fff;
}

.widepromoholder[data-promowide="tl_im_6"] .centerbox::after{
  z-index: 1;
  position: absolute;
  content: '';
  background: url(/bitrix/templates/adapt/images/tl-ufo-pic.png);
  height: 79px;
  width: 156px;
  top: -44px;
  right: -54px;
  -webkit-transform: rotate(-26deg) translate(0px, 0px);
          transform: rotate(-26deg) translate(0px, 0px);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.widepromoholder[data-promowide="tl_im_6"] .close svg{
  fill: #fff;
}
.widepromoholder[data-promowide="tl_im_6"]:after{
  position: absolute;
  content: '';
  background: url(/bitrix/templates/adapt/images/tl-clouds.png);
  height: 90px;
  width: 100%;
  top: 100%;
  -webkit-transform: translateY(-90px);
          transform: translateY(-90px);
  background-repeat: no-repeat;
  background-position: center top -30px;
  background-size: auto;
}

@media screen and (max-width: 1199px){
  .widepromoholder[data-promowide="tl_im_6"] .centerbox::after{
    height: 59px;
    width: 86px;
    top: -20px;
    -webkit-transform: rotate(-26deg) translate(-140px, -80px);
            transform: rotate(-26deg) translate(-140px, -80px);
  }
  .widepromoholder[data-promowide="tl_im_6"]:before{
    height: 62px;
    width: 91px;
    top: -10px;
    left: -54px;
    -webkit-transform: rotate(-26deg) translate(-10px, 70px);
            transform: rotate(-26deg) translate(-10px, 70px);
  }
}

@media screen and (max-width: 991px){
  .widepromoholder[data-promowide="tl_im_6"] .centerbox::after{
    display: none;
  }
  .widepromoholder[data-promowide="tl_im_6"] .centerbox .text{
    text-align: right;
        -webkit-box-flex: 1;
            -ms-flex: 1 1 50%;
                flex: 1 1 50%;
  }
  .widepromoholder[data-promowide="tl_im_6"] .centerbox .counter{
    margin-right: 0px;
    margin-bottom: 20px;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 210px;
            flex: 0 1 210px;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    text-align: right;
  }
  .widepromoholder[data-promowide="tl_im_6"] .centerbox{
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding-right: 140px;
  }
}
@media screen and (max-width: 767px){
  .widepromoholder[data-promowide="tl_im_6"] .close{
    right: 15px;
  }
  .widepromoholder[data-promowide="tl_im_6"]{
    padding-bottom: 0px;
  }
  .widepromoholder[data-promowide="tl_im_6"] .centerbox{
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-right: 15px;
  }
  .widepromoholder[data-promowide="tl_im_6"] .centerbox .text{
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    text-align: center;
    margin-right: 0;
    margin-bottom: 0px;
    font-size: 14px;
    -webkit-text-size-adjust: none;
  }
  .widepromoholder[data-promowide="tl_im_6"] .centerbox .counter{
    -webkit-box-flex: 0;
        -ms-flex: 0 1 150px;
            flex: 0 1 150px;
    text-align: center;
    font-size: 24px;
    margin-bottom: 0;
    margin-top: 10px;
  }
  .widepromoholder[data-promowide="tl_im_6"] .centerbox a{
    -webkit-box-flex: 0;
        -ms-flex: 0 1 150px;
            flex: 0 1 150px;
    text-align: center;
    margin-top: 10px;
  }
}

.widepromoholder[data-promowide="tl_im_7"] {
  background: url(/bitrix/templates/adapt/images/insta-back.png);
  background-size: cover;
}

.widepromoholder[data-promowide="tl_im_7"]:before {
  position: absolute;
  content: "";
  width: 280px;
  height: 245px;
  background-image: url(/bitrix/templates/adapt/images/left-dude.png);
  background-repeat: no-repeat;
  top: -110px;
}

.widepromoholder[data-promowide="tl_im_7"]:after {
  position: absolute;
  content: "";
  width: 320px;
  height: 245px;
  background-image: url(/bitrix/templates/adapt/images/right-dude.png);
  background-repeat: no-repeat;
  top: -116px;
  right: 60px;
  z-index: -1;
}

.widepromoholder .insta-go {
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}

.widepromoholder[data-promowide="tl_im_7"] .centerbox .text {
  font-family: TT Norms;
  font-size: 22px;
  line-height: 25px;
  color: #FFFFFF;
  padding-bottom: 40px;
  padding-top: 40px;
}

.widepromoholder[data-promowide="tl_im_7"] .centerbox .text span {
  color: #A2C81F;
  font-size: 32px;
  font-weight: bold;
}

.widepromoholder[data-promowide="tl_im_7"] .centerbox .counter{
  font-size: 42px;
  line-height: 45px;
  color: #A2C81F;
  font-family: 'a_LCDNova';
  padding-top: 55px;
}

.widepromoholder[data-promowide="tl_im_7"] .centerbox a{
  text-align: center;
  background-color: #A2C81F;
  text-decoration: none;
  color: #480E96;
  height: 32px;
  line-height: 30px;
  font-weight: 600;
  width: 152px;
  border-radius: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin-top: 60px;
}
.widepromoholder[data-promowide="tl_im_7"] .centerbox a:hover{
  background-color: #480E96;
  color: #fff;
}

.insta-go .close svg {
  -webkit-filter: invert(1);
          filter: invert(1);
  padding-top: 25px;
}

.insta-go .close {
  top: 20px;
  right: 15px;
}

@media (max-width: 1070px) {

  .widepromoholder[data-promowide="tl_im_7"]:after,
  .widepromoholder[data-promowide="tl_im_7"]:before  {
    background-image: unset;
  }

}

@media (max-width: 1070px) {

  .widepromoholder[data-promowide="tl_im_7"] {
    background-image: radial-gradient(circle at center, #823695 0%, #B82C82, #D11E69 100%);
  }

  .widepromoholder .insta-go {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
  }

  .widepromoholder[data-promowide="tl_im_7"] .centerbox .text {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 18px;
  }

  .widepromoholder[data-promowide="tl_im_7"] .centerbox .text span {
    font-size: 22px;
  }

  .widepromoholder[data-promowide="tl_im_7"] .centerbox .counter {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .widepromoholder[data-promowide="tl_im_7"] .centerbox a {
    margin-top: 10px;
    margin-bottom: 10px;

  }

  .widepromoholder[data-promowide="tl_im_7"]:after {
    background-image: url(/bitrix/templates/adapt/images/instagram-trans.svg);
    width: 50px;
    height: 50px;
    top: 75px;
    right: 15px;
    background-size: cover;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }

  .widepromoholder[data-promowide="tl_im_7"]:before {
    background-image: url(/bitrix/templates/adapt/images/instagram-trans.svg);
    width: 70px;
    height: 65px;
    top: 25px;
    background-size: cover;
  }

  .insta-go .close {
    top: 0;
    right: 15px;
  }

}



.widepromoholder[data-promowide="smm_gift"]{
    background-size: cover;
    bottom: -2px;
}
.widepromoholder[data-promowide="smm_gift"]:before{
    z-index: 1;
    position: absolute;
    content: '';
    background: url(/bitrix/templates/adapt/images/smmgift-three.png);
    height: 200px;
    width: 120px;
    bottom: -30px;
    left: 54px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.widepromoholder[data-promowide="smm_gift"] .centerbox{
    z-index: 1;
    padding-top: 18px;
    padding-bottom: 11px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.widepromoholder[data-promowide="smm_gift"] .centerbox .text{
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: 700;
    line-height: 18px;
    color: #fff;
    margin-right: 50px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 1.1em;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 66%;
            flex: 1 1 66%;
    
}
.widepromoholder[data-promowide="smm_gift"] .centerbox .text span{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    font-weight: 800;
    font-size: 32px;
}
.widepromoholder[data-promowide="smm_gift"] .centerbox a{
    text-align: center;
    background-color: #fff;
    text-decoration: none;
    color: #000;
    height: 50px;
    line-height: 48px;
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
    width: 220px;
    border-radius: 25px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #fff;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}


.widepromoholder[data-promowide="smm_gift"]::after{
    z-index: 0;
    position: absolute;
    content: '';
    background: url(/bitrix/templates/adapt/images/smmgift-red.png);
    height: 250px;
    width: 100%;
    bottom: 0;
    right: 0;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%;
}
.widepromoholder[data-promowide="smm_gift"] .close svg{
    fill: #fff;
}

@media screen and (max-width: 1439px){
    .widepromoholder[data-promowide="smm_gift"]::after{
        height: 200px;
    }
}
@media screen and (max-width: 1199px){
    .widepromoholder[data-promowide="smm_gift"] .close{
        top: 0px;
    }

    .widepromoholder[data-promowide="smm_gift"] .centerbox::after{
        height: 59px;
        width: 86px;
        top: -20px;
        -webkit-transform: rotate(-26deg) translate(-140px, -80px);
                transform: rotate(-26deg) translate(-140px, -80px);
    }
    .widepromoholder[data-promowide="smm_gift"]:before{

    }
    .widepromoholder[data-promowide="smm_gift"]::after{
        background-size: cover;
        background-position: left center;
    }
}

@media screen and (max-width: 991px){
    .widepromoholder[data-promowide="smm_gift"] .close{
        top: 30px;
    }
    .widepromoholder[data-promowide="smm_gift"] .centerbox::after{
        /* display: none; */
    }
    .widepromoholder[data-promowide="smm_gift"] .centerbox .text{
        text-align: right;
            -webkit-box-flex: 1;
                -ms-flex: 1 1 50%;
                    flex: 1 1 50%;
        font-size: 18px;
    }
    .widepromoholder[data-promowide="smm_gift"] .centerbox .text span{
        font-size: 22px;
        font-weight: 700;
    }

    .widepromoholder[data-promowide="smm_gift"] .centerbox{
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
                padding-right: 35px;
                max-width: 700px;
    }
}
@media screen and (max-width: 767px){
    .widepromoholder[data-promowide="smm_gift"]{
        padding-bottom: 10px;
    }
    .widepromoholder[data-promowide="smm_gift"] .close{
        right: 15px;
    }

    .widepromoholder[data-promowide="smm_gift"] .centerbox{
        max-width: 500px;
        padding-right: 15px;    
    }
    .widepromoholder[data-promowide="smm_gift"] .centerbox .text{
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        text-align: flex-end;
        margin-right: 0;
        line-height: 1.3em;
        margin-bottom: 10px;

    }

    .widepromoholder[data-promowide="smm_gift"] .centerbox a{
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        text-align: center;
        height: 34px;
        line-height: 32px;
        font-size: 16px;
        width: 180px;
    }
}
@media screen and (max-width: 479px){
    .widepromoholder[data-promowide="smm_gift"]{
        padding-bottom: 10px;
    }
    .widepromoholder[data-promowide="smm_gift"] .close{
        right: 15px;
    }

    .widepromoholder[data-promowide="smm_gift"] .centerbox{
        max-width: 500px;
        padding-right: 15px;    
        -webkit-box-pack: start;    
            -ms-flex-pack: start;    
                justify-content: flex-start;
    }
    
    .widepromoholder[data-promowide="smm_gift"] .centerbox .text{
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        text-align: left;
        margin-right: 0;
        line-height: 1.3em;
        margin-bottom: 10px;
        font-size: 14px;

    }
    .widepromoholder[data-promowide="smm_gift"] .centerbox .text span{
        font-size: 18px;
    }
    .widepromoholder[data-promowide="smm_gift"] .centerbox a{
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        text-align: center;
        height: 34px;
        line-height: 32px;
        font-size: 16px;
        width: 180px;
    }
}










.widepromoholder[data-promowide="halloween"]{
  background-size: cover;
  bottom: -2px;
  background: linear-gradient(68deg, #2A134B -9%, #563089 73%);
}
.widepromoholder[data-promowide="halloween"]:before{
  z-index: 1;
  position: absolute;
  content: '';
  background: url(/bitrix/templates/adapt/images/left.png);
  height: 200px;
  width: 300px;
  bottom: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.widepromoholder[data-promowide="halloween"] .centerbox{
  z-index: 1;
  padding: 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: space-between;
          padding-top: 30px;
    padding-bottom: 50px;
}
.widepromoholder[data-promowide="halloween"] .centerbox .text{
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  color: #FCAC41;
}

.widepromoholder[data-promowide="halloween"] .centerbox .text span{
  font-size: 22px;
  font-weight: 700;
}
.widepromoholder[data-promowide="halloween"] .centerbox a{
  text-align: center;
  background-color: #F37308;;
  text-decoration: none;
  color: #fff;
  height: 50px;
  line-height: 48px;
  font-weight: 600;
  font-size: 18px;
  text-transform: uppercase;
  width: 220px;
  border-radius: 25px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}


.widepromoholder[data-promowide="halloween"]::after{
  z-index: 0;
  position: absolute;
  content: '';
  background: url(/bitrix/templates/adapt/images/right.png);
  height: 200px;
  width: 300px;
  bottom: 0px;
  right: 0;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100%;
}
.widepromoholder[data-promowide="halloween"] .close svg{
  fill: #fff;
}

  .widepromoholder[data-promowide="halloween"] .centerbox::after {
    position: absolute;
    content: '';
    width: 390px;
    height: 53px;
    bottom: 0;
      right: 110px;
    background-image: url(/bitrix/templates/adapt/images/bottomh.png);
    background-repeat: no-repeat;
    background-size: cover;
  }

  .halloween .close {
    right: 130px;
  }

  @media (max-width: 1400px) {
    .widepromoholder[data-promowide="halloween"] .centerbox {
      max-width: 825px;
    }
  }

  @media (max-width: 1024px) {
    .widepromoholder[data-promowide="halloween"] .centerbox {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
    }

    .widepromoholder[data-promowide="halloween"] .centerbox .text {
      text-align: center;
    }

    .widepromoholder[data-promowide="halloween"] .centerbox a {
      margin-top: 20px;
    }

    .halloween .close {
      right: 5px;
    }
  }

  @media (max-width: 768px) {
    .widepromoholder[data-promowide="halloween"]:before {
      height: 150px;
      width: 220px;
    }

    .widepromoholder[data-promowide="halloween"] .centerbox::after {
      display: none;
    }

    .widepromoholder[data-promowide="halloween"]::after {
      height: 155px;
      width: 210px;
    }
  }

  @media (max-width: 425px) {
    .widepromoholder[data-promowide="halloween"] .centerbox .text {
      font-size: 18px;

    }

    .widepromoholder[data-promowide="halloween"] .centerbox .text span {
      font-size: 20px;
    }

  }





  .widepromoholder[data-promowide="smmbase"]{
    box-sizing: border-box;  
    padding: 30px;
    padding-top: 114px;
    padding-left: 63px;  
    background: url(/bitrix/templates/adapt/images/smmbase-bg.png);
    background-size: 100%;
    height: 365px;
    background-position: 0 0;
    bottom: -2px;
    width: 100%;
    max-width: 430px;
    left: auto;
    right: 0;
  }
  
  .widepromoholder[data-promowide="smmbase"] .centerbox{
    max-width: 100%;  
    z-index: 1;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: space-between;
            padding: 0;
      padding-bottom: 50px;
  }
  .widepromoholder[data-promowide="smmbase"] .thanks{
      position: absolute;
      left: 0;
      top: 0;
      z-index: 1;
      display: none;
      padding: 20px;
  }

  .widepromoholder[data-promowide="smmbase"] .caption{
      font-size: 20px;
      font-weight: 800;
      color: #ABCD37;
      line-height: 1.2em;
  }

  .widepromoholder[data-promowide="smmbase"] .text span{
      font-size: 14px;
      color: #fff;
      display: block;
      margin-top: 1em;
      line-height: 1.2em;
  }

  .widepromoholder[data-promowide="smmbase"] .small{
      color: #fff;
      font-size: 10px;
  }
  .widepromoholder[data-promowide="smmbase"] .small a{
      color: inherit;
      font-size: inherit;
  }
  .widepromoholder[data-promowide="smmbase"] form{
       display: flex;
       align-items: center;
       flex-wrap: wrap; 
  }
  .widepromoholder[data-promowide="smmbase"] form input{
       height: 46px;
       border-radius: 23px;
       line-height: 44px;
  }
  .widepromoholder[data-promowide="smmbase"] form input[type="text"]{
        flex: 0 1 67%;
       color: #ccc;
       min-width: 0;
       font-size: 20px;
       font-family: 'TT Norms', sans-serif;
       padding: 0 15px;
       border: 1px solid #fff;
       box-sizing: border-box;
       padding-right: 40px;
       margin-top: 25px;
       margin-bottom: 25px;
  }
  .widepromoholder[data-promowide="smmbase"] form input[type="submit"]{
       cursor: pointer;
       transition: all 0.3s ease;
       color: #fff;
       background-color: #E12341;
       font-size: 20px;
       font-weight: 700;
       font-family: 'TT Norms', sans-serif;
       padding: 0;
       text-align: center;
       border: 1px solid #E12341;
       min-width: 146px;
       margin-left: -40px;
  }

  .widepromoholder[data-promowide="smmbase"] form input[type="submit"]:focus,
  .widepromoholder[data-promowide="smmbase"] form input[type="submit"]:hover{
    background-color: #fff;
    color: #E12341;
  }

  .widepromoholder[data-promowide="smmbase"] .close{
    top: 65px;
    right: 45px;
  }
  .widepromoholder[data-promowide="smmbase"] .close svg{
    fill: #ABCD37;
  }
  


  

  
    @media (max-width: 1024px) {
  
     .widepromoholder[data-promowide="smmbase"] {
        max-width: 320px;
        height: 270px;
        padding-top: 65px;
        padding-left: 29px;
     }
     .widepromoholder[data-promowide="smmbase"] .caption{
        font-size: 18px;
        
      }
      .widepromoholder[data-promowide="smmbase"] .close{
        top: 25px;
        right: 15px;
      }
      .widepromoholder[data-promowide="smmbase"] .text span{
          font-size: 14px;
      }
      .widepromoholder[data-promowide="smmbase"] form input[type="text"]{
            font-size: 14px;
            margin-top: 10px;
            margin-bottom: 10px;
            flex: 0 1 78%;
            min-width: 0;
            box-sizing: border-box;
       }
       .widepromoholder[data-promowide="smmbase"] form input[type="submit"]{
            font-size: 14px;
            flex: 0 0 94px;
            min-width: 0;
            padding: 0 15px;
            box-sizing: border-box;
       }

}  

/*sandbox*/
.sandbox .new_blog_main.container .article_social svg {
    width: 15px;
    height: 18px;
}
.sandbox .new_blog_main.container .cell_blog-grid article:nth-of-type(2) svg, 
.sandbox .new_blog_main.container .cell_blog-grid article:nth-of-type(4) svg, 
.sandbox .new_blog_main.container .cell_blog-grid article:nth-of-type(7) svg, 
.sandbox .new_blog_main.container .cell_blog-grid article:nth-of-type(8) svg {
    fill: #9B9FA3;
}
.sandbox .new_blog_main.container .cell_blog-grid article:nth-of-type(2) span, 
.sandbox .new_blog_main.container .cell_blog-grid article:nth-of-type(4) span, 
.sandbox .new_blog_main.container .cell_blog-grid article:nth-of-type(7) span, 
.sandbox .new_blog_main.container .cell_blog-grid article:nth-of-type(8) span {
    color: #9B9FA3;
}
.sandbox .new_blog_main.container .article_social .likes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
}

.sandbox .new_blog_main.container .article_social .likes .js_likes{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
}

.sandbox .new_blog_main.container .article_social .likes .js_likes [data-likes],
.sandbox .new_blog_main.container .article_social .likes .js_likes [data-dislikes]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-right: 15px;   
}

.info{
  line-height: 1.4em;
  font-size: 16px;
}
.redback{
  padding-left: 15px;
}
.redmore{
  margin-top: 1em;
  font-weight: bold;
  padding-right: 15px;
}
.redback, .redmore{
  font-size: 16px;
  position: relative;
  display: inline-block;
}
.redmore:before,
.redback:before{
    top: 50%;
    position: absolute;
    width: 7px;
    height: 7px;
    content: '';
    border: 2px solid #E2223F;
    border-top: none;
    border-left: none;
}
.redback:before{
    left: 0px;
    -webkit-transform: rotate(135deg) translate(-65%);
            transform: rotate(135deg) translate(-65%);
}
.redmore:before{
    right: 5px;
    -webkit-transform: rotate(-45deg) translate(55%);
            transform: rotate(-45deg) translate(55%);
}
.new_blog_main.sandbox.container .article_social .article-tag{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 1365px) and (min-width: 960px){
  .new_blog_main.sandbox.container,
  .new_blog_main.sandbox .container {
    min-width: auto;
  }
}
@media screen and (max-width: 639px){
  .new_blog_main.sandbox.container,
  .new_blog_main.sandbox .container {
    min-width: auto;
  }
}

.new_blog_main.sandbox.container .cell_blog-grid article:nth-of-type(2) .article_info-image,
.new_blog_main.sandbox.container .cell_blog-grid article:nth-of-type(4) .article_info-image,
.new_blog_main.sandbox.container .cell_blog-grid article:nth-of-type(7) .article_info-image,
.new_blog_main.sandbox.container .cell_blog-grid article:nth-of-type(8) .article_info-image{
  min-width: 120px;
  height: 110px;
  max-width: 120px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 20px;
  position: relative;
}



.new_blog_main.sandbox.container .cell_blog {
  padding-right: 0px;
}

.new_blog_main.sandbox.container .cell_blog article .article-intro{
  line-height: 1.4em;
  font-size: 12px;
}

.new_blog_main.container.sandbox .cell_blog-grid article:nth-of-type(2) *, .new_blog_main.container.sandbox .cell_blog-grid article:nth-of-type(4) *, .new_blog_main.container.sandbox .cell_blog-grid article:nth-of-type(7) *, .new_blog_main.container.sandbox .cell_blog-grid article:nth-of-type(8) *{
  color: #0A111B;
}

.new_blog_main.container.sandbox .cell_blog-grid article:nth-of-type(2) .article-date, .new_blog_main.container.sandbox .cell_blog-grid article:nth-of-type(4) .article-date, .new_blog_main.container.sandbox .cell_blog-grid article:nth-of-type(7) .article-date, .new_blog_main.container.sandbox .cell_blog-grid article:nth-of-type(8) .article-date,
.new_blog_main.container.sandbox .cell_blog-grid article:nth-of-type(2) .article-tag span, .new_blog_main.container.sandbox .cell_blog-grid article:nth-of-type(4) .article-tag span, .new_blog_main.container.sandbox .cell_blog-grid article:nth-of-type(7) .article-tag span, .new_blog_main.container.sandbox .cell_blog-grid article:nth-of-type(8) .article-tag span{
  color: #8A8A8A;
}
.new_blog_main.container.sandbox .cell_blog-grid article:nth-of-type(2) *, .new_blog_main.container.sandbox .cell_blog-grid article:nth-of-type(4) *, .new_blog_main.container.sandbox .cell_blog-grid article:nth-of-type(7) *, .new_blog_main.container.sandbox .cell_blog-grid article:nth-of-type(8) * {
    color: #0A111B;
}

.new_blog_main.container.sandbox .cell_blog-grid article:nth-of-type(2) .article_social, .new_blog_main.container.sandbox .cell_blog-grid article:nth-of-type(4) .article_social, .new_blog_main.container.sandbox .cell_blog-grid article:nth-of-type(7) .article_social, .new_blog_main.container.sandbox .cell_blog-grid article:nth-of-type(8) .article_social {
    border-color: #D2D7DB;
}
.new_blog_main.container .cell_blog-grid article:nth-of-type(2) .article_info-image:before, .new_blog_main.container .cell_blog-grid article:nth-of-type(4) .article_info-image:before, .new_blog_main.container .cell_blog-grid article:nth-of-type(7) .article_info-image:before, .new_blog_main.container .cell_blog-grid article:nth-of-type(8) .article_info-image:before{
  display: none;
}

.container.nobg .bt{
  color: #fff;
}

.lkwrap {
  padding-top: 15px;
}
.lkwrap .lkhead{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.lkwrap .lkhead .img{
  background-color: #efefef;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 170px;
          flex: 0 0 170px;
  border-radius: 170px;
  height: 170px;
  width: 170px;
  margin-right: 40px;
}
.lkwrap .lkhead .desc{
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  position: relative;
  min-height: 170px;
}
.lkwrap .lkhead .exitline{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 30px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
.lkwrap .lkhead .exitline a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.lkwrap .lkhead .exitline a span{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: #e2223f;
  margin-right: 10px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.lkwrap .lkhead .exitline a svg{
  width: 20px;
  height: 20px;
  fill: #e2223f;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20px;
          flex: 0 0 20px;
}


.lkwrap.approved .lkhead .desc .statuslabel{
  background-color: #1EBEA5;
}

.lkwrap.unapproved .lkhead .desc .statuslabel{
  background-color: #e2223f;
}
.lkwrap .statuslabel{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: #fff;
  padding: 9px 15px;
  border-radius: 4px;
  font-weight: 700;
  font-size: 10px;
  margin-bottom: 10px;
}
.lkwrap .lkhead .desc span{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  font-size: 16px;
}
.lkwrap .lkhead .desc p{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  font-size: 14px;
  line-height: 1.4em;
  margin-bottom: 0;
}
.lkwrap .lkhead .desc h1{
  text-align: left;
  margin-top: 15px;
  padding: 0;
  margin-bottom: 30px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}

.lkwrap .lkhead .desc a.bt{
  margin-left: 0;
  margin-bottom: 0;
}

.lkwrap .lkhead .desc a.bt:hover,
.lkwrap .lkhead .desc a.bt:focus{
  border-bottom: none;
}

.lkwrap .lkfolds{
  margin-top: 67px;
  overflow-x: auto;
  -webkit-transform: translateY(1px);
          transform: translateY(1px);
}

.lkwrap .lkfolds .lkfoldscont{
  width: 744px;
}
.lkwrap .lkfolds .fold{
  margin-right: -3px;
  text-decoration: none;
  color: #0A111B;
  border: 1px solid #D2D6DA;
  border-bottom: none;
  border-radius: 20px 20px 0 0;
  width: 240px;
  height: 57px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #D2D6DA;
  font-size: 16px;
  font-weight: bold;
}
.lkwrap .lkfolds span.fold{
  background: #fff;
}

.lkwrap .foldholder .matslist{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.lkwrap .foldholder .matslist .matitem{
  border-top: 1px solid #D2D6DA;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.lkwrap .foldholder .matslist .matitem .matsection{
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.lkwrap .foldholder .matslist .matitem .matsection{
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}
.lkwrap .foldholder .matslist .matitem .matsection.date{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 80px;
          flex: 0 0 80px;
}
.lkwrap .foldholder .matslist .matitem .matsection.date span{
  color: #B5BAC0;
}
.lkwrap .foldholder .matslist .matitem .matsection.date strong{
  margin-bottom: 1em;
}
.lkwrap .foldholder .matslist .matitem .matsection.date strong:last-child{
  margin-bottom: 0;
}
.lkwrap .foldholder .matslist .matitem .matsection.date span,
.lkwrap .foldholder .matslist .matitem .matsection.date strong{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 10px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 80px;
          flex: 0 0 80px;
}
.lkwrap .foldholder .matslist .matitem .matsection.name{
  max-width: 330px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 330px;
          flex: 0 0 330px;
}
.lkwrap .foldholder .matslist .matitem .matsection.name .statuslabel{
  border: 1px solid #1EBEA5;
  color: #1EBEA5;
}
.lkwrap .foldholder .matslist .matitem.blogpublished .matsection.name .statuslabel{
  background-color: #1EBEA5;
  color: #fff;
}
.lkwrap .foldholder .matslist .matitem .matsection.name a{
  font-size: 12px;
  color: #000;
  line-height: 1.4em;
  text-decoration: none;
  border: none;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
.lkwrap .foldholder .matslist .matitem .matsection.edit{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 123px;
          flex: 0 0 123px;
}
.lkwrap .foldholder .matslist .matitem .matsection.edit a{
  font-weight: bold;
  color: #000;
  text-decoration: none;
  font-size: 10px;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 70px;
          flex: 0 0 70px;
  margin-bottom: 20px;
}
.lkwrap .foldholder .matslist .matitem .matsection.edit a:last-of-type{
  margin-bottom: 0;
}
.lkwrap .foldholder .matslist .matitem .matsection.edit svg{
  width: 18px;
  height: 18px;
  fill: #E2223F;
  margin-right: 10px;
}
.lkwrap .foldholder .matslist .matitem .matsection.rate{
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.lkwrap .foldholder .matslist .matitem .matsection.rate div{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 10px;
  margin-bottom: 15px;
}
.lkwrap .foldholder .matslist .matitem .matsection.rate svg{
  width: 16px;
  height: 19px;
  fill: #9B9FA3;
  margin-right: 10px;
}
.lkwrap .foldholder .matslist .matitem .matsection.rate .rating svg{
  width: 18px;
  height: 18px;
  margin-right: 5px;
  margin-bottom: 0px;
}
.lkwrap .foldholder .matslist .matitem .matsection.comment{
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.lkwrap .foldholder .matslist .matitem .matsection.comment div{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.lkwrap .foldholder .matslist .matitem .matsection.comment svg{
  width: 15px;
  height: 14px;
  margin-right: 10px;
}
.lkwrap .foldholder .sortline{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 40px;
}
.lkwrap .foldholder select.sortitem{
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #000;
  -webkit-appearance: menulist;
  width: auto;
  padding: 5px;
  margin-left: 10px;
}

.lkwrap .foldholder select.sortitem option{
  padding: 5px;
  text-align: right;
  font-size: 12px;
}
.lkwrap .foldholder .modern-page-navigation{
  padding-bottom: 0;
}
.lkwrap .foldholder{
  margin-bottom: 60px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0px 30px 42px;
  border: 1px solid #D2D6DA;
  border-top-right-radius: 20px;
}

.lkwrap .foldholder.nopads{
  padding: 0px;
  border: none;
  border-radius: 0;
}


.lkwrap .lkform{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.lkwrap .lkform#personal-form-pass{
    max-width: 388px;
    margin-left: auto;
    margin-right: auto;
}
.lkwrap .lkform#personal-form-pass .inputholder.half.forbtn.left{
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.lkwrap .inputholder{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}
.lkwrap .inputholder #js_errorbox,
.lkwrap .inputholder #js_messagebox{
  border-radius: 3px;
  width: 100%;
  text-align: center;
  display: block;
  line-height: 2.4em;
  font-size: 12px;
  margin-bottom: 15px;
}
.lkwrap .inputholder #js_messagebox{
  background-color: rgba(75, 173, 38, 0.2);
  color: #4bad26;
  border-color: #4bad26;
}
.lkwrap .inputholder #js_errorbox{
  background-color: rgba(226, 34, 63, 0.2);
  color: #E2223F;
  border-color: #E2223F;
}
.lkwrap .inputholder.error{
  z-index: 5;
}
.lkwrap .inputholder.error::before{
  content: '';
  position: absolute;
  border: 11px solid transparent;
  border-bottom-width: 20px;
  border-bottom-color: #f5f5f5;
  border-top: none;
  top: 100%;
  left: 100px;
  z-index: 1;
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
}
.lkwrap .inputholder.error::after{
  content: 'У вас осталось две попытки на ввод корректного пароля. После этого, аккаунт будет заблокирован на 30 минут.';
  position: absolute;
  top: 100%;
  left: 0;
  max-width: 100%;
  width: 440px;
  background: #f5f5f5;
  border-radius: 10px;
  padding: 10px;
  color: #C7C7C7;
  -webkit-transform: translateY(15px);
          transform: translateY(15px);
}
.lkwrap .inputholder.error input{
  border-color: #FF0000;
}
.lkwrap .inputholder .inputcomment{
  margin-top: 15px;
  margin-bottom: 15px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  line-height: 1.4em;
  text-align: left;
}
.lkwrap .inputholder label[for="userphoto"]{
  width: 96px;
  height: 96px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 96px;
          flex: 0 0 96px;
  margin-right: 18px;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 0;
  background-color: #efefef;
  position: relative;
  overflow: hidden;
}
.lkwrap .inputholder label[for="userphoto"]::after{
  position: absolute;
  content: '';
  border-radius: 50%;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  background: #000 url(/bitrix/templates/adapt/images/camera-ico.svg) center no-repeat;
}
.lkwrap .inputholder.forbtn{
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-top: 40px;
}
.lkwrap .inputholder.forbtn.right{
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.lkwrap .inputholder.forbtn.left{
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.lkwrap .inputholder.wide{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}

.lkwrap .inputholder [name="preview_picture_oid"] ~ img{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 200px;
          flex: 0 0 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 200px;
  height: auto;
  margin-right: 20px;
  margin-bottom: 20px;
}
.lkwrap .inputholder.centered{
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 40px;
}
.lkwrap .inputholder.centered strong{
  margin-right: 30px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.lkwrap .inputholder .greylink{
  line-height: 50px;
  color: #797979;
  margin-left: 40px;
}

.lkwrap .inputholder .greylink:first-child{
  margin-left: 0px;
}
.lkwrap .inputholder input[type="file"]{
  display: none;
}

.lkwrap .inputholder.addfromcat .chosencats{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.lkwrap .inputholder.addfromcat .chosencats .item{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 20px;
  color: #999999;
  border: 1px solid #D2D7DB;
  text-decoration: none;
  margin-right: 5px;
  border-radius: 15px;
  font-size: 12px;
  background-color: #fff;
  padding: 0 10px;
  padding-right: 20px;
  margin-bottom: 5px;
}
.lkwrap .inputholder.addfromcat .chosencats .item span:before{
  content: '#';
}
.lkwrap .inputholder.addfromcat .chosencats .item .delitem{
  cursor: pointer;
  position: absolute;
  right: 5px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
.lkwrap .inputholder .btnwhite{
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 250px;
          flex: 0 1 250px;
  padding: 0;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-transform: uppercase;
  font-weight: bold;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 2px solid #000;
  background: transparent;
  border-radius: 25px;
  margin-right: 30px;
}

.lkwrap .inputholder .btnwhite.blocked{
    opacity: 0.1;
    cursor: default;
}

[data-editor] [type="checkbox"][disabled] + label{
    opacity: 0.2;
    cursor: default;
}

.lkwrap .inputholder label[for="userfile"]{
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 250px;
    flex: 0 1 250px;
    padding: 0 15px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #EEF0F2;
    border-radius: 25px;
    overflow-x: hidden;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.lkwrap .inputholder label[for="userfile"] span:before{
    height: 50px;
    width: 25px;
    position: absolute;
    top: 0;
    content: '';
    z-index: 2;
    left: 0;
    background: rgba(238,240,242,1);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(238,240,242,1)), color-stop(98%, rgba(238,240,242,0.02)), color-stop(100%, rgba(238,240,242,0)));
    background: -webkit-gradient(linear, left top, right top, from(rgba(238,240,242,1)), color-stop(98%, rgba(238,240,242,0.02)), to(rgba(238,240,242,0)));
    background: linear-gradient(to right, rgba(238,240,242,1) 0%, rgba(238,240,242,0.02) 98%, rgba(238,240,242,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eef0f2', endColorstr='#eef0f2', GradientType=1 );
}
.lkwrap .inputholder label[for="userfile"] span{
    position: relative;
    max-width: 100%;
    overflow: hidden;
    font-weight: bold;
    color: #000;
    white-space: nowrap;
    text-transform: uppercase;
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    text-align: right;
    padding-left: 20px;
    margin-right: 20px;
}
.lkwrap .inputholder label[for="userfile"] svg{
    position: relative;
    margin-right: 0px;
    width: 14px;
    height: 13px;
    margin-left: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 14px;
    flex: 0 0 14px;
    z-index: 2;
}
.lkwrap .inputholder.wide.photo{
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 96px;
}

.lkwrap .inputholder .captchaholder{
  margin-top: 30px;
  max-width: 100%;
  width: 304px;
}
.lkwrap .inputholder .captchaholder .g-recaptcha{
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-152px);
          transform: translateX(-152px);
}

.lkwrap .inputholder.half{
  -webkit-box-flex: 0;
      -ms-flex: 0 1 388px;
          flex: 0 1 388px;
}
.lkwrap .inputholder.datechoose{
  max-width: 210px;
}
.lkwrap .foldholder.nopads .inputholder.datechoose{
  max-width: 150px;
}
.lkwrap .inputholder.addlist .additem{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 32px;
  position: relative;
  padding-top: 10px;
  padding-bottom: 10px;
}
.lkwrap .inputholder.addlist .additem .delitem{
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: 50%;
  left: 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 32px;
          flex: 0 0 32px;
  font-size: 34px;
  font-family: sans-serif;
  position: absolute;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}

.lkwrap .inputholder.addlist .additem .additemvalue{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.lkwrap .inputholder.addlist input{
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: auto;
}
.lkwrap .inputholder.addlist .add{
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 32px;
          flex: 0 0 32px;
  font-size: 34px;
  font-family: sans-serif;
}
.lkwrap .inputholder.addlist .add:hover,
.lkwrap .inputholder.addlist .add:focus,
.lkwrap .inputholder.addlist .additem .delitem:hover,
.lkwrap .inputholder.addlist .additem .delitem:focus{
  opacity: 0.5;
}
.lkwrap .inputholder [data-date]{
    background: url(/bitrix/templates/adapt/images/calendar.svg) right 20px center no-repeat;
}



.lkwrap .inputholder.inline .btn{
  margin-right: 15px;
  margin-bottom: 15px;
}
.lkwrap .inputholder.inline .btn:last-child{
  margin-right: 0px;
}
.lkwrap .inputholder.inline label{
  margin-top: 40px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.lkwrap .inputholder.inline .caption ~ label{
  margin-top: 0px;
}

.lkwrap .inputholder.liquid{
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding-left: 30px;
  padding-right: 30px;
}
.lkwrap .inputholder .caption{
  margin-top: 40px;
  margin-bottom: 25px;
  font-weight: 700;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
.lkwrap .inputholder.division{
  border-bottom: 1px solid #D2D6DA;
}
.lkwrap .inputholder.division .caption{
  color: #D2D6DA;
  font-weight: normal;
  margin-bottom: 15px;
}

.lkwrap .inputholder button.btn,
.lkwrap .inputholder a.btn{
  background-color: #d6d9de;
  color: #333;
  font-weight: bold;
  width: 100%;
  padding: 17px;
  text-align: center;
  border-radius: 25px;
  border: 1px solid;
  border-color: #d6d9de;
  font-size: 16px;
  cursor: pointer;
  margin: 0;
  max-height: 50px;
  text-decoration: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 250px;
}

.lkwrap .inputholder .btn{
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 1;
}
.lkwrap .inputholder .btn:focus,
.lkwrap .inputholder .btn:hover{
  opacity: 0.8;
}

.lkwrap .inputholder button.btn.btn-submit,
.lkwrap .inputholder a.btn.btn-submit{
background-color: #E2223F;
border-color: #E2223F;
color: #fff;
max-width: 250px;
}

.lkwrap .inputholder button.btn.btn-submit.redwhite,
.lkwrap .inputholder a.btn.btn-submit.redwhite{
background-color: #fff;
color: #E2223F;
}


.lkwrap input[type="checkbox"],
.lkwrap input[type="radio"]{
  display: none;
}
.lkwrap input[type="checkbox"]+label,
.lkwrap input[type="radio"]+label{
  color: #797979;
  font-size: 16px;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}


.lkwrap input[type="checkbox"]+label:before{
  border-radius: 4px;
}
.lkwrap input[type="radio"]+label:before{

  border-radius: 100%;
}

.lkwrap input[type="checkbox"]+label:before,
.lkwrap input[type="radio"]+label:before{
  left: 0;
  position: absolute;
  width: 16px;
  height: 16px;
  content: '';
  border: 1px solid #D2D6DA;
  background: #fff;
  -webkit-box-shadow: 0 0 0 3px #fff inset;
          box-shadow: 0 0 0 3px #fff inset;
}
.lkwrap input[type="checkbox"]+label:after{
  left: 6px;
  top: 50%;
  position: absolute;
  width: 4px;
  height: 10px;
  content: '';
  border: 2px solid #E2223F;
  -webkit-transform: translateY(-7px) rotate(45deg);
          transform: translateY(-7px) rotate(45deg);
  border-top: none;
  border-left: none;
  opacity: 0;
}
.lkwrap input[type="checkbox"]:checked+label:after{
  opacity: 1;
}
.lkwrap input[type="radio"]:checked+label:before{
    background: #E2223F;
}


.lkwrap .editorwrapper{
  width: 100%;
  border-radius: 6px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #D2D6DA;
}
.lkwrap textarea{
  width: 100%;
  height: 270px;
  line-height: 18px;
  font-size: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #D2D6DA;
  border-radius: 6px;
  padding: 15px 20px;
  color: #0A111B;
}

.lkwrap input[type="text"], .lkwrap input[type="password"]{
  width: 100%;
  height: 50px;
  line-height: 18px;
  font-size: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #D2D6DA;
  border-radius: 6px;
  padding: 15px 20px;
  color: #0A111B;
}

.lkwrap input[data-password]{
  padding-right: 40px;
}
.lkwrap .inputinfo{
  position: absolute;
  top: 100%;
  left: 0px;
  padding: 0 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 5px;
  font-size: 12px;
  width: 100%;
  opacity: 0.5;
}
.lkwrap .inputinfo.right{
  text-align: right;
}
.lkwrap input[data-password] + .showpass{
  background: rgba(255, 255, 255, 0.6) url(/bitrix/templates/adapt/images/eye.svg) center no-repeat;
  cursor: pointer;
  position: absolute;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  right: 8px;
  bottom: 6px;
  z-index: 2;
  background-size: 18px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 0.5;
}
.lkwrap input[data-password] + .showpass:after{
  content: '';
  width: 20px;
  height: 2px;
  position: absolute;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0px -1px 1px 1px #fff;
          box-shadow: 0px -1px 1px 1px #fff;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
  background-color: #000;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 1;
}
.lkwrap input[data-password] + .showpass:focus,
.lkwrap input[data-password] + .showpass:hover{
  opacity: 1;
}
.lkwrap input[data-password] + .showpass:active{
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.lkwrap input[data-password] + .showpass:active:after{
  opacity: 0;
}

.lkwrap textarea::-webkit-input-placeholder,
.lkwrap input[type="text"]::-webkit-input-placeholder {
  color: #C4C4C4;
}
.lkwrap textarea:-ms-input-placeholder,
.lkwrap input[type="text"]:-ms-input-placeholder {
  color: #C4C4C4;
}
.lkwrap textarea::-ms-input-placeholder,
.lkwrap input[type="text"]::-ms-input-placeholder {
  color: #C4C4C4;
}
.lkwrap textarea::placeholder,
.lkwrap input[type="text"]::placeholder {
  color: #C4C4C4;
}

.new_blog_main.container.sandbox .cell_blog .cell_blog-grid > *{
  max-width: 425px;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 49%;
          flex: 0 1 49%;
}

.new_blog_main.container.sandbox .cell_blog .cell_blog-grid > .modern-page-navigation{
  max-width: 100%;
  -webkit-box-flex: 0;
       -ms-flex: 0 0 100%;
          flex: 0 0 100%;
 }
 
 .new_blog_main.container.sandbox div.modern-page-navigation a.modern-page-previous, div.modern-page-navigation a.modern-page-next{
  padding: 0 30px;
 }
 .new_blog_main.container.sandbox div.modern-page-navigation a.modern-page-previous{
  margin-right: 30px;
 }
 .new_blog_main.container.sandbox div.modern-page-navigation a.modern-page-next{
  margin-left: 30px;
 }


.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}
.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 100%;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}
.ui-datepicker .ui-datepicker-next {
    right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
    right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 45%;
}
.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em;
}
.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0;
}
.ui-datepicker td {
    border: 0;
    padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
  border: 1px solid #E2223F;
  background: #E2223F;
  color: #fff;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{
  border: 1px solid #E2223F;
  background: #999;
}

.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{
  text-indent: 0;
  font-size: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ui-datepicker .ui-datepicker-prev span:after,.ui-datepicker .ui-datepicker-next span:after{
  font-size: 14px;

}
.ui-datepicker .ui-datepicker-prev span:after{
  content: '<';
}
.ui-datepicker .ui-datepicker-next span:after{
  content: '>';
}


.ui-datepicker .ui-datepicker-title select{
  padding: 5px;
  border-radius: 3px;
  text-align: center;
  height: auto;
  width: auto;
  margin: 0 3px;
}

.specpic .picbg .content{
  text-align: center;
}

.publishtag{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: auto;
  padding-top: 75px;
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
}
.publishtag svg{
  fill: #fff;
  margin-right: 10px;
  width: 12px;
  height: 16px;
}
.publishtag strong{
  color: #fff;
}
.blog-detail.sandbox-detail .infoline {
  display: block;
  float: left;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #C4C4C4;
}
.blog-detail.sandbox-detail hr{
  display: none;
}
.blog-detail.sandbox-detail hr + .infoline{
  border-bottom: none;
  margin-bottom: 30px;
}
.blog-detail.sandbox-detail .infoline .holder{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.blog-detail.sandbox-detail .infoline .holder a{
  text-decoration: underline;
  border-bottom: none;
}
.blog-detail.sandbox-detail .infoline .holder time{
  color: #797979;
}
.blog-detail.sandbox-detail .infoline a.editlink{
  color: #797979;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.blog-detail.sandbox-detail .infoline .editlink svg{
  width: 15px;
  height: 15px;
  margin-right: 10px;
  fill: #e2223f;
}
.blog-detail.sandbox-detail .author.wide{
  width: 100%;
  border-top: none;
  padding: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 170px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.blog-detail.sandbox-detail .author.wide .body{
  padding-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.blog-detail.sandbox-detail .author.wide .body .name{
  font-weight: normal;
  font-size: 16px;
}
.blog-detail.sandbox-detail .author.wide .body .matcount{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.blog-detail.sandbox-detail .author.wide .body .matcount .label{
  padding-right: 25px;
  font-weight: normal;
  font-size: 16px;
}
.blog-detail.sandbox-detail .author.wide .body .matcount svg{
  width: 16px;
  height: 16px;
  margin-right: 10px;
}
.blog-detail.sandbox-detail .author.wide .body .likes{
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.blog-detail.sandbox-detail .author.wide .body .likes div[data-dislikes]{
  margin-right: 0;
}
.blog-detail.sandbox-detail .authholder{
  margin-top: 60px;
  margin-bottom: 30px;
  background: #fff;
  border-bottom: 1px solid #f1f1f1;
  border-top: 1px solid #f1f1f1;
}
.blog-detail.sandbox-detail .author.wide ~ .authmats {
  padding-bottom: 40px;
  min-height: 0;

}
.blog-detail.sandbox-detail .author.wide + .authmats {
  border-left: none;
}

.blog-detail.sandbox-detail .author.wide ~ .authmats p.nomats {
  color: #91969A;
}
.blog-detail.sandbox-detail .author.wide ~ .authmats p a {
  color: #000000;
}
.blog-detail.sandbox-detail .share_footer_blog{
  margin-top: 30px;  
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.blog-detail.sandbox-detail .share_footer_blog .leftblock{
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.33%;
          flex: 0 0 33.33%;
}
.blog-detail.sandbox-detail .share_footer_blog .leftblock .likes,
.blog-detail.sandbox-detail .share_footer_blog .leftblock .sharebox{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}

.blog-detail.sandbox-detail .share_footer_blog .leftblock .sharebox>span{
  padding-right: 10px;
  font-size: 16px;
}

.blog-detail.sandbox-detail .text .share_footer_blog .leftblock ul.ya-share2__list {
  padding-bottom: 0;
}
.blog-detail.sandbox-detail .text .share_footer_blog .leftblock ul.ya-share2__list li{
  padding-top: 12px;
}
.blog-detail.sandbox-detail .likes>div{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.blog-detail.sandbox-detail .likes>div>div{
  display: -webkit-flex;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-weight: bold;

}

.blog-detail.sandbox-detail .likes>div>div:first-child{
  margin-right: 20px;
}
.blog-detail.sandbox-detail .likes.allowed>div>div{
    cursor: pointer;
}
.blog-detail.sandbox-detail .likes>div>div svg{
  width: 32px;
  height: 38px;
  margin-right: 10px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: scale(1.3);
          transform: scale(1.3);
}
.blog-detail.sandbox-detail .likes div svg use{
  fill: #9B9FA3;
}

.blog-detail.sandbox-detail .likes.allowed>div>div:focus svg,
.blog-detail.sandbox-detail .likes.allowed>div>div:hover svg{
  -webkit-transform: scale(1.6);
          transform: scale(1.6);
          fill: #464B50;
}

.blog-detail.sandbox-detail .likes>div>div.chosen svg use{
  fill: #e2223f;
}

.blog-detail.sandbox-detail .share_footer_blog .rightblock{
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.33%;
          flex: 0 0 33.33%;
}
.blog-detail.sandbox-detail .share_footer_blog .rightblock span{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 20px;
}
.blog-detail.sandbox-detail .share_footer_blog .rightblock .rating{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.blog-detail.sandbox-detail .share_footer_blog .rightblock .rating.allowed svg{
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: scale(1);
          transform: scale(1);
  cursor: pointer;
}
.blog-detail.sandbox-detail .share_footer_blog .rightblock .rating.allowed svg:focus,
.blog-detail.sandbox-detail .share_footer_blog .rightblock .rating.allowed svg:hover{
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
}


.blog-detail.sandbox-detail .share_footer_blog .rightblock svg{
  width: 26px;
  height: 26px;
  margin-right: 5px;
  margin-bottom: 0px;
}

.blog-detail.sandbox-detail .tags {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-bottom: 30px;
    float: none;
    width: 100%;
    background: transparent;
    padding: 0;
}
.blog-detail.sandbox-detail .tags a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 20px;
    color: #999999;
    border: 1px solid #D2D7DB;
    text-decoration: none;
    margin-right: 5px;
    border-radius: 15px;
    font-size: 12px;
    background-color: #fff;
    padding: 0 10px;
    margin-bottom: 5px;
}
#overlay{
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 34000;
}

.confirm-modal{
  min-width: 280px;
  max-width: 400px;
  background: #fff;
  padding: 20px;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 6px;
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5);
  z-index: 34001;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}


.confirm-modal .caption{
  font-weight: bold;
  font-size: 12px;
}

.confirm-modal .caption span{
  color: #E2223F
}

.confirm-modal .btns{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.confirm-modal .btns button{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  background: #333;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  border: none;
  padding: 5px 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 18px;
  width: 60px;
  margin: 15px 5px;
}
[data-popup][data-editor] .filter-bar-popup-choice{
  height: calc(100% - 170px);
}

.picbg.sb h1{
  padding-top: 80px;
}

.ttHeader .ttHeader__contact a.userhead{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 200px;
          flex: 1 1 200px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-right: -15px;
  margin-left: -15px;
  opacity: 1;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.ttHeader .ttHeader__contact a.userhead:hover,
.ttHeader .ttHeader__contact a.userhead:focus{
  opacity: 0.5;
}

.ttHeader .ttHeader__contact a.userhead.enter svg{
  fill: transparent;
}

.ttHeader .ttHeader__contact a.userhead.enter span{
  text-decoration: underline;
  padding-left: 0;
  margin-left: 6px;
  font-size: 12px;
}

.ttHeader .ttHeader__contact a.userhead .userico{
  background-color: #ececec;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 38px;
          flex: 0 0 38px;
  height: 38px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5) inset;
          box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5) inset;
}
.ttHeader .ttHeader__contact a.userhead span{
  padding-left: 6px;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.menu-top .logo {
  width: 174px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.menu-top .logo>a{
    display: none;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58px;
            flex: 0 0 58px;
    height: 38px;
    padding-right: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.menu-top .col.logo a .userico{
  background-color: #ececec;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 38px;
          flex: 0 0 38px;
  height: 38px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5) inset;
          box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5) inset;
}


@media screen and (max-width: 1200px){
  .container.sb{
    margin-top: 130px;
  }
  .picbg.sb{
    margin-top: 130px;
  }
}
@media screen and (max-width: 1024px){
  .lkwrap .foldholder .matslist .matitem .matsection.name{
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
  }
  .lkwrap .inputinfo{
    font-size: 10px;
  }
}

@media screen and (max-width: 959px){
.new_blog_main.container.sandbox .cell_blog .cell_blog-grid > *{
    -webkit-box-flex: 0;
        -ms-flex: 0 1 46%;
            flex: 0 1 46%;
    }
  .menu-top .logo {
    left: 41px;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .menu-top .logo>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .container.sb{
    margin-top: 88px;
  }
  .picbg.sb{
    margin-top: 69px;
  }
}
@media screen and (max-width: 939px){
  .lkwrap .inputholder.half{
    -webkit-box-flex: 0;
        -ms-flex: 0 1 45%;
            flex: 0 1 45%;
  }
}


@media screen and (max-width: 800px){
  .lkwrap .lkfolds{
    margin-left: -23px;
    margin-right: -23px;
  }
  .lkwrap .foldholder{
    border-radius: 0;
    border: none;
  }
}


@media screen and (max-width: 767px){
  .redback,
  .redmore,
  .blog-detail.sandbox-detail .infoline .holder a{
    font-size: 12px;
  }
  .blog-detail.sandbox-detail .author.wide{
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .blog-detail.sandbox-detail .author.wide .body{
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .blog-detail.sandbox-detail .author.wide .body div{
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .blog-detail.sandbox-detail .author.wide .body .likes{
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .blog-detail.sandbox-detail .share_footer_blog{
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .blog-detail.sandbox-detail .share_footer_blog .leftblock,
  .blog-detail.sandbox-detail .share_footer_blog .rightblock{

  }
  .blog-detail.sandbox-detail .sharebox,
  .blog-detail.sandbox-detail .likes{
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .new_blog_main.container.sandbox .cell_blog .cell_blog-grid > *{
    max-width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
  }
  .lkwrap .lkhead .exitline{
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .lkwrap .foldholder select.sortitem{
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
  .lkwrap .inputholder.half{
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
  .lkwrap .inputholder.forbtn.right{
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }

  .lkwrap .lkhead{
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }


  .lkwrap .lkhead .img{
    width: 70px;
    height: 70px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 70px;
            flex: 0 0 70px;
    margin-bottom: 15px;
  }
  .lkwrap .inputholder label[for="userphoto"]{
    width: 50px;
    height: 50px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50px;
            flex: 0 0 50px;
  }
  .lkwrap .foldholder .matslist .matitem{
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .lkwrap .foldholder .matslist .matitem .matsection.date{
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .lkwrap .foldholder .matslist .matitem .matsection.name,
  .lkwrap .foldholder .matslist .matitem .matsection.edit,
  .lkwrap .foldholder .matslist .matitem .matsection.rate,
  .lkwrap .foldholder .matslist .matitem .matsection.comment{
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 100%;
  }
  .lkwrap .foldholder .matslist .matitem .matsection.rate div{
    padding-left: 0;
  }
  .lkwrap .foldholder .matslist .matitem .matsection.edit{
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .lkwrap .foldholder .matslist .matitem .matsection.edit a{
    padding-right: 10px;
  }
  .lkwrap .inputinfo{
    position: relative;
    top: auto;
    left: auto;
    padding: 0;
    font-size: 10px;
    margin-top: -1em;
    margin-bottom: 1em;
  }
}

@media screen and (max-width: 639px){
  .menu-top .logo{
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media screen and (max-width: 575px){
  .lkwrap .foldholder .matslist .matitem .matsection.name,
  .lkwrap .foldholder .matslist .matitem .matsection.edit,
  .lkwrap .foldholder .matslist .matitem .matsection.rate,
  .lkwrap .foldholder .matslist .matitem .matsection.comment{
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .lkwrap .inputholder .btnwhite{
    margin-right: 0;
    margin-bottom: 15px;
  }
  .lkwrap .inputholder.inline .btn{
    margin-right: 0;
  }
}
@media screen and (max-width: 479px){
  .menu-top .logo{
    /* padding-left: 40px; */
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .menu-top .logo .userhead{
    padding-right: 15px;
    margin-left: 40px;
  }
  .menu-top .logo .userhead + span{
    padding-left: 0px;
  }
  .menu-top .logo .userhead + span a{
    width: 75px;
  }
  .blog-detail.sandbox-detail .share_footer_blog .leftblock,
  .blog-detail.sandbox-detail .share_footer_blog .rightblock{
      margin-bottom: 10px;
  }
  .blog-detail.sandbox-detail .share_footer_blog .leftblock,
  .blog-detail.sandbox-detail .share_footer_blog .rightblock,
  .blog-detail.sandbox-detail .likes>div{
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
  }
  .blog-detail.sandbox-detail .author.wide .body .matcount .label,
  .blog-detail.sandbox-detail .author.wide .body .name{
      text-align: left;
      line-height: 1.2em;
  }
}


/* END sandbox*/

@media screen and (max-width: 1365px) and (min-width: 640px) {
    .menu-top .logo {
        width: 124px;
    }
    .menu-top .menu li{
        padding: 0 5px;
    }
    .menu-top .menu ul a{
        font-size: 13px;
    }
}

/* cookie-popup */


.cookie-popup {
    width: 370px;
    max-width: 98%;
    min-height: 50px;
    background-color: #0A111B;
    border-radius: 67px;
    position: fixed;
    z-index: 10000;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 100%);
    -ms-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%);
    padding: 13px 20px;
    padding-right: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.cookie-popup-visible {
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
}

.cookie-popup .cookie-popup-text{
    color: #FFFFFF;
    font-size: 20px;
    line-height: 24px;
}


.cookie-popup .close {
    position: absolute;
    width: 17px;
    height: 17px;
    cursor: pointer;
    right: 16px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.cookie-popup .close:after {
    content: '';
    position: absolute;
    border: 1px solid #FFFFFF;
    width: 100%;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    bottom: 6px;
    left: -2px;
}

.cookie-popup .close:before {
    content: '';
    position: absolute;
    border: 1px solid #FFFFFF;
    width: 100%;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    bottom: 6px;
    left: -2px;
}

@media screen and (max-width: 870px) {
    .cookie-popup {
        border-radius: 0;
    }
    .cookie-popup .cookie-popup-text {
        font-size: 16px;
    }
}

/* END cookie-popup */

/* sale-dzenovodstvo_popup */

.white-popup#sale-dzenovodstvo button.mfp-close {
    top: 50px;
    right: 20px;
}

.white-popup#sale-dzenovodstvo {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 660px;
    width: 100%;
    height: 600px;
    background: url(/bitrix/templates/adapt/images/sale-dzenovodstvo-bg.png)no-repeat center;
    background-size: contain;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    overflow: hidden;
}

@media screen and (max-width: 750px) { 
.white-popup#sale-dzenovodstvo  {
    height: 390px;
    max-width: 350px;
    }
}


.white-popup#sale-dzenovodstvo *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    font-size: 24px;
    line-height: 1.3;
}

.white-popup#sale-dzenovodstvo .popup-content {
    position: absolute;
    max-width: 100%;
    width: 100%;
    top: 60%;
    left: 69%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    color: #fff;
    text-align: left;
}
@media screen and (max-width: 750px) {
    .white-popup#sale-dzenovodstvo .popup-content {
        left: 60%;
        top: 62%;
        max-width: 450px;
    }
}

@media screen and (max-width: 450px) {
        .white-popup#sale-dzenovodstvo .popup-content {
        left: 60%;
    }
    }

.white-popup#sale-dzenovodstvo .popup-content .title-popup{
    font-weight: 700;
    font-family: 'BebasNeueBold';
}
.white-popup#sale-dzenovodstvo .popup-content .title-popup span, .white-popup#sale-dzenovodstvo .popup-content .title-popup .green-title{
    font-size: 55px;
    border-radius: 11px 11px 0 0;
    display: inline-block;
    background-color: #F12B24;
    padding: 0px 32px 0px 16px;
}

@media screen and (max-width: 750px) { 
.white-popup#sale-dzenovodstvo .popup-content .title-popup span {
    padding-bottom: 4px;
}
}

.white-popup#sale-dzenovodstvo .popup-content .title-popup .green-title {
    -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
            transform: translateY(-10px);
    border-radius: 11px;

}

@media screen and (max-width: 750px) { 
.white-popup#sale-dzenovodstvo .popup-content .title-popup .green-title {
    padding-top: 4px;
}
}

.white-popup#sale-dzenovodstvo .popup-content .title-popup .action-description {
font-size: 20px;
color: rgba(255, 255, 255, 0.63);
left: 110px;
}

@media screen and (max-width: 750px) { 
.white-popup#sale-dzenovodstvo .popup-content .title-popup .action-description {
    left: 45px;
    font-size: 16px;
}
}
@media screen and (max-width: 450px) {
        .white-popup#sale-dzenovodstvo .popup-content .title-popup .action-description {
        left: 60px;
        font-size: 16px;
        }
    }

.white-popup#sale-dzenovodstvo .popup-content .title-popup .green-title span {
    color: #B3FF77;
    padding-right: 0;
}

    @media screen and (max-width: 750px) {
        .white-popup#sale-dzenovodstvo .popup-content .title-popup span, .white-popup#sale-dzenovodstvo .popup-content .title-popup .green-title {
            font-size: 26px;
        }
    }

.white-popup#sale-dzenovodstvo .popup-content .desc-popup {
    
    font-family: 'BebasNeueBold';
    font-size: 24px;
}

    @media screen and (max-width: 750px) {
        .white-popup#sale-dzenovodstvo .popup-content .desc-popup {
            font-size: 18px;
        }
    }

.white-popup#sale-dzenovodstvo .btn_popup {
    background-color: #F12B24;
    border-radius: 11px;
    text-decoration: none;
    color: #fff;
    border: 2px solid #F12B24;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    font-size: 24px;
    padding: 11.5px 10px;
    max-width: 220px;
    width: 100%;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    bottom: -142px;;
    -webkit-box-shadow: 4px 5px 7px 3px rgba(39, 41, 55, 0.5);
            box-shadow: 4px 5px 7px 3px rgba(39, 41, 55, 0.5);
    left: 37%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    font-family: 'BebasNeueBold';
}

    @media screen and (max-width: 750px) {
        .white-popup#sale-dzenovodstvo .btn_popup {
            bottom: -80px;
            max-width: 158px;
            left: 45%;
        }
    }

    @media screen and (max-width: 450px) {
        .white-popup#sale-dzenovodstvo .btn_popup {
             bottom: -90px;
            max-width: 158px;
            left: 47%;
        }
    }

.white-popup#sale-dzenovodstvo .btn_popup:hover {
    background-color: #fff;
    color: #F12B24;
}

/* sale-dzenovodstvo_popup */

section.fish-txt,
section.how-symbols,
section.transliteratsya {
    margin-bottom: 60px;
}

.transliteratsya .your-text-form {
    margin-bottom: 50px;
}

.fish-txt .center-text{
    text-align: center;
}
.fish-txt p {
    font-family: TT Norms;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
    margin: 20px 0;
}
.fish-txt .paragraph-form {
    padding-bottom: 40px;
    align-items: center;
    font-weight: 700;
    font-size: 16px;
    display: flex;
    max-width: 800px;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 40px 0;
    
}

.fish-txt .paragraph-form input {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    display: flex;
    align-items: center;
    color: #6F7071;
    width: 560px;
    padding: 15px;
    border: 1px solid #D2D6DA;
    box-sizing: border-box;
    border-radius: 6px;
}

.fish-txt button {
    width: 294px;
    border-radius: 40px;
    background-color: #e42f4a;
    border: none;
    color: #ffffff;
    font-family: TT Norms;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    padding: 16px;
    text-transform: uppercase;
    opacity: 1;
    transition: all 0.3s ease;
}



@media (max-width: 900px){
.fish-txt .paragraph-form input {
    margin-bottom: 20px;
    width: 100%;
}

.fish-txt .paragraph-form {
    justify-content: center;
}

}

.how-symbols .center-text{
    text-align: center;
}

.how-symbols p {
    font-family: TT Norms;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
    margin: 20px 0;
}

.how-symbols .your-text-form{
    margin-top: 60px;
    margin-bottom: 60px;
}
.how-symbols .your-text-form  textarea{
    width: 100%;
    padding: 20px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    display: flex;
    align-items: center;
    color: #6F7071;
    background: #FFFFFF;
    border: 1px solid #D2D6DA;
    box-sizing: border-box;
    border-radius: 6px;
    margin-bottom: 30px;
    resize: none;
}

.transliteratsya button,
.how-symbols .your-text-form button {
    max-width: 100%;
    width: 230px;
    border-radius: 40px;
    background-color: #e42f4a;
    border: none;
    color: #ffffff;
    font-family: TT Norms;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    padding: 16px;
    text-transform: uppercase;
}



.transliteratsya button svg,
.how-symbols .your-text-form button svg{
    fill: #fff;
    margin-right: 10px;
    width: 14px;
    height: 14px;
}

.how-symbols .symbols-form {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 23px 0;
}

.how-symbols .symbols-form input {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    display: flex;
    align-items: center;
    color: #6F7071;
    width: 143px;
    padding: 15px;
    border: 1px solid #D2D6DA;
    box-sizing: border-box;
    border-radius: 6px;
    margin-right: 30px;
}

.how-symbols .symbols-form button {
    width: 294px;
    border: none;
    color: #ffffff;
    font-family: TT Norms;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    padding: 16px;
    text-transform: uppercase;
    background: #0A111B;
    border-radius: 25px;
}


.how-symbols .your-text-form {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.how-symbols .your-text-form button {
    cursor: pointer;
    margin-left: 20px;
    margin-bottom: 20px;
}

.transliteratsya button.black,
.how-symbols .your-text-form button.black {
    background: #000;
}

.how-symbols .your-text-form button:focus,
.how-symbols .your-text-form button:hover {
    opacity: 0.7;
}

.how-symbols .symbols {
    display: flex;
    flex-wrap: wrap;
}

.how-symbols .symbols-left {
    margin-right: 73px;
}

@media (max-width: 507px){
.how-symbols .symbols-form input {
    margin-bottom: 20px;
    width: 100%;
}

.how-symbols .symbols-form {
    justify-content: center;
}

}

.transliteratsya .center-text{
    text-align: center;
}

.transliteratsya strong {
    font-size: 20px;
}
.transliteratsya p {
    font-family: TT Norms;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
    margin: 20px 0;
}

.transliteratsya textarea{
    width: 100%;
    padding: 20px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    display: flex;
    align-items: center;
    color: #6F7071;
    background: #FFFFFF;
    border: 1px solid #D2D6DA;
    box-sizing: border-box;
    border-radius: 6px;
    resize: none;
}

.transliteratsya .your-text-form{
    margin-top: 60px;
    margin-bottom: 60px;
}


.transliteratsya .your-text-form input {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    color: #6F7071;
    width: 100%;
    padding: 15px;
    border: 1px solid #D2D6DA;
    box-sizing: border-box;
    border-radius: 6px;
    margin-bottom: 30px;
}

.transliteratsya .options {
    display: flex;
    flex-wrap: wrap;
}
.transliteratsya .options select {
    background: #FFFFFF;
    border: 1px solid #D2D6DA;
    box-sizing: border-box;
    border-radius: 6px;
    margin-right: 7px;
    box-shadow: none;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    color: #0A111B;
    height: 50px;
    background-image: url(/upload/options-arrow.png);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    padding: 15px 25px 15px 15px;
    flex: 0 1 49%;
}

.transliteratsya .options select option{
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    display: flex;
    align-items: center;
    color: #0A111B;
    background: #F0F0F0;
}



.transliteratsya .buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin-top: 60px;
}

.transliteratsya button {
    width: 294px;
    border-radius: 40px;
    background-color: #e42f4a;
    border: none;
    color: #ffffff;
    font-family: TT Norms;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    padding: 16px;
    text-transform: uppercase;
    margin-left: 30px;
    cursor: pointer;
    opacity: 1;
    transition: all 0.3s ease;
}

.transliteratsya button:hover,
.transliteratsya button:focus {
    opacity: 0.8;
}




.transliteratsya input[type="checkbox"],
.transliteratsya input[type="radio"]{
  display: none;
}
.transliteratsya .inputholder{
    box-sizing: border-box;  
    flex: 0 1 49%;
}
.transliteratsya input[type="checkbox"]+label,
.transliteratsya input[type="radio"]+label{
  cursor: pointer;  
  color: #797979;
  font-size: 16px;
  padding: 15px;
  margin-bottom: 15px;
  padding-left: 40px;
  position: relative;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.transliteratsya input[type="checkbox"]:disabled+label,
.transliteratsya input[type="radio"]:disabled+label{
    opacity: 0.5;
    cursor: default;
}


.transliteratsya input[type="checkbox"]+label:before{
  border-radius: 4px;
}
.transliteratsya input[type="radio"]+label:before{

  border-radius: 100%;
}

.transliteratsya input[type="checkbox"]+label:before,
.transliteratsya input[type="radio"]+label:before{
  left: 15px;
  position: absolute;
  width: 16px;
  height: 16px;
  content: '';
  border: 1px solid #D2D6DA;
  background: #fff;
  -webkit-box-shadow: 0 0 0 3px #fff inset;
          box-shadow: 0 0 0 3px #fff inset;
}
.transliteratsya input[type="checkbox"]+label:after{
  left: 21px;
  top: 50%;
  position: absolute;
  width: 4px;
  height: 10px;
  content: '';
  border: 2px solid #E2223F;
  -webkit-transform: translateY(-7px) rotate(45deg);
          transform: translateY(-7px) rotate(45deg);
  border-top: none;
  border-left: none;
  opacity: 0;
}
.transliteratsya input[type="checkbox"]:checked+label:after{
  opacity: 1;
}
.transliteratsya input[type="radio"]:checked+label:before{
    background: #E2223F;
}
.transliteratsya .ready.upper [data-result]{
    text-transform: uppercase;
}
.transliteratsya .ready.lower [data-result]{
    text-transform: lowercase;
}
.transliteratsya .ready.cap [data-result]{
    text-transform: capitalize;
}

.transliteratsya [data-result]{
    word-break: break-all;
}
@media (max-width: 694px){
.transliteratsya .buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.transliteratsya .inputholder,
.transliteratsya .options select{
    flex: 0 0 100%;
}
.transliteratsya button {
    margin: 10px 0;
}
}



iframe[data-src]{
    background: #000;
}
.transliteratsya button:disabled,
.how-symbols .your-text-form button:disabled {
    background-color: #ccc;
    cursor: default;
    opacity: 0.7;
}
.transliteratsya button:disabled:focus,
.transliteratsya button:disabled:hover,
.how-symbols .your-text-form button:disabled:hover,
.how-symbols .your-text-form button:disabled:focus {
    background-color: #ccc;
    opacity: 0.7;
}
.lp.prev .picbox ul {
    padding-bottom: 30px;
}

.lp.prev .picbox li:not(.ya-share2__item){
   padding-left: 30px;
   margin-left: 30px;  
   font-size: 20px;
   position: relative;
   line-height: 1.7;
   text-align: left;
}


.lp.prev .picbox li:not(.ya-share2__item):before{
   content: '';
   margin-left: 0px;
   border-radius: 50%;
   border: 2px solid #e32d49;
   position: absolute;
   width: 8px;
   height: 8px;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   left: 0;
   top: 0.75em;
}


[data-textgen]{
    cursor: pointer;
    opacity: 1;
    transition: all 0.3s ease;
}

[data-textgen]:focus,
[data-textgen]:hover{
    opacity: 0.7;
}


.ready{
    margin-top: 60px;
    font-size: 20px;
}

.ready p, .ready strong{
    font-size: 20px;
    line-height: 1.3em;
}
.symbols{
    margin-top: 10px;
}
.ready, .symbols{
    padding: 30px 15px;
    border-radius: 15px;
    box-sizing: border-box;
    background: #ececec;
}
#ready strong, .transliteratsya .ready p, .how-symbols .symbols p{
    font-size: 20px;
}


/* commercial_author_new_popup */
.white-popup#commercial_author_new_popup button.mfp-close {
    top: 10%;
    right: 20px;
}

.white-popup#commercial_author_new_popup {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 530px;
    width: 100%;
    height: 500px;
    background: url(/bitrix/templates/adapt/images/bg-commercial-author-new.png)no-repeat center;
    background-size: contain;
    box-shadow: none;
    border-radius: 0;
    overflow: hidden;
}


.white-popup#commercial_author_new_popup *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 1.3;
}

.white-popup#commercial_author_new_popup .popup-content {
    position: absolute;
    max-width: 320px;
    width: 100%;
    top: 30%;
    left: 70%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    color: #fff;
    padding: 0 10px;
    text-align: left;
    box-sizing: border-box;
    text-transform: uppercase;
}

@media screen and (max-width: 480px) {
    .white-popup#commercial_author_new_popup .popup-content {
        max-width: 250px;
        top: 33%;
        left: 67%;
    }
}

    @media screen and (max-width: 400px){
        .white-popup#commercial_author_new_popup .popup-content {
            max-width: 250px;
            top: 38%;
            left: 78%;
        }
    }

.white-popup#commercial_author_new_popup .popup-content .bg-text {
    background-color: #fff;
    padding: 7px 20px;
}

.white-popup#commercial_author_new_popup .popup-content .title-popup{
    font-family: 'BebasNeue';
    font-style: normal;
    font-weight: bold;
    font-size: 38px;
    line-height: 38px;
    color: #FFFFFF;
    margin-bottom: 15px;
}

.white-popup#commercial_author_new_popup .popup-content .title-popup .selected-text {
    color: #4267B2;
}

    @media screen and (max-width: 480px) {
        .white-popup#commercial_author_new_popup .popup-content .title-popup {
            font-size: 28px;
            margin-bottom: 20px;
            line-height: 28px;
        }
    }

    @media screen and (max-width: 400px) {
        .white-popup#commercial_author_new_popup .popup-content .title-popup {
            font-size: 20px;
            margin-bottom: 20px;
            line-height: 20px;
        }
    }


.white-popup#commercial_author_new_popup .popup-content .desc-popup {
    font-family: 'BebasNeue';
    font-style: normal;
    font-weight: bold;
    font-size: 28px;
    line-height: 28px;
    color: #FBD34A;
}

    @media screen and (max-width: 480px) {
        .white-popup#commercial_author_new_popup .popup-content .desc-popup {
            font-size: 24px;
            line-height: 24px;
        }
    }

    @media screen and (max-width: 400px) {
        .white-popup#commercial_author_new_popup .popup-content .desc-popup {
            font-size: 18px;
            line-height: 18px;
        }
    }

.white-popup#commercial_author_new_popup .btn_popup {
    text-decoration: none;
    box-sizing: border-box;
    text-transform: uppercase;
    padding: 11.5px 10px;
    max-width: 273px;
    width: 100%;
    transition: 0.3s;
    position: absolute;
    bottom: 5px;
    left: 37%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #233987;
    box-shadow: 0px 0px 11px #252387;
    border-radius: 27px;
    box-shadow: 0px 3.57724px 23px rgba(86, 40, 185, 0.5);
    font-family: TT Norms;
    font-style: normal;
    font-weight: bold;
    font-size: 19.68px;
    line-height: 23px;
    text-align: center;
    color: #FFFFFF;
    border-bottom: none;
}

@media screen and (max-width: 480px) {
    .white-popup#commercial_author_new_popup .btn_popup {
        bottom: 33px;
        max-width: 270px;
        font-size: 16px;
        padding: 9px;
        left: 35%;
    }
}

@media screen and (max-width: 400px) {
    .white-popup#commercial_author_new_popup .btn_popup {
        bottom: 81px;
        max-width: 200px;
        font-size: 16px;
        padding: 9px;
        left: 36%;
    }
}

.white-popup#commercial_author_new_popup .btn_popup:hover {
    background-color: #fff;
    color: #233987;
}

/*end commercial_author_new_popup */


/* complex-cosmos */
.white-popup#complex-cosmos button.mfp-close {
    top: 13%;
    right: 30px;
}

.white-popup#complex-cosmos {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 446px;
    width: 100%;
    height: 333px;
    background: url(images/bg-complex-cosmos.png)no-repeat center;
    background-size: contain;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    overflow: hidden;
}

.white-popup#complex-cosmos *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 1.3;
}

.white-popup#complex-cosmos .popup-content {
    position: absolute;
    max-width: 407px;
    width: 100%;
    top: 50%;
    left: 52%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    color: #fff;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    @media screen and (max-width: 420px) {
        .white-popup#complex-cosmos .popup-content {
            max-width: 339px;
            top: 50%;
            left: 50%;
        }
    }

.white-popup#complex-cosmos .popup-content .bg-text {
    background-color: #fff;
    padding: 7px 20px;
}

.white-popup#complex-cosmos .popup-content .title-popup{
    font-family: Proxima Nova;
    font-style: normal;
    font-weight: 800;
    font-size: 25px;
    line-height: 33px;
    text-align: center;
    text-transform: uppercase;
    color: #000000;
    text-shadow: 0px 1px 0px #DBFF00, -1px 1px 0px #DBFF00, 1px 1px 0px #DBFF00, 1px -1px 0px #DBFF00, -1px -1px 0px #DBFF00;
}

.white-popup#complex-cosmos .popup-content .title-popup .selected-text {
    color: #4267B2;
}

    @media screen and (max-width: 420px) {
        .white-popup#complex-cosmos .popup-content .title-popup {
            font-size: 20px;
            text-align: center;
        }
    }

.white-popup#complex-cosmos .btn_popup {
    background-color: #DBFF00;
    border-radius: 25px;
    text-decoration: none;
    border: 2px solid #DBFF00;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 11.5px 10px;
    max-width: 241px;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    bottom: 13px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-family: Proxima Nova;
    font-style: normal;
    font-weight: bold;
    font-size: 23px;
    line-height: 28px;
    text-align: center;
    text-transform: capitalize;
    color: #000000;
}

@media screen and (max-width: 420px) {
    .white-popup#complex-cosmos .btn_popup {
        bottom: 30px;
        max-width: 200px;
        font-size: 16px;
        padding: 6px;
        left: 50%;
    }
}

.white-popup#complex-cosmos .btn_popup:hover {
    background-color: #fff;
    color: #DBFF00;
}
/* end complex-cosmos */



/* community-management-new_popup */
.white-popup#community_management_new_popup button.mfp-close {
    top: 10%;
    right: 20px;
}
.white-popup#community_management_new_popup button.mfp-close:after {
    content: '';
    position: absolute;
    top: 10px;
    left: 16px;
    background-image: url(/bitrix/templates/adapt/images/close-white.svg);
    background-position: center;
    background-repeat: no-repeat;
    width: 13px;
    height: 13px;
    transform: rotate(90deg);
}

.white-popup#community_management_new_popup button.mfp-close:before {
    content: '';
    position: absolute;
    top: 9px;
    left: 15px;
    background-image: url(/bitrix/templates/adapt/images/close-black.svg);
    background-position: center;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    transform: rotate(90deg);
}
    

.white-popup#community_management_new_popup {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 480px;
    width: 100%;
    height: 500px;
    background: url(/bitrix/templates/adapt/images/bg-community_management_new.png)no-repeat center;
    background-size: contain;
    box-shadow: none;
    border-radius: 0;
    overflow: hidden;
}


.white-popup#community_management_new_popup *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 1.3;
}

.white-popup#community_management_new_popup .popup-content {
    position: absolute;
    max-width: 320px;
    width: 100%;
    top: 24%;
    left: 67%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    color: #fff;
    padding: 0 10px;
    text-align: left;
    box-sizing: border-box;
    text-transform: uppercase;
}

@media screen and (max-width: 480px) {
    .white-popup#community_management_new_popup .popup-content {
        max-width: 276px;
        top: 27%;
        left: 67%;
    }
}

    @media screen and (max-width: 400px){
        .white-popup#community_management_new_popup .popup-content {
            max-width: 250px;
            top: 29%;
            left: 68%;
        }
    }

    @media screen and (max-width: 358px){
        .white-popup#community_management_new_popup .popup-content {
            max-width: 250px;
            top: 33%;
            left: 74%;
        }
    }

.white-popup#community_management_new_popup .popup-content .bg-text {
    background-color: #fff;
    padding: 7px 20px;
}

.white-popup#community_management_new_popup .popup-content .title-popup{
    font-family: 'BebasNeue';
    font-style: normal;
    font-weight: bold;
    font-size: 33px;
    line-height: 33px;
    color: #EF425E;
    margin-bottom: 5px;
}

.white-popup#community_management_new_popup .popup-content .title-popup .selected-text {
    color: #4267B2;
}

    @media screen and (max-width: 480px) {
        .white-popup#community_management_new_popup .popup-content .title-popup {
            font-size: 26px;
            margin-bottom: 5px;
            line-height: 28px;
        }
    }

    @media screen and (max-width: 400px) {
        .white-popup#community_management_new_popup .popup-content .title-popup {
            font-size: 20px;
        margin-bottom: 5px;
        line-height: 20px;
        }
    }

    @media screen and (max-width: 358px){
        .white-popup#community_management_new_popup .popup-content .title-popup {
            font-size: 18px;
            margin-bottom: 5px;
            line-height: 20px;
        }
    }


.white-popup#community_management_new_popup .popup-content .desc-popup {
    font-family: 'BebasNeue';
    font-style: normal;
    font-weight: bold;
    font-size: 23px;
    line-height: 23px;
    color: #1E2049;
}

    @media screen and (max-width: 480px) {
        .white-popup#community_management_new_popup .popup-content .desc-popup {
            font-size: 22px;
            line-height: 24px;
        }
    }

    @media screen and (max-width: 400px) {
        .white-popup#community_management_new_popup .popup-content .desc-popup {
            font-size: 18px;
            line-height: 18px;
        }
    }

    @media screen and (max-width: 358px){
        .white-popup#community_management_new_popup .popup-content .desc-popup {
            font-size: 16px;
            line-height: 18px;
        }
    }

.white-popup#community_management_new_popup .btn_popup {
    text-decoration: none;
    box-sizing: border-box;
    padding: 11.5px 10px;
    max-width: 220px;
    width: 100%;
    transition: 0.3s;
    position: absolute;
    bottom: 12px;
    left: 53%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-family: TT Norms;
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    background: #EF425E;
    border-radius: 25px;
    border-bottom: none;
    font-weight: bold;
}

@media screen and (max-width: 480px) {
    .white-popup#community_management_new_popup .btn_popup {
        bottom: 33px;
        max-width: 220px;
        font-size: 16px;
        padding: 9px;
        left: 50%;
    }
}

@media screen and (max-width: 435px) {
    .white-popup#community_management_new_popup .btn_popup {
        bottom: 50px;
        max-width: 220px;
        font-size: 16px;
        padding: 9px;
        left: 50%;
    }
}

@media screen and (max-width: 400px) {
    .white-popup#community_management_new_popup .btn_popup {
        bottom: 81px;
        max-width: 220px;
        font-size: 16px;
        padding: 9px;
        left: 50%;
    }
}

.white-popup#community_management_new_popup .btn_popup:hover {
    background-color: #fff;
    color: #E12341;
}

/*end community-management-new_popup */


/* seo-specialist-new_popup */
.white-popup#seo-specialist-new button.mfp-close {
    top: 10%;
    right: 20px;
}

.white-popup#seo-specialist-new {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 500px;
    width: 100%;
    height: 400px;
    background: url(/bitrix/templates/adapt/images/new-seo-specialist-new-bg.png)no-repeat center;
    background-size: contain;
    box-shadow: none;
    border-radius: 0;
    overflow: hidden;
}


.white-popup#seo-specialist-new *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 1.3;
}

.white-popup#seo-specialist-new .popup-content {
    position: absolute;
    max-width: 258px;
    width: 100%;
    top: 53%;
    left: 72%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    color: #fff;
    padding: 0 10px;
    text-align: left;
    box-sizing: border-box;
    text-transform: uppercase;
}


@media screen and (max-width: 480px) {
    .white-popup#seo-specialist-new .popup-content {
        max-width: 276px;
        top: 53%;
        left: 77%;
    }
}

.white-popup#seo-specialist-new .popup-content .bg-text {
    background-color: #fff;
    padding: 7px 20px;
}

.white-popup#seo-specialist-new .popup-content .title-popup{
    font-family: 'BebasNeue';
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    line-height: 26px;
    color: #FFFFFF;
    margin-bottom: 15px;
}

.white-popup#seo-specialist-new .popup-content .title-popup .yellow-text{
    color: #FFC100;
    font-size: 35px;
}

.white-popup#seo-specialist-new .popup-content .title-popup .first-text{
    background: #5F2D9D;
    border-radius: 10px 10px 0 0;
    padding: 6px 8px;
}

.white-popup#seo-specialist-new .popup-content .title-popup  .second-text{
    background: #5F2D9D;
    border-radius: 0 10px 0 0;
    padding: 6px 71px 6px 7px;
    top: -3px;
}

.white-popup#seo-specialist-new .popup-content .title-popup  .third-text{
    background: #5F2D9D;
    border-radius: 0 0 10px 10px;
    padding: 6px 8px;
    top: -11px;
}

.white-popup#seo-specialist-new .popup-content .title-popup .third-text .yellow-text{
    font-size: 40.2px;
}


.white-popup#seo-specialist-new .popup-content .title-popup .selected-text {
    color: #4267B2;
}

    @media screen and (max-width: 480px) {
        .white-popup#seo-specialist-new .popup-content .title-popup {
            font-size: 24px;
            margin-bottom: 9px;
            line-height: 24px;
        }

        .white-popup#seo-specialist-new .popup-content .title-popup .first-text{
        }
        
        .white-popup#seo-specialist-new .popup-content .title-popup  .second-text{
            background: #5F2D9D;
            top: 0;
            padding: 6px 45px 6px 7px;
        }
        
        .white-popup#seo-specialist-new .popup-content .title-popup  .third-text{
            top: 0;
        }
        .white-popup#seo-specialist-new .popup-content .title-popup .yellow-text{
            font-size: 25px;
        }

        .white-popup#seo-specialist-new .popup-content .title-popup .third-text .yellow-text{
            font-size: 27.3px;
}
        
    }


.white-popup#seo-specialist-new .popup-content .desc-popup {
    font-family: 'TT Norms';
    font-style: normal;
    font-size: 17px;
    line-height: 20px;
    color: #FFFFFF;
    text-transform: lowercase;
}

    @media screen and (max-width: 480px) {
        .white-popup#seo-specialist-new .popup-content .desc-popup {
            font-size: 14px;
            line-height: 17px;
        }
    }

.white-popup#seo-specialist-new .btn_popup {
    text-decoration: none;
    box-sizing: border-box;
    padding: 11.5px 10px;
    max-width: 140px;
    width: 100%;
    transition: 0.3s;
    position: absolute;
    bottom: 12px;
    left: 53%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-family: TT Norms;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 15px;
    text-align: center;
    text-transform: uppercase;
    color: #5822A2;
    background: #FFC100;
    border-radius: 15.9636px;
    border-bottom: none;
}

@media screen and (max-width: 480px) {
    .white-popup#seo-specialist-new .btn_popup {
        bottom: 28px;
        max-width: 140px;
        font-size: 14px;
        padding: 9px;
        left: 55%;
    }
}


.white-popup#seo-specialist-new .btn_popup:hover {
    background-color: #fff;
    color: #5822A2;
}

/*end seo-specialist-new_popup */

code, pre {
    margin: 20px 0 40px;
    background: #f6f6f6;
    display: block;
    font-family: 'TT Norms';
    font-size: 18px;
    line-height: 1.5em;
    padding: 38px 130px 38px 145px;
}
@media screen and (max-width: 991px) {
    code, pre {
        padding: 38px;
    }
}
@media screen and (max-width: 575px) {
    code, pre {
        padding: 38px 15px;
    }
}
.text code p{
    padding: 0;
    color: #777;
}


/*end seo-specialist-new_popup */

code {
    margin: 20px 0 40px;
    background: #f6f6f6;
    display: block;
    font-family: 'TT Norms';
    font-size: 18px;
    line-height: 1.5em;
    padding: 38px 130px 38px 145px;
}

.text code p{
    padding: 0;
    color: #777;
}


/*end seo-specialist-new_popup */

code {
    margin: 20px 0 40px;
    background: #f6f6f6;
    display: block;
    font-family: 'TT Norms';
    font-size: 18px;
    line-height: 1.5em;
    padding: 38px 130px 38px 145px;
}

.text code p{
    padding: 0;
    color: #777;
}


/* quality-smm_popup */
.white-popup#quality-smm button.mfp-close {
    top: 10%;
    right: 20px;
}

.white-popup#quality-smm {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 500px;
    width: 100%;
    height: 550px;
    background: url(/bitrix/templates/adapt/images/quality-smm-bg-new.png)no-repeat center;
    background-size: contain;
    box-shadow: none;
    border-radius: 0;
    overflow: hidden;
}


.white-popup#quality-smm *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 1.3;
}

.white-popup#quality-smm .popup-content {
    position: absolute;
    max-width: 320px;
    width: 100%;
    top: 39%;
    left: 68%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    color: #fff;
    padding: 0 10px;
    text-align: left;
    box-sizing: border-box;
    text-transform: uppercase;
}

@media screen and (max-width: 480px) {
    .white-popup#quality-smm .popup-content {
        max-width: 276px;
        top: 41%;
        left: 83%;
    }
}

.white-popup#quality-smm .popup-content .bg-text {
    background-color: #fff;
    padding: 7px 20px;
}

.white-popup#quality-smm .popup-content .title-popup{
    font-family: 'BebasNeue';
    font-style: normal;
    font-weight: bold;
    font-size: 45px;
    line-height: 38px;
    color: #F12B24;
    margin-bottom: 32px;
    padding-left: 10px;
    left: 4px;
    top: 3px;
    max-width: 281px;
}

.white-popup#quality-smm .popup-content .title-popup .title-second{
    font-weight: normal;
    font-family: 'TT norms';
    font-size: 28px;
    top: -23px;
    background: #fff;
    border-radius: 9.82195px;
    padding: 6px;
}

.white-popup#quality-smm .popup-content .title-popup .title-first{
    font-weight: normal;
    font-size: 45px;
    top: -12px;
    background: #fff;
    border-radius: 9.82195px;
    padding: 6px;
    max-width: 290px;
    font-family: 'BebasNeue';
}

.white-popup#quality-smm .popup-content .title-popup .selected-text {
    color: #4267B2;
}

.white-popup#quality-smm .popup-content .title-desc-popup{
    font-family: 'TT norms';
    font-style: normal;
    font-weight: 800;
    font-size: 14px;
    line-height: 19px;
    color: #E82632;
    margin-bottom: 20px;
    top: -11px;
    left: 17px;
    text-align: center;
    background: #FFFFFF;
    border-radius: 2.2356px;
    width: 105px;
    box-shadow: 0px 0px 0px 3px rgba(255, 255, 255, 0.28);
    padding: 5px;
}



    @media screen and (max-width: 480px) {
        .white-popup#quality-smm .popup-content .title-popup {
            top: 37px;
    left: -20px;
        }
        .white-popup#quality-smm .popup-content .title-desc-popup{
            left: -6px;
        }
        .white-popup#quality-smm .popup-content .title-popup .title-first{
            font-size: 22px;
        }

        .white-popup#quality-smm .popup-content .title-popup .title-second{
            font-size: 18px;
            top: -31px;
            border-top-left-radius: 0;
        }
    }




.white-popup#quality-smm .popup-content .desc-popup {
    font-family: 'TT norms';
    line-height: 18px;
    color: #FFFFFF;
    font-size: 15px;
    /* font-weight: bold; */
    font-style: normal;
    left: 17px;
    bottom: 20px;
    text-transform: lowercase;
}

    @media screen and (max-width: 480px) {
        .white-popup#quality-smm .popup-content .desc-popup {
            font-size: 12px;
            line-height: 19px;
            top: -27px;
            left: -32px;
        }
    }

.white-popup#quality-smm .btn_popup {
    text-decoration: none;
    box-sizing: border-box;
    padding: 17px 14px;
    max-width: 218px;
    width: 100%;
    transition: 0.3s;
    position: absolute;
    bottom: 100px;
    left: 44%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    box-shadow: 0px 0px 27.5185px #272937;
    background: #F12B24;
    border-radius: 12.1082px;
    font-family: 'BebasNeue';
    font-style: normal;
    font-weight: bold;
    font-size: 26.4178px;
    line-height: 26px;
    text-align: center;
    color: #FFFFFF;
    border-bottom: none;
    height: 55px;
}

@media screen and (max-width: 480px) {
    .white-popup#quality-smm .btn_popup {
        bottom: 145px;
        max-width: 170px;
        font-size: 18px;
        padding: 9px;
        left: 42%;
        height: 42px;
    }
}


.white-popup#quality-smm .btn_popup:hover {
    background-color: #fff;
    color: #F12B24;
}

/*end quality-smm_popup */



/* kontent-smm-denis_popup */
.white-popup#kontent-smm-denis button.mfp-close {
    top: 10%;
    right: 20px;
}

.white-popup#kontent-smm-denis {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 600px;
    width: 100%;
    height: 500px;
    background: none;
    box-shadow: none;
    border-radius: 0;
    overflow: hidden;
}

div#kontent-smm-denis:before {
    content: '';
    background-image: url(/bitrix/templates/adapt/images/ishodnik_denis.png);
    display: inline-block;
    vertical-align: middle;
    width: 600px;
    height: 459px;
    background-repeat: no-repeat;
    background-position: center 0px;
    background-size: cover;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.white-popup#kontent-smm-denis *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 1.3;
}

.white-popup#kontent-smm-denis .btn_popup {
    text-decoration: none;
    box-sizing: border-box;
    padding: 17px 14px;
    max-width: 288px;
    width: 100%;
    transition: 0.3s;
    position: absolute;
    bottom: 41px;
    left: 60%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    box-shadow: 0px 0px 27.5185px #272937;
    background: #F12B24;
    border-radius: 12.1082px;
    font-family: 'BebasNeue';
    font-style: normal;
    font-weight: bold;
    font-size: 26.4178px;
    line-height: 26px;
    text-align: center;
    color: #FFFFFF;
    border-bottom: none;
    height: 55px;
}

@media screen and (max-width: 1200px) {
    .white-popup#kontent-smm-denis .btn_popup {
        text-decoration: none;
        box-sizing: border-box;
        padding: 17px 14px;
        max-width: 288px;
        width: 100%;
        transition: 0.3s;
        position: absolute;
        bottom: 53px;
        left: 60%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        box-shadow: 0px 0px 27.5185px #272937;
        background: #F12B24;
        border-radius: 12.1082px;
        font-family: 'BebasNeue';
        font-style: normal;
        font-weight: bold;
        font-size: 26.4178px;
        line-height: 26px;
        text-align: center;
        color: #FFFFFF;
        border-bottom: none;
        height: 55px;
    }

    div#kontent-smm-denis:before {
        content: '';
        background-image: url(/bitrix/templates/adapt/images/ishodnik_denis.png);
        display: inline-block;
        vertical-align: middle;
        width: 500px;
        height: 359px;
        background-repeat: no-repeat;
        background-position: center 0px;
        background-size: cover;
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    
    }
}


@media screen and (max-width: 535px) {
    .white-popup#kontent-smm-denis .btn_popup {
        bottom: 96px;
    max-width: 180px;
    font-size: 18px;
    padding: 9px;
    left: 53%;
    height: 42px;
    }

    div#kontent-smm-denis:before {
        content: '';
        background-image: url(/bitrix/templates/adapt/images/ishodnik_denis.png);
        display: inline-block;
        vertical-align: middle;
        width: 400px;
        height: 286px;
        background-repeat: no-repeat;
        background-position: center 0px;
        background-size: cover;
        position: relative;
        top: 50%;
        left: 44%;
        transform: translate(-50%, -50%);
    
    }
}

@media screen and (max-width: 480px) {
    .white-popup#kontent-smm-denis .btn_popup {
        bottom: 145px;
        max-width: 180px;
        font-size: 18px;
        padding: 9px;
        left: 53%;
        height: 42px;
    }

    div#kontent-smm-denis:before {
        content: '';
        background-image: url(/bitrix/templates/adapt/images/ishodnik_denis.png);
        display: inline-block;
        vertical-align: middle;
        width: 350px;
        height: 236px;
        background-repeat: no-repeat;
        background-position: center 0px;
        background-size: cover;
        position: relative;
        top: 40%;
        left: 36%;
        transform: translate(-50%, -50%);
    }
}



.white-popup#kontent-smm-denis .btn_popup:hover {
    background-color: #fff;
    color: #F12B24;
}

/*end kontent-smm-denis_popup */

/* kontent-smm_popup */
.white-popup#kontent-smm button.mfp-close {
    top: 10%;
    right: 20px;
}

.white-popup#kontent-smm {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 600px;
    width: 100%;
    height: 500px;
    background: none;
    box-shadow: none;
    border-radius: 0;
    overflow: hidden;
}

div#kontent-smm:before {
    content: '';
    background-image: url(/bitrix/templates/adapt/images/ishodnik-jenya.png);
    display: inline-block;
    vertical-align: middle;
    width: 500px;
    height: 437px;
    background-repeat: no-repeat;
    background-position: center 0px;
    background-size: cover;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.white-popup#kontent-smm *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 1.3;
}

.white-popup#kontent-smm .btn_popup {
    text-decoration: none;
    box-sizing: border-box;
    padding: 17px 14px;
    max-width: 288px;
    width: 100%;
    transition: 0.3s;
    position: absolute;
    bottom: 57px;
    left: 57%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    box-shadow: 0px 0px 27.5185px #272937;
    background: #F12B24;
    border-radius: 12.1082px;
    font-family: 'BebasNeue';
    font-style: normal;
    font-weight: bold;
    font-size: 26.4178px;
    line-height: 26px;
    text-align: center;
    color: #FFFFFF;
    border-bottom: none;
    height: 55px;
}

@media screen and (max-width: 1200px) {
    .white-popup#kontent-smm .btn_popup {
        text-decoration: none;
        box-sizing: border-box;
        padding: 17px 14px;
        max-width: 288px;
        width: 100%;
        transition: 0.3s;
        position: absolute;
        bottom: 56px;
        left: 56%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        box-shadow: 0px 0px 27.5185px #272937;
        background: #F12B24;
        border-radius: 12.1082px;
        font-family: 'BebasNeue';
        font-style: normal;
        font-weight: bold;
        font-size: 26.4178px;
        line-height: 26px;
        text-align: center;
        color: #FFFFFF;
        border-bottom: none;
        height: 55px;
    }

    div#kontent-smm:before {
        content: '';
        background-image: url(/bitrix/templates/adapt/images/ishodnik-jenya.png);
        display: inline-block;
        vertical-align: middle;
        width: 500px;
        height: 438px;
        background-repeat: no-repeat;
        background-position: center 0px;
        background-size: cover;
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);    
    
    }
}


@media screen and (max-width: 535px) {
    .white-popup#kontent-smm .btn_popup {
        bottom: 96px;
    max-width: 180px;
    font-size: 18px;
    padding: 9px;
    left: 53%;
    height: 42px;
    }

    div#kontent-smm:before {
        content: '';
        background-image: url(/bitrix/templates/adapt/images/ishodnik-jenya.png);
        display: inline-block;
        vertical-align: middle;
        width: 400px;
        height: 350px;
        background-repeat: no-repeat;
        background-position: center 0px;
        background-size: cover;
        position: relative;
        top: 50%;
        left: 44%;
        transform: translate(-50%, -50%);
    }
}

@media screen and (max-width: 480px) {
    .white-popup#kontent-smm .btn_popup {
        bottom: 155px;
        max-width: 180px;
        font-size: 18px;
        padding: 9px;
        left: 53%;
        height: 42px;
    }

    div#kontent-smm:before {
        content: '';
        background-image: url(/bitrix/templates/adapt/images/ishodnik-jenya.png);
        display: inline-block;
        vertical-align: middle;
        width: 350px;
        height: 307px;
        background-repeat: no-repeat;
        background-position: center 0px;
        background-size: cover;
        position: relative;
        top: 40%;
        left: 36%;
        transform: translate(-50%, -50%);
    }
}



.white-popup#kontent-smm .btn_popup:hover {
    background-color: #fff;
    color: #F12B24;
}


/*end kontent-smm_popup */

/* targetirovannaya_reklama_popup */
.white-popup#targetirovannaya_reklama_popup button.mfp-close {
    top: 20px;
    right: 20px;
}

.white-popup#targetirovannaya_reklama_popup *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    font-size: 24px;
    line-height: 1.3;
}


.white-popup#targetirovannaya_reklama_popup {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 600px;
    height: 475px;
    background: url(/bitrix/templates/adapt/images/targetirovannaya_reklama_popup-bg.png) no-repeat top 15px center;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    overflow: hidden;
    padding-bottom: 50px;
    background-size: auto;
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
}



.white-popup#targetirovannaya_reklama_popup .popup-content .title-popup:after {
    width: 306px;
    content: '';
    height: 429px;
    left: 75%;
    top: -70px;
    opacity: 1;
    border-top: none;
    border-left: none;
    position: absolute;
    background: url(/bitrix/templates/adapt/images/targetirovannaya_reklama_popup-cat.png) no-repeat top right;
    background-size: contain;
}

.white-popup#targetirovannaya_reklama_popup .popup-content .desc-popup:after {
    width: 40px;
    content: '';
    height: 40px;
    left: -160%;
    top: -90px;
    opacity: 0.3;
    /* border: 6px solid #A780D7; */
    border-top: none;
    border-left: none;
    position: absolute;
    width: 277px;
    content: '';
    height: 331px;
    left: 25%;
    top: -83px;
    opacity: 1;
    border-top: none;
    border-left: none;
    position: absolute;
    background: url(/bitrix/templates/adapt/images/targetirovannaya_reklama_popup-ponc.png) no-repeat bottom left;
    background-size: cover;
}

.white-popup#targetirovannaya_reklama_popup .popup-content {
    z-index: 1;
    position: absolute;
    /* max-width: 100%; */
    width: auto;
    top: 78px;
    right: auto;
    left: 31px;
    -webkit-transform: translate(0px,-50%);
    transform: translate(0px,-50%);
    color: #fff;
    text-align: left;
    max-width: 351px;
    width: 100%;
}

.white-popup#targetirovannaya_reklama_popup .popup-content .title-popup{
    text-align: left;
    position: relative;
}

.white-popup#targetirovannaya_reklama_popup span.title-popup-first {
    font-family: TT Norms;
    font-style: normal;
    font-weight: 900;
    font-size: 46.0086px;
    line-height: 100%;
/* or 46px */
    text-transform: uppercase;
    color: #3A0A75;
    background: #FFFFFF;
    border-radius: 11.3237px;
    padding: 15px;
}

.white-popup#targetirovannaya_reklama_popup span.title-popup-second {
    font-family: TT Norms;
    font-style: normal;
    font-weight: bold;
    font-size: 31.7455px;
    line-height: 100%;
/* or 32px */
    text-transform: uppercase;
    color: #990099;
    text-shadow: -1px 0px 4px rgba(58, 10, 117, 0.3);
    background: #FFFFFF;
    border-radius: 11.3237px;
    padding: 15px;
    top: 14px;
}

.white-popup#targetirovannaya_reklama_popup span.title-popup-third {
    font-family: TT Norms;
    font-style: normal;
    font-weight: bold;
    font-size: 31.7455px;
    line-height: 100%;
/* or 32px */
    text-transform: uppercase;
    color: #990099;
    text-shadow: -1px 0px 4px rgba(58, 10, 117, 0.3);
    background: #FFFFFF;
    border-radius: 11.3237px;
    padding: 0 15px 15px;
    top: 15px;
}

.white-popup#targetirovannaya_reklama_popup .popup-content .desc-popup .desc-popup-block {
    background: #FFFFFF;
    border-radius: 11.3237px;
    padding: 7px 15px;
    max-width: 230px;
}

.white-popup#targetirovannaya_reklama_popup span.desc-popup-first {
    font-family: TT Norms;
    font-style: normal;
    font-size: 16.0054px;
    line-height: 100%;
/* identical to box height, or 17px */
    text-transform: uppercase;
    color: #3A0A75;
    font-weight: 900;
}

.white-popup#targetirovannaya_reklama_popup span.desc-popup-second {
    font-family: TT Norms;
    font-style: normal;
    font-weight: 600;
    font-size: 16.0054px;
    line-height: 110%;
/* or 19px */
    text-transform: uppercase;
    color: #990099;
    top: -5px;
}

.white-popup#targetirovannaya_reklama_popup .popup-content .desc-popup span.desc-popup-third {
    font-family: TT Norms;
    font-style: normal;
    font-weight: 600;
    font-size: 16.0054px;
    line-height: 110%;
/* or 19px */
    text-transform: uppercase;
    color: #990099;
    background: #FFFFFF;
    border-radius: 11.3237px;
    padding: 5px 15px 10px;
    top: -22px;
}


.white-popup#targetirovannaya_reklama_popup .popup-content .desc-popup {
    font-family: 'BebasNeueBold';
    font-size: 24px;
    top: 165%;
    position: absolute;
}

    @media screen and (max-width: 767px) {
        .white-popup#targetirovannaya_reklama_popup .popup-content .desc-popup {
            font-size: 18px;
        }
    }


.white-popup#targetirovannaya_reklama_popup .btn_popup {
    text-align: center;
    font-size: 21px;
    max-width: 252px;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    bottom: 12px;
    left: 50%;
    margin-left: 20px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-family: 'BebasNeue';
    font-style: normal;
    font-weight: bold;
    font-size: 35.6142px;
    line-height: 100%;
    color: #FFFFFF;
    background: #591CB8;
    box-shadow: 0px 0px 24.2014px #884CE9;
    -webkit-box-shadow: 0px 0px 24.2014px #884CE9;
    border-radius: 88.9893px;
    border-bottom: none;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 16px;
    z-index: 1;
}




    @media screen and (max-width: 767px) {
        .white-popup#targetirovannaya_reklama_popup .btn_popup {
            bottom: 0;
            max-width: 158px;
            font-size: 25px;
        }
    }

.white-popup#targetirovannaya_reklama_popup .btn_popup:hover {
    background-color: #fff;
    color: #591CB8;
}

@media screen and (max-width: 767px) {
    .white-popup#targetirovannaya_reklama_popup .popup-content {
        right: 30%;
        left: auto;
        /* max-width: 210px; */
        top: 16%;
    }
    
    .white-popup#targetirovannaya_reklama_popup span.title-popup-first {
        font-size: 25px;
    }
    
    .white-popup#targetirovannaya_reklama_popup span.title-popup-second {
        font-size: 25px;
    }
    
    .white-popup#targetirovannaya_reklama_popup span.title-popup-third {
        font-size: 25px;
    }
    
    .white-popup#targetirovannaya_reklama_popup span.desc-popup-first {
        font-size: 16.0054px;
    }
    
    .white-popup#targetirovannaya_reklama_popup span.desc-popup-second {
        font-size: 16.0054px;
    }
    
    .white-popup#targetirovannaya_reklama_popup .popup-content .desc-popup span.desc-popup-third {
        font-size: 16.0054px;
    }
    
    .white-popup#targetirovannaya_reklama_popup .popup-content .title-popup:after {
        width: 245px;
        content: '';
        height: 368px;
        left: 61%;
        top: -87px;
        opacity: 1;
        border-top: none;
        border-left: none;
        position: absolute;
        background: url(/bitrix/templates/adapt/images/targetirovannaya_reklama_popup-cat.png) no-repeat top right;
        background-size: contain;
    }
    
    .white-popup#targetirovannaya_reklama_popup .popup-content .desc-popup span.desc-popup-third {
        top: -12px;
    }
    
    .white-popup#targetirovannaya_reklama_popup .popup-content .desc-popup:after {
        width: 266px;
        content: '';
        height: 331px;
        left: 13%;
        top: -87px;
        opacity: 1;
        border-top: none;
        border-left: none;
        position: absolute;
        background: url(/bitrix/templates/adapt/images/targetirovannaya_reklama_popup-ponc.png) no-repeat bottom left;
        background-size: contain;
    }
       }
     
     
       @media screen and (max-width: 480px) {
        .white-popup#targetirovannaya_reklama_popup .popup-content {
            right: 0%;
        left: auto;
        top: 20%;
        }
        
        .white-popup#targetirovannaya_reklama_popup span.title-popup-first {
            font-size: 20px;
        }
        
        .white-popup#targetirovannaya_reklama_popup span.title-popup-second {
            font-size: 20px;
            top: 5px;
        }
        
        .white-popup#targetirovannaya_reklama_popup span.title-popup-third {
            font-size: 20px;
            top: -2px;
        }
        
        .white-popup#targetirovannaya_reklama_popup span.desc-popup-first {
            font-size: 16.0054px;
        }
        
        .white-popup#targetirovannaya_reklama_popup span.desc-popup-second {
            font-size: 16.0054px;
        }
        
        .white-popup#targetirovannaya_reklama_popup .popup-content .desc-popup span.desc-popup-third {
            font-size: 16.0054px;
        }
        
        .white-popup#targetirovannaya_reklama_popup .popup-content .title-popup:after {
            width: 245px;
            content: '';
            height: 368px;
            left: 61%;
            top: -87px;
            opacity: 1;
            border-top: none;
            border-left: none;
            position: absolute;
            background: url(/bitrix/templates/adapt/images/targetirovannaya_reklama_popup-cat.png) no-repeat top right;
            background-size: contain;
        }
        
        .white-popup#targetirovannaya_reklama_popup .popup-content .desc-popup span.desc-popup-third {
            top: -12px;
        }
        
        .white-popup#targetirovannaya_reklama_popup .popup-content .desc-popup:after {
            width: 266px;
            content: '';
            height: 331px;
            left: -19%;
            top: -95px;
            opacity: 1;
            border-top: none;
            border-left: none;
            position: absolute;
            background: url(/bitrix/templates/adapt/images/targetirovannaya_reklama_popup-ponc.png) no-repeat bottom left;
            background-size: contain;
        }
           }
    /* end targetirovannaya_reklama_popup */


/* new-seo-specialist_popup */
.white-popup#new-seo-specialist_popup button.mfp-close {
    top: 16%;
    right: 20px;
}

.white-popup#new-seo-specialist_popup {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 500px;
    width: 100%;
    height: 550px;
    background: none;
    box-shadow: none;
    border-radius: 0;
    overflow: hidden;
    background-image: url(/bitrix/templates/adapt/images/new-seo-specialist_popup-bg.png);
    background-position: center top;
    background-size: contain;
    background-repeat: no-repeat;
}

.white-popup#new-seo-specialist_popup *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 1.3;
}

.white-popup#new-seo-specialist_popup .popup-content {
    top: 138px;
    max-width: 320px;
    left: 15px;
} 

.white-popup#new-seo-specialist_popup .popup-content .title-popup {
    font-family: TT Norms;
    font-style: normal;
    font-weight: 600;
    font-size: 24.0652px;
    line-height: 124.5%;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #E12341;
    text-shadow: 0px 0px 2.76013px #E0C9FD;
    transform: rotate(-5.81deg);
    background: #FFFFFF;
    border-radius: 8.84074px;
    padding: 0px 10px 9px;
}


.white-popup#new-seo-specialist_popup .btn_popup {
    text-decoration: none;
    box-sizing: border-box;
    padding: 17px 14px;
    max-width: 265px;
    width: 100%;
    transition: 0.3s;
    position: absolute;
    bottom: 63px;
    left: 30%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-bottom: none;
    height: 55px;
    background: #E12341;
    box-shadow: 0px 0px 9px #FF3A64;
    border-radius: 25px;
    transform: rotate(-6.69deg);
    font-family: TT Norms;
    font-style: normal;
    font-weight: bold;
    font-size: 15.9651px;
    line-height: 19px;
    display: flex;
    align-items: center;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
}

.white-popup#new-seo-specialist_popup .btn_popup:hover {
    background-color: #fff;
    color: #E12341;
}

@media screen and (max-width: 480px) {
        .white-popup#new-seo-specialist_popup .popup-content{
            top: 29%;
            max-width: 290px;
            left: 0px;
        }
        .white-popup#new-seo-specialist_popup .popup-content .title-popup{
            font-size: 21px;
            padding-bottom: 10px;
        }
    
        .white-popup#new-seo-specialist_popup .btn_popup{
            bottom: 12%;
            max-width: 189px;
            font-size: 11px;
            left: 37%;
        }
        
    }

    @media screen and (max-width: 420px) {
        .white-popup#new-seo-specialist_popup .popup-content{
            top: 25%;
            left: -11px;
        }
        .white-popup#new-seo-specialist_popup .btn_popup{
            bottom: 20%;
        }
        
    }

    @media screen and (max-width: 400px) {
        .white-popup#new-seo-specialist_popup .popup-content{
            top: 16%;
            max-width: 216px;
            left: -9px;
        }
        .white-popup#new-seo-specialist_popup .popup-content .title-popup{
            font-size: 15px;
            padding-bottom: 10px;
        }
    
        .white-popup#new-seo-specialist_popup .btn_popup{
            bottom: 44%;
            max-width: 189px;
            font-size: 11px;
        }
        
    }
    

/*end new-seo-specialist_popup */

/* sozdanie-videokontenta_popup */
.white-popup#sozdanie-videokontenta_popup button.mfp-close {
    top: 10%;
    right: 10px;
}

.white-popup#sozdanie-videokontenta_popup {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 520px;
    width: 100%;
    height: 550px;
    background: none;
    box-shadow: none;
    border-radius: 0;
    overflow: hidden;
    background-image: url(/bitrix/templates/adapt/images/sozdanie-videokontenta_popup-bg.png);
    background-position: center top;
    background-size: contain;
    background-repeat: no-repeat;
}

.white-popup#sozdanie-videokontenta_popup *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 1.3;
}

.white-popup#sozdanie-videokontenta_popup .btn_popup {
    text-decoration: none;
    box-sizing: border-box;
    padding: 14px;
    max-width: 205px;
    width: 100%;
    transition: 0.3s;
    position: absolute;
    bottom: 78px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-bottom: none;
    height: 51px;
    box-shadow: 0px 0px 25.9401px #272937;
    background: #9CE032;
    border-radius: 11.4136px;
    font-family: BebasNeue;
    font-style: normal;
    font-weight: bold;
    font-size: 30.2986px;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase;
    color: #5218A1;
}

.white-popup#sozdanie-videokontenta_popup .btn_popup:hover {
    background-color: #fff;
    color: #5218A1;
}

@media screen and (max-width: 480px) {
    .white-popup#sozdanie-videokontenta_popup .btn_popup {
        max-width: 150px;
        bottom: 30%;
        left: 50%;
        font-size: 27.2986px;
    }
}

@media screen and (max-width: 362px) {

    .white-popup#sozdanie-videokontenta_popup {
        height: 373px;
    }
    .white-popup#sozdanie-videokontenta_popup .btn_popup {
        max-width: 150px;
        bottom: 30%;
        left: 50%;
        font-size: 27.2986px;
    }
}
    
/*end sozdanie-videokontenta_popup */

/*progress-bar*/
.barholder{
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #ececec;
    overflow: hidden;
    opacity: 0;
    transition: all 0.4s ease;
}
.barholder .barline{
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    transition: all 0.4s ease;
    width: 0%;
    height: 4px;
    background: #e32e4a;
}

.barvis .barholder{
    opacity: 1;
}

@media screen and (max-width: 1199px) {
    .barholder{
        top: auto;
        bottom: 0;
    }
}
/*progress-bar-end*/

.tabs-block--caption ~ .tabs-block--caption{
    display: none;
}

@media screen and (min-width: 641px) {
    .guideankor{
        opacity: 0;
        visibility: hidden;
    }
    .barvis .guideankor{
        opacity: 1;
        visibility: visible;
    }
}
@media screen and (max-width: 640px) {
    .container.service-detail.service-detail-new .content #texterra-grid .tabs-block--caption ~ .tabs-block--caption{
        display: block;
    }
    .container.service-detail.service-detail-new .content #texterra-grid .tabs-block--caption:first-of-type li{
        display: block;
    }
    .container.service-detail.service-detail-new .content #texterra-grid .tabs-block--caption:first-of-type li.active{
        display: block;
    }
    .container.service-detail.service-detail-new .content #texterra-grid .tabs-block--caption:first-of-type li.active ~ li{
        display: none;
    }
    .container.service-detail.service-detail-new .content #texterra-grid .tabs-block--caption ~ .tabs-block--caption:last-of-type li{
        display: none;
    }
    .container.service-detail.service-detail-new .content #texterra-grid .tabs-block--caption ~ .tabs-block--caption:last-of-type li.active{
        display: none;
    }
    .container.service-detail.service-detail-new .content #texterra-grid .tabs-block--caption ~ .tabs-block--caption:last-of-type li.active ~ li{
        display: block;
    }

}


/* prodvizhenie-horse_popup */
.white-popup#prodvizhenie-horse_popup button.mfp-close {
    top: 10%;
    right: 33px;
}

.white-popup#prodvizhenie-horse_popup {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 620px;
    width: 100%;
    height: 550px;
    background: none;
    box-shadow: none;
    border-radius: 0;
    overflow: hidden;
    background-image: url(/bitrix/templates/adapt/images/prodvizhenie-horse-bg.png);
    background-position: center top;
    background-size: contain;
    background-repeat: no-repeat;
}

.white-popup#prodvizhenie-horse_popup *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 1.3;
}

.white-popup#prodvizhenie-horse_popup .btn_popup {
    text-decoration: none;
    box-sizing: border-box;
    padding: 14px;
    max-width: 170px;
    width: 100%;
    transition: 0.3s;
    position: absolute;
    bottom: 96px;
    left: 17%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-bottom: none;
    box-shadow: 0px 4px 1px #CD1311;
    background: #DDEF91;
    border-radius: 84.4071px;
    transform: rotate(12.19deg);
    font-family: TT Norms;
    font-style: normal;
    font-weight: bold;
    font-size: 15.1933px;
    line-height: 18px;
    text-align: center;
    text-transform: uppercase;
    color: #CD1311;
    
}

.white-popup#prodvizhenie-horse_popup .btn_popup:hover {
    background-color: #fff;
    color: #5218A1;
}

@media screen and (max-width: 480px) {

    .white-popup#prodvizhenie-horse_popup {
        background-size: cover;
        height: 400px;
    }
    .white-popup#prodvizhenie-horse_popup .btn_popup {
        bottom: 15%;
        left: 5%;
    }
}

/*end prodvizhenie-horse_popup */


/* smm-shark_popup */
.white-popup#smm-shark_popup button.mfp-close {
    top: 10%;
    right: 33px;
}

.white-popup#smm-shark_popup {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 520px;
    width: 100%;
    height: 550px;
    background: none;
    box-shadow: none;
    border-radius: 0;
    overflow: hidden;
    background-image: url(/bitrix/templates/adapt/images/smm-shark-bg.png);
    background-position: center top;
    background-size: contain;
    background-repeat: no-repeat;
}

.white-popup#smm-shark_popup *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 1.3;
}

.white-popup#smm-shark_popup .btn_popup {
    text-decoration: none;
    box-sizing: border-box;
    padding: 14px;
    max-width: 245px;
    width: 100%;
    transition: 0.3s;
    position: absolute;
    bottom: 126px;
    left: 38%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-bottom: none;
    font-family: TT Norms;
    font-style: normal;
    font-weight: bold;
    font-size: 24.8486px;
    line-height: 29px;
    text-align: center;
    text-transform: uppercase;
    color: #0854DA;
    background: #F8E474;
    border-radius: 34.512px;
}

.white-popup#smm-shark_popup .btn_popup:hover {
    background-color: #fff;
    color: #0854DA;
}

@media screen and (max-width: 400px) {
    .white-popup#smm-shark_popup {
        background-size: cover;
        height: 326px;
    }
    .white-popup#smm-shark_popup .btn_popup  {
        bottom: 8%;
        left: 32%;
        font-size: 17px;
        max-width: 150px;
    }
}

    
/*end smm-shark_popup */


/* khaypovoe-smm-shark_popup */
.white-popup#khaypovoe-smm-shark_popup button.mfp-close {
    top: 10%;
    right: 33px;
}

.white-popup#khaypovoe-smm-shark_popup {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 520px;
    width: 100%;
    height: 550px;
    background: none;
    box-shadow: none;
    border-radius: 0;
    overflow: hidden;
    background-image: url(/bitrix/templates/adapt/images/smm-shark-bg.png);
    background-position: center top;
    background-size: contain;
    background-repeat: no-repeat;
}

.white-popup#khaypovoe-smm-shark_popup *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 1.3;
}

.white-popup#khaypovoe-smm-shark_popup .btn_popup {
    text-decoration: none;
    box-sizing: border-box;
    padding: 14px;
    max-width: 245px;
    width: 100%;
    transition: 0.3s;
    position: absolute;
    bottom: 126px;
    left: 38%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-bottom: none;
    font-family: TT Norms;
    font-style: normal;
    font-weight: bold;
    font-size: 24.8486px;
    line-height: 29px;
    text-align: center;
    text-transform: uppercase;
    color: #0854DA;
    background: #F8E474;
    border-radius: 34.512px;
}

.white-popup#khaypovoe-smm-shark_popup .btn_popup:hover {
    background-color: #fff;
    color: #0854DA;
}

@media screen and (max-width: 400px) {
    .white-popup#khaypovoe-smm-shark_popup {
        background-size: cover;
        height: 326px;
    }
    .white-popup#khaypovoe-smm-shark_popup .btn_popup  {
        bottom: 8%;
        left: 32%;
        font-size: 17px;
        max-width: 150px;
    }
}

    
/*end khaypovoe-smm-shark_popup */

/* scenariy-v-podarok_popup */
.white-popup#scenariy-v-podarok_popup button.mfp-close {
    top: 10%;
    right: 33px;
}

.white-popup#scenariy-v-podarok_popup {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 600px;
    width: 100%;
    height: 550px;
    background: none;
    box-shadow: none;
    border-radius: 0;
    overflow: hidden;
    background-image: url(/bitrix/templates/adapt/images/scenariy-v-podarok_popup-new-bg.png);
    background-position: center top;
    background-size: contain;
    background-repeat: no-repeat;
}

.white-popup#scenariy-v-podarok_popup *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 1.3;
}

.white-popup#scenariy-v-podarok_popup .btn_popup {
    text-decoration: none;
    box-sizing: border-box;
    max-width: 184px;
    width: 100%;
    transition: 0.3s;
    position: absolute;
    bottom: 140px;
    left: 44%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border: none;
    transform: rotate(-14.17deg);
    background: #EDDCB8;
    border-radius: 25px;
    font-family: 'BebasNeue';
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 23px;
    text-align: center;
    text-transform: uppercase;
    color: #1B1B30;
    height: 50px;
    letter-spacing: 1px;
}

.white-popup#scenariy-v-podarok_popup .btn_popup:hover {
    background-color: #fff;
    color: #1B1B30;
}


@media screen and (max-width: 480px) {
    .white-popup#scenariy-v-podarok_popup{
        height: 382px;
    background-size: cover;
    }
    .white-popup#scenariy-v-podarok_popup .btn_popup{
        bottom: 10%;
        left: 38%;
    }
}

@media screen and (max-width: 400px) {
    .white-popup#scenariy-v-podarok_popup .btn_popup{
        width: 115px;
        font-size: 20px;
        height: 40px;
        bottom: 87px;
        left: 47%;
    }
}

    
/*end scenariy-v-podarok_popup */


/* instrukciya-po-reklame_popup */
.white-popup#instrukciya-po-reklame_popup button.mfp-close {
    top: 10%;
    right: 33px;
}

.white-popup#instrukciya-po-reklame_popup {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 600px;
    width: 100%;
    height: 550px;
    background: none;
    box-shadow: none;
    border-radius: 0;
    overflow: hidden;
    background-image: url(/bitrix/templates/adapt/images/instrukciya-po-reklame_popup-new-bg.png);
    background-position: center top;
    background-size: contain;
    background-repeat: no-repeat;
}

.white-popup#instrukciya-po-reklame_popup *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 1.3;
}

.white-popup#instrukciya-po-reklame_popup .btn_popup {
    text-decoration: none;
    box-sizing: border-box;
    padding: 14px;
    max-width: 220px;
    width: 100%;
    transition: 0.3s;
    position: absolute;
    bottom: 118px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border: none;
    box-shadow: 0px 0px 25.9401px #272937;
    font-family: 'BebasNeue';
    font-weight: bold;
    font-size: 30px;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase;
    color: #E5E3DE;
    background: #0F4AB0;
    border-radius: 11.4136px;
    height: 51px;
}

.white-popup#instrukciya-po-reklame_popup .btn_popup:hover {
    background-color: #fff;
    color: #E5E3DE;
}


@media screen and (max-width: 480px) {
    .white-popup#instrukciya-po-reklame_popup {
        background-size: contain;
    }
    .white-popup#instrukciya-po-reklame_popup .btn_popup{
        bottom: 17%;
        left: 50%;
    }
}

@media screen and (max-width: 400px) {
    .white-popup#instrukciya-po-reklame_popup {
        height: 357px;
    }
    .white-popup#instrukciya-po-reklame_popup .btn_popup{
        width: 163px;
        font-size: 20px;
        height: 40px;
        bottom: 67px;
        left: 47%;
        line-height: 20px;
    }
}

    
/*end instrukciya-po-reklame_popup */


/* hr-manager_popup */
.white-popup#hr-manager_popup button.mfp-close {
    top: 20px;
    right: 20px;
}

.white-popup#hr-manager_popup *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    font-size: 24px;
    line-height: 1.3;
}


.white-popup#hr-manager_popup {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 550px;
    height: 550px;
    background: url(/bitrix/templates/adapt/images/hr-manager_popup-bg.png) no-repeat top 15px center;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    overflow: hidden;
    padding-bottom: 50px;
    background-size: auto;
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
}

.white-popup#hr-manager_popup .popup-content {
    z-index: 1;
    text-align: left;
}

.white-popup#hr-manager_popup .popup-content .title-popup{
    text-align: left;
    position: relative;
    top: 25px;
    left: -9px;
}

.white-popup#hr-manager_popup .popup-content .title-popup span.title-popup-first {
    text-transform: uppercase;
    padding: 9px 15px;
    font-family: 'BebasNeue';
    font-style: normal;
    font-weight: bold;
    font-size: 36.9179px;
    line-height: 100%;
    color: #FFFFFF;
    background: #591CB8;
    box-shadow: -1.84675px 0px 18.4675px #8A40FF;
    border-radius: 5.59678px;
}

.white-popup#hr-manager_popup .popup-content .title-popup span.title-popup-second {
    text-transform: uppercase;
    padding: 5px 15px 9px 15px;
    font-family: 'BebasNeue';
    font-style: normal;
    font-weight: bold;
    font-size: 36.9179px;
    line-height: 100%;
    color: #FFFFFF;
    background: #591CB8;
    box-shadow: -1.84675px 12px 18.4675px #8A40FF;
    border-radius: 5.59678px;
    top: 8px;
}


.white-popup#hr-manager_popup .popup-content .desc-popup{
    right: -237px;
    bottom: -157px;
}

.white-popup#hr-manager_popup .popup-content .desc-popup span.desc-popup-first {
    text-transform: uppercase;
    font-family: 'BebasNeue';
    font-style: normal;
    font-weight: bold;
    font-size: 36.2109px;
    line-height: 100%;
    color: #5F2D9D;
    background: #FFFFFF;
    border-radius: 5.59678px;
    padding: 9px 15px;
}

.white-popup#hr-manager_popup .popup-content .desc-popup span.desc-popup-second {
    text-transform: uppercase;
    font-family: 'BebasNeue';
    font-style: normal;
    font-weight: bold;
    font-size: 36.2109px;
    line-height: 100%;
    color: #5F2D9D;
    background: #FFFFFF;
    border-radius: 5.59678px;
    padding: 0 15px 9px 15px;
}


.white-popup#hr-manager_popup .btn_popup {
    max-width: 195px;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    bottom: 103px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 13px;
    background: #591CB8;
    box-shadow: 0px 0px 18.6759px #8A40FF;
    border-radius: 68.672px;
    font-family: 'BebasNeue';
    font-style: normal;
    font-weight: bold;
    font-size: 27.483px;
    line-height: 100%;
    color: #FFFFFF;
    border: none;
    text-align: center;
}

.white-popup#hr-manager_popup .btn_popup:hover {
    background-color: #fff;
    color: #591CB8;
}

@media screen and (max-width: 536px) {

    .white-popup#hr-manager_popup .popup-content .title-popup span.title-popup-first {
        padding: 7px;
        font-size: 30px;
    }

    .white-popup#hr-manager_popup .popup-content .title-popup span.title-popup-second {
        padding: 0 7px 7px 7px;
        font-size: 30px;
        top: 0px;
    }

    .white-popup#hr-manager_popup .popup-content .desc-popup span.desc-popup-first {
        font-size: 30px;
        padding: 7px 6px;
    }

    .white-popup#hr-manager_popup .popup-content .desc-popup span.desc-popup-second {
    font-size: 30px;
    padding: 0 7px 7px 7px;
    top: -4px;
}

.white-popup#hr-manager_popup .btn_popup {
    bottom: 89px;
    left: 50%;
    font-size: 22.483px;
}
}

@media screen and (max-width: 490px) {
    .white-popup#hr-manager_popup .popup-content .desc-popup {
        right: -143px;
        bottom: -157px;
    }

}

@media screen and (max-width: 420px) {
    .white-popup#hr-manager_popup {
        background-size: contain;
        height: 400px;
    }
    .white-popup#hr-manager_popup .popup-content .title-popup {
        top: 14px;
        left: -26px;
    } 

    .white-popup#hr-manager_popup .popup-content .title-popup span.title-popup-first {
        padding: 7px;
        font-size: 23.9179px;
    }

    .white-popup#hr-manager_popup .popup-content .title-popup span.title-popup-second {
        padding: 0 7px 7px 7px;
        font-size: 23.9179px;
        top: 0px;
    }

    .white-popup#hr-manager_popup .popup-content .desc-popup {
        right: -103px;
        bottom: -70px;
    }

    .white-popup#hr-manager_popup .popup-content .desc-popup span.desc-popup-first {
        font-size: 23.2109px;
        padding: 7px 6px;
    }

    .white-popup#hr-manager_popup .popup-content .desc-popup span.desc-popup-second {
    font-size: 23.2109px;
    padding: 0 7px 7px 7px;
    top: -4px;
}

.white-popup#hr-manager_popup .btn_popup {
    max-width: 153px;
    bottom: 22%;
    left: 50%;
    padding: 7px;
    font-size: 22.483px;
}
}
/* end hr-manager_popup */


/* firmennyy-stil-kofe_popup */
.white-popup#firmennyy-stil-kofe_popup button.mfp-close {
    top: 10%;
    right: 33px;
}

.white-popup#firmennyy-stil-kofe_popup {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 500px;
    width: 100%;
    height: 550px;
    background: none;
    box-shadow: none;
    border-radius: 0;
    overflow: hidden;
    background-image: url(/bitrix/templates/adapt/images/firmennyy-stil-kofe_popup-bg.png);
    background-position: center top;
    background-size: contain;
    background-repeat: no-repeat;
}

.white-popup#firmennyy-stil-kofe_popup *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 1.3;
}

.white-popup#firmennyy-stil-kofe_popup .btn_popup {
    text-decoration: none;
    box-sizing: border-box;
    padding: 12px;
    max-width: 134px;
    width: 100%;
    transition: 0.3s;
    position: absolute;
    bottom: 93px;
    left: 60%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border: none;
    background: #E2223F;
    box-shadow: 2px 0px 5px rgba(0, 0, 0, 0.25);
    border-radius: 10.3272px;
    font-family: 'BebasNeue';
    font-style: normal;
    font-weight: bold;
    font-size: 22.532px;
    line-height: 23px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFCFC;
}

.white-popup#firmennyy-stil-kofe_popup .btn_popup:hover {
    background-color: #fff;
    color: #E2223F;
}


@media screen and (max-width: 480px) {
    .white-popup#firmennyy-stil-kofe_popup {
        background-size: contain;
    }
    .white-popup#firmennyy-stil-kofe_popup .btn_popup{
        bottom: 26%;
        /* left: 54%; */
    }
}

@media screen and (max-width: 400px) {
    .white-popup#firmennyy-stil-kofe_popup {
        height: 357px;
    }
    .white-popup#firmennyy-stil-kofe_popup .btn_popup{
        font-size: 17px;
        height: 40px;
        bottom: 42px;
        left: 59%;
        line-height: 20px;
        width: 100px;
    }
}

    
/*end firmennyy-stil-kofe_popup */

/* firmennyy-stil-kub_popup */
.white-popup#firmennyy-stil-kub_popup button.mfp-close {
    top: 10%;
    right: 33px;
}

.white-popup#firmennyy-stil-kub_popup {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 600px;
    width: 100%;
    height: 500px;
    background: none;
    box-shadow: none;
    border-radius: 0;
    overflow: hidden;
    background-image: url(/bitrix/templates/adapt/images/firmennyy-stil-kub_popup-bg.png);
    background-position: center top;
    background-size: contain;
    background-repeat: no-repeat;
}

.white-popup#firmennyy-stil-kub_popup *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 1.3;
}

.white-popup#firmennyy-stil-kub_popup .btn_popup {
    text-decoration: none;
    box-sizing: border-box;
    padding: 12px;
    max-width: 205px;
    width: 100%;
    transition: 0.3s;
    position: absolute;
    bottom: 88px;
    left: 73%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border: none;
    box-shadow: 0px 0px 25.9401px #272937;
    background: #97CA08;
    border-radius: 11.4136px;
    font-family: 'BebasNeue';
    font-weight: bold;
    font-size: 30.2986px;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
}

.white-popup#firmennyy-stil-kub_popup .btn_popup:hover {
    background-color: #fff;
    color: #97CA08;
}


@media screen and (max-width: 480px) {
    .white-popup#firmennyy-stil-kub_popup {
        background-size: contain;
        height: 350px;
    }
    .white-popup#firmennyy-stil-kub_popup .btn_popup{
        padding: 8px;
        bottom: 13%;
        left: 70%;
        max-width: 145px;
        font-size: 25px;
    }
}

@media screen and (max-width: 400px) {
    .white-popup#firmennyy-stil-kub_popup {
        background-position: bottom;
        height: 400px;
    }
    .white-popup#firmennyy-stil-kub_popup .btn_popup{
        font-size: 20px;
        height: 40px;
        bottom: 42px;
        left: 79%;
        line-height: 20px;
        width: 100px;
    }
}

    
/*end firmennyy-stil-kub_popup */

/* kontent-marketing-blog_popup */
.white-popup#kontent-marketing-blog_popup button.mfp-close {
    top: 10%;
    right: 33px;
}

.white-popup#kontent-marketing-blog_popup {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 500px;
    width: 100%;
    height: 570px;
    background: none;
    box-shadow: none;
    border-radius: 0;
    overflow: hidden;
    background-image: url(/bitrix/templates/adapt/images/kontent-marketing-blog_popup-bg-new.png);
    background-position: center top;
    background-size: contain;
    background-repeat: no-repeat;
}

.white-popup#kontent-marketing-blog_popup *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 1.3;
}

.white-popup#kontent-marketing-blog_popup .btn_popup {
    text-decoration: none;
    box-sizing: border-box;
    padding: 12px;
    max-width: 196px;
    width: 100%;
    transition: 0.3s;
    position: absolute;
    bottom: 110px;
    left: 55%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border: none;
    font-family: 'BebasNeue';
    box-shadow: 0px 0px 25.9401px #272937;
    background: #0F4AB0;
    border-radius: 11.4136px;
    font-style: normal;
    font-weight: bold;
    font-size: 30.2986px;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase;
    color: #E5E3DE;
}

.white-popup#kontent-marketing-blog_popup .btn_popup:hover {
    background-color: #fff;
    color: #0F4AB0;
}


@media screen and (max-width: 480px) {
    .white-popup#kontent-marketing-blog_popup {
        background-size: contain;
        height: 500px;
    }
    .white-popup#kontent-marketing-blog_popup .btn_popup{
        padding: 8px;
        bottom: 20%;
        left: 53%;
        max-width: 145px;
        font-size: 25px;
    }
}

@media screen and (max-width: 400px) {
    .white-popup#kontent-marketing-blog_popup {
        background-position: bottom;
    }
    .white-popup#kontent-marketing-blog_popup .btn_popup{
        font-size: 20px;
        height: 40px;
        bottom: 69px;
        left: 55%;
        line-height: 20px;
    }
}
@media only screen and (max-width: 1139px) and (min-width: 280px){
    body .container.service-detail.service-detail-new .content #texterra-grid .red-block__white-block{
        bottom: auto;
        position: relative;
    }
    body .container.service-detail.service-detail-new .content #texterra-grid .red-block>*{
        z-index: 1;
        position: relative;
        width: 100%;
    }
    body .container.service-detail.service-detail-new .content #texterra-grid .red-block--white-block.bg-bottom-right.red-block{
        background-position: bottom right -150px;
    }
    body .container.service-detail.service-detail-new .content #texterra-grid .red-block--white-block.bg-bottom-right.red-block:after{
        content: '';
        position: absolute;
        z-index: 0;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.44);
    }
}

    
/*end kontent-marketing-blog_popup */

/*targetolog-three-weeks-blog_popup */
.white-popup#targetolog-three-weeks-blog_popup button.mfp-close:after {
    content: '+';
    position: absolute;
    display: block;
    transform: rotate(45deg);
    top: 0;
    left: 0;
    color: #ffffff;
    font-size: 46px;
    font-family: Serif;
    -webkit-filter: drop-shadow(0 0 6px #000000);
    filter: drop-shadow(0 0 6px #000000);
}

.white-popup#targetolog-three-weeks-blog_popup button.mfp-close {
    top: 21%;
    right: 2%;
}

.white-popup#targetolog-three-weeks-blog_popup {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 951px;
    width: 100%;
    height: 327px;
    background: none;
    box-shadow: none;
    border-radius: 0;
    overflow: hidden;
    background-image: url(/bitrix/templates/adapt/images/targetolog-three-weeks-blog_popup-bg-new.png);
    background-position: center top;
    background-size: contain;
    background-repeat: no-repeat;
}

.white-popup#targetolog-three-weeks-blog_popup *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 1.3;
}

.white-popup#targetolog-three-weeks-blog_popup .btn_popup {
    text-decoration: none;
    box-sizing: border-box;
    padding: 8px;
    max-width: 189px;
    width: 100%;
    transition: 0.3s;
    position: absolute;
    bottom: 34px;
    left: 480px;
    border: none;
    font-family: 'TT Norms';
    background: #FFFFFF;
    font-style: normal;
    font-weight: bold;
    font-size: 17px;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase;
    color: #07164F;
}

.white-popup#targetolog-three-weeks-blog_popup .btn_popup:hover {
    background-color: #fff;
    color: #0F4AB0;
}
@media screen and (max-width: 990px) {
    .white-popup#targetolog-three-weeks-blog_popup {
        max-width: 780px;
        width: 100%;
        height: 268px;
    }
    .white-popup#targetolog-three-weeks-blog_popup .btn_popup {
        padding: 5px;
        max-width: 156px;
        width: 100%;
        bottom: 27px;
        left: 394px;
    }
}
@media screen and (max-width: 810px) {
    .white-popup#targetolog-three-weeks-blog_popup {
        max-width: 670px;
        width: 100%;
        height: 231px;
    }
    .white-popup#targetolog-three-weeks-blog_popup .btn_popup {
        padding: 3px;
        max-width: 133px;
        width: 100%;
        bottom: 24px;
        left: 339px;
        font-size: 15px;
    }
}
@media screen and (max-width: 700px) {
    .white-popup#targetolog-three-weeks-blog_popup {
        height: 172px;
        max-width: 500px;
        width: 100%;
    }
    .white-popup#targetolog-three-weeks-blog_popup .btn_popup {
        padding: 1px;
        max-width: 100px;
        width: 100%;
        bottom: 12px;
        left: 253px;
        font-size: 13px;
    }
}
@media screen and (max-width: 530px) {
    .white-popup#targetolog-three-weeks-blog_popup {
        height: 138px;
        max-width: 400px;
        width: 100%;
    }
    .white-popup#targetolog-three-weeks-blog_popup .btn_popup {
        max-width: 99px;
        width: 100%;
        bottom: 10px;
        left: 202px;
        line-height: 24px;
    }
}
@media screen and (max-width: 430px) {
    .white-popup#targetolog-three-weeks-blog_popup {
        height: 102px;
        max-width: 300px;
        width: 100%;
    }
    .white-popup#targetolog-three-weeks-blog_popup .btn_popup {
        max-width: 82px;
        width: 100%;
        bottom: 10px;
        left: 152px;
        line-height: 15px;
        font-size: 10px;
    }
}
@media only screen and (max-width: 1139px) and (min-width: 280px){
    body .container.service-detail.service-detail-new .content #texterra-grid .red-block__white-block{
        bottom: auto;
        position: relative;
    }
    body .container.service-detail.service-detail-new .content #texterra-grid .red-block>*{
        z-index: 1;
        position: relative;
        width: 100%;
    }
    body .container.service-detail.service-detail-new .content #texterra-grid .red-block--white-block.bg-bottom-right.red-block{
        background-position: bottom right -150px;
    }
    body .container.service-detail.service-detail-new .content #texterra-grid .red-block--white-block.bg-bottom-right.red-block:after{
        content: '';
        position: absolute;
        z-index: 0;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.44);
    }
}

/*end targetolog-three-weeks-blog_popup */

/*target-hot-course-blog_popup */

    .white-popup#target-hot-course-blog_popup button.mfp-close:after {
    content: '+';
    position: absolute;
    display: block;
    transform: rotate(45deg);
    top: 0;
    left: 0;
    color: #000000;
    font-size: 46px;
    font-family: Serif;
    -webkit-filter: drop-shadow(0 0 6px #000000);
    filter: drop-shadow(0 0 6px #000000);
}

.white-popup#target-hot-course-blog_popup button.mfp-close {
    top: 5%;
    right: 5%;
}

.white-popup#target-hot-course-blog_popup {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 581px;
    width: 100%;
    height: 389px;
    background: none;
    box-shadow: none;
    border-radius: 0;
    overflow: hidden;
    background-image: url(/bitrix/templates/adapt/images/target-hot-course-blog_popup-bg-new.png);
    background-position: center top;
    background-size: contain;
    background-repeat: no-repeat;
}

.white-popup#target-hot-course-blog_popup *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 1.3;
}

.white-popup#target-hot-course-blog_popup .btn_popup {
    text-decoration: none;
    box-sizing: border-box;
    padding: 16px;
    max-width: 388px;
    width: 100%;
    transition: 0.3s;
    position: absolute;
    bottom: 75px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border: none;
    font-family: 'TT Norms';
    background: #383838;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
}

.white-popup#target-hot-course-blog_popup .btn_popup:hover {
    background-color: #383838;
    color: #FFFFFF;
    opacity: 0.8;
}

@media screen and (max-width: 610px) {
    .white-popup#target-hot-course-blog_popup {
        background-size: contain;
        height: 350px;
    }
    .white-popup#target-hot-course-blog_popup .btn_popup{
        padding: 16px;
        bottom: 18%;
        left: 50%;
        max-width: 343px;
        font-size: 21px;
    }
}

@media screen and (max-width: 550px) {
    .white-popup#target-hot-course-blog_popup {
        background-size: contain;
        height: 308px;
    }
    .white-popup#target-hot-course-blog_popup .btn_popup{
        padding: 16px;
        bottom: 18%;
        left: 50%;
        max-width: 300px;
        font-size: 18px;
    }
}

@media screen and (max-width: 490px) {
    .white-popup#target-hot-course-blog_popup {
        background-size: contain;
        height: 240px;
    }
    .white-popup#target-hot-course-blog_popup .btn_popup{
        padding: 11px;
        bottom: 18%;
        left: 50%;
        max-width: 235px;
        font-size: 14px;
    }
}

@media screen and (max-width: 450px) {
    .white-popup#target-hot-course-blog_popup {
        background-size: contain;
        height: 240px;
    }
    .white-popup#target-hot-course-blog_popup .btn_popup{
        padding: 11px;
        bottom: 18%;
        left: 50%;
        max-width: 233px;
        font-size: 14px;
    }
}

@media screen and (max-width: 370px) {
    .white-popup#target-hot-course-blog_popup {
        background-size: contain;
        height: 190px;
    }
    .white-popup#target-hot-course-blog_popup .btn_popup{
        font-size: 11px;
        height: 40px;
        bottom: 36px;
        left: 50%;
        line-height: 20px;
        max-width: 186px;
    }
}
@media screen and (max-width: 400px) {
    .white-popup#target-hot-course-blog_popup {
        background-size: contain;
        height: 227px;
    }
    .white-popup#target-hot-course-blog_popup .btn_popup{
        font-size: 13px;
        height: 40px;
        bottom: 47px;
        left: 50%;
        line-height: 20px;
        max-width: 222px;
    }
}
@media only screen and (max-width: 1139px) and (min-width: 280px){
    body .container.service-detail.service-detail-new .content #texterra-grid .red-block__white-block{
        bottom: auto;
        position: relative;
    }
    body .container.service-detail.service-detail-new .content #texterra-grid .red-block>*{
        z-index: 1;
        position: relative;
        width: 100%;
    }
    body .container.service-detail.service-detail-new .content #texterra-grid .red-block--white-block.bg-bottom-right.red-block{
        background-position: bottom right -150px;
    }
    body .container.service-detail.service-detail-new .content #texterra-grid .red-block--white-block.bg-bottom-right.red-block:after{
        content: '';
        position: absolute;
        z-index: 0;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.44);
    }
}

/*end targetolog-three-weeks-blog_popup */

/* seo-audit-doroga-v-top_popup */
.white-popup#seo-audit-doroga-v-top_popup button.mfp-close {
    top: 10%;
    right: 33px;
}

.white-popup#seo-audit-doroga-v-top_popup {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 500px;
    width: 100%;
    height: 570px;
    background: none;
    box-shadow: none;
    border-radius: 0;
    overflow: hidden;
    background-image: url(/bitrix/templates/adapt/images/seo-audit-doroga-v-top_popup-bg.png);
    background-position: center top;
    background-size: contain;
    background-repeat: no-repeat;
}

.white-popup#seo-audit-doroga-v-top_popup *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 1.3;
}

.white-popup#seo-audit-doroga-v-top_popup .btn_popup {
    text-decoration: none;
    box-sizing: border-box;
    padding: 12px;
    max-width: 205px;
    width: 100%;
    transition: 0.3s;
    position: absolute;
    bottom: 18px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border: none;
    font-family: 'BebasNeue';
    background: #0F4AB0;
    border-radius: 10.2404px;
    font-style: normal;
    font-weight: bold;
    font-size: 22.3426px;
    line-height: 22px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    box-shadow: 0px 0px 19.2459px rgba(39, 41, 55, 0.89);
}

.white-popup#seo-audit-doroga-v-top_popup .btn_popup:hover {
    background-color: #fff;
    color: #0F4AB0;
}


@media screen and (max-width: 480px) {
    .white-popup#seo-audit-doroga-v-top_popup {
        background-size: contain;
        height: 500px;
    }
    .white-popup#seo-audit-doroga-v-top_popup .btn_popup{
        padding: 8px;
        bottom: 6%;
        max-width: 145px;
        font-size: 25px;
    }
}

@media screen and (max-width: 400px) {
    .white-popup#seo-audit-doroga-v-top_popup {
        background-position: bottom;
        height: 400px;
    }
    .white-popup#seo-audit-doroga-v-top_popup .btn_popup{
        font-size: 20px;
        height: 40px;
        bottom: 0;
        line-height: 20px;
    }
}
    
/*end seo-audit-doroga-v-top_popup */

/* seo-audit-oshibki_popup */
.white-popup#seo-audit-oshibki_popup button.mfp-close {
    top: 10%;
    right: 33px;
}

.white-popup#seo-audit-oshibki_popup {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 500px;
    width: 100%;
    height: 500px;
    background: none;
    box-shadow: none;
    border-radius: 0;
    overflow: hidden;
    background-image: url(/bitrix/templates/adapt/images/seo-audit-oshibki_popup-bg.png);
    background-position: center top;
    background-size: contain;
    background-repeat: no-repeat;
}

.white-popup#seo-audit-oshibki_popup *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 1.3;
}

.white-popup#seo-audit-oshibki_popup .btn_popup {
    text-decoration: none;
    box-sizing: border-box;
    padding: 12px;
    max-width: 220px;
    width: 100%;
    transition: 0.3s;
    position: absolute;
    bottom: 33px;
    left: 63%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border: none;
    box-shadow: 0px -4px 11px rgba(0, 0, 0, 0.27);
    background: #F0B900;
    border-radius: 25px;
    font-family: 'TT Norms';
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    text-transform: uppercase;
    color: #0F4AB0;
    }

.white-popup#seo-audit-oshibki_popup .btn_popup:hover {
    background-color: #fff;
    color: #0F4AB0;
}


@media screen and (max-width: 480px) {

    .white-popup#seo-audit-oshibki_popup .btn_popup{
        bottom: 12%;
        max-width: 145px;
        left: 70%;
    }
}

@media screen and (max-width: 400px) {
    .white-popup#seo-audit-oshibki_popup {
        background-position: center;
        height: 365px;
    }
    .white-popup#seo-audit-oshibki_popup .btn_popup{
        height: 40px;
        bottom: 0;
        line-height: 20px;
        left: 63%;
    }
}
    
/*end seo-audit-oshibki_popup */



/* komyuniti-menedzher_popup */
.white-popup#komyuniti-menedzher_popup button.mfp-close {
    top: 10%;
    right: 33px;
}

.white-popup#komyuniti-menedzher_popup {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 500px;
    width: 100%;
    height: 500px;
    background: none;
    box-shadow: none;
    border-radius: 0;
    overflow: hidden;
    background-image: url(/bitrix/templates/adapt/images/komyuniti-menedzher_popup-bg.png);
    background-position: center top;
    background-size: contain;
    background-repeat: no-repeat;
}

.white-popup#komyuniti-menedzher_popup *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 1.3;
}

.white-popup#komyuniti-menedzher_popup .popup-content {
    z-index: 1;
    text-align: left;
}

.white-popup#komyuniti-menedzher_popup .popup-content .title-popup{
    text-align: left;
    position: relative;
    top: 29px;
    left: 17px;
    transform: rotate(-14.3deg);
}

.white-popup#komyuniti-menedzher_popup .popup-content .title-popup span.title-popup-first {
    font-family: 'TT Norms';
    font-style: normal;
    font-weight: bold;
    font-size: 24.5px;
    line-height: 129%;
    text-transform: uppercase;
    color: #FFFFFF;
    transform: rotate(-14.98deg);
}

.white-popup#komyuniti-menedzher_popup .popup-content .title-popup span.title-popup-second {
    font-family: 'TT Norms';
    font-style: normal;
    font-weight: normal;
    font-size: 17.8183px;
    line-height: 100%;
    text-transform: uppercase;
    color: #F0B900;
    transform: rotate(-14.3deg);
}


.white-popup#komyuniti-menedzher_popup .popup-content .desc-popup{
    right: -8px;
    bottom: -71px;
    transform: rotate(-14.3deg);
}

.white-popup#komyuniti-menedzher_popup .popup-content .desc-popup span.desc-popup-first {
    font-family: 'TT Norms';
    font-style: normal;
    font-weight: normal;
    font-size: 16.9464px;
    line-height: 118%;
    text-transform: uppercase;
    color: #450088;
    transform: rotate(-14.12deg);
}

.white-popup#komyuniti-menedzher_popup .popup-content .desc-popup span.desc-popup-second {
    font-family: 'TT Norms';
    font-style: normal;
    font-weight: bold;
    font-size: 21.3924px;
    line-height: 100%;
    text-transform: uppercase;
    color: #450088;
    transform: rotate(-15.14deg);
}



.white-popup#komyuniti-menedzher_popup .popup-content .second-desc-popup {
    right: -211px;
    bottom: -205px;
    transform: rotate(-6.74deg);
}


.white-popup#komyuniti-menedzher_popup .popup-content .second-desc-popup span {
    font-family: 'TT Norms';
    font-style: normal;
    font-weight: bold;
    font-size: 18.173px;
    line-height: 100%;
    text-transform: uppercase;
    color: #F0B900;
}


.white-popup#komyuniti-menedzher_popup .btn_popup {
    text-decoration: none;
    box-sizing: border-box;
    padding: 12px;
    max-width: 212px;
    width: 100%;
    transition: 0.3s;
    position: absolute;
    bottom: 40px;
    left: 34%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border: none;
    background: #E12341;
    box-shadow: 0px 0px 9px #FF3A64;
    border-radius: 25px;
    transform: rotate(-4.57deg);
    font-family: 'TT Norms';
    font-style: normal;
    font-weight: bold;
    font-size: 15.9651px;
    line-height: 19px;
    text-align: center;
    color: #FFFFFF;
    }

.white-popup#komyuniti-menedzher_popup .btn_popup:hover {
    background-color: #fff;
    color: #FF3A64;
}

@media screen and (max-width: 512px) {

    .white-popup#komyuniti-menedzher_popup .popup-content .second-desc-popup span {
        font-size: 14.173px;
    }

    .white-popup#komyuniti-menedzher_popup .popup-content .second-desc-popup {
        bottom: -204px;
    }

    .white-popup#komyuniti-menedzher_popup .popup-content .desc-popup span.desc-popup-second {
        font-size: 19.3924px;
    }

    .white-popup#komyuniti-menedzher_popup .popup-content .desc-popup span.desc-popup-first {
        font-size: 14.9464px;
    }

    .white-popup#komyuniti-menedzher_popup .popup-content .title-popup span.title-popup-second {
        font-size: 14.8183px;
    }

    .white-popup#komyuniti-menedzher_popup .popup-content .title-popup span.title-popup-first {
        font-size: 20.5px;
    }
}


@media screen and (max-width: 480px) {

    .white-popup#komyuniti-menedzher_popup {
        height: 459px;
        background-size: cover;
    }

    .white-popup#komyuniti-menedzher_popup .btn_popup{
        bottom: 5%;
        max-width: 145px;
        left: 39%;
    }

    .white-popup#komyuniti-menedzher_popup .popup-content .title-popup {
        top: 16px;
        left: 28px;
    }

    .white-popup#komyuniti-menedzher_popup .popup-content .desc-popup {
        right: -10px;
    bottom: -61px;

    }

    .white-popup#komyuniti-menedzher_popup .popup-content .second-desc-popup {
        right: -209px;
        bottom: -184px;
    }
}

@media screen and (max-width: 400px) {
    .white-popup#komyuniti-menedzher_popup {
        background-position: center;
        height: 365px;
        background-size: cover;
    }

    .white-popup#komyuniti-menedzher_popup .popup-content .title-popup {
        top: 6px;
        left: 17px;
    }

    .white-popup#komyuniti-menedzher_popup .popup-content .title-popup span.title-popup-first {
        font-size: 18.5px;
    }

    .white-popup#komyuniti-menedzher_popup .popup-content .title-popup span.title-popup-second {
        font-size: 13.8183px;
    }

    .white-popup#komyuniti-menedzher_popup .popup-content .desc-popup {
        right: -11px;
        bottom: -31px;
    }

    .white-popup#komyuniti-menedzher_popup .popup-content .desc-popup span.desc-popup-first {
        font-size: 12.9464px;
    }

    .white-popup#komyuniti-menedzher_popup .popup-content .desc-popup span.desc-popup-second {
        font-size: 15.3924px;
    }


    .white-popup#komyuniti-menedzher_popup .popup-content .second-desc-popup {
        right: -170px;
        bottom: -127px;
    }

    .white-popup#komyuniti-menedzher_popup .popup-content .second-desc-popup span {
        font-size: 12.173px;
    }

    .white-popup#komyuniti-menedzher_popup .btn_popup {
    height: 40px;
    bottom: 7px;
    line-height: 20px;
    left: 26%;
}
}

@media screen and (max-width: 360px) {
    .white-popup#komyuniti-menedzher_popup .popup-content .title-popup {
        top: 13px;
        left: 1px;
    }
    .white-popup#komyuniti-menedzher_popup .popup-content .title-popup span.title-popup-first {
        font-size: 16.5px;
    }

    .white-popup#komyuniti-menedzher_popup .popup-content .title-popup span.title-popup-second {
        font-size: 12.8183px;
    }

    .white-popup#komyuniti-menedzher_popup .popup-content .desc-popup {
        right: 9px;
        bottom: -37px;
    }

    .white-popup#komyuniti-menedzher_popup .popup-content .desc-popup span.desc-popup-first {
        font-size: 11.9464px;
    }

    .white-popup#komyuniti-menedzher_popup .popup-content .desc-popup span.desc-popup-second {
        font-size: 14.3924px;
    }

    .white-popup#komyuniti-menedzher_popup .popup-content .second-desc-popup {
        right: -149px;
        bottom: -129px;
    }

    .white-popup#komyuniti-menedzher_popup .popup-content .second-desc-popup span {
        font-size: 11.173px;
    }

    .white-popup#komyuniti-menedzher_popup .btn_popup {
        height: 40px;
        bottom: 7px;
        line-height: 20px;
        left: 26%;
    }
}
    
/*end komyuniti-menedzher_popup */


/* smm-lion_popup */
.white-popup#smm-lion_popup button.mfp-close {
    top: 10%;
    right: 33px;
}

.white-popup#smm-lion_popup {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 650px;
    width: 100%;
    height: 500px;
    background: none;
    box-shadow: none;
    border-radius: 0;
    overflow: hidden;
    background-image: url(/bitrix/templates/adapt/images/smm-lion_popup-bg.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.white-popup#smm-lion_popup *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 1.3;
}

.white-popup#smm-lion_popup .popup-content {
    z-index: 1;
    text-align: left;
}

.white-popup#smm-lion_popup .popup-content .title-popup{
    text-align: left;
    position: relative;
    top: -9px;
    left: 50%;
    display: block;
    border: 4.27575px solid rgba(255, 255, 255, 0.28);
    width: fit-content;
    padding: 12px 0;
    border-radius: 2.8505px;
}

.white-popup#smm-lion_popup .popup-content .title-popup span{
   font-family: 'TT Norms';
   font-style: normal;
   font-weight: 800;
   font-size: 16.5567px;
   line-height: 128.5%;
   text-transform: uppercase;
   color: #E82632;
   background: #FFFFFF;
   border: 4.27575px solid rgba(255, 255, 255, 0.28);
   border-radius: 2.8505px;
   padding: 10px 10px 10px 10px;
}



.white-popup#smm-lion_popup .popup-content .desc-popup{
    left: 50%;
    bottom: -1px;
}

.white-popup#smm-lion_popup .popup-content .desc-popup span {
    text-transform: uppercase;
    font-family: 'BebasNeue';
    font-style: normal;
    font-weight: bold;
    font-size: 42.3582px;
    line-height: 100%;
    color: #FFFFFF;
}

.white-popup#smm-lion_popup .popup-content .second-desc-popup {
    left: 50%;
    bottom: -13px;
}


.white-popup#smm-lion_popup .popup-content .second-desc-popup span {
    font-family: 'TT Norms';
    font-style: normal;
    font-weight: normal;
    font-size: 25.4047px;
    line-height: 100%;
    text-transform: uppercase;
    color: #FFFFFF;
}


.white-popup#smm-lion_popup .btn_popup {
    text-decoration: none;
    box-sizing: border-box;
    padding: 15px;
    max-width: 250px;
    width: 100%;
    transition: 0.3s;
    position: absolute;
    bottom: 40px;
    left: 32%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border: none;
    background: #E12341;
    box-shadow: -1.07298px 5.36492px 13.9488px rgba(0, 0, 0, 0.25);
    border-radius: 26.8246px;
    font-family: 'TT Norms';
    font-style: normal;
    font-weight: bold;
    font-size: 19.3137px;
    line-height: 23px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    }

.white-popup#smm-lion_popup .btn_popup:hover {
    background-color: #fff;
    color: #FF3A64;
}


@media screen and (max-width: 625px){

    .white-popup#smm-lion_popup .popup-content {
        top: 13px;
    }

    .white-popup#smm-lion_popup .popup-content .title-popup {
        top: -5px;
    }

    .white-popup#smm-lion_popup .popup-content .title-popup span {
        font-size: 14.5567px;
    }

    .white-popup#smm-lion_popup .popup-content .desc-popup span {
        font-size: 38.3582px;
    }

    .white-popup#smm-lion_popup .popup-content .second-desc-popup span {
        font-size: 22.4047px;
    }
}

@media screen and (max-width: 567px){
    .white-popup#smm-lion_popup .popup-content {
        top: 20px;
    }

    .white-popup#smm-lion_popup .popup-content .title-popup {
        top: -5px;
    }

    .white-popup#smm-lion_popup .popup-content .title-popup span {
        font-size: 12.5567px;
    }

    .white-popup#smm-lion_popup .popup-content .desc-popup {
        left: 50%;
        bottom: -10px;
    }

    .white-popup#smm-lion_popup .popup-content .desc-popup span {
        font-size: 32.3582px;
    }

    .white-popup#smm-lion_popup .popup-content .second-desc-popup {
        left: 50%;
        bottom: -25px;
    }
    .white-popup#smm-lion_popup .popup-content .second-desc-popup span {
        font-size: 18.4047px;
    }    
}

@media screen and (max-width: 480px) {


    .white-popup#smm-lion_popup .btn_popup{
        bottom: 5%;
        max-width: 145px;
        left: 39%;
    }

    .white-popup#smm-lion_popup .popup-content .title-popup {
        top: 22px;
        left: 50%;
        padding: 9px 0;
    }

    .white-popup#smm-lion_popup .popup-content .title-popup span {
        font-size: 10.5567px;
        padding: 8px;
    }

    .white-popup#smm-lion_popup .popup-content .desc-popup {
        bottom: -28px;
    }

    .white-popup#smm-lion_popup .popup-content .desc-popup span {
        font-size: 26.3582px;
    }

    .white-popup#smm-lion_popup .popup-content .second-desc-popup {
        bottom: -44px;
    }

    .white-popup#smm-lion_popup .popup-content .second-desc-popup span {
        font-size: 15.4047px;
    }

    .white-popup#smm-lion_popup .btn_popup {
        bottom: 14%;
        max-width: 205px;
        font-size: 16px;
    }
}

@media screen and (max-width: 400px) {
    .white-popup#smm-lion_popup .popup-content {
        top: 65px;
    }

    .white-popup#smm-lion_popup .popup-content .title-popup {
        top: 29px;
        left: 47%;
        border: none;
    }

    .white-popup#smm-lion_popup .popup-content .title-popup span {
        font-size: 9.5567px;
        padding: 0px;
    }

    .white-popup#smm-lion_popup .popup-content .desc-popup {
        bottom: -26px;
    }

    .white-popup#smm-lion_popup .popup-content .desc-popup span {
        font-size: 18.3582px;
    }

    .white-popup#smm-lion_popup .popup-content .second-desc-popup {
        bottom: -26px;
    }

    .white-popup#smm-lion_popup .popup-content .second-desc-popup span {
        font-size: 11.4047px;
    }

    .white-popup#smm-lion_popup .btn_popup {
        bottom: 22%;
        max-width: 170px;
        font-size: 13px;
    }
}
    
/*end smm-lion_popup */


/* shark-targeting_popup */
.white-popup#shark-targeting_popup button.mfp-close {
    top: 10%;
    right: 33px;
}

.white-popup#shark-targeting_popup {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 620px;
    width: 100%;
    height: 550px;
    background: none;
    box-shadow: none;
    border-radius: 0;
    overflow: hidden;
    background-image: url(/bitrix/templates/adapt/images/shark-targeting_popup-bg.png);
    background-position: 66px center;
    background-size: contain;
    background-repeat: no-repeat;
}

.white-popup#shark-targeting_popup *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 1.3;
}

.white-popup#shark-targeting_popup .btn_popup {
    text-decoration: none;
    box-sizing: border-box;
    padding: 14px;
    max-width: 220px;
    width: 100%;
    transition: 0.3s;
    position: absolute;
    bottom: 35%;
    left: 25%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-bottom: none;
    background: #E12341;
    border-radius: 25px;
    font-family: 'TT Norms';
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
}

.white-popup#shark-targeting_popup .btn_popup:hover {
    background-color: #fff;
    color: #E12341;
}

@media screen and (max-width: 480px) {

    .white-popup#shark-targeting_popup {
        background-size: contain;
        height: 400px;
    }
    .white-popup#shark-targeting_popup .btn_popup {
        bottom: 28%;
        left: 124px;
        max-width: 150px;
        font-size: 14px;
    }
}

/*end shark-targeting_popup */


/* teachline-videobloger_popup */
.white-popup#teachline-videobloger_popup button.mfp-close {
    top: 10%;
    right: 33px;
}

.white-popup#teachline-videobloger_popup {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 700px;
    width: 100%;
    height: 500px;
    background: none;
    box-shadow: none;
    border-radius: 0;
    overflow: hidden;
    background-image: url(/bitrix/templates/adapt/images/teachline-videobloger_popup-bg.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.white-popup#teachline-videobloger_popup *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 1.3;
}

.white-popup#teachline-videobloger_popup .popup-content {
    z-index: 1;
    text-align: left;
}

.white-popup#teachline-videobloger_popup .popup-content .title-popup{
    position: relative;
    top: 45px;
    left: 62%;
    display: block;
    width: fit-content;
}

.white-popup#teachline-videobloger_popup .popup-content .title-popup .white-span-title{
    font-family: 'TT Norms';
    font-style: italic;
    font-weight: bold;
    font-size: 17px;
    line-height: 100%;
    text-transform: uppercase;
    color: #FFFFFF;
    transform: rotate(-0.52deg);
    display: block;
    margin-bottom: 7px;
    margin-top: 10px;
}

.white-popup#teachline-videobloger_popup .popup-content .title-popup .blue-span-title{
    font-family: 'TT Norms';
    font-style: italic;
    font-weight: normal;
    font-size: 16px;
    line-height: 100%;
    text-transform: uppercase;
    color: #29FFFF;
    display: block;
    transform: rotate(0.15deg) translate(-15px, 2px);
 }


.white-popup#teachline-videobloger_popup .popup-content .desc-popup{
    left: 36px;
    bottom: -232px;
}

.white-popup#teachline-videobloger_popup .popup-content .desc-popup .white-span-desc {
        font-family: 'TT Norms';
        font-style: italic;
        font-weight: bold;
        font-size: 15px;
        line-height: 100%;
        text-transform: uppercase;
        color: #FFFFFF;
        transform: rotate(0.12deg);
        display: block;
        margin-bottom: 7px;
}

.white-popup#teachline-videobloger_popup .popup-content .desc-popup .blue-span-desc {
    font-family: 'TT Norms';
    font-style: italic;
    font-weight: normal;
    font-size: 16.7211px;
    line-height: 147%;
    text-transform: uppercase;
    color: #29FFFF;
    transform: rotate(1.06deg);
    display: block;
}


.white-popup#teachline-videobloger_popup .btn_popup {
    text-decoration: none;
    box-sizing: border-box;
    padding: 14px;
    max-width: 206px;
    width: 100%;
    transition: 0.3s;
    position: absolute;
    bottom: 61px;
    left: 65%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border: none;
    background: #E12341;
    box-shadow: -1px 5px 13px rgba(0, 0, 0, 0.25);
    border-radius: 25px;
    font-family: 'TT Norms';
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    }

.white-popup#teachline-videobloger_popup .btn_popup:hover {
    background-color: #fff;
    color: #FF3A64;
}




@media screen and (max-width: 625px){


    .white-popup#teachline-videobloger_popup{
        width: 320px;
        padding: 0;
        background-size: 349px;
        background-position: left -17px center;
    }
    .white-popup#teachline-videobloger_popup .popup-content .title-popup {
        top: 157px;
        left: 63%;    
    }
    .white-popup#teachline-videobloger_popup .popup-content .title-popup .white-span-title{
        font-size: 10px;
        transform: translate(0px, -20px);
    }
    .white-popup#teachline-videobloger_popup .popup-content .title-popup .blue-span-title{
        font-size: 12px;
        width: 100px;
        transform: translate(0px, -13px);
    }
    .white-popup#teachline-videobloger_popup .popup-content .desc-popup .white-span-desc{
        font-size: 9px;
        width: 133px;
    }
    .white-popup#teachline-videobloger_popup .popup-content .desc-popup .blue-span-desc {
        font-size: 12px;
        /* transform: translate(-10px, 10px); */
        width: 190px;
        transform: translate(0px, 0px);
    }

    .white-popup#teachline-videobloger_popup .popup-content .desc-popup {
        left: 15px;
        bottom: -245px;
        width: 150px;
    }
    .white-popup#teachline-videobloger_popup .btn_popup {
        bottom: 100px;
        left: 50%;
        font-size: 12px;
        max-width: 172px;
        padding: 10px;
        bottom: 90px;
        transform: translateX(-50%);
    }

}


    
/*end teachline-videobloger_popup */

@media (max-width: 768px){
    
.works__item:before, .works__content, .works__content h2, .works__content p, .works__item:after {
    display: block;
    opacity: 1;
    position: relative;
    bottom: 130px;
    width: 100%;
}

.works__item {
    padding: 0;
    height: 400px;
}

.works__item img {
    height: 300px;
}
}

.mob-phone-popup {
    display: none;
}

@media screen and (max-width: 959px){
.mob-phone-popup svg {
    fill: #fff;
    width: 20px;
    height: 20px;
}

.mob-phone-popup {
    float: left;
    width: 22px;
    margin-right: 28px;
    padding: 30px 0 29px;
    height: 16px;
    display: block;
}
.menu-top .msg{
    display: none;
}

}


.widepromoholder[data-promowide="teachline-godnota"]{
    background: url(/bitrix/templates/adapt/images/teachline-godnota-bg.png);
    background-size: 100%;
    height: 301px;
    background-position: 0 0;
    bottom: -2px;
    width: 100%;
    max-width: 430px;
    left: auto;
    right: 0;
    box-sizing: border-box;
    padding: 30px;
    padding-top: 114px;
    padding-left: 63px;
    background-repeat: no-repeat;
  }
  
  .widepromoholder[data-promowide="teachline-godnota"] .centerbox{
    max-width: 100%;  
    z-index: 1;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: space-between;
            padding: 0;
      padding-bottom: 70px;
  }

  .widepromoholder[data-promowide="teachline-godnota"] .caption{
    font-family: 'TT Norms';
    font-style: normal;
    font-weight: 800;
    font-size: 28.4648px;
    line-height: 50px;
    color: #FFFFFF;
  }

  .widepromoholder[data-promowide="teachline-godnota"] .text span{
    font-family: 'TT Norms';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 21px;
    color: #FFFFFF;
    margin-top: 3px;
    display: block;
    max-width: 441px;
    }
  .widepromoholder[data-promowide="teachline-godnota"] .close{
    top: 65px;
    right: 45px;
  }
  .widepromoholder[data-promowide="teachline-godnota"] .close svg{
    fill: #FFFFFF;
  }

  .widepromoholder[data-promowide="teachline-godnota"] .centerbox a{
    text-decoration: none;
    height: 47px;
    width: 187px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: #E01942;
    border-radius: 27.406px;
    font-family: 'TT Norms';
    font-style: normal;
    font-weight: bold;
    font-size: 15.7323px;
    line-height: 23px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    position: absolute;
    bottom: 6px;
    padding: 13px 0;
  }
  
  
    @media (max-width: 1024px) {
  
     .widepromoholder[data-promowide="teachline-godnota"] {
        max-width: 320px;
        height: 226px;
        padding-top: 65px;
        padding-left: 29px;
        background-repeat: no-repeat;
     }
     .widepromoholder[data-promowide="teachline-godnota"] .caption{
        font-size: 20px;
        line-height: 20px;
      }
      .widepromoholder[data-promowide="teachline-godnota"] .close{
        top: 25px;
        right: 15px;
      }
      .widepromoholder[data-promowide="teachline-godnota"] .text span{
        font-size: 14px;
        line-height: 16px;
      }

      .widepromoholder[data-promowide="teachline-godnota"] .centerbox a{
        font-size: 12px;
        width: 121px;
        height: 30px;
        bottom: 27px;
        line-height: 6px;
      }

}  

/* teachline-yt-bloger_popup */
.white-popup#teachline-yt-bloger_popup button.mfp-close {
    top: 4%;
    right: 111px;
    opacity: 1;
    width: 54px;
    height: 54px;
}

.white-popup#teachline-yt-bloger_popup button.mfp-close:after {
    content: '+';
    position: absolute;
    display: block;
    -webkit-transform: rotate(45deg) translate(-50%, -50%);
    transform: rotate(45deg) translate(-50%, -50%);
    top: 100%;
    left: 100%;
    color: #F12B24;
    font-size: 46px;
    font-family: Serif;
    -webkit-filter: unset;
    filter: unset;
    background: #FFFFFF;
    padding: 10px 7px;
    border-radius: 100%;
}

.white-popup#teachline-yt-bloger_popup {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 700px;
    width: 100%;
    height: 518px;
    background: none;
    box-shadow: none;
    border-radius: 0;
    overflow: hidden;
    background-image: url(/bitrix/templates/adapt/images/teachline-yt-bloger_popup-bg.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: -91px center;
}

.white-popup#teachline-yt-bloger_popup *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 1.3;
}

.white-popup#teachline-yt-bloger_popup .popup-content {
    z-index: 1;
    text-align: left;
}

.white-popup#teachline-yt-bloger_popup .popup-content .title-popup{
    position: relative;
    top: 98px;
    left: 34%;
    display: block;
    width: fit-content;
    transform: rotate(-10.47deg);
}

.white-popup#teachline-yt-bloger_popup .popup-content .title-popup span{
    background: #FFFFFF;
    border-radius: 50px;
    font-family: 'TT Norms';
    font-style: normal;
    font-weight: bold;
    font-size: 19.9311px;
    line-height: 100%;
    text-transform: uppercase;
    color: #F12B24;
    transform: rotate(-10.47deg);
    padding: 18px;
}


.white-popup#teachline-yt-bloger_popup .popup-content .desc-popup{
    left: 229px;
    bottom: -91px;
}

.white-popup#teachline-yt-bloger_popup .popup-content .desc-popup .big-span-desc {
    font-family: 'TT Norms';
    font-style: normal;
    font-weight: bold;
    font-size: 32.9015px;
    line-height: 100%;
    text-transform: uppercase;
    color: #FFFFFF;
    transform: rotate(-10.54deg);
    display: block;
    margin-bottom: 12px;
}

.white-popup#teachline-yt-bloger_popup .popup-content .desc-popup .white-span-desc {
    font-family: 'TT Norms';
    font-style: normal;
    font-weight: normal;
    font-size: 16.4213px;
    line-height: 100%;
    text-transform: uppercase;
    color: #FFFFFF;
    transform: rotate(-10.54deg);
    display: block;
    margin-left: 22px;
}

.white-popup#teachline-yt-bloger_popup .popup-content .desc-popup .yellow-span-desc {
    font-family: 'TT Norms';
    font-style: normal;
    font-weight: bold;
    font-size: 19.4213px;
    line-height: 100%;
    text-transform: uppercase;
    color: #F0B900;
    transform: rotate(-10.54deg);
    display: block;
    margin-left: 30px;
}


.white-popup#teachline-yt-bloger_popup .btn_popup {
    text-decoration: none;
    box-sizing: border-box;
    padding: 11px;
    width: 100%;
    transition: 0.3s;
    position: absolute;
    bottom: 128px;
    left: 52%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border: none;
    font-family: 'TT Norms';
    font-style: normal;
    font-weight: bold;
    font-size: 22.1845px;
    line-height: 39px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    border-radius: 184.358px;
    transform: rotate(-10.79deg);
    background: #F12B24;
    box-shadow: 0px 0px 25px #272937;
    border-radius: 20px;
    max-width: 198px;
}

.white-popup#teachline-yt-bloger_popup .btn_popup:before {
    content: '';
    position: absolute;
    background: url(/bitrix/templates/adapt/images/yt-button-arrow.png);
    width: 55px;
    height: 55px;
    background-size: contain;
    left: -26px;
    bottom: -40px;
}

.white-popup#teachline-yt-bloger_popup .btn_popup:hover {
    background-color: #fff;
    color: #F12B24;
}


@media screen and (max-width: 1000px){

    .white-popup#teachline-yt-bloger_popup {
        width: 700px;
        background-position: -94px center;
    }

    .white-popup#teachline-yt-bloger_popup .popup-content .title-popup {
        top: 119px;
        left: 33%;
        }

        .white-popup#teachline-yt-bloger_popup .popup-content .title-popup span {
            font-size: 20px;
            padding: 14px;
        }

        .white-popup#teachline-yt-bloger_popup .popup-content .desc-popup {
            left: 231px;
            bottom: -111px;
        }

    .white-popup#teachline-yt-bloger_popup .popup-content .desc-popup .big-span-desc {
        font-size: 29.9015px;
        margin-bottom: 5px;
    }

    .white-popup#teachline-yt-bloger_popup .popup-content .desc-popup .white-span-desc{
        margin-left: 14px;
        font-size: 15px;
    }

    .white-popup#teachline-yt-bloger_popup .popup-content .desc-popup .yellow-span-desc {
        font-size: 18.4213px;
        margin-left: 21px;
        margin-top: 5px;
    }
    .white-popup#teachline-yt-bloger_popup .btn_popup {
        font-size: 15px;
        max-width: 210px;
        padding: 7px;
        bottom: 160px;
        left: 50%;
    }

    .white-popup#teachline-yt-bloger_popup .btn_popup:before {
        width: 35px;
        height: 35px;
        left: -7px;
        bottom: -21px;
    }

    .white-popup#teachline-yt-bloger_popup button.mfp-close {
        top: 13%;
        right: 181px;
        opacity: 1;
        width: 54px;
        height: 54px;
    }

}


@media screen and (max-width: 800px){

    .white-popup#teachline-yt-bloger_popup {
        width: 587px;
        background-position: -123px center;
    }

    .white-popup#teachline-yt-bloger_popup .popup-content .title-popup {
        top: 134px;
        left: 25%;
        }

        .white-popup#teachline-yt-bloger_popup .popup-content .title-popup span {
            font-size: 15px;
            padding: 12px;
        }

        .white-popup#teachline-yt-bloger_popup .popup-content .desc-popup {
            left: 143px;
            bottom: -132px;
        }

    .white-popup#teachline-yt-bloger_popup .popup-content .desc-popup .big-span-desc {
        font-size: 22.9015px;
        margin-bottom: 5px;
    }

    .white-popup#teachline-yt-bloger_popup .popup-content .desc-popup .white-span-desc{
        margin-left: 14px;
        font-size: 12px;
    }

    .white-popup#teachline-yt-bloger_popup .popup-content .desc-popup .yellow-span-desc {
        font-size: 15.4213px;
        margin-left: 21px;
        margin-top: 5px;
    }
    .white-popup#teachline-yt-bloger_popup .btn_popup {
        font-size: 15px;
        max-width: 170px;
        padding: 3px;
        bottom: 166px;
        left: 39%;
    }

    .white-popup#teachline-yt-bloger_popup .btn_popup:before {
        width: 35px;
        height: 35px;
        left: -7px;
        bottom: -21px;
    }

    .white-popup#teachline-yt-bloger_popup button.mfp-close {
        top: 13%;
        right: 181px;
        opacity: 1;
        width: 54px;
        height: 54px;
    }

}


@media screen and (max-width: 480px) {

    .white-popup#teachline-yt-bloger_popup {
        width: 387px;
        background-position: -80px center;
    }

    .white-popup#teachline-yt-bloger_popup .popup-content .title-popup {
        top: 159px;
        left: 24%;
        }

        .white-popup#teachline-yt-bloger_popup .popup-content .title-popup span {
            font-size: 11px;
            padding: 10px;
        }

        .white-popup#teachline-yt-bloger_popup .popup-content .desc-popup {
            left: 90px;
            bottom: -153px;
        }

    .white-popup#teachline-yt-bloger_popup .popup-content .desc-popup .big-span-desc {
        font-size: 16.9015px;
        margin-bottom: 5px;
    }

    .white-popup#teachline-yt-bloger_popup .popup-content .desc-popup .white-span-desc{
        margin-left: 12px;
        font-size: 9px;
    }

    .white-popup#teachline-yt-bloger_popup .popup-content .desc-popup .yellow-span-desc {
        font-size: 12.4213px;
        margin-left: 14px;
        margin-top: 5px;
    }
    .white-popup#teachline-yt-bloger_popup .btn_popup {
        font-size: 12px;
        max-width: 170px;
        padding: 0px;
        bottom: 187px;
        left: 34%;
    }

    .white-popup#teachline-yt-bloger_popup .btn_popup:before {
        width: 35px;
        height: 35px;
        left: -7px;
        bottom: -21px;
    }

    .white-popup#teachline-yt-bloger_popup button.mfp-close {
        top: 22%;
        right: 124px;
        opacity: 1;
        width: 54px;
        height: 54px;
    }

}
    
/*end teachline-yt-bloger_popup */


/* teachline-factcheking_popup */
.white-popup#teachline-factcheking_popup button.mfp-close {
    top: 10%;
    right: 33px;
}

.white-popup#teachline-factcheking_popup {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 700px;
    width: 100%;
    height: 518px;
    background: none;
    box-shadow: none;
    border-radius: 0;
    overflow: hidden;
    background-image: url(/bitrix/templates/adapt/images/teachline-factcheking_popup-bg.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: -40px center;
}

.white-popup#teachline-factcheking_popup *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 1.3;
}

.white-popup#teachline-factcheking_popup .popup-content {
    z-index: 1;
    text-align: left;
}

.white-popup#teachline-factcheking_popup .popup-content .desc-popup{
    left: 335px;
    bottom: -91px;
}

.white-popup#teachline-factcheking_popup .popup-content .desc-popup .big-span-desc {
    font-family: 'TT Norms';
    font-style: italic;
    font-weight: normal;
    font-size: 28.4487px;
    line-height: 83.52%;
    text-transform: uppercase;
    color: #5D023F;
    transform: rotate(-3.7deg);
    display: block;
    margin-bottom: 12px;
}

.white-popup#teachline-factcheking_popup .popup-content .desc-popup .bold-span-desc {
    font-family: 'TT Norms';
    font-style: italic;
    font-weight: bold;
    font-size: 28.306px;
    line-height: 100%;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #5D023F;
    transform: rotate(-3.15deg);
    display: block;
    margin-bottom: 10px;
}

.white-popup#teachline-factcheking_popup .popup-content .desc-popup .bottom-span-desc{
    font-family: 'TT Norms';
    font-style: italic;
    font-weight: normal;
    font-size: 17.1121px;
    line-height: 100%;
    text-transform: uppercase;
    color: #5D023F;
    transform: rotate(-3.56deg);
    display: block;
}


.white-popup#teachline-factcheking_popup .btn_popup {
    text-decoration: none;
    box-sizing: border-box;
    padding: 20px;
    width: 100%;
    transition: 0.3s;
    position: absolute;
    bottom: 7px;
    left: 42%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border: none;
    max-width: 300px;
    box-shadow: 7.51493px 5.00995px 27.5547px rgba(103, 15, 74, 0.7);
    background: #5D023F;
    border-radius: 36.9036px;
    font-family: 'TT Norms';
    font-style: normal;
    font-weight: bold;
    font-size: 25.5706px;
    line-height: 31px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
}

.white-popup#teachline-factcheking_popup .btn_popup:hover {
    background-color: #fff;
    color: #5D023F;
}


@media screen and (max-width: 800px){

    .white-popup#teachline-factcheking_popup {
        width: 487px;
    }

    .white-popup#teachline-factcheking_popup .popup-content .desc-popup {
        left: 210px;
        bottom: -120px;
    }

    .white-popup#teachline-factcheking_popup .popup-content .desc-popup .big-span-desc {
        font-size: 20.4487px;
    }

    .white-popup#teachline-factcheking_popup .popup-content .desc-popup .bold-span-desc {
        font-size: 19.306px;
    }

    .white-popup#teachline-factcheking_popup .popup-content .desc-popup .bottom-span-desc {
        font-size: 12.1121px;
    }

    .white-popup#teachline-factcheking_popup .btn_popup {
        max-width: 248px;
        padding: 15px;
        bottom: 68px;
        font-size: 20px;
    }


}


@media screen and (max-width: 480px) {

    .white-popup#teachline-factcheking_popup {
        width: 357px;
        background-position: -49px center;
    }

        .white-popup#teachline-factcheking_popup .popup-content .desc-popup {
            left: 136px;
            bottom: -145px;
        }

        
    .white-popup#teachline-factcheking_popup .popup-content .desc-popup .big-span-desc {
        font-size: 15.4487px;
    }

    .white-popup#teachline-factcheking_popup .popup-content .desc-popup .bold-span-desc {
        font-size: 14.306px;
    }

    .white-popup#teachline-factcheking_popup .popup-content .desc-popup .bottom-span-desc {
        font-size: 9.1121px;
    }

    .white-popup#teachline-factcheking_popup .btn_popup {
        font-size: 12px;
        max-width: 170px;
        padding: 3px;
        bottom: 132px;
        left: 34%;
    }

    .white-popup#teachline-factcheking_popup button.mfp-close {
        top: 10%;
        right: 83px;
    }

}
    
/*end teachline-factcheking_popup */

/* teachline-discount_popup */
.white-popup#teachline-discount_popup button.mfp-close {
    top: 10%;
    right: 33px;
}

.white-popup#teachline-discount_popup {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 700px;
    width: 100%;
    height: 518px;
    background: none;
    box-shadow: none;
    border-radius: 0;
    overflow: hidden;
    background-image: url(/bitrix/templates/adapt/images/teachline-discount_popup-bg.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: -40px center;
}

.white-popup#teachline-discount_popup *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 1.3;
}

.white-popup#teachline-discount_popup .popup-content {
    z-index: 1;
    text-align: left;
}

.white-popup#teachline-discount_popup .popup-content .title-popup{
    left: 8px;
    bottom: -18px;
}

.white-popup#teachline-discount_popup .popup-content .title-popup .red-span-title{
    font-family: TT Norms;
    font-style: normal;
    font-weight: 800;
    font-size: 28.7031px;
    line-height: 100%;
    text-transform: uppercase;
    color: #E12341;
    transform: rotate(1.79deg);
    display: block;
    background: #FFFFFF;
    border-radius: 7.98355px;
    width: fit-content;
    padding: 20px 13px;
}

.white-popup#teachline-discount_popup .popup-content .title-popup .blue-span-title{
    font-family: Gilroy;
    font-style: normal;
    font-weight: 800;
    font-size: 27.7322px;
    line-height: 124.5%;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #3F0E7E;
    text-shadow: 1.13892px 2.27784px 3.41676px rgba(68, 129, 221, 0.25);
    transform: rotate(1.79deg);
    display: block;
    background: #FFFFFF;
    border-radius: 9.51097px;
    width: fit-content;
    padding: 11px 21px 12px 12px;
    top: -20px;
    left: -1px;
}


.white-popup#teachline-discount_popup .popup-content .desc-popup{
    left: 226px;
    bottom: 0px;
}

.white-popup#teachline-discount_popup .popup-content .desc-popup .span-desc {
    font-family: 'TT Norms';
    font-style: normal;
    font-weight: bold;
    font-size: 28.3935px;
    line-height: 100%;
/* or 30px */
    color: #FFFFFF;
    opacity: 0.95;
    text-shadow: 1.51967px 3.03935px 4.55902px rgba(68, 129, 221, 0.25);
    border-radius: 205.09px;
    transform: rotate(2.98deg);
    display: block;
}

.white-popup#teachline-discount_popup .btn_popup {
    text-decoration: none;
    box-sizing: border-box;
    padding: 16px;
    width: 100%;
    transition: 0.3s;
    position: absolute;
    bottom: 59px;
    left: 29%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border: none;
    max-width: 182px;
    background: #E12341;
    box-shadow: 0px 0px 9px #FF3A64;
    border-radius: 25px;
    font-family: TT Norms;
    font-style: normal;
    font-weight: bold;
    font-size: 15.9651px;
    line-height: 19px;
/* identical to box height */
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    transform: rotate(0.26deg);
}

.white-popup#teachline-discount_popup .btn_popup:hover {
    background-color: #fff;
    color: #E12341;
}


@media screen and (max-width: 800px){

    .white-popup#teachline-discount_popup {
        width: 593px;
    }

    
    .white-popup#teachline-discount_popup .popup-content .title-popup {
        left: 9px;
        bottom: -42px;
    }

    .white-popup#teachline-discount_popup .popup-content .title-popup .red-span-title {
        font-size: 23.7031px;
    }

    .white-popup#teachline-discount_popup .popup-content .title-popup .blue-span-title {
        font-size: 23.7322px;
    }

    .white-popup#teachline-discount_popup .popup-content .desc-popup {
        left: 195px;
        bottom: -30px;
    }

    .white-popup#teachline-discount_popup .popup-content .desc-popup .span-desc {
        font-size: 22.3935px;
    }

    .white-popup#teachline-discount_popup .btn_popup {
        padding: 15px;
        bottom: 84px;
        font-size: 20px;
        left: 27%;
    }
    .white-popup#teachline-discount_popup button.mfp-close {
        top: 10%;
        right: 179px;
    }

}


@media screen and (max-width: 480px) {

    .white-popup#teachline-discount_popup {
        width: 413px;
        background-position: -49px center;
    }

    .white-popup#teachline-discount_popup .popup-content .title-popup {
        left: -6px;
        bottom: -92px;
    }

    .white-popup#teachline-discount_popup .popup-content .title-popup .red-span-title {
        font-size: 17.7031px;
        padding: 15px 13px;
    }

    .white-popup#teachline-discount_popup .popup-content .title-popup .blue-span-title {
        font-size: 17.7322px;
        padding: 7px 16px 12px 12px;
        top: -14px;
        left: -1px;
    }

        .white-popup#teachline-discount_popup .popup-content .desc-popup {
            left: 125px;
            bottom: -78px;
        }

        .white-popup#teachline-discount_popup .popup-content .desc-popup .span-desc {
            font-size: 15.3935px;
        }

    .white-popup#teachline-discount_popup .btn_popup {
        font-size: 12px;
        padding: 8px;
        bottom: 135px;
        left: 19%;
        max-width: 150px;
    }

    .white-popup#teachline-discount_popup button.mfp-close {
        top: 10%;
        right: 141px;
    }
}
    
/*end teachline-discount_popup */

/*business-online_popup */

.white-popup#business-online {
    max-width: 543px;
    background: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.white-popup#business-online .pop-up__box {
    position: relative;
    width: 543px;
    height: 419px;
    margin: 0 auto;
}

.white-popup#business-online .pop-up__box .bg {
    background: url(images/bg-popup-business-online.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 543px;
    height: 419px;
    position: absolute;
    left: 60px;
}
.white-popup#business-online .pop-up__box .button {
    position: absolute;
    width: 156px;
    height: 37px;
    background: #D71957;
    -webkit-box-shadow: -3px 3px 23px rgba(70, 17, 33, 0.81);
            box-shadow: -3px 3px 23px rgba(70, 17, 33, 0.81);
    border-radius: 31px;
    color: #FFFFFF;
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    top: 290px;
    left: 150px;
    border-bottom:none;

}

.white-popup#business-online .pop-up__box .button:hover {
    background: #a21141;
}

@media screen and (max-width: 600px) {
    .white-popup#business-online .pop-up__box, .white-popup#business-online .pop-up__box .bg {
        max-width: 300px;
    }
    .white-popup#business-online .pop-up__box .bg {
        left: 35px;
    }
    .white-popup#business-online .pop-up__box .button {
        top: 250px;
        left: 40px;
    }
}
/*business-online_popup end */

/*promotion_tik-tok pop-up */
.white-popup#promotion_tik-tok {
    max-width: 510px;
    background: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
    padding: 0;
}
.white-popup#promotion_tik-tok .pop-up__box {
    position: relative;
    width: 507px;
    height: 335px;
}

.white-popup#promotion_tik-tok .pop-up__box .pop-up-bg {
    background: url(images/bg-tiktok-popup.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 507px;
    height: 335px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%)
}

.white-popup#promotion_tik-tok .pop-up__box .button {
    position: absolute;
    width: 159px;
    height: 45px;
    background: #E12341;
    -webkit-box-shadow: 0px 0px 7.76348px #FF3A64;
            box-shadow: 0px 0px 7.76348px #FF3A64;
    border-radius: 21px;
    -webkit-transform: rotate(-2.69deg);
        -ms-transform: rotate(-2.69deg);
            transform: rotate(-2.69deg);
    color: #FFFFFF;
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    top: 265px;
    left: 240px;
    border-bottom:none;
}

.white-popup#promotion_tik-tok .pop-up__box .button:hover {
    background: #a21141;
}

.white-popup#promotion_tik-tok .pop-up__box .note-1 {
    position: absolute;
    background: url(images/tiktok-popup-3.png);
    width: 61px;
    height: 56px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    top: 35px;
    left: 158px;
    -webkit-animation: note1 0.9s linear infinite;
            animation: note1 0.9s linear infinite;
}
.white-popup#promotion_tik-tok .pop-up__box .note-2 {
    position: absolute;
    background: url(images/tiktok-popup-3.png);
    width: 42px;
    height: 47px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    top: 57px;
    left: 458px;
    -webkit-transform: rotate(53.12deg);
        -ms-transform: rotate(53.12deg);
            transform: rotate(53.12deg);
    -webkit-animation: note2 1.5s linear infinite;
            animation: note2 1.5s linear infinite;
}
.white-popup#promotion_tik-tok .pop-up__box .note-3 {
    position: absolute;
    background: url(images/tiktok-popup-3.png);
    width: 23px;
    height: 25px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    top: 220px;
    left: 230px;
    -webkit-transform: rotate(-27.3deg);
        -ms-transform: rotate(-27.3deg);
            transform: rotate(-27.3deg);
    -webkit-animation: note3 0.6s linear infinite;
            animation: note3 0.6s linear infinite;
}

@-webkit-keyframes note1 {
    0% {-webkit-transform: rotate(-46.77deg);transform: rotate(-46.77deg);}
    50% { -webkit-transform: rotate(-26deg); transform: rotate(-26deg);}
    100% {-webkit-transform: rotate(-46.77deg);transform: rotate(-46.77deg);}
  }

@keyframes note1 {
    0% {-webkit-transform: rotate(-46.77deg);transform: rotate(-46.77deg);}
    50% { -webkit-transform: rotate(-26deg); transform: rotate(-26deg);}
    100% {-webkit-transform: rotate(-46.77deg);transform: rotate(-46.77deg);}
  }
@-webkit-keyframes note2 {
    0% {-webkit-transform: rotate(53.12deg);transform: rotate(53.12deg);}
    50% { -webkit-transform: rotate(25deg); transform: rotate(25deg);}
    100% {-webkit-transform: rotate(53.12deg);transform: rotate(53.12deg);}
  }
@keyframes note2 {
    0% {-webkit-transform: rotate(53.12deg);transform: rotate(53.12deg);}
    50% { -webkit-transform: rotate(25deg); transform: rotate(25deg);}
    100% {-webkit-transform: rotate(53.12deg);transform: rotate(53.12deg);}
  }
@-webkit-keyframes note3 {
    0% {-webkit-transform: rotate(-27.3deg);transform: rotate(-27.3deg);}
    50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg);}
    100% {-webkit-transform: rotate(-27.3deg);transform: rotate(-27.3deg);}
  }
@keyframes note3 {
    0% {-webkit-transform: rotate(-27.3deg);transform: rotate(-27.3deg);}
    50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg);}
    100% {-webkit-transform: rotate(-27.3deg);transform: rotate(-27.3deg);}
  }

  @media screen and (max-width: 600px) {
    .white-popup#promotion_tik-tok {
        max-width:310px;
    }
    .white-popup#promotion_tik-tok .pop-up__box {
        width: 310px;
    }
    .white-popup#promotion_tik-tok .pop-up__box .pop-up-bg {
        width: 310px;
        left: 45%;
    }
    .white-popup#promotion_tik-tok .pop-up__box .note-1 {
        top: 45px;
        left: 98px;
    }
    .white-popup#promotion_tik-tok .pop-up__box .note-2 {
        top: 87px;
        left: 258px;
    }
    .white-popup#promotion_tik-tok .pop-up__box .note-3 {
        top: 200px;
        left: 130px;
    }
    .white-popup#promotion_tik-tok .pop-up__box .button {
        top: 235px;
        left: 80px;
    }
  }
  /*promotion_tik-tok pop-up end */

  /*fasttips*/
  .casefasttip{
      position: fixed;
      top: 150px;
      left: 15px;
      max-width: calc(100vw - 30px);
      z-index: 5;
      transition: all 0.3s ease;
      transform: translateX(-200%);
  }
  .casefasttip.vis{
       transform: translateX(0%);
  }
  .casefasttip .close {
    z-index: 1;
    position: absolute;
    top: 0px;
    right: 0px;
    background: #fff;
    cursor: pointer;
    box-sizing: border-box;
    width: 18px;
    display: flex;
    height: 18px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    cursor: pointer;
    opacity: 1;
    transition: all 0.3s ease;
    font-weight: 700;
}
.casefasttip .close:hover{
    opacity: 0.8;
}
.casefasttip a {
    position: relative;
    z-index: 0;
    display: block;
    transition: all 0.3s ease;
    padding: 7px 54px;
    box-sizing: border-box;
    border-radius: 100px;
    background: url(/bitrix/templates/adapt/images/blackarrow-top.png) top -12px left -40px no-repeat, url(/bitrix/templates/adapt/images/blackarrow-bottom.png) bottom 0px right -40px no-repeat, #FF1577;
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    font-size: 14px;
    opacity: 1;
    box-shadow: 0px 0px 4px #FF1B88;
}
  .casefasttip a:hover{
      opacity: 0.8;
  }
  .casefasttip a span{
      display: block;
      color: #000;
      font-weight: 500;
      font-size: 12px;
      margin-bottom: 0.2em;
  }

  @media screen and (max-width: 960px){
    .casefasttip{
        top: auto;
        bottom: 10px;
    }
  }

  @media screen and (min-width: 1200px){
    .scrolled .casefasttip{
        top: 15px;
    }
  }
  /*fasttips-end*/

@media  screen and (max-width: 959px) and (min-width: 280px){
    body .container.service-detail.service-detail-new .content #texterra-grid .red-block__image{
        width: 80px;
        height: 70px;
        min-height: 0;
        max-width: 100%;
        object-fit: contain;
        object-position: bottom;
        position: unset;
    }
}

/*слайдер портфолио на главной*/

.texterra-grid__container.container-portfolio-main {
    width: 100%;
    margin: 0 auto;
    color: #2e3a4c;
    font-family: TTNorms_Regular,sans-serif;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 0;
    padding-bottom: 70px;
}
.texterra-grid__container.container-portfolio-main .slider-scale {
    width: 100%;
    padding-top: 40px;
    position: relative
}

@media only screen and (min-width: 280px) and (max-width: 1139px) {
    .texterra-grid__container.container-portfolio-main .slider-scale {
        padding-top: 50px
    }
}

.texterra-grid__container.container-portfolio-main .slider-scale .slick-list {
    padding: 40px 20px
}

.texterra-grid__container.container-portfolio-main .slider-scale .slick-track {
    padding: 50px 0
}

@media screen and (max-width: 1140px) {
    .texterra-grid__container.container-portfolio-main .slider-scale .slick-track {
        padding: 0
    }
}

.texterra-grid__container.container-portfolio-main .slider-scale__content {
    margin: 0 auto;
    padding: 70px 40px;
    background-color: #fff
}

@media screen and (max-width: 1140px) {
    .texterra-grid__container.container-portfolio-main .slider-scale__content {
        padding: 40px 20px
    }
}

.texterra-grid__container.container-portfolio-main .slider-scale__content .services-btn {
    margin-top: 50px
}

.texterra-grid__container.container-portfolio-main .slider-scale__content--name {
    color: #949ca8;
    margin-top: 30px;
    width: 100%
}

.texterra-grid__container.container-portfolio-main .slider-scale__content--name span {
    display: block;
    text-align: right
}

.texterra-grid__container.container-portfolio-main .slider-scale__content--name span:first-of-type {
    margin-top: 20px
}

.texterra-grid__container.container-portfolio-main .slider-scale__content--desc {
    color: #aeaeae;
    margin-top: 30px;
    font-size: 16px;
    font-style: italic
}

.texterra-grid__container.container-portfolio-main .slider-scale__content--image {
    max-height: 450px;
    overflow: hidden
}

.texterra-grid__container.container-portfolio-main .slider-scale__content--image img {
    width: 100%
}

@media only screen and (min-width: 280px) and (max-width: 1139px) {
    .texterra-grid__container.container-portfolio-main .slider-scale__content--image {
        max-width: 70%;
        margin: 30px auto;
        max-height: 200px
    }
}

.texterra-grid__container.container-portfolio-main .slider-scale .slick-arrow {
    top: 0
}

.texterra-grid__container.container-portfolio-main .slider-scale .slick-arrow__prev {
    left: 50%;
    -webkit-transform: translateX(-150%);
    transform: translateX(-150%)
}

.texterra-grid__container.container-portfolio-main .slider-scale .slick-arrow__next {
    left: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%)
}

.texterra-grid__container.container-portfolio-main .slider-scale__item {
    width: 100%;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transition: .3s;
    transition: .3s;
    margin-right: -250px;
    margin-left: -250px;
    background-color: #fff;
    max-width: 1200px;
    width: 100%;
    -webkit-filter: blur(8px);
    filter: blur(8px);
    box-shadow: 0 4px 63px rgba(0, 0, 0, .13);
    border-radius: 10px;
    pointer-events: none
}

@media screen and (max-width: 1140px) {
    .texterra-grid__container.container-portfolio-main .slider-scale__item {
        margin-bottom: 100px
    }
}

.texterra-grid__container.container-portfolio-main .slider-scale__item--fill-size-item {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 500px;
    width: 100%;
    padding: 0;
    position: relative
}

.texterra-grid__container.container-portfolio-main .slider-scale__item--fill-size-item .slider-scale__content {
    background: 0 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    margin: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center
}

.texterra-grid__container.container-portfolio-main .slider-scale__item--fill-size-item .slider-scale__content:before {
    content: '';
    position: absolute;
    background-color: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 10px
}

.texterra-grid__container.container-portfolio-main .slider-scale__item--fill-size-item .services-btn {
    margin-top: 15px
}

.texterra-grid__container.container-portfolio-main .slider-scale__item.slick-current {
    -webkit-transform: none;
    transform: none;
    -webkit-filter: blur(0);
    filter: blur(0);
    z-index: 10;
    pointer-events: all
}

.texterra-grid__container.container-portfolio-main .slider-scale__item:before {
    content: '';
    position: absolute;
    width: 120px;
    height: 80px;
    top: -40px;
    left: 60px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(/upload/firmenniy-stil/quotes-icon.svg);
    z-index: 15
}

@media only screen and (min-width: 280px) and (max-width: 1139px) {
    .texterra-grid__container.container-portfolio-main .slider-scale__item:before {
        left: 30px
    }
}

.texterra-grid__container.container-portfolio-main .slider-scale__item:after {
    content: '';
    position: absolute;
    width: 120px;
    height: 80px;
    bottom: -40px;
    right: 60px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(/upload/firmenniy-stil/quotes-icon.svg);
    z-index: -1
}

@media only screen and (min-width: 280px) and (max-width: 1139px) {
    .texterra-grid__container.container-portfolio-main .slider-scale__item:after {
        right: 30px
    }
}

@media only screen and (min-width: 280px) and (max-width: 1139px) {
    .texterra-grid__container.container-portfolio-main .slider-scale__item:after,
    .texterra-grid__container.container-portfolio-main .slider-scale__item:before {
        width: 64px
    }
}

@media screen and (max-width: 1140px) {
    .texterra-grid__container.container-portfolio-main .slider-scale__item {
        margin-left: 0;
        margin-right: 0
    }

    .texterra-grid__container.container-portfolio-main .slider-scale .slick-list{
        max-height: 400px;
    }
}

.texterra-grid__container.container-portfolio-main .slider-scale__item p.bold.big-text.white-text {
    font-size: 32px;
    line-height: 1.1;
    padding-bottom: 20px;
    color: #fff;
    font-family: TTNorms_Bold, sans-serif;
    font-weight: 700;
    position: relative;
}

.texterra-grid__container.container-portfolio-main .slider-scale__item p.very-small-text.white-text {
    font-size: 18px;
    line-height: 1.5;
    padding-bottom: 20px;
    color: #fff;
    position: relative;
}

.texterra-grid__container.container-portfolio-main .slider-scale__item a.services-btn {
    border-radius: 10px;
    background-color: #e2223f;
    padding: 20px;
    max-width: 290px;
    width: 100%;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    display: inline-block;
    text-align: center;
    -webkit-transition: .1s;
    transition: .1s;
    cursor: pointer;
    border-bottom: none;
    position: relative;
}

.texterra-grid__container.container-portfolio-main a.services-btn {
    border-radius: 10px;
    background-color: #e2223f;
    padding: 20px;
    max-width: 290px;
    width: 80%;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    display: inline-block;
    text-align: center;
    -webkit-transition: .1s;
    transition: .1s;
    cursor: pointer;
    border-bottom: none;
    position: relative;
    margin: 50px 0 30px;
}

.topdisclamer {
    box-sizing: border-box;
    background: #e41d3a;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 70px;
    position: relative;
}
.topdisclamer .close{
    transform: rotate(45deg) translate(-30px, 50px);
    font-size: 40px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    transition: all 0.3s ease;
    opacity: 1;
    position: absolute;
    right: 0;
}
.topdisclamer .close:hover{
    opacity: 0.8;
}
@media screen and (max-width: 1199px){
    .blogroot .topdisclamer,
    .blogpage .topdisclamer{
        bottom: 4px;
        position: fixed;
        z-index: 95;
        width: 100%;
    }
    .blogroot .topdisclamer{
        bottom: 0;
    }
}

.progress-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.progress-wrapper .each-progress {
    flex: 0 0 30%;
    text-align: center;
    margin-top: 45px;
}

.progress-wrapper .each-progress:nth-child(2){
    margin-top: 0px; 
}


.progress-wrapper .each-progress .img-block img {
    margin-bottom: 20px;
}

.progress-wrapper .each-progress .img-block p.bold-title {
    font-family: 'TT Norms';
    font-weight: bold;
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    color: #000000;
}

.progress-wrapper .each-progress p.caption {
    font-family: 'TT Norms';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #A7A7A7;
}

.progress-wrapper .each-progress .img-block {
    position: relative;
    margin-bottom: 65px;
}


.progress-wrapper .each-progress:nth-child(3)  .img-block{
    margin-bottom: 35px;
}

.progress-wrapper .each-progress .img-block:before {
    content: '';
    position: absolute;
    background: url(/bitrix/templates/adapt/images/leafborder-left.svg);
    width: 70px;
    height: 164px;
    left: -10px;
    top: -10px;
}

section.container.progress-container {
    padding: 40px 0;
}

.progress-wrapper .each-progress .img-block:after {
    content: '';
    position: absolute;
    background: url(/bitrix/templates/adapt/images/leafborder-right.svg);
    width: 70px;
    height: 164px;
    right: -10px;
    top: -10px;
}

.container.progress-container a.more-progress {
    font-family: 'TT Norms';
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 130%;
    text-align: center;
    text-decoration: none;
    margin: 61px auto 0;
    display: block;
}

.container.progress-container a.more-progress:hover{
    text-decoration: underline;
}

@media screen and (max-width: 1100px){
    .progress-wrapper .each-progress {
        flex: 0 0 31%;
    }

    .progress-wrapper .each-progress .img-block p.bold-title {
        font-size: 14px;
        line-height: 16px;
    }

    .progress-wrapper .each-progress p.caption {
        font-size: 13px;
        line-height: 16px;
    }
}

@media screen and (min-width: 1139px){
    body .container.service-detail.service-detail-new .content #texterra-grid .red-block--white-block{
        padding-bottom: 16%;
    }
}
@media screen and (max-width: 900px){
    .progress-wrapper .each-progress {
        flex: 0 0 100%;
        max-width: 400px;
        width: 100%;
        margin: 25px;
        margin-bottom: 60px;
        margin-top: 0;
    }

    .progress-wrapper {
        justify-content: center;
    }

    section.container.progress-container {
        padding: 10px 0;
        margin-bottom: 0;
    }

    .container.progress-container a.more-progress{
        margin: 0 auto 40px;
    }

    .progress-wrapper .each-progress:last-child{
        margin-bottom: 40px;
    }
}

.blog-detail .content .aa_block a{
    border: none;
}

body #texterra-grid .texterra-grid__container h3{
    font-size: 25px;
}

/* commercial_author_nine_popup */
.white-popup#commercial_author_nine button.mfp-close {
    top: 10%;
    right: 20px;
}

.white-popup#commercial_author_nine {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 640px;
    width: 100%;
    height: 490px;
    background: url(/bitrix/templates/adapt/images/commercial-author-nine-bg.png)no-repeat center;
    background-size: cover;
    box-shadow: none;
    border-radius: 0;
    overflow: hidden;
}


.white-popup#commercial_author_nine *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 1.3;
}

.white-popup#commercial_author_nine .popup-content {
    position: absolute;
    max-width: 258px;
    width: 100%;
    top: 53%;
    left: 72%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    color: #fff;
    padding: 0 10px;
    text-align: left;
    box-sizing: border-box;
    text-transform: uppercase;
}

.white-popup#commercial_author_nine .popup-content .title-popup {
    position: absolute;
    left: -208px;
    top: -192px;
}

.white-popup#commercial_author_nine .popup-content .title-popup .red-text{
    font-family: 'TT Norms';
    font-style: italic;
    font-weight: bold;
    font-size: 23.8576px;
    line-height: 100%;
    text-transform: uppercase;
    color: #D71957;
    transform: rotate(-1.16deg);
    display: block;
    margin-bottom: 4px;
}

.white-popup#commercial_author_nine .popup-content .title-popup .blue-text{
    font-family: 'TT Norms';
    font-style: italic;
    font-weight: normal;
    font-size: 20.4478px;
    line-height: 100%;
    text-transform: uppercase;
    color: #19A1F8;
    transform: rotate(-1.16deg);
    display: block;
}




    .white-popup#commercial_author_nine .popup-content .desc-popup{
        font-family: 'TT Norms';
        font-style: normal;
        font-weight: bold;
        font-size: 21.642px;
        line-height: 22px;
        color: #FFFFFF;
        text-shadow: -2.33832px 0px 4.67664px rgba(0, 0, 0, 0.25);
        display: block;
        text-transform: none;
        position: absolute;
        left: -176px;
        top: -77px;
    }


.white-popup#commercial_author_nine .btn_popup {
    text-decoration: none;
    box-sizing: border-box;
    padding: 11.5px 10px;
    max-width: 156px;
    width: 100%;
    transition: 0.3s;
    position: absolute;
    bottom: 132px;
    left: 35%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #2288D3;
    box-shadow: -3px 3px 23px rgba(64, 158, 226, 0.62);
    border-radius: 31.7612px;
    font-family: TT Norms;
    font-style: normal;
    font-weight: bold;
    font-size: 13.9303px;
    line-height: 16px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    border: unset;
}

@media screen and (max-width: 600px) {

    .white-popup#commercial_author_nine{
        max-width: 470px;
    }

    .white-popup#commercial_author_nine .popup-content .title-popup {
        left: -148px;
        top: -172px;
    }

    .white-popup#commercial_author_nine .popup-content .title-popup .red-text{
        font-size: 20.8576px;
    }

    .white-popup#commercial_author_nine .popup-content .title-popup .blue-text{
        font-size: 17.4478px;
    }

    .white-popup#commercial_author_nine .popup-content .desc-popup{
        left: -116px;
        top: -77px;
        font-size: 17.642px;
        line-height: 20px;
    }

    
    }

    @media screen and (max-width: 600px) {
        .white-popup#commercial_author_nine {
            max-width: 300px;
            background-size: cover;
            height: 400px;
            background-position-x: -43px;
        }

        .white-popup#commercial_author_nine .popup-content .title-popup {
            left: -48px;
            top: -136px;
        }

        .white-popup#commercial_author_nine .popup-content .title-popup .red-text {
            font-size: 15.8576px;
        }
        .white-popup#commercial_author_nine .popup-content .title-popup .blue-text {
            font-size: 13.4478px;
        }

        .white-popup#commercial_author_nine .popup-content .desc-popup {
            left: -26px;
            top: -61px;
            font-size: 16.642px;
            line-height: 16px;
        }

        .white-popup#commercial_author_nine .btn_popup {
            bottom: 110px;
        }
    }

.white-popup#commercial_author_nine .btn_popup:hover {
    background-color: #fff;
    color: #2288D3;
}

/*end commercial_author_nine_popup */

.menu-left ul li ul li ul li a {
    font-size: 13px;
    line-height: 14px;
    padding: 15px;
    padding-left: 40px;
    width: 70%;
    font-weight: 300;
}

.menu-left ul li.sub ul li .opb {
    width: 51px;
    height: 58px;
}

.menu-left ul li.sub ul li ul li .opb {
    height: 44px;
    width: 44px;
}

.menu-left ul li ul li ul li ul li a {
    padding-left: 60px;
    width: 70%;
    font-size: 13px;
    font-weight: 200;
}

@media screen and (max-width: 1139px){
    .red-block.red-block--white-block--short.bg-bottom-right.short:before {
        width: 100%;
        height: 100%;
        content: '';
        position: absolute;
        background: #e32440;
        left: 0;
        top: 0;
        opacity: 0.6;
    }

    .container.service-detail.service-detail-new .content #texterra-grid .slider-scale__content--image {
        margin: 11px auto;
    }

    .container.service-detail.service-detail-new .content #texterra-grid .slider-scale__content--image .margin-center:before {
        content: '';
        position: absolute;
        width: 50px;
        height: 50px;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        background-image: url(/upload/main-page-new/scale-icon.svg);
        background-position: center;
        background-repeat: no-repeat;
        z-index: 1;
        background-color: #E2223F;
        border-radius: 30px;
        -webkit-transition: .3s;
        transition: .3s;
    }
}

/* sherlock_popup */
.white-popup#sherlock_popup button.mfp-close {
    top: -7%;
    right: 20px;
}

.white-popup#sherlock_popup {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 550px;
    width: 100%;
    height: 422px;
    background: url(/bitrix/templates/adapt/images/sherlock-pp-bg.png)no-repeat center;
    background-size: 520px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
}

.white-popup#sherlock_popup *:not(.mfp-close) {
    padding: 0;
    margin: 0;
    position: relative;
    font-size: 24px;
    line-height: 1.1;
}

.white-popup#sherlock_popup .btn_popup {
    border: unset;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 0;
    font-family: 'TT Norms';
    font-style: normal;
    font-weight: bold;
    font-size: 16.4202px;
    line-height: 19px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    max-width: 180px;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: unset;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    box-shadow: 0px 5px 0px -2px #572CB9;
    background: #7756C2;
    border-radius: 91.2236px;
}

.white-popup#sherlock_popup .button-wrapper {
    display: flex;
    max-width: 370px;
    justify-content: space-between;
    position: absolute;
    bottom: 50px;
    left: 33%;
    width: 100%;
}

.white-popup#sherlock_popup .btn_popup:hover {
    background-color: #fff;
    color: #7756C2;
}
@media screen and (max-width: 767px){
    .white-popup#sherlock_popup{
        height: 302px;
    }

    .white-popup#sherlock_popup .button-wrapper {
        bottom: 0px;
    }
}

@media screen and (max-width: 480px){
    .white-popup#sherlock_popup{
        background-size: 330px;
    }

    .white-popup#sherlock_popup .button-wrapper {
        max-width: 250px;
        bottom: 50px;
    }

    .white-popup#sherlock_popup .btn_popup {
        padding: 5px 0;
        font-size: 13.4202px;
        line-height: 19px;
        max-width: 120px;
    }
}
/* end sherlock_popup */

.container.works-detail.sites .content{
    max-width: 1900px;
    width: 100%;
}

.container.works-detail.sites .content .portfoliodesc.container{
    max-width: 960px;
    width: 100%;
}
.container.works-detail.sites .content .wide:first-of-type:last-of-type .diz{
    margin-top: -30px;
}
.container.works-detail.sites .content .wide:first-of-type:last-of-type .diz img{
    border: none;
}
.container.works-detail.sites .content .portfoliodesc.container p{
    font-size: 20px;
    line-height: 1.7;
    padding-bottom: 35px;
}

.works ul.singleitem, .text ul.singleitem{
    padding-bottom: 0;
    padding-top: 10px;
    margin-bottom: 1em!important;
}

p + .works ul.singleitem,
.text p + ul.singleitem{
    margin-top: 0!important;
    padding-top: 0!important;
}

p.text_under_video, .blog-detail .text p.text_under_video,
.works p.text_under_video {
    max-width: 765px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    margin-top: 20px;
    padding-bottom: 30px;
    margin-left: 0;
}
/* social-mag-popup_popup */
.white-popup#social-mag-popup button.mfp-close {
    top: 10%;
    right: 20px;
}

.white-popup#social-mag-popup {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 700px;
    width: 100%;
    height: 440px;
    background: url(/bitrix/templates/adapt/images/social-mag.png)no-repeat center;
    background-size: auto;
    box-shadow: none;
    border-radius: 0;
    overflow: hidden;
}


.white-popup#social-mag-popup *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 1.3;
}

.white-popup#social-mag-popup .popup-content {
    position: absolute;
    max-width: 258px;
    width: 100%;
    top: 53%;
    left: 72%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    color: #fff;
    padding: 0 10px;
    text-align: left;
    box-sizing: border-box;
    text-transform: uppercase;
}

.white-popup#social-mag-popup .popup-content .title-popup {
    position: absolute;
    left: -283px;
    top: -59px;
    transform: rotate(-3.94deg);
}

.white-popup#social-mag-popup .popup-content .title-popup .small-text{
    transform: rotate(-1.16deg);
    display: block;
    margin-bottom: 4px;
    font-family: TT Norms;
    font-style: italic;
    font-weight: 800;
    font-size: 23.0882px;
    line-height: 28px;
    text-transform: uppercase;
    color: #FFEFDC;
}

.white-popup#social-mag-popup .popup-content .title-popup .big-text{
    transform: rotate(-1.16deg);
    display: block;
    font-family: TT Norms;
    font-style: italic;
    font-weight: 800;
    font-size: 28.9915px;
    line-height: 33px;
    text-transform: uppercase;
    color: #FFFFFF;
}




    .white-popup#social-mag-popup .popup-content .desc-popup{
        font-family: 'TT Norms';
        font-style: italic;
        font-weight: 800;
        font-size: 19.2299px;
        line-height: 110%;
        text-transform: uppercase;
        color: #6B2383;
        background: #FDD900;
        transform: rotate(-4.94deg);
        padding: 13px 23px;
        border-radius: 20px;
        transform: skew(-24deg, 0) rotate(-4.94deg);
        position: absolute;
        left: -340px;
        top: 48px;
    }

    .white-popup#social-mag-popup .popup-content .desc-popup span{
        transform: skew(24deg, 0);
        display: block;
    }

    
.white-popup#social-mag-popup .btn_popup {
    text-decoration: none;
    box-sizing: border-box;
    padding: 11.5px 10px;
    max-width: 156px;
    width: 100%;
    transition: 0.3s;
    position: absolute;
    bottom: 23px;
    left: 14%;
    border: unset;
    background: #D71957;
    box-shadow: -3.11743px 3.11743px 23.9003px #ED6390;
    border-radius: 33.0044px;
    transform: rotate(-4deg);
    font-family: TT Norms;
    font-style: normal;
    font-weight: bold;
    font-size: 14.4756px;
    line-height: 17px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
}

@media screen and (max-width: 700px) {

    .white-popup#social-mag-popup{
        max-width: 430px;
        background-size: contain;
        height: 400px;
        background-position: 30px;
    }

    .white-popup#social-mag-popup .popup-content .title-popup {
        left: -124px;
        top: -43px;
    }

    .white-popup#social-mag-popup .popup-content .title-popup .small-text{
        font-size: 18.8576px;
        line-height: 22px;
    }

    .white-popup#social-mag-popup .popup-content .title-popup .big-text{
        font-size: 17.4478px;
        line-height: 20px;
    }

    .white-popup#social-mag-popup .popup-content .desc-popup{
        left: -166px;
        top: 33px;
        font-size: 14.642px;
        line-height: 13px;
        padding: 10px 23px;
    }

    .white-popup#social-mag-popup .btn_popup{
        bottom: 50px;
    }
    }

    @media screen and (max-width: 480px) {
        .white-popup#social-mag-popup {
            background-position: 23px;
            max-width: 308px;
        }

        .white-popup#social-mag-popup .popup-content .title-popup {
            left: -48px;
            top: -37px;
        }

        .white-popup#social-mag-popup .popup-content .title-popup .small-text {
            font-size: 12.8576px;
            line-height: 15px;
        }
        .white-popup#social-mag-popup .popup-content .title-popup .big-text {
            font-size: 13.4478px;
            line-height: 15px;
        }

        .white-popup#social-mag-popup .popup-content .desc-popup {
            left: -79px;
            top: 21px;
            font-size: 11.642px;
            line-height: 13px;
            padding: 5px 10px;
            border-radius: 10px;
        }

        .white-popup#social-mag-popup .btn_popup {
            bottom: 77px;
            left: 7%;
            font-size: 12px;
            max-width: 120px;
        }
    }

.white-popup#social-mag-popup .btn_popup:hover {
    background-color: #fff;
    color: #D71957;
}

/*end social-mag-popup_popup */

.blog-detail .text p.text_under_video{
    /* margin: 0;
    margin-top: -20px; */

}

.about-texterra.wide{
    width: 100%!important;
    max-width: 100%!important;
}

.about-texterra.wide  div.next-about-slider{
    margin-right: 75px!important;
}

.about-texterra.wide  div.prev-about-slider{
    margin-left: 75px!important;
}
.slider .slick-slider-tag {
        font-weight: bold;
        font-size: 14px;
        line-height: 17px;
        text-transform: uppercase;
        background-color: #fff;
        border-radius: 90px;
        margin-bottom: 25px;
        padding: 10px 25px;
        box-shadow: 0px 0px 0px 4px #ffffff21;
        z-index: 0;
}
.slider .slick-slider-tag a {
    color: #2e3a4c;
    text-decoration: none;
}
@media screen and (max-width: 480px) {
    .slider .slick-slider-tag {
        font-size: 11px;
        padding: 5px 10px;
    }
}

section.container.blog-detail .about-texterra.slick-initialized.slick-slider+p.text_under_video{
    margin-left: auto;
    margin-right: auto;
}


section.container.blog-detail h3+ul, section.container.blog-detail h2+ul {
    margin-top: 0!important;
}

.content .about p, .content .about p a, .content .about li, .content .about p strong, .content .about p em{
    font-size: 20px;
    line-height: 1.7;
}

.content .became_author p.text_under_video, .content .about p.text_under_video, .content .red-politika p.text_under_video{
    font-size: 16px;
    margin: 0;
    margin-top: -20px;
}

.content .became_author .diz>div[itemprop="caption"], .content .about .diz>div[itemprop="caption"], .content .red-politika .diz>div[itemprop="caption"]{
    line-height: 1.7;
}

.content .became_author table.tablecont.standart.top, .content .about table.tablecont.standart.top, .content .red-politika table.tablecont.standart.top  {
    margin-bottom: 40px;
}

.content .became_author h2, .content .about h2, .content .red-politika h2{
    font-size: 30px;
    line-height: 40px;
    font-weight: 700;
}

.content .became_author h3, .content .about h3, .content .red-politika h3 {
    font-size: 25px;
    font-weight: 700;
    line-height: 30px;
}

.content .became_author ul li, .content .about ul li, .content .red-politika ul li {
    padding-left: 30px;
    margin-left: 30px;
    font-size: 20px;
    position: relative;
    line-height: 1.7;
}

.content .became_author ol li, .content .about ol li, .content .red-politika ol li  {
    margin-left: 20px;
    padding-left: 12px;
    font-size: 20px;
    position: relative;
    line-height: 1.7;
    margin-bottom: 0;
}

.content .became_author ol li>ul li, .content .about ol li>ul li, .content .red-politika ol li>ul li  {
    padding-left: 30px;
    margin-left: 30px;
    font-size: 20px;
    position: relative;
    line-height: 1.7;
}

.content .became_author  ul li::before, content .about ul li::before, .content .red-politika ul li::before{
    top: 16px;
}

.content .became_author ul, .content .about ul, .content .red-politika ul,
.content .became_author ol, .content .about ol, .content .red-politika ol {
   margin-top: 0!important;
   padding-top: 0!important;
   margin-bottom: 40px;
}

.became_author .incut, .about .incut, .red-politika .incut {
    border-radius: 15px;
    box-shadow: 0px 4px 15px rgba(104, 104, 104, 0.25);
    background: #fff;
    font-size: 22px;
    margin: 30px 0 40px;
    position: relative;
    display: block;
    font-family: 'FuturaBookC', Arial;
    line-height: 1.3em;
    padding: 45px 55px;
    clear: both;
}

.became_author .incut:after, .about .incut:after, .red-politika .incut:after,
.became_author .incut:before, .about .incut:before, .red-politika .incut:before {
    content: '';
    position: absolute;
    width: 51px;
    height: 33px;
    background: url(/bitrix/templates/adapt/images/redquotes.svg) center no-repeat;
    background-size: contain;
}

.became_author .incut:after, .about .incut:after, .red-politika .incut:after {
    bottom: -21px;
    right: 17px;
}

.became_author .incut:before, .about .incut:before, .red-politika .incut:before {
    top: -21px;
    left: 17px;
    transform: rotate(180deg);
}

.became_author .incut .corner , .about .incut .corner , .red-politika .incut .corner {
    position: absolute;
    width: 50px;
    height: 40px;
    z-index: 0;
    opacity: 0.7;
}

.became_author .incut .corner.top , .about .incut .corner.top , .red-politika .incut .corner.top {
    top: 0;
    right: 0;
    border-top-right-radius: 15px;
    background: linear-gradient(49.01deg, #FFFFFF 73.62%, #F3F2F1 97.23%);
}

.became_author .incut .corner.bottom , .about .incut .corner.bottom , .red-politika .incut .corner.bottom {
    bottom: 0;
    left: 0;
    border-bottom-left-radius: 15px;
    background: linear-gradient(229.34deg, #FFFFFF 52.1%, #F3F2F1 98.07%);
}

.blog.nobg .became_author .incut p, .blog.nobg .about .incut p, .blog.nobg .red-politika .incut p {
    font-family: 'FuturaBookC', Arial;
    line-height: 1.3em;
    font-size: 22px;
    margin-bottom: 0px;
}

.blog.nobg .became_author .about-texterra.slick-initialized.slick-slider+p.text_under_video,
.blog.nobg .about .about-texterra.slick-initialized.slick-slider+p.text_under_video,
.blog.nobg .red-politika .about-texterra.slick-initialized.slick-slider+p.text_under_video{
    margin-top: -30px;
}

.blog.nobg .became_author .about-texterra.slick-initialized.slick-slider,
.blog.nobg .about .about-texterra.slick-initialized.slick-slider,
.blog.nobg .red-politika .about-texterra.slick-initialized.slick-slider{
    margin-bottom: 30px;
}

.blog.nobg .red-politika .about-texterra.slick-initialized.slick-slider div.prev-about-slider:before,
.blog.nobg .red-politika .about-texterra.slick-initialized.slick-slider div.next-about-slider:before,
.blog.nobg .about .about-texterra.slick-initialized.slick-slider div.prev-about-slider:before,
.blog.nobg .about .about-texterra.slick-initialized.slick-slider div.next-about-slider:before,
.blog.nobg .red-politika .about-texterra.slick-initialized.slick-slider div.prev-about-slider:before,
.blog.nobg .red-politika .about-texterra.slick-initialized.slick-slider div.next-about-slider:before{
    display: none;
}
.content .body #texterra-grid .form_your-project {
    background-color: #F5F5F5;
    padding: 25px 0px;
    margin: 45px auto;
    position: relative;
}
.content .body #texterra-grid .form_your-project .callback-form__text p {
    font-size: 21px;
    line-height: 130%;
    color: #616060;
}
.container.service-detail.service-detail-new .content #texterra-grid .form_your-project .callback-form__text .read-more span{
    font-weight: bold;
    display: flex;
    justify-content: flex-end;
    color: #E3223F;
    text-decoration: underline;
    cursor: pointer;
}
.content .body #texterra-grid .form_your-project .full-lext {
    display: none;
}
.content .body #texterra-grid .form_your-project .full-lext.vis {
    display: block;
}
.content .body #texterra-grid .form_your-project .small-rew-text {
    display: block;
}
.content .body #texterra-grid .form_your-project .small-rew-text.novis {
    display: none;
}
.content .body #texterra-grid .form_your-project .row {
    display: flex;
    justify-content: flex-end;
    display: flex;
    align-items: flex-start;
}
.content .body #texterra-grid .form_your-project .read-more.active {
    display: none;
}
.content .body #texterra-grid .form_your-project .full-lext.small-text {
    display: block;
}
.content .body #texterra-grid .form_your-project .form_your-project-title{
    font-size: 40px;
    line-height: 100%;
    color: #252424;
}
.container.service-detail.service-detail-new .content #texterra-grid .form_your-project .services-btn.white-color {
    background: #E3223F;
    border-radius: 70px;
    color: #fff;
}
.container.service-detail.service-detail-new .content #texterra-grid .form_your-project .services-btn{
    background-color: #e2223f;
    padding: 20px 83px;
    max-width: 290px;
    width: 100%;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    display: inline-block;
    text-align: center;
    transition: .1s;
    cursor: pointer;
    border-radius: 70px;
    line-height: 130%;
}
.container.service-detail.service-detail-new .content #texterra-grid .form_your-project .your-project-btn{
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-top: 46px;
}
.content .body #texterra-grid .form_your-project .form_your-project-input, .form_your-project textarea{
    border: none;
    border-bottom: 1px solid #BEBBBB;
    background-color: #F5F5F5;
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    color: #bebbbb;
}
.content .body #texterra-grid .form_your-project input.form_your-project-input {
    padding: 10px;
    max-width: 187px;
    width: 100%;
    padding-bottom: 7px;
    color: #bebbbb;
}
.content .body #texterra-grid .form_your-project input.form_your-project-input::placeholder {
    color: #BEBBBB;
}
.content .body #texterra-grid .form_your-project textarea {
    resize: none;
    line-height: 34%;
    padding: 10px;
}
.content .body #texterra-grid .form_your-project textarea::placeholder {
    color: #bebbbb;
}
.content .body #texterra-grid .form_your-project .callback-form__text{
    padding-left: 39px;
}
.content .body #texterra-grid .form_your-project .callback-form__text::before {
    display: none;
}
.content .body #texterra-grid .form_your-project .form_your-project-fields{
    display: flex;
    flex-direction: column;
    width: 100%;
}
/* .content .body #texterra-grid .form_your-project::after {
    content: '';
    position: absolute;
    background-image: url(/bitrix/templates/adapt/images/zaharova.png);
    background-repeat: no-repeat;
    bottom: 0;
    left: 50px;
    background-size: contain;
    width: 253px;
    height: 389px;
    display: block;
    transform: scale(-1, 1);
} */
.content .body #texterra-grid .form_your-project .justufy-center{
    margin-left: 0px;
    padding-left: 60px;
}
.content .body #texterra-grid .form_your-project .form_your-project-inputs{
    padding-bottom: 22px;
    justify-content: space-between;
    display: flex;
}
.form_your-project .form_your-project-bg {
    position: absolute!important;
    background-position: right bottom;
    background-repeat: no-repeat;
    bottom: 0;
    left: 50px;
    background-size: auto;
    transform: scale(-1, 1);
    width: 260px;
    height: 114%;
}
.form_your-project .callback-form__text {
    padding-left: 0;
}
@media screen and (max-width: 1520px) {
    .form_your-project .callback-form__text {
        padding-left: 125px;
    }
}
@media screen and (max-width: 1350px) {
    
    .container.service-detail.service-detail-new .content #texterra-grid .callback-form__text {
        padding-left: 15px;
    }
    .form_your-project .callback-form__text {
        padding-left: 125px;
    }
    .content .body #texterra-grid .form_your-project .full-lext.vis {
        margin-left: 0px;
    }
    .content .body #texterra-grid .form_your-project .justufy-center {
        padding-left: 30px;
    }
}
@media screen and (max-width: 1265px) {
    .content .body #texterra-grid .form_your-project::after {
        display: none;
    }
    .container.service-detail.service-detail-new .content #texterra-grid .form_your-project .callback-form__text {
        padding-left: 0;
    }
    .form_your-project .form_your-project-bg {
        display: none;
    }
    .content .body #texterra-grid .form_your-project .row {
        justify-content: center;
    }
}
@media screen and (max-width: 960px){
    .content .body #texterra-grid .form_your-project {
        padding: 60px;
    }
    .content .body #texterra-grid .form_your-project .justufy-center {
        padding-left: 15px;
        margin-top: 60px;
    }
    .content .body #texterra-grid .form_your-project .form_your-project-fields {
        max-width: 400px;
        width: 100%;
    }
    .content .body #texterra-grid .form_your-project .form_your-project-title {
        text-align: center;
        margin-bottom: 55px;
    }
    .container.service-detail.service-detail-new .content #texterra-grid .form_your-project .services-btn {
        margin: 0 auto;
    }
    .content .body #texterra-grid .form_your-project .full-lext.vis {
        text-align: center;
    }
}
@media screen and (max-width: 550px) {
    .content .body #texterra-grid .form_your-project .form_your-project-title {
        margin-bottom: 20px;
        font-size: 22px;
    }
    .content .body #texterra-grid .form_your-project input.form_your-project-input {
        max-width: 150px;
    }
    .container.service-detail.service-detail-new .content #texterra-grid .form_your-project .services-btn {
        padding: 15px 18px;
        max-width: 150px;
    }
}
@media screen and (max-width: 460px) {
    .content .body #texterra-grid .form_your-project {
        padding: 20px 0;
    }
    .content .body #texterra-grid .form_your-project input.form_your-project-input {
        max-width: 110px;
    }
}

/* helicopter-pp_popup */
.white-popup#helicopter-pp button.mfp-close {
    top: 13%;
    right: 20px;
}

.white-popup#helicopter-pp button.mfp-close:after{
    color: #000;
    filter: unset;
}

.white-popup#helicopter-pp {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 390px;
    width: 100%;
    height: 390px;
    background: url(/bitrix/templates/adapt/images/helicopter-pp-bg.png)no-repeat center;
    background-size: cover;
    box-shadow: none;
    border-radius: 0;
    overflow: hidden;
}


.white-popup#helicopter-pp *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 1.3;
}

.white-popup#helicopter-pp .btn_popup {
    text-decoration: none;
    box-sizing: border-box;
    max-width: 201px;
    width: 100%;
    transition: 0.3s;
    position: absolute;
    bottom: 112px;
    left: 40%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #000000;
    font-family: TT Norms;
    border: unset;
    font-style: normal;
    font-weight: bold;
    font-size: 15.3904px;
    line-height: 21px;
    text-align: left;
    color: #FFFFFF;
    padding: 12px 23px;
    box-shadow: -4px 4px 0px 1px rgba(255,255,255,1)
}

.white-popup#helicopter-pp .btn_popup:before{
    position: absolute;
    content: '';
    transform: translateY(-50%);
    position: absolute;
    content: '';
    width: 18px;
    height: 17px;
    background: url(/bitrix/templates/adapt/images/helicopter-white-arrow.png)no-repeat center;
    top: 50%;
    right: 23px;
    background-size: contain;
}


    @media screen and (max-width: 600px) {
        .white-popup#helicopter-pp {
            max-width: 300px;
            background-size: cover;
            height: 300px;
        }

        .white-popup#helicopter-pp .btn_popup {
            bottom: 80px;
            left: 43%;
            font-size: 13.3904px;
            padding: 10px 17px;
            max-width: 171px;
        }
    }

/*end helicopter-pp_popup */

/* internet_marketolog_eleven_popup */
.white-popup#internet_marketolog_eleven button.mfp-close {
    top: 10%;
    right: 20px;
}

.white-popup#internet_marketolog_eleven {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 780px;
    width: 100%;
    height: 530px;
    background: url(/bitrix/templates/adapt/images/internet-marketolog-eleven-bg.png)no-repeat center;
    background-size: cover;
    box-shadow: none;
    border-radius: 0;
    overflow: hidden;
}


.white-popup#internet_marketolog_eleven *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 1.3;
}

.white-popup#internet_marketolog_eleven .popup-content {
    position: absolute;
    max-width: 258px;
    width: 100%;
    top: 49%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    color: #fff;
    padding: 0 10px;
    text-align: left;
    box-sizing: border-box;
}

.white-popup#internet_marketolog_eleven .popup-content .title-popup {
    margin-bottom: 16px;
}

.white-popup#internet_marketolog_eleven .popup-content .title-popup .red-text{
    font-family: 'BebasNeue';
    font-style: normal;
    font-weight: normal;
    font-size: 29px;
    line-height: 32px;
    text-transform: uppercase;
    display: block;
    color: #F19548;
    letter-spacing: 1.2px;
}

.white-popup#internet_marketolog_eleven .popup-content .title-popup .white-text {
    font-family: 'BebasNeue';
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 30px;
    text-transform: uppercase;
    display: block;
    color: #ffffff;
    letter-spacing: 1.2px;
}

.white-popup#internet_marketolog_eleven .popup-content .under-title{
    padding-left: 52px;
}

.white-popup#internet_marketolog_eleven .popup-content .desc-popup{
    font-family: 'TT Norms';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 130%;
    color: #FFC978;
    text-transform: initial;    
}


.white-popup#internet_marketolog_eleven .btn_popup {
    text-decoration: none;
    box-sizing: border-box;
    padding: 6px 6px;
    max-width: 126px;
    width: 100%;
    transition: 0.3s;
    font-family: TT Norms;
    background: linear-gradient(180deg, #F19548 0%, #FE823C 100%);
    border: 6px solid rgba(251, 226, 203, 0.43);
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 14px;
    color: #FFFFFF;
    display: block;
    margin-top: 10px;
    text-align: left;
    text-transform: capitalize;
    position: relative;
    box-shadow: 0 0 0 4px rgba(252, 171, 123, 0.25);
}

.white-popup#internet_marketolog_eleven .btn_popup:before {
    content: '';
    position: absolute;
    background: url(/bitrix/templates/adapt/images/internet-marketolog-eleven-arrow.png);
    width: 14px;
    height: 10px;
    right: 6px;
    background-repeat: no-repeat;
    background-size: contain;
    top: 55%;
    transform: translate(0, -50%);
}


    @media screen and (max-width: 600px) {
        .white-popup#internet_marketolog_eleven {
            max-width: 360px;
            background-size: cover;
            height: 460px;
            background-position: center;
        }
        .white-popup#internet_marketolog_eleven .popup-content{
            max-width: 228px;
        }
        .white-popup#internet_marketolog_eleven .popup-content .title-popup .red-text{
            font-size: 24px;
            line-height: 25px;
        }

        .white-popup#internet_marketolog_eleven .popup-content .title-popup .white-text{
            font-size: 19px;
            line-height: 23px;
        }

        .white-popup#internet_marketolog_eleven .popup-content .desc-popup{
            font-size: 13px;
            line-height: 130%;
        }

        .white-popup#internet_marketolog_eleven .btn_popup{
            border: 4px solid rgba(251, 226, 203, 0.43);
            box-shadow: 0 0 0 4px rgba(252, 171, 123, 0.25);
            font-size: 13px;
            line-height: 14px;
        }
    }

/*end internet_marketolog_eleven_popup */
/* insta-marketing-new_popup */
.white-popup#insta-marketing-new button.mfp-close {
    top: 10%;
    right: 20px;
}

.white-popup#insta-marketing-new {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 550px;
    width: 100%;
    height: 470px;
    background: url(/bitrix/templates/adapt/images/insta-marketing-new.png)no-repeat right center;
    background-size: cover;
    box-shadow: none;
    border-radius: 0;
    overflow: hidden;
}
.white-popup#insta-marketing-new .btn_popup{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
    @media screen and (max-width: 600px) {
        .white-popup#insta-marketing-new {
            max-width: 337px;
            background-size: cover;
            height: 267px;
        }
    }


/*end insta-marketing-new_popup */


/* dino-youtube_popup */
.white-popup#dino-youtube button.mfp-close {
    top: 10%;
    right: 20px;
    width: 54px;
    height: 54px;
    background: #FFFFFF;
    border-radius: 100%;
    opacity: 1;
}

.white-popup#dino-youtube button.mfp-close:after{
    color: #F12B24;
    top: 62%;
    left: 32%;
    transform: rotate(45deg) translate(-50%, -50%);
    filter: unset;
}
.white-popup#dino-youtube {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 700px;
    width: 100%;
    height: 430px;
    background: url(/bitrix/templates/adapt/images/dino-bg.png)no-repeat right center;
    background-size: cover;
    box-shadow: none;
    border-radius: 0;
    overflow: hidden;
}


.white-popup#dino-youtube *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 1.3;
}

.white-popup#dino-youtube .popup-content {
    position: absolute;
    top: 39%;
    right: 31px;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    color: #fff;
    padding: 0 10px;
    text-align: left;
    box-sizing: border-box;
}

.white-popup#dino-youtube .popup-content .title-popup {
    margin-bottom: 20px;
    background: #FFFFFF;
    border-radius: 50px;
    transform: rotate(-1.31deg);
    padding: 21px 22px;
    max-width: 295px;
}

.white-popup#dino-youtube .popup-content .title-popup .red-text{
    letter-spacing: 1.2px;
    font-family: 'TT Norms';
    font-style: normal;
    font-weight: bold;
    font-size: 23px;
    line-height: 100%;
    text-transform: uppercase;
    color: #F12B24;
    text-align: center;
    display: block;
}

.white-popup#dino-youtube .popup-content .desc-popup .big-white{
    font-family: 'TT Norms';
    font-weight: bold;
    font-size: 41px;
    line-height: 100%;
    text-transform: uppercase;
    color: #FFFFFF;
    transform: rotate(-1.71deg);
    margin-bottom: 10px;
}


.white-popup#dino-youtube .popup-content .desc-popup .small-white{
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 21px;
    line-height: 100%;
    text-align: center;
    text-transform: uppercase;
    color: #F2F2F2;
    transform: rotate(-1.29deg);
    margin-bottom: 7px;
}


.white-popup#dino-youtube .popup-content .desc-popup .yellow{
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    font-size: 20px;
    line-height: 100%;
    text-align: center;
    text-transform: uppercase;
    color: #ECC956;
    transform: rotate(-1.29deg);
}

.white-popup#dino-youtube .btn_popup {
    text-decoration: none;
    box-sizing: border-box;
    padding: 17px 20px 17px 27px;
    max-width: 266px;
    width: 100%;
    transition: 0.3s;
    background: linear-gradient(180deg, #F19548 0%, #FE823C 100%);
    display: block;
    margin-top: 10px;
    text-transform: capitalize;
    position: absolute;
    background: #F12B24;
    box-shadow: 0px 0px 25px #272937;
    font-family: TT Norms;
    font-style: normal;
    font-weight: bold;
    font-size: 26px;
    line-height: 29px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    border-radius: 20px;
    transform: rotate(-1.96deg);
    border: unset;
    bottom: -121px;
    right: 40px;
}

.white-popup#dino-youtube .btn_popup:before {
    content: '';
    position: absolute;
    background: url(/bitrix/templates/adapt/images/dino-arrow.png);
    width: 60px;
    height: 60px;
    left: -19px;
    background-repeat: no-repeat;
    background-size: contain;
    top: 75px;
    transform: translate(0, -50%);
    animation: 4s linear 0s normal none infinite running dinorotate;
}
@keyframes dinorotate {
    0% {
        transform: translate(0, -50%);
      }
    
      50% {
        transform: translate(0, -100%);

      }
      100% {
        transform: translate(0, -50%);
      }
  }
  @-webkit-keyframes dinorotate {
    0% {
        transform: translate(0, -50%);
      }
    
      50% {
        transform: translate(0, -100%);

      }
      100% {
        transform: translate(0, -50%);
      }
  }
  @media screen and (max-width: 850px){
    .white-popup#dino-youtube{
        max-width: 580px;
        height: 360px;     
    }

    .white-popup#dino-youtube .popup-content{
        top: 37%;
        right: 43px;  
    }
    .white-popup#dino-youtube .popup-content .title-popup{
        margin-bottom: 15px;
        padding: 17px 22px;
        max-width: 240px;
    }
    .white-popup#dino-youtube .popup-content .title-popup .red-text{
        font-size: 20px;
    }

    .white-popup#dino-youtube .popup-content .desc-popup .big-white{
        font-size: 25px;   
        text-align: center;
    }

    .white-popup#dino-youtube .popup-content .desc-popup .small-white{
        font-size: 16px;
    }

    .white-popup#dino-youtube .popup-content .desc-popup .yellow{
        font-size: 16px;
    }

    .white-popup#dino-youtube .btn_popup{
        font-size: 21px;
        line-height: 29px;   
        padding: 15px 20px 15px 30px;
        max-width: 200px;
        bottom: -112px;
        right: 40px;
    }

    .white-popup#dino-youtube .btn_popup:before{
        width: 50px;
        height: 50px;
    }

    .white-popup#dino-youtube button.mfp-close {
        top: 3%;
        right: 13px;
        width: 44px;
        height: 44px;
    }

    .white-popup#dino-youtube button.mfp-close:after {
        color: #F12B24;
        top: 60%;
        left: 30%;
        transform: rotate(45deg) translate(-50%, -50%);
        filter: unset;
        font-size: 37px;
    }
  }
    @media screen and (max-width: 600px) {
        .white-popup#dino-youtube {
            max-width: 350px;
            background-size: cover;
            height: 220px;
        }
        .white-popup#dino-youtube button.mfp-close:after{
            font-size: 30px;
            top: 59%;
            left: 24%;
        }
        .white-popup#dino-youtube button.mfp-close {
            top: 0%;
            right: 5px;
            width: 34px;
            height: 34px;
            background: #FFFFFF;
            border-radius: 100%;
            opacity: 1;
        }
        .white-popup#dino-youtube .popup-content {
            top: 40%;
            right: 3px;
        }
        .white-popup#dino-youtube .popup-content .title-popup {
            margin-bottom: 7px;
            padding: 10px 10px;
            max-width: 152px;
        }

        .white-popup#dino-youtube .popup-content .title-popup .red-text {
            font-size: 12px;
            line-height: 15px;
        }

        .white-popup#dino-youtube .popup-content .title-popup .white-text{
            font-size: 19px;
            line-height: 23px;
        }

        .white-popup#dino-youtube .popup-content .desc-popup {
            font-size: 13px;
            line-height: 130%;
        }

        .white-popup#dino-youtube .popup-content .desc-popup .big-white {
            font-size: 16px;
            text-align: center;
            margin-bottom: 6px;
        }
        .white-popup#dino-youtube .popup-content .desc-popup .small-white {
            font-size: 13px;
        }
        .white-popup#dino-youtube .popup-content .desc-popup .yellow {
            font-size: 12px;
        }


        .white-popup#dino-youtube .btn_popup {
            font-size: 13px;
            line-height: 14px;
            padding: 12px 14px 13px 23px;
            max-width: 133px;
            bottom: -64px;
            right: 34px;
        }

        .white-popup#dino-youtube .btn_popup:before{
            width: 40px;
            height: 40px;
            top: 38px;
            left: -12px;
        }
    }


/*end dino-youtube_popup */


/* new-portfolio-banner */

.works.works-banner {
    width: 1140px;
}

/* 
.works.works-banner .body h2,
.works.works-banner .body h3,
.works.works-banner .body p {
    color: #fff;
} */

.works.works-banner .about-texterra {
width: 90%;
}

/* .works.works-banner .about-texterra .slick-slide img {
    margin: 30px;
} */

.works.works-banner .about-texterra .slick-slide {
    padding: 30px;
}

.works.works-banner .keiys-container .content-block {
    display: flex;
}

.works.works-banner .keiys-container .left-block {
    width: 74%;
    padding-right: 40px;
}

.works.works-banner .keiys-container .right-block {
    width: 21%;
    position: relative;
}

.works.works-banner .keiys-container .img-fix-block {
    width: 270px;
    height: 370px;
}
.works.works-banner .keiys-container .img-fix-block img{
    width: 100%;
}
.works.works-banner .keiys-container .img-fix-block.scrolled {
    position: fixed;
    top: 200px;
}

.works.works-banner .keiys-container .img-fix-block.scrolled-stop {
    position: absolute;
    bottom: 0;
    top: auto;
}
.works.works-banner .keiys-container .img-fix-block a {
    text-decoration: none;
    border-bottom: none;
}

@media screen and (max-width: 959px) {
    .works.works-banner {
        width: 100%;
        margin: 0;
    }
}

@media screen and (max-width: 1024px) {
    .works.works-banner .keiys-container .img-fix-block {
        width: 200px;
    }
    .works.works-banner .keiys-container .left-block{
        width: 70%;
    }
}

@media screen and (max-width: 992px) {
    .works.works-banner .keiys-container .content-block {
        flex-direction: column;
    }

    .works.works-banner .keiys-container .left-block {
        width: 100%;
    }
    .works.works-banner .keiys-container .img-fix-block.scrolled-stop {
        position: relative;
    }
    .works.works-banner .keiys-container .img-fix-block.scrolled {
        position: relative;
    }
    .works.works-banner .keiys-container .img-fix-block {
        width: 270px;
        margin: 0 auto;
    }
    .works.works-banner .keiys-container .right-block {
        width: 100%;
        margin-bottom: 40px;
    }
}
#crm-system-popup{
    position: relative;
    background: transparent;
    box-shadow: none;
    min-height: 739px;
    max-width: 517px;
    padding: 0;
}

#crm-system-popup::after {
    background-image: url(/bitrix/templates/adapt/images/crm-system-popup-inner.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top right;
    position: absolute;
    content: '';
    top: 60px;
    left: 50px;
    width: 900.54px;
    height: 479px;
}

#crm-system-popup::before {
    background-image: url('/bitrix/templates/adapt/images/crm-system-popup.png');
    background-repeat: no-repeat;
    position: absolute;
    content: '';
    top: 0;
    right: 50%;
    width: 900px;
    height: 739px;
    z-index: -1;
    transform: translate(50%, 0);
}
#crm-system-popup .popup-content a{
    position: absolute;
    top: 465px;
    right: 314px;
    z-index: 1;
    font-weight: bold;
    font-size: 21px;
    line-height: 55px;
    text-transform: uppercase;
    color: #FFFFFF;
    border: none;
    padding: 0px 58px;
    background-color: #E12341;
    border-radius: 64.3484px;
}
#crm-system-popup.sm-popup {
    max-width: 900px;
}
@media screen and (max-width: 1024px) {

    #crm-system-popup::after {
        top: 160px;
        left: 50px;
        width: 490.54px;
        height: 319px;
    }
    #crm-system-popup.sm-popup {
        max-width: 500px;
    }
    #crm-system-popup .popup-content a {
        top: 425px;
        right: 134px;
    }
}

@media screen and (max-width: 500px) {
    #crm-system-popup.sm-popup {
        max-width: 300px;
    }
    #crm-system-popup .popup-content a {
        position: absolute;
        top: 331px;
        right: 107px;
        font-weight: bold;
        font-size: 15px;
        line-height: 34px;
        text-transform: uppercase;
        color: #FFFFFF;
        border: none;
        padding: 0px 14px;
        background-color: #E12341;
        border-radius: 64.3484px;
    }
    #crm-system-popup::before {
        width: 540px;
        height: 419px;
        background-size: cover;
        top: 70px;
    }
    #crm-system-popup::after {
        top: 160px;
        left: 0px;
        width: 300.54px;
        height: 239px;
    }
}

/*kursonator popup start*/

#kursonator-china {
    background: url(/bitrix/templates/adapt/images/20-08-2020/kursonator.png);
    background-repeat: no-repeat;
    max-width: 600px;
    width: 100%;
    height: 554px;
    box-shadow: none;
    padding: 50px 28px;
    position: relative;
}
#kursonator-china a {
    font-style: normal;
    font-weight: 600;
    font-size: 25px;
    line-height: 170%;
    color: #FFFFFF;
    background-color: #DD2717;
    padding: 14px 51px;
    border-radius: 250px;
    border: none;
    position: relative;
}
#kursonator-china a:hover {
    background-color: #e4665b;
}
#kursonator-china a::before {
    content: '';
    position: absolute;
    bottom: -25px;
    left: -31px;
    background: url(/bitrix/templates/adapt/images/20-08-2020/crane.png);
    background-repeat: no-repeat;
    width: 83px;
    height: 85px;
}
#kursonator-china .crane {
    position: absolute;
    bottom: 107px;
    left: 0;
}
#kursonator-china .desc-popup{
    font-weight: 600;
    font-size: 18px;
    line-height: 120%;
    color: #DD2717;
    max-width: 256px;
    width: 100%;
    position: absolute;
    top: 74px;
    left: 69px;
}
#kursonator-china .title-popup{
    font-weight: 600;
    font-size: 36px;
    line-height: 120%;
    color: #FFFFFF;
    position: absolute;
    top: 215px;
    left: 63px;
}
@media screen and (max-width: 600px) {
    #kursonator-china {
        background-size: contain;
        max-width: 500px;
        width: 100%;
        height: 460px;
        background-position: center;
    }
    #kursonator-china .popup-content .desc-popup{
        top: 61px;
        left: 61px;
        font-size: 17px;
    }

    #kursonator-china .popup-content .title-popup{
        font-size: 34px;
        top: 181px;
        left: 51px;
    }

    #kursonator-china a::before {
        bottom: -25px;
        left: -30px;
    }
}
@media screen and (max-width: 520px) {
    #kursonator-china {
        background-size: contain;
        max-width: 455px;
        width: 100%;
        height: 460px;
        background-position: center;
    }
    #kursonator-china .popup-content .desc-popup {
        font-size: 15px;
        max-width: 241px;
        top: 73px;
        left: 55px;
    }

    #kursonator-china .popup-content .title-popup{
        font-size: 32px;
        left: 34px;
    }

    #kursonator-china a::before {
        display: none;
    }
    #kursonator-china a{
        font-size: 22px;
        padding: 12px 35px;
    }
}
@media screen and (max-width: 480px) {
    #kursonator-china .popup-content .desc-popup {
        font-size: 15px;
        max-width: 241px;
        top: 80px;
        left: 50px;
        line-height: 1;
    }
}
@media screen and (max-width: 460px) {
    #kursonator-china .popup-content .desc-popup {
        font-size: 15px;
        max-width: 241px;
        top: 57px;
        left: 41px;
        line-height: 1;
    }
    #kursonator-china {
        height: 402px;
    }
    #kursonator-china .popup-content .title-popup {
        font-size: 28px;
    }
}
@media screen and (max-width: 430px) {
    #kursonator-china .popup-content .desc-popup {
        top: 66px;
        max-width: 187px;
    }
}
@media screen and (max-width: 414px) {
    #kursonator-china .popup-content .desc-popup {
        top: 70px;
    }
}
@media screen and (max-width: 375px) {
    #kursonator-china .popup-content .desc-popup {
        font-size: 14px;
        max-width: 173px;
        top: 83px;
        left: 34px;
        line-height: 1;
    }
    #kursonator-china .popup-content .title-popup {
        font-size: 25px;
        left: 34px;
    }
}
@media screen and (max-width: 360px) {
    #kursonator-china .popup-content .desc-popup {
        font-size: 12px;
        max-width: 142px;
        top: 90px;
        left: 34px;
        line-height: 1;
    }
    #kursonator-china .popup-content .title-popup {
        font-size: 22px;
        left: 34px;
    }
}
@media screen and (max-width: 340px) {
    #kursonator-china .popup-content .title-popup {
        font-size: 20px;
        left: 34px;
    }
    #kursonator-china .popup-content .desc-popup {
        font-size: 12px;
        max-width: 142px;
        top: 96px;
        left: 29px;
        line-height: 1;
    }
}
@media screen and (max-width: 320px) {
    #kursonator-china .popup-content .desc-popup {
        font-size: 11px;
        max-width: 137px;
        top: 101px;
        left: 26px;
        line-height: 1;
    }

    #kursonator-china .popup-content .title-popup {
        font-size: 19px;
        left: 34px;
        top: 196px;
    }
}

/*kursonator popup end*/


.widepromoholder[data-promowide="autumn-sale"]{
    background-size: cover;
    height: 150px;
    bottom: -25px;
    max-width: 1025px;
    left: 50%;
    transform: translateY(500%) translate(-50%, 0);
}

.widepromoholder[data-promowide="autumn-sale"].vis {
    transform: translateY(0%) translate(-50%, 0);
}

.widepromoholder[data-promowide="autumn-sale"] .centerbox{
    z-index: 1;
    padding-top: 18px;
    padding-bottom: 11px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
            max-width: 800px;
}
.widepromoholder[data-promowide="autumn-sale"] .centerbox .text{
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: 700;
    line-height: 18px;
    color: #fff;
    margin-right: 50px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 1.1em;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 40%;
            flex: 1 1 40%;

}


.widepromoholder[data-promowide="autumn-sale"] .centerbox .text span{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            font-style: italic;
            font-weight: bold;
            font-size: 24px;
            line-height: 24px;
            color: #FFFFFF;
            transform: rotate(0.03deg);
}

.widepromoholder[data-promowide="autumn-sale"] .centerbox .text span.sale{
    font-family: Elowen;
    font-style: normal;
    font-weight: normal;
    font-size: 50.7033px;
    line-height: 47px;
    text-transform: uppercase;
    text-shadow: 2px 2px 0px #F66458;
    color: #F2A775;
}
.widepromoholder[data-promowide="autumn-sale"] .centerbox a{
    background-color: #fff;
    text-decoration: none;
    height: 50px;
    width: 224px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #fff;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-family: TT Norms;
    font-style: normal;
    font-weight: bold;
    font-size: 19.7529px;
    line-height: 23px;
    display: flex;
    align-items: center;
    text-align: center;
    text-transform: uppercase;
    border-radius: 109.738px;
    color: #7F6CD9;
    padding: 17px 35px;
    box-shadow: 0px 5px 0px #0C0D87;
    position: relative;
}

.widepromoholder[data-promowide="autumn-sale"] .centerbox a:after{
    content: '';
    position: absolute;
    background: url(/bitrix/templates/adapt/images/autumn-pp-arrow.png);
    width: 31px;
    height: 16px;
    right: 20px;
    top: 50%;
    transform: translate(0, -50%)
}

.widepromoholder[data-promowide="autumn-sale"]::after{
    z-index: 0;
    position: absolute;
    content: '';
    background: url(/bitrix/templates/adapt/images/autumnsale-bg.png);
    height: 250px;
    width: 100%;
    bottom: 17px;
    right: 0;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100%;
}

.widepromoholder[data-promowide="autumn-sale"] .close{
    top: -40px;
    right: 123px;
}

.widepromoholder[data-promowide="autumn-sale"] .close svg{
    fill: #7C56C7;
}


@media screen and (max-width: 1199px){

    .widepromoholder[data-promowide="autumn-sale"]::after{
        background-size: cover;
        background-position: center;
    }
}

@media screen and (max-width: 991px){

    .widepromoholder[data-promowide="autumn-sale"] .centerbox .text span{
        font-size: 22px;
        font-weight: 700;
    }

    .widepromoholder[data-promowide="autumn-sale"] .centerbox{
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
                padding-right: 35px;
                max-width: 700px;
    }
    .widepromoholder[data-promowide="autumn-sale"]::after{
    height: 220px;
}
}
@media screen and (max-width: 767px){
    .widepromoholder[data-promowide="autumn-sale"]{
        padding-bottom: 10px;
        height: 135px;
        bottom: -23px;
    }
    .widepromoholder[data-promowide="autumn-sale"] .close{
        right: 15px;
    }

    .widepromoholder[data-promowide="autumn-sale"] .centerbox{
        max-width: 500px;
        padding-right: 15px;    
    }
    
    .widepromoholder[data-promowide="autumn-sale"] .centerbox .text{
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        text-align: flex-end;
        margin-right: 0;
        line-height: 1.3em;
        margin-bottom: 10px;

    }

    .widepromoholder[data-promowide="autumn-sale"] .centerbox .text span.sale{
        font-size: 35px;
        line-height: 37px;
        text-shadow: 1px 1px 0px #F66458;
    }

    .widepromoholder[data-promowide="autumn-sale"] .centerbox .text span {
        font-size: 18px;
        font-weight: 700;
        line-height: 18px;
    }

    .widepromoholder[data-promowide="autumn-sale"] .centerbox a{
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        text-align: center;
        height: 33px;
        line-height: 30px;
        font-size: 16px;
        width: 163px;
        padding: 7px 14px;
    }
}
@media screen and (max-width: 479px){
    .widepromoholder[data-promowide="autumn-sale"]{
        padding-bottom: 10px;
    }
    .widepromoholder[data-promowide="autumn-sale"] .close{
        right: 15px;
    }

    .widepromoholder[data-promowide="autumn-sale"] .centerbox{
        max-width: 500px;
        padding-right: 15px;    
        -webkit-box-pack: start;    
            -ms-flex-pack: start;    
                justify-content: flex-start;
    }
    
    .widepromoholder[data-promowide="autumn-sale"] .centerbox .text{
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        text-align: left;
        margin-right: 0;
        line-height: 1.3em;
        margin-bottom: 10px;
        font-size: 14px;

    }
    .widepromoholder[data-promowide="autumn-sale"] .centerbox .text span{
        font-size: 18px;
    }
    .widepromoholder[data-promowide="autumn-sale"] .centerbox a{
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        text-align: center;
        height: 34px;
        line-height: 32px;
        font-size: 16px;
        width: 180px;
    }
}

.expert-opinion {
    background: #F6F6F6;
    padding: 58px 30px 30px 56px;
    position: relative;
    margin: 70px 0;
}

.expert-opinion:before {
    position: absolute;
    top: -52px;
    right: -3px;
    content: "мнение специалиста TexTerra";
    padding: 16px 25px;
    font-family: TT Norms;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 100%;
    color: #FFFFFF;
    background: #E2223F;
    border-radius: 20px 20px 0 0;
    transform: skew(-10deg, 0deg);
}

.expert-opinion .expert-info {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 30px;
}

.expert-opinion .expert-info .expert-img {
    width: 100px;
    height: 100px;
    margin-right: 50px;
}

.expert-opinion .expert-info .expert-img img {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    object-fit: cover;
    object-position: center;
}

.expert-opinion .expert-info .expert-name {
    padding-left: 53px;
    position: relative;
}

.expert-opinion .expert-info .expert-name:before {
    content: "“";
    position: absolute;
    font-family: "TT Norms";
    left: 0px;
    top: 18px;
    font-size: 70px;
    font-weight: bold;
    color: #E2223F;
}

.expert-opinion .expert-info .expert-name .name {
    font-family: TT Norms;
    font-style: normal;
    font-weight: bold;
    font-size: 25px;
    line-height: 100%;
    color: #000000;
    margin-bottom: 10px;
}

.expert-opinion .expert-info .expert-name .position {
    font-family: TT Norms;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 100%;
    color: #000000;
}

@media screen and (max-width: 550px){
    .expert-opinion {
        padding: 25px;
    }

    .expert-opinion:before {
        top: -38px;
        padding: 12px 22px;
        font-size: 14px;
    }

    .expert-opinion .expert-info .expert-img{
        margin: 0;
        margin-bottom: 15px;
    }

    .expert-opinion .expert-info .expert-name .name{
        font-size: 20px;
    }

    .expert-opinion .expert-info .expert-name .position{
        font-size: 16px;
    }

    .expert-opinion .expert-text p, .expert-opinion .expert-text ul li, .expert-opinion .expert-text ol li{
        font-size: 18px!important;
        margin-left: 0!important;
    }
}
/*content-marketolog-rainbow popup start*/

#content-mark-rainbow {
    background: url(/bitrix/templates/adapt/images/11-09-2020/content-mark-rainbow.png);
    background-repeat: no-repeat;
    max-width: 446px;
    width: 100%;
    height: 326px;
    box-shadow: none;
    position: relative;
    display: flex;
    justify-content: flex-end;
    background-size: contain;
}
#content-mark-rainbow a {
    color: #FFFFFF;
    background-color: #2288D3;
    border: none;
    position: relative;
    font-style: normal;
    font-weight: bold;
    font-size: 10.2835px;
    line-height: 12px;
    text-transform: uppercase;
    box-shadow: -2.28531px 2.28531px 17.5207px #BF67E2;
    border-radius: 23.4464px;
    padding: 8px 25px;
    padding: 8px 0;
    display: block;
    max-width: 118.85px;
    text-align: center;
    width: 100%;
    align-self: flex-end;
    margin-right: 34px;
}
#content-mark-rainbow a:hover {
    background-color: #270DC8;
}
#content-mark-rainbow .desc-popup{
    font-style: normal;
    font-weight: 600;
    font-size: 14.6375px;
    line-height: 125%;
    color: #270DC8;
    transform: rotate(1deg);
    background: url(/bitrix/templates/adapt/images/11-09-2020/content-mark-rainbow-title.png);
    background-repeat: no-repeat;
    margin-top: -40px;
    height: 40px;
    padding: 35px 41px;
}
#content-mark-rainbow .desc-popup span{
    color: #F13992;
}
#content-mark-rainbow .title-popup{
    color: #FFFFFF;
    text-shadow: -2.18746px 0px 4.37492px rgba(0, 0, 0, 0.25);
    font-style: normal;
    font-weight: bold;
    font-size: 20.2457px;
    line-height: 123.5%;
    padding-left: 20px;
    margin-top: 10px;
    margin-bottom: 20px;
}
#content-mark-rainbow button.mfp-close {
    top: 0px;
    right: 0px;
}
#content-mark-rainbow .popup-content{
    max-width: 280px;
    width: 100%;
    display: flex;
    flex-direction: column;
}
@media screen and (max-width: 460px) {
    #content-mark-rainbow .desc-popup {
        margin-top: -60px;
    }
    #content-mark-rainbow .title-popup {
        margin-top: 0;
    }
}
@media screen and (max-width: 430px) {
    #content-mark-rainbow {
        padding-right: 0px;
    }
    #content-mark-rainbow .title-popup {
        font-size: 17px;
    }
}
@media screen and (max-width: 390px) {
    #content-mark-rainbow .desc-popup {
        padding: 34px 32px;
        background-size: 80%;
        font-size: 13px;
        height: 28px;
    }
    #content-mark-rainbow .title-popup {
        padding-left: 39px;
    }
}
@media screen and (max-width: 360px) {
    #content-mark-rainbow .title-popup {
        padding-left: 67px;
        font-size: 15px;
    }
    #content-mark-rainbow a {
        margin-right: 20px;
    }
}
@media screen and (max-width: 330px) {
    #content-mark-rainbow .desc-popup {
        padding: 34px 25px;
        padding-right: 40px;
    }
}

/*content-marketolog-rainbow end*/

/*howto-zhenya*/


.white-popup#howto-zhenya .popup-content {
    background-color: #ececec;
    text-align: center;
    max-width: calc(100% + 30px);
    width: calc(100% + 30px);
    min-height: 463px;
    height: auto;
    position: relative;
    left: -15px;
}

.white-popup#howto-zhenya .btn_popup{
    background: #D12229;
    border-radius: 91.296px;
    font-family: 'BebasNeue';
    font-size: 30px;
    line-height: 100%;
    color: #FFFFFF;
    border: none;
    padding: 15px;
    bottom: 11px;
    max-width: 220px;
}

.white-popup#howto-zhenya .btn_popup:hover{
    background-color: #fff;
    color: #F12B24;
}
.white-popup#howto-zhenya .popup-content a{
    display: block;
    width: 100%;
    max-width: 100%;
    position: relative;
    border: none;
    padding: 0;
    background: none;
    box-shadow: none;
}
.white-popup#howto-zhenya .popup-content img{
    object-fit: cover;
    max-width: 100%;
}
.white-popup#howto-zhenya button{
    top: 20px;
    right: -7px;
}
.white-popup#howto-zhenya .mfp-close {
    opacity: 1;
}
.white-popup#howto-zhenya button.mfp-close:after {
    color: #fff;
}
.white-popup#howto-zhenya .title{
    font-family: RobotoSlab;
    font-style: normal;
    font-weight: 900;
    font-size: 26px;
    line-height: 29px;
    color: #181818;
    margin-bottom: 10px;
    margin-top: 22px;
    padding: 0 15px;
    padding-bottom: 45px;
}
.white-popup#howto-zhenya .name {
    font-size: 25px;
    text-align: center;
    font-weight: 500;
    font-family: RobotoSlab;
    margin-top: 15px;
}
.white-popup#howto-zhenya .name span{
    color: #d12229;
    margin: 9px;
    font-size: 27px;
}
.white-popup#howto-zhenya{
    padding: 0 15px;
    padding-bottom: 30px;
    height: calc(100% + 30px);
}

@media screen and (max-width: 480px) {
    .white-popup#howto-zhenya .btn_popup{
        max-width: 198px;
        font-size: 25.5373px;  
        padding: 10px;
    }
    .white-popup#howto-zhenya .name {
        font-size: 20px;
    margin-top: 2px;
    }
    .white-popup#howto-zhenya .name span {
        margin: 6px;
        font-size: 21px;
    }
    .white-popup#howto-zhenya .title {
        font-size: 17px;
        line-height: 17px;
        margin-bottom: 6px;
    margin-top: 19px;
    }

    .white-popup#howto-zhenya .popup-content{
        height: auto;
    top: 0;
    min-height: 100%;
    }
}

/*howto-zhenya end*/

#commercial_author_new_popup .mfp-close {
    opacity: 1;
}
#commercial_author_new_popup .a-cont-box {
    width: 100%;
    height: 100%;
    display: block;
    position: initial!important;
    border-bottom: none;
}

/* loyal-community_popup */
.white-popup#loyal-community button.mfp-close {
    top: 10%;
   right: 20px;
}

.white-popup#loyal-community {
   box-sizing: border-box;
   margin: 0 auto;
   max-width: 610px;
   width: 100%;
   height: 624px;
   background: url(/bitrix/templates/adapt/images/loyal-community-bg.png)no-repeat center;
   background-size: cover;
   box-shadow: none;
   border-radius: 0;
   overflow: hidden;
}


.white-popup#loyal-community *:not(.mfp-close){
   padding: 0;
   margin: 0;
   position: relative;
   line-height: 1.3;
}

.white-popup#loyal-community .popup-content {
   position: absolute;
   max-width: 286px;
   width: 100%;
   top: 57%;
   left: 56%;
   -webkit-transform: translate(-50%,-50%);
   transform: translate(-50%,-50%);
   color: #fff;
   padding: 0 10px;
   text-align: left;
   box-sizing: border-box;
}

.white-popup#loyal-community .popup-content .title-popup {
   margin-bottom: 16px;
}

.white-popup#loyal-community .popup-content .title-popup .big-text{
   font-family: 'BebasNeue';
   font-style: normal;
   font-weight: bold;
   font-size: 50.2545px;
   line-height: normal;
   letter-spacing: -0.005em;
   text-transform: uppercase;
   color: #FFFFFF;   
}

.white-popup#loyal-community .popup-content .title-popup .white-text {
   font-family: 'BebasNeue';
   font-style: normal;
   font-weight: bold;
   font-size: 33.1636px;
   line-height: 33px;
   letter-spacing: -0.005em;
   text-transform: uppercase;
   color: #FFFFFF; 
}

.white-popup#loyal-community .popup-content .title-popup .white-text .white-bg {
   font-family: 'BebasNeue';
   font-style: normal;
   font-weight: 900;
   font-size: 18px;display: inline;
   line-height: 17px;
   letter-spacing: 0.025em;
   text-transform: uppercase;
   color: #202020;
   margin-left: 20px;white-space: nowrap;
   top: 2px;
}

.white-popup#loyal-community .popup-content .under-title{
   padding-left: 52px;
   margin-top: 18px;
}

.white-popup#loyal-community .popup-content .desc-popup{
   font-family: 'BebasNeue';
   font-style: normal;
   font-weight: 900;
   font-size: 17.4373px;
   line-height: 16px;
   letter-spacing: 0.025em;
   text-transform: uppercase;
   color: #202020;
    
}


.white-popup#loyal-community .btn_popup {
   text-decoration: none;
   box-sizing: border-box;
   padding: 14px;
   max-width: 198px;
   width: 100%;
   transition: 0.3s;
   display: block;
   position: relative;
   background: linear-gradient(91.04deg, #B21AB4 -34.02%, #3E0261 159.27%), #2288D3;
   background-blend-mode: color, normal;
   box-shadow: -3.80721px 3.80721px 29.1886px #A649BD;
   border-radius: 40.3071px;
   font-family: TT Norms;
   font-style: normal;
   font-weight: bold;
   font-size: 17.6786px;
   line-height: 21px;
   text-align: center;
   text-transform: uppercase;
   color: #FFFFFF;
   border: unset;
   height: 48px;
   bottom: -40px;
   left: 20px;
}

   @media screen and (max-width: 500px) {
       .white-popup#loyal-community {
           max-width: 360px;
           background-size: cover;
           height: 460px;
           background-position: center;
       }
       .white-popup#loyal-community .popup-content{
           max-width: 228px;
           top: 58.5%;
           left: 67%;
       }
       .white-popup#loyal-community .popup-content .title-popup .big-text {

           font-size: 43.2545px;
           line-height: 43px;
       }

       .white-popup#loyal-community .popup-content .title-popup .white-text{
           font-size: 19px;
           line-height: 23px;
       }

       .white-popup#loyal-community .popup-content .title-popup {
           margin-bottom: 7px;
       }
       
       .white-popup#loyal-community .popup-content .desc-popup{
           font-size: 14px;
           line-height: 130%;
       }

       .white-popup#loyal-community .popup-content .under-title {
           padding-left: 16px;
           margin-top: 8px;
       }

       .white-popup#loyal-community .btn_popup{
           bottom: -30px;
           left: -30px;
       }
   }

/*end loyal-community_popup */

/* kursonator-pp_popup */
.white-popup#kursonator-pp button.mfp-close {
    top: 10%;
    right: 20px;
}

.white-popup#kursonator-pp {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 610px;
    width: 100%;
    height: 620px;
    background: url(/bitrix/templates/adapt/images/kursonator-pp-bg.png)no-repeat center;
    background-size: cover;
    box-shadow: none;
    border-radius: 0;
    overflow: hidden;
}


.white-popup#kursonator-pp *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 1.3;
}


.white-popup#kursonator-pp .popup-content .title-popup {
    margin-bottom: 16px;
    transform: rotate(-10.35deg);
    position: absolute;
    top: 27px;
    right: 24px;
}

.white-popup#kursonator-pp .popup-content .title-popup .big-text {
    font-family: BebasNeue;
    font-style: normal;
    font-weight: bold;
    font-size: 46.3913px;
    line-height: 100%;
    color: #FFFFFF;
    display: block;
}
.white-popup#kursonator-pp .popup-content .title-popup .white-text {
    font-family: BebasNeue;
    font-style: normal;
    font-weight: bold;
    font-size: 34.8778px;
    line-height: 100%;
    color: #FFFFFF;
}


.white-popup#kursonator-pp .popup-content .under-title{
    margin-bottom: 16px;
    position: absolute;
    top: 132px;
    right: 15px;
    transform: rotate(-13.68deg);
}
.white-popup#kursonator-pp .popup-content .under-title span.white-text {
    font-family: BebasNeue;
    font-style: normal;
    font-weight: bold;
    font-size: 36.8778px;
    line-height: 100%!important;
    color: #FFFFFF;
}

.white-popup#kursonator-pp .popup-content .under-title span.big-text {
    display: block;
    font-family: BebasNeue;
    font-style: normal;
    font-weight: bold;
    font-size: 48.3913px;
    line-height: 100%!important;
    color: #FFFFFF;
}
.white-popup#kursonator-pp .btn_popup {
    text-decoration: none;
    box-sizing: border-box;
    padding: 20px;
    max-width: 308px;
    width: 100%;
    transition: 0.3s;
    display: block;
    position: relative;
    background-blend-mode: color, normal;
    border: unset;
    height: 75px;
    bottom: -456px;
    left: 136px;
    background: #2288D3;
    box-shadow: -6.71926px 6.71926px 51.5143px rgba(64, 158, 226, 0.62);
    border-radius: 71.1372px;
    transform: rotate(-8.97deg);
    font-family: TT Norms;
    font-style: normal;
    font-weight: bold;
    font-size: 31.2005px;
    line-height: 37px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
}

    @media screen and (max-width: 680px) {
        .white-popup#kursonator-pp {
            max-width: 500px;
            background-size: cover;
            height: 500px;
            background-position: center;
        }

        .white-popup#kursonator-pp .popup-content .title-popup .white-text {
            font-size: 25px;
            line-height: 23px;
        }
        .white-popup#kursonator-pp .popup-content .title-popup .big-text {
            font-size: 35.2545px;
            line-height: 36px;
        }


        .white-popup#kursonator-pp .popup-content .title-popup {
            margin-bottom: 7px;
            top: 11px;
            right: 15px;
        }
        .white-popup#kursonator-pp .popup-content .desc-popup{
            font-size: 14px;
            line-height: 130%;
        }

        .white-popup#kursonator-pp .popup-content .under-title {
            padding-left: 16px;
            top: 97px;
            right: 8px;
        }
        .white-popup#kursonator-pp .popup-content .under-title span.white-text {
            font-size: 27.8778px;
        }
        .white-popup#kursonator-pp .popup-content .under-title span.big-text {
            font-size: 38.3913px;
        }
        .white-popup#kursonator-pp .btn_popup{
            bottom: -360px;
            left: 98px;
            max-width: 210px;
            height: 58px;
            font-size: 26px;
            padding: 13px;
        }
    }
    @media screen and (max-width: 480px){
        .white-popup#kursonator-pp {
            max-width: 290px;
            background-size: cover;
            height: 380px;
            background-position: center;
        }
        .white-popup#kursonator-pp .popup-content .title-popup {
            margin-bottom: 7px;
            top: 6px;
            right: -9px;
        }
        .white-popup#kursonator-pp .popup-content .title-popup .white-text {
            font-size: 19px;
            line-height: 23px;
        }
        .white-popup#kursonator-pp .popup-content .title-popup .big-text {
            font-size: 25.2545px;
            line-height: 25px;
        }
        .white-popup#kursonator-pp .popup-content .under-title {
            padding-left: 16px;
            top: 71px;
            right: -14px;
        }
        .white-popup#kursonator-pp .popup-content .under-title span.white-text {
            font-size: 18px;
        }
        .white-popup#kursonator-pp .popup-content .under-title span.big-text {
            font-size: 25px;
        }
        .white-popup#kursonator-pp .btn_popup {
            bottom: -245px;
            left: 45px;
            max-width: 180px;
            height: 48px;
            font-size: 18px;
            padding: 7px;
        }
    }
/*end kursonator-pp_popup */


.diz.one-caption,
.diz.two-caption{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.diz.one-caption img,
.diz.two-caption img{
    border: unset;
}
.diz.one-caption>.img-wrapper {
    color: #fff;
    text-decoration: none;
    max-width: 400px;
    width: 47%;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.diz.two-caption .img-block {
    max-width: 400px;
    width: 47%;
    margin: 0;
    display: flex;
    flex-direction: column;
    
}

.diz.two-caption .img-block .img-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
}
.diz.one-caption .img-wrapper a,
.diz.two-caption .img-wrapper a{
    border-bottom: unset;
}

.diz.one-caption .img-wrapper iframe,
.diz.two-caption .img-wrapper iframe{
    width: 100%;
    height: 100%;
}
.diz.one-caption>.img-wrapper:first-child ,
.diz.two-caption .img-block:first-child{
    margin-right: 20px;
}
.diz.one-caption .caption,
.diz.two-caption .caption{
    display: block;
    font-style: italic;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px 0 15px;
    font-size: 16px;
    float: none;
    margin: auto;
    text-align: left;
    color: #999999;

}

.diz.one-caption .caption{
    max-width: 820px;
    flex: 0 0 100%;
    text-align: center;
}
@media (max-width:480px){
    .diz.one-caption,
    .diz.two-caption {
        flex-direction: column;
    }

    .diz.one-caption>.img-wrapper,
    .diz.two-caption .img-block {
        margin: 0;
        max-width: 100%;
        width: 100%;
    }
    .diz.one-caption>.img-wrapper:first-child ,
    .diz.two-caption .img-block:first-child {
        margin-bottom: 30px;
        margin-right: 0;
    }
    
}

/* storytelling-pp_popup */
.white-popup#storytelling-pp button.mfp-close {
    top: 10%;
    right: 20px;
}

.white-popup#storytelling-pp {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 795px;
    width: 100%;
    height: 647px;
    background: url(/bitrix/templates/adapt/images/storytelling-pp-bg.png)no-repeat center;
    background-size: cover;
    box-shadow: none;
    border-radius: 0;
    overflow: hidden;
}

.white-popup#storytelling-pp .btn_popup {
    text-decoration: none;
    box-sizing: border-box;
    padding: 20px;
    width: 100%;
    transition: 0.3s;
    display: block;
    position: relative;
    background-blend-mode: color, normal;
    border: unset;
    height: 60px;
    bottom: -366px;
    left: 286px;
    text-align: center;
    transform: rotate(-10.97deg);
    background: #F10157;
    box-shadow: -4.77461px 4.77461px 36.6053px #F10157;
    border-radius: 50.5491px;
    font-family: TT Norms;
    font-style: normal;
    font-weight: bold;
    font-size: 22.1707px;
    line-height: 100%;
    align-items: center;
    text-transform: uppercase;
    color: #FFFFFF;
    max-width: 248px;
    margin: 16px;
}
@media screen and (max-width: 1366px) {
    .white-popup#storytelling-pp {
        max-width: 660px;
        height: 537px;
    }
    .white-popup#storytelling-pp .btn_popup{
        max-width: 228px;
        bottom: -286px;
    left: 216px;
    }
}
    @media screen and (max-width: 800px) {
        .white-popup#storytelling-pp {
            max-width: 500px;
            background-size: cover;
            height: 410px;
            background-position: center;
        }
        .white-popup#storytelling-pp .btn_popup {
            bottom: -206px;
            left: 108px;
            max-width: 200px;
            height: 48px;
            font-size: 21px;
            padding: 13px;
            line-height: 100%;
        }
    }
    @media screen and (max-width: 480px){
        .white-popup#storytelling-pp {
            max-width: 320px;
            background-size: cover;
            height: 270px;
            background-position: left;
        }
        .white-popup#storytelling-pp .btn_popup {
            bottom: -115px;
            left: 75px;
            max-width: 160px;
            height: 34px;
            font-size: 16px;
            padding: 10px;
        }
    }
/*end storytelling-pp_popup */


/* new style table blog */

.blog-detail .tablecont p {
    margin-bottom: 0;
    text-align: left;
    line-height: 130%;
}

.blog-detail .tablecont tr td, .blog-detail .tablecont tr th {
    padding: 20px;
}

.text table td, .text table th {
    border: none;
}


.blog-detail .tablecont.top tr:first-child td, .blog-detail .top tr:first-child th {
    background: #242D3A;
}

.blog-detail .tablecont.side tr td:first-child, .blog-detail .tablecont.top tr th:first-child {
    background: #242D3A;
    color: #ffffff;
}

.blog-detail table.tablecont tr:hover td {
    background: #F4F4F4;
}


.blog-detail table.tablecont tr:nth-child(2n) td {
    color: #000000;
    background: #fff;
}

.blog-detail .tablecont tr td, .blog-detail .tablecont tr th {
    background: #F4F4F4;
}

.blog-detail .tablecont.side tr td:first-child:hover, .blog-detail .tablecont.top tr th:first-child:hover {
    background: #242D3A;
    color: #ffffff;
}

.blog-detail .tablecont.side tr td:first-child p, .blog-detail .tablecont.top tr th:first-child p{
    color: #ffffff;
    
}

.blog-detail .text .tablecont.side tr td:first-child p, .blog-detail .text .tablecont.top tr th:first-child p {
    color: #ffffff;
}

.blog-detail .tablecont.top tr:first-child td p strong, .blog-detail .top tr:first-child th p strong {
    font-weight: 300;
}

.blog-detail .tablecont.side tr td:first-child p, .blog-detail .tablecont.top tr th:first-child p {
    font-weight: 300;
}

.blog-detail .tablecont tr td:first-child p {
    font-weight: 500;
    font-size: 16px;
}

.blog-detail [data-tbl] table {
    margin-bottom: 0;
}

.blog-detail [data-tbl] div {
margin-bottom: 20px;
cursor: all-scroll;
}


.blog-detail [data-tbl] div::-webkit-scrollbar {
    height: 10px;
    background: #DADADA;
    border-radius: 50px;
}

.blog-detail [data-tbl] div::-webkit-scrollbar-thumb {
    background: #E32E4A;
    border-radius: 50px;
}


.blog-detail [data-tbl] {
    position: relative;
}

.blog-detail [data-tbl] .copytable {
    height: 10px;
    top: 0;
    left: 0;
    width: 100%;
    overflow: auto;
    margin-bottom: 0px;
}

.blog-detail [data-tbl] .copytable .wrapper {
    height: 10px;
    margin-bottom: 0;
}

@media screen and (max-width: 767px) {
    .blog-detail article .tcwrap table.tablecont {
        justify-content: flex-start !important;
    }

    .blog-detail article .tcwrap table.tablecont tbody{
        width: 100%;
        min-width: 600px;
    }
}




/* end style table blog */

video{
    max-width:100%;
}

.container.service-detail.service-detail-new .content #texterra-grid .bg-red-color{
    z-index: 10;
}

.container.service-detail.service-detail-new .content #texterra-grid .callback-form__text:before{
    pointer-events: none;
}

/* blackfriday-saturn_popup */
.white-popup#blackfriday-saturn button.mfp-close {
    top: 10%;
    right: 20px;
}

.white-popup#blackfriday-saturn {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 600px;
    width: 100%;
    height: 515px;
    background: url(/bitrix/templates/adapt/images/blackfriday-saturn-bg.png)no-repeat center;
    background-size: auto;
    box-shadow: none;
    border-radius: 0;
    overflow: hidden;
    background-position: 34% center;
}


.white-popup#blackfriday-saturn *:not(.mfp-close){
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 1.3;
}

.white-popup#blackfriday-saturn .popup-content .white-block {
    position: absolute;
    left: 75px;
    top: 66px;
}
.white-popup#blackfriday-saturn .popup-content .white-block span{
    font-family: TT Norms;
    font-style: normal;
    font-weight: bold;
    font-size: 39px;
    line-height: 100%;
    color: #001455;
}

.white-popup#blackfriday-saturn .popup-content .under-white {
    position: absolute;
    top: 180px;
    left: 128px;
}

.white-popup#blackfriday-saturn .popup-content .under-white span{
    font-family: TT Norms;
    font-style: normal;
    font-weight: 500;
    font-size: 25.0776px;
    line-height: 81%;
    color: #FFFFFF;
}

.white-popup#blackfriday-saturn .popup-content .top-planet {
    width: 117px;
    height: 117px;
    background: url(/bitrix/templates/adapt/images/top-planet.png);
    background-size: contain;
    position: absolute;
    top: -25px;
    right: 60px;
    animation: planet-round 22s linear infinite;
    background-repeat: no-repeat;
}

.white-popup#blackfriday-saturn .popup-content .left-saturn {
    width: 159px;
    height: 124px;
    background: url(/bitrix/templates/adapt/images/left-saturn.png);
    background-size: contain;
    position: absolute;
    top: 174px;
    right: 377px;
    animation: planet-round-reverse 13s linear infinite;
    background-repeat: no-repeat;
}

.white-popup#blackfriday-saturn .popup-content .right-saturn {
    width: 166px;
    height: 107px;
    background: url(/bitrix/templates/adapt/images/right-saturn.png);
    background-size: contain;
    position: absolute;
    top: 183px;
    right: -23px;
    animation: saturn-round  13s linear infinite;
    background-repeat: no-repeat;
}

@keyframes planet-round {
    from {
        transform: rotate(0deg)
                   translate(-30px)
                   rotate(0deg);
    }
    to {
        transform: rotate(360deg)
                   translate(-30px)
                   rotate(-360deg);
    }
}

  @keyframes planet-round-reverse {
    from {
        transform: rotate(0deg)
                   translate(-30px)
                   rotate(0deg);
    }
    to {
        transform: rotate(-360deg)
                   translate(-30px)
                   rotate(360deg);
    }
  }

  @keyframes saturn-round {
    from {
        transform: rotate(0deg)
                   translate(-30px)
                   rotate(0deg);
    }
    to {
        transform: rotate(360deg)
                   translate(-30px)
                   rotate(-360deg);
    }
  }

.white-popup#blackfriday-saturn .btn_popup {
    text-decoration: none;
    box-sizing: border-box;
    padding: 16px;
    max-width: 228px;
    width: 100%;
    transition: 0.3s;
    display: block;
    position: relative;
    border: unset;
    bottom: -285px;
    left: 239px;
    background: #FF1B28;
    box-shadow: -4.39035px 4.39035px 33.6593px #FF1B28;
    border-radius: 46.4809px;
    font-family: TT Norms;
    font-style: normal;
    font-weight: bold;
    font-size: 20.3864px;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
}

    @media screen and (max-width: 600px) {
        .white-popup#blackfriday-saturn {
            max-width: 470px;
            height: 430px;
            background-position: -52% center;
        }

        .white-popup#blackfriday-saturn .popup-content .white-block {
            position: absolute;
            left: 20px;
            top: 27px;
        }
        .white-popup#blackfriday-saturn .popup-content .white-block span {
            font-size: 36px;
        }
        .white-popup#blackfriday-saturn .popup-content .under-white {
            position: absolute;
            top: 143px;
            left: 73px;
        }
        .white-popup#blackfriday-saturn .popup-content .top-planet{
            width: 97px;
            height: 97px;  
            top: -25px;
            right: 0px;
        }

        .white-popup#blackfriday-saturn .popup-content .left-saturn{
            width: 129px;
            height: 114px;   
            top: 174px;
            right: 237px;
        }

        .white-popup#blackfriday-saturn .popup-content .right-saturn{
            width: 136px;
            height: 77px;
            top: 173px;
            right: -33px;
        }

        .white-popup#blackfriday-saturn .btn_popup {
            bottom: -250px;
            left: 202px;
            max-width: 190px;
        }
    }
    @media screen and (max-width: 480px){
        .white-popup#blackfriday-saturn {
            max-width: 310px;
            height: 280px;
            background-size: cover;
            background-position: 114% center;
        }
        .white-popup#blackfriday-saturn .popup-content .white-block span {
            font-size: 27px;
        }
        .white-popup#blackfriday-saturn .popup-content .white-block {
            position: absolute;
            left: 5px;
            top: -12px;
        }
        .white-popup#blackfriday-saturn .popup-content .under-white span{
            font-size: 19px;    
        }
        .white-popup#blackfriday-saturn .popup-content .under-white {
            top: 73px;
            left: 28px;
        }
        .white-popup#blackfriday-saturn .btn_popup {
            bottom: -150px;
            left: 99px;        
            max-width: 170px;
            font-size: 18px;
            padding: 9px;
        }
        .white-popup#blackfriday-saturn .popup-content .right-saturn{
            top: 93px;
            right: -43px;
            animation: unset;     
        }
        .white-popup#blackfriday-saturn .popup-content .top-planet{
            width: 77px;
            height: 77px;
            top: -57px;
            right: 5px;
            animation: unset;     
        }
        .white-popup#blackfriday-saturn .popup-content .left-saturn {
            width: 109px;
            top: 114px;
            right: 176px;
            animation: unset;  
        }
    }
/*end blackfriday-saturn_popup */

/* brandmedia-pp_popup */
.white-popup#brandmedia-pp button.mfp-close {
    top: 10%;
    right: 20px;
}

.white-popup#brandmedia-pp {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 795px;
    width: 100%;
    height: 647px;
    background: url(/bitrix/templates/adapt/images/brandMedia-pp-bg.png)no-repeat center;
    background-size: cover;
    box-shadow: none;
    border-radius: 0;
    overflow: hidden;
}

.white-popup#brandmedia-pp .popup-content {
    width: 100%;
    height: 75%;
    display: block;
    border-bottom: none;
}

.white-popup#brandmedia-pp .btn_popup {
    position: absolute;
    width: 314.12px;
    height: 82.31px;
    background: linear-gradient(160.58deg, #CE9F76 15.73%, #A56B4D 88.93%);
    border-radius: 117.583px;
    box-sizing: border-box;
    border-radius: 117.583px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    font-weight: 450;
    font-size: 26.8762px;
    top: 400px;
    left: 140px;
    padding-left: 40px;
    padding-right: 120px;
}

.white-popup#brandmedia-pp .btn_popup:hover {
    background: linear-gradient(160.58deg, #CE9F76 15.73%, #8d5c42 88.93%);
}

.white-popup#brandmedia-pp .btn_popup:hover:after {
    background: linear-gradient(160.58deg, #CE9F76 15.73%, #8d5c42 88.93%);
}

.white-popup#brandmedia-pp .btn_popup:after {
    position: absolute;
    background: linear-gradient(160.58deg, #CE9F76 15.73%, #A56B4D 88.93%);
    border: 1.67976px solid #B7856B;
    box-sizing: border-box;
    border-radius: 117.583px;
    content:'';
    bottom: 8px;
    left: 13px;
    width: 287.24px;
    height: 65.51px;
}

.white-popup#brandmedia-pp .btn_popup:before {
    position: absolute;
    content: '';
    z-index: 2;
    width: 70.55px;
    height: 11px;
    background: url(/bitrix/templates/adapt/images/arrow-popup-brandMedia.png)no-repeat center;
    background-size: cover;
    bottom: 33px;
    left: 200px;
}
.white-popup#brandmedia-pp .btn_popup span{
    display: block;
    position: relative;
    z-index: 2;
}

@media screen and (max-width: 1366px) {
    .white-popup#brandmedia-pp {
        max-width: 660px;
        height: 537px;
    }
    .white-popup#brandmedia-pp .btn_popup{
       top: 340px;
    }
}
    @media screen and (max-width: 800px) {
        .white-popup#brandmedia-pp {
            max-width: 500px;
            background-size: cover;
            height: 410px;
            background-position: center;
        }
        .white-popup#brandmedia-pp .btn_popup:before {
            display: none;
        }
        .white-popup#brandmedia-pp .btn_popup {
            width: 240.12px;
            height: 62.92px;
            display: flex;
            align-items: center;
            justify-content: center;
            padding-left: 30px;
            padding-right: 30px;
            top: 260px;
            left: 100px;
        }
        .white-popup#brandmedia-pp .btn_popup:after {
            width: 219.57px;
            height: 50.08px;
            bottom: 6px;
            left: 10px;
        }
    }
    @media screen and (max-width: 480px){
        .white-popup#brandmedia-pp {
            max-width: 320px;
            background-size: cover;
            height: 270px;
        }
        .white-popup#brandmedia-pp .btn_popup {
            width: 154.12px;
            height: 40.38px;
            font-size: 16px;
            top: 170px;
            left: 50px;
        }
        .white-popup#brandmedia-pp .btn_popup:after {
            width: 140.93px;
            height: 32.14px;
            bottom: 4px;
            left: 7px;
        }
    }
/*end brandmedia-pp_popup */

/* sale-internet-marketing-pp */
.white-popup#sale-internet-marketing-pp button.mfp-close {
    top: 5%;
    right: -50px;
}

.white-popup#sale-internet-marketing-pp {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 500px;
    width: 100%;
    height: 344px;
    background: url(/bitrix/templates/adapt/images/sale-internet-marketing-pp.png) no-repeat center;
    background-size: cover;
    box-shadow: none;
    border-radius: 0;
}

.white-popup#sale-internet-marketing-pp .popup-content {
    width: 100%;
    height: 75%;
    display: block;
    border-bottom: none;
}

.white-popup#sale-internet-marketing-pp .btn_popup {
    width: 200px;
    height: 56px;
    background: #DC3044;
    border-radius: 27.9708px;
    color: #fff;
    font-weight: bold;
    font-size: 20.139px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: -40px;
    left: 50%;
    transform: translateX(-50%);
    transition: 0.3s ease;
}
.white-popup#sale-internet-marketing-pp .btn_popup:hover {
    background: #9a212f;
}


.white-popup#sale-internet-marketing-pp .btn_popup span{
    display: block;
    position: relative;
    z-index: 2;
}

.white-popup#sale-internet-marketing-pp .santa {
    position: absolute;
    background-image: url(/bitrix/templates/adapt/images/santa.png);
    width: 475px;
    height: 264px;
    top: -130px;
    left: -51px;
    background-size: contain;
    background-repeat: no-repeat;
    animation: santa 2.3s linear infinite;
}

@keyframes santa {
    from {
      -webkit-transform: rotate(0deg) translateX(4px) rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg) translateX(4px) rotate(-360deg);
    }
}

.white-popup#sale-internet-marketing-pp .presents-1 {
    position: absolute;
    background-image: url(/bitrix/templates/adapt/images/presents-1.png);
    width: 51px;
    height: 71px;
    top: -100px;
    left: 350px;
    background-size: contain;
    background-repeat: no-repeat;
    animation: Presents1 2s linear infinite;
}

@keyframes Presents1 {
    from {
      -webkit-transform: rotate(0deg) translateX(2px) rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg) translateX(2px) rotate(-360deg);
    }
}


.white-popup#sale-internet-marketing-pp .presents-2 {
    position: absolute;
    background-image: url(/bitrix/templates/adapt/images/presents-2.png);
    width: 92px;
    height: 81px;
    top: -40px;
    left: 329px;
    background-size: contain;
    background-repeat: no-repeat;
    animation: Presents2 1.5s linear infinite;
}

@keyframes Presents2 {
    from {
      -webkit-transform: rotate(0deg) translateX(2px) rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg) translateX(2px) rotate(-360deg);
    }
}

.white-popup#sale-internet-marketing-pp .presents-3 {
    position: absolute;
    background-image: url(/bitrix/templates/adapt/images/presents-3.png);
    width: 73px;
    height: 63px;
    top: -20px;
    left: 409px;
    background-size: contain;
    background-repeat: no-repeat;
    animation: Presents3 1s linear infinite;
}
@keyframes Presents3 {
    from {
      -webkit-transform: rotate(0deg) translateX(4px) rotate(0deg);
    }
    to {
      -webkit-transform: rotate(-360deg) translateX(4px) rotate(360deg);
    }
}
    @media screen and (max-width: 600px) {
        .white-popup#sale-internet-marketing-pp button.mfp-close {
            top: 13%;
            right: 0px;
        }
    }
    @media screen and (max-width: 480px){
        .white-popup#sale-internet-marketing-pp {
            max-width: 300px;
            background-size: contain;
            height: 320px;
        }
        .white-popup#sale-internet-marketing-pp .btn_popup {
            width: 154.12px;
            height: 40.38px;
            font-size: 16px;
            top: 270px;
        }
        .white-popup#sale-internet-marketing-pp .santa {
            width: 445px;
            height: 184px;
            top: -30px;
            left: -11px;
        }
        .white-popup#sale-internet-marketing-pp .presents-1 {
            width: 31px;
            height: 71px;
            top: -60px;
            left: 190px;
        }
        .white-popup#sale-internet-marketing-pp .presents-2 {
            width: 52px;
            height: 81px;
            top: -40px;
            left: 209px;
        }
        .white-popup#sale-internet-marketing-pp .presents-3 {
            width: 43px;
            height: 63px;
            top: -90px;
            left: 229px;
        }
    }
/*end sale-internet-marketing-pp*/

/* youtube-widget-blog */
.youtube-widget-blog .yottie-widget-header-channel-title {
    border: none !important;
}
.youtube-widget-blog .yottie-widget-header-channel-title a {
    border: none !important;
    text-decoration: none !important;
}
.youtube-widget-blog .yottie-widget-video-info a {
    border: none !important;
    text-decoration: none !important;
}
.youtube-widget-blog.border-gray{
    border: 1px solid #ccc;
    /* border-radius: 20px 20px 0 0; */
    overflow: hidden;
    margin-bottom: 50px;
}
.youtube-widget-blog .yottie-widget-inner {
    border-radius: 0;
}
.youtube-widget-blog.border-gray a, .border-gray a:hover{
    text-decoration:none;
    color:transparent;
}
.youtube-widget-blog #yottie_1 .yottie-widget-video-info-title:hover{
    text-decoration:none!important;
}

.youtube-widget-blog .yottie-widget-video-preview {
    color: transparent;
    border: none !important;
}
/*end youtube-widget-blog*/