@charset "UTF-8";
@font-face {
  font-family: font-popins;
  src: url(‘../fonts/Poppins-Black.ttf’) format(‘truetype’), url(‘../fonts/Poppins-BlackItalic.ttf’) format(‘truetype’), url(‘../fonts/Poppins-Bold.ttf’) format(‘truetype’), url(‘../fonts/Poppins-BoldItalic.ttf’) format(‘truetype’), url(‘../fonts/Poppins-ExtraBold.ttf’) format(‘truetype’), url(‘../fonts/Poppins-ExtraBoldItalic.ttf’) format(‘truetype’), url(‘../fonts/Poppins-ExtraLight.ttf’) format(‘truetype’), url(‘../fonts/Poppins-ExtraLightItalic.ttf’) format(‘truetype’), url(‘../fonts/Poppins-Italic.ttf’) format(‘truetype’), url(‘../fonts/Poppins-Light.ttf’) format(‘truetype’), url(‘../fonts/Poppins-LightItalic.ttf’) format(‘truetype’), url(‘../fonts/Poppins-Medium.ttf’) format(‘truetype’), url(‘../fonts/Poppins-MediumItalic.ttf’) format(‘truetype’), url(‘../fonts/Poppins-Regular.ttf’) format(‘truetype’), url(‘../fonts/Poppins-SemiBold.ttf’) format(‘truetype’), url(‘../fonts/Poppins-SemiBoldItalic.ttf’) format(‘truetype’), url(‘../fonts/Poppins-Thin.ttf’) format(‘truetype’), url(‘../fonts/Poppins-ThinItalic.ttf’) format(‘truetype’);
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: font-roboto;
  src: url(‘../fonts/Roboto-Black.ttf’) format(‘truetype’), url(‘../fonts/Roboto-BlackItalic.ttf’) format(‘truetype’), url(‘../fonts/Roboto-Bold.ttf’) format(‘truetype’), url(‘../fonts/Roboto-BoldItalic.ttf’) format(‘truetype’), url(‘../fonts/Roboto-Italic.ttf’) format(‘truetype’), url(‘../fonts/Roboto-Light.ttf’) format(‘truetype’), url(‘../fonts/Roboto-LightItalic.ttf’) format(‘truetype’), url(‘../fonts/Roboto-Medium.ttf’) format(‘truetype’), url(‘../fonts/Roboto-MediumItalic.ttf’) format(‘truetype’), url(‘../fonts/Roboto-Regular.ttf’) format(‘truetype’), url(‘../fonts/Roboto-Thin.ttf’) format(‘truetype’), url(‘../fonts/Roboto-ThinItalic.ttf’) format(‘truetype’);
  font-weight: normal;
  font-style: normal; }
* {
  outline: none; }

body {
  font-family: "font-roboto", sans-serif;
  font-weight: 400;
  font-size: 1.4rem; }

html {
  font-size: 62.5%; }

@media (max-width: 767px) {
  html {
    font-size: 50%; } }
p, h1, h2, h3, h4, h5, h6, dl, ol, ul {
  margin: 0;
  padding: 0; }

a:hover {
  text-decoration: none; }

b, strong {
  font-weight: bold; }

input, select, textarea {
  display: block;
  width: 100%;
  border: 1px solid #e3e0d3;
  background-color: #fff;
  color: #162950;
  max-width: 100%;
  line-height: 1.2;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  padding: 13px 15px; }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px #f2f2f2 inset;
  transition: background-color 5000s ease-in-out 0s; }

svg.icon:not(.icon--full-color) circle, svg.icon:not(.icon--full-color) ellipse, svg.icon:not(.icon--full-color) g, svg.icon:not(.icon--full-color) line, svg.icon:not(.icon--full-color) path, svg.icon:not(.icon--full-color) polygon, svg.icon:not(.icon--full-color) polyline, svg.icon:not(.icon--full-color) rect, symbol.icon:not(.icon--full-color) circle, symbol.icon:not(.icon--full-color) ellipse, symbol.icon:not(.icon--full-color) g, symbol.icon:not(.icon--full-color) line, symbol.icon:not(.icon--full-color) path, symbol.icon:not(.icon--full-color) polygon, symbol.icon:not(.icon--full-color) polyline, symbol.icon:not(.icon--full-color) rect {
  fill: inherit;
  stroke: inherit; }

@media (min-width: 1200px) {
  .container {
    width: 1200px;
    max-width: 100%; } }
.mb-40 {
  margin-bottom: 40px; }

.mb-90 {
  margin-bottom: 90px; }

.header {
  background-image: url("../images/bg_hder.jpg");
  background-repeat: no-repeat;
  background-position: center;
  padding: 96px 0 231px; }
  .header .logo-header {
    padding-bottom: 51px; }
  .header .hder-tt .title-block {
    font-family: "font-popins", sans-serif;
    font-weight: 900;
    font-size: 2.6rem;
    color: #56e723;
    text-transform: uppercase;
    margin-bottom: 21px; }
  .header .hder-tt .sub-title {
    font-family: "font-popins", sans-serif;
    font-weight: 800;
    font-size: 1.6rem;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 9px; }
  .header .hder-tt .title-info {
    font-family: "font-roboto", sans-serif;
    font-weight: 400;
    font-size: 1.4rem;
    color: #fff;
    line-height: 24px;
    margin: 0 150px; }

.main {
  position: relative; }
  .main .title_block {
    font-family: "font-popins", sans-serif;
    font-weight: 800;
    font-size: 2.2rem;
    color: #222;
    text-transform: uppercase;
    border-bottom: 1px solid #f2f3f7;
    margin: -3px 0 26px; }
    .main .title_block span {
      position: relative;
      display: inline-block;
      padding: 0 0 16px; }
      .main .title_block span:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 3px;
        background: #f7af24;
        left: 0;
        bottom: -2px; }
  .main .sub_block {
    font-family: "font-roboto", sans-serif;
    font-weight: 400;
    font-size: 13px;
    color: #666;
    line-height: 22px; }
    .main .sub_block a {
      color: #398ad6;
      font-weight: bold; }
      .main .sub_block a:hover {
        color: #56e723; }
  .main .list-menu {
    padding-top: 49px; }
    .main .list-menu .list-homepage {
      background: #e4e4e4;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      -ms-border-radius: 8px;
      -o-border-radius: 8px;
      border-radius: 8px; }
      .main .list-menu .list-homepage li {
        list-style-type: none; }
        .main .list-menu .list-homepage li:not(:last-child) {
          border-bottom: 1px dashed #fff; }
        .main .list-menu .list-homepage li a {
          font-family: "font-roboto", sans-serif;
          font-weight: bold;
          font-size: 12px;
          color: #222;
          padding: 17px 30px 15px;
          display: block; }
        .main .list-menu .list-homepage li:hover, .main .list-menu .list-homepage li.active {
          background: #cecece; }
          .main .list-menu .list-homepage li:hover:first-child, .main .list-menu .list-homepage li.active:first-child {
            border-top-left-radius: 8px;
            border-top-right-radius: 8px; }
          .main .list-menu .list-homepage li:hover:last-child, .main .list-menu .list-homepage li.active:last-child {
            border-bottom-left-radius: 8px;
            border-bottom-right-radius: 8px; }
  .main .main_layout .getting_started {
    padding-top: 49px;
    margin-bottom: 46px; }
    .main .main_layout .getting_started .block_title {
      margin-bottom: 38px; }
    .main .main_layout .getting_started .block_content .tl_ct_1 h4.tl_h4 {
      font-family: "font-roboto", sans-serif;
      font-weight: 900;
      font-size: 1.6rem;
      color: #222;
      margin-bottom: 28px; }
    .main .main_layout .getting_started .block_content .tl_ct_1 h5.tl_h5 {
      font-family: "font-roboto", sans-serif;
      font-weight: bold;
      font-size: 1.4rem;
      color: #666;
      margin: 24px 0 27px; }
    .main .main_layout .getting_started .block_content .tl_ct_1 p, .main .main_layout .getting_started .block_content .tl_ct_1 h6 {
      font-family: "font-roboto", sans-serif;
      font-weight: 400;
      font-size: 13px;
      color: #666; }
    .main .main_layout .getting_started .block_content .tl_ct_1 p {
      margin-bottom: 3px;
      line-height: 22px;
      padding-left: 10px; }
    .main .main_layout .getting_started .block_content .tl_ct_1 h6.tl_h6 {
      margin: 25px 0 27px; }
  .main .main_layout .installation {
    padding-top: 49px;
    margin-bottom: 49px; }
    .main .main_layout .installation .block_title {
      margin-bottom: 48px; }
    .main .main_layout .installation .block_content .tl_ct_1 .tl_h5 {
      font-family: "font-roboto", sans-serif;
      font-weight: bold;
      font-size: 1.4rem;
      color: #666;
      margin-bottom: 24px; }
    .main .main_layout .installation .block_content .tl_ct_1 .tl_h6 {
      font-family: "font-roboto", sans-serif;
      font-weight: 400;
      font-size: 13px;
      color: #666;
      line-height: 20px;
      margin-bottom: 31px; }
    .main .main_layout .installation .block_content .tl_ct_1:nth-child(2) .tl_h5 {
      margin-bottom: 12px; }
    .main .main_layout .installation .block_content .tl_ct_1:nth-child(2) .tl_h6 {
      margin-left: 16px;
      margin-bottom: 32px; }
    .main .main_layout .installation .block_content .box-img {
      margin: 0 -36px; }
      .main .main_layout .installation .block_content .box-img .list-img {
        padding: 0 18px; }
  .main .main_layout .configuration {
    padding-top: 49px;
    margin-bottom: 49px; }
    .main .main_layout .configuration .block_title .title_block {
      margin-bottom: 37px; }
    .main .main_layout .configuration .block_content .tl_ct_1 {
      margin-bottom: 25px; }
      .main .main_layout .configuration .block_content .tl_ct_1 .tl_h5 {
        font-family: "font-roboto", sans-serif;
        font-weight: bold;
        font-size: 1.4rem;
        color: #222;
        margin-bottom: 19px; }
      .main .main_layout .configuration .block_content .tl_ct_1 .tl_h6 {
        font-family: "font-roboto", sans-serif;
        font-weight: 400;
        font-size: 13px;
        color: #666;
        line-height: 22px;
        margin-bottom: 1px; }
      .main .main_layout .configuration .block_content .tl_ct_1:nth-child(2) .tl_h5 {
        margin-bottom: 12px; }
      .main .main_layout .configuration .block_content .tl_ct_1:nth-child(2) .tl_h6 {
        margin-left: 16px;
        margin-bottom: 32px; }
      .main .main_layout .configuration .block_content .tl_ct_1 .note {
        font-family: "font-roboto", sans-serif;
        font-weight: bold;
        font-size: 13px;
        color: #79a452; }
    .main .main_layout .configuration .block_content .box-img {
      margin-bottom: 25px; }
      .main .main_layout .configuration .block_content .box-img .tl_h5 {
        font-family: "font-roboto", sans-serif;
        font-weight: bold;
        font-size: 1.6rem;
        color: #222;
        margin: 4px 0 36px; }
      .main .main_layout .configuration .block_content .box-img .img_wide {
        margin: 0 -18px; }
        .main .main_layout .configuration .block_content .box-img .img_wide img {
          padding: 0 9px; }
    .main .main_layout .configuration .block_content .content_block .tl_ct_1 {
      margin-bottom: 23px; }
      .main .main_layout .configuration .block_content .content_block .tl_ct_1:last-child {
        margin-bottom: 22px; }
        .main .main_layout .configuration .block_content .content_block .tl_ct_1:last-child .tl_h5 {
          margin-bottom: 3px !important; }
    .main .main_layout .configuration .block_content .content_block .tl_h5 {
      font-family: "font-roboto", sans-serif;
      font-weight: bold;
      font-size: 1.5rem;
      color: #297bb4;
      margin-bottom: 25px !important; }
    .main .main_layout .configuration .block_content .content_block p {
      font-family: "font-roboto", sans-serif;
      font-weight: 400;
      font-size: 13px;
      color: #666;
      line-height: 22px; }
      .main .main_layout .configuration .block_content .content_block p strong {
        color: #222; }
    .main .main_layout .configuration .block_content .content_block .note {
      border-top: 1px dashed #ccc;
      border-bottom: 1px dashed #ccc;
      padding: 8px 0; }
      .main .main_layout .configuration .block_content .content_block .note p {
        font-family: "font-roboto", sans-serif;
        font-weight: bold;
        font-size: 13px;
        color: #fd4521;
        letter-spacing: -0.51px; }
  .main .main_layout .mega_menu, .main .main_layout .vertical_menu {
    padding-top: 49px;
    margin-bottom: 38px; }
    .main .main_layout .mega_menu .block_title .title_block, .main .main_layout .vertical_menu .block_title .title_block {
      margin-bottom: 39px; }
    .main .main_layout .mega_menu .block_content .box-img .tl_h5, .main .main_layout .vertical_menu .block_content .box-img .tl_h5 {
      font-family: "font-roboto", sans-serif;
      font-weight: bold;
      font-size: 1.6rem;
      color: #222;
      margin-bottom: 14px; }
      .main .main_layout .mega_menu .block_content .box-img .tl_h5 strong, .main .main_layout .vertical_menu .block_content .box-img .tl_h5 strong {
        font-size: 12px; }
    .main .main_layout .mega_menu .block_content .box-img img, .main .main_layout .vertical_menu .block_content .box-img img {
      margin-bottom: 35px; }
    .main .main_layout .mega_menu .block_content .content_bl .tl_h5, .main .main_layout .vertical_menu .block_content .content_bl .tl_h5 {
      font-family: "font-roboto", sans-serif;
      font-weight: bold;
      font-size: 1.6rem;
      color: #222;
      text-transform: uppercase;
      margin-bottom: 25px; }
    .main .main_layout .mega_menu .block_content .content_bl p, .main .main_layout .vertical_menu .block_content .content_bl p {
      font-family: "font-roboto", sans-serif;
      font-weight: 400;
      font-size: 13px;
      color: #666;
      line-height: 30px; }
      .main .main_layout .mega_menu .block_content .content_bl p strong, .main .main_layout .vertical_menu .block_content .content_bl p strong {
        color: #222; }
  .main .main_layout .testimonials {
    padding-top: 49px;
    margin-bottom: 38px; }
    .main .main_layout .testimonials .block_title .title_block {
      margin-bottom: 39px; }
    .main .main_layout .testimonials .block_content .box-img .tl_h5, .main .main_layout .testimonials .block_content .box-img_1 .tl_h5, .main .main_layout .testimonials .block_content .box-img_2 .tl_h5 {
      font-family: "font-roboto", sans-serif;
      font-weight: bold;
      font-size: 1.6rem;
      color: #222;
      margin-bottom: 14px; }
      .main .main_layout .testimonials .block_content .box-img .tl_h5 strong, .main .main_layout .testimonials .block_content .box-img_1 .tl_h5 strong, .main .main_layout .testimonials .block_content .box-img_2 .tl_h5 strong {
        font-size: 12px; }
    .main .main_layout .testimonials .block_content .box-img img, .main .main_layout .testimonials .block_content .box-img_1 img, .main .main_layout .testimonials .block_content .box-img_2 img {
      margin-bottom: 40px; }
    .main .main_layout .testimonials .block_content .box-img_1 img {
      margin-bottom: 35px; }
    .main .main_layout .testimonials .block_content .box-img_2 img {
      margin-bottom: 47px; }
    .main .main_layout .testimonials .block_content .content_bl .tl_h5, .main .main_layout .testimonials .block_content .content_blo .tl_h5, .main .main_layout .testimonials .block_content .content_bl_1 .tl_h5 {
      font-family: "font-roboto", sans-serif;
      font-weight: bold;
      font-size: 1.6rem;
      color: #222;
      margin-bottom: 12px; }
    .main .main_layout .testimonials .block_content .content_bl p, .main .main_layout .testimonials .block_content .content_blo p, .main .main_layout .testimonials .block_content .content_bl_1 p {
      font-family: "font-roboto", sans-serif;
      font-weight: 400;
      font-size: 13px;
      color: #666;
      line-height: 30px; }
      .main .main_layout .testimonials .block_content .content_bl p strong, .main .main_layout .testimonials .block_content .content_blo p strong, .main .main_layout .testimonials .block_content .content_bl_1 p strong {
        color: #222; }
    .main .main_layout .testimonials .block_content .content_bl {
      margin-bottom: 24px; }
      .main .main_layout .testimonials .block_content .content_bl p strong {
        font-family: "font-roboto", sans-serif;
        font-weight: bold;
        font-size: 13px;
        color: #666; }
    .main .main_layout .testimonials .block_content .content_blo {
      margin-bottom: 67px; }
      .main .main_layout .testimonials .block_content .content_blo .tl_h5 {
        margin-bottom: 25px; }
    .main .main_layout .testimonials .block_content .content_bl_1 {
      margin-bottom: 10px; }
      .main .main_layout .testimonials .block_content .content_bl_1 p strong {
        font-family: "font-roboto", sans-serif;
        font-weight: bold;
        font-size: 13px;
        color: #666; }
  .main .main_layout .product_comment, .main .main_layout .block_tags {
    padding-top: 49px;
    margin-bottom: 38px; }
    .main .main_layout .product_comment .block_title .title_block, .main .main_layout .block_tags .block_title .title_block {
      margin-bottom: 41px; }
    .main .main_layout .product_comment .block_content .box-img, .main .main_layout .block_tags .block_content .box-img {
      margin-bottom: 46px; }
    .main .main_layout .product_comment .block_content .content_bl .tl_h5, .main .main_layout .block_tags .block_content .content_bl .tl_h5 {
      font-family: "font-roboto", sans-serif;
      font-weight: bold;
      font-size: 1.6rem;
      text-transform: uppercase;
      color: #222;
      margin-bottom: 15px; }
    .main .main_layout .product_comment .block_content .content_bl p, .main .main_layout .block_tags .block_content .content_bl p {
      font-family: "font-roboto", sans-serif;
      font-weight: 400;
      font-size: 13px;
      color: #666;
      line-height: 30px;
      margin-left: 23px; }
  .main .main_layout .block_tags .block_content .content_bl .tl_h5 {
    text-transform: none; }
  .main .main_layout .block_tags .block_content .content_bl p strong {
    color: #222; }
  .main .main_layout .page_customize {
    padding-top: 49px;
    margin-bottom: 49px; }
    .main .main_layout .page_customize .block_title .title_block {
      margin-bottom: 39px; }
    .main .main_layout .page_customize .block_content .box-img {
      margin-bottom: 57px; }
    .main .main_layout .page_customize .block_content .tl_h5 {
      font-family: "font-roboto", sans-serif;
      font-weight: bold;
      font-size: 1.6rem;
      color: #222;
      margin-bottom: 37px; }
    .main .main_layout .page_customize .block_content .tl_h6 {
      font-family: "font-roboto", sans-serif;
      font-weight: bold;
      font-size: 13px;
      color: #222;
      line-height: 22px;
      margin-bottom: 23px;
      letter-spacing: -0.5px; }
      .main .main_layout .page_customize .block_content .tl_h6 span {
        font-size: 1.4rem;
        color: #36a959; }
      .main .main_layout .page_customize .block_content .tl_h6 i {
        color: #e4724a;
        font-size: 12px; }
    .main .main_layout .page_customize .block_content .tl_ct_1 {
      margin-bottom: 86px; }
    .main .main_layout .page_customize .block_content .tl_ct_2 .tl_h5 {
      margin-bottom: 28px; }
    .main .main_layout .page_customize .block_content .tl_ct_2 .tl_h6 {
      margin-bottom: 13px; }
    .main .main_layout .page_customize .block_content .tl_ct_2 .box-img {
      margin-bottom: 35px; }
  .main .main_layout .footer_customize {
    padding-top: 49px; }
    .main .main_layout .footer_customize .block_title .title_block {
      margin-bottom: 73px; }
    .main .main_layout .footer_customize .block_content .box-img {
      margin-bottom: 57px; }
      .main .main_layout .footer_customize .block_content .box-img.ct_1 {
        margin-bottom: 63px; }
      .main .main_layout .footer_customize .block_content .box-img:last-child {
        margin-bottom: 49px; }
    .main .main_layout .footer_customize .block_content .tl_h5 {
      font-family: "font-roboto", sans-serif;
      font-weight: bold;
      font-size: 1.6rem;
      color: #222;
      margin-bottom: 47px; }
    .main .main_layout .footer_customize .block_content .tl_h6 {
      font-family: "font-roboto", sans-serif;
      font-weight: bold;
      font-size: 13px;
      color: #222;
      line-height: 22px;
      margin-bottom: 19px;
      letter-spacing: -0.5px; }
      .main .main_layout .footer_customize .block_content .tl_h6 span {
        font-size: 1.4rem;
        color: #36a959; }
      .main .main_layout .footer_customize .block_content .tl_h6 i {
        font-weight: 400;
        color: #666; }
    .main .main_layout .footer_customize .block_content .note {
      display: flex;
      align-items: center;
      margin: -5px 0 24px; }
      .main .main_layout .footer_customize .block_content .note > i {
        color: #ff2486;
        font-size: 2.6rem;
        margin-right: 12px; }
      .main .main_layout .footer_customize .block_content .note p {
        font-family: "font-roboto", sans-serif;
        font-weight: bold;
        font-size: 13px;
        color: #ff2486; }
  .main .main_layout .revolution_slider {
    padding-top: 49px; }

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