/*
Theme Name: AIE
*/

@import url("assets/css/reset.css");

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
}

*:hover,
*:focus {
  outline: 0;
}

body {
  font: 400 16px/1.5 "Roboto", sans-serif;
  color: #222;
}

body.fixedTop {
  padding-top: 155px;
}

.wrapper {
  width: 100%;
  max-width: 1270px;
  padding: 0 15px;
  margin: 0 auto;
}

.burger {
  margin-left: 40px;
  cursor: pointer;
  display: none;
}

.burger .line {
  width: 35px;
  height: 3px;
  background: #48466d;
  margin-bottom: 6px;
  border-radius: 5px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.burger .line:last-child {
  margin-bottom: 0;
}

.burger:hover .line {
  background: #6cb9d8;
}

.overlay {
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: none;
}

.modal {
  position: fixed;
  z-index: 100;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: calc(100% - 30px);
  max-height: calc(100% - 30px);
  overflow: auto;
  -ms-overflow-style: none;
  overflow-y: scroll;
  scrollbar-width: none;
  background: #eee;
  width: 600px;
  padding: 30px;
  display: none;
}

.modal::-webkit-scrollbar {
  width: 0;
}

.modal .close {
  position: absolute;
  padding: 10px;
  top: 0;
  right: 0;
  cursor: pointer;
}

.modal .close img {
  width: 30px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.modal .close:hover img {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.modal h3 {
  font-weight: 700;
  font-size: 32px;
  margin-bottom: 10px;
  padding-right: 20px;
}

.modal .sub {
  color: #777;
  margin-bottom: 20px;
}

.modal .sub:last-child {
  margin-bottom: 0;
}

.modal .input {
  width: 100%;
  margin-bottom: 15px;
}

.modal textarea {
  width: 100%;
  margin-bottom: 15px;
}

.modal .button {
  width: 280px;
  margin: 0 auto;
  margin-top: 10px;
  max-width: 100%;
}

.modal .agreement {
  margin-top: 20px;
}

.modalForm {
  margin-top: 20px;
}

section {
  padding: 75px 0;
}

h1 {
  font-weight: 700;
  font-size: 48px;
  line-height: 1.2;
  margin-bottom: 30px;
}

h1 strong {
  color: #48466d;
}

h2 {
  font-weight: 700;
  font-size: 36px;
  line-height: 1.2;
  margin-bottom: 20px;
}

h2 strong {
  color: #48466d;
}

a {
  color: #222;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

a:hover {
  color: #6cb9d8;
}

.fw400 {
  font-weight: 400;
}

.fw500 {
  font-weight: 500;
}

.fw700 {
  font-weight: 700;
}

.buttonWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.buttonWrap.center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.buttonWrap.right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.button {
  min-height: 55px;
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  background: #48466d;
  border-radius: 100px;
  text-transform: uppercase;
  padding: 10px 50px;
  font: 700 18px/1 "Roboto", sans-serif;
  color: #fff;
  border: none;
  cursor: pointer;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  letter-spacing: 0.025em;
}

.button:hover {
  background: #6cb9d8;
  color: #fff;
}

.button.grey {
  background: #6cb9d8;
  color: #fff;
}

.button.grey:hover {
  background: #00adf3;
}

.slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 30px;
}

.slick-dots li {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #6cb9d8;
  margin: 0 3px;
  cursor: pointer;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.slick-dots li:hover {
  background: #6cb9d8;
}

.slick-dots li.slick-active {
  background: #48466d;
}

.slick-dots li button {
  display: none;
}

.input {
  max-width: 100%;
  height: 50px;
  border: 1px solid #777;
  border-radius: 10px;
  padding: 0 20px;
  font: 400 16px/100% "Roboto", sans-serif;
  color: #222;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.input::-webkit-input-placeholder {
  font: 400 16px/100% "Roboto", sans-serif;
  color: #cdcdcd;
}

.input::-moz-placeholder {
  font: 400 16px/100% "Roboto", sans-serif;
  color: #cdcdcd;
}

.input:-ms-input-placeholder {
  font: 400 16px/100% "Roboto", sans-serif;
  color: #cdcdcd;
}

.input::-ms-input-placeholder {
  font: 400 16px/100% "Roboto", sans-serif;
  color: #cdcdcd;
}

.input::placeholder {
  font: 400 16px/100% "Roboto", sans-serif;
  color: #cdcdcd;
}

.input:focus {
  border-color: #222;
}

textarea {
  max-width: 100%;
  min-height: 110px;
  border: 1px solid #777;
  border-radius: 10px;
  padding: 15px 20px;
  font: 400 16px/1.2 "Roboto", sans-serif;
  color: #222;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  resize: vertical;
}

textarea::-webkit-input-placeholder {
  font: 400 16px/100% "Roboto", sans-serif;
  color: #cdcdcd;
}

textarea::-moz-placeholder {
  font: 400 16px/100% "Roboto", sans-serif;
  color: #cdcdcd;
}

textarea:-ms-input-placeholder {
  font: 400 16px/100% "Roboto", sans-serif;
  color: #cdcdcd;
}

textarea::-ms-input-placeholder {
  font: 400 16px/100% "Roboto", sans-serif;
  color: #cdcdcd;
}

textarea::placeholder {
  font: 400 16px/100% "Roboto", sans-serif;
  color: #cdcdcd;
}

textarea:focus {
  border-color: #222;
}

.agreement {
  max-width: 100%;
  color: #777;
}

.agreement a {
  color: #6cb9d8;
}

.agreement a:hover {
  text-decoration: underline;
}

header {
  background: #fff;
}

header.fixed {
  position: fixed;
  z-index: 50;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.3);
}

header.fixed nav {
  display: none;
}

header.fixed .burger {
  display: block;
}

.topLineWrap {
  min-height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 10px 0;
}

.logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #777;
  width: 440px;
}

.logo img {
  max-width: 125px;
}

.logo span {
  width: calc(100% - 125px);
  padding-left: 20px;
}

.logo:hover {
  color: #6cb9d8;
}

.topAddress {
  max-width: 270px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 500;
  font-size: 14px;
}

.topAddress img {
  width: 20px;
  margin-right: 10px;
}

.topLineRight {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.topLineRight .button {
  font-size: 14px;
  min-height: 40px;
  border-radius: 50px;
  padding: 10px 35px;
}

.topPhone {
  font-weight: 700;
  font-size: 18px;
  margin-right: 50px;
}

.topPhone:last-child {
  margin-right: 0;
}

nav {
  border-top: 1px solid #777;
  border-bottom: 1px solid #777;
}

ul.headerMenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  position: relative;
}

ul.headerMenu > li {
  position: relative;
}

ul.headerMenu > li > a {
  min-height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

ul.headerMenu > li > a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 0;
  height: 3px;
  background: #6cb9d8;
  opacity: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

ul.headerMenu > li:hover > a::after {
  width: 100%;
  opacity: 1;
}

ul.headerMenu > li:hover > ul.headerSubmenu {
  display: block;
}

ul.headerSubmenu {
  position: absolute;
  z-index: 10;
  top: calc(100% + 1px);
  right: 0;
  width: 250px;
  background: #eee;
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
  display: none;
  padding: 5px 0;
}

ul.headerSubmenu::before {
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
  width: 100%;
  height: 2px;
  background: transparent;
}

ul.headerSubmenu > li > a {
  display: block;
  padding: 12px 15px;
  position: relative;
}

ul.headerSubmenu > li > a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 3px;
  height: 0;
  background: #c6222d;
  opacity: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

ul.headerSubmenu > li > a:hover::before {
  height: 100%;
  opacity: 1;
}

.mainTitleSection {
  padding-top: 30px;
}

.mainTitleSection .slick-initialized .slick-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mainTitleSection .slick-dots li {
  width: 18px;
  height: 18px;
}

.mainTitleWrap {
  margin: 0 -15px;
}

.mainTitleItem {
  margin: 0 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.mainTitleItem .img {
  width: 510px;
}

.mainTitleItem .img img {
  display: block;
  margin: 0 auto;
  width: auto !important;
  height: auto !important;
  max-width: 100%;
}

.mainTitleItem .text {
  width: calc(100% - 510px);
  padding-left: 110px;
}

.mainTitleItem .text h3 {
  font-weight: 700;
  font-size: 36px;
  line-height: 1.2;
  margin-bottom: 15px;
}

.mainTitleItem .text h3 strong {
  color: #48466d;
}

.mainTitleItem .text p {
  max-width: 550px;
  margin-bottom: 15px;
}

.mainTitleItem .buttonWrap {
  margin-top: 30px;
}

.mainTitleItem .button {
  margin-right: 30px;
}

.mainTitleItem .button:last-child {
  margin-right: 0;
}

.mainProductsSection.dark {
  background: #48466d;
  color: #fff;
}

.mainProductsSection.dark .slick-dots li {
	background: #fff;
}

.mainProductsSection.dark .slick-dots li.slick-active {
	background: #6cb9d8;
}

.mainProductsSection.dark .button.grey:hover {
	background: #00adf3;
}

.mainProductsSection h2 {
  text-align: center;
}

.mainProductsSection .sub {
  text-align: center;
  margin-bottom: 40px;
}

.mainProductsSection .slick-dots {
  margin-top: 50px;
}

.mainProductsSection .slick-dots li {
  width: 12px;
  height: 12px;
}

.mainProductsWrap {
  margin: 0 -15px;
  display: flex;
  justify-content: center;
}

.mainProductsWrap .catalogItem {
  width: calc(25% - 30px);
  margin-bottom: 0;
}

.mainProductsWrap .catalogItem h3 {
  font-size: 20px;
}

.mainProductsWrap .catalogItem .char {
  font-size: 16px;
}

.mainProductsWrap .catalogItem .price {
  font-size: 26px;
}

.formSection {
  padding-bottom: 0;
  background: #eee;
}

.formSection.half {
  padding-top: 30px;
}

.formSection.half .formWrap {
  max-width: 830px;
  margin: 0 auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.formSection.half .formImg {
  width: 300px;
}

.formSection.half .formText {
  width: calc(100% - 338px);
  padding-top: 0;
}

.formWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.formImg {
  width: 338px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

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

.formText {
  width: calc(100% - 338px);
  padding-left: 30px;
  padding-top: 70px;
}

.formText .sub {
  color: #777;
  margin-bottom: 30px;
}

.formTextWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 15px;
}

.formTextWrap input {
  width: 274px;
}

.formTextWrap .agreement {
  width: calc(100% - 274px);
  padding-left: 30px;
}

.formTextWrap .agreement input {
  width: auto;
}

.aboutSection {
  background: #eee;
  text-align: center;
}

.aboutSection .sub {
  margin-bottom: 40px;
}

.aboutWrap {
  margin: 0 -15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.aboutItem {
  width: calc(25% - 30px);
  margin: 0 15px;
}

.aboutItem .icon {
  min-height: 74px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  margin-bottom: 15px;
}

.aboutItem h4 {
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 10px;
}

.aboutItem p {
  color: #777;
}

footer {
  background: #48466d;
  padding-top: 40px;
  padding-bottom: 30px;
}

.footerBottom {
  margin-top: 40px;
  color: #fff;
  opacity: 0.8;
}

.footerWrap {
  margin: 0 -15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footerItem {
  width: calc(33.33% - 30px);
  margin: 0 15px;
}

.footerItem h3 {
  color: #fff;
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 13px;
}

ul.footerMenu li a {
  color: rgba(255, 255, 255, 0.8);
  padding: 7px 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

ul.footerMenu li a:hover {
  color: #6cb9d8;
}

.footerContactsItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 15px;
  color: rgba(255, 255, 255, 0.8);
}

.footerContactsItem:last-child {
  margin-bottom: 0;
}

.footerContactsItem svg {
  width: 19px;
  height: 19px;
  fill: rgba(255, 255, 255, 0.8);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.footerContactsItem span {
  width: calc(100% - 19px);
  padding-left: 10px;
}

a.footerContactsItem:hover svg {
  fill: #6cb9d8;
}

.crumbsSection {
  padding-top: 50px;
  padding-bottom: 30px;
}

.crumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.crumbs a {
  margin-right: 25px;
  color: #48466d;
  position: relative;
}

.crumbs a:hover {
  color: #6cb9d8;
}

.crumbs a::after {
  content: "»";
  position: absolute;
  top: 0;
  right: -17px;
  color: #777;
}

.crumbs span {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.bigSection {
  padding-top: 0;
}

.bigWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

aside {
  width: 250px;
  position: sticky;
  top: 100px;
  left: 0;
}

ul.asideMenu {
  background: #eee;
  border-radius: 5px;
  font-weight: 500;
}

ul.asideMenu li a {
  min-height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 25px;
  padding-right: 15px;
  border-bottom: 3px solid transparent;
}

ul.asideMenu li a:hover,
ul.asideMenu li a.active {
  border-bottom-color: #6cb9d8;
  color: #6cb9d8;
}

.contentSection {
  width: calc(100% - 250px);
  padding: 0;
  padding-left: 30px;
}

.contentSection.full {
  width: 100%;
  padding: 0;
}

.contentSection:first-child {
  padding: 0;
}

.subInfo {
  margin-bottom: 20px;
  color: #777;
}

.subInfo p {
  margin-bottom: 20px;
}

.subInfo p:last-child {
  margin-bottom: 0;
}

.catalogWrap {
  margin: 0 -15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.catalogItem {
  width: calc(33.33% - 30px);
  margin: 0 15px;
  margin-bottom: 50px;
}

.catalogItem .img {
  display: block;
  margin-bottom: 15px;
  position: relative;
}

.catalogItem .img .padding {
  display: block;
  padding-top: 85%;
}

.catalogItem .img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

.catalogItem h3 {
  text-align: center;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.25;
  margin-bottom: 15px;
}

.catalogItem h3 strong {
  color: #6cb9d8;
}

.catalogItem .char {
  opacity: 0.8;
  margin-bottom: 15px;
  padding: 0 15px;
  font-size: 14px;
}

.catalogItem .char li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 5px;
}

.catalogItem .char li:last-child {
  margin-bottom: 0;
}

.catalogItem .price {
  text-align: center;
  font-weight: 700;
  font-size: 24px;
  margin-bottom: 15px;
}

.catalogItem .button {
  font-size: 15px;
  min-height: 45px;
  border-radius: 50px;
  padding: 10px 35px;
}

.catalogItem .button:hover {
  background: #48466d;
}

.pageAboutSection {
  padding-top: 0;
}

.pageAboutWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 75px;
}

.pageAboutWrap:last-child {
  margin-bottom: 0;
}

.pageAboutImg {
  width: 450px;
}

.pageAboutImg img {
  width: 100% !important;
  height: auto !important;
  border-radius: 20px;
}

.pageAboutText {
  width: calc(100% - 450px);
  padding-right: 30px;
  color: #777;
}

.pageAboutText p {
  margin-bottom: 20px;
}

.pageAboutText p:last-child {
  margin-bottom: 0;
}

.sertSection {
  background: #eee;
  padding-bottom: 25px;
}

.sertSection h2 {
  text-align: center;
}

.sertWrap {
  margin: 0 -15px;
  margin-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.sertItem {
  width: calc(25% - 30px);
  margin: 0 15px;
  margin-bottom: 50px;
}

.sertItem a {
  display: block;
  font-weight: 500;
  font-size: 22px;
  text-align: center;
}

.sertItem a img {
  width: 45px;
  margin-bottom: 10px;
}

.sertItem a span {
  display: block;
}

.faqSection h2 {
  text-align: center;
}

.faqBlock {
  max-width: 850px;
  margin: 0 auto;
}

.faqItem .ques {
  position: relative;
  min-height: 50px;
  padding: 10px 15px;
  padding-right: 50px;
  font-weight: 700;
  cursor: pointer;
  font-size: 18px;
  color: #777;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.faqItem .ques svg {
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  stroke: #222;
  width: 24px;
  height: 24px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.faqItem .ques:hover {
  color: #222;
}

.faqItem .ques.active {
  color: #222;
}

.faqItem .ques.active svg {
  -webkit-transform: rotate(-180deg) translate(0, 50%);
  transform: rotate(-180deg) translate(0, 50%);
  stroke: #c6222d;
}

.faqItem .answ {
  background: #eee;
  padding: 20px 15px;
  margin-bottom: 20px;
  display: none;
}

.faqItem .answ p {
  margin-bottom: 20px;
}

.faqItem .answ p:last-child {
  margin-bottom: 0;
}

.newsSection {
  padding-bottom: 35px;
}

.newsSection h2 {
  text-align: center;
}

.newsWrap {
  margin: 0 -15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.newsItem {
  width: calc(33.33% - 30px);
  margin: 0 15px;
  margin-bottom: 30px;
}

.newsItem .img {
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}

.newsItem .img .padding {
  display: block;
  padding-top: 60%;
}

.newsItem .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.newsItem .img:hover ~ h4 a {
  color: #6cb9d8;
}

.newsItem h4 {
  font-weight: 700;
  font-size: 22px;
  padding-top: 15px;
  padding-bottom: 5px;
}

.newsItem .date {
  color: #777;
  font-size: 14px;
}

.mapSection {
  padding: 0;
  height: 400px;
}

#map {
  width: 100%;
  height: 100%;
}

.contactsSection {
  padding-top: 0;
  padding-bottom: 25px;
}

.contactsWrap {
  margin: 0 -15px;
  margin-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.contactsItem {
  width: calc(33.33% - 30px);
  margin: 0 15px;
  margin-bottom: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.contactsItem .icon {
  width: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.contactsItem .icon img {
  max-width: 100%;
}

.contactsItem .text {
  width: calc(100% - 40px);
  padding-left: 15px;
}

.contactsItem .text h4 {
  min-height: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 700;
  font-size: 26px;
  margin-bottom: 15px;
}

.social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.socialItem {
  margin-right: 15px;
}

.socialItem:last-child {
  margin-right: 0;
}

.socialItem svg {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.socialItem.vk svg {
  fill: #5252ee;
}

.socialItem.vk:hover svg {
  fill: #00f;
}

.productSection {
  padding-top: 0;
}

.productWrap {
  margin: 0 -15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.productLeft {
  width: calc(45% - 30px);
  margin: 0 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.productLeft img {
  width: auto;
  height: auto;
  max-width: 100%;
}

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

.productRight {
  width: calc(55% - 30px);
  margin: 0 15px;
}

.productRight h1 {
  margin-bottom: 20px;
  font-size: 40px;
}

.productRight h1 p {
  color: #222;
}

.productRight h1 p strong {
  font-weight: 700;
  color: #48466d;
}

.productRight p {
  margin-bottom: 10px;
  color: #777;
}

.productRight p:last-child {
  margin-bottom: 0;
}

.productRight p strong {
  font-weight: 500;
  color: #222;
}

.productRight .price {
  font-weight: 700;
  font-size: 36px;
  margin-bottom: 15px;
}

.productAdvanSection {
  background: #eee;
}

.productAdvanSection h2 {
  text-align: center;
}

.productAdvanText {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}

.productAdvanText p {
  margin-bottom: 15px;
}

.productAdvanText p:last-child {
  margin-bottom: 0;
}

.techSection h2 {
  text-align: center;
}

.techWrap {
  margin: 0 -15px;
  margin-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.techLeft {
  width: calc(50% - 30px);
  margin: 0 15px;
}

.techDoc {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 24px;
  font-weight: 500;
}

.techDoc img {
  width: 35px;
  margin-right: 20px;
}

.techDoc:hover span {
  text-decoration: underline;
}

.techRight {
  width: calc(50% - 30px);
  margin: 0 15px;
}

.techRightItem {
  margin-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.techRightItem:last-child {
  margin-bottom: 0;
}

.techRightItem p {
  width: 40%;
}

.techRightItem p:first-child {
  font-weight: 700;
}

.techRightItem p:last-child {
  width: 60%;
  text-align: right;
}

.productOrderSection {
  background: #eee;
  border-bottom: 1px solid #777;
}

.productOrderWrap {
  margin: 0 -15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.productOrderLeft {
  width: calc(50% - 30px);
  margin: 0 15px;
  text-align: center;
}

.productOrderLeft img {
  width: auto;
  height: auto;
  max-width: 75%;
}

.productOrderRight {
  width: calc(50% - 30px);
  margin: 0 15px;
}

.productOrderRight h2 {
  font-size: 30px;
}

.productOrderRight p {
  margin-bottom: 20px;
  color: #777;
}

.productOrderRight p:last-child {
  margin-bottom: 0;
}

.productOrderRight .input {
  width: 100%;
  max-width: 500px;
  margin-bottom: 15px;
}

.productOrderRight textarea {
  width: 100%;
  max-width: 500px;
  margin-bottom: 15px;
}

.productOrderRight .buttonWrap {
  margin-top: 30px;
}

.mobMenuOverlay {
  position: fixed;
  z-index: 60;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: none;
}

.mobMenuSection {
  position: absolute;
  z-index: 61;
  top: 0;
  right: -405px;
  width: 400px;
  max-width: 100%;
  height: 100%;
  background: #eee;
  padding: 30px 0;
  padding-top: 50px;
  -webkit-transition: 0.7s;
  transition: 0.7s;
  overflow: auto;
  -ms-overflow-style: none;
  overflow-y: scroll;
  scrollbar-width: none;
}

.mobMenuSection::-webkit-scrollbar {
  width: 0;
}

.mobMenuSection.active {
  right: 0;
}

.mobMenuSection .close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.mobMenuSection .close img {
  width: 40px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.mobMenuSection .close:hover img {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.mobMenuSection .buttonWrap {
  display: none;
}

.mobMenuAddress {
  display: none;
}

.mobMenuPhone {
  display: none;
}

ul.mobMenu {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 700;
}

ul.mobMenu li a {
  display: block;
  padding: 12px 20px;
  position: relative;
}

ul.mobMenu li a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 2px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 4px;
  height: 0;
  background: #6cb9d8;
  opacity: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

ul.mobMenu li a:hover::before {
  height: 100%;
  opacity: 1;
}

.servPageImg {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  margin-bottom: 20px;
}

.servPageImg .padding {
  padding-top: 25%;
}

.servPageImg img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  -o-object-fit: cover;
  object-fit: cover;
}

.servicesContent {
  margin-bottom: 30px;
}

.servicesContent:last-child {
  margin-bottom: 0;
}

.servicesContent h2,
.servicesContent h3 {
  font-weight: 700;
  font-size: 28px;
  margin-bottom: 10px;
}

.servicesContent h3 {
  margin-top: 20px;
}

.servicesContent h3:first-child {
  margin-top: 0;
}

.servicesContent p {
  margin-bottom: 20px;
}

.servicesContent p:last-child {
  margin-bottom: 0;
}

.servicesWrap {
  margin: 0 -10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.servicesItem {
  width: calc(33.33% - 20px);
  margin: 0 10px;
  margin-bottom: 40px;
}

.servicesItem .img {
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}

.servicesItem .img .padding {
  padding-top: 70%;
  display: block;
}

.servicesItem .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.servicesItem .img:hover ~ h4 a {
  color: #c6222d;
}

.servicesItem h4 {
  padding-top: 15px;
  padding-bottom: 8px;
  font-weight: 700;
  font-size: 22px;
}

.servicesItem p {
  color: #777;
}

.servOrderBlock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 10px;
  background: #cdcdcd;
  overflow: hidden;
}

.servOrderBlock .icon {
  width: 95px;
  background: #999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.servOrderBlock .icon img {
  max-width: 55px;
}

.servOrderBlock .text {
  width: calc(100% - 95px);
  padding: 20px 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.servOrderBlock .text p {
  font-size: 18px;
  font-weight: 500;
}

/* Slider */

.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

section.errorSection {
  padding: 120px 0;
  text-align: center;
}

section.errorSection .buttonWrap {
  margin-top: 40px;
}

.textBlock h2:first-child,
.textBlock h3:first-child,
.textBlock h4:first-child,
.textBlock h5:first-child {
  margin-top: 0;
}

.textBlock h2:last-child,
.textBlock h3:last-child,
.textBlock h4:last-child,
.textBlock h5:last-child {
  margin-bottom: 0;
}

.textBlock h2 {
  margin-top: 40px;
}

.textBlock h3 {
  margin-top: 30px;
}

.textBlock h4 {
  margin-top: 30px;
}

.textBlock p {
  margin-bottom: 15px;
}

.textBlock p:last-child {
  margin-bottom: 0;
}

.textBlock strong {
  font-weight: 500;
}

.textBlock a {
  color: #c6222d;
  text-decoration: underline;
}

.textBlock a:hover {
  color: #360a0d;
}

.textBlock ul {
  margin-bottom: 15px;
}

.textBlock ul:last-child {
  margin-bottom: 0;
}

.textBlock ul li {
  margin-bottom: 5px;
  display: block;
  position: relative;
  padding-left: 15px;
}

.textBlock ul li:last-child {
  margin-bottom: 0;
}

.textBlock ul li::before {
  content: '';
  position: absolute;
  top: 9px;
  left: 3px;
  width: 5px;
  height: 5px;
  background: #222;
  border-radius: 50%;
}

@media screen and (max-width: 1100px) {
  body {
    padding-top: 83px;
  }

  body.offsetTop {
    padding-top: 83px;
  }

  .mobMenuAddress {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 20px;
    margin-top: 20px;
    font-weight: 500;
  }

  .mobMenuAddress img {
    width: 20px;
    margin-right: 10px;
  }

  ul.mobMenu {
    font-size: 16px;
  }

  .topAddress {
    display: none;
  }

  nav {
    display: none;
  }

  .burger {
    display: block;
  }

  header {
    position: fixed;
    z-index: 50;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.3);
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.3);
  }

  .mainTitleItem .img {
    width: 40%;
  }

  .mainTitleItem .text {
    width: 60%;
    padding-left: 30px;
  }

  .catalogItem {
    width: calc(50% - 30px);
  }

  .catalogItem .char {
    padding: 0;
  }
}

@media screen and (max-width: 960px) {
  section {
    padding: 50px 0;
  }

  .logo {
    width: auto;
  }

  .logo span {
    display: none;
  }

  .mainTitleSection .slick-initialized .slick-slide {
    display: block;
  }

  .mainTitleSection .slick-dots {
    margin-top: 40px;
  }

  .mainTitleItem {
    display: block;
  }

  .mainTitleItem .img {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 20px;
  }

  .mainTitleItem .text {
    width: 100%;
    padding: 0;
  }

  .aboutSection {
    padding-bottom: 0;
  }

  .aboutSection br {
    display: none;
  }

  .aboutWrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .aboutItem {
    width: calc(50% - 30px);
    margin-bottom: 50px;
  }

  /*.mainProductsSection br {
    display: none;
  }*/

  .formImg {
    width: 250px;
  }

  .formText {
    width: calc(100% - 250px);
    padding-top: 0;
    padding-bottom: 40px;
  }

  .formText br {
    display: none;
  }

  .formTextWrap {
    display: block;
  }

  .formTextWrap .agreement {
    width: 100%;
    padding: 0;
    margin-top: 15px;
  }

  .footerWrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .footerItem {
    width: calc(50% - 30px);
    margin-bottom: 30px;
  }

  .footerItem:last-child {
    width: calc(100% - 30px);
    margin-bottom: 0;
  }

  .crumbsSection {
    padding-top: 30px;
  }

  .bigSection {
    padding-bottom: 0;
  }

  .bigWrap {
    display: block;
  }

  aside {
    display: none;
  }

  .contentSection {
    width: 100%;
    padding: 0;
  }

  .pageAboutWrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .pageAboutText {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 100%;
    padding: 0;
  }

  .pageAboutImg {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
    margin-bottom: 20px;
  }

  .sertWrap {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .sertItem {
    width: calc(33.33% - 30px);
  }

  .contactsSection {
    padding-bottom: 0;
  }

  .contactsItem {
    width: calc(50% - 30px);
  }

  .mapSection {
    height: 350px;
  }

  .productWrap {
    display: block;
    margin: 0;
  }

  .productLeft {
    width: 100%;
    margin: 0;
    margin-bottom: 30px;
  }

  .productLeftItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

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

  .productRight {
    width: 100%;
    margin: 0;
  }

  .techWrap {
    margin: 0;
    margin-top: 30px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .techLeft {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 100%;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .techRight {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
    margin: 0;
    margin-bottom: 40px;
  }

  .techRightItem {
    display: block;
    border-bottom: 1px solid #cdcdcd;
    padding: 15px 0;
    margin: 0;
  }

  .techRightItem:last-child {
    border-bottom: none;
  }

  .techRightItem p {
    width: 100%;
  }

  .techRightItem p:first-child {
    width: 100%;
  }

  .techRightItem p:last-child {
    width: 100%;
    text-align: left;
  }

  .productOrderWrap {
    display: block;
    margin: 0;
  }

  .productOrderLeft {
    display: none;
  }

  .productOrderRight {
    width: 100%;
    margin: 0;
  }

  .newsItem {
    width: calc(50% - 30px);
  }

  .servicesItem {
    width: calc(50% - 20px);
  }

  .servPageImg .padding {
    padding-top: 40%;
  }

  .servOrderBlock .icon {
    display: none;
  }

  .servOrderBlock .text {
    width: 100%;
    display: block;
    padding: 20px 15px;
  }

  .servOrderBlock .text br {
    display: none;
  }

  .servOrderBlock .text p {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
  }

  section.errorSection {
    padding: 40px 0;
  }
}

@media screen and (max-width: 750px) {
  section {
    padding: 40px 0;
  }

  h1 {
    font-size: 32px;
    margin-bottom: 20px;
  }

  h2 {
    font-size: 28px;
  }

  .button {
    min-height: 50px;
    font-size: 16px;
    padding: 10px 25px;
  }

  .mobMenuPhone {
    display: block;
    padding: 0 20px;
    margin-top: 30px;
  }

  .mobMenuPhone a {
    font-size: 24px;
    font-weight: 700;
  }

  .topPhone {
    display: none;
  }

  .mainTitleItem .text h3 {
    font-size: 24px;
  }

  .mainTitleItem .buttonWrap {
    margin-top: 20px;
    display: block;
  }

  .mainTitleItem .button {
    width: 100%;
    max-width: 400px;
    margin: 0;
    margin-bottom: 15px;
  }

  .mainTitleItem .button:last-child {
    margin-bottom: 0;
  }

  .aboutSection {
    padding-bottom: 35px;
  }

  .aboutWrap {
    display: block;
    margin: 0;
  }

  .aboutItem {
    width: 100%;
    margin: 0;
    margin-bottom: 40px;
  }

  .aboutItem:last-child {
    margin-bottom: 0;
  }

  .mainProductsSection .sub {
    font-size: 14px;
    margin-bottom: 25px;
  }

  .catalogItem .char {
    margin: 0 auto;
    margin-bottom: 15px;
    max-width: 320px;
  }

  .formSection {
    padding-bottom: 35px;
  }

  .formSection.half .formText {
    width: 100%;
  }

  .formWrap {
    display: block;
  }

  .formImg {
    display: none;
  }

  .formText {
    width: 100%;
    padding: 0;
  }

  .formText .sub {
    margin-bottom: 20px;
  }

  .formTextWrap {
    margin-bottom: 25px;
  }

  .bigSection {
    padding-bottom: 35px;
  }

  .subInfo p {
    margin-bottom: 15px;
  }

  .catalogWrap {
    display: block;
    margin: 0;
  }

  .catalogItem {
    width: 100%;
    margin: 0;
    margin-bottom: 40px;
  }

  .catalogItem:last-child {
    margin-bottom: 0;
  }

  .sertWrap {
    display: block;
    margin: 0;
    margin-top: 40px;
  }

  .sertItem {
    width: 100%;
    margin: 0;
    margin-bottom: 50px;
  }

  .sertItem:last-child {
    margin-bottom: 0;
  }

  .faqItem .ques {
    padding-left: 0;
    font-size: 16px;
  }

  .productRight h1 {
    font-size: 32px;
    word-break: break-word;
  }

  .productRight .price {
    font-size: 30px;
  }
}

@media screen and (max-width: 560px) {
  .burger {
    margin-left: 20px;
  }

  .footerWrap {
    display: block;
    margin: 0;
  }

  .footerItem {
    width: 100%;
    margin: 0;
    margin-bottom: 30px;
  }

  .footerItem:last-child {
    width: 100%;
    margin-bottom: 0;
  }

  .contactsSection {
    padding-bottom: 40px;
  }

  .contactsWrap {
    display: block;
    margin: 0;
    margin-top: 40px;
  }

  .contactsItem {
    width: 100%;
    margin: 0;
    margin-bottom: 40px;
  }

  .contactsItem:last-child {
    margin-bottom: 0;
  }

  .newsWrap {
    display: block;
    margin: 0;
  }

  .newsItem {
    width: 100%;
    margin: 0;
    margin-bottom: 40px;
  }

  .newsItem:last-child {
    margin-bottom: 0;
  }

  .servicesWrap {
    display: block;
    margin: 0;
  }

  .servicesItem {
    width: 100%;
    margin: 0;
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 440px) {
  body {
    padding-top: 74px;
  }

  body.fixedTop {
    padding-top: 74px;
  }

  .mobMenuSection .buttonWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px;
    padding: 0 20px;
  }

  .mobMenuSection .buttonWrap .button {
    width: 100%;
  }

  .topLineRight .button {
    display: none;
  }

  .logo {
    width: calc(100% - 55px);
    padding-right: 10px;
  }

  .logo img {
    max-width: 80px;
  }

  .logo span {
    display: block;
    width: calc(100% - 80px);
    padding-left: 10px;
    font-size: 12px;
  }

  .mainTitleSection .slick-dots li {
    width: 12px;
    height: 12px;
  }

  .formTextWrap input {
    width: 100%;
  }

  .formText .button {
    width: 100%;
  }

  .productRight .button,
  .productOrderRight .button {
    width: 100%;
  }

  .servPageImg .padding {
    padding-top: 60%;
  }

  .servOrderBlock .text .button {
    width: 100%;
  }

  .modal {
    padding: 25px 15px;
    padding-top: 35px;
  }

  .modal h3 {
    padding-right: 0;
    font-size: 24px;
  }

  .modal .sub {
    font-size: 14px;
  }

  .modal .button {
    width: 100%;
  }
}

@media screen and (max-width: 350px) {
  .logo img {
    max-width: 70px;
  }

  .logo span {
    font-size: 11px;
    width: calc(100% - 70px);
  }
}