/*color */
.wrapper .header {
  position: relative;
  margin-bottom: 140px;
}

.R36 {
  text-align: left;
  height: 36px;
  line-height: 36px;
  margin: 0 0 30px 0;
  color: #212121; }

.OSL18 {
  text-align: left;
  color: #313131; }

.competence-company {
  height: auto !important;
  background: #fff !important;
  margin: 0 !important; }
  .competence-company::before {
    display: none; }
  .competence-company .R36 {
    color: #212121;
    text-align: center; }
  .competence-company .OSL18 {
    color: #313131;
    width: 100%;
    text-align: center;
    margin: auto; }

a.red-link{
  color: #f85930;
  text-decoration: underline !important;
}

a.red-link:hover,
a.red-link:focus{
  color: #f85930;
  text-decoration: none !important;
}


.competence-company__web-solutions {
  height: 325px;
  margin-top: 100px;
  padding: 0; }
  .competence-company__web-solutions .block__right {
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    height: 200px;
    padding-right: 0; }
  .competence-company__web-solutions .block__left {
    height: 100%;
    background: url("../../img/sevices/techno.png") no-repeat, url("../../img/main/circle2.png") no-repeat, url("../../img/main/tor.png") no-repeat;
    background-position: 40px bottom, top left, 308px 14px; }
    .competence-company__web-solutions .block__left::after {
      content: "";
      width: 30px;
      height: 60px;
      background: url(../../img/main/tor.5.png);
      position: absolute;
      -webkit-transform: rotate(-43deg);
              transform: rotate(-43deg);
      top: 79px;
      right: 112px; }

.competence-company__ui-ux-design {
  height: 400px;
  margin: 0 0 150px 0;
  padding: 0; }
  .competence-company__ui-ux-design .block__left {
    margin: 160px auto auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 220px;
    padding-left: 0; }
  .competence-company__ui-ux-design .block__right {
    float: right;
    height: 100%;
    background: url("../../img/sevices/tor1.4.png") no-repeat, url("../../img/contact/curvaLine_.png") no-repeat, url("../../img/contact/curvaLine_.png") no-repeat, url("../../img/contact/curvaLine_.png") no-repeat, url("../../img/sevices/tablet1.png") no-repeat, url("../../img/sevices/img1.png") no-repeat, url("../../img/sevices/lineSix.png") no-repeat;
    background-position: 46% 14px, 21% 125px, 21% 148px, 21% 169px, 98% 83px, 118% 190px, 89.5% 36px; }

.competence-company__analytics {
  height: 455px;
  padding: 0; }
  .competence-company__analytics .block__right {
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    height: 455px;
    padding-right: 0; }
    .competence-company__analytics .block__right p {
      /*white-space: pre;*/
    }
    .competence-company__analytics .block__right ul:last-child {
      position: absolute;
      right: -30px; }
    .competence-company__analytics .block__right li {
      color: #313131;
      white-space: pre; }
  .competence-company__analytics .block__left {
    height: 255px;
    background: url("../../img/sevices/table.png") no-repeat, url("../../img/sevices/magnifier.png") no-repeat, url("../../img/sevices/mac.png") no-repeat;
    background-position: left bottom, 250px 50px, 70px top; }
    .competence-company__analytics .block__left::before {
      content: "";
      position: absolute;
      width: 170px;
      height: 325px;
      background: url(../../img/sevices/torOrange.png) no-repeat, url(../../img/sevices/tor1.png) no-repeat, url(../../img/main/point.png) no-repeat;
      background-position: 100px top, right 31px, left 217px;
      left: -100px;
      top: -70px;
      z-index: -1; }
    .competence-company__analytics .block__left::after {
      content: "";
      position: absolute;
      width: 130px;
      height: 130px;
      background: url("../../img/sevices/circleTor.png") no-repeat;
      background-position: left top;
      top: -79px;
      right: 141px; }

.competence-company__sem-ceo {
  height: 400px;
  margin: 0 0 120px 0;
  padding: 0; }
  .competence-company__sem-ceo .block__left {
    margin: 160px auto auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 200px;
    padding-left: 0; }
  .competence-company__sem-ceo .block__right {
    float: right;
    height: 100%;
    background: url("../../img/sevices/horn.png") no-repeat, url("../../img/sevices/torOrange1.png") no-repeat, url("../../img/sevices/circle12.png") no-repeat;
    background-position: 233px bottom, 500px bottom, 200px bottom; }
    .competence-company__sem-ceo .block__right::before {
      content: "";
      position: absolute;
      width: 108px;
      height: 88px;
      background: url(../../img/contact/curvaLine_.png) no-repeat, url(../../img/contact/curvaLine_.png) no-repeat, url(../../img/contact/curvaLine_.png) no-repeat;
      background-position: 0px 0px, 0px 20px, 0px 40px;
      -webkit-transform: rotate(22deg);
              transform: rotate(22deg);
      top: 142px;
      left: 131px; }
    .competence-company__sem-ceo .block__right::after {
      content: "";
      position: absolute;
      width: 230px;
      height: 230px;
      right: -12px;
      top: 59px;
      background: url(../../img/sevices/target.png) no-repeat;
      background-position: top left;
      z-index: -1; }

.competence-company__identics-intranet-solutions {
  /*height: 170px;*/
  margin: 0 0 150px 0;
  padding: 0; }
  .competence-company__identics-intranet-solutions .block__left {
    padding-left: 0; }
  .competence-company__identics-intranet-solutions .block__right {
    padding-right: 0; }

.price {
  /*margin-bottom: 150px;*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.price h2{
  text-transform: uppercase;
}

.price .price__wrapCont{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 20px;
}

.price .price__wrapCont > div{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.price .price_img{
  width: 60px;
  height: 60px;
}

.price .price_1{
  background: url(/img/sevices/price_1.png)no-repeat left center;
}

.price .price_2{
  background: url(/img/sevices/price_2.png)no-repeat left center;
}

.price .price_3{
  background: url(/img/sevices/price_3.png)no-repeat left center;
}

.price .price__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-left: 15px;
}
.price .R24 {
  color: #f3450f;
}

.price button{
  text-align: center;
  text-transform: uppercase;
  margin: auto;
}

.price__wrapButton{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.price__wrapButton{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.price__wrapButton .button:first-child{
  margin-left: 48px;
}
.price__wrapButton .button:last-child{
  margin-right: 48px;
}
@media all and (max-width: 1200px) and (min-width: 1024px) {
  .wrapper {
    width: 95%; }

  

  .competence-company__ui-ux-design .block__right {
    background-position: 46% 14px, 4% 125px, 4% 148px, 4% 169px, 98% 83px, 124% 190px, 86.5% 36px; }

  .competence-company__sem-ceo .block__right {
    background-position: 80% bottom, right bottom, 40% bottom; }

  .competence-company__sem-ceo .block__right::before {
    left: 77px; } }
@media all and (width: 1152px) {
  .competence-company__ui-ux-design .block__right {
    background-position: 46% 14px, 4% 125px, 4% 148px, 4% 169px, 98% 83px, 129% 190px, 88.5% 36px; } }
@media all and (max-width: 1024px) and (min-width: 992px) {
  .wrapper {
    width: 95%; }

  .competence-company__web-solutions .block__left::after {
    right: 10%; }

  .competence-company__ui-ux-design .block__right {
    background-position: 46% 14px, 4% 125px, 4% 148px, 4% 169px, 98% 83px, 124% 190px, 86.5% 36px; }

  .competence-company__sem-ceo .block__right {
    background-position: 80% bottom, right bottom, 40% bottom; }

  .competence-company__sem-ceo .block__right::before {
    left: 77px; } }
@media all and (max-width: 992px) {
  .wrapper {
    width: 100%; 
  }

  .wrapper .header {
    position: static;
    margin-bottom: 20px;
  }

  .competence-company__ui-ux-design .block__right {
    background-position: 46% 14px, 4% 125px, 4% 148px, 4% 169px, 98% 83px, 124% 190px, 87.5% 36px; }

  .competence-company__sem-ceo .block__right {
    background-position: 80% bottom, right bottom, 40% bottom; }

  .competence-company__sem-ceo .block__right::before {
    left: 55px; }

  .competence-company__web-solutions .block__left {
    background-position: 0px bottom, top left, 308px 14px; }

  .competence-company__web-solutions .block__left::after {
    right: 0; } }

@media all and (max-width: 1200px){
  .competence-company__web-solutions .block__right{
    position: static;
    height: auto;
    padding: 0;
  }

  .competence-company__sem-ceo .block__left{
    margin-top: 20px;
  }

  .competence-company__analytics .block__right p{
    margin-bottom: 20px;
  }

  .competence-company__web-solutions{
    height: auto;
    margin-top: 20px;
  }

  .competence-company__ui-ux-design .block__left{
    position: static;
    height: auto;
    margin-top: 20px;
  }

  .competence-company__web-solutions .block__left{
    height: 260px;
  }

  .competence-company__ui-ux-design .block__right{
    height: 410px;
  }

  .competence-company__analytics .block__right{
    position: static;
    height: auto;
    padding: 0;
  }

  .competence-company__sem-ceo .block__left{
    position: static;
  }

  .competence-company__analytics{
    height: auto;
  }

  .competence-company__ui-ux-design{
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }

  .competence-company__analytics .block__right ul:last-child{
    position: static;
  }

  .competence-company__sem-ceo{
    height: auto;
    margin-bottom: 40px;
  }

  .competence-company__sem-ceo .block__left{
    height: auto;
  }
  .competence-company__sem-ceo .block__right{
    height: 300px;
  }

  .competence-company__identics-intranet-solutions .block__right{
    padding-left: 0;
    margin-top: 40px;
  }

  .R36{
    height: auto;
    margin-top: 20px;
  }
}