* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

html {
    -webkit-text-size-adjust: none
}

html._hidden {
    overflow: hidden
}

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

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

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

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

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

a {
    text-decoration: none
}

button,
input,
select,
textarea {
    resize: none;
    border: none;
    background-color: transparent;
    outline: 0;
    padding: 0
}

img {
    border: 0;
    vertical-align: top
}

body,
html {
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch
}

body {
    background-color: #f4f4f7
}

.flex_w {
    display: flex;
    flex-wrap: wrap
}

.flex_w._ai_fs {
    align-items: flex-start
}

.flex_w._ai_fe {
    align-items: flex-end
}

.flex_w._ai_c {
    align-items: center
}

.flex_w._jc_sa {
    justify-content: space-around
}

.flex_w._jc_sb {
    justify-content: space-between
}

.flex_w._jc_c {
    justify-content: center
}

.f_ebold {
    font-family: Gilroy-ExtraBold, Arial, sans-serif !important
}

.f_sbold {
    font-family: Gilroy-SemiBold, Arial, sans-serif !important
}

.f_reg {
    font-family: Gilroy-Regular, Arial, sans-serif !important
}

.f_ulight {
    font-family: Gilroy-UltraLight, Arial, sans-serif !important
}

.container {
    margin-right: auto;
    margin-left: auto
}

.container:after {
    content: '';
    display: block;
    clear: both
}

.row {
    margin-left: 0;
    margin-right: 0
}

[class*=col-] {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

@media (min-width:768px) {
    .container {
        width: 750px
    }
    .col-sm-12 {
        width: 100%
    }
    .col-sm-11 {
        width: 91.66666667%
    }
    .col-sm-10 {
        width: 83.33333333%
    }
    .col-sm-9 {
        width: 75%
    }
    .col-sm-8 {
        width: 66.66666667%
    }
    .col-sm-7 {
        width: 58.33333333%
    }
    .col-sm-6 {
        width: 50%
    }
    .col-sm-5 {
        width: 41.66666667%
    }
    .col-sm-4 {
        width: 33.33333333%
    }
    .col-sm-3 {
        width: 25%
    }
    .col-sm-2 {
        width: 16.66666667%
    }
    .col-sm-1 {
        width: 8.33333333%
    }
}

@media (min-width:1190px) {
    .container {
        width: 970px
    }
    .col-md-12 {
        width: 100%
    }
    .col-md-11 {
        width: 91.66666667%
    }
    .col-md-10 {
        width: 83.33333333%
    }
    .col-md-9 {
        width: 75%
    }
    .col-md-8 {
        width: 66.66666667%
    }
    .col-md-7 {
        width: 58.33333333%
    }
    .col-md-6 {
        width: 50%
    }
    .col-md-5 {
        width: 41.66666667%
    }
    .col-md-4 {
        width: 33.33333333%
    }
    .col-md-3 {
        width: 25%
    }
    .col-md-2 {
        width: 16.66666667%
    }
    .col-md-1 {
        width: 8.33333333%
    }
}

@media (min-width:1200px) {
    .container {
        width: 1290px
    }
    .col-lg-12 {
        width: 100%
    }
    .col-lg-11 {
        width: 91.66666667%
    }
    .col-lg-10 {
        width: 83.33333333%
    }
    .col-lg-9 {
        width: 75%
    }
    .col-lg-8 {
        width: 66.66666667%
    }
    .col-lg-7 {
        width: 58.33333333%
    }
    .col-lg-6 {
        width: 50%
    }
    .col-lg-5 {
        width: 41.66666667%
    }
    .col-lg-4 {
        width: 33.33333333%
    }
    .col-lg-3 {
        width: 25%
    }
    .col-lg-2-5 {
        width: 20%
    }
    .col-lg-2 {
        width: 16.66666667%
    }
    .col-lg-1 {
        width: 8.33333333%
    }
}

.alpha {
    padding-left: 0
}

.omega {
    padding-right: 0
}

@font-face {
    font-family: Gilroy-Black;
    src: url(../static/fonts/Gilroy-Black.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Gilroy-ExtraBold;
    src: url(../static/fonts/Gilroy-ExtraBold.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Gilroy-SemiBold;
    src: url(../static/fonts/Gilroy-SemiBold.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Gilroy-Regular;
    src: url(../static/fonts/Gilroy-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Gilroy-UltraLight;
    src: url(../static/fonts/Gilroy-UltraLight.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

.show {
    display: block !important
}

.hide,
.md-show,
.sm-show,
.xs-show {
    display: none !important
}

.flf {
    float: left !important
}

.flr {
    float: right !important
}

.clear {
    display: block;
    clear: both
}

.t_center {
    text-align: center
}

.t_right {
    text-align: right
}

.pos_rel {
    position: relative
}

.ypos_ab {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.xpos_ab {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.pos_absc {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.c_img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover
}

.b_img {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

.btn {
    cursor: pointer;
    letter-spacing: .4px;
    text-transform: uppercase;
    font: 14px Gilroy-SemiBold, Arial, sans-serif;
    display: inline-block;
    padding: 23px 45px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px
}

.btn._fill {
    color: #262c39;
    background-color: #ffe823
}

.btn._dark {
    color: #fff;
    background-color: #202234
}

.btn._empty {
    color: #202234;
    -webkit-box-shadow: inset 0 0 0 2px #ffcd11;
    -moz-box-shadow: inset 0 0 0 2px #ffcd11;
    box-shadow: inset 0 0 0 2px #ffcd11
}

#go_to_top {
    display: none;
    position: fixed;
    z-index: 100;
    right: 50px;
    bottom: 162px;
    background: #ffe823;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    box-shadow: 0 0 15px rgba(0, 0, 0, .5)
}

#go_to_top svg {
    width: 16px;
    height: 16px
}

#go_to_top path {
    fill: #262c39
}

#go_to_top._visible {
    display: block
}

#mob_menu {
    background-color: #fff;
    z-index: 1000;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 60px);
    padding: 30px;
    box-shadow: 0 40px 50px #000;
    box-sizing: border-box
}
#mob_menu .mt img{
	    max-width: 128px;
}
#mob_menu .mt{
	       margin: 15px 0 !important;
}
#mob_menu #close_menu {
    position: absolute;
    top: 30px;
    right: 30px;
    border-radius: 50%;
    background-color: #f3f4f7;
    text-align: center;
    line-height: 89px;
    width: 66px;
    height: 66px
}

#mob_menu #close_menu svg {
    position: absolute;
    top: 0;
    left: 0;
    margin: auto;
    width: 28px;
    height: 28px;
    right: 0;
    bottom: 0
}

#mob_menu #close_menu path {
    fill: #000
}

#mob_menu a {
    display: block;
    margin: 0 0 10px;
    font: 21px Gilroy-Regular, Arial, sans-serif;
    color: #262c39
}

header {
    padding: 0 0 50px;
    position: relative;
    background: url(/static/imgs/bg/header.jpg) 50% 50% no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

header:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(38, 44, 57, .8)
}

header .header {
    position: relative;
    z-index: 3;
    background-color: #fff
}

header .header .logo {
    padding-left: 150px
}

header .header .logo h1 {
    letter-spacing: 1px
}

header .header .logo img {
    left: 0;
    width: 150px;
    height: 150px
}

header .header .logo .text {
    color: #202234;
    letter-spacing: .4px;
    font: 50px/1 Gilroy-Black, Arial, sans-serif
}

header .header .logo p {
    color: #191b2a;
    font: 16px/1.5 Gilroy-Regular, Arial, sans-serif;
    margin-left: 21px;
    letter-spacing: 1px
}

header .header .logo p b {
    display: block
}

header .header .top {
    transition: all .4s ease 0;
    padding: 20px 0;
    background-color: #f0f0f4;
    color: #202234;
    font: 13px Gilroy-Regular, Arial, sans-serif
}

header .header .top b {
    font-family: Gilroy-SemiBold, Arial, sans-serif
}

header .header .top .btn {
    padding: 14.5px 15px;
    margin-right: 20px;
    font-size: 13px
}

header .header .top .item {
    /*text-align: right;*/
    position: relative;
    padding-left: 60px;
    letter-spacing: -1.5px
}

header .header .top .item a {
    color: #262c39
}

header .header .top .item .soc {
    position: absolute;
    left: 65px;
    bottom: -6px;
}

header .header .top .item .soc a {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 10px
}

header .header .top .item .soc a svg {
    width: 100%;
    height: 100%
}

header .header .top .item .soc a path {
    fill: #262c39;
}
header .header .top .item .soc a.whatsupp path{
fill: #43d854;
}
header .header .top .item .soc a.viber path{
fill: #665CAC;
}
header .header .top .item .soc a.telegram path{
   fill: #0088cc;
}
header .header .top .item .icon {
    position: absolute;
    left: 0;
    width: 44px;
    height: 44px;
    border-radius: 100%;
    background: #202234
}

header .header .top .item .icon svg {
    width: 20px;
    height: 20px
}

header .header .top .item .icon path {
    fill: #fff
}

header .header .top .item .phone {
    font: 24px Gilroy-ExtraBold, Arial, sans-serif;
    margin-bottom: 5px;
    display: inline-block
}

header .header .top .item .email {
    font: 14px Gilroy-SemiBold, Arial, sans-serif;
    font-style: normal;
    letter-spacing: 0.2px;
}

header .header .top .item:last-child {
    margin-right: 0
}

header .header .top .link {
    padding-left: 55px;
    position: relative;
    text-align: left;
    color: #262c39;
    font: 14px/1.4 Gilroy-Regular, Arial, sans-serif
}

header .header .top .link .icon {
    top: 50%;
    background: #fff
}

header .header .top .link .icon path {
    fill: #262c39
}

header .header .top .link._no_icon {
    padding-left: 0
}

header .header .top .link._city b {
    text-decoration: underline;
    max-width: 80px;
    display: -webkit-box;
    display: -moz-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    height: 19.6px
}

header .header .footer {
    padding: 0
}

header .header .footer .serv_wrap {
    position: absolute;
    top: calc(100% + 10px);
    left: 15px;
    width: 320px;
    z-index: 10;
    display: block
}

header .header .footer .serv_wrap:before {
    content: '';
    background: #ffe823;
    border-radius: 0 0 30px;
    position: absolute;
    top: 0;
    left: -1000%;
    bottom: 0;
    right: 0
}

header .header .footer .serv_wrap a {
    margin-top: -1px;
    color: #262c39;
    display: block;
    font: 14px Gilroy-SemiBold, Arial, sans-serif;
    padding: 25px 15px 25px 65px;
    position: relative
}

header .header .footer .serv_wrap a img {
    width: 30px;
    left: 15px
}

header .header .footer .serv_wrap a:after {
    content: '';
    height: 1px;
    background: #ebd51a;
    position: absolute;
    top: 0;
    left: 15px;
    right: 0
}

header .header .footer .serv_wrap a:hover {
    background: #ebd51a
}

header .header .footer .serv_wrap a:first-child:after {
    display: none
}

header .header .footer .serv_wrap a:last-child {
    border-radius: 0 0 30px
}

header .header .footer nav a {
    color: #202234;
    font: 15px Gilroy-SemiBold, Arial, sans-serif;
    position: relative;
    margin-right: 30px
}

header .header .footer nav li {
    display: inline-block
}

header .header .footer nav li.services-menu a {
    display: flex;
    align-items: center
}

header .header .footer nav li.services-menu>a:before {
    content: url('data:image/svg+xml;utf8, <svg  xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16px" height="15px" viewBox="0 0 16 15"><path fill-rule="evenodd"  fill="#202234" d="M14.500,8.500 L1.500,8.500 C0.948,8.500 0.500,8.052 0.500,7.500 C0.500,6.948 0.948,6.500 1.500,6.500 L14.500,6.500 C15.052,6.500 15.500,6.948 15.500,7.500 C15.500,8.052 15.052,8.500 14.500,8.500 ZM14.500,2.500 L1.500,2.500 C0.948,2.500 0.500,2.052 0.500,1.500 C0.500,0.948 0.948,0.500 1.500,0.500 L14.500,0.500 C15.052,0.500 15.500,0.948 15.500,1.500 C15.500,2.052 15.052,2.500 14.500,2.500 ZM1.500,12.500 L14.500,12.500 C15.052,12.500 15.500,12.948 15.500,13.500 C15.500,14.052 15.052,14.500 14.500,14.500 L1.500,14.500 C0.948,14.500 0.500,14.052 0.500,13.500 C0.500,12.948 0.948,12.500 1.500,12.500 Z"/></svg>');
    margin-right: 10px;
    height: 15px
}

header .header .footer nav>div>ul>li {
    padding: 20px 0
}

header .header .footer nav>div>ul>li>.sub-menu {
    display: none;
    position: absolute;
    box-shadow: 0 10px 25px rgba(0, 0, 0, .2);
    top: 70px;
    width: 100%;
    background: #202234
}

header .header .footer nav>div>ul>li>.sub-menu>li {
    width: 50%;
    float: left
}

header .header .footer nav>div>ul>li>.sub-menu>li>a {
    font: 26px Gilroy-Regular, Arial, sans-serif;
    display: block;
    margin-bottom: 20px
}

header .header .footer nav>div>ul>li>.sub-menu>li>ul>li {
    width: 100%;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding-right: 30px;
    margin-bottom: 25px
}

header .header .footer nav>div>ul>li>.sub-menu>li {
    padding: 35px 0 35px 35px;
    display: block;
    background-color: #202234;
    color: #fff
}

header .header .footer nav>div>ul>li>.sub-menu>li>ul>li:before {
    content: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="5px" height="8px"><path fill-rule="evenodd"  fill="#fff" d="M2.080,3.360 L0.764,2.067 C0.400,1.710 0.400,1.130 0.764,0.773 L0.764,0.773 C1.127,0.416 1.717,0.416 2.080,0.773 L4.713,3.360 C5.076,3.717 5.076,4.296 4.713,4.653 L2.080,7.239 C1.717,7.596 1.127,7.596 0.764,7.239 L0.764,7.239 C0.400,6.882 0.400,6.303 0.764,5.946 L2.080,4.653 C2.443,4.296 2.443,3.717 2.080,3.360 Z"/></svg>');
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background-color: #30334d;
    width: 13px;
    height: 20px
}

header .header .footer nav>div>ul>li>.sub-menu>li.main-services {
    background-color: #ffe823;
    color: #000
}

header .header .footer nav>div>ul>li>.sub-menu>li a {
    color: #fff
}

header .header .footer nav>div>ul>li>.sub-menu>li.main-services a {
    color: #000
}

header .header .footer nav>div>ul>li>.sub-menu>li.main-services>ul>li.all-serv a {
    transition: all .4s ease 0
}

header .header .footer nav>div>ul>li>.sub-menu>li.main-services>ul>li.all-serv {
    width: 100%;
    padding-right: 0
}

header .header .footer nav>div>ul>li>.sub-menu>li.main-services>ul>li.all-serv:hover a {
    background-color: #fff
}

header .header .footer nav>div>ul>li>.sub-menu>li.main-services>ul>li.all-serv:before {
    display: none
}

header .header .footer nav>div>ul>li>.sub-menu>li.main-services>ul>li.all-serv a {
    font: 13px Gilroy-Semibold, Arial, sans-serif;
    background-color: #fffc23;
    padding: 15px;
    border-radius: 5px;
    margin-top: 10px;
    display: block;
    width: 100%;
    margin-right: 35px
}

header .header .footer nav>div>ul>li>.sub-menu>li.main-services>ul>li:before {
    content: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="5px" height="8px"><path fill-rule="evenodd"  fill="#000" d="M2.080,3.360 L0.764,2.067 C0.400,1.710 0.400,1.130 0.764,0.773 L0.764,0.773 C1.127,0.416 1.717,0.416 2.080,0.773 L4.713,3.360 C5.076,3.717 5.076,4.296 4.713,4.653 L2.080,7.239 C1.717,7.596 1.127,7.596 0.764,7.239 L0.764,7.239 C0.400,6.882 0.400,6.303 0.764,5.946 L2.080,4.653 C2.443,4.296 2.443,3.717 2.080,3.360 Z"/></svg>');
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background-color: #fff;
    min-width: 13px;
    height: 20px
}

header .header .footer nav>div>ul>li>.sub-menu>li.main-services>ul>li {
    width: 49%;
    display: inline-flex;
    align-items: center;
    box-sizing: border-box;
    padding-right: 35px
}

header .header .footer nav>div>ul>li:last-child a {
    margin-right: 0
}

header .header .footer nav>div>ul>li>a:hover {
    text-decoration: underline;
    color: #8e7f03
}

header .header .footer nav a._serv {
    padding-left: 30px
}

header .header .footer nav a._serv svg {
    width: 16px;
    height: 16px;
    left: 0
}

header .header .footer nav a._serv path {
    fill: #d7ae01
}

header .header .footer .btn {
    padding: 14px 30px;
    font-size: 12px;
    margin: 0 0 0 10px;
    letter-spacing: 1.2px
}
.m_sps {
	display: flex; 
	justify-content: space-between; 
	align-items: center;
}
.sps_btn {
    position: relative;
    overflow: hidden;
}
.sps_btn:after {
	content: "";
    display: block;
    width: 30px;
    height: 300px;
    opacity: .5;
    margin-left: 60px;
    background: #fff;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.9) 0%, #fff 50%, rgba(255, 255, 255, 0.9) 100%);
    background: -webkit-linear-gradient(top, #ffffffb3 0%, #fff 50%, #ffffffb3 100%);
    background: linear-gradient(to bottom, #ffffffb3 0%, #fff 50%, #ffffffb3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3ffffff', endColorstr='#b3ffffff', GradientType=0);
    position: absolute;
    left: -40px;
    top: -150px;
    z-index: 1;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .1s;
    transition: all .1s;
    -webkit-animation-name: slideme;
    animation-name: slideme;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-delay: .05s;
    animation-delay: .05s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
header .header._sticky {
    z-index: 100
}

header .header .top {
    top: -80px
}

header .header._sticky .top {
    padding: 10px 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 11px 27px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 11px 27px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 11px 27px 0 rgba(0, 0, 0, .2)
}

header .header._sticky .top .link .icon {
    background: #f0f0f4
}

header .header._sticky .footer .serv_wrap {
    display: none
}

header .content {
    position: relative;
    z-index: 2;
    color: #fff
}

header .content .col-xs-12 .item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between
}

header .content .item {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start
}

header .content h1 {
    margin: 50px 0 10px;
    font: 36px/1.2 Gilroy-ExtraBold, Arial, sans-serif
}

header .content .sub_title {
    display: inline-block;
    margin: 0 0 35px;
    color: #ffe823;
    font: 26px/1.2 Gilroy-ExtraBold, Arial, sans-serif
}

header .content .sub_title p {
    color: #ffe823
}

header .content p {
    font: 18px/1.5 Gilroy-Regular, Arial, sans-serif
}

header .content .acent {
    margin-top: 30px;
    font: 22px/1.3 Gilroy-ExtraBold, Arial, sans-serif;
    color: #ffe823
}

header .content .btn {
    margin-top: 44px;
    position: relative;
    overflow: hidden;
    padding: 20.5px 50px;
    box-shadow: 0 11px 42px 0 rgba(28, 34, 45, .7)
}

header .content .btn:after {
    content: "";
    display: block;
    width: 30px;
    height: 300px;
    opacity: .5;
    margin-left: 60px;
    background: #fff;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.9) 0%, #fff 50%, rgba(255, 255, 255, 0.9) 100%);
    background: -webkit-linear-gradient(top, #ffffffb3 0%, #fff 50%, #ffffffb3 100%);
    background: linear-gradient(to bottom, #ffffffb3 0%, #fff 50%, #ffffffb3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3ffffff', endColorstr='#b3ffffff', GradientType=0);
    position: absolute;
    left: -40px;
    top: -150px;
    z-index: 1;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .1s;
    transition: all .1s;
    -webkit-animation-name: slideme;
    animation-name: slideme;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-delay: .05s;
    animation-delay: .05s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

header .content form {
    margin: 60px 0 0
}

header .content form .input {
    font: 16px Gilroy-SemiBold, Arial, sans-serif
}

header .content form .wrap {
    position: relative;
    background-color: #fff;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
    -webkit-box-shadow: 0 11px 27px 0 rgba(28, 34, 45, .53);
    -moz-box-shadow: 0 11px 27px 0 rgba(28, 34, 45, .53);
    box-shadow: 0 11px 27px 0 rgba(28, 34, 45, .53)
}

header .content form .wrap .input {
    padding: 18px 15px;
    width: 100%;
    color: #262c39
}

header .content form .wrap .input::-webkit-input-placeholder {
    font: 16px Gilroy-Regular, Arial, sans-serif;
    color: #949494
}

header .content form .wrap .input::-moz-placeholder {
    font: 16px Gilroy-Regular, Arial, sans-serif;
    color: #949494
}

header .content form .wrap .input:-moz-placeholder {
    font: 16px Gilroy-Regular, Arial, sans-serif;
    color: #949494
}

header .content form .wrap .input:-ms-input-placeholder {
    font: 16px Gilroy-Regular, Arial, sans-serif;
    color: #949494
}

header .content form .points {
    display: flex;
    flex-wrap: wrap;
    width: 38%
}

header .content form .points .point {
    width: 50%;
    position: relative
}

header .content form .points .point .input {
    padding: 18px 15px 18px 62px
}

header .content form .points .point .icon {
    width: 32px;
    height: 32px;
    background-color: #ffe823;
    left: 13px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%
}

header .content form .points .point._b {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
    -webkit-box-shadow: 0 11px 33px 0 rgba(28, 34, 45, .48);
    -moz-box-shadow: 0 11px 33px 0 rgba(28, 34, 45, .48);
    box-shadow: 0 11px 33px 0 rgba(28, 34, 45, .48)
}

header .content form .select {
    width: 180px
}

header .content form .select select {
    cursor: pointer;
    position: relative;
    z-index: 1;
    color: #202234;
    font: 16px Gilroy-SemiBold, Arial, sans-serif;
    width: 100%;
    padding: 18px 50px 18px 15px
}

header .content form .select svg {
    z-index: 0;
    right: 22px;
    width: 16px;
    height: 16px
}

header .content form .select path {
    fill: #e1b40b
}

header .content form .weight {
    width: 130px
}

header .content form .weight .input {
    padding: 18px 50px 18px 26px
}

header .content form .weight .input::-webkit-input-placeholder {
    font: 16px Gilroy-SemiBold, Arial, sans-serif;
    color: #2b2031
}

header .content form .weight .input::-moz-placeholder {
    font: 16px Gilroy-SemiBold, Arial, sans-serif;
    color: #2b2031
}

header .content form .weight .input:-moz-placeholder {
    font: 16px Gilroy-SemiBold, Arial, sans-serif;
    color: #2b2031
}

header .content form .weight .input:-ms-input-placeholder {
    font: 16px Gilroy-SemiBold, Arial, sans-serif;
    color: #2b2031
}

header .content form .weight span {
    font: 16px Gilroy-Regular, Arial, sans-serif;
    color: #949494;
    right: 24px
}

header .content form .tel {
    width: 200px
}

header .content form .btn {
    padding: 19px 45px
}

header .content .agree {
    margin: 15px 0 0;
    font: 12px Gilroy-Regular, Arial, sans-serif;
    color: rgba(255, 255, 255, .6);
    display: flex;
    align-items: center;
    justify-content: flex-end
}

header .content .agree img {
    margin: 0 15px 0 0
}

header .owl-nav {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 110px;
    display: flex;
    justify-content: space-between;
    height: 58px
}

header .owl-nav button {
    position: relative;
    height: 58px;
    width: 52px;
    background: #fff !important
}

header .owl-nav button svg {
    width: 20px;
    height: 20px
}

header .owl-nav button path {
    fill: #262c39
}

header .owl-nav button.disabled {
    background: rgba(255, 255, 255, .15) !important
}

header .owl-nav button.disabled path {
    fill: #fff
}

header .owl-nav .owl-prev {
    border-radius: 15px 0 0 15px
}

header .owl-nav .owl-next {
    border-radius: 0 15px 15px 0
}

header .owl-dots {
    position: absolute;
    right: 150px;
    bottom: 19px
}

header .owl-dots .owl-dot {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: rgba(255, 255, 255, .4) !important;
    margin: 0 5px
}

header .owl-dots .owl-dot.active {
    background: #ffe823 !important;
    position: relative
}

header .owl-dots .owl-dot.active:before {
    content: '';
    width: 18px;
    height: 18px;
    border-radius: 100%;
    border: 1px solid rgba(255, 255, 255, .35);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.content-portfolio .text + [data-readmore-toggle], .content-portfolio .text[data-readmore] {
    width: auto !important;
}
.s_title {
    color: #202234;
    text-align: center;
    font: 31px/1.1 Gilroy-ExtraBold, Arial, sans-serif;
    margin: 0 0 80px
}

.s_title.small {
    font: 31px/1.1 Gilroy-ExtraBold, Arial, sans-serif
}

.portfolio .reviews .rev-item {
    box-shadow: 0 0 30px rgba(0, 0, 0, .3);
    border-radius: 30px
}

.portfolio .reviews p {
    margin-bottom: 15px
}

.portfolio .reviews .img {
    margin-top: 7px;
    border-radius: 0 0 5px 30px;
    background-color: #fff;
    padding: 30px;
    position: relative;
    height: auto
}

.portfolio .main-title {
    font: 30px/1.1 Gilroy-ExtraBold, Arial, sans-serif
}

.reviews .rev-item .top-title {
    position: relative;
    z-index: 1
}

.price-form {
    min-width: 300px;
    width:100%;
    float: right
}

.price-form .clbk_form {
    padding: 40px;
    background: #fff;
    margin-top: 65px;
    border-radius: 20px
}

.form-title {
    font: 36px/1.1 Gilroy-ExtraBold, Arial, sans-serif;
    color: #1b1d23;
    line-height: 1.111;
    text-align: left;
    margin-bottom: 45px
}

.price-form .input {
    width: 100%;
    padding: 15px;
    font: 16px Gilroy-Regular, Arial, sans-serif;
    color: #000;
    background: #eff2f4;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
    margin-bottom: 27px
}

.price-form .btn {
    font: 14px Gilroy-SemiBold, Arial, sans-serif;
    padding: 15px 25px;
    width: 100%
}

.price-form .agree {
    margin-top: 15px;
    font-size: 12px;
    color: rgba(255, 255, 255, .4);
    padding-left: 0;
    display: flex;
    align-items: center;
    padding-left: 25px
}

.price-form .agree a {
    color: rgba(255, 255, 255, .4);
    padding-left: 5px;
    padding-right: 5px
}

.price-form .agree img {
    left: 0
}

.devider_line {
    height: 3px;
    background: #e8e8ef
}

#realized_projs {
    padding: 20px 0 20px
}

#realized_projs .owl-nav {
    position: absolute;
    top: 40px;
    left: -62px;
    right: -62px
}

#realized_projs .owl-nav button {
    width: 50px;
    height: 58px;
    background: #fff;
    position: absolute;
    top: 0
}

#realized_projs .owl-nav button svg {
    width: 20px;
    height: 20px
}

#realized_projs .owl-nav .owl-prev {
    left: 0;
    border-radius: 15px 0 0 15px
}

#realized_projs .owl-nav .owl-next {
    right: 0;
    border-radius: 0 15px 15px 0
}

#realized_projs .item .img {
    height: 120px;
    background: #fff;
    border-radius: 10px;
    padding: 15px
}

#realized_projs .item .img img {
    max-width: 100%;
    max-height: 100%;
    width: auto
}

#realized_projs .item .title {
    font: 18px/1.3 Gilroy-ExtraBold, Arial, sans-serif;
    margin: 20px 0
}

#realized_projs .item .des {
    color: rgba(32, 34, 52, .6);
    font: 14px/1.3 Gilroy-Regular, Arial, sans-serif;
    margin-bottom: 20px
}

#realized_projs .item .more {
    text-transform: uppercase;
    color: #262c39;
    letter-spacing: 1.2px;
    display: inline-block;
    font: 11px Gilroy-SemiBold, Arial, sans-serif;
    padding: 8px 20px 7px;
    border-radius: 50px;
    border: 2px solid #ffcd11
}

#features1 {
    padding: 50px 0
}

#features1 .container {
    display: flex;
    flex-wrap: wrap
}

#features1 .item {
    background: #fff;
    border-radius: 10px;
    padding: 30px;
    position: relative;
    z-index: 1;
    height: 95%;
    margin-bottom: 25px
}

#features1 .col-md-4 {
    margin-bottom: 40px
}

#features1 .item .item__title {
    position: relative;
    padding-left: 122px;
    font: 22px/1.3 Gilroy-SemiBold, Arial, sans-serif
}

#features1 .item .item__title img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 92px
}

#features1 .item ul {
    position: static;
    top: 100%;
    left: 0;
    right: 0;
    border-radius: 0;
    padding: 20px 0 0
}

#features1 .item ul li {
    position: relative;
    font: 16px/1.3 Gilroy-Regular, Arial, sans-serif;
    margin-bottom: 25px;
    padding-left: 36px
}

#features1 .item ul li:before {
    content: '';
    width: 22px;
    height: 22px;
    background: url(/static/imgs/icons/check-circle.svg) 50% 50%/contain no-repeat;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

#features1 .item ul li:last-child {
    margin-bottom: 0
}

#features1 .item:hover {
    z-index: 5;
    border-radius: 10px 10px 0 0;
    background: #ffe823
}

#features1 .item:hover ul {
    display: block
}

#work_step {
    padding: 75px 0;
    background: #fff
}

#work_step .item .title {
    font: 40px Gilroy-Regular, Arial, sans-serif;
    position: relative;
    z-index: 1
}

#work_step .item .title:before {
    content: '';
    left: 16px;
    width: 80px;
    height: 76px;
    border-radius: 20px;
    background: #f4f4f7;
    z-index: -1;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

#work_step .item .title .arrow {
    width: 20px;
    right: 0
}

#work_step .item .title .icon {
    margin-left: 25px;
    max-width: 50px;
    max-height: 50px
}

#work_step .item p {
    font: 16px/1.3 Gilroy-Regular, Arial, sans-serif;
    margin-top: 22px
}

#serv {
    padding: 20px 0 10px
}

#serv .s_title {
    position: relative;
    z-index: 5;
    margin: 0 0 40px
}

#serv .filter .select {
    min-width: 180px;
    line-height: 1;
    position: relative;
    z-index: 5;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
    -webkit-box-shadow: 2.83px 2.83px 16px 0 rgba(40, 93, 174, .14);
    -moz-box-shadow: 2.83px 2.83px 16px 0 rgba(40, 93, 174, .14);
    box-shadow: 2.83px 2.83px 16px 0 rgba(40, 93, 174, .14)
}

#serv .filter .select .cur {
    position: relative;
    background-color: #fff;
    cursor: pointer;
    font: 14px Gilroy-SemiBold, Arial, sans-serif;
    color: #333;
    z-index: 10;
    padding: 15px 30px 15px 20px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px
}

#serv .filter .select .cur span {
    display: -webkit-box;
    display: -moz-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    height: 16px
}

#serv .filter .select .cur svg {
    right: 12px;
    width: 12px;
    height: 12px;
    z-index: -1
}

#serv .filter .select .list_wrapper {
    background-color: #fff;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    padding: 0 8px 8px;
    z-index: 1;
    -webkit-transform: translate3d(0, 10px, 0);
    -moz-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    -o-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px
}

#serv .filter .select .list_wrapper a {
    color: #262c39;
    display: block;
    padding: 8px 12px;
    font: 13px Gilroy-Regular, Arial, sans-serif;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
}

#serv .filter .select .list_wrapper a:hover {
    background-color: #f4f4f7
}

#serv .filter .select._active {
    z-index: 10;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
}

#serv .filter .select._active .cur {
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0
}

#serv .filter .select._active .cur svg {
    transform: translate(0, -50%) rotate(180deg)
}

#serv .filter .select._active .list_wrapper {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-box-shadow: 2.83px 2.83px 16px 0 rgba(40, 93, 174, .14);
    -moz-box-shadow: 2.83px 2.83px 16px 0 rgba(40, 93, 174, .14);
    box-shadow: 2.83px 2.83px 16px 0 rgba(40, 93, 174, .14)
}

#serv .filter .select:hover {
    -webkit-box-shadow: 2.83px 2.83px 16px 0 rgba(40, 93, 174, .24);
    -moz-box-shadow: 2.83px 2.83px 16px 0 rgba(40, 93, 174, .24);
    box-shadow: 2.83px 2.83px 16px 0 rgba(40, 93, 174, .24)
}

#serv .tab {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0 -10px
}

#serv .item {
    cursor: pointer;
    width: 24%;
    padding: 160px 15px 20px;
    background-color: #fff;
    margin: 0 0 70px;
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: flex-start;
    -webkit-border-radius: 5px 5px 5px 45px;
    -moz-border-radius: 5px 5px 5px 45px;
    -ms-border-radius: 5px 5px 5px 45px;
    -o-border-radius: 5px 5px 5px 45px;
    border-radius: 5px 5px 5px 45px
}

#serv .item .circle {
    position: absolute;
    top: -66px;
    left: 5px;
    z-index: 0;
    width: 220px;
    height: 220px;
    background: url(/static/imgs/serv/circle.png) 50% 50% no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

#serv .item .img {
    z-index: 2;
    position: absolute;
    top: -30px;
    right: 0;
    height: 170px;
    overflow: hidden;
    width: calc(100% - 40px);
    -webkit-border-radius: 100px 0 0 100px;
    -moz-border-radius: 100px 0 0 100px;
    -ms-border-radius: 100px 0 0 100px;
    -o-border-radius: 100px 0 0 100px;
    border-radius: 100px 0 0 100px
}

#serv .item .title {
    color: #202234;
    font: 18px/1.3 Gilroy-ExtraBold, Arial, sans-serif;
    margin: 0px 30px 10px;
    position: relative;
    z-index: 1
}

#serv .item p {
    margin: 0 0 15px;
    color: #727482;
    font: 16px/1.5 Gilroy-Regular, Arial, sans-serif
}

#serv .item._empty {
    display: block !important;
    height: 0;
    margin: 0;
    padding: 0
}

#serv .item:hover {
    -webkit-box-shadow: 10px 10px 30px rgba(0, 0, 0, .15);
    -moz-box-shadow: 10px 10px 30px rgba(0, 0, 0, .15);
    box-shadow: 10px 10px 30px rgba(0, 0, 0, .15)
}

#serv .load_more {
    padding: 20px 45px 18px;
    width: 100%;
    margin: -30px 0 0;
    text-align: center
}

#slider {
    margin: 0 0 10px
}

#slider .item {
    display: block;
    height: 340px;
    position: relative
}

#slider .item svg {
    cursor: pointer;
    width: 70px;
    height: 70px
}

#slider .item path {
    fill: #ffe823
}

#slider .owl-nav {
    width: 1210px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

#slider .owl-nav button {
    width: 54px;
    height: 91px;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

#slider .owl-nav button svg {
    width: 26px;
    height: 26px
}

#slider .owl-nav button path {
    fill: #262c39
}

#slider .owl-nav .owl-next {
    right: 0
}

#slider .owl-dots {
    position: absolute;
    right: -webkit-calc(50vw - 65px);
    right: calc(50vw - 65px);
    bottom: -35px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

#slider .owl-dots button {
    border: 1px solid transparent;
    width: 18px;
    height: 18px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 4px;
    border-radius: 50%;
    margin: 0 1px
}

#slider .owl-dots button:before {
    content: '';
    width: 10px;
    height: 10px;
    background-color: #1b0000;
    border-radius: 50%
}

#slider .owl-dots button.active {
    border: 1px solid rgba(255, 255, 255, .35)
}

#slider .owl-dots button.active:before {
    background-color: #ffe823
}

#about_block .owl-dots {
    position: absolute;
    right: 0;
    bottom: -35px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

#about_block .owl-dots button {
    border: 1px solid transparent;
    width: 18px;
    height: 18px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 4px;
    border-radius: 50%;
    margin: 0 1px
}

#about_block .owl-dots button:before {
    content: '';
    width: 10px;
    height: 10px;
    background-color: #1b0000;
    border-radius: 50%
}

#rigging_tmpl .about_block .owl-stage-outer {
    border-radius: 75px 20px 75px 20px;
    overflow: hidden
}

#about_block .owl-dots button.active {
    border: 1px solid rgba(255, 255, 255, .35)
}

#about_block .owl-dots button.active:before {
    background-color: #ffe823
}

#projects_block .owl-dots {
    position: absolute;
    right: -webkit-calc(50vw - 65px);
    right: calc(50vw - 65px);
    bottom: -35px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

#projects_block .owl-dots button {
    border: 1px solid transparent;
    width: 18px;
    height: 18px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 4px;
    border-radius: 50%;
    margin: 0 1px
}

#projects_block .owl-dots button:before {
    content: '';
    width: 10px;
    height: 10px;
    background-color: #1b0000;
    border-radius: 50%
}

#projects_block .owl-dots button.active {
    border: 1px solid rgba(255, 255, 255, .35)
}

#projects_block .owl-dots button.active:before {
    background-color: #ffe823
}

#realized_projs .owl-dots {
    position: absolute;
    right: 50%;
    bottom: -35px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.content-portfolio .video-wrapper .video a:after{
    content:url(../img/1.svg);
    cursor:pointer;
    width: 100px;
    height: 100px;
    bottom:0;
    margin:auto;
   z-index: 90;
    position: absolute;
    top: 0;
left:0;
right:0;
display:block;
}
#realized_projs .owl-dots button {
    border: 1px solid transparent;
    width: 18px;
    height: 18px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 4px;
    border-radius: 50%;
    margin: 0 1px
}

#realized_projs .owl-dots button:before {
    content: '';
    width: 10px;
    height: 10px;
    background-color: #1b0000;
    border-radius: 50%
}

#realized_projs .owl-dots button.active {
    border: 1px solid rgba(255, 255, 255, .35)
}

#realized_projs .owl-dots button.active:before {
    background-color: #ffe823
}

#calc {
    overflow: hidden;
    padding: 50px 0;
    background-color: #202234
}

#calc .container {
    z-index: 5
}

#calc .man {
    position: relative
}

#calc .man img {
    display: none
}

#calc .man .text {
    font: 20px/1.3 Gilroy-Regular, Arial, sans-serif;
    color: rgba(255, 255, 255, .6);
    display: block;
    padding-top: 10px;
    padding-left: 50px;
    margin: 25px 0;
    position: relative
}

#calc .man .text:before {
    display: none;
    content: '';
    width: 34px;
    height: 54px;
    position: absolute;
    top: -5px;
    left: 0;
    background: url(../static/imgs/icons/chat-arrow2.svg) 50% 50%/contain no-repeat
}
#calc form {
            max-width: 630px;
    margin: auto;
    }
#calc .s_title {
    margin: 0 !important;
    margin-bottom: 25px;
    color: #fff;justify-content: center;
    font: 36px Gilroy-ExtraBold, Arial, sans-serif
}

#calc .input {
    background: #fff;
    border-radius: 50px;
    padding: 15px 30px;margin-bottom: 15px;
    font: 14px Gilroy-SemiBold, Arial, sans-serif
}

#calc .input.calc_files {
    background-color: #000;
    box-shadow: 0 0 0 2px #fff;
    padding-top: 12px;
    padding-bottom: 13px;
    color: #fff
}

#calc .inputs {
    width: 100%;
    padding: 0
}

#calc .inputs .input {
    width: 49%
}

#calc .inputs .input:last-child {
    width: 49%
}

#calc .input-wrap .input {
    width: 100%;
    padding-left: 75px
}
#calc .input-wrap textarea {
    height: 100px;
    border-radius: 16px;
}
#calc .input-wrap label {
    display: block;
    cursor: pointer
}

#calc .input-wrap label span {
    text-decoration: none;
    color: #fff
}

#calc .input-wrap img {
    left: 30px;
    width: 28px;    margin-top: -7px;
    height: 28px;
    object-fit: contain
}

#calc .input-wrap--tz {
    width: 49%
}

#calc .agree {
    padding-left: 33px;
    font: 12px Gilroy-Regular, Arial, sans-serif;
    color: rgba(255, 255, 255, .4)
}

#calc .agree a {
    font: 14px Gilroy-Regular, Arial, sans-serif;
    color: rgba(255, 255, 255, .8);
    line-height: inherit
}

#calc .agree img {
    position: absolute;
    top: 6px;
    left: 0
}

#calc .btn {
    padding: 19px 55px
}

#calc .flex_w {
    flex-wrap: wrap
}

#calc .files {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #f2c10a;
    display: flex;
    justify-content: space-between
}

#calc .files .count {
    user-select: none;
    width: 100%;
    margin-bottom: 10px;
    font: 16px Gilroy-Regular, Arial, sans-serif
}

#calc .files .item {
    font: 16px Gilroy-Regular, Arial, sans-serif;
    display: flex;
    align-items: center;
    width: 48%;
    margin-bottom: 10px;
    color:#fff;
}

#calc .files .item .remove {
    margin-left: 10px;
    cursor: pointer;
    background: #fff;
    border-radius: 100%;
    box-shadow: 2.12px 2.12px 23px 0 rgba(38, 40, 46, .3);
    width: 20px;
    height: 20px
}

#calc .files .item .remove svg {
    width: 8px;
    height: 8px
}

#calc .files .item .remove path {
    fill: #444
}

#technic {
    padding: 70px 0 40px
}

#technic .item {
    margin-bottom: 60px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background: #fff;
    border-radius: 5px 5px 5px 45px;
    padding: 0 20px 30px 30px
}

#technic .item .img {
    margin: -22px -20px 38px 0;
    background: #fff;
    height: 250px;
    width: calc(100% + 20px);
    border-radius: 30px 5px 5px 30px;
    box-shadow: 0 1px 37px 0 rgba(84, 91, 99, .25)
}

#technic .item .img img {
    max-width: 100%;
    max-height: 100%
}

#technic .item .title {
    color: #262c39;
    font: 24px/1.3 Gilroy-ExtraBold, Arial, sans-serif;
    margin-bottom: 15px
}

#technic .item .time {
    color: #727482;
    font: 16px Gilroy-Regular, Arial, sans-serif
}

#technic .item .more {
    margin-top: 25px;
    text-transform: uppercase;
    color: #262c39;
    letter-spacing: 1.2px;
    display: inline-block;
    font: 11px Gilroy-SemiBold, Arial, sans-serif;
    padding: 8px 20px 7px;
    border-radius: 50px;
    border: 2px solid #ffcd11
}

#technic .load_more {
    cursor: pointer;
    letter-spacing: 1.2px;
    color: #202234;
    font: 13px/1 Gilroy-SemiBold, Arial, sans-serif;
    text-transform: uppercase;
    background-color: #ececf1;
    overflow: hidden;
    position: relative;
    padding: 23px 23px 19px 83px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px
}

#technic .load_more .icon {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: #ffe823;
    border-right: 5px solid #f4f4f7;
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center
}

#technic .load_more .icon svg {
    width: 24px;
    height: 24px
}

#technic .load_more .icon path {
    fill: #262c39
}

#letters {
    padding: 70px 0 30px
}

#letters .item {
    margin-bottom: 80px;
    display: flex;
    flex-direction: column
}

#letters .item .title {
    color: #262c39;
    background: #ffe823;
    border-radius: 30px 5px 0 0;
    padding: 25px 30px;
    font: 16px Gilroy-Regular, Arial, sans-serif;
    margin-bottom: 7px
}

#letters .item .title b {
    margin-bottom: 5px;
    display: block;
    font: 18px Gilroy-ExtraBold, Arial, sans-serif
}

#letters .item .img {
    position: relative;
    padding: 30px;
    background: #fff;
    border-radius: 0 0 5px 30px
}

#letters .item .img .letter-img {
    width: 100%;
    height: 311px;
    object-fit: cover
}

#letters .item .img .logo {
    background: #fff;
    width: 124px;
    height: 70px;
    border-radius: 5px;
    box-shadow: 7px 12.12px 40px 0 rgba(43, 44, 43, .15);
    position: absolute;
    left: 30px;
    bottom: -39px
}

#letters .item .img .logo img {
    max-width: 80%;
    max-height: 80%
}

#letters .load_more {
    cursor: pointer;
    letter-spacing: 1.2px;
    color: #202234;
    font: 13px/1 Gilroy-SemiBold, Arial, sans-serif;
    text-transform: uppercase;
    background-color: #ececf1;
    overflow: hidden;
    position: relative;
    padding: 23px 23px 19px 83px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px
}

#letters .load_more .icon {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: #ffe823;
    border-right: 5px solid #f4f4f7;
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center
}

#letters .load_more .icon svg {
    width: 24px;
    height: 24px
}

#letters .load_more .icon path {
    fill: #262c39
}

#reviews {
    padding: 60px 0 30px
}

#reviews .s_title {
    margin: 0 0 30px
}

#reviews .item {
    width: 48%;
    margin: 0 0 30px;
    overflow: hidden;
    background-color: #fff;
    -webkit-border-radius: 20px 5px 5px 20px;
    -moz-border-radius: 20px 5px 5px 20px;
    -ms-border-radius: 20px 5px 5px 20px;
    -o-border-radius: 20px 5px 5px 20px;
    border-radius: 20px 5px 5px 20px
}

#reviews .item .content {
    padding: 60px 45px 40px
}

#reviews .item .header {
    display: flex;
    align-items: center;
    padding-right: 135px;
    position: relative;
    margin: 0 0 58px
}

#reviews .item .header .user {
    position: relative;
    padding-left: 103px;
    color: #242839;
    font: 24px Gilroy-Regular, Arial, sans-serif
}

#reviews .item .header .user .avatar {
    width: 82px;
    height: 82px;
    left: 0;
    overflow: hidden;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%
}

#reviews .item .header .user span {
    display: block;
    margin: 10px 0 0;
    font: 14px Gilroy-Regular, Arial, sans-serif;
    color: #919191
}

#reviews .item .header .img {
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 124px;
    height: 78px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 7px 12.12px 40px 0 rgba(43, 44, 43, .15);
    -moz-box-shadow: 7px 12.12px 40px 0 rgba(43, 44, 43, .15);
    box-shadow: 7px 12.12px 40px 0 rgba(43, 44, 43, .15)
}

#reviews .item .header .img img {
    max-width: 70%;
    max-height: 70%
}

#reviews .item .text {
    color: #5f6b86;
    font: italic 17px/1.5 Gilroy-Regular, Arial, sans-serif;
    display: -webkit-box;
    display: -moz-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
    height: 127.5px
}

#reviews .item .footer {
    border-top: 4px solid #f4f4f7;
    padding: 22px 30px;
    background-color: #fecc11;
    color: #202234;
    font: 22px Gilroy-ExtraBold, Arial, sans-serif
}

#reviews .item .footer span {
    margin: 5px 0 0;
    display: block;
    font: 16px Gilroy-Regular, Arial, sans-serif
}

#reviews .load_more {
    display: block;
    cursor: pointer;
    letter-spacing: 1.2px;
    color: #202234;
    font: 13px Gilroy-SemiBold, Arial, sans-serif;
    text-transform: uppercase;
    background-color: #fff;
    overflow: hidden;
    position: relative;
    padding: 23px 23px 23px 83px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px
}

#reviews .load_more .icon {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: #ffe823;
    border-right: 5px solid #f4f4f7;
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center
}

.content-portfolio .top {
    padding-top: 20px
}

.clearfix:after {
    content: "";
    display: block;
    clear: both
}

.readmore-js {
    margin-left: 40px;
    font: 18px/21px Gilroy-SemiBold, Arial, sans-serif;
    margin-top: 25px
}

#reviews .load_more .icon svg {
    width: 24px;
    height: 24px
}

#reviews .load_more .icon path {
    fill: #262c39
}

.categories {
    display: block
}

.categories .itemteh {
    display: block;
    border-radius: 10px 10px 10px 50px;
    background-color: #fff;
    overflow: hidden
}

.categories .itemteh span {
    display: block
}

.categories .itemteh img {
    border-radius: 10px 10px 10px 50px;
    height: 130px
}

.categories .itemteh .title-teh {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.categories .itemteh .title-teh span {
    max-width: 250px;
    color: #202234;
    font: 18px/24px Gilroy-ExtraBold, Arial, sans-serif
}

.categories .itemteh .title-teh:after {
    content: url('data:image/svg+xml;utf8, <svg  xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="58px" height="59px"><path fill-rule="evenodd"  fill="#ffe823" d="M15.000,0.500 L43.000,0.500 C51.284,0.500 58.000,7.216 58.000,15.500 L58.000,43.500 C58.000,51.784 51.284,58.500 43.000,58.500 L15.000,58.500 C6.716,58.500 -0.000,51.784 -0.000,43.500 L-0.000,15.500 C-0.000,7.216 6.716,0.500 15.000,0.500 Z"/><path fill-rule="evenodd"  fill="#202234" d="M34.514,29.499 L25.179,20.058 C24.940,19.818 24.940,19.426 25.179,19.184 C25.417,18.944 25.803,18.944 26.042,19.184 L35.809,29.063 C36.048,29.304 36.048,29.694 35.809,29.935 L26.042,39.813 C25.922,39.934 25.767,39.994 25.610,39.994 C25.454,39.994 25.298,39.934 25.179,39.813 C24.940,39.571 24.940,39.181 25.179,38.940 L34.514,29.499 Z"/></svg>')
}

.teh-wrap.new-template .itemteh .bottom-text.column-type {
    display: grid
}

.teh-wrap.new-template .itemteh .bottom-text.column-type>div {
    display: block
}

.teh-wrap.new-template .itemteh .bottom-text>div span {
    font: 13px/16px Gilroy-Regular, Arial, sans-serif;
    height: 32px;
    display: flex;
    align-items: center
}

.teh-wrap.new-template .itemteh .bottom-text.column-type>div b {
    margin-left: 0
}

.teh-wrap.new-template .itemteh .bottom-text>div b {
    font: 13px/24px Gilroy-ExtraBold, Arial, sans-serif
}

.teh-wrap.new-template .itemteh.n .desc {
    padding: 25px 35px 25px
}

#about {
    padding: 70px 0
}

.teh-wrap.new-template .itemteh .bottom-text.column-type>div:first-child {
    border-right: 1px solid #e0e0e6
}

#about .lside:before {
    content: '';
    border-radius: 0 20px 20px 0;
    background: #fff;
    z-index: -1;
    position: absolute;
    left: -1000%;
    bottom: -70px;
    top: -70px;
    right: -300px
}

#about .s_title {
    margin-bottom: 50px
}

#about ul li {
    font: 20px/1.3 Gilroy-Regular, Arial, sans-serif;
    color: #262c39;
    margin-bottom: 30px;
    padding-left: 39px;
    position: relative
}

#about ul li:before {
    content: '';
    width: 20px;
    height: 20px;
    border-radius: 5px;
    position: absolute;
    top: 4px;
    left: 0;
    background: #fecc11
}

#about ul li:last-child {
    margin-bottom: 0
}

#about .img {
    position: absolute;
    border-radius: 10px;
    overflow: hidden
}

#about .img._i1 {
    top: 0;
    right: 280px;
    width: 280px;
    height: 225px
}

#about .img._i2 {
    top: 240px;
    right: 280px;
    width: 280px;
    height: 225px
}

#about .img._i3 {
    top: 0;
    right: 0;
    width: 265px;
    height: 359px
}

#map {
    padding: 80px 0 50px
}

#map p {
    font: 20px/1.3 Gilroy-Regular, Arial, sans-serif;
    color: #262c39;
    margin-bottom: 30px;
    padding-left: 39px;
    position: relative
}

#map p:before {
    content: '';
    width: 20px;
    height: 20px;
    border-radius: 5px;
    position: absolute;
    top: 4px;
    left: 0;
    background: #fecc11
}

#map .marker {
    position: absolute;
    z-index: 1
}

#map .marker img {
    cursor: pointer;
    width: 20px
}

#map .marker .text {
    z-index: -1;
    min-width: 100%;
    position: absolute;
    bottom: 40px;
    left: 30px;
    border-radius: 10px;
    background: #ffe823;
    color: #262c39;
    font: 14px/1.3 Gilroy-Regular, Arial, sans-serif;
    box-shadow: 0 10px 34px 0 rgba(56, 63, 77, .29);
    padding: 8px 10px;
    display: none;
    width: 100px
}

#map .marker .text b {
    display: block
}

#map .marker._m1 {
    top: 52%;
    left: 19.5%
}

#map .marker._m2 {
    top: 52%;
    left: 30.5%
}

#map .marker._m3 {
    top: 56%;
    left: 38%
}

#map .marker._m4 {
    top: 61.3%;
    left: 32.2%
}

#map .marker._m5 {
    top: 44%;
    left: 42%
}

#map .marker._m6 {
    top: 39%;
    left: 9.7%
}

#map .marker._m7 {
    top: 72%;
    left: 10%
}

#map .marker._m8 {
    top: 51.6%;
    left: 26.1%
}

#map .marker._m9 {
    top: 66.5%;
    left: 34.5%
}

#map .marker._m10 {
    top: 48%;
    left: 23%
}

#map .marker._m11 {
    top: 40%;
    left: 35.5%
}

#map .marker._m12 {
    top: 73%;
    left: 42.4%
}

#map .marker._m13 {
    top: 62.3%;
    left: 27.7%
}

#map .marker._m14 {
    top: 59%;
    left: 10%
}

#map .marker._m15 {
    top: 67.9%;
    left: 12.8%
}

#map .marker._active {
    z-index: 2;
    transform: translate(-10px, -30px)
}

#map .marker._active img {
    width: 41px
}

#map .marker._active .text {
    display: block
}

#map .map_wrap .map {
    width: 100%
}

#seo {
    padding: 70px 0 20px
}

#seo .row {
    margin-left: -30px;
    margin-right: -30px
}

#seo .col-xs-12 {
    padding-left: 45px;
    padding-right: 45px
}

#seo .title {
    font: 32px Gilroy-ExtraBold, Arial, sans-serif
}

#seo .title:after {
    content: '';
    margin: 19px 0 24px;
    background: #ffe823;
    border-radius: 10px;
    width: 39px;
    height: 4px;
    display: block
}

#seo p {
    color: #262c39;
    font: 16px/1.4 Gilroy-Regular, Arial, sans-serif;
    margin-bottom: 20px;
    display: block
}

#contacts {
    background: #252633
}

#contacts .top {
    margin-bottom: 70px;
    background: #2d2e3c;
    padding: 20px 0
}

#contacts .top .input-wrap {
    width: 350px;
    margin-right: 30px
}

#contacts .top .input-wrap button {
    cursor: pointer;
    left: 15px;
    width: 15px
}

#contacts .top .input-wrap button img {
    width: 100%
}

#contacts .top .input-wrap input {
    background: #fff;
    border-radius: 50px;
    padding: 11px 15px 12px 45px;
    width: 100%;
    font: 16px Gilroy-Regular, Arial, sans-serif
}

#contacts .top .btn {
    padding: 13px 30px 12px
}

#contacts .top .social a {
    margin-left: 40px;
    position: relative;
    color: rgba(255, 255, 255, .3);
    padding-left: 43px;
    font: 14px Gilroy-Regular, Arial, sans-serif
}

#contacts .top .social a img {
    left: 0;
    width: 28px
}

#contacts .top .social a:first-child {
    margin-left: 0
}

#contacts .block {
    margin-bottom: 50px
}

#contacts .block .title {
    color: #fff;
    margin-bottom: 25px;
    font: 16px Gilroy-Regular, Arial, sans-serif
}

#contacts .block nav {
    display: flex;
    flex-direction: column
}

#contacts .block nav a {
    color: #84869a;
    position: relative;
    font: 13px/1.4 Gilroy-SemiBold, Arial, sans-serif;
    margin-bottom: 20px;
    padding-left: 15px
}

#contacts .block nav a:before {
    content: '';
    width: 6px;
    height: 9px;
    background: url(/static/imgs/icons/footer-arrow-right.svg) 50% 50%/contain no-repeat;
    position: absolute;
    left: 0;
    top: 4px
}

#contacts .acent {
    margin-bottom: 35px;
    border-radius: 30px;
    padding: 25px;
    background: #ffe823
}

#contacts .acent .title {
    font: 22px/1.3 Gilroy-ExtraBold, Arial, sans-serif;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 2px solid #f2db1a
}

#contacts .acent .user {
    padding-left: 66px
}

#contacts .acent .user .avatar {
    left: 0;
    width: 52px;
    height: 52px;
    overflow: hidden;
    border-radius: 100%
}

#contacts .acent .user .name {
    font: 14px Gilroy-SemiBold, Arial, sans-serif
}

#contacts .acent .user a {
    color: #262c39;
    font: 16px Gilroy-ExtraBold, Arial, sans-serif
}

#contacts .acent .social {
    margin-top: 25px
}

#contacts .acent .social a {
    width: 31%;
    height: 32px;
    background: #fff;
    border-radius: 5px;
    position: relative
}

#contacts .acent .social a img {
    max-width: 24px;
    max-height: 24px
}

#contacts .contacts a {
    margin-bottom: 40px;
    display: block;
    position: relative;
    padding-left: 45px;
    font: 12px Gilroy-Regular, Arial, sans-serif;
    color: rgba(255, 255, 255, .3)
}
#contacts .contacts .a {
    margin-bottom: 40px;
    display: block;
    position: relative;
    padding-left: 45px;
    font: 12px Gilroy-Regular, Arial, sans-serif;
    color: rgba(255, 255, 255, .3)
}
#contacts .contacts a img {
    left: 0;
    width: 30px
}
#contacts .contacts .a img {
    left: 0;
    width: 30px
}
#contacts .contacts a span {
    display: block;
    color: #fff;
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 8px
}
#contacts .contacts .a span {
    display: block;
    color: #fff;
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 8px
}
#contacts .contacts .a span a {
    display: block;
    color: #fff;
    font-size: 18px;
    padding-left: 0;
    line-height: 1.4;
    margin-bottom: 8px
}
#contacts .contacts a.phone span {
    font-family: Gilroy-ExtraBold, Arial, sans-serif
}

#contacts .copy {
    padding: 25px 20px;
    font: 12px Gilroy-Regular, Arial, sans-serif;
    color: rgba(255, 255, 255, .3)
}

#contacts .copy .conf {
    color: inherit;
    margin-left: 0;
    display: block;
    width: 100%
}

.popup_block {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(45, 39, 51, .7);
    z-index: 9999;
    display: none;
    justify-content: center;
    align-items: flex-start;
    padding: 50px 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.popup_block .wrapper {
    width: 94%;margin:auto;
    border-radius: 20px;
    max-width: 920px;
    background: #fff;
    padding: 60px 55px 55px;
    position: relative;
    box-shadow: 0 5px 74px 0 rgba(56, 53, 51, .48), inset 0 0 0 20px #eff2f4
}

.popup_block .wrapper .title {
    font: 44px/1.2 Gilroy-ExtraBold, Arial, sans-serif;
    margin-bottom: 40px;
    position: relative;
    padding-right: 160px
}

#clbk_arenda .wrapper .title {
    font: 30px/1.2 Gilroy-ExtraBold, Arial, sans-serif;
    margin-bottom: 40px;
    position: relative;
    padding-right: 50px
}
#clbk_arenda .fancybox-close-small{
    display: none;
}
.popup_block .wrapper .title .icon {
    right: 30px;
    width: 84px
}

.popup_block .wrapper .title span {
    color: #192227;
    font: 16px Gilroy-Regular, Arial, sans-serif;
    display: block;
    margin-top: 15px;
    letter-spacing: 0.5px;
    line-height: 1.3;
}

.popup_block .wrapper .clbk_form .input_wrap img {
    left: 10px
}

.popup_block .wrapper .clbk_form .input_date {
    width: 23%
}

.popup_block .wrapper .clbk_form .input_date .input {
    cursor: pointer;
    border-radius: 0;
    padding: 16px 10px 14px 40px
}

.popup_block .wrapper .clbk_form .input_time {
    width: 34%
}

.popup_block .wrapper .clbk_form .input_time .input {
    cursor: pointer;
    border-radius: 0 30px 30px 0;
    padding-left: 40px;
    background-image: url(/static/imgs/icons/arrow-down.svg);
    background-repeat: no-repeat;
    background-size: 14px auto;
    background-position: 93% 50%
}

.popup_block .wrapper .clbk_form .input_title {
    width: 42%;
    padding-left: 15px;
    font-family: Gilroy-SemiBold, Arial, sans-serif;
    border-radius: 30px 0 0 30px
}

.popup_block .wrapper .clbk_form .btns {
    margin-top: 30px
}

.popup_block .wrapper .clbk_form .btns .agree {
    color: #8e8e8e;
    margin-left: 30px;
    font: 13px Gilroy-Regular, Arial, sans-serif;
    padding-left: 10px
}

.popup_block .wrapper .clbk_form .btns .agree img {
    left: 0
}

.popup_block .wrapper p {
    color: #192227;
    font: 15px/1.5 Gilroy-Regular, Arial, sans-serif
}

.popup_block .wrapper p a {
    color: inherit;
    text-decoration: underline;
    font-family: Gilroy-SemiBold, Arial, sans-serif
}

.popup_block .wrapper form {
    margin: 30px 0 0
}

.popup_block .wrapper form .field {
    margin: 0 0 25px;
    position: relative
}

.popup_block .wrapper form .field svg {
    width: 18px;
    height: 18px;
    left: 22px
}

.popup_block .wrapper form .field path {
    fill: #000
}

.popup_block .wrapper form .input {
    width: 100%;
    padding: 15px;
    font: 16px Gilroy-Regular, Arial, sans-serif;
    color: #000;
    background: #eff2f4;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px
}

.popup_block .wrapper form .input::-webkit-input-placeholder {
    font: 16px Gilroy-Regular, Arial, sans-serif;
    color: #777
}

.popup_block .wrapper form .input::-moz-placeholder {
    font: 16px Gilroy-Regular, Arial, sans-serif;
    color: #777
}

.popup_block .wrapper form .input:-moz-placeholder {
    font: 16px Gilroy-Regular, Arial, sans-serif;
    color: #777
}

.popup_block .wrapper form .input:-ms-input-placeholder {
    font: 16px Gilroy-Regular, Arial, sans-serif;
    color: #777
}

.popup_block .wrapper form .btn {
    padding: 16px 30px 14px
}

.popup_block .wrapper .social {
    margin: 30px 0 0;
    display: flex;
    justify-content: space-between
}

.popup_block .wrapper .social a {
    height: 55px;
    background-color: #ffe823;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32.5%;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px
}
 .slider-portfolio {
            overflow: hidden;
        max-height: 350px;
    }
.popup_block .wrapper .social a svg {
    width: 24px;
    height: 24px
}

.popup_block .wrapper .agree {
    color: #8e8e8e;
    font: 13px Gilroy-Regular, Arial, sans-serif;
    cursor: pointer
}

.popup_block .wrapper .agree a {
    color: inherit;
    text-decoration: underline
}

.popup_block .wrapper:after {
    content: '';
    display: block;
    clear: both
}

.popup_block .wrapper--medium {
    max-width: 800px
}

.popup_block .wrapper--small {
    max-width: 485px
}

.popup_block .close_popup_icon {
    position: absolute;
    top: 35px;
    right: 35px;
    width: 30px;
    height: 30px;
    z-index: 1
}

.popup_block .close_popup_icon path {
    fill: #e8e8e8
}

.popup_block._visible {
    display: flex
}

#sms_vizitka .wrapper .title {
    font-size: 32px
}

#rent_truck .wrapper .title {
    font-size: 36px;
    padding-right: 0;
    line-height: 1
}

#rent_truck .wrapper .title span {
    font: inherit
}

#clbk_sucs .title,
#lk_clbk_sucs .title {
    padding-right: 140px
}

#clbk_sucs .title img,
#lk_clbk_sucs .title img {
    right: 40px;
    width: 84px
}

#choose_city .title {
    padding-right: 0
}

#choose_city .cities a {
    padding-left: 34px;
    margin-bottom: 35px;
    color: #91989d;
    font: 15px Gilroy-SemiBold, Arial, sans-serif;
    width: 48%;
    position: relative
}

#choose_city .cities a:before {
    content: '';
    position: absolute;
    top: -1px;
    left: 0;
    width: 21px;
    height: 21px;
    border-radius: 5px;
    box-shadow: inset 0 0 0 2px #dce3e7
}

#choose_city .cities a._active {
    color: #262c39
}

#choose_city .cities a._active:after {
    content: '';
    width: 13px;
    height: 13px;
    border-radius: 3px;
    background: #edd318;
    position: absolute;
    top: 3px;
    left: 4px
}

#video_popup .wrapper {
    border: none;
    padding: 10px;
    max-width: 800px
}

#video_popup .close_popup_icon {
    top: -35px;
    right: 0
}

#video_popup .video {
    height: 400px
}

#video_popup .video iframe {
    width: 100%;
    height: 100%
}

#cert_img .close_popup_icon {
    top: -45px;
    right: -10px
}

#cert_img img {
    max-width: 100%
}

#cert_img .wrapper {
    max-width: 700px;
    padding: 10px;
    border: 10px solid #eff2f4
}

#modal_raschet .files {
    margin-top: 25px;
    border-bottom: 1px solid #e9edf0;
    padding-bottom: 25px;
    display: flex;
    justify-content: space-between
}

#modal_raschet .files .count {
    user-select: none;
    width: 100%;
    margin-bottom: 20px;
    font: 16px Gilroy-Regular, Arial, sans-serif
}

#modal_raschet .files .item {
    font: 16px Gilroy-Regular, Arial, sans-serif;
    display: flex;
    align-items: center;
    width: 48%;
    margin-bottom: 10px
}

#modal_raschet .files .item .remove {
    margin-left: 10px;
    cursor: pointer;
    background: #fff;
    border-radius: 100%;
    box-shadow: 2.12px 2.12px 23px 0 rgba(38, 40, 46, .3);
    width: 20px;
    height: 20px
}

#modal_raschet .files .item .remove svg {
    width: 8px;
    height: 8px
}

#modal_raschet .files .item .remove path {
    fill: #444
}

#modal_raschet .attach_file {
    margin: 0 0 0 20px;
    cursor: pointer;
    padding-left: 40px;
    color: #262c39;
    font: 16px Gilroy-Regular, Arial, sans-serif;
    text-decoration: underline
}

#modal_raschet .attach_file img {
    left: 0
}

#realized_projects .wrapper {
    padding: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important
}

#realized_projects .wrapper .wrap {
    padding: 30px 20px 30px 0
}

#realized_projects .wrapper .title {
    font-size: 34px;
    margin-bottom: 30px;
    padding-right: 0;
    line-height: 1
}

#realized_projects .wrapper .title span {
    display: inline-block;
    font: inherit
}

#realized_projects .wrapper .input {
    margin-bottom: 10px
}

#realized_projects .wrapper .btn {
    padding: 17px 30px 15px;
    width: 100%
}

#realized_projects .wrapper .agree {
    margin-top: 30px;
    position: relative;
    padding-left: 24px
}

#realized_projects .wrapper .agree:before {
    content: '';
    width: 14px;
    height: 14px;
    background-color: #e9eff3;
    position: absolute;
    top: 1px;
    left: 0;
    border-radius: 4px
}

#realized_projects .wrapper .agree:after {
    content: '';
    width: 13px;
    height: 12px;
    position: absolute;
    top: 2px;
    left: -1px;
    background: url(/static/imgs/icons/agree_check_1.svg) 50% 50%/contain no-repeat
}

#realized_projects .owl-carousel,
#realized_projects .owl-carousel .b_img,
#realized_projects .owl-carousel .owl-item,
#realized_projects .owl-carousel .owl-stage,
#realized_projects .owl-carousel .owl-stage-outer {
    height: 100%
}

#realized_projects .owl-carousel .owl-nav {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 67px
}

#realized_projects .owl-carousel .owl-nav button {
    position: relative;
    width: 52px;
    height: 67px;
    background-color: #ffe823
}

#realized_projects .owl-carousel .owl-nav button svg {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

#realized_projects .owl-carousel .owl-nav button path {
    fill: #262c39
}

#realized_projects .owl-carousel .owl-nav button.disabled {
    background-color: #fff
}

#realized_projects .owl-carousel .owl-nav .owl-next {
    margin-left: 10px
}

#realized_projects .close_popup_icon {
    top: 0;
    right: -40px;
    width: 22px;
    height: 22px
}

.td-table {
    vertical-align: middle;
    text-align: center;
    padding: 10px;
    font: 16px/1.5 Gilroy-Regular, Arial, sans-serif;
    white-space: normal
}

.content-td {
    line-height: 1.3;
}
.nav-tab{
    margin:30px 0 10px;
}
.nav-tab a{
    margin-right: 15px;
}
.content-td a{
    color:inherit;

}
.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

#about_block .owl-carousel .owl-item a {
    display: flex !important;
    align-items: center;
    justify-content: center
}

#about_block .owl-carousel .owl-item img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    object-pocition: center
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.datepickers-container {
    z-index: 9999
}

@media print {
    .datepickers-container {
        display: none
    }
}

html.lb-disable-scrolling {
    overflow: hidden;
    position: fixed;
    height: 100vh;
    width: 100vw
}

.lightboxOverlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: #000;
    filter: alpha(Opacity=80);
    opacity: .8;
    display: none
}

.lightbox {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 10000;
    text-align: center;
    line-height: 0;
    font-weight: 400
}

.lightbox .lb-image {
    display: block;
    height: auto;
    max-width: inherit;
    max-height: none;
    border-radius: 3px;
    border: 4px solid #fff
}

.lightbox a img {
    border: none
}

.lb-outerContainer {
    position: relative;
    *zoom: 1;
    width: 250px;
    height: 250px;
    margin: 0 auto;
    border-radius: 4px;
    background-color: #fff
}

.lb-outerContainer:after {
    content: "";
    display: table;
    clear: both
}

.lb-loader {
    position: absolute;
    top: 43%;
    left: 0;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0
}

.lb-cancel {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    background: url(/static/imgs/loading.gif) no-repeat
}

.lb-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10
}

.lb-container>.nav {
    left: 0
}

.lb-nav a {
    outline: 0;
    background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)
}

.lb-next,
.lb-prev {
    height: 100%;
    cursor: pointer;
    display: block
}

.lb-nav a.lb-prev {
    width: 34%;
    left: 0;
    float: left;
    background: url(/static/imgs/prev.png) left 48% no-repeat;
    filter: alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: opacity .6s;
    -moz-transition: opacity .6s;
    -o-transition: opacity .6s;
    transition: opacity .6s
}

.lb-nav a.lb-prev:hover {
    filter: alpha(Opacity=100);
    opacity: 1
}

.lb-nav a.lb-next {
    width: 64%;
    right: 0;
    float: right;
    background: url(/static/imgs/next.png) right 48% no-repeat;
    filter: alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: opacity .6s;
    -moz-transition: opacity .6s;
    -o-transition: opacity .6s;
    transition: opacity .6s
}

.lb-nav a.lb-next:hover {
    filter: alpha(Opacity=100);
    opacity: 1
}

.lb-dataContainer {
    margin: 0 auto;
    padding-top: 5px;
    *zoom: 1;
    width: 100%;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.lb-dataContainer:after {
    content: "";
    display: table;
    clear: both
}

.lb-data {
    padding: 0 4px;
    color: #ccc
}

.lb-data .lb-details {
    width: 85%;
    float: left;
    text-align: left;
    line-height: 1.1em
}

.lb-data .lb-caption {
    font-size: 13px;
    font-weight: 700;
    line-height: 1em
}

.lb-data .lb-caption a {
    color: #4ae
}

.lb-data .lb-number {
    display: block;
    clear: left;
    padding-bottom: 1em;
    font-size: 12px;
    color: #999
}

.lb-data .lb-close {
    display: block;
    float: right;
    width: 30px;
    height: 30px;
    background: url(/static/imgs/close.png) top right no-repeat;
    text-align: right;
    outline: 0;
    filter: alpha(Opacity=70);
    opacity: .7;
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s
}

.lb-data .lb-close:hover {
    cursor: pointer;
    filter: alpha(Opacity=100);
    opacity: 1
}

.datepicker--cells {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.datepicker--cell {
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 32px;
    z-index: 1
}

.datepicker--cell.-focus- {
    background: #f0f0f0
}

.datepicker--cell.-current- {
    color: #4EB5E6
}

.datepicker--cell.-current-.-focus- {
    color: #4a4a4a
}

.datepicker--cell.-current-.-in-range- {
    color: #4EB5E6
}

.datepicker--cell.-in-range- {
    background: rgba(92, 196, 239, .1);
    color: #4a4a4a;
    border-radius: 0
}

.datepicker--cell.-in-range-.-focus- {
    background-color: rgba(92, 196, 239, .2)
}

.datepicker--cell.-disabled- {
    cursor: default;
    color: #aeaeae
}

.datepicker--cell.-disabled-.-focus- {
    color: #aeaeae
}

.datepicker--cell.-disabled-.-in-range- {
    color: #a1a1a1
}

.datepicker--cell.-disabled-.-current-.-focus- {
    color: #aeaeae
}

.datepicker--cell.-range-from- {
    border: 1px solid rgba(92, 196, 239, .5);
    background-color: rgba(92, 196, 239, .1);
    border-radius: 4px 0 0 4px
}

.datepicker--cell.-range-to- {
    border: 1px solid rgba(92, 196, 239, .5);
    background-color: rgba(92, 196, 239, .1);
    border-radius: 0 4px 4px 0
}

.datepicker--cell.-range-from-.-range-to- {
    border-radius: 4px
}

.datepicker--cell.-selected- {
    color: #fff;
    border: none;
    background: #5cc4ef
}

.datepicker--cell.-selected-.-current- {
    color: #fff;
    background: #5cc4ef
}

.datepicker--cell.-selected-.-focus- {
    background: #45bced
}

.datepicker--cell:empty {
    cursor: default
}

.datepicker--days-names {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 8px 0 3px
}

.datepicker--day-name {
    color: #FF9A19;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    text-transform: uppercase;
    font-size: .8em
}

.datepicker--cell-day {
    width: 14.28571%
}

.datepicker--cells-months {
    height: 170px
}

.datepicker--cell-month {
    width: 33.33%;
    height: 25%
}

.datepicker--cells-years,
.datepicker--years {
    height: 170px
}

.datepicker--cell-year {
    width: 25%;
    height: 33.33%
}

.datepickers-container {
    position: absolute;
    left: 0;
    top: 0
}

@media print {
    .datepickers-container {
        display: none
    }
}

.datepicker {
    background: #fff;
    border: 1px solid #dbdbdb;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
    border-radius: 4px;
    box-sizing: content-box;
    font-family: Tahoma, sans-serif;
    font-size: 14px;
    color: #4a4a4a;
    width: 250px;
    position: absolute;
    left: -100000px;
    opacity: 0;
    transition: opacity .3s ease, left 0 .3s, -webkit-transform .3s ease;
    transition: opacity .3s ease, transform .3s ease, left 0 .3s;
    transition: opacity .3s ease, transform .3s ease, left 0 .3s, -webkit-transform .3s ease;
    z-index: 100
}

.datepicker.-from-top- {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px)
}

.datepicker.-from-right- {
    -webkit-transform: translateX(8px);
    transform: translateX(8px)
}

.datepicker.-from-bottom- {
    -webkit-transform: translateY(8px);
    transform: translateY(8px)
}

.datepicker.-from-left- {
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px)
}

.datepicker.active {
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0);
    transition: opacity .3s ease, left 0 0s, -webkit-transform .3s ease;
    transition: opacity .3s ease, transform .3s ease, left 0 0;
    transition: opacity .3s ease, transform .3s ease, left 0 0s, -webkit-transform .3s ease
}

.datepicker-inline .datepicker {
    border-color: #d7d7d7;
    box-shadow: none;
    position: static;
    left: auto;
    right: auto;
    opacity: 1;
    -webkit-transform: none;
    transform: none
}

.datepicker-inline .datepicker--pointer {
    display: none
}

.datepicker--content {
    box-sizing: content-box;
    padding: 4px
}

.-only-timepicker- .datepicker--content {
    display: none
}

.datepicker--pointer {
    position: absolute;
    background: #fff;
    border-top: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
    width: 10px;
    height: 10px;
    z-index: -1
}

.-top-center- .datepicker--pointer,
.-top-left- .datepicker--pointer,
.-top-right- .datepicker--pointer {
    top: calc(96%);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.-right-bottom- .datepicker--pointer,
.-right-center- .datepicker--pointer,
.-right-top- .datepicker--pointer {
    right: calc(96%);
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg)
}

.-bottom-center- .datepicker--pointer,
.-bottom-left- .datepicker--pointer,
.-bottom-right- .datepicker--pointer {
    bottom: calc(96%);
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg)
}

.-left-bottom- .datepicker--pointer,
.-left-center- .datepicker--pointer,
.-left-top- .datepicker--pointer {
    left: calc(96%);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.-bottom-left- .datepicker--pointer,
.-top-left- .datepicker--pointer {
    left: 10px
}

.-bottom-right- .datepicker--pointer,
.-top-right- .datepicker--pointer {
    right: 10px
}

.-bottom-center- .datepicker--pointer,
.-top-center- .datepicker--pointer {
    left: calc(45%)
}

.-left-top- .datepicker--pointer,
.-right-top- .datepicker--pointer {
    top: 10px
}

.-left-bottom- .datepicker--pointer,
.-right-bottom- .datepicker--pointer {
    bottom: 10px
}

.-left-center- .datepicker--pointer,
.-right-center- .datepicker--pointer {
    top: calc(45%)
}

.datepicker--body {
    display: none
}

.datepicker--body.active {
    display: block
}

.datepicker--nav {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #efefef;
    min-height: 32px;
    padding: 4px
}

.-only-timepicker- .datepicker--nav {
    display: none
}

.datepicker--nav-action,
.datepicker--nav-title {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.datepicker--nav-action {
    width: 32px;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.datepicker--nav-action:hover {
    background: #f0f0f0
}

.datepicker--nav-action.-disabled- {
    visibility: hidden
}

.datepicker--nav-action svg {
    width: 32px;
    height: 32px
}

.datepicker--nav-action path {
    fill: none;
    stroke: #9c9c9c;
    stroke-width: 2px
}

.datepicker--nav-title {
    border-radius: 4px;
    padding: 0 8px
}

.datepicker--nav-title i {
    font-style: normal;
    color: #9c9c9c;
    margin-left: 5px
}

.datepicker--nav-title:hover {
    background: #f0f0f0
}

.datepicker--nav-title.-disabled- {
    cursor: default;
    background: 0 0
}

.datepicker--buttons {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 4px;
    border-top: 1px solid #efefef
}

.datepicker--button {
    color: #4EB5E6;
    cursor: pointer;
    border-radius: 4px;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 32px
}

.datepicker--button:hover {
    color: #4a4a4a;
    background: #f0f0f0
}

.datepicker--time {
    border-top: 1px solid #efefef;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 4px;
    position: relative
}

.datepicker--time.-am-pm- .datepicker--time-sliders {
    -webkit-flex: 0 1 138px;
    -ms-flex: 0 1 138px;
    flex: 0 1 138px;
    max-width: 138px
}

.-only-timepicker- .datepicker--time {
    border-top: none
}

.datepicker--time-sliders {
    -webkit-flex: 0 1 153px;
    -ms-flex: 0 1 153px;
    flex: 0 1 153px;
    margin-right: 10px;
    max-width: 153px
}

.datepicker--time-label {
    display: none;
    font-size: 12px
}

.datepicker--time-current {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 14px;
    text-align: center;
    margin: 0 0 0 10px
}

.datepicker--time-current-colon {
    margin: 0 2px 3px;
    line-height: 1
}

.datepicker--time-current-hours,
.datepicker--time-current-minutes {
    line-height: 1;
    font-size: 19px;
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    position: relative;
    z-index: 1
}

.datepicker--time-current-hours:after,
.datepicker--time-current-minutes:after {
    content: '';
    background: #f0f0f0;
    border-radius: 4px;
    position: absolute;
    left: -2px;
    top: -3px;
    right: -2px;
    bottom: -2px;
    z-index: -1;
    opacity: 0
}

.datepicker--time-current-hours.-focus-:after,
.datepicker--time-current-minutes.-focus-:after {
    opacity: 1
}

.datepicker--time-current-ampm {
    text-transform: uppercase;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    color: #9c9c9c;
    margin-left: 6px;
    font-size: 11px;
    margin-bottom: 1px
}

.datepicker--time-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 11px;
    height: 17px;
    background: linear-gradient(to right, #dedede, #dedede) left .5% 1px no-repeat
}

.datepicker--time-row:first-child {
    margin-bottom: 4px
}

.datepicker--time-row input[type=range] {
    background: 0 0;
    cursor: pointer;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    padding: 0;
    margin: 0;
    -webkit-appearance: none
}

.datepicker--time-row input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none
}

.datepicker--time-row input[type=range]::-ms-tooltip {
    display: none
}

.datepicker--time-row input[type=range]:hover::-webkit-slider-thumb {
    border-color: #b8b8b8
}

.datepicker--time-row input[type=range]:hover::-moz-range-thumb {
    border-color: #b8b8b8
}

.datepicker--time-row input[type=range]:hover::-ms-thumb {
    border-color: #b8b8b8
}

.datepicker--time-row input[type=range]:focus {
    outline: 0
}

.datepicker--time-row input[type=range]:focus::-webkit-slider-thumb {
    background: #5cc4ef;
    border-color: #5cc4ef
}

.datepicker--time-row input[type=range]:focus::-moz-range-thumb {
    background: #5cc4ef;
    border-color: #5cc4ef
}

.datepicker--time-row input[type=range]:focus::-ms-thumb {
    background: #5cc4ef;
    border-color: #5cc4ef
}

.datepicker--time-row input[type=range]::-webkit-slider-thumb {
    box-sizing: border-box;
    height: 12px;
    width: 12px;
    border-radius: 3px;
    border: 1px solid #dedede;
    background: #fff;
    cursor: pointer;
    transition: background .2s
}

.datepicker--time-row input[type=range]::-moz-range-thumb {
    box-sizing: border-box;
    height: 12px;
    width: 12px;
    border-radius: 3px;
    border: 1px solid #dedede;
    background: #fff;
    cursor: pointer;
    transition: background .2s
}

.datepicker--time-row input[type=range]::-ms-thumb {
    box-sizing: border-box;
    height: 12px;
    width: 12px;
    border-radius: 3px;
    border: 1px solid #dedede;
    background: #fff;
    cursor: pointer;
    transition: background .2s
}

.datepicker--time-row input[type=range]::-webkit-slider-thumb {
    margin-top: -6px
}

.datepicker--time-row input[type=range]::-webkit-slider-runnable-track {
    border: none;
    height: 1px;
    cursor: pointer;
    color: transparent;
    background: 0 0
}

.datepicker--time-row input[type=range]::-moz-range-track {
    border: none;
    height: 1px;
    cursor: pointer;
    color: transparent;
    background: 0 0
}

.datepicker--time-row input[type=range]::-ms-track {
    border: none;
    height: 1px;
    cursor: pointer;
    color: transparent;
    background: 0 0
}

.datepicker--time-row input[type=range]::-ms-fill-lower {
    background: 0 0
}

.datepicker--time-row input[type=range]::-ms-fill-upper {
    background: 0 0
}

.datepicker--time-row span {
    padding: 0 12px
}

.datepicker--time-icon {
    color: #9c9c9c;
    border: 1px solid;
    border-radius: 50%;
    font-size: 16px;
    position: relative;
    margin: 0 5px -1px 0;
    width: 1em;
    height: 1em
}

.datepicker--time-icon:after,
.datepicker--time-icon:before {
    content: '';
    background: currentColor;
    position: absolute
}

.datepicker--time-icon:after {
    height: .4em;
    width: 1px;
    left: calc(49%);
    top: calc(51%);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.datepicker--time-icon:before {
    width: .4em;
    height: 1px;
    top: calc(51%);
    left: calc(49%)
}

.datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade- {
    color: #dedede
}

.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
    color: #c5c5c5
}

.-disabled-.-focus-.datepicker--cell-day.-other-month-,
.-disabled-.-focus-.datepicker--cell-year.-other-decade- {
    color: #dedede
}

.-selected-.datepicker--cell-day.-other-month-,
.-selected-.datepicker--cell-year.-other-decade- {
    color: #fff;
    background: #a2ddf6
}

.-selected-.-focus-.datepicker--cell-day.-other-month-,
.-selected-.-focus-.datepicker--cell-year.-other-decade- {
    background: #8ad5f4
}

.-in-range-.datepicker--cell-day.-other-month-,
.-in-range-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, .1);
    color: #ccc
}

.-in-range-.-focus-.datepicker--cell-day.-other-month-,
.-in-range-.-focus-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, .2)
}

.datepicker--cell-day.-other-month-:empty,
.datepicker--cell-year.-other-decade-:empty {
    background: 0 0;
    border: none
}

header .content .col-xs-12 .item.pd0 {
    padding: 0
}

header .content .item .main_offer {
    margin: 50px 0 10px;
    font: 36px/1.2 Gilroy-SemiBold, Arial, sans-serif
}

header .content .item .main_offer p {
    font: inherit;
    margin: 0;
    padding: 0
}

header .content p {
    font: inherit;
    margin: 0;
    padding: 0
}

header .header .logo h1,
header .header .logo p {
    color: #191b2a;
    font: 12px/1.5 Gilroy-Regular, Arial, sans-serif;
    margin-left: 15px;
    max-width: 140px
}
/*
.adres-header {
    max-width: 260px
}
*/
.adres-header .text {
    position: relative
}

.open_cities {
    cursor: pointer;
	margin: 5px 0;
}

.city_list {
    display: none;
    position: absolute;
    background: #fff;
    padding: 20px;
    z-index: 9999;
    width: 500px;
    border-radius: 15px;
    top: 60px;
    left: -20px;
    box-shadow: 0 0 15px rgba(0, 0, 0, .25)
}

.city_list a {
    font: 14px Gilroy-SemiBold, Arial, sans-serif !important;
    color: #202234 !important
}

.city_list li {
    width: 50%;
    float: left;
    margin-bottom: 10px
}

.city_list a {
    font: 14px Gilroy-SemiBold, Arial, sans-serif;
    color: #202234
}

.city_list .title {
    color: #202234;
    font: 24px/1.1 Gilroy-ExtraBold, Arial, sans-serif;
    margin: 0 0 20px
}

.services .item-serv .h4 {
    margin-top: 20px;
    padding-right: 18px;
    min-height: 48px;
    color: #202234;
    font: 18px/1.1 Gilroy-ExtraBold, Arial, sans-serif
}

.bread ul li {
    color: rgba(32, 34, 52, .4);
    font-size: 11px;
    line-height: 15px;
    font-family: Gilroy-SemiBold;
    text-transform: uppercase;
    letter-spacing: 1.5px
}

#rigging_tmpl .s_title {
    color: #202234;
    font: 30px/1.1 Gilroy-ExtraBold, Arial, sans-serif;
    margin: 0 0 80px;
    letter-spacing: 0
}

#rigging_tmpl .bread .item {
    color: rgba(255, 255, 255, .4);
    font-size: 11px;
    line-height: 15px;
    font-family: Gilroy-SemiBold;
    text-transform: uppercase;
    letter-spacing: 1.5px
}

#rigging_tmpl .bread ul li+li:before {
    color: rgba(255, 255, 255, .4)
}

#rigging_tmpl .s_header {
    min-height: 545px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
    margin-bottom: 100px;
    background-color: #202234
}

#rigging_tmpl .calculator-b {
    padding: 55px;
    background: #ffe823;
    border-radius: 30px
}

#rigging_tmpl .calculator-b .s_title {
    font: 62px/1 Gilroy-ExtraBold, Arial, sans-serif;
    margin: 0 0 15px
}

#rigging_tmpl .calculator-b .s_caption {
    font: 29px/1 Gilroy-Regular, Arial, sans-serif;
    margin: 0 0 50px;
    letter-spacing: .2px
}

#rigging_tmpl .marquiz__container_inline {
    max-width: none
}

#rigging_tmpl .s_header .filter {
    z-index: 0;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    overflow: hidden
}

#rigging_tmpl .s_header .filter_b {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-image: -moz-linear-gradient(-90deg, #1c222d 0%, rgba(28, 34, 45, 0) 100%);
    background-image: -webkit-linear-gradient(-90deg, #1c222d 0%, rgba(28, 34, 45, 0) 100%);
    background-image: -ms-linear-gradient(-90deg, #1c222d 0%, rgba(28, 34, 45, 0) 100%);
    z-index: 2
}

#rigging_tmpl .s_header .f_img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    bottom: 0;
    margin: auto;
    opacity: .4;
    z-index: 1
}

#rigging_tmpl .header-block .main-title {
    margin: 40px 0 0;
    font: 63px/1.2 Gilroy-ExtraBold, Arial, sans-serif;
    color: #fff;
    position: relative;
    letter-spacing: -.5px
}

#rigging_tmpl .header-block {
    position: relative
}

#rigging_tmpl .header-block .caption {
    margin: 11px 0 0;
    font: 30px/1.6 Gilroy-Regular, Arial, sans-serif;
    color: #fff;
    position: relative;
    letter-spacing: -.2px
}

#rigging_tmpl .header-block .icons {
    margin: 43px 0 25px;
    font: 21px/1.6 Gilroy-Regular, Arial, sans-serif;
    color: #fff;
    position: relative
}

#rigging_tmpl .header-block ul {
    display: flex;
    align-items: center
}

#rigging_tmpl .header-block ul li {
    display: flex;
    align-items: center;
    width: 325px;
    margin-right: 25px
}

#rigging_tmpl .header-block ul li img {
    margin-right: 15px
}

#rigging_tmpl .bread {
    margin-top: 0;
    padding-bottom: 0;
    padding-top: 30px;
    position: relative;
    z-index: 2
}

#rigging_tmpl .bread ul li .bread-text {
    color: #fff;
    font-size: 11px;
    line-height: 15px;
    font-family: Gilroy-SemiBold;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    opacity: .4
}

#rigging_tmpl .bread:before {
    display: none;
    position: relative
}

#rigging_tmpl .seo-text img {
    border-radius: 10px 10px 10px 45px;
    margin-bottom: 40px;
    margin-left: 40px;
    float: right
}

#rigging_tmpl .seo-text img.alignright {
    border-radius: 10px 10px 10px 45px;
    margin-bottom: 40px;
    margin-left: 40px;
    float: right
}

#rigging_tmpl .seo-text img.alignleft {
    border-radius: 10px 10px 45px 10px;
    float: left;
    margin-bottom: 40px;
    margin-right: 40px
}

#rigging_tmpl .seo-text img.aligncenter {
    border-radius: 10px;
    display: block;
    text-align: center;
    float: none;
    margin: auto
}

#rigging_tmpl #serv .item {
    padding: 20px 15px 15px;
    height: 200px;
    border-radius: 10px 10px 10px 45px;
    display: block;
    overflow: hidden;
    width: calc(14% - 20px);
    margin: 0 10px 40px
}

#rigging_tmpl .seo-text {
    padding: 0
}

#rigging_tmpl .services .flex_w {
    margin-top: 0
}

#rigging_tmpl #serv .item img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 0
}

#rigging_tmpl #serv .item .title {
    color: #fff;
    font: 16px/1.3 Gilroy-ExtraBold, Arial, sans-serif;
    position: relative;
    font-weight: 400;
    margin: 0px 0px 0px;letter-spacing: 0.4px;
    height: 100px;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    z-index: 2;
    color: #fff;
    overflow-wrap: anywhere
}

#rigging_tmpl #serv .item .filter {
    display: block;
    background-image: -moz-linear-gradient(0deg, #202234 0%, rgba(32, 34, 52, 0) 100%);
    background-image: -webkit-linear-gradient(0deg, #202234 0%, rgba(32, 34, 52, 0) 100%);
    background-image: -ms-linear-gradient(0deg, #202234 0%, rgba(32, 34, 52, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

#rigging_tmpl #serv .item .price-i {
    display: inline-block;
    background-color: #ffe823;
    padding: 0 15px;
    border-radius: 45px;
    height: 38px;
    color: #000;
    position: relative;
    font: 16px/38px Gilroy-SemiBold, Arial, sans-serif;
    z-index: 2
}

#rigging_tmpl .form-block-b {
    background: #fff;
    position: relative;
    padding: 90px 80px 90px 0
}

#rigging_tmpl .form-block-b:before {
    background: #fff;
    content: "";
    display: block;
    left: -3000px;
    position: absolute;
    top: 0;
    height: 100%;
    right: 100%
}

#rigging_tmpl .form-block {
    border-radius: 20px;
    background-color: #fff;
    padding: 30px 40px;
    box-shadow: 12.021px 12.021px 51px 0 rgba(22, 24, 29, 0.18);
    position: absolute;
    left: 15px;
    bottom: -250px;
    width: 822px;
    height: 240px
}

#rigging_tmpl .form-block .form-header {
    font: 26px/1.4 Gilroy-SemiBold, Arial, sans-serif;
    margin-bottom: 20px;
    letter-spacing: .1px
}

#rigging_tmpl .form-block .inputs .name,
#rigging_tmpl .form-block .phone,
#rigging_tmpl .form-block-b .inputs .phone,
#rigging_tmpl .form-block-b .inputs .theme {
    align-items: center;
    background-color: #f4f4f7;
    font-size: 16px;
    padding: 13px 25px;
    border-radius: 100px;
    border: 1px solid #bbb
}

#rigging_tmpl .form-block-b .inputs .name,
#rigging_tmpl .form-block-b .inputs .phone,
#rigging_tmpl .form-block-b .inputs .theme {
    margin-bottom: 20px;
    padding: 18px 30px;
    width: 100%;
    font-size: 16px;
    background-color: #f4f4f7;
    border-radius: 100px
}

#rigging_tmpl .form-block-b:after {
    content: "";
    display: block;
    clear: both
}

#rigging_tmpl .contacts .map-wrap {
    height: auto;
    position: relative
}

#rigging_tmpl #serv .s_title {
    position: relative;
    z-index: 5;
    margin: 0 0 40px;
    letter-spacing: 0;
    font: 36px/1.1 Gilroy-ExtraBold, Arial, sans-serif
}

#rigging_tmpl .form-block .inputs .btn {
    padding: 20px 45px;
    background: #ffea37;
    overflow: hidden;
    position: relative;
    background: -moz-linear-gradient(55deg, rgba(255, 234, 55, 1) 34%, rgba(242, 193, 10, 1) 65%);
    background: -webkit-linear-gradient(55deg, rgba(255, 234, 55, 1) 34%, rgba(242, 193, 10, 1) 65%);
    background: linear-gradient(55deg, rgba(255, 234, 55, 1) 34%, rgba(242, 193, 10, 1) 65%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffea37", endColorstr="#f2c10a", GradientType=1);
    transition: all .4s ease 0
}

#rigging_tmpl .form-block .inputs .btn:hover {
    padding: 20px 45px;
    background: #f2c10a;
    background: -moz-linear-gradient(55deg, rgba(242, 193, 10, 1) 34%, rgba(255, 234, 55, 1) 65%);
    background: -webkit-linear-gradient(55deg, rgba(242, 193, 10, 1) 34%, rgba(255, 234, 55, 1) 65%);
    background: linear-gradient(55deg, rgba(242, 193, 10, 1) 34%, rgba(255, 234, 55, 1) 65%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f2c10a", endColorstr="#ffea37", GradientType=1)
}

#rigging_tmpl .form-block .inputs .btn:after {
    content: "";
    display: block;
    width: 30px;
    height: 300px;
    opacity: .5;
    margin-left: 60px;
    background: #fff;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.7) 0%, #fff 50%, rgba(255, 255, 255, 0.7) 100%);
    background: -webkit-linear-gradient(top, #ffffffb3 0%, #fff 50%, #ffffffb3 100%);
    background: linear-gradient(to bottom, #ffffffb3 0%, #fff 50%, #ffffffb3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3ffffff', endColorstr='#b3ffffff', GradientType=0);
    position: absolute;
    left: -40px;
    top: -150px;
    z-index: 1;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .1s;
    transition: all .1s;
    -webkit-animation-name: slideme;
    animation-name: slideme;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-delay: .05s;
    animation-delay: .05s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes slideme {
    0% {
        left: -30px;
        margin-left: 0
    }
    30% {
        left: 110%;
        margin-left: 80px
    }
    100% {
        left: 110%;
        margin-left: 80px
    }
}

#rigging_tmpl .services {
    margin-top: 115px;
    padding-bottom: 20px;
}

#rigging_tmpl .teh-wrap .s_title {
    margin-bottom: 15px;
    font: 36px/1.1 Gilroy-ExtraBold, Arial, sans-serif
}

#rigging_tmpl .form-block .inputs .agree {
    display: flex;
    align-items: flex-start;
    font: 12px/1.4 Gilroy-Regular, Arial, sans-serif;
    color: rgba(32, 34, 52, .4);
    padding-right: 21px;
    padding-top: 16px
}

#rigging_tmpl .form-block .inputs .agree img {
    margin-top: 10px;
    margin-right: 15px
}

#rigging_tmpl .form-block-b .form-header {
    font: 30px/1.5 Gilroy-SemiBold, Arial, sans-serif;
    margin-bottom: 30px
}

#rigging_tmpl .form-block-b .inputs {
    align-items: center
}

#rigging_tmpl .form-block-b .inputs .btn {
    padding: 20px 45px
}

#rigging_tmpl .form-block-b .inputs .agree {
    display: flex;
    align-items: flex-start;
    font: 12px/1.5 Gilroy-Regular, Arial, sans-serif;
    color: rgba(32, 34, 52, .4);
    padding-right: 25px
}

#rigging_tmpl .form-block-b .inputs .agree img {
    margin-top: 10px;
    margin-right: 15px
}

#rigging_tmpl .itemteh img {
    border-radius: 10px 10px 10px 45px;
    box-shadow: none;
    transform: scale(1);
    transition: all .4s ease 0s;
}
#rigging_tmpl .itemteh >a{
    display: block;
    overflow: hidden;
        border-radius: 10px 10px 10px 45px;
}
#rigging_tmpl .itemteh .ow{
    overflow:hidden;
    display: block;border-radius: 10px 10px 10px 45px;
}
#rigging_tmpl .itemteh {
    display: block;
    background-color: #f4f4f7;
    border-radius: 10px 10px 10px 45px;
    transition: all .4s ease 0s;overflow: hidden;
}
#rigging_tmpl .itemteh:hover {
    box-shadow: 0 0 40px rgba(0,0,0,.15);
}
#rigging_tmpl .itemteh:hover img{
    transform: scale(1.15);
}
#rigging_tmpl .itemteh .desc {
    margin-left: 0;
    margin-top: 0;
    border-radius: 0 0 25px 55px;
    background-color: #f4f4f7;
    padding: 15px 5px 15px 28px;
    position: relative
}

#rigging_tmpl .itemteh .bottom-text {
    font: 18px/1.5 Gilroy-Regular, Arial, sans-serif;
    opacity: .6;
    margin-top: 10px;
    display: block
}

#rigging_tmpl .teh-wrap {
       background-color: #fff;
    padding-top: 40px;
    padding-bottom: 30px;
    margin-bottom: 0;
}

#rigging_tmpl .teh-wrap .s_title {
    margin-bottom: 30px
}

#rigging_tmpl .teh-wrap .s_caption {
    font: 21px/1.5 Gilroy-Regular, Arial, sans-serif;
    margin-bottom: 30px;
    text-align: center;
    opacity: .6
}

#rigging_tmpl .about_block .s_title {
    font: 36px/1.2 Gilroy-ExtraBold, Arial, sans-serif;
    margin-bottom: 30px
}

#rigging_tmpl .about_block .right {
    padding-left: 50px
}

#rigging_tmpl .about_block .photo_block a {
    max-height: 310px;
    overflow: hidden;
    display: block
}

#rigging_tmpl .about_block {
    border-bottom: 5px solid #e4e4ea;
    border-top: 5px solid #e4e4ea;
        background: #f4f4f7;
    padding-bottom: 60px;
    padding-top: 35px;
}

#rigging_tmpl #realized_projs .s_title {
    color: #202234;
    font: 36px/1.1 Gilroy-ExtraBold, Arial, sans-serif;
    margin: 0 0 55px
}

#rigging_tmpl #realized_projs {
    padding: 50px 0 40px
}

#rigging_tmpl #realized_projs .item .des {
    color: rgba(32, 34, 52, .6);
    font: 16px/1.3 Gilroy-Regular, Arial, sans-serif;
    margin-bottom: 20px;
    text-align: center
}

#rigging_tmpl .about_block .s_caption {
    font: 21px/1.2 Gilroy-Regular, Arial, sans-serif;
    margin-bottom: 30px;
    opacity: .6
}

#rigging_tmpl .about_block .gallery_title {
    font: 21px/1.2 Gilroy-Regular, Arial, sans-serif;
    margin-bottom: 35px;
    text-align: center;
    opacity: .4
}

#rigging_tmpl .about_block .gallery_title:before {
    content: "";
    display: block;
    margin-bottom: 30px;
    background-color: #ffe823;
    width: 82px;
    height: 5px;
    margin: 0 auto 30px;
}

#rigging_tmpl .about_block .gallery_block a {
    width: 32%;
    padding-right: 5px;
    display: inline-block;
    box-sizing: border-box
}

#rigging_tmpl .about_block .gallery_block a img {
    max-width: 100%;
        border: 5px solid #e4e4ea;
        border-radius: 3px;
}

#rigging_tmpl .about_block .owl-nav .owl-prev {
    left: -55px;
    border-radius: 15px 0 0 15px
}

#rigging_tmpl .about_block .owl-nav button {
    width: 35px;
    height: 58px;
    background: #202234;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto
}

#rigging_tmpl .about_block .owl-nav .owl-next {
    right: -55px;
    border-radius: 0 15px 15px 0
}

#rigging_tmpl .about_block .owl-nav button svg {
    width: 20px;
    height: 20px
}

#rigging_tmpl .contract_block {
    background: #fff;
    padding: 100px 0 40px
}

#rigging_tmpl .contract_block .contr-link {
    display: inline-block;
    position: relative;
    border-radius: 10px;
    box-shadow: 12.021px 12.021px 63px 0 rgba(22, 24, 29, 0.1)
}

#rigging_tmpl .contract_block .contr-link:after {
    border-radius: 27px;
    content: "ПОСМОТРЕТЬ ДОГОВОР";
    background-color: #202234;
    position: absolute;
    bottom: 80px;
    display: block;
    left: 0;
    right: 0;
    margin: auto;
    width: 248px;
    height: 54px;
    text-align: center;
    color: #fff;
    font: 13px/54px Gilroy-SemiBold, Arial, sans-serif;
    letter-spacing: 1.2px
}

#rigging_tmpl .contract_block .items .item {
    display: flex;
    align-items: center;
    margin-bottom: 70px;
    position: relative
}

#rigging_tmpl .contract_block .items .item:after {
    content: "";
    bottom: -32px;
    left: 160px;
    position: absolute;
    right: 0;
    height: 1px;
    background: #e7e6ed;
    display: block
}

#rigging_tmpl .contract_block .items .item .icon {
    margin-right: 35px
}

#rigging_tmpl .contract_block .items .item .name {
    font: 24px/1.2 Gilroy-SemiBold, Arial, sans-serif;
    margin-bottom: 10px
}

#rigging_tmpl .contract_block .items .item .caption {
    font: 18px/1.2 Gilroy-Regular, Arial, sans-serif;
    margin-bottom: 0;
    opacity: .6
}

#rigging_tmpl #letters {
    padding: 25px 0 40px;
}

#rigging_tmpl #letters .s_title {
    margin-bottom: 50px
}

#rigging_tmpl .personal_block {
    padding: 80px 0;
    border-bottom: 5px solid #e4e4ea
}

#rigging_tmpl .personal_block .icon {
    height: 325px;
    overflow: hidden;
    margin-bottom: 20px
}

#rigging_tmpl .personal_block .icon img {
    object-fit: cover;
    height: 100%;
    width: 100%
}

#rigging_tmpl .personal_block .name {
    font: 16px/1.2 Gilroy-SemiBold, Arial, sans-serif;
    margin-bottom: 5px
}

#rigging_tmpl #work_step {
    padding: 75px 0 105px;
    background: #fff
}

#rigging_tmpl .personal_block .position {
    font: 16px/1.2 Gilroy-Regular, Arial, sans-serif;
    margin-bottom: 15px;
    opacity: .6
}

#rigging_tmpl .personal_block .staj {
    font: 16px/1.2 Gilroy-Regular, Arial, sans-serif;
    padding: 8px 20px;
    background: #fff;
    border-radius: 25px;
    display: inline-block
}

#rigging_tmpl .projects_block .project-i .img {
    height: 300px;
    overflow: hidden;
    display: block
}

#rigging_tmpl .projects_block .slider-portfolio-j {
    margin-left: -webkit-calc(50vw - 630px);
    margin-left: calc(50vw - 630px)
}

#rigging_tmpl .slider-portfolio-j .owl-nav {
    position: absolute;
    top: 120px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    left: -70px;
    width: 80%;
    justify-content: space-between;
    z-index: 1
}

#rigging_tmpl .project-i a {
    display: block
}

#rigging_tmpl .slider-portfolio-j .owl-nav button svg {
    width: 18px
}

#rigging_tmpl .slider-portfolio-j .owl-nav button {
    background-color: rgba(255, 255, 255, 1) !important;
    width: 58px;
    height: 58px;
    border-radius: 10px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

#rigging_tmpl .projects_block {
    padding: 80px 0 30px
}

#rigging_tmpl .slider-portfolio-j .project {
    margin-bottom: 30px;
    border-bottom: 2px solid #e2e2e8;
    margin-bottom: 45px;
    padding-bottom: 45px
}

#rigging_tmpl .slider-portfolio-j .project:last-child {
    border: none;
    margin-bottom: 0
}

#rigging_tmpl .slider-portfolio-j .name {
    font: 30px/1.2 Gilroy-ExtraBold, Arial, sans-serif;
    margin-bottom: 20px
}

#rigging_tmpl .slider-portfolio-j .caption {
    font: 17px/1.2 Gilroy-Regular, Arial, sans-serif;
    opacity: .7
}

#rigging_tmpl .slider-portfolio-j .items {
    margin-bottom: 30px
}

#rigging_tmpl .contacts .main-title {
    margin-top: 90px
}

#rigging_tmpl .contacts .agree a {
    color: inherit;
    line-height: inherit;
    display: flex;
    align-items: flex-start
}

#rigging_tmpl .itemteh .desc .title-teh {
    color: #202234;
    font: 15px/18px Gilroy-ExtraBold, Arial, sans-serif;
    height: 55px;
    display: flex;
    align-items: center
}

#rigging_tmpl .map [class*="ymaps-2"][class*="-ground-pane"] {
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    filter: gray;
    -неработает-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%)
}

.faq_block {
    padding: 90px 0
}

.faq_block .item {
    box-shadow: 0 0 0 1px #dadae6;
    background-color: rgba(241, 241, 241, 0);
    border-radius: 15px;
    padding: 20px;
    cursor: pointer;
    margin-bottom: 20px
}

.faq_block .item .content {
    display: none
}

.faq_block .item.open {
    background-color: #fff;
    box-shadow: 0 15px 56px 0 rgba(42, 42, 42, 0.1)
}

.faq_block .item.open .content {
    display: block
}

.faq_block .item .title {
    font: 20px/1.2 Gilroy-SemiBold, Arial, sans-serif;
    opacity: .8;
    color: #2b2334
}

.faq_block .item.open .title {
    opacity: 1
}

.faq_block .item .content {
    padding: 10px;
    font: 16px/1.5 Gilroy-Regular, Arial, sans-serif
}

.faq_block .item .title svg {
    margin-right: 20px
}

.teh-wrap.new-template {
    margin-top: 40px
}

.sidebar-menu {
    width: 100%;
    padding-right: 50px
}

.new-template .no-found {
    padding: 50px;
    font: 16px/1.5 Gilroy-Regular, Arial, sans-serif;
    background: #e6e6ee;
    border-radius: 5px;
    letter-spacing: .2px;
    opacity: .7
}

.new-template .sidebar-menu ul li:first-child {
    border-top: 1px solid #e1e1e8
}

.new-template .sidebar-menu>div>ul>li>ul {
    display: none
}

.new-template .sidebar-menu>div>ul>li>ul>li:last-child {
    border: none
}

.new-template .sidebar-menu>div>ul>li.current-menu-item>ul li a:before,
.new-template .sidebar-menu>div>ul>li.current-menu-parent>ul li a:before {
    content: "";
    border-style: solid;
    border-width: 1px;
    border-color: #e0dddd;
    border-radius: 50%;
    background-color: #fff;
    width: 18px;
    height: 18px;
    margin-right: 10px
}

.new-template .sidebar-menu>div>ul>li>ul li.current-menu-item {
    background-color: #000;
    margin-right: -15px
}

.new-template .sidebar-menu>div>ul>li>ul li.current-menu-item a {
    opacity: 1 !important;
    color: #fff
}

.new-template .sidebar-menu>div>ul>li>ul li.current-menu-item a:before {
    content: "";
    border-style: solid;
    border-width: 2px;
    border-color: #e0dddd;
    border-radius: 50%;
    background-color: #000;
    width: 18px;
    height: 18px;
    margin-right: 10px
}

.new-template .sidebar-menu>div>ul>li.current-menu-item>ul li a,
.new-template .sidebar-menu>div>ul>li.current-menu-parent>ul li a {
    display: flex;
    align-items: center;
    opacity: .7
}

.new-template .sidebar-menu>div>ul>li.current-menu-item>ul li,
.new-template .sidebar-menu>div>ul>li.current-menu-parent>ul li {
    padding: 13px 10px
}

.new-template .sidebar-menu>div>ul>li.current-menu-item>ul,
.new-template .sidebar-menu>div>ul>li.current-menu-parent>ul {
    display: block
}

.new-template.services>.container {
    display: block
}

.new-template .sidebar-menu ul li a {
    font: 16px/1.2 Gilroy-SemiBold, Arial, sans-serif;
    display: block;
    opacity: .7;
    color: #202234
}

.new-template .sidebar-menu ul li.current-menu-item a,
.new-template .sidebar-menu ul li.current-menu-parent a {
    color: #000;
    opacity: 1;
    border: none
}

.new-template .sidebar-menu ul li.current-menu-item,
.new-template .sidebar-menu ul li.current-menu-parent {
    border: none;
    background: #fff;
    border-radius: 10px
}

.new-template .sidebar-menu ul li.current-menu-item.menu-item-has-children>a,
.new-template .sidebar-menu ul li.current-menu-parent.menu-item-has-children>a {
    padding: 0 15px 15px
}

.new-template .sidebar-menu ul li.current-menu-item.menu-item-has-children,
.new-template .sidebar-menu ul li.current-menu-parent.menu-item-has-children {
    padding-bottom: 0 !important
}

.new-template .sidebar-menu ul li {
    border-bottom: 1px solid #e1e1e8;
    padding: 20px 15px
}

.teh-wrap.new-template .description {
    font: 16px/1.5 Gilroy-Regular, Arial, sans-serif;
    margin-bottom: 50px
}

.teh-wrap.new-template .itemteh .desc {
    margin-left: 0;
    padding: 40px 15px 15px
}

#related .itemteh .desc {
    margin-left: 0;
    padding: 40px 20px 20px
}

#related .related-items {
    border-top: 3px solid #e7e7f0;
    padding-top: 50px
}

#related .related-items .itemteh .bottom-text {
    margin-top: 25px;
    display: block
}

#related .related-items .itemteh .bottom-text div {
    display: flex;
    flex-direction: unset
}

#related .related-items .itemteh .bottom-text b {
    margin-left: 5px
}

#related .related-items .itemteh .item-btn {
    text-transform: none;
    height: 35px;
    padding: 0 5px !important
}

#related .related-items .itemteh .btns-categories {
    background-color: #ffe823;
    border-radius: 100px
}

#related .related-items .itemteh .desc .title-teh {
    color: #202234;
    font: 16px/21px Gilroy-SemiBold, Arial, sans-serif
}

.teh-wrap.new-template .itemteh .bottom-text {
    margin-top: 15px;
    display: block
}

.teh-wrap.new-template .btns-categories .item-btn {
    text-transform: none;
    padding: 0 10px;
    font-size: 14px
}

.teh-wrap.new-template .btns-categories .detail {
    position: relative;
    z-index: 2;
    width: 55%
}

.teh-wrap.new-template .btns-categories .item-order {
    border-radius: 0 100px 100px 0;
    position: relative;
    width: 45%
}

.teh-wrap.new-template .btns-categories .item-order:after {
    position: absolute;
    top: 0;
    height: 100%;
    right: 100%;
    left: -15px;
    content: "";
    display: block;
    z-index: 0;
    background: #ffe823
}

.teh-wrap.new-template .itemteh .bottom-text>div {
    display: flex;
    align-items: center;
    flex-direction: row
}

.teh-wrap.new-template .itemteh .bottom-text>div b {
    margin-left: 15px
}

.teh-wrap.new-template .itemteh .title-teh {
    color: #202234;
    font: 20px/24px Gilroy-ExtraBold, Arial, sans-serif;
    height: 55px;
    display: flex;
    align-items: center
}

.teh-wrap.new-template .filter_item {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    overflow: hidden;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e6e6ee
}

.teh-wrap.new-template .filter_item:last-child {
    border: none
}

.teh-wrap.new-template .filter_item .label {
    font: 14px/30px Gilroy-SemiBold, Arial, sans-serif;
    opacity: .6;
    margin-right: 20px
}

.teh-wrap.new-template .filter_item .values label {
    font: 14px/30px Gilroy-SemiBold, Arial, sans-serif;
    padding: 0 15px;
    border: 1px solid #ffcd11;
    display: inline-block;
    border-radius: 25px;
    cursor: pointer;
    margin-right: 5px
}

.teh-wrap.new-template .filter_item .values label.current {
    
    background:  #ffcd11;
    
}

.teh-wrap.new-template .filter_item .values input {
    display: none
}

.single-tehn.new-template .header-single .tehn-img {
    height: 400px;
    overflow: hidden;
    border-radius: 15px;
    display: block
}

.single-tehn.new-template .header-single .tehn-img img {
    height: 100%
}

.single-tehn.new-template .header-single {
    background: #fff;
    position: relative;
    border-radius: 15px 0 0 15px
}

.single-tehn.new-template .header-single:after {
    content: "";
    clear: both;
    display: block
}

.single-tehn.new-template .header-single:before {
    content: "";
    position: absolute;
    top: 0;
    background: #fff;
    height: 100%;
    left: 100%;
    right: -4000px;
    display: block
}

.single-tehn.new-template .header-single h1 {
    margin-top: 50px;
    display: block;
    font: 36px/45px Gilroy-ExtraBold, Arial, sans-serif;
    margin-bottom: 40px
}

.single-tehn.new-template .bread:before {
    display: none
}

.single-tehn.new-template {
    margin-top: 50px
}

.single-tehn.new-template .bread {
    margin-bottom: 30px
}

.single-tehn.new-template .params-text {
    display: flex;
    flex-wrap: wrap
}

.single-tehn.new-template .params-text .param-item {
    width: 50%;
    display: flex;
    align-items: center
}

.single-tehn.new-template .params-text .param-item:before {
    background-color: #e1e1e6;
    width: 6px;
    height: 33px;
    content: "";
    margin-right: 18px;
    border-radius: 3px
}

.single-tehn.new-template .params-text .param-item.yl:before {
    background-color: #ffe823
}

.single-tehn.new-template .right {
    padding-left: 50px
}

.single-tehn.new-template .params-text .param-item {
    margin-bottom: 25px
}

.single-tehn.new-template .params-text .param-item span {
    margin-bottom: 5px;
    font: 15px/21px Gilroy-Regular, Arial, sans-serif
}

.single-tehn.new-template .params-text .param-item span,
.single-tehn.new-template .params-text .param-item b {
    display: block
}

.single-tehn.new-template .params-text .param-item b {
    font: 15px/21px Gilroy-ExtraBold, Arial, sans-serif
}

.single-tehn.new-template .info {
    padding: 50px 0 65px;
    overflow: hidden
}

.single-tehn.new-template .info .title {
    margin-bottom: 25px;
    font: 32px/36px Gilroy-ExtraBold, Arial, sans-serif
}

.single-tehn.new-template .info .title:after {
    display: none !important
}

.single-tehn.new-template .params {
    margin-bottom: 35px
}

.single-tehn.new-template .params .param-item {
    display: flex
}

.single-tehn.new-template .params .param-item .lab {
    width: 50%;
    padding: 10px 20px;
    display: block;
    border-right: 3px solid #f4f4f7;
    font: 14px/18px Gilroy-Regular, Arial, sans-serif
}

.single-tehn.new-template .params .param-item .val {
    width: 50%;
    padding: 10px 20px;
    display: block;
    font: 14px/18px Gilroy-ExtraBold, Arial, sans-serif
}

.single-tehn.new-template .params .param-item .val svg {
    margin-right: 15px
}

.param-item:nth-child(2n+1) {
    background: #fff;
    border-radius: 10px
}

.single-tehn.new-template .right {
    padding-left: 50px
}

.uarend {
    counter-reset: section
}

.uarend li {
    display: flex;
    align-items: center;
    font: 16px/24px Gilroy-Regular, Arial, sans-serif;
    margin-bottom: 25px
}

.uarend li:before {
    counter-increment: section;
    content: counter(section);
    border-radius: 5px;
    background-color: #202234;
    width: 32px;
    min-width: 32px;
    height: 33px;
    display: flex;
    align-items: center;
    margin-right: 15px;
    justify-content: center;
    color: #fff;
    align-items: center;
    font: 15px/18px Gilroy-ExtraBold, Arial, sans-serif
}

body {
    font-family: Gilroy-Regular, Arial, sans-serif;
    font-size: 16px;
    line-height: 30px
}

.top-section .bread-text {
    color: rgba(255, 255, 255, .4);
    font-size: 11px;
    line-height: 15px;
    font-family: Gilroy-SemiBold;
    text-transform: uppercase;
    letter-spacing: 1.5px
}

a {
    font-style: italic;
    color: #00F
}

header .content {
    color: #fff
}

.main-slider * {
    color: #fff
}

.mujik {
    margin-top: -50px
}

.thanks {
    margin: 35px 0 25px;
    font: 28px/1.1 Gilroy-Light, Arial, sans-serif
}

.glavny {
    color: #262c39;
    background-color: #ffe823;
    cursor: pointer;
    letter-spacing: .4px;
    text-transform: uppercase;
    font: 13px Gilroy-SemiBold, Arial, sans-serif;
    display: inline-block;
    padding: 23px 45px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
    margin-top: 50px;
    letter-spacing: 2px
}

.white-tel {
    background: #fff;
    padding: 20px;
    border-radius: 15px;
    display: flex;
    width: 80%
}

.tels {
    width: 35px;
    background: #ffe823;
    border-radius: 5px;
    height: auto
}

.tels img {
    margin-left: 15px;
    margin-top: 50%
}

.nomel-tel {
    font: 31px Gilroy-ExtraBold, Arial, sans-serif;
    margin-bottom: 5px;
    display: inline-block;
    margin-left: 45px
}

.nomel-tel a {
    font: 31px Gilroy-ExtraBold, Arial, sans-serif;
    color: #000
}

.nomel-tel svg {
    width: 20px;
    height: auto;
    margin-right: 10px;
    margin-top: -5px
}

.nomel-tel .soc {
    display: flex;
    margin-top: 20px
}

.nomel-tel .soc a {
    display: flex;
    text-transform: uppercase;
    font: 11px Gilroy-SemiBold, Arial, sans-serif;
    color: #b5b6b9;
    margin-right: 20px;
    font-style: normal
}

@media (max-width: 800px) {
.nav-tab a {
    margin-right: 5px;
    padding: 11px 10px;
    font: 12px Gilroy-SemiBold, Arial, sans-serif;
}
header .header .footer{
    display: none !important;
}
header .header .logo h1, header .header .logo p {
    font: 8px/1.3 Gilroy-Regular, Arial, sans-serif;
    margin-left: 10px;
    max-width: 80px;
    letter-spacing: 0;
}
.slider-portfolio {
            overflow: visible;
        max-height: none;
    }

    .mujik {
        margin-top: 30px;
        width: 100%;
        height: auto;
        display: block
    }
    .white-tel {
        background: #fff;
        padding: 20px;
        border-radius: 15px;
        display: flex;
        width: 100%;
        height: 119px
    }
    .soc {
        height: 30px
    }
    .nomel-tel svg {
        margin-top: -20px;
        margin-right: 5px
    }
    .glavny {
        margin-top: 30px
    }
    .nomel-tel a {
        font: 26px Gilroy-ExtraBold, Arial, sans-serif;
        color: #000
    }
    .nomel-tel .soc a {
        display: flex;
        text-transform: uppercase;
        font: 10px Gilroy-SemiBold, Arial, sans-serif;
        color: #b5b6b9;
        margin-right: 5px;
        font-style: normal
    }
    .thanks {
        margin: 35px 0 25px;
        font: 22px/1.1 Gilroy-Light, Arial, sans-serif
    }
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    border-radius: 10px;
    background-color: #f5f5f5
}

body::-webkit-scrollbar {
    width: 12px;
    background-color: #f5f5f5
}

body::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #ffba39
}

.header-single {
    background: 0 0;
    padding: 0
}

.header-single:before {
    display: none
}

.header-single .header {
    z-index: 6
}

.dflex,
.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.flex._ai_c {
    align-items: center
}

.diflex {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.aic {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.aifs {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.aife {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

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

.jcfe {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.jcc {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.jcsb {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.fwrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.fdc {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.asfs {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.bread {
    margin-top: 30px;
    padding-bottom: 5px;
    position: relative
}

.bread:before {
    content: '';
    position: absolute;
    left: 15px;
    width: 100vw;
    bottom: 0;
    height: 1px;
    background-color: #e7e7f0
}

.bread ul li {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.bread ul li a {
    color: rgba(32, 34, 52, .4);
    font-size: 11px;
    font-style: normal;
    line-height: 15px;
    font-family: Gilroy-SemiBold;
    text-transform: uppercase;
    letter-spacing: 1.5px
}

.bread ul li+li:before {
    content: '>';
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    color: rgba(32, 34, 52, .4);
    font-size: 11px;
    line-height: 11px;
    font-family: Gilroy-SemiBold;
    margin: 0 7px 0 2px
}

.main-title {
    color: #202234;
    font: 36px/1.1 Gilroy-ExtraBold, Arial, sans-serif
}

.services {
    margin-top: 70px
}

.services .main-title {
    margin-bottom: 50px
}

.services .flex_w {
    width: 100%;
    margin-top: 64px
}

.services .item-serv {
    background-color: #fff;
    padding: 0 0 40px 45px;
    border-radius: 60px 5px 5px 45px;
    margin-bottom: 85px
}

.services .item-serv img {
    width: 100%;
    height: 170px;
    border-radius: 60px 0 0 25px;
    margin-top: -18px;
    -o-object-fit: cover;
    object-fit: cover
}

.services .item-serv h4 {
    margin-top: 20px;
    padding-right: 18px;
    min-height: 48px;
    color: #202234;
    font: 24px/1.1 Gilroy-ExtraBold, Arial, sans-serif
}

.services .item-serv ul {
    margin-top: 28px
}

.services .item-serv ul li {
    border-bottom: 1px solid #efeff4;
    padding-bottom: 2px;
    margin-bottom: 2px
}

.services .item-serv ul li a {
    color: #202234;
    font: 15px/1.1 Gilroy-Regular, Arial, sans-serif;
    position: relative
}

.services .item-serv ul li a:hover {
    font-weight: 700
}

.services .item-serv ul li a:before {
    content: '';
    background-image: url(../img/icons/ar-right.svg);
    width: 9px;
    height: 15px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 7px;
    position: absolute;
    left: -16px;
    top: 1px
}

.top-section {
    background-color: #000;
    padding: 33px 0
}

.top-section .bread {
    margin: 0 auto
}

.top-section .bread:before {
    background-color: rgba(255, 255, 255, .1)
}

.top-section .bread ul li a {
    color: rgba(255, 255, 255, .4)
}

.top-section .bread ul li+li:before {
    color: rgba(255, 255, 255, .4)
}

.top-section {
    position: relative
}

.top-section h1 {
    margin: 40px 0 0;
    font: 53px/1.2 Gilroy-ExtraBold, Arial, sans-serif;
    color: #fff
}

.top-section p {
    margin: 32px 0 0;
    font: 20px/1.6 Gilroy-Regular, Arial, sans-serif;
    color: #fff
}

.top-section .top-2 {
    position: absolute;
    top: -300px;
    right: -webkit-calc(50vw - 620px);
    right: calc(50vw - 620px);
    border-radius: 50%;
    width: 650px;
    height: 650px;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 4
}

.top-section .img-section {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.top-section>* {
    position: relative;
    z-index: 3
}

.top-section:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(32, 34, 52, .78);
    z-index: 2
}

.top-section .btn-fast {
    margin-top: 40px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-shadow: 8px 8px 42px rgba(28, 34, 45, .7);
    box-shadow: 8px 8px 42px rgba(28, 34, 45, .7);
    border-radius: 27px;
    background-color: #fff;
    height: 54px;
    padding: 0 44px;
    text-transform: uppercase;
    font: 16px/1 Gilroy-Bold, Arial, sans-serif;
    color: #202234;
    letter-spacing: 2px
}

.prems {
    padding: 75px 0 95px
}

.prems .container .wrap-prems {
    margin-top: 45px
}

.prems .container .wrap-prems .item {
    color: #171c22;
    font: 18px/1.7 Gilroy-Regular, Arial, sans-serif;
    padding: 40px 44px 40px 112px;
    border-radius: 15px;
    background-color: #fff;
    position: relative
}

.prems .container .wrap-prems .item:before {
    content: '';
    position: absolute;
    left: 31px;
    top: 40px;
    bottom: 40px;
    margin: auto;
    border-radius: 8px;
    background-color: #ffe823;
    display: block;
    width: 37px;
    z-index: 1
}

.prems .container .wrap-prems .item:after {
    content: '';
    position: absolute;
    left: 47px;
    z-index: 2;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 41px;
    height: 41px;
    background-image: url(../img/icons/check.svg);
    background-repeat: no-repeat
}

.prems .container .wrap-prems .item+.item {
    margin-top: 15px
}

.prems .container .left {
    width: 541px
}

.prems .container .right {
    width: 609px;
    padding-left: 85px;
    background-color: #fff;
    position: relative;
    border-radius: 0 0 0 20px;
    padding-bottom: 40px
}

.prems .container .right img {
    max-width: 100%;
    height: auto;
    border-radius: 15px;
    margin: 60px 0
}

.prems .container .right:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: -75px;
    background-color: #fff;
    height: 75px
}

.prems .container .right:after {
    content: '';
    position: absolute;
    right: -50vw;
    width: 50vw;
    top: -75px;
    bottom: 0;
    background-color: #fff
}

.prems .container .right p {
    font: 18px/1.5 Gilroy-Regular, Arial, sans-serif;
    position: relative;
    padding-left: 40px
}

.prems .container .right p:before {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    border-radius: 5px;
    background-color: #fecc11;
    width: 20px;
    height: 20px
}

.prems .container h2 {
    color: #202234;
    font: 41px/1 Gilroy-ExtraBold, Arial, sans-serif
}

.gallery-works {
    background-color: #fff
}

.gallery-works .s_title {
    margin-bottom: 40px
}

#letters.letters-single {
    padding-bottom: 85px
}

.price {
    margin: 70px 0 100px
}

.price .s_title {
    margin: 0
}

.price .btns {
    margin-top: 8px
}

.price .btns a {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #202234;
    font: 16px/1 Gilroy-Regular, Arial, sans-serif
}

.price .btns a img {
    margin-right: 13px
}

.price .btns a+a {
    margin-left: 49px
}

.price .tabs-price {
    margin-top: 40px
}

.price .tabs-price .item-price .top-price {
    height: 90px;
    -webkit-box-shadow: 6px 6px 32px rgba(49, 48, 46, .08);
    box-shadow: 6px 6px 32px rgba(49, 48, 46, .08);
    border-radius: 15px;
    background-color: #fff;
    padding: 0 28px 0 46px;
    cursor: pointer;
    position: relative;
    z-index: 2
}

.price .tabs-price .item-price .top-price .t-price {
    color: #202234;
    font: 30px/1 Gilroy-Regular, Arial, sans-serif
}

.price .tabs-price .item-price .top-price .show-price span {
    color: #2d2f3f;
    font: 16px/1 Gilroy-Regular, Arial, sans-serif;
    margin-right: 17px
}

.price .tabs-price .item-price .top-price .show-price .arr {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #ffe823;
    -webkit-transition-duration: .15s;
    -o-transition-duration: .15s;
    transition-duration: .15s
}

.price .tabs-price .item-price .top-price .show-price .arr svg {
    -webkit-transition-duration: .15s;
    -o-transition-duration: .15s;
    transition-duration: .15s;
    fill: #000;
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1)
}

.price .tabs-price .item-price .bottom-price {
    margin-top: -15px;
    padding: 55px 45px 40px;
    background-color: #fff;
    border-radius: 0 0 15px 15px
}

.price .tabs-price .item-price .bottom-price .table-price {
    border-bottom: 3px solid #f3f2f8
}

.price .tabs-price .item-price .bottom-price .table-price .row-table {
    background-color: #f3f2f8;
    height: 56px;
    border-radius: 10px;
    padding: 0 20px
}

.price .tabs-price .item-price .bottom-price .table-price .row-table .left {
    color: #2d2f3f;
    font: 16px/1 Gilroy-Regular, Arial, sans-serif
}

.price .tabs-price .item-price .bottom-price .table-price .row-table .right .order {
    opacity: 0;
    visibility: hidden;
    border-radius: 18px;
    background-color: #ffe823;
    height: 35px;
    font: 12px/1 Gilroy-SemiBold, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #2d2f3f;
    padding: 0 30px;
    margin-right: 95px
}

.price .tabs-price .item-price .bottom-price .table-price .row-table .right .t-price {
    font: 16px/1 Gilroy-SemiBold, Arial, sans-serif;
    color: #2d2f3f
}

.price .tabs-price .item-price .bottom-price .table-price .row-table:nth-child(2n) {
    background-color: #fff
}

.price .tabs-price .item-price .bottom-price .table-price .row-table:hover {
    background-color: #202234
}

.price .tabs-price .item-price .bottom-price .table-price .row-table:hover .left {
    color: #fff
}

.price .tabs-price .item-price .bottom-price .table-price .row-table:hover .right .order {
    opacity: 1;
    visibility: visible
}

.price .tabs-price .item-price .bottom-price .table-price .row-table:hover .right .t-price {
    color: #fff
}

.price .tabs-price .item-price .opened-table .show-price .arr {
    background-color: #f1f1f5
}

.price .tabs-price .item-price .opened-table .show-price .arr svg {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    fill: #928e9f
}

.price .tabs-price .item-price+.item-price {
    margin-top: 18px
}

.price .desc-item {
    margin-top: 37px
}

.price .desc-item .btn-order {
    border-radius: 27px;
    background-color: #fddb05;
    height: 54px;
    color: #2d2f3f;
    font: 13px/1 Gilroy-SemiBold, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: .78px;
    white-space: nowrap;
    padding: 0 48px;
    margin-right: 50px
}

.price .desc-item .text {
    padding-left: 51px;
    position: relative;
    font: 14px/22px Gilroy-Regular, Arial, sans-serif;
    color: rgba(45, 47, 63, .8)
}

.price .desc-item .text:before {
    content: '';
    background-image: url(../img/icons/comment.svg);
    width: 30px;
    height: 30px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: absolute;
    left: 0;
    top: 0
}

.contacts {
    padding-bottom: 0
}

.contacts .main-title {
    margin-top: 55px
}

.req a {
    padding: 15px 15px;
    border-radius: 10px;
    margin: 0 5px
}

.contacts .map-wrap {
    height: 780px;
    position: relative
}

.contacts .map-wrap .dflex {
    height: 100%
}

.contacts .map-wrap .map {
    height: 100%;
    position: absolute;
    right: -50vw;
    width: -webkit-calc(50vw + 630px);
    width: calc(50vw + 630px);
    top: 0;
    bottom: 0
}

.contacts .contacts-wrap {
    max-width: 460px;
    margin-top: 45px
}

.contacts .contacts-wrap .item {
    border-radius: 15px;
    background-color: #fff;
    padding: 18px 16px 18px 83px;
    position: relative;
    min-height: 95px
}

.contacts .contacts-wrap .item:before {
    content: '';
    position: absolute;
    left: 16px;
    top: 18px;
    bottom: 18px;
    border-radius: 8px;
    background-color: #ffe823;
    width: 32px
}

.contacts .contacts-wrap .item>img {
    position: absolute;
    left: 33px;
    top: 0;
    bottom: 0;
    margin: auto
}

.contacts .contacts-wrap .item .tel {
    font: 21px/1 Gilroy-ExtraBold, Arial, sans-serif;
    color: #1b1c28
}

.contacts .contacts-wrap .item .socials {
    margin-top: 13px
}

.contacts .contacts-wrap .item .socials a+a {
    margin-left: 17px
}

.contacts .contacts-wrap .item .t-contact {
    font: 21px/1.5 Gilroy-Regular, Arial, sans-serif;
    color: #1b1c28
}

.contacts .contacts-wrap .item .d-contact {
    color: rgba(27, 28, 40, .6);
    font: 12px/1.1 Gilroy-Regular, Arial, sans-serif;
    letter-spacing: .12px;
    margin-top: 10px
}

.contacts .contacts-wrap .item .mail {
    line-height: 21px
}

.contacts .contacts-wrap .item+.item {
    margin-top: 10px
}

.representatives {
    margin-top: 69px;
    position: relative
}

.representatives:before {
    content: '';
    position: absolute;
    left: 15px;
    width: 100vw;
    right: 0;
    height: 1px;
    background-color: #e7e7f0
}

.representatives h2 {
    margin-top: 69px;
    color: #202234;
    font: 41px/46px Gilroy-UltraLight, Arial, sans-serif
}

.representatives .rep-items {
    margin-top: 54px
}

.rep-items {
    margin: 0 -20px
}

.rep-items .item {
    width: 220px;
    margin: 0 20px;
    background: #fff;
    border-radius: 0 0 10px 10px
}

.rep-items .item .top-title {
    border-radius: 10px;
    background-color: #202234;
    padding: 22px 18px;
    color: #fff;
    font: 21px/1 Gilroy-ExtraBold, Arial, sans-serif;
    position: relative;
    z-index: 2
}

.rep-items .item .content {
    border-radius: 0 0 10px 10px;
    background-color: #fff;
    padding: 30px 18px 25px;
    margin-top: -10px
}

.rep-items .item .content .box {
    padding-left: 32px;
    position: relative
}

.rep-items .item .content .box img {
    position: absolute;
    left: 0;
    top: 5px
}

.rep-items .item .content .box .tel {
    font: 16px/1 Gilroy-SemiBold, Arial, sans-serif;
    color: #171a1e
}

.rep-items .item .content .box span {
    color: rgba(23, 26, 30, .5);
    font: 12px/1 Gilroy-Regular, Arial, sans-serif;
    margin-top: 7px
}

.rep-items .item .content .box .mail {
    color: #171a1e;
    font: 14px/1 Gilroy-Regular, Arial, sans-serif
}

.rep-items .item .content .box .adr {
    color: #171a1e;
    font: 16px/1.5 Gilroy-Regular, Arial, sans-serif
}

.rep-items .item .content .box+.box {
    margin-top: 42px
}

.rep-items .item .content .box+.box:before {
    content: '';
    position: absolute;
    left: 0;
    top: -22px;
    right: -18px;
    height: 1px;
    background-color: #ecf2f5
}

#calc+footer {
    margin-top: 13px
}

.portfolio {
    margin-top: 55px;
    padding-bottom: 40px
}

.portfolio-list {
    margin-top: 40px;
    float: left;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.portfolio-list .col-md-4 {
    display: none
}

.portfolio-list .item {
    margin-bottom: 35px;
    box-shadow: 14px 0 14px rgba(0, 0, 0, 0.1);
    padding-bottom: 19px;
    border-radius: 30px;
}

.portfolio-list .item .img {
    height: 239px;
    position: relative
}

.portfolio-list .item .img .main-img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    -o-object-fit: cover;
    object-fit: cover
}

.portfolio-list .item .img .brand {
    position: absolute;
    left: 20px;
    bottom: -25px;
    padding: 10px;
    border-radius: 10px;
    background-color: #fff;
    height:75px;
    display: flex;
    align-items: center;
}

.portfolio-list .item .img .brand img {
    width: auto;
    max-width: 300px;
    max-height: 55px;
    height: auto;
    border-radius: 10px
}

.portfolio-list .item .title {
    height: 50px;
    display: flex;
    align-items: center;
    margin-top: 31px;
    color: #202234;
    font: 16px/1.3 Gilroy-ExtraBold, Arial, sans-serif;
    padding-right: 31px;
}

.portfolio-list .item .desc {
    margin-top: 5px;
    color: rgba(32, 34, 52, .6);
    font: 14px/1.2 Gilroy-Regular, Arial, sans-serif
}

.portfolio-list .item .detail {
    border-radius: 16px;
    border: 2px solid #ffcd11;
    height: 31px;
    font: 11px/1 Gilroy-SemiBold, Arial, sans-serif;
    padding: 0 21px;
    margin-top: 18px;
    color: #202234;
    -webkit-transition-duration: .15s;
    -o-transition-duration: .15s;
    transition-duration: .15s
}

.portfolio-list .item .detail:hover {
    background-color: #ffcd11
}

.ld-more {
    cursor: pointer;
    letter-spacing: 1.2px;
    color: #202234;
    font: 13px/1 Gilroy-SemiBold, Arial, sans-serif;
    text-transform: uppercase;
    background-color: #ececf1;
    overflow: hidden;
    position: relative;
    padding: 23px 23px 19px 83px;
    border-radius: 15px
}

.ld-more .icon {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: #ffe823;
    border-right: 5px solid #f4f4f7;
    width: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ld-more .icon svg {
    width: 24px;
    height: 24px
}

.slider-portfolio {
    margin-top: 33px;
    margin-left: -webkit-calc(50vw - 630px);
    margin-left: calc(50vw - 630px)
}

.slider-portfolio .item {
    /*width: auto;*/
    height: 350px;
   /* -webkit-box-shadow: 5px 5px 25px rgba(43, 44, 43, .13);
    box-shadow: 5px 5px 25px rgba(43, 44, 43, .13);*/
    border-radius: 15px;
    overflow: hidden;
    /*margin: 30px 20px*/
}
.slider-portfolio .item a{ display: block;   height: 100%;}
.slider-portfolio .item img {
    /*width: 100%;
    height: 100%;*/    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.slider-portfolio .owl-stage {
   /* display: flex; */

}

.slider-portfolio-owl.owl-loaded {
 opacity: 1 !important;
    visibility: visible !important;
}
.slider-portfolio  .owl-item:last-child{
    margin-right: 0 !important;
}
.slider-portfolio .owl-nav {
    position: absolute;
    right: calc(50vw - 262px);
    bottom: 28px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.slider-portfolio .owl-nav button {
    background-color: rgba(255, 255, 255, .8) !important;
    width: 51px;
    height: 58px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

.slider-portfolio .owl-nav button:hover {
    background-color: #fff !important
}

.slider-portfolio .owl-nav button:hover:before {
    border-color: #000
}

.slider-portfolio .owl-nav button span {
    display: none
}

.slider-portfolio .owl-nav button:before {
    content: '';
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    border: solid #000;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 6px;
    margin-left: -5px
}

.slider-portfolio .owl-nav .owl-prev {
    border-radius: 15px 0 0 15px
}

.slider-portfolio .owl-nav .owl-prev:before {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    margin-left: 5px
}

.slider-portfolio .owl-nav .owl-next {
    border-radius: 0 15px 15px 0
}

.slider-portfolio .owl-nav button+button {
    margin-left: 3px
}

.slider-portfolio .owl-dots {
    position: absolute;
    right: calc(50vw - 140px);
    bottom: 47px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.slider-portfolio .owl-dots button {
    border: 1px solid transparent;
    width: 18px;
    height: 18px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 4px;
    border-radius: 50%;
    margin: 0 1px
}

.slider-portfolio .owl-dots button:before {
    content: '';
    width: 10px;
    height: 10px;
    background-color: rgba(255, 255, 255, .4);
    border-radius: 50%
}

.slider-portfolio .owl-dots button.active {
    border: 1px solid rgba(255, 255, 255, .35)
}

.slider-portfolio .owl-dots button.active:before {
    background-color: #ffe823
}

.content-portfolio {
    padding: 0 45px 40px;
    border-radius: 15px;
    background-color: #fff;
    position: relative;
    margin-top: 20px;
    float: left;
    width: 100%
}

.content-portfolio .top {
    margin-bottom: 55px
}

.content-portfolio .logo-company {
    margin-top: -14px;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-box-shadow: 11px 11px 54px rgba(43, 44, 43, .13);
    box-shadow: 11px 11px 54px rgba(43, 44, 43, .13);
    border-radius: 10px;
    background-color: #fff;
    overflow: hidden
}

.content-portfolio .logo-company img {
    max-width: 100%;
    max-height: 100%
}

.content-portfolio .text {
    overflow: hidden;
    argin-top: 39px;
    margin-left: 40px
}

.content-portfolio .text p {
    color: #262c39;
    font: 16px/1.5 Gilroy-Regular, Arial, sans-serif;
    margin-bottom: 20px
}

.content-portfolio .list .item {
    position: relative;
    color: #262c39;
    padding: 0 0 0 55px
}

.content-portfolio .list .item p {
    color: #2d2f3f;
    font: 16px/1.5 Gilroy-Regular, Arial, sans-serif;
    padding: 25px 0;
    border-top: 1px solid #ebebf1;
    border-bottom: 1px solid #ebebf1;
    width: 100%
}

.content-portfolio .list .item:before {
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    bottom: 3px;
    margin: auto;
    border-radius: 4px;
    background-color: #ffe823;
    display: block;
    width: 29px;
    z-index: 1
}

.content-portfolio .list .item:after {
    content: '';
    position: absolute;
    left: 17px;
    z-index: 2;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 22px;
    height: 22px;
    background-image: url(../img/icons/check.svg);
    background-repeat: no-repeat;
    background-size: 100%
}

.content-portfolio .list .item+.item p {
    border-top: none
}

.content-portfolio .video-wrapper {
    margin-top: 50px;
    margin-bottom: -60px
}

.content-portfolio .video-wrapper .video {
    width: 720px;
    height: 390px;
    position: relative;
    -webkit-box-shadow: 4px 4px 38px rgba(44, 44, 43, .18);
    box-shadow: 4px 4px 38px rgba(44, 44, 43, .18);
    border-radius: 15px;
    overflow: hidden
}

.content-portfolio .video-wrapper .video .bg-video {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute
}

.content-portfolio .video-wrapper .video .play {
    position: absolute;
    z-index: 2;
    cursor: pointer
}

.content-portfolio .video-wrapper .text-2 {
    width: 365px;
    padding-top: 35px;
    margin-bottom: 100px
}

.content-portfolio .video-wrapper .text-2 h2 {
    font: 41px/1.1 Gilroy-ExtraBold, Arial, sans-serif;
    margin-bottom: 35px
}

.content-portfolio .video-wrapper .text-2 p {
    color: #2d2f3f;
    font: 16px/1.5 Gilroy-Regular, Arial, sans-serif
}

.reviews {
    margin-top: 55px
}

.reviews .col-md-3 {
    display: none
}

.reviews .rev-item {
    margin-bottom: 90px
}

.reviews .rev-item .top-title {
    border-radius: 30px 5px 0 0;
    background-color: #ffe823;
    height: 88px;
    padding: 0 30px;
    color: #202234
}

.reviews .rev-item .top-title b {
    font: 18px/18px Gilroy-ExtraBold, Arial, sans-serif
}

.reviews .rev-item .top-title span {
    font: 16px/16px Gilroy-Regulat, Arial, sans-serif;
    margin-top: 10px
}

.reviews .img {
    margin-top: 7px;
    border-radius: 0 0 5px 30px;
    background-color: #fff;
    padding: 30px;
    position: relative;
    height: 385px
}

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

.reviews .img .logo {
    -webkit-box-shadow: 7px 12px 40px rgba(43, 44, 43, .15);
    box-shadow: 7px 12px 40px rgba(43, 44, 43, .15);
    border-radius: 5px;
    background-color: #fff;
    width: 124px;
    height: 78px;
    padding: 8px 15px;
    position: absolute;
    left: 30px;
    bottom: -35px
}

.about-wrapper {
    margin-bottom: 130px
}

.about-wrapper .nav {
    width: 181px;
    background-color: #fff;
    padding-top: 107px;
    position: relative;
    border-radius: 0 0 40px;
    padding-bottom: 60px
}

.about-wrapper .nav a {
    padding: 26px 10px 26px 22px;
    border-radius: 20px 0 0 20px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding-left: 62px;
    color: #202234;
    font: 16px/16px Gilroy-Regulat, Arial, sans-serif;
    position: relative
}

.about-wrapper .nav a svg {
    position: absolute;
    left: 22px;
    top: 0;
    bottom: 0;
    margin: auto;
    fill: rgba(32, 34, 52, .2)
}

.about-wrapper .nav a:before {
    content: '';
    position: absolute;
    left: 30px;
    top: 0;
    right: 19px;
    background-color: rgba(231, 231, 240, .8);
    border-radius: 1px;
    height: 1px
}

.about-wrapper .nav a:last-child:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 30px;
    right: 19px;
    background-color: rgba(231, 231, 240, .8);
    border-radius: 1px;
    height: 1px
}

.about-wrapper .nav a.active {
    background-color: #ffe823
}

.about-wrapper .nav a.active svg {
    fill: #202234
}

.about-wrapper .nav a.active:before {
    display: none
}

.about-wrapper .nav a.active:last-child:after {
    display: none
}

.about-wrapper .nav a.active+a:before {
    display: none
}

.about-wrapper .nav:before {
    content: '';
    position: absolute;
    left: -50vw;
    width: 50vw;
    background-color: #fff;
    top: 0;
    bottom: 0
}

.about-wrapper .content-about {
    width: -webkit-calc(100% - 180px);
    width: calc(100% - 180px);
    padding-left: 79px
}

.about-wrapper .content-about .bread {
    margin-bottom: 55px
}

.about-wrapper .content-about .bread:before {
    left: -80px
}

.about-1 .text-about {
    width: 481px
}

.about-1 .media {
    width: 393px;
    position: relative;
    padding-top: 95px
}

.about-1 h1 {
    color: #202234;
    font: 41px/57px Gilroy-ExtraBold, Arial, sans-serif;
    margin-bottom: 40px
}

.about-1 p {
    font: 16px/1.4 Gilroy-Regular, Arial, sans-serif;
    color: rgba(23, 28, 34, .9)
}

.about-1 b {
    font: 16px/1.4 Gilroy-SemiBold, Arial, sans-serif;
    color: rgba(23, 28, 34, .9)
}

.about-1 .wrap-video {
    position: relative
}

.about-1 .wrap-video .video {
    height: 393px;
    position: relative;
    border-radius: 20px;
    overflow: hidden
}

.about-1 .wrap-video .video:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(32, 34, 52, .72);
    z-index: 2
}

.about-1 .wrap-video .video:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    border-radius: 10px;
    background-color: #ffe823;
    width: 45px;
    height: 45px;
    right: 28px;
    bottom: 28px;
    z-index: 3
}

.about-1 .wrap-video .video .bg-video {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 1
}

.about-1 .wrap-video .video .play {
    z-index: 3;
    cursor: pointer;
    position: absolute
}

.about-1 .wrap-video .bottom-image {
    position: absolute;
    left: -35px;
    bottom: -130px;
    z-index: 4;
    width: 211px;
    height: 211px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 10px;
    -webkit-box-shadow: 9px 16px 49px rgba(19, 25, 29, .3);
    box-shadow: 9px 16px 49px rgba(19, 25, 29, .3)
}

.about-1 .bottom {
    margin-top: 75px;
    position: relative;
    padding-top: 60px
}

.about-1 .bottom:before {
    content: '';
    position: absolute;
    left: 0;
    width: 100vw;
    top: 0;
    height: 3px;
    border-radius: 1px;
    background-color: #e7e7f0
}

.about-1 .bottom .bottom-image {
    border-radius: 20px;
    width: 393px;
    height: 393px;
    -o-object-fit: cover;
    object-fit: cover
}

.about-1 h2 {
    color: #202234;
    margin-bottom: 40px;
    font: 41px/57px Gilroy-UltraLight, Arial, sans-serif
}

.about-1 #map {
    padding: 0 0 80px;
    width: 100%;
    margin-left: -24px;
    position: relative
}

.about-1 .desc-map {
    padding-left: 24px;
    position: absolute;
    color: #202234;
    font: 36px/57px Gilroy-UltraLight, Arial, sans-serif;
    z-index: 2
}

.about-1 .title-work {
    font: 36px/57px Gilroy-UltraLight, Arial, sans-serif;
    margin-bottom: 30px
}

.about-1 .item-work>img {
    width: 220px;
    height: 220px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 10px
}

.about-1 .item-work .desc {
    border-radius: 0 0 10px 10px;
    background-color: #fff;
    margin-top: -20px;
    margin-left: 25px;
    padding-top: 45px;
    padding-bottom: 25px
}

.about-1 .item-work .desc b,
.about-1 .item-work .desc span {
    margin-left: -24px
}

.about-1 .item-work .desc b {
    font: 18px/18px Gilroy-SemiBold, Arial, sans-serif
}

.about-1 .item-work .desc span {
    font: 14px/14px Gilroy-Regular, Arial, sans-serif;
    margin-top: 12px
}

.about-1 .work-row {
    float: left
}

.about-1 .work-row+.work-row {
    margin-top: 70px
}

.about-1 .technics .item-teh .img {
    height: 220px;
    -webkit-box-shadow: 0 1px 37px rgba(84, 91, 99, .25);
    box-shadow: 0 1px 37px rgba(84, 91, 99, .25);
    border-radius: 10px;
    background-color: #fff;
    position: relative;
    z-index: 2
}

.about-1 .technics .item-teh .img img {
    max-width: 100%;
    max-height: 100%
}

.about-1 .technics .desc {
    border-radius: 0 0 10px 10px;
    background-color: #fff;
    margin-top: -10px;
    margin-left: 25px;
    padding: 35px 0 25px
}

.about-1 .technics .desc>* {
    margin-left: -25px
}

.about-1 .technics .desc>a {
    color: #000;
    font: 24px/30px Gilroy-ExtraBold, Arial, sans-serif
}

.about-1 .technics .desc span {
    font: 16px/24px Gilroy-Regular, Arial, sans-serif;
    margin-top: 12px
}

.about-1 .technics .desc .btn-order {
    border-radius: 21px;
    border: 2px solid #ffcd11;
    height: 42px;
    font: 12px/12px Gilroy-SemiBold, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1.4px;
    margin-top: 25px;
    padding: 0 32px;
    color: #202234;
    -webkit-transition-duration: .15s;
    -o-transition-duration: .15s;
    transition-duration: .15s
}

.about-1 .technics .desc .btn-order:hover {
    background-color: #ffcd11
}

.about-1 .text-about-2 {
    margin-bottom: 80px
}

.about-1 .docs {
    margin-top: 65px
}

.about-1 .docs .doc {
    border-radius: 10px;
    background-color: #fff;
    padding: 0 10px;
    margin-bottom: 20px
}

.about-1 .docs .doc .top {
    margin-top: -13px
}

.about-1 .docs .doc span {
    margin: 20px 0 0 20px;
    color: rgba(32, 34, 52, .5);
    font: 14px/14px Gilroy-SemiBold, Arial, sans-serif
}

.about-1 .docs .doc p {
    color: #202234;
    letter-spacing: .08px;
    font: 16px/22px Gilroy-SemiBold, Arial, sans-serif;
    letter-spacing: .08px;
    margin-top: 10px
}

.about-1 table {
    width: 100%;
    table-layout: auto
}

.about-1 table tr td {
    background-color: #fff;
    color: #2d2f3f;
    font: 14px/17px Gilroy-Regular, Arial, sans-serif;
    padding: 15px 17px;
    position: relative
}

.about-1 table tr td:first-child {
    font: 14px/17px Gilroy-SemiBold, Arial, sans-serif;
    border-radius: 13px 0 0 13px
}

.about-1 table tr td:first-child:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background-color: #f4f4f7
}

.about-1 table tr td:last-child:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 6px;
    background-color: #f4f4f7
}

.about-1 table tr td:last-child:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: #dee0e8
}

.about-1 table tr:nth-child(2n) td {
    background-color: transparent
}

.about-1 table .line-white td {
    height: 1px;
    padding: 0
}

.docs+.next-btn {
    margin-top: 15px
}

.next-btn {
    position: relative;
    margin-top: 60px;
    padding-top: 65px;
    float: left;
    clear: both
}

.next-btn:before {
    content: '';
    position: absolute;
    left: 0;
    width: 100vw;
    top: 0;
    height: 3px;
    border-radius: 1px;
    background-color: #e7e7f0
}

.next-btn a {
    height: 54px;
    border-radius: 27px;
    background-color: #ffe823;
    color: #202234;
    letter-spacing: 1.44px
}

#contacts .acent .user .avatar img {
    border-radius: 50%
}

@media (max-width:1280px) {
    header .header .top .item .soc {
    position: absolute;
    left: 76px;
    bottom: -6px;
}
    #rigging_tmpl #serv .item {
        padding: 20px 10px 10px;
        width: calc(14% - 10px);
        margin: 0 5px 40px
    }
    #rigging_tmpl #serv .item .title {
        font: 14px/1.3 Gilroy-ExtraBold, Arial, sans-serif
    }
    header .header .logo img {
        width: 65px
    }
    header .header .logo .text {
        font-size: 30px
    }
    header .header .logo h1,
    header .header .logo p {
        font: 12px/1.3 Gilroy-Regular, Arial, sans-serif;
        margin-left: 15px;
        max-width: 80px
    }
    .adres-header img {
        margin-right: 10px;
        min-width: 30px;
        width: 30px
    }
    .adres-header .text {
        font: 12px/1.5 Gilroy-Regular, Arial, sans-serif;
        color: #202234
    }
    .adres-header .text b {
        font: 14px Gilroy-SemiBold, Arial, sans-serif
    }
    header .header .top .item .phone {
        font-size: 20px;
        margin-bottom: 5px
    }
    .adres-header.graf {
        display: none
    }
    .services .item-serv .h4 {
        font: 18px/1.1 Gilroy-ExtraBold, Arial, sans-serif
    }
    .services .item-serv {
        padding: 0 0 40px 35px
    }
    .services {
        margin-top: 15px
    }
    .rep-items .item {
        width: 30%;
        margin: 0 10px
    }
    .rep-items .item .content .box .adr {
        font: 14px/1.3 Gilroy-Regular, Arial, sans-serif
    }
    .categories .itemteh .title-teh span {
        font: 18px/24px Gilroy-ExtraBold, Arial, sans-serif
    }
    .categories .itemteh img {
        height: 140px
    }
    .about-wrapper {
        margin-bottom: 35px
    }
    .about-wrapper .content-about {
        padding-left: 40px
    }
    .btns-docs a {
        font-size: 12px
    }
    .services .item-serv ul li {
        padding-bottom: 5px;
        margin-bottom: 5px
    }
    .reviews .img {
        padding: 15px;
        height: 275px
    }
    .about-1 h1 {
        font: 33px/57px Gilroy-ExtraBold, Arial, sans-serif;
        margin-bottom: 15px
    }
    .about-wrapper .content-about .bread:before {
        left: 0
    }
    .about-wrapper .content-about .bread {
        margin-bottom: 15px
    }
    .teh-wrap.new-template .itemteh.n .desc {
        padding: 25px 20px 20px
    }
    .teh-wrap.new-template .itemteh .bottom-text>div b {
        font: 12px/14px Gilroy-ExtraBold, Arial, sans-serif
    }
    .teh-wrap.new-template .itemteh .bottom-text>div {
        font: 12px/14px Gilroy-ExtraBold, Arial, sans-serif
    }
    .content-portfolio .video-wrapper .video {
        width: 400px;
        height: 250px
    }
    .content-portfolio {
        padding-bottom: 30px
    }
    .content-portfolio .video-wrapper .text-2 {
        padding-top: 0;
        margin: 0;
        width: 100%;
        margin-top: 20px
    }
    .content-portfolio .video-wrapper {
        margin-bottom: 0
    }
    .prems .container .right {
        width: 380px;
        padding-left: 30px
    }
    .about-1 .text-about {
        width: 100%
    }
    .about-1 .bottom,
    .about-1 .top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .about-1 .media {
        padding-top: 0;
        margin-top: 20px
    }
    .about-1 .wrap-video .bottom-image {
        bottom: -40px;
        width: 150px;
        height: 150px
    }
    .container {
        width: 100%
    }
    header .header .footer nav a {
        font: 14px Gilroy-SemiBold, Arial, sans-serif;
        margin-right: 14px
    }
    header .header .footer .btn {
        padding: 11px 10px;
        font-size: 10px;
        margin: 0 0 0 10px;
        letter-spacing: 1.2px
    }
    .about-1 h1,
    .about-1 h2,
    .content-portfolio .video-wrapper .text-2 h2,
    .main-title {
        font-size: 44px
    }
    .content-portfolio .video-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .prems .container h2,
    .top-section h1 {
        font-size: 40px
    }
    .top-section p {
        font-size: 16px
    }
    .prems .col-xs-12 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .prems .container .left {
        width: 100%
    }
    .prems .container .right:after,
    .prems .container .right:before {
        display: none
    }
    .prems .container .right {
        width: 100%;
        margin-top: 20px;
        padding: 30px
    }
    .prems .container .wrap-prems .item {
        padding: 15px 15px 15px 120px
    }
    .prems .container .right img {
        margin: 20px 0
    }
    .prems .container .right p {
        font-size: 14px
    }
    .prems .container .wrap-prems .item {
        font-size: 14px
    }
    .prems {
        padding: 40px 0
    }
}

@media (max-width:1024px) {
    header {
        background: #1b1b1b;
        background: -moz-linear-gradient(-45deg, rgba(27, 27, 27, 1) 0%, rgba(0, 0, 0, 1) 14%, rgba(78, 78, 78, 1) 49%, rgba(10, 10, 10, 1) 59%, rgba(10, 10, 10, 1) 65%, rgba(255, 232, 35, 1) 76%, rgba(1, 1, 1, 1) 86%, rgba(1, 1, 1, 1) 90%, rgba(149, 149, 149, 1) 100%);
        background: -webkit-linear-gradient(-45deg, rgba(27, 27, 27, 1) 0%, rgba(0, 0, 0, 1) 14%, rgba(78, 78, 78, 1) 49%, rgba(10, 10, 10, 1) 59%, rgba(10, 10, 10, 1) 65%, rgba(255, 232, 35, 1) 76%, rgba(1, 1, 1, 1) 86%, rgba(1, 1, 1, 1) 90%, rgba(149, 149, 149, 1) 100%);
        background: linear-gradient(135deg, rgba(27, 27, 27, 1) 0%, rgba(0, 0, 0, 1) 14%, rgba(78, 78, 78, 1) 49%, rgba(10, 10, 10, 1) 59%, rgba(10, 10, 10, 1) 65%, rgba(255, 232, 35, 1) 76%, rgba(1, 1, 1, 1) 86%, rgba(1, 1, 1, 1) 90%, rgba(149, 149, 149, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b1b1b', endColorstr='#959595', GradientType=1)
    }
    #rigging_tmpl .teh-wrap .s_title{
            font: 26px/1.1 Gilroy-ExtraBold, Arial, sans-serif;
    }
    #rigging_tmpl .about_block .right {
    padding-left: 0;
    padding-top: 30px;
}
    #rigging_tmpl #serv .item {
        padding: 20px 10px 10px;
        width: calc(20% - 10px);
        margin: 0 5px 40px
    }
    header .content .sub_title,
    header .content .sub_title p {
        color: #ffe823
    }
    header:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #26392e94
    }
    header .content .item .main_offer {
        margin: 25px 0 10px;
        font: 32px/1.2 Gilroy-SemiBold, Arial, sans-serif
    }
    header .content .acent {
        margin-top: 10px;
        font: 20px/1.3 Gilroy-ExtraBold, Arial, sans-serif;
        color: #ffe823
    }
    header .content .btn {
        margin-top: 23px;
        padding: 15.5px 25px;
        box-shadow: 0 11px 42px 0 rgba(28, 34, 45, .7)
    }
    header .header .logo {
        padding-left: 45px
    }
    .adres-header img {
        margin-right: 10px
    }
    header .header .top .item .phone {
        font-size: 23px;
        margin-bottom: 5px
    }
    header .header .top .item .email {
        font: 14px Gilroy-Regular, Arial, sans-serif;
        letter-spacing: 0
    }
}

@media (max-width:800px) {
    #letters .item .title {
        height: 85px
    }
    .services .item-serv {
        width: 100%
    }

    .container {
        width: 100%
    }
    header .header .btn._wa {
        width: 23px  !important;
        height: 23px !important
    }
    header .header .btn._wa {
    width: 30px !important;
    height: 30px !important;
    margin-right: 5px !important;
    margin-left: 15px !important;
}
header .header .top .item .soc{
    display: none;
}
    header .header .footer .phon {
        width: auto !important;
        border: none;
        background: none;
        letter-spacing: 0;
        font: 14px/1.2 Gilroy-ExtraBold, Arial, sans-serif
    }
    header .header .logo {
        padding-left: 29px
    }
    header .header .logo .text {
        font-size: 17px
    }
    header .header .logo {
        padding-left: 29px
    }
    header .content p {
        font: 14px/1.4 Gilroy-Regular, Arial, sans-serif
    }
    .top-section .buttons-block {
        display: flex;
        justify-content: center
    }
    .contacts .contacts-wrap .item .tel {
        font: 18px/1 Gilroy-ExtraBold, Arial, sans-serif
    }
    header .content .item .main_offer {
        margin: 20px 0 10px;
        font: 26px/1.2 Gilroy-ExtraBold, Arial, sans-serif
    }
    .bread ul * {
        line-height: 21px;
        font-size: 10px !important
    }
    .bread {
        margin-top: 10px !important
    }
    .container {
        display: block;
        padding: 0
    }
    .prems .container h2,
    .top-section h1 {
        font-size: 26px !important
    }
    .next-btn {
        width: 100%;
        text-align: center
    }
    .td-table {
        vertical-align: middle;
        text-align: center;
        padding: 5px;
        font: 8px/10px Gilroy-Regular, Arial, sans-serif;
        white-space: normal
    }
    .content-td {
        line-height: 12px
    }
    .about-1 h1,
    .about-1 h2,
    .content-portfolio .video-wrapper .text-2 h2,
    .main-title,
    .prems .container h2,
    .prems .container h2,
    .top-section h1 {
        font-size: 26px
    }
    .main-title-p {
        font-size: 16px !important;
        line-height: 1.4
    }
    .portfolio-list .item {
        margin-bottom: 20px
    }
    .portfolio-list .item .img .brand {
        padding: 5px
    }
    .portfolio-list .item .title {
        font-size: 14px;
        height: 90px
    }
    .portfolio-list .col-md-4:last-child {
        display: none !important
    }
    .price-table+.price-table {
        margin-top: 5px !important
    }
    .portfolio-list .item .desc {
        font-size: 12px
    }
    .table-wrapper>.table-order.open_popup {
        opacity: 1;
        visibility: visible;
        height: auto;
        width: auto;
        font-size: 12px;
        line-height: 1.2;
        padding: 6px 12px;
        margin: 0;
        color: #000;
        float: right;
        display: block;
        margin-bottom: 10px
    }
    .city_list {
        padding: 15px;
        width: 310px;
        top: 60px;
        left: -40px
    }
    .portfolio {
        margin-top: 30px;
        padding-bottom: 40px
    }
    .portfolio-list .item .img {
        height: 140px
    }
    .slider-portfolio .item {
        width: auto;
        height: auto;
        margin: 0
    }
    .slider-portfolio {
        margin-left: 0;
        padding: 0 15px;
        height: 350px;
    }
    .slider-portfolio .owl-stage {
        margin: 0
    }
    .slider-portfolio .owl-nav {
        right: 20px;
        bottom: 20px
    }
    .slider-portfolio .owl-dots {
        display: none
    }
    .slider-portfolio .item {
        -webkit-box-shadow: inherit;
        box-shadow: inherit
    }
    .slider-portfolio .item img {
        width: auto;
        max-width: 100%;
        height: auto
    }
    .slider-portfolio .owl-nav button {
        width: 30px;
        height: 35px
    }
    .slider-portfolio .owl-nav button:before {
        padding: 3px
    }
    .content-portfolio .logo-company {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
    .about-1 p,
    .content-portfolio .text p,
    .content-portfolio .video-wrapper .text-2 p {
        font: 16px/1.4 Gilroy-Regular, Arial, sans-serif
    }
    .content-portfolio .list .item p {
        font: 16px/1.4 Gilroy-Regular, Arial, sans-serif
    }
    .content-portfolio {
        padding: 0 15px 30px
    }
    .content-portfolio .video-wrapper {
        margin-top: 30px
    }
    .content-portfolio .top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .content-portfolio .logo-company {
        height: 80px;
        width: 80px;
        padding: 5px
    }
    .content-portfolio .text {
        width: 100%;
        margin: 20px 0 0
    }
    .content-portfolio .top {
        margin-bottom: 30px
    }
    .content-portfolio .video-wrapper .video {
        width: 100%;
        max-width: 400px
    }
    .price .col-xs-12.dflex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .price .btns a+a {
        margin: 10px 0 0
    }
    .price {
        margin: 30px 0
    }
    .price .btns {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .price .tabs-price .item-price .bottom-price {
        padding: 30px 10px 10px
    }
    .price .tabs-price .item-price .bottom-price .table-price .row-table .left,
    .price .tabs-price .item-price .bottom-price .table-price .row-table .right .t-price {
        font-size: 12px
    }
    .price .tabs-price .item-price .bottom-price .table-price .row-table .right .order {
        margin-right: 10px
    }
    .price .tabs-price .item-price .top-price {
        padding: 0 10px;
        height: 60px
    }
    .price .tabs-price .item-price .top-price .t-price {
        font-size: 16px
    }
    .price .tabs-price .item-price .top-price .show-price span {
        font-size: 12px
    }
    .price .desc-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .price .desc-item .text {
        margin-top: 20px
    }
    .reviews .rev-item .top-title b,
    .reviews .rev-item .top-title span {
        font-size: 12px
    }
    .reviews .rev-item .top-title span {
        margin-top: 5px
    }
    .reviews .img {
        height: 150px;
        padding: 15px 10px
    }
    .reviews .img .logo {
        width: 60px;
        height: 50px;
        padding: 5px;
        left: 10px;
        bottom: 0
    }
    .reviews .rev-item .top-title {
        height: auto;
        padding: 10px 20px
    }
    .reviews .rev-item {
        margin-bottom: 15px
    }
    .reviews,
    .services {
        margin-top: 30px
    }
    .about-1 h2,
    .services .item-serv {
        margin-bottom: 30px
    }
    .services .main-title {
        margin-bottom: 40px
    }
    .prems .container .wrap-prems .item:before {
        left: 15px
    }
    .prems .container .wrap-prems .item:after {
        left: 31px
    }
    .prems .container .wrap-prems .item {
        padding-left: 90px
    }
    .about-wrapper .nav {
        background-color: #fff;
        padding-top: 10px;
        position: relative;
        border-radius: 0 0 40px;
        padding-bottom: 20px;
        width: 100%
    }
    .about-wrapper>.container>.col-xs-12 {
        flex-wrap: wrap
    }
    .about-wrapper .nav a {
        padding: 13px 10px 10px 22px;
        border-radius: 20px 0 0 20px;
        padding-left: 52px;
        width: 100%
    }
    .about-wrapper .content-about {
        width: 100%;
        padding: 0
    }
    .about-1 .wrap-video .bottom-image {
        left: 0
    }
    .about-1 .bottom .bottom-image {
        width: auto;
        height: auto;
        max-width: 100%
    }
    .about-1 .media {
        width: auto
    }
    .about-1 .wrap-video .video {
        height: 250px
    }
    .about-1 .wrap-video .bottom-image {
        width: 100px;
        height: 100px
    }
    .next-btn {
        margin-top: 30px;
        padding-top: 35px
    }
    .about-1 .bottom {
        margin-top: 40px;
        padding-top: 30px
    }
    #map .map_wrap {
        width: 100%
    }
    .fm-scale {
        float: left;
        position: absolute;
        left: auto !important;
        bottom: 0;
        z-index: 2;
        margin: 10px;
        top: 10px;
        height: 40px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -khtml-user-select: none;
        -ms-user-select: none;
        right: 0 !important
    }
    .about-1 .desc-map {
        font: 17px/57px Gilroy-UltraLight, Arial, sans-serif
    }
    .about-wrapper .content-about .bread {
        margin-bottom: 30px
    }
    .rep-items {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .rep-items .item {
        margin-bottom: 10px;
        width: 100%;
        max-width: 320px
    }
    .rep-items .item .top-title {
        font-size: 20px
    }
    .about-1 h1 {
        margin-bottom: 30px
    }
    .about-1 .title-work {
        font-size: 30px;
        line-height: 32px
    }
    .about-1 .work-row+.work-row {
        margin-top: 30px
    }
    .about-1 .item-work {
        margin-bottom: 15px
    }
    .about-1 .item-work>img {
        width: 100%;
        height: auto
    }
    .about-1 .text-about-2 {
        margin-bottom: 40px
    }
    .about-1 .technics .desc>a {
        font-size: 16px;
        line-height: 20px
    }
    .about-1 .technics .desc span {
        font-size: 12px;
        margin-top: 5px
    }
    .item-teh {
        margin-bottom: 15px
    }
    .about-1 .technics .desc {
        padding: 25px 0 20px
    }
    .about-1 .technics .desc .btn-order {
        margin-top: 10px
    }
    .about-1 .technics .item-teh .img {
        height: 150px
    }
    .about-1 .docs .doc p {
        font-size: 12px
    }
    .about-1 .docs .doc {
        padding: 0 10px 10px;
        margin-bottom: 25px
    }
    .about-1 .docs {
        margin-top: 40px
    }
}

.logo-company {
    width: 140px;
    padding: 15px;
    background: #fff;
    float: left;
    border-radius: 5px;
    margin-right: 20px
}

.logo-company img {
    max-width: 100%
}

.adres-header img {
    margin-right: 15px
}

.adres-header {
    color: inherit
		
}

.adres-header .text {
    font: 12px/1.5 Gilroy-Regular, Arial, sans-serif;
    color: #202234
}

.adres-header .text b {
    font: 14px Gilroy-SemiBold, Arial, sans-serif;
    color: #202234;
    display: flex;
    align-items: center
}

.adres-header .text b svg {
    margin-left: 10px
}

.adres-header .text.gray {
    color: inherit;
    font-size: 12px;
    opacity: .5
}

.wrap-single-products {
    clear: both;
    margin-top: 70px;
    float: left;
    width: 100%
}

.wrap-single-products .itemteh .bottom-text>div span {
    font: 12px/16px Gilroy-Regular, Arial, sans-serif
}

.td-table img {
    max-width: 120px;
    height: auto
}

.ld-more2 {
    cursor: pointer;
    letter-spacing: 1.2px;
    color: #202234;
    font: 13px/1 Gilroy-SemiBold, Arial, sans-serif;
    text-transform: uppercase;
    background-color: #ececf1;
    overflow: hidden;
    position: relative;
    padding: 23px 23px 19px 83px;
    border-radius: 15px
}

.ld-more2 .icon {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: #ffe823;
    border-right: 5px solid #f4f4f7;
    width: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ld-more2 .icon svg {
    width: 24px;
    height: 24px
}

.serv-list {
    margin-top: 30px
}

header .header .top .link:hover .icon {
    background-color: #fecc11
}

header .header .top .link:hover .icon path {
    fill: #fff
}

.show-all a {
    color: #202234;
    font: 16px/1.3 Gilroy-SemiBold, Arial, sans-serif
}

#realized_projs .item .more,
#technic .item .more,
.btn._empty,
.btn._fill,
header .header .footer .btn,
header .header .top .link .icon,
header .header .top .link:hover .icon path {
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

#realized_projs .item .more:hover,
#technic .item .more:hover,
.btn._empty:hover,
header .header .footer .btn-1:hover {
    background-color: #ffcd11
}

.btn._fill:hover {
    -webkit-box-shadow: inset 0 0 0 2px #ffe823;
    -moz-box-shadow: inset 0 0 0 2px #ffe823;
    box-shadow: inset 0 0 0 2px #ffe823;
    background-color: #fff
}

.btns-docs .spase {
    display: inline-block;
    margin: 0 5px
}

.btns-docs a {
    color: #202234;
    cursor: pointer
}

#realized_projs .item .img {
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    border: 3px solid #f4f4f7;
}

.mobile-show {
    display: none
}

#serv .item .wrap-btns {
    width: 100%
}

.about-1 .docs .doc span {
    display: none
}

#technic .item {
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

#realized_projs .item:hover .img,
#technic .item:hover {
    -webkit-box-shadow: 10px 10px 30px rgba(0, 0, 0, .15);
    -moz-box-shadow: 10px 10px 30px rgba(0, 0, 0, .15);
    box-shadow: 10px 10px 30px rgba(0, 0, 0, .15)
}

.btns-categories .item-btn {
    height: 40px;
    padding: 0 20px;
    width: 100%;
    text-align: center;
    font-size: 12px;
    width: 49%;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.btns-categories {
    width: 100%;
    margin-top: 15px
}

#serv .item:hover a.detail {
    opacity: 1;
    visibility: visible
}

. #serv .item a.item-order {
    background-color: #ffcd11;
    width: 100%
}

.about-1 .docs .doc {
    width: 100%;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.about-1 .docs .doc:hover {
    box-shadow: 0 1px 37px rgba(84, 91, 99, .25)
}

.btns-requiz {
    display: flex;
    align-items: center;
    margin-top: 20px
}

.btns-requiz a {
    color: #262c39;
    background-color: #ffe823;
    display: inline-flex;
    height: 45px;
    align-items: center;
    justify-content: center;
    font: 14px Gilroy-SemiBold, Arial, sans-serif;
    padding: 0 20px;
    border-radius: 100px;
    cursor: pointer
}

.btns-requiz a+a {
    margin-left: 20px
}

.single-page {
    padding: 60px 0
}

.contacts+footer {
    margin-top: 40px
}

.single-page .single-title {
    color: #202234;
    font: 36px/1.1 Gilroy-ExtraBold, Arial, sans-serif
}

.link-main {
    font-size: 20px;
    line-height: 20px;
    display: inline-block;
    color: #202234;
    text-decoration: underline;
    margin-top: 40px
}

.price-table+.price-table {
    margin-top: 50px
}

.technics {
    display: flex;
    flex-wrap: wrap
}

.item-teh {
    height: 100%;
    display: flex;
    flex-wrap: wrap
}

.all-services {
    color: #202234;
    font: 14px/1.4 Gilroy-Bold, Arial, sans-serif;
    border-bottom: 1px solid #202234;
    display: inline-flex;
    margin-top: auto;
    align-self: flex-start
}

.services .item-serv {
    display: flex;
    flex-direction: column
}

.table-2 {
    display: table;
    width: 100%
}

.services .item-serv ul li {
    padding-right: 10px
}

.r-table {
    display: table-row;
    background-color: #f3f2f8;
    position: relative
}

.table-order {
    position: absolute;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 18px;
    background-color: #ffe823;
    height: 35px;
    font: 12px/1 Gilroy-SemiBold, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #2d2f3f;
    padding: 0 30px;
    margin: auto;
    right: -132px;
    top: 0;
    bottom: 0
}

header .content .col-xs-12 .item>div {
    padding-left: 5px
}

.r-table:nth-child(2n) {
    background-color: #fff
}

.td-table {
    display: table-cell;
    color: #202234;
    position: relative
}

.teh-wrap {
    margin-bottom: 60px
}

#seo h2,
.portfolio h2 {
    color: #202234;
    font: 28px/1.3 Gilroy-ExtraBold, Arial, sans-serif;
    margin: 20px 0
}

.price-table {
    margin-top: 100px;
    clear: both;
    float: left;
    width: 100%
}

.table-wrapper {
    padding: 40px;
    background-color: #fff;
    border-radius: 15px
}

header .content .item {
    max-width: 99%
}

.title-table {
    color: #202234;
    text-align: center;
    margin-bottom: 60px;
    font: 36px/1.1 Gilroy-ExtraBold, Arial, sans-serif
}

#seo h3,
.portfolio h3 {
    color: #202234;
    font: 24px/1.3 Gilroy-ExtraBold, Arial, sans-serif;
    margin: 20px 0
}

#seo h4,
.portfolio h4 {
    color: #202234;
    font: 20px/1.3 Gilroy-ExtraBold, Arial, sans-serif;
    margin: 20px 0
}

#seo ul,#seo ol,
.about-wrapper ul,
.portfolio ol,
.portfolio ul,
.prems ol,
.prems ul,
.text-about ol,
.text-about ul {
    margin: 20px 0 20px 40px;
}

.prems .container .right ul li {
    list-style: none
}
.prems .container .right ul li{
padding-left:20px;    position: relative;
}
.prems .container .right ul li:before{
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    border-radius: 5px;
    background-color: #fecc11;
    width: 6px;
    height: 6px;
}

.about-wrapper p+p,
.prems .container .right p+p {
    margin-top: 30px
}

#seo ul li,
.about-wrapper li,
.portfolio li,
.prems li,
.text-about li {
    color: #262c39;
    font: 16px/1.4 Gilroy-Regular, Arial, sans-serif;
    list-style-type: disc
}
#seo ol li,
.about-wrapper ol li,
.portfolio ol li,
.prems ol li,
.text-about ol li {
    color: #262c39;
    font: 16px/1.4 Gilroy-Regular, Arial, sans-serif;
    list-style-type: decimal;
}
.reviews .rev-item {
    display: inline-block
}

.reviews .rev-item a {
    color: inherit
}

.thumb-wrap {
    position: relative;
    width: 100%;
    height: 100%;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden
}

.thumb-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-width: 0;
    outline-width: 0
}
.content-portfolio .video-wrapper .video{
    height: auto;
}
.thumb-wrap {
    position: relative;
    width: 100%;
    height: 100% !important;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    height: auto !important;
}
.services>.container {
    display: flex;
    flex-wrap: wrap
}

.services>.container .col-md-3 {
    display: flex
}

.itemteh img {
    box-shadow: 0 1px 37px rgba(84, 91, 99, .25);
    border-radius: 10px;
    background-color: #fff;
    width: 100%;
    height: 130px;
    object-fit: cover;
    position: relative;
    z-index: 2
}

.itemteh .desc {
    margin-left: 25px;
    margin-top: -10px;
    border-radius: 0 0 10px 10px;
    background-color: #fff;
    padding: 40px 25px 30px;
    position: relative
}

.itemteh .desc .title-teh {
    color: #202234;
    font: 20px/30px Gilroy-ExtraBold, Arial, sans-serif
}

.itemteh .bottom-text {
    margin-top: 25px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 20px;
    row-gap: 10px
}

.itemteh .bottom-text>div {
    display: flex;
    flex-direction: column;
    color: #727482
}

.itemteh .bottom-text>div span {
    font: 15px/24px Gilroy-Regular, Arial, sans-serif
}

.itemteh .bottom-text>div b {
    font: 15px/24px Gilroy-Extrabold, Arial, sans-serif
}

.itemteh .link-teh {
    position: absolute;
    right: 0;
    bottom: 25px;
    border-radius: 10px 0 0 10px;
    background-color: #ffe823;
    width: 50px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center
}

#technic .itemteh {
    margin-bottom: 0
}

#technic .itemteh .bottom-text {
    margin-top: 0
}

.teh-wrap .col-md-4 {
    display: none
}

.about-1 .bottom .text {
    max-width: 500px
}

.itemteh {
    margin-bottom: 50px
}

.bread ul {
    font-size: 0;
    line-height: 0
}

.single-teh {
    margin-top: 25px
}

.single-teh .left {
    width: 400px;
    padding-top: 65px
}

.single-teh .wrapper {
    position: relative
}

.single-teh .left:before {
    content: '';
    background-color: #fff;
    position: absolute;
    left: -50vw;
    top: 0;
    bottom: -200px;
    width: calc(50vw + 645px);
    border-radius: 0 0 10px
}

.single-teh .left>* {
    position: relative;
    z-index: 2
}

.single-teh h1 {
    font: 41px/57px Gilroy-Extrabold, Arial, sans-serif
}

.single-teh .bottom-text-2 {
    margin-top: 40px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 20px;
    row-gap: 20px
}

.single-teh .bottom-text-2>div {
    position: relative;
    border-left: 3px solid #ffe823;
    padding-left: 17px;
    display: flex;
    flex-direction: column;
    color: #202234
}

.single-teh .bottom-text-2>div span {
    font: 15px/24px Gilroy-Regular, Arial, sans-serif
}

.single-teh .bottom-text-2>div b {
    font: 15px/24px Gilroy-Extrabold, Arial, sans-serif
}

.single-teh .btn-order {
    border-radius: 21px;
    background-color: #ffe823;
    font: 12px/12px Gilroy-Semibold, Arial, sans-serif;
    padding: 0 65px;
    height: 42px;
    color: #202234;
    text-transform: uppercase;
    letter-spacing: 1.44px;
    margin-top: 40px
}

.single-teh .right {
    width: 670px;
    position: relative;
    z-index: 3
}

.bottom-items,
.recommends,
.single-teh .text-teh {
    position: relative;
    z-index: 3;
    clear: both;
    float: left;
    width: 100%
}

.single-teh .owl-carousel {
    position: relative
}

.single-teh .owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    left: -100px;
    top: 0;
    bottom: 0;
    margin: auto
}

.single-teh .owl-carousel .owl-nav button.owl-next {
    position: absolute;
    right: -100px;
    top: 0;
    bottom: 0;
    margin: auto
}

.bottom-items {
    margin-top: 75px
}

.bottom-items .col-md-4 {
    display: flex;
    align-items: center
}

.bottom-items .col-md-4 img {
    margin-right: 23px
}

.bottom-items .col-md-4 .text {
    color: #16254f;
    font: 19px/24px Gilroy-Semibold, Arial, sans-serif
}

.single-teh .owl-carousel img {
    border-radius: 10px
}

.single-teh .owl-carousel .owl-nav button {
    width: 54px;
    height: 91px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 27px;
    background-color: #f4f4f7
}

.single-teh .owl-carousel .owl-nav button:before {
    content: '';
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    border: solid #000;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 6px;
    margin-left: 4px
}

.single-teh .owl-carousel .owl-nav button.owl-next:before {
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.single-teh .owl-carousel .owl-nav button span {
    display: none
}

.text-teh {
    margin-top: 40px;
    position: relative;
    padding-top: 25px
}

.text-teh:before {
    content: '';
    position: absolute;
    width: 39px;
    height: 4px;
    top: 0;
    left: 0;
    border-radius: 2px;
    background-color: #fecc11
}

.text-teh p {
    font: 17px/24px Gilroy-Regular, Arial, sans-serif;
    margin-bottom: 30px
}

.text-teh ul {
    margin: 20px 0 20px 20px
}

.text-teh ul li {
    font: 17px/24px Gilroy-Regular, Arial, sans-serif;
    list-style-type: disc
}

.recommends {
    margin-top: 45px;
    margin-bottom: 100px
}

.recommends .s_title {
    margin-bottom: 45px
}

#serv .tab {
    width: 100%
}

.cat-child #serv {
    padding: 20px 0;
}

.rep-items .item {
    margin-bottom: 20px
}

#mob_menu {
    display: none
}

@media (max-width:1199px) {
    #go_to_top {
        bottom: 90px;
        width: 30px;
        right: 42px;
        height: 30px
    }
    .s_title {
        margin: 0 0 40px
    }
    header {
        padding: 0 0 40px
    }
    header .search {
        width: 130px
    }
    header .header .logo {
        padding-left: 60px
    }
    header .header .logo .text {
        font-size: 42px
    }
    header .header .logo p {
        font-size: 14px;
        line-height: 1.2
    }
    header .header .top {
        padding: 10px 0
    }
    header .header .top .btn {
        font-size: 13px
    }
    header .header .top .item {
        padding-left: 0
    }
    header .header .top .item .icon {
        display: none
    }
    header .header .top .item .phone {
        font-size: 22px;
        margin-bottom: 5px
    }
    header .header .top .item .soc {
        left: 0;
        bottom: -4px
    }
    header .header .footer .serv_wrap {
        display: none
    }
    header .content .col-xs-12 .item {
        padding-left: 0
    }
    header .content h1 {
        font-size: 42px
    }
    header .content .sub_title {
        font-size: 24px
    }
    header .content form .points {
        width: 41%
    }
    header .content form .btn {
        margin: 15px 0 0
    }
    header .content .agree {
        justify-content: flex-start
    }
    #serv .item .circle {
        display: none
    }
    #realized_projs {
        padding: 10px 0
    }
    #realized_projs .item .img {
        height: 75px
    }
    #realized_projs .item .title {
        margin: 10px 0
    }
    #realized_projs .item .des {
        font-size: 14px;
        margin-bottom: 10px
    }
    #realized_projs .owl-nav {
        left: -22px;
        right: -22px
    }
    #realized_projs .owl-nav button {
        width: 30px;
        border-radius: 5px !important
    }
    #realized_projs .owl-nav button svg {
        width: 16px;
        height: 16px
    }
    #features1 {
        padding: 20px 0 10px
    }
    .s_title {
        font: 31px/1.1 Gilroy-ExtraBold, Arial, sans-serif
    }
    #features1 .s_title {
        margin: 0 0 30px
    }
    #features1 .item {
        margin-bottom: 12px;
        padding: 20px;
        overflow: hidden;
        height: auto
    }
    #features1 .item .item__title {
        font-size: 18px;
        padding-left: 32px;
        margin-bottom: 16px
    }
    #features1 .item .item__title img {
        width: 28px;
        bottom: 0;
        left: -7px
    }
    #features1 .item ul {
        padding: 0
    }
    #features1 .item ul li {
        font: 14px/1.3 Gilroy-Regular, Arial, sans-serif;
        margin-bottom: 9px;
        padding-left: 30px
    }
    #work_step {
        padding: 50px 0 10px
    }
    #work_step .item {
        min-height: 145px;
        margin-bottom: 40px
    }
    #work_step .item .title {
        font-size: 32px
    }
    #work_step .item .title .icon {
        max-width: 40px;
        max-height: 40px
    }
    #work_step .item .title:before {
        width: 70px;
        height: 56px
    }
    #work_step .item p {
        margin-top: 15px;
        font-size: 14px
    }
    #work_step .item._third .title .arrow {
        display: none
    }
    #serv {
        padding: 10px 0 0
    }
    #serv .s_title {
        margin: 0 0 40px
    }
    #serv .item {
        padding: 150px 10px 15px;
        width: 24%;
        margin: 0 0 50px;
        border-radius: 5px;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1)
    }
    #serv .item .img {
        height: 160px;
        width: 100%;
        border-radius: 10px
    }
    #serv .item .title {
        font-size: 16px;
        line-height: 1.1;
        margin: 0 0 10px
    }
    #serv .item p {
        font-size: 14px;
        line-height: 1.4;
        margin: 0 0 20px
    }
    #serv .item .btn {
        font-size: 12px;
        padding: 11px 15px 9px;
        width: auto;
        text-align: center
    }
    .btns-categories {
        width: 100%;
        margin-top: 0
    }
    #slider .item {
        height: 240px
    }
    #slider .owl-nav {
        width: 940px
    }
    #calc {
        padding: 30px 0
    }
    #calc:before {
        top: 148px
    }
    #calc .s_title {
        font-size: 36px
    }
    #calc .man {
        margin-left: 25px
    }
    #calc .man img {
        width: 150px
    }
    #calc .man .text {
        font-size: 16px;
        border-radius: 15px;
        padding: 15px;
        width: 100%;
        left: 0;
        margin: 10px 0
    }
    #calc .man .text:before {
        width: 24px;
        height: 44px;
        left: -24px
    }
    #calc .p_icon {
        font-size: 24px
    }
    #calc .input {
        padding: 14px 20px
    }
    #calc .inputs {
        margin-bottom: 30px;
        padding: 5px 0
    }
    #calc .inputs .input {
        width: 21%
    }
    #calc .inputs .input:last-child {
        width: 34%
    }
    #calc .input-wrap .input {
        padding-left: 55px
    }
    #calc .input-wrap img {
        left: 20px;
        width: 22px;
        height: 22px
    }
    #calc .input-wrap--tz {
        width: 35%
    }
    #calc form .btn {
        padding: 15px 50px
    }
    
    #technic {
        padding: 50px 0
    }
    #technic .item {
        padding: 0 20px 20px
    }
    #technic .item .img {
        border-radius: 20px 5px 5px 20px;
        margin: -22px -20px 20px 0;
        height: 190px
    }
    #technic .item .title {
        font-size: 20px
    }
    #technic .item .time {
        font-size: 14px
    }
    #technic .item .more {
        margin-top: 20px
    }
    #letters {
        padding: 50px 0 40px
    }
    #letters .item .title {
        padding: 15px;
        border-radius: 20px 5px 0 0;
        font-size: 14px
    }
    #letters .item .title b {
        font-size: 16px
    }
    #letters .item .img {
        padding: 15px;
        border-radius: 0 0 5px 20px
    }
    #letters .item .img .letter-img {
        height: 160px
    }
    #letters .item .img .logo {
        bottom: -30px;
        width: 90px;
        height: 60px;
        padding: 10px;
        left: 15px
    }
    #about ul li {
        font-size: 16px;
        line-height: 1.4
    }
    #about .img._i1 {
        right: 220px;
        width: 210px;
        height: 165px;
        display: none
    }
    #about .img._i2 {
        top: 180px;
        right: 220px;
        width: 210px;
        height: 165px;
        display: none
    }
    #about .img._i3 {
        width: 205px;
        height: 280px;
        display: none
    }
    #map {
        padding: 60px 0 40px
    }
    #map p {
        font-size: 16px;
        line-height: 1.4
    }
    #seo {
        padding: 50px 0 60px
    }
    #contacts .top {
        margin-bottom: 50px
    }
    #contacts .top .input-wrap {
        width: 260px;
        margin-right: 15px
    }
    #contacts .top .social a {
        margin-left: 15px;
        padding-left: 34px
    }
    #contacts .top .social a img {
        width: 24px
    }
    #contacts .contacts a {
        margin-bottom: 30px
    }
    #contacts .contacts a span {
        font-size: 16px
    }
    #contacts .block {
        margin-bottom: 30px
    }
    #contacts .block nav a {
        margin-bottom: 10px
    }
    #features1 {
        padding: 20px 0 10px
    }
    .services .item-serv ul {
        margin-bottom: 15px
    }
    .services .item-serv ul li {
        line-height: 1.5;
        margin: 0;
        padding-bottom: 0
    }
    .services .item-serv ul li a {
        font: 14px/1.5 Gilroy-Regular, Arial, sans-serif
    }
}

@media (max-width:991px) {
    .md-show {
        display: block !important
    }
    .sm-show {
        display: block !important
    }
    .sm-hide {
        display: none !important
    }
    .md-hide {
        display: none !important
    }
    .s_title {
        font-size: 31px
    }
    header .header .footer .btn {
        margin: 0 10px 0 0;
        padding: 0;
        width: 38px;
        height: 38px;
        display: flex;
        justify-content: center;
        align-items: center
    }
    header .header .footer .btn svg {
        width: 18px;
        height: 18px
    }
    header .header .footer .btn path {
        fill: #262c39
    }
    header .header .btn._wa {
        background-color: #25d366 !important
    }
    header .header .btn._wa path {
        fill: #fff
    }
    header .header .footer nav a {
        margin-right: 30px
    }
    header .search {
        width: 140px
    }
    header .header .logo {
        padding-left: 45px
    }
    header .header .logo img {
        width: 55px;
        height: 55px
    }
    header .header .logo .text {
        font-size: 38px
    }
    header .header .logo p {
        font-size: 14px;
        line-height: 1.3
    }
    header .header .top .btn {
        margin: 0 20px 0 0;
        padding: 0;
        width: 38px;
        height: 38px;
        display: flex;
        justify-content: center;
        align-items: center
    }
    header .header .top .btn svg {
        width: 18px;
        height: 18px
    }
    header .header .top .item {
        margin-right: 30px
    }
    header .header .footer nav a {
        font-size: 14px;
        margin-right: 10px
    }
    header .content h1 {
        margin: 40px 0 10px;
        font-size: 44px
    }
    header .content .sub_title {
        font-size: 24px;
        margin: 0 0 30px
    }
    header .content p {
        font-size: 16px
    }
    header .content form {
        margin: 40px 0 0;
        align-items: flex-start !important
    }
    header .content form .wrap {
        margin: 0 0 10px
    }
    header .content form .weight .input {
        padding: 18px 46px 18px 20px
    }
    header .content form .points,
    header .content form .tel {
        width: 54%
    }
    header .content form .btn {
        margin: 0;
        width: 44.5%
    }
    header #open_menu {
        margin: 0 0 0 15px;
        width: 24px;
        height: 24px
    }
    #features1 {
        padding: 50px 0 40px
    }
    #features1 .s_title {
        margin: 0 0 40px
    }
    #features1 .item {
        margin-bottom: 15px
    }
    #work_step .item p {
        font-size: 14px
    }
    #serv {
        padding: 30px 0 0
    }
    #serv .item {
        width: 32%
    }
    #slider .item .pos_absc {
        width: 60px;
        height: 60px
    }
    #slider .owl-nav {
        width: 720px
    }
    #slider .owl-nav button {
        width: 44px;
        height: 80px
    }
    #calc {
        padding: 40px 0 80px
    }
    #calc .s_title {
        font-size: 36px
    }
    #calc .man {
        display: none
    }
    #calc .inputs {
        margin: 40px 0 30px;
        padding: 0
    }
    #calc .inputs .input {
        width: 49%;
        margin: 5px 0
    }
    #calc .inputs .input:last-child {
        width: 49%
    }
    #calc .input-wrap--tz {
        width: 49%;
        margin-bottom: 15px;
    }
    #calc .agree br {
        display: none
    }
    #calc .agree img {
        top: -2px
    }
    #calc form .btn {
        margin-top: 15px
    }
    #letters .item._last {
        display: none
    }
    #about {
        padding: 50px 0 40px
    }
    #about .lside {
        margin-bottom: 40px
    }
    #about .lside:before {
        top: -50px;
        bottom: -100px
    }
    #about ul li {
        margin-bottom: 15px
    }
    #about ul li:before {
        top: 0
    }
    #about .img {
        width: 31% !important;
        height: 160px !important;
        position: relative;
        top: auto !important;
        right: auto !important
    }
    #map {
        padding: 40px 0
    }
    #map img {
        width: 100%
    }
    #seo {
        padding-bottom: 10px
    }
    #seo .row {
        margin-left: -30px;
        margin-right: -30px
    }
    #seo .item {
        margin-bottom: 40px
    }
    #contacts .top .flex_w {
        width: 100%
    }
    #contacts .top .input-wrap {
        width: 50%
    }
    #contacts .top .social {
        width: 100%;
        margin-top: 20px
    }
    #realized_projects .wrapper .wrap {
        padding: 15px
    }
    #realized_projects .wrapper .btn {
        padding: 14px 30px 12px
    }
    #realized_projects .owl-carousel .item {
        height: 450px
    }
    #realized_projects .owl-carousel .owl-nav,
    #realized_projects .owl-carousel .owl-nav button {
        height: 50px
    }
}

.single-tehn.new-template .right {
    padding-bottom: 20px
}

.teh-wrap .col-md-4 {
    display: block !important
}

body #rigging_tmpl .form-block .inputs .agree a {
    display: flex;
    align-items: flex-start;
    font: 12px/1.4 Gilroy-Regular, Arial, sans-serif;
    color: rgba(32, 34, 52, .4);
    padding-right: 21px;
    padding-top: 16px
}

@media (max-width:992px) {
    #mob_menu {
        top: 67px;
        display:block;
    }
    .popup_block {
        padding: 120px 0
    }
    body .single-tehn.new-template .bread {
        margin: 10px 0 !important
    }
    body .single-tehn.new-template .header-single h1 {
        margin-top: 26px;
        display: block;
        font: 25px/31px Gilroy-ExtraBold, Arial, sans-serif;
        margin-bottom: 25px
    }
    body .sidebar-menu {
        width: 100%;
        padding-right: 0
    }
    body .single-tehn.new-template .right {
        padding-left: 0;
        padding-bottom: 0
    }
    body .single-tehn.new-template .header-single .right {
        padding-left: 15px;
        padding-bottom: 15px
    }
    body .single-tehn.new-template .info {
        padding: 35px 0 15px;
        overflow: hidden
    }
    body .sidebar-menu {
        display: none
    }
    body #serv .item .btn {
        padding: 5px 8px;
        font: 8px/21px Gilroy-SemiBold, Arial, sans-serif;
        height: 30px;
        margin: 0 3px
    }
    .price-form {
        width: 265px;
        float: none;
        margin: auto
    }
    .form-title {
        font: 21px/1.1 Gilroy-ExtraBold, Arial, sans-serif;
        margin-bottom: 15px
    }
    .price-form .input {
        margin-bottom: 10px
    }
    .price-form .clbk_form {
        padding: 20px;
        background: #fff;
        margin-top: 26px;
        border-radius: 20px
    }
    #realized_projs {
        padding: 15px 0
    }
    #work_step .item {
        min-height: 100px;
        margin-bottom: 15px;
        height: 119px
    }
    body #serv .item .title {
        font-size: 14px;
        margin: 0 0 5px
    }
    body #serv .item .text {
        margin: 0 0 10px;
        font-size: 12px
    }
    .form-block input.phone {
        width: 40%;
        padding: 11px;
        font: 14px Gilroy-Light, Arial, sans-serif;
        border-radius: 50px;
        background: #fff;
        margin-right: 5px
    }
    body .s_title {
        font-size: 21px
    }
    body #serv .btns-categories {
        width: 100%;
        margin-top: 5px
    }
    body header .header._sticky .top {
        
    }
    #modal_raschet .wrapper {
        width: 98%;
        margin-bottom: 15px
    }
    #modal_raschet .wrapper form .input {
        font-size: 14px;
        padding: 10px 15px
    }
    #modal_raschet .wrapper .clbk_form .btns {
        margin-top: 5px
    }
    #modal_raschet .popup_block .wrapper .clbk_form .btns .agree {
        margin: 0 0 10px
    }
    body header .header._sticky {
        top: 0 !important;
        position: fixed;
        z-index: 9999;
        left: 0;
        right: 0;
        box-shadow: 0 0 15px rgba(0, 0, 0, .3)
    }
    body #rigging_tmpl .header-block .main-title {
        margin: 20px 0 0;
        font: 24px/1.2 Gilroy-ExtraBold, Arial, sans-serif;
        letter-spacing: 1px
    }
    body #rigging_tmpl .header-block .caption {
        margin: 11px 0 0;
        font: 18px/1.6 Gilroy-Regular, Arial, sans-serif;
        letter-spacing: -.2px
    }
    body #rigging_tmpl .header-block .icons {
        margin: 20px 0 0;
        font: 16px/1.6 Gilroy-Regular, Arial, sans-serif
    }
    body #rigging_tmpl .header-block ul {
        flex-wrap: wrap
    }
    body #rigging_tmpl .header-block ul li {
        display: flex;
        align-items: center;
        width: auto;
        margin-right: 25px;
        margin-bottom: 15px
    }
    body #rigging_tmpl .form-block {
        border-radius: 5px;
        background-color: #fff;
        padding: 10px 15px;
        box-shadow: 12.021px 12.021px 51px 0 rgba(22, 24, 29, 0.18);
        position: static;
        left: 15px;
        top: 336px;
        width: auto;
        height: auto
    }
    body #rigging_tmpl .form-block .form-header {
        font: 18px/1.4 Gilroy-SemiBold, Arial, sans-serif;
        margin-bottom: 15px;
        letter-spacing: .1px
    }
    body #rigging_tmpl .form-block .inputs .name body #rigging_tmpl .form-block .inputs .phone,
    #rigging_tmpl .form-block-b .inputs .phone,
    #rigging_tmpl .form-block-b .inputs .theme {
        align-items: center;
        background-color: #f4f4f7;
        font-size: 16px;
        padding: 13px 25px;
        border-radius: 100px;
        display: block;
        width: 100%;
        margin-bottom: 10px
    }
    body #rigging_tmpl .form-block .inputs .btn {
        padding: 18px 20px;
        width: 100%
    }
    body #rigging_tmpl .form-block .inputs .agree {
        width: 100%
    }
    body #rigging_tmpl .form-block .inputs .agree br {
        display: none
    }
    body #rigging_tmpl #serv .s_title {
        position: relative;
        z-index: 5;
        margin: 0 0 33px;
        letter-spacing: 0;
        font: 18px/1.1 Gilroy-ExtraBold, Arial, sans-serif
    }
    body #rigging_tmpl .s_header {
        height: auto;
        margin-bottom: 0;
        padding-bottom: 25px
    }
    body #rigging_tmpl .services {
        margin-top: 40px;
        padding-bottom: 5px
    }
    body #rigging_tmpl .teh-wrap {
        background-color: #fff;
        padding-top: 20px;
        padding-bottom: 10px;
        margin-bottom: 0
    }
    body #rigging_tmpl .photo_block {
        height: 500px;
        overflow: hidden
    }
    body #rigging_tmpl .teh-wrap .s_title {
        margin-bottom: 15px;
        font: 24px/1.1 Gilroy-ExtraBold, Arial, sans-serif
    }
    body #rigging_tmpl .teh-wrap .s_caption {
        font: 18px/1.5 Gilroy-Regular, Arial, sans-serif;
        margin-bottom: 18px;
        opacity: .6
    }
    body #rigging_tmpl .itemteh .desc .title-teh {
        color: #202234;
        font: 16px/28px Gilroy-ExtraBold, Arial, sans-serif;
        height: 44px;
        display: flex;
        align-items: center
    }
    body #rigging_tmpl .itemteh .desc {
        margin-left: 0;
        margin-top: 0;
        border-radius: 0 0 25px 15px;
        background-color: #f4f4f7;
        padding: 10px 5px 10px 35px;
        position: relative
    }
    body #rigging_tmpl .itemteh .bottom-text {
        font: 15px/1.5 Gilroy-Regular, Arial, sans-serif;
        opacity: .6;
        margin-top: 6px
    }
    body #rigging_tmpl .about_block {
        border-bottom: 5px solid #e4e4ea;
        padding-bottom: 25px;
        padding-top: 35px
    }
    body #rigging_tmpl .about_block .s_title {
        font: 32px/1.2 Gilroy-ExtraBold, Arial, sans-serif;
        margin-bottom: 30px
    }
    body #rigging_tmpl .about_block .s_caption {
        font: 18px/1.2 Gilroy-Regular, Arial, sans-serif;
        margin-bottom: 18px;
        opacity: .6
    }
    body #rigging_tmpl .about_block .right {
        padding-left: 0
    }
    body #rigging_tmpl .about_block .s_title {
        font: 24px/1.2 Gilroy-ExtraBold, Arial, sans-serif;
        margin-bottom: 30px;
        margin-top: 25px
    }
    body #rigging_tmpl #realized_projs {
        padding: 20px 0 15px
    }
    body #rigging_tmpl #realized_projs .s_title {
        color: #202234;
        font: 26px/1.1 Gilroy-ExtraBold, Arial, sans-serif;
        margin: 0 0 24px
    }
    body #rigging_tmpl .contract_block {
        background: #fff;
        padding: 10px 0 5px
    }
    body #rigging_tmpl .contract_block .contr-link img {
        max-width: 100%
    }
    body #rigging_tmpl .contract_block .items .item .name {
        font: 18px/1.2 Gilroy-SemiBold, Arial, sans-serif;
        margin-bottom: 10px
    }
    body #rigging_tmpl .contract_block .items .item .caption {
        font: 16px/1.2 Gilroy-Regular, Arial, sans-serif;
        margin-bottom: 0;
        opacity: .6
    }
    body #rigging_tmpl .contract_block .items .item {
        display: flex;
        align-items: center;
        margin-bottom: 40px;
        position: relative
    }
    body #rigging_tmpl .contract_block .items .item:after {
        content: "";
        bottom: -22px
    }
    body #rigging_tmpl .projects_block {
        padding: 31px 0 30px
    }
    body #rigging_tmpl .s_title {
        color: #202234;
        font: 24px/1.1 Gilroy-ExtraBold, Arial, sans-serif;
        margin: 0 0 36px;
        letter-spacing: 0
    }
    body #rigging_tmpl .projects_block .project-i .img {
        height: 220px
    }
    body #rigging_tmpl .calculator-b {
        padding: 20px;
        background: #ffe823;
        border-radius: 30px
    }
    body #rigging_tmpl .calculator-b .s_title {
        font: 30px/1 Gilroy-ExtraBold, Arial, sans-serif;
        margin: 0 0 15px
    }
    body #rigging_tmpl .calculator-b .s_caption {
        font: 21px/1 Gilroy-Regular, Arial, sans-serif;
        margin: 0 0 20px;
        letter-spacing: .2px
    }
    body #rigging_tmpl .personal_block {
        padding: 25px 0
    }
    body #rigging_tmpl .personal_block .icon {
        height: 70px
    }
    body #rigging_tmpl .personal_block .name {
        font: 12px/1.2 Gilroy-SemiBold, Arial, sans-serif
    }
    body #rigging_tmpl .personal_block .position {
        font: 12px/1.2 Gilroy-Regular, Arial, sans-serif;
        margin-bottom: 15px;
        opacity: .6
    }
    body #rigging_tmpl .personal_block .staj {
        font: 12px/1.2 Gilroy-Regular, Arial, sans-serif;
        padding: 6px 7px;
        background: #fff;
        border-radius: 5px;
        display: inline-block
    }
    body #rigging_tmpl #letters {
        padding: 25px 0 30px
    }
    body #rigging_tmpl #work_step {
        padding: 25px 0 15px;
        background: #fff
    }
    body .faq_block {
        padding: 25px 0
    }
    body .faq_block .item {
        box-shadow: 0 0 0 1px #dadae6;
        background-color: rgba(241, 241, 241, 0);
        border-radius: 15px;
        padding: 15px;
        cursor: pointer;
        margin-bottom: 20px
    }
    body .faq_block .item .title {
        font: 16px/1.4Gilroy-SemiBold, Arial, sans-serif;
        opacity: .8;
        color: #2b2334;
        display: flex;
        align-items: center
    }
    body #rigging_tmpl .form-block-b {
        background: #fff;
        position: relative;
        padding: 15px 15px 90px 10px
    }
    body #rigging_tmpl .form-block-b .form-header {
        font: 21px/1.5 Gilroy-SemiBold, Arial, sans-serif;
        margin-bottom: 24px
    }
    body #rigging_tmpl .form-block-b .inputs .btn {
        padding: 17px 45px;
        width: 100%
    }
    body #rigging_tmpl .form-block-b .inputs .agree {
        display: flex;
        align-items: flex-start;
        font: 12px/1.5 Gilroy-Regular, Arial, sans-serif;
        color: rgba(32, 34, 52, .4);
        padding-right: 25px;
        margin-top: 15px;
        align-items: center
    }
    body #rigging_tmpl .form-block-b {
        background: #fff;
        position: relative;
        padding: 15px 15px 20px 10px
    }
    body #rigging_tmpl .contacts .main-title {
        margin-top: 25px
    }
    body #rigging_tmpl .projects_block .slider-portfolio-j {
        margin-left: 10px
    }
    body #rigging_tmpl .slider-portfolio-j .owl-nav button {
        background-color: rgba(255, 255, 255, 1) !important;
        width: 41px;
        height: 43px
    }
    #rigging_tmpl .slider-portfolio-j .owl-nav {
        position: absolute;
        top: 170px
    }
    body #rigging_tmpl .slider-portfolio-j .owl-nav {
        position: absolute;
        top: 170px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        left: auto;
        right: 15px;
        width: 26%;
        justify-content: space-between
    }
    #go_to_top {
        right: 10px;
        left: auto
    }
    .xs-show {
        display: block !important
    }
    .xs-hide {
        display: none !important
    }
    .row {
        margin-left: 0;
        margin-right: 0
    }
    .line {
        margin: 15px 0 !important
    }
    #realized_projs .owl-dots {
        bottom: -15px
    }
    .s_title.small {
        font: 24px/1.1 Gilroy-ExtraBold, Arial, sans-serif !important;
        margin-bottom: 10px
    }
    [class*=col-] {
        padding-left: 10px;
        padding-right: 10px
    }
    .s_title {
        font-size: 31px
    }
    #mob_menu {
        padding: 15px
    }
    #mob_menu a {
        font: 16px Gilroy-SemiBold, Arial, sans-serif;
        width: 40%;
        float: left;
        border-bottom: 1px solid #e0e2e5;
        display: flex;
        height: 45px;
        margin: 0 5%;
        align-items: center
    }
    #mob_menu .contacts .contacts-wrap .item .socials a {
        border-radius: 27px;
        background-color: #ffdf00;
        padding: 8px;
        justify-content: center
    }
    #mob_menu .contacts .contacts-wrap .item .info a {
        width: 100%;
        height: auto;
        margin-bottom: 10px;
        border-bottom: none
    }
    #mob_menu .contacts .contacts-wrap .item .socials {
        width: 100%
    }
    #mob_menu .adres-header {
        width: 100%;
        max-width: none;
        border-radius: 5px;
            padding: 5px 10px;
        margin-bottom: 15px
    }
    #mob_menu .adres-header .text {
        font: 14px/1.5 Gilroy-Regular, Arial, sans-serif;
        color: #202234
    }
     #mob_menu .contacts .contacts-wrap .item .t-contact {
    font: 13px/1.5 Gilroy-Regular, Arial, sans-serif;
    color: #1b1c28;
}
    .adres-header {
        background: #ececec;
        padding: 10px
    }
    #mob_menu #close_menu {
        top: 15px;
        right: 15px
    }
    #mob_menu .contacts .contacts-wrap .item:before {
        display: none
    }
    #mob_menu .contacts .contacts-wrap .item {
            padding: 0px 0px 10px 51px;
    min-height: auto;
    border-bottom: 2px solid #eef0f1;
    border-radius: 0;
    }
    #mob_menu .contacts .contacts-wrap {
        margin-top: 0
    }
    #mob_menu .contacts .contacts-wrap .item>img {
        left: 10px
    }
    header .work_des_text {
        font: 13px/1.4 Gilroy-Regular, Arial, sans-serif
    }
    header .search {
        width: 130px
    }
    header .header .top .item .phone {
        font-size: 20px
    }
    header .header .top .item .soc a {
        margin-right: 5px
    }
    header .header .logo {
        padding-left: 60px
    }
    header .header .footer {
        padding: 13px 0
    }
    header .header .footer .btn {
        margin-right: 5px
    }
    header .header .footer .btns {
        width: 100%
    }
    header .content br {
        display: none
    }
    header .content h1 {
        font-size: 46px;
        line-height: 1.1
    }
    header .content .sub_title {
        margin: 0 0 20px
    }
    header .content .acent {
        margin-top: 10px
    }
    header .content .btn {
        margin-top: 25px
    }
    header .content form .btn,
    header .content form .wrap {
        width: 49%;
        margin: 0 0 10px
    }
    header .content form .input {
        font-size: 14px
    }
    header .content form .input::-webkit-input-placeholder {
        font: 14px Gilroy-Regular, Arial, sans-serif;
        color: #949494
    }
    header .content form .input::-moz-placeholder {
        font: 14px Gilroy-Regular, Arial, sans-serif;
        color: #949494
    }
    header .content form .input:-moz-placeholder {
        font: 14px Gilroy-Regular, Arial, sans-serif;
        color: #949494
    }
    header .content form .input:-ms-input-placeholder {
        font: 14px Gilroy-Regular, Arial, sans-serif;
        color: #949494
    }
    header .content form .wrap .input {
        padding: 12px 15px
    }
    header .content form .select select {
        font-size: 14px !important;
        padding: 12px 50px 12px 15px
    }
    header .content form .btn {
        padding: 12px 0
    }
    header .content form .points {
        width: 100%
    }
    header .content form .points .point .icon {
        left: 8px
    }
    header .content form .points .point .input {
        padding: 12px 15px 12px 55px
    }
    header #open_menu {
        margin: 0 0 0 5px
    }
    #serv {
        padding: 30px 0
    }
    #serv .s_title {
        margin: 0 0 30px
    }
    #serv .item {
        margin: 0 0 50px;
        width: 49%
    }
    #serv .item .circle {
        top: -50px;
        width: 166px;
        height: 166px
    }
    #slider .owl-nav {
        width: 96%
    }
    #calc {
        padding: 30px 0 40px
    }
    #calc .s_title {
        margin: 0;
        font-size: 31px
    }
    #calc .input {
        font-size: 14px;
        padding: 14px 20px
    }
    #calc form .btn {
        padding: 14px 50px
    }
    #work_step .col-xs-4 {
        width: 50%
    }
    #work_step .item._third .title .arrow {
        display: block
    }
    #work_step .item._fourth .title .arrow,
    #work_step .item._second .title .arrow {
        display: none
    }
    #technic .item {
        margin-bottom: 40px
    }
    #letters {
        padding: 30px 0 40px
    }
    #letters .item .img .letter-img {
        height: 240px
    }
    #letters .item .img .logo img {
        max-width: 90%;
        max-height: 90%
    }
    #about {
        padding: 30px 0
    }
    #about .lside:before {
        top: -30px
    }
    #about ul li {
        font-size: 14px
    }
    #about .img {
        height: 140px !important
    }
    #map {
        padding: 0
    }
    #seo {
        padding: 40px 0 20px
    }
    #seo .row {
        margin-left: -35px;
        margin-right: -35px
    }
    #seo .title:after {
        margin: 10px 0 20px
    }
    #seo .item {
        margin-bottom: 30px
    }
    #contacts {
        padding: 0
    }
    #contacts .r-side [class*=col-] {
        width: 100%
    }
    #contacts br {
        display: none
    }
    .popup_block .close_popup_icon {
        top: 15px;
        right: 15px;
        width: 24px;
        height: 24px
    }
    .popup_block .close_popup_icon path {
        fill: #a9a9a9
    }
    .popup_block .wrapper {
        box-shadow: 0 5px 74px 0 rgba(56, 53, 51, .48), inset 0 0 0 10px #eff2f4;
        padding: 25px
    }
    .popup_block .wrapper .title {
        font-size: 21px;
        line-height: 1;
        margin-bottom: 30px;
        padding-right: 0
    }
    .popup_block .wrapper .title span {
        margin-top: 10px
    }
    .popup_block .wrapper .title .icon,
    .popup_block .wrapper p br {
        display: none
    }
    .popup_block .wrapper form {
        margin: 20px 0 0
    }
    .popup_block .wrapper form .field {
        margin: 0 0 10px
    }
    .popup_block .wrapper form .field svg {
        width: 14px;
        height: 14px;
        left: 18px
    }
    .popup_block .wrapper form .input {
        font-size: 14px;
        padding: 13px 15px
    }
    .popup_block .wrapper form .input::-webkit-input-placeholder {
        font: 14px Gilroy-Regular, Arial, sans-serif;
        color: #777
    }
    .popup_block .wrapper form .input::-moz-placeholder {
        font: 14px Gilroy-Regular, Arial, sans-serif;
        color: #777
    }
    .popup_block .wrapper form .input:-moz-placeholder {
        font: 14px Gilroy-Regular, Arial, sans-serif;
        color: #777
    }
    .popup_block .wrapper form .input:-ms-input-placeholder {
        font: 14px Gilroy-Regular, Arial, sans-serif;
        color: #777
    }
    .popup_block .wrapper .clbk_form .input_title {
        width: 100%;
        margin-bottom: 10px;
        border-radius: 20px
    }
    .popup_block .wrapper .clbk_form .input_time {
        width: 49.5%
    }
    .popup_block .wrapper .clbk_form .input_time .input {
        border-radius: 20px
    }
    .popup_block .wrapper .clbk_form .input_date {
        width: 49.5%
    }
    .popup_block .wrapper .clbk_form .input_date .input {
        border-radius: 20px;
        padding: 10.5px 0 10.5px 40px
    }
    .popup_block .wrapper .clbk_form .btns {
        flex-direction: column;
        align-items: flex-start
    }
    .popup_block .wrapper .clbk_form .btns .agree {
        margin: 0 0 20px
    }
    .popup_block .wrapper .clbk_form .btns .btn {
        order: 2
    }
    .popup_block .wrapper .social a {
        height: 46px
    }
    .popup_block .wrapper .social a svg {
        width: 20px;
        height: 20px
    }
    #video_popup .video {
        height: 260px
    }
    #clbk .title .icon {
        display: none
    }
    #clbk .info {
        padding: 50px 30px 30px
    }
    #clbk .info .sub_title {
        font-size: 26px
    }
    #modal_raschet .attach_file {
        margin: 0 0 20px;
        order: -1;
        padding-left: 30px;
        font-size: 14px
    }
    #modal_raschet .attach_file img {
        width: 20px
    }
    #modal_raschet .files .item {
        font-size: 14px;
        width: 100%
    }
    #choose_city .cities a {
        width: 44%;
        font-size: 14px;
        padding-left: 28px
    }
    #choose_city .cities a:before {
        width: 18px;
        height: 18px
    }
    #choose_city .cities a._active:after {
        width: 10px;
        height: 10px
    }
}
@media (max-width: 768px) {
    
    body #rigging_tmpl #serv .item {
        padding: 25px 35px 35px;
        height: auto;
        width: 100%;
        margin: 0 0 40px
    }
    header .content .main-slider  h1 {
        font-size: 22px;
    }
}
@media (max-width:576px) {
	.m_sps {
	display: flex; 
    flex-direction: column;
}
	.sps_btn {
		margin-top: 30px;
	}
    header .search {
        width: 38px
    }
    header .search .input {
        padding: 0;
        width: 38px;
        height: 38px;
        border-radius: 100%;
        color: transparent
    }
    header .search img {
        left: 11px
    }
    header .search .serv_list {
        width: 180px
    }
    header .header .logo {
        padding-left: 55px
    }
    header .header .logo .text {
        font-size: 21px
    }
    header .header .logo img {
        width: 55px;
        height: 55px
    }
    header .content h1 {
        font-size: 36px
    }
    header .content .sub_title {
        font-size: 20px
    }
    header .content .btn {
        padding: 15px 30px
    }
    header .owl-dots {
        display: none
    }
    header .owl-nav {
        width: 94px;
        height: 47px
    }
    header .owl-nav button {
        height: 47px;
        width: 44px
    }
    #realized_projs {
        padding: 0 0 20px
    }
    #realized_projs .item .img {
        height: 80px
    }
    #features1 {
        padding: 30px 0 20px
    }
    #features1 [class*=col-] {
        width: 100%
    }
    #features1 .item {
        padding: 15px
    }
   
    #features1 .item .item__title img {
        width: 40px
    }
    #features1 .item ul {
        padding: 0 15px 15px
    }
    #technic [class*=col-] {
        width: 100%
    }
    #technic .item {
        border-radius: 5px 5px 5px 25px;
        padding: 0 10px 15px 15px
    }
    #technic .item .img {
        height: 140px;
        margin: -20px -10px 20px 0;
        width: calc(100% + 10px)
    }
    #technic .item .title {
        font-size: 18px
    }
    #letters .item .img .letter-img {
        height: 310px
    }
    #letters .col-xs-4 {
        width: 50%
    }
    #calc .inputs .input {
        width: 100% !important
    }
    #calc .input-wrap {
        width: 100%
    }
    #calc .input-wrap--tz {
        margin-bottom: 10px;
        width: 100%
    }
    #calc .agree {
        margin: 15px 0;
        width: 100%
    }
    #calc form .btn {
        order: 10
    }
    #calc .files {
        margin-top: 20px;
        padding-top: 15px
    }
    #calc .files .item {
        font-size: 14px;
        width: 100%
    }
    #work_step {
        padding: 30px 0 10px
    }
    #about .img {
        width: 49% !important;
        margin-bottom: 15px
    }
    #seo p {
        font-size: 14px
    }
    .popup_block .wrapper .clbk_form .input_date,
    .popup_block .wrapper .clbk_form .input_time {
        width: 100%
    }
    .popup_block .wrapper .clbk_form .input_date {
        margin-bottom: 10px
    }
    #realized_projects .wrapper .title {
        font-size: 26px
    }
    #realized_projects .owl-carousel .item {
        height: 350px
    }
}

@media (max-width:375px) {
    header .content h1 {
        margin: 30px 0 10px;
        font-size: 30px
    }
    header .content .sub_title {
        font-size: 18px
    }
    header .content .btn {
        padding: 14px 38px
    }
    header .owl-nav {
        width: 90px;
        height: 45px
    }
    header .owl-nav button {
        height: 45px;
        width: 42px
    }
    #serv .item {
        padding: 95px 10px 15px
    }
    #serv .item .title {
        font-size: 18px;
        margin: 0 0 10px
    }
    #serv .item .btn {
        font-size: 12px;
        padding: 14px 0
    }
    #slider .item {
        height: 220px
    }
    #letters .item .title b {
        font-size: 14px
    }
    #letters .item .img .letter-img {
        height: 200px
    }
    #contacts .top .input-wrap {
        margin: 0 0 10px;
        width: 100%
    }
    #contacts .top .social {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }
    #contacts .top .social a {
        margin: 20px 0 0;
        width: 48%
    }
    #contacts .contacts a {
        margin-bottom: 15px
    }
    #video_popup .video {
        height: 230px
    }
    #realized_projects .owl-carousel .item {
        height: 250px
    }
}

@media (max-width:320px) {
    .s_title {
        font-size: 30px
    }
    header #open_menu {
        margin-left: 10px
    }
    header .work_des_text {
        font-size: 13px
    }
    header .search {
        margin-right: 5%
    }
    header .header .top .btn {
        margin-right: 15px
    }
    header .header .top .item {
        padding-left: 0
    }
    header .content h1 {
        font-size: 26px
    }
    header .content .sub_title {
        font-size: 18px
    }
    header .content p {
        font-size: 14px
    }
    #serv .item {
        width: 100%;
        margin: 0 0 40px
    }
    #serv .item br {
        display: none
    }
    #serv .item .title {
        font-size: 22px
    }
    #serv .item .circle {
        display: none
    }
    #letters .item .title {
        padding: 10px;
        border-radius: 10px 5px 0 0
    }
    #letters .item .img {
        padding: 10px
    }
    #letters .item .img .letter-img {
        height: 170px
    }
    #slider .item {
        height: 200px
    }
    #slider .item .pos_absc {
        width: 50px;
        height: 50px
    }
    #slider .owl-nav button {
        width: 40px;
        height: 70px
    }
    #calc .s_title {
        font-size: 30px
    }
    #works .wrap {
        width: 100%
    }
    #works .wrap .img .item {
        height: 160px
    }
    #price .s_title {
        margin: 0 0 20px
    }
    #price .item {
        margin: 0 0 10px
    }
    #about .img {
        width: 100% !important;
        margin-bottom: 10px
    }
    #dop_serv {
        padding: 30px 0 10px
    }
    #dop_serv .item {
        width: 100%;
        margin: 0 0 10px
    }
    #video_popup .video {
        height: 200px
    }
    #realized_projects .owl-carousel .item {
        height: 230px
    }
}

@media (max-width:1480px) {
    .table-wrapper {
        width: calc(100% - 110px)
    }
}

@media (max-width:1200px) {
    .filter-left {
        width: 230px
    }
    header .header .top .item .soc {
    position: absolute;
    left: 0;
}
    .wrap-content {
        width: 690px
    }
    #serv .filter a {
        padding: 15px
    }
    .single-teh .left {
        width: 300px
    }
    .single-teh .right {
        width: 400px
    }
    .single-teh h1 {
        font-size: 36px;
        line-height: 44px
    }
    .bottom-items {
        margin-top: 40px
    }
    .bottom-items .col-md-4 .text {
        font-size: 16px;
        line-height: 20px
    }
    .bottom-items .col-md-4 .text br {
        display: none
    }
    .itemteh .bottom-text>div b,
    .itemteh .bottom-text>div span {
        font-size: 12px;
        line-height: 16px
    }
    .contacts .map-wrap .map {
        height: 100%;
        position: static;
        right: auto;
        width: 100%;
        top: auto;
        bottom: auto;
        padding: 0 15px;
        margin-top: 30px;
        clear: both;
        float: left;
        height: 300px
    }
    .representatives .rep-items {
        justify-content: center
    }
}

@media (max-width:992px) {
    .adres-header.adr {
        display: none
    }
    #features1 .item .item__title {
    padding-left: 55px;
    font-size: 16px;
    min-height: 49px;
    display: flex;
    align-items: center;
}
#features1 .item .item__title img {
    position: absolute;
    bottom: auto;
        top: 1px;
    }
    .price-form {
        width: 300px
    }
    .form-title {
        font: 24px/1.1 Gilroy-ExtraBold, Arial, sans-serif;
        margin-bottom: 18px
    }
    .prems .container h2,
    .top-section h1 {
        font-size: 31px
    }
    .rep-items .item {
        width: 46%;
        margin: 0 10px 15px
    }
    .categories .itemteh .title-teh span {
        font: 15px/16px Gilroy-ExtraBold, Arial, sans-serif
    }
    .itemteh .bottom-text {
        margin-top: 10px
    }
    .title-table {
        color: #202234;
        text-align: center;
        margin-bottom: 5px;
        font: 26px/1.1 Gilroy-ExtraBold, Arial, sans-serif;
        margin-top: 5px
    }
    .price {
        margin: 25px 0
    }
    .itemteh .desc {
        padding: 40px 15px 30px
    }
    #serv .filter.xs-hide {
        display: none !important
    }
    .filter-left {
        width: 100%
    }
    .wrap-content {
        width: 100%
    }
    #serv .filter.xs-show {
        display: block !important;
        background: 0 0;
        margin-bottom: 40px
    }
    #serv .filter.xs-show:before {
        display: none
    }
    .single-teh .left {
        width: 100%;
        padding: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }
    .single-teh .right {
        width: 100%;
        max-width: 400px;
        margin: 20px auto
    }
    .price-table {
        margin-top: 0
    }
    .single-teh .left:before {
        display: none
    }
    .representatives h2 {
        font-size: 44px
    }
}

#mob_menu #close_menu,
#mob_menu #close_menu svg {
    display: none
}

@media (max-width:800px) {
    .rep-items .item {
        width: 100%;
        margin: 0 10px 15px
    }
    .fancybox-navigation .fancybox-button--arrow_right {
        padding: 31px 6px 31px 26px;
        right: 0 !important
    }
    .form-block input.phone {
        width: 100%;
        margin-bottom: 10px
    }
    .flex {
        display: flex;
        align-items: center
    }
    .logo-company {
        min-width: 110px;
        display: flex;
        align-items: center
    }
    .reviews .rev-item .top-title b,
    .reviews .rev-item .top-title span {
        height: 40px;
        display: block
    }
    .portfolio .reviews .img {
        margin-top: 7px;
        border-radius: 0 0 5px 30px;
        background-color: #fff;
        padding: 15px
    }
    .portfolio-list .item .img .brand img {
        max-width: 100%;
        height: auto;
        max-height: 30px
    }
    header .work_des_text {
        margin: 0 auto 0 15px
    }
    #realized_projs .item .more {
        display: none
    }
    #realized_projs .item {
        margin-bottom: 10px
    }
    #realized_projs .item:hover .more {
        display: block
    }
    #work_step .item p {
        font-size: 12px
    }
    #work_step .item .title .arrow {
        right: -10px
    }
    header .header .top {
        /*display: none*/
        background: #fff;
    }
    header .header .logo h1, header .header .logo p {
    font: 10px/1.2 Gilroy-Regular, Arial, sans-serif;
    margin-left: 9px;
    max-width: 80px;
    letter-spacing: -0.5px;
}
    .single-page {
        padding: 40px 10px
    }
    .single-page .single-title {
        font-size: 20px;
        line-height: 24px
    }
    .link-main {
        font-size: 16px;
        line-height: 16px
    }
    #features1 .item:hover ul {
        display: none
    }
    #features1 .item:hover {
        background: #fff
    }
    #features1 .item.hover {
        background: #ffe823
    }
    #features1 .item.hover ul {
        display: block
    }
    header .header._sticky .top {
        display: block;
        padding: 4px 0
    }
    #mob_menu #close_menu,
    #mob_menu #close_menu svg {
        display: block !important
    }
    .title-table {
        font-size: 22px;
        line-height: 26px;
        margin-bottom: 20px
    }
    .table-wrapper>.table-order {
        opacity: 0;
        visibility: hidden;
        height: 0;
        width: 0;
        font-size: 0;
        line-height: 0;
        padding: 0;
        margin: 0
    }
    .mobile-hide {
        display: none !important
    }
    .mobile-show {
        display: flex !important
    }
}



@media (max-width:800px) {
    .itemteh {
        margin-bottom: 30px
    }
    header .header._sticky .top .item+.xs-show {
        display: block !important
    }
    .table-wrapper {
        padding: 10px;
        width: 100%
    }
    .table-order {
        position: relative;
        right: auto;
        bottom: auto;
        top: auto;
        height: auto;
        padding: 5px;
        margin-top: 4px;
        font-size: 10px
    }
    #seo ul li,
    .portfolio li,
    .prems li,
    .text-about li {
        font-size: 14px
    }
    header .header .top .item .phone {
        font-size: 17px
    }
    header .header .top .item {
        margin-right: 0
    }
    header .header .top .item .email {
        font: 10px Gilroy-Regular, Arial, sans-serif;
        margin-right: 4px
    }
    .teh-wrap {
        margin-bottom: 30px
    }
    .about-wrapper {
        margin-bottom: 40px
    }

    .top-section h1 {
        margin: 20px 0
    }
    .top-section p {
        margin-top: 20px
    }
    .top-section .btn-fast {
        margin-top: 20px
    }
    .prems .container h2,
    .top-section h1 {
        font-size: 36px
    }
    .top-section .top-2 {
        display: none
    }
    header .content .col-xs-12 .item {
        padding: 0 3px
    }
    header .content .btn {
        padding: 14px
    }
    .representatives h2 {
        margin-top: 30px;
        font-size: 30px
    }
    .services .item-serv ul {
        margin-top: 15px
    }
    .representatives .rep-items {
        margin-top: 30px
    }
    .services .item-serv {
        padding: 0 0 20px 25px
    }
    .itemteh img {
        height: 235px
    }
    .itemteh .desc {
        margin-left: 0;
        padding: 30px 60px 30px 20px
    }
    .itemteh .desc .title-teh {
        margin-left: 0
    }
    .itemteh .bottom-text {
        margin-top: 15px;
        grid-column-gap: 10px;
        row-gap: 5px
    }
    .itemteh .bottom-text>div b,
    .itemteh .bottom-text>div span {
        font-size: 12px;
        line-height: 16px
    }
    .bottom-items {
        margin-top: 0
    }
    .bottom-items .col-md-4 {
        margin-bottom: 20px
    }
    .text-teh {
        margin-top: 30px;
        padding: 25px 15px 0
    }
    .text-teh:before {
        left: 15px
    }
    .recommends {
        margin-top: 20px;
        padding: 0 15px;
        margin-bottom: 20px
    }
    .single-teh h1 {
        font-size: 28px;
        line-height: 32px
    }
    .single-teh .owl-carousel .owl-nav button.owl-prev {
        left: 5px;
        width: 30px;
        height: 50px
    }
    .single-teh .owl-carousel .owl-nav button.owl-next {
        right: 5px;
        width: 30px;
        height: 50px
    }
    .single-teh .owl-carousel .owl-nav button:before {
        padding: 4px
    }
    .single-teh .owl-carousel .owl-nav button.owl-next:before {
        margin-left: 0;
        margin-right: 4px
    }
    .bottom-items .col-md-4 .text {
        font-size: 14px;
        line-height: 1
    }
    .bottom-items .col-md-4 img {
        max-width: 50px;
        height: auto
    }
    #contacts .top .input-wrap {
        width: auto
    }
    #realized_projs .item .title {
        font-size: 14px
    }
    #realized_projs .item .des {
        font-size: 12px
    }
    #contacts .row {
        display: flex;
        flex-wrap: wrap
    }
}

#realized_projs .owl-carousel .owl-stage {
    display: flex
}

#realized_projs .owl-carousel .owl-stage .item {
    height: 100%;
    display: flex;
    flex-direction: column
}

#realized_projs .item:hover .more {
    visibility: visible;
    opacity: 1
}

#realized_projs .item .more {
    margin-top: 10px;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

#realized_projs .item {
    text-align: center
}

#realized_projs .item .des {
    margin: 10px 0 0
}

.about-1 .docs .doc p {
    margin: 0 0 0 20px
}

.bread ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.bread ul li {
    align-items: center
}

.letters-single .col-md-3 {
    display: none
}

#realized_projs .item .title {
    display: inline-block;
    color: #000
}

header .work_des_text {
    color: #202234
}

@media (max-width:576px) {
    header .header .top .item .soc a {
        width: 12px;
        height: 12px;
        margin-right: 3px
    }
    header .header .top .item .phone {
        font-size: 15px;
        line-height: 15px;
        margin-bottom: 0
    }
    header .header .logo .text {
        font-size: 17px
    }
    header .header .logo img {
        width: 55px;
        height: 55px
    }
    header .header .logo {
        padding-left: 55px
    }
    header .header .logo p,
    header .work_des_text {
        font: 8px/1.2 Gilroy-Regular, Arial, sans-serif;
        margin: 0 auto 0 10px
    }
    header .header .footer .btn {
        width: 30px;
        height: 30px
    }
    header .header .footer .phon {
        height: auto
    }
    header .header .footer .btn svg {
        width: 14px;
        height: 14px
    }
}

@media (max-width:500px) {
    #contacts .top .flex_w {
        justify-content: space-between;
        flex-direction: column
    }
    #contacts .top .btn,
    #contacts .top .input-wrap {
        width: 100%
    }
    #serv .item p {
        margin: 0 0 10px
    }
    #serv .item .wrap-btns {
        flex-direction: column
    }
    #contacts .top .btn {
        text-align: center
    }
    #contacts .top .social a {
        margin: 0 0 15px !important
    }
}

@media (max-width:360px) {
    header .header .logo p,
    header .work_des_text {
        display: none
    }
}

#technic .item .more {
    cursor: pointer
}

#letters .col-md-3 {
    display: none
}

#technic .col-md-4 {
    display: none
}

body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: 0;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 9999999999999 !important
}

.fancybox-container * {
    box-sizing: border-box
}

.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47, 0, .74, .71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}

.fancybox-caption,
.fancybox-infobar,
.fancybox-navigation .fancybox-button,
.fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease, visibility 0 ease .25s;
    visibility: hidden;
    z-index: 99997
}

.fancybox-show-caption .fancybox-caption,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-nav .fancybox-navigation .fancybox-button,
.fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    transition: opacity .25s ease 0s, visibility 0 ease 0;
    visibility: visible
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 99994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform, opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994
}

.fancybox-slide:before {
    content: "";
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
    display: block
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0
}

.fancybox-slide--image:before {
    display: none
}

.fancybox-slide--html {
    padding: 6px
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle
}
.fancybox-content.popup_block{
    background:none;
    padding:15px;
} 
.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    -webkit-backface-visibility: hidden;
    background: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    transform-origin: top left;
    transition-property: transform, opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in
}

.fancybox-can-pan .fancybox-content,
.fancybox-can-swipe .fancybox-content {
    cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
    cursor: grabbing
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-image,
.fancybox-spaceball {
    background: 0 0;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--iframe .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--video .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff
}

.fancybox-iframe,
.fancybox-video {
    background: 0 0;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0
}

.fancybox-button {
    background: rgba(30, 30, 30, .6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px
}

.fancybox-button,
.fancybox-button:link,
.fancybox-button:visited {
    color: #ccc
}

.fancybox-button:hover {
    color: #fff
}

.fancybox-button:focus {
    outline: 0
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: 0
}

.fancybox-button div {
    height: 100%
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0
}

.fancybox-button--fsenter svg:nth-child(2),
.fancybox-button--fsexit svg:first-child,
.fancybox-button--pause svg:first-child,
.fancybox-button--play svg:nth-child(2) {
    display: none
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998
}

.fancybox-close-small {
    background: 0 0;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none
}

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px
}

.fancybox-navigation .fancybox-button div {
    padding: 7px
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 100px
}

.fancybox-caption {
    background: linear-gradient(0deg, rgba(0, 0, 0, .85) 0, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, transparent);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996
}

.fancybox-caption--separate {
    margin-top: -50px
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline
}

.fancybox-loading {
    animation: a 1s linear infinite;
    background: 0 0;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999
}

@keyframes a {
    to {
        transform: rotate(1turn)
    }
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, .25, 1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translateZ(0)
}

.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(.5, .5, .5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    transform: rotate(-1turn)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    transform: rotate(1turn)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    transform: rotate(0)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1) translateZ(0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translateZ(0) scale(1)
}

@media (max-height:576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px
    }
    .fancybox-slide--image {
        padding: 6px 0
    }
    .fancybox-close-small {
        right: -6px
    }
    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px
    }
    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px
    }
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px
}

.fancybox-share p {
    margin: 0;
    padding: 0
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.fancybox-share__button:link,
.fancybox-share__button:visited {
    color: #fff
}

.fancybox-share__button:hover {
    text-decoration: none
}

.fancybox-share__button--fb {
    background: #3b5998
}

.fancybox-share__button--fb:hover {
    background: #344e86
}

.fancybox-share__button--pt {
    background: #bd081d
}

.fancybox-share__button--pt:hover {
    background: #aa0719
}

.fancybox-share__button--tw {
    background: #1da1f2
}

.fancybox-share__button--tw:hover {
    background: #0d95e8
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
}

.fancybox-share__button svg path {
    fill: #fff
}

.fancybox-share__input {
    background: 0 0;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0;
    outline: 0;
    padding: 10px 15px;
    width: 100%
}

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    width: 212px;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, .1);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px
}

.fancybox-thumbs__list a:before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s cubic-bezier(.25, .46, .45, .94);
    z-index: 99991
}

.fancybox-thumbs__list a:focus:before {
    opacity: .5
}

.fancybox-thumbs__list a.fancybox-thumbs-active:before {
    opacity: 1
}


.head-whatsapp,
.head-telegram {
	width:44px;
	height:44px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:50%;
	margin-right:10px;
}

.head-whatsapp {
	background:#25d366;
}

.head-telegram {
	background:#0088cc;
}

.head-whatsapp svg,
.head-telegram svg {
	width:20px;
	height:20px;
}
.head-telegram svg {
	margin-left:-2px;
}

.head-whatsapp svg path,
.head-telegram svg path {
	fill:#fff;
}

@media (max-width:800px) {
	.head-whatsapp,
	.head-telegram {
		display:none;
	}
}

@media (max-width:576px) {
    .fancybox-thumbs {
        width: 110px
    }
    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }
    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px)
    }
}
.yrating {margin-left:35px}
.mobile {display:none; margin-top:5px}


@media (max-width:460px) {
    .yrating {display:none}
	.mobile {display:block}
	#mob_menu {
        top: 47px;
    }

}




.open_cities {
    justify-content: flex-end;
    display: flex;
}

.footer_slogan {color:#fff;
font-size:18px
}

.devws-contact-modal {
	display: flex !important;
}