/*
@font-face {
  font-family: "HelveticaMedium";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/helveticamedium.woff2") format("woff2");
}

@font-face {
  font-family: "HelveticaRegular";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/helveticaregular.woff2") format("woff2");
}

@font-face {
  font-family: "HelveticaRoman";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/HelveticaNeueCyr-Roman.woff2") format("woff2");
}
*/



@font-face {
    font-family: HelveticaRegular;
    src: url(fonts/helvetica_bold_0-webfont.eot);
    src: url(fonts/helvetica_bold_0-webfont.eot?#iefix) format('embedded-opentype'), url(fonts/helvetica_bold_0-webfont.woff) format('woff'), url(fonts/helvetica_bold_0-webfont.ttf) format('truetype'), url(fonts/helvetica_bold_0-webfont.svg#helveticabold) format('svg');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: HelveticaRegular;
    src: url(fonts/helvetica_0-webfont.eot);
    src: url(fonts/helvetica_0-webfont.eot?#iefix) format('embedded-opentype'), url(fonts/helvetica_0-webfont.woff) format('woff'), url(fonts/helvetica_0-webfont.ttf) format('truetype'), url(fonts/helvetica_0-webfont.svg#helveticaregular) format('svg');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: HelveticaRegular;
    src: url(fonts/helveticaneue-light.eot);
    src: url(fonts/helveticaneue-light.eot?#iefix) format('embedded-opentype'), 
		 url(fonts/helveticaneue-light.woff) format('woff'), 
		 url(fonts/helveticaneue-light.ttf) format('truetype'),
		 url(fonts/helveticaneue-light.svg#helveticaneue-light) format('svg');
    font-weight: 300;
    font-style: normal;
}


.right {float: right;}


.h1, .cooperation .wrap-item-cooper .block-number-arrow, .grounding .item, .uslugi .wrap-item-block .item-2, .project .item-project, .project .item-project .block-content, .project .item-project .block-content .content, .form-queshtion, .form-queshtion .h3, .wrap-footer-content-right .item {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

::-webkit-input-placeholder {
  color: #666;
  text-transform: uppercase;
  font-size: 16px;
}

:-ms-input-placeholder {
  color: #666;
  text-transform: uppercase;
  font-size: 16px;
}

::-ms-input-placeholder {
  color: #666;
  text-transform: uppercase;
  font-size: 16px;
}

::placeholder {
  color: #666;
  text-transform: uppercase;
  font-size: 16px;
}

::-moz-selection {
  background-color: orange;
  color: #fff;
}

::selection {
  background-color: orange;
  color: #fff;
}

input, textarea {
  outline: none;
}

input:focus:required:invalid, textarea:focus:required:invalid {
  border-color: red;
}

input:required:valid, textarea:required:valid {
  border-color: green;
}

body {
  font-family: 'HelveticaRoman', sans-serif;
  font-size: 16px;
  min-width: 320px;
  position: relative;
  line-height: 1;
  overflow-x: hidden;
  color: #000;
}

.img-responsive {
  display: block;
  width: 100%;
  height: auto;
}

.hidden {
  display: none;
}

a {
  text-decoration: none;
}

section {
  padding: 75px 0;
}

h1 {
  font-family: 'HelveticaRoman', sans-serif;
  line-height: 1.55;
}

h1 .img-svg {
  width: 84px;
  height: 100%;
  margin: -10px -64px 0 25px;
}

h1 .img-svg path {
  fill: #000 !important;
}
/* ================ start Digital стратегія=================== */

/* -----------global------------ */
.wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 100%;}

.content { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; }

.footer { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; }


/* ================ end Digital стратегія=================== */



.logo{
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none !important;
	color: #000 !important;
	}

.logo img {max-width: 55px; margin-right: 5px;}

.line-horizontal {
  width: 100%;
  height: 2px;
  background-color: #000000;
}

.link-contackt {
  text-align: right;
}

.advantages {
  text-align: center;
  margin-top: 57px;
  line-height: 1.55;
  font-weight: 500;
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}

.advantages .col-md-3 {
  border-top: 2px solid #000000;
  border-right: 2px solid #000;
}

.advantages .col-md-3:last-child {
  border-right: none;
}

.advantages .item-advantages {
  padding: 90px 0 20px;
}

.advantages .item-advantages:hover {
  background-color: #000000;
  color: #ffffff;
}

.advantages .content {
  font-size: 60px;
  margin-bottom: 40px;
}

.advantages .title {
  font-size: 20px;
  text-transform: uppercase;
}

.h2 {
  color: #000000;
  font-size: 68px;
  font-family: 'HelveticaNeue',Arial,sans-serif;
  line-height: 1.2;
  font-weight: 400;
  background-position: center center;
  border-color: transparent;
  border-style: solid;
}

.link-contackt a {
	display: inline-block;
  color: #000000;
  font-size: 15px;
  font-family: 'HelveticaNeue',Arial,sans-serif;
  padding: 10px 40px;
  line-height: 1.55;
  font-weight: 400;
  border-width: 2px;
  border-radius: 40px;
  background-color: #ffffff;
  background-position: center center;
  border-color: #000000;
  border-style: solid;
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}

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

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

.link-usluga {
  color: #fff;
  font-size: 15px;
  font-family: 'HelveticaNeue',Arial,sans-serif;
  padding: 15px 50px;
  line-height: 1.55;
  font-weight: 400;
  border-width: 2px;
  border-radius: 40px;
  background-color: #1950de;
  background-position: center center;
  border-color: #000000;
  border-style: solid;
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}

.link-usluga:hover {
  background-color: #000;
  text-decoration: none;
  color: #ffffff;
}

/*.link-contackt {
  margin-top: 30px;
  text-align: left;
}*/

.link-contackt a:last-child {
  background-color: #1950de;
  margin-left: 10px;
  color: #ffffff;
}

.link-contackt a:hover {
  background: #000000;
  color: #ffffff;
  text-decoration: none;
}

.h2 {
  font-size: 65px;
  margin-bottom: 15px;
  text-transform: uppercase;
}

header {
  padding-top: 20px;
}

header .link-contackt {
  text-align: right;
  height: 100%;
  margin: 0;
}

header .link-contackt a:nth-child(n+2) {
  margin-left: 10px;
}

/*
header .link-contackt a:nth-child(even) {
  background-color: #1950de;
}
*/

header .link-contackt a:hover {
  text-decoration: none;
  color: #ffffff;
  background-color: #000000;
}

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

.top-banner .link-contackt {
  text-align: right;
}

.top-banner h1 {margin-top: 0;}

.link-contackt.mobile{
  display: none;
}

.top-banner .img-header {
  text-align: right;
}

.top-banner .img-header svg {
  display: inline-block;
  margin-top: -32px;
}

.img-header-mobile{
  display: none;
}

.top-banner .line-horizontal {
  margin: 45px 0 15px;
}

.link-contackt a:not(.link-social) {
  color: #000000;
  font-size: 15px;
  font-family: 'HelveticaNeue',Arial,sans-serif;
  padding: 10px 45px;
  line-height: 1.55;
  font-weight: 400;
  border-width: 2px;
  border-radius: 40px;
  background-color: #ffffff;
  background-position: center center;
  border-color: #000000;
  border-style: solid;
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
  margin-bottom: 15px;
}

.link-contackt a:not(.link-social):nth-child(n+2) {
  margin-left: 10px;
}

/*.top-banner a:not(.link-social):nth-child(even) {*/
.link-contackt a:last-child {
  background-color: #000000;
  color: #ffffff;
}

 .link-contackt a:last-child:hover {
  background-color: #fff;
  color: #000;
}

.link-contackt a:not(.link-social):hover {
  text-decoration: none;
  color: #ffffff;
  background-color: #000000;
}

.h1 {
  font-size: 100px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  text-transform: uppercase;
  line-height: 1;
}

.h1 span:nth-child(even) {
  text-align: right;
}

.link-social {
  color: #000000;
  font-size: 20px;
  font-family: 'HelveticaNeue',Arial,sans-serif;
  line-height: 1.55;
	display: block;
  font-weight: 400;
  background-position: center center;
  border-color: transparent;
  border-style: solid;
  text-transform: uppercase;
	width: 100%; padding: 5px 0;
}

.link-social:hover {
  text-decoration: none;
}
.link-social:hover svg rect {fill:#0047FF;}

.social-arrow {
  width: 14px !important;
  margin-top: -7px;
}
.social-arrow:hover svg rect {fill:#0047FF;}

.job {
  padding-top: 20px;
}

.job .container > .row:nth-child(n+2) {
  padding-top: 50px;
}

.job .wrap-button.mobile{
  display: none;
}

.team img {
  display: block;
	max-width: 100%; filter: grayscale(1); transition: filter .4s ease-in-out; webkit-filter: grayscale(99%);
	height: auto;
/*  height: 346px;*/
}
.team img:hover {filter: grayscale(0); -webkit-filter: grayscale(0%);}

.team .wrap-team-text {
  padding: 35px 0 40px;
/*  height: 470px;*/
}

.team .h2{
	margin-bottom: 0;
  padding-right: 22px;
}

.team .wrap-team-text > div {
  margin-top: 20px;
}

.team .descr {
  font-size: 18px;
  line-height: 1.55;
  max-width: 300px;
}

.team .caption {
  text-transform: uppercase;
  padding-top: 20px; margin-bottom: 30px;
}

.team .caption span {
  display: block;
  text-transform: uppercase;
  margin-top: 10px;
  font-size: 12px;
  opacity: 0.6;
}

.team .link-contackt{
  text-align: left;
}

.cooperation .border-decor {
  border: 2px solid #000;
  border-left-color: transparent;
  -webkit-transition: all .2s;
  transition: all .2s;
}

.cooperation .border-decor:nth-child(5), .cooperation .border-decor:nth-child(9) {
  border-right: transparent;
}

.cooperation .border-decor:nth-child(6) {
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-right-color: transparent;
  border-left-color: #000;
}

.cooperation .border-decor:hover {
  background-color: #000;
  color: #ffffff;
}

.cooperation .border-decor:nth-child(9){
  background-color: #1950de; color: #fff !important;
}

.cooperation .border-decor:hover .img-svg path {
  fill: #fff !important;
}

.cooperation .wrap-item-cooper {
  font-size: 23px;
  padding: 20px;
  height: 210px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.cooperation .wrap-item-cooper .block-text {
  line-height: 1.55;
}

.cooperation .wrap-item-cooper .block-number-arrow {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.cooperation .wrap-item-cooper .block-number-arrow .img-svg {
  width: 40px;
}

.grounding .item {
  border-width: 2px;
  border-radius: 30px;
  background-position: center center;
  border-color: #000000;
  border-style: solid;
  padding: 30px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #ffffff;
}

.grounding .item:nth-child(n+2) {
  margin-top: 15px;
}

.grounding .item .number {
  margin-bottom: 25px;
}

.grounding .item .title {
  font-size: 28px;
  margin-bottom: 50px;
}

.grounding .analitik {
  background-color: #0047ff;
}

.grounding .test {
  background-color: #000;
}

.grounding .ekonomi,
.grounding .wrap-item-block {
  color: #000000;
  height: 100%;
}

.grounding .ekonomi .wrap-button {
  margin-top: 223px;
}

.grounding .block-text .content{
  font-size: 14px;
  line-height: 1.5;
  padding-right: 41px;
}

.skills small {
  font-size: 14px;
  opacity: 0.5;
}

.uslugi small {
  display: block;
  opacity: 0.5;
  font-size: 14px;
  margin-bottom: 20px;
}

.uslugi .wrap-item-block .item {
  border-width: 2px;
  border-radius: 30px;
  background-position: center center;
  border-color: #000000;
  border-style: solid;
  padding: 45px 30px;
  color: #ffffff;
  line-height: 1.5;
}

.uslugi .wrap-item-block .item:nth-child(n+2) {
  margin-top: 15px;
}

.uslugi .wrap-item-block .item-1 {
  background-color: #0047ff;
}

.uslugi .wrap-item-block .item-2 {
  background-color: #000000;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.uslugi .wrap-item-block .item-2 .block-text {
  width: 290px;
  font-size: 14px;
  opacity: 0.5;
}

.uslugi .wrap-item-block .title {
  font-size: 28px;
}

.uslugi .wrap-item-block p {
  margin-top: 30px;
}

.uslugi .wrap-item-block p:nth-child(odd) {
  opacity: 0.5;
}

.uslugi .wrap-list-uslugi .list-uslugi {
  padding: 0;
  list-style: none;
}

.uslugi .wrap-list-uslugi .list-uslugi li {
  display: block;
  border-bottom: 2px solid #000000;
  font-size: 24px;
  text-transform: uppercase;
  padding: 25px 0 22px 0;
  transition: all .2s;
}

.uslugi .wrap-list-uslugi .list-uslugi li a{
  color: #000;
  text-decoration: none;
}

.uslugi .wrap-list-uslugi .list-uslugi li:hover{
  background-color: #000;
  color: #fff;
  padding-left: 10px;
}

.uslugi .wrap-list-uslugi .list-uslugi li:hover a{
  color: #fff;
  text-decoration: none;
}

.uslugi .wrap-list-uslugi .list-uslugi li:last-child {
  border-bottom: none;
}

.wrap-list-uslugi.mobile{
  display: none;
}

.brands .list-brands {
  opacity: 0.7;
}


.brands .list-brands img {
  display: block;
  max-width: 100%;
  height: auto;
  cursor: pointer;
}

.project .item-project {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-top: 3px solid #000;
  cursor: pointer;
}

.project .item-project:last-child{
  border-bottom: 3px solid #000;
}

.project .item-project:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.project .item-project .block-content a,
.project .item-project .block-content {color: #000; text-decoration: none}

.project .item-project:hover .block-content {
  color: #ffffff;
  background-color: #000000;
}

.project .item-project:hover .block-content a,
.project .item-project:hover .block-content {color: #fff; text-decoration: none}


.project .item-project:hover .block-content svg rect {fill: #fff;}

.project .item-project .block-img {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}

.project .item-project .block-img img {
  display: block;
  width: 100%;
  height: auto;
}

.project .item-project .block-content {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  padding: 45px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-transition: all .2s;
  transition: all .2s;
  cursor: pointer;
}

.project .item-project .block-content .title {
  text-transform: uppercase;
  font-size: 40px;
	display: block; width: 100%;
/*  width: 277px;*/
	margin-bottom: 40px;
}

	.project .item-project .block-content .title svg,
	.project .item-project .block-content .title img {float: right;}


.project .item-project .block-content .content {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
	flex-wrap: wrap;
}

.project .item-project .block-content .content > div {width: 33.33%;}

.project .item-project .block-content .block-name {
  text-transform: uppercase;
  margin-bottom: 20px;
  opacity: 0.5;
	min-height: 40px;
  line-height: 1.3;
}

.project .item-project .block-content .block-text {
  text-transform: uppercase;
  font-size: 16px;
  line-height: 1.3;
}

.form-queshtion {
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-left: 16px;
}

.form-queshtion a {
  display: inline-block;
}

.form-queshtion .h3 {
  font-size: 40px;
  margin-bottom: 40px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.form-queshtion button {
	background-color: #1950de;
    margin-left: 10px;
    color: #ffffff;
	outline: 0;
	display: inline-block;
    font-size: 15px;
    font-family: 'HelveticaNeue',Arial,sans-serif;
    padding: 10px 40px;
    line-height: 1.55;
    font-weight: 400;
    border-width: 2px;
    border-radius: 40px;
    background-position: center center;
    border-color: #000000;
    border-style: solid;
    -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}

.form-queshtion button:hover {
	background: #000;
	color: #fff;
}

body input {
  color: #000000;
  border: none;
  border-bottom: 2px solid #000000;
  font-size: 14px;
  height: 48px;
  display: block;
  width: 100%;
  margin-bottom: 35px;
}

footer {
  background-color: #000000;
  padding: 120px 0 30px;
  color: #ffffff;
  overflow: hidden;
}

.logo-footer {margin: -30px 0 0 -15px;}
.links-contacts a {color: #fff;}
.about-logo {font-weight: 300;
font-size: 10px;
line-height: 16px;
text-transform: uppercase;
max-width: 245px;
color: rgba(255, 255, 255, 0.49);
}


footer .container{
  position: relative;
  overflow: hidden;
}

footer .copirayt {
  opacity: 0.6;
  width: 300px;
  position: absolute;
  height: 30px;
  left: 15px;
  bottom: 0;
  margin-bottom: 0;
  line-height: 30px;
}

.partner-google {max-width: 130px;}

.block-list{
  height: 205px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.block-list ul{
  list-style: none;
  padding: 0;
}

.block-list ul li{
  margin-bottom: 15px;
}

.block-list ul li a{
  color: #fff;
  transition: .2s;
}

.block-list .block-icon{
  text-align: right;
}

.block-list ul li a:hover{
  text-decoration: underline;
}

.block-list a{
  color: #fff;
  text-align: left;
}

a.link-email{
  text-decoration: underline;
}

.block-list .block-icon .img-svg{
  width: 90px;
  height: auto;
}

.social-icon{
  width: 400px;
  float: right;
  margin-top: 50px;
}

.social-icon a{
  text-transform: uppercase;
  -webkit-transition: all .2s;
  transition: all .2s;
  display: inline-block;
  vertical-align: top;
  padding: 10px 40px;
  border-radius: 30px;
  color: #fff;
}

.social-icon a:first-child {
  border: 2px solid #ffffff;
  background-color: #fff;
  color: #000000;
}

.social-icon a:nth-child(2) {
  border: 2px solid #0047ff;
  background-color: #0047ff;
}

.social-icon a:last-child {
  border: 2px solid #ffffff;
  margin-left: 45px;
}

.social-icon a:hover:first-child {
  background-color: transparent;
  color: #ffffff;
  text-decoration: none;
}

.social-icon a:hover:nth-child(2) {
  background-color: transparent;
  color: #ffffff;
  text-decoration: none;
}

.social-icon a:hover:last-child {
  background-color: #fff;
  color: #000000;
  text-decoration: none;
}

.link-email:hover {text-decoration: none;}

.list-mobile,
.link-phone.mobile,
.link-email.mobile{
  display: none;
}

.block-1 .social-icon.mobile{
  display: none;
}

.brands h2.h2 {margin-bottom: 50px;}

.list-brands{

}

.list-brands .item{
/*
  display: flex;
  justify-content: space-between;
*/
}

/*
.list-brands .item:first-child{
  margin-bottom: 80px;
}
*/


.brands .list-brands {width: 100%;}
.brands .list-brands > .item > div {
	display: inline-block;
    vertical-align: middle;
    width: 25%;
	margin-left: -4px;
    height: 115px;
    text-align: center;
    line-height: 115px;
    padding: 10px;
}

.brands .list-brands > .item > div span {}



.list-brands .item img{
	max-width: 100%;
	max-height: 100%;
	filter: grayscale(100%);
	transition: .2s;
	display: inline-grid;
}

.list-brands .item img:hover{
  filter: grayscale(0);
}


.modal-dialog .close {position: absolute; top: 10px; right: 10px; outline: 0; border: 0; cursor: pointer;}


div.modal-cases {padding: 40px;}

div.modal-cases .top-text {}
div.modal-cases .top-text .title {font-weight: 700; text-transform: uppercase; font-size: 34px;}
div.modal-cases .top-text .title br {display: none;}
div.modal-cases .top-text p {font-size: 20px; color: gray; margin-bottom: 30px; line-height: 26px;}

div.modal-cases table {width: 100%;}
div.modal-cases table td {vertical-align: top; padding: 10px 0}
div.modal-cases table .name {font-weight: 700; font-size: 22px; color: blue; text-transform: uppercase; margin-bottom: 10px;}
div.modal-cases table p {font-size: 18px; line-height: 26px; font-weight: 300;}
div.modal-cases table ul {list-style: none; padding: 0; margin: 0 0 20px 0;}
div.modal-cases table ul li {font-size: 18px; line-height: 26px; font-weight: 300;}

div.modal-cases img {max-width: 100%; height: auto;}



.page-template-page-cases .link-contackt a{
/*
	border-width: 3px;
	padding: 5px 40px;
*/
}

.page-template-page-cases .link-contackt a.active{
	border-color: #1950de;
	color: #1950de;
	background-color: #ffffff;
}

.page-template-page-cases .link-contackt a:nth-child(2):hover{
	background-color: #1950de;
	color: #ffffff;
}

.page-template-page-cases .section-header small{
	font-size: 20px;
	text-transform: uppercase;
	display: block;
	margin-bottom: 10px;
}

.page-template-page-cases .section-header .h2{
	margin-bottom: 90px;
	margin-top: 20px;
}

.page-template-page-cases .project .item-project .block-content .content{
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: start;
  margin: 0 -15px;
}

.page-template-page-cases .project .item-project .block-content .content .item-content{
	display: flex;
	flex-direction: column;
/*	justify-content: space-between;*/
	font-family: "HelveticaMedium", sans-serif;
	font-size: 14px;
  padding: 0 15px;
}

.page-template-page-cases .project .item-project .block-content .content .item-content:nth-child(n+4){
	margin-top: 40px;
}

.page-template-page-cases .project .item-project .block-content .h3{
	font-size: 20px;
	margin: auto 0 30px;
	text-transform: uppercase;
	font-family: "HelveticaMedium", sans-serif;
}

.page-template-page-cases .project .item-project .block-content .block-name-top{
	text-transform: uppercase;
	margin-bottom: 20px;
	min-height: 40px;
	line-height: 20px;
}

.page-template-page-cases .block-list{
	flex-direction: row;
	width: 100%;
}

.page-template-page-cases .partner-google{
	display: block;
	margin-bottom: 35px;
}

.page-template-page-cases .block-list{
	height: auto;
	padding-top: 30px;
}

.page-template-page-cases .block-list.block-1{
	display: block;
}

.page-template-page-cases .block-list.block-1 .social-icon{
	float: none;
	text-align: right;
	width: 100%;
}

.page-template-page-cases .project .item-project:hover .block-content{
	background-color: #000;
}

.page-template-page-cases .project .item-project .block-img img{
/*	filter: grayscale(100%);*/
}

.page-template-page-cases .project .item-project:hover img{
/*	filter: grayscale(0);*/
}

a, .collapse.show, button {transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease;}


/*Page ABout*/
.about-first {padding-top: 60px;}
.about-first > .container {border-bottom: 1px solid #000;}
.about-first h1 {font-size: 58px; line-height: 71px; text-transform: uppercase; color: #000000; margin-bottom: 60px;}
.about-first .text {}
.about-first .text img {margin: -60px auto 30px; display: table;}
.about-first .text span {font-size: 18px; line-height: 20px; color: rgba(0, 0, 0, 1); display: block; margin-bottom: 15px;}
.about-first .text p {font-size: 20px; line-height: 24px; color: rgba(0, 0, 0, 0.74); margin-bottom: 30px;}
.about-first .text a.btn-order {background: #000000; border: 3px solid #000000; border-radius: 40px;font-size: 16px; line-height: 19px; color: #FFFFFF; text-align: center; display: inline-block; padding: 10px 25px; margin-bottom: 30px;}
.about-first .text a.btn-order:hover {background: #1950DE; color: #fff; text-decoration: none;}

.about-first .text a.btn-cases {background: #fff; border: 3px solid #000000; border-radius: 40px;font-size: 16px; line-height: 19px; color: #000; text-align: center; max-width: 230px; display: inline-block; padding: 10px 25px; margin-bottom: 30px; margin-left: 20px;}
.about-first .text a.btn-cases:hover {background: #000; color: #fff; text-decoration: none;}

/*About we*/
.about-we {padding-top: 75px;}
.about-we h2 {font-size: 44px; line-height: 52px; text-transform: uppercase; color: #000000; margin-bottom: 25px;}
.about-we p {font-size: 20px; line-height: 24px; color: #000000; margin-bottom: 30px;}
.about-we img {margin: 30px auto 30px; display: table;}

.why-we {margin-top: 50px;}
.why-we > .row > div {border-left: 1px solid #000;}
.why-we .item {padding-top: 30px; padding-left: 20px; }
.why-we .item .title {font-weight: normal; font-size: 28px; line-height: 30px; color: #000000; margin-bottom: 50px;}
.why-we .item .title span {display: block; font-weight: normal; font-size: 14px; line-height: 30px; text-transform: uppercase; color: #000000;}
.why-we .item p {font-weight: normal; font-size: 14px; line-height: 16px; max-width: 380px; margin: 0;}


/*Why we Google*/
.why-we-google {padding-top: 35px;}
.why-we-google h2 {font-size: 44px; line-height: 52px; text-transform: uppercase; color: #000000; margin-bottom: 60px;}

.why-list-google {}
.why-list-google .item {min-height: 280px;}
.why-list-google .item .title {background: #000000; border-radius: 30px; padding: 20px 40px;}
.why-list-google .item .title .numb {font-size: 14px; line-height: 30px; text-transform: uppercase; color: #FFFFFF; margin-bottom: 8px;}
.why-list-google .item .title .name {font-size: 28px; line-height: 30px; color: #FFFFFF;}
.why-list-google .item .title img {float: right;}
.why-list-google .item .text {padding: 25px 25px 40px 40px; max-width: 360px;}
.why-list-google .item .text p {font-weight: normal; font-size: 12px; line-height: 16px;}
.why-list-google .item .title.blue {background: #0047FF;}


/*Work steps*/
.work-steps {padding-top: 35px;}
.work-steps h2 {font-size: 44px; line-height: 52px; text-transform: uppercase; color: #000000; margin-bottom: 60px;}

.steps-accordion {margin-bottom: 40px;}
.steps-accordion .card {border: solid #000000; border-width: 0 0 2px 0; border-radius: 0;}

.steps-accordion button.btn-link {font-size: 24px; line-height: 144%; text-transform: uppercase; color: #000000; cursor: pointer; background: none; padding: 22px 0 16px 0; text-align: left; outline: 0; text-decoration: none; box-shadow: none; border-radius: 0; padding-left: 15px;}

.collapse.show,
.steps-accordion button.btn-link[aria-expanded="true"] {background: #000; color: #fff;}

.steps-accordion .card-body {padding-left: 15px;}
.steps-accordion .card-body p {font-size: 12px; line-height: 16px; color: #FFFFFF; margin-bottom: 30px;}
.steps-accordion .card-body .row {margin-bottom: 30px;}
.steps-accordion .card-body .row > div {border-right: 1px solid #fff; padding-top: 5px; padding-bottom: 5px; vertical-align: middle;}
.steps-accordion .card-body .row > div:last-child {border-right: 0;}
.steps-accordion .card-body .row > div p {margin: 0;}

.work-steps a.btn-order {background: #1950DE; border: 3px solid #000000; border-radius: 40px;font-size: 16px; line-height: 19px; color: #FFFFFF; text-align: center; max-width: 180px; display: block; padding: 10px 5px; margin-bottom: 30px;}
.work-steps a.btn-order:hover {background: #000; color: #fff; text-decoration: none;}


/*LAST Block*/
.start-work {padding-top: 100px;}

.start-work .logo {max-width: 145px; height: auto; display: table; margin: 0 auto 60px;}
.start-work h2 {font-size: 68px; line-height: 81px; text-transform: uppercase; color: #000000; margin-bottom: 50px; text-align: center;}

.start-work a.btn-order {background: #1950DE; border: 3px solid #000000; border-radius: 40px; font-size: 25px; line-height: 29px; color: #FFFFFF; text-align: center; max-width: 280px; display: block; padding: 17px 20px 14px; margin: 0 auto 50px;}
.start-work a.btn-order:hover {background: #000; color: #fff; text-decoration: none;}

.start-work p {font-size: 16px; line-height: 19px; color: #000000; margin-bottom: 25px; text-align: center;}
.start-work .phone {font-weight: 500; font-size: 20px; line-height: 24px; color: #000000; display: table; margin: 0 auto 15px;}
.start-work p span {font-size: 12px; line-height: 14px;}


.img-fffff {width: 100px; height: 73px; margin: -8px 0 0 -20px;}

.modal {}
.modal .modal-content {padding: 50px 60px; box-shadow: none; border-radius: 0;}

.modal .close {position: absolute; top: 15px; right: 15px; background: none; color: #000; font-size: 28px; font-weight: 300;}


.modal .title {font-size: 48px; margin-bottom: 35px;
line-height: 58px;
text-transform: uppercase;

color: #000000;}
.modal p {font-size: 18px;
line-height: 24px;

color: #000000; margin-bottom: 25px;}

.modal form {max-width: 580px;}
.modal form input {border-bottom: 1px solid rgba(0, 0, 0, 0.54);}
.modal form button {background: #1950DE; border: 3px solid #000000; border-radius: 40px; font-size: 16px; line-height: 19px; color: #FFFFFF; text-align: center; max-width: 280px; display: block; padding: 0 20px 0; height: 46px;}
.modal form button:hover {background: #000; color: #fff; text-decoration: none;}


/*Page ABOUT US*/
.why-it-work {padding-top: 150px;}
.why-it-work h2 {margin-bottom: 45px;}

.why-it-list {}
.why-it-list .item { margin-bottom: 40px;}
.why-it-list .item .text {background: #0047FF; border-radius: 30px; padding: 22px 75px 22px 25px; position: relative;}
.why-it-list .item:nth-child(even) .text {background: #000;}
.why-it-list .item .text > svg,
.why-it-list .item .text > img {width: 92px; position: absolute; top: 22px; right: 25px; filter: invert(100%);}
.why-it-list .item .text .numb {font-size: 14px; line-height: 30px; text-transform: uppercase; color: #FFFFFF; margin-bottom: 10px;}
.why-it-list .item .text .title {font-weight: normal; font-size: 28px; line-height: 33px; color: #FFFFFF; margin-bottom: 25px;}
.why-it-list .item .text p {font-size: 12px; line-height: 14px; color: #FFFFFF; margin-bottom: 10px; max-width: 305px;}


/*Form-calc*/
.form-calc-block {padding-bottom: 75px; padding-top: 40px;}
.form-calc-block h2 {margin-bottom: 30px;}
.form-calc-block .form-calc {background: #0047FF; border-radius: 30px; padding: 35px 35px 35px 25px; margin-bottom: 15px;}
.form-calc-block .form-calc p {margin-bottom: 30px; font-size: 20px; line-height: 24px; color: #FFFFFF; font-weight: 300;}

.form-calc-block form {max-width: 580px;}
.form-calc-block form input {background: none; border-bottom: 1px solid rgba(255, 255, 255, 0.63); color: #fff; margin-bottom: 20px;}
.form-calc-block form input::-webkit-input-placeholder {color:rgba(255, 255, 255, 0.56);}
.form-calc-block form input::-moz-placeholder {color:rgba(255, 255, 255, 0.56);}
.form-calc-block form input:-moz-placeholder {color:rgba(255, 255, 255, 0.56);}
.form-calc-block form input:-ms-input-placeholder {color:rgba(255, 255, 255, 0.56);}
.form-calc-block form button {background: #fff; min-width: 240px; color: #000; margin: 35px 0 0; border: 3px solid #000000; border-radius: 40px; font-size: 16px; line-height: 19px; color: #000; text-align: center; max-width: 280px; display: block; padding: 0 20px 0; height: 46px;}
.form-calc-block form button:hover {background: #000; color: #fff;}

.logo-form {text-align: right;}
.logo-form svg.img-fffff,
.logo-form img.img-fffff {width: 130px; height: 100px; margin: 0 -20px 0 0;}
.logo-form span {font-size: 12px; line-height: 131.8%; text-transform: uppercase; color: #FFFFFF; display: block; margin-top: 5px;}




/**/
#modalPopUp .modal-content {background: #1950DE; border: 0; box-shadow: none; padding: 50px 80px;}
.modal .logo-modal {font-size: 20px; line-height: 24px; color: #FFFFFF; margin-bottom: 35px;}
.modal .logo-modal svg {width: 75px; height: 50px; margin: -8px 0 0 -15px;}
#modalPopUp .title, .form-2 .title {font-size: 44px; color: #fff; margin-bottom: 20px; font-weight: 300;}
#modalPopUp .close, .form-2 .close {color: #fff;}
.modal .form-2 form button {border: 3px solid #fff;}
.modal .form-2 form button:hover {border: 3px solid #1950DE; background: #fff; color: #000;}

.list-popup {}
.list-popup .item {margin-bottom: 12px;}
.list-popup .item .numb {font-size: 14px; line-height: 27px; text-transform: uppercase; color: #FFFFFF;}
.list-popup .item .numb span {text-transform: none; display: block;}
.list-popup .item p {font-size: 20px; line-height: 24px; color: #FFFFFF; font-weight: 300;}
.list-popup .item form {margin-bottom: 20px;}
.list-popup .item form input {background: none; border-bottom: 1px solid rgba(255, 255, 255, 0.63); color: #fff; margin-bottom: 20px;}
.list-popup .item form input::-webkit-input-placeholder {color:rgba(255, 255, 255, 0.56);}
.list-popup .item form input::-moz-placeholder {color:rgba(255, 255, 255, 0.56);}
.list-popup .item form input:-moz-placeholder {color:rgba(255, 255, 255, 0.56);}
.list-popup .item form input:-ms-input-placeholder {color:rgba(255, 255, 255, 0.56);}
.list-popup .item form button {background: #fff; min-width: 240px; color: #000; margin-top: 0;}
.list-popup .item form button:hover {background: #000; color: #fff;}

button {outline: 0 !important; box-shadow: none;}


/*Страница Brif*/

.brif .section-header{
  margin-bottom: 70px;
}

.bg-black,
.bg-blue{
  color: #fff;
}

.bg-blue{
  background-color: #1950de;
}

.bg-blue input.form-control {color: #fff;}

.bg-black{
  background-color: #000;
}

.wpcf7-form{
  text-align: left;
  margin-bottom: 80px;
}

.wpcf7-form label{
  font-family: 'HelveticaMedium', sans-serif;
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 0;
}


.wpcf7-form .form-group{
  margin-bottom: 45px;
}

.wpcf7-form .form-control,
.wpcf7-form .form-control:focus{
  padding-left: 0;
  font-size: 17px;
  box-shadow: none !important;
  background-color: transparent;
}

.wpcf7-form .form-control{
	margin-top: 15px;
}

.wpcf7-form .form-check{
  padding-left: 0;
}

.wpcf7-form-control-wrap,
span.wpcf7-list-item{
  display: block;
  width: 100%;
}

.wpcf7-form .first.last label,
.wpcf7-form .form-check .wpcf7-list-item{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0 0 15px;
  width: 100%;
	margin-left: 0;
}

.wpcf7-form .first.last label input,
.wpcf7-form .form-check .wpcf7-list-item input{
  width: 34px;
  height: 34px;
  margin-bottom: 0;
  margin-right: 20px;
}

.wpcf7-form .form-check{
	margin-bottom: 20px;
}

.wpcf7-form .bg-white .form-control,
.wpcf7-form .bg-white .form-check label{
	border: none;
  border-bottom: 2px solid #000;
  border-radius: 0;
}

.wpcf7-list-item-label{
	font-size: 20px;
	text-transform: none;
}

.wpcf7-form .bg-blue .form-control,
.wpcf7-form .bg-black .form-control{
	border: none;
  border-bottom: 2px solid #fff;
  border-radius: 0;
}

.wpcf7-form .bg-blue .form-control {}
.wpcf7-form .bg-blue .form-control::-webkit-input-placeholder {color:rgba(255, 255, 255, 0.56);}
.wpcf7-form .bg-blue .form-control::-moz-placeholder {color:rgba(255, 255, 255, 0.56);}
.wpcf7-form .bg-blue .form-control:-moz-placeholder {color:rgba(255, 255, 255, 0.56);}
.wpcf7-form .bg-blue .form-control:-ms-input-placeholder {color:rgba(255, 255, 255, 0.56);}

.wpcf7-form .h3{
  margin-bottom: 30px;

}

.wpcf7-form .bg-blue .h2,
.wpcf7-form .bg-black .h2{
	color: #fff;
}

.wpcf7-form small{
	display: block;
	font-size: 20px;
	text-transform: none;
	margin-top: 7px;
	font-family: 'HelveticaRoman', sans-serif;
}

.wpcf7-form .h2 small{
	opacity: 0.3;
}

.bg-black{
	padding: 70px 0 40px;
/* 	margin-bottom: 50px; */
}

.bg-blue{
	padding: 40px 0 70px;
}

.bg-white{
	padding: 40px 0 0;
}

.wpcf7-form .bg-blue .first.last label,
.wpcf7-form .bg-black .first.last label{
	border-bottom: 2px solid #fff;
}

.wpcf7-submit {
	display: inline-block;
	color: #fff;
	font-size: 15px;
	font-family: 'HelveticaNeue',Arial,sans-serif;
	padding: 10px 40px;
	line-height: 1.55;
	font-weight: 400;
	border-width: 2px;
	border-radius: 40px;
	background-color: #000;
	background-position: center center;
	border-color: #000000;
	border-style: solid;
	-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
	width: auto;
}

.wpcf7-submit:hover{
	background-color: #fff;
	color: #000;
}

/* Стили чекбоксов и радиокнопок */

/* для элемента input c type="checkbox" */
.custom-checkbox input[type="checkbox"] {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

/* для элемента label, связанного с .custom-checkbox */
.custom-checkbox span.wpcf7-list-item-label {
  display: inline-flex;
  align-items: center;
  user-select: none;
}

/* создание в label псевдоэлемента before со следующими стилями */
.custom-checkbox span.wpcf7-list-item-label::before {
  content: '';
  display: inline-block;
  width: 34px;
  height: 34px;
  flex-shrink: 0;
  flex-grow: 0;
  border: 2px solid #000;
  margin-right: 0.5em;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
}

/* стили при наведении курсора на checkbox */
.custom-checkbox input[type="checkbox"]:not(:disabled):not(:checked)+span:hover::before {
  border-color: #1d1e1f;
}

/* стили для активного чекбокса (при нажатии на него) */
/* .custom-checkbox>input:not(:disabled):active+span::before {
  background-color: #b3d7ff;
  border-color: #b3d7ff;
} */

/* стили для чекбокса, находящегося в фокусе */
/* .custom-checkbox input[type="checkbox"]:focus+span::before {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
} */

/* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */
/* .custom-checkbox input[type="checkbox"]:focus:not(:checked)+span::before {
  border-color: #80bdff;
} */

/* стили для чекбокса, находящегося в состоянии checked */
.custom-checkbox input[type="checkbox"]:checked+span::before {
  background-color: #000;
  background-image: url("../img/downarr-w.svg");
}

/* стили для чекбокса, находящегося в состоянии disabled */
.custom-checkbox input[type="checkbox"]:disabled+span::before {
  background-color: #e9ecef;
}


/* для элемента input c type="radio" */
.custom-radio input[type="radio"] {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

/* для элемента label связанного с .custom-radio */
.custom-radio span.wpcf7-list-item-label {
  display: inline-flex;
  align-items: center;
  user-select: none;
}

/* создание в label псевдоэлемента  before со следующими стилями */
.custom-radio span.wpcf7-list-item-label::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  flex-grow: 0;
  border: 1px solid #fff;
  border-radius: 50%;
  margin-right: 0.5em;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
}

/* стили при наведении курсора на радио */
.custom-radio input[type="radio"]:not(:disabled):not(:checked)+span.wpcf7-list-item-label:hover::before {
  border-color: #b3d7ff;
}

/* стили для активной радиокнопки (при нажатии на неё) */
/* .custom-radio input[type="radio"]:not(:disabled):active+span.wpcf7-list-item-label::before {
  background-color: #b3d7ff;
  border-color: #b3d7ff;
} */

/* стили для радиокнопки, находящейся в фокусе */
/* .custom-radio input[type="radio"]:focus+span.wpcf7-list-item-label::before {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
} */

/* стили для радиокнопки, находящейся в фокусе и не находящейся в состоянии checked */
/* .custom-radio input[type="radio"]:focus:not(:checked)+span.wpcf7-list-item-label::before {
  border-color: #80bdff;
} */

/* стили для радиокнопки, находящейся в состоянии checked */
.custom-radio input[type="radio"]:checked+span.wpcf7-list-item-label::before {
  background-color: #0b76ef;
  }

/* стили для радиокнопки, находящейся в состоянии disabled */
.custom-radio input[type="radio"]:disabled+span::before {
  background-color: #e9ecef;
}


/* normalize start
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/* normalize end
   ========================================================================== */



/*  ====================== start about-first ==== */

.inner-btn .icon { position: relative; }

.inner-btn .icon::before { position: absolute; content: ''; top: 14px; right: 20px; background-image: url(../img/Group00.png); width: 11px; height: 11px; background-size: cover; background-position: center; background-repeat: no-repeat; }

.about-first .first-inner { margin-bottom: 42px; }

.about-first .first-title { font-size: 68px; line-height: 1.2; text-transform: uppercase; color: #000000; margin-bottom: 28px; }

.about-first .first-subtitle { font-size: 20px; line-height: 24px; color: #000000; }

.first-info { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 33px; }

.first-info svg { margin-bottom: 15px; }

.first-info .text { font-size: 20px; line-height: 24px; color: #000000; }

.about-first .text .first-img { margin: -140px auto 30px; }

.accordion .list, .plan .list { padding: 0 0 0 20px; }

.accordion .list li, .plan .list li { list-style: decimal; }

.accordion .list-items li { list-style: none; }

.importance { font-family: 'HelveticaNeue',Arial,sans-serif; padding: 50px 0;}

.head-content { text-align: left; }

.head-content .title { max-width: 650px; width: 100%; font-size: 44px; line-height: 1.1; text-transform: uppercase; color: #000000; margin-bottom: 28px; }

.head-content .text { padding-right: 110px; font-weight: normal; font-size: 20px; line-height: 24px; color: #000000; }

.importance .head-content { margin-bottom: 30px; }

.importance .items { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 41px; }

.importance .item { padding-left: 25px; padding-right: 20px; padding-bottom: 0px; font-size: 12px; line-height: 14px; color: #000000; border-left: 1px solid #000; }

.importance .item:first-child { padding-left: 0; border-left: none; }

.importance .item-list { margin-bottom: 0; list-style: none; padding-left: 0;}

.importance .item-list li:last-child {margin-top: 20px;}

.importance .inner-btn { display: -webkit-box; display: -ms-flexbox; display: flex; }

.importance .text-italick { max-width: 250px; width: 100%; font-style: italic; font-size: 14px; line-height: 20px; color: #000000; margin-bottom: 0;}

.importance .button-first { text-decoration: none; font-size: 16px; line-height: 19px; color: #FFFFFF; padding: 10px 48px 10px 25px; height: 44px; background-color: #0047FF; border: 3px solid #000000; border-radius: 40px; margin-left: 8px; -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out; }

.importance .button-first:hover { background-color: #000; color: #ffffff; }

.importance .statistics { padding-top: 60px; padding-bottom: 60px; border-left: 2px solid #000000; border-right: 2px solid #000000; text-align: center; }

.importance .statistics .number { font-size: 68px; line-height: 81px; color: #0D0D0D; margin-bottom: 19px; }

.importance .statistics .text { font-size: 16px; line-height: 20px; text-transform: uppercase; color: #000000; }

/*  ====================== start services-list ==== */

.services-list { padding: 50px 0px; }

.services-list .items { list-style: none; padding-left: 0; }

.services-list .item { font-size: 24px; line-height: 30px; text-transform: uppercase; color: #000000; position: relative; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }

.services-list .item::after { position: absolute; content: ''; width: 100%; height: 2px; background-color: #000; bottom: 0; left: 0; }

.services-list .item:hover { color: #fff; background-color: #000; padding-left: 15px; }

.services-list .button-first {display: inline-block; margin-top: 28px; padding: 9px 72px 12px; text-decoration: none; font-size: 16px; line-height: 19px; color: #FFFFFF; background-color: #0047FF; border: 3px solid #000000; border-radius: 40px; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }

.services__list-btn {border: none; background-color: #fff;  -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; display: block; width: 100%; height: 61px; text-align: left;}

.services-list .item:hover .services__list-btn{color: #fff; background-color: #000;}

.services-list .button-first:hover { background-color: #000; color: #ffffff; }

/* ====================== start strategy ==== */

.strategy .head-content .title { margin-bottom: 50px; }

.strategy { padding: 50px 0; }

.strategy .card-inner:nth-child(even) .card:hover { -webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); /*-webkit-box-shadow: 1px 23px 50px #000; box-shadow: 1px 23px 50px #000;*/ }

.strategy .card:hover { -webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); -webkit-box-shadow: 1px 23px 50px #0047FF; box-shadow: 1px 23px 50px #0047FF; }

.strategy .card {height: 100%; padding: 37px; background-color: #0047FF; border-radius: 30px; color: #FFFFFF; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; will-change: transform; }

.strategy .card .number {will-change: transform; font-size: 14px; line-height: 30px; text-transform: uppercase; margin-bottom: 8px; }

.strategy .card .caption {will-change: transform; font-size: 28px; line-height: 30px; margin-bottom: 18px; }

.strategy .card li {will-change: transform; font-size: 12px; line-height: 17px; }

.strategy .card .items{padding-left: 0; list-style: none; }

.strategy .card-inner:nth-child(even) .card { background-color: #000; height: 100%; padding: 37px; border-radius: 30px; color: #FFFFFF; }

.strategy .box { margin-top: 60px; margin-bottom: 137px; }

.strategy .box p { font-size: 20px; line-height: 24px; color: #000000; margin-bottom: 20px; }

.strategy .box .item { height: 122px; border: 2px solid #000000; border-radius: 30px; padding-left: 30px; }

.strategy .box .item .number { font-size: 68px; line-height: 81px; color: #0D0D0D; }

.strategy .box .item .text { font-size: 16px; line-height: 20px; text-transform: uppercase; color: #000000; }

.strategy .box .item:last-child { border: 2px solid #0047FF; }

.strategy .comment .photo { text-align: center; width: 190px; height: 190px; border-radius: 50%; display: block; position: relative; margin-bottom: 17px; }

.strategy .comment .photo::after { position: absolute; content: ''; top: 0; left: -20px; background-color: #0047FF; width: 190px; height: 190px; border-radius: 50%; display: block; z-index: 1; overflow: hidden; }

.strategy .comment img { width: 190px; height: 190px; border-radius: 50%; display: block; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; z-index: 3; }

.strategy .comment .name { text-align: center; font-size: 18px; line-height: 30px; text-transform: uppercase; color: #000000; }

.strategy .comment .specialty { text-align: center; font-size: 12px; line-height: 30px; text-transform: uppercase; color: #000000; }

.strategy .comment .text { margin-left: 47px; margin-bottom: 30px; font-size: 24px; line-height: 28px; color: #000000; position: relative; }

.strategy .comment .text::before { position: absolute; width: 85px; height: 75px; content: ''; background-image: url(../img/fad.png); display: block; background-size: cover; background-position: center; background-repeat: no-repeat; top: -100px; left: 0; }


/* ====================== start statistics ==== */
.statistics { padding: 50px 0; }

.statistics .head-content .title { margin-bottom: 43px; }

.statistics .row > div:first-child .item::before { content: none; }

.statistics .item { color: #000000; padding-top: 85px; padding-right: 15px; padding-left: 17px; padding-bottom: 10px; position: relative; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; }

.statistics .item:hover { color: #fff; background-color: #000; }

.statistics .item::before { position: absolute; content: ''; left: 0; top: 0; width: 2px; height: 100%; background-color: #000; }

.statistics .item .headline { font-size: 20px; line-height: 24px; margin-bottom: 30px; }

.statistics .item .headline span { font-size: 68px; line-height: 81px; padding: 0 10px; }

.statistics .item .text { font-size: 20px; line-height: 24px; margin-bottom: 0; }

.statistics .inner-btn { margin-top: 59px; }

.statistics .button-first {display: inline-block; text-decoration: none; font-size: 16px; line-height: 19px; color: #000000; border: 3px solid #000000; border-radius: 40px; padding: 10px 35px 10px 35px; margin-right: 14px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.statistics .button-first:hover { color: #fff; background-color: #000; }

.statistics .button-second {display: inline-block; text-decoration: none; font-size: 16px; line-height: 19px; color: #FFFFFF; background: #0047FF; border: 3px solid #000000; border-radius: 40px;     padding: 10px 48px 10px 25px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.statistics .button-second:hover { color: #fff; background-color: #000; }


/* ====================== start development ==== */

.development { padding: 50px 0; }

.development .tab-content .tab-pane:nth-child(even) > div > div .item-left { background-color: #000; }

.development .head-content { margin-bottom: 60px; }

.development .head-content .title { margin-bottom: 0; }

.development .accordion-link.active { color: #0047FF; border: 2px solid #0047FF; }

.development .accordion-link.active:hover { color: #0047FF; border: 2px solid #0047FF; background-color: #fff; }

.development .accordion-link { font-size: 16px; line-height: 19px; color: #000000; border: 2px solid #050505; border-radius: 40px; margin-right: 10px; padding: 11px 26px 12px 13px; text-decoration: none; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; display: inline-block;}

.development .accordion-link span { margin-right: 7px; }

.development .accordion-link:hover { color: #fff; background-color: #000; border: 2px solid #000; }

.development .accordion-nav { padding-bottom: 17px; }
.development .accordion-item{margin-bottom: 15px;}

.development .item-left { background: #0047FF; border-radius: 30px; padding: 23px 20px 29px 34px; color: #FFFFFF; }

.development .item-left .number { font-size: 14px; line-height: 30px; text-transform: uppercase; margin-bottom: 8px; }

.development .item-left .caption { font-size: 28px; line-height: 30px; text-transform: uppercase; margin-bottom: 26px; }


.development .item-left .list-items {padding-left: 0; margin-top: 10px; color: rgba(255, 255, 255, 0.7); -webkit-columns: 2; -moz-columns: 2; columns: 2; }

.development .item-left .list-items li { position: relative; margin-right: 10px; }

.development .item-left .list-items li::before { position: absolute; content: ''; left: -20px; top: 8px; width: 12px; height: 1px; background-color: rgba(255, 255, 255, 0.7); }


.development .item-left .list li { font-size: 15px; line-height: 19px; margin-bottom: 6px; }

.development .item-right { border: 2px solid #000000; -webkit-filter: drop-shadow(0px 4px 48px rgba(0, 0, 0, 0.2)); filter: drop-shadow(0px 4px 48px rgba(0, 0, 0, 0.2)); border-radius: 30px; height: 100%; background-size: cover !important; background-color: #fff;}

/* ====================== start stages ==== */

.stages { padding: 40px 0; }

.stages .box { border: 2px solid #000000; /*-webkit-filter: drop-shadow(0px 4px 48px rgba(0, 0, 0, 0.2)); filter: drop-shadow(0px 4px 48px rgba(0, 0, 0, 0.2));*/ border-radius: 30px; height: 100%;position: relative; overflow: hidden;}
.stages .box video, .plan .box video {    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;}
.stages .box .img, .plan .box .img {position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; background-size: contain;}



.stages .content { padding-top: 20px; padding-bottom: 20px; }

.stages .head-content .title { margin-bottom: 40px; }

.stages .head-content .subtitle { margin-bottom: 30px; font-size: 24px; line-height: 30px; text-transform: uppercase; color: #000000; }

.stages .head-content .text { margin-bottom: 15px; font-size: 20px; line-height: 24px; font-weight: 500; color: #000000; padding-right: 0; }

.stages .content-box { margin-bottom: 25px; }

.stages .content-box .text { font-size: 20px; line-height: 24px; color: #000000; }

.stages .button-first { display: inline-block; text-decoration: none; font-size: 16px; line-height: 19px; color: #fff; background-color: #0047FF; border: 3px solid #000000; border-radius: 40px; padding: 10px 48px 10px 25px; margin-right: 14px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.stages .button-first:hover { color: #fff; background-color: #000; }

/* ====================== start plan ==== */

.plan { padding: 40px 0; }

.plan .head-content .title { padding-top: 20px; margin-bottom: 27px; }

.plan .content-box { padding: 38px 30px 15px 30px; background: #000000; border: 2px solid #000000; border-radius: 30px; color: #fff; }

.plan .content-box .caption { font-size: 24px; line-height: 134%; text-transform: uppercase; margin-bottom: 33px; }

.plan .content-box .list li { font-size: 15px; line-height: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 22px; }

.plan .content-box .list span { margin-right: 5px; }

.plan .content-box .list p { margin-bottom: 0; }

.plan .box { border: 2px solid #000000; -webkit-filter: drop-shadow(0px 4px 48px rgba(0, 0, 0, 0.2)); filter: drop-shadow(0px 4px 48px rgba(0, 0, 0, 0.2)); border-radius: 30px; height: 100%; }

/* ====================== start cooperation ==== */
.cooperation{padding: 75px 0 50px;}

.cooperation .head-content .title { margin-bottom: 15px; max-width: 1000px; }

.cooperation .inner-btn { width: 100%; }

.cooperation .button-first { margin-left: auto; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 8px 26px 11px 26px; width: 271px; text-decoration: none; background: #030303; border: 3px solid #000000; border-radius: 40px; font-size: 16px; line-height: 19px; color: #FFFFFF; margin-bottom: 21px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; display: flex; }

.cooperation .button-first:hover svg rect { fill: #000; }

.cooperation .button-first svg rect { -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; fill: #fff; }

.cooperation .button-first:hover { color: #000; background-color: #fff; }

.cooperation .row > div:first-child > .item::before { content: none; }

.cooperation .row > div:first-child > .item { padding-left: 15px; }

.cooperation .row > div:first-child > .item .number { padding-left: 15px; }

.cooperation .item { font-size: 20px; line-height: 24px; color: #000; height: 219px; position: relative; padding-left: 30px; padding-right: 30px; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }

.cooperation .item:hover { color: #fff; background-color: #000; }

.cooperation .item path { fill: #000; }

.cooperation .item:hover path { fill: #fff !important; }

.cooperation .item:hover .caption { padding-top: 60px; color: #fff; }

.cooperation .item::before { position: absolute; content: ''; height: 100%; width: 2px; background-color: #000; left: 0; top: 0; }

.cooperation .item .caption { padding-top: 29px; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; color: #000; }

.cooperation .item .number { position: absolute; bottom: 17px; left: 0; padding: 0 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; }

.cooperation .item svg { width: 38px; height: 15px; margin-bottom: 4px; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }

/* ====================== start price ==== */

.price { padding: 50px 0; }

.price p { padding-right: 15px; margin-bottom: 15px; font-size: 20px; line-height: 24px; color: #000000; }

.price .button-first {display: inline-block; margin-top: 15px; text-decoration: none; font-size: 16px; line-height: 19px; color: #fff; background-color: #0047FF; border: 3px solid #000000; border-radius: 40px; padding: 9px 38px 12px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.price .button-first:hover { color: #fff; background-color: #000; }


/* ====================== start result ==== */

.result .head-content .title { max-width: 900px; }

.result .item { height: 100%; border: 1px solid #000000; border-radius: 30px; padding: 29px; color: #000; position: relative; transition: all .3s;}

.result .item:hover { -webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); -webkit-box-shadow: 2px 1px 15px #000; box-shadow: 2px 1px 15px #000; }

.result .item.dark { color: #fff; background-color: #000; }

.result .item .number { font-size: 14px; line-height: 30px; text-transform: uppercase; margin-bottom: 8px; }

.result .item .caption { font-size: 28px; line-height: 30px; margin-bottom: 19px; }

.result .item .text { font-size: 12px; line-height: 17px; }

.result .box { border: 1px solid #000000; border-radius: 30px; padding: 26px; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end;  position: relative; overflow: hidden;}
.result .box .img {position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 75%; background-size: contain;}

.result .box .inner-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; }

.result .box .button-first { text-decoration: none; font-size: 16px; line-height: 19px; color: #fff; background-color: #0047FF; border: 3px solid #000000; border-radius: 40px; padding: 9px 12px 12px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.result .box .button-first:hover { color: #fff; background-color: #000; }

.result .box .button-second { text-decoration: none; font-size: 16px; line-height: 19px; color: #000; border: 3px solid #000000; border-radius: 40px; padding: 9px 12px 12px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.result .box .button-second:hover { color: #fff; background-color: #000; }

/* ====================== start footer-form ==== */

.footer-form .form-inner { background-color: #0047ff; border-radius: 30px; padding: 48px 50px 33px 26px; }

.footer-form .head-content .title { max-width: 1000px; }

.footer-form .form-inner .form-link { margin-top: 54px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.footer-form .form-inner .form-link button { margin-right: 22px; margin-bottom: 15px; display: inline-block; background-color: #FFFFFF; border: 2px solid #000000; border-radius: 40px; padding: 9px 36px 12px; font-size: 16px; line-height: 19px; color: #000000; }

.footer-form .form-inner .form-link button:hover { color: #fff; background-color: #000; }

.footer-form .form-inner .form-link .text { color: #fff; max-width: 210px; width: 100%; font-size: 12px; line-height: 16px; color: rgba(255, 255, 255, 0.5); margin-bottom: 15px; }

.footer-form .form .form-item { color: #FFFFFF; margin-bottom: 13px;}

.footer-form .form .form-item .number { font-size: 14px; line-height: 30px; text-transform: uppercase; }

.footer-form .form .form-item .text { font-size: 20px; line-height: 24px; }

.footer-form .form .form-item .form-line { margin-top: 25px; }

.footer-form .form .form-item input { background-color: inherit; color: rgba(255, 255, 255, 0.5); font-size: 17px; line-height: 20px; border-bottom: 2px solid rgba(255, 255, 255, 0.5); }

.footer-form .form .form-item ::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5); text-transform: none; }

.footer-form .form .form-item ::-moz-placeholder { color: rgba(255, 255, 255, 0.5); text-transform: none; }

.footer-form .form .form-item :-moz-placeholder { color: rgba(255, 255, 255, 0.5); text-transform: none; }

.footer-form .form .form-item :-ms-input-placeholder { color: rgba(255, 255, 255, 0.5); text-transform: none; }

/* ====================== start form-2 ==== */

.form-2 .inner { background-color: #000; padding-top: 90px; padding-bottom: 90px; }

.form-2 .inner .head-content .img { margin-bottom: 39px; }

.form-2 .inner .head-content .title { color: #fff; margin-bottom: 15px; }

.form-2 .inner .head-content .text { color: #fff; margin-bottom: 38px; font-size: 17px; line-height: 20px; }

.form-2 .form input { background-color: inherit; color: rgba(255, 255, 255, 0.5); font-size: 17px; line-height: 20px; border-bottom: 2px solid rgba(255, 255, 255, 0.5); }

.form-2 .form input::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5); text-transform: none; }

.form-2 .form input::-moz-placeholder { color: rgba(255, 255, 255, 0.5); text-transform: none; }

.form-2 .form input:-moz-placeholder { color: rgba(255, 255, 255, 0.5); text-transform: none; }

.form-2 .form input:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5); text-transform: none; }

.form-2 .form-link { margin-top: 34px; }

.form-2 button { display: inline-block; background: #0047FF; border: 2px solid #FFFFFF; border-radius: 40px; font-size: 16px; line-height: 19px; color: #fff; text-align: center; padding: 8px 30px 12px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.form-2 button:hover { color: #fff; background-color: #000; }












/*Perfomance*/
/*#1*/
.perfomance-block-1 {padding-top: 40px;}
.perfomance-block-1 .title {font-weight: normal; font-size: 44px; line-height: 52px; text-transform: uppercase; color: #000000; margin-bottom: 25px;}
.perfomance-block-1 .note, .strategy p.note {font-weight: normal; font-size: 20px; line-height: 24px; color: #000000; margin-bottom: 50px;}

.perfom-cont-1 {}
.perfom-cont-1 .row {max-width: 600px;}
.perfom-cont-1 .item {margin-bottom: 25px;}
.perfom-cont-1 .item .numb {font-size: 14px; line-height: 30px; text-transform: uppercase; color: #000000; margin-bottom: 8px;}
.perfom-cont-1 .item .title-2 {font-weight: normal; font-size: 28px; line-height: 30px; color: #000000; margin-bottom: 8px;}
.perfom-cont-1 .item p {font-weight: normal; font-size: 12px; line-height: 14px; color: #000000; max-width: 180px;}

.perfom-cont-1 .descs {font-weight: normal; font-size: 16px; line-height: 20px; text-transform: uppercase; color: #000000; border: solid #000000; border-width: 0 1px; padding-left: 50px; padding-right: 50px;}


/*#2*/
.strategy .perfomcont-2 .card {padding-left: 25px; padding-right: 25px; padding-bottom: 15px;}
.strategy .perfomcont-2 .card li {font-size: 15px; line-height: 20px;}
.comment-perfom {padding-top: 110px;}
.comment-perfom .text {margin-top: 100px;}


/*#3*/
.perfomance-block-3 {padding-top: 30px;}
.perfomance-block-3 .title {font-weight: normal; font-size: 44px; line-height: 52px; text-transform: uppercase; color: #000000; margin-bottom: 25px;}
.perfomcont-3 {margin-bottom: 30px;}
.perfomcont-3 .item {border: 2px solid #000000; border-radius: 30px; padding: 22px 40px; margin-bottom: 20px; min-height: 125px;}
.perfomcont-3 .item > .row {min-height: 80px;}
.perfomcont-3 .item img,
.perfomcont-3 .item svg {}
.perfomcont-3 .item p {font-weight: normal; font-size: 15px; line-height: 18px; color: #000000; margin: 0;}
.perfomance-block-3 .btn-order {background: #0047FF; border: 3px solid #000000; border-radius: 40px;font-size: 16px; line-height: 19px; color: #fff; text-align: center; max-width: 240px; display: block; padding: 10px 25px; margin-bottom: 30px; margin-left: auto; margin-right: auto;}
.perfomance-block-3 .btn-order:hover {background: #000; color: #fff; text-decoration: none;}


.perfomance-block-3 .chema {background: #000000; padding: 80px 60px; margin-top: 80px;}
.perfomance-block-3 .chema .title {font-weight: normal; font-size: 44px; line-height: 52px; text-transform: uppercase; color: #fff; margin-bottom: 32px;}
.perfomance-block-3 .chema .text {font-weight: 300; font-size: 22px; line-height: 144%; color: #FFFFFF; border: 2px solid #FFFFFF; border-radius: 30px; padding: 25px 25px 25px 45px; margin-bottom: 30px;}
.perfomance-block-3 .chema .work-not {font-weight: 500; font-size: 44px; line-height: 54px; text-transform: uppercase; color: #0047FF;}
.perfomance-block-3 .chema .desc {font-style: normal; font-weight: 300; font-size: 20px; color: #fff; line-height: 26px; margin-bottom: 20px;}
.perfomance-block-3 .chema .btn-order {background: #fff; color: #000; border: 3px solid #fff; margin-left: 0; margin-right: 0; width: 100%;}
.perfomance-block-3 .chema .btn-order:hover {background: #0047FF; color: #fff;}


/*#4*/
.perfomcont-4 {}
.perfomcont-4 p {font-size: 14px; line-height: 17px; margin-bottom: 25px;}
.perfomcont-4 ul {list-style: none; padding: 0 0 0 15px;}
.perfomcont-4 ul li {font-size: 12px; line-height: 14px; color: #000000; padding-left: 20px; position: relative; margin-bottom: 20px;}
.perfomcont-4 ul li:before {content: ''; background: #0047FF; width: 8px; height: 8px; border-radius: 100px; display: block; position: absolute; top: 0; margin-top: 0; left: 0;}


/*#5*/
.perfomcont-5 {}
.perfomcont-5 .desc-traffic {font-weight: 500; font-size: 24px; line-height: 29px; text-transform: uppercase; color: #0047FF; margin-top: 50px; margin-bottom: 50px;}
.perfomcont-5 .desc-traffic > div { border: solid #0047FF; border-width: 0 1px; padding-left: 50px; padding-right: 50px; padding-top: 10px; padding-bottom: 10px; display: table; max-width: 470px;}
.perfomcont-5 .btn-order {background: #0047FF; border: 3px solid #000000; border-radius: 40px;font-size: 16px; line-height: 19px; color: #fff; text-align: center; max-width: 280px; display: block; padding: 10px 25px; margin-bottom: 30px; margin-left: 50px}
.perfomcont-5 .btn-order:hover {background: #000; color: #fff; text-decoration: none;}


/*#6*/
.strategy .perfomcont-6 .card {border-radius: 0; box-shadow: none !important;}
.strategy .perfomcont-6 > div.card-inner:nth-child(even) .card {border-radius: 0;}
.strategy .perfomcont-6 .card li {font-size: 15px; line-height: 20px; margin-bottom: 10px;}

.strategy .perfomcont-6 > div.card-inner:nth-child(1) .card {border-radius: 30px 0px 0px 0px;}
.strategy .perfomcont-6 > div.card-inner:nth-child(4) .card {border-radius: 0 30px 0 0;}
.strategy .perfomcont-6 > div.card-inner:nth-child(5) .card {border-radius: 0 0 0 30px;}
.strategy .perfomcont-6 > div.card-inner:nth-child(8) .card {border-radius: 0 0 30px 0;}


.strategy .perfomcont-6 > div.card-inner:nth-child(1) .card,
.strategy .perfomcont-6 > div.card-inner:nth-child(8) .card {border: 2px solid #000; background: #fff; color: #000;}

.strategy .perfomcont-6 > div.card-inner:nth-child(2) .card,
.strategy .perfomcont-6 > div.card-inner:nth-child(7) .card {background: #0047FF; border: 2px solid #0047FF; clear: #fff;}

.strategy .perfomcont-6 > div.card-inner:nth-child(3) .card,
.strategy .perfomcont-6 > div.card-inner:nth-child(6) .card {border: 2px solid #0047FF; background: #fff; color: #0047FF;}

.strategy .perfomcont-6 > div.card-inner:nth-child(4) .card,
.strategy .perfomcont-6 > div.card-inner:nth-child(5) .card {background: #000; border: 2px solid #000; clear: #fff;}


.perfomance-accordion.development .accordion-link {font-size: 13px; padding-left: 12px; padding-right: 12px;}
.perfomance-accordion.development .head-content {margin-bottom: 30px; border-bottom: 2px solid #000; padding-bottom: 30px;}

.perfomance-accordion.development .item-left .list-items {columns: 1; -webkit-columns: 1;}
.perfomance-accordion.development .item-left .list-items li::before {width: 8px; height: 8px; top: 4px; border-radius: 100%; background: #fff;}


/*#7*/
.perfomance-block-7 {padding-top: 40px;}
.perfomance-block-7 .head-perfom7 {border-bottom: 2px solid #000000; margin-bottom: 20px;}
.perfomance-block-7 .title {font-weight: normal; font-size: 44px; line-height: 52px; text-transform: uppercase; color: #000000; margin-bottom: 25px;}
.perfomance-block-7 p.note {font-weight: normal; font-size: 20px; line-height: 24px; color: #000000; margin-bottom: 30px; max-width: 700px}


.perfomcont-7 {max-width: 450px;}
.perfomcont-7 p {font-size: 20px; line-height: 28px; margin-bottom: 15px;}
.perfomcont-7 ul {list-style: none; padding: 0 0 0 15px;}
.perfomcont-7 ul li {font-size: 20px; line-height: 28px; color: #000000; padding-left: 20px; position: relative; margin-bottom: 20px;}
.perfomcont-7 ul li:before {content: ''; background: #0047FF; width: 8px; height: 8px; border-radius: 100px; display: block; position: absolute; top: 10px; margin-top: 0; left: 0;}



/*#8*/
.perfomance-block-8 {padding-top: 40px; padding-bottom: 40px;}
.perfomance-block-8 .title {font-weight: normal; font-size: 44px; line-height: 52px; text-transform: uppercase; color: #000000; margin-bottom: 25px;}
.perfomance-block-8 p.note {font-weight: normal; font-size: 20px; line-height: 28px; color: #000000; margin-bottom: 50px; max-width: 700px}

.kri-block {}
.kri-block .item {}
.kri-block .item .black-text {background: #000000; border: 2px solid #000000; font-weight: normal; font-size: 68px; line-height: 81px; color: #FFFFFF; padding: 25px 30px 30px; margin-bottom: 35px;}
.kri-block .item .black-text span {display: block; font-weight: normal; font-size: 16px; line-height: 20px; text-transform: uppercase; color: #FFFFFF;}
.kri-block .item p {font-weight: normal; font-size: 14px; line-height: 18px; color: #000000; margin: 0; white-space: nowrap; position: relative;}
.kri-block .item p:after {content: ''; display: block; width: 2px; height: 26px; position: absolute; bottom: -4px; right: 0; background: rgba(0, 0, 0, 0.9);}

.kri-block > .row > div:nth-child(3) .item p:after {display: none;}








/*Media*/


@media only screen and (max-width: 992px) {
	/**/
	.kace .link-email, .kace .social-icon{
		display: block;
	}

  .page-template-page-cases .project .item-project .block-content .content .item-content:nth-child(3) {
    margin-top: 40px;
  }

  header .row {
    display: flex;
    justify-content: space-evenly;
  }

  header .row .col-md-2 {
    max-width: 35.666667%;
  }

  header .row .col-md-10 {
    max-width: 60.333333%;
  }
}


@media only screen and (max-width: 480px) {
	/**/


	.kace .social-icon a{
		padding: 10px 25px;
		text-align: center;
	}

	.kace .block-list{
		margin-bottom: 0;
	}

	.block-list a{
		text-align: center;
	}
  .footer-form .form .form-item .text { font-size: 18px; line-height: 22px; }
  .footer-form .form .form-item .form-line { margin-top: 22px; }
  .footer-form .form-inner .form-link { margin-top: 25px; }
}






/*==========  Desktop First Method  ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width: 1700px) {
  /**/
}

@media only screen and (max-width: 1600px) {
  /**/
}

@media only screen and (max-width: 1500px) {
  /**/
}

@media only screen and (max-width: 1400px) {
  /**/
}

@media only screen and (max-width: 1350px) {
  /**/
}

@media only screen and (max-width: 1200px) {
  /**/
  .queshtins img {
    display: block;
    width: 100%;
  }

  .top-banner .link-contackt a:last-child {
    margin-top: 15px;
  }

  .job .row .col-lg-2 {
    max-width: initial !important;
  }

  .advantages .item-advantages {
    height: 100%;
  }

  .project .item-project .block-content {
    padding: 35px;
  }

  .project .item-project .block-content .title {
    font-size: 40px;
  }

  .cooperation .wrap-item-cooper {
    height: 240px;
  }
}

@media (max-width: 1199px) { .about-first .text .first-img { margin: -120px auto 30px; }
  .result .box .inner-btn { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .result .box .button-first { max-width: 250px; display: inline-block; margin: 0 auto; height: 100%; margin-bottom: 15px; }
  .result .box .button-second { max-width: 250px; display: inline-block; margin: 0 auto; height: 100%; } 
}


/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {
  .about-first .first-title { font-size: 70px; }
  .head-content .title { font-size: 60px; }
  .about-first .text .first-img { margin: -80px auto 30px; }
  .importance .inner-btn { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .importance .text-italick { max-width: 200px; padding-right: 10px; margin-bottom: 0; }
  .statistics .item::before { display: none; }
  .importance, .services-list, .strategy, .statistics, .development, .stages, .plan, .cooperation, .price, .result { padding: 50px 0; }
  .advantages .item-advantages {
    padding: 50px 10px 20px;
  }
  .cooperation .wrap-item-cooper {
    height: 300px;
  }

  .footer {
    padding: 50px 0 30px;
  }
	
	
	/*Perfomance*/
	.page-template-page-perfomance .about-first .text a.btn-cases {margin-left: 5px;}
	.page-template-page-perfomance .about-first .text .first-img {margin-top: 0 !important;}
	div.perfom-cont-1 .descs {border-width: 1px; padding-top: 25px; padding-bottom: 25px; border-radius: 30px; margin-top: 20px; margin-bottom: 20px;}
	div.comment-perfom {padding-top: 50px;}
	div.comment-perfom .text {margin-top: 40px;}
	section.perfomance-block-3 .chema {margin-left: -15px; margin-right: -15px; padding: 40px 25px;}
	.perfomance-block-3 .chema .work-not {margin-bottom: 20px;}
	section.strategy .perfomcont-6 .card {border-radius: 0 !important;}
	div.kri-block .item p {text-align: center;}
	div.kri-block .item {margin-bottom: 30px;}
	div.kri-block .item p:after {display: none; opacity: 0;}
  .list-brands .item img {
    max-width: 100% !important;
  }

  .project .item-project .block-content {
    padding: 35px 25px;
  }

  .project .item-project .block-content .title {
    font-size: 30px;
  }

  .project .item-project .block-content .title svg {
    width: 20px;
  }

  .project .item-project .block-content .content > div {
    width: 50%;
  }

  .project .item-project .block-content .content > div:last-child {
    width: 100%;
  }

  .project .item-project .block-content .block-name {
    min-height: initial !important;
    margin-bottom: 7px;
  }

	
  /**/
  /*.img-header {
    display: none;
  }*/
  .h1 {
    font-size: 70px;
  }
  .h1 svg {
    display: none;
  }
  .h2 {
    font-size: 60px;
  }
  .top-banner {
    padding-top: 80px;
  }
  section {
    padding: 50px 0;
  }
  .grounding .row > div {
    margin-bottom: 20px;
  }
  .grounding .ekonomi .wrap-button {
    margin-top: 50px;
  }

  .grounding .ekonomi .content{
  	font-size: 14px;
  	line-height: 1.5;
  	padding-right: 30px;
  }
  .grounding .link-usluga {
    display: block;
    padding: 10px 10px;
    text-align: center;
  }
  .queshtins img {
    margin-bottom: 30px;
  }

  .team .caption{
  	margin-bottom: 30px;
  }

  .d-lg-block{
    display: block;
  }

  .wrap-list-uslugi{
    display: none;
  }
  .wrap-list-uslugi.mobile{
    display: block;
    padding-bottom: 70px;
  }

  .uslugi .wrap-list-uslugi .list-uslugi li{
    font-size: 16px;
  }

  .wrap-list-uslugi.mobile .link-contackt{
    display: block;
    text-align: center;
  }

  .form-queshtion{
    padding-left: 0;
  }

  .list-desctop,
  .link-email,
  .social-icon{
    display: none;
  }

  .list-mobile,
  .link-phone.mobile,
  .link-email.mobile,
  .block-1 .social-icon.mobile{
    display: block;
  }

  .block-list{
    height: auto;
    margin-bottom: 50px;
  }

  .block-0{
    flex-direction: row;
  }

  .block-0 ul{
    flex-basis: 45%;
    margin-bottom: 0;
  }

  .link-email.mobile{
	font-size: 21px;
	text-align: left;
	text-decoration: none;
	font-weight: 300;
	display: table;
	border-bottom: 1px solid #ffffff57;
	padding-bottom: 10px;
	margin-bottom: 15px;
	width: min-content;
  }

  .block-1{
    text-align: center;
  }

  .social-icon.mobile{
    margin: 20px auto 0;
    text-align: center;
    width: auto;
  }

  .block-2{
    position: relative;
    height: 100px;
    justify-content: flex-end;
    padding-bottom: 20px;
  }

  .block-2 .block-icon{
    position: absolute;
    width: 100px;
    height: 100px;
    top: 0;
    left: 0;
  }
	

  .block-2 span,
  .block-2 a{
    padding-left: 115px;
  }

  .block-2 a{margin-top: 20px;}

  .wrap-footer-content-left{
    padding-bottom: 50px;
  }

  .list-brands{
    text-align: center;
  }

  .list-brands .item{
    display: inline-block;
    vertical-align: top;
  }

  .list-brands .item:first-child{
    margin-bottom: 0;
  }

  .list-brands .item img{
    margin-bottom: 30px;
  }

}



/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
	
  .about-first .first-title { font-size: 50px; }
  .head-content .title { font-size: 50px; }
  .importance .inner-btn { margin-bottom: 30px; }
  .importance .text-italick { max-width: 250px; }
  .strategy .comment .text::before { top: -10px; left: -70px; width: 57px; height: 50px; }
  .development .item-right { height: 300px; background-size: contain !important;}
  .development .item-left { margin-bottom: 15px; }
/*  .development .item-right, .stages .box, .plan .box { display: none; }*/
  .cooperation .item::before { height: 2px; width: 100%; }
  .cooperation .row > div:last-child > .item::after { position: absolute; content: ''; height: 2px; width: 100%; 	background-color: #000; left: 0; bottom: 0; } 
  .strategy .box { margin-top: 15px; margin-bottom: 50px; } 
  
  header .row .col-md-2 {
    max-width: 100%;
  }

	.top-banner .link-contackt a:last-child {
    margin: 0;
  }

  .job .row .col-lg-2 {
    max-width: 40% !important;
  }

  .cooperation .wrap-item-cooper {
    height: 170px;
  }

  .cooperation .border-decor {
    padding: 0;
  }

  .project .item-project .block-content .content > div:last-child {
    margin-top: 32px;
  }
	
	
	
	div#modalPopUp .modal-content {padding-left: 25px; padding-right: 25px;}
	div#modalPopUp .title {font-size: 32px; line-height: 40px;}
	
	div.modal .modal-content {padding: 30px 25px; }
	div.modal .modal-content .title {font-size: 32px; line-height: 40px;}
	div.modal p {font-size: 16px; line-height: 22px; margin-bottom: 20px;}
	div.modal p br {display: none;}
	
	div.link-contackt a:not(.link-social):nth-child(n+2) {margin-left: 0;}
	
  /**/
  .h2 {
    font-size: 50px;
  }

	form.form-queshtion button {width: 100%; margin: 0;}

	section.brands {padding-top: 40px;}
	section.brands h2.h2 {margin-bottom: 0;}

	section.brands .list-brands > .item > div {width: 50%; height: 85px;}

	section.project .item-project .block-content {padding: 45px 15px 25px 15px;}
	section.project .item-project .block-content .block-name {font-size: 13px; min-height: 28px;}
	section.project .item-project .block-content .block-text {font-size: 18px;}
	
	
	section.cooperation .border-decor:nth-child(9){background: none; }
	div.block-2 span, div.block-2 a {padding-left: 0;}
	#footer p.copirayt {position: inherit;
    left: inherit;
    padding-top: 25px;
    text-align: left;
    font-weight: 300;
    height: auto;
    max-width: 100%;
    width: 100%;
    padding-bottom: 0;}

	div.block-list {margin-bottom: 25px;}
	div.block-2 {height: auto; }

  .project .item-project {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
	  margin: 0 -15px;
  }
  .project .item-project:nth-child(2n) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .img-header{
    display: none;
  }
  .img-header-mobile{
    display: block;
    text-align: center;
  }

  .top-banner{
    padding-top: 30px;
  }
	
	a.logo {margin-bottom: 20px; display: block; text-align: center;}
	
	
	
	
	
	section.about-first {padding-top: 50px;}
	section.about-first h1, .about-we h2, .why-we-google h2, .work-steps h2, .start-work h2 {font-size: 36px; line-height: 43px;}
	section.about-first .text img {margin: 20px auto 30px;}
	div.why-we {margin-top: 0;}
	div.why-we .item {padding-left: 0;}
	div.why-list-google .item {min-height: auto;}
	div.why-list-google .item .title .name {font-size: 22px;}
	div.why-list-google .item .text {padding-bottom: 20px;}
	
	div.steps-accordion {margin-left: -15px; margin-right: -15px;} 
	
	section.about-first h1 {text-transform: inherit; line-height: 37px; margin-bottom: 40px; font-size: 32px;}
	
	
	section.why-it-work {padding-top: 50px;}
	section.form-calc-block .form-calc p br {display: none;}
	div.why-it-list .item {margin-bottom: 20px;}
	div.why-it-list .item .text .title {font-size: 22px; margin-bottom: 15px;}
	section.brands h2.h2 br {display: none;}
	div.logo-form {text-align: center; margin-top: 20px;}
	
	

  div.link-contackt{
/*    display: none;*/
	  text-align: center;
  }
	div.link-contackt a {padding: 10px 14px; margin-bottom: 10px;}

  .link-contackt.mobile{
    display: block;
    margin-top: 30px;
    text-align: center;
  }

  .link-contackt.mobile a{
    background-color: #1950de;
    color: #fff;
    padding: 10px 87px !important;
  }

  .link-contackt.mobile a:hover{
    background-color: #000;
  }

 .h1{
    margin-top: 50px;
  }

  .wrap-link-social{
    display: flex;
    justify-content: space-between;
  }

  .advantages .col-md-3:nth-child(2){
    border-right: none;
  }

  .team .wrap-team-text{
    min-height: 140px;
  }

  .wrap-team-text .descr{
    display: none;
  }

  .team img{
    width: 100%;
/*    height: 270px;*/
  }

  .team .link-contackt.mobile a{
    width: 240px;
  }

  .team .link-contackt.mobile a:last-child{
    background-color: #fff;
    color: #000;
  }

  .team .link-contackt.mobile a:last-child:hover{
    background-color: #000;
    color: #fff;
  }

  .d-md-none{
    display: none;
  }

  .cooperation .border-decor:last-child .wrap-item-cooper{
    border: 2px solid #000;
    background-color: #0047ff;
    border-radius: 20px;
    color: #fff;
  }

  .cooperation .border-decor{
    border: none;
    background-color: transparent;
  }

  .cooperation .border-decor:hover,
  .cooperation .border-decor:hover:nth-child(9){
    background-color: transparent;
    color: #000;
  }

  .cooperation .border-decor .wrap-item-cooper{
    border-top: 2px solid #000;
    padding: 14px;
    transition: all .2s;
  }

  .cooperation .border-decor .wrap-item-cooper:hover{
    background-color: #000;
    color: #fff;
  }

  .grounding .item .title{
    font-size: 16px;
  }

  .grounding .ekonomi .content{
    font-size: 15px;
  }

  .arrow-r{
    display: none;
  }

  .cooperation .wrap-item-cooper{
    display: flex;
    flex-direction: column-reverse;
    padding: 40px 0 30px;
  }

  .cooperation .wrap-item-cooper .block-text{
    margin-bottom: 0;
    margin-top: 20px;
  }

  .grounding .wrap-item-block .item{
    display: block;
    position: relative;
  }

  .grounding .block-text .content{
    padding-right: 0;
  }

  .grounding .ekonomi .content{
    padding-right: 30px;
  }

  .grounding .wrap-item-block .block-icon{
    position: absolute;
    width: 100px;
    height: 55px;
    top: 32px;
    right: 0;
    padding-right: 20px;
    text-align: right;
  }

  .project .item-project .block-content .title{
    margin-bottom: 30px;

  }

	

	.project .item-project .block-content svg {margin-right: 15px;}

  .form-queshtion .link-contackt{
    display: block;
    text-align: center;
  }

  .form-queshtion .link-contackt a{
    width: 100%;
	  margin: 0;
    text-align: center;
  }

  .copirayt{
    text-align: center;
  }

}

@media (max-width: 577px) { .about-first .first-title { font-size: 40px; }
  .head-content .title { font-size: 35px; }
  .about-first .first-info { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .about-first .first-info .item { margin: 0 auto; margin-bottom: 20px; width: 160px; text-align: center; }
  .head-content .text { padding-right: 20px; }
  .importance .items { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .importance .items .item { margin-bottom: 15px; padding-left: 0; padding-bottom: 5px; border-left: none; border-bottom: 1px solid #000; }
  .importance .inner-btn { margin-bottom: 30px; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .importance .inner-btn .text-italick { margin: 0 auto; margin-bottom: 15px; padding-right: 0; text-align: center; }
  .importance .inner-btn .button-first { margin: 0 auto; }
  .strategy .comment .text { font-size: 19px; }
  .strategy .comment .text::before { width: 37px; height: 30px; top: -6px; left: -44px; }
  .items-inner { max-width: 300px !important; }
  .development .item-left { padding: 23px 10px 29px 35px; margin-bottom: 15px; }
  .importance, .services-list, .strategy, .statistics, .development, .stages, .plan,        .cooperation, .price, .result { padding: 10px 0; } 
  .stages .button-first{margin-right: 0px;}
	.statistics .inner-btn{    margin-top: 15px; margin-bottom: 35px;}
	.services-list .button-first{margin-top: 15px; margin-bottom: 35px;}

  .cooperation .border-decor {
    padding: 0 15px;
  }

  .cooperation .mb-70 {
    margin-bottom: 40px !important;
  }

}


@media only screen and (max-width: 576px) {
  /**/

  section {
    padding: 10px 0;
  }

  .h1{
    max-width: 280px;
    margin: 50px auto 0;
    font-size: 40px;
  }

	svg.social-arrow {
		margin-top: 3px;
	}


  .line-horizontal{
    max-width: 93%;
    margin: 45px auto 15px !important;
  }

  .advantages .item-advantages{
    padding: 25px;
  }

  .advantages .content{
    font-size: 35px;
    margin-bottom: 0;
  }

  .advantages .title{
    font-size: 16px;
  }

  .container{
    padding-left: 15px;
    padding-right: 15px;
  }


  .team .link-contackt.mobile a:last-child{
    margin: 10px;
  }

  .cooperation,
  .grounding,
  .skills,
  .uslugi,
  .project{
    padding-top: 80px;
  }

  .queshtins{
    padding-bottom: 80px;
  }

  .project .item-project .block-content .content{
    flex-wrap: wrap;
  }

  .item-project .block-content .content .item-content{
	  width: 100%;
  }

  .project .item-project .block-content .title,
  .h2,
  .form-queshtion .h3{
    font-size: 35px;
  }

  div.modal-cases {
    padding: 0 !important;
  }

  .why-it-list .item .text {
    padding: 25px;
  }

  section.about-first .text img {
    width: 100%;
  }

  .why-it-list .item .text > svg, .why-it-list .item .text > img {
    width: 80px;
    height: auto;
    position: initial;
    margin-bottom: 20px;
    filter: invert(100%);
  }

}

/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
	
	.head-content .title { font-size: 28px; }
  .head-content .text { font-size: 16px; }
  .services-list .item { font-size: 14px; }
  .statistics .button-first { display: block; margin: 0 auto; max-width: 120px; margin-bottom: 15px; }
  .statistics .button-second { display: block; margin: 0 auto; max-width: 228px; } 

	.cooperation .wrap-item-cooper {
    height: auto;
  }

  .cooperation .border-decor .wrap-item-cooper {
    padding: 14px 10px !important;
  }
	
	
  /**/
  header .link-contackt a,
  .top-banner .link-contackt a {
    padding: 10px 25px;
  }

  .h2,
  .form-queshtion .h3{
    font-size: 28px;
  }

  .job .img-svg {
    display: none;
  }
  .wrap-footer-content-right .item .social-icon {
    width: 100%;
  }
  .wrap-footer-content-right .item .social-icon a {
    display: block;
    margin: 0 auto 20px;
    width: 130px;
    text-align: center;
  }
  .wrap-footer-content-right .item .social-icon a:last-child {
    margin: 0 auto 20px;
  }

  .wrap-img.img-header-mobile{
    width: 100%;
  }

  .wrap-img.img-header-mobile svg,
	.wrap-img.img-header-mobile img {
    display: block;
    width: 220px;
    margin: 0 auto;
    height: auto;
  }

  .job .wrap-button{
    display: none;
  }

  .job .container > .row:nth-child(n+2){
    padding-top: 0;
  }

  .job .wrap-button{display: none;}

  .job .wrap-button.mobile{
    display: block;
    margin-top: 40px;
    text-align: center;
  }

  .job .wrap-button.mobile a{
    padding: 10px 87px;
  }

  h2.h2{
    font-size: 28px;
  }

  .team .wrap-team-text{
    padding-top: 80px;
  }

  .cooperation .border-decor{
    border-right-color: transparent;
    border-left-color: transparent;
    border-bottom-color: transparent;
  }

  .cooperation .border-decor:nth-child(6){
    border-left-color: transparent;
  }

  .cooperation .border-decor:last-child{
    border-bottom-color: #000;
  }

  .cooperation .wrap-item-cooper{
    font-size: 16px;
  }

  .grounding .ekonomi .block-icon svg{
    width: 80px;
  }

  .wrap-list-uslugi.mobile .link-contackt a{
    margin: 0 0 10px;
  }

  .wrap-list-uslugi.mobile .link-contackt a:first-child{
    background-color: #1950de;
    color: #fff;
  }

  .wrap-list-uslugi.mobile .link-contackt a:last-child{
    background-color: #fff;
    color: #000;
  }

  .wrap-list-uslugi.mobile .link-contackt a:hover{
    background-color: #000;
    color: #fff;
  }

  .uslugi .wrap-item-block .title{
    font-size: 16px;
  }

  .uslugi .wrap-item-block .block-icon{
    margin-right: 25px;
  }

  .uslugi small{
    margin-bottom: 5px;
  }

  .uslugi .wrap-item-block p{
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 14px;
  }

  .project .item-project .block-content .title{
    font-size: 24px;
  }

  .form-queshtion svg{
    width: 20px;
  }

  .social-icon a:last-child{
    margin-left: 0;
  }

  .social-icon a:nth-child(n+2){
    margin-left: 5px;
  }

  .social-icon.mobile a{
    padding: 10px 20px;
  }

  .list-brands .item:first-child{
    margin-right: 15px;
  }

  .list-brands .item img{
/*    width: 115px;*/
  }


}

/* Custom, iPhone Retina */
@media only screen and (max-width: 360px) {
  /**/
  .team img{
/*    height: 150px;*/
  }

/* Custom, iPhone Retina */
@media only screen and (max-width: 320px) {
  /**/
}

/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
@media only screen and (min-width: 320px) {
  /**/
}

/* Extra Small Devices, Phones */
@media only screen and (min-width: 480px) {
  /**/
}

/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {
  /**/
}

/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {
  /**/
}

/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {
  /**/
}

@media only screen and (min-width: 1400px) {
  /**/
}

@media only screen and (min-width: 1500px) {
  /**/
}

@media only screen and (min-width: 1600px) {
  /**/
}
.kri-block .item p {white-space: initial !important;}
.kri-block .item p:after {bottom: auto!important; top: 50%; transform: translateY(-50%); }