@import url(normalize.css);
.formresult {
	padding-top:15px;
	color:#f30000;
}
.hide {
	display:none;
}
.clearfix {
	content:'';
	display:table;
	clear:both;
}
.class-btn {
  background: none;
  border: none;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  font-size: 16px;
  font-family: 'Nunito', sans-serif;
  font-weight: 400;
  color: white;
  text-align: center;
  width: 225px;
  -webkit-transition: .3s all;
  -o-transition: .3s all;
  transition: .3s all;
  height: 46px; }
a.class-btn {
	text-decoration:none;
	line-height:44px;
}
a.class-btn:hover {
	line-height:48px;
}
header .top-line {
  background-color: white;
  -webkit-box-shadow: 0px 3px 14.11px 2.89px rgba(2, 2, 2, 0.11);
  box-shadow: 0px 3px 14.11px 2.89px rgba(2, 2, 2, 0.11);
  height: 99px;
 /* position: fixed;*/
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999; }
  header .top-line .container {
    height: 100%;
    max-width: 1410px;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
  header .top-line nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    header .top-line nav .anchor-nav {
      padding: 0;
      margin: 0;
      list-style: none;
      background: #fff;
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center; }
      header .top-line nav .anchor-nav a.logo {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin-right: 70px; }
    header .top-line nav .extra-anchor-nav {
      position: fixed;
      top: 100px;
      left: 0; }
    header .top-line nav .extra-anchor-nav .anchor-nav .active {
      font-weight: bold; }
    header .top-line nav .anchor-nav li {
      vertical-align: middle;
      text-align: center;
      display: inline-block;
      margin: 0 20px; }
    header .top-line nav .anchor-nav a {
      display: block;
      font-size: 16px;
      color: #131313;
      text-decoration: none;
      padding: 5px;
      -webkit-transition: .3s all;
      -o-transition: .3s all;
      transition: .3s all; }
      header .top-line nav .anchor-nav a:hover {
        color: #7D33F7; }
      header .top-line nav .anchor-nav a.logo:hover {
        color: initial; }
    header .top-line nav .anchor-nav .anchor-active {
      position: relative; }
      header .top-line nav .anchor-nav .anchor-active:after {
        content: '';
        position: absolute;
        background: -webkit-linear-gradient(209.11deg, #C753EF 16.2%, #7D33F7 101.27%);
        background: -o-linear-gradient(209.11deg, #C753EF 16.2%, #7D33F7 101.27%);
        background: linear-gradient(240.89deg, #C753EF 16.2%, #7D33F7 101.27%);
        width: 16px;
        height: 4px;
        bottom: -5px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        left: calc(50% - 8px); }
      header .top-line nav .anchor-nav .anchor-active.logo:after {
        display: none; }
  header .top-line .phones {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    header .top-line .phones ul {
      padding: 0;
      margin: 0;
      list-style: none;
      margin-right: 30px; }
      header .top-line .phones ul li {
        white-space: nowrap;
		vertical-align: middle;
        text-align: left; }
        header .top-line .phones ul li a {
          font-size: 14px;
          color: #202020;
          text-decoration: none;
          line-height: 22px;
          -webkit-transition: .3s all;
          -o-transition: .3s all;
          transition: .3s all; }
          header .top-line .phones ul li a:hover {
            color: #7D33F7; }
        header .top-line .phones ul li img {
          width: 14px;
          height: auto;
          margin-right: 10px;
          margin-bottom: -2px; }
		   header .top-line .phones ul li:last-child img {
          width: 24px;
          height: auto;
          margin-right: 10px;
          margin-bottom: -2px; }
        header .top-line .phones ul li .social img {
          width: 12px;
          height: auto;
          margin-right: 0px;
          margin-bottom: -1px; }
    header .top-line .phones .class-btn {
      background: -webkit-linear-gradient(209.11deg, #C753EF 16.2%, #7D33F7 101.27%);
      background: -o-linear-gradient(209.11deg, #C753EF 16.2%, #7D33F7 101.27%);
      background: linear-gradient(240.89deg, #C753EF 16.2%, #7D33F7 101.27%);
      -webkit-box-shadow: 0px 3px 14.11px 2.89px rgba(2, 2, 2, 0.11);
      box-shadow: 0px 3px 14.11px 2.89px rgba(2, 2, 2, 0.11);
      width: 180px;
      height: 48px; }
      header .top-line .phones .class-btn:hover {
        -webkit-box-shadow: 0px 3px 18.75px 6.25px rgba(2, 2, 2, 0.18);
        box-shadow: 0px 3px 18.75px 6.25px rgba(2, 2, 2, 0.18); }
header .content {
  height: 100vh;
  padding-top: 80px;
  background: -webkit-linear-gradient(209.11deg, #C753EF 16.2%, #7D33F7 101.27%);
  background: -o-linear-gradient(209.11deg, #C753EF 16.2%, #7D33F7 101.27%);
  background: linear-gradient(240.89deg, #C753EF 16.2%, #7D33F7 101.27%); }
  header .content .wrapper-bg {
    width: 100%;
    height: 100%;
    background-image: url("../img/bg1.svg");
    background-repeat: no-repeat;
    background-position: 100% 55%; }
  header .content .container {
    max-width: 1410px;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%; }
	main .content .container {
    max-width: 1410px;
    margin: 0 auto;
   }
  header .content h1 {
	font-family: 'Nunito', sans-serif;
	font-weight: 900;
    font-size: 52px;
    line-height: 62px;
    color: white;
    margin: 0; }
  header .content p {
    font-family: 'Nunito', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 24px;
    line-height: 36px;
    color: white;
    max-width: 550px;
    margin: 55px 0 40px 0; }
  header .content .class-btn.white {
    border: 1px solid white;
    background: none; }
    header .content .class-btn.white:hover {
      -webkit-box-shadow: 0px 3px 14.11px 2.89px rgba(2, 2, 2, 0.11);
      box-shadow: 0px 3px 14.11px 2.89px rgba(2, 2, 2, 0.11);
      background: white;
      color: #202020; }
#pros {
  padding: 80px 0 150px;
  position: relative; }
  #pros:after {
    content: '';
    background-image: -webkit-linear-gradient(-4deg, #fffef8 0%, #ffebeb 100%);
    background-image: -ms-linear-gradient(-4deg, #fffef8 0%, #ffebeb 100%);
    position: absolute;
    width: 845px;
    height: 335px;
    bottom: 153px;
    right: 0;
    z-index: -1; }
  #pros .container {
    max-width: 1410px;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
  #pros h2 {
    margin-bottom: 80px; }
  #pros .left {
    width: 50%;
    float: left;
    padding-right: 120px; }
    #pros .left p {
      font-size: 24px;
      color: #202020;
      line-height: 1.5; }
      #pros .left p strong {
        font-family: 'Nunito', sans-serif;
		font-weight: 400;
		  }
  #pros .right {
    width: 50%;
    float: left; }
    #pros .right ul li {
      font-size: 24px;
      color: #202020;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      margin: 33px 0; }
      #pros .right ul li img {
        margin-right: 60px;
        position: relative;
        top: -3px; }

#prices {
	background: -webkit-linear-gradient(209.11deg, #C753EF 16.2%, #7D33F7 101.27%);
	background: -o-linear-gradient(209.11deg, #C753EF 16.2%, #7D33F7 101.27%);
	background: linear-gradient(240.89deg, #C753EF 16.2%, #7D33F7 101.27%);}
  #prices .wrapper-bg {
    background-image: url("../img/bg2.png");
    background-repeat: no-repeat;
    background-position: 13% 84%; }
  #prices .container {
    max-width: 1410px;
    margin: 0 auto;
    padding: 175px 0 105px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  #prices .left {
    width: 35%;
    float: left; }
    #prices .left h2 {
      color: white; }
    #prices .left p {
      font-size: 24px;
      color: rgba(255, 255, 255, 0.8);
      line-height: 1.5;
      padding-right: 50px;
      margin-top: 50px; }
    #prices .left span, #prices .left p:last-child {
      font-size: 16px;
      color: rgba(255, 255, 255, 0.8);
      line-height: 2.25;
		margin:0;}
  #prices .right {
    width: 65%;
    float: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 10px 0; }
    #prices .right .item {
      -webkit-border-radius: 10px;
      border-radius: 10px;
      background-color: white;
      -webkit-box-shadow: 0px 3px 14.11px 2.89px rgba(2, 2, 2, 0.11);
      box-shadow: 0px 3px 14.11px 2.89px rgba(2, 2, 2, 0.11);
      width: 240px;
      min-height: 320px;
      float: left;
      margin: 0 0 70px 50px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      text-align: center;
      position: relative;
      padding: 45px 25px 0; }
      #prices .right .item p {
        font-size: 16px;
        color: #131313;
        line-height: 1.5;
        margin: 20px 0; }
      #prices .right .item span.rur {
        font-size: 36px;
        color: #131313;
        font-family: 'Nunito', sans-serif;
		font-weight: 600; }
        #prices .right .item span.rur span {
          font-family: 'Nunito', sans-serif;
			font-weight: 300; }
      #prices .right .item span.byn {
        font-size: 30px;
        color: rgba(19, 19, 19, 0.8);
        font-family: 'Nunito', sans-serif;
		font-weight: 600; }
        #prices .right .item span.byn span {
          font-family: 'Nunito', sans-serif;
  font-weight: 300;
  }
      #prices .right .item button.small {
         background: -webkit-linear-gradient(209.11deg, #C753EF 16.2%, #7D33F7 101.27%);
			background: -o-linear-gradient(209.11deg, #C753EF 16.2%, #7D33F7 101.27%);
			background: linear-gradient(240.89deg, #C753EF 16.2%, #7D33F7 101.27%);
			-webkit-box-shadow: 0px 3px 14.11px 2.89px rgba(2, 2, 2, 0.11);
			box-shadow: 0px 3px 14.11px 2.89px rgba(2, 2, 2, 0.11);
        width: 160px;
        height: 48px;
        position: absolute;
        bottom: -24px;
        left: -webkit-calc(50% - 80px);
        left: calc(50% - 80px); }
        #prices .right .item button.small:hover {
         -webkit-box-shadow: 0px 3px 18.75px 6.25px rgba(2, 2, 2, 0.18);
			box-shadow: 0px 3px 18.75px 6.25px rgba(2, 2, 2, 0.18);}
			 
#serv {
  width: 100%;
  display: block;
  padding: 175px 0 0;
  background: -webkit-gradient(linear, left top, right top, from(rgba(252, 242, 255, 0.2)), color-stop(99.94%, rgba(231, 216, 255, 0.2)));
  background: -webkit-linear-gradient(left, rgba(252, 242, 255, 0.2) 0%, rgba(231, 216, 255, 0.2) 99.94%);
  background: -o-linear-gradient(left, rgba(252, 242, 255, 0.2) 0%, rgba(231, 216, 255, 0.2) 99.94%);
  background: linear-gradient(90deg, rgba(252, 242, 255, 0.2) 0%, rgba(231, 216, 255, 0.2) 99.94%); }
  #serv .container {
    max-width: 1410px;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
  #serv h2 {
    margin-bottom: 120px; }
  #serv .wrap .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 50%;
    float: left;
    margin-bottom: 90px;
    padding-right: 100px; }
    #serv .wrap .item .wrap {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center; 
		min-height: 150px; }
    #serv .wrap .item span, #serv .wrap .item p {
      font-weight: 300;
      font-size: 20px;
      line-height: 34px;
      color: #131313;
      margin:0 0 0 40px; }
    #serv .wrap .item .class-btn.prpl-line {
      color: #7D33F7;
      border: 2px solid #7D33F7;
      background: none;
      font-weight: 600;
      font-size: 16px;
      width: 164px;
      height: 48px;
      -webkit-box-align: end;
      -webkit-align-items: flex-end;
      -ms-flex-align: end;
      align-items: flex-end;
      -webkit-transition: .3s all;
      -o-transition: .3s all;
      transition: .3s all; }
      #serv .wrap .item .class-btn.prpl-line:hover {
        -webkit-box-shadow: 0px 3px 14.11px 2.89px rgba(2, 2, 2, 0.11);
        box-shadow: 0px 3px 14.11px 2.89px rgba(2, 2, 2, 0.11);
        background: -webkit-linear-gradient(209.11deg, #C753EF 16.2%, #7D33F7 101.27%);
        background: -o-linear-gradient(209.11deg, #C753EF 16.2%, #7D33F7 101.27%);
        background: linear-gradient(240.89deg, #C753EF 16.2%, #7D33F7 101.27%);
        color: white;
        border: none; }

#social {
  background: -webkit-linear-gradient(78.94deg, #4FACFE 8.45%, #00F2FE 100%);
  background: -o-linear-gradient(78.94deg, #4FACFE 8.45%, #00F2FE 100%);
  background: linear-gradient(11.06deg, #4FACFE 8.45%, #00F2FE 100%);
  width: 100%;
  display: block;
  padding: 145px 0 100px 0; }
  #social .container {
    max-width: 1410px;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
    #social .container > span {
      font-size: 16px;
      line-height: 36px;
      margin-top: 60px;
      display: inline-block;
      color: #FFFFFF; }
  #social .h2-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    #social .h2-box .class-btn.white {
      border: 1px solid white;
      background: none; }
      #social .h2-box .class-btn.white:hover {
        -webkit-box-shadow: 0px 3px 14.11px 2.89px rgba(2, 2, 2, 0.11);
        box-shadow: 0px 3px 14.11px 2.89px rgba(2, 2, 2, 0.11);
        background: white;
        color: #202020; }
  #social h2 {
    margin-bottom: 90px;
    color: white; }
  #social .wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    #social .wrap .item {
      background: #FFFFFF;
      -webkit-box-shadow: 0px 3px 14.1px rgba(2, 2, 2, 0.11);
      box-shadow: 0px 3px 14.1px rgba(2, 2, 2, 0.11);
      -webkit-border-radius: 4px;
      border-radius: 4px;
      width: 28%;
      padding: 30px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
    #social .wrap .left img {
      width: 94px;
      height: 94px;
      margin-right: 20px;
      display: block; }
    #social .wrap .right {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center; }
      #social .wrap .right span {
        font-size: 24px;
        line-height: 36px;
        color: #202020; }
        #social .wrap .right span img {
          width: 24px;
          height: 24px;
          margin-right: 10px;
          top: 3px;
          position: relative; }
			 
#projects {
  padding: 80px 0 150px;
  position: relative;
  background: -webkit-gradient(linear, left top, right top, from(rgba(252, 242, 255, 0.2)), color-stop(99.94%, rgba(231, 216, 255, 0.2)));
  background: -webkit-linear-gradient(left, rgba(252, 242, 255, 0.2) 0%, rgba(231, 216, 255, 0.2) 99.94%);
  background: -o-linear-gradient(left, rgba(252, 242, 255, 0.2) 0%, rgba(231, 216, 255, 0.2) 99.94%);
  background: linear-gradient(90deg, rgba(252, 242, 255, 0.2) 0%, rgba(231, 216, 255, 0.2) 99.94%); }
  #projects .container {
    max-width: 1410px;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
  #projects h2 {
    margin-bottom: 80px; }
  #projects .wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 40px; }
    #projects .wrap .item {
      width: 31.5%;
      background: #FFFFFF;
      -webkit-box-shadow: 0px 3px 14.1px rgba(90, 0, 161, 0.11);
      box-shadow: 0px 3px 14.1px rgba(90, 0, 161, 0.11);
      -webkit-border-radius: 4px;
      border-radius: 4px;
      padding: 26px;
      margin-bottom: 35px; }
      #projects .wrap .item .preview {
        width: 100%;
        height: 230px;
        background: url("../img/preview.jpg");
        -webkit-background-size: cover;
        background-size: cover; }
      #projects .wrap .item .name {
        font-weight: 600;
        font-size: 24px;
        line-height: 36px;
        color: #3B3B3E;
        width: 100%;
        float: left; }
      #projects .wrap .item .sphere {
        width: 100%;
        font-weight: 300;
        font-size: 14px;
        line-height: 24px;
        color: rgba(59, 59, 62, 0.7);
        float: left; }
      #projects .wrap .item .decription {
        padding-top: 20px; }
      #projects .wrap .item .links {
        padding-top: 10px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between; }
        #projects .wrap .item .links > a {
          font-weight: 300;
          font-size: 14px;
          line-height: 24px;
          color: #8536F6;
          text-decoration: none;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex; }
          #projects .wrap .item .links > a img {
            margin-right: 10px; }
      #projects .wrap .item .social {
        font-size: 14px;
        line-height: 24px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; }
        #projects .wrap .item .social a {
          line-height: 0;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          margin-left: 5px; }
  #projects .class-btn {
    background: -webkit-linear-gradient(209.11deg, #C753EF 16.2%, #7D33F7 101.27%);
    background: -o-linear-gradient(209.11deg, #C753EF 16.2%, #7D33F7 101.27%);
    background: linear-gradient(240.89deg, #C753EF 16.2%, #7D33F7 101.27%);
    -webkit-box-shadow: 0px 3px 14.11px 2.89px rgba(2, 2, 2, 0.11);
    box-shadow: 0px 3px 14.11px 2.89px rgba(2, 2, 2, 0.11);
    width: 210px;
    height: 48px; }
    #projects .class-btn:hover {
      -webkit-box-shadow: 0px 3px 18.75px 6.25px rgba(2, 2, 2, 0.18);
      box-shadow: 0px 3px 18.75px 6.25px rgba(2, 2, 2, 0.18); }

#offer {
  width: 100%;
  display: block;
  background: linear-gradient(90deg, #F5FDFF 0%, #E7F7FB 100%); }
  #offer h2 {
    margin-bottom: 90px; }
  #offer .wrapper-bg.what {
    padding: 145px 0 120px 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/bg4.png);
    background-repeat: no-repeat;
    background-position: 95% 85%;
    -webkit-background-size: 41% 41%;
    background-size: 41%; }
    #offer .wrapper-bg.what .container {
      max-width: 1410px;
      margin: 0 auto;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; }
    #offer .wrapper-bg.what .wrap ul {
      list-style: none;
      margin-left: 0;
      padding-left: 0;
      max-width: 800px; }
      #offer .wrapper-bg.what .wrap ul li {
        font-size: 20px;
        line-height: 34px;
        color: #131313;
        padding-left: 22px;
        position: relative;
        margin-bottom: 20px; }
        #offer .wrapper-bg.what .wrap ul li span {
          font-family: 'Nunito', sans-serif;
  font-weight: 600; }
        #offer .wrapper-bg.what .wrap ul li:before {
          content: "";
          position: absolute;
          width: 13px;
          height: 13px;
          background: linear-gradient(11.06deg, #4FACFE 8.45%, #00F2FE 100%);
          -webkit-border-radius: 100%;
          border-radius: 100%;
          left: 0px;
          top: 10px; }
  #offer .wrapper-bg.price {
    width: 100%;
    height: 100%;
    background-image: url(../img/bg2.svg);
    background-repeat: no-repeat;
    background-position: 3% 15%;
    -webkit-background-size: 10% 10%;
    background-size: 10%; }
    #offer .wrapper-bg.price .container {
      border-top: 1px solid rgba(79, 172, 254, 0.7);
      padding: 100px 0 120px 0;
      max-width: 1410px;
      margin: 0 auto;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; }
    #offer .wrapper-bg.price .wrap {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
      -webkit-align-items: flex-end;
      -ms-flex-align: end;
      align-items: flex-end; }
      #offer .wrapper-bg.price .wrap .left {
        width: 45%;
        padding-right: 100px; }
        #offer .wrapper-bg.price .wrap .left h3 {
          margin-bottom: 35px;
          font-family: 'Nunito', sans-serif;
		font-weight: 900;
          font-size: 36px;
          line-height: 52px;
          color: #3b3b3e; }
        #offer .wrapper-bg.price .wrap .left p {
          font-size: 20px;
          line-height: 24px;
          color: #3B3B3E;
          margin-bottom: 5px;
          display: inline-block; }
          #offer .wrapper-bg.price .wrap .left p span {
            margin-top: 30px;
            display: inline-block;
            font-size: 16px;
            line-height: 24px; }
      #offer .wrapper-bg.price .wrap .right {
        width: 55%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end; }
        #offer .wrapper-bg.price .wrap .right .item {
          background: #FFFFFF;
          -webkit-box-shadow: 0 3px 14.1px rgba(2, 2, 2, 0.11);
          box-shadow: 0 3px 14.1px rgba(2, 2, 2, 0.11);
          -webkit-border-radius: 4px;
          border-radius: 4px;
          position: relative;
          padding: 80px 35px 35px;
          margin-left: 50px;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
          -ms-flex-pack: center;
          justify-content: center;
          max-height: 265px;
          width: calc(50% - 50px); }
          #offer .wrapper-bg.price .wrap .right .item img {
            -webkit-box-shadow: 0px 3px 14.1px rgba(2, 2, 2, 0.11);
            box-shadow: 0px 3px 14.1px rgba(2, 2, 2, 0.11);
            width: 82px;
            height: 82px;
            position: absolute;
            top: -41px;
            -webkit-border-radius: 18px;
            border-radius: 18px; }
          #offer .wrapper-bg.price .wrap .right .item .class-btn {
            background: linear-gradient(11.06deg, #4FACFE 8.45%, #00F2FE 100%);
            -webkit-box-shadow: 0px 3px 14.11px 2.89px rgba(2, 2, 2, 0.11);
            box-shadow: 0px 3px 14.11px 2.89px rgba(2, 2, 2, 0.11);
            width: 180px;
            height: 48px; }
            #offer .wrapper-bg.price .wrap .right .item .class-btn:hover {
              -webkit-box-shadow: 0px 3px 18.75px 6.25px rgba(2, 2, 2, 0.18);
              box-shadow: 0px 3px 18.75px 6.25px rgba(2, 2, 2, 0.18); }
          #offer .wrapper-bg.price .wrap .right .item p {
            margin: 0 0 30px;
            font-size: 24px;
            line-height: normal;
            text-align: center;
            color: #131313; }
            #offer .wrapper-bg.price .wrap .right .item p .old {
              font-family: 'Nunito', sans-serif;
			font-weight: 600;
              font-size: 24px;
              -webkit-text-decoration-line: line-through;
              text-decoration-line: line-through; }
            #offer .wrapper-bg.price .wrap .right .item p .new {
              font-size: 24px;
              color: #FF4B55;
              font-family: 'Nunito', sans-serif;
				font-weight: 900; }


#contacts {
  background: -webkit-gradient(linear, left top, right top, from(rgba(252, 242, 255, 0.2)), color-stop(99.94%, rgba(231, 216, 255, 0.2)));
  background: -webkit-linear-gradient(left, rgba(252, 242, 255, 0.2) 0%, rgba(231, 216, 255, 0.2) 99.94%);
  background: -o-linear-gradient(left, rgba(252, 242, 255, 0.2) 0%, rgba(231, 216, 255, 0.2) 99.94%);
  background: linear-gradient(90deg, rgba(252, 242, 255, 0.2) 0%, rgba(231, 216, 255, 0.2) 99.94%);
  opacity: 0.9; }
  #contacts .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 1410px;
    margin: 0 auto;
    -webkit-box-shadow: -999px 0px 0px 0px white;
    box-shadow: -999px 0px 0px 0px white; }
  #contacts .left {
    background: white;
    width: 43%;
    float: left;
    padding: 170px 0; }
    #contacts .left > span {
      font-size: 18px;
      color: #202020;
      padding-right: 41%;
      display: inline-block;
      margin: 40px 0 25px; }
    #contacts .left ul {
      margin: 0;
      padding: 0; }
      #contacts .left ul li {
        list-style: none;
        margin: 20px 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start; }
        #contacts .left ul li > img {
          margin: 2px 20px 0 0; }
          #contacts .left ul li > img.mail {
            margin-top: 8px; }
        #contacts .left ul li a {
          text-decoration: none;
          font-size: 20px;
          line-height: 36px;
          color: #202020;
          -webkit-transition: .3s all;
          -o-transition: .3s all;
          transition: .3s all; }
          #contacts .left ul li a:hover {
            color: #7D33F7; }
        #contacts .left ul li > span {
          text-decoration: none;
          font-size: 20px;
          line-height: 36px;
          color: #202020; }
        #contacts .left ul li .flag {
          line-height: 0;
          font-size: 0; }
          #contacts .left ul li .flag img {
            margin-left: 10px;
            margin-top: 8px;
            width: 20px;
            height: 20px; }
            #contacts .left ul li .flag img.social {
              margin-left: 4px; }
  #contacts .right {
    width: 60%;
    float: left;
    padding: 170px 0;
    padding-left: 7%; }
    #contacts .right h3 {
      font-family: 'Nunito', sans-serif;
		font-weight: 900;
      font-size: 46px;
      margin: 0;
      color: #3b3b3e;
      margin-bottom: 60px; }

form button.send {
  background: -webkit-linear-gradient(209.11deg, #C753EF 16.2%, #7D33F7 101.27%);
  background: -o-linear-gradient(209.11deg, #C753EF 16.2%, #7D33F7 101.27%);
  background: linear-gradient(240.89deg, #C753EF 16.2%, #7D33F7 101.27%);
  -webkit-box-shadow: 0px 5px 20.79px 6.21px rgba(124, 34, 51, 0.21);
  box-shadow: 0px 5px 20.79px 6.21px rgba(124, 34, 51, 0.21);
  width: 234px;
  height: 48px;
  margin-top: 30px; }
  form button.send:hover {
    -webkit-box-shadow: 0px 6px 25px 8px rgba(124, 34, 51, 0.25);
    box-shadow: 0px 6px 25px 8px rgba(124, 34, 51, 0.25); }
form .input, form .textarea {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 70%;
  margin-bottom: 40px;
  position: relative;
  text-align: left; }
  form .input label, form .textarea label {
    font-weight: 300;
    font-size: 12px;
    color: #202020;
    opacity: 0.7; }
  form .input input, form .input textarea, form .textarea input, form .textarea textarea {
    height: 42px;
    background: transparent;
    border: none;
    border-bottom: 2px solid #c2c2c2;
    font-weight: 300;
    font-size: 18px;
    line-height: 36px;
    color: #202020;
    -webkit-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all; }
	 form .input input.error, form .input textarea.error, form .textarea input.error, form .textarea textarea.error, form .input tel.error {
		 border-color:#f30000;
	 }
    form .input input#phone, form .input input#phone1, form .input textarea#phone, form .input textarea#phone1, form .textarea input#phone, form .textarea input#phone1, form .textarea textarea#phone, form .textarea textarea#phone1 {
      padding-left: 70px; }
  form .input textarea, form .textarea textarea {
    height: 120px; }
  form .input input:focus, form .input textarea:focus, form .textarea input:focus, form .textarea textarea:focus {
    border-bottom: 2px solid #7D33F7; }
  form .input .country, form .textarea .country {
    position: absolute;
    bottom: 4px;
    left: 0;
    /* HIDE RADIO */
    /* IMAGE STYLES */
    /* CHECKED STYLES */ }
    form .input .country:after, form .textarea .country:after {
      content: "";
      width: 2px;
      height: 22px;
      background: #d5d5d5;
      position: absolute;
      bottom: 6px;
      left: 58px; }
    form .input .country label, form .textarea .country label {
      opacity: 1; }
    form .input .country [type=radio], form .textarea .country [type=radio] {
      position: absolute;
      opacity: 0;
      width: 0;
      height: 0; }
    form .input .country [type=radio] + img, form .textarea .country [type=radio] + img {
      cursor: pointer;
      opacity: 0.6; }
    form .input .country [type=radio]:checked + img, form .textarea .country [type=radio]:checked + img {
      opacity: 1; }
form .textarea {
  margin-bottom: 20px; }
form .material-button {
  padding: 8px 10px;
  min-width: 88px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-size: 16px;
  font-weight: 600;
  color: #7D33F7;
  text-align: center;
  text-transform: uppercase;
  border: none;
  outline: none;
  cursor: pointer;
  background-color: transparent;
  -webkit-transition: background-color .2s, color .2s;
  -o-transition: background-color .2s, color .2s;
  transition: background-color .2s, color .2s; }
  form .material-button:hover, form .material-button:focus {
    background-color: rgba(158, 158, 158, 0.2); }
form .check-data {
  text-align: left;
  margin: 15px 0 10px; }
  /*
  form .check-data span {
    width: 90%;
    display: inline-block;
    position: relative;
    bottom: -3px;
    text-align: left; }
	 */
  form .check-data a {
    color: #7D33F7;
    text-decoration: none; }
form .styled-checkbox {
  position: absolute;
  opacity: 0; }
  form .styled-checkbox + label, form .styled-checkbox + span {
    position: relative;
    cursor: pointer;
    padding: 0;
    font-size: 14px;
    -webkit-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all; }
  form .styled-checkbox + label:before, form .styled-checkbox + span:before {
    content: '';
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #efefef;
    border: 1px solid #e6e6e6;
    -webkit-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all; }
  form .styled-checkbox:hover + label:before, form .styled-checkbox:hover + span:before {
    background: -webkit-linear-gradient(209.11deg, #C753EF 16.2%, #7D33F7 101.27%);
    background: -o-linear-gradient(209.11deg, #C753EF 16.2%, #7D33F7 101.27%);
    background: linear-gradient(240.89deg, #C753EF 16.2%, #7D33F7 101.27%);
    -webkit-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all; }
  form .styled-checkbox:focus + label:before, form .styled-checkbox:focus + span:before {
    -webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12); }
  form .styled-checkbox:checked + label:before, form .styled-checkbox:checked + span:before {
    -webkit-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;
    background: -webkit-linear-gradient(209.11deg, #C753EF 16.2%, #7D33F7 101.27%);
    background: -o-linear-gradient(209.11deg, #C753EF 16.2%, #7D33F7 101.27%);
    background: linear-gradient(240.89deg, #C753EF 16.2%, #7D33F7 101.27%); }
  form .styled-checkbox:disabled + label, form .styled-checkbox:disabled + span {
    color: #b8b8b8;
    cursor: auto; }
  form .styled-checkbox:disabled + label:before, form .styled-checkbox:disabled + span:before {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #ddd; }
  form .styled-checkbox:checked + label:after, form .styled-checkbox:checked + span:after {
    content: '';
    position: absolute;
    left: 5px;
    top: 9px;
    background: white;
    width: 2px;
    height: 2px;
    -webkit-box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
    box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }

#partners {
  padding: 100px 0; }
  #partners .container {
    max-width: 1410px;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
  #partners .wrap {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  #partners h2 {
    margin-bottom: 60px; }
  #partners .owl-partners .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 75px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 20px;
    border: 1px solid #f1f1f1; }
  #partners .owl-partners img {
    max-width: 95%;
    max-height: 95%;
    width: auto; }
  #partners .owl-partners .owl-nav {
    float: left; }
    #partners .owl-partners .owl-nav button.owl-next, #partners .owl-partners .owl-nav button.owl-prev {
      font-size: 37px;
      width: 48px;
      line-height: 40px;
      color: #c7c7c7;
      border: 1px solid #f1f1f1;
      padding-bottom: 4px !important;
      -webkit-transition: .3s all;
      -o-transition: .3s all;
      transition: .3s all;
      margin: 20px 10px 0 0; }
      #partners .owl-partners .owl-nav button.owl-next:hover, #partners .owl-partners .owl-nav button.owl-prev:hover {
        color: white;
        background: -webkit-linear-gradient(209.11deg, #C753EF 16.2%, #7D33F7 101.27%);
        background: -o-linear-gradient(209.11deg, #C753EF 16.2%, #7D33F7 101.27%);
        background: linear-gradient(240.89deg, #C753EF 16.2%, #7D33F7 101.27%); }
  #partners .owl-partners button.owl-dot {
    display: none; }

#reviews {
  padding: 100px 0;
  background: -webkit-linear-gradient(209.11deg, #C753EF 16.2%, #7D33F7 101.27%);
  background: -o-linear-gradient(209.11deg, #C753EF 16.2%, #7D33F7 101.27%);
  background: linear-gradient(240.89deg, #C753EF 16.2%, #7D33F7 101.27%); }
  #reviews .container {
    max-width: 1410px;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
  #reviews .wrap {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  #reviews h2 {
    margin-bottom: 60px;
    color: white; }
  #reviews .owl-carousel-wrap {
    width: 100%;
    position: relative; }
    #reviews .owl-carousel-wrap .owl-carousel .item {
      cursor: pointer; }
      #reviews .owl-carousel-wrap .owl-carousel .item a {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        max-height: 260px;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center; }
        #reviews .owl-carousel-wrap .owl-carousel .item a img {
          width: 100%;
          height: 100%; }
    #reviews .owl-carousel-wrap .owl-carousel .owl-nav {
      float: left; }
      #reviews .owl-carousel-wrap .owl-carousel .owl-nav button.owl-next, #reviews .owl-carousel-wrap .owl-carousel .owl-nav button.owl-prev {
        font-size: 37px;
        width: 48px;
        line-height: 40px;
        color: #fff;
        border: 1px solid #fff;
        padding-bottom: 4px !important;
        -webkit-transition: .3s all;
        -o-transition: .3s all;
        transition: .3s all;
        margin: 20px 10px 0 0; }
        #reviews .owl-carousel-wrap .owl-carousel .owl-nav button.owl-next:hover, #reviews .owl-carousel-wrap .owl-carousel .owl-nav button.owl-prev:hover {
          color: #7D33F7;
          background: #fff; }
    #reviews .owl-carousel-wrap .owl-carousel button.owl-dot {
      display: none; }

footer {
  background: #f7f7f7; }
  footer .footer-content {
    max-width: 1410px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto;
    padding: 40px 0 35px; }
    footer .footer-content span, footer .footer-content p {
      font-size: 16px;
      color: #202020;
	 margin:0;}

.remodal {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  max-width: 600px;
  padding: 35px 40px 40px; }
  .remodal h1 {
    font-size: 18px;
    font-family: 'Nunito', sans-serif;
	font-weight: 400;
    line-height: 27px;
    display: inline-block;
    text-align: left; }
    .remodal h1 b {
      font-family: 'Nunito', sans-serif;
	font-weight: 900;
  }
    .remodal h1 span {
      font-size: 12px;
      line-height: 18px;
      opacity: 0.7;
      display: inline-block;
      margin: 10px 0; }
  .remodal form .input, .remodal form .textarea {
    max-width: 100%; }
  /*
  .remodal form .check-data span {
    width: 90%;
    display: inline-block;
    position: relative;
    bottom: -14px;
    text-align: left; }
	 */
  .remodal form .check-data {
    text-align: left;
    margin-bottom: 20px; }

#description {
  width: 100%;
  display: block;
  background: linear-gradient(90deg, #F5FDFF 0%, #E7F7FB 100%); }
  #description .wrapper-bg {
    padding: 145px 0 100px 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/bg3.svg);
    background-repeat: no-repeat;
    background-position: 93% 90%;
    -webkit-background-size: 44% 44%;
    background-size: 44%; }
  #description .container {
    max-width: 1410px;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
  #description h2 {
    margin-bottom: 90px; }
  #description .wrap ul {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
    max-width: 455px; }
    #description .wrap ul li {
      font-size: 20px;
      line-height: 34px;
      color: #131313;
      padding-left: 22px;
      position: relative;
      margin-bottom: 40px; }
      #description .wrap ul li span {
        font-family: 'Nunito', sans-serif;
  font-weight: 600;
  }
      #description .wrap ul li:before {
        content: "";
        position: absolute;
        width: 13px;
        height: 13px;
        background: linear-gradient(11.06deg, #4FACFE 8.45%, #00F2FE 100%);
        -webkit-border-radius: 100%;
        border-radius: 100%;
        left: 0px;
        top: 10px; }


@media only screen and (max-width: 1440px) {
  header .top-line .container,
  header .content .container,
  main .content .container,
  #description .container,
  #social .container,
  #serv .container,
  #pros .container,
  #prices .container,
  #partners .container,
  #projects .container,
  #contacts .container,
  #offer .wrapper-bg.what .container,
  #offer .wrapper-bg.price .container,
  footer .footer-content,
  #reviews .container {
    max-width: 1280px; }

  header .content .wrapper-bg {
    background-position: 118% 100%;
    -webkit-background-size: 58% 58%;
    background-size: 58%; }

  header .content h1 {
    font-size: 42px;
    line-height: 54px; }

  header .content p {
    font-size: 22px;
    margin: 35px 0 40px 0; }
	 
  #description .wrap ul li {
    margin-bottom: 20px; }

	#description .wrapper-bg {
    padding: 80px 0 60px;
    background-position: 103% 99%;
    -webkit-background-size: 50% 50%;
    background-size: 50%; }

  #description h2 {
    margin-bottom: 40px; }
	 
  #serv h2, #projects h2 {
    margin-bottom: 60px; }

  #partners h2 {
    margin-bottom: 40px; }

  #contacts .left {
    padding: 100px 0; }

  #contacts .right {
    padding: 100px 0;
    padding-left: 7%; }

  #partners {
    padding: 70px 0; }

	#pros {
    padding: 50px 0 100px; }

  #pros h2 {
    margin-bottom: 60px; }

  #pros .left p {
    font-size: 22px; }

  #pros .right ul li {
    font-size: 22px;
    margin: 28px 0; }

  #pros .right ul li img {
    top: -5px; }

  #pros:after {
    width: 603px;
    height: 288px;
    bottom: 113px; }

  #serv {
    padding: 80px 0 0; }

  #projects .wrap .item .preview {
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 50% 0;
    height: 195px; }

  #projects .wrap .item {
    width: 32%;
    padding: 20px;
    margin-bottom: 25px; }

  #projects .wrap .item .decription {
    padding-top: 12px; }
	 
	#offer .wrapper-bg.what .wrap ul li:before {
    top: 5px; }
	 
  #offer h2 {
    margin-bottom: 40px; }

  #offer .wrapper-bg.what .wrap ul li {
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 18px; }

  #offer .wrapper-bg.what .wrap ul {
    max-width: 600px; }

  #offer .wrapper-bg.what {
    background-position: 125% 90%;
    -webkit-background-size: 60% 60%;
    background-size: 60%; }

  #offer .wrapper-bg.price .container {
    padding: 40px 0 100px 0; }
 
	#offer .wrapper-bg.price .wrap .right .item {
    padding: 80px 15px 35px; }

  #offer .wrapper-bg.price {
    background-position: 39% 23%;
    -webkit-background-size: 10% 10%;
    background-size: 10%; }

  #offer .wrapper-bg.what {
    padding: 80px 0 60px; }
	 
	#prices .left p {
    font-size: 22px; }

  #prices .wrapper-bg {
    background-position: 8% 88%;
    -webkit-background-size: 280px 280px;
    background-size: 280px; }

  #prices .container {
    padding: 115px 0 75px; }

  #prices .right .item {
    width: 220px;
    min-height: 300px;
    margin: 0 0 50px 30px;
    padding: 30px 15px 0; }

	#social {
    padding: 80px 0 60px 0; }

  #social h2 {
    margin-bottom: 50px; }

  #social .wrap .item {
    width: 31%; }

  #social .container > span {
    margin-top: 40px; }

	 }
@media only screen and (max-width: 1366px) {
  header .top-line .container, header .content .container, main .content .container, #prices .container, #pros .container, #serv .container, #partners .container, #projects .container, #contacts .container, footer .footer-content, #reviews .container, #description .container, #social .container, #offer .wrapper-bg.what .container, #offer .wrapper-bg.price .container {
    max-width: 1170px; }

  header .content .wrapper-bg {
    background-position: 119% -6%;
    -webkit-background-size: 55% 55%;
    background-size: 55%; }
	header .phones .social {
		display:block;
		text-align:right;
		margin-top:-8px;
	}
	 #pros:after {
    width: 573px;
    height: 267px;
    bottom: 114px; }
	 #pros .left p {
    font-size: 20px; }

  #pros .right ul li {
    font-size: 20px;
    margin: 24px 0; }
  
  #prices .left p {
    font-size: 20px;
    margin-top: 30px; }
	 
	 #serv {
    padding: 80px 0 0; }

  #serv > div > div > div > div > img {
    width: 100px;
    height: auto; }

  form .input, form .textarea {
    max-width: 85%; }

  #serv .wrap .item .wrap {
    width: calc(100% - 140px); }

  #serv .wrap .item .class-btn.prpl-line {
    width: 140px; }

  #serv .wrap .item span, #serv .wrap .item p {
    font-weight: 300;
    font-size: 18px;
    line-height: 27px;
    color: #131313;
    margin: 0px; }

  header .top-line nav .anchor-nav a.logo {
    margin-right: 30px; }

  header .top-line nav .anchor-nav li {
    margin: 0 12px; }

  #serv .wrap .item span, #serv .wrap .item p {
    font-size: 18px;
    padding: 0 20px 0 20px; }
    #serv .wrap .item span br {
      display: none; }

  #serv .wrap .item {
    margin-bottom: 60px; }

  h2, #contacts .right h3 {
    font-size: 36px; }

  #contacts .left > span {
    margin: 40px 0 50px;
    padding-right: 29%; }

  #partners .wrap img {
    zoom: 0.8; } }
@media only screen and (max-width: 1280px) {
  #pros:after {
    width: 520px; } }
@media only screen and (max-width: 1200px) {
	header .top-line .container,
  header .content .container,
  .why .container,
  #description .container,
  #social .container,
  #partners .container,
  #projects .container,
  #contacts .container,
  #offer .wrapper-bg.what .container,
  #offer .wrapper-bg.price .container,
  footer .footer-content,
  #reviews .container {
    max-width: 94%; }
	 
	 #social .wrap .right span {
    font-size: 20px;
    line-height: 34px; }

  #social .wrap .item {
    padding: 20px; }

  #social .wrap .right span img {
    width: 18px;
    height: 18px;
    margin-right: 8px;
    top: 2px; }
	 
	 #offer .wrapper-bg.what {
    background-position: 176% 84%;
    -webkit-background-size: 71% 71%;
    background-size: 71%; }

  #offer .wrapper-bg.price .wrap .left {
    width: 40%;
    padding-right: 40px; }

  #offer .wrapper-bg.price {
    background-image: none; }

  #offer .wrapper-bg.price .wrap .right {
    width: 60%; }
	 
}
@media only screen and (max-width: 1024px) {
  header .phones .social {
		display:inline-block;
		text-align:left;
		margin-top:0;
	}
  form .check-data {
    text-align: left;
    margin: 0px 0 10px; }
/*
  form .check-data span {
    bottom: -14px; }
*/
  header .top-line .container, header .content .container, main .content .container, #prices .container, #pros .container, #serv .container, #partners .container, #projects .container, #contacts .container, footer .footer-content, #reviews .container {
    max-width: 92%; }

  header .top-line .phones .class-btn {
    display: none; }

  header .content {
    height: 700px; }

  header .content .wrapper-bg {
    background-position: 114% 64%;
    -webkit-background-size: 52% 52%;
    background-size: 52%; }

  #serv .wrap .item img {
    zoom: 0.8; }

  header .content h1 {
    font-size: 36px;
    line-height: 46px; }

  header .content p {
    font-size: 16px;
    max-width: 455px;
    line-height: 24px;
    margin: 25px 0 25px 0; }

  header .content .container {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    padding-top: 150px; }

  header .top-line nav .anchor-nav a.logo img {
    width: 150px; }

  header .top-line nav .anchor-nav a {
    font-size: 14px;
    padding: 2px; }

  h2, #contacts .right h3 {
    font-size: 32px; }

	#description .wrapper-bg {
    padding: 80px 0 60px;
    background-position: 153% 92%;
    -webkit-background-size: 65% 65%;
    background-size: 65%; }

  #contacts .left ul li a, #contacts .left ul li > span {
    line-height: 24px;
    font-size: 16px; }

  #contacts .left ul li > img {
    margin: 2px 10px 0 0;
    width: 20px; }

  #contacts .left ul li > img.mail {
    margin-top: 6px; }

  form .input, form .textarea {
    max-width: 95%;
    margin-bottom: 30px; }

  #contacts .right {
    padding-left: 6%; }

  #contacts .left ul li .flag img {
    margin-top: 1px; }

  form .material-input, form .material-textarea {
    width: 95%; }

  #contacts .right h3 {
    margin-bottom: 40px; }

  #contacts .left ul li a {
    font-size: 20px; }

  #contacts {
    background-position: 200px;
    background-repeat: no-repeat; }

  #contacts .left {
    padding: 85px 0; }

  #contacts .right {
    padding: 85px 0;
    padding-left: 7%; }

  form .material-input, form .material-textarea {
    margin-bottom: 0; }

  #contacts .left > span {
    margin: 35px 0 35px;
    padding-right: 20%; }
	
	#pros .left p {
    font-size: 16px; }
  #pros .right ul li {
    font-size: 16px;
    margin: 24px 0; }

  #pros .right ul li img {
    top: -5px;
    zoom: 0.7; }
	#pros:after {
    width: 579px;
    height: 232px;
    bottom: 108px; }
	 
  #projects .wrap .item .preview {
    height: 155px; }

  #projects .wrap .item .name {
    font-size: 18px;
    line-height: 27px; }

  #projects .wrap .item .sphere {
    line-height: 18px; }

  #projects .wrap .item {
    margin-bottom: 18px; }

	#offer .wrapper-bg.what .wrap ul li {
    font-size: 16px;
    line-height: 24px; }

  #offer .wrapper-bg.what {
    background-position: 198% 86%;
    -webkit-background-size: 76% 76%;
    background-size: 76%; }

  #offer .wrapper-bg.what .wrap ul {
    max-width: 50%; }
	 
	#offer .wrapper-bg.price .wrap .left {
    width: 100%;
    padding-right: 0; }

  #offer .wrapper-bg.price .wrap .right {
    width: 100%; }

  #offer .wrapper-bg.price .wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }

	#offer .wrapper-bg.price .wrap .left h3 br {
    display: none; }

  #offer .wrapper-bg.price .wrap .left p {
    margin: 0;
    max-width: 80%; }

  #offer .wrapper-bg.price .wrap .right {
    margin-top: 80px; }

  #offer .wrapper-bg.price .wrap .right .item {
    padding: 75px 15px 25px;
    max-height: 205px;
    width: 48%;
    margin-left: 0; }
    #offer .wrapper-bg.price .wrap .right .item br {
      display: none; }

  #offer .wrapper-bg.price .wrap .right {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; }
	
	#prices .left {
    width: 100%;
    float: none; }

  #prices .right {
    width: 100%;
    float: none; }

  #prices .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column; }

  #prices .left h2 br {
    display: none; }

  #prices .left p {
    font-size: 20px;
    padding-right: 40%; }

  #prices .right {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    padding-top: 50px; }

  #prices .right .item {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: white;
    -webkit-box-shadow: 0px 3px 14.11px 2.89px rgba(2, 2, 2, 0.11);
    box-shadow: 0px 3px 14.11px 2.89px rgba(2, 2, 2, 0.11);
    width: 240px;
    min-height: 320px;
    float: left;
    margin: 0 50px 70px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
    position: relative;
    padding: 45px 25px 0; }

  #prices .wrapper-bg {
    background-position: 117% 12%;
    -webkit-background-size: 280px 280px;
    background-size: 280px; }

  #prices .container {
    padding: 100px 0 65px; }
	 
	 #social .h2-box {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 40px; }

  #social h2 {
    margin-bottom: 0;
    width: 60%;
    line-height: 46px; }

  #social .wrap .left img {
    width: 64px;
    height: 64px;
    margin-right: 15px; }

  #social .wrap .right span {
    font-size: 18px;
    line-height: 28px; }

  #social .wrap .right span img {
    top: 3px; } 
	 
	 }
@media only screen and (max-width: 768px) {
  /*form .check-data span {
    bottom: -3px; }
*/
  form .check-data {
    margin: 15px 0 10px; }

  header .top-line nav .anchor-nav a {
    font-size: 14px; }

  header .top-line nav .anchor-nav a.logo img {
    width: 134px; }

  header .top-line {
    height: 70px; }

  header .top-line nav .anchor-nav li.partners {
    display: none; }

  header .top-line .container, header .content .container, main .content .container, .content .container, #prices .container, #pros .container, #serv .container, #partners .container, #contacts .container, footer .footer-content {
    max-width: 100%;
    padding: 0 40px; }

  header .top-line .container, header .content .container {
    padding: 0 20px; }

  header .content {
    height: 900px; }

  header .content .container {
    padding: 80px 0 0 60px; }

  header .content .wrapper-bg {
    background-position: 600% 118%;
    -webkit-background-size: 95% 95%;
    background-size: 95%; }
	
	#description .wrap ul {
    max-width: 80%; }
	 #description .wrapper-bg {
    background-image: none; }
	 
  #serv .wrap .item {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    margin-bottom: 90px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    align-items: flex-start; }

  #serv .wrap .item span, #serv .wrap .item p {
    font-size: 18px;
    padding-left: 0;
    padding-top: 25px; }

  #serv .wrap .item {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    margin-bottom: 75px; }

  #serv .wrap .item img {
    zoom: 1; }
	
	#prices .container {
    max-width: 100%;
    padding: 90px 40px 75px; }

  #prices .left p {
    font-size: 20px;
    padding-right: 22%; }

  #prices .wrapper-bg {
    background-position: 130% 12%; }
	 
  #partners .wrap img {
    zoom: 1; }

  #partners .wrap {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; }

  #partners {
    padding: 70px 0 45px; }

  #contacts .left {
    padding: 85px 40px;
    width: 100%; }

  #contacts .right {
    padding: 85px 40px;
    width: 100%; }

  #contacts .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column; }

  #contacts .left ul li {
    list-style: none;
    margin: 15px 0; }

  #contacts .left > span {
    margin: 25px 0 35px;
    padding-right: 45%; }

  form .material-input, form .material-textarea {
    width: 80%; }

  #contacts {
    background-position: 0; }

  #contacts .left ul li {
    float: left;
    width: 50%; }

  #contacts .container {
    padding: 0; }

  footer .footer-content {
    max-width: 100%;
    padding: 40px; }

	#pros .left {
    width: 100%;
    padding-right: 10%;
    float: left; }

  #pros .left p {
    font-size: 18px; }

  #pros .right {
    width: 100%;
    float: left; }

  #pros h2 {
    margin-bottom: 30px; }

  #pros .right ul {
    padding-left: 0; }

  #pros .right ul li img {
    top: -8px;
    zoom: 1;
    margin-right: 50px; }

  #pros .right ul li {
    font-size: 18px;
    margin: 30px 0; }

  #pros .left {
    margin-bottom: 40px; }

  #pros {
    padding: 50px 0 65px; }

  #pros:after {
    width: 662px;
    height: 286px;
    bottom: 88px; }

  #projects .wrap .item {
    width: 48%;
    margin-bottom: 25px; }

  #projects .wrap .item .preview {
    height: 180px; }

  header .content .wrapper-bg {
    background-position: 132% 143%;
    -webkit-background-size: 85% 85%;
    background-size: 85%; }

  header .content .container {
    padding: 60px 0 0 60px; }
    /*
	 header .content .container h1 br {
      display: none; }
*/
  #serv .wrap .item .wrap {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 15px; }

  #serv .wrap .item img {
    height: 64px;
    width: auto; }

  #serv .wrap .item span, #serv .wrap .item p {
    font-size: 20px;
    padding-left: 0;
    padding-top: 15px; }

  header .top-line nav .anchor-nav li {
    margin: 0 8px; }

  header .top-line nav .anchor-nav a.logo {
    margin-right: 20px; }

  header .top-line .phones ul {
    margin-right: 0; } 
	 
	#social .wrap .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px; }

  #social .wrap .left img {
    margin-bottom: 20px; } 
	 
	  #offer h2 br {
    display: none; }

  #offer .wrapper-bg.what .wrap ul {
    max-width: 90%; }

  #offer .wrapper-bg.what {
    background-image: none; }

  #offer .wrapper-bg.price .wrap .right .item {
    padding: 75px 40px 25px;
    max-height: 250px;
    width: 48%; }
	 
	 }
@media only screen and (max-width: 560px) {
  form .check-data {
    text-align: left;
    margin: 0px 0 10px; }

  .remodal form .check-data {
    text-align: left;
    margin-bottom: 0; }
/*
  form .check-data span {
    bottom: -14px; }
*/
  header .top-line nav .anchor-nav li {
    display: none; }

  header .top-line .container, header .content .container {
    padding: 0 15px; }

  header .top-line .phones ul li a {
    font-size: 12px;
    line-height: 18px; }

  header .top-line .phones ul {
    margin-right: 0; }

  header .top-line {
    height: 100px; }

  header .top-line nav .anchor-nav a.logo img {
    width: 100px; }

 /* header .top-line .phones ul {
    height: 45px; }*/

  header .top-line .phones ul li {
    height: 20px; }

  header .content h1 {
    font-size: 24px;
    line-height: 36px; }

  header .content .container {
    padding: 30px 0 0 20px; }

  header .content p {
    margin: 20px 0 25px 0; }

  .class-btn {
    font-size: 14px;
    color: white;
    width: 200px;
    height: 42px; }

  header .content {
    padding-top: 60px;
    height: 700px; }

  header .content p {
    font-size: 16px; }

  header .content .wrapper-bg {
    background-position: 95px 137%;
    -webkit-background-size: 85% 85%;
    background-size: 85%; }

  #pros .container, #serv .container, #prices .container, #partners .container, #contacts .container, footer .footer-content {
    max-width: 100%;
    padding: 0 15px; }

  h2, #contacts .right h3 {
    font-size: 20px; }

	#pros {
    padding: 30px 0 45px; }

  #pros .left p {
    font-size: 14px; }

  #pros h2 {
    margin-bottom: 10px; }

  #pros .left {
    width: 100%;
    padding-right: 0; }

  #pros .right ul li img {
    top: -1px;
    zoom: 0.9;
    margin-right: 30px; }

  #pros .right ul li {
    font-size: 16px;
    margin: 20px 0;
    height: 51px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center; }

  #pros:after {
    width: 80%;
    height: 293px;
    bottom: 49px; }

  #serv {
    padding: 50px 0 0; }

  #serv h2 {
    margin-bottom: 40px; }

  #serv .wrap .item {
    margin-bottom: 50px;
    padding-right: 0;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center; }

  #serv .wrap .item span, #serv .wrap .item p {
    font-size: 16px;
    padding-left: 20px;
    padding-top: 0; }

  #serv .wrap .item img {
    zoom: 1;
    height: 60px;
    width: auto; }

  #serv .wrap .item .wrap {
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0; }

	#prices {
    padding-top: 45px;
    padding-bottom: 40px; }

  #prices .left p {
    font-size: 14px;
    padding-right: 22%;
    margin-top: 20px; }

  #prices .left span {
    font-size: 13px; }

  #prices .right .item {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: white;
    -webkit-box-shadow: 0px 3px 14.11px 2.89px rgba(2, 2, 2, 0.11);
    box-shadow: 0px 3px 14.11px 2.89px rgba(2, 2, 2, 0.11);
    width: 100%;
    max-width: 300px;
    min-height: 200px;
    float: left;
    margin: 0 0 50px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
    position: relative;
    padding: 25px 15px 35px; }

  #prices .right .item p {
    font-size: 14px;
    margin: 12px 0 4px; }
    #prices .right .item p br {
      display: none; }

  #prices .right .item span.rur {
    font-size: 30px;
    display: inline-block;
    margin-top: 8px; }

  #prices .right .item span.byn {
    font-size: 24px;
    display: inline-block;
    margin-bottom: 8px; }

  #prices .right {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    padding-top: 35px; }

  #prices .wrapper-bg {
    background-position: 218% 6%;
    -webkit-background-size: 200px 200px;
    background-size: 200px; }

  header .top-line .container h2,
  header .content .container h2,
  #serv .container h2,
  #partners .container h2,
  #projects .container h2,
  #contacts .container h2,
  footer .footer-content h2,
  #reviews .container h2 {
    margin-bottom: 20px; }

  #contacts .left > span {
    margin: 0 0 15px; }

  #projects .wrap .item {
    width: 49%;
    margin-bottom: 11px;
    padding: 15px; }

  #projects .wrap .item .preview {
    height: 136px; }

  #projects .wrap .item .links {
    padding-top: 10px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }

  #projects .wrap .item .social {
    margin-top: 12px; }

  #projects .wrap .item .social a {
    margin-left: 0;
    margin-right: 10px; }

  #contacts .container {
    padding: 0; }

  #contacts .left {
    padding: 50px 15px 35px;
    width: 100%; }

  #contacts .left > span {
    margin: 15px 0 15px;
    padding-right: 0;
    font-size: 14px; }

  #contacts .left ul li {
    float: left;
    margin: 10px 0;
    width: 100%; }

  #contacts .left ul li a {
    font-size: 16px; }

  #contacts .right {
    padding: 45px 15px;
    width: 100%; }

  form .material-input, form .material-textarea {
    width: 100%;
    max-width: 350px; }

  #contacts .right h3 {
    margin-bottom: 15px; }

  form .material-input label, form .material-input input, form .material-input textarea, form .material-input .error, form .material-textarea label, form .material-textarea input, form .material-textarea textarea, form .material-textarea .error {
    position: absolute;
    left: 0;
    width: 100%;
    font-size: 16px; }

  form .material-input label {
    line-height: 77px;
    height: 60px; }

  form .material-input input, form .material-textarea input {
    height: 32px; }

  form .material-input {
    height: 80px; }

  form .material-input .error, form .material-textarea .error {
    font-size: 12px; }

  form .material-input .error, form .material-textarea .error {
    font-size: 12px;
    bottom: -18px; }

  footer .footer-content span, footer .footer-content p {
    font-size: 14px;
    color: #202020;
    width: 100%;
	 margin:0;}

  footer .footer-content {
    max-width: 100%;
    padding: 15px; }

  footer .footer-content {
    max-width: 100%;
    padding: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    text-align: left;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start; }

  .remodal {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    max-width: 400px;
    padding: 20px 15px 30px; }
    .remodal h1 {
      font-size: 24px;
      margin: 10px 0 0; }

  .remodal h1 {
    font-size: 18px;
    line-height: 25px;
    margin: 20px 0; }
    .remodal h1 br {
      display: none; }

  .remodal h1 span {
    display: none; }

  form .input, form .textarea {
    margin-bottom: 20px; }

	#description .wrap ul li {
    font-size: 16px;
    line-height: 24px; }
	 #description .wrapper-bg {
    padding: 60px 0 40px; }
	 #description .wrap ul {
    margin-top: 0; }

	#social h2 {
    margin-bottom: 36px;
    line-height: 30px;
    font-size: 20px; }

  #social h2 {
    margin-bottom: 0; }

  #social .wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }

  #social .wrap .item {
    margin-bottom: 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    padding: 20px; }

  #social .wrap .left img {
    margin-bottom: 0; }

  #social .wrap .left img {
    width: 88px;
    height: 88px;
    margin-right: 19px; }

  #social .wrap .right span {
    font-size: 22px;
    line-height: 36px; }

  #social .container > span {
    margin-top: 20px; }

  #social .wrap .right span img {
    width: 24px;
    height: 24px;
    margin-right: 8px;
    top: 5px; }
	
	#offer .wrapper-bg.what {
    padding: 60px 0 40px; }
	 
	  #offer .wrapper-bg.price .wrap .left p {
    max-width: 100%; }

#offer .wrapper-bg.price .wrap .right .item {
    padding: 75px 40px 25px;
    max-height: 250px;
    width: 100%; }

  #offer .wrapper-bg.price .wrap .right {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }

  #offer .wrapper-bg.price .wrap .right .item {
    margin-bottom: 100px; }

  #offer .wrapper-bg.price .container {
    padding: 40px 0 0 0; }
	 
	 }
@media only screen and (max-width: 520px) {
  #projects .wrap .item {
    width: 100%;
    margin-bottom: 20px;
    padding: 25px; }

  #projects .wrap .item .preview {
    height: 263px; }

  #projects .wrap .item .links {
    padding-top: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row; }

  #projects .wrap .item .social {
    margin-top: 0; }
	
	#pros:after {
    width: 85%; }
	 
	 #prices .right .item {
    max-width: 350px; }
	 
  header .content {
    padding-top: 50px;
    height: 660px; }

  #serv .wrap .item img {
    zoom: 0.7; }

  #reviews .owl-carousel-wrap .owl-carousel .item a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-height: 198px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; } }
@media only screen and (max-width: 425px) {
  header .content {
    padding-top: 50px;
    height: 620px; }

  #contacts .left > span {
    padding-right: 32%; }

	#pros:after {
    width: 83%; }
	 
	 #prices .right .item {
    max-width: 300px; }
  #prices .wrapper-bg {
    background-position: 145% 4%;
    -webkit-background-size: 200px 200px;
    background-size: 200px; }
	 
  .remodal {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    max-width: 400px;
    padding: 20px 20px 30px; }

  header .content .container {
    padding: 30px 20px; }

  header .content .wrapper-bg {
    background-position: 111px 118%;
    -webkit-background-size: 77% 77%;
    background-size: 77%; }

  #projects .wrap .item .preview {
    height: 210px; }

  header .top-line .container h2, header .content .container h2, #serv .container h2, #partners .container h2, #projects .container h2, #contacts .container h2, footer .footer-content h2, #reviews .container h2 {
    margin-bottom: 20px;
    line-height: normal; }

  #reviews .owl-carousel-wrap .owl-carousel .item a {
    max-height: 254px; } 
	 
	 #social .h2-box {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 40px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%; }

  #social h2 {
    width: 95%;
    margin-bottom: 15px; }

  #social .container > span {
    font-size: 16px;
    line-height: 24px; }
	 }
@media only screen and (max-width: 375px) {
  header .content p {
    font-size: 16px;
    padding-right: 10%; }

  header .content .wrapper-bg {
    background-position: 83px 118%;
    -webkit-background-size: 81% 81%;
    background-size: 81%; }
/*
  form .check-data span {
    width: 85%; }
*/
	#pros:after {
    width: 82%; }
	 
  .remodal {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    max-width: 400px;
    padding: 20px 10px 20px; }
/*
  .remodal form .check-data span {
    width: 85%; }
*/
  #serv .wrap .item span, #serv .wrap .item p {
    font-size: 16px;
    padding-left: 15px;
    line-height: 24px;
    padding-top: 0; }

  #serv .wrap .item {
    margin-bottom: 35px; }

  #serv .wrap .item .class-btn.prpl-line {
    height: 40px;
    font-size: 14px; }

  #projects .wrap .item {
    margin-bottom: 15px;
    padding: 15px; }

  #projects .wrap .item .preview {
    height: 185px; }

  #reviews .owl-carousel-wrap .owl-carousel .item a {
    max-height: 470px; }

	#description .wrap ul {
    max-width: 100%; }
	 
	#description h2 br {
    display: none; }
	 
	#social {
    padding: 60px 0 60px 0; } 
	 
	 #offer .wrapper-bg.price .wrap .right .item {
    margin-bottom: 78px; }
	 }
@media only screen and (max-width: 320px) {
  header .content p {
    font-size: 16px;
    padding-right: 0; }

  header .content {
    height: 580px; }

	#pros:after {
    width: 79%; }
	 
	 #prices .wrapper-bg {
    background-position: 220% 4%; 
	 }
  #serv .wrap .item img {
    zoom: 0.7; }

  #serv .wrap .item .class-btn.prpl-line {
    margin-top: 10px; }

  #serv .wrap .item {
    margin-bottom: 25px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start; }

  header .content h1 {
    font-size: 21px;
    line-height: 29px; }

  header .content {
    height: 480px; }

  header .content p {
    font-size: 14px;
    padding-right: 0;
    margin: 12px 0 15px 0; }
    header .content p br {
      display: none; }

  header .content .wrapper-bg {
    background-position: 0 246%;
    -webkit-background-size: 100% 100%;
    background-size: 100%; }

  #projects .wrap .item .preview {
    height: 155px; }

  #projects .wrap .item .social a {
    margin-right: 0;
    margin-left: 5px; }

  #reviews .owl-carousel-wrap .owl-carousel .item a {
    max-height: 400px; }

  header .top-line .phones ul li .social {
    display: none; } 
	 
	#social .wrap .left img {
    width: 64px;
    height: 64px;
    margin-right: 15px; }

  #social .wrap .right span {
    font-size: 18px;
    line-height: 28px; }

  #social .wrap .right span img {
    width: 18px;
    height: 18px;
    margin-right: 8px;
    top: 2px; } 
	 
	 
	 }


.intl-tel-input input {
	width:100%;
}
.iti-flag.by {
	height:20px;
	background:url(../img/by.svg) 0 0 no-repeat;
}
.iti-flag.ru {
	height:20px;
	background:url(../img/ru.svg) 0 0 no-repeat;
}
.intl-tel-input .country-list {
	width:200px;
	overflow:auto;
}
form .input .country, form .textarea .country {
	position: static;
	bottom: 4px;
	left: 0;
}
form .input .country::after, form .textarea .country::after {
	display:none;
}
.nomain {
	padding-top:100px;
	padding-bottom:60px;
}

.content.oferta {
	padding-top: 150px;
}

.seppro {
	clear:both;
}
#contacts .right ul {
    margin: 0;
    padding: 0;
}

#contacts .right ul li {
    list-style: none;
    margin: 20px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
#contacts .right ul li > img {
    margin: 2px 20px 0 0;
}
#contacts .right ul li a {
    text-decoration: none;
    font-size: 20px;
    line-height: 36px;
    color: #202020;
    -webkit-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;
}
span.flag img {
    width: 30px;
}
header .top-line .phones ul li img {
    width: 24px;
    height: auto;
    margin-right: 10px;
    margin-bottom: -2px;
}

@media only screen and (max-width: 560px) {
    header .top-line .phones ul li {
        height: 32px;
    }
  header .top-line .phones ul li img {
    width: 24px;
    height: auto;
    margin-right: 10px;
    margin-bottom: -2px;
}
.top-line .phones {
    flex-direction: column;
  justify-content: center;
}

    header .top-line {
        height: 140px;
    }
  header .top-line .phones {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: flex-start;
}
}
/*#why2 .class-btn {
display:none !important;
}
/*#offer .class-btn {
display:none !important;
} */
#prices .class-btn{
display:none !important;
}
#offer .wrapper-bg.price .wrap .right .item .class-btn {
    background: linear-gradient(11.06deg, #4FACFE 8.45%, #00F2FE 100%);
    -webkit-box-shadow: 0px 3px 14.11px 2.89px rgba(2, 2, 2, 0.11);
    box-shadow: 0px 3px 14.11px 2.89px rgba(2, 2, 2, 0.11);
    width: 194px;
    height: 48px;
    color: #fff !important;
}
button.class-btn.napisat_wapp a {
    text-decoration: none;
    color: #fff;
}
img.enot-lg {
    width: 210px;
    padding-left: 20px;
}
@media only screen and (max-width: 768px) {
    header .top-line nav .anchor-nav a.logo {
        margin-right: 20px;
        flex-direction: column;
        justify-content: space-between;
        height: 70px;
    }
  img.enot-lg {
    width: 240px;
    padding-left: 0;
    padding-top:20px;
}
}
.policyPanel{
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  padding: 30px 0px;
  background-color: #fff;
  box-shadow: 0px -3px 14.11px 2.89px rgba(2, 2, 2, 0.11);
}
.policyPanel .inner{
  display: flex;
  align-items: flex-end;
}
.policyPanel p{
  margin: 0px;
}
.policyPanel .btnContainer{
  padding-left: 40px;
}
.policyPanel .class-btn {
    background: -webkit-linear-gradient(209.11deg, #C753EF 16.2%, #7D33F7 101.27%);
    background: -o-linear-gradient(209.11deg, #C753EF 16.2%, #7D33F7 101.27%);
    background: linear-gradient(240.89deg, #C753EF 16.2%, #7D33F7 101.27%);
    -webkit-box-shadow: 0px 3px 14.11px 2.89px rgba(2, 2, 2, 0.11);
    box-shadow: 0px 3px 14.11px 2.89px rgba(2, 2, 2, 0.11);
    width: auto;
    min-width: 190px;
    height: 48px;
}

.policyPanel .class-btn:hover {
    -webkit-box-shadow: 0px 3px 18.75px 6.25px rgba(2, 2, 2, 0.18);
    box-shadow: 0px 3px 18.75px 6.25px rgba(2, 2, 2, 0.18);
}
.policyPanel .container {
    max-width: 1410px;
    margin: 0 auto;
    display: -webkit-box;
    display: flex;
    flex-direction: column;
}
@media only screen and (max-width: 1440px) {
    .policyPanel .container {
        max-width: 1280px;
    }
}
@media only screen and (max-width: 1366px) {
    .policyPanel .container {
        max-width: 1170px;
    }
}
@media only screen and (max-width: 1200px) {
    .policyPanel .container {
        max-width: 94%;
    }
}
@media only screen and (max-width: 1024px) {
    .policyPanel .container {
        max-width: 92%;
    }
    .policyPanel {
        padding: 20px 0px;
    }
    .policyPanel .inner {
        display: block;
    }
    .policyPanel .btnContainer {
        padding-left: 0px;
        margin-top: 20px;
    }
}