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

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

body {
    line-height: 1;
    position: relative;
    overflow-x: hidden;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

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

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

a {
    text-decoration: none;
    color: inherit
}

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

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

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


.pagesClass {
    font: 1.45em gp;
    text-align: left;
    line-height: 1.958333333333333;
    padding: 3.583333333333333em 0 1.863636363636364em;
    max-width: 1100px;
    margin: 0 auto;
}

.pagesClass p {
    display: block;
    margin: 1em 0;
}

html.oneHundredPercent,
body.oneHundredPercent,
#thisMainPage {
    height: 100%;
}

/*body.oneHundredPercent{
	    display: table;
    width: 100%;
}*/

body.oneHundredPercent {
    display: table;
    width: 100%;
    max-width: 95%;
    margin: 0 auto;
    background: #000;
}

/*.menu {
    line-height: 1;
    margin: 0 auto 3em;
}*/

/* .menu__list {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
} */
.menu__list {
    position: relative;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    /* width: 65%; */
    /* width: 75%; */
    padding: 0;
    list-style: none;
}

.menu__item {
    display: block;
    margin: 1em 0;
}

.menu__link {
    font: 1.05em gpb;
    font-weight: bold;
    display: block;
    padding: 1em;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.menu__link:hover,
.menu__link:focus {
    outline: none;
}


/* Adrian */
.menu--adrian .menu__item {
    margin: 0 1em;
    /* width: 14%; */
    width: auto;
}

.menu--adrian .menu__link {
    position: relative;
    /* overflow: hidden; */
    width: 100%;
    text-decoration: none;
    padding: 1em 0;
    color: #fff;
}

.menu--adrian .menu__link:hover,
.menu--adrian .menu__link:focus {
    color: #fff;
}

.menu__item:hover .menu__link {
    color: #d94f5c;
}

.menu--adrian .menu__link::before {
    content: '';
    position: absolute;
    bottom: -20px;
    left: 0;
    /* width: 300%; */
    width: 100%;
    height: 50px;
    opacity: 0;
    background: url(img/icons/line_long.svg) no-repeat top left;
    background-size: 514px auto;
    -webkit-transform: translate3d(30px, 0, 0);
    transform: translate3d(30px, 0, 0);
    -webkit-transition: -webkit-transform 0s 0.3s, opacity 0.3s;
    transition: transform 0s 0.3s, opacity 0.3s, background-position 1s
}

.menu__item:hover .menu__link::before {
    opacity: 1;
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
    -webkit-transition: -webkit-transform 0.5s;
    background-position: top right;
    transition: transform 0.5s, background-position 1s;
}

.menu--adrian .menu__helper {
    display: block;
    pointer-events: none;
}

.menu__item:hover .menu__helper {
    -webkit-animation: anim-adrian 0.3s forwards;
    animation: anim-adrian 0.3s forwards;
}

@-webkit-keyframes anim-adrian {
    50% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    51% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes anim-adrian {
    50% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    51% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}




.beforeBlack {
    background: #1f1f1f;
}

#logo {
    display: table-cell;
    vertical-align: middle;
}

#ic-scroll {
    width: 2em;
    height: 2em;
    margin: 0 auto;
    display: block;
}

#headRight {
    display: table-cell;
    vertical-align: middle;
}


/* #headRight .buttonSendFormData {
    top: 5px;
    color: #fff;
    float: right;
    padding: .9285714285714286em 1.485714em;
    z-index: 2;
} */

#headRight .buttonSendFormData {
    top: 0;
    color: #fff;
    padding: 1em 1.485714em;
    z-index: 2;
    display: flex;
    height: 1.2em;
    box-sizing: content-box;
}


#headRight #menuWrap {
    display: table;
    width: 100%;
}

/* #headRight nav {
    float: right;
    width: 65%;
    text-align: left;
} */

#container {
    overflow-x: hidden;
}

#headRight nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
}


#logo svg {
    width: auto;
    height: 3.125em;
}

#thisMainPage {
    position: relative;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
}

#thisMainPage #content {
    color: #fff;

}

#headerBefore {
    /* position: absolute; */
    position: relative;
    width: 100%;
    background: #1F1F1F;
}

#headerThis {
    /* max-width: 69.58333333%; */
    max-width: 83%;
    /* padding: 1.6em 0 0 0; */
    /* position: absolute; */
    left: 0;
    right: 0;
}


#mediaTitle {
    background: url(img/header.png) no-repeat center;
    background: url(img/header.webp) no-repeat center;
    padding: 0 0 3.75em 0;
}

#mediaTitle h1,
#worksMediaTitle h1 {
    font: 2.75em gpb;
    line-height: 1.472594951103025;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    padding: 6.363636363636364em 0 4.318181818181818em;
}


.width66 {
    width: 66.10169491525424%;
    margin: 0 auto;
}

.smallTitle {
    font: 0.75em gp;
    color: #bfbfbf;
    text-transform: uppercase;
}

.caseLowered {
    text-transform: none;
}


.desktopBottom {
    padding: 0 0 2.444444444444444em 0;
}

.mobileBottom {
    padding: 0 0 3.074074074074074em 0;
}

#aboutCompany #aboutCompanyText {
    font: 1.45em gp;
    text-align: center;
    line-height: 1.958333333333333;
    padding: 3.583333333333333em 0 1.863636363636364em;
}

.buttonStatic {
    width: 18.64406779661017%;
    font-size: 1em;
    color: black;
    padding: 1.5625em .25em;
    cursor: pointer;
    /*background-color: #fcd700;*/
    background-color: #fde900;
    border-radius: 2.1875em;
    text-align: center;
    font-family: gpb;
    margin: 0 auto;
}

.buttonStatic:hover {
    background-color: #fcd700;
}

#thisMainPage #content h1,
#thisCatBlock h1 {
    font: 3em gpb;
}

#thisMainPage #content h1 {
    width: 73%;
    height: auto;
    margin: 0 auto;
}

#thisMainPage #info,
#thisCatBlock #info {

    position: fixed;
    top: 0;
    right: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=3.061616997868383e-16, M12=1, M21=-1, M22=3.061616997868383e-16, SizingMethod='auto expand')";
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=3.061616997868383e-16,
            M12=1,
            M21=-1,
            M22=3.061616997868383e-16,
            SizingMethod='auto expand');
}

#thisMainPage #info nav,
#thisCatBlock #info nav {
    position: absolute;
    right: 0;
    bottom: 2em;
    text-align: center;
}

#thisMainPage #info ul,
#thisCatBlock #info ul {
    width: 100vh;
}

#thisMainPage #info li,
#thisCatBlock #info li {
    display: inline-block;
    margin: 0 2em 0 0;
    font: 1.5em ds;
    color: #808080;
}


.blockWork,
.blockBolder {
    /*height: 405px;*/
    /*width: 33.33333333333333%;*/
    width: 33%;
    /*margin-right: 10px;*/
    /*margin-bottom: 40px;*/
    float: left;
    font: 1.125em gp;
    margin: 0 0 0 0.5%;
    padding: 0 0 2.8125em;
}

.blockWork img {
    margin: 0 auto;
    display: block;
}

.blockBolder img {
    margin: 0 auto;
    display: inline-block;
}

.blockBolder {
    /*width: 66.65%;*/
    width: 66%;
}

.blockOnLeft {
    margin-left: 0;
}


/*.img100Percent img{
    width: 100%;
}
*/

.innerBlockWork {
    text-align: center;
    position: relative;
}

#headerMargin {
    font: 2.75em gpb;
    text-align: center;
    margin: .2727272727272727em 0 2.272727272727em;
}

#aboutCompany,
#advantages,
#ourWorks,
#orderWork {
    /* padding: 5.625em 0; */
    overflow: hidden;
}

.flex-wrapper {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    margin: 0 auto;
    max-width: 1180px;
    flex-direction: column;
}

.flex__direction-row {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-direction: row;
    flex-wrap: wrap;
}

.innerBlockWork .buttonStatic {
    top: 40%;
}

.innerBlockWork a {
    /*visibility: hidden;*/
    padding: 1.2625em 2em;
}

.LeftRightmargin {
    margin: 0 1.69%;
}

.dateWork {
    color: #1F1F1F;
    opacity: 0.45;
}

#ourWorks .nameWork,
#ourWorks .dateWork {
    width: 90%;

}

#ourWorks .nameWork {
    margin: 1.277777777777778em 0;
    height: 3em;
    line-height: 1.7;
}


#orderWork {
    overflow: hidden;
}

#orderWork h2 {
    color: #fff;
}

.orderWorkBox {
    margin: 0 auto;
    padding: 3.125em 0;
    /*height: 261px;*/
    width: 91.94915254237288%;
    border: 1px solid #fde900;
    display: table;
    transition: all .4s ease-in-out;
}

.orderWorkBox:hover {
    background: #fde900;
}

.orderWorkBox:hover {

    transform: scale(1.1);
    transition: all .4s ease-in-out;

}

.orderWorkBox:hover .orderContentName {
    color: #1f1f1f;
}

.orderWorkBox:hover .orderContentText,
.orderWorkBox:hover .orderBoxResult {
    visibility: hidden;
    height: 0;
}


.orderWorkBox:hover .advancedInfo {
    visibility: visible;
    height: auto;
    margin: 2em 0 0 0;
}

.orderContent .orderContentText,
.orderWorkBox:hover .advancedInfo {
    line-height: 1.5;
}

.orderContentText {
    width: 88.5%;
}


.orderWorkBoxUp {
    border-radius: 5px 5px 0 0;
}

.orderContent {
    display: table-cell;
    padding: 1.38em 2em 0 0;
    vertical-align: top;
}

.orderWorkBox:hover .orderContent {
    width: 75%;
}

.orderWorkNumber {
    margin: 0;
    right: 3.894737%;
    font-size: 11.875em;
    font-family: gpb;
    text-shadow: #fde900 1px 1px 0, #fde900 -1px -1px 0, #fde900 -1px 1px 0, #fde900 1px -1px 0;
    color: #1f1f1f;
    position: relative;
    display: table-cell;
}

.orderBoxResult {
    display: table-cell;
    vertical-align: middle;
    font: 1.125em gp;
    width: 35%;
}

.orderBoxResultTitle {
    color: #fff;
    margin: 0 0 .7em 0;
}

.orderBoxResultText,
.advancedInfo {
    color: #fde900;
    line-height: 1.4;
    padding-right: 1em;
}

.orderBoxResultText,
.advancedInfo .advancedInfoThis {
    white-space: pre-line;
}

.advancedInfo {
    visibility: hidden;
    height: 0;
    font: 1.125em gp;
    color: #1f1f1f;
}

.orderContentName {
    font-size: 2.25em;
    font-family: gpb;
    color: #fff;
    margin: 0;
}

.orderContentText {
    margin-top: 1.4444444444444444em;
    color: #fff;
    font-size: 1.125em;
    font-family: gp;
    line-height: 1.388888888888889;
}


.seeAlso {
    width: auto;
    display: block;
    float: right;
    font-size: 1.075em;
}

/*WEDO BLOCK*/

#weDo {
    padding: 9.6875em 0 10.625em 0;
}


.weDoTitle {
    font: 2.25em gpb;
    width: 32.20338983050847%;
    margin: 0 1.69491525423729% 0 8.47457627118644%;
    display: inline-block;
    line-height: 1.4;
}

.weDoText {
    display: inline-block;
    width: 49.15254237288136%;
    vertical-align: top;
    font: 1.125em gp;
    line-height: 1.65;
}

/*WEDO BLOCK*/


/*NEED BLOCK*/
#needResults {
    padding: 5em 0;
    background: #fde900;
    margin: 0 auto 4.53125em;
}

.needResultsTitle,
.needResultsPhone {
    text-align: center;
}

.needResultsTitle {
    font: 1.5em gp;
}

.needResultsPhone {
    font: 4.625em gpb;
    margin: 0.5405405405405405em 0 0.7162162162162162em 0;
}

.needResultsButton {
    background: #1f1f1f;
    color: #fff;
}

.needResultsButton:hover {
    background: #121212;
}

/*NEED BLOCK*/


/*servicesBlock*/

.orderWeDoNeed {
    padding-bottom: 4.53125em;
}

section.contact {
    padding-top: 4.53125em;
}

#services {
    /* padding: 4.53125em 0 6.5625em 0; */
}

.servicesLink {
    width: 27.88339%;
    float: left;
    background: #1f1f1f;
    border-radius: .4em;
    padding: 0 0 0 4.157895%;
    position: relative;
    display: block;
}

/*div.servicesLink:nth-child(3){

}*/
.servicesLinkTitle {
    font: 1.5875em gpb;
    padding: 0 15% 0 0;
    color: #fff;
    white-space: pre-line;
    line-height: 1.4;
}

.servicesLinkText {
    color: #a5a5a5;
    font-family: gp;
    margin: 2em 0 3.75em 0;
    line-height: 1.6;
}


.stServices {
    fill: #FDE900;
}

.stNone {
    fill: none;
}


.servicesLink .buttonStatic,
.innerBlockWork a {
    width: 65.485%;
    visibility: hidden;
    height: 0;
    padding: 0;
    position: absolute;
    /*transition: visibility .4s ease-in-out;*/
}

.servicesLink:hover .buttonStatic,
.blockWork:hover .buttonStatic,
.blockBolder:hover .buttonStatic {
    visibility: visible;
    height: auto;
    padding: 1.5625em .25em;
    clear: both;
    left: 0;
    right: 0;
    /*transition: visibility .4s ease-in-out;*/
}

.blockWork:hover .innerBlockWork:before,
.blockBolder:hover .innerBlockWork:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    background: #000;
    opacity: .65;
    left: 0;
    transition: all .4s ease-in-out;
}


.servicesLink .subCatSvg {
    height: 8.8125em;
    width: 11.5625em;
    float: right;
}

/*servicesBlock*/

#beforeMap {
    position: relative;
}

.wrap header {
    /*padding: 2.5em 0 0 0;*/
    position: relative;
    display: table;
    width: 100%;
}

.wrap.cont header {
    position: relative;
    display: table;
    width: 100%;
}


.wrap.cont #thisCatBlock {
    margin-top: 7.5em;
    width: 90%;
}

.wrap.cont #thisCatBlock h1 {
    text-align: center;
}


.buttonSendFormData {
    border: 1px solid #eedc01;
    border-radius: 3em;
    position: relative;
    top: 1.7em;
    width: auto;
    display: inline-block;
    padding: .9285714285714286em 2.285714285714286em;
    font: .875em gpb;
    cursor: pointer;
}


#thisMainPage #content a,
#thisMainPage #content a:visited {
    color: #fff;
    text-decoration: none;
    -webkit-box-shadow: 0 -0.15em 0 0 #ffeb00;
    -moz-box-shadow: 0 -0.15em 0 0 #ffeb00;
    box-shadow: inset 0 -0.15em 0 0 #ffeb00;
}

.wrap,
.wrap2 {
    margin: 0 auto;
}

.wrap {
    max-width: 80% !important;
}

.wrap2 {
    max-width: 1180px;
}

footer {
    background: #1F1F1F;
    /* font: 0.8125em gp; */
    color: #808080;

}

footer.thisCatBlockFoot {
    font-size: 15px;
    line-height: 19px;
}

#thisMainPage footer,
footer.thisCatBlockFoot {
    padding: 0 0 3.076923076923077em 0;
}

#thisMainPage footer {
    position: absolute;
    bottom: 0;

}

.input {
    position: relative;
    z-index: 1;
    display: inline-block;
    vertical-align: top;
    font-family: gp;
}

.input__field {
    position: relative;
    display: block;
    float: right;
    padding: 0.8em;
    width: 60%;
    border: none;
    border-radius: 0;


    -webkit-appearance: none;
    /* for box shadows to show on iOS */
}

.input__field:focus {
    outline: none;
}

.input__label {
    display: inline-block;
    float: right;
    padding: 0 1em;
    width: 40%;
    color: #fff;
    font-size: 70.25%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.input__label-content {
    position: relative;
    display: block;
    padding: 1.6em 0 1.6em .3em;
    width: 100%;
}

.graphic {
    position: absolute;
    top: 0;
    left: 0;
    fill: none;
}


/* Individual styles */


/* Nao */
.input--nao {
    overflow: hidden;
    padding: 1em 0 0 1em;
    margin: 0 3.25em 0 0;
}

.input__field--nao {
    /*    padding: 0.5em 0em 0.25em;*/
    width: 100%;
    background: transparent;
    color: #9da8b2;
    font-size: 1.25em;
}

.input__label--nao {
    position: absolute;
    /*top: -0.05em;*/
    font-size: 0.85em;
    left: 0;
    display: block;
    width: 100%;
    text-align: left;
    padding: 0em;
    pointer-events: none;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: -webkit-transform 0.2s 0.15s, color 1s;
    transition: transform 0.2s 0.15s, color 1s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.graphic--nao {
    stroke: #fff;
    pointer-events: none;
    -webkit-transition: -webkit-transform 0.7s, stroke 0.7s;
    transition: transform 0.7s, stroke 0.7s;
    -webkit-transition-timing-function: cubic-bezier(0, 0.25, 0.5, 1);
    transition-timing-function: cubic-bezier(0, 0.25, 0.5, 1);
}

.input__field--nao:focus+.input__label--nao,
.input--filled .input__label--nao {
    color: #fff;
    -webkit-transform: translate3d(0, -1.1em, 0) scale3d(0.75, 0.75, 1);
    transform: translate3d(0, -1.1em, 0) scale3d(0.75, 0.75, 1);
}

.input__field--nao:focus~.graphic--nao,
.input--filled .graphic--nao {
    stroke: #eedb01;
    -webkit-transform: translate3d(-66.6%, 0, 0);
    transform: translate3d(-66.6%, 0, 0);
}

.rb {
    display: block;
}


#contactBlock {
    margin: 4.25em auto 9.375em;
    text-align: center;
    display: table;
}

#map {
    width: 100%;
    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(img/Map.png) no-repeat center;
    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(img/Map.webp) no-repeat center;
    height: 45.3125em;
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
}


.allow {
    font: 0.75em gp;
    display: block;
    text-align: left;
    margin: 4.076923076923077em 0 0 0;
}


#contDesk {
    padding: 3.3125em 0 3.3125em 0;
    background: #211f1f;
    color: #fff;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
}


#contactBox {
    padding: 0 0 0 4em;
}

#contDesk li {
    float: left;
    margin: 0 1.52542372881356% 0 0;
    width: 23.72881355932203%;
}

#contDesk li span {
    font: 1.0625em gp;
    display: block;
    margin: 0 0 1.470588235294118em 0;
}

#contDesk li p span {
    display: inline;
    font-weight: 900;
}

#contDesk .contactText {
    font: 1.0625em gpb;
    line-height: 2;
    width: 90%;
}

#menu li.m0,
#contDesk li.m0 {
    margin: 0;
}


.borderYellow {
    border-bottom: 1px solid #d1c104;
}

#beforeMainTextBlock {
    background: #fff;
    clear: both;
    margin: 5.6875em 0 0 0;
}

#befShowAll svg {
    width: 2em;
    height: 2em;
    fill: #fff;
}

#svg_3,
#svg_1 {
    stroke: #fdea0a;
}

#svg_4,
#svg_2 {
    stroke: #fff;
}

#befBefShow {
    display: table;
    margin: 0 auto;
    width: auto;
    cursor: pointer;
}

#mainTextBlock {
    width: 66.10169491525424%;
}

#mainTextBlock p {
    color: #000;
    font: 1.125em gp;

    line-height: 1.7;
    margin: 2.777778em 0;
}

#mainTextBlock ul li {
    list-style-image: url(img/icons/circle.svg);
    display: list-item;
    padding: 0 0 0 1em;
    font: 1.125em gp;
    line-height: 1.65;
    width: 75%;
    /* display: block; */
    margin: 2em 0 2em 1em;
}

#mainTextBlock .befText {
    max-height: 250px;
    overflow: hidden;
    position: relative;
    -webkit-transition: max-height 1s;
    -moz-transition: max-height 1s;
    transition: max-height 1s;
}

h2 {
    font: 2.75em gpb;
    text-align: center;
    margin: .2727272727272727em 0 2.454545454545455em;
}


.advantagesThisBlock {
    padding: 0;
    position: relative;
    background: #fde900;
    display: inline-block;
    transition: all ease-in-out .2s;
    height: 15.625em;
    vertical-align: top;

}



.advantagesThisBlock:hover {
    background-color: #1f1f1f;
    transition: all ease-in-out .2s;
    /* padding: 0; */
}

.advantagesVisibleText {
    font: 1.0625em gpb;
    bottom: 0;
    left: 0;
    color: #1f1f1f;
    width: 50%;
    line-height: 1.5;
    bottom: 5.6%;
    text-align: left;
    left: 6.44067796610169%;
    max-height: 4em;
    position: absolute;
    height: 100%;
    word-wrap: break-word;
}

.advantagesThisBlock:hover .advantagesInvisibleText {
    color: #fff;
    visibility: visible;
    display: block;
    vertical-align: middle;
    /* transform: translateY(100%); */
    opacity: 1;
    transition: all ease-in-out .6s;
    height: auto;
}

#advantages .advantagesThisBlock:hover .stPlus {
    fill: #fff;

}

.advantagesThisBlock:hover .plus {
    -moz-transform: rotate(45deg);
    /* Для Firefox */
    -ms-transform: rotate(45deg);
    /* Для IE */
    -webkit-transform: rotate(45deg);
    /* Для Safari, Chrome, iOS */
    -o-transform: rotate(45deg);
    /* Для Opera */
    transform: rotate(45deg);
    transition: all ease-in-out .2s;
}


.advantagesInvisibleText {
    font: 1.125em gpl;
    width: 80%;
    text-align: left;
    line-height: 1;
    /* transition: all ease-in-out .2s; */
    height: 0;
    z-index: 10;
    position: relative;
    opacity: 0;
    display: block;
    vertical-align: middle;
    /* transform: translateY(100%); */
    transition: opacity ease-in-out .2s;
    height: auto;
}

.oneBlock,
.twoBlock {
    display: table;
}

.oneBlock {
    width: 50%;
    background: #fde900;
}

.twoBlock {
    width: 47.88135593220339%;
    background: #fcd700;

}

/* .black + .twoBlock{
    margin-right: 2%;
} */

/* .twoBlock ~ .twoBlock{
    margin-right: 0;
} */

.advantagesThisBlock:nth-child(4n+2) {
    margin-right: 2%;
}

.advantagesThisBlock:nth-child(4n+3) {
    margin-left: 2%;
}

.oneBlock,
.oneBlock2,
.black,
.twoBlock {
    float: left;
}

/* .advantagesThisBlock:nth-child(1n).twoBlock{
    margin-right: 0;
    margin-left: 2%;
} */


/* .twoBlock, .twoBlock2 {
    border-radius: 0 .625em .625em 0;
} */

.advantagesThisBlock:nth-child(1n) {
    border-radius: .625em 0 0 .625em;
}

.advantagesThisBlock:nth-child(2n) {
    border-radius: 0 .625em .625em 0;
}

.twoBlock2,
.oneBlock2 {
    float: right;
}

/*.oneBlock .twoBlock {
    float: left;
}*/

#advantages .stPlus {
    fill: #000;
}

#advantages .plus {
    position: absolute;
    right: 7.28813559322034%;
    top: 17.2%;
    /*cursor: pointer;*/
    transition: all ease-in-out .2s;
}

#advantages .plus svg {
    width: 1.625em;
    height: 1.625em;
}

.buttonSendFormData {
    overflow: hidden;
}

.privacy-policy {
    text-align: center;
    width: 100%;
    display: block;
    max-width: 900px;
    font: 1em gp;
    margin: 0 auto 1em;
}


#headerThis,
#headerBefore {
    width: 100%;
    height: 100%;
    max-height: 750px;
    z-index: 105;
}

.buttonSendFormData::before {
    content: '';
    z-index: -1;
    position: absolute;
    top: 50%;
    left: 100%;
    margin: -15px 0 0 1px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #fde900;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: scale3d(1, 2, 1);
    transform: scale3d(1, 2, 1);
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
    transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
}

.buttonSendFormData:hover::before {
    -webkit-transform: scale3d(9, 9, 1);
    transform: scale3d(9, 9, 1);
}

.buttonSendFormData:hover,
.button-order.buttonSendFormData:hover,
#headRight .buttonSendFormData:hover {
    color: #000;
}

#ericSend.buttonSendFormData {
    border: none;
    top: 0;
    text-align: center;
    width: 85%;
}

#ericSend.buttonSendFormData:hover {
    color: #fff;
}


.nav__toggle {
    display: none;
}

.nav__menu li {
    color: white;
    margin: 1em;
    font: 1em gpb;
}

.rasp {
    display: block;
    width: 100%;
    clear: both;
}





/* swiper */



:root {
    --swiper-theme-color: #007aff;
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    padding: 1em;
    position: relative;
    overflow: hidden;
    list-style: none;
    /* padding: 0; */
    z-index: 1;
}

.swiper-container-vertical>.swiper-wrapper {
    flex-direction: column;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow>.swiper-wrapper {
    flex-wrap: wrap;
}

.swiper-container-multirow-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column;
}

.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto;
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}

.swiper-slide-invisible-blank {
    visibility: hidden;
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height;
}

.swiper-container-3d {
    perspective: 1200px;
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}

.swiper-container-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none;
}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory;
}

:root {
    --swiper-navigation-size: 44px;
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto;
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
    content: 'prev';
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto;
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
    content: 'next';
}

.swiper-button-next.swiper-button-white,
.swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: #ffffff;
}

.swiper-button-next.swiper-button-black,
.swiper-button-prev.swiper-button-black {
    --swiper-navigation-color: #000000;
}

.swiper-button-lock {
    display: none;
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%;
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33);
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2;
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block;
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform, .2s top;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s left;
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s right;
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top;
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0;
}

.swiper-pagination-white {
    --swiper-pagination-color: #ffffff;
}

.swiper-pagination-black {
    --swiper-pagination-color: #000000;
}

.swiper-pagination-lock {
    display: none;
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1);
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0;
}

.swiper-scrollbar-cursor-drag {
    cursor: move;
}

.swiper-scrollbar-lock {
    display: none;
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.swiper-slide-zoomed {
    cursor: move;
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s infinite linear;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent;
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg);
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-cube {
    overflow: visible;
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0;
}

.swiper-container-flip {
    overflow: visible;
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}



/* swiper */

.servicesLink:nth-child(3) {
    margin: 0 1.69%;
}



/* faqblock */

/* .faqpage {
    margin: 3.5em 0 0 0;
} */

.faqpage .questionAnswerWrap {
    margin: 0 0 2.7em 0;
    text-align: left;
}

.faqpage .faqtitle {
    font: 900 2em gpb;
    text-align: center;
    margin: 0 0 2.25em 0;
}

.faqpage .questionText {
    font: 600 1.4em gpb;
    margin: 0 0 .6em 0;
}

.answerText {
    font: 1.2em gp;
    line-height: 1.7;
}


/* end faqblock */


/* .contact .beforeContDesk{
    margin: 0 0 5em 0;
} */

.contact #thisCatBlock {
    padding: 10em 0 0;
    margin: 0 auto;
}


.aboutStudio {
    width: 70%;
    margin: 0 auto;
    text-align: center;

}

.aboutSTitle {
    font: 1.6875em gpb;
    padding-bottom: 1.5em;
}

.aboutSText {
    font: 1.125em gp;
    line-height: 1.6;
    text-align: left;
    margin: 0 auto 3em;
}

.aboutSText table {
    margin: 0 0 2em 0;
}

#videoBeforeArticle .aboutSText {
    margin-bottom: 0;
}

.aboutSText h2 {
    margin-bottom: 1.454545em;
    font: 900 2em gpb;
}

.aboutSText p {
    line-height: 1.7;
    margin: 2.777778em 0;
}

.aboutSText p strong,
.aboutSText strong {
    font-weight: 900;
    font-size: 1.222222222222222em;
}

.width65 {
    width: 65%;
}

.width65 img {
    max-width: 100%;
    /* width: 100%; */
    width: auto;
    height: 100%;
    max-height: 100%;
}

.aboutSText h3 {
    font: 1.65em gpb;
}

.aboutSText ul li,
.aboutSText ol li {

    display: list-item;
    padding: 0 0 0 1em;
    font: 1.125em gp;
    line-height: 1.65;
    width: 75%;
    margin: 2em 0 2em 1em;
}

.aboutSText ul li {
    list-style-image: url(../../../../../../wp-content/themes/acidhead/img/icons/circle.svg);
}

.aboutSText ol {
    list-style-type: none;
    counter-reset: myCounter;
}

.aboutSText ol li:before {
    counter-increment: myCounter;
    content: counter(myCounter);
    color: #fde900;
    position: absolute;
    font-family: gpb;
    margin: 0 1em 0 -2em;
}


.blackBefore {
    height: 41.3125em;
    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(img/ourWorks/header.png) no-repeat center;
    width: 100%;
    background-size: cover;
}


.grayHeader {
    padding-top: 2.125em;
    font: .409090909091em gp;
}

#task {
    padding: 7.0625em 0 0;
}


#technologiesUsed {
    padding: 4em 0 3em;
}

#technologiesUsed .title {
    color: #ffffff;
    font: 2.5em gpb;
    width: 30.8%;
    display: inline-block;
    line-height: 1.125em;
    vertical-align: top;
}

#technologiesUsed .title {
    color: #ffffff;
    font: 2.5em gpb;
    width: 30.8%;
    display: inline-block;
    line-height: 1.125em;
    vertical-align: top;
}

#technologiesUsed .technologies {
    width: 65%;
    display: inline-block;
}

#technologiesUsed .technologies li {
    display: inline-block;
    width: 32.5999%;
    vertical-align: top;
    margin-bottom: 3em;
}


#audit {
    background: #fde900;
    margin: 0 auto -8.53125em;
    font-family: 'gp';
    z-index: 2;
    position: relative;
}

#audit .audit-block {
    padding: 3.85em 4% 4em 8.5%;
}

#audit .audit-block .auditTitle {
    font: 2.5em gpb;
    line-height: 1.125em;
    width: 45%;
}

#audit .audit-block .auditInfo {
    font-weight: 400;
    font-size: 1.875em;
    line-height: 1.166em;
    margin-top: 1.6666em;
    width: 55%;
    display: inline-block;
    vertical-align: bottom;
}

#audit .audit-block .auditButton {
    display: inline-block;
    width: 21.7%;
    margin-left: 20.7%;
    margin-bottom: 0.45em;
}

#audit .audit-block {
    padding: 3.85em 4% 4em 8.5%;
}

.prices {
    z-index: 1;
    position: relative;
    margin: 0 auto 9.6875em;
}

.pricec_block path,
ellipse {
    stroke: #FDE900;
}

#prices {
    color: #ffffff;
    padding: 16.55em 0 4.5em;
    font-family: 'gp';
}

#prices .prices-title {

    line-height: 1.125em;
    text-align: center;
    font: 2.5em gpb;
}

.pricec_blocks {
    margin-top: 4.4em;
}

.pricec_block {
    border: 1px solid #FDE900;
    width: 30.8%;
    text-align: center;
    border-radius: 0.625em;
    display: inline-block;
    padding: 2.8em 0 1.75em;
    transition: 0.3s;
}

.pricec_block-title {
    font-size: 1.5625em;
    font-weight: 700;
    margin-bottom: 3.05em;
}

.pricec_block-price {
    font-size: 1.5em;
    font-weight: 700;
    margin: 1.25em 0 1.15em;
}

.pricec_block-price .regular {
    font-weight: 400;
}

.pricec_block .pricesButton {
    width: 61.65%;
}

.pricec_block+.pricec_block {
    margin-left: 2.88%;
}

.pricec_block:hover {
    background-color: #FDE900;
    color: #000;
    transform: scale(1.05);
}

.pricec_block:hover path,
.pricec_block:hover ellipse {
    stroke: #000;
}

.pricec_block:hover .pricesButton {
    background-color: #000;
    color: #fff;
}



#research {
    padding: 1.6875em 0;
}

#slider {
    padding: 9.375em 0 7.3125em;
}

#dashboard {
    padding: 4.7275em 0;
}

.desktop {
    padding: 5.4375em 0;
}

.desktop li,
.mobile li {
    padding: 0;
    border-radius: 1em;

    -webkit-box-shadow: 0px 7px 14px 1px rgba(50, 50, 50, 0.44);
    -moz-box-shadow: 0px 7px 14px 1px rgba(50, 50, 50, 0.44);
    box-shadow: 0px 7px 14px 1px rgba(50, 50, 50, 0.44);
}

.mobile li {
    overflow: hidden;
}


.mobile {
    padding: 3.935em 0;
    max-width: 1012px;
    position: relative;
}

#SEO {
    padding: 9.425em 0 0 0;
}

#numbers,
#aboutStudio {
    padding: 6.0625em 0;
    /*padding: 7.5em 0;*/
}

#otherCase {
    padding: 5.2625em 0 0 0;
}


.taskThisBlock {
    /*padding: 3.125em 0 0 0;*/
    position: relative;
    display: inline-block;
    height: 18.75em;
}

.problemBlock {
    background: #e0e0e0;
}

.solutionBlock {
    background: #fde900;
}

.taskGroup{
    display: flex;
}
.taskThisBlock,
.thisCase {
    height: auto;
}

.problemBlock,
.solutionBlock {
    width: 50%;
    float: left;
    position: relative;
    /* overflow: hidden; */
}

.researchBlock {
    width: 100%;
}

.tabs {
    width: 100px;
}

.taskContainerProblem,
.taskContainerSolution,
.otherCasesContainer {
    padding: 4.375em 13.55932203389831% 5.625em 10.67796610169492%;
    text-align: left;
}

/*.taskContainerProblem {*/
/*    left: 10.67796610169492%;*/
/*    right: 13.55932203389831%;*/
/*}*/
/*.taskContainerSolution{*/
/*    left: 13.38983050847458%;*/
/*    right: 12.54237288135593%;*/
/*}*/

.taskTitle {
    font: 1.6875em gpb;
    padding-bottom: 1.185185185185185em;
    display: inline-block;
}

.taskText {
    display: inline-block;
    font: 1.125em gp;
    line-height: 1.5;
}

.slider {
    /* background: url("img/ourWorks/Plane.png"); */
    background: #1F1F1F;
    height: 9.75em;
    width: 100%;
    /*background: linear-gradient(rgba(0,0,0, 0.6), rgba(0,0,0, 0.6));*/
}

.sliderContent {
    position: relative;
    padding: 3em 0;
}

.desktopTitle,
.mobileTitle {
    font: 1.6875em gpb;
    width: 32.20338983050847%;
    margin: 0 1.69491525423729% 0 8.47457627118644%;
    display: inline-block;
}

.desktopCards {
    position: relative;
    text-align: center;
    height: 22.625em;

}

.desktopCards img {
    overflow: hidden;
    max-height: 380px;
    max-width: 550px;
    height: 100%;
    width: 100%;
}



.mobileCards img {
    max-height: 493px;
    height: 100%;
    max-width: 280px;
}

.desktopCardOne {
    width: 50%;
    float: left;
}

.desktopCardTwo {
    width: 50%;
    float: right;
}

.mobileCardTwo {
    padding: 0 3.90625em;
}

.mobileCard img {
    height: 31.25em;
}

.mobileCard {
    width: 29.08163265306122%;
    float: left;
}

.mobileCardOne,
.mobileCardTwo,
.mobileCardTree {
    width: 29.08163265306122%;
    float: left;
}

.sliderTitle {
    font: 2.25em gpb;
    width: 16.6666666667%;
    margin: 0 0 0 8.47457627118644%;
    display: inline-block;
    color: rgb(255, 255, 255);
}

.bx-pager-slides {
    display: inline-block;
    width: 61.152542%;
    font: 1.125em gp;
    color: #888888;

}

.pagerElement:hover,
.pagerElementTwo:hover,
.pagerElementTree:hover {
    cursor: pointer;
    color: #c3c3c3;
}

.pagerElement,
.pagerElementTwo {
    width: 31.03448275862069%;
    float: left;
}

.pagerElementOne {
    padding-left: 2.44827586206897%;
}

.pagerElementTwo {
    text-align: end;
    padding-left: 5.17241379310345%;
}

.pagerElementTree {
    width: 13.79310344827586%;
    float: left;
    text-align: end;
    padding-left: 10.3448275862069%;
}

.slideArrows {
    padding-top: 1em;
    display: inline-block;
    float: right;
    width: 6.77966101694915%;
}

.sliderContent .bx-wrapper {
    display: inline-block;
}


.arrowLeft,
.arrowRight {
    width: 50%;
    float: left;
    outline: 0;
}

.rightMarginForArrow {
    position: relative;
}


.arrowRight svg,
.arrowLeft svg,
.arrowLeftAbsolute svg,
.arrowRightAbsolute svg {
    width: 1.85em;
    height: 1.875em;
    cursor: pointer;
}

.bxslider1 {
    max-width: 1380px;
    margin: 0 auto;
    overflow: hidden;
}

.bxslider1 img {
    max-height: 540px;
    height: 100%;
    max-width: 430px;
    width: 100%;
}

.numbers {
    width: 33%;
    float: left;
    text-align: center;
}

.number {
    display: inline-block;
    font: 6em gpb;
}

.number:hover {
    color: #fde900;
    cursor: pointer;
}

.numberText {
    font: 1.125em gp;
    line-height: 1.6;
    padding: 1.88em 3em 0 3.7em;
}


.phoneNumber {
    /* width: 100vh;
    height: 100vh; */
    /* position: absolute; */
    /* right: 0;
    transform: rotate(-90deg);
    left: 98%; */
    bottom: 0;
    font: 900 1.4em gp;
    /* color: #838383; */
    color: #fff;
    top: 0;
    text-align: center;
    font-size: 20px;
}

.thisCase {
    height: 18.75em;
    display: inline-block;
    background: #1f1f1f;
    color: #fff;
    width: 50%;
    position: relative;
    float: left;
}

.thisCase:hover {
    background: #fde900;
    color: #1f1f1f;
}

.thisCase:hover .arrowCaseOne #svg_1,
.thisCase:hover .arrowCaseTwo #svg_3,
.thisCase:hover .arrowCaseOne #svg_2,
.thisCase:hover .arrowCaseTwo #svg_4 {
    stroke: #1f1f1f;
}

.caseContainer {
    position: absolute;
    top: 28.5%;
    text-align: left;
    left: 6.44067796610169%;
}

.caseTitle {
    font: 1.6875em gpb;
    padding-bottom: 1.5em;
    display: inline-block;
}

.caseText {
    display: inline-block;
    font: 1.125em gp;
    line-height: 1.6;
}

.caseBlack {
    background: #1f1f1f;
    color: #c3c3c3;
}

.caseYellow {
    background: #fde900;
    color: #1f1f1f;
}

.caseBlack,
.caseYellow {
    width: 50%;
    position: relative;
    float: left;
}

.arrowCaseOne {
    position: absolute;
    padding: 1em 1em 5.25423728813559% 5.25423728813559%;
    left: 0;
    bottom: 0;
}

.arrowCaseTwo {
    position: absolute;
    padding: 1em 5.25423728813559% 5.25423728813559% 1em;
    right: 0;
    bottom: 0;
}

.arrowCaseOne svg,
.arrowCaseTwo svg {
    height: 1.875em;
    width: 1.875em;
}

.linkBlock {
    display: block;
    position: relative;
}

.arrowLeftAbsolute,
.arrowRightAbsolute {
    width: 3.47457627118644%;
    position: absolute;
    top: 50%;
    outline: 0;
}

.desktop .arrowLeftAbsolute,
.desktop .arrowRightAbsolute {
    display: none;
}

.arrowRightAbsolute {
    left: 100%;
}

.arrowLeftAbsolute {
    right: 100%;
}


.arrowLeftAbsolute svg,
.arrowRightAbsolute svg {
    outline: 0;
}


.arrowDisabled {
    display: none;
}






/*FORMS AND OTHER ELEMENT*/

#beforeEric {
    display: none;
    -webkit-transition: opacity 300ms;
    -moz-transition: opacity 300ms;
    transition: opacity 300ms;
    background: rgba(0, 0, 0, .98);
    position: fixed;
    opacity: 1;
    z-index: 100000005;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
}

#ericFrom {
    display: none;
    background: rgba(0, 0, 0, .5);
    position: fixed;
    opacity: 1;
    z-index: 1000000000;
    bottom: 0;
    right: 0;
    left: 0;
    top: 8%;
    background: #fff;
    margin: 0 auto;
    width: 40.625em;
    height: 30em;
    opacity: .9;
    font-family: gp;
}

.formThisInput input {
    background: none;
    border: none;
    border-bottom: 0.1em solid #000000;
    line-height: 1.52;
    font-size: 1em;
    padding: 0 0 .3em 0;
    outline: 0;
}

.formThisInput .callName {
    margin: 0 4.70588235294118% 0 0;
}

.closeForm {
    display: block;
    float: right;
    height: 2.125em;
    width: 2.125em;
    position: relative;
    z-index: 1;
    right: 1.9375em;
    top: 1.9375em;
}

#ericContent {
    width: 65.53846153846154%;
    margin: 5em auto 0;
}

.final {
    font-family: gp;
}

#actHidd,
.final,
#innerEric,
#finalAct {
    display: none;
}

#ericTitle {
    font-size: 2.5em;
    text-align: left;
    font-weight: 900;

    width: 80%;
    line-height: 1.3;
}

.input {
    position: relative;
    z-index: 1;
    display: inline-block;
    margin: 0 1em;
    vertical-align: middle;
}

#ericContent .final {
    text-align: left;
    margin-top: 5em;
}

.formThis .final {
    vertical-align: middle;
}

.formThis .final.actt {
    display: inline-block;
}

#ericFrom .final.actt,
#innerEric.actt,
#beforeEric.actt,
#ericFrom.actt,
.final.actt {
    display: block;
}

.hidForm.notActt,
#innerEric.notActt,
#beforeEric.notActt,
#ericFrom.notActt {
    display: none;
}


.formThis .final .ericFinalTitle {
    font-size: 1.75em;
    margin: -1em auto .5em;
}

.formThis.orange .final .ericFinalTitle {
    margin: -.3em auto .5em;
}

.final .ericFinalTitle {
    font: 900 2.75em gpb;
    margin: 1em 0;
}

.finalText {
    width: 90%;
    margin: 0 auto;
    line-height: 170%;
}


#beforeEric .final .finalText {
    font-size: 1.125em;
    width: 78%;
    line-height: 1.8;
    margin: 0;
}



.closeForm:after {
    content: "";
    position: absolute;
    cursor: pointer;
}

/*.closeForm:before {
    background-color: transparent;
    border: .125em solid #2d2d2d;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    box-sizing: border-box;
    height: 2.125em;
    width: 2.125em;
    right: 0;
    top: 0;
    transition: border-width .15s linear 0s;
    -webkit-transition: border-width .15s linear 0s;
    -o-transition: border-width .15s linear 0s;
    -moz-transition: border-width .15s linear 0s;
}*/

.closeForm:after {
    background: url(img/icons/cross.svg) no-repeat;
    height: .875em;
    width: .875em;
    top: .625em;
    left: .625em;
}


#innerEric .formThisInput {
    width: 100%;
    margin: 0 0 3em;
}


.beforeInputForm {
    margin: 2.75em 0 1.1875em;
}

.allow {
    font-size: .75em;
    opacity: .4;
    margin: 1.583333333333333em 0 0 0;
}




/*FORMS AND OTHER ELEMENT*/









/*seo-category post classes*/
.LeftRightmargin {
    margin: 0 1.69%;
}


#thisCatBlock {
    color: #fff;
    width: 86.5%;
    margin: 12em auto 0;
}



@media screen and (min-width: 1366px) {
    #map {
        background-size: cover;
    }



}

@media screen and (max-width: 1366px) {
    .wrap {
        max-width: 96% !important;
    }
}

@media screen and (min-width: 1500px) {


    #thisMainPage #content h1 {
        width: 87%;

    }
}

@media screen and (min-width: 1700px) {
    /* 
    .phoneNumber {
        width: 75vh;
        height: 75vh;
    } */

    #thisMainPage #content h1 {
        width: 77%;
    }
}

@media screen and (min-width: 1800px) {
    #thisMainPage #content h1 {
        width: 72%;
    }
}

@media screen and (min-width: 2000px) {
    /* .phoneNumber {
        width: 65vh;
        height: 65vh;
    } */

}

@media screen and (min-width: 2500px) {
    /* .phoneNumber {
        width: 55vh;
        height: 55vh;
    } */

    #thisMainPage #content h1 {
        width: 86%;
    }
}

@media screen and (min-width: 3500px) {}

@media screen and (min-width: 4000px) {
    /* .phoneNumber {
        width: 35vh;
        height: 35vh;
    } */
}

@media screen and (min-width: 4500px) {
    #thisMainPage #content h1 {
        width: 88%;
    }
}

@media screen and (min-width: 5000px) {
    /* .phoneNumber {
        width: 25vh;
        height: 25vh;
    } */

    #thisMainPage #content h1 {
        width: 88%;
    }
}

@media screen and (max-width: 1300px) {
    #thisCatBlockBefore {
        padding: 0 2em;
    }

    #thisMainPage #content h1 {
        width: 80%;
    }

}

@media screen and (max-width: 1230px) {
    #thisMainPage #content h1 {
        width: 85%;
    }

    #mediaTitle {
        padding-left: 5%;
        padding-right: 5%;
    }

    .pricec_block+.pricec_block {
        margin-left: 2.8%;
    }

    .quote {
        margin: 0 1em;
    }

    .client .client_info {
        margin-left: 2%;
        width: 80%;
    }

    .client .quote_block {
        width: 60%;
    }

    .client .client-img2 {
        margin-left: 2.5%;
    }

    #technologiesUsed {
        padding: 4em 2% 10rem;
    }

    #technologiesUsed .technologies {
        width: 58%;
    }

    #technologiesUsed .technologies li {
        width: 45%;
    }

    #technologiesUsed .title {
        width: 35%;
        margin-right: 5%;
    }

}

@media screen and (min-width: 1180px) {
    .servicesLinkTitle {
        height: 5.555555555555556em;
    }
}

@media screen and (max-width: 1024px) {
    .wrap {
        max-width: 95% !important;
    }
}

@media screen and (min-width: 960px) {
    #worksMediaTitle h1 {
        padding-bottom: 2.409090909090909em;
    }
}


@media screen and (max-width: 1180px) {
    .servicesLinkTitle {
        padding-right: 1.5em;
        line-height: 1.2;
        height: 4.555555555555556em;
    }

    #aboutCompany,
    #advantages,
    #ourWorks,
    #services,
    #task,
    #otherCase {
        /* margin: 0 1em; */
    }
}

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

    .input--nao {
        width: 50%;
        margin: 0 20% 0;
    }

    .allow {
        margin: 4.076923076923077em 20% 0;
        padding-left: 1.25em;
    }

    #contactBlock {
        margin: 0 auto 8.25em;
    }

    .splash {
        display: block;
    }

    #thisCatBlock h2 {
        margin-bottom: 1.4em;
    }

    #button-nao {
        margin: 2em auto 1em;
    }

    #thisCatBlock {
        width: 100%;
    }

    #headerThis {
        max-width: 100%;
        position: absolute;
        padding: 1.6em 0 0 0;
    }

    #headerThis header {
        padding: 0;
    }

    #logo {
        padding: 0;
    }

    .phoneNumber {
        width: 100%;
        height: 100%;
        position: relative;
        display: block;
        right: 0;
        transform: rotate(-0deg);
        left: 0;
        bottom: 0;
        z-index: 1;
        font: 900 1.4em gp;
        color: #838383;
        top: 0;
        text-align: center;
    }

    #nav .buttonSendFormData,
    .phoneNumber {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    #nav .buttonSendFormData {
        width: 40%;
        margin: 0 auto;
        padding: 1.3em 2em;
        display: block;
        text-align: center;
    }

    #nav.nav--open .buttonSendFormData,
    #nav.nav--open .phoneNumber {
        visibility: visible;
        opacity: 1;
        transition: all .7s ease-in-out;
    }

    #nav.nav--open .phoneNumber {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }

    #nav.nav--open .buttonSendFormData {
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
    }

    .nav__menu {
        margin: 0 auto;
    }

    #headRight nav {
        justify-content: center;
        display: block;
    }

    .arrowRightAbsolute,
    .arrowLeftAbsolute {
        display: none;
    }

    /* #headerBefore{
        overflow: hidden;
    } */

    .menu--adrian .menu__item {
        margin: 0;
        text-align: center;
        text-transform: uppercase;
        width: 100%;
    }

    .menu--adrian .menu__link {
        width: 100%;
    }


    #logo {
        display: block;
        position: absolute;
        z-index: 100;
    }

    .menu--adrian {
        width: 100%;
    }

    .menu__item {
        width: 20%;
    }

    #headRight nav {
        /*text-align: center;*/
        float: none;
        width: 50%;
        margin: 0 auto;
    }

    .wrap header {
        position: initial;
        padding: 0 1em;
    }

    /* #headRight .buttonSendFormData {
        display: none;
    } */

    #headRight {
        display: block;
        height: 100%;
    }

    .menu--adrian .menu__link {
        width: 100%;
    }

    .menu--adrian .menu__link::before {
        display: none;
    }

    .nav__menu {
        display: block;
    }



    .nav--open .nav__menu {
        /* height: 100vh; */
        height: 100%;
    }


    .nav__toggle {
        display: inline-block;
        position: absolute;
        z-index: 10;
        padding: 0;
        border: 0;
        background: transparent;
        outline: 0;
        right: 15px;
        top: 23px;
        cursor: pointer;
        border-radius: 50%;
        transition: background-color .15s linear;
    }

    .nav__menu {
        display: block;
        flex-direction: column;
        justify-content: center;
        height: 0;
        position: relative;
        z-index: 5;
        visibility: hidden;
    }

    .nav__item {
        opacity: 0;
        transition: all 0.3s cubic-bezier(0, 0.995, 0.99, 1) 0.3s;
    }

    .nav__item:nth-child(1) {
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px);
    }

    .nav__item:nth-child(2) {
        -webkit-transform: translateY(-80px);
        transform: translateY(-80px);
    }

    .nav__item:nth-child(3) {
        -webkit-transform: translateY(-120px);
        transform: translateY(-120px);
    }

    .nav__item:nth-child(4) {
        -webkit-transform: translateY(-160px);
        transform: translateY(-160px);
    }

    .nav__item:nth-child(5) {
        -webkit-transform: translateY(-200px);
        transform: translateY(-200px);
    }

    .nav__link {
        color: white;
        display: block;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: initial;
        font-size: 1.25rem;
        text-decoration: none;
        padding: 1rem;
    }

    .nav__link:hover,
    .nav__link:focus {
        outline: 0;
        background-color: rgba(0, 0, 0, 0.2);
    }

    .menuicon {
        display: block;
        cursor: pointer;
        color: white;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    .menuicon__bar,
    .menuicon__circle {
        fill: none;
        stroke: currentColor;
        stroke-width: 3;
        stroke-linecap: round;
    }

    .menuicon__bar {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        transition: -webkit-transform .25s ease-in-out;
        transition: transform .25s ease-in-out;
        transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out;
    }

    .menuicon__circle {
        transition: stroke-dashoffset .3s linear .1s;
        stroke-dashoffset: 144.513262038;
        stroke-dasharray: 144.513262038;
    }

    .splash {
        position: absolute;
        top: 40px;
        right: 40px;
        width: 1px;
        height: 1px;
    }

    .splash::after {
        content: "";
        display: block;
        position: absolute;
        border-radius: 50%;
        background-color: #1F1F1F;
        width: 284vmax;
        height: 284vmax;
        top: -142vmax;
        left: -142vmax;
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        transition: -webkit-transform 0.5s cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transition: transform 0.5s cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transition: transform 0.5s cubic-bezier(0.755, 0.05, 0.855, 0.06), -webkit-transform 0.5s cubic-bezier(0.755, 0.05, 0.855, 0.06);
        will-change: transform;
    }

    .splash::before {
        content: "";
    }

    .nav:target>.splash::after,
    .nav--open>.splash::after {
        -webkit-transform: scale(1);
        transform: scale(1);

    }

    .nav:target>.cd-icon,
    .nav--open>.cd-icon {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    .cd-icon {
        position: absolute;

    }

    .cd-icon:after {
        content: "";
        transform: scaleX(0) scaleY(0);
        background-color: var(--splash-bg-color);
        width: 284vmax;
        height: 284vmax;
        top: -142vmax;
        left: -142vmax;
        ;
    }

    .nav:target .menuicon,
    .nav--open .menuicon {
        color: white;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .nav:target .menuicon__circle,
    .nav--open .menuicon__circle {
        stroke-dashoffset: 0;
    }

    .nav:target .menuicon__bar:nth-child(1),
    .nav:target .menuicon__bar:nth-child(4),
    .nav--open .menuicon__bar:nth-child(1),
    .nav--open .menuicon__bar:nth-child(4) {
        opacity: 0;
    }

    .nav:target .menuicon__bar:nth-child(2),
    .nav--open .menuicon__bar:nth-child(2) {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .nav:target .menuicon__bar:nth-child(3),
    .nav--open .menuicon__bar:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .nav:target .nav__menu,
    .nav--open .nav__menu {
        visibility: visible;
        font-size: 2em;
        outline: 0;
    }

    .nav:target .nav__item,
    .nav--open .nav__item {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }


    #thisMainPage #content h1 {
        width: 90%;
    }

    #headRight nav {
        padding: 0
    }

    .nav--open #menu {
        padding: 3em 0;
    }

}

@media screen and (max-width: 960px) {
    .slidesWrapper {
        flex-direction: row;
        flex-wrap: wrap;
    }






    #headRight nav {
        padding: 2em 0;
    }

    /* .arrowLeftAbsolute, .arrowRightAbsolute {
        display: flex;
        order: 2;
        margin: 1em;
    } */

    .arrowLeftAbsolute svg,
    .arrowRightAbsolute svg {
        position: absolute;
        outline: 0;
        left: 0;
    }

    .arrowDisabled {
        display: block;
    }

    .slideArrows {
        display: none;
    }

    #aboutCompany,
    #advantages,
    #ourWorks,
    #orderWork {
        /* padding: 4.625em 0; */
        overflow: hidden;
    }

    .buttonStatic {
        width: 20%;
    }

    .blockWork {
        width: 46%;
        overflow: hidden;
        margin: 0 1% 0 1%;
        height: 23em;
    }

    .blockBolder {
        width: 50%;
        overflow: hidden;
        margin: 0 1% 0 1%;
    }

    .blockBolder .nameWork {
        margin: 1.277777777777778em 0;
    }

    .blockWork img {
        max-width: 100%;
    }

    .blockBolder img {
        margin: 0 50% 0 0;
        position: relative;
        left: -70%
    }

    .orderBoxResultText {
        height: 4em;
    }

    .blockBolder:hover .innerBlockWork:before,
    .blockBolder:hover .buttonStatic {
        z-index: 2;
    }

    #ourWorks .nameWork {
        margin: 1.277777777777778em 0;
    }

    #ourWorks .blockWork:last-of-type {
        width: 50%;
    }

    #ourWorks .dateWork {
        margin: 0;
    }

    .servicesLinkText {
        margin-right: 1em;
    }

    .nav__menu {
        padding: 5em 0 0 0;
    }

    #workList li {
        width: 50%;
    }

    #mediaTitle h1,
    #worksMediaTitle h1 {
        font-size: 2.5em;
    }

    .advantagesInvisibleText {
        width: 70%;
        margin: -1.5em auto;
    }

    #headRight nav {
        float: none;
        width: 50%;
        margin: 0 auto;
    }

    .wrap header {
        position: initial;
        padding: 0 1em;
    }

    #headRight {
        display: block;
        height: 100%;
    }


    .menu--adrian .menu__link::before {
        display: none;
    }




    .nav__toggle {
        right: 2%;
        /*top: 2.85em;*/
    }

    .splash {
        top: 4em;
        right: 3em;
    }

    .sliderContent {
        padding-top: 2em;
    }

    .sliderTitle {
        margin: 0 0 0 41.6666666665%;
    }

    .sliderContent .bx-wrapper {
        padding: 1em 10% 1em;
        margin: 0 auto;
    }

    .servicesLink .buttonStatic {
        visibility: visible;
        height: auto;
        padding: 1.5625em .25em;
        clear: both;
        left: 0;
        right: 0;
    }

    .pricec_block {
        display: block;
        width: 50%;
    }

    .pricec_block {
        margin: 0 auto;
    }

    .pricec_block+.pricec_block {
        margin: 3em auto;
    }

    .ourСlients .ourСlients-title {
        display: block;
        width: 80%;
        text-align: center;
        margin: 0 auto;
    }

    .ourСlients .swiper {
        display: block;
        margin: 3em auto;
        width: 100%;
    }

    #technologiesUsed .title {
        display: block;
        width: 80%;
        text-align: center;
        margin: 0 auto 1em;
    }

    #technologiesUsed .technologies {
        width: 80%;
        margin: 0 auto;
        display: block;
        text-align: center;
    }

    #technologiesUsed .technologies li:nth-child(2n) {
        text-align: right;
    }

    #technologiesUsed .technologies li:nth-child(2n - 1) {
        text-align: left;
    }

}

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

    #contDesk {
        padding: 3.3125em 0 0.3125em 0;
    }

    .advantagesVisibleText {
        max-height: 5em;
    }

    #thisMainPage #content h1 {
        font-size: 3.1em;
        margin: 0;
    }

    .slider {
        height: auto;
    }

    .sliderTitle {
        width: auto;
        padding: 0 2%;
        display: table-cell;
    }

    .bx-pager-slides {
        display: none;
    }

    .slideArrows {
        display: table-cell;
        vertical-align: bottom;
        width: 10%;
        padding: 0;
        float: none;
    }

    .arrowLeft,
    .arrowRight {
        width: auto;
        float: left;
        padding: 0;
        margin: 0 2%;
    }


    .sliderContent {
        padding: 3em 0;
        display: table;
        width: 100%;
    }

    .numberText {
        padding: .704545em 0 2.304545em;
        text-align: center;
        width: 55%;
        margin: 0 auto;
    }

    .numbers {
        text-align: center;
    }


}

@media screen and (max-width: 790px) {
    .servicesLink:nth-child(3) {
        margin: 0 auto 1em;
    }

    #contDesk .contactText {
        width: 70%;
    }

    #contDesk li {
        height: 7em;
        width: 48%;
        margin: 0 0 3em 0;
    }

    footer.wrap {
        max-width: 90%;
    }


    #otherCase {
        padding-top: 2.957955em;
    }

    #aboutCompany #aboutCompanyText {
        font: 1.45em gp;
        text-align: center;
        line-height: 1.472594951103025;
        padding: 2.508333323275862em 0 1.304545454545455em;
        /* 30% less padding*/
    }

    .width66 {
        width: 85.93220338983051%;
        /* 130% */
    }

    .buttonStatic {
        width: 25%;
    }

    .weDoTitle {
        width: 66%;
        margin: 0 auto;
        text-align: left;
        display: block;
    }

    .weDoText {
        padding-top: 2.304545em;
        display: block;
        width: 66.93220338983051%;
        margin: 0 auto;
        text-align: left;
    }

    .servicesLink {
        width: 70%;
        margin: 0 auto 1em;
        padding: 0;
        float: none;
    }



    .servicesLink .subCatSvg {
        float: right;
        position: relative;
    }

    #services .LeftRightmargin {
        margin: 0 auto 1em;
    }

    .servicesLinkTitle {
        font: 2.5em gpb;
        padding-left: 1em;
    }

    .servicesLinkText {
        font: 1.125em gp;
        line-height: 1.65;
        padding-left: 2.5em;
    }

    .advantagesInvisibleText {
        width: 75%;
        margin: -2em auto;
    }

    .desktopTitle,
    .mobileTitle {
        width: 66%;
        margin: 0 auto;
        text-align: left;
        display: block;

    }


    /* all sizes and paddings 70% */
    .servicesLink .buttonStatic {
        width: 45.8395%;
    }

    .taskThisBlock,
    .thisCase {
        display: block;
        margin: 0 auto;
    }

    .taskThisBlock {
        width: 100%;
    }

    .thisCase {
        padding: 3.0625em 4% 1.25em 4%;
        width: auto;
        height: auto;
    }

    .otherCasesContainer,
    .arrowCaseOne,
    .arrowCaseTwo {
        padding: 0;
    }

    .arrowCaseOne,
    .arrowCaseTwo {
        position: relative;
        margin: 6.0625em 0 0 0;
    }

    .arrowCaseTwo {
        text-align: right;
    }


    .problemBlock,
    .thisCasePrev {
        border-radius: 1em 1em 0 0;
    }

    .solutionBlock,
    .thisCaseNext {
        border-radius: 0 0 1em 1em;
    }

    .taskContainerProblem,
    .taskContainerSolution {
        padding: 3.0625em 13.55932203389831% 4.375em 10.67796610169492%;
    }

    .taskContainerProblem,
    .taskContainerSolution,
    .otherCasesContainer {
        text-align: left;
    }

    .taskTitle {
        padding-bottom: 0.8296296296296295em;
    }

    .numbers {
        float: none;
        width: 66%;
        max-height: 18.75em;
        overflow: hidden;
        margin: 0 auto 2em;
    }

    .mobileCards img {
        max-width: 100%;
        width: 100%;
    }

    #numbers {
        padding: 6.0625em 0 0;
    }


}



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

    #ericContent {
        margin: 2em auto 0;
    }

    #innerEric .allow {
        margin: 0.583333em 0 0 0;
        padding: 0;
    }

    #innerEric .formThisInput {
        margin: 0 0 1em;
    }



    #thisMainPage #content h1 {
        font-size: 2em;
        right: inherit;
        padding: 0;
        margin: 1em 0 0 0;
    }


    #thisCatBlock {
        margin: 9em 0 0 0;
    }

    #workList {
        margin: 2.25em 0 0.125em 0;
    }

}

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

    #technologiesUsed .technologies li {
        width: 100%;
    }

    #technologiesUsed .technologies li:nth-child(2n) {
        text-align: center;
    }

    #technologiesUsed .technologies li:nth-child(2n - 1) {
        text-align: center;
    }

    #technologiesUsed {
        padding: 4em 2% 5rem;
    }

    .sliderTitle {
        width: 85%
    }

    #audit .audit-block .auditTitle {
        width: 100%;
        text-align: center;
        display: block;
    }

    #audit .audit-block .auditInfo {
        display: block;
        width: 100%;
        margin: 1.6666em auto;
        text-align: center;
    }

    #audit .audit-block .auditButton {
        display: block;
        width: 30%;
        margin: 0 auto;
    }

    .slideArrows {
        width: 10%;
    }

    .sliderTitle {
        width: 85%;
    }

    #thisCatBlock {
        width: 100%;
    }

    #workList li {
        width: 100%;
        margin: 0 0 2.125em 0;
    }

    #workList li span {
        height: 3em;
    }

    #aboutCompany,
    #advantages,
    #ourWorks,
    #orderWork {
        padding: 3.27604167em 0;
        overflow: hidden;
    }

    .blockWork {
        width: 70%;
        overflow: hidden;
        margin: 0 auto;
        padding: 0 15% 5.625em;
    }

    .blockBolder {
        width: 100%;
        overflow: hidden;
        margin: 0 auto;
    }

    .blockBolder .nameWork {
        margin: 1.277777777777778em 0;
    }


    .blockWork img {
        max-width: 100%;
    }

    .blockBolder img {
        max-width: 100%;
        margin: 0;
        left: 0;
    }

    .advantagesVisibleText {
        font-size: 2em;
    }

    #ourWorks .nameWork {
        margin: 1.277777777777778em auto;
        text-align: center;
    }

    #ourWorks .blockWork:last-of-type {
        width: 50%;
    }

    #ourWorks .dateWork {
        margin: 0 auto;
        text-align: center;
    }

    #thisMainPage #content h1 {
        font-size: 1.7em;
        width: 85%;
    }

    #thisMainPage footer {
        padding: 0 0 2.076923em 0;
    }

    #thisMainPage.wrap header {
        padding: 1.5em 0 0 0;
    }

    .advantagesInvisibleText {
        width: 80%;
        /* margin: 0 auto;
        line-height: 1.6;
        font-size: 1.3em; */
    }

    .buttonStatic {
        width: 30%;
    }

    .advantagesThisBlock:nth-child(2n),
    .advantagesThisBlock:nth-child(1n) {
        border-radius: initial;
    }


    .advantagesThisBlock.oneBlock,
    .advantagesThisBlock.twoBlock {
        width: 100%;
        border-radius: .625em;
    }

    .advantagesThisBlock:nth-child(4n+2),
    .advantagesThisBlock:nth-child(4n+3) {
        margin: 0;
    }

    .twoBlock {
        background: #fde900;
    }

    .advantagesThisBlock:nth-child(2n) {
        /* background: #fcd700; */
    }

    .advantagesThisBlock:nth-child(2n):hover {
        background-color: #1f1f1f;
    }


    .advantagesThisBlock {
        margin: 0;
    }

    .needResultsPhone {
        font-size: 3.625em;
    }

    .advantagesThisBlock:last-child {
        margin: 0;
    }

    .advantagesVisibleText {
        font-size: 1.3125em;
        line-height: 1.3;
    }

    .advantagesVisibleText {
        bottom: 10.6%;
    }

    /* .advantagesThisBlock:hover .advantagesInvisibleText {
    transform: translateY(85%);
    } */

    .orderWorkNumber {
        display: flex;
        width: 20%;
    }

    .orderWorkBox {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        padding: 0;
        margin: 0 auto;
    }

    .orderContent {
        display: flex;
        flex-direction: column;
        padding: 1em 1em 0 0;
        margin: 0;
        width: 75%;
    }

    .orderContentText {
        margin: 1em 0;
        line-height: 1.5;
    }

    .orderBoxResult {
        display: flex;
        flex-direction: column;
        padding: 0 0 1em 20%;
        margin: 0;
        width: 75%;
    }

    .orderBoxResultTitle {
        margin: 0;
    }

    .orderBoxResultText {
        margin-top: 1em;
    }

    #contDesk li {
        margin: 0 0 3em;
        width: 50%;
        height: 7em;
    }

    .aboutStudio {
        width: 90%;
    }

    .desktopCards img {
        height: auto;
    }

    .desktopCards .bx-wrapper,
    #sliderAjaxLoad .bx-wrapper {
        width: 99vw;
    }


}

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

    .orderWeDoNeed {
        padding-bottom: 2.53125em;
    }

    #thisMainPage #content h1 {
        font-size: 1.8em;

    }

    .needResultsPhone {
        font: 3.625em gpb;
    }

    .blackBefore {
        /* height: 45.3125em; */
        height: 100%;
    }

    .taskGroup{
        flex-wrap: wrap;
    }

    .numbers {
        width: 84%;
    }

              #needResults .buttonStatic {
                    width: 45%;
                    margin: 3em auto 0;
                }

    .aboutSText.width65{

        width: 90%;

    }

                .thisCase {
                    width: 100%;
                }

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

                                                                .seeAlso {
                                                                    max-width: 100% !important;
                                                                    text-align: left;
                                                                    margin: 2em 0 0 0;
                                                                }

}

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

    .pricec_block {
        width: 93%;
    }

    .slideArrows {
        width: 15%;
    }

    #workList li {
        width: 100%;
    }

    #thisMainPage #content h1 {
        font-size: 1.5em;
    }

    #thisMainPage #content h1 {
        width: 90%;
        margin: 1.5em 0 0 0;

    }

    .orderWorkNumber {
        right: 4.894737%;
        font-size: 10.875em;

    }

    .servicesLinkTitle {
        font-size: 2em;
    }

    .servicesLinkText {
        padding-left: 1.625em;
    }

    .servicesLink {
        width: 80%;
    }
}

@media screen and (max-width: 490px) {
    #thisMainPage #info nav {
        bottom: 1em;
    }

    .needResultsPhone {
        font: 2.325em gpb;
    }

    .blockWork {
        width: 80%;
        overflow: hidden;
        margin: 0 auto;
        padding: 0 10% 5.625em;
    }

    #ourWorks .nameWork {
        line-height: 1.2;
    }

    .servicesLink .buttonStatic {
        width: 65.485%;
    }

    .advantagesInvisibleText {
        width: 80%;
        /* margin: 2em auto; */
        line-height: 1;
        font-size: 1em;
    }

    .orderWorkNumber {
        font-size: 7.875em;
    }

    .orderContentName {
        font-size: 1.5em;
    }

    .orderContentText {
        line-height: 1.1;
        font-size: 1em;
    }

    .orderBoxResultText {
        font-size: 1em;
        line-height: 1;
    }
}

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

    #aboutCompany,
    #advantages,
    #ourWorks,
    #orderWork {
        padding: 2.21614584em 0;
        overflow: hidden;
    }

    #thisMainPage.wrap header {
        position: absolute;
    }

    #thisMainPage #content h1 {

        font-size: 2.1em;
        padding: 0;
        margin: -1em 0 0 0;
    }


    #thisMainPage #info,
    #thisCatBlock #info {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        position: absolute;
        right: inherit;
        bottom: 4em;
    }


    #thisCatBlock #info {
        position: relative;
    }

    #thisMainPage #info nav,
    #thisCatBlock #info nav {
        bottom: 5em;
        right: inherit;
        text-align: left;
    }

    #thisCatBlock #info nav {
        bottom: 0;
    }

    #thisMainPage #info nav,
    #thisCatBlock #info nav {
        bottom: 0em;
    }

    #thisMainPage #info ul,
    #thisCatBlock #info ul {
        width: 100%;

    }

    #thisMainPage #info li,
    #thisCatBlock #info li {
        display: block;
        margin: 0;
    }

    footer.thisCatBlockFoot {
        margin: 7em 0 0 0;
        display: block;
        clear: both;
    }


}


@media screen and (max-width: 420px) {
    #audit {
        width: 90%;
    }

    #audit .audit-block .auditTitle {
        font: 2.25em gpb;
    }

    #audit .audit-block {
        padding: 2em 6% 2.3125em;
    }

    #audit .audit-block .auditInfo {
        font-size: 1.5em;
    }

    #audit .audit-block .auditButton {
        width: 60%;
    }

    #beforeMap {
        position: relative;
        padding: 2em 0 0 0;
    }

    .final .ericFinalTitle {
        font-size: 1.75em;
    }

    .advantagesVisibleText {
        height: auto;
        width: 85%;
    }

    #ericFrom {
        width: 90%;
        top: 10%;
        height: 24em;
    }

    #ericContent {
        width: 81.538462%;
    }

    #ericTitle {
        font-size: 2em;
    }

    .formThisInput .callName {
        margin: 0 2.705882% 1em 0;
    }

    .formThisInput input,
    .formThisButton {
        width: 100%;
    }

    #ericSend.buttonSendFormData {
        width: 100%;
        padding: .9285714285714286em 0;
    }

    #headRight nav {
        width: 100%;
    }

    .taskTitle {
        font-size: 1.3125em;
    }

    .thisCase {
        padding: 1em 5.5% 1.25em 5.5%;
    }

    .sliderTitle {
        width: 70%;
        padding: 0 0 0 6%;
        display: table-cell;
    }

    .desktopTitle,
    .mobileTitle {
        width: 88%;
    }

    .desktopBottom,
    .mobileBottom {
        padding: 0 0 0.444444em 0;
    }

    .swiper-container {
        padding: 1.5em 1em;
    }

    .desktop {
        padding: 5.4375em 0 4.0625em;
    }

    .mobile {
        padding: 0 0 4.25em;
    }


    #SEO {
        padding: 0;
    }


    .numberText {
        width: 100%;
    }

    #workList {
        margin: 2.25em 0 3.125em 0;
    }

    #workList li span {
        height: 4em;
    }


    .desktopCards {
        height: auto;
    }


    .swiper-slide {
        text-align: center;
        font-size: 18px;
        /* background: #fff; */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

    /* .desktopCards img {
        max-width: 420px;
    } */

    .blackBefore {
        height: 39.3125em;
    }

    #worksMediaTitle .width66 {
        width: 80%;
    }

    .taskContainerProblem,
    .taskContainerSolution {
        padding: 1.625em 5.35% 2.375em 5.35%;
    }

    #task {
        padding: 3.875em 0 3.25em;
    }

    #slider {
        padding: 5.9375em 0 4.125em;
    }

    #research,
    #dashboard {
        padding: 0;
    }

    #thisCatBlock h2 {
        margin-bottom: .65em;
    }

    .advantagesThisBlock {
        height: 10.5625em;
    }

    #advantages .plus {
        right: 5.288136%;
        top: 10.2%;
    }


    .advantagesInvisibleText {
        margin: 0 auto;
        font-size: 1em;
        line-height: 135%;
    }

    .blockWork {
        padding: 0;
    }

    .blockWork {
        margin: 0 auto 1.5em;
        padding: 0;
        height: auto;
    }

    #aboutCompanyText.width66 {
        width: 100%;
    }


    #mediaTitle h1,
    #worksMediaTitle h1 {
        font-size: 2em;
    }

    h2 {
        font-size: 2em;
    }

    .blockWork {
        width: 100%;
        overflow: hidden;
        margin: 0 auto 1em;
        padding: 0;
    }

    .blockBolder img {
        max-width: none;
        margin: 0;
        left: -100%;

    }

    #ourWorks {
        padding: 5.625em 0 4em;
    }

    .orderWorkBox {
        width: 77.29468599033816%;
    }

    .orderWorkNumber {
        right: 7.894737%;
        top: .12em;
    }

    .orderContent .orderContentText,
    .orderWorkBox:hover .advancedInfo {
        width: 100%;
    }

    .orderContent {
        width: 80%;
        padding: 2em 0 0 0;
    }

    .orderContentText {
        margin: 1.1875em 0 2.625em;
    }

    #ourWorks .nameWork {
        height: auto;
        margin: 0.877778em 0 .6em;
        text-align: left;
        line-height: 135%;
    }

    #ourWorks .dateWork {
        margin: 0;
        text-align: left;
    }

    .orderBoxResultTitle {
        display: none;
    }


    .orderBoxResultText {
        margin: 0;
    }

    #orderWork {
        padding: 2.21614584em 0 6.3125em;
        overflow: hidden;
    }




    .orderBoxResultText:before {
        content: 'Результат: ';
        color: #fff;
    }


    #weDo {
        padding: 3.8125em 0 5.6875em;
    }

    .weDoTitle {
        width: 90%;
        word-break: break-word;
    }

    .weDoText {
        padding-top: 1.25em;
        width: 90%;
    }

    #needResults {
        padding: 2em 0 2.3125em;
        width: 90%;
        margin: 0 auto;
        border-radius: .5em;
    }


    h2,
    #headerMargin {
        margin: .2727272727272727em 0 1.65em;
    }

    #services h2,
    .aboutSTitle {
        text-align: left;
    }

    #aboutCompany,
    #advantages,
    #ourWorks,
    #services,
    #task,
    #otherCase {
        margin: 0 1.25em;
    }

    .servicesLink {
        width: 100%;
    }

    #needResults .buttonStatic {
        margin: 0em auto;
    }


    #aboutCompany #aboutCompanyText {
        font-size: 1.35em;
        line-height: 1.4;
    }

    .buttonStatic {
        width: 60%;
        margin: 3em auto 2em;
    }

    .weDoText {
        line-height: 1.4;
    }

    .servicesLinkTitle {
        font-size: 1.8em;
    }

    .servicesLinkText {
        padding-left: 1.625em;
    }

    .aboutSText {
        line-height: 1.4;

    }

    .orderWorkBox {
        margin: 0 4% 0 auto;
        width: 85.294686%;
    }

    .orderWorkNumber {
        font-size: 6.5em;
    }

    .nav:target .nav__menu,
    .nav--open .nav__menu {
        visibility: visible;
        font-size: 1.3em;
    }

    .mobileCards .bx-wrapper {
        width: 99vw;
    }

    .servicesLinkTitle {
        height: auto;
    }

    .servicesLinkText {
        margin: .9375em 0 4.444444444444444em;
    }

    .servicesLink .buttonStatic {
        margin: 0 auto;
    }

    .servicesLink .subCatSvg {
        height: 6.8125em;
    }

    #thisCatBlock,
    .contact #thisCatBlock {
        margin: 4.5em auto 0;
        padding: 0;
    }

    #contactBlock {
        margin: 0 auto;
    }

    #contactBlock .input--nao {
        width: 80%;
        margin: 0;
    }

    #contactBlock #button-nao {
        top: 3.125em;
        width: 72%;
    }

    #contactBlock .allow {
        margin: 6.076923em 5% 0;
    }


    #contDesk {
        padding: 1.875em 1.25em 2.625em;
        background: #211f1f;
        color: #fff;
        width: auto;
        margin: 5em auto 0;
    }

    #contDesk li {
        width: 100%;
        height: auto;
    }

    .beforeContDesk {
        padding: 0 1.25em 2em;
    }

    #contactBox {
        padding: 0;
    }

    #map {
        height: 67.3125em;
        /* height: 100%; */
        background-size: cover;
        /* min-height: 1013px; */
    }

    #services {
        padding: 1.23125em 0 0 0;
    }

    #aboutStudio {
        padding: 3.75em 0;
    }

    footer.thisCatBlockFoot {
        margin: 1.875em auto 0;
        padding: 0 1.25em 1.75em;
        max-width: 100%;
        width: auto;
    }

    .orderBoxResultText {
        height: auto;
    }

    .orderBoxResult {
        padding: 0 0 1.35em 20%;
        width: 100%;
    }

}

@media screen and (max-width: 390px) {
    .width66 {
        width: 90.932203%;
    }


    #map {
        height: 70.3125em;
    }

}

@media screen and (max-width: 370px) {
    .slideArrows {
        width: 20%;
    }

    .numberText {
        width: 75%;
    }

    .numbers {
        width: auto;
    }

}


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

    #technologiesUsed .title {
        font-size: 2em;
    }

    .advantagesVisibleText {
        font-size: 1.1125em;
    }

    .orderWorkBox {
        margin: 0 auto;
        width: 80%;
        padding: 0 1.25em;
    }

    .orderWorkNumber {
        display: none;
    }

    .orderBoxResultText,
    .advancedInfo {
        padding-right: 0;
    }

    .orderBoxResult {
        padding-left: 0;
    }

    .needResultsPhone {
        font-size: 1.75em;
    }

    #map {
        height: 73em;
    }

    .buttonStatic {
        width: 70%;
    }

    #aboutCompany #aboutCompanyText {
        text-align: left;
    }

    .weDoTitle {
        margin: 0 0.4444444444444444em;
    }

    .weDoText {
        margin: 0 0.8888888888888889em;
    }

    #thisMainPage #content h1 {

        font-size: 2.7em;
        margin: -2em 0 0 0;
    }

    #thisMainPage #info nav {
        bottom: 6em;
    }

    footer {
        font: 1.2em gp;
    }

    #thisMainPage footer {
        padding: 0 0 2.076923em 0;
    }

}

@media screen and (max-width: 330px) and (max-height: 490px) {
    #thisMainPage #content h1 {
        font-size: 2.2em;
    }

    #thisMainPage #info nav {
        bottom: 2em;
    }

}

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

    #thisMainPage,
    #thisCatBlockBefore {
        font-size: 65%;
    }
}

@media screen and (max-width: 320px) and (max-height: 330px) {
    #thisMainPage {
        font-size: 45%;
    }
}

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

    #thisMainPage,
    #thisCatBlockBefore {
        font-size: 30%;
    }
}





@media screen and (max-width: 330px) {
    #thisCatBlock #info nav {
        bottom: -3em;
    }

}



#returnBlock {
    display: block;
    color: #808080;
    font: 0.75em gp;
    margin: 0 0 2.333333em 0;
    text-decoration: none;
    text-transform: uppercase;
}

#returnArrow {
    margin: 0 1em 0 0;
}

#workList {
    margin: 6.25em 0 3.125em 0;
}

#workList:after {
    content: '';
    clear: both;
    display: block;
    width: 100%;
    height: 1px;
}

#workList li {
    float: left;
    width: 33.3333333%;
    margin: 0 0 3.125em 0;
}

#workList li a,
#workList li a:visited {
    font: 1.5em gpb;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    width: auto;
}

#workList li a:hover {
    background: #ffeb00;
    color: #000;
    margin: 0 0 0 -.3em;
    padding: 0 .4em;
}

#workList li span {
    display: block;
    color: #808080;
    height: 4em;
    overflow: hidden;
    width: 75%;
    margin: 1em 0 0 0;
    font: 1em gp;
}


/**
 * Swiper 5.4.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 16, 2020
 */

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
    font-weight: 400;
    font-style: normal;
}


.aboutSText table tr td {
    height: auto;
    padding: 10px;
    border: 1px solid #000;
}


#schema-videoobject {
    text-align: center;
    max-width: 80%;
    margin: 4em auto 0;
}

#videoBeforeArticle {
    margin: 4em auto 0;
}

#schema-videoobject+span {
    display: block;
    margin-top: 2em;
    text-align: left;
}

div.contact #contDesk {
    margin: 0 auto 3em;
}

footer .breadcrumb li {
    display: inline-block;
    margin: 0 0 0 1em;
}

footer .breadcrumb:first-child {
    margin: 0;
}




/* [START] Contact widget button */
#contact_widget_button {
    font-family: sans-serif;
    font-size: 14px;
    line-height: 1.15;
}

#contact_widget_button * {
    outline: none;
}

#contact_widget_button *,
#contact_widget_button *::before,
#contact_widget_button *::after {
    box-sizing: border-box;
}

#contact_widget_button .text-center {
    text-align: center !important;
}

#contact_widget_button .align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
}

#contact_widget_button .justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

#contact_widget_button {
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
}

#contact_widget_button .d-flex {
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
}

#contact_widget_button .d-none {
    display: none !important;
}

#contact_widget_button .align-items-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
}

#contact_widget_button .flex-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}

@-webkit-keyframes pulsation {
    0% {
        -ms-transform: scale(0);
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }

    50% {
        opacity: .5
    }

    to {
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@keyframes pulsation {
    0% {
        -ms-transform: scale(0);
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }

    50% {
        opacity: .5
    }

    to {
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@-webkit-keyframes iconOpacity {
    0% {
        opacity: 0
    }

    40% {
        opacity: .96
    }

    60% {
        opacity: 1
    }

    80% {
        opacity: .96
    }

    100% {
        opacity: 0
    }
}

@keyframes iconOpacity {
    0% {
        opacity: 0
    }

    40% {
        opacity: .96
    }

    60% {
        opacity: 1
    }

    80% {
        opacity: .96
    }

    100% {
        opacity: 0
    }
}

#contact_widget_button {
    background: rgb(245, 22, 68);
    position: fixed;
    right: 15px;
    bottom: 15px;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    cursor: pointer;
    z-index: 1001
}

/* green #25d366 */
#contact_widget_button.clicked {
    z-index: 1041
}

#contact_widget_substrate {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    z-index: 0;
    display: none
}

#contact_widget_substrate.active {
    z-index: 1020;
    display: block
}

.contact-widget-pulsation {
    background: rgb(245, 22, 68);
    width: 80px;
    height: 80px;
    border-radius: 50px;
    position: absolute;
    left: -15px;
    top: -15px;
    z-index: -1;
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-animation: pulsation 2s infinite;
    animation: pulsation 2s infinite
}

.contact-widget-icon {
    color: #fff;
    width: 100%;
    font-size: 20px;
    overflow: hidden
}

.contact-widget-icon .fa-whatsapp {
    -webkit-animation: iconOpacity 3s infinite;
    animation: iconOpacity 3s infinite;
}

.contact-widget-text {
    font-size: 7px;
    text-transform: uppercase;
    line-height: 9px;
    color: #fff
}

.contact-widget-dropdown {
    position: absolute;
    bottom: 60px;
    right: 36px;
    padding: 20px;
    border-radius: 6px;
    background: #fff;
    display: block;
    opacity: 0;
    z-index: -1;
    margin-bottom: 20px;
    -webkit-transition: margin-bottom .3s ease, opacity .3s ease;
    transition: margin-bottom .3s ease, opacity .3s ease;
    box-shadow: 5px 12px 30px rgba(0, 0, 0, .35);
    visibility: hidden;
    min-width: 250px
}

.contact-widget-dropdown.expanded {
    margin-bottom: 0;
    opacity: .98;
    z-index: 1;
    visibility: visible
}

.contact-widget-item {
    color: #333
}

.contact-widget-item:hover {
    color: rgb(10, 120, 191);
}

.contact-widget-item:not(:last-child) {
    margin-bottom: 18px
}

.contact-widget-item-icon {
    font-size: 20px;
    display: block;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px;
    max-width: 40px;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    margin-right: 10px;
    color: #fff
}

.contact-widget-item-icon svg {
    width: 20px !important;
    height: 20px
}

.contact-widget-messenger {
    background: #0084ff
}

.contact-widget-viber {
    background: #7c529d
}

.contact-widget-telegram {
    background: #2ca5e0
}

.contact-widget-skype {
    background: #31c4ed
}

.contact-widget-whatsapp {
    background: #25d366
}

.contact-widget-email {
    background: #50a8ff
}

.contact-widget-call {
    background: #3cba8b
}

.contact-widget-contacts {
    background: #141e1a
}

@media (min-width: 420px) {
    #contact_widget_button {
        left: 30px;
        width: 70px;
        height: 70px
    }

    .contact-widget-pulsation {
        width: 100px;
        height: 100px
    }

    .contact-widget-icon {
        font-size: 28px
    }

    .contact-widget-text {
        font-size: 9px;
        line-height: 10px
    }

    .contact-widget-dropdown {
        left: 60px
    }
}

@media (min-width: 992px) {
    #contact_widget_button {
        bottom: 30px
    }

    #contact_widget_button .contact-widget-viber-mobile {
        display: none !important
    }
}

.clicked .fa-lg {
    transform: translate3d(-260px, 0, 0);
}

.clicked .contact-widget-text {
    transform: translate3d(-20px, 0, 0);
}

.fa-lg {
    font-size: 1.63333em !important;
    line-height: .75em;
    vertical-align: -0.0667em;
}

@media (max-width: 460px) {
    #contact_widget_button {
        left: 15px;
    }

    .contact-widget-dropdown {
        left: 10px;
    }
}