/*=== GENERAL ===*/
body {
  /*font-family: sans-serif;*/
  font-size: 15px;
  background-color: #fff;
  color: #6E6E6E; }


/*=== GLOBAL ===*/
/*a:link,
a:visited {
  color: #0c0c0c;
}
*/
/*a:hover {color: #f3bc33;}*/

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

button, .btn, a.btn {
  color: #fff; }

* {outline: red !important; }

img {max-width: 100%;}

section {padding: 60px 0;}

.hidden {display: none;}

.headline {
  font-size: 30px;
  text-align: center;
  color: #74797d;
  letter-spacing: 3px;
}

h1{
    margin-bottom: 20px;
    font-size: 30px;
    text-align: center;
    color: #fff;
    letter-spacing: 3px;
}

h3{
    font-size: 30px;
    color: #ffffff;
    font-family: Arimo;
    font-weight: 400;
}


/*==================== GENERAL ELEMENTS ====================*/

/*=== HOME SECTION ===*/
.home {
  width: 100%;
  height: 650px;
  background-size: cover;
}

.bread-crumbs {
  font-size: 14px;
  color: #ccc;
  margin-bottom: 40px;
}
.bread-crumbs > a{
  color: #ccc;
}
.home .headline {
  color: #fff;
  margin-bottom: 20px;
}

.home .logo-client {
  text-align: center;
  margin-bottom: 10px;
}

.delimiter {
  font-size: 30px;
  line-height: 0;
  letter-spacing: 6px;
  text-align: center;
  color: #c2c2c2;
}

.data-work {
  color: #c9d5dd;
  text-align: center;
  margin-bottom: 35px;
  margin-top: 25px;
}

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

.result {
  position: absolute;
  top: 50%;
  left: 50%;
  display: table;
  /*margin-top: -80px;*/
  margin-left: -80px;
  width: 160px;
  height: 160px;
  font-size: 12px;
  text-transform: uppercase;
  background-color: rgba(29,30,32,.52);
  color: #aaaaaa;
  border-radius: 50%;
}

.result p { 
  display: table-cell;
  vertical-align: middle;
}

.result p span {
  font-size: 18px;
  text-transform: none;
  color: #fff;
}

@media screen and (max-width: 992px) {
 .circle canvas {
   width: 165px;
 }

 .result {
  margin-top: -67px;
  margin-left: -61px;
  width: 130px;
  height: 130px;
  font-size: 11px;
}

.result span {
  font-size: 14px;
  line-height: 1.2;
}

} /* @media max-width: 992px */

@media screen and (max-width: 768px) {
  .result-indicators {display: none;}
  } /* @media max-width: 768px */


/*=== ABOUT-CLIENT SECTION and BEFORE-WORK SECTION ===*/
.about-client .headline,
.before-work .headline {margin-bottom: 5px;}

.about-client p,
.before-work p {
  text-align: center;
  margin: 0 auto;
  margin-top: 35px;
  max-width: 555px;
  padding: 0 20px;
}

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

  .about-client p,
  .before-work p {font-size: 13px;}
  } /* @media max-width: 768px */


/*=== BEFORE-WORK SECTION ===*/
.before-work {
  background: url('../img/before work.jpg') no-repeat center;
  background-size: cover;
  width: 100%;
  /*height: 100%;*/
}


/*=== BESE-TASKS SECTION ===*/
.base-tasks {
  display: inline-block;
  width: 100%;
  /*height: 100%;*/
}
.base-tasks .headline {margin-bottom: 5px;}

.tasks {margin-top: 70px;}

.tasks li {text-align: center;}

.tasks li:nth-child(1) {
  width: 90px;
  height: 90px;
  margin: 0 auto;
  margin-bottom: 20px;
}

.tasks li:nth-child(2) {
 text-transform: uppercase;
 font-weight: bold;
}

@media screen and (max-width: 490px) {
  .tasks li:nth-child(2) {font-size: 13px;}
  } /* @media max-width: 490px */


/*=== WORK-PROCCES SECTION ===*/
.work-process {
  width: 100%;
  /*height: 100%;*/
  background-color: #434647;
  text-align: center;
}

.work-process .headline {margin-bottom: 5px;}

.top-text {margin-top: 70px;}

.top-text .stage {vertical-align: bottom;}


.point {
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  vertical-align: middle;
  margin-left: -4px;
}

.point span {
  text-align: center;
  display: block;
  margin-top: 10px;
  margin-left: -2px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
}

.points .line {
  display: inline-block;
  vertical-align: middle;
  width: 85px;
  height: 3px;
  margin-left: -4px;
}

.points .point-1 {border: 3px solid #956da1;}
.points .point-2 {border: 3px solid #75c7b1;}
.points .point-3,
.points .point-7 {border: 3px solid #dcac36;}
.points .point-4 {border: 3px solid #b5da36;}
.points .point-5 {border: 3px solid #ec4b52;}
.points .point-6 {border: 3px solid #8f97e2;}

.points .line-1 { 
  background: rgba(149,109,161,1);
  background: -moz-linear-gradient(left, rgba(149,109,161,1) 0%, rgba(117,199,177,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(149,109,161,1)), color-stop(100%, rgba(117,199,177,1)));
  background: -webkit-linear-gradient(left, rgba(149,109,161,1) 0%, rgba(117,199,177,1) 100%);
  background: -o-linear-gradient(left, rgba(149,109,161,1) 0%, rgba(117,199,177,1) 100%);
  background: -ms-linear-gradient(left, rgba(149,109,161,1) 0%, rgba(117,199,177,1) 100%);
  background: linear-gradient(to right, rgba(149,109,161,1) 0%, rgba(117,199,177,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#956da1', endColorstr='#75c7b1', GradientType=1 );
}
.points .line-2 {
  background: rgba(117,199,177,1);
  background: -moz-linear-gradient(left, rgba(117,199,177,1) 0%, rgba(220,173,54,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(117,199,177,1)), color-stop(100%, rgba(220,173,54,1)));
  background: -webkit-linear-gradient(left, rgba(117,199,177,1) 0%, rgba(220,173,54,1) 100%);
  background: -o-linear-gradient(left, rgba(117,199,177,1) 0%, rgba(220,173,54,1) 100%);
  background: -ms-linear-gradient(left, rgba(117,199,177,1) 0%, rgba(220,173,54,1) 100%);
  background: linear-gradient(to right, rgba(117,199,177,1) 0%, rgba(220,173,54,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75c7b1', endColorstr='#dcad36', GradientType=1 );
}
.points .line-3 {
  background: rgba(220,173,54,1);
  background: -moz-linear-gradient(left, rgba(220,173,54,1) 0%, rgba(180,218,54,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(220,173,54,1)), color-stop(100%, rgba(180,218,54,1)));
  background: -webkit-linear-gradient(left, rgba(220,173,54,1) 0%, rgba(180,218,54,1) 100%);
  background: -o-linear-gradient(left, rgba(220,173,54,1) 0%, rgba(180,218,54,1) 100%);
  background: -ms-linear-gradient(left, rgba(220,173,54,1) 0%, rgba(180,218,54,1) 100%);
  background: linear-gradient(to right, rgba(220,173,54,1) 0%, rgba(180,218,54,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcad36', endColorstr='#b4da36', GradientType=1 );
}
.points .line-4 {
  background: rgba(180,218,54,1);
  background: -moz-linear-gradient(left, rgba(180,218,54,1) 0%, rgba(236,75,83,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(180,218,54,1)), color-stop(100%, rgba(236,75,83,1)));
  background: -webkit-linear-gradient(left, rgba(180,218,54,1) 0%, rgba(236,75,83,1) 100%);
  background: -o-linear-gradient(left, rgba(180,218,54,1) 0%, rgba(236,75,83,1) 100%);
  background: -ms-linear-gradient(left, rgba(180,218,54,1) 0%, rgba(236,75,83,1) 100%);
  background: linear-gradient(to right, rgba(180,218,54,1) 0%, rgba(236,75,83,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4da36', endColorstr='#ec4b53', GradientType=1 );
}
.points .line-5 {
  background: rgba(236,75,83,1);
  background: -moz-linear-gradient(left, rgba(236,75,83,1) 0%, rgba(143,151,226,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(236,75,83,1)), color-stop(100%, rgba(143,151,226,1)));
  background: -webkit-linear-gradient(left, rgba(236,75,83,1) 0%, rgba(143,151,226,1) 100%);
  background: -o-linear-gradient(left, rgba(236,75,83,1) 0%, rgba(143,151,226,1) 100%);
  background: -ms-linear-gradient(left, rgba(236,75,83,1) 0%, rgba(143,151,226,1) 100%);
  background: linear-gradient(to right, rgba(236,75,83,1) 0%, rgba(143,151,226,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec4b53', endColorstr='#8f97e2', GradientType=1 );
}
.points .line-6 {
  background: rgba(143,151,226,1);
  background: -moz-linear-gradient(left, rgba(143,151,226,1) 0%, rgba(220,173,54,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(143,151,226,1)), color-stop(100%, rgba(220,173,54,1)));
  background: -webkit-linear-gradient(left, rgba(143,151,226,1) 0%, rgba(220,173,54,1) 100%);
  background: -o-linear-gradient(left, rgba(143,151,226,1) 0%, rgba(220,173,54,1) 100%);
  background: -ms-linear-gradient(left, rgba(143,151,226,1) 0%, rgba(220,173,54,1) 100%);
  background: linear-gradient(to right, rgba(143,151,226,1) 0%, rgba(220,173,54,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8f97e2', endColorstr='#dcad36', GradientType=1 );
}



.stage {
  display: inline-block;
  vertical-align: top;
  width: 200px;
}

.work-process p {
  text-align: left;
  color: #ecf0f1;
}

.work-process p span {
  font-size: 20px;
  font-weight: bold;
}

.work-process .stage-1 span,
.work-process-small p span {color: #956da1;}
.work-process .stage-2 span,
.work-process-small p span {color: #75c7b1;}
.work-process .stage-3 span,
.work-process-small p span {color: #f3bc33;}
.work-process .stage-4 span,
.work-process-small p span {color: #b5da36;}
.work-process .stage-5 span,
.work-process-small p span {color: #ec4b52;}
.work-process .stage-6 span,
.work-process-small p span {color: #8f97e2;}
.work-process .stage-7 span,
.work-process-small p span {color: #f3bc33;}

.work-process-small {
  display: none;
  margin-top: 30px;
  margin-bottom: 30px;
}

.work-process-small p span {
  font-size: 15px;
  font-weight: bold;
}

.work-process-small .points {
  width: 289px;
  max-height: 200px;
  text-align: left;
  margin: 0 auto;
  margin-top: 5px;
}

.work-process-small .point,
.work-process-small p {
  display: inline-block;
  vertical-align: middle;
}

.work-process-small .point {
  margin-right: 10px;
  background-color: #434647;
}

.work-process-small .line {
  width: 3px;
  height: 60px;
  margin-left: 22px;
  margin-top: -14px;
}

.work-process-small .line-1 {
background: rgba(149,109,161,1);
background: -moz-linear-gradient(top, rgba(149,109,161,1) 0%, rgba(117,199,177,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(149,109,161,1)), color-stop(100%, rgba(117,199,177,1)));
background: -webkit-linear-gradient(top, rgba(149,109,161,1) 0%, rgba(117,199,177,1) 100%);
background: -o-linear-gradient(top, rgba(149,109,161,1) 0%, rgba(117,199,177,1) 100%);
background: -ms-linear-gradient(top, rgba(149,109,161,1) 0%, rgba(117,199,177,1) 100%);
background: linear-gradient(to bottom, rgba(149,109,161,1) 0%, rgba(117,199,177,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#956da1', endColorstr='#75c7b1', GradientType=0 );
}
.work-process-small .line-2 {
background: rgba(117,199,177,1);
background: -moz-linear-gradient(top, rgba(117,199,177,1) 0%, rgba(220,173,54,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(117,199,177,1)), color-stop(100%, rgba(220,173,54,1)));
background: -webkit-linear-gradient(top, rgba(117,199,177,1) 0%, rgba(220,173,54,1) 100%);
background: -o-linear-gradient(top, rgba(117,199,177,1) 0%, rgba(220,173,54,1) 100%);
background: -ms-linear-gradient(top, rgba(117,199,177,1) 0%, rgba(220,173,54,1) 100%);
background: linear-gradient(to bottom, rgba(117,199,177,1) 0%, rgba(220,173,54,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75c7b1', endColorstr='#dcad36', GradientType=0 );
}
.work-process-small .line-3 {
background: rgba(220,173,54,1);
background: -moz-linear-gradient(top, rgba(220,173,54,1) 0%, rgba(180,218,54,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(220,173,54,1)), color-stop(100%, rgba(180,218,54,1)));
background: -webkit-linear-gradient(top, rgba(220,173,54,1) 0%, rgba(180,218,54,1) 100%);
background: -o-linear-gradient(top, rgba(220,173,54,1) 0%, rgba(180,218,54,1) 100%);
background: -ms-linear-gradient(top, rgba(220,173,54,1) 0%, rgba(180,218,54,1) 100%);
background: linear-gradient(to bottom, rgba(220,173,54,1) 0%, rgba(180,218,54,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcad36', endColorstr='#b4da36', GradientType=0 );
}
.work-process-small .line-4 {
background: rgba(180,218,54,1);
background: -moz-linear-gradient(top, rgba(180,218,54,1) 0%, rgba(236,75,83,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(180,218,54,1)), color-stop(100%, rgba(236,75,83,1)));
background: -webkit-linear-gradient(top, rgba(180,218,54,1) 0%, rgba(236,75,83,1) 100%);
background: -o-linear-gradient(top, rgba(180,218,54,1) 0%, rgba(236,75,83,1) 100%);
background: -ms-linear-gradient(top, rgba(180,218,54,1) 0%, rgba(236,75,83,1) 100%);
background: linear-gradient(to bottom, rgba(180,218,54,1) 0%, rgba(236,75,83,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4da36', endColorstr='#ec4b53', GradientType=0 );
}
.work-process-small .line-5 {
background: rgba(236,75,83,1);
background: -moz-linear-gradient(top, rgba(236,75,83,1) 0%, rgba(143,151,226,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(236,75,83,1)), color-stop(100%, rgba(143,151,226,1)));
background: -webkit-linear-gradient(top, rgba(236,75,83,1) 0%, rgba(143,151,226,1) 100%);
background: -o-linear-gradient(top, rgba(236,75,83,1) 0%, rgba(143,151,226,1) 100%);
background: -ms-linear-gradient(top, rgba(236,75,83,1) 0%, rgba(143,151,226,1) 100%);
background: linear-gradient(to bottom, rgba(236,75,83,1) 0%, rgba(143,151,226,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec4b53', endColorstr='#8f97e2', GradientType=0 );
}
.work-process-small .line-6 {
background: rgba(143,151,226,1);
background: -moz-linear-gradient(top, rgba(143,151,226,1) 0%, rgba(220,173,54,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(143,151,226,1)), color-stop(100%, rgba(220,173,54,1)));
background: -webkit-linear-gradient(top, rgba(143,151,226,1) 0%, rgba(220,173,54,1) 100%);
background: -o-linear-gradient(top, rgba(143,151,226,1) 0%, rgba(220,173,54,1) 100%);
background: -ms-linear-gradient(top, rgba(143,151,226,1) 0%, rgba(220,173,54,1) 100%);
background: linear-gradient(to bottom, rgba(143,151,226,1) 0%, rgba(220,173,54,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8f97e2', endColorstr='#dcad36', GradientType=0 );
}

@media screen and (max-width: 992px) {
  .work-process-large {display: none;}
  .work-process-small {display: block;}
  } /* @media max-width: 992px */


/*=== NEW WEBSITE SECTION ===*/
.new_website {
  display: inline-block;
  background: url('../img/new_website.png') no-repeat center;
  background-size: cover;
  width: 100%;
 /* height: 100%;*/
  text-align: center;
   vertical-align: middle;
}

.website-points {margin-top: 60px;}

.new_website .website-points li:nth-child(1) {
  display: inline-block;
  vertical-align: middle;
  background: url('../img/sprite.png') no-repeat;
  width: 79px;
  height: 79px;
  text-align: center;
}

.new_website .website-points span {
  font-size: 16px;
  font-weight: bold;
}

.new_website .website-points-1 li:nth-child(1) {background-position: -210px -305px;}
.new_website .website-points-1 span {color: #b5da36;}
.new_website .website-points-2 li:nth-child(1) {background-position: -10px -305px;}
.new_website .website-points-2 span {color: #f3bc33;}
.new_website .website-points-3 li:nth-child(1) {background-position: -111px -205px;}
.new_website .website-points-3 span {color: #ec4b52;}
.new_website .website-points-4 li:nth-child(1) {background-position: -406px -111px;}
.new_website .website-points-4 span {color: #9a75a5;}


/*=== VISITORS SECTION ===*/
.visitors {
  display: inline-block;
  width: 100%;
  height: 100%;
  background: url('../img/visitors.png') no-repeat;
  background-size: cover;
  vertical-align: middle;
}

.visitors img {
  float: right;
  margin-top: 115px;
}

.month-1,
.month-2,
.month-3,
.month-4,
.month-5,
.month-6 {margin-top: 40px;}

.month-1 .number,
.month-2 .number,
.month-3 .number,
.month-4 .number,
.month-5 .number,
.month-6 .number {
  display: inline-block;
  font-size: 20px;
}

.month-1 span,
.month-2 span,
.month-3 span,
.month-4 span,
.month-5 span,
.month-6 span {
  font-size: 16px;
  font-weight: bold;
}

.month-1 span {color: #b5da36;}
.month-2 span {color: #ec4b52;}
.month-3 span {color: #f3bc33;}
.month-4 span {color: #8f97e2;}
.month-5 span {color: #956da1;}
.month-6 span {color: #75c7b1;}

@media screen and (max-width: 768px) {
  .visitors {text-align: center;}

.visitors img {
  float: none;
  margin-top: 0;
}
  } /* @media max-width: 768px */


/*=== CURRENT-RESULTS SECTION ===*/
.current-results {
  display: inline-block;
  width: 100%;
}

.current-results p {
  max-width: 500px;
  margin: 0 auto;
  text-align: center;
}

.result-block {
  width: 100%;
  height: 380px;
  margin-top: 40px;
  text-align: center;
  padding: 50px 20px 20px 20px;
}

.purple-block {background-color: #8f97e2;}
.yellow-block {background-color: #f3bc33;}
.blue-block {background-color: #75c7b1;}
.red-block {background-color: #ec4b52;}
.green-block {background-color: #b5da36;}

.result-block p {
  font-size: 14px;
  color: #fff;
}

.result-block p span {
  font-size: 20px;
  font-weight: bold;
}

.result-block img {
  display: inline-block;
  margin-top: 50px;
}

.current-results .col-sm-4 {
 margin-left: -10px;
 margin-right: -10px;
}

.current-results .col-sm-4:nth-child(1) {margin-left: 25px;}

.small {display: none;}

@media screen and (max-width: 992px) {
  .large {display: none;}
  .small {display: block;}
  } /* @media max-width: 768px */


/*=== STRATEGY SECTION ===*/
.strategy {
  display: inline-block;
  background: url('../img/strategy.jpg') no-repeat center;
  background-size: cover;
  width: 100%;
 /* height: 100%;*/
  color: #fff;
  margin-bottom: -7px;
}

.strategy span {font-weight: bolder;}
.strategy a {color: #ec4b52;}
.btn {
  display: block;
  margin: 0 auto;
  margin-top: 70px;
  padding: 15px 35px;
  color: #fff;
  border-radius: 50px;
  border: none;
  transition: background-color .2s ease-in;
}


/*=== STRATEGY SECTION ===*/
.strategy .btn {
  display: block;
  margin: 0 auto;
  margin-top: 70px;
  line-height: normal;
}

.blue-btn {background-color: #75c7b1;}
.blue-btn:hover {background-color: #5e9e8d;}

@media screen and (max-width: 768px) {
  .col-sm-4 {
    margin-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .strategy {margin-top: -60px;}
  } /* @media max-width: 768px */

/*=== REVIEWS SECTION ===*/
.reviews {
  background-color: #434647;
  width: 100%;
  /*height: 100%;*/
  text-align: center;
  padding-left: 20px;
  padding-right: 20px;
}

.reviews .headline {margin-bottom: 5px;}

 .author {
  
  font-size: 13px;
  font-style: italic;
  color: #b8b8b8;
      position: relative;
    border: 4px solid #fff;
    width: 78px;
    height: 78px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 35px;
}

.author span {
  display: inline-block;
  margin-top: 10px;
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  color: #75c7b1;
}

.reviews p {
  max-width: 780px;
  margin: 0 auto;
  color: #fff;
  font-size: 16px;
  margin-top: 20px;
   margin-bottom: 20px;
}

.quote-1,
.quote-2 {
  display: inline-block;
  position: relative;
  left: -15px;
  top: -10px;
  background: url('../img/sprite.png') no-repeat -136px -304px;
  width: 22px;
  height: 16px;
}

.quote-2 {
  left: 15px;
  top: 15px;
  background-position: -136px -333px;
}

 .reviews a .ico-message {
   display: inline-block;
   position: relative;
   top: 2px;
   right: 5px;
  background: url('../img/sprite.png') no-repeat -136px -363px;
  width: 19px;
  height: 16px;
}

.reviews a {
  color: #f3bc33;
  font-size: 14px;
  text-decoration: none;
  transition: color .2s ease-in;
}

.reviews a:hover {color: #d09504;}


/*=== CONTACT SECTION ===*/
.contact {
  padding: 0;
  text-align: center;
}

.contact-info {padding: 60px 0;}

.contact .phone-number {
  display: inline-block;
  margin-top: 40px;
  font-size: 24px;
  text-decoration: none;
  color: #75c7b1;
}

.contact .map {
  width: 100%;
  height: 600px;
  background-color: #eee;
}

.contact .mail {
  display: inline-block;
  margin-top: 20px;
  font-size: 14px;
  font-weight: bolder;
  text-decoration: none;
  color: #6e6e6e;
}

.contact .address {
  margin-top: 20px;
  font-size: 14px;
}

.contact .address span {color: #f3bc34;}

.contact form {
  margin: 0 auto;
  max-width: 400px;
  margin-top: 40px;
}

.contact form input {
  width: 100%;
  margin-bottom: 5px;
  border: none;
  border-radius: 5px;
  background-color: #ecf0f1;
  font-size: 13px;
  padding: 10px 20px;
}
.contact form input:nth-child(2),
.contact form input:nth-child(3) {
width: 49%;
float: left;
}

.contact form input:nth-child(3) {float: right;}

.contact form textarea {
  width: 100%;
  height: 120px;
  border: none;
  border-radius: 5px;
  background-color: #ecf0f1;
  font-size: 13px;
  padding: 10px 20px;
}

.contact .btn {
  margin-top: 30px;
}


/*==================== ERMIKA PAGE ====================*/

/*=== HOME SECTION ===*/
.ermika .home {
  background: url('../img/ermika.jpg') no-repeat center;
}

.ermika .home .logo-client {
  margin-left: -68px;
}

/*=== BESE-TASKS SECTION ===*/
.ermika .base-tasks .task-1 li:nth-child(1) {background: url('../img/sprite.png') no-repeat -5px -105px;}
.ermika .base-tasks .task-1 li:nth-child(2) {color: #f3bc33;}

.ermika .base-tasks .task-2 li:nth-child(1) {background: url('../img/sprite.png') no-repeat -206px -105px;}
.ermika .base-tasks .task-2 li:nth-child(2) {color: #b5da36;}

.ermika .base-tasks .task-3 li:nth-child(1) {background: url('../img/sprite.png') no-repeat -403px -5px;}
.ermika .base-tasks .task-3 li:nth-child(2) {color: #8f97e2;}

.ermika .base-tasks .task-4 li:nth-child(1) {background: url('../img/sprite.png') no-repeat -306px -105px;}
.ermika .base-tasks .task-4 li:nth-child(2) {color: #75c7b1;}


/*=== WORK-PROCCES SECTION ===*/
.ermika .work-process .stage {margin-right: 65px;}

.ermika .work-process .top-text .stage:nth-child(1) {margin-left: 348px;}

.ermika .work-process .bottom-text .stage:nth-child(1) {margin-left: 82px;}

.ermika .work-process .work-descr {
  display: inline-block;
  max-width: 550px;
  font-style: italic;
  margin-top: 60px;
  color: #fff;
}


/*==================== TEXTILE HOUSE PAGE ====================*/

/*=== HOME SECTION ===*/
.textile_house .home {background: url('../img/tekstil.jpg') no-repeat center;}


/*=== BESE-TASKS SECTION ===*/
.textile_house .base-tasks .task-1 li:nth-child(1) {background: url('../img/sprite.png') no-repeat -106px -105px;}
.textile_house .base-tasks .task-1 li:nth-child(2) {color: #ec4b52;}

.textile_house .base-tasks .task-2 li:nth-child(1) {background: url('../img/sprite.png') no-repeat -5px -205px;}
.textile_house .base-tasks .task-2 li:nth-child(2) {color: #f3bc33;}

.textile_house .base-tasks .task-3 li:nth-child(1) {background: url('../img/sprite.png') no-repeat -304px -5px;}
.textile_house .base-tasks .task-3 li:nth-child(2) {color: #75c7b1;}

.textile_house .base-tasks .task-4 li:nth-child(1) {background: url('../img/sprite.png') no-repeat -403px -5px;}
.textile_house .base-tasks .task-4 li:nth-child(2) {color: #8f97e2;}


/*=== WORK-PROCCES SECTION ===*/
.textile_house .work-process .top-text .stage:nth-child(1) {
  position: relative;
  left: 42px;
}
.textile_house .work-process .top-text .stage:nth-child(2) {
  position: relative;
  left: 110px;
}

.textile_house .work-process .bottom-text .stage:nth-child(1) {
  position: relative;
  left: -100px;
}

.textile_house .work-process .bottom-text .stage:nth-child(2) {
  position: relative;
  left: -36px;
}

.textile_house .work-process .bottom-text .stage:nth-child(3) {
  position: relative;
  left: 34px;
}
.textile_house .work-process .bottom-text .stage:nth-child(1) {margin-left: 215px;}

.textile_house .work-descr {color: #ecf0f1;}

.textile_house .work-descr-ico {
  width: 50px;
  height: 50px;
  border: 3px solid #fff;
  border-radius: 50%;
  margin: 0 auto;
  margin-top: 50px;
  margin-bottom: 20px;
}

.textile_house .work-descr-ico span {
  display: inline-block;
  text-align: center;
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  margin-top: 2px;
}

.textile_house .work-process-small .points {margin-top: -5px;}

/*=== CURRENT-RESULTS SECTION ===*/

@media screen and (min-width: 992px) {
  .textile_house .red-block img {margin-top: 15px;}
  } /* @media max-width: 992px */


/*==================== NEVA_KUVERT PAGE ====================*/

/*=== HOME SECTION ===*/
.neva_kuvert .home {background: url('../img/neva_kuvert.jpg') no-repeat center;}


/*=== BESE-TASKS SECTION ===*/
.neva_kuvert .base-tasks .task-1 li:nth-child(1) {background: url('../img/sprite.png') no-repeat -5px -105px;}
.neva_kuvert .base-tasks .task-1 li:nth-child(2) {color: #f3bc33;}

.neva_kuvert .base-tasks .task-2 li:nth-child(1) {background: url('../img/sprite.png') no-repeat -206px -205px;}
.neva_kuvert .base-tasks .task-2 li:nth-child(2) {color: #b5da36;}

.neva_kuvert .base-tasks .task-3 li:nth-child(1) {background: url('../img/sprite.png') no-repeat -403px -5px;}
.neva_kuvert .base-tasks .task-3 li:nth-child(2) {color: #8f97e2;}

/*=== WORK-PROCCES SECTION ===*/
.neva_kuvert .work-process .stage {margin-right: 68px;}

.neva_kuvert .work-process .top-text .stage:nth-child(1) {margin-left: 154px;}

.neva_kuvert .work-process .bottom-text .stage:nth-child(1) {margin-left: 110px;}


/*=== CURRENT-RESULTS SECTION ===*/
.neva_kuvert .green-block img {margin-top: 80px;}


/*====================  MEBEL_MARKET PAGE ====================*/

/*=== HOME SECTION ===*/
.mebel_market .home {background: url('../img/mebel_market.jpg') no-repeat center;}


/*=== BESE-TASKS SECTION ===*/
.mebel_market .base-tasks .task-1 li:nth-child(1) {background: url('../img/sprite.png') no-repeat -204px -5px;}
.mebel_market .base-tasks .task-1 li:nth-child(2) {color: #b5da36;}

.mebel_market .base-tasks .task-2 li:nth-child(1) {background: url('../img/sprite.png') no-repeat -304px -5px;}
.mebel_market .base-tasks .task-2 li:nth-child(2) {color: #75c7b1;}

.mebel_market .base-tasks .task-3 li:nth-child(1) {background: url('../img/sprite.png') no-repeat -403px -5px;}
.mebel_market .base-tasks .task-3 li:nth-child(2) {color: #8f97e2;}


/*=== WORK-PROCCES SECTION ===*/
.mebel_market .work-process .stage {margin-right: 68px;}

.mebel_market .work-process .top-text .stage:nth-child(1) {margin-left: 154px;}

.mebel_market .work-process .bottom-text .stage:nth-child(1) {margin-left: 110px;}


/*==================== LEMMINKAINEN PAGE ====================*/

/*=== HOME SECTION ===*/
.lemminkainen .home {background: url('../img/mebel_market.jpg') no-repeat center;}


/*=== BESE-TASKS SECTION ===*/
.lemminkainen .base-tasks .tasks-descr {
  text-align: center;
  display: block;
  margin-top: 40px;
}

.lemminkainen .base-tasks .task-1 li:nth-child(1) {background: url('../img/sprite.png') no-repeat -104px -5px;}
.lemminkainen .base-tasks .task-1 li:nth-child(2) {color: #ec4b52;}

.lemminkainen .base-tasks .task-2 li:nth-child(1) {background: url('../img/sprite.png') no-repeat -5px -5px;}
.lemminkainen .base-tasks .task-2 li:nth-child(2) {color: #f3bc33;}

.lemminkainen .base-tasks .task-3 li:nth-child(1) {background: url('../img/sprite.png') no-repeat -306px -105px;}
.lemminkainen .base-tasks .task-3 li:nth-child(2) {color: #75c7b1;}

/*=== WORK-PROCCES SECTION ===*/
.lemminkainen .work-process .top-text .stage:nth-child(1) {
  position: relative;
  left: 42px;
}
.lemminkainen .work-process .top-text .stage:nth-child(2) {
  position: relative;
  left: 110px;
}

.lemminkainen .work-process .bottom-text .stage:nth-child(1) {
  position: relative;
  left: -100px;
}

.lemminkainen .work-process .bottom-text .stage:nth-child(2) {
  position: relative;
  left: -36px;
}

.lemminkainen .work-process .bottom-text .stage:nth-child(3) {
  position: relative;
  left: 34px;
}
.lemminkainen .work-process .bottom-text .stage:nth-child(1) {margin-left: 215px;}

.lemminkainen .work-descr {color: #ecf0f1;}

.lemminkainen .work-descr-ico {
  width: 50px;
  height: 50px;
  border: 3px solid #fff;
  border-radius: 50%;
  margin: 0 auto;
  margin-top: 50px;
  margin-bottom: 20px;
}

.lemminkainen .work-descr-ico span {
  display: inline-block;
  text-align: center;
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  margin-top: 2px;
}


/*=== CURRENT-RESULT ===*/
@media screen and (min-width: 992px) {
  .lemminkainen .yellow-block img {margin-top: 15px;}
  } /* @media max-width: 992px */


/*==================== HOSE_EXCLUSIVE PAGE ====================*/

/*=== HOME SECTION ===*/
.house_exclusive .home {background: url('../img/house_exclusive.jpg') no-repeat center;}


/*=== BESE-TASKS SECTION ===*/
.house_exclusive .base-tasks .task-1 li:nth-child(1) {background: url('../img/sprite.png') no-repeat -5px -205px;}
.house_exclusive .base-tasks .task-1 li:nth-child(2) {color: #f3bc33;}

.house_exclusive .base-tasks .task-2 li:nth-child(1) {background: url('../img/sprite.png') no-repeat -304px -5px;}
.house_exclusive .base-tasks .task-2 li:nth-child(2) {color: #75c7b1;}

.house_exclusive .base-tasks .task-3 li:nth-child(1) {background: url('../img/sprite.png') no-repeat -403px -5px;}
.house_exclusive .base-tasks .task-3 li:nth-child(2) {color: #8f97e2;}


/*=== WORK-PROCCES SECTION ===*/
.house_exclusive .work-process .top-text .stage:nth-child(1) {
  position: relative;
  left: 42px;
}
.house_exclusive .work-process .top-text .stage:nth-child(2) {
  position: relative;
  left: 110px;
}

.house_exclusive .work-process .bottom-text .stage:nth-child(1) {
  position: relative;
  left: -100px;
}

.house_exclusive .work-process .bottom-text .stage:nth-child(2) {
  position: relative;
  left: -36px;
}

.house_exclusive .work-process .bottom-text .stage:nth-child(3) {
  position: relative;
  left: 34px;
}
.house_exclusive .work-process .bottom-text .stage:nth-child(1) {margin-left: 215px;}

.house_exclusive .work-descr {color: #ecf0f1;}

.house_exclusive .work-descr-ico {
  width: 50px;
  height: 50px;
  border: 3px solid #fff;
  border-radius: 50%;
  margin: 0 auto;
  margin-top: 50px;
  margin-bottom: 20px;
}

.house_exclusive .work-descr-ico span {
  display: inline-block;
  text-align: center;
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  margin-top: 2px;
}

.house_exclusive .work-process-small .points {margin-top: -5px;}

.house_exclusive .work-descr {color: #ecf0f1;}

.house_exclusive .work-descr-ico {
  width: 50px;
  height: 50px;
  border: 3px solid #fff;
  border-radius: 50%;
  margin: 0 auto;
  margin-top: 50px;
  margin-bottom: 20px;
}

.house_exclusive .work-descr-ico span {
  display: inline-block;
  text-align: center;
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  margin-top: 2px;
}


/*==================== BYTOWKI PAGE ====================*/

/*=== HOME SECTION ===*/
.bytowki .home {background: url('../img/bytowki.png') no-repeat center;}


/*=== BESE-TASKS SECTION ===*/
.bytowki .base-tasks .task-1 li:nth-child(1) {background: url('../img/sprite.png') no-repeat -106px -400px;}
.bytowki .base-tasks .task-1 li:nth-child(2) {color: #ec4b52;}

.bytowki .base-tasks .task-2 li:nth-child(1) {background: url('../img/sprite.png') no-repeat -304px -5px;}
.bytowki .base-tasks .task-2 li:nth-child(2) {color: #75c7b1;}

.bytowki .base-tasks .task-3 li:nth-child(1) {background: url('../img/sprite.png') no-repeat -403px -207px;}
.bytowki .base-tasks .task-3 li:nth-child(2) {color: #956da1;}


/*=== WORK-PROCCES SECTION ===*/
.bytowki .work-process .stage {margin-right: 65px;}

.bytowki .work-process .top-text .stage:nth-child(1) {margin-left: 348px;}

.bytowki .work-process .bottom-text .stage:nth-child(1) {margin-left: 82px;}

.bytowki .work-process .work-descr {
  display: inline-block;
  max-width: 550px;
  font-style: italic;
  margin-top: 60px;
  color: #fff;
}

.bytowki .work-descr {
  color: #ecf0f1;
  margin-top: 35px;
  margin-bottom: -20px;
}


/*=== CURRENT-RESULT SECTION ===*/
.bytowki .result-block {margin-bottom: 40px;}


/*==================== ASTRON_MARIN PAGE ====================*/

/*=== HOME SECTION ===*/
.astron_marin .home {background: url('../img/astron_marin.jpg') no-repeat center;}


/*=== BESE-TASKS SECTION ===*/
.astron_marin .base-tasks .task-1 li:nth-child(1) {background: url('../img/sprite.png') no-repeat -5px -105px;}
.astron_marin .base-tasks .task-1 li:nth-child(2) {color: #f3bc33;}

.astron_marin .base-tasks .task-2 li:nth-child(1) {background: url('../img/sprite.png') no-repeat -206px -205px;}
.astron_marin .base-tasks .task-2 li:nth-child(2) {color: #b5da36;}

.astron_marin .base-tasks .task-3 li:nth-child(1) {background: url('../img/sprite.png') no-repeat -304px -5px;}
.astron_marin .base-tasks .task-3 li:nth-child(2) {color: #75c7b1;}

.astron_marin .base-tasks .task-4 li:nth-child(1) {background: url('../img/sprite.png') no-repeat -403px -5px;}
.astron_marin .base-tasks .task-4 li:nth-child(2) {color: #8f97e2;}


/*=== WORK-PROCCES SECTION ===*/
.astron_marin .work-process .stage {margin-right: 68px;}

.astron_marin .work-process .top-text .stage:nth-child(1) {margin-left: 154px;}

.astron_marin .work-process .bottom-text .stage:nth-child(1) {margin-left: 110px;}


/*=== CURRENT-RESULT SECTION ===*/
.astron_marin .green-block img {margin-top: 80px;}
.astron_marin .yellow-block img {margin-top: 20px;}


/*==================== PRIMO_GROUP ====================*/

/*=== HOME SECTION ===*/
.primo_group .home {background: url('../img/primo_group.jpg') no-repeat center;}


/*=== BESE-TASKS SECTION ===*/
.primo_group .base-tasks .task-1 li:nth-child(1) {background: url('../img/sprite.png') no-repeat -5px -205px;}
.primo_group .base-tasks .task-1 li:nth-child(2) {color: #f3bc33;}

.primo_group .base-tasks .task-2 li:nth-child(1) {background: url('../img/sprite.png') no-repeat -304px -5px;}
.primo_group .base-tasks .task-2 li:nth-child(2) {color: #75c7b1;}

.primo_group .base-tasks .task-3 li:nth-child(1) {background: url('../img/sprite.png') no-repeat -403px -5px;}
.primo_group .base-tasks .task-3 li:nth-child(2) {color: #8f97e2;}

.primo_group .base-tasks .task-4 li:nth-child(1) {background: url('../img/sprite.png') no-repeat  -5px -400px;}
.primo_group .base-tasks .task-4 li:nth-child(2) {color: #ec4b52;}


/*=== WORK-PROCCES SECTION ===*/
.primo_group .work-process .stage {margin-right: 65px;}

.primo_group .work-process .top-text .stage:nth-child(1) {margin-left: 348px;}

.primo_group .work-process .bottom-text .stage:nth-child(1) {margin-left: 82px;}

.primo_group .work-process .work-descr {
  display: inline-block;
  max-width: 550px;
  font-style: italic;
  margin-top: 60px;
  color: #fff;
}


/*=== CURRENT-RESULT SECTION ===*/
  .primo_group .purple-block img {margin-top: 20px;}


/*==================== MENUA PAGE ====================*/

/*=== HOME SECTION ===*/
.menua .home {background: url('../img/menua.jpg') no-repeat center;}


/*=== BESE-TASKS SECTION ===*/
.menua .base-tasks .task-1 li:nth-child(1) {background: url('../img/sprite.png') no-repeat -301px -400px;}
.menua .base-tasks .task-1 li:nth-child(2) {color: #b5da36;}

.menua .base-tasks .task-2 li:nth-child(1) {background: url('../img/sprite.png') no-repeat -306px -207px;}
.menua .base-tasks .task-2 li:nth-child(2) {color: #75c7b1;}

.menua .base-tasks .task-3 li:nth-child(1) {background: url('../img/sprite.png') no-repeat -403px -5px;}
.menua .base-tasks .task-3 li:nth-child(2) {color: #8f97e2;}

.menua .tasks {margin-top: 30px;}


/*=== NEW WEBSITE SECTION  ===*/
.menua .website-points-1 li:nth-child(1) {background-position: -311px -305px;}
.menua .website-points-2 li:nth-child(1) {background-position: -404px -406px;}
.menua .website-points-3 li:nth-child(1) {background-position: -208px -406px;}
.menua .website-points-4 li:nth-child(1) {background-position: -404px -305px;}


/*=== BRAND_STYLE SECTION  ===*/
.menua .brand_style {
  text-align: center;
  background-color: #f2f2f2;
  padding-bottom: 0;
}
.menua .brand_style img {
  text-align: center;
  margin-top: 35px;
  margin-bottom: 30px;
}

.menua .brand_style .font {
  background: url('../img/font_bg.png') no-repeat center;
  background-size: cover;
  width: 100%;
  height: 100%;
  padding-top: 65px;
  padding-bottom: 250px;
}

.menua .brand_style .font p {color: #ecf0f1;}

.menua .brand_style .card {
margin-top: -220px;
margin-left: -30px;
}

.menua .notebook {padding-bottom: 65px;}

.menua .menu {
  background: url('../img/menu.png') no-repeat center 0;
  background-size: cover;
  width: 100%;
  height: 700px;
  margin-top: -45px;
}

.menua .menu p {
  padding-top: 40px;
  color: #ecf0f1;
}

.menua .off-pr {
  display: inline-block;
  margin-top: 70px;
}

.menua .site {
  background: url('../img/site.png') no-repeat center;
  background-size: cover;
  width: 100%;
  height: 500px;
  margin-top: -45px;
}

.menua .site p {padding-top: 40px;}


/*=== STRATEGY SECTION  ===*/
.menua .strategy .headline {color: #fff;}
.menua .delimiter {margin-bottom: 45px;}
.menua .strategy {text-align: center;}
.menua .strategy p {
  max-width: 600px;
  height: 100%;
  margin: 0 auto;
  margin-top: 70px;
  padding: 40px;
  background-color: #fff;
  color: #6e6e6e;
}

.menua .strategy p span {
  font-size: 16px;
  font-weight: bold;
}

section.block-contacts{
  padding: 0;
}


.pre-footer__part .btn .btn-red{
  width: 129px;
  padding: 0;
  text-align: center;
}

.prinyatie{
  text-align: left;
  margin-top: 40px;
}