/* */

@font-face {
	font-family: Tacticsans;
	src: url('../fonts/tacticsansextexd-blk.otf');
}


* {
/*
    border: solid 1px #fff;
*/
}

body {
    font-family: 'Montserrat';
    background-color: #000D26;
    color: #fff;
    background-image: url('../img/bg_line.svg'), url('../img/light.svg');
    background-position: center center, center top;
    background-repeat: repeat, no-repeat;

    background-attachment: scroll, scroll;
    background-size: contain, contain;
    overflow-x: hidden!important;
    z-index:10;
}

.row {
    align-items: flex-start;
}

.card {
    background-color: transparent;
/*
    border: #fff 1px solid;
*/
    border: none;
    margin: 10px 0;
    display: block;
}

.card-task,
.card-article {
/*
    border: #fff 1px solid;
*/
    border: none;
    position: relative;
}

.card-blog {
    border: none;
    position: relative;
}

.card-blog .card-body {
    /*height: 100%;*/
    padding: 0;
}

.card-blog .card-body img {
    width: 100%;
    align-items: stretch;
    object-fit: contain;
    /* height: auto; */
}

.card-body {
    /*height: 320px;*/
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center center;
    background-attachment: scroll;
    justify-content: center;
    display: flex;
    align-items: flex-start;
    border: none;
}

.card-footer {
    border: none;
}

.bdCanvas {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:-10;
}

.box {
    width: 100%;
    padding-top: 100%; /* 1:1 Aspect Ratio */
    position: relative; /* If you want text inside of it */
}

.content {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.ratio16_9{
    padding-top: 56.25%; /* 16:9 Aspect Ratio */
}

.ratio16_9 iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

p {
    margin-top: 0;
    margin-bottom: 0;
}

a:active,
a:focus {
    outline: none;
}

a {
    color: #F58220;
}

a:hover {
    color: #F58220;
}

.container {
    width: 100%;
    max-width: 100%;
}

.plus {
    -webkit-animation-name: myrotate;
    -webkit-animation-duration: 10s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: myrotate;
    -moz-animation-duration: 10s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -o-animation-name: myrotate;
    -o-animation-duration: 10s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
    animation-name: myrotate;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    width: 20px;
    height: 20px;
}

.plus:hover, .plus-link:hover .plus {
    -webkit-animation-name: myrotate;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: myrotate;
    -moz-animation-duration: 1s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -o-animation-name: myrotate;
    -o-animation-duration: 1s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
    animation-name: myrotate;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    width: 20px;
    height: 20px;
}

@keyframes myrotate {
    0% {-webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg);}
    100% {-webkit-transform:rotate(360deg);
        -moz-transform:rotate(720deg);
        -o-transform:rotate(360deg);
        transform:rotate(360deg);}
}

.plusno {
    width: 20px;
    height: 20px;
}

.pop, .pop-uslr {
    display:none;
    position:fixed;
    width: 100%;
    top:0;
    left:0;
/*
    height: 100%;
*/
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 15px;
	z-index: 99999;
}

.pop span,
.pop-uslr span {
    z-index: 999;
	cursor: pointer;
	font-size: 24px;
    left: 200px;
	line-height: 50px;
	width: 50px;
	text-align: center;
	background: rgb(255, 255, 255);
	display: inline-block;
	color: #000;
	text-align: center;
}

.pop span:hover,
.pop-uslr span:hover {
	background-color: rgb(255, 255, 255);
	transition: all 0.5s;
}


/*****************************************************************************/
/* Total page                                                                */
/*****************************************************************************/

/*******/
/* Nav */
/*******/

.navbar {
    width: 80%;
    margin: auto;
    padding: 1.5rem 0;
    z-index: 200;
}

.navbar-brand img {
    height: 50px;
}

.navbar ul {
    margin-right: auto;
    margin-left: auto;
    text-transform: uppercase;
    font-size: 16px; /* 14 */
}

.nav-item {
    text-align: center;
}

.navbar-dark .navbar-text a {
    color: rgba(255,255,255,.5)
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,1);
}

.nav-link:hover {
    color: #495057;
}

.bg-light {
    background-color: transparent!important;
}

.dropdown-menu {
    background-color: #000D26;
    border: 1px solid rgba(255,255,255,.15);
}

.dropdown-item:hover, .dropdown-item:focus {
    color: #495057;
    background-color: rgba(255,255,255,.15);
}

/* Title */
.helps-title, .tasks-title,
.contact-title, .expert-title,
.products-title, .clients-title,
.blog-title, .services-price-title,
.work-title, .about-title,
.history-title, .sertif-title,
.team-title, .licenses-title,
.cases-title, .article-title {
    font-family: 'tacticsans';
    font-size: 40px; /* 40 */
    font-weight: normal;
    text-transform: uppercase;
    line-height: 150%;
    margin-top: -10px;
    margin-bottom: 130px;
}

.left-desc {
    font-size: 25px; /* 25 */
    font-weight: 600;
    line-height: 150%;
}

/***********/
/* Fasttel */
/***********/

#fasttel {
    width: 80%;
    margin: auto;
    z-index: 300;
    text-align: right;
}

#fasttel a {
    color: #fff;
    text-decoration: none;
}

/*****************************************************************************/
/* Main page                                                                 */
/*****************************************************************************/

/**********/
/* Header */
/**********/

#header {
    min-height: 80vh;
    width: 100%;
    position: relative;
    margin-top: 20px;
}

.artboard {
    display: flex;
    align-items: center;
    justify-content: center;
}

.elem {
    position: absolute;
    box-sizing: border-box;
    display: table
}

#header [data-elem-id="logo"].t-sbs-anim_started .tn-atom__sbs-anim-wrapper {
    animation: sbs-anim-preload-logo 2.8s linear forwards;
    backface-visibility: hidden;
}

@keyframes sbs-anim-preload-logo {
    0% {
        opacity: 0;
        transform: translateX(0px)translateY(0px)rotate(0deg)scale(1, 1);
        animation-timing-function: linear;
    }

    1% {
        opacity: 0;
        transform: translateX(0px)translateY(0px)rotate(0deg)scale(0, 0);
        animation-timing-function: linear;
    }

    37% {
        opacity: 0.5;
        transform: translateX(0px)translateY(0px)rotate(0deg)scale(0.5, 0.5);
        animation-timing-function: linear;
    }

    58% {
        opacity: 1;
        transform: translateX(0px)translateY(0px)rotate(5deg)scale(0.8, 0.8);
        animation-timing-function: linear;
    }

    90% {
        opacity: 1;
        transform: translateX(0px)translateY(0px)rotate(5deg)scale(0.8, 0.8);
        animation-timing-function: linear;
    }

    100% {
        opacity: 0;
        transform: translateX(0px)translateY(0px)rotate(5deg)scale(1.6, 1.6);
    }
}

#header .brand img {
    width: 100%;
    margin: auto;
}

#header [data-elem-id="multvr"].t-sbs-anim_started .tn-atom__sbs-anim-wrapper {
    animation: sbs-anim-preload-multvr 7.7s linear forwards;
    backface-visibility: hidden;
}

@keyframes sbs-anim-preload-multvr {
    0% {
        opacity: 0;
        transform: translateX(0px)translateY(0px)rotate(0deg)scale(1, 1);
        animation-timing-function: linear;
    }

    1% {
        opacity: 0;
        transform: translateX(0px)translateY(0px)rotate(0deg)scale(1, 1);
        animation-timing-function: linear;
    }

    22% {
        opacity: 0;
        transform: translateX(0px)translateY(0px)rotate(0deg)scale(1, 1);
        animation-timing-function: linear;
    }

    36% {
        opacity: 0;
        transform: translateX(0px)translateY(0px)rotate(0deg)scale(1, 1);
        animation-timing-function: linear;
    }

    100% {
        opacity: 1;
        transform: translateX(0px)translateY(0px)rotate(0deg)scale(1, 1);
    }
}

#header .starss {
    width: 80%;
    margin: auto;
}

#header .starss img {
    width: 100%;
    margin: auto;
}

#header [data-elem-id="stars"].t-sbs-anim_started .tn-atom__sbs-anim-wrapper {
    animation: sbs-anim-preload-stars 5s linear forwards;
    backface-visibility: hidden;
    width: 80%;
    margin: auto;
}

@keyframes sbs-anim-preload-stars {
    0% {
        opacity: 1;
        transform: translateX(0px)translateY(0px)rotate(0deg)scale(1, 1);
        animation-timing-function: linear;
    }

    40% {
        opacity: 0;
        transform: translateX(0px)translateY(0px)rotate(0deg)scale(0, 0);
        animation-timing-function: linear;
    }

    60% {
        opacity: 1;
        transform: translateX(0px)translateY(0px)rotate(0deg)scale(1.15, 1.15);
        animation-timing-function: linear;
    }

    100% {
        opacity: 0;
        transform: translateX(0px)translateY(0px)rotate(0deg)scale(1.3, 1.3);
        visibility: hidden;
    }
}

#header .chelvr {
    text-align: center;
}

#header .chelvr img {
    width: 50%;
    top: 50px;
    height: auto;
    margin: auto;
    position: relative;
    z-index: -100;
}

#header [data-elem-id="chel"].t-sbs-anim_started .tn-atom__sbs-anim-wrapper {
    animation: sbs-anim-preload-multvr 7.7s linear forwards;
    backface-visibility: hidden;
}

@keyframes sbs-anim-preload-chel {
    0% {
        opacity: 0;
        transform: translateX(0px)translateY(0px)rotate(0deg)scale(1, 1);
        animation-timing-function: linear;
    }

    1% {
        opacity: 0;
        transform: translateX(0px)translateY(0px)rotate(0deg)scale(1, 1);
        animation-timing-function: linear;
    }

    22% {
        opacity: 0;
        transform: translateX(0px)translateY(0px)rotate(0deg)scale(1, 1);
        animation-timing-function: linear;
    }

    36% {
        opacity: 0;
        transform: translateX(0px)translateY(0px)rotate(0deg)scale(1, 1);
        animation-timing-function: linear;
    }

    100% {
        opacity: 1;
        transform: translateX(0px)translateY(0px)rotate(0deg)scale(1, 1);
    }
}

#header [data-elem-id="labell"].t-sbs-anim_started {
    left: 200px;
    width: 10%;
}

#header [data-elem-id="labell"].t-sbs-anim_started .tn-atom__sbs-anim-wrapper {
    animation: sbs-anim-preload-labell 4.8s linear forwards;
    backface-visibility: hidden;
}

@keyframes sbs-anim-preload-labell {
    0% {
        opacity: 0;
        transform: translateX(0px)translateY(0px)rotate(0deg)scale(1, 1);
        animation-timing-function: linear;
    }

    1% {
        opacity: 0;
        transform: translateX(0px)translateY(0px)rotate(0deg)scale(1, 1);
        animation-timing-function: linear;
    }

    84% {
        opacity: 0;
        transform: translateX(0px)translateY(100px)rotate(0deg)scale(1, 1);
        animation-timing-function: ease-in;
    }

    100% {
        opacity: 1;
        transform: translateX(0px)translateY(0px)rotate(0deg)scale(1, 1);
    }
}

#header [data-elem-id="labelr"].t-sbs-anim_started {
    right: 200px;
    width: 10%;
}

#header [data-elem-id="labelr"].t-sbs-anim_started .tn-atom__sbs-anim-wrapper {
    animation: sbs-anim-preload-labelr 5.1s linear forwards;
    backface-visibility: hidden;
}

@keyframes sbs-anim-preload-labelr {
    0% {
        opacity: 0;
        transform: translateX(0px)translateY(0px)rotate(0deg)scale(1, 1);
        animation-timing-function: linear;
    }

    1% {
        opacity: 0;
        transform: translateX(0px)translateY(0px)rotate(0deg)scale(1, 1);
        animation-timing-function: linear;
    }

    85% {
        opacity: 0;
        transform: translateX(0px)translateY(100px)rotate(0deg)scale(1, 1);
        animation-timing-function: ease-in;
    }

    100% {
        opacity: 1;
        transform: translateX(0px)translateY(0px)rotate(0deg)scale(1, 1);
    }
}

#parthead {
    align-self: stretch;
    position: absolute;
    width: 100%;
    margin: auto;
    z-index: 300;
}

.particlehead {
    width: 100%!important;
    position: relative;
    height: 70vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;

}

.label-right, .label-left {
    font-family: 'Tacticsans';
    font-size: 38px; /* 35 */
    font-weight: normal;
    transition: all .6s ease-in-out;
    cursor: default;
    text-transform: uppercase;
    z-index: 300;
}

.label-right-add, .label-left-add {
    font-family: 'Tacticsans';
    font-size: 20px; /* 20 */
    font-weight: normal;
    transition: all 1s ease-in-out;
/*    opacity: 0; */
    cursor: default;
}

.label-left, .label-left-add {
    float: left;
}

.label-right, .label-right-add {
    float: right;
}

.label-right:hover, .label-left:hover {
    font-size: 2.5rem;
}

.label-right:hover ~ .label-right-add {
    opacity: 1;
    float: right;
}

.label-left:hover ~ .label-left-add {
    opacity: 1;
}

.label-title {
    text-align: center;
    padding: 5px 0;
    text-transform: uppercase;
}

#header a {
    color: #fff;
    text-decoration: none;
    margin: 0 auto;
}

#header .scrind {
    height: 10vh;
    font-size: 40px; /* 40 */
    margin: auto;
    text-align: center;
    line-height: 2.2rem;
    padding-top: 2%;
    -webkit-animation: shake 0.7s linear alternate-reverse infinite;
    animation: shake 0.7s linear alternate-reverse infinite;
}

/*********/
/* Helps */
/*********/

#helps {
    width: 82%;
    margin: auto;
    margin-top: 100px;
    margin-bottom: 40px;
}

.expert-title {
    padding: 0 10px;
}

#helps .adr-title {
    font-family: 'tacticsans';
    font-size: 40px; /* 40 */
    font-weight: normal;
    margin-top: -10px;
    margin-bottom: 50px;
}

.helps-subtitle,
.services-title,
.services-price-subtitle,
.work-subtitle {
    font-family: 'Tacticsans';
    font-size: 20px; /* 20 */
    font-weight: normal;
    padding: 0 0 10px 0;
    text-transform: uppercase;
}

.helps-desc {
    font-size: 18px; /* 18 */
    line-height: 200%;
    margin-bottom: 140px;
}

.services-price-desc {
    font-size: 18px; /* 18 */
    margin-bottom: 0;
}

.services-desc {
    font-size: 18px; /* 18 */
}

.helps-desc-itog {
    font-size: 25px; /* 25 */
    line-height: 200%;
}








































/*****************/
/* header-uslugi */
/*****************/

#header-uslugi {
    width: 82%;
    margin: auto;
    margin-top: 130px;
}

.pop-button,
.pop-button-uslr {
    cursor: pointer;
}

#header-uslugi .bread-desc {
    font-size: 14px; /* 14 */
    text-transform: uppercase;
    line-height: 150%;
}

#header-uslugi .active {
    color:#2A4878;
}

#header-uslugi .uslugi-title {
    height: 15vh;
    font-size: 40px; /* 40 */
    font-family: 'Tacticsans';
    text-transform: uppercase;
    margin-top: -10px;
    margin-bottom: 30px;
}

#header-uslugi .uslugi-desc {
    font-size: 22px; /* 18 */

    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

#header-uslugi .inl {
    display: inline;
}

#header-case .zakaz,
#header-uslugi .zakaz {
    background-image: url('../img/ellipse.svg');
    background-repeat: no-repeat;
    background-position: center center;
    height: 250px;
    background-size: 43%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

#header-case .uslugi-link,
#header-uslugi .uslugi-link {
    cursor: pointer;
    font-family: 'Tacticsans';
    font-size: 20px; /* 16 */
    font-weight: normal;
    color: #fff;
    text-decoration: none;
    position: relative;
    z-index: 15;
}

#header-uslugi a {
    color: #fff;
    text-decoration: none;
    margin: 0 auto;
}

#header-uslugi .link {
    color: #F58220;
    font-weight: 600;
    text-decoration: underline;
}

#header-uslugi .scrind {
    height: 10vh;
    font-size: 40px; /* 40 */
    margin: auto;
    text-align: center;
    line-height: 2.2rem;
    padding-top: 5%;
    -webkit-animation: shake 0.7s linear alternate-reverse infinite;
    animation: shake 0.7s linear alternate-reverse infinite;
}

  @-webkit-keyframes shake {
    100% {
      -webkit-transform: translateY(-30px);
    }
  }
  @keyframes shake {
    100% {
      transform: translateY(-30px);
    }
  }

#header-uslugi .scrindg {
    display: inline-block!important;
    padding-left: 35px;
    text-align: right;
    font-size: 22px;
    -webkit-animation: shakeg 0.7s linear alternate-reverse infinite;
    animation: shakeg 0.7s linear alternate-reverse infinite;
}

  @-webkit-keyframes shakeg {
    100% {
      -webkit-transform: translateX(-30px);
    }
  }
  @keyframes shakeg {
    100% {
      transform: translateX(-30px);
    }
  }

/****************/
/* Header-about */
/****************/

#header-about {
    width: 82%;
    margin: auto;
    margin-top: 100px;
    margin-bottom: 50px;
}

#header-about .bread-desc {
    font-size: 12px; /* 14 */
    text-transform: uppercase;
    line-height: 150%;
}

#header-about .active {
    color:#2A4878;
}

#header-about .about-title {
    height: 20vh;
    font-size: 36px; /* 40 */
    font-family: 'Tacticsans';
    text-transform: uppercase;
    margin-top: -10px;
    margin-bottom: 30px;
}

#header-about .about-desc {
    font-size: 16px; /* 18 */
}

#header-about .about-tel, #header-about .about-mail,
#header-about .about-time, #header-about .about-office {
    font-size: 20px; /* 16 */
    font-weight: 600;
    margin-bottom: 15px;
}

#header-about .about-title2 {
    font-size: 12px; /* 14 */
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 20px;
}

#header-about .about-subtitle2 {
    font-size: 9px; /* 10 */
    margin: 15px 0;
}

#header-about .about-subtitle {
    font-size: 16px; /* 10 */
    margin-top: 20px;
}

#header-about .about-mail a,
#header-about .about-title2 a,
#header-about .about-subtitle2 a {
    color: #fff;
    text-decoration: none;
}

#header-about .zakaz {
    background-image: url('../img/ellipse.svg');
    background-repeat: no-repeat;
    background-position: center center;
    height: 250px;
    background-size: 45%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.about-link {
    font-family: 'Tacticsans';
    font-size: 16px; /* 16 */
    font-weight: normal;
    color: #fff;
    text-decoration: none;
    position: relative;
    z-index: 15;
}

#header-about .abelips {
    margin: 0 auto;
    position: relative;
    z-index: 5;
    left: auto;
}

#header-about .abelips img {
    display: block;
    margin: 0 auto;
    width: 100px;
}

#header-about a {
    color: #fff;
    text-decoration: none;
    margin: 0 auto;
}

#header-about .scrind {
    height: 10vh;
    font-size: 36px; /* 40 */
    margin: auto;
    text-align: center;
    line-height: 2.2rem;
    padding-top: 10%;
    -webkit-animation: shake 0.7s linear alternate-reverse infinite;
    animation: shake 0.7s linear alternate-reverse infinite;
}

  @-webkit-keyframes shake {
    100% {
      -webkit-transform: translateY(-30px);
    }
  }
  @keyframes shake {
    100% {
      transform: translateY(-30px);
    }
  }

/***************/
/* Header-case */
/***************/

#header-case {
    width: 82%;
    margin: auto;
    margin-top: 100px;
    margin-bottom: 50px;
}

#header-case .bread-desc {
    font-size: 12px; /* 14 */
    text-transform: uppercase;
    line-height: 150%;
}

#header-case .active {
    color:#2A4878;
}

#header-case .case-title {
    font-size: 36px; /* 40 */
    font-family: 'Tacticsans';
    text-transform: uppercase;
    margin-top: -10px;
}

#header-case .case-desc {
    font-size: 16px; /* 18 */
}

#header-case .case-subtitle {
    font-size: 36px; /* 40 */
    font-family: 'Tacticsans';
    line-height: 2rem;
}

#header-case .case-subtitle2 {
    font-size: 18px; /* 20 */
    font-family: 'Tacticsans';
}

#header-case .case-subtext {
    font-size: 12px; /* 14 */
}

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

.case-link {
    font-family: 'Tacticsans';
    font-size: 20px; /* 16 */
    font-weight: normal;
    color: #fff;
    text-decoration: none;
    position: relative;
    z-index: 15;
}

#header-case .abelips {
    margin: 0 auto;
    position: relative;
    z-index: 5;
    left: auto;
}

#header-case .abelips img {
    display: block;
    margin: 0 auto;
    width: 100px;
}

#header-case a {
    color: #fff;
    text-decoration: none;
    text-align: center;
}

#header-case .scrind {
    height: 5vh;
    font-size: 36px; /* 40 */
    margin: auto;
    text-align: center;
    line-height: 2.2rem;
    padding-top: 5%;
    -webkit-animation: shake 0.7s linear alternate-reverse infinite;
    animation: shake 0.7s linear alternate-reverse infinite;
}

  @-webkit-keyframes shake {
    100% {
      -webkit-transform: translateY(-30px);
    }
  }
  @keyframes shake {
    100% {
      transform: translateY(-30px);
    }
  }

/**************/
/* Video-case */
/**************/

#video {
    width: 82%;
    margin: auto;
    margin-top: 100px;
    margin-bottom: 50px;
}

.youtube {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 1180px;
    max-height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    display: inline-block;
    overflow: hidden;
    transition: all 200ms ease-out;
    cursor: pointer;
    position: relative;
}

.youtube img {
    width: 100%;
    max-width: 100%;
    /* height: auto; */
    align-items: stretch;
    object-fit: contain;
}

.youtube .vidplay {
    position: absolute;
    top: 50%;
    left: 50%;
    cursor: pointer;
    pointer-events: none;
    width: 160px;
    margin: -80px 0 0 -80px;
    z-index: 3;
}

#video .video-text {
    margin: 100px 0;
}

#video .video-text .col-3,
#video .video-text .col-6 {
    padding-left: 0;
}

#video .video-like {
    background: url('../img/ellipsehand.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    height: 200px;
    text-align: center;
    margin: auto;
    position: relative;
    z-index: 100;
    margin-top: 50px;
    margin-bottom: 50px;
}

#video #video-forms {
    display: none;
}

#video .numlikes {
    position: relative;
    height: 100%;
    text-align: center;
    padding-top: 6%;
}

#video a .numlikes {
    color: #fff;
    text-decoration: none;
    font-size: 32px;
}

#video a:hover {
    text-decoration: none;
}

#video label {
    font-size: 16px; /* 18 */
    background-color: transparent;
    color: #fff;
}

#video input {
    background-color: transparent;
    color: #fff;
    font-size: 22px; /* 25 */
    outline: none;
    border: none;
    border-bottom: 2px #fff solid;
    position: relative;
    display: inline;
    width: 92%;
}

#video input:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#video .close-icon {
    border:1px solid transparent;
    background-color: transparent;
    display: inline;
    vertical-align: middle;
    outline: 0;
    cursor: pointer;
    border-bottom: 2px #fff solid;
}

#video .close-icon:after {
	content: "X";
    display: inline-block;
    height: 0;
	width: 20px;
	height: 20px;
	right: 35px;
	top: 55px;
	bottom: 0;
	margin: 0;
	text-align: center;
	color: white;
	cursor: pointer;
}

#video button {
    font-family: 'Tacticsans';
    font-size: 18px; /* 20 */
    text-transform: uppercase;
    border: none;
    border-bottom: 2px #fff solid;
    background-color: transparent;
    padding: 5px 0;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#video .form-group {
    margin-bottom: 0;
}

#video .formr {
    height: 180px;
}

/*******/
/* Nav */
/*******/

#nav {
    width: 80%;
    margin: auto;
    margin-top: 100px;
    margin-bottom: 50px;
}

#nav .video-nav {
    padding: 25px 0;
    border-top: 1px solid rgba(255,255,255,.1);
    border-bottom: 1px solid rgba(255,255,255,.1);
    margin: auto;
}

#nav .video-nav .col-3 {
    padding: 0;
}

#nav .video-nav-left,
#nav .video-nav-right {
    font-size: 12px; /* 14 */
}

#nav .video-nav-right {
    text-align: right;
}

#nav .video-nav-left a,
#nav .video-nav-right a {
    font-size: 18px;
    color: #fff;
    text-decoration: none;
}

#nav .nav-cases {
    font-family: 'Tacticsans';
    font-size: 24px; /* 20 */
    padding: 10px 0;
    text-transform: uppercase;
    text-align: center;
}

#nav .nav-cases a {
    color: #fff;
}

#nav .video-nav-cases {
    font-family: 'Tacticsans';
    font-size: 18px; /* 20 */
    text-transform: uppercase;
    text-align: center;
}

#nav .video-nav-cases a {
    text-decoration: underline;
    color: #fff;
}

/***************/
/* Cases tasks */
/***************/

#cases {
    width: 82%;
    margin: auto;
    margin-top: 210px;
    margin-bottom: 40px;
}

#cases .inl {
    display: inline;
}

/******************/
/* Cases taskscar */
/******************/

#casescar {
    margin-bottom: 50px;
    margin-right: -15px;
    margin-left: -15px;
    height: 730px;
    align-self: center;
    overflow-x: hidden;
/*
    cursor: url('../img/cursor/cursor.svg'), auto;
*/
}

#casescar .container {
    width: 100%;
    height: 710px;
    padding: 0;
}

#casescar .slider {
    height: 710px;
}

#casescar .slick-list {
    height: 710px;
}

#casescar .sltask {
    width: 100%;
    height: 710px;
    padding: 50px 0;
}

#casescar .card-task {
    margin: 50px;
}

#casescar .prevdiv .card-task {
    transition-duration: 2s;
    margin-top: 0;
    margin-bottom: 100px;
}

#casescar .nextdiv .card-task {
    transition-duration: 2s;
    margin-top: 100px;
    margin-bottom: 0;
}

#casescar .card-body {
    padding: 0;
    justify-content: center;
    display: flex;
}

#casescar .card-body img {
    width: 100%;
    /* height: auto; */
    align-items: stretch;
    object-fit: contain;
}

#casescar .prevdiv .slmore,
#casescar .prevdiv .slelips {
    visibility: hidden;
    transition-duration: 2s;
}

#casescar .nextdiv .slmore,
#casescar .nextdiv .slelips {
    visibility: hidden;
    transition-duration: 2s;
}

#casescar .slimg {
    overflow: hidden;
    margin: auto;
    z-index: 1;
    text-align: center;
}

#casescar img {
    position: relative;
    width: 90%;
    margin: auto;
}

#casescar .slbrand {
    font-size: 12px; /* 14 */
    text-transform: uppercase;
    position: relative;
    z-index: 10;
    top: -270px;
    left: 60px;
    display: inline;
}

#casescar .sltitle {
    font-family: 'Tacticsans';
    font-size: 18px; /* 20 */
    text-transform: uppercase;
    z-index: 20;
    position: absolute;
    top: 3%;
    right: 1%;
    display: flex;
    justify-content: flex-end;
}

#casescar .card-task .slelips {
    margin: auto;
    height: 30%;
    position: absolute;
    background-image: url("../img/ellipse.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    display: flex;
    align-self: center;
    align-content: center;
    text-align: center;
    z-index: 1;
}

#casescar .slelips a {
    width: 100%;
    height: 100%;
    display: flex;/*CSS3*/
    align-items: center;/*Vertical align*/
    justify-content: center;/*horizontal align*/
}

#casescar .card-task .slmore {
    height: 100%;
    font-family: 'Tacticsans';
    font-size: 20px; /* 20 */
    text-transform: uppercase;
    position: relative;
    margin: auto;
    display: flex;
    align-content: center;
    align-self: center;
}

#casescar a {
    cursor: pointer;
    text-decoration: none;
    color: #fff;
}

/********/
/* Blog */
/********/

#header-blog {
    width: 82%;
    margin: auto;
    margin-top: 100px;
    position: relative;
}

#header-blog .header {
    position: relative;
    z-index: 50;
}

#header-article .bread-desc,
#header-blog .bread-desc {
    font-size: 12px; /* 14 */
    text-transform: uppercase;
    line-height: 150%;
}

#header-blog .active {
    color:#2A4878;
}

#header-blog .blog-title {
    height: 20vh;
    font-family: 'Tacticsans';
    text-transform: uppercase;
    margin-top: -10px;
    margin-bottom: 30px;
}

#header-blog .blog-desc {
    font-size: 16px; /* 18 */
}

#header-blog .blog-menus {
    top: -100px;
}

#header-blog .srvwrap {
    width: 100%;
    display: flex;
    align-items: flex-start;
    align-items: center;
    padding: 25px 0;
    border-top: 1px rgba(255,255,255,.1) solid;
}

#header-blog .srvwrap:last-child {
    border-bottom: 1px rgba(255,255,255,.1) solid;
}

#header-blog img {
    display: inline;
}

#header-blog .blog-titles {
    font-family: 'Tacticsans';
    font-size: 18px; /* 20 */
    text-transform: uppercase;
}

#header-blog a {
    color: #fff;
    text-decoration: none;
}

#header-blog .scrind {
    position: relative;
    z-index: 100;
    height: 2vh;
    padding-top: 25px;
    font-size: 36px; /* 40 */
    margin: auto;
    text-align: center;
    line-height: 2.2rem;
    -webkit-animation: shake 0.7s linear alternate-reverse infinite;
    animation: shake 0.7s linear alternate-reverse infinite;
}

  @-webkit-keyframes shake {
    100% {
      -webkit-transform: translateY(-30px);
    }
  }
  @keyframes shake {
    100% {
      transform: translateY(-30px);
    }
  }

/*************/
/* Blog main */
/*************/

#gal,
#blog-main {
    width: 82%;
    margin: auto;
    margin-top: 100px;
    margin-bottom: 50px;
    position: relative;
}

#blog-main a {
    color: #fff;
    text-decoration: none;
}

#blog-main .blog-one {
    padding-right: 0;
    padding-left: 5px;
    width: 98%;
    height: auto;
    position: relative;
    z-index: 100;
}

#blog-main .bloelips2 {
    background-image: url('../img/ellipsehand.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: local;
    background-size: contain;

    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;

    width: 150px;
    height: 150px;
    position: absolute;
    z-index: 200;
    top: 30px;
    right: 30px;
}

#blog-main .blolike {
    font-size: 20px; /* 18 */
    position: absolute;
    z-index: 200;
    padding-top: 50px;
}

#blog-main .blodate {
    font-size: 16px; /* 18 */
    position: absolute;
    z-index: 200;
    bottom: 50px;
    right: 50px;
}

#blog-main .bloall {
    position: absolute;
    z-index: 200;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
}

#blog-main .blocat {
    font-size: 14px; /* 14 */
    position: absolute;
    z-index: 200;
    bottom: 300px;
    left: 30px;
}

#blog-main .blogs-otitle {
    font-family: 'Tacticsans';
    font-size: 20px; /* 20 */
    text-transform: uppercase;
    padding-top: 20px;
    padding-bottom: 0;
    position: absolute;
    z-index: 100;
    bottom: 200px;
    left: 30px;
    width: 60%;
}

#blog-main .blogs-otitle a,
#blog-main .blogs-otitle a:hover,
#blog-main .blogs-title a,
#blog-main .blogs-title a:hover {
    text-decoration: none;
    color: #fff;
}

#blog-main .blogs-odesc {
    font-size: 18px; /* 18 */
    padding-top: 20px;
    padding-bottom: 0;
    position: absolute;
    z-index: 100;
    bottom: 50px;
    left: 30px;
    width: 60%;
}

#gal .col-md-4 {
    padding-right: 10px;
    padding-top: 50px;
}

#blog-main .col-md-5 {
    margin-top: 100px;
}

#gal .blogs,
#blog-main .blogs {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 100;
}

#gal .card-body {
    /*height: 370px;*/
    padding-bottom: 20px;
    padding: 0;
}

#gal .card-body img {
    display: block;
    width: 100%;
    /* height: auto; */
    align-items: stretch;
    object-fit: contain;
}

#gal .blelips2 {
    z-index: 200;
    text-align: center;
    align-items: center;
}

#blog-main .blelips2 {
    background-image: url('../img/ellipsehand.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: local;
    background-size: contain;

    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;

    width: 70px;
    height: 70px;
    position: absolute;
    z-index: 200;
    top: 30px;
    right: 30px;
}

#gal .blelips2 img {
    width: 50px;
    height: 50px;
}

#gal .bllike {
    font-size: 14px; /* 18 */
    margin-top: -25px;
}

#blog-main .bllike {
    font-size: 16px; /* 18 */
    position: absolute;
    z-index: 200;
    top: 40px;
    right:20px;
}

#gal .blcat {
    font-size: 14px; /* 14 */
    position: absolute;
    z-index: 200;
    right: 5px;
    align-items: flex-start;
}

#blog-main .blcat {
    font-size: 12px; /* 14 */
    position: absolute;
    z-index: 200;
    left: 1%;
    padding-bottom: 1%;
}

#gal .bldate {
    font-size: 18px; /* 18 */
    position: absolute;
    z-index: 200;
    right: 5px;
    align-items: flex-end;
}

#blog-main .bldate {
    font-size: 16px; /* 18 */
    position: absolute;
    z-index: 200;
    right: 1%;
    padding-bottom: 1%;
}

#gal .blogs-title {
    font-family: 'Tacticsans';
    font-size: 18px; /* 20 */
    text-transform: uppercase;
    position: relative;
    z-index: 100;
}

#gal a {
    color: #fff;
    text-decoration: none;
}

#blog-main .blogs-title {
    font-family: 'Tacticsans';
    font-size: 18px; /* 20 */
    text-transform: uppercase;
    padding-bottom: 0;
    position: relative;
    z-index: 100;
    left: 20px;
}

#gal .blog-more  {
    padding: 50px 0;
}

#blog-main .blog-more {
    padding: 50px 0;
}

#gal .view-more,
#blog-main .view-more {
    font-family: 'Tacticsans';
    font-size: 18px; /* 20 */
    color: #fff;
    text-decoration: none;
    border-bottom: 2px #fff solid;
}

#gal .view-more a,
#blog-main .view-more a {
    color: #fff;
}

#gal .blog-pagin {
    margin: auto;
    padding: 30px 0;
    border-top: rgba(255,255,255,.1) 1px solid;
    border-bottom: rgba(255,255,255,.1) 1px solid;
}

#blog-main .blog-pagin {
    margin: auto;
    padding: 30px 0;
    border-top: rgba(255,255,255,.1) 1px solid;
    border-bottom: rgba(255,255,255,.1) 1px solid;
}


.pagination {
    margin: 0;
}

.page-item {
    margin: 0 2px;
    line-height: 100%;
}

.page-item .page-link {
    background-color: transparent;
    border-color: transparent;
    border-radius: 50%;
}

.page-link {
    padding: 0.5rem 1rem;
}

.page-link:hover {
    border-radius: 50%;
    border-color: #fff;
}

.page-item.disabled .page-link {
    background-color: transparent;
    border-color: transparent;
}

.page-item.active .page-link {
    background-color: rgba(245, 130, 32, 0.4);
    border-radius: 50%;
    border-color: #fff;
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-radius: 50%;
}

.page-item:last-child .page-link {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-radius: 50%;
}


#blog-main ul.pagin {
    margin: 0;
    padding: 0;
    display: inline;
}

#blog-main ul.pagin li {
    display: inline;
    padding: 0 7px;
    font-size: 16px; /* 18 */
}

#blog-main ul.pagin li:hover {
    border: 1px #fff solid;
    border-radius: 20px;
}

#blog-main ul.pagin li.active {
    border: 1px #fff solid;
    border-radius: 20px;
    background: rgba(245, 130, 32, 0.4);
}

#blog-main .blelips {
    background-image: url('../img/ellipse.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: local;
    background-size: contain;

    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;

    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 100;
}

#blog-main .blelips img {
    width: 100px;
    height: 100px;
}

#blog-main .blog-link {
    padding: 0;
    margin: 0;
    font-family: 'Tacticsans';
    font-size: 18px; /* 20 */
    text-align: center;
    z-index: 200;
}

#blog-main .blog-link {
    text-decoration: none;
    color: #fff;
}

#blog-main .blog-link:hover {
    text-decoration: none;
    color: #fff;
}

/***********/
/* Article */
/***********/

#header-article {
    width: 80%;
    margin: auto;
    margin-top: 100px;
    margin-bottom: 50px;
    height: 620px;
}

#header-article .active {
    color:#2A4878;
}

#header-article .header {
    position: relative;
    height: 280px;
}

#header-article .article-title {
    position: absolute;
    z-index: 200;
}

#header-article .article-img {
    z-index: 100;
    top: -50px;
}

#header-article .article-img img {
    min-width: 240%;
    max-width: 240%;
    height: auto;
    position: absolute;
    right: -40%;
}

#header-article .article-one {
    position: relative;
}

#header-article .artelips2 {
    background-image: url('../img/ellipsehand.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: local;
    background-size: contain;

    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;

    width: 200px;
    height: 150px;
    position: absolute;
    z-index: 200;

    top: 250px;
    right: 50px;
}

#header-article .artlike {
    font-size: 20px; /* 18 */
    z-index: 200;
    padding-top: 15px;
}

#header-article .artdate {
    font-size: 16px; /* 18 */
    position: absolute;
    z-index: 200;
    margin-bottom: 250px;
}

#header-article .artcat {
    font-size: 16px; /* 14 */
    position: absolute;
    z-index: 200;
    margin-top: 250px;
}

#header-article a {
    color: #fff;
    text-decoration: none;
}

#header-article .scrind {
    z-index: 200;
    height: 2vh;
    font-size: 36px; /* 40 */
    margin: auto;
    text-align: center;
    line-height: 2.2rem;
    padding-top: 18%;
    -webkit-animation: shake 0.7s linear alternate-reverse infinite;
    animation: shake 0.7s linear alternate-reverse infinite;
}

  @-webkit-keyframes shake {
    100% {
      -webkit-transform: translateY(-30px);
    }
  }
  @keyframes shake {
    100% {
      transform: translateY(-30px);
    }
  }

/****************/
/* Article main */
/****************/

#article-main {
    width: 80%;
    margin: auto;
    margin-top: 100px;
    margin-bottom: 50px;
}

#article-main .article-author {
    margin: auto;
    text-align: center;
}

#article-main .avatar {
    width: 150px;
    height: 150px;
}

#article-main .author-title,
#article-main .time-title,
#article-main .article-sett,
#article-main .follow-name {
    font-size: 16px; /* 18 */
    margin-top: 25px;
}

#article-main .author-name,
#article-main .time-name {
    font-size: 22px; /* 25 */
    font-weight: 600;
}

#article-main .article-paragraf {
    margin-top: 50px;
}

#article-main .article-paragraf p {
    font-size: 12px; /* 14 */
    padding: 25px 0;
}

#article-main .article-paragraf p.active {
    color: #F58220;
}

#article-main .article-sett,
#article-main .article-follow {
    margin: auto;
    text-align: center;
}

#article-main .article-follow {
    margin-top: 20px;
}

#article-main .article-sett img,
#article-main .article-follow img,
#article-main .article-sett svg,
#article-main .article-follow svg {
    margin: 20px 0;
}

#article-main .article-title {
    font-family: 'Tacticsans';
    font-size: 18px; /* 20 */
    text-transform: uppercase;
    margin-bottom: 20px;
}

#article-main .article-body p {
    font-size: 16px; /* 18 */
    margin-bottom: 20px;
}

#article-main .article-body li a {
    color: #fff;
    text-decoration: none;
}

#article-main .article-body span {
    font-size: 16px; /* 18 */
    color: #F58220;
}

#article-main .article-body ul {
    list-style: none;
    margin-bottom: 20px;
    padding-left: 15px;
}

#article-main .article-body ul li::before {
    content: "•";
    color: #F58220;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
    font-size: 1.5em;
}

#article-main .article-body ul li {
    margin-bottom: 20px;
    padding-left: 10px;
    font-size: 16px; /* 18 */
}

#article-main .article-body ol {
    margin-bottom: 20px;
    padding-left: 15px;
    list-style: none;
    counter-reset: li;
}

#article-main .article-body ol li::before {
    content: '.'counter(li);
    color: #F58220;
    display: inline-block;
    padding-right: 10px;
    width: 1em;
    margin-left: -1em;
    direction: rtl;
}

#article-main .article-body ol li {
    list-style-position: outside;
    font-size: 16px; /* 18 */
    margin-bottom: 20px;
    padding-left: 10px;
    counter-increment: li;
}

#article-main .art-imgmain {
    width: 100%;
    margin: 50px 0;
}

#article-main .art-imgl,
#article-main .art-imgr {
    width: 45%;
    margin: auto;
    margin-bottom: 50px;
}

#article-main .art-imgl {
    margin-right: 4%;
}

#article-main .art-imgr {
    margin-left: 4%;
}

#article-main .article-like {
    background-image: url('../img/ellipsehand.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: local;
    background-size: contain;

    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;

    width: 100%;
    height: 80px;
    position: absolute;
    z-index: 200;


    margin: 50px 0;
    text-align: center;
    position: relative;
}

#article-main .artlike {
    margin: 0;
    padding-top: 15px;
}

/***************/
/* Articlescar */
/***************/

#articlescar {
    margin-bottom: 50px;
    margin-right: -15px;
    margin-left: -15px;
    height: 800px;
    align-self: center;
    overflow-x: hidden;
    cursor: url('../img/cursor/cursor.svg'), auto;
}

#articlescar .container {
    width: 100%;
    padding: 0;
    height: 790px;
}

#articlescar .slider {
    height: 790px;
}

#articlescar .slide-list,
#articlescar .slick-slide {
    height: 790px;
}

#articlescar .sltask {
    width: 100%;
    height: 790px;
    padding: 50px 0;
}

#articlescar .card-article {
    margin: 50px;
}

#articlescar .prevdiv .card-article {
    transition-duration: 2s;
    margin-top: 0;
    margin-bottom: 100px;
}

#articlescar .nextdiv .card-article {
    transition-duration: 2s;
    margin-top: 100px;
    margin-bottom: 0;
}

#articlescar .card-body {
    padding: 0;
    justify-content: center;
    display: flex;
}

#articlescar .card-body img {
    width: 100%;
    /* height: auto; */
    align-items: stretch;
    object-fit: contain;
}

#articlescar .slimg {
    overflow: hidden;
    width: 100%;
    z-index: 1;
    text-align: center;
    align-items: center;
}

#articlescar .slelips2 {
    background-image: url('../img/ellipsehand.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: local;
    background-size: contain;

    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;

    width: 150px;
    height: 150px;
    position: absolute;
    z-index: 15;
    top: 20px;
    right: 20px;
}

#articlescar .sllike {
    font-size: 16px; /* 14 */
    text-transform: uppercase;
    z-index: 15;
    padding-top: 15px;
}

#articlescar .slbrand {
    font-size: 12px; /* 14 */
    text-transform: uppercase;
    position: absolute;
    z-index: 10;
    right: 2%;
    padding-bottom: 2%;
}

#articlescar .sldate {
    font-size: 16px; /* 18 */
    text-transform: uppercase;
    position: absolute;
    z-index: 5;
    left: 2%;
    padding-bottom: 2%;
}

#articlescar .sltitle {
    font-family: 'Tacticsans';
    font-size: 20px; /* 20 */
    text-transform: uppercase;
    z-index: 20;
    left: 30px;
    width: 100%;
}

#articlescar .card a {
    color: #fff;
    text-decoration: none;
}

/***********/
/* Themes  */
/***********/


.dark-theme {
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
}

.dark-theme #article-main .article-sett .dark svg {
    stroke: none;
    fill: #F58220;
}

.dark-theme #article-main .article-sett .light svg {
    stroke: none;
    fill: #fff;
}

.light-theme #article-main .article-sett .light svg,
.light-theme #article-main .article-follow svg path {
    stroke: #000;
}

.light-theme {
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
    background-color: #fff;
    color: #000;
}

.light-theme #nav .video-nav {
    border-top: 1px solid rgba(0,0,0,.1);
    border-bottom: 1px solid rgba(0,0,0,.1);
}

.light-theme #nav .video-nav-left a,
.light-theme #nav .video-nav-right a {
    color: #000;
}

.light-theme #nav .video-nav-cases a {
    color: #000;
}

.light-theme #article-main .article-body li a {
    color: #000;
}

.light-theme #article-main .article-sett .dark svg {
    stroke: none;
    fill: #000;
}

.light-theme #article-main .article-sett .light svg {
    stroke: none;
    fill: #F58220;
}

.light-theme .card .card-footer {
    background-color: transparent;
    color: #000;
}

/***********/
/* History */
/***********/

#history,
#history2 {
    width: 82%;
    margin: auto;
    margin-top: 50px;
    margin-bottom: 50px;
}

/*
#history .main,
*/
#history2 .main {
    padding-top: 100px;
}

#history .hist-block,
#history2 .hist-block {
    padding: 50px 0;
}

#history .par,
#history2 .par {
    font-size: 16px; /* 18 */
    margin-bottom: 20px;
}

/**************/
/* Historycar */
/**************/

#historycar {
    margin-top: 150px;
    margin-bottom: 50px;
    margin-right: -15px;
    margin-left: -15px;
    height: 370px;
    align-self: center;
}

#historycar .container {
    width: 100%;
    height: 370px;
    padding: 0;
}

#historycar .slider {
    height: 370px;
}

#historycar .slick-list {
    height: 370px;
}

#historycar .sltask {
    width: 100%;
    height: 370px;
    padding: 30px 0;
}

#historycar .prevdiv .sltask {
    transition-duration: 2s;
    padding: 0;
    padding-bottom: 60px;
}

#historycar .nextdiv .sltask {
    transition-duration: 2s;
    padding: 0;
    padding-top: 60px;
}

#historycar .slimg {
    overflow: hidden;
    width: 87%;
    height: 300px;
    margin: auto;
    position: relative;
    z-index: 1;
}

/**********/
/* Sertif */
/**********/

#sertif {
    width: 82%;
    margin: auto;
    margin-top: 210px;
    margin-bottom: 50px;
}

#sertif .explogo {
    margin-left: -5px;
    margin-right: 3px;
    height: 30vh;
    border-bottom: 1px rgba(255,255,255,.2) solid;
}

#sertif .explogo:first-child {
    padding-top: 50px;
}

#sertif .explogo:last-child {
    border-bottom: none;
}

.sertif-desc-itog {
    font-size: 16px; /* 18 */
    padding: 0 0 15px 0;
}

#sertif .sertico {
    display: flex;
    justify-content: center;
}

#sertif img {
    width: auto;
    height: 70px;
}

/**********/
/* Team */
/**********/

#team {
    width: 82%;
    margin: auto;
    margin-top: 180px;
    margin-bottom: 50px;
}

#team .team-desc-itog {
    font-size: 16px; /* 18 */
}

/***********/
/* Teamcar */
/***********/

#teamcar {
    margin-top: 140px;
    margin-bottom: 50px;
    margin-right: -15px;
    margin-left: -15px;
    height: 550px;
    align-self: center;
}

#teamcar .container {
    width: 100%;
    padding: 0;
    height: 550px;
}

#teamcar .slider {
    height: 550px;
}

#teamcar .slide-list,
#teamcar .slick-slide {
    height: 550px;
}

#teamcar .sltask {
    width: 100%;
    height: 550px;
    padding: 30px 0;
}

#teamcar .prevdiv .sltask {
    transition-duration: 2s;
    padding: 0;
    padding-bottom: 60px;
}

#teamcar .nextdiv .sltask {
    transition-duration: 2s;
    padding: 0;
    padding-top: 60px;
}

#teamcar .slimg {
    display: block;
    margin: auto;
    position: relative;
    overflow: hidden;
    width: 87%;
    height: 70%;
    z-index: 1;
    text-align: center;
}

#teamcar img {
    margin: auto;
}

#teamcar .sldate {
    display: inline;
    font-size: 12px; /* 14 */
    text-transform: uppercase;
    position: relative;
    z-index: 5;
    top: 10px;
    left: 100px;
    width: 20%;
}

#teamcar .sltitle {
    font-family: 'Tacticsans';
    font-size: 18px; /* 20 */
    text-transform: uppercase;
    position: relative;
    z-index: 10;
    top: 30px;
    left: 100px;
    width: 35%;
    word-break: normal;
}

/************/
/* Licenses */
/************/

#licenses {
    width: 82%;
    margin: auto;
    margin-top: 200px;
    margin-bottom: 50px;
}

#licenses .licenses-desc-itog {
    font-size: 16px; /* 18 */
}

/***************/
/* Licens-list */
/***************/

#licens-list {
    width: 82%;
    height: 650px;
    margin: auto;
    margin-top: 150px;
    margin-bottom: 50px;
}

#licens-list .explogo {
    margin-left: 0;
    height: 30vh;
}

#licens-list .sertico:nth-last-child(1) {
    border-bottom: none;
}

#licens-list .sertico:nth-last-child(2) {
    border-bottom: none;
}

#licens-list .sertico {
    display: flex;
    justify-content: center;
    padding: 70px 0;
    border-bottom: 1px rgba(255,255,255,.2) solid;
}

#licens-list img {
    width: auto;
    height: 70px;
}

#licens-list .lic-img {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

#licens-list .lic-main {
    width: 60%;
    height: auto;
    position: absolute;
    z-index: 200;
    top: 50px;
}

#licens-list .lic-bac1 {
    width: 40%;
    height: auto;
    position: absolute;
    z-index: 100;
    top: -10px;
    left: 50px;
}

#licens-list .lic-bac2 {
    width: 40%;
    height: auto;
    position: absolute;
    z-index: 100;
    top: 290px;
    left: 300px;
}


/***************/
/* Contact map */
/***************/

#maps {
    width: 82%;
    height: 100%;
    margin: auto;
    margin-top: 100px;
    margin-bottom: 50px;
}

#maps .maps-block {
    padding-top: 100px;
}

/**********/
/* nopage */
/**********/

#nopage {
    background-image: url('../img/bg_multvr.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: local;
    background-size: contain;
    top: -15px;

    width: 100%;
    height: 80vh;
    max-height: 80vh;
    margin: auto;
}

#nopage .nopage-title {
    margin-top: 50px;
    height: 300px;
}

#nopage .nopage-title-1,
#nopage .nopage-title-2,
#nopage .nopage-title-3 {
    font-family: 'Tacticsans';
    font-size: 230px;
    text-transform: uppercase;
    text-align: center;
    position: relative;
}

#nopage .nopage-title-1 {
    z-index: 30;
}

#nopage .nopage-title-2 {
    z-index: 20;
    top: -333px;
    left: -15px;
    opacity: 0.5;
}

#nopage .nopage-title-3 {
    z-index: 10;
    top: -670px;
    left: -25px;
    opacity: 0.5;
}

#nopage .nopage-subtitle {
    font-family: 'Tacticsans';
    font-size: 20px;
    text-transform: uppercase;
    text-align: center;
    margin: 30px 0;
}

#nopage .nopage-desc {
    font-size: 18px;
    text-align: center;
}

#nopage .nopage-desc a {
    color: #F58220;
}

#nopage .nopage-desc a:hover {
    text-decoration: none;
}

/*********/
/* Tasks */
/*********/

#tasks {
    width: 82%;
    margin: auto;
    margin-top: 235px;
}

#tasks .inl {
    display: inline;
}

.tasks-link {
    font-family: 'Tacticsans';
    font-size: 20px; /* 20 */
    font-weight: normal;
    color: #fff;
    text-decoration: none;
}

.tasks-link:hover {
    color: #fff;
    text-decoration: none;
    border-bottom: #fff solid 2px;
}

/***********************/
/* Tasks Uslugi Slider */
/***********************/

#taskscaru {
    margin-bottom: 50px;
    margin-right: -15px;
    margin-left: -15px;
    height: 400px;
    align-self: center;
}

#taskscaru .container {
    width: 100%;
    height: 400px;
    padding: 0;
}

#taskscaru .slider {
    height: 400px;
}

#taskscaru .slick-list {
    height: 400px;
}

#taskscaru .sltask {
    width: 100%;
    height: 400px;
    padding: 30px 0;
}

#taskscaru .prevdiv .sltask {
    transition-duration: 2s;
    padding: 0;
    padding-bottom: 60px;
}

#taskscaru .nextdiv .sltask {
    transition-duration: 2s;
    padding: 0;
    padding-top: 60px;
}

#taskscaru .slimg {
    overflow: hidden;
    margin: auto;
    z-index: 1;
    text-align: center;
}

#taskscaru img {
    position: relative;
    width: 90%;
    margin: auto;
}

#taskscaru .sltitle {
    width: 55%;
    font-family: 'Tacticsans';
    font-size: 18px; /* 20 */
    text-transform: uppercase;
    position: relative;
    z-index: 20;
    top: -85px;
    left: 60px;
}

#taskscaru a {
    text-decoration: none;
    color: #fff;
}

/***********/
/* Contact */
/***********/

#contact,
#contact-popup-usl,
#contact-popup-uslr {
    color: #000;
    margin-right: -15px;
    margin-left: -15px;
    margin-top: 250px;
}

#contact .container {
    width: 100%;
    background-color: #fff;
    -webkit-box-shadow: inset 0px -40px 30px -40px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0px -40px 30px -40px rgba(0,0,0,0.75);
    box-shadow: inset 0px -40px 30px -40px rgba(0,0,0,0.75);}

#contact .left-desc,
#contact-popup-usl .left-desc,
#contact-popup-uslr .left-desc {
    padding-left: 40px;
}

#contact .contact-title,
#contact-popup-usl .contact-title,
#contact-popup-uslr .contact-title {
    margin-bottom: 70px;
}

#contact .form,
#contact-popup-usl .form,
#contact-popup-uslr .form {
    padding-left: 60px;
}

#contact-forms {
    padding-top: 100px;
    padding-bottom: 100px;
}

#contact-form a,
#contact-popup-usl a,
#contact-popup-uslr a {
    color: #000;
    margin-bottom: 3rem;
}

#contact label,
#contact-popup-usl label,
#contact-popup-uslr label {
    font-size: 18px; /* 18 */
	left: 0;
}

#contact input,
#contact-popup-usl input,
#contact-popup-uslr input {
    border: none;
    border-bottom: 1px solid #000;
    border-radius: 0;
}

#contact input:disabled,
#contact-popup-usl input:disabled,
#contact-popup-uslr input:disabled {
    background-color: transparent;
}


#contact input::placeholder,
#contact-popup-usl input::placeholder,
#contact-popup-uslr input::placeholder {
    color: transparent;
}

#contact input:focus,
#contact-popup-usl input:focus,
#contact-popup-uslr input:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 1px solid #000;
}

#contact input:focus::placeholder,
#contact-popup-usl input:focus::placeholder,
#contact-popup-uslr input:focus::placeholder {
    color: darkgrey;
}

#contact .form-group,
#contact-popup-usl .form-group,
#contact-popup-uslr .form-group {
	position: relative;
	margin: 3rem 0;
}

#contact .form-group:nth-child(3),
#contact-popup-usl .form-group:nth-child(3),
#contact-popup-uslr .form-group:nth-child(3) {
    margin-bottom: 1rem;
}

.form-group .floating-label {
	position: absolute;
	pointer-events: none;
	top: 6px;
	left: 0;
	transition: all 0.1s ease;
	color: #000;
}

.form-group input:focus ~ .floating-label,
.form-group input:not(:focus):valid ~ .floating-label {
	top: -25px;
	bottom: 0px;
	left: 10px;
	font-size: 10px; /* 10 */
	opacity: 1;
	color: #000;
}

#contact button,
#contact-popup-usl button,
#contact-popup-uslr button {
    font-family: 'Tacticsans';
    font-size: 20px; /* 20 */
    background-color: inherit;
    color: #000;
    text-transform: uppercase;
    text-decoration: underline;
    border: none;
    margin-top: 30px;
    outline: none;
}

#contact button:focus,
#contact-popup-usl button,
#contact-popup-uslr button {
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
}

/*********/
/* Blanc */
/*********/

#blanc {
    width: 82%;
    margin: auto;
    height: 150px;
}

/************/
/* Services */
/************/

#services {
    width: 82%;
    margin: auto;
    margin-top: 195px;
    margin-bottom: 80px;
    padding-top: 50px;
}

.left-services {
    font-size: 22px; /* 22 */
}

#services .col-md-9 .row:first-child {
    padding-top: 0;
}

#services .col-md-9 .row {
    border-bottom: #fff 1px solid;
    padding: 50px 0;
    margin: 0;
}

#services .col-md-9 .row:last-child {
    border-bottom: none;
}

#services .col-md-3,
#services .col-md-5 {
    padding-left: 0;
}

#services .col-md-9 {
    padding-left: 0;
    padding-right: 0;
}

#services .col-md-7 {
    padding-right: 0;
}

#services .srvwrap {
    display: flex;
    align-items: flex-start;
}

#services .srvwrap a {
    color: #fff;
    text-decoration: none;
}

#services .services-title {
    overflow: hidden;
}

/******************/
/* Services-price */
/******************/

#services-price {
    width: 82%;
    margin: auto;
    margin-top: 205px;
    margin-bottom: 50px;
}

#services-price .services-price-title {
    text-transform: uppercase;
    padding: 0 10px;
}

#services-price .col-md-9 {
    padding-left: 5px;
    padding-right: 10px;
}

#services-price .row .col-md-9 .row {
    border-bottom: #fff 1px solid;
    margin: 0 5px;
    padding: 0;
}

#services-price .prices .row:first-child {
    padding-top: 0;
}

#services-price .prices .row:last-child {
    border-bottom: none;
}

#services-price .prices .col-md-4:first-child {
    padding-left: 0;
}

#services-price .uslugi-link {
    cursor: pointer;
    font-family: 'Tacticsans';
    font-size: 20px; /* 16 */
    font-weight: normal;
    color: #fff;
    text-decoration: none;
}

/*
#services-price .uslelips {
    margin: 0 auto;
    position: relative;
    z-index: 5;
    left: auto;
}

#services-price .uslelips img {
    display: block;
    margin: 0 auto;
    width: 100px;
}
*/

#services-price a {
    color: #fff;
    text-decoration: none;
    text-align: center;
}

#services-price .zakaz {
    height: 190px;
    background-image: url("../img/ellipse.svg");
    background-repeat: no-repeat;
    background-size: 33%;
    background-position: center center;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

#services-price .services-desc-itog {
    font-size: 25px; /* 25 */
    padding: 0 10px;
    padding-top: 100px;
}

/********/
/* Work */
/********/

#work {
    width: 82%;
    margin: auto;
    margin-top: 100px;
    margin-bottom: 50px;
}

#work .main {
    margin-bottom: 25px;
}

#work .col-3 {
    border-top: rgba(255,255,255,.1) solid 1px;
    border-bottom: rgba(255,255,255,.1) solid 1px;
    padding: 50px 0;
}

#work img {
    display: block;
    margin: 15px auto;
    width: 50px;
    height: 50px;
}

#work .work-name:not(:last-child) {
    background-image: url("../img/plus.svg");
    background-repeat: no-repeat;
    background-size: 5%;
    background-position: center right;
}

#work .work-name {
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
}

#work .wplus {
    width: 15px;
    height: 15px;
    position: absolute;
    top: 150px;
    right: -6px;
}

.work-subtitle {
    text-align: center;
    height: 6rem;
}

.work-desc {
    font-size: 18px; /* 18 */
    text-align: center;
}

/********/
/* Texts */
/********/

#texts {
    width: 82%;
    margin: auto;
    margin-top: 250px;
    margin-bottom: 50px;
}

#texts .main {
    margin-bottom: 25px;
}

#texts .par {
    margin-bottom: 18px;
}

#texts .row-itog {
    padding-top: 150px;
}

/*********/
/* Expert*/
/*********/

#expert {
    width: 82%;
    margin: auto;
    margin-top: 150px;
}

#expert .col-md-4 {
    margin: auto;
}

#expert .col-4,
#expert .col-md-4 {
    height: 30vh;
    border-bottom: 1px rgba(255,255,255,.2) solid;

    display: flex;
    align-items: center;
    text-align: center;
}

#expert .col-md-9 .row {
    margin: 0 5px;
}

#expert .col-md-9 {
    padding-left: 5px;
    padding-right: 10px;
}

.left-expert {
    font-size: 22px; /* 22 */
}

.expert-desc-itog {
    margin-top: 120px;
    font-size: 22px; /* 22 */
    padding: 25px 10px 15px 10px;
}

#expert img {
    display: block;
    margin: auto;
    width: 120px;
    /* height: auto; */
    align-items: stretch;
    object-fit: contain;
}

/*************/
/* Expertcar */
/*************/

#expertcar {
    margin-bottom: 50px;
    margin-right: -15px;
    margin-left: -15px;
    height: 200px;
    align-self: center;
    border-top: rgba(255,255,255,.1) 1px solid;
    border-bottom: rgba(255,255,255,.1) 1px solid;
}

#expertcar .container {
    width: 100%;
    padding: 0;
    height: 200px;
}

#expertcar .slider {
    height: 200px;
}

#expertcar .slick-list {
    height: 200px;
}

#expertcar .slide-case {
    height: 200px;
}

#expertcar .slclient {
    height: 200px;
    display: flex;
    justify-content: center;
}

#expertcar .slclient img {
    width: 80px;
    height: 80px;
    margin: 50px 0;
}

#expertcar .slick-slide {
    width: 25%;
}

/************/
/* Products */
/************/

#products {
    width: 82%;
    margin: auto;
    margin-top: 230px;
}

/**************/
/* Productscar*/
/**************/

#productscar {
    margin-bottom: 50px;
    margin-right: -15px;
    margin-left: -15px;
    height: 350px;
    align-self: center;
}

#productscar .container {
    width: 100%;
    height: 350px;
    padding: 0;
}

#productscar .slider {
    height: 350px;
}

#productscar .slick-list {
    height: 350px;
}

#productscar .sltask {
    width: 100%;
    height: 350px;
    padding: 30px 0;
}

#productscar .prevdiv .sltask {
    transition-duration: 2s;
    padding: 0;
    padding-bottom: 60px;
}

#productscar .nextdiv .sltask {
    transition-duration: 2s;
    padding: 0;
    padding-top: 60px;
}

#productscar .prevdiv .slmore,
#productscar .prevdiv .slelips {
    transition-duration: 2s;
    visibility: hidden;
}

#productscar .nextdiv .slmore,
#productscar .nextdiv .slelips {
    transition-duration: 2s;
    visibility: hidden;
}

#productscar .slimg {
    overflow: hidden;
    width: 100%;
    height: auto;
    margin: auto;
    position: relative;
    z-index: 1;
}

#productscar .slelips {
    width: 30%;
    margin: 0 auto;
    position: relative;
    z-index: 5;
    top: -270px;
    left: 20px;
}

#productscar .slelips img {
    display: block;
    margin: 0 auto;
    width: 50%;
}

#productscar .slmore {
    font-family: 'Tacticsans';
    font-size: 20px; /* 20 */
    text-transform: uppercase;
    position: relative;
    z-index: 10;
    top: -345px;
    left: 20px;
    width: 45%;
    margin: auto;
    text-align: center;
}

#productscar .slmore a {
    text-decoration: none;
    color: #fff;
}

#productscar .sltitle {
    font-family: 'Tacticsans';
    font-size: 20px; /* 20 */
    text-transform: uppercase;
    position: relative;
    z-index: 10;
    top: -240px;
    left: 50px;
    width: 70%;
}

/***********/
/* Clients */
/***********/

#clients {
    width: 82%;
    margin: auto;
    margin-top: 250px;
}

/**************/
/* Clientscar */
/**************/

#clientscar {
    margin-bottom: 50px;
    margin-right: -15px;
    margin-left: -15px;
    height: 400px;
    align-self: center;
    border-top: rgba(255,255,255,.1) 1px solid;
    border-bottom: rgba(255,255,255,.1) 1px solid;
}

#clientscar .container {
    width: 100%;
    padding: 0;
    height: 400px;
}

#clientscar .slider {
    height: 400px;
}

#clientscar .slick-list {
    height: 400px;
}

#clientscar .slide-case {
    height: 400px;
}

#clientscar .slclient {
    height: 400px;
    display: flex;
    justify-content: center;
}

#clientscar .slick-slide {
    width: 25%;
}

#clientscar img {
    padding: 3px;
    width: 60%;
    margin: auto;
/*
    height: 100%;
*/
    object-fit: cover;
}

/********/
/* Blog */
/********/

#blog {
    width: 82%;
    margin: auto;
    margin-top: 245px;
}

#blog .inl {
    display: inline;
}

.blog-link {
    font-family: 'Tacticsans';
    font-size: 20px; /* 20 */
    font-weight: normal;
    color: #fff;
    text-decoration: none;
}

#blog a {
    color: #fff;
    text-decoration: none;
}

#blog a:hover {
    text-decoration: none;
    border-bottom: #fff solid 2px;
}

/***********/
/* Blogcar */
/***********/

#blogcar {
    margin-bottom: 50px;
    margin-right: -15px;
    margin-left: -15px;
    height: 550px;
    align-self: center;
}

#blogcar .container {
    width: 100%;
    padding: 0;
    height: 550px;
}

#blogcar .slider {
    height: 550px;
}

#blogcar .slide-list,
#blogcar .slick-slide {
    height: 550px;
}

#blogcar .sltask {
    width: 100%;
    height: 550px;
    padding: 30px 0;
}

#blogcar .prevdiv .sltask {
    transition-duration: 2s;
    padding: 0;
    padding-bottom: 60px;
}

#blogcar .nextdiv .sltask {
    transition-duration: 2s;
    padding: 0;
    padding-top: 60px;
}

#blogcar .prevdiv .slmore,
#blogcar .prevdiv .slelips {
    transition-duration: 2s;
    visibility: hidden;
}

#blogcar .nextdiv .slmore,
#blogcar .nextdiv .slelips {
    transition-duration: 2s;
    visibility: hidden;
}

#blogcar .slimg {
    position: relative;
    overflow: hidden;
    width: 90%;
    margin: auto;
    z-index: 1;
}

#blogcar .slelips {
    width: 40%;
    margin: 0 auto;
    position: relative;
    z-index: 5;
    top: -280px;
    left: -110px;
}

#blogcar .slelips img {
    width: 45%;
    display: block;
    margin: 0 auto;
}

#blogcar .slmore {
    font-family: 'Tacticsans';
    font-size: 20px; /* 20 */
    text-transform: uppercase;
    position: relative;
    z-index: 10;
    top: -365px;
    left: -110px;
    width: 45%;
    margin: auto;
    text-align: center;
}

#blogcar .slmore a {
    text-decoration: none;
    color: #fff;
}

#blogcar .slelips2 {
    width: 35%;
    margin: 0 auto;
    position: relative;
    z-index: 15;
    top: -460px;
    left: 90px;
}

#blogcar .sllike {
    display: inline;
    font-size: 14px; /* 14 */
    text-transform: uppercase;
    position: relative;
    z-index: 15;
    top: -515px;
    left: 520px;
    width: 20%;
}

#blogcar .slbrand {
    display: inline;
    font-size: 14px; /* 14 */
    text-transform: uppercase;
    position: relative;
    z-index: 10;
    top: -360px;
    left: 50px;
    width: 20%;
}

#blogcar .sldate {
    display: inline;
    font-size: 14px; /* 14 */
    text-transform: uppercase;
    position: relative;
    z-index: 5;
    top: -360px;
    left: 350px;
    width: 20%;
}

#blogcar .sltitle {
    font-family: 'Tacticsans';
    font-size: 20px; /* 20 */
    text-transform: uppercase;
    position: relative;
    z-index: 10;
    top: -320px;
    left: 80px;
    width: 60%;
}

#blogcar .prevdiv .slelips2 {
    width: 35%;
    margin: 0 auto;
    position: relative;
    z-index: 15;
    top: -460px;
    left: 90px;
}

#blogcar .nextdiv .slelips2 {
    width: 35%;
    margin: 0 auto;
    position: relative;
    z-index: 15;
    top: -460px;
    left: 50px;
}

#blogcar .slelips2 img {
    width: 40%;
    display: block;
    margin: 0 auto;
}

#blogcar .prevdiv .sllike {
    top: -515px;
    left: 520px;
}

/**********/
/* Screen */
/**********/

#screen {
    height: 580px;
    margin-right: -15px;
    margin-left: -15px;
    overflow: hidden;
    position: relative;
}

#screen .container {
    width: 100%;
}

#screen .col {
    padding: 0;
}

#screen .logobrand {
    align-content: center;
    color: transparent;
    z-index: 999;
    position: absolute;
    height: 100%;
    width: 100%;
}

#screen img {
    width: 105%;
    height: 600px;
}

#screen .slogan {
    width: 100%;
    font-size: 22px; /* 22 */
    font-weight: 500;
    color: #4B79BB;
    text-align: center;
    padding: 20px 0;
    position: relative;
    top: -200px;
}

#screen .adres {
    z-index: 100;
    position: relative;
    top: 0;
    background-color: #000D26;
}

#screen address {
    padding: 0 30px 40px 30px;
    margin: 0;
}

#screen .adr-title {
    font-family: 'tacticsans';
    font-size: 40px; /* 40 */
    font-weight: normal;
    margin-top: -10px;
}

#screen .adr-subtitle {
    font-size: 18px; /* 18 */
    margin-top: 10px;
}

#screen .adr-tel, #screen .adr-mail,
#screen .adr-time, #screen .adr-office {
    font-size: 24px; /* 24 */
    font-weight: 600;
}

#screen .adr-mail a,
#screen .adr-tel a,
#screen .adr-office a,
#screen2 .adr-office a {
    color: #fff;
    text-decoration: underline;
}

#screen .adr-soc a,
#screen2 .adr-soc a {
    text-decoration: none;
}

#screen .adr-soc,
#screen2 .adr-soc {
    margin: 10px 0;
}

#screen .btn-primary,
#screen2 .btn-primary {
    border: none;
}

#screen .adr-soc svg,
#screen2 .adr-soc svg {
    width: auto;
    height: 40px;
    fill: #fff;
    margin-right: 10px;
}

/**********/
/* Screen2 */
/**********/

#screen2 {
    width: 80%;
    margin: auto;
    margin-top: 50px;
    margin-bottom: 10px;
}

#screen2 .adr-logo img {
    height: 43px;
    margin-bottom: 20px;
}

#screen2 .adr-tel, #screen2 .adr-mail,
#screen2 .adr-time, #screen2 .adr-office {
    font-size: 20px; /* 25 */
    font-weight: 600;
    margin-bottom: 15px;
}

#screen2 .adr-title {
    font-size: 12px; /* 14 */

}

#screen2 .adr-title2 {
    font-size: 22px; /* 25 */
    font-weight: bold;
    margin-bottom: 20px;
}

#screen2 .adr-subtitle2 {
    font-size: 16px; /* 18 */
    margin: 0  0 15px 0;

}

#screen2 .adr-subtitle {
    font-size: 16px; /* 18 */
    margin-top: 35px;
}

#screen2 .adr-mail a,
#screen2 .adr-tel a {
    color: #fff;
    text-decoration: underline;
}

#screen2 .adr-title2 a,
#screen2 .adr-subtitle2 a {
    color: #fff;
    text-decoration: none;
}

/**********/
/* Footer */
/**********/

footer {
    width: 100%;
    height: 80px;
}

footer .row {
    background-color: #000D26;
    height: 100%;
    padding: 0;
}

footer .copyright {
    font-size: 18px; /* 18 */
    text-align: center;
}















































/* размер (<=1920px) */
@media (max-width: 1920px) {

    #helps, #tasks, #services, #expert, #clients,
    #header-uslugi, #services-price, #work,
    #header-case, #gal, #video, #history, #history2, #cases,
    #header-about, #maps,
    #header-blog, #blog-main,
    #nopage
    {
        width: 80%;
    }

    #gal .card-body {
        /*height: 250px;*/
        padding-bottom: 20px;
    }

    #header-article {
        margin-top: 100px;
        margin-bottom: 50px;
        height: 500px;
    }

    #header-article .article-img img {
        min-width: 240%;
        max-width: 240%;
        height: auto;
        position: absolute;
        right: -40%;
    }

    #header-article .artelips2 {
        width: 150px;
        height: 100px;
        top: 150px;
    }

    #header-article .artlike {
        top: 50px;
        right: 30px;
    }

    #header-article .scrind {
        height: 2vh;
        padding-top: 16%;
    }

    #video .numlikes {
        padding-top: 10%;
    }

    #nav .nav-cases {
        font-size: 18px; /* 20 */
    }

    #casescar {
        height: 570px;
        margin-bottom: 20px;
    }

    #casescar .container {
        width: 100%;
        height: 560px;
        padding: 0;
    }

    #casescar .slider {
        height: 560px;
    }

    #casescar .slick-list {
        height: 560px;
    }

    #casescar .card-task {
        margin: 30px;
    }

    #casescar .sltitle {
        font-size: 14px;
    }

    #casescar .prevdiv .card-task {
        transition-duration: 2s;
        margin-top: 0;
        margin-bottom: 60px;
    }

    #casescar .nextdiv .card-task {
        transition-duration: 2s;
        margin-top: 60px;
        margin-bottom: 0;
    }

/***************/
/* Articlescar */
/***************/

#articlescar {
    height: 100%; /*640px;*/
}

#articlescar .container,
#articlescar .slider,
#articlescar .slide-list,
#articlescar .slick-slide,
#articlescar .slide-case {
    height: 100%; /*630px;*/
}

#articlescar .sltask {
    height: 100%; /*630px;*/
    padding: 50px 0;
}

#articlescar .card-article {
    height: 100%; /*520px;*/
    margin: 30px;
}

#articlescar .prevdiv .card-article {
    transition-duration: 2s;
    margin-top: 0;
    margin-bottom: 60px;
}

#articlescar .nextdiv .card-article {
    transition-duration: 2s;
    margin-top: 60px;
    margin-bottom: 0;
}

#articlescar .slelips2 {
    width: 100px;
    height: 100px;
    top: 20px;
    right: 20px;
}

#articlescar .sllike {
    font-size: 16px; /* 14 */
    padding-top: 15px;
}

#articlescar .slbrand {
    font-size: 12px; /* 14 */
}

#articlescar .sldate {
    font-size: 16px; /* 18 */
}

#articlescar .sltitle {
    font-size: 20px; /* 20 */
    left: 30px;
    width: 100%;
}

}

/* xl-размер (>=1200px) */
/* CSS для >=1200px */

/* размер (<=1400px) */
@media (max-width: 1400px) {
    /* CSS для ширины от 1200px до 1400px */

    .card-body {
        /*height: 200px;*/
    }

    /* Title */
    .helps-title, .tasks-title,
    .contact-title, .expert-title,
    .products-title, .clients-title,
    .blog-title, .services-price-title,
    .work-title, .about-title,
    .history-title, .sertif-title,
    .team-title, .licenses-title,
    .cases-title, .article-title {
        font-size: 32px; /* 40 */
        line-height: 150%;
        margin-top: 0;
        margin-bottom: 50px;
    }

    .helps-subtitle,
    .services-title,
    .services-price-subtitle,
    .work-subtitle {
        font-size: 18px; /* 20 */
        padding: 0 0 10px 0;
    }

    .services-price-desc {
        font-size: 18px; /* 18 */
    }

    .left-desc {
        font-size: 22px; /* 25 */
        font-weight: 600;
        line-height: 150%;
        margin-bottom: 20px;
        margin-top: 10px;
    }

    .plus {
        width: 20px;
        height: 20px;
    }

    .plusno {
        width: 20px;
        height: 20px;
    }

    /*******/
    /* Nav */
    /*******/

    .navbar {
        width: 82%;
        margin: auto;
        padding: 1rem 0;
    }

    .navbar-brand img {
        height: 35px;
    }

    .navbar ul {
        font-size: 12px; /* 14 */
    }

    /* Fasttel ---------- */

    #fasttel {
        width: 82%;
    }

    /* Main ------------- */

    /**********/
    /* Header */
    /**********/

    .particlehead {
        height: 50vh;
        top: 60px;
    }

    #header .chelvr img {
        width: 50%;
        height: auto;
        margin: auto;
        position: relative;
        z-index: -100;
        top: 0;
    }

    #header [data-elem-id="labell"].t-sbs-anim_started {
        left: 100px;
        width: 20%;
    }

    #header [data-elem-id="labelr"].t-sbs-anim_started {
        right: 100px;
        width: 20%;
    }

    .label-right, .label-left {
        font-size: 32px; /* 35 */
    }

    .label-right:hover, .label-left:hover {
        font-size: 2.2rem;
    }

    .label-right-add,
    .label-left-add {
        font-size: 16px; /* 20 */
    }

    .label-title {
        font-size: 32px;
        padding-top: 40px;
    }

    #header .scrind {
        padding-top: 15%;
    }

    /*********/
    /* Helps */
    /*********/

    #helps {
        width: 82%;
        margin: auto;
        margin-top: 150px;
        margin-bottom: 20px;
    }

    #helps .col-4 {
        padding: 0 15px;
    }

    .helps-subtitle {
        font-size: 16px; /* 20 */
        padding: 0 0 10px 0;
    }

    .helps-desc {
        font-size: 16px; /* 18 */
        margin-bottom: 50px;
    }

    .helps-desc-itog {
        font-size: 22px; /* 25 */
        line-height: 200%;
        margin-bottom: 30px;
    }

    /*********/
    /* Tasks */
    /*********/

    #tasks {
        width: 82%;
        margin: auto;
        margin-top: 150px;
        margin-bottom: 10px;
    }

    .tasks-link {
        font-size: 18px; /* 20 */
    }

    /***********/
    /* Contact */
    /***********/

    #contact,
    #contact-popup-usl,
    #contact-popup-uslr {
        margin-top: 100px;
    }

    #contact .left-desc,
    #contact-popup-usl .left-desc,
    #contact-popup-uslr .left-desc {
        padding-left: 40px;
    }

    #contact .contact-title,
    #contact-popup-usl .contact-title,
    #contact-popup-uslr .contact-title {
        margin-bottom: 60px;
    }

    #contact-forms {
        padding-top: 85px;
        padding-bottom: 85px;
    }

    #contact-form a {
        color: #000;
        font-size: 16px;
    }

    #contact .form,
    #contact-popup-usl .form,
    #contact-popup-uslr .form {
        padding-left: 60px;
    }

    #contact .form-group,
    #contact-popup-usl .form-group,
    #contact-popup-uslr .form-group {
        position: relative;
    }

    #contact label,
    #contact-popup-usl label,
    #contact-popup-uslr label {
        font-size: 16px; /* 18 */
        left: 0;
    }

    .form-group .floating-label {
        top: 10px;
        left: 0;
    }

    .form-group input:focus ~ .floating-label,
    .form-group input:not(:focus):valid ~ .floating-label {
        top: -20px;
        font-size: 9px; /* 10 */
        opacity: 1;
        color: #000;
    }

    #contact button,
    #contact-popup-usl button,
    #contact-popup-uslr button {
        padding: 6px 0;
    }

    /************/
    /* Services */
    /************/

    #services {
        width: 82%;
        margin-top: 190px;
        margin-bottom: 20px;
        padding-top: 0;
    }

    .left-services {
        font-size: 20px; /* 22 */
        margin-bottom: 20px;
    }

    #services .col-md-9 .row {
        padding: 40px 0;
    }

    #services .col-md-5 {
        padding-right: 5px;
    }

    #services .col-md-7 {
        padding-left: 0;
    }

    #services .srvwrap {
        display: flex;
        align-items: flex-start;
    }

    /*********/
    /* Expert*/
    /*********/

    #expert {
        width: 82%;
        margin: auto;
        margin-top: 150px;
    }

    .left-expert {
        font-size: 22px;
        font-weight: 600;
        line-height: 150%;
        margin-bottom: 20px;
        margin-top: 10px;
    }

    #expert .explogo {
        height: 25vh;
    }

    #expert .explogo:last-child {
        border-bottom: none;
    }

    #expert img {
        width: 60px;
        /* height: auto; */
        align-items: stretch;
        object-fit: contain;
    }

    .expert-desc-itog {
        margin-top: 20px;
        font-size: 22px; /* 22 */
        padding: 0 10px;
    }

    /************/
    /* Products */
    /************/

    #products {
        width: 82%;
        margin: auto;
        margin-top: 140px;
    }

    /**************/
    /* Productscar*/
    /**************/

    #productscar {
        margin-top: 10px;
        margin-bottom: 50px;
        margin-right: -15px;
        margin-left: -15px;
        height: 380px;
        align-self: center;
    }

    #productscar .container {
        width: 100%;
        height: 380px;
        padding: 0;
    }

    #productscar .slider {
        height: 380px;
    }

    #productscar .slick-list {
        height: 380px;
    }

    #productscar .sltask {
        width: 100%;
        height: 380px;
        padding: 30px 0;
    }

    #productscar .slimg {
        overflow: hidden;
        width: 87%;
        margin: auto;
        position: relative;
        z-index: 1;
    }

    #productscar .slimg img {
        width: 100%;
        margin: auto;
    }

    #productscar .slelips {
        width: 35%;
        top: -270px;
        left: 120px;
    }

    #productscar .slmore {
        font-size: 18px; /* 20 */
        top: -335px;
        left: 115px;
    }

    #productscar .sltitle {
        font-size: 18px; /* 20 */
        top: -220px;
        left: 90px;
        width: 50%;
    }

    /***********/
    /* Clients */
    /***********/

    #clients {
        width: 82%;
        margin: auto;
        margin-top: 200px;
    }

    /**************/
    /* Clientscar */
    /**************/

    #clientscar {
        margin-top: 20px;
        margin-bottom: 20px;
        margin-right: -15px;
        margin-left: -15px;
        height: 250px;
    }

    #clientscar .container {
        width: 100%;
        padding: 0;
        height: 250px;
    }

    #clientscar .slider {
        height: 250px;
    }

    #clientscar .slick-list {
        height: 250px;
    }

    #clientscar .slide-case {
        height: 250px;
    }

    #clientscar .slclient {
        height: 250px;
        display: flex;
        justify-content: center;
    }


    /********/
    /* Blog */
    /********/

    #blog {
        width: 82%;
        margin: auto;
        margin-top: 150px;
    }

    .blog-link {
        font-size: 16px; /* 20 */
    }

    /***********/
    /* Blogcar */
    /***********/

    #blogcar {
        margin-bottom: 50px;
        height: 470px;
        align-self: center;
    }

    #blogcar .container {
        height: 470px;
    }

    #blogcar .slider {
        height: 470px;
    }

    #blogcar .slide-list,
    #blogcar .slick-slide {
        height: 470px;
    }

    #blogcar .sltask {
        height: 470px;
    }

    #blogcar .slimg {
        width: 87%;
    }

    #blogcar .slimg img {
        width: 100%;
    }

    #blogcar .slelips {
        width: 35%;
        top: -260px;
        left: -50px;
    }

    #blogcar .slmore {
        font-size: 18px; /* 20 */
        top: -320px;
        left: -50px;
        width: 45%;
    }

    #blogcar .slelips2 {
        width: 35%;
        top: -400px;
        left: 180px;
    }

    #blogcar .sllike {
        font-size: 12px; /* 14 */
        top: -430px;
        left: 465px;
        width: 20%;
    }

    #blogcar .slbrand {
        font-size: 12px; /* 14 */
        top: -255px;
        left: 50px;
    }

    #blogcar .sldate {
        font-size: 12px; /* 14 */
        top: -255px;
        left: 330px;
    }

    #blogcar .sltitle {
        font-size: 18px; /* 20 */
        top: -225px;
        left: 60px;
    }

    #blogcar .prevdiv .slelips2,
    #blogcar .nextdiv .slelips2 {
        width: 35%;
        top: -400px;
        left: 180px;
    }

    #blogcar .prevdiv .sllike,
    #blogcar .nextdiv .sllike {
        top: -430px;
        left: 465px;
    }

    /*********/
    /* Blanc */
    /*********/

    #blanc {
        width: 95%;
        margin: auto;
        height: 50px;
    }

    /**********/
    /* Screen */
    /**********/

    #screen {
        height: 100%;
    }

    #screen .adr-title {
        font-size: 36px; /* 40 */
        margin-bottom: 20px;
    }

    #screen .adr-subtitle {
        font-size: 16px; /* 18 */
        margin-top: 20px;
    }

    #screen .adr-tel, #screen .adr-mail,
    #screen .adr-time, #screen .adr-office {
        font-size: 22px; /* 24 */
    }

    /**********/
    /* Footer */
    /**********/

    footer {
        height: 60px;
    }
    footer .copyright {
        font-size: 11px; /* 18 */
    }

/* Contact ------------- */

/****************/
/* Header-about */
/****************/

#header-about {
    width: 82%;
    margin: auto;
    margin-top: 100px;
    margin-bottom: 50px;
}

#header-about .bread-desc {
    font-size: 14px; /* 14 */
}

#header-about .about-title {
    height: 20vh;
    font-size: 36px; /* 40 */
    margin-top: -10px;
    margin-bottom: 30px;
}

#header-about .about-desc {
    font-size: 16px; /* 18 */
}

#header-about .about-tel, #header-about .about-mail,
#header-about .about-time, #header-about .about-office {
    font-size: 16px; /* 16 */
    font-weight: 600;
    margin-bottom: 15px;
}

#header-about .about-subtitle {
    font-size: 14px; /* 10 */
    margin-top: 50px;
}

#header-about .link {
    text-align: center;
}

.about-link {
    font-size: 16px; /* 16 */
}

#header-about .abelips img {
    width: 70px;
}

#header-about .scrind {
    height: 10vh;
    font-size: 36px; /* 40 */
    margin: auto;
    text-align: center;
    line-height: 2.4rem;
    padding-top: 20%;
    -webkit-animation: shake 0.7s linear alternate-reverse infinite;
    animation: shake 0.7s linear alternate-reverse infinite;
}

/***************/
/* Contact map */
/***************/

#maps {
    width: 82%;
    height: 100%;
    margin: auto;
    margin-top: 100px;
    margin-bottom: 50px;
}

#maps .maps-block {
    padding-top: 100px;
    margin-bottom: 20px;
}

/***********/
/* Screen2 */
/***********/

#screen2 {
    width: 82%;
}

#screen2 .adr-logo img {
    height: 35px;
    margin-bottom: 20px;
}

#screen2 .adr-subtitle {
    font-size: 16px; /* 18 */
    margin-top: 15px;
}

#screen2 .adr-tel, #screen2 .adr-mail,
#screen2 .adr-time, #screen2 .adr-office {
    font-size: 20px; /* 25 */
}

#screen2 .adr-title2 {
    font-size: 22px; /* 25 */
    margin-bottom: 10px;
}

#screen2 .adr-subtitle2 {
    font-size: 16px; /* 18 */
    margin: 0  0 5px 0;

}

/* Uslugi ------------- */

/*****************/
/* header-uslugi */
/*****************/

#header-uslugi {
    width: 82%;
    margin-top: 130px;
    margin-bottom: 50px;
}

#header-uslugi .bread-desc {
    font-size: 14px; /* 14 */
    margin-bottom: 20px;
}

#header-uslugi .uslugi-title {
    height: 20vh;
    font-size: 40px; /* 40 */
    margin-top: -5px;
    margin-bottom: 50px;
}

#header-uslugi .uslugi-desc {
    padding-top: 0;
    font-size: 18px; /* 18 */
    width: 100%;
}

#header-case .zakaz,
#header-uslugi .zakaz {
    height: 140px;
    background-image: url(../img/ellipse.svg);
    background-size: 45%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#header-uslugi .us-link {
    text-align: center;
    cursor: pointer;
}

#header-case .uslugi-link,
#header-uslugi .uslugi-link {
    font-size: 20px; /* 16 */
}

#header-uslugi .scrind {
    height: 20vh;
    font-size: 36px; /* 40 */
    line-height: 2.2rem;
    padding-top: 10%;
}

/***********************/
/* Tasks Uslugi Slider */
/***********************/

#taskscaru {
    margin-bottom: 50px;
    height: 450px;
}

#taskscaru .container {
    height: 450px;
}

#taskscaru .slider {
    height: 450px;
}

#taskscaru .slick-list {
    height: 450px;
}

#taskscaru .sltask {
    height: 450px;
}

#taskscaru .sltitle {
    width: 75%;
    font-size: 18px; /* 20 */
    top: -75px;
    left: 55px;
}

/******************/
/* Services-price */
/******************/

#services-price {
    width: 82%;
    margin-top: 100px;
    margin-bottom: 70px;
}

#services-price .row .col-md-9 .row {
    padding: 20px 0;
}

#services-price a {
    text-align: center;
}
#services-price .zakaz {
    height: 140px;
    background-image: url("../img/ellipse.svg");
    background-size: 45%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#services-price .uslugi-link {
    font-size: 20px; /* 16 */
}

/********/
/* Work */
/********/

#work {
    width: 82%;
    margin: auto;
    margin-top: 70px;
    margin-bottom: 70px;
}

#work .wplus {
    top: 70px;
    right: -6px;
}

.work-subtitle {
    height: 4rem;
}

.work-desc {
    font-size: 18px; /* 18 */
}

/********/
/* Texts */
/********/

#texts {
    width: 82%;
    margin: auto;
    margin-top: 150px;
    margin-bottom: 50px;
}

#texts .main {
    margin-bottom: 0;
}

#texts .work-title {
    margin-top: 0;
}

#texts .par {
    font-size: 16px;
    margin-bottom: 18px;
}

#texts .left-desc {
    margin-top: 0;
    margin-left: 5px;
}

#texts .row-itog {
    padding-top: 0;
}

/*************/
/* Expertcar */
/*************/

#expertcar {
    margin-top: 30px;
    margin-bottom: 70px;
    height: 200px;
}

#expertcar .container {
    width: 100%;
    padding: 0;
    height: 200px;
}

#expertcar .slider {
    height: 200px;
}

#expertcar .slick-list {
    height: 200px;
}

#expertcar .slide-case {
    height: 200px;
}

#expertcar .slclient {
    height: 200px;
}

#expertcar .slclient img {
    width: 80px;
    height: 80px;
    margin: 55px 0;
}

/* 404              */

/**********/
/* nopage */
/**********/

#nopage {
    width: 100%;
    height: 70vh;
    max-height: 70vh;
    margin: auto;
}

#nopage .nopage-title {
    margin-top: 50px;
    height: 350px;
}

#nopage .nopage-title-1,
#nopage .nopage-title-2,
#nopage .nopage-title-3 {
    font-size: 230px;
}

#nopage .nopage-title-2 {
    top: -330px;
    left: -15px;
}

#nopage .nopage-title-3 {
    top: -660px;
    left: -25px;
}

#nopage .nopage-subtitle {
    font-size: 18px;
    margin: 30px 0;
}

#nopage .nopage-desc {
    font-size: 16px;
}

/** Cases */

#header-case .us-link {
    text-align: center;
}

#gal .blogs,
#blog-main .blogs {
    width: 100%;
}

#blog-main .blelips2 {
    width: 60px;
    height: 60px;
    position: absolute;
    z-index: 200;
    top: 20px;
    right: 20px;
}

#blog-main .bllike {
    font-size: 16px; /* 18 */
    top: 30px;
    right:15px;
}

#gal .card-body {
    /*height: 190px;*/
    padding-bottom: 10px;
}

#gal .blelips2 img {
    width: 50px;
    height: 50px;
}

#gal .bllike {
    font-size: 14px; /* 18 */
}

#gal .blcat {
    font-size: 12px; /* 14 */
}

#gal .bldate {
    font-size: 16px; /* 18 */
}

#gal .blogs-title {
    font-size: 16px; /* 20 */
}

#blog-main .blogs-title {
    font-size: 16px;
}

#gal .view-more{
    font-size: 20px; /* 20 */
}

#header-article {
    margin-top: 100px;
    margin-bottom: 50px;
    height: 350px;
}

#header-article .article-img img {
    width: auto;
    height: 125%;
    position: absolute;
    right: -40%;
}

#header-article .artelips2 {
    width: 100px;
    height: 100px;

    top: 110px;
    right: 50px;
}

#header-article .artlike {
    top: 50px;
    right: 30px;
}

#header-article .artdate {
    margin-bottom: 200px;
}

#header-article .artcat {
    margin-top: 200px;
}

#header-article .scrind {
    height: 2vh;
    padding-top: 7%;
}

/** Cases */

#header-case {
    width: 82%;
    margin-top: 130px;
    margin-bottom: 50px;
}

#header-case .case-title,
#header-case .case-subtitle {
    font-size: 32px; /* 40 */
    margin-top: 0;
    margin-bottom: 5px;
}

#video {
    width: 82%;
    margin-top: 100px;
    margin-bottom: 20px;
}

#video .video-like {
    height: 130px;
    margin-top: 50px;
    margin-bottom: 50px;
}

#video .numlikes {
    padding-top: 6%;
}

#video a .numlikes {
    font-size: 28px;
}

#video label {
    font-size: 14px;
}

#video input {
    font-size: 14px;
    width: 85%;
}

#video button {
    font-size: 16px;
    padding: 5px 0;
}

#history, #history2 {
    width: 82%;
    margin-top: 30px;
    margin-bottom: 30px;
}

#history .hist-block,
#history2 .hist-block {
    padding: 10px 0;
}

#history .par,
#history2 .par {
    font-size: 14px;
    margin-bottom: 5px;
}

#nav {
    width: 82%;
    margin-top: 20px;
    margin-bottom: 0;
}

#nav .nav-cases {
    font-size: 12px; /* 20 */
    padding: 10px 0;
}

#nav .video-nav {
    padding: 25px 0;
    margin: auto;
    margin-top: 0;
}

#nav .video-nav-left a,
#nav .video-nav-right a {
    font-size: 16px;
}

#cases {
    width: 82%;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

#casescar {
    height: 100%; /*370px;*/
    margin-bottom: 20px;
}

#casescar .container {
    width: 100%;
    height: 100%;/*360px;*/
    padding: 0;
}

#casescar .slider {
    height: 100%; /*360px;*/
}

#casescar .slick-list {
    height: 100%; /*360px;*/
}

#casescar .sltitle {
    font-size: 14px;
}

#casescar .card-task {
    margin: 30px;
}

#casescar .prevdiv .card-task {
    transition-duration: 2s;
    margin-top: 0;
    margin-bottom: 60px;
}

#casescar .nextdiv .card-task {
    transition-duration: 2s;
    margin-top: 60px;
    margin-bottom: 0;
}

/***************/
/* Articlescar */
/***************/

#articlescar {
    height: 100%;
}

#articlescar .container,
#articlescar .slider,
#articlescar .slide-list,
#articlescar .slick-slide,
#articlescar .slide-case {
    height: 100%;
}

#articlescar .sltask {
    height: 100%;
    padding: 50px 0;
}

#articlescar .card-article {
    height: 100%;
    margin: 30px;
}

#articlescar .prevdiv .card-article {
    transition-duration: 2s;
    margin-top: 0;
    margin-bottom: 60px;
}

#articlescar .nextdiv .card-article {
    transition-duration: 2s;
    margin-top: 60px;
    margin-bottom: 0;
}

#articlescar .slelips2 {
    width: 100px;
    height: 100px;
    top: 20px;
    right: 20px;
}

#articlescar .sllike {
    font-size: 16px; /* 14 */
    padding-top: 15px;
}

#articlescar .slbrand {
    font-size: 12px; /* 14 */
}

#articlescar .sldate {
    font-size: 16px; /* 18 */
}

#articlescar .sltitle {
    font-size: 20px; /* 20 */
    left: 30px;
    width: 100%;
}












}

/* lg-размер (<=1200px) */
@media (max-width: 1200px) {
    /* CSS для ширины от 992px до 1199px */

    .card-body {
        /*height: 230px;*/
    }

    /* Title */
    .helps-title, .tasks-title,
    .contact-title, .expert-title,
    .products-title, .clients-title,
    .blog-title, .services-price-title,
    .work-title, .about-title,
    .history-title, .sertif-title,
    .team-title, .licenses-title,
    .cases-title, .article-title {
        font-size: 24px; /* 40 */
        line-height: 150%;
        margin-top: 10px;
        margin-bottom: 50px;
    }

    .helps-subtitle,
    .services-title,
    .services-price-subtitle,
    .work-subtitle {
        font-size: 14px; /* 20 */
        padding: 0 0 10px 0;
    }

    .services-price-desc {
        font-size: 14px; /* 18 */
    }

    .left-desc {
        font-size: 14px; /* 25 */
        font-weight: 600;
        line-height: 150%;
        margin-bottom: 20px;
        margin-top: 10px;
    }

    .plus {
        width: 15px;
        height: 15px;
    }

    .plusno {
        width: 15px;
        height: 15px;
    }

    /*******/
    /* Nav */
    /*******/

    .navbar {
        width: 83%;
        margin: auto;
        padding: 0.5rem 0;
    }

    .navbar-brand img {
        height: 35px;
    }

    /* Fasttel ---------- */

    #fasttel {
        width: 83%;
    }

    /* Main ------------- */

    /**********/
    /* Header */
    /**********/

    .particlehead {
        height: 50vh;
        top: 40px;
    }

    #header .chelvr img {
        width: 50%;
        height: auto;
        margin: auto;
        position: relative;
        z-index: -100;
    }

    .label-right, .label-left {
        font-size: 24px; /* 35 */
    }

    .label-right:hover, .label-left:hover {
        font-size: 1.6rem;
    }

    .label-right-add,
    .label-left-add {
        font-size: 14px; /* 20 */
    }

    .label-title {
        font-size: 24px;
        padding-top: 70px;
    }

    #header .scrind {
        padding-top: 10%;
    }


    /*********/
    /* Helps */
    /*********/

    #helps {
        width: 83%;
        margin: auto;
        margin-top: 150px;
        margin-bottom: 20px;
    }

    #helps .col-4 {
        padding: 0 15px;
    }

    .helps-subtitle {
        font-size: 14px; /* 20 */
        padding: 0 0 10px 0;
    }

    .helps-desc {
        font-size: 14px; /* 18 */
        margin-bottom: 50px;
    }

    .helps-desc-itog {
        font-size: 14px; /* 25 */
        line-height: 200%;
        margin-bottom: 30px;
    }

    /*********/
    /* Tasks */
    /*********/

    #tasks {
        width: 83%;
        margin: auto;
        margin-top: 50px;
        margin-bottom: 10px;
    }

    .tasks-link {
        font-size: 14px; /* 20 */
    }

    /***********/
    /* Contact */
    /***********/

    #contact,
    #contact-popup-usl,
    #contact-popup-uslr {
        margin-top: 50px;
    }

    #contact .left-desc,
    #contact-popup-usl .left-desc,
    #contact-popup-uslr .left-desc {
        padding-left: 40px;
        padding-right: 20px;
        margin: 0;
        font-size: 16px;
    }

    #contact .contact-title,
    #contact-popup-usl .contact-title,
    #contact-popup-uslr .contact-title {
        margin-top: 0;
        margin-bottom: 50px;
    }

    #contact-forms {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    #contact-form a {
        color: #000;
        font-size: 12px;
    }

    #contact .form,
    #contact-popup-usl .form,
    #contact-popup-uslr .form {
        padding-left: 20px;
        padding-right: 20px;
    }

    #contact .form-group,
    #contact-popup-usl .form-group,
    #contact-popup-uslr .form-group {
        margin: 1rem 0;
    }

    #contact label,
    #contact-popup-usl label,
    #contact-popup-uslr label {
        font-size: 12px; /* 18 */
        left: 0;
    }

    .form-group .floating-label {
        top: 15px;
        left: 0;
    }

    .form-group input:focus ~ .floating-label,
    .form-group input:not(:focus):valid ~ .floating-label {
        top: -10px;
        font-size: 12px; /* 10 */
        opacity: 1;
        color: #000;
    }

    #contact button,
    #contact-popup-usl button,
    #contact-popup-uslr button {
        font-size: 14px;
        padding: 6px 0;
    }

    /************/
    /* Services */
    /************/

    #services {
        width: 83%;
        margin-top: 80px;
        margin-bottom: 20px;
        padding-top: 0;
    }

    .left-services {
        font-size: 14px; /* 22 */
        margin-bottom: 20px;
    }

    #services .col-md-9 .row {
        padding: 10px 0;
    }

    #services .col-md-5 {
        padding-right: 5px;
    }

    #services .col-md-7 {
        padding-left: 0;
    }

    .services-title,
    #header-blog .blog-titles {
        font-size: 14px; /* 20 */
        padding: 0;
    }

    .services-desc {
        font-size: 12px; /* 18 */
    }

    #services .srvwrap {
        display: flex;
        align-items: flex-start;
    }

    /*********/
    /* Expert*/
    /*********/

    #expert {
        width: 83%;
        margin: auto;
        margin-top: 50px;
    }

    .left-expert {
        font-size: 14px;
        font-weight: 600;
        line-height: 150%;
        margin-bottom: 20px;
        margin-top: 10px;
    }

    #expert .explogo {
        height: 20vh;
    }

    #expert .explogo:last-child {
        border-bottom: none;
    }

    #expert img {
        width: 60px;
        /* height: auto; */
        align-items: stretch;
        object-fit: contain;
    }

    .expert-desc-itog {
        margin-top: 20px;
        font-size: 14px; /* 22 */
        padding: 0 10px;
    }

    /************/
    /* Products */
    /************/

    #products {
        width: 83%;
        margin: auto;
        margin-top: 50px;
    }

    /**************/
    /* Productscar*/
    /**************/

    #productscar {
        margin-bottom: 20px;
        margin-right: -15px;
        margin-left: -15px;
        height: 350px;
        align-self: center;
    }

    #productscar .container {
        width: 100%;
        height: 350px;
        padding: 0;
    }

    #productscar .slider {
        height: 350px;
    }

    #productscar .slick-list {
        height: 350px;
    }

    #productscar .sltask {
        width: 100%;
        height: 350px;
        padding: 30px 0;
    }

    #productscar .slimg {
        overflow: hidden;
        width: 95%;
        margin: auto;
        position: relative;
        z-index: 1;
    }

    #productscar .slimg img {
        width: 100%;
        margin: auto;
    }

    #productscar .slelips {
        width: 40%;
        top: -175px;
        left: 75px;
    }

    #productscar .slmore {
        font-size: 12px; /* 20 */
        top: -225px;
        left: 75px;
    }

    #productscar .sltitle {
        font-size: 14px; /* 20 */
        top: -170px;
        left: 30px;
        width: 50%;
    }

    /***********/
    /* Clients */
    /***********/

    #clients {
        width: 83%;
        margin: auto;
        margin-top: 50px;
    }

    /**************/
    /* Clientscar */
    /**************/

    #clientscar {
        margin-top: 20px;
        margin-bottom: 20px;
        margin-right: -15px;
        margin-left: -15px;
        height: 180px;
    }

    #clientscar .container {
        width: 100%;
        padding: 0;
        height: 180px;
    }

    #clientscar .slider {
        height: 180px;
    }

    #clientscar .slick-list {
        height: 180px;
    }

    #clientscar .slide-case {
        height: 180px;
    }

    #clientscar .slclient {
        height: 180px;
        display: flex;
        justify-content: center;
    }

    /********/
    /* Blog */
    /********/

    #blog {
        width: 83%;
        margin: auto;
        margin-top: 60px;
    }

    .blog-link {
        font-size: 14px; /* 20 */
    }

    /***********/
    /* Blogcar */
    /***********/

    #blogcar {
        margin-bottom: 50px;
        height: 350px;
        align-self: center;
    }

    #blogcar .container {
        height: 350px;
    }

    #blogcar .slider {
        height: 350px;
    }

    #blogcar .slide-list,
    #blogcar .slick-slide {
        height: 350px;
    }

    #blogcar .sltask {
        height: 350px;
    }

    #blogcar .slimg {
        width: 95%;
    }

    #blogcar .slimg img {
        width: 100%;
    }

    #blogcar .slelips {
        width: 40%;
        top: -210px;
        left: 10px;
    }

    #blogcar .slmore {
        font-size: 8px; /* 20 */
        top: -245px;
        left: 10px;
        width: 45%;
    }

    #blogcar .slelips2 {
        top: -230px;
        left: 100px;
    }

    #blogcar .sllike {
        font-size: 8px; /* 14 */
        top: -260px;
        left: 270px;
        width: 20%;
    }

    #blogcar .slbrand {
        font-size: 8px; /* 14 */
        top: -165px;
        left: 10px;
    }

    #blogcar .sldate {
        font-size: 8px; /* 14 */
        top: -165px;
        left: 180px;
    }

    #blogcar .sltitle {
        font-size: 10px; /* 20 */
        top: -145px;
        left: 20px;
    }

    #blogcar .prevdiv .slelips2 {
        width: 40%;
        top: -230px;
        left: 100px;
    }

    #blogcar .prevdiv .sllike {
        top: -260px;
        left: 270px;
    }

    /*********/
    /* Blanc */
    /*********/

    #blanc {
        width: 95%;
        margin: auto;
        height: 50px;
    }

    /**********/
    /* Screen */
    /**********/

    #screen {
        height: 100%;
    }

    #screen .adr-title {
        font-size: 24px; /* 40 */
        margin-bottom: 20px;
    }

    #screen .adr-subtitle {
        font-size: 12px; /* 18 */
        margin-top: 20px;
    }

    #screen .adr-tel, #screen .adr-mail,
    #screen .adr-time, #screen .adr-office {
        font-size: 14px; /* 24 */
    }

    /**********/
    /* Footer */
    /**********/

    footer {
        height: 60px;
    }
    footer .copyright {
        font-size: 14px; /* 18 */
    }

/* Contact ------------- */

/****************/
/* Header-about */
/****************/

#header-about {
    width: 82%;
    margin: auto;
    margin-top: 90px;
    margin-bottom: 50px;
}

#header-about .bread-desc {
    font-size: 12px; /* 14 */
}

#header-about .about-title {
    height: 10vh;
    font-size: 32px; /* 40 */
    margin-top: -5px;
    margin-bottom: 30px;
}

#header-about .about-desc {
    font-size: 14px; /* 18 */
}

#header-about .about-tel, #header-about .about-mail,
#header-about .about-time, #header-about .about-office {
    font-size: 14px; /* 16 */
    font-weight: 600;
    margin-bottom: 15px;
}

#header-about .about-subtitle {
    font-size: 12px; /* 10 */
    margin-top: 0;
}

#header-about .link {
    text-align: center;
}

.about-link {
    font-size: 14px; /* 16 */
}

#header-about .abelips img {
    width: 70px;
}

#header-about .scrind {
    height: 20vh;
    font-size: 36px; /* 40 */
    margin: auto;
    text-align: center;
    line-height: 2.2rem;
    padding-top: 10%;
    -webkit-animation: shake 0.7s linear alternate-reverse infinite;
    animation: shake 0.7s linear alternate-reverse infinite;
}

/***************/
/* Contact map */
/***************/

#maps {
    width: 82%;
    height: 100%;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 50px;
}

#maps .maps-block {
    padding-top: 20px;
    margin-bottom: 20px;
}

/***********/
/* Screen2 */
/***********/

#screen2 {
    width: 82%;
}

#screen2 .adr-logo img {
    height: 30px;
    margin-bottom: 20px;
}

#screen2 .adr-subtitle {
    font-size: 14px; /* 18 */
    margin-top: 15px;
}

#screen2 .adr-tel, #screen2 .adr-mail,
#screen2 .adr-time, #screen2 .adr-office {
    font-size: 16px; /* 25 */
}

#screen2 .adr-title2 {
    font-size: 18px; /* 25 */
    margin-bottom: 10px;
}

#screen2 .adr-subtitle2 {
    font-size: 14px; /* 18 */
    margin: 0  0 5px 0;

}

/* Uslugi ------------- */

/*****************/
/* header-uslugi */
/*****************/

#header-uslugi {
    width: 82%;
    margin-top: 90px;
    margin-bottom: 50px;
}

#header-uslugi .bread-desc {
    font-size: 14px; /* 14 */
    margin-bottom: 20px;
}

#header-uslugi .uslugi-title {
    height: 20vh;
    font-size: 28px; /* 40 */
    margin-top: -5px;
    margin-bottom: 50px;
}

#header-uslugi .uslugi-desc {
    padding-top: 0;
    font-size: 18px; /* 18 */
    width: 100%;
}

#header-case .zakaz,
#header-uslugi .zakaz {
    height: 100px;
    background-image: url('../img/ellipse.svg');
    background-size: 40%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#header-uslugi .us-link {
    text-align: center;
}

#header-case .uslugi-link,
#header-uslugi .uslugi-link {
    font-size: 16px; /* 16 */
}

#header-uslugi .scrind {
    height: 20vh;
    font-size: 36px; /* 40 */
    line-height: 2.2rem;
    padding-top: 10%;
}

/***********************/
/* Tasks Uslugi Slider */
/***********************/

#taskscaru {
    margin-bottom: 50px;
    height: 350px;
}

#taskscaru .container {
    height: 350px;
}

#taskscaru .slider {
    height: 350px;
}

#taskscaru .slick-list {
    height: 350px;
}

#taskscaru .sltask {
    height: 350px;
}

#taskscaru .sltitle {
    width: 75%;
    font-size: 16px; /* 20 */
    top: -65px;
    left: 45px;
}

/******************/
/* Services-price */
/******************/

#services-price {
    width: 82%;
    margin-top: 50px;
    margin-bottom: 70px;
}

#services-price .row .col-md-9 .row {
    padding: 20px 0;
}

#services-price a {
    text-align: center;
}

#services-price .zakaz {
    height: 120px;
    background-image: url("../img/ellipse.svg");
    background-size: 45%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#services-price .uslugi-link {
    font-size: 16px; /* 16 */
}

/********/
/* Work */
/********/

#work {
    width: 83%;
    margin: auto;
    margin-top: 50px;
    margin-bottom: 50px;
}

#work .wplus {
    top: 70px;
    right: -6px;
}

.work-subtitle {
    height: 3.8rem;
}

.work-desc {
    font-size: 14px; /* 18 */
}

/********/
/* Texts */
/********/

#texts {
    width: 82%;
    margin: auto;
    margin-top: 100px;
    margin-bottom: 50px;
}

#texts .main {
    margin-bottom: 0;
}

#texts .work-title {
    margin-top: 0;
}

#texts .par {
    font-size: 14px;
    margin-bottom: 18px;
}

#texts .left-desc {
    margin-top: 0;
    margin-left: 5px;
}

#texts .row-itog {
    padding-top: 0;
}

/*************/
/* Expertcar */
/*************/

#expertcar {
    margin-top: 30px;
    margin-bottom: 70px;
    height: 200px;
}

#expertcar .container {
    width: 100%;
    padding: 0;
    height: 200px;
}

#expertcar .slider {
    height: 200px;
}

#expertcar .slick-list {
    height: 200px;
}

#expertcar .slide-case {
    height: 200px;
}

#expertcar .slclient {
    height: 200px;
}

#expertcar .slclient img {
    width: 80px;
    height: 80px;
    margin: 55px 0;
}

/** Cases */

#header-case .us-link {
    text-align: center;
}

#gal .blogs,
#blog-main .blogs {
    width: 100%;
}

#blog-main .bloelips2 {
    width: 80px;
    height: 80px;
    top: 30px;
    right: 30px;
}

#blog-main .blolike {
    padding-top: 25px;
}

#blog-main .blocat {
    font-size: 12px; /* 14 */
    top: 30px;
    left: 30px;
}

#blog-main .blogs-otitle {
    font-size: 18px; /* 20 */
    padding-top: 20px;
    padding-bottom: 0;
    top: 70px;
    left: 30px;
    width: 60%;
}

#blog-main .blogs-odesc {
    font-size: 16px; /* 18 */
    padding-top: 20px;
    padding-bottom: 0;
    bottom: 30px;
    left: 30px;
    width: 60%;
}

#blog-main .blodate {
    font-size: 16px; /* 18 */
    bottom: 30px;
    right: 30px;
}

#blog-main .blelips2 {
    width: 50px;
    height: 50px;
    position: absolute;
    z-index: 200;
    top: 10px;
    right: 10px;
}

#blog-main .bllike {
    font-size: 14px; /* 18 */
    top: 25px;
    right:15px;
}

#gal .card-body {
    /*height: 150px;*/
    padding-bottom: 10px;
}

#gal .blelips2 img {
    width: 50px;
    height: 50px;
}

#gal .bllike {
    font-size: 14px; /* 18 */
}

#gal .blcat {
    font-size: 12px; /* 14 */
}

#gal .bldate {
    font-size: 16px; /* 18 */
}

#gal .blogs-title {
    font-size: 16px; /* 20 */
}

#blog-main .col-md-5 {
    margin-top: 50px;
}

#blog-main .card-footer {
    padding: 5px 0;
}

#blog-main .blogs-title {
    font-size: 12px;
    left: 0;
}

#gal .view-more{
    font-size: 18px; /* 20 */
}

#header-article {
    margin-top: 100px;
    margin-bottom: 50px;
    height: 350px;
}

#header-article .article-img img {
    width: auto;
    height: 125%;
    position: absolute;
    right: -40%;
}

#header-article .artelips2 {
    width: 100px;
    height: 100px;

    top: 110px;
    right: 50px;
}

#header-article .artlike {
    top: 50px;
    right: 30px;
}

#header-article .artdate {
    margin-bottom: 200px;
}

#header-article .artcat {
    margin-top: 200px;
}

#header-article .scrind {
    height: 2vh;
    padding-top: 5%;
}

/** Cases */

#header-case {
    width: 83%;
    margin-top: 90px;
    margin-bottom: 50px;
}

.case-link {
    font-size: 16px; /* 16 */
}

#header-case .case-title,
#header-case .case-subtitle {
    font-size: 32px; /* 40 */
    margin-top: 0;
    margin-bottom: 5px;
}

#video {
    width: 83%;
    margin-top: 100px;
    margin-bottom: 20px;
}

#video .video-like {
    height: 100px;
    margin-top: 20px;
    margin-bottom: 20px;
}

#video .numlikes {
    padding-top: 7%;
}

#video a .numlikes {
    font-size: 16px;
}

#video label {
    font-size: 14px;
}

#video input {
    font-size: 14px;
    width: 85%;
}

#video button {
    font-size: 16px;
    padding: 5px 0;
}

#history, #history2 {
    width: 83%;
    margin-top: 30px;
    margin-bottom: 30px;
}

#history .hist-block,
#history2 .hist-block {
    padding: 10px 0;
}

#history .par,
#history2 .par {
    font-size: 14px;
    margin-bottom: 5px;
}

#nav {
    width: 83%;
    margin-top: 20px;
    margin-bottom: 0;
}

#nav .nav-cases {
    font-size: 10px; /* 20 */
    padding: 15px 0;
}

#nav .video-nav {
    padding: 25px 0;
    margin: auto;
    margin-top: 0;
}

#cases {
    width: 83%;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

#casescar {
    height: 100%; /*435px;*/
    margin-bottom: 20px;
}

#casescar .container {
    width: 100%;
    height: 430px;
    padding: 0;
}

#casescar .slider {
    height: 100%; /*430px;*/
}

#casescar .slick-list {
    height: 430px;
}

#casescar .sltitle {
    font-size: 14px;
}

#casescar .card-task {
    margin: 15px;
}

#casescar .prevdiv .card-task {
    transition-duration: 2s;
    margin-top: 0;
    margin-bottom: 30px;
}

#casescar .nextdiv .card-task {
    transition-duration: 2s;
    margin-top: 30px;
    margin-bottom: 0;
}

/***************/
/* Articlescar */
/***************/

#articlescar {
    margin-top: 50px;
    height: 100%;
}

#articlescar .container,
#articlescar .slider,
#articlescar .slide-list,
#articlescar .slick-slide,
#articlescar .slide-case {
    height: 100%;
}

#articlescar .sltask {
    height: 100%;
    padding: 50px 0;
}

#articlescar .card-article {
    height: 100%;
    margin: 30px;
}

#articlescar .prevdiv .card-article {
    transition-duration: 2s;
    margin-top: 0;
    margin-bottom: 60px;
}

#articlescar .nextdiv .card-article {
    transition-duration: 2s;
    margin-top: 60px;
    margin-bottom: 0;
}

#articlescar .slelips2 {
    width: 100px;
    height: 100px;
    top: 20px;
    right: 20px;
}

#articlescar .sllike {
    font-size: 16px; /* 14 */
    padding-top: 15px;
}

#articlescar .slbrand {
    font-size: 12px; /* 14 */
}

#articlescar .sldate {
    font-size: 16px; /* 18 */
}

#articlescar .sltitle {
    font-size: 20px; /* 20 */
    left: 30px;
    width: 100%;
}


















}

/* md-размер (<=992px) */
@media (max-width: 992px) {
    /* CSS для ширины от 768px до 991px */

    /* Title */
.helps-title, .tasks-title,
.contact-title, .expert-title,
.products-title, .clients-title,
.blog-title, .services-price-title,
.work-title, .about-title,
.history-title, .sertif-title,
.team-title, .licenses-title,
.cases-title, .article-title {
    font-size: 20px; /* 40 */
    line-height: 150%;
    margin-top: 10px;
    margin-bottom: 50px;
}

.helps-subtitle,
.services-title,
.services-price-subtitle,
.work-subtitle {
    font-size: 10px; /* 20 */
    padding: 0 0 10px 0;
}

.services-price-desc {
    font-size: 10px; /* 18 */
}

.left-desc {
    font-size: 10px; /* 25 */
    font-weight: 600;
    line-height: 150%;
    margin-bottom: 20px;
    margin-top: 10px;
}

.plus {
    width: 10px;
    height: 10px;
}

.plusno {
    width: 10px;
    height: 10px;
}

/*******/
/* Nav */
/*******/

.navbar {
    width: 83%;
    margin: auto;
    padding: 1rem 0;
}

.navbar-brand img {
    height: 30px;
}

/* Fasttel ---------- */

#fasttel {
    width: 83%;
}

/* Main ------------- */

/**********/
/* Header */
/**********/

.particlehead {
    height: 50vh;
    top: 0;
}


#header [data-elem-id="labell"].t-sbs-anim_started {
    left: 50px;
    width: 20%;
}

#header [data-elem-id="labelr"].t-sbs-anim_started {
    right: 50px;
    width: 20%;
}

.label-right, .label-left {
    font-size: 20px; /* 35 */
}

.label-right:hover, .label-left:hover {
    font-size: 20px;
}

.label-right-add,
.label-left-add {
    font-size: 10px; /* 20 */
}

.label-title {
    font-size: 18px;
    padding-top: 20px;
}

/*********/
/* Helps */
/*********/

#helps {
    width: 83%;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

#helps .col-4 {
    padding: 0 15px;
}

.helps-subtitle {
    font-size: 10px; /* 20 */
    padding: 0 0 10px 0;
}

.helps-desc {
    font-size: 9px; /* 18 */
    margin-bottom: 50px;
}

.helps-desc-itog {
    font-size: 10px; /* 25 */
    line-height: 200%;
    margin-bottom: 30px;
}

/*********/
/* Tasks */
/*********/

#tasks {
    width: 83%;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 10px;
}

.tasks-link {
    font-size: 12px; /* 20 */
}

/***********/
/* Contact */
/***********/

#contact,
#contact-popup-usl,
#contact-popup-uslr {
    margin-top: 0;
}

#contact .left-desc,
#contact-popup-usl .left-desc,
#contact-popup-uslr .left-desc {
    font-size: 10px;
    padding-left: 40px;
    padding-right: 20px;
    margin: 0;
}

#contact .contact-title,
#contact-popup-usl .contact-title,
#contact-popup-uslr .contact-title {
    margin-top: 0;
    margin-bottom: 10px;
}

#contact-forms {
    padding-top: 50px;
    padding-bottom: 50px;
}

#contact-form a {
    color: #000;
    font-size: 9px;
}

#contact .form,
#contact-popup-usl .form,
#contact-popup-uslr .form {
    padding-left: 20px;
    padding-right: 20px;
}

#contact .form-group,
#contact-popup-usl .form-group,
#contact-popup-uslr .form-group {
	position: relative;
	margin: 1rem 0;
}

#contact label,
#contact-popup-usl label,
#contact-popup-uslr label {
    font-size: 9px; /* 18 */
	left: 0;
}

.form-group .floating-label {
	top: 10px;
	left: 0;
}

.form-group input:focus ~ .floating-label,
.form-group input:not(:focus):valid ~ .floating-label {
	top: -5px;
	font-size: 10px; /* 10 */
	opacity: 1;
	color: #000;
}

#contact button,
#contact-popup-usl button,
#contact-popup-uslr button {
    font-size: 10px;
    padding: 6px 0;
}

/************/
/* Services */
/************/

#services {
    width: 83%;
    margin-top: 50px;
    margin-bottom: 20px;
    padding-top: 0;
}

.left-services {
    font-size: 10px; /* 22 */
    margin-bottom: 20px;
}

#services .col-md-9 .row {
    padding: 10px 0;
}

#services .col-md-5 {
    padding-right: 5px;
}

#services .col-md-7 {
    padding-left: 0;
}

.services-title,
#header-blog .blog-titles {
    font-size: 10px; /* 20 */
    padding: 0;
}

.services-desc {
    font-size: 9px; /* 18 */
}

#services .srvwrap {
    display: flex;
    align-items: flex-start;
}

/*********/
/* Expert*/
/*********/

#expert {
    width: 83%;
    margin: auto;
    margin-top: 50px;
}

.left-expert {
    font-size: 10px;
    font-weight: 600;
    line-height: 150%;
    margin-bottom: 20px;
    margin-top: 10px;
}

#expert .explogo {
    height: 20vh;
}

#expert .explogo:last-child {
    border-bottom: none;
}

#expert img {
    width: 50px;
    /* height: auto; */
    align-items: stretch;
    object-fit: contain;
}

.expert-desc-itog {
    margin-top: 20px;
    font-size: 10px; /* 22 */
    padding: 0 10px;
}

/************/
/* Products */
/************/

#products {
    width: 83%;
    margin: auto;
    margin-top: 50px;
}

/**************/
/* Productscar*/
/**************/

#productscar {
    margin-bottom: 20px;
    margin-right: -15px;
    margin-left: -15px;
    height: 280px;
    align-self: center;
}

#productscar .container {
    width: 100%;
    height: 280px;
    padding: 0;
}

#productscar .slider {
    height: 280px;
}

#productscar .slick-list {
    height: 280px;
}

#productscar .sltask {
    width: 100%;
    height: 280px;
    padding: 30px 0;
}

#productscar .slimg {
    overflow: hidden;
    width: 95%;
    margin: auto;
    position: relative;
    z-index: 1;
}

#productscar .slimg img {
    width: 100%;
    margin: auto;
}

#productscar .slelips {
    width: 35%;
    top: -155px;
    left: 75px;
}

#productscar .slmore {
    font-size: 8px; /* 20 */
    top: -190px;
    left: 75px;
}

#productscar .sltitle {
    font-size: 9px; /* 20 */
    top: -110px;
    left: 30px;
    width: 50%;
}

/***********/
/* Clients */
/***********/

#clients {
    width: 83%;
    margin: auto;
    margin-top: 50px;
}

/**************/
/* Clientscar */
/**************/

#clientscar {
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right: -15px;
    margin-left: -15px;
    height: 150px;
}

#clientscar .container {
    width: 100%;
    padding: 0;
    height: 150px;
}

#clientscar .slider {
    height: 150px;
}

#clientscar .slick-list {
    height: 150px;
}

#clientscar .slide-case {
    height: 150px;
}

#clientscar .slclient {
    height: 150px;
    display: flex;
    justify-content: center;
}

/********/
/* Blog */
/********/

#blog {
    width: 83%;
    margin: auto;
    margin-top: 60px;
}

.blog-link {
    font-size: 9px; /* 20 */
}

/***********/
/* Blogcar */
/***********/

#blogcar {
    margin-bottom: 50px;
    height: 300px;
    align-self: center;
}

#blogcar .container {
    height: 300px;
}

#blogcar .slider {
    height: 300px;
}

#blogcar .slide-list,
#blogcar .slick-slide {
    height: 300px;
}

#blogcar .sltask {
    height: 300px;
}

#blogcar .slimg {
    width: 95%;
}

#blogcar .slimg img {
    width: 100%;
}

#blogcar .slelips {
    width: 30%;
    top: -210px;
    left: 10px;
}

#blogcar .slmore {
    font-size: 8px; /* 20 */
    top: -245px;
    left: 10px;
    width: 45%;
}

#blogcar .slelips2 {
    top: -230px;
    left: 100px;
}

#blogcar .sllike {
    font-size: 8px; /* 14 */
    top: -260px;
    left: 270px;
    width: 20%;
}

#blogcar .slbrand {
    font-size: 8px; /* 14 */
    top: -165px;
    left: 10px;
}

#blogcar .sldate {
    font-size: 8px; /* 14 */
    top: -165px;
    left: 180px;
}

#blogcar .sltitle {
    font-size: 10px; /* 20 */
    top: -145px;
    left: 20px;
}

#blogcar .prevdiv .slelips2 {
    width: 40%;
    top: -230px;
    left: 100px;
}

#blogcar .prevdiv .sllike {
    top: -260px;
    left: 270px;
}

/*********/
/* Blanc */
/*********/

#blanc {
    width: 95%;
    margin: auto;
    height: 50px;
}

/**********/
/* Screen */
/**********/

#screen {
    height: 100%;
}

#screen .adr-title {
    font-size: 20px; /* 40 */
    margin-bottom: 20px;
}

#screen .adr-subtitle {
    font-size: 9px; /* 18 */
    margin-top: 20px;
}

#screen .adr-tel, #screen .adr-mail,
#screen .adr-time, #screen .adr-office {
    font-size: 10px; /* 24 */
}

/**********/
/* Footer */
/**********/

footer {
    height: 60px;
}
footer .copyright {
    font-size: 11px; /* 18 */
}

/* Contact ------------- */

/****************/
/* Header-about */
/****************/

#header-about {
    width: 83%;
    margin: auto;
    margin-top: 50px;
    margin-bottom: 50px;
}

#header-about .bread-desc {
    font-size: 12px; /* 14 */
}

#header-about .about-title {
    height: 10vh;
    font-size: 24px; /* 40 */
    margin-top: -5px;
    margin-bottom: 30px;
}

#header-about .about-desc {
    font-size: 12px; /* 18 */
}

#header-about .about-tel, #header-about .about-mail,
#header-about .about-time, #header-about .about-office {
    font-size: 12px; /* 16 */
    font-weight: 600;
    margin-bottom: 15px;
}

#header-about .about-subtitle {
    font-size: 10px; /* 10 */
    margin-top: 0;
}

#header-about .zakaz {
    height: 90px;
    background-size: 40%;
}

#header-about .link {
    text-align: center;
}

.about-link {
    font-size: 12px; /* 16 */
}

#header-about .scrind {
    height: 10vh;
    font-size: 24px; /* 40 */
    margin: auto;
    text-align: center;
    line-height: 1.4rem;
    padding-top: 10%;
    -webkit-animation: shake 0.7s linear alternate-reverse infinite;
    animation: shake 0.7s linear alternate-reverse infinite;
}

/***************/
/* Contact map */
/***************/

#maps {
    width: 95%;
    height: 100%;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 50px;
}

#maps .maps-block {
    padding-top: 20px;
    margin-bottom: 20px;
}

#screen2 {
    width: 95%;
}

#screen2 .adr-logo img {
    height: 30px;
    margin-bottom: 20px;
}

#screen2 .adr-subtitle {
    font-size: 10px; /* 18 */
    margin-top: 15px;
}

#screen2 .adr-tel, #screen2 .adr-mail,
#screen2 .adr-time, #screen2 .adr-office {
    font-size: 12px; /* 25 */
}

#screen2 .adr-title2 {
    font-size: 14px; /* 25 */
    margin-bottom: 10px;
}

#screen2 .adr-subtitle2 {
    font-size: 12px; /* 18 */
    margin: 0  0 5px 0;

}

/* Uslugi ------------- */

/*****************/
/* header-uslugi */
/*****************/

#header-uslugi {
    width: 83%;
    margin-top: 90px;
    margin-bottom: 0px;
}

#header-uslugi .bread-desc {
    font-size: 12px; /* 14 */
    margin-bottom: 20px;
}

#header-case .case-title,
#header-case .case-subtitle {
    font-size: 20px; /* 40 */
    margin-top: 0;
    margin-bottom: 5px;
}

#header-uslugi .uslugi-title {
    height: 20vh;
    font-size: 22px; /* 40 */
    margin-top: -5px;
    margin-bottom: 30px;
}

#header-uslugi .uslugi-desc {
    padding-top: 0;
    font-size: 16px; /* 18 */
    width: 100%;
}

#header-case .zakaz,
#header-uslugi .zakaz {
    height: 80px;
    background-image: url(../img/ellipse.svg);
    background-size: 45%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#header-uslugi .us-link {
    text-align: center;
}

#header-case .uslugi-link,
#header-uslugi .uslugi-link {
    font-size: 16px; /* 16 */
}

#header-uslugi .scrind,
#header-blog .scrind {
    height: 20vh;
    font-size: 36px; /* 40 */
    line-height: 2.2rem;
    padding-top: 10%;
}

/***********************/
/* Tasks Uslugi Slider */
/***********************/

#taskscaru {
    margin-bottom: 50px;
    height: 250px;
}

#taskscaru .container {
    height: 250px;
}

#taskscaru .slider {
    height: 250px;
}

#taskscaru .slick-list {
    height: 250px;
}

#taskscaru .sltask {
    height: 250px;
}

#taskscaru .sltitle {
    width: 75%;
    font-size: 12px; /* 20 */
    top: -45px;
    left: 35px;
}

/******************/
/* Services-price */
/******************/

#services-price {
    width: 82%;
    margin-top: 50px;
    margin-bottom: 30px;
}

#services-price .row .col-md-9 .row {
    padding: 20px 0;
}

#services-price a {
    text-align: center;
}
#services-price .zakaz {
    height: 80px;
    background-image: url("../img/ellipse.svg");
    background-size: 45%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#services-price .uslugi-link {
    font-size: 16px; /* 16 */
}

/********/
/* Work */
/********/

#work {
    width: 83%;
    margin: auto;
    margin-top: 50px;
    margin-bottom: 20px;
}

#work .wplus {
    top: 70px;
    right: -6px;
}

.work-subtitle {
    height: 3rem;
}

.work-desc {
    font-size: 12px; /* 18 */
}

/********/
/* Texts */
/********/

#texts {
    width: 83%;
    margin: auto;
    margin-top: 100px;
    margin-bottom: 25px;
}

#texts .main {
    margin-bottom: 0;
}

#texts .work-title {
    margin-top: 0;
}

#texts .par {
    font-size: 12px;
    margin-bottom: 18px;
}

#texts .left-desc {
    margin-top: 0;
    margin-left: 5px;
}

#texts .row-itog {
    padding-top: 0;
}

/*************/
/* Expertcar */
/*************/

#expertcar {
    margin-top: 30px;
    margin-bottom: 50px;
    height: 150px;
}

#expertcar .container {
    width: 100%;
    padding: 0;
    height: 150px;
}

#expertcar .slider {
    height: 150px;
}

#expertcar .slick-list {
    height: 150px;
}

#expertcar .slide-case {
    height: 150px;
}

#expertcar .slclient {
    height: 150px;
}

#expertcar .slclient img {
    width: 60px;
    height: 60px;
    margin: 45px 0;
}

/* 404              */

/**********/
/* nopage */
/**********/

#nopage {
    width: 100%;
    height: 70vh;
    max-height: 70vh;
    margin: auto;
}

#nopage .nopage-title {
    margin-top: 50px;
    height: 150px;
}

#nopage .nopage-title-1,
#nopage .nopage-title-2,
#nopage .nopage-title-3 {
    font-size: 90px;
}

#nopage .nopage-title-2 {
    top: -132px;
    left: -5px;
}

#nopage .nopage-title-3 {
    top: -262px;
    left: -10px;
}

#nopage .nopage-subtitle {
    font-size: 18px;
    margin: 30px 0;
}

#nopage .nopage-desc {
    font-size: 16px;
}

/** Cases */

#header-case .us-link {
    text-align: center;
}

#gal .blogs,
#blog-main .blogs {
    width: 100%;
}

#blog-main .bloelips2 {
    width: 80px;
    height: 80px;
    top: 20px;
    right: 20px;
}

#blog-main .blolike {
    padding-top: 25px;
}

#blog-main .blocat {
    font-size: 12px; /* 14 */
    top: 30px;
    left: 30px;
}

#blog-main .blogs-otitle {
    font-size: 14px; /* 20 */
    padding-top: 20px;
    padding-bottom: 0;
    top: 50px;
    left: 30px;
    width: 60%;
}

#blog-main .blogs-odesc {
    font-size: 12px; /* 18 */
    padding-top: 20px;
    padding-bottom: 0;
    bottom: 30px;
    left: 30px;
    width: 60%;
}

#blog-main .blodate {
    font-size: 16px; /* 18 */
    bottom: 30px;
    right: 30px;
}

#blog-main .blelips2 {
    width: 40px;
    height: 40px;
    position: absolute;
    z-index: 200;
    top: 10px;
    right: 10px;
}

#blog-main .bllike {
    font-size: 12px; /* 18 */
    top: 20px;
    right:10px;
}

#gal .card-body {
    /*height: 160px;*/
    padding-bottom: 5px;
}

#gal .blelips2 img {
    width: 50px;
    height: 50px;
}

#gal .bllike {
    font-size: 14px; /* 18 */
}

#gal .blcat {
    font-size: 12px; /* 14 */
}

#gal .bldate {
    font-size: 16px; /* 18 */
}

#blog-main .bldate {
    font-size: 12px;
}

#blog-main .blcat {
    font-size: 12px;
}

#gal .blogs-title {
    font-size: 14px; /* 20 */
}

#blog-main .col-md-5 {
    margin-top: 20px;
}

#blog-main .card-footer {
    padding: 5px 0;
}

#blog-main .blogs-title {
    font-size: 12px;
    left: 0;
}

#gal .view-more{
    font-size: 16px; /* 20 */
}

#header-article {
    width: 83%;
    margin-top: 50px;
    margin-bottom: 50px;
    height: 200px;
}

#header-article .header {
    height: 280px;
}

#header-article .article-img {
    top: -10px;
}

#header-article .article-img img {
    width: auto;
    height: 75%;
    position: absolute;
    right: -40%;
}

#header-article .artelips2 {
    width: 50px;
    height: 50px;

    top: 80px;
    right: 20px;
}

#header-article .artlike {
    font-size: 12px;
    top: 25px;
    right: 10px;
}

#header-article .artdate {
    font-size: 12px;
    margin-bottom: 120px;
}

#header-article .artcat {
    font-size: 12px;
    margin-top: 120px;
}

#header-article .scrind {
    height: 0;
    padding-top: 0;
}

/** Cases */

#header-case {
    width: 83%;
    margin-top: 90px;
    margin-bottom: 0;
}

#video {
    width: 100%;
    margin-top: 100px;
    margin-bottom: 20px;
}

#video .video-like {
    height: 70px;
    margin-top: 10px;
    margin-bottom: 10px;
}

#video .numlikes {
    padding-top: 5%;
}

#video a .numlikes {
    font-size: 14px;
}

#video label {
    font-size: 14px;
}

#video input {
    font-size: 14px;
    width: 85%;
}

#video button {
    font-size: 16px;
    padding: 5px 0;
}

#history, #history2 {
    width: 83%;
    margin-top: 30px;
    margin-bottom: 30px;
}

#history .hist-block,
#history2 .hist-block {
    padding: 10px 0;
}

#history .par,
#history2 .par {
    font-size: 14px;
    margin-bottom: 5px;
}

#nav {
    width: 83%;
    margin-top: 20px;
    margin-bottom: 0;
}

#nav .video-nav {
    padding: 25px 0;
    margin: auto;
    margin-top: 0;
}

#nav .video-nav-left a,
#nav .video-nav-right a {
    font-size: 14px;
}

#cases {
    width: 83%;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

#casescar {
    height: 290px;
    margin-bottom: 20px;
}

#casescar .container {
    width: 100%;
    height: 285px;
    padding: 0;
}

#casescar .slider {
    height: 285px;
}

#casescar .slick-list {
    height: 285px;
}

#casescar .card-task .slmore {
    font-size: 12px; /* 20 */
}

#casescar .sltitle {
    font-size: 12px;
}

#casescar .card-task {
    margin: 15px;
}

#casescar .prevdiv .card-task {
    transition-duration: 2s;
    margin-top: 0;
    margin-bottom: 30px;
}

#casescar .nextdiv .card-task {
    transition-duration: 2s;
    margin-top: 30px;
    margin-bottom: 0;
}

/***************/
/* Articlescar */
/***************/

#articlescar {
    margin-top: 50px;
    height: 100%;
}

#articlescar .container,
#articlescar .slider,
#articlescar .slide-list,
#articlescar .slick-slide,
#articlescar .slide-case {
    height: 100%;
}

#articlescar .sltask {
    height: 100%;
    padding: 50px 0;
}

#articlescar .card-article {
    height: 100%;
    margin: 10px;
}

#articlescar .prevdiv .card-article {
    transition-duration: 2s;
    margin-top: 0;
    margin-bottom: 20px;
}

#articlescar .nextdiv .card-article {
    transition-duration: 2s;
    margin-top: 20px;
    margin-bottom: 0;
}

#articlescar .slelips2 {
    width: 50px;
    height: 50px;
    top: 30px;
    right: 20px;
}

#articlescar .sllike {
    font-size: 12px; /* 14 */
    padding-top: 15px;
}

#articlescar .slbrand {
    font-size: 12px; /* 14 */
}

#articlescar .sldate {
    font-size: 12px; /* 18 */
}

#articlescar .card-footer {
    padding: 10px 0;
}

#articlescar .sltitle {
    font-size: 16px; /* 20 */
    width: 100%;
    padding: 10px 0;
}














}

/* sm-размер (<=768px) !!! */
@media (max-width: 768px) {
    /* CSS для ширины от 576px до 767px */

}

/* xs-размер (<=575px) !!! */
@media (max-width: 576px) {
    /* CSS для ширины до 575px (включительно) */

    #header-article {
        height: 320px;
    }

    #header-article .article-img {
        height: 270px;
        z-index: 100;
        top: 0;
    }

    #header-article .article-img img {
        min-width: 100%;
        max-width: 100%;
        height: auto;
        position: absolute;
        right: 0;
    }

    #header-article .artelips2 {
        width: 100px;
        height: 50px;

        top: 80px;
        right: 0;
    }

    #header-article .artlike {
        font-size: 12px;
        top: 25px;
        right: 10px;
    }

    #header-article .artdate {
        font-size: 12px;
        margin-bottom: 130px;
    }

    #header-article .artcat {
        font-size: 12px;
        margin-top: 130px;
    }

    #header-article .scrind {
        height: 0;
        padding-top: 0;
    }


/***************/
/* Articlescar */
/***************/

#articlescar {
    margin-top: 50px;
    height: 100%;
}

#articlescar .container,
#articlescar .slider,
#articlescar .slide-list,
#articlescar .slick-slide,
#articlescar .slide-case {
    height: 100%;
}

#articlescar .sltask {
    height: 100%;
    padding: 50px 0;
}

#articlescar .card-article {
    height: 100%;
    margin: 10px;
}

#articlescar .prevdiv .card-article {
    transition-duration: 2s;
    margin-top: 0;
    margin-bottom: 20px;
}

#articlescar .nextdiv .card-article {
    transition-duration: 2s;
    margin-top: 20px;
    margin-bottom: 0;
}

#articlescar .slelips2 {
    width: 50px;
    height: 50px;
    top: 20px;
    right: 20px;
}

#articlescar .sllike {
    font-size: 12px; /* 14 */
    padding-top: 15px;
}

#articlescar .slbrand {
    font-size: 12px; /* 14 */
}

#articlescar .sldate {
    font-size: 12px; /* 18 */
}

#articlescar .card-footer {
    padding: 10px 0;
}

#articlescar .sltitle {
    font-size: 12px; /* 20 */
    width: 100%;
    padding: 10px 0;
}


}

/* Smartphones (вертикальная) */
@media (max-width: 425px) {
    /* CSS для ширины до 425px (включительно) */

/* Title */
.helps-title, .tasks-title,
.contact-title, .expert-title,
.products-title, .clients-title,
.blog-title, .services-price-title,
.work-title, .about-title,
.history-title, .sertif-title,
.team-title, .licenses-title,
.cases-title, .article-title {
    font-size: 14px; /* 40 */
    line-height: 150%;
    margin-top: 10px;
    margin-bottom: 20px;
}

.helps-subtitle,
.services-title,
.services-price-subtitle,
.work-subtitle {
    font-size: 12px; /* 20 */
    padding: 0 0 10px 0;
}

.services-price-desc {
    font-size: 12px; /* 18 */
}

.left-desc {
    font-size: 12px; /* 25 */
    font-weight: 600;
    line-height: 150%;
    margin-left: 20px;
    margin-bottom: 20px;
    margin-top: 10px;
}

.plus {
    width: 10px;
    height: 10px;
}

.plusno {
    width: 10px;
    height: 10px;
}

/*******/
/* Nav */
/*******/

.navbar {
    width: 100%;
    margin: auto;
    padding: 1rem 0;
}

.navbar-brand img {
    height: 25px;
}

/* Fasttel ---------- */

#fasttel {
    width: 100%;
}

/* Main ------------- */

/**********/
/* Header */
/**********/

.particlehead {
    height: 50vh;
    top: 0;
}

#header .chelvr img {
    width: 80%;
    height: auto;
    margin: auto;
    position: relative;
    z-index: -100;
}

#header [data-elem-id="labell"].t-sbs-anim_started {
    left: 10px;
    width: 20%;
}

#header [data-elem-id="labelr"].t-sbs-anim_started {
    right: 10px;
    width: 20%;
}

.label-right, .label-left {
    font-size: 12px; /* 35 */
}

.label-right:hover, .label-left:hover {
    font-size: 12px;
}

.label-right-add,
.label-left-add {
    font-size: 12px; /* 20 */
}

#header .scrind {
    padding-top: 5%;
}

/*********/
/* Helps */
/*********/

#helps {
    width: 95%;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

#helps .col-4 {
    padding: 0 10px;
}

.helps-subtitle {
    font-size: 14px; /* 20 */
    padding: 0 0 10px 0;
}

.helps-desc {
    font-size: 12px; /* 18 */
    margin-bottom: 30px;
}

.helps-desc-itog {
    font-size: 12px; /* 25 */
    line-height: 200%;
}

/*********/
/* Tasks */
/*********/

#tasks {
    width: 95%;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 10px;
}

.tasks-link {
    font-size: 8px; /* 20 */
}

/***********/
/* Contact */
/***********/

#contact,
#contact-popup-usl,
#contact-popup-uslr {
    margin-top: 0;
}

#contact .left-desc,
#contact-popup-usl .left-desc,
#contact-popup-uslr .left-desc {
    font-size: 12px;
    padding-left: 0;
    margin: 0;
}

#contact .contact-title,
#contact-popup-usl .contact-title,
#contact-popup-uslr .contact-title {
    margin-top: 0;
    margin-bottom: 10px;
}

#contact-forms {
    padding-top: 30px;
    padding-bottom: 30px;
}

#contact-form a {
    color: #000;
    font-size: 12px;
}

#contact .form,
#contact-popup-usl .form,
#contact-popup-uslr .form {
    padding-left: 0;
}

#contact .form-group,
#contact-popup-usl .form-group,
#contact-popup-uslr .form-group {
	position: relative;
	margin: 0.5rem 0;
}

#contact label,
#contact-popup-usl label,
#contact-popup-uslr label {
    font-size: 12px; /* 18 */
	left: 0;
}

.form-group .floating-label {
	top: 10px;
	left: 0;
}

.form-group input:focus ~ .floating-label,
.form-group input:not(:focus):valid ~ .floating-label {
	top: -5px;
	font-size: 12px; /* 10 */
	opacity: 1;
	color: #000;
}

#contact button,
#contact-popup-usl button,
#contact-popup-uslr button {
    font-size: 12px;
    padding: 6px 0;
}

/************/
/* Services */
/************/

#services {
    width: 95%;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 0;
}

.left-services {
    font-size: 12px; /* 22 */
    margin-bottom: 20px;
}

#services .col-md-9 .row {
    padding: 10px 0;
}

#services .col-md-5 {
    padding-right: 5px;
}

#services .col-md-7 {
    padding-left: 0;
}

.services-title,
#header-blog .blog-titles {
    font-size: 14px; /* 20 */
    padding: 0;
}

.services-desc {
    font-size: 12px; /* 18 */
    text-align: justify;
}

#services .srvwrap {
    display: flex;
    align-items: flex-start;
}

/*********/
/* Expert*/
/*********/

#expert {
    width: 95%;
    margin: auto;
    margin-top: 20px;
}

.left-expert {
    font-size: 10px;
    font-weight: 600;
    line-height: 150%;
    margin-left: 20px;
    margin-bottom: 20px;
    margin-top: 10px;
}

#expert .explogo {
    height: 15vh;
}

#expert .explogo:last-child {
    border-bottom: none;
}

#expert img {
    width: 50px;
    /* height: auto; */
    align-items: stretch;
    object-fit: contain;
}

.expert-desc-itog {
    margin-top: 10px;
    font-size: 12px; /* 22 */
    padding: 0 10px;
}

/************/
/* Products */
/************/

#products {
    width: 95%;
    margin: auto;
    margin-top: 20px;
}

/**************/
/* Productscar*/
/**************/

#productscar {
    margin-bottom: 20px;
    margin-right: -15px;
    margin-left: -15px;
    height: 180px;
    align-self: center;
}

#productscar .container {
    width: 100%;
    height: 180px;
    padding: 0;
}

#productscar .slider {
    height: 180px;
}

#productscar .slick-list {
    height: 180px;
}

#productscar .sltask {
    width: 100%;
    height: 180px;
    padding: 30px 0;
}

#productscar .slimg {
    overflow: hidden;
    width: 95%;
    margin: auto;
    position: relative;
    z-index: 1;
}

#productscar .slimg img {
    width: 100%;
    margin: auto;
}

#productscar .slelips {
    width: 45%;
    top: -85px;
    left: 25px;
}

#productscar .slmore {
    font-size: 6px; /* 20 */
    top: -105px; /* -5 mob*/
    left: 23px;
}

#productscar .sltitle {
    font-size: 5px; /* 20 */
    top: -70px;
    left: 15px;
}

/***********/
/* Clients */
/***********/

#clients {
    width: 95%;
    margin: auto;
    margin-top: 20px;
}

/**************/
/* Clientscar */
/**************/

#clientscar {
    margin-bottom: 20px;
    margin-right: -15px;
    margin-left: -15px;
    height: 120px;
}

#clientscar .container {
    width: 100%;
    padding: 0;
    height: 120px;
}

#clientscar .slider {
    height: 120px;
}

#clientscar .slick-list {
    height: 120px;
}

#clientscar .slide-case {
    height: 120px;
}

#clientscar .slclient {
    height: 120px;
    display: flex;
    justify-content: center;
}

/********/
/* Blog */
/********/

#blog {
    width: 95%;
    margin: auto;
    margin-top: 20px;
}

.blog-link {
    font-size: 8px; /* 20 */
}

/***********/
/* Blogcar */
/***********/

#blogcar {
    margin-bottom: 20px;
    height: 220px;
    align-self: center;
}

#blogcar .container {
    height: 220px;
}

#blogcar .slider {
    height: 220px;
}

#blogcar .slide-list,
#blogcar .slick-slide {
    height: 220px;
}

#blogcar .sltask {
    height: 220px;
}

#blogcar .slimg {
    width: 95%;
}

#blogcar .slimg img {
    width: 100%;
}

#blogcar .slelips {
    width: 40%;
    top: -105px;
    left: 10px;
}

#blogcar .slmore {
    font-size: 8px; /* 20 */
    top: -134px;
    left: 5px; /* -5 mob*/
    width: 45%;
}

#blogcar .slelips2 {
    top: -110px;
    left: 40px;
}

#blogcar .sllike {
    font-size: 7px; /* 14 */
    top: -130px; /* -5 mob */
    left: 117px; /* -15 mob */
    width: 20%;
}

#blogcar .slbrand {
    font-size: 7px; /* 14 */
    top: -105px; /* -10 mob*/
    left: 0;
}

#blogcar .sldate {
    font-size: 7px; /* 14 */
    top: -105px; /* -10 mob*/
    left: 40px; /* -20 mob*/
}

#blogcar .sltitle {
    font-size: 5px; /* 20 */
    top: -100px; /*-5 mob*/
    left: 10px;
}

#blogcar .prevdiv .slelips2 {
    width: 40%;
    top: -110px;
    left: 40px;
}

#blogcar .prevdiv .sllike {
    top: -135px;
    left: 132px;
}

/*********/
/* Blanc */
/*********/

#blanc {
    width: 95%;
    margin: auto;
    height: 50px;
}

/**********/
/* Screen */
/**********/

#screen {
    height: 100%;
}

#screen .adr-title {
    font-size: 14px; /* 40 */
    margin-bottom: 20px;
}

#screen .adr-subtitle {
    font-size: 12px; /* 18 */
    margin-top: 20px;
}

#screen .adr-tel, #screen .adr-mail,
#screen .adr-time, #screen .adr-office {
    font-size: 12px; /* 24 */
}

/**********/
/* Footer */
/**********/

footer {
    height: 40px;
}
footer .copyright {
    font-size: 12px; /* 18 */
}

/* Contact ------------- */

/****************/
/* Header-about */
/****************/

#header-about {
    width: 95%;
    margin: auto;
    margin-top: 50px;
    margin-bottom: 50px;
}

#header-about .bread-desc {
    font-size: 10px; /* 14 */
    margin-bottom: 20px;
}

#header-about .about-title {
    height: 10vh;
    font-size: 20px; /* 40 */
    margin-top: -10px;
    margin-bottom: 30px;
}

#header-about .about-desc {
    font-size: 10px; /* 18 */
}

#header-about .about-tel, #header-about .about-mail,
#header-about .about-time, #header-about .about-office {
    font-size: 12px; /* 16 */
    font-weight: 600;
    margin-bottom: 15px;
}

#header-about .about-subtitle {
    font-size: 10px; /* 10 */
    margin-top: 0;
}

#header-about .zakaz {
    height: 60px;
    background-size: 15%;
}

#header-about .link {
    text-align: center;
}

.about-link {
    font-size: 12px; /* 16 */
}

#header-about .scrind {
    height: 10vh;
    font-size: 24px; /* 40 */
    margin: auto;
    text-align: center;
    line-height: 1.4rem;
    padding-top: 10%;
    -webkit-animation: shake 0.7s linear alternate-reverse infinite;
    animation: shake 0.7s linear alternate-reverse infinite;
}

/***************/
/* Contact map */
/***************/

#maps {
    width: 95%;
    height: 100%;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 50px;
}

#maps .maps-block {
    padding-top: 20px;
    margin-bottom: 20px;
}

#screen2 {
    width: 95%;
}

#screen2 .adr-logo img {
    height: 30px;
    margin-bottom: 20px;
}

#screen2 .adr-subtitle {
    font-size: 10px; /* 18 */
    margin-top: 15px;
}

#screen2 .adr-tel, #screen2 .adr-mail,
#screen2 .adr-time, #screen2 .adr-office {
    font-size: 12px; /* 25 */
}

#screen2 .adr-title2 {
    font-size: 14px; /* 25 */
    margin-bottom: 10px;
}

#screen2 .adr-subtitle2 {
    font-size: 12px; /* 18 */
    margin: 0  0 5px 0;

}

/* Uslugi ------------- */

/*****************/
/* header-uslugi */
/*****************/

#header-uslugi,
#header-blog {
    width: 95%;
    margin-top: 30px;
}

#header-uslugi .bread-desc,
#header-blog .bread-desc,
#header-article .bread-desc {
    font-size: 10px; /* 14 */
    margin-bottom: 20px;
}

#header-case .case-title {
    font-size: 18px; /* 40 */
    margin-top: 0;
    margin-bottom: 5px;
}

#header-uslugi .uslugi-title,
#header-blog .blog-title,
#header-article .article-title {
    height: 20vh;
    font-size: 18px; /* 40 */
    margin-top: 0;
    margin-bottom: 20px;
}

#header-uslugi .uslugi-desc {
    padding-top: 0;
    font-size: 16px; /* 18 */
    width: 100%;
}

#header-case .zakaz,
#header-uslugi .zakaz {
    margin-top: 10px;
    height: 70px;
    background-size: 15%;
}

#header-uslugi .us-link {
    text-align: center;
}

#header-case .uslugi-link,
#header-uslugi .uslugi-link {
    font-size: 14px; /* 16 */
}

#header-uslugi .scrindg {
    display: none!important;
}

/***********************/
/* Tasks Uslugi Slider */
/***********************/

#taskscaru {
    margin-bottom: 30px;
    height: 180px;
}

#taskscaru .container {
    height: 180px;
}

#taskscaru .slider {
    height: 180px;
}

#taskscaru .slick-list {
    height: 180px;
}

#taskscaru .sltask {
    height: 180px;
}

#taskscaru .sltitle {
    width: 75%;
    font-size: 8px; /* 20 */
    top: -35px;
    left: 15px;
}

/******************/
/* Services-price */
/******************/

#services-price {
    width: 95%;
    margin-top: 30px;
    margin-bottom: 30px;
}

#services-price .row .col-md-9 .row {
    padding: 20px 0;
}

#services-price .zakaz {
    margin-top: 10px;
    height: 60px;
    background-image: url("../img/ellipse.svg");
    background-size: 15%;
}

#services-price .uslugi-link {
    font-size: 14px; /* 16 */
}

/********/
/* Work */
/********/

#work {
    width: 95%;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

#work .wplus {
    top: 70px;
    right: -6px;
}

.work-subtitle {
    height: 2rem;
}

.work-desc {
    font-size: 10px; /* 18 */
}

/********/
/* Texts */
/********/

#texts {
    width: 95%;
    margin: auto;
    margin-top: 25px;
    margin-bottom: 25px;
}

#texts .main {
    margin-bottom: 0;
}

#texts .par {
    font-size: 10px;
    margin-bottom: 18px;
}

#texts .left-desc {
    margin-top: 0;
    margin-left: 5px;
}

#texts .row-itog {
    padding-top: 0;
}

/*************/
/* Expertcar */
/*************/

#expertcar {
    margin-top: 20px;
    margin-bottom: 20px;
    height: 120px;
}

#expertcar .container {
    width: 100%;
    padding: 0;
    height: 120px;
}

#expertcar .slider {
    height: 120px;
}

#expertcar .slick-list {
    height: 120px;
}

#expertcar .slide-case {
    height: 120px;
}

#expertcar .slclient {
    height: 120px;
}

#expertcar .slclient img {
    width: 60px;
    height: 60px;
    margin: 25px 0;
}

/* 404              */

/**********/
/* nopage */
/**********/

#nopage {
    width: 100%;
    height: 70vh;
    max-height: 70vh;
    margin: auto;
}

#nopage .nopage-title {
    margin-top: 50px;
    height: 100px;
}

#nopage .nopage-title-1,
#nopage .nopage-title-2,
#nopage .nopage-title-3 {
    font-size: 70px;
}

#nopage .nopage-title-2 {
    top: -98px;
    left: -12px;
}

#nopage .nopage-title-3 {
    top: -197px;
    left: -17px;
}

#nopage .nopage-subtitle {
    font-size: 16px;
    margin: 30px 0;
}

#nopage .nopage-desc {
    font-size: 14px;
}

/** Cases */

#gal .blogs,
#blog-main .blogs {
    width: 100%;
}

#header-blog .srvwrap {
    padding: 10px 0;
}

#blog-main {
    margin-top: 20px;
    margin-bottom: 20px;
}

#blog-main .bloelips2 {
    width: 60px;
    height: 60px;
    top: 10px;
    right: 10px;
}

#blog-main .blolike {
    padding-top: 25px;
}

#blog-main .blocat {
    font-size: 12px; /* 14 */
    top: 5px;
    left: 10px;
}

#blog-main .blogs-otitle {
    font-size: 14px; /* 20 */
    padding-top: 10px;
    padding-bottom: 0;
    top: 20px;
    left: 10px;
    width: 70%;
}

#blog-main .blogs-odesc {
    font-size: 11px; /* 18 */
    padding-top: 10px;
    padding-bottom: 0;
    bottom: 5px;
    left: 10px;
    width: 70%;
}

#blog-main .blodate {
    font-size: 12px; /* 18 */
    bottom: 10px;
    right: 10px;
}

#gal .card-body {
    /*height: 180px;*/
    padding-bottom: 5px;
}

#gal .blelips2 img {
    width: 50px;
    height: 50px;
}

#gal .bllike {
    font-size: 14px; /* 18 */
}

#gal .blcat {
    font-size: 12px; /* 14 */
}

#blog-main .bldate {
    font-size: 12px;
}

#blog-main .blcat {
    font-size: 12px;
}

#blog-main .blelips {
    width: 100%;
    height: 60px;
    margin: 15px 0;
}

#blog-main .blog-more {
    padding: 30px 0;
}

#blog-main .subscr {
    height: 70px;
}

#gal .bldate {
    font-size: 16px; /* 18 */
}

#gal .blogs-title {
    font-size: 14px; /* 20 */
}

#gal .view-more{
    font-size: 16px; /* 20 */
}

/** Cases */

#header-case {
    width: 100%;
    margin-top: 30px;
}

#header-case .bread-desc {
    margin-bottom: 20px;
}

#video {
    width: 100%;
    margin-top: 100px;
    margin-bottom: 20px;
}

.youtube .vidplay {
    top: 50%;
    left: 50%;
    width: 50px;
    margin: -25px 0 0 -25px;
}

#video .video-like {
    height: 50px;
    margin-top: 10px;
    margin-bottom: 10px;
}

#video .numlikes {
    padding-top: 5%;
}

#video a .numlikes {
    font-size: 14px;
}

#video label {
    font-size: 14px;
}

#video input {
    font-size: 14px;
    width: 85%;
}

#video button {
    font-size: 16px;
    padding: 5px 0;
}

#history, #history2 {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}

#history .hist-block,
#history2 .hist-block {
    padding: 5px 0;
}

#history .par,
#history2 .par {
    font-size: 14px;
    margin-bottom: 5px;
}

#nav {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 0;
}

#nav .video-nav {
    padding: 25px 0;
    margin: auto;
    margin-top: 0;
}

#cases {
    width: 100%;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

#casescar {
    height: 220px;
    margin-bottom: 20px;
}

#casescar .container {
    width: 100%;
    height: 215px;
    padding: 0;
}

#casescar .slider {
    height: 215px;
}

#casescar .slick-list {
    height: 215px;
}

#casescar .card-task {
    margin: 10px;
}

#casescar .card-task .slmore {
    font-size: 7px; /* 20 */
}

#casescar .sltitle {
    font-size: 7px;
}

#casescar .prevdiv .card-task {
    transition-duration: 2s;
    margin-top: 0;
    margin-bottom: 20px;
}

#casescar .nextdiv .card-task {
    transition-duration: 2s;
    margin-top: 20px;
    margin-bottom: 0;
}


#header-article {
    width: 100%;
    height: 280px;
    margin-top: 30px;
    margin-bottom: 50px;
}

#header-article .article-img {
    height: 220px;
    top: 0;
}

#header-article .article-img img {
    min-width: 100%;
    max-width: 100%;
    height: auto;
    position: absolute;
    right: 0;
}

#header-article .artelips2 {
    width: 120px;
    height: 50px;

    top: 70px;
    right: 0;
}

#header-article .artlike {
    font-size: 12px;
    top: 25px;
    right: 10px;
}

#header-article .artdate {
    font-size: 12px;
    margin-bottom: 140px;
}

#header-article .artcat {
    font-size: 12px;
    margin-top: 140px;
}

#header-article .scrind {
    height: 0;
    padding-top: 0;
}

/***************/
/* Articlescar */
/***************/

#articlescar {
    margin-top: 50px;
    height: 100%;
}

#articlescar .container,
#articlescar .slider,
#articlescar .slide-list,
#articlescar .slick-slide,
#articlescar .slide-case {
    height: 100%;
}

#articlescar .sltask {
    height: 100%;
    padding: 50px 0;
}

#articlescar .card-article {
    height: 100%;
    margin: 10px;
}

#articlescar .prevdiv .card-article {
    transition-duration: 2s;
    margin-top: 0;
    margin-bottom: 20px;
}

#articlescar .nextdiv .card-article {
    transition-duration: 2s;
    margin-top: 20px;
    margin-bottom: 0;
}

#articlescar .slelips2 {
    width: 50px;
    height: 50px;
    top: 20px;
    right: 20px;
}

#articlescar .sllike {
    font-size: 12px; /* 14 */
    padding-top: 15px;
}

#articlescar .slbrand {
    font-size: 12px; /* 14 */
}

#articlescar .sldate {
    font-size: 12px; /* 18 */
}

#articlescar .card-footer {
    padding: 10px 0;
}

#articlescar .sltitle {
    font-size: 12px; /* 20 */
    width: 100%;
    padding: 10px 0;
}

#article-main {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 50px;
}

#article-main .article-body p {
    font-size: 14px;
    margin-bottom: 20px;
}

#article-main .article-body span {
    font-size: 14px;
}

#article-main .article-body ul li {
    margin-bottom: 10px;
    padding-left: 10px;
    font-size: 14px;
}

#article-main .article-body ol li {
    font-size: 14px;
    margin-bottom: 10px;
    padding-left: 10px;
}

#article-main .art-imgmain {
    width: 100%;
    margin: 20px 0;
}

#article-main .art-imgl, #article-main .art-imgr {
    margin-bottom: 20px;
}

#article-main .article-like {
    height: 80px;
    margin: 50px 0;
}




}

/* Smartphones (вертикальная) */
@media (max-width: 320px) {
    /* CSS для ширины до 320px (включительно) */

    body {
        background-image: url('../img/bg_line.svg'), url('../img/light2.svg');
        background-size: contain, contain;
    }


/* Title */
.helps-title, .tasks-title,
.contact-title, .expert-title,
.products-title, .clients-title,
.blog-title, .services-price-title,
.work-title, .about-title,
.history-title, .sertif-title,
.team-title, .licenses-title,
.cases-title, .article-title {
    font-size: 16px; /* 40 */
    line-height: 150%;
    margin-top: 10px;
    margin-bottom: 20px;
}

.helps-subtitle,
.services-title,
.services-price-subtitle,
.work-subtitle {
    font-size: 12px; /* 20 */
    padding: 0 0 10px 0;
}

.services-price-desc {
    font-size: 12px; /* 18 */
}

.left-desc {
    font-size: 12px; /* 25 */
    font-weight: 600;
    line-height: 150%;
    margin-left: 20px;
    margin-bottom: 20px;
    margin-top: 10px;
}

.plus {
    width: 10px;
    height: 10px;
}

.plusno {
    width: 10px;
    height: 10px;
}

/*******/
/* Nav */
/*******/

.navbar {
    width: 100%;
    margin: auto;
    padding: 0.5rem 0;
}

.navbar-brand img {
    height: 25px;
    margin: auto;
}

/* Fasttel ---------- */

#fasttel {
    width: 100%;
    margin: 0;
}

#fasttel a {
    font-size: 12px;
}

/* Main ------------- */

/**********/
/* Header */
/**********/

#header {
    margin-top: 0;
}

.particlehead {
    height: 50vh;
    top: 0;
}

#header .chelvr img {
    width: 90%;
    height: auto;
    margin: auto;
    position: relative;
    z-index: -100;
}

#header [data-elem-id="labell"].t-sbs-anim_started {
    left: 5px;
    width: 20%;
}

#header [data-elem-id="labelr"].t-sbs-anim_started {
    right: 5px;
    width: 20%;
}

.label-right, .label-left {
    font-size: 10px; /* 35 */
}

.label-right:hover, .label-left:hover {
    font-size: 10px;
}

.label-right-add,
.label-left-add {
    font-size: 8px; /* 20 */
}

#header .scrind {
    padding-top: 10%;
}

.label-title {
    font-size: 14px;
}

/*********/
/* Helps */
/*********/

#helps {
    width: 95%;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

#helps .col-4 {
    padding: 0 10px;
}

.helps-subtitle {
    font-size: 14px; /* 20 */
    padding: 0 0 10px 0;
}

.helps-desc {
    font-size: 12px; /* 18 */
    margin-bottom: 30px;
}

.helps-desc-itog {
    font-size: 12px; /* 25 */
    line-height: 200%;
}

/*********/
/* Tasks */
/*********/

#tasks {
    width: 95%;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 10px;
}

.tasks-link {
    font-size: 6px; /* 20 */
}

/***********/
/* Contact */
/***********/

#contact,
#contact-popup-usl,
#contact-popup-uslr {
    margin-top: 0;
}

#contact .left-desc,
#contact-popup-usl .left-desc,
#contact-popup-uslr .left-desc {
    font-size: 12px;
    padding-left: 0;
    margin: 0;
}

#contact .contact-title,
#contact-popup-usl .contact-title,
#contact-popup-uslr .contact-title {
    margin-top: 0;
    margin-bottom: 10px;
}

#contact-forms {
    padding-top: 30px;
    padding-bottom: 30px;
}

#contact-form a {
    color: #000;
    font-size: 12px;
}

#contact .form,
#contact-popup-usl .form,
#contact-popup-uslr .form {
    padding-left: 0;
}

#contact .form-group,
#contact-popup-usl .form-group,
#contact-popup-uslr .form-group {
	position: relative;
	margin: 0.5rem 0;
}

#contact label,
#contact-popup-usl label,
#contact-popup-uslr label {
    font-size: 12px; /* 18 */
	left: 0;
}

.form-group .floating-label {
	top: 10px;
	left: 0;
}

.form-group input:focus ~ .floating-label,
.form-group input:not(:focus):valid ~ .floating-label {
	top: -5px;
	font-size: 12px; /* 10 */
	opacity: 1;
	color: #000;
}

#contact button,
#contact-popup-usl button,
#contact-popup-uslr button {
    font-size: 12px;
    padding: 6px 0;
}

/************/
/* Services */
/************/

#services {
    width: 95%;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 0;
}

.left-services {
    font-size: 12px; /* 22 */
    margin-bottom: 20px;
}

#services .col-md-9 .row {
    padding: 10px 0;
}

#services .col-md-5 {
    padding-right: 5px;
}

#services .col-md-7 {
    padding-left: 0;
}

.services-title,
#header-blog .blog-titles {
    font-size: 12px; /* 20 */
    padding: 0;
}

.services-desc {
    font-size: 12px; /* 18 */
    text-align: justify;
}

#services .srvwrap {
    display: flex;
    align-items: flex-start;
}

/*********/
/* Expert*/
/*********/

#expert {
    width: 95%;
    margin: auto;
    margin-top: 20px;
}

.left-expert {
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    margin-left: 20px;
    margin-bottom: 20px;
    margin-top: 10px;
}

#expert .explogo {
    height: 15vh;
}

#expert .explogo:last-child {
    border-bottom: none;
}

#expert img {
    width: 50px;
    /* height: auto; */
    align-items: stretch;
    object-fit: contain;
}

.expert-desc-itog {
    margin-top: 10px;
    font-size: 12px; /* 22 */
    padding: 0 10px;
    line-height: 200%;
}

/************/
/* Products */
/************/

#products {
    width: 95%;
    margin: auto;
    margin-top: 20px;
}

/**************/
/* Productscar*/
/**************/

#productscar {
    margin-bottom: 20px;
    margin-right: -15px;
    margin-left: -15px;
    height: 150px;
    align-self: center;
}

#productscar .container {
    width: 100%;
    height: 150px;
    padding: 0;
}

#productscar .slider {
    height: 150px;
}

#productscar .slick-list {
    height: 150px;
}

#productscar .sltask {
    width: 100%;
    height: 150px;
    padding: 30px 0;
}

#productscar .slimg {
    overflow: hidden;
    width: 95%;
    margin: auto;
    position: relative;
    z-index: 1;
}

#productscar .slimg img {
    width: 100%;
    margin: auto;
}

#productscar .slelips {
    width: 45%;
    top: -65px;
    left: 25px;
}

#productscar .slmore {
    font-size: 6px; /* 20 */
    top: -85px;
    left: 23px;
}

#productscar .sltitle {
    font-size: 5px; /* 20 */
    top: -60px;
    left: 5px;
}

/***********/
/* Clients */
/***********/

#clients {
    width: 95%;
    margin: auto;
    margin-top: 20px;
}

/**************/
/* Clientscar */
/**************/

#clientscar {
    margin-bottom: 20px;
    margin-right: -15px;
    margin-left: -15px;
    height: 120px;
}

#clientscar .container {
    width: 100%;
    padding: 0;
    height: 120px;
}

#clientscar .slider {
    height: 120px;
}

#clientscar .slick-list {
    height: 120px;
}

#clientscar .slide-case {
    height: 120px;
}

#clientscar .slclient {
    height: 120px;
    display: flex;
    justify-content: center;
}

/********/
/* Blog */
/********/

#blog {
    width: 95%;
    margin: auto;
    margin-top: 20px;
}

.blog-link {
    font-size: 6px; /* 20 */
}

/***********/
/* Blogcar */
/***********/

#blogcar {
    margin-bottom: 20px;
    height: 200px;
    align-self: center;
}

#blogcar .container {
    height: 200px;
}

#blogcar .slider {
    height: 200px;
}

#blogcar .slide-list,
#blogcar .slick-slide {
    height: 200px;
}

#blogcar .sltask {
    height: 200px;
}

#blogcar .slimg {
    width: 95%;
}

#blogcar .slimg img {
    width: 100%;
}

#blogcar .slelips {
    width: 40%;
    top: -110px;
    left: 10px;
}

#blogcar .slmore {
    font-size: 6px; /* 20 */
    top: -130px;
    left: 10px;
    width: 45%;
}

#blogcar .slelips2 {
    top: -105px;
    left: 40px;
}

#blogcar .sllike {
    font-size: 5px; /* 14 */
    top: -125px;
    left: 110px;
    width: 20%;
}

#blogcar .slbrand {
    font-size: 5px; /* 14 */
    top: -90px;
    left: 0;
}

#blogcar .sldate {
    font-size: 5px; /* 14 */
    top: -90px;
    left: 50px;
}

#blogcar .sltitle {
    font-size: 5px; /* 20 */
    top: -85px;
    left: 10px;
}

#blogcar .prevdiv .slelips2 {
    width: 40%;
    top: -105px;
    left: 40px;
}

#blogcar .prevdiv .sllike {
    top: -125px;
    left: 110px;
}

/*********/
/* Blanc */
/*********/

#blanc {
    width: 95%;
    margin: auto;
    height: 50px;
}

/**********/
/* Screen */
/**********/

#screen {
    height: 100%;
}

#screen .adr-title {
    font-size: 14px; /* 40 */
    margin-bottom: 20px;
}

#screen .adr-subtitle {
    font-size: 12px; /* 18 */
    margin-top: 20px;
}

#screen .adr-tel, #screen .adr-mail,
#screen .adr-time, #screen .adr-office {
    font-size: 12px; /* 24 */
}

/**********/
/* Footer */
/**********/

footer {
    height: 40px;
}
footer .copyright {
    font-size: 12px; /* 18 */
}

/* Contact ------------- */

/****************/
/* Header-about */
/****************/

#header-about {
    width: 95%;
    margin: auto;
    margin-top: 50px;
    margin-bottom: 50px;
}

#header-about .bread-desc {
    font-size: 8px; /* 14 */
    margin-bottom: 20px;
}

#header-about .about-title {
    height: 10vh;
    font-size: 20px; /* 40 */
    margin-top: -10px;
    margin-bottom: 30px;
}

#header-about .about-desc {
    font-size: 10px; /* 18 */
}

#header-about .about-tel, #header-about .about-mail,
#header-about .about-time, #header-about .about-office {
    font-size: 10px; /* 16 */
    font-weight: 600;
    margin-bottom: 15px;
}

#header-about .about-subtitle {
    font-size: 9px; /* 10 */
    margin-top: 0;
}

#header-about .zakaz {
    height: 50px;
    background-size: 15%;
}

#header-about .link {
    text-align: center;
}

.about-link {
    font-size: 10px; /* 16 */
}

#header-about .scrind {
    height: 5vh;
    font-size: 24px; /* 40 */
    margin: auto;
    text-align: center;
    line-height: 1.4rem;
    padding-top: 5%;
    -webkit-animation: shake 0.7s linear alternate-reverse infinite;
    animation: shake 0.7s linear alternate-reverse infinite;
}

/***************/
/* Contact map */
/***************/

#maps {
    width: 95%;
    height: 100%;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 50px;
}

#maps .maps-block {
    padding-top: 20px;
}

#screen2 {
    width: 95%;
}

#screen2 .adr-logo img {
    height: 30px;
    margin-bottom: 20px;
}

#screen2 .adr-subtitle {
    font-size: 10px; /* 18 */
    margin-top: 15px;
}

#screen2 .adr-tel, #screen2 .adr-mail,
#screen2 .adr-time, #screen2 .adr-office {
    font-size: 12px; /* 25 */
}

#screen2 .adr-title2 {
    font-size: 14px; /* 25 */
    margin-bottom: 10px;
}

#screen2 .adr-subtitle2 {
    font-size: 12px; /* 18 */
    margin: 0  0 5px 0;

}

/* Uslugi ------------- */

/*****************/
/* header-uslugi */
/*****************/

#header-case,
#nav,
#gal,
#header-uslugi,
#header-blog {
    width: 95%;
    margin-top: 30px;
}

#header-case .bread-desc,
#header-uslugi .bread-desc,
#header-blog .bread-desc {
    font-size: 8px; /* 14 */
    margin-bottom: 20px;
}

#header-case .case-title,
#header-case .case-subtitle {
    font-size: 16px; /* 40 */
    margin-top: 0;
}

#header-uslugi .uslugi-title,
#header-blog .blog-title {
    height: 20vh;
    font-size: 16px; /* 40 */
    margin-top: 0;
    margin-bottom: 20px;
}

#header-case .case-desc,
#header-uslugi .uslugi-desc {
    padding-top: 0;
    font-size: 14px; /* 18 */
    width: 100%;
}

#header-case .zakaz,
#header-uslugi .zakaz {
    margin-top: 10px;
    height: 50px;
    background-size: 15%;
}

#header-uslugi .us-link {
    text-align: center;
}

#header-case .uslugi-link,
#header-uslugi .uslugi-link {
    font-size: 12px; /* 16 */
}


/***********************/
/* Tasks Uslugi Slider */
/***********************/

#taskscaru {
    margin-bottom: 30px;
    height: 150px;
}

#taskscaru .container {
    height: 150px;
}

#taskscaru .slider {
    height: 150px;
}

#taskscaru .slick-list {
    height: 150px;
}

#taskscaru .sltask {
    height: 150px;
}

#taskscaru .sltitle {
    width: 75%;
    font-size: 7px; /* 20 */
    top: -25px;
    left: 15px;
}

/******************/
/* Services-price */
/******************/

#services-price {
    width: 95%;
    margin-top: 30px;
    margin-bottom: 30px;
}

#services-price .row .col-md-9 .row {
    padding: 20px 0;
}

#services-price .zakaz {
    margin-top: 10px;
    height: 50px;
    background-image: url("../img/ellipse.svg");
    background-size: 15%;
}

#services-price .uslugi-link {
    font-size: 12px; /* 16 */
}

/********/
/* Work */
/********/

#work {
    width: 95%;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

#work .wplus {
    top: 70px;
    right: -6px;
}

.work-subtitle {
    height: 2rem;
}

.work-desc {
    font-size: 8px; /* 18 */
}

/********/
/* Texts */
/********/

#texts {
    width: 95%;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

#texts .main {
    margin-bottom: 0;
}

#texts .par {
    font-size: 8px;
    margin-bottom: 18px;
}

#texts .left-desc {
    margin-top: 0;
    margin-left: 5px;
}

#texts .row-itog {
    padding-top: 0;
}

/*************/
/* Expertcar */
/*************/

#expertcar {
    margin-top: 20px;
    margin-bottom: 20px;
    height: 100px;
}

#expertcar .container {
    width: 100%;
    padding: 0;
    height: 100px;
}

#expertcar .slider {
    height: 100px;
}

#expertcar .slick-list {
    height: 100px;
}

#expertcar .slide-case {
    height: 100px;
}

#expertcar .slclient {
    height: 100px;
}

#expertcar .slclient img {
    width: 50px;
    height: 50px;
    margin: 25px 0;
}

/* 404              */

/**********/
/* nopage */
/**********/

#nopage {
    width: 100%;
    height: 70vh;
    max-height: 70vh;
    margin: auto;
}

#nopage .nopage-title {
    margin-top: 50px;
    height: 100px;
}

#nopage .nopage-title-1,
#nopage .nopage-title-2,
#nopage .nopage-title-3 {
    font-size: 60px;
}

#nopage .nopage-title-2 {
    top: -85px;
    left: -10px;
}

#nopage .nopage-title-3 {
    top: -170px;
    left: -15px;
}

#nopage .nopage-subtitle {
    font-size: 14px;
    margin: 30px 0;
}

#nopage .nopage-desc {
    font-size: 12px;
}

/** Cases */

#gal .blogs,
#blog-main .blogs {
    width: 100%;
}

#blog-main {
    margin-top: 20px;
    margin-bottom: 20px;
}

#header-blog .srvwrap {
    padding: 5px 0;
}

#blog-main .row:first-child {
    margin-bottom: 50px;
}

#blog-main .blocat {
    font-size: 12px; /* 14 */
    top: 5px;
    left: 10px;
}

#blog-main .blogs-otitle {
    font-size: 12px; /* 20 */
    padding-top: 10px;
    padding-bottom: 0;
    top: 30px;
    left: 10px;
    width: 70%;
}

#blog-main .blodate {
    font-size: 12px; /* 18 */
    bottom: 10px;
    right: 10px;
}

#blog-main .bloelips2 {
    width: 50px;
    height: 50px;
    top: 10px;
    right: 10px;
}

#blog-main .blolike {
    font-size: 14px; /* 18 */
    padding-top: 25px;
}

#blog-main .bldate {
    font-size: 12px;
}

#blog-main .blcat {
    font-size: 12px;
}

#blog-main .view-more {
    font-size: 14px;
}

#gal .card-body {
    /*height: 160px;*/
    padding-bottom: 5px;
}

#gal .blelips2 img {
    width: 50px;
    height: 50px;
}

#gal .bllike {
    font-size: 14px; /* 18 */
}

#gal .blcat {
    font-size: 12px; /* 14 */
}

#gal .bldate {
    font-size: 16px; /* 18 */
}

#gal .blogs-title {
    font-size: 12px; /* 20 */
}

#gal .view-more{
    font-size: 14px; /* 20 */
}

#header-article {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 80px;
    height: 250px;
}

#header-article .header {
    height: 250px;
}

#header-article .article-img {
    height: 250px;
    top: 0;
}

#header-article .article-img img {
    width: 100%;
    /* height: auto; */
    position: absolute;
    right: 0;
}

#header-article .artelips2 {
    width: 50px;
    height: 50px;

    top: 60px;
    right: 10px;
}

#header-article .artlike {
    font-size: 12px;
    top: 25px;
    right: 10px;
}

#header-article .artdate {
    font-size: 12px;
    margin-bottom: 120px;
}

#header-article .artcat {
    font-size: 12px;
    margin-top: 120px;
}

#header-article .scrind {
    height: 0;
    padding-top: 0;
}

#article-main {
    width: 100%;
    margin: auto;
    margin-top: 30px;
    margin-bottom: 50px;
}

#article-main .author-title,
#article-main .time-title,
#article-main .article-sett,
#article-main .follow-name {
    font-size: 12px; /* 18 */
}

#article-main .author-name,
#article-main .time-name {
    font-size: 18px; /* 25 */
}

#article-main .article-title {
    font-size: 16px; /* 20 */
    margin-top: 20px;
}

#article-main .article-body p {
    font-size: 12px; /* 18 */
    margin-bottom: 20px;
}

#article-main .article-body span {
    font-size: 12px; /* 18 */
}

#article-main .article-body ul {
    margin-bottom: 10px;
}

#article-main .article-body ul li {
    margin-bottom: 10px;
    padding-left: 10px;
    font-size: 12px; /* 18 */
}

#article-main .article-body ol {
    margin-bottom: 10px;
}

#article-main .art-imgmain {
    margin: 20px 0;
}

#article-main .art-imgl,
#article-main .art-imgr {
    margin-bottom: 20px;
}

#article-main .article-body ol li {
    font-size: 12px; /* 18 */
    margin-bottom: 10px;
}

#article-main .article-like {
    margin: 50px 0;
}

/** Video-case */

#header-case {
    margin-top: 30px;
}

#video {
    width: 95%;
    margin-top: 100px;
    margin-bottom: 20px;
}

.youtube {
    width: 100%;
    min-width: 100%;
    height: 170px;
}

.youtube .vidplay {
    top: 50%;
    left: 50%;
    width: 50px;
    margin: -25px 0 0 -25px;
}

#video .video-like {
    height: 50px;
    margin-top: 10px;
    margin-bottom: 10px;
}

#video .numlikes {
    padding-top: 8%;
}

#video a .numlikes {
    font-size: 14px;
}

#video label {
    font-size: 14px;
}

#video input {
    font-size: 14px;
    width: 85%;
}

#video button {
    font-size: 16px;
    padding: 5px 0;
}

#history, #history2 {
    width: 95%;
    margin-top: 20px;
    margin-bottom: 20px;
}

#history .hist-block,
#history2 .hist-block {
    padding: 5px 0;
}

#history .par,
#history2 .par {
    font-size: 14px;
    margin-bottom: 5px;
}

#nav {
    margin-bottom: 0;
}

#nav .video-nav {
    padding: 25px 0;
    margin: auto;
    margin-top: 0;
}

#cases {
    width: 100%;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

#casescar {
    height: 165px;
    margin-bottom: 20px;
}

#casescar .container {
    width: 100%;
    height: 160px;
    padding: 0;
}

#casescar .slider {
    height: 160px;
}

#casescar .slick-list {
    height: 160px;
}

#casescar .card-task {
    margin: 10px;
}

#casescar .card-task .slmore {
    font-size: 7px; /* 20 */
}

#casescar .sltitle {
    font-size: 7px;
}

#casescar .prevdiv .card-task {
    transition-duration: 2s;
    margin-top: 0;
    margin-bottom: 20px;
}

#casescar .nextdiv .card-task {
    transition-duration: 2s;
    margin-top: 20px;
    margin-bottom: 0;
}

/***************/
/* Articlescar */
/***************/

#articlescar {
    margin-top: 50px;
    height: 100%;
}

#articlescar .container,
#articlescar .slider,
#articlescar .slide-list,
#articlescar .slick-slide,
#articlescar .slide-case {
    height: 100%;
}

#articlescar .sltask {
    height: 100%;
    padding: 50px 0;
}

#articlescar .card-article {
    height: 100%;
    margin: 10px;
}

#articlescar .prevdiv .card-article {
    transition-duration: 2s;
    margin-top: 0;
    margin-bottom: 20px;
}

#articlescar .nextdiv .card-article {
    transition-duration: 2s;
    margin-top: 20px;
    margin-bottom: 0;
}

#articlescar .slelips2 {
    width: 50px;
    height: 50px;
    top: 20px;
    right: 20px;
}

#articlescar .sllike {
    font-size: 12px; /* 14 */
    padding-top: 15px;
}

#articlescar .slbrand {
    font-size: 12px; /* 14 */
}

#articlescar .sldate {
    font-size: 12px; /* 18 */
}

#articlescar .card-footer {
    padding: 10px 0;
}

#articlescar .sltitle {
    font-size: 12px; /* 20 */
    width: 100%;
    padding: 10px 0;
}

















}

/* Contact card: vertically center the left text with the title */
#contact-forms > .row {
    align-items: center;
}
#contact-forms .left-desc,
#contact-forms .contact-title {
    margin-top: 0;
    margin-bottom: 0;
}

/* Footer map on the home page: double the height (was 150px) */
#screen #mapdiv iframe {
    height: 300px;
    width: 70%;
    display: block;
    margin: 0 auto;
}

/* Top phone: keep it above the hero picture so it stays clickable */
#fasttel {
    position: relative;
    z-index: 1000;
}

/* Project pages: cover image / video 30% smaller, centered */
#video .video-block {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}

/* Hide maps on mobile (home footer map is already hidden below 768px via d-none d-md-block) */
@media (max-width: 767.98px) {
    #maps,
    #screen #mapdiv {
        display: none !important;
    }
}

/* Home footer: move "Our contacts" down, away from the contact card */
#screen address {
    padding-top: 60px;
}
#screen .adr-title {
    margin-top: 0;
}
@media (min-width: 1401px) {
    #screen {
        height: auto;
        min-height: 580px;
    }
}

/* "Our experts" block: no plus signs */
#work .work-name {
    background-image: none !important;
}
#work .wplus {
    display: none !important;
}

/* Home "We share the expertise" logos on mobile: rows grow with the logos so the text below does not overlap */
@media (max-width: 767.98px) {
    #expert .explogo {
        height: auto;
    }
    #expert .col-4,
    #expert .col-md-4 {
        height: auto;
        min-height: 15vh;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    #expert .expert-desc-itog {
        margin-top: 20px;
    }
}