b, strong {
    font-weight: bolder;
    color: #111;
} 

em {
    color: unset;
}

    @font-face {
        font-family: 'San Francisco Pro Bold';
        src: url('/assets/tmp/img/font/sf/SFProDisplay-Bold.eot');
        src: url('/assets/tmp/img/font/sf/SFProDisplay-Bold.eot?#iefix') format('embedded-opentype'),
        url('/assets/tmp/img/font/sf/SFProDisplay-Bold.woff2') format('woff2'),
        url('/assets/tmp/img/font/sf/SFProDisplay-Bold.woff') format('woff'),
        url('/assets/tmp/img/font/sf/SFProDisplay-Bold.ttf') format('truetype');
        font-weight: 700;
        font-style: normal;
    }


    @font-face {
        font-family: 'San Francisco Pro';

        src: url('/assets/tmp/img/font/sf/SFProDisplay-Regular.eot');
        src: url('/assets/tmp/img/font/sf/SFProDisplay-Regular.eot?#iefix') format('embedded-opentype'),

        url('/assets/tmp/img/font/sf/SFProDisplay-Regular.woff2') format('woff2'),
        url('/assets/tmp/img/font/sf/SFProDisplay-Regular.woff') format('woff'),
        url('/assets/tmp/img/font/sf/SFProDisplay-Regular.ttf') format('truetype');
        font-weight: 400;
        font-style: normal;
    }









    @font-face {
        font-family: 'San Francisco Pro Semibold';
        src: url('/assets/tmp/img/font/sf/SFProDisplay-Semibold.eot');
        src: url('/assets/tmp/img/font/sf/SFProDisplay-Semibold.eot?#iefix') format('embedded-opentype'),
        url('/assets/tmp/img/font/sf/SFProDisplay-Semibold.woff2') format('woff2'),
        url('/assets/tmp/img/font/sf/SFProDisplay-Semibold.woff') format('woff'),
        url('/assets/tmp/img/font/sf/SFProDisplay-Semibold.ttf') format('truetype');
        font-weight: 600;
        font-style: normal;
    }



    @font-face {
        font-family: 'San Francisco Pro Italic';
        src: url('/assets/tmp/img/font/sf/SFProDisplay-RegularItalic.eot');
        src: url('/assets/tmp/img/font/sf/SFProDisplay-RegularItalic.eot?#iefix') format('embedded-opentype'),
        url('/assets/tmp/img/font/sf/SFProDisplay-RegularItalic.woff') format('woff'),
        url('/assets/tmp/img/font/sf/SFProDisplay-RegularItalic.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }
    b, strong {
        font-family: 'San Francisco Pro Semibold';
    }
    i, em {
        font-family: 'San Francisco Pro Italic';
    }
    .page {
        max-width: 1100px;
        margin: 0 auto;
    }
    .bg-f5f5f7 {
        background: #f5f5f7
    }
    body {
        font-family: 'San Francisco Pro';
        font-size: 15px;
    }
    .uk-button {
        font-size: 14px;
    }
    p {
        font-weight: normal;
        font-size: 15px;
    }
    h1, .head-3, .head-text, h2, h3 {
        font-family: 'San Francisco Pro Bold';
    }
    h3 {
        font-size: 18px;
    }
    .big-btn {

        font-size: 17px;

    }
    h1 {
        font-family: 'San Francisco Pro Bold';
        color: #313338;
        font-size: 34px;
    }
    .uk-accordion-title {
        color: #82a0b9;
        font-size: 15px!important;
    }
    table { border-collapse: separate; }

    .uk-table td {
        padding: 13px 15px;
        vertical-align: top;
    }

    .uk-table-striped tbody tr:nth-of-type(odd), .uk-table-striped>tr:nth-of-type(odd) {
        background: #f5f5f7;
    }
    td:first-child {
        border-left-style: solid;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }
    td:last-child {
        border-right-style: solid;
        border-bottom-right-radius: 4px;
        border-top-right-radius: 4px;
    }

    .contacts td:first-child, .contacts td:last-child {
        border: 0;
    }
      .contacts tr   {
          border-top: 1px solid #e5e5e5;
    }
    .contacts td {
        padding-left: 0;
    }
    .contacts td + td {
        color: #111;
    }

    .contacts tr:last-child {
        border-bottom: 1px solid #e5e5e5!important;
        border-bottom-width: 1px!important;
        border-bottom-style: solid!important;
        border-bottom-color: rgb(229, 229, 229)!important;
    }
    .price td+td {
        text-align: right;
        white-space: nowrap;
    }
    .price .head-3 {
        margin-left: 15px;
    }
    .my-padding   {
        padding: 20px 30px;
    }
    .block-radius-bg {
        background: #f6f7f9;
        border-radius: 8px;
        font-style:normal;
    }


    .my-margin-minus {
        margin-left: -30px;
        margin-right: -30px;
    }
    .gradient {
        background: linear-gradient(60deg, #f2f3f5, #d0d3d7);
    }
    .border-none * {
        border: 0!important;
    }
    .btn-yelow {
        box-sizing: border-box;
        position: relative;
        transition-property: background-color,border,box-shadow;
        transition-duration: .25s;
        transition-timing-function: ease;
        color: #ffffff;
        border: 1px solid #00b31b;
        background-color: #00b31b;
        min-height: 56px;
        text-transform: unset;
        border-radius: 6px;
        padding-right: 40px;
        padding-left: 40px;


    }

    .btn-dark {
        box-sizing: border-box;
        position: relative;
        transition-property: background-color;
        transition-duration: .25s;
        transition-timing-function: ease;
        color: #333;
        border: 1px solid #555;
        background-color: transparent;
        border-radius: 4px;
        text-transform: unset;
        font-size: 14px!important;
    }
    .btn-dark:hover    {
        border-color: #909090;
        background-color: rgba(51,51,51,.08);
    }
    .btn-yelow:hover {
        color: #ffffff;
        border-color: #008f16;
        background-color: #008f16;
    }
    .btn-wrap {
        cursor: pointer;
        margin-top: 90px;
        margin-bottom: 40px;
    }
    .beaf {
        background: #ccc;
        min-height: 204px;
        max-height: 354px;
        overflow: hidden;

    }
    .beaf img {
        width: 100%;
        height: auto;
    }

    .twentytwenty-container {
        min-height: 200px;
    }
    .btn-blue {
        box-sizing: border-box;
        position: relative;
        transition-property: background-color,border,box-shadow;
        transition-duration: .25s;
        transition-timing-function: ease;
        border: 1px solid #ecf1f7;
        background-color: #ecf1f7;
        color: #3d7ab6!important;
        text-transform: unset;
        border-radius: 4px;
        padding: 0px 22px 2px;
    }
    .btn-blue:hover {
        border-color: #e4ebf3;
        background-color: #e4ebf3;
    }
    .head-3 {
        font-family: 'San Francisco Pro Bold';
        font-size: 15px;
        color: #333;
    }
    .text ul, .page-text ul, .page-text ol {
        padding-left: 0;
    }
    .text ul li, .page-text ul li {
        position: relative;
        list-style: none;
    }
    .text ul li span, .page-text ul li span {
        display: inline-block;
    }
    .text ul li, .page-text ul li {
        padding-left: 20px;
    }
    .text ol, .page-text ol {
    padding-left: 20px;
    }
    .text ul li span > span {
        padding: 0;
    }
    .text ul li::before, .page-text ul li::before {
        content: '';
        position: absolute;
        top: 8px;
        left: 3px;
        width: 8px;
        height: 8px;
        background-color: #ffdd2d;
    }
    .slnav {
        background: #ECF1F7;
        border-radius: 32px;
        color: #77a2cc;
        width: 32px;
        height: 32px;
        display: inline-block;
        padding: 0;
        margin-left: -60px;
    }
    .slnav + .slnav {
        margin-right: -60px;
    }
    .slnav  *  {
        stroke-width: 5;
    }
    .slnav  > *  {
        max-width: 20%;
        margin-top: 10px;
        height: auto;
    }
    /*------------------------- header ---------------- */
    .uk-logo {
        font-family: 'San Francisco Pro Bold';
        font-size: 16px;
        color: #333;
        margin-right: 40px;
    }
    .uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle {
        min-height: 48px;
    }
    .uk-navbar-toggle {
        color: #111;
    }
    .top-menu .uk-navbar-nav>li>a
    {
        color: #959ba4;
        text-transform: unset;
        min-height: 60px;
        font-size: 12px;
        font-family: 'San Francisco Pro';
        box-sizing: border-box;
        position: relative;
    }
    .top-menu-1 {
        text-transform: uppercase;
    }
    .top-menu-one li a {
        font-size: 12px;
        font-weight: 500;
        letter-spacing: 1px;
    }

    .top-menu li a:hover, .top-menu-one li.active a, .top-menu-1 li.active a {
        color: #333;
    }
    .top-menu li a:hover:after, .top-menu-2 .active a:after {
        content: " ";
        color: #333;
        width: calc(100% - 30px);
        position: absolute;
        bottom: 0;
        left: 15px;
        border-bottom: 2px solid #cbcfd3;
    }
   .top-menu-2 .active a:after {
       border-bottom: 2px solid #333;
    }
    .top-menu ul li:first-child a:after {
        left: 0px;
        width: calc(100% - 15px);
    }

    .top-menu-one li a:hover {
        color: #333;
    }
    .my-box-shadow-medium {
        box-shadow: 0 10px 16px -6px rgba(0,0,0,.08);
    }
    .top-menu ul li:first-child a {
        padding-left: 0;
    }
    .uk-offcanvas_menu {
        padding: 12px;
    }
    .uk-offcanvas_menu   ul li {
        margin: 0!important;
        padding: 0!important;
    }
    .uk-offcanvas_menu   ul li li a
    { text-transform: none;
    }
    .uk-offcanvas_menu .uk-nav-sub {
        margin-top: 0;
    }

   #offcanvas .uk-nav-sub, .footer_mobail .uk-nav-sub, .footer_mobail .uk-nav-sub li:first-child {
        margin-top: 0!important;
        padding-top: 0!important;
    }

    /*------------------------ baner -------------------------- */
    .baner {
        border-radius: 8px;
    }
    .baner__text {
        margin: 36px 40px 40px 0px;
    }
    .baner__text p {
        font-size: 15px;
    }
    .head-text {
        font-family: 'San Francisco Pro Bold';
        color: #313338;
        font-size: 30px;
    }
    /*-------------- ways ----------------------- */
    .ways-item {
        position: relative;
        padding: 0px;
        display: inline-block;
        background: linear-gradient(60deg, #f2f3f5, #d0d3d7);
        border-radius: 8px;
        overflow: hidden;
        padding-bottom: 40px;
    }
    .ways-item  img {
        width: 100%;
        height: auto;
    }
    .ways-item__desk {
        padding: 10px 20px 20px;
    }
    .ways-item__desk p {
        margin-top: 10px;
    }
    .ways-item__desk .uk-button {
        position: absolute;
        bottom: 20px;
    }
    /*-------------works----------------*/
    .works-item {
        border: 1px solid #e6e6e6;
        border-radius: 8px;
        overflow: hidden;
      
    }
    .works-page-index   .works-item {
          position: relative;
        padding-bottom: 50px;
    }
    .works-page-index .works-item .uk-button {
            position: absolute;
    bottom: 20px;
        
    }

    .no-top-border {
        border-top-width: 0;
        border-top-right-radius: 0;
        border-top-left-radius: 0;
    }
    .no-bottom-border {
        border-bottom-width: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .works-item__desk
    {
        padding: 20px 20px 20px;
    }
    .works-item__desk p {
        color: #666
    }

    /*------------- advantages    ----------------*/
    .advantages-item {
        background: #f5f5f7;
        border-radius: 8px;
        padding: 15px 25px;
        overflow: hidden;
    }
    .advantages-item p {
        margin: 10px 0 0 0;
        padding: 0;
        font-size: 15px;
    }
    .advantages-item .head-3 {
        font-size: 15px;
    }
    @media only screen and (max-width:960px) {
        .advantages-item {

            padding: 13px 12px;
        }
        .advantages  .uk-grid-margin {
            margin-top: 10px!important;
        }
        .advantages-item p {

            font-size: 14px;
        }
        .advantages-item .head-3 {
            font-size: 14px;
        }
    }

    /*------------- masters   ----------------*/
    .masters .uk-slider-items li {
        padding-bottom: 20px;
    }
    .masters-item {
       overflow: hidden;
        border: 1px solid #e6e6e6;
        border-radius: 8px;
    }
    .item-img    {
            max-height: 173px;
            
    }
    .masters-item p {
        color: #666;
    }
    /*
.master-page {

    overflow: auto;
    padding-bottom: 30px;
    -webkit-overflow-scrolling: touch;

    }
    .master-page-item {
        min-width: 1000px;
    }
    .master {
        max-height: 480px;
        overflow: hidden;
    }
     */

    /*------------- questions   ----------------*/
    .uk-accordion-title {
        color: #3d7ab6; font-size: 1.1rem;
    }
    .uk-open .uk-accordion-title {
        color: #335c84;
    }
    .uk-accordion-content {
        color: #434547;
        margin-top: 14px;
    }
    .uk-accordion > li:not(:last-child) {
        border-bottom: 1px solid #c1c1c3;
        padding-bottom: 10px;
    }
    .uk-accordion>:nth-child(n+2) {
        margin-top: 10px;
    }

    .uk-accordion-title::before {
        content: "";
        width: 1.4em;
        height: 1.4em;
        margin-left: 10px;
        float: right;
        background-size: 16px;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDQ1MS44NDcgNDUxLjg0NyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDUxLjg0NyA0NTEuODQ3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGc+PGc+Cgk8cGF0aCBkPSJNMjI1LjkyMywzNTQuNzA2Yy04LjA5OCwwLTE2LjE5NS0zLjA5Mi0yMi4zNjktOS4yNjNMOS4yNywxNTEuMTU3Yy0xMi4zNTktMTIuMzU5LTEyLjM1OS0zMi4zOTcsMC00NC43NTEgICBjMTIuMzU0LTEyLjM1NCwzMi4zODgtMTIuMzU0LDQ0Ljc0OCwwbDE3MS45MDUsMTcxLjkxNWwxNzEuOTA2LTE3MS45MDljMTIuMzU5LTEyLjM1NCwzMi4zOTEtMTIuMzU0LDQ0Ljc0NCwwICAgYzEyLjM2NSwxMi4zNTQsMTIuMzY1LDMyLjM5MiwwLDQ0Ljc1MUwyNDguMjkyLDM0NS40NDlDMjQyLjExNSwzNTEuNjIxLDIzNC4wMTgsMzU0LjcwNiwyMjUuOTIzLDM1NC43MDZ6IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIGRhdGEtb2xkX2NvbG9yPSIjMDAwMDAwIiBzdHlsZT0iZmlsbDojRDJEMkQyIj48L3BhdGg+CjwvZz48L2c+IDwvc3ZnPg==);
        background-position: 50% 50%


    }

    .uk-open .uk-accordion-title::before {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDQ1MS44NDcgNDUxLjg0NyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDUxLjg0NyA0NTEuODQ3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGcgdHJhbnNmb3JtPSJtYXRyaXgoLTEgMS4yMjQ2NWUtMTYgLTEuMjI0NjVlLTE2IC0xIDQ1MS44NDcgNDUxLjg0NykiPjxnPgoJPHBhdGggZD0iTTIyNS45MjMsMzU0LjcwNmMtOC4wOTgsMC0xNi4xOTUtMy4wOTItMjIuMzY5LTkuMjYzTDkuMjcsMTUxLjE1N2MtMTIuMzU5LTEyLjM1OS0xMi4zNTktMzIuMzk3LDAtNDQuNzUxICAgYzEyLjM1NC0xMi4zNTQsMzIuMzg4LTEyLjM1NCw0NC43NDgsMGwxNzEuOTA1LDE3MS45MTVsMTcxLjkwNi0xNzEuOTA5YzEyLjM1OS0xMi4zNTQsMzIuMzkxLTEyLjM1NCw0NC43NDQsMCAgIGMxMi4zNjUsMTIuMzU0LDEyLjM2NSwzMi4zOTIsMCw0NC43NTFMMjQ4LjI5MiwzNDUuNDQ5QzI0Mi4xMTUsMzUxLjYyMSwyMzQuMDE4LDM1NC43MDYsMjI1LjkyMywzNTQuNzA2eiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBkYXRhLW9sZF9jb2xvcj0iIzAwMDAwMCIgc3R5bGU9ImZpbGw6I0QyRDJEMiI+PC9wYXRoPgo8L2c+PC9nPiA8L3N2Zz4=)
    }/*------------ blok artikle ------------------ */

    /*
    .text-col h2 {
        font-size: 30px;
        font-family: 'San Francisco Pro Bold';
    }
    */

    /*----------------- form -------------------------- */
    .form {
        box-shadow: 0 0 0 1px #dddfe0 inset;
        border-radius: 6px;
        overflow: hidden;
    }
    .border-top {
        border-top: 1px solid  #dddfe0;
    }
    .uk-open .form-open {
        background: #fff;
        position: relative;
    }
    #form.uk-open {
        border-radius: 0;
        box-shadow: 0 0 0;
    }
    #form.uk-open > * {  border-radius: 0;
        box-shadow: 0 0 0;}
    .title-form {
        background: #3d4658;
        color: #fff;
        text-align: center;
        padding: 25px 0;
        font-size: 20px;
        font-weight: 300;
    }
    .uk-input { background-color: #eef2f7; border-radius: 6px; min-height: 66px;
        padding-top: 14px;

    }
    #phone {
        font-size: 17px;
    }
    label {
        font-size: 13px;
        font-weight: 300;
        margin-top: 29px;
        left: 10px;
        z-index: 3;
        position: absolute;
    }
    /*--------------------- footer ------------------------- */
    .footer a {
        color: #777!important;

    }
    .footer {
        padding-top: 30px;
    }

.footer-bottom {

    min-height: 60px;
    font-size: 12px;

}
.bg-f5f5f7 {
        background: #f5f5f7;
    }
    .max-height-48 {
        max-height: 48px;
        overflow: hidden;
    }
.footer .uk-nav-sub {
    text-transform: none;
}
    /* ------------- offcanvas ------------------- */
    .uk-offcanvas-bar {
        background: #fff;
    }


    #offcanvas .uk-offcanvas_menu ul li a {
        color: #111;
    }


    #offcanvas .uk-offcanvas_menu-base ul li a, .footer_mobail ul li li a {
        color: #959ba4!important;
        text-transform: unset;
        font-size: 12px;
        font-family: 'San Francisco Pro';
        box-sizing: border-box;
        position: relative;
    }
.footer_mobail ul li:last-child {

    padding-bottom: 10px;
    margin-bottom: -21px;
}
.uk-offcanvas_menu-base {
      min-height: calc(100% - 150px);
}
    .uk-offcanvas_menu-base ul li:last-child {
        border-bottom: 1px solid #e5e5e5 !important;
    }

    .uk-offcanvas_menu-base ul li li:last-child {
        border-bottom: 1px solid  transparent !important;
    }

    #offcanvas .uk-offcanvas_menu-base .uk-list-divider>li:nth-child(n+2) {

        border-top: 1px solid #e5e5e5!important;
    }


    .footer_mobail  .uk-nav-parent-icon>.uk-parent>a::after {


        content: "";
        width: 1.4em;
        height: 1.4em;
        margin-left: 10px;
        float: right;
        background-size: 14px;
         background-position: 50% 50%;

        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDQ1MS44NDcgNDUxLjg0NyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDUxLjg0NyA0NTEuODQ3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGc+PGc+Cgk8cGF0aCBkPSJNMjI1LjkyMywzNTQuNzA2Yy04LjA5OCwwLTE2LjE5NS0zLjA5Mi0yMi4zNjktOS4yNjNMOS4yNywxNTEuMTU3Yy0xMi4zNTktMTIuMzU5LTEyLjM1OS0zMi4zOTcsMC00NC43NTEgICBjMTIuMzU0LTEyLjM1NCwzMi4zODgtMTIuMzU0LDQ0Ljc0OCwwbDE3MS45MDUsMTcxLjkxNWwxNzEuOTA2LTE3MS45MDljMTIuMzU5LTEyLjM1NCwzMi4zOTEtMTIuMzU0LDQ0Ljc0NCwwICAgYzEyLjM2NSwxMi4zNTQsMTIuMzY1LDMyLjM5MiwwLDQ0Ljc1MUwyNDguMjkyLDM0NS40NDlDMjQyLjExNSwzNTEuNjIxLDIzNC4wMTgsMzU0LjcwNiwyMjUuOTIzLDM1NC43MDZ6IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIGRhdGEtb2xkX2NvbG9yPSIjMDAwMDAwIiBzdHlsZT0iZmlsbDojRDJEMkQyIj48L3BhdGg+CjwvZz48L2c+IDwvc3ZnPg==);

    }
    .fm ul li:first-child {
        padding-top: 12px;
        border-top: 1px solid #e5e5e5 !important;
    }



    .fm ul li li:first-child {
        padding-top: 12px;
        border-top: 1px solid transparent !important;
    }



    .footer_mobail .uk-nav-parent-icon>.uk-parent.uk-open>a::after {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDQ1MS44NDcgNDUxLjg0NyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDUxLjg0NyA0NTEuODQ3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGcgdHJhbnNmb3JtPSJtYXRyaXgoLTEgMS4yMjQ2NWUtMTYgLTEuMjI0NjVlLTE2IC0xIDQ1MS44NDcgNDUxLjg0NykiPjxnPgoJPHBhdGggZD0iTTIyNS45MjMsMzU0LjcwNmMtOC4wOTgsMC0xNi4xOTUtMy4wOTItMjIuMzY5LTkuMjYzTDkuMjcsMTUxLjE1N2MtMTIuMzU5LTEyLjM1OS0xMi4zNTktMzIuMzk3LDAtNDQuNzUxICAgYzEyLjM1NC0xMi4zNTQsMzIuMzg4LTEyLjM1NCw0NC43NDgsMGwxNzEuOTA1LDE3MS45MTVsMTcxLjkwNi0xNzEuOTA5YzEyLjM1OS0xMi4zNTQsMzIuMzkxLTEyLjM1NCw0NC43NDQsMCAgIGMxMi4zNjUsMTIuMzU0LDEyLjM2NSwzMi4zOTIsMCw0NC43NTFMMjQ4LjI5MiwzNDUuNDQ5QzI0Mi4xMTUsMzUxLjYyMSwyMzQuMDE4LDM1NC43MDYsMjI1LjkyMywzNTQuNzA2eiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBkYXRhLW9sZF9jb2xvcj0iIzAwMDAwMCIgc3R5bGU9ImZpbGw6I0QyRDJEMiI+PC9wYXRoPgo8L2c+PC9nPiA8L3N2Zz4=)

    }
    .uk-offcanvas_menu-base {
        padding: 12px;
    }
    .footer_mobail ul li a {
        text-transform: uppercase;
        font-size: 12px;

    }


    #offcanvas .uk-offcanvas_menu-base ul li li a, .footer_mobail ul li li a {
        color: #959ba4;
        font-size: 14px;
        line-height: 32px;
        text-transform: none;
    }

    #offcanvas  .uk-logo {
        color: #333;
        padding: 12px 0 0 29px!important;
        display: block;
        width: calc(100% + 20px);
        background: #f5f5f7;
    }
    #offcanvas .uk-close {
        color: #333;
        margin-top: 12px;
        margin-right: 12px;
    }
    .mobail-toolge {
        padding-left: 0;
    }
.top-menu-2, .top-menu-1 {
    height: 60px;
    overflow: hidden;

}


    .top-menu {
        -webkit-overflow-scrolling: touch;
        overflow-x: scroll;
        overflow-y: hidden;
        height: 80px;

    }






    .top-menu  ul li a {
        white-space: nowrap;
        height: 60px;
    }

    @media only screen and (max-width:960px) {
        .top-menu-2, .top-menu-1 {
            height: 45px;
            margin-top: 0;
            padding-top: 0;
        }
   
        .top-menu {
            height: 60px;
            margin-top: 0;
            padding-top: 0;
        }


        .top-menu ul li:first-child a {
            padding-left: 20px;
        }


        .top-menu   li a {

            min-height: 45px!important;
            height: 45px!important;


            text-transform: uppercase;
            font-size: 12px;


        }



        .top-menu-2 .uk-navbar-nav>li>a {

            text-transform: unset;
            font-size: 14px;
        }


        h1 {
            font-size: 19px;
            color: #333;
            font-family: 'San Francisco Pro Bold';
        }

        body {
            font-size: 14px;
        }

        #form {
            margin-left: -20px;
            margin-right: -20px;
            border-radius: 0;
        }
        #form .uk-padding-small {
            padding: 0px;
        }


        #form  .uk-margin-small-top, #form  .border-top {
             margin-top: 0px!important;
            border: 0;
        }

        p, .works-item__desk p, .head-text, h2 {
            color: #333;
        }
        p {
            font-size: 14px;
            margin-top: 10px;

        }
        body {
            color: #333;
        }

        .baner__text {
            margin: 20px 0;
        }
        .baner__text p {
            font-size: 14px;
            margin-top: -10px;
        }
        .head-text, h2  {
            font-size: 18px;
        }


        .btn-wrap {
            cursor: pointer;
            margin-top: 180px;
            margin-bottom: 20px;
        }
        .btn-yelow, .btn-dark {
            min-height: 20px;
            padding-right: 15px;
            padding-left: 15px;

            line-height: 30px;
            padding-bottom: 2px;
            border-radius: 3px;
        }
        .btn-yelow {
        border: 0;
        }
        .baner img {
            /*   display: none; */
        }
        .banner > div {
            min-height: 250px;
        }
        .baner {
            border-radius: 0px;
            overflow: hidden;
        }
        .banner {
            background: linear-gradient(60deg, #f2f3f5, #d0d3d7);
            margin-top: -39px;
        }
        .baner img {
           min-width: 300px;
            height: auto;
        }
        .page {
            padding-left: 20px!important;
            padding-right: 20px!important;
              overflow-x: hidden;
        }
        .page > * {
            padding-left: 0;
            padding-right: 0;
        }
        .ways .page, .masters .page, #top-menu .page {
            padding-left: 0px!important;
            padding-right: 0px!important;
        }

        .works .page {
            padding-left: 0px!important;
            padding-right: 0px!important;
        }
        .ways-item {
            margin-right: auto;
            margin-left: auto;
        }
        #form .btn-yelow {
            width: 100%;
            margin-top: 0px;
            min-height: 60px;
            margin-bottom: 0px;
        }
        #form .uk-first-column  {
        padding-bottom: 14px!important;
    }
        .footer .uk-navbar-nav {
            display: unset;
        }
        .footer .uk-navbar-nav li, .footer .uk-navbar-nav li a {
            text-align: left;
            min-height: unset;
            line-height: 25px;
            display: block;
            padding-left: 0;
        }
        .footer .uk-navbar-nav {
            margin: 0px 0px 20px;
        }


        .border-top-mobail {
            border-top: 1px solid  #dddfe0;
        }


        .baner-mobail {
            background-size: 35%;
            background-repeat: no-repeat;
            background-position-y: 10px;
            background-position-x: 100%;

        }

    }

    .carusel-touch > * > * {

        max-width: 285px;
    }


    @media only screen and (max-width:760px) {
        .page-text h1 {
            text-align: center;
        }
        .article-index .uk-margin-medium-right {
            margin: 0!important;
        }
        
        .baner-mobail {
            background-size: 59%;
            background-position-x: 137%;
            background-position-y: 5px;

        }
        

        .top-menu ul li:first-child a:after {
            left: 19px;
            width: calc(100% - 30px);
        }
        
        .uk-logo {

            margin-left: -20px;
        }
        .price .head-3 {
            margin-left: 0;
        }
        .beaf {

            background: #ccc;
            max-height: 254px;
        }
        .my-margin-remove {
            margin-left: -20px;
            margin-right: -20px;
        }
        .my-padding-small {
            padding: 10px 15px!important;
        }
        .margin-top-15-mobail {
            margin-top: 15px!important;
        }
        .btn-wrap {
            cursor: pointer;
                position: absolute;
                bottom: 0px;
            /*margin-top: 120px;*/
        }
        .banner {
                position: relative;
        }

    }

    .carusel-touch {
        overflow: auto;
        height: 400px;
    }
.carusel-touch_parent {
     height: 375px;
    overflow: hidden;
}

  .ways  .carusel-touch_parent {
        height: 420px;
    }
    .ways  .carusel-touch {
        height: 500px;
    }

    .carusel-touch > * > * {

        max-width: 285px;
    }


    @media only screen and (max-width:960px) {
        .carusel-touch > * > * {
            width: 80vw;

        }
        .carusel-touch > * > * {

            max-width: 216px;
        }

        .ways-touch {
            width: max-content;
            padding-right: 20px;
            padding-left: 20px;
        }
        .carusel-touch {
            padding-bottom: 20px;
            margin-right: 20px;
            margin-left: 20px;
            -webkit-overflow-scrolling: touch;
            overflow: auto;
        }
      .master  .carusel-touch {
            margin-left: 0px;
          margin-right: 0;
        }
      .masters .carusel-touch > * {
          padding-right: 20px!important;
      }



    }
.double-icon-right {
    display: none;
}
 .top-menu-2 .active a {
     color: #111!important;
 }
    .footer ul li a:hover, .footer ul .active a {
        color: #111!important;
        text-decoration: none;
    }
    .uk-link-toggle:focus .uk-link, .uk-link-toggle:hover .uk-link, .uk-link:hover, a:hover, .toogle-slide  {
         color: #335c84;
        text-decoration: none;
    }
    .uk-link, a, .toogle-slide {
        color: #3d7ab6;
        cursor: pointer;
    }

    .double-icon-left {
        display: none;
    }
    @media only screen and (min-width:960px) {
        .carusel-touch_parent {
            height: 400px;
        }
         .uk-accordion-title {
        font-size: 16px!important;
        
    }
        .form-div {
            margin-top: 30px;
        }

        .carusel-touch {
            overflow: auto;
            height: 440px;
            padding-left: 20px;
            padding-right: 20px;
        }
        body {
            font-size: 16px;
        }
        #message-prev-send,  #message-prev-send > * {
            font-size: 13px!important;
        }
        .advantages-item   {
            min-height: 190px;
        }
        .masters-item .head-3 {

            margin-bottom: -10px;

        }
        .advantages-item p {
            font-size: 16px;
        }
        .advant-parent > div:first-child  .advantages-item {
            min-height: 190px;
            overflow: hidden;
        }
        .baner__text p {
            font-size: 16px;
        }
        .menu-caps li a {
            font-size: 12px;
            font-weight: 500;
            letter-spacing: 1px;
        }
        .footer ul li a {
            font-size: 14px;
            color: #959ba4;
        }

        .footer ul li {
            font-size: 14px;
        }
        #works_content strong {
            color: #222222;
        }
        .page-text h1 {
            margin-bottom: 40px;
        }
        .head-3 {
            font-size: 17px;
        }
        .advantages-item .head-3, h3, .head-3 {
            font-size: 20px;
        }
        .works-item .head-3, .masters-item .head-3, .ways-item .head-3 {
            font-size: 17px;
        }
         p {

            font-size: 16px;
        }
        h2 {
            font-size: 30px;
        }

        .btn-yelow, .btn-dark, .btn-blue {
            font-size: 16px!important;
        }
        .top-menu .uk-navbar-nav>li>a {
            font-size: 14px;
        }
        .double-icon-right {
            display: block;
        }

        .double-icon-right, .double-icon-left {
            background: #fff;
            cursor: pointer;
            z-index: 2;
        }
        .baner {
            position: relative;
            max-height: 397px;


        }
        .baner .btn-wrap {
             position: absolute;
            bottom: 0;
            left: 40px
        }
        .banner img {
            right: -90px;
            position: relative;


        }
        .banner .gradient {
            overflow: hidden;


        }
        .footer-bottom {
            font-size: 13px;
        }
    }
    .phone-go {
        border-radius: 50%;
        box-shadow: 0 10px 25px 0 rgba(0,0,0,.1);
        background-color: #00c71f;
        cursor: pointer;
        height: 60px;
        width: 60px;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: center;
        position: fixed;
        bottom: -100px;

        right: 20px;
        box-shadow: 0 10px 20px rgba(0,0,0,0.12), 0 6px 6px rgba(0,0,0,0.13);
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzMiIGhlaWdodD0iMzMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxwYXRoIGZpbGw9IiMxMTEiIGQ9Ik0yNC4yIDMzLjQzM2MyLjQxMSA0LjgyMyA2LjU0NCA4Ljc4NCAxMS4zNjcgMTEuMzY3bDMuNzg5LTMuNzg5Yy41MTYtLjUxNyAxLjIwNS0uNjg5IDEuNzIyLS4zNDQgMS44OTQuNjg5IDMuOTYgMS4wMzMgNi4yIDEuMDMzIDEuMDMzIDAgMS43MjIuNjg5IDEuNzIyIDEuNzIydjUuODU2QzQ5IDUwLjMxIDQ4LjMxMSA1MSA0Ny4yNzggNTEgMzEuMDg4IDUxIDE4IDM3LjkxMSAxOCAyMS43MjIgMTggMjAuNjkgMTguNjg5IDIwIDE5LjcyMiAyMGg2LjAyOGMxLjAzMyAwIDEuNzIyLjY4OSAxLjcyMiAxLjcyMiAwIDIuMDY3LjM0NSA0LjEzNCAxLjAzNCA2LjIuMTcyLjUxNyAwIDEuMjA2LS4zNDUgMS43MjJsLTMuOTYxIDMuNzl6IiBpZD0iYSIvPjwvZGVmcz48dXNlIGZpbGw9IiMxMTEiIHhsaW5rOmhyZWY9IiNhIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTcgLTIwKSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);
        -webkit-transition-property: top, bottom;
        -webkit-transition-duration: 0.5s;
    }