* {
    box-sizing: border-box;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-kerning: auto;
    outline: none;
}

.personal-card__info-name {
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    color: #353531;
    margin-bottom: 4px;
}


*:focus,
:active,
:visited {
    outline: none;
}

button:focus {
    outline: none;
}

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

input {
    /*-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;*/
}

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

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

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
}

body {
    line-height: 1.5;
    font-family: 'Ubuntu', Verdana, Geneva, sans-serif;
    color: #4a4a4a;
    font-size: 16px;
    position: relative;
}

ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

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

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

a {
    color: #f2613c;
    font-weight: 500;
}

a:hover {
    color: #f2613c;
}

b {
    font-weight: 500;
}

/*p {
    font-family: 'Roboto';
    font-size: 16px;
}*/

li {
    font-family: 'Roboto';
    font-size: 16px;
}

h1 {
    font-family: 'Ubuntu';
    font-size: 40px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.25;
    letter-spacing: normal;
    margin-bottom: 1em;
}

h2 {
    font-family: 'Ubuntu';
    margin-top: 1.5em;
    margin-bottom: 1em;
    font-size: 35px;
}

div > h2:first-child {
    margin-top: 0;
}

h3 {
    font-family: 'Ubuntu';
    font-size: 30px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.2;
    color: #3d3832;
    margin-bottom: 1em;
}

input[type=text],
input[type=email],
input[type=tel],
input[type=password] {
    height: 50px;
    border-radius: 8px;
    border: 1px solid #ced4da;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=password]:focus,
textarea:focus {
    border-color: #f2613c;
    box-shadow: 0 0 0 0.2rem rgba(245, 155, 0, .25);
}

select {
    height: 50px !important;
    border-radius: 8px;
    border: solid 1px #ced4da;
    padding: 0 2.5em 0 1em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/local/templates/teko_2018/tools/chevron-bot.png) no-repeat 97% 50% white;
}

textarea {
    padding: 1em;
    border-radius: 8px;
    border: 1px solid #ced4da;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.container ul {
    list-style-position: inside;
    margin-bottom: 25px;
}

.container ul > li {
    position: relative;
    margin-left: 1.5em;
    margin-bottom: 0.3em;
}

.container ul > li:before {
    content: "\2014";
    display: block;
    position: absolute;
    left: -1.5em;
}

.line-height {
    line-height: 1.3em;
}

.container ol {
    margin-left: 2em;
}

.container ol li {
    margin-bottom: 0.3em;
}

@media (min-width: 1200px) {
    .container {
        max-width: 1250px;
    }
}

.bgcolor-1 {
    background-color: #0e3c41;
}

.bgcolor-2 {
    background-color: #f5f5f5;
}

.moving .bgcolor-2 {
    background-color: transparent;
}

.bgcolor-3 {
    background-color: #cecdcc;
}

.bgcolor-purple {
    background-color: #770a5f;
}

.bgcolor-green {
    background-color: #438945;
}

.bgcolor-red {
    background-color: #a50033;
}

.bgcolor-grey {
    background-color: #9b9b9b;
}

.bgcolor-orange {
    background-color: #f2613c;
}

.bgcolor-white {
    background-color: #fff;
}

.bgcolor-light-blue {
    background-color: #01aae1;
}

.bgcolor-new-1 {
    background-color: #9f9d99;
}

.bgcolor-new-2 {
    background-color: #f2613c;
}

.bgcolor-new-3 {
    background-color: #438945;
}

.bgcolor-new-4 {
    background-color: #0e3c41;
}

.bgcolor-new-5 {
    background-color: #81b082;
}

.bgcolor-new-6 {
    background-color: #56777a;
}

.h-100 {
    height: 100%;
    min-height: 100%;
}

.h-300 {
    height: 300px;
}

.b-250 {
    bottom: 235px;
}

.mr-15 {
    margin-right: 15px;
}

.ml-100 {
    margin-left: 100px;
}

.mt-100 {
    margin-top: 100px;
}

.mt-50 {
    margin-top: 50px;
}

.mb-75 {
    margin-bottom: 75px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-35 {
    margin-bottom: 35px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-15 {
    margin-bottom: 15px;
}

.p-40 {
    padding: 40px 0;
}

.pl-35 {
    padding-left: 35px;
}

.pt-100 {
    padding-top: 100px;
}

.pt-50 {
    padding-top: 50px;
}

.ptb-100 {
    padding: 55px 0;
}

.ptb-70 {
    padding: 70px 0;
}

.pb-80 {
    padding-bottom: 80px;
}

.pt-80 {
    padding-top: 80px;
}

.plr-40 {
    padding: 0 40px;
}

.c-white {
    color: #fff !important;
}

.c-black {
    color: #000;
}

.c-orange {
    color: #f2613c !important;
}

.td-underline {
    text-decoration: underline;
}

.border-none {
    border: none !important;
}

.border-bottom {
    border-bottom: solid 0.5px #979797;
}

.pos-fixed {
    position: fixed;
}

.change-color,
.change-color:before,
.change-color:after {
    background-color: #f2613c !important;
}

.backdrop {
    position: fixed;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.backdrop-opacity {
    opacity: 1;
    left: 0;
    z-index: 1;
}

.fancybox-image {
    background-color: #fff;
}

@media screen and (min-width: 550px) {
    .mbsm-75 {
        margin-bottom: 75px;
    }
}

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

    h1 {
        font-size: 30px;
    }

    h2 {
        font-size: 1.5em;
    }

    h3 {
        font-size: 24px;
    }

    /* .container > h3 {
      padding-left: 20px;
    }*/
    .ptb-100 {
        padding: 40px 10px;
    }

    .mmt-50 {
        margin-top: 50px;
    }

    body {
        overflow-x: hidden;
    }
}

@media screen and (max-width: 992px) {
    .mmb-30 {
        margin-bottom: 30px;
    }
}

@media (min-width: 1200px) and (max-width: 1440px) {
    .container,
    .ptb-100 {
        padding-left: 1.5vw;
        padding-right: 1.5vw;
    }
}

/* header */

.right-menu-block ul {
    display: flex;
    flex-direction: row;
    z-index: 100000;
}

.right-menu-block svg {
    height: 32px;
    width: 32px;
}

.right-menu-block svg g {
    transition: 0.2s all;
}

.right-menu-block li:not(.me_project) svg:hover g {
    stroke: #f2613c;
}

.right-menu-block .me_project:hover svg path,
.right-menu-block .me_project:hover svg polygon,
.right-menu-block .me_project:hover svg rect {
    fill: #f2613c;
}

@media screen and (max-width: 480px) {
    .right-menu-block .me_project {
        display: none;
    }
}

.left-menu {
    position: fixed;
    background-color: #3d3832;
    width: 440px;
    height: 100vh;
    top: 0;
    left: -450px;
    z-index: 999;
    padding-top: 70px;
    transition: all 0.3s;
    overflow-x: hidden;
}

.left-menu #menu-close {
    position: absolute;
    right: 40px;
    top: 40px;
}

#menu-click {
    color: #fff;
    transition: 0.2s all;
    padding: 0;
    height: 32px;
    width: 32px;
}

#menu-click .hamburger-span {
    display: inline-block;
    padding-left: 10px;
}

#main {
    transition: margin-left .3s;
}


/*.logo-block {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}*/

/*.extra-menu-block {
  position: absolute;
  top: 70px;
  right: 25%;
}*/

.em-tooltip {
    position: relative;
    display: inline-block;
    padding: 0 1em;
}

.em-tooltip-one {
    border-right: solid 1px #979797;
}

.em-tooltip > span {
    color: #fff;
    font-family: Ubuntu;
    font-size: 16px;
    font-weight: 300;
    transition: 0.2s all;
}

.em-tooltip-menu {
    visibility: hidden;
    position: absolute;
    top: 100px;
    left: 0;
    background-color: #3d3832;
    padding: 20px 45px;
    width: 370px;
    height: 450px;
    z-index: 16;
}

.em-tooltip-menu .triangle {
    width: 0;
    height: 0;
    border-left: 35px solid transparent;
    border-right: 35px solid transparent;
    border-bottom: 35px solid #3d3832;
    position: absolute;
    top: -20px;
    left: 15px;
}

.em-tooltip-menu ul {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.em-tooltip-menu a {
    color: #fff;
    font-family: Ubuntu;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.5;
}

.em-tooltip:hover {
    cursor: pointer;
}

@media screen and (max-width: 965px) {
    .em-tooltip:hover .em-tooltip-menu {
        visibility: visible;
    }
}

.em-tooltip:hover span {
    color: #f2613c;
}


.left-menu > li {
    border-bottom: 1px solid hsla(0, 0%, 100%, .1);
    margin: 0 0px;
    position: relative;
}

.left-menu li a {
    color: #979797;
    font-size: 18px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.76;
    display: inline-block;
    font-family: "Roboto", sans-serif;
    padding: 0.8em 0;
}

#left-menu .nav-item {
    position: relative;
}

.left-menu li a:hover {
    color: #f2613c;
    text-decoration: none;
}

.left-menu .inside-nav-item {
    display: none;
    position: relative;
}

.left-menu .inside-nav-item li {
    position: relative;
}

/*.left-menu .inside-nav-item li span {
    width: 26px;
    height: 26px;
    position: absolute;
    top: 10px;
    right: 0;
}

.left-menu .inside-nav-item li span:before {
    content: url('/local/templates/teko_2018/images/go-menu.svg');
    width: 100%;
    height: 100%;
    display: inline-block;
    transition: transform .2s ease-in-out;
}*/

.left-menu .inside-nav-item li a {
    border: none;
    line-height: 1.5em;
    padding: .6rem 0px 0.6rem 0;
}

.left-menu .inside-nav-item li a.menu-open {
    padding-right: 40px;
}

.left-menu .nav-item > ul {
    margin-bottom: 10px;
    padding-left: 25px;
}

.left-menu span.menu-open {
    position: absolute;
    top: 1em;
    right: 0;
    width: 26px;
    height: 26px;
}

.left-menu .inside-nav-item span.menu-open {
    top: 0.7em;
}

.left-menu .nav-item span:hover {
    cursor: pointer;
}

.left-menu span.menu-open:before {
    content: "";
    width: 100%;
    height: 100%;
    background: url('/local/templates/teko_2018/images/go-menu.svg') no-repeat 50% 50%;
    background-size: cover;
    display: inline-block;
    transition: transform .2s ease-in-out;
}

.left-menu .sub-nav-item {
    display: none;
    padding-left: 10px;
}

.left-menu .sub-nav-item > li {
    border-bottom: 1px solid hsla(0, 0%, 100%, .1);
}

.left-menu .sub-nav-item > li:last-child {
    border-bottom: none;
}

.left-menu .sub-nav-item li a {
    font-size: 16px;
}

.left-menu a.selected {
    color: #f2613c;
}

.rotate-go:before {
    transform-origin: center center;
    transform: rotate(-180deg);
}

.m_me_project {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 70px;
    padding: 16px 50px;
    border-bottom: 1px solid hsla(0, 0%, 100%, .1);
}

.m_me_project a {
    display: inline-block;
    color: #979797;
    font-weight: 300;
}

.m_me_project a > * {
    vertical-align: middle;
}

.m_me_project svg path,
.m_me_project svg polygon,
.m_me_project svg rect {
    fill: #979797;
}

.m_me_project a:hover {
    text-decoration: none;
    color: #fff;
}

.m_me_project a:hover svg path,
.m_me_project a:hover svg polygon,
.m_me_project a:hover svg rect {
    fill: #fff;
}

.left-menu-open {
    /*width: 440px;*/
    left: 0;
    padding-left: 50px;
    padding-right: 50px;
    overflow-y: scroll;
}

.left-menu-open::-webkit-scrollbar {
    width: 5px;
}

.left-menu-open::-webkit-scrollbar-thumb {
    background: #979797;
    border-radius: 5px;
}

.left-menu-open::-webkit-scrollbar-thumb:hover {
    background: #C4C4C4;
}

.main-open {
    margin-left: 420px;
}

#menu-click:hover {
    color: #f2613c;
}

#menu-click:hover .hamburger-inner,
#menu-click:hover .hamburger-inner::after,
#menu-click:hover .hamburger-inner::before {
    background-color: #f2613c;
}


.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
    background-color: #fff;
    width: 30px;
    height: 2px;
}

.breadcrumbs {
    padding-top: 20px;
    text-align: right;
}

.breadcrumbs a {
    display: inline-block;
    color: #4a4a4a;
    margin: 0 0.1em;
}

.mobile-contact-line {
    display: none;
}

@media screen and (max-width: 576px) {
    .mobile-contact-line {
        display: none;
        height: 37px;
        background: #000;
        border-bottom: solid 1px #4a4a4a;
        padding-left: 15px;
        z-index: 99;
        pointer-events: all;
        position: sticky;
        top: 0;
        left: 0;
    }

    .mobile-contact-line a {
        line-height: 37px;
        padding-bottom: 0.4em;
        border-bottom: solid 3px #f2613c;
        font-weight: 300;

    }
}


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

    .logo img {
        width: 83px;
    }

    .left-menu > li {
        margin: 0 0px;
    }

    .left-menu li a {
        font-size: 15px;
    }

    .left-menu span.menu-open {
        width: 21px;
        height: 21px;
        display: inline-block;
    }

    .left-menu .sub-nav-item li a {
        font-size: 14px;
    }

    .right-menu-block .nav-link {
        padding: 2px;
    }

    .right-menu-block svg {
        height: 26px;
        width: 26px;
    }

    /*.menu-click-open {
    margin-left: 440px;
    }*/
    .main-open {
        margin-left: 0;
    }

    .hamburger-span {
        display: none;
    }

    .pt-0-m {
        padding-top: 0;
    }

    .breadcrumbs {
        text-align: center;
    }

    /*  .extra-menu-block {
      right: unset;
      text-align: center;
      top: 90px;
      left: 50%;
      transform: translateX(-50%);
      width: 100%;
      }*/
    .em-tooltip {
        height: auto;
    }

    .em-tooltip-menu {
        top: 30px;
        background-color: #fff;

        width: 100vw;
        height: 100vh;
        position: fixed;
    }

    .em-tooltip-menu .triangle {
        border-bottom: 35px solid #fff;
        top: -8px;
        left: 53%
    }

    .em-tooltip-one .em-tooltip-menu .triangle {
        left: 30%;
    }

    .em-tooltip-menu a {
        color: #4a4a4a;
    }

}

@media screen and (min-width: 577px) {
    /*  .extra-menu-block {
      top: 11px;
      left: 43px;
      right: auto;
      text-align: left;
      transform: none;
      }*/
    .em-tooltip {
        height: auto;
    }

    .em-tooltip-menu {
        top: 30px;
    }

    .em-tooltip-menu .triangle {
        top: -8px;
    }
}

@media screen and (min-width: 769px) {
    /* .extra-menu-block {
     top: 21px;
     left: 78px;
     }*/
}

@media screen and (max-width: 480px) {
    .left-menu-open {
        width: calc(100vw - 60px);
        padding-left: 22px;
        padding-right: 22px;
    }

    /*  .menu-click-open {
      margin-left: calc(100vw - 60px);
      }*/
    .m_me_project {
        padding: 16px 22px;
    }
}

@media screen and (max-width: 395px) {
    .m_me_project {
        font-size: 90%;
    }

    .m_me_project svg {
        float: left;
    }

    .m_me_project a span {
        display: inline-block;
        width: 130px;
        line-height: 1em;
    }
}

/* end of header */

/* search-block */

.search-offset {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    z-index: 9;
    top: 88px;
    width: 100%;
    height: 300px;
    overflow: hidden;
    -webkit-perspective: 340px;
    perspective: 340px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    /*-webkit-transition: height .4s ease-in-out;*/
    transition: all .4s ease-in-out;
}

@media screen and (min-width: 768px) {
    .search-offset {
        top: 150px;
    }
}

.search-offset > div {
    opacity: .5;
    visibility: hidden;
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: rotateX(45deg) scale(.97);
    transform: rotateX(45deg) scale(.97);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    transition: all .4s ease-in-out;
}

.search-offset > div > div {
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    height: 300px;
    background-color: #3c3c3c;
    color: #fff;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    /*-webkit-transition: -webkit-transform .4s ease-in-out;
    transition: -webkit-transform .4s ease-in-out;*/
    transition: transform .4s ease-in-out, opacity .4s ease-in-out;
}

.search-offset__expanded {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    background-color: #000;
}

.search-offset__expanded > div {
    opacity: 1;
    -webkit-transform: rotateX(0deg) scale(1);
    transform: rotateX(0deg) scale(1);
    visibility: visible;
    background: #000;
}

.search-offset__expanded-contact #contact-block,
.search-offset__expanded-search #search-block,
.search-offset__expanded-who #who-block,
.search-offset__expanded-wishes #wishes {
    opacity: 1;
}

.search-offset__expanded-contact #search-block,
.search-offset__expanded-contact #who-block,
.search-offset__expanded-contact #wishes {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

.search-offset__expanded-search #contact-block,
.search-offset__expanded-search #who-block,
.search-offset__expanded-search #wishes {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

.search-offset__expanded-who #contact-block,
.search-offset__expanded-who #search-block,
.search-offset__expanded-who #wishes {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

.search-offset__expanded-wishes #contact-block,
.search-offset__expanded-wishes #search-block,
.search-offset__expanded-wishes #who {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

.search-block {
    padding-top: 120px;
}

.contact-block {
    padding-top: 60px;
}


/*.search-block__expanded {
    transform: translateY(0) rotateX(0deg) scale(1);
    opacity: 1;
}

.search-block {
    height: 300px;
    width: 100%;
    background-color: #3d3832;
    padding-top: 130px;
    transition: all .4s;
    position: absolute;
    top: 170px;
    z-index: 9;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateY(-100%) rotateX(45deg) scale(.97);
    transform-origin: center bottom;
    opacity: 0.5;
}*/

.moving {
    transition: transform .4s ease-in-out;
    /*background-color: #F0F0F0;*/
}

.moved {
    transform: translateY(300px);
}

.search-block input {
    height: 2.5rem;
    border-radius: 1.25rem;
    padding: 0 1.5rem;
}

.search-block .input-group-btn {
    width: 20%;
}

.search-block .btn {
    height: 2.5rem;
    border-radius: 1.25rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding: 0 1.5rem;
    width: 100%;
    color: #fff;
    font-weight: bold;
    background-color: #f2613c;
    transition: 0.3s all;
}

.form-control:focus {
    border-color: #f2613c;
    box-shadow: 0 0 0 0.2rem rgba(245, 155, 0, .25);
}

.search-block .btn:hover {
    background-color: #c27b00;
}

@media screen and (max-width: 768px) {
    .search-block .input-group-btn {
        width: 35%;
    }
}

/* end of search-block */

/* header-contact */

.header-contact {
    display: flex;
    justify-content: space-around;
}

.header-contact > div {
    text-align: center;
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.header-contact h3 {
    color: #fff;
}

.header-contact p a {
    margin: 0 auto 1em;
    display: block;
    font-family: 'Roboto';
    color: #fff;
    font-weight: 300;
    line-height: 1.31;
}

/*#header-contact-click {
  color: #fff;
  margin-left: 1em;
  padding-left: 1em;
  border-left: solid 1px #979797;
  transition: 0.2s all;
  font-weight: 300;
}

#header-contact-click:hover {
  text-decoration: none;
  color: #f2613c;
}*/

/*.contact-block {
    height: 300px;
    width: 100%;
    background-color: #3d3832;
    padding-top: 50px;
    transition: all .4s;
    position: absolute;
    top: 170px;
    z-index: 9;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateY(-100%) rotateX(45deg) scale(.97);
    transform-origin: center bottom;
    opacity: 0.5;
}*/

.contact-block__expanded {
    transform: translateY(0) rotateX(0deg) scale(1);
    opacity: 1;
}

@media screen and (max-width: 768px) {
    .header-contact {
        flex-direction: column;
        align-items: center;
    }

    .header-contact h3 {
        font-size: 20px;
    }

    .header-contact a {
        font-size: 16px;
        padding: 0.7em 2rem;
    }

    .header-contact > div {
        width: 100%;
    }

    .header-contact-1 {
        margin-bottom: 1em;
    }

    .contact-block {
        padding-top: 20px;
    }
}

/* end of header-contact */

/* main carousel */
#mainCarousel .carousel-indicators {
    max-width: 1300px;
    margin-bottom: 0;
}

.carousel-indicators {
    justify-content: flex-end;
    bottom: 60px;
    z-index: 3;
    /*margin-right: 50px;*/
}

.carousel-indicators li {
    width: 12px;
    height: 12px;
    border: solid 2px #006644;
    border-radius: 50%;
    background-color: transparent;
    margin-left: 7px;
    margin-right: 7px;
}

.carousel-indicators .active {
    background-color: #006644;
    border-color: #006644;
}

.hover-display {
    opacity: 0;
    transition: opacity .2s ease-in-out;
}

#mainCarousel .carousel-indicators {
    justify-content: flex-end;
}

#mainCarousel:hover .hover-display {
    opacity: 1;
}

#mainCarousel .carousel-control-prev-icon {
    position: absolute;
    left: 10px;
    top: 15vw;
    background: url(/local/templates/teko_2018/tools/go.svg);
    height: 32px;
    width: 32px;
    transform: rotateY(180deg);
}

#mainCarousel .carousel-control-next,
#mainCarousel .carousel-control-prev {
    width: 5%;

}

#mainCarousel .carousel-control-next-icon {
    position: absolute;
    right: 10px;
    top: 15vw;
    background: url(/local/templates/teko_2018/tools/go.svg);
    height: 32px;
    width: 32px;
}

#mainCarousel .carousel-item .info-block {
    position: absolute;
    bottom: 50px;
    left: 50px;
    padding: 40px;
    background-color: #f2613c;
    color: #fff;
    max-width: 480px;
}

#mainCarousel .carousel-item .info-block li {
    font-weight: 300;
    font-size: 16px;
}

#mainCarousel .carousel-item .info-block ul {
    margin-top: 1em;
}

#mainCarousel .carousel-item .info-block .container {
    position: relative;
    padding-bottom: 70px;
    min-height: 100%;
}

#mainCarousel .carousel-item .info-block .container > div {
    font-size: 24px;
    font-weight: 300;
    font-family: 'Roboto';
}

#mainCarousel .carousel-item .info-block h1 {
    font-size: 1.7em;
}

.carousel-item .info-block__list {
    font-weight: 300;
    line-height: 1.25;
    text-align: left;
    margin: 20px 0;
}

.carousel-item .info-block__list li:before {
    content: none;
}

.carousel-item .info-block .btn, .--without-info {
    font-family: 'Ubuntu';
    font-size: 18px;
    font-weight: 500;
    line-height: 36px;
    text-align: center;
    height: 50px;
    width: 200px;
    border-radius: 30px;
    background-color: #4a4a4a;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
}

#mainCarousel .carousel-item img {
    width: 100%;
}


@media screen and (max-width: 1200px) {
    #mainCarousel .carousel-item .info-block {
        position: relative;
        margin: auto;
        padding: 1.5em;
        left: 0;
        bottom: 1em;
        width: 80%;
    }

    .main-carousel .carousel-indicators {
    / / padding-right:;
        top: calc(41vw - 3.75rem);
    }

    .main-carousel .carousel-item h1 {
        font-size: 2em;
    }
}

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

@media screen and (min-width: 1201px) and (max-width: 1600px) {
    #mainCarousel .carousel-item .info-block {
        padding: 1.2em;
        padding-left: 3em;
        bottom: 0;
        height: 100%;
        max-width: 400px;
        left: 0;
    }

    #mainCarousel .carousel-item .info-block .container {
        padding: 0
    }

    #mainCarousel .carousel-item .info-block .container ul > li {
        margin-left: 0;
    }

    #mainCarousel .carousel-item .info-block h1 {
        font-size: 1.5em;
    }

    #mainCarousel .carousel-item .info-block .btn, .--without-info {
        /*        font-size: 1.3em;
            line-height: 1.8;*/
    }
}

@media screen and (max-width: 768px) {
    .main-carousel {
        font-size: 0.7rem;
    }


    .main-carousel .carousel-indicators li {
        width: 10px;
        height: 10px;
    }

    .main-carousel .carousel-item .info-block__list {
        font-size: 1em;
    }

    .main-carousel .carousel-item .info-block .btn, .--without-info {
        /*        font-size: 2.2em;
            height: auto;*/
    }

    .main-carousel .carousel-indicators {
        top: calc(43vw - 3.75rem);
        margin-right: 15px;
    }


    /*  .carousel-control-prev,
    .carousel-control-next {
      display: none;
    }*/
    #mainCarousel .carousel-control-prev-icon,
    #mainCarousel .carousel-control-next-icon {
        top: 18vw;
    }

    #mainCarousel .carousel-control-next,
    #mainCarousel .carousel-control-prev {
        width: 10%;
    }
}

@media screen and (max-width: 552px) {
    .main-carousel .carousel-indicators {
        top: calc(48vw - 3.75rem);
    }
}

@media screen and (min-width: 1921px) {
    .d-xxl-block {
        display: block !important;
    }

    .d-xxl-none {
        display: none !important;
    }
}

@media (max-width: 1023px) {
    #mainCarousel .desc_anim {
        display: none;
    }

    #mainCarousel .mob_item {
        display: block;
    }
}

@media (min-width: 1024px) {
    #mainCarousel .desc_anim {
        display: block;
    }

    #mainCarousel .mob_item {
        display: none;
    }
}

/* end of main carousel */

/* company info */

.company-info div {
    font-family: Ubuntu;
    font-size: 20px;
    font-weight: normal;
    line-height: 1.4;
    text-align: left;
    color: #fff;
    margin: 90px 0 100px;
    padding: 0 20px;
}

@media screen and (max-width: 768px) {
    .h-300 {
        height: auto;
    }

    .bgcolor-1 {
    / / background-color:;
    }

    /*.company-info div {
      color: #000;
    }*/
}

/* end of company info */

/* second carousel */

#Carousel-2 h3 {
    font-size: 30px;
    margin-bottom: 25px;
    color: #fff;
    line-height: 1.3;
}

#Carousel-2 p {
    font-size: 20px;
    line-height: 1.4;
    margin-bottom: 35px;
}

#Carousel-2 .carousel-indicators {
    justify-content: flex-start;
    bottom: 45px;
    margin-left: 35px;
}

#Carousel-2 .carousel-item {
    width: 100%;
    height: 100%;
    background-color: #fff;
}

#Carousel-2 .carousel-inner {
    background-color: #fff;
}

#Carousel-2 .carousel-item .info-block {
    position: relative;
    background-color: #f2613c;
    color: #fff;
    height: 530px;
    display: inline-block;
    width: 30%;
    padding: 45px;
    vertical-align: middle;
    float: left;
}

#Carousel-2 .carousel-image {
    display: inline-block;
    height: 530px;
    vertical-align: middle;
    width: 70%;
    float: left;
    text-align: center;
}

#Carousel-2 .carousel-image img {
    height: 100%;
    vertical-align: middle;
}

@media screen and (max-width: 768px) {
    .pt-100 {
        padding-top: 50px;
    }

    #Carousel-2 .carousel-item .info-block {
        width: 100%;
        left: 0;
        bottom: 0;
        height: 300px;
    }

    #Carousel-2 .carousel-item .info-block p {
        font-size: 1.2em;
        margin-bottom: 1em;

    }

    #Carousel-2 .carousel-image {
        width: 100%;
        height: auto;
    }

    #Carousel-2 .carousel-image img {
        width: 100%;
        vertical-align: middle;
    }

    #Carousel-2 .carousel-indicators {
        bottom: 15px;
        justify-content: center;
        margin-left: 15%;
    }

    #Carousel-2 .carousel-indicators li {
        width: 10px;
        height: 10px;
    }

    #Carousel-2 h3 {
        font-size: 24px;
    }

    #Carousel-2 p {
        font-size: 16px;
    }
}

@media screen and (min-width: 769px) and (max-width: 992px) {

    #Carousel-2 .carousel-item .info-block h3 {
        font-size: 1.3em;
    }

    #Carousel-2 .carousel-item .info-block p {
        font-size: 1.2em;
        margin-bottom: 1em;

    }

    #Carousel-2 .carousel-item .info-block {
        height: 402px;
        padding: 1.3em;
    }

    #Carousel-2 .carousel-image {
        height: auto;
    }

    #Carousel-2 .carousel-image img {
        height: 400px;
        width: auto;
    }

    #Carousel-2 .carousel-indicators {
        bottom: 15px;
        margin-left: 15px;
    }

}

@media screen and (min-width: 993px) and (max-width: 1199px) {
    #Carousel-2 .carousel-item .info-block {
        width: 35%;
        padding: 1.3em;
    }

    #Carousel-2 .carousel-image {
        width: 65%;
        height: 100%;
        position: relative;
    }

    #Carousel-2 .carousel-inner {
        height: 500px;
    }

    #Carousel-2 .carousel-image img {
    }

    #Carousel-2 .carousel-image .helper {
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

    #Carousel-2 .carousel-indicators {
        bottom: 15px;
    }

}

/* end of second carousel */

/* tile-grid */

.tile-grid {
    position: relative;
    height: auto;
    min-height: 100%;
}

.tile-grid a {
    font-weight: 400;
}

.tile-grid-block {
    padding: 30px;
    transition: 0.3s all;
}

.tile-grid-block:hover {
    transform: scale(0.98);
}

.tile-grid-block h3 {
    font-family: Ubuntu;
    font-size: 28px;
    line-height: 1.2;
    color: #fff;
    word-wrap: break-word;
}

.tile-grid-block p {
    font-family: Ubuntu;
    font-size: 20px;
    line-height: 1.4;
    color: #fff;
    margin-top: 30px;
}

.tile-grid-block .go {
    display: inline-block;
    margin-top: 40px;
}

.tile-grid-block-1 {
    float: left;
    width: 395px;
    height: 240px;
    margin-right: 25px;
}

.tile-grid-block-1:hover {
    transform: none;
}

.tile-grid-block-2 {
    float: right;
    width: 800px;
    height: 490px;
    /*    background: url('tile-astra.jpg') no-repeat;*/
    background: url('tile-astra-1.jpg') no-repeat;
}

.tile-grid-block-2 p {
    max-width: 50%;
}

.tile-grid-block-3 {
    float: left;
    background: url('tile-astra-2.jpg') no-repeat;
    width: 395px;
    height: 550px;
    margin-top: 25px;
    margin-right: 25px;
}

.tile-grid-block-4 {
    float: left;
    background-color: #f2613c;
    width: 395px;
    height: 300px;
    margin-top: 25px;
    margin-right: 25px;
}

.tile-grid-block-5 {
    float: right;
    background: url('tile-astra-3.jpg') no-repeat;
    width: 380px;
    height: 625px;
    margin-top: 25px;
}

.tile-grid-block-6 {
    float: left;
    background-color: #589450;
    height: 300px;
    width: 395px;
    margin-top: 25px;
    margin-right: 25px;
}

.tile-grid-block-7 {
    float: right;
    background-color: #438945;
    height: 300px;
    width: 395px;
    margin-top: 25px;
    margin-right: 25px;
}

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

    .tile-grid {
        height: auto;
    }

    .tile-grid a:hover {
        text-decoration: none;
    }

    .tile-grid-block {
        float: none;
        width: 100%;
    }

    .tile-grid-block p {
        max-width: 100%;
        width: 100%;
        font-size: 1em;
    }

    .tile-grid .tile-grid-block-1 {
        height: auto;
    }

    .tile-grid-block-2 {
        background-position: 40% 14%;
    }

    .tile-grid-block .go {
        margin-top: 1em;
    }

    .tile-grid-block-3,
    .tile-grid-block-5 {
        background-size: cover;
        background-position: 95% 78%
    }
}


@media screen and (min-width: 768px) and (max-width: 1440px) {


    .tile-grid-block .go {
        margin-top: 1em;
    }

    .tile-grid-block-1 {
        width: 30%;
    }

    .tile-grid-block-2 {
        width: calc(70% - 25px);
    }

    .tile-grid-block-3 {
        width: 30%;
    }

    .tile-grid-block-4 {
        width: calc(35% - 25px);
    }

    .tile-grid-block-5 {
        width: calc(35% - 25px);
    }

    .tile-grid-block-6 {
        width: 30%;
    }

    .tile-grid-block-7 {
        width: calc(35% - 25px);
    }

    .tile-grid-about .tile-grid-block-3 {
        width: 30%;
    }

    .tile-grid-about .tile-grid-block-4 {
        width: calc(35% - 25px);
    }

    .tile-grid-about .tile-grid-block-5 {
        width: calc(35% - 25px);
    }
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
    .tile-grid .tile-grid-block-1 h1 {
        font-size: 1.7em;
    }
}


@media screen and (max-width: 992px) {
    .tile-grid-block p {
        font-size: 1.2em;
        line-height: 1.1;
    }
}

/* end of tile-grid */

/* services */

.slogan {
    font-size: 40px;
    font-weight: 300;
    line-height: 1.25;
    text-align: center;
}

.services {
    position: relative;
    height: 780px;
}

.services a:hover {
    text-decoration: none;
}

.services h3 {
    font-size: 30px;
    line-height: 0.93;
    text-align: center;
    color: #fff;
    margin-top: 50px;
}

.services-block {
    transition: 0.3s all;
}

.services-block img {
    display: block;
    margin: 40px auto 0;
}

.services-block a {
    height: 100%;
}

.services-block:hover {
    transform: scale(0.98);
}

.services .calc {
    background-color: #438945;
    height: 450px;
    width: calc(66.666666% - 15px);
    display: inline-block;
    margin-bottom: 25px;
    float: left;
}

.services .knowledge {
    background-color: #81b082;
    height: 300px;
    width: calc(33.333333% - 15px);
    display: inline-block;
    float: right;
    margin-bottom: 25px;
}

.services .email {
    background-color: #9b9b9b;
    height: 300px;
    width: calc(33.333333% - 20px);
    display: inline-block;
    float: left;
    margin-right: 30px;
}

.services .learning {
    background-color: #f2613c;
    height: 300px;
    width: calc(33.333333% - 25px);
    display: inline-block;
    float: left;
}

.services .forum {
    background-color: #0e3c41;
    height: 450px;
    width: calc(33.333333% - 15px);
    display: inline-block;
    padding-top: 70px;
    float: right;
}

.services .forum h3 {
    margin-top: 130px;
}

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

    .services {
        height: auto;
    }

    .services-block {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        height: 300px !important;
        padding: 20px 0 !important;
        margin-top: 30px;
    }

    .services h3 {
        margin-top: 35px !important;;
    }

    .services-block img {
        width: 130px;
    }

    .services .learning {
        left: 0;
    }

    .services .knowledge,
    .services .calc {
        margin-bottom: 0;
    }

    .services .forum {
    }

    .slogan {
        font-size: 26px;
    }
}

/* end of services */

/* news */

.btn-orange {
    height: 50px;
    font-weight: normal;
    border-radius: 30px;
    background-color: #f2613c; /*#f2613c;*/
    color: #fff;
    display: inline-block;
    transition: 0.3s all;
    padding: .5em 2rem;
    border: none;
    font-family: 'Ubuntu', sans-serif;
    font-size: 20px;
    line-height: 30px;
}

.btn-orange:hover {
    color: #fff;
    background-color: #af492f;
    cursor: pointer;
    text-decoration: none;
}

.news-block {
    height: 300px;
    padding: 35px;
    background-color: #fff;
}

.news-block .btn-orange {
    display: block;
}

.news-block .u-link {
    display: block;
    color: #fff;
    text-decoration: underline;
    font-size: 20px;
    line-height: 1.4;
    font-weight: 300;
    transition: 0.3s all;
}

.news-block .u-link:hover {
    text-decoration: none;
}

.news-block.main-news {
    background-color: #438945;
}

.news-block.main-event {
    background-color: #005f69;
}

.news-block .news-header {
    font-size: 20px;
    line-height: 1.2;
}

.news-block .news-date {
    color: #cecdcc;
    font-size: 20px;
    font-weight: normal;
    line-height: 1.4;
}

.news-block .news-text {
    font-size: 16px;
    font-weight: normal;
    line-height: 1.25;
}

.newsList .news-date {
    margin-top: 1em;
    color: #9b9b9b;
}

.news-detail .news-date-time {
    color: #9b9b9b;
    font-size: 1.2em;
}

.newsList .news-preview {
    margin-top: 1em;
}

.news-detail p {
    margin: 1em 0;
}

.newsArchive {
    padding: 20px 20px 5px 20px;
}

.newsArchive a,
.newsArchive select {
    width: 100%;
}

.newsArchive span {
    line-height: 1.3;
    font-size: 20px;
}

.newsArchive .btn-orange {
    text-align: center;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 50px;
}

@media screen and (min-width: 576px) and (max-width: 768px) {
    .news-block .news-header {
        font-size: 1em;
    }

    .news-block .news-text {
        font-size: 0.8em;
    }
}

/* end of news */

/* video */

.video-column {
    height: 100%;
}

.btn-video {
    margin-left: 40px;
}

.learn-video a {
    display: block;
    text-align: center;
}

.learn-video > div {
    margin-bottom: 2em;
}

@media screen and (max-width: 768px) {
    .btn-video {
        margin: 0 30px;
        font-size: 15px;
        width: 100%;
        padding: .8rem 2rem;
    }

    .video iframe {
        height: 190px;
    }

    .video-column {
        display: none !important;
    }

    .btn-orange {
        /*font-size: 16px;*/
        /* padding: .375rem 1rem;*/
    }

    .news-detail img {
        max-width: 100%;
        height: auto;
    }
}

/* end of video */

/* footer */

footer {
    background-color: #3d3832;
}

.footer-services {
    padding: 40px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.footer-services a {
    color: #fff;
}

.footer-menu__header {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    line-height: 1.29;
    letter-spacing: normal;
    text-align: left;
    display: inline-block;
    margin-bottom: 10px;
}

.footer-menu__header:hover {
    color: #fff;
}

.footer-menu ul > li {
    margin-left: 0;
}

.footer-menu ul > li:before {
    content: none;
}

.footer-menu ul a {
    font-size: 14px;
    font-weight: 300;
    color: hsla(0, 0%, 100%, .5);
    line-height: 1.29;
    letter-spacing: normal;
    text-align: left;
    display: inline-block;
    margin-bottom: 10px;
    font-family: "Ubuntu";
}

.footer-menu__search {
    width: 100%;
    height: 30px;
    font-size: 14px;
    font-weight: 300;
    text-align: center;
    color: #fff;
    border-radius: 30px;
    background-color: transparent;
    border: 1px solid #ced4da;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.footer-menu__search:focus {
    border-color: #f2613c;
    box-shadow: 0 0 0 0.2rem rgba(245, 155, 0, .25);
}

.footer-menu .social-row {
    margin-top: 60px;
    display: flex;
    justify-content: space-between;
}

.footer-menu .social-row svg path {
    transition: 0.2s all;
}

.social_facebook:hover #BG_2_ {
    fill: #0066AB;
}

.social_facebook:hover #Shape_3_ {
    fill: #fff;
}

.social_insta:hover #BG_1_ {
    fill: #C82682;
}

.social_insta:hover #Oval {
    fill: #fff;
}

.social_insta:hover #Shape_1_ {
    fill: #fff;
}

.social_insta:hover #Shape_2_ {
    fill: #fff;
}

.social_vk:hover #Instagram {
    fill: #5181B8;
}

.social_vk:hover #Fill-1 {
    fill: #fff;
}

.social_twitter:hover #BG {
    fill: #5BB8E6;
}

.social_twitter:hover #Shape {
    fill: #fff;
}

.footer-low {
    padding: 40px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    color: hsla(0, 0%, 100%, .5);
    font-size: 14px;
    font-weight: 300;
}

.footer-low p {
    font-family: "Ubuntu";
}

.footer-low a {
    color: hsla(0, 0%, 100%, .5);
}

@media screen and (max-width: 768px) {
    .footer-menu ul {
        display: none;
    }
}

@media screen and (max-width: 992px) {
    .footer-services a {
        margin-bottom: 15px;
    }

    .footer-menu__search {
        margin-top: 25px;
    }

    /*  .footer-menu .col-md-2 {
      text-align: center;
    }*/
    .footer-menu ul > li {
        text-align: left;
    }

    .footer-menu__header {
        font-size: 12px;
    }

    .footer-low div {
        margin-bottom: 15px;
        text-align: center;
        justify-content: center;
    }

    .footer-menu .social-row {
        justify-content: space-evenly;
    }
}

/* end of footer */

/* about */

.about__header-block {
    height: 420px;
    padding: 40px;
}

.about-block {
    margin-top: 40px;
    padding: 0 10px 28px;
    border-bottom: solid 1px #979797;
    color: #3d3832;
}

.about-block h3 {
    font-size: 30px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.2;
}

.about-block p {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.31;
    margin-top: 20px;
}

@media screen and (max-width: 768px) {
    .border-none-mobile {
        border-bottom: solid 1px #979797;
    }
}

/* end of about */

/* article */

.useful-info {
    padding: 30px;
    background-color: #FF4800;
    color: #fff;
}

.useful-info h3 {
    font-size: 30px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.2;
    color: #fff;
}

.useful-info a {
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.31;
    margin-top: 10px;
    text-decoration: underline;
}

.useful-info a:hover {
    text-decoration: none;
}

.useful-info p {
    margin-top: 20px;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.31;
}

.article-body {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.31;
    letter-spacing: normal;
    text-align: left;
    color: #3d3832;
}

.article-body p {
    margin: 0.5em 0 1em;
    line-height: 1.5;
}

.article-body h2 {
    font-size: 30px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.2;
    color: #3d3832;
}

.table,
table.tab1 {
    /*font-family: Roboto;
    font-size: 16px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.31;
    color: #3d3832;*/
}


.table thead th,
table.tab1 th {
    background-color: #dfdfdf;
    border: solid 1.5px #ffffff;
    height: 50px;
    vertical-align: middle;
}


.table tbody th,
.table tbody td,
table.tab1 tbody th,
table.tab1 tbody td {
    border: solid 1.5px #ffffff;
}

.table-striped tbody tr,
table.tab1 tbody tr {
    background-color: #f4f4f4;
}

.table-striped tbody tr:nth-of-type(odd),
table.tab1 tbody tr:nth-of-type(odd) {
    background-color: #fafafa;
}

.table tbody td:last-child,
table.tab1 tbody td:last-child {
    /*vertical-align: middle;
    text-align: center;*/
}

table.tab1 td,
table.tab1 th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}

table.tab1 thead td {
    /*   vertical-align: middle;
    text-align: center;
    font-weight: bold;*/
}

@media (max-width: 767px) {
    table.tab1,
    .table {
        font-size: 14px;
    }
}

/* end of article */

/* publication */

.publication-block {
    margin-top: 40px;
    padding-bottom: 28px;
    border-bottom: solid 1px #979797;
    position: relative;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.31;
    color: #3d3832;

}

.publication-block h3,
.publication-block .go-link {
    display: inline-block;
}

.publication-block h3 {
    width: 90%;
}

.publication-block .go-link {
    position: absolute;
    right: 10px;
    top: 10px;
}

.publication-block:last-child {
    border: none;
}

.publication-block__author {
    font-family: Ubuntu;
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.4;
    margin-top: 25px;
}

.publication-block__text {
    margin: 25px 0;
    padding-right: 3em;
}

.publication-block__source {
    font-family: Ubuntu;
    font-size: 14px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: rgba(61, 56, 50, 0.4);
}

.publication-block__source a {
    color: #f2613c;
}

.pagination > li {
    margin-bottom: 0 !important;
    margin-left: 0 !important;
}

.pagination > li:before {
    content: none !important;
}

.pagination a {
    color: #3d3832;
    border: none;
    background-color: transparent;
}

.pagination a:hover {
    color: #f2613c;
}

.page-link {
    color: #3d3832;
}

.page-link:focus,
.page-link:hover {
    color: #f2613c;
}

/* end of publication */

/* catalog */

.catalog-header {
    padding: 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 520px;
}

.catalog-header img {
    height: auto;
}

.catalog-card {
    transition: 0.3s ease-in-out;
    padding-bottom: 10px;
}

.catalog-card__link:hover {
    text-decoration: none;
}

.catalog-card__link:hover .catalog-card {
    -webkit-box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.2);
}

.catalog-card__header {
    font-family: Ubuntu;
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.4;
    color: #3d3832;
    margin-top: 10px;
    padding: 0 10px;
}

.catalog-card__header span {
    color: #f2613c;
}

.catalog-card p {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #3d3832;
    margin: 10px 0;
    padding: 0 10px;
}

.catalog-card > .catalog-card-picture-block {
    width: 100%;
    padding-bottom: 100%;
    position: relative;
}

.catalog-card > .catalog-card-picture-block img {
    height: 70%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.catalog-card__price {
    font-family: Ubuntu;
    font-size: 30px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.2;
    color: #f2613c;
    padding: 0 10px;
}

.catalog .row > div {
    margin-bottom: 30px;
}

.wrapper p {
    margin-bottom: 20px;
}

.wrapper .img {
    margin: 30px auto;
    display: block;
}

@media screen and (max-width: 768px) {
    .pagination {
        font-size: 13px;
    }

    .catalog-header h1 {
        font-size: 25px;
    }
}

@media screen and (min-width: 769px) and (max-width: 992px) {
    .catalog-header h1 {
        font-size: 32px;
    }
}

/* end of catalog */

/* catalog-item */

.catalog-item__header {
    padding: 40px;
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.catalog-item__header p {
    margin-top: 30px;
    font-family: Ubuntu;
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.4;
}

.catalog-item__header-logos {
    margin-top: 2em;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;

}

.catalog-item__header-logos img:not(:first-child) {
    margin-left: 25px;
}

.catalog-item__carousel {
    width: 100%;
    height: 300px;
    margin-top: 30px;
}

.catalog-item__carousel .carousel-cell {
    height: 300px;
    margin-right: 26px;
}

.catalog-item__carousel .carousel-cell img {
    height: 100%;
    width: auto;
}

.catalog-item__carousel .flickity-prev-next-button {
    background-color: #f2613c;
}

.catalog-item__carousel .flickity-prev-next-button:hover {
    background-color: #c75132;
}

.catalog-item__carousel .flickity-prev-next-button .arrow {
    fill: #fff;
}

.tab-pane {
    padding-top: 50px;
    color: #3d3832;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
}

.tab-pane ul {
    padding-left: 30px;
    margin-bottom: 0;
    /*list-style: inside;
    list-style-position: outside;*/
}

.tab-pane > ul {
    margin-top: 1em;
}

.tab-pane .google-play {
    margin-top: 30px;
}

.tab-pane p,
.tab-pane a {
    line-height: 1.5;
}

.nav-tabs {
    display: flex;
    justify-content: space-around
}

.nav-tabs .nav-item {
    flex-grow: 1;
    text-align: center;
    margin-left: 0;
}

.nav-tabs .nav-item::before {
    display: none;
    margin-left: 0;
}

.nav-tabs .nav-link {
    font-size: 20px;
    line-height: 1.4;
    color: #3d3832;
}

.nav-tabs .nav-link.active {
    display: block;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-color: transparent transparent #f2613c;
}

.nav-tabs .nav-link.active {
    border-color: transparent transparent #f2613c;
    border-bottom: solid 3px #f2613c;
}

#usage img {
    margin: 20px 0;
    margin-right: 20px;
    height: 200px;
    width: auto;
}

#download img {
    margin: 20px 20px 20px 0;
}

#usage table img {
    height: auto;
}

#usage p {
    margin: 10px 0;
}

#compare img {
    height: 300px;
    width: auto;
}

#specs .table tbody tr td:nth-child(2) {
    vertical-align: middle;
    text-align: center;
}

#specs ul {
    margin-top: 1em;
}

#sostav p > a {
    display: flex;
    justify-content: center;
    font-weight: bold;
}

#sostav span a {
    display: block;
    height: 190px;
}

#sostav img {
    display: block;
    margin: 20px auto;
}

.tab-pane#sostav .item p a {
    display: inline-block;
    font-family: Ubuntu;
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.4;
    margin: 15px 0;
}

.tab-pane#download div {
    margin: 20px 0;
}

.tab-pane#download div a {
    font-weight: 500;
}

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

    .catalog-item__header p {
        width: 100%;
    }

    .catalog-item__carousel {
        height: auto;
    }

    .catalog-item__carousel .carousel-cell {
        width: 100%;
        height: auto;
    }

    .catalog-item__carousel .carousel-cell img {
        display: block;
        margin: auto;
        width: 100%;
    }

    .catalog-item__header-logos {
        text-align: left;
        display: block;
    }

    .catalog-item__header-logos img {
        margin-left: 0 !important;
        margin-right: 25px !important;
        margin-bottom: 1em;
    }

    .nav-tabs {
        border-bottom: none;
    }

    .nav-tabs .nav-item {
        margin-left: 0;
        margin-bottom: 0;
    }

    .nav-tabs .nav-link {
        border: 3px solid transparent;
        border-bottom: 1px solid #dee2e6;
        margin-bottom: 2px;
        font-size: 16px;
    }

    #compare img,
    #usage img {
        height: auto;
        width: 100%;
        margin-right: 0;
    }

    #download img {
        margin-right: 0;
    }
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
    .nav-tabs .nav-link {
        font-size: 19px;
        border-bottom: 1px solid #dee2e6;
    }

    .nav-tabs {
        border-bottom: none;
    }

    .nav-tabs .nav-item {
        margin-bottom: 0;
    }
}

/* end of catalog-item */

/* history */

.history {
    margin-top: 60px;
}

.history-block {
    display: flex;
    margin-bottom: 40px;
}

.history-block:before {
    content: "";
    display: block;
    height: 93%;
    width: 2px;
    border-right: solid 1px #979797;
    position: absolute;
    bottom: 50px;
    left: 29px;
}


.history-block__year {
    font-size: 30px;
    line-height: 1.2;
    margin: 0 30px;
}

.history-block__text {
    font-family: Roboto;
    font-weight: 300;
    line-height: 1.31;
    padding-top: 15px;
    padding-left: 30px;
}

.history-block__image {
    z-index: 10;
}

@media screen and (max-width: 768px) {
    .history-block {
        flex-wrap: wrap;
    }

    .history-block:before {
        bottom: 110px;
        height: 95%;
    }
}

@media screen and (min-width: 768px) and (max-width: 1440px) {
    .history-block:before {
        bottom: 50px;
    }
}

/* end of history */

/* awards */

.awards-section {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

.award-block {
    display: flex;
    flex-direction: row;
    width: 50%;
    padding-right: 20px;
    padding-left: 20px;
    margin-bottom: 60px;
}

.award-block img {
    width: 165px;
    height: auto;
    border: 1px solid rgba(0, 0, 0, 0.1)
}

.award-text {
    display: flex;
    flex-direction: column;
    margin-left: 20px;
}

.award-text p,
.award-text__date {
    font-family: Roboto;
    font-weight: 300;
    /*font-size: 16px;
    font-style: normal;
    font-stretch: normal;*/
    line-height: 1.31;
    margin-bottom: 1ex;
}


.award-text span:not(.award-text__date) {
    display: block;
    margin-bottom: 0.5ex;
    font-family: Ubuntu;
    font-size: 19px;
    font-weight: normal;
    /*font-style: normal;
    font-stretch: normal;
    line-height: 1.4;*/
}

.award-text span:nth-child(2) {
    margin-top: 1ex;
}

.award-years {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-right: 68px;
    position: relative;
    z-index: 0;
}

.award-years:before {
    content: "";
    display: block;
    height: 96%;
    width: 2px;
    border-right: solid 1px #979797;
    position: absolute;
    bottom: 75px;
    left: 14px;
    z-index: -1;
}

.award-years a {
    font-size: 30px;
    line-height: 1.2;
    color: #4a4a4a;
    transition: all 0.2s;
    display: flex;
    flex-direction: row;
    margin-bottom: 70px;
}

.award-years a img {
    margin-right: 20px;
}

.award-years a:hover {
    text-decoration: none;
    color: #f2613c;
}


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

    .award-years a {
        font-size: 1.5em;
    }

    .award-years {
        margin-right: 10px;
    }

    .awards-section {
        flex-direction: column;
    }

    .award-block {
        flex-direction: column;
        width: 100%;
    }

    .award-block a {
        text-align: center;
        display: block;
        margin-bottom: 10px;
    }
}

.hidden {
    display: none;
}

.active {
    display: flex;
}

/* end of awards */

/* seminars */

.seminar-header {
    padding-top: 20px;
}

.seminar-header p {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.31;
    padding: 20px 0;
}

.seminar-header a {
    color: #f2613c;
}

.seminar-header h3 a,
.seminar-header h3 {
    font-family: Ubuntu;
    font-size: 20px;
    line-height: 1.4;
    color: #4a4a4a;
}

#seminars-tabs .nav-link {
    padding: 0.5rem 0.8rem;
}

#seminars-tabs-content .row {
    padding-top: 20px;
    padding-bottom: 25px;
    border-bottom: solid 1px #979797;
}

#seminars-tabs-content a {
    /*color: #4a4a4a;*/
    color: #ff4800;
}

#seminars-tabs-content .seminar-date,
#seminars-tabs-content .seminar-name {
    font-family: Ubuntu;
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.4;
}

#seminars-tabs-content .seminar-name p {
    margin-top: 15px;
}

#seminars-tabs-content .seminar-name p,
#seminars-tabs-content .seminar-place {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.31;
}

.seminar-plan {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.31;
}

.seminar-plan p {
    margin: 15px 0;
}

.seminar-plan ul {
    margin: 18px 0 40px 0;
    padding-left: 30px;
}

.seminar-plan h3 {
    margin-top: 15px;
}

.seminar-plan span {
    font-family: Ubuntu;
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.4;
}

.seminar-info {
    margin-top: 85px;
}

a.docs {
    font-weight: 600 !important;
}

@media screen and (max-width: 576px) {
    .seminar-info {
        margin-top: 20px;
    }
}

@media screen and (max-width: 768px) {
    #seminars-tabs-content .seminar-date {
        margin-bottom: 20px;
    }
}

/* end of seminars */

/* webinars */

.webinar-block__header,
.webinar-block__footer {
    font-family: Ubuntu;
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.4;
}

.webinar-block__body {
    margin: 18px 0;
}

/* end of webinars */

/* about-us */

.tile-grid.tile-grid-about {
    height: 800px;
}

.tile-grid-about .tile-grid-block {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.tile-grid-about .tile-grid-block img {
    margin-bottom: 30px;
}

.tile-grid-about .tile-grid-block-1 {
    height: 30%;
}

.tile-grid-block.tile-grid-block-2 {
    background-color: #438945;
}

.tile-grid-about .tile-grid-block-2 {
    background: #9f9d99;
    height: 60%;
}

.tile-grid-about .tile-grid-block-3 {
    background: #f2613c;
    height: 70%;
}

.tile-grid-about .tile-grid-block-4 {
    background: #438945;
    height: 40%;
}

.tile-grid-about .tile-grid-block-5 {
    background: #0e3c41;
    height: 40%;
}

.tile-grid-block-6 {
    background: #589450;
}

.tile-grid-block-7 {
    background: #0e3c41;
}


@media screen and (max-width: 768px) {
    .tile-grid.tile-grid-about {
        height: auto;
    }
}

/* end of about-us */

/* photogallery */

.tile-grid-photo .tile-grid-block {
    background-size: cover !important;
    text-align: center;
    float: left;
    height: 275px;
    margin-bottom: 25px;
}

.tile-grid-photo .tile-grid-block,
.tile-grid-photo .tile-grid-sizer {
    width: calc(33% - 25px);
}

.tile-grid-photo .tile-grid-block--width2 {
    width: calc(66% - 25px);
}

.tile-grid-photo .tile-grid-block--height2 {
    height: 575px;
}

.tile-grid-photo .tile-grid-block-1 {
    margin-right: 0;
}

.tile-grid-photo .tile-grid-block a {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.tile-grid-photo .tile-grid-block a:hover {
    text-decoration: none;
}

.tile-grid-photo .tile-grid-block .go {
    margin-bottom: 15px;
    width: 35px;
    height: 35px;
}

.tile-grid-photo .tile-grid-block h3 {
    margin-bottom: 30px;
}

.photo-grid {
    min-height: 100%;
}

.photo-grid .grid-item {
    float: left;
    height: 320px;
    margin-bottom: 25px;
}

.photo-grid .grid-item--height2 {
    height: 530px;
}

.photo-grid .grid-item img {
}

.photo-grid .grid-sizer,
.photo-grid .grid-item {
    width: 33%;
}

.photo-grid .photo_name {
    text-align: center;
}

@media screen and (max-width: 992px) {
    .tile-grid-photo .tile-grid-block,
    .photo-grid .grid-item {
        float: none;
        width: 100%;
    }

    .tile-grid-photo .tile-grid-block-1 {
        height: auto;
        margin-bottom: 0;
    }
}

@media screen and (max-width: 960px) {
    .photo-grid .grid-item {
        height: auto;
    }
}

/* end of photogallery */

/* forum */

.arrow__corner-i {
    display: none;
}

table.forum-table td,
div.forum-info-box,
div.forum-reply-form {
    background-color: #dfdfdf;
}

div.forum-filter-field {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

div.forum-filter-field label {
    font-family: Ubuntu;
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.4;
}

div.forum-info-box-inner {
    height: 100%;
    width: 100%;
}

div.forum-filter input.search-input {
    height: 50px;
    border-radius: 30px;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 300;
    width: 100%;
    position: relative;
}

.forum-filter-field .search-input::before {
    content: url('/local/templates/teko_2018/images/search.png');
    display: block;
    width: 32px;
    height: 32px;
    position: absolute;
    right: 0;
    top: 0;
}

.forum-filter-field .forum-clear-float {
    display: none;
}

.forum-table a {
    color: #4a4a4a;
}

div.forum-page-navigation {
    /*float: none !important;*/
    margin-bottom: 2em;
}

img.calendar-icon {
    border: 1px solid transparent !important;
}

.forum-profile-edit input[type=text],
.forum-profile-edit select,
.forum-profile-edit textarea {
    width: 50%;
}

.forum-profile-edit input[type=password] {
    width: 50%;
    padding: 0 1em;
}

.forum-add-file {
    opacity: 0;
    position: absolute;
    z-index: -1;
}

.forum-add-file-label {
    line-height: 50px;
    padding-top: 0;
    padding-bottom: 0;
}

#forum_4 {
    width: 100%;
}


@media screen and (max-width: 768px) {
    .forum-profile-edit input[type=text],
    .forum-profile-edit input[type=file],
    .forum-profile-edit select,
    .forum-profile-edit textarea,
    .forum-profile-edit input[type=password] {
        width: 100%;
    }

    .forum-profile-edit th {
        font-size: 1em !important;
        width: 25% !important;
    }

    .forum-profile-edit .forum-profile-edit .forum-info-box {
        float: none;
    }

    .forum-filter-field label + span.forum-filter-field-item input {
        width: 100%;
    }
}

/* end of forum */

/* FAQ */

.ask-question {
    width: 100%;
    height: auto;
    background-color: #dfdfdf;
    padding: 48px;
}

.ask-question .faq_form {
    margin-top: 20px;
}

.ask-question label {
    font-family: Ubuntu;
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: left;
}

.ask-question input[type=email] {
    border-radius: 8px;
}

.ask-question .textarea {
    width: 100%;
    border-radius: 8px;
    padding: 10px;
    border: 1px solid #ced4da;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.ask-question .submit {
    height: 50px;
    font-family: Ubuntu;
    font-size: 20px;
    font-weight: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    background-color: #f2613c;
    border-radius: 30px;
    border: none;
    padding: 0 15px;
    transition: 0.3s all;
}

.ask-question .submit:hover {
    color: #fff;
    background-color: #c27b00;
    cursor: pointer;
}

.call-manager h3 {
    margin-bottom: 30px;
}

.call-manager p {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.31;
}

.call-manager p span {
    font-family: Ubuntu;
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.4;
}

.faq-manager {
    display: flex;
    flex-direction: row;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.31;

}

.faq-manager h3 {
    font-family: Ubuntu;
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.4;
    margin-bottom: 6px;
}

.faq-manager p {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.31;
}

.faq-manager a {
    display: block;
}

.faq-manager img {
    align-self: flex-start;
}

.faq-manager a[href^="tel:"] {
    font-size: 1em;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: left;
    color: #4a4a4a;
    margin-bottom: 9px;
}

.faq-manager .faq-manager__info {
    display: flex;
    flex-direction: column;
    padding-left: 20px;
    justify-content: space-between;
}

.tile-grid.tile-grid-faq {
    height: auto;
}

.tile-grid.tile-grid-faq .tile-grid-block {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
}

.tile-grid.tile-grid-faq .tile-grid-block-1 {
    height: 575px;
    background: #770a5f;
    width: 34%;
}

.tile-grid.tile-grid-faq .tile-grid-block-1:hover {
    transform: scale(0.98);
}

.tile-grid.tile-grid-faq .tile-grid-block-2 {
    height: 275px;
    background: #9b9b9b;
    width: calc(33% - 25px);
    float: left;
    margin-right: 25px;
}

.tile-grid.tile-grid-faq .tile-grid-block-3 {
    height: 275px;
    float: left;
    margin-top: 0;
    margin-right: 0;
    width: calc(33% - 25px);
    background: #a50033;
}

.tile-grid.tile-grid-faq .tile-grid-block-4 {
    height: 275px;
    background: #01aae1;
    width: calc(33% - 25px);
}

.tile-grid.tile-grid-faq .tile-grid-block-5 {
    height: 575px;
    background: #005f69;
    width: calc(33% - 25px);
}

.tile-grid.tile-grid-faq .tile-grid-block-6 {
    height: 275px;
    background: #a50033;
    width: 34%;
    float: left;
}

.tile-grid.tile-grid-faq .tile-grid-block-7 {
    height: 275px;
    float: right;
    width: calc(33% - 25px);
}

.tile-grid.tile-grid-faq .tile-grid-block-8 {
    height: 275px;
    float: left;
    width: 67%;
    background: #9b9b9b;
    margin-right: 25px;
    margin-top: 25px;
}

.tile-grid.tile-grid-faq .tile-grid-block-9 {
    height: 275px;
    float: left;
    width: calc(33% - 25px);
    background: #01aae1;
    margin-top: 25px;
}

@media screen and (max-width: 768px) {
    .tile-grid.tile-grid-faq .tile-grid-block {
        float: none;
        width: 100%;
        margin-top: 25px;
        height: 275px;
    }

    .faq-manager {
        flex-direction: column;
    }

    .faq-manager img {
        margin: 0 auto 30px;
    }

    .faq-manager a[href^="tel:"] {
        margin-top: 9px;
    }

    .faq-manager .faq-manager__info {
        padding-right: 20px;
    }

    .ask-question .submit {
        width: 100%;
    }

    .faq-manager .faq-manager__info {
        padding-left: 0;
    }
}

/* end of FAQ*/

/* auth-form */

.auth-form {
    background-color: #dfdfdf;
    padding: 50px;
}

.auth-form h1 {
    margin-bottom: 40px;
}

.auth-form a {
    font-family: Ubuntu;
    font-size: 20px;
    line-height: 1.4;
    color: #4a4a4a;
}

.auth-form p {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.31;
}

.auth-form label {
    font-family: Ubuntu;
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: left;
    color: #4a4a4a;
    padding-left: 25px;
}

.auth-form input {
    height: 50px;
    border-radius: 8px;
    background-color: #ffffff;
}

.auth-form input[type="checkbox"] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox;
    position: absolute;
    opacity: 0;
    cursor: pointer;
    transition: all 0.2s;
}

.auth-form .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 28px;
    width: 28px;
    border-radius: 8px;
    background-color: #fff;
    transition: all 0.2s;
}

.form-check-label .checkmark:after {
    content: "";
    position: absolute;
    display: none;
    left: 7px;
    top: 0;
    width: 15px;
    height: 22px;
    border: solid #fff;
    border-width: 0 5px 5px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: all 0.2s;
}

.form-check-label:hover {
    cursor: pointer;
}

.form-check-label:hover input ~ .checkmark {
    background-color: #eee;
    cursor: pointer;
}

.form-check-label input:checked ~ .checkmark {
    background-color: #f2613c;
}

.form-check-label input:checked ~ .checkmark:after {
    display: block;
}


.auth-form .btn {
    float: right;
}

@media screen and (max-width: 768px) {
    .auth-form {
        height: auto;
        padding: 1em;
    }

    .auth-form .btn {
        width: 100%;
        margin: 25px auto;
    }

    .auth-form a {
        display: flex;
        justify-content: center;
        margin-bottom: 10px;
    }

    .auth-form p {
        text-align: center;
    }

    .auth-form input {
        width: 100%;
    }

    .auth-form label {
        font-size: 1em;
    }
}

/* end of auth-form */

/* contacts */

.contact {
    width: 100%;
    padding: 0 10px;
}

.contact_teko h1 {
    margin-bottom: 20px;
}

.contact_teko h2 {
    font-family: Ubuntu;
    font-size: 30px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.2;
    margin-bottom: 24px;
}

.contact h3,
.contact_teko h3 {
    font-size: 20px;
    margin-bottom: 7px;
}

/*.contact .row {
    padding: 30px 0;
}*/

.contact_teko .row {
    padding-bottom: 40px;
}

.contact .row:nth-child(-n + 3) {
    border-bottom: solid 0.5px #979797;
}

.contact .row:last-child > div {
    margin-bottom: 30px;
}

.contact ul a span {
    display: block;
}

.contact .contact_name {
    font-size: 30px;
    font-weight: normal;
}

.contact .contact_jsc {
    font-size: 20px;
    font-weight: normal;
    position: absolute;
    bottom: 1.5em;
    left: 50%;
    transform: translateX(-50%);
}

.contact p,
.contact_teko p {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.31;
}

.contact_teko a {
    display: inline-block;
    line-height: 1.31;
}

.contact_teko .faq-manager a[href^="tel:"] {
    margin-top: 0;
}

.contact_teko img {
    width: auto;
}


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

    /* .contact_teko h1,
    .contact_teko h2,
    .contact_teko h3 {
      text-align: center;
    }*/
    .contact_teko .faq-manager {
        margin-bottom: 40px;
    }

    /*  .contact_teko .faq-manager__info p,
    .contact_teko a {
      text-align: center;
    }*/
    .contact_teko .row {
        padding-top: 0;
        padding-bottom: 0;
    }

    .contact_teko .row:first-child {
        padding: 20px 10px 40px;
    }

}

/* end of contacts */

/* vacancy */

.vacancy {
    padding: 0 10px;
}

.vacancy-card__header h3 {
    margin-bottom: 0;
}

.vacancy-card__header a {
    display: block;
    font-size: 30px;
    line-height: 1.2;
    color: #4a4a4a;
    padding: 40px 0;
    position: relative;
}

.vacancy-card__header a:hover {
    text-decoration: none;
}

.vacancy-card__header a:before {
    content: url(/local/templates/teko_2018/images/go-dark.svg);
    display: block;
    position: absolute;
    top: 40px;
    right: 40px;
    width: 32px;
    height: 32px;
    transform: rotate(90deg);
    pointer-events: none;
    transition: 0.2s all;
}

.vacancy-card__header a.collapsed:before {
    transform: rotate(-90deg);
}

.vacancy-card__body {
    padding-bottom: 40px;
    font-family: Roboto;
    font-weight: 300;
    /*font-size: 16px;
    font-style: normal;
    font-stretch: normal;*/
    line-height: 1.31;
}

.vacancy-card__body h4 {
    font-family: Ubuntu;
    font-size: 20px;
    font-weight: normal;
    line-height: 1.4;
    margin-bottom: 8px;
}

.vacancy-card__body p {
    margin-bottom: 25px;
}

.vacancy-card__body ul {
    list-style-position: inside;
    margin-bottom: 25px;
}

.vacancy-card__body ul > li {
}

.vacancy-card__body ul > li:before {
    content: "\2014";
    margin-right: 10px;
}

@media screen and (max-width: 768px) {
    .vacancy-card__header a:before {
        right: 5px;
    }
}

/* end of vacancy */

/* standarts */

@media screen and (max-width: 768px) {
    .standarts img {
        display: block;
        margin: 0 auto 20px;
    }
}

/* end of standarts */

/* testing */

.testing p {
    margin: 1em 0 1.5em;
}

.testing .table {
    line-height: 1.6;
    font-family: 'Roboto', sans-serif;
}

.testing .table td:last-child {
    width: 15%;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .testing img {
        margin-bottom: 1em;
    }
}

/* end testing */

/* knowlegde */

.bukva {
    font-family: Ubuntu;
    font-size: 20px;
    line-height: 1.4;
    margin: 80px 0 30px;
}

.bukva .active {
    display: inline;
}

.bukva_en {
    margin-left: 2em;
}

.glossary h3 {
    font-size: 20px;
    line-height: 1.4;
}

.glossary p {
    margin-bottom: 25px;
    margin-top: 12px;
    line-height: 1.3;
}

.knowledge-search {
    background-color: #dfdfdf;
    padding: 25px;
    margin-bottom: 80px;
}

.knowledge-search .row-1 {
    display: flex;
    align-items: center;
}

.knowledge-search .row-1 label {
    font-family: Ubuntu;
    font-size: 20px;
    line-height: 1.4;
    margin-right: 20px;
}

.knowledge-search .row-1 .search-icon {
    width: 61%;
    position: relative;
}

.knowledge-search .row-1 .search-knoledge {
    height: 50px;
    border-radius: 30px;
    border: solid 1px #979797;
    width: 100%;
    padding: 0 60px 0 20px;
    position: relative;
}

.knowledge-search .row-1 .search-icon:after {
    content: url('/local/templates/teko_2018/tools/search-black.png');
    position: absolute;
    display: block;
    height: 30px;
    width: 30px;
    top: 10px;
    right: 20px;
}

.knowledge-search .row-1 .btn-orange {
    border: solid 1px transparent;
    margin-left: 20px;
}

.knowledge-search .row-2,
.knowledge-search .row-3 {
    margin-left: 80px;
}

.knowledge-search select {
    height: 50px;
    border-radius: 8px;
    border: solid 1px #979797;
    width: 65%;
    padding: 0 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/local/templates/teko_2018/tools/chevron-bot.png) no-repeat 97% 50% white;
}

.cat-sub-title h2 {
    font-size: 1.3em;
}

.cat-sub-title ul {
    margin-top: 1em;
}

.cat-sub-title ul a {
    /* color: #4a4a4a !important;*/
}

.cat-sub-title ul a:hover {
    text-decoration: underline !important;
}

.tab_container {
    margin-top: 1.5em;
    line-height: 1.5;
}

.tab_container .border-bottom {
    font-family: 'Roboto', sans-serif;
    line-height: 1;
}

.tab_container .border-bottom h3 {
    margin-top: 0.5em;
    font-size: 1.4em;
}

.tab_container h3 {
    margin-top: 1em;
    font-size: 1.4em;
}

.tab_container a.back {
    display: block;
    margin-top: 2em;
}

.tab_container .bx_item_title {
    margin-top: 1em;
}

.tab_container .bx_item_title h2 {
    font-size: 1.4em;
}

.tab_container ul.section_hidden {
    list-style: square;
}

.tab_container ul.section_hidden li {
    line-height: 1.5;
}

.tab_container ul.section_hidden li:before {
    content: none;
}

.tab_container .bx_sitemap .bx_sitemap_li_title a {
    font-size: 16px;
    color: #f2613c;
    white-space: normal;
    font-weight: 500;
}

.tab_container .bx_sitemap .bx_sitemap_li_title a:hover {
    text-decoration: underline;
}

@media screen and (max-width: 768px) {
    .bukva_en {
        margin-left: 0;
    }

    .knowledge-search .row-2,
    .knowledge-search .row-3 {
        margin-left: 0;
    }

    .knowledge-search .row-1 {
        flex-direction: column;
    }

    .knowledge-search select,
    .knowledge-search .row-1 .search-icon,
    .knowledge-search .row-1 .search-knoledge {
        width: 100%;
    }

    .knowledge-search .row-1 .btn-orange {
        width: 100%;
        margin-top: 1em;
        margin-left: 0;
    }

    .knowledge-search .row-1 label {
        margin-right: 0;
        margin-bottom: 0.5em;
    }
}


/* end of knowledge*/

/* personal */

#calculate input {
    border-radius: 5px;
    border: 1px solid #bbb;
    display: flex;
    margin: auto;
}

#calculate .calc-buttons {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

#calculate .calc-buttons input {
    display: block;
    margin: 20px 0 30px 20px;
    border-radius: 26px;
}

#calculate .calc-buttons input:hover {
    cursor: pointer;
}

.calculator {
    background-color: #f2613c;
    height: 450px;
    transition: 0.3s all;
}

.calculator h3 {
    line-height: 0.93;
    text-align: center;
    color: #fff;
    margin-top: 50px;
}

.calculator img {
    display: block;
    margin: auto;
}

.calculator > a > div {
    padding-top: 50px;
}

.calculator:hover {
    transform: scale(0.98);
}

.subscribe-edit {
    background-color: #dfdfdf;
    padding: 50px;
}

.subscribe-edit p {
    line-height: 1.3;
}

.subscribe-edit h4 {
    font-size: 1.5em;
}

.subscribe-edit > * {
    margin-bottom: 1em;
}

.subscribe-edit .input-email {
    height: 50px;
    border-radius: 8px;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border: 1px solid #ced4da;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.subscribe-edit .input-email:focus {
    border-color: #f2613c;
    box-shadow: 0 0 0 0.2rem rgba(245, 155, 0, .25);
}

.subscribe-edit-form > * {
    margin-bottom: 1em;
}

.subscribe-edit-form .btn-orange {
    margin-right: 1em;
}

.subscribe-confirm h4 {
    margin-bottom: 1em;
}

.subscribe-confirm .btn-orange {
    margin: 1em 0;
}

.subscribe-confirm input[type=text] {
    margin: 0.5em 0;
}

.basket-btns > div:last-child {
    text-align: right;
}

.basket-btns > div > p {
    margin-top: 1em;
}

.basket-error p {
    margin-top: 50px;
    line-height: 1.3;
}

.basket-error a {
    display: inline-block;
    margin-bottom: 0.8em;
}

.personal-banner p {
    line-height: 1.3em;
    margin-bottom: 1em;
}

.personal-banner li {
    line-height: 1.3em;
}

.user_box {
    padding: 1.5em;
    background-color: #dfdfdf;
    margin-bottom: 1em;
    line-height: 1.3;
}

.user_box > span:last-child {
    float: right;
}

.user_box .user_logout {
    margin-left: 1em;
    padding-left: 1em;
    border-left: 1px solid #CECECE;
}

.subscr-captcha-block {
    display: flex;
    align-items: center;
}

.subscr-captcha-block-img {
    display: flex;
}

.subscr-captcha-block img {
    margin: 0 10px;
}

.subscr-captcha-block .update-captcha {
    margin: 9px 0 0 10px;
}

@media screen and (max-width: 768px) {
    .basket-btns > div,
    .basket-btns > div:last-child {
        text-align: center;
        margin-top: 1em;
    }

    .user_box {
        display: flex;
        flex-direction: column;
    }

    .user_box .user_name {
        margin-bottom: 1em;
    }

    .user_box .user_logout {
        margin-left: 0;
        margin-bottom: 1em;
        padding-left: 0;
        border-left: none;
    }

    .subscribe-edit {
        padding: 1.5em;
    }

    .subscribe-edit input[type=text] {
        width: 100%;
    }

    .subscribe-edit-form .btn-orange {
        width: 100%;
    }

    .subscribe-edit-form .btn-orange:first-child {
        margin-bottom: 1em;
    }

    .subscr-captcha-block {
        display: block;
    }

    #object-20,
    .subscr-captcha-block img {
        margin-top: 1em;
    }

    .subscr-captcha-block .update-captcha {
        margin-top: 1.6em;
    }
}

/* end of personal */

/* booklet */

.booklet > div {
    margin-bottom: 30px;
}

.booklet-block {
    display: flex;
    flex-direction: row;
}

.booklet-block__desc p {
    margin-bottom: 1em;
}

@media screen and (max-width: 768px) {
    .booklet-block {
        flex-direction: column;
    }

    .booklet-block a {
        text-align: center;
        margin-bottom: 20px;
    }

    #sellpoint select {
        width: 100%;
    }
}

/* end of booklet */

#sellpoint {
    margin-bottom: 1em;
    padding: 1em;
    background-color: #dfdfdf;
    display: flex;
    flex-direction: row;
}

#sellpoint select {
    height: 50px;
    border-radius: 8px;
    border: solid 1px #979797;
    width: 30%;
    padding: 0 30px 0 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/local/templates/teko_2018/tools/chevron-bot.png) no-repeat 97% 50% white;
}

#sellpoint dl {
    display: flex;
    flex-direction: row;
    width: 50%;
    align-items: center;
}

#sellpoint dt {
    width: 20%;
}

#sellpoint dt label {
    font-family: Ubuntu;
    font-size: 20px;
    line-height: 1.4;
}

#sellpoint dd {
    width: 80%;
}

#sellpoint dd select {
    width: 90%;
}

@media screen and (max-width: 768px) {
    #sellpoint {
        flex-direction: column;
    }

    #sellpoint dl {
        width: 100%;
        flex-direction: column;
    }

    #sellpoint dt,
    #sellpoint dd {
        width: 100%;
    }

    #sellpoint dt {
        margin-bottom: 1em;
    }

    #sellpoint dl:first-child {
        margin-bottom: 1.5em;
    }
}

/* buy */

.set_prodazh {
    font-family: 'Roboto', sans-serif;
    line-height: 1.6;
}

/* end of buy */

/* 404 */

.d404 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.d404 h1 {
    font-size: 200pt;
    color: #f2613c;
    margin-bottom: 40px;
}

.d404 h3 {
    font-size: 30pt;
    font-weight: bold;
    margin-bottom: 25px;
}

.d404 p {
    text-align: center;
    margin-bottom: 1em;
}

.d404 a {
    font-size: 20pt;
}

/* end of 404 */

/* section-menu */

.section-menu {
    padding-top: 3em;
    padding-bottom: 3em;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.section-menu > li {
    display: block;
    width: calc(33% - 25px);
    height: auto;
    margin-left: 0 !important;
    margin-right: 25px;
    margin-bottom: 25px !important;
    text-align: center;
    transition: transform 0.3s ease-in-out;
}

.section-menu > li:nth-child(6n + 1) {
    background-color: #9f9d99;
}

.section-menu > li:nth-child(6n + 2) {
    background-color: #f2613c;
}

.section-menu > li:nth-child(6n + 3) {
    background-color: #438945;
}

.section-menu > li:nth-child(6n + 4) {
    background-color: #0e3c41;
}

.section-menu > li:nth-child(6n + 5) {
    background-color: #81b082;
}

.section-menu > li:nth-child(6n + 6) {
    background-color: #56777a;
}

.section-menu > li:hover {
    transform: scale(0.98);
}

.section-menu > li:before {
    content: none !important;
}

.section-menu > li > a {
    color: #fff;
    font-family: 'Ubuntu';
    font-size: 26px;
    display: block;
    width: 100%;
    height: 100%;
    padding: 5em 1em;
    line-height: 1.3;
    position: relative;
}

.section-menu > li > a:hover {
    text-decoration: none;
}

.section-menu .menu_sub ul {
    display: none;
}

@media screen and (max-width: 768px) {
    .section-menu {
        flex-direction: column;
    }

    .section-menu > li {
        width: 100%;
    }
}

@media screen and (min-width: 769px) and (max-width: 992px) {
    .section-menu > li {
        width: calc(50% - 25px);
    }
}


/* end of section-menu */

/* scrolltop */

#scrolltop {
    position: fixed;
    display: block;
    right: 10%;
    bottom: 10%;
    /* background-color: #9b9b9b;*/
    opacity: 0;
    /*   border: solid 1px #fff;
    border-radius: 30px;*/
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

#scrolltop a {
    /*  color: #fff;
    padding: 1em;
    line-height: 3em;*/
    height: 100%;
    width: 100%;
    transition: all 0.3s ease-in-out;
}

#scrolltop a:hover {
    text-decoration: none;
    opacity: 0.8;
}

@media screen and (max-width: 768px) {
    #scrolltop {
        display: none;
    }
}

/* end scrolltop */

.errortext {
    line-height: 2;
}

p.red {
    margin: 1em 0;
    color: red;
}

.link-collapse h3,
.publication-block h3 {
    font-size: 1.4em;
}

div.goog-te-gadget-simple .goog-te-menu-value span {
    color: hsla(0, 0%, 100%, .5) !important;
}

div.goog-te-gadget-simple {
    background: #3d3832 !important;
}

.goog-te-gadget-simple .goog-te-menu-value span {
    text-decoration: underline !important;
}

a.goog-te-menu-value a:hover {
    text-decoration: underline;
    color: hsla(0, 0%, 100%, .5) !important;
}

.dws {
}

.butt {
    border: 3px solid #218294;
    font-size: 30px;
    color: #218294;
    text-decoration: none;
    text-transform: uppercase;
    width: 250px;
    height: 60px;
    display: block;
    text-align: center;
    line-height: 60px;
    font-family: Arial, sans-serif;
    position: relative;
    transition: .5s;
    overflow: hidden;
}

.butt::before,
.butt::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: #218294;
    top: 0;
    left: -100%;
    opacity: .5;
    transition: .3s;
    z-index: -1;
}

.butt::after {
    opacity: 1;
    transition-delay: .2s;
}

.butt:hover {
    color: #fff;
}

.butt:hover::before,
.butt:hover::after {
    left: 0;
}


/* ссылки и блоки на скачивание */

.icon-href a[href$="doc"],
.icon-href a[href$="docx"],
.icon-href a[href$="pdf"],
.icon-href a[href$="xls"],
.icon-href a[href$="xlsx"],
.icon-href a[href$="zip"],
.icon-href a[href$="rar"],
.icon-href a[href$="ppt"],
.icon-href a[href$="pps"],
.icon-href a[href$="pptx"],
.icon-href a[href$="tif"],
.icon-href a[href$="tiff"],
.icon-href a[href$="rtf"],
.icon-href a[href$="png"],
.icon-href a[href$="gif"],
.icon-href a[href$="jpg"],
.icon-href a[href$="jpeg"],
.icon-href a[href$="7z"],
.icon-href a[href^="https:"],
.icon-href a[href^="http:"],
.icon-href a[href^="www"] {
    display: inline-block;
    min-height: 26px;
    margin-bottom: 0.3em;
}

.icon-href a[href$="doc"]::before,
.icon-href a[href$="docx"]::before,
.icon-href a[href$="pdf"]::before,
.icon-href a[href$="xls"]::before,
.icon-href a[href$="xlsx"]::before,
.icon-href a[href$="zip"]::before,
.icon-href a[href$="rar"]::before,
.icon-href a[href$="ppt"]::before,
.icon-href a[href$="pps"]::before,
.icon-href a[href$="pptx"]::before,
.icon-href a[href$="tif"]::before,
.icon-href a[href$="tiff"]::before,
.icon-href a[href$="rtf"]::before,
.icon-href a[href$="png"]::before,
.icon-href a[href$="gif"]::before,
.icon-href a[href$="jpg"]::before,
.icon-href a[href$="jpeg"]::before,
.icon-href a[href$="7z"]::before,
.icon-href a[href^="https:"]::before,
.icon-href a[href^="http:"]::before,
.icon-href a[href^="www"]::before {
    content: "";
    display: inline-block;
    width: 26px;
    height: 26px;
    margin-right: 0.5em;
    vertical-align: middle;
    background: url(../images/save-file.svg) no-repeat 0 50%;
    background-size: cover;
}

.icon-href a[href*=youtu]::before {
    height: 18px;
}

.icon-href a[href*=apple\.com]::before {
    height: 30px;
}

.icon-href a[href$="png"]::before,
.icon-href a[href$="gif"]::before,
.icon-href a[href$="jpg"]::before,
.icon-href a[href$="jpeg"]::before {
    background: url(../images/sertif-file.svg) no-repeat 0 50%;
    background-size: cover;
}

.icon-href a[href^="https:"]::before,
.icon-href a[href^="http:"]::before,
.icon-href a[href^="www"]::before {
    background: url(../images/link.svg) no-repeat 0 50%;
    background-size: cover;
}

.icon-href a[href*=youtu\.be]::before {
    background: url(../images/video.svg) no-repeat 0 50%;
    background-size: cover;
}

.icon-href a[href*=play\.google\.com]::before {
    background: url(../images/gplay.svg) no-repeat 0 50%;
    background-size: cover;
}

.icon-href a[href*=apple\.com]::before {
    background: url(../images/apple.svg) no-repeat 0 50%;
    margin-bottom: 3px;
    background-size: cover;
}

.no-icon {
    display: inline;

}

.no-icon:before {
    content: inherit !important;
    display: inline !important;
    margin-right: 0 !important;
}

.contact .section-menu > li > a {
    color: #fff;
    font-family: 'Ubuntu';
    font-size: 26px;
    display: block;
    width: 100%;
    height: 100%;
    padding: 3em 1em;
    line-height: 1.3;
    position: relative;
}

.contact .section-menu > li {
    display: block;
    width: calc(25% - 25px);
    height: auto;
    margin-left: 0 !important;
    margin-right: 25px;
    margin-bottom: 25px !important;
    text-align: center;
    transition: transform 0.3s ease-in-out;
}

@media screen and (min-width: 576px) and (max-width: 1199px) {
    .contact .section-menu > li {
        width: calc(50% - 25px);
    }
}

@media screen and (max-width: 576px) {
    .contact .section-menu > li {
        width: calc(100% - 25px);
    }
}

@media screen and (max-width: 768px) {
    .contact .section-menu {
        flex-direction: column;
    }

    .contact .section-menu > li {
        width: 100%;
    }
}

.menu_spec {
    padding: 20px 0
}

.menu_spec ul {
    margin-bottom: 0;
}

.menu_spec ul > li {
    margin: 0.5em 0;
    color: #fff;
    font-family: "Roboto", sans-serif;
}

.menu_spec ul > li::before {
    display: none;
}

.menu_spec ul > li > * {
    vertical-align: middle;
}

.menu_spec a {
    font-weight: 300;
    color: #fff;
    margin-left: 10px;
}

.menu_spec li:hover a {
    color: #f2613c
}

.menu_spec li:hover svg polygon,
.menu_spec li:hover svg polyline,
.menu_spec li:hover svg path {
    stroke: #f2613c
}

.left-menu .menu_spec_mob > a {
    font-weight: bold;
    color: #c7c7c7
}

@media screen and (min-width: 768px) {
    .menu_spec {
        padding: 40px 0;
    }

    .whoareyou li {
        font-size: 18px;
    }
}

@media screen and (min-width: 768px) {
    .menu_spec {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .menu_spec ul > li {
        margin: 1em 0;
        display: flex;
    }

    /*.whoareyou.menu_spec {
    }
    .wishes_in.menu_spec {
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
    }*/
    .whoareyou ul {
        padding: 0 40px; /*padding-right: 90px*/
    }

    .whoareyou ul:first-child {
        border-right: 1px solid #63605b;
    }

    .wishes_in.menu_spec {
        padding: 8px 0;
    }

    .wishes_in ul {
        padding: 0 20px
    }

    .wishes_in ul:first-child {
        border-right: 1px solid #63605b;
        padding-left: 0;
    }

    .wishes_in ul:last-child {
        border-left: 1px solid #63605b;
        padding-right: 0;
    }
}

@media screen and (min-width: 992px) {
    .whoareyou ul {
        padding: 20px 90px;
        padding-right: 90px
    }

    .whoareyou ul:first-child {
        border-right: 1px solid #63605b;
    }

    .wishes_in.menu_spec {
        padding: 34px 0;
    }

    .wishes_in ul {
        padding: 0 35px
    }

    .wishes_in ul:first-child {
        border-right: 1px solid #63605b;
        padding-left: 0;
    }

    .wishes_in ul:last-child {
        border-left: 1px solid #63605b;
        padding-right: 0;
    }
}

@media screen and (min-width: 1200px) {
    .wishes_in.menu_spec {
        padding: 20px 0;
    }

    .wishes_in li {
        font-size: 18px;
    }

    .wishes_in ul {
        padding: 0 70px
    }

    .wishes_in ul:first-child {
        padding-left: 0;
    }

    .wishes_in ul:last-child {
        padding-right: 0;
    }
}

@media screen and (max-width: 982px) {
    /*.extra-menu-block {display: none;}*/
}

@media screen and (min-width: 982px) {
    .who-block .container,
    .wishes .container {
        min-width: 960px;
        max-width: none;
    }
}

@media screen and (min-width: 768px) {
    .menu_spec_mob {
        /*display: none;*/
    }
}


.page-header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #0e3c41;
    display: flex;
    /*display: -ms-grid;*/
    /*display: grid;*/
    /*grid-gap: 8px 16px;*/
    /*-ms-grid-rows: auto 8px auto;*/
    /*grid-template-areas:'menu logo lang' 'menu logo actions';*/
    /*-ms-grid-columns: 32px 16px 80px 16px auto;*/
    /*grid-template-columns:32px 80px auto;*/
    height: 88px;
    padding: 16px 15px;
    position: sticky;
    -webkit-transition: margin-left .3s;
    transition: margin-left .3s;
    z-index: 10
}

.page-header__menu {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
    grid-area: menu
}

.page-header__nav {
    display: none;
    grid-area: nav;
    justify-self: flex-end;
}

.page-header__logo {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 3;
    grid-area: logo
}

.page-header__actions {
    -ms-grid-row: 3;
    -ms-grid-column: 5;
    display: -ms-grid;
    display: grid;
    grid-area: actions;
    grid-template-columns:repeat(4, 1fr);
    grid-gap: 8px;
    justify-self: flex-end
}

.page-header__actions a {
    display: block;
    padding: 0 !important
}

.page-header__actions a:hover svg {
    fill: #f2613c
}

.page-header__actions svg {
    fill: #fff;
    display: block;
    height: 24px;
    -webkit-transition: .2s all;
    transition: .2s all;
    width: 24px
}

.page-header__lang {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    border: 1px solid #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    display: -ms-grid;
    display: grid;
    font-size: 14px;
    font-weight: 300;
    grid-area: lang;
    justify-self: flex-end;
    line-height: 115%;
    padding: 3px 7px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: .2s all;
    transition: .2s all;
    width: 44px
}

.page-header__lang:hover {
    color: #f2613c;
    border-color: #f2613c
}

.page-header__lang-drop {
    background: #3c3732;
    border-radius: 8px;
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    left: 0;
    padding: 4px 0;
    position: absolute;
    top: 24px;
    width: 44px
}

.page-header__lang-drop_open {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.page-header__lang-item {
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 300;
    line-height: 115%;
    padding: 4px 12px;
    text-align: center;
    text-decoration: none !important
}

.page-header__lang-item:hover {
    background: rgba(255, 255, 255, .125);
    color: #fff
}

.page-header .logo img {
    width: 80px
}

.page-header .extra-menu-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.page-header .extra-menu-block li + li {
    margin-left: 32px
}

.page-header .extra-menu-block a, .page-header .extra-menu-block span {
    color: #fff;
    cursor: pointer;
    font-family: 'Ubuntu', Verdana, Geneva, sans-serif;
    font-size: 15px;
    font-weight: 300;
    line-height: 107%;
    text-decoration: none;
    -webkit-transition: .2s all;
    transition: .2s all
}

.page-header .extra-menu-block a:hover, .page-header .extra-menu-block span:hover {
    color: #f2613c
}

@media screen and (min-width: 360px) {
    .page-header__actions {
        grid-gap: 16px
    }
}

@media screen and (min-width: 768px) {
    .page-header {
        grid-gap: 8px 32px;
        -ms-grid-rows: auto 8px auto;
        grid-template-areas:'menu logo nav lang' 'menu logo actions actions';
        -ms-grid-columns: 32px 32px 112px 32px auto 32px 56px;
        grid-template-columns:32px 112px auto 56px;
        height: 120px;
        position: relative
    }

    .page-header__nav {
        display: block
    }

    .page-header__actions svg {
        height: 32px;
        width: 32px
    }

    .page-header__menu {
        -ms-grid-row: 1;
        -ms-grid-row-span: 3;
        -ms-grid-column: 1
    }

    .page-header__nav {
        -ms-grid-row: 1;
        -ms-grid-column: 5
    }

    .page-header__logo {
        -ms-grid-row: 1;
        -ms-grid-row-span: 3;
        -ms-grid-column: 3
    }

    .page-header__actions {
        -ms-grid-row: 3;
        -ms-grid-column: 5;
        -ms-grid-column-span: 3
    }

    .page-header__lang {
        -ms-grid-row: 1;
        -ms-grid-column: 7
    }

    .page-header__lang {
        font-size: 16px;
        line-height: 100%;
        padding: 7px;
        width: 56px
    }

    .page-header__lang-drop {
        padding: 8px 0;
        top: 32px;
        width: 56px
    }

    .page-header__lang-item {
        font-size: 16px;
        line-height: 100%;
        padding: 7px 15px
    }

    .page-header .logo img {
        width: 112px
    }

    .page-header .extra-menu-block a, .page-header .extra-menu-block span {
        font-size: 16px
    }
}

@media screen and (min-width: 992px) {
    .page-header {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        grid-gap: 0;
        padding: 16px 50px
    }

    .page-header__menu {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .page-header__nav {
        margin-left: 40px;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        -webkit-transform: none;
        transform: none
    }

    .page-header__logo {
        margin: 0 auto;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .page-header__actions {
        grid-gap: 24px;
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .page-header__lang {
        margin-left: 40px;
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .page-header .extra-menu-block a, .page-header .extra-menu-block span {
        font-size: 18px
    }
}

@media screen and (min-width: 1200px) {
    .page-header {
        padding: 24px 50px
    }
}