/*Reset Table */
/* http://meyerweb.com/eric/tools/css/reset/
 * v2.0 | 20110126
 * License: none (public domain) */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  box-sizing: border-box;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*Reset Table END */
/*Fonts */
@font-face {
  font-family: "MyriadPro";
  src: local("Myriad Pro Light"), local("MyriadPro-Light"), url("../fonts/MyriadPro-Light.otf") format("woff"), url("../fonts/MyriadPro-Light.otf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "MyriadPro";
  src: local("Myriad Pro Light It"), local("MyriadPro-LightIt"), url("../fonts/MyriadPro-LightIt.otf") format("woff"), url("../fonts/MyriadPro-LightIt.otf") format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "MyriadPro";
  src: local("Myriad Pro Regular"), local("MyriadPro-Regular"), url("../fonts/MyriadPro-Regular.otf") format("woff"), url("../fonts/MyriadPro-Regular.otf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "MyriadPro";
  src: local("Myriad Pro It"), local("MyriadPro-It"), url("../fonts/MyriadPro-It.otf") format("woff"), url("../fonts/MyriadPro-It.otf") format("truetype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "MyriadPro";
  src: local("Myriad Pro Semibold"), local("MyriadPro-Semibold"), url("../fonts/MyriadPro-Semibold.otf") format("woff"), url("../fonts/MyriadPro-Semibold.otf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "MyriadPro";
  src: local("Myriad Pro Semibold It"), local("MyriadPro-SemiboldIt"), url("../fonts/MyriadPro-SemiboldIt.otf") format("woff"), url("../fonts/MyriadPro-SemiboldIt.otf") format("truetype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "MyriadPro";
  src: local("Myriad Pro Bold"), local("MyriadPro-Bold"), url("../fonts/MyriadPro-Bold.otf") format("woff"), url("../fonts/MyriadPro-Bold.otf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "MyriadPro";
  src: local("Myriad Pro Bold It"), local("MyriadPro-BoldIt"), url("../fonts/MyriadPro-BoldIt.otf") format("woff"), url("../fonts/MyriadPro-BoldIt.otf") format("truetype");
  font-weight: 700;
  font-style: italic;
}
/*Fonts END */
/*Default */
body {
  max-width: 1920px;
  min-width: 1080px;
  margin: 0 auto;
  font-family: "MyriadPro";
  color: #333;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  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;
  min-height: 100vh;
  position: relative;
}
body.no-overflow {
  overflow: hidden;
}
body.no-overflow-nav {
  overflow: hidden;
}

main {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-top: 76px;
  padding-bottom: 120px;
  position: relative;
}

h1, h2.like-h1 {
  font-size: 46px;
  line-height: 46px;
  text-align: center;
}

h2 {
  font-size: 36px;
  line-height: 52px;
}

h3 {
  font-size: 20px;
  line-height: 30px;
}

span {
  display: inline-block;
}

strong {
  font-weight: 700;
  text-transform: uppercase;
  color: #606060;
  display: inline-block;
}

input,
textarea {
  box-sizing: border-box;
  font-family: "MyriadPro";
  color: #333;
  font-size: 14px;
  font-weight: 400;
}

a {
  color: #08c;
  font-weight: 400;
  text-decoration: underline;
  -webkit-transition: 0.2s ease;
          transition: 0.2s ease;
}
a:hover {
  text-decoration: none;
}
a:focus {
  text-decoration: none;
}
a:visited {
  color: #6a49a1;
}

::-moz-selection {
  background: #08c;
  color: #fff;
}

::selection {
  background: #08c;
  color: #fff;
}

::-moz-selection {
  background: #08c;
  color: #fff;
}

ol.def-ol {
  list-style: none;
  counter-reset: li;
  padding-left: 16px;
  margin-left: 4px;
}
ol.def-ol li {
  position: relative;
  counter-increment: li;
  line-height: 22px;
  margin-bottom: 10px;
}
ol.def-ol li::before {
  content: counter(li) ". ";
  color: #08c;
  font-weight: 700;
  margin-left: -5px;
  display: inline-block;
  width: 16px;
  margin-left: -16px;
}

ul.blue-list {
  text-align: left;
  margin-left: 4px;
}
ul.blue-list li {
  position: relative;
  font-weight: 400;
  line-height: 22px;
  padding-left: 15px;
  margin-bottom: 10px;
}
ul.blue-list li:before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  width: 4px;
  height: 4px;
  background-color: #08c;
  border-radius: 50%;
}

ul.red-list {
  text-align: left;
  margin-left: 4px;
}
ul.red-list li {
  position: relative;
  font-weight: 400;
  line-height: 22px;
  padding-left: 22px;
  margin-bottom: 10px;
  font-size: 16px;
}
ul.red-list li:before {
  content: "";
  position: absolute;
  top: 6px;
  left: 0;
  width: 6px;
  height: 6px;
  background-color: #e21d39;
  border-radius: 50%;
}

ul.check-list {
  text-align: left;
}
ul.check-list li {
  position: relative;
  font-weight: 400;
  line-height: 36px;
  padding-left: 55px;
  margin-bottom: 20px;
  font-size: 20px;
}
ul.check-list li:before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  width: 38px;
  height: 38px;
  background-image: url("../images/svg/ic_check.svg");
  background-size: 38px 38px;
  background-repeat: no-repeat;
}

ul.pricing-main__tab-list {
  text-align: left;
}
ul.pricing-main__tab-list li {
  position: relative;
  line-height: 60px;
  color: #616161;
  font-size: 20px;
  font-weight: 300;
  padding-left: 78px;
  border-bottom: 1px solid rgba(221, 221, 221, 0.5);
}
ul.pricing-main__tab-list li:last-child {
  border-bottom: 0;
}
ul.pricing-main__tab-list li:before {
  content: "";
  position: absolute;
  top: 17px;
  left: 27px;
  width: 22px;
  height: 22px;
  background-image: url("../images/svg/ic_check-green.svg");
  background-size: 22px 22px;
  background-repeat: no-repeat;
}
ul.pricing-main__tab-list li.not-allow {
  text-decoration: line-through;
}
ul.pricing-main__tab-list li.not-allow:before {
  background-image: url("../images/svg/ic_no.svg");
}

.def-width {
  max-width: 1060px;
  margin: 0 auto;
}

.mid-width {
  max-width: 760px;
  margin: 0 auto;
}

/*Buttons */
.butn {
  border: 0;
  outline: 0;
  background-image: none;
  text-decoration: none;
  display: inline-block;
  padding: 13px 47px;
  min-width: 197px;
  margin-bottom: 0;
  vertical-align: middle;
  cursor: pointer;
  text-align: center;
  border-radius: 4px;
  font-family: "MyriadPro";
  color: #fff;
  font-size: 18px;
  line-height: 18px;
  font-weight: 300;
  text-transform: uppercase;
  -webkit-transition: 0.2s;
          transition: 0.2s;
  white-space: nowrap;
}
.butn:visited {
  color: #fff;
}
.butn.butn-blue {
  -webkit-animation-name: bluePulse;
          animation-name: bluePulse;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  background-image: -webkit-linear-gradient(bottom, #078dcf 0%, #38ace6 100%);
  background-image: linear-gradient(to top, #078dcf 0%, #38ace6 100%);
}
.butn.butn-blue:hover {
  background-image: -webkit-linear-gradient(bottom, #0784c1 0%, #3199ce 100%);
  background-image: linear-gradient(to top, #0784c1 0%, #3199ce 100%);
}
.butn.butn-blue.static {
  -webkit-animation: none;
          animation: none;
  text-transform: none;
}
.butn.butn-blue.static:hover {
  background-image: -webkit-linear-gradient(bottom, #26b5fd 0%, #00a4f5 100%);
  background-image: linear-gradient(to top, #26b5fd 0%, #00a4f5 100%);
}
.butn.butn-green {
  -webkit-animation-name: greenPulse;
          animation-name: greenPulse;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  background-image: -webkit-linear-gradient(bottom, #5eaf41 0%, #7ac160 100%);
  background-image: linear-gradient(to top, #5eaf41 0%, #7ac160 100%);
}
.butn.butn-green:hover {
  background-image: -webkit-linear-gradient(bottom, #59a53d 0%, #72b55a 100%);
  background-image: linear-gradient(to top, #59a53d 0%, #72b55a 100%);
}

@-webkit-keyframes greenPulse {
  from {
    box-shadow: 0;
  }
  50% {
    box-shadow: 0 0 18px #7ac160;
  }
  to {
    box-shadow: 0;
  }
}
@-webkit-keyframes bluePulse {
  from {
    box-shadow: 0;
  }
  50% {
    box-shadow: 0 0 18px #38ace6;
  }
  to {
    box-shadow: 0;
  }
}
.buttons-block > a {
  color: #08c;
  font-size: 26px;
  line-height: 36px;
  text-decoration: underline;
  display: inline-block;
  margin-bottom: 22px;
}
.buttons-block > a:hover {
  text-decoration: none;
}
.buttons-block > span {
  display: block;
  text-align: center;
  font-size: 13px;
}

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

.buttons-block__btns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 30px;
}
.buttons-block__btns a {
  text-decoration: none;
}

.os-butn {
  position: relative;
  display: inline-block;
  overflow: hidden;
  margin: 10px;
  background-image: -webkit-linear-gradient(bottom, #078dcf 0%, #38ace6 100%);
  background-image: linear-gradient(to top, #078dcf 0%, #38ace6 100%);
  border-radius: 4px;
  padding: 11px 15px 11px 45px;
  -webkit-transition: all 0.3s;
          transition: all 0.3s;
}
.os-butn:hover {
  background-image: -webkit-linear-gradient(bottom, #26b5fd 0%, #00a4f5 100%);
  background-image: linear-gradient(to top, #26b5fd 0%, #00a4f5 100%);
}
.os-butn:hover .os-butn__logo {
  opacity: 0;
}
.os-butn:hover .os-butn__slide-icon {
  -webkit-animation: slideDown 0.9s linear infinite;
}

.os-butn__logo {
  position: absolute;
  left: 15px;
  -webkit-transition: opacity 0.3s ease-in-out;
          transition: opacity 0.3s ease-in-out;
}

.os-butn__text {
  display: block;
  color: #fff;
  font-size: 18px;
  font-weight: 300;
}

.os-butn__slide-icon {
  position: absolute;
  top: -30px;
  width: 22px;
  height: 22px;
  left: 13px;
  opacity: 0.4;
}
.os-butn__slide-icon img {
  width: 18px;
  height: 22px;
}

@-webkit-keyframes slideDown {
  0% {
    top: -30px;
  }
  100% {
    top: 80px;
  }
}

@keyframes slideDown {
  0% {
    top: -30px;
  }
  100% {
    top: 80px;
  }
}
/*Buttons END */
/*Default END */
/*Header */
header {
  background-color: #333;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  min-width: 1080px;
}

.main-nav > ul {
  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;
}
.main-nav li {
  position: relative;
}
.main-nav li a, .main-nav li span {
  display: block;
  cursor: pointer;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
  padding-top: 9px;
  padding-bottom: 9px;
  line-height: 25px;
}
.main-nav li a svg, .main-nav li span svg {
  margin-left: 8px;
  position: relative;
  bottom: 1px;
  -webkit-transition: -webkit-transform 0.2s ease;
          transition: transform 0.2s ease;
}
.main-nav li a svg.active, .main-nav li span svg.active {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.main-nav li a:hover, .main-nav li span:hover {
  color: #8b8a8a;
}
.main-nav li a:hover #ic_arrow_down, .main-nav li span:hover #ic_arrow_down {
  fill: #8b8a8a;
}
.main-nav li a.active, .main-nav li span.active {
  color: #8b8a8a;
}
.main-nav li a.header-logo, .main-nav li span.header-logo {
  font-weight: 600;
}

.main-nav__submenu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 260px;
  background-color: rgba(51, 51, 51, 0.95);
  text-align: center;
  -webkit-transition: opacity 0s;
          transition: opacity 0s;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
}
.main-nav__submenu li a {
  padding-left: 6px;
  padding-right: 6px;
}
.main-nav__submenu li a:hover {
  background-color: #262626;
}
.main-nav__submenu.main-nav__submenu--active {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateX(0%);
      -ms-transform: translateX(0%);
          transform: translateX(0%);
  -webkit-transition: opacity 0.3s, -webkit-transform 0.1s;
          transition: opacity 0.3s, transform 0.1s;
}

/*Header END */
/*Text page */
.text-main h1 {
  margin-bottom: 35px;
}
.text-main h2 {
  margin-bottom: 22px;
}
.text-main h3 {
  margin-bottom: 8px;
}
.text-main p {
  margin-bottom: 30px;
}
.text-main strong {
  margin-bottom: 10px;
}
.text-main ol, .text-main ul {
  margin-bottom: 20px;
}

/*Text page END */
/*Home page */
.home-main {
  text-align: center;
}

.home-main__lid .def-width {
  border-bottom: 1px solid #ddd;
  padding-bottom: 58px;
}
.home-main__lid .def-width h2 {
  margin-bottom: 30px;
}
.home-main__lid .def-width > img {
  margin-bottom: 12px;
}
.home-main__lid .def-width p {
  font-size: 20px;
  line-height: 36px;
  margin-bottom: 40px;
}
.home-main__lid .def-width .reting {
  margin-bottom: 20px;
}

.stars-block {
  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;
  position: relative;
  top: 1px;
}
.stars-block img {
  margin-right: 2px;
}
.stars-block img:last-child {
  margin-right: 0;
}

.home-main__steps {
  text-align: center;
}
.home-main__steps .def-width {
  padding: 60px 78px 48px;
  border-bottom: 1px solid #ddd;
}
.home-main__steps .def-width > h2 {
  margin-bottom: 30px;
}
.home-main__steps .def-width > p {
  font-size: 16px;
  margin-bottom: 44px;
  line-height: 30px;
}

.home-main__staps-window {
  border: 1px solid #ddd;
}

.home-main__staps-window-head {
  background-color: #f6f6f6;
  border-bottom: 1px solid #ddd;
  padding: 12px 158px;
}
.home-main__staps-window-head ul {
  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;
  position: relative;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}
.home-main__staps-window-head ul:after {
  content: "";
  position: relative;
  width: 99%;
  left: 0;
  bottom: 12px;
  border-bottom: 1px dashed #b3b3b3;
}
.home-main__staps-window-head ul li {
  color: #08c;
  font-size: 20px;
  font-weight: 700;
  background-color: #f6f6f6;
  position: relative;
  z-index: 5;
  padding: 0 6px;
}

.home-main__staps-window-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  padding: 23px 30px 30px;
}
.home-main__staps-window-content li {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.home-main__staps-window-content li img {
  margin-bottom: 20px;
}
.home-main__staps-window-content li p {
  font-size: 18px;
}

.home-main__options .def-width {
  padding-top: 60px;
  padding-bottom: 40px;
  border-bottom: 1px solid #ddd;
}
.home-main__options .def-width > h2 {
  margin-bottom: 30px;
}
.home-main__options .def-width > p {
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 44px;
}

.home-main__options-items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.home-main__options-items li {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: left;
  margin-right: 76px;
}
.home-main__options-items li:last-child {
  margin-right: 0;
}
.home-main__options-items li img {
  margin-bottom: 10px;
}
.home-main__options-items li h3 {
  margin-bottom: 20px;
}

.home-main__types .def-width {
  padding-top: 60px;
}
.home-main__types .def-width > h2 {
  margin-bottom: 30px;
}
.home-main__types .def-width > p {
  margin-bottom: 66px;
  font-size: 16px;
  line-height: 30px;
}
.home-main__types .def-width > span {
  display: inline-block;
  cursor: pointer;
  color: #08c;
  font-size: 26px;
  line-height: 36px;
  text-decoration: underline;
}
.home-main__types .def-width > span:hover {
  text-decoration: none;
}

.home-main__types-wrapper {
  height: 246px;
  overflow: hidden;
  position: relative;
  -webkit-transition: height 0.4s ease, margin-bottom 0.4s ease;
          transition: height 0.4s ease, margin-bottom 0.4s ease;
  margin-bottom: 100px;
}
.home-main__types-wrapper:before {
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  display: block;
  box-shadow: 0px 0px 134px 84px #fff;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
          transition: opacity 0.3s ease;
}
.home-main__types-wrapper.shadow:before {
  opacity: 0;
}

.home-main__types-items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}
.home-main__types-items li {
  -webkit-box-flex: 1;
  -webkit-flex: 1 300px;
      -ms-flex: 1 300px;
          flex: 1 300px;
  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;
  text-align: left;
  margin-bottom: 32px;
  margin-right: 44px;
}
.home-main__types-items li:nth-child(3n+3) {
  margin-right: 0;
}
.home-main__types-items li img {
  min-width: 76px;
  margin-right: 22px;
}
.home-main__types-items li p {
  font-size: 15px;
  line-height: 25px;
}
.home-main__types-items li h3 {
  line-height: 20px;
  margin-bottom: 14px;
}

/*BxSlider */
.bx-controls-direction {
  display: none;
}

.bx-pager.bx-default-pager {
  margin-top: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.bx-pager.bx-default-pager a {
  display: block;
  width: 11px;
  height: 11px;
  background-color: #fff;
  border-radius: 50%;
  opacity: 0.34;
  margin: 0 5px;
  text-indent: -9999px;
}
.bx-pager.bx-default-pager a.active {
  opacity: 1;
}

/*BxSlider END */
.home-main__slider {
  background-color: #08c;
  padding-top: 36px;
  padding-bottom: 36px;
  margin-top: 58px;
  margin-bottom: 48px;
}

.home-slider__slide p {
  font-size: 20px;
  line-height: 36px;
  color: #fff;
  font-weight: 400;
  margin-bottom: 5px;
}
.home-slider__slide span {
  font-size: 20px;
  font-weight: 300;
  color: #a4d3ea;
  font-style: italic;
}

.home-main__smth {
  text-align: left;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.home-main__smth h1 {
  margin-bottom: 26px;
}
.home-main__smth h3 {
  margin-bottom: 12px;
}
.home-main__smth p {
  margin-bottom: 22px;
}

.home-main__smth-content {
  margin-bottom: 48px;
}

/*Home page END */
/*Product page */
.product-main {
  padding-bottom: 52px;
}

.product-main__lid {
  text-align: center;
}
.product-main__lid .mid-width {
  margin-bottom: 48px;
}
.product-main__lid .mid-width h1 {
  margin-bottom: 44px;
}
.product-main__lid .mid-width > img {
  margin-bottom: 52px;
}

.product-main__fiches {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 38px;
  margin-bottom: 34px;
}
.product-main__fiches ul {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.product-main__fiches ul:first-child {
  margin-right: 48px;
}

.product-main__desk .def-width {
  border-top: 1px solid #ddd;
  padding-top: 50px;
}

.product-main__desk-left,
.product-main__desk-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 58px;
}

.product-main__desk-left .product-main__desk-img img {
  margin-left: 24px;
}

.product-main__desk-right .product-main__desk-img {
  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;
}
.product-main__desk-right .product-main__desk-img img {
  margin-right: 48px;
}

.product-main__desk-img {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.product-main__desk-text {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 531px;
}
.product-main__desk-text h2 {
  margin-bottom: 24px;
}
.product-main__desk-text p {
  font-size: 16px;
  line-height: 30px;
}

.product-main__desk-2 {
  margin-bottom: 125px;
}
.product-main__desk-2 .product-main__desk-img img {
  margin-right: 60px;
}

.product-main__desk-8 .product-main__desk-img img {
  margin-right: 16px;
}

.product-main__desk-10 .product-main__desk-img img {
  margin-right: 0px;
}

.product-main__desk-12 {
  margin-bottom: 76px;
}
.product-main__desk-12 .product-main__desk-img img {
  margin-right: 0px;
}

/*Product page END */
/*Pricing page */
.pricing-main {
  padding-bottom: 68px;
}

.pricing-main__lid .def-width {
  border-bottom: 1px solid #ddd;
  padding-bottom: 50px;
}
.pricing-main__lid .mid-width {
  padding-left: 30px;
  padding-right: 30px;
}
.pricing-main__lid .mid-width h1 {
  margin-bottom: 44px;
}

.pricing-main__lid-content {
  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;
}

.pricing-main__lid-img {
  margin-right: 70px;
}

.pricing-main__lid-list {
  position: relative;
}
.pricing-main__lid-list h2 {
  margin-left: 55px;
  margin-bottom: 32px;
}
.pricing-main__lid-list img {
  position: absolute;
  right: -58px;
  bottom: 58px;
}

.pricing-main__packages .def-width {
  padding-top: 58px;
  padding-bottom: 50px;
  border-bottom: 1px solid #ddd;
}

.pricing-main__tabs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  z-index: 5;
}
.pricing-main__tabs > li {
  -webkit-transition: 0.25s;
          transition: 0.25s;
  text-align: center;
  padding: 10px 15px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  color: #9c9c9c;
  font-size: 18px;
  font-weight: 300;
}
.pricing-main__tabs > li:first-child {
  margin-right: 20px;
}
.pricing-main__tabs > li::before {
  content: "";
  z-index: -1;
  position: absolute;
  height: 100%;
  top: 0;
  left: 1px;
  right: 1px;
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition: 0.25s;
          transition: 0.25s;
  border: 1px solid #ddd;
  border-radius: 4px 4px 0 0;
  background-color: #f6f6f6;
}
.pricing-main__tabs > li:hover {
  color: #08c;
}
.pricing-main__tabs > li:hover #ic_os {
  fill: #08c;
}
.pricing-main__tabs > li.active {
  color: #08c;
  border-radius: 4px 4px 0 0;
}
.pricing-main__tabs > li.active::before {
  -webkit-transition: 0.5s;
          transition: 0.5s;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.pricing-main__tabs > li.active #ic_os {
  fill: #08c;
}
.pricing-main__tabs > li svg {
  margin-right: 8px;
  position: relative;
  top: 3px;
}
.pricing-main__tabs > li svg.ic-apple {
  top: 1px;
}

.pricing-main__tab-content {
  -webkit-transform: translateY(-1px);
      -ms-transform: translateY(-1px);
          transform: translateY(-1px);
  background-color: #f6f6f6;
  border: 1px solid #ddd;
  margin-bottom: 55px;
}
.pricing-main__tab-content > li {
  display: none;
  padding: 32px 32px 10px;
}

.pricing-main__tab-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.pricing-main__tab-package {
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
}
.pricing-main__tab-package:first-child {
  margin-right: 40px;
}
.pricing-main__tab-package .pricing-main__tab-list {
  margin-bottom: 22px;
}
.pricing-main__tab-package a.butn {
  margin-bottom: 34px;
}

.pricing-main__tab-title {
  border-bottom: 1px solid #ddd;
  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;
  padding: 22px 50px;
}
.pricing-main__tab-title span {
  color: #5eaf41;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
}
.pricing-main__tab-title span.package-price {
  position: relative;
  top: 2px;
}
.pricing-main__tab-title span.ic-apple svg {
  top: 0;
}
.pricing-main__tab-title span span {
  font-size: 12px;
  font-weight: 600;
  position: relative;
  bottom: 6px;
}
.pricing-main__tab-title span svg {
  position: relative;
  top: 2px;
  margin-right: 7px;
}
.pricing-main__tab-title.basic-package span {
  color: #08c;
}
.pricing-main__tab-title.premium-package span {
  color: #5eaf41;
}

.pricing-main__warm h3 {
  text-align: center;
  color: #e21d39;
  font-weight: 700;
  margin-bottom: 22px;
}

.pricing-main__guarantees .def-width {
  text-align: center;
  padding-top: 60px;
}
.pricing-main__guarantees .def-width > h2 {
  margin-bottom: 30px;
}
.pricing-main__guarantees .def-width > p {
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 44px;
}

.pricing-main__options-items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.pricing-main__options-items li {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: left;
  margin-right: 76px;
}
.pricing-main__options-items li:last-child {
  margin-right: 0;
}
.pricing-main__options-items li img {
  margin-bottom: 10px;
}
.pricing-main__options-items li h3 {
  margin-bottom: 20px;
}

.support-main {
  padding-bottom: 90px;
}
.support-main .def-width h1 {
  margin-bottom: 30px;
}
.support-main .def-width p {
  text-align: center;
  font-size: 16px;
  line-height: 30px;
  max-width: 880px;
  margin: 0 auto 40px;
}
.support-main .def-width ul {
  max-width: 600px;
  margin: 0 auto 30px;
}
.support-main .def-width ul li {
  font-size: 20px;
  line-height: 36px;
  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-bottom: 12px;
}
.support-main .def-width ul li span {
  margin-right: 30px;
  width: 36px;
  text-align: center;
}
.support-main .def-width ul li a {
  margin-left: 3px;
}
.support-main .def-width ul li a[href^="tel:"] {
  color: #333;
  text-decoration: none;
}

.contact-form {
  max-width: 632px;
  margin: 0 auto;
  background-color: #f6f6f6;
  border: 1px solid #ddd;
  padding: 30px;
}
.contact-form.thanks {
  text-align: center;
  padding: 22px 42px;
}
.contact-form.thanks h3 {
  margin-bottom: 28px;
}
.contact-form.thanks p {
  font-size: 15px;
  line-height: 27px;
  margin-bottom: 50px;
}
.contact-form.thanks img {
  display: inline-block;
  margin-bottom: 42px;
}
.contact-form img {
  display: block;
}

.form-bottom {
  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;
}

.contact-form__cover {
  position: relative;
}
.contact-form__cover.success input, .contact-form__cover.success textarea {
  border: 1px solid #37ace6;
  box-shadow: 0 0 21px rgba(38, 161, 222, 0.2);
}
.contact-form__cover.error input, .contact-form__cover.error textarea {
  border: 1px solid #ff6473;
  box-shadow: 0 0 4px rgba(255, 100, 115, 0.5);
}
.contact-form__cover.error span {
  color: #ff6473;
}
.contact-form__cover input {
  width: 100%;
  height: 47px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 2px;
  margin-bottom: 24px;
  outline: 0;
  font-size: 14px;
  font-weight: 600;
  padding-left: 80px;
  padding-right: 20px;
}
.contact-form__cover textarea {
  max-width: 570px;
  min-width: 570px;
  min-height: 207px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 2px;
  margin-bottom: 3px;
  outline: 0;
  padding: 40px 16px 16px;
  font-size: 15px;
  font-weight: 400;
  line-height: 27px;
}
.contact-form__cover span {
  position: absolute;
  top: 13px;
  left: 17px;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}

.faq-main {
  padding-bottom: 110px;
}
.faq-main h1 {
  margin-bottom: 36px;
}
.faq-main h2 {
  margin-bottom: 26px;
}

.faq-main__general .def-width,
.faq-main__payment .def-width {
  padding-bottom: 35px;
  margin-bottom: 40px;
  border-bottom: 1px solid #ddd;
}

.faq-main__accordion p {
  font-size: 15px;
  margin-left: 55px;
  line-height: 26px;
}

/*JQuery accordion */
.ui-accordion-header {
  margin-bottom: 18px;
  cursor: pointer;
  outline: 0;
  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;
  -webkit-transition: 0.2s, margin-bottom 0.5s;
          transition: 0.2s, margin-bottom 0.5s;
}
.ui-accordion-header.ui-state-active {
  color: #08c;
  margin-bottom: 5px;
}
.ui-accordion-header.ui-state-active .plus-minus {
  border: 1px solid #08c;
  box-shadow: 0 0 0 0.5px #7fc3e5;
  -webkit-transition: 0.2s;
          transition: 0.2s;
}
.ui-accordion-header.ui-state-active .plus-minus:before, .ui-accordion-header.ui-state-active .plus-minus:after {
  background-color: #08c;
}
.ui-accordion-header.ui-state-active .plus-minus:before {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.ui-accordion-header.ui-state-active .plus-minus:after {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.ui-accordion-header:hover {
  color: #08c;
}
.ui-accordion-header:hover #ic_plus {
  fill: #08c;
}
.ui-accordion-header:hover .plus-minus {
  border: 1px solid #08c;
  box-shadow: 0 0 0 0.5px #7fc3e5;
  -webkit-transition: 0.2s;
          transition: 0.2s;
}
.ui-accordion-header:hover .plus-minus:before, .ui-accordion-header:hover .plus-minus:after {
  background-color: #08c;
}

.ui-accordion-content {
  padding-bottom: 16px;
}

/*JQuery accordion END */
.plus-minus {
  position: relative;
  width: 38px;
  height: 38px;
  border: 1px solid #333;
  border-radius: 50%;
  box-shadow: 0 0 0 0.5px #999;
  margin-right: 17px;
}
.plus-minus:before, .plus-minus:after {
  content: "";
  position: absolute;
  background-color: #333;
  -webkit-transition: -webkit-transform 0.2s linear, background-color 0.2s;
          transition: transform 0.2s linear, background-color 0.2s;
  opacity: 0.5;
}
.plus-minus:before {
  top: 10px;
  left: 50%;
  width: 2px;
  bottom: 10px;
  margin-left: -1px;
}
.plus-minus:after {
  top: 50%;
  left: 10px;
  right: 10px;
  height: 2px;
  margin-top: -1px;
}

/*Pricing page END */
/*404 */
.not-found-main {
  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;
}
.not-found-main .mid-width {
  text-align: center;
  margin: auto;
}
.not-found-main .mid-width span {
  font-size: 100px;
  margin-bottom: 28px;
  line-height: 84px;
}
.not-found-main .mid-width h1 {
  margin-bottom: 46px;
}
.not-found-main .mid-width p {
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 48px;
}

/*404 page */
/*Footer */
footer {
  background-color: #f0f0f0;
}
footer .def-width {
  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;
}

.copyright {
  font-size: 13px;
  line-height: 25px;
}

.footer-nav ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.footer-nav ul li {
  margin-right: 15px;
  padding-right: 15px;
  position: relative;
}
.footer-nav ul li:after {
  content: "|";
  top: 50%;
  right: 0;
  margin-top: -10px;
  position: absolute;
}
.footer-nav ul li:last-child {
  margin-right: 0;
  padding-right: 0;
}
.footer-nav ul li:last-child:after {
  display: none;
}
.footer-nav ul li a {
  display: block;
  color: #333;
  font-size: 13px;
  line-height: 25px;
  padding: 8px 0;
}

/*Footer END */
/*Media */
/*Media END */

/*# sourceMappingURL=main.css.map */