@charset "UTF-8";
/****************************************************************
* @Author: CraftCoder
* @Date:   x x, 2019
* @Websites: www.craftcoder.ru
* @Description: SCSS
*****************************************************************/
/*******************  FONTS *****************/
/*@font-face {
    font-family: 'SourceSansProBold';
    src: url('../fonts/SourceSansProBold/SourceSansProBold.woff') format('woff'),
         url('../fonts/SourceSansProBold/SourceSansProBold.ttf') format('truetype');
}*/
@font-face {
  font-family: 'Opensans';
  src: url("../fonts/OpensansRegular/OpensansRegular.eot");
  src: url("../fonts/OpensansRegular/OpensansRegular.eot") format("embedded-opentype"), url("../fonts/OpensansRegular/OpensansRegular.woff2") format("woff2"), url("../fonts/OpensansRegular/OpensansRegular.woff") format("woff"), url("../fonts/OpensansRegular/OpensansRegular.ttf") format("truetype"), url("../fonts/OpensansRegular/OpensansRegular.svg#OpensansRegular") format("svg");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'Opensans';
  src: url("../fonts/OpenSansBold/OpenSansBold.eot");
  src: url("../fonts/OpenSansBold/OpenSansBold.eot") format("embedded-opentype"), url("../fonts/OpenSansBold/OpenSansBold.woff2") format("woff2"), url("../fonts/OpenSansBold/OpenSansBold.woff") format("woff"), url("../fonts/OpenSansBold/OpenSansBold.ttf") format("truetype"), url("../fonts/OpenSansBold/OpenSansBold.svg#OpenSansBold") format("svg");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: 'RobotoRegular';
  src: url("../fonts/RobotoRegular/RobotoRegular.eot");
  src: url("../fonts/RobotoRegular/RobotoRegular.eot") format("embedded-opentype"), url("../fonts/RobotoRegular/RobotoRegular.woff2") format("woff2"), url("../fonts/RobotoRegular/RobotoRegular.woff") format("woff"), url("../fonts/RobotoRegular/RobotoRegular.ttf") format("truetype"), url("../fonts/RobotoRegular/RobotoRegular.svg#RobotoRegular") format("svg");
  font-style: normal; }

@font-face {
  font-family: 'RobotoMedium';
  src: url("../fonts/RobotoMedium/RobotoMedium.eot");
  src: url("../fonts/RobotoMedium/RobotoMedium.eot") format("embedded-opentype"), url("../fonts/RobotoMedium/RobotoMedium.woff2") format("woff2"), url("../fonts/RobotoMedium/RobotoMedium.woff") format("woff"), url("../fonts/RobotoMedium/RobotoMedium.ttf") format("truetype"), url("../fonts/RobotoMedium/RobotoMedium.svg#RobotoMedium") format("svg");
  font-style: normal; }

/*********************  preloader  *******************/
/********************  VARS  *****************/
/**********************  MEDIA  *******************/
/*************************** BODY **************************/
html, body {
  height: 100%; }

body {
  font-family: 'Opensans', sans-serif;
  font-size: 1em;
  line-height: 1.5;
  width: 100%;
  min-width: 320px;
  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;
  color: #373B44; }

header,
footer {
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none; }

main {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto; }

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

@media all and (max-width: 767px) {
  p {
    font-size: 14px; } }

p.ninja {
  display: none; }

h1, h2, h3, h4, h5, h6, p {
  font-weight: normal;
  font-style: normal;
  /* margin: 0;  */
}

h1 {
  font-size: 50px; }

h2 {
  font-family: 'RobotoRegular', sans-serif;
  font-size: 32px;
  line-height: 36px; }

h2.heading {
  margin-bottom: 30px; }

@media all and (max-width: 767px) {
  h2.heading {
    font-size: 24px; } }

h3 {
  font-family: 'RobotoRegular', sans-serif;
  font-size: 24px;
  line-height: 24px; }

h4 {
  font-family: 'RobotoRegular', sans-serif;
  font-size: 20px;
  line-height: 24px; }

a {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-decoration: none; }

a:hover, a:active, a:focus {
  text-decoration: none; }

a.btn {
  display: block;
  width: 100%;
  max-width: 176px;
  height: 48px;
  text-align: center;
  line-height: 48px;
  background-color: #1253CC;
  color: #fff;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  font-size: 14px;
  text-transform: uppercase; }

a.btn:hover {
  background-color: #1253CC; }

button {
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

button:active, button:focus {
  outline: none; }

*:focus {
  outline: none; }

* {
  margin: 0;
  padding: 0; }

img {
  max-width: 100%; }

.center {
  text-align: center; }

.p-80 {
  padding-top: 80px;
  padding-bottom: 80px; }

@media all and (max-width: 991px) {
  .p-80 {
    padding-top: 50px;
    padding-bottom: 50px; } }

@media all and (max-width: 575px) {
  .p-80 {
    padding-top: 30px;
    padding-bottom: 30px; } }

.stop-scrolling {
  height: 100%;
  overflow: hidden; }

input.wpcf7-submit {
  cursor: pointer;
  -webkit-transition: .3s all;
  -o-transition: .3s all;
  transition: .3s all; }

section {
  padding-top: 50px;
  padding-bottom: 50px;
 }

 section.section-small {
  padding-top: 50px;
  padding-bottom: 0px;
 }

/*********************  HEADER  ************************/
header .header_top {
  top: 0;
  position: fixed;
  width: 100%;
  z-index: 999;
  background: white;
}

header .header_top li {
  margin: 0 10px;
}

header .header_top {
  -webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25); }

/* @media all and (max-width: 575px) { 
  header .header_top .header_logo {
    -webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25);
            box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25); } } */

@media all and (max-width: 767px) { 
  header .header_top .header_logo {
    width: 180px;
  }
}

@media all and (max-width: 767px) { 
  header .header_top .header_logo .logo {
    text-align: center; } }

@media all and (max-width: 767px) {
  header .header_top .header_menu {
    padding-top: 0px;
    padding-bottom: 6px; } }

header .header_top .header_menu .menu 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; }

header .header_top .header_menu .menu ul li a {
  font-family: 'RobotoMedium', sans-serif;
  font-size: 18px;
  color: #373B44; }

@media all and (max-width: 767px) {
  header .header_top .header_menu .menu ul li a {
    font-size: 16px; } }

header .header_top .header_menu .menu ul li a:hover {
  color: #1253CC; }

header .header_main {
  padding-top: 130px;
  padding-bottom: 80px;
  background: -webkit-gradient(linear, left top, right top, from(#1253CC), to(rgba(66, 134, 244, 0.75)));
  background: -webkit-linear-gradient(left, #1253CC 0%, rgba(66, 134, 244, 0.75) 100%);
  background: -o-linear-gradient(left, #1253CC 0%, rgba(66, 134, 244, 0.75) 100%);
  background: linear-gradient(90deg, #1253CC 0%, rgba(66, 134, 244, 0.75) 100%); }

header .header_main.header_main_small {
    padding-top: 90px;
    padding-bottom: 5px;
}
  

@media all and (max-width: 767px) {
  header .header_main {
    padding-top: 90px;
    padding-bottom: 70px; } }

header .header_main .main_content {
  color: #fff; }

header .header_main .main_content h4 {
  max-width: 464px;
  width: 100%;
  display: block;
  margin-bottom: 20px; }

@media all and (max-width: 767px) {
  header .header_main .main_content h4 {
    font-size: 16px;
    line-height: 24px; } }

header .header_main .main_content h1 {
  font-family: 'RobotoMedium', sans-serif;
  font-size: 60px;
  line-height: 70px;
  max-width: 813px;
  width: 100%;
  text-transform: uppercase;
  margin-bottom: 20px; }

@media all and (max-width: 767px) {
  header .header_main .main_content h1 {
    font-size: 40px;
    line-height: 53px; } }

header .header_main .main_content h2 {
  font-family: 'RobotoRegular', sans-serif;
  max-width: 847px;
  width: 100%; }

@media all and (max-width: 767px) {
  header .header_main .main_content h2 {
    font-size: 18px;
    line-height: 24px; } }

header .header_main .main_content .social {
  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-top: 90px; }

@media all and (max-width: 767px) {
  header .header_main .main_content .social {
    margin-top: 60px; } }

header .header_main .main_content .social a {
  margin-right: 50px; }

header .header_main .main_content .social a:hover {
  opacity: .8; }

header .header_main .main_content .social a img {
  width: 50px;
  height: 50px; }

/********************  industries  ****************/
#industries .box {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

#industries .box a.box_inner {
  width: 100%;
  text-align: center;
  display: block;
  background: #FFFFFF;
  border: 1px solid rgba(55, 59, 68, 0.1);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  padding: 20px 20px 40px 20px;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); }

#industries .box a.box_inner:hover {
  -webkit-box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.25); }

#industries .box a.box_inner:hover h4 {
  color: #1253CC; }

#industries .box a.box_inner img {
  width: 50px;
  height: 50px;
  display: block;
  margin: 0 auto 25px auto; }

#industries .box a.box_inner h4 {
  font-family: 'RobotoRegular', sans-serif;
  color: #373B44;
  -webkit-transition: .3s all;
  -o-transition: .3s all;
  transition: .3s all; }

@media all and (max-width: 575px) {
  #industries .industries_slider {
    padding-bottom: 20px; } }

#industries .industries_slider .slick-dots {
  position: absolute;
  margin: auto;
  bottom: 0px;
  left: 0;
  right: 0;
  text-align: center; }

#industries .industries_slider .slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 5px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer; }

#industries .industries_slider .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 5px;
  cursor: pointer;
  color: #fff;
  border: 0;
  outline: none;
  background: rgba(18, 83, 204, 0.1);
  -webkit-border-radius: 5px;
          border-radius: 5px; }

#industries .industries_slider .slick-dots li.slick-active {
  width: 50px; }

#industries .industries_slider .slick-dots li.slick-active button {
  background: #1253CC;
  width: 50px; }

/********************  cases  *****************/
#cases {
  background-color: rgba(66, 134, 244, 0.05); }

#cases .box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 26px; }

#cases .box:nth-child(2) .box_inner .image {
  border-bottom: 1px solid #1253CC; }

#cases .box:nth-child(3) .box_inner .image {
  border-bottom: 1px solid #1253CC; }

#cases .box .box_inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
  width: 100%;
  background-color: #fff;
  border: 1px solid rgba(55, 59, 68, 0.1);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 5px;
          border-radius: 5px;
  overflow: hidden; }

#cases .box .box_inner .image {
  height: 168px;
  text-align: center;
  border-bottom: 1px solid transparent;
  position: relative;
  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; }

@media all and (max-width: 767px) {
  #cases .box .box_inner .image {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    height: 120px; } }

#cases .box .box_inner .image img.img {
  margin: 0 auto;
  display: block;
  height: auto; }

#cases .box .box_inner .image .figure {
  position: absolute;
  right: 20px;
  bottom: -65px; }

@media all and (max-width: 991px) {
  #cases .box .box_inner .image .figure {
    right: 0; } }

#cases .box .box_inner .image .figure img {
  width: 130px;
  height: 130px; }

#cases .box .box_inner .content {
  padding: 40px 60px 50px 60px; }

@media all and (max-width: 991px) {
  #cases .box .box_inner .content {
    padding: 40px 15px 40px 15px; } }

#cases .box .box_inner .content h3 {
  margin-bottom: 14px; }

#cases .box .box_inner .content p {
  margin-bottom: 30px; }

/*******************  testimonials  ****************/
#testimonials {
  background-color: #fff; }

@media all and (max-width: 991px) {
  #testimonials .testimonials_slider {
    padding-bottom: 40px; } }

#testimonials .testimonials_slider .slide {
  opacity: .5;
  padding: 10px;
  -webkit-transition: .3s all;
  -o-transition: .3s all;
  transition: .3s all; }

@media all and (max-width: 991px) {
  #testimonials .testimonials_slider .slide {
    opacity: 1; } }

#testimonials .testimonials_slider .slide.slick-center {
  opacity: 1;
  -webkit-transition: .3s all;
  -o-transition: .3s all;
  transition: .3s all; }

#testimonials .testimonials_slider .slide.slick-center .slide_inner {
  -webkit-transition: .3s all;
  -o-transition: .3s all;
  transition: .3s all; }

#testimonials .testimonials_slider .slide .slide_inner {
  background: #FFFFFF;
  border: 1px solid rgba(55, 59, 68, 0.1);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 5px;
          border-radius: 5px;
  padding: 90px 100px 70px 100px;
  position: relative; }

@media all and (max-width: 1199px) {
  #testimonials .testimonials_slider .slide .slide_inner {
    /*padding: 90px 50px 70px 50px;*/
    padding: 20px 20px 20px 20px; } }

@media all and (max-width: 767px) {
  #testimonials .testimonials_slider .slide .slide_inner {
    padding: 80px 20px 40px 20px; } }

/* #testimonials .testimonials_slider .slide .slide_inner:after {
  position: absolute;
  content: '';
  -webkit-background-size: contain;
          background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url("../img/icon_18.svg");
  width: 125px;
  height: 121px;
  top: 20px;
  left: 90px;
  opacity: .4;
  z-index: 5; } */

@media all and (max-width: 767px) {
  #testimonials .testimonials_slider .slide .slide_inner:after {
    left: 10px; } }

#testimonials .testimonials_slider .slide .slide_inner h3 {
  position: relative;
  z-index: 10; }

#testimonials .testimonials_slider .slide .slide_inner p {
  margin-top: 12px;
  margin-bottom: 12px; }

@media all and (max-width: 767px) {
  #testimonials .testimonials_slider .slide .slide_inner p {
    font-size: 14px; } }

#testimonials .testimonials_slider .slide .slide_inner span {
  font-size: 12px;
  line-height: 16px;
  font-weight: 700; }

#testimonials .testimonials_slider .slick-dots {
  position: absolute;
  margin: auto;
  bottom: 0px;
  left: 0;
  right: 0;
  text-align: center; }

#testimonials .testimonials_slider .slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 5px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer; }

#testimonials .testimonials_slider .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 5px;
  cursor: pointer;
  color: #fff;
  border: 0;
  outline: none;
  background: rgba(18, 83, 204, 0.1);
  -webkit-border-radius: 5px;
          border-radius: 5px; }

#testimonials .testimonials_slider .slick-dots li.slick-active {
  width: 50px; }

#testimonials .testimonials_slider .slick-dots li.slick-active button {
  background: #1253CC;
  width: 50px; }

/********************  team  ******************/
#team {
  background-color: rgba(66, 134, 244, 0.05); }

#team .box {
  margin-bottom: 30px; }

@media all and (max-width: 767px) {
  #team .box {
    margin-bottom: 35px; } }

#team .box .box_inner h4 {
  margin-bottom: 10px; }

@media all and (max-width: 767px) {
  #team .box .box_inner h4 {
    font-weight: 700;
    font-size: 16px;
    line-height: 34px; } }

#team .box .box_inner .content {
  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; }

@media all and (max-width: 767px) {
  #team .box .box_inner .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    display: block; } }

#team .box .box_inner .content .img {
  -webkit-background-size: cover;
          background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  border: 2px solid #373B44;
  -webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 5px;
          border-radius: 5px;
  width: 272px;
  height: 170px;
  margin-right: 30px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0; }

@media all and (max-width: 767px) {
  #team .box .box_inner .content .img {
    margin-bottom: 25px; } }

#team .box .box_inner .content .text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%; }

#team .box .box_inner .content .text p {
  margin-bottom: 20px; }

#team .box .box_inner .content .text span {
  font-size: 12px;
  line-height: 16px;
  font-weight: 700; }

/*******************  contacts  *****************/
#contacts {
  -webkit-background-size: cover;
          background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url("../img/4.jpg"); }

#contacts .contacts_main {
  max-width: 560px;
  width: 100%;
  margin: 0 auto; }

#contacts .main_title {
  color: #fff;
  margin-bottom: 25px; }

#contacts .main_title h2.heading {
  margin-bottom: 0px; }

#contacts .main_title p {
  font-size: 16px !important; }

#contacts .form {
  width: 100%; }

#contacts .form form {
  width: 100%; }

#contacts .form form .box_input {
  margin-bottom: 20px; }

#contacts .form form .box_input.name input {
  background-image: url("../img/icon_19.png"); }

#contacts .form form .box_input.mail input {
  background-image: url("../img/icon_20.png"); }

#contacts .form form .box_input .title {
  color: #fff; }

#contacts .form form .box_input span input {
  width: 100%;
  border: 1px solid #FFFFFF;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  color: rgba(255, 255, 255, 0.5);
  height: 48px;
  padding-left: 44px;
  background-color: transparent;
  background-position: 15px 50%;
  -webkit-background-size: 12px 12px;
          background-size: 12px;
  background-repeat: no-repeat; }

#contacts .form form .box_input span textarea {
  width: 100%;
  border: 1px solid #FFFFFF;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  padding-left: 44px;
  height: 160px;
  background-color: transparent;
  padding-top: 10px;
  background-position: 15px 17px;
  -webkit-background-size: 12px 12px;
          background-size: 12px;
  background-repeat: no-repeat;
  background-image: url("../img/icon_21.png"); }

#contacts .form form p.achtung {
  font-size: 12px;
  line-height: 24px;
  color: #fff; }

#contacts .form form input.wpcf7-submit {
  background-color: #1253CC;
  /* Синий светлый */
  border: 2px solid #1253CC;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  border: none;
  width: 176px;
  height: 48px;
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  display: block;
  margin: 15px 0  0 auto; }

#contacts .form form input.wpcf7-submit:hover {
  background-color: #1253CC; }

/********************  footer  ********************/
footer{
  z-index: 999;
}
#footer {
  background: -webkit-gradient(linear, left top, right top, from(#1253CC), to(#1253CC));
  background: -webkit-linear-gradient(left, #1253CC 0%, #1253CC 100%);
  background: -o-linear-gradient(left, #1253CC 0%, #1253CC 100%);
  background: linear-gradient(90deg, #1253CC 0%, #1253CC 100%);
  padding-top: 24px;
  padding-bottom: 24px; }

#footer .box {
  font-family: 'RobotoMedium', sans-serif; }

@media all and (max-width: 767px) {
  #footer .box {
    text-align: center; } }

#footer .box p, #footer .box a {
  color: #fff; }

/* #footer .box a {
  display: block; } */

  #footer .box.mail li {
    text-align: right; }

@media all and (max-width: 767px) {
  #footer .box a {
    text-align: center;
    margin-top: 10px; } }

/**********************  Industries page  ********************/
header.page .header_main {
  background: none;
  padding-top: 20px;
  padding-bottom: 70px; }

header.page .header_main .main_content {
  color: #373B44; }

@media all and (max-width: 767px) {
  header.page .header_main .main_content h1 {
    font-size: 24px;
    line-height: 24px; } }

header.page .header_main .main_content .img {
  -webkit-background-size: cover;
          background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  width: 100%;
  height: 280px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-right: 16px; }

@media all and (max-width: 991px) {
  header.page .header_main .main_content .img {
    height: 280px; } }

@media all and (max-width: 767px) {
  header.page .header_main .main_content .img {
    margin-bottom: 10px; } }

@media all and (max-width: 575px) {
  header.page .header_main .main_content .img {
    width: 100%; } }

header.page .header_main .main_content .text {
  max-width: 640px;
  width: 100%; }

header.page .header_main .main_content .text p {
  font-size: 18px;
  line-height: 32px; }

@media all and (max-width: 767px) {
  header.page .header_main .main_content .text p {
    font-size: 14px;
    line-height: 24px; } }

/******************  main_form  *****************/
#main_form {
  background-color: #1253CC;
  padding-top: 80px;
  padding-bottom: 70px; }

@media all and (max-width: 767px) {
  #main_form {
    padding-top: 60px;
    padding-bottom: 40px; } }

#main_form h2 {
  color: #fff;
  text-transform: uppercase; }

@media all and (max-width: 575px) {
  #main_form h2 {
    font-size: 24px;
    line-height: 36px;
    text-transform: none; } }

#main_form h4 {
  color: #fff;
  max-width: 620px;
  width: 100%;
  margin: 0 auto; }

@media all and (max-width: 575px) {
  #main_form h4 {
    font-size: 14px;
    line-height: 24px; } }

#main_form .form {
  max-width: 770px;
  width: 100%;
  margin: 25px auto 0 auto; }

#main_form .form form {
  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-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%; }

@media all and (max-width: 767px) {
  #main_form .form form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; } }

#main_form .form form .box_input .title {
  color: #fff;
  margin-bottom: 10px; }

@media all and (max-width: 575px) {
  #main_form .form form .box_input.name {
    width: 100%; } }

#main_form .form form .box_input.name input {
  width: 252px;
  background-image: url("../img/icon_22.png"); }

@media all and (max-width: 991px) {
  #main_form .form form .box_input.name input {
    width: 250px; } }

@media all and (max-width: 575px) {
  #main_form .form form .box_input.name input {
    width: 100%; } }

@media all and (max-width: 575px) {
  #main_form .form form .box_input.email {
    width: 100%; } }

#main_form .form form .box_input.email input {
  width: 310px;
  background-image: url("../img/icon_23.png"); }

@media all and (max-width: 991px) {
  #main_form .form form .box_input.email input {
    width: 250px; } }

@media all and (max-width: 575px) {
  #main_form .form form .box_input.email input {
    width: 100%; } }

#main_form .form form .box_input span input {
  border: 1px solid #CDCED1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  height: 48px;
  background-color: transparent;
  padding-left: 46px;
  background-position: 15px 50%;
  -webkit-background-size: 12px 12px;
          background-size: 12px;
  background-repeat: no-repeat;
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 20px; }

#main_form .form form .box_input span input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
  opacity: 1; }

#main_form .form form .box_input span input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
  opacity: 1; }

#main_form .form form .box_input span input::-ms-placeholder {
  color: rgba(255, 255, 255, 0.5);
  opacity: 1; }

#main_form .form form .box_input span input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
  opacity: 1; }

#main_form .form form .box_input span input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
  opacity: 1; }

#main_form .form form .box_input span input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
  opacity: 1; }

#main_form .form form .box_input span input::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
  opacity: 1; }

#main_form .form form .box_input span input::placeholder {
  color: rgba(255, 255, 255, 0.5);
  opacity: 1; }

#main_form .form form input.wpcf7-submit {
  height: 48px;
  text-align: center;
  width: 176px;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  font-size: 14px;
  text-transform: uppercase;
  color: #fff;
  border: none;
  background-color: #1253CC;
  margin-bottom: 20px; }

@media all and (max-width: 575px) {
  #main_form .form form input.wpcf7-submit {
    margin-top: 15px; } }

#main_form .form form input.wpcf7-submit:hover {
  background-color: #4993ff; }

/*****************  range  ******************/
#range .row {
  margin-bottom: 50px; }

#range .row:nth-last-child(1) {
  margin-bottom: 0; }

#range .box_image .image {
  -webkit-background-size: cover;
          background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  width: 100%;
  height: 280px; }

@media all and (max-width: 767px) {
  #range .box_image .image {
    height: 262px;
    margin-bottom: 15px; } }

#range .box_roi {
  margin-bottom: 20px; }

#range .box_roi .roi span {
  font-size: 24px;
  line-height: 24px;
  text-transform: uppercase; }

#range .text_2 p {
  font-size: 20px;
  line-height: 36px; }

@media all and (max-width: 767px) {
  #range .text_2 p {
    font-size: 14px;
    line-height: 24px; } }

#range .text_2 a.btn {
  margin-top: 20px; }

/**********************  client  *********************/
#client {
  background-color: rgba(66, 134, 244, 0.05); }

@media all and (max-width: 767px) {
  #client .client_slider {
    padding-bottom: 30px; } }

#client .client_slider .box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px; }

#client .client_slider .box .box_inner {
  width: 100%;
  text-align: center;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 5px;
          border-radius: 5px;
  padding: 40px 24px 40px; }

#client .client_slider .box .box_inner img {
  margin-bottom: 20px; }

#client .client_slider .slick-dots {
  position: absolute;
  margin: auto;
  bottom: 0px;
  left: 0;
  right: 0;
  text-align: center; }

#client .client_slider .slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 5px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer; }

#client .client_slider .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 5px;
  cursor: pointer;
  color: #fff;
  border: 0;
  outline: none;
  background: rgba(18, 83, 204, 0.1);
  -webkit-border-radius: 5px;
          border-radius: 5px; }

#client .client_slider .slick-dots li.slick-active {
  width: 50px; }

#client .client_slider .slick-dots li.slick-active button {
  background: #1253CC;
  width: 50px; }

/********************  product  ********************/
header.page .header_main .main_content .product_image {
  margin-bottom: 20px; }

@media all and (max-width: 767px) {
  header.page .header_main .main_content .product_image {
    margin-bottom: 30px; } }

header.page .header_main .main_content .product_image img {
  height: auto; 
  max-height: 70px;
  max-width: 300px;
}

header.page .header_main .main_content .box_video iframe {
  width: 100%;
  height: 284px; }

@media all and (max-width: 767px) {
  header.page .header_main .main_content .box_video iframe {
    height: 210px; } }

header.page .header_main .main_content .box_text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

header.page .header_main .main_content .box_text .text.prod {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

header.page .header_main .main_content .box_text .text.prod p {
  font-size: 16px;
  line-height: 24px; }

header.page .header_main .main_content .box_text .text.prod .bottom {
  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-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-top: 20px; }

@media all and (max-width: 767px) {
  header.page .header_main .main_content .box_text .text.prod .bottom {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1;
    margin-bottom: 15px; } }

header.page .header_main .main_content .box_text .text.prod .bottom .box_btn {
  margin-right: 16px;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

header.page .header_main .main_content .box_text .text.prod .bottom .box_btn a {
  display: block;
  text-transform: uppercase;
  border: 1px solid #1253CC;
  color: #1253CC;
  width: 100px;
  height: 32px;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  line-height: 30px;
  text-align: center;
  margin-right: 16px; }

header.page .header_main .main_content .box_text .text.prod .bottom .box_link a {
  text-decoration: underline;
  color: #1253CC;
  display: inline-block;
  margin-right: 16px; }

/********************  features  ****************/
#features .box {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

#features .box a.box_inner {
  width: 100%;
  text-align: center;
  display: block;
  background: #FFFFFF;
  border: 1px solid rgba(55, 59, 68, 0.1);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  padding: 20px 20px 40px 20px;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); }

#features .box a.box_inner:hover {
  -webkit-box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.25); }

#features .box a.box_inner:hover h4 {
  color: #1253CC; }

#features .box a.box_inner img {
  /* width: 50px; */
  height: 50px;
  display: block;
  margin: 0 auto 25px auto; }

#features .box a.box_inner h4 {
  font-family: 'RobotoRegular', sans-serif;
  color: #373B44;
  -webkit-transition: .3s all;
  -o-transition: .3s all;
  transition: .3s all; }

@media all and (max-width: 575px) {
  #features .features_slider {
    padding-bottom: 20px; } }

#features .features_slider .slick-dots {
  position: absolute;
  margin: auto;
  bottom: 0px;
  left: 0;
  right: 0;
  text-align: center; }

#features .features_slider .slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 5px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer; }

#features .features_slider .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 5px;
  cursor: pointer;
  color: #fff;
  border: 0;
  outline: none;
  background: rgba(18, 83, 204, 0.1);
  -webkit-border-radius: 5px;
          border-radius: 5px; }

#features .features_slider .slick-dots li.slick-active {
  width: 50px; }

#features .features_slider .slick-dots li.slick-active button {
  background: #1253CC;
  width: 50px; }

/********************  stories  ******************/
#stories {
  background-color: rgba(66, 134, 244, 0.05); }

@media all and (max-width: 767px) {
  #stories .stories_slider {
    padding-bottom: 20px; } }

#stories .stories_slider .box {
  margin-bottom: 45px; }

@media all and (max-width: 767px) {
  #stories .stories_slider .box {
    margin-bottom: 35px; } }

#stories .stories_slider .box .box_inner h3 {
  margin-bottom: 10px; }

#stories .stories_slider .box .box_inner .content {
  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; }

@media all and (max-width: 767px) {
  #stories .stories_slider .box .box_inner .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    display: block; } }

#stories .stories_slider .box .box_inner .content .img {
  -webkit-background-size: cover;
          background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  border: 2px solid #373B44;
  -webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 5px;
          border-radius: 5px;
  width: 272px;
  height: 170px;
  margin-right: 30px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0; }

@media all and (max-width: 767px) {
  #stories .stories_slider .box .box_inner .content .img {
    margin-bottom: 25px; } }

#stories .stories_slider .box .box_inner .content .text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%; }

#stories .stories_slider .box .box_inner .content .text p {
  margin-bottom: 20px; }

#stories .stories_slider .box .box_inner .content .text span {
  font-size: 12px;
  line-height: 16px;
  font-weight: 700; }

#stories .stories_slider .slick-dots {
  position: absolute;
  margin: auto;
  bottom: 0px;
  left: 0;
  right: 0;
  text-align: center; }

#stories .stories_slider .slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 5px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer; }

#stories .stories_slider .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 5px;
  cursor: pointer;
  color: #fff;
  border: 0;
  outline: none;
  background: rgba(18, 83, 204, 0.1);
  -webkit-border-radius: 5px;
          border-radius: 5px; }

#stories .stories_slider .slick-dots li.slick-active {
  width: 50px; }

#stories .stories_slider .slick-dots li.slick-active button {
  background: #1253CC;
  width: 50px; }

/********************  materials  **************/
@media all and (max-width: 767px) {
  #materials .materials_slider {
    padding-bottom: 20px; } }

#materials .materials_slider .box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px; }

#materials .materials_slider .box .box_inner {
  width: 100%; }

#materials .materials_slider .box .box_inner a.img {
  display: block;
  -webkit-background-size: cover;
          background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  width: 100%;
  height: 180px;
  margin-bottom: 24px; }

#materials .materials_slider .box .box_inner a.title {
  display: block;
  margin-bottom: 7px; }

#materials .materials_slider .box .box_inner a.title h3 {
  color: #373B44; }

#materials .materials_slider .slick-dots {
  position: absolute;
  margin: auto;
  bottom: 0px;
  left: 0;
  right: 0;
  text-align: center; }

#materials .materials_slider .slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 5px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer; }

#materials .materials_slider .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 5px;
  cursor: pointer;
  color: #fff;
  border: 0;
  outline: none;
  background: rgba(18, 83, 204, 0.1);
  -webkit-border-radius: 5px;
          border-radius: 5px; }

#materials .materials_slider .slick-dots li.slick-active {
  width: 50px; }

#materials .materials_slider .slick-dots li.slick-active button {
  background: #1253CC;
  width: 50px; }

.pricetable{
  width: 100%;
  margin: 20px 0px 20px 0px;
  border-left: 2px solid #f2f2f2;
}

.pricetable .pricetablename{
  font-size: 22px;
}

.pricetable .pricetableprice,
.pricetable .pricetableprice > a{
  color: #6fb048;
  font-size: 22px;
}



.pricetable td {
  padding: 20px;
  border-top: 2px solid #f2f2f2;
  border-right: 2px solid #f2f2f2;
  border-bottom: 2px solid #f2f2f2;
}

h3 + .download-line {
  border-top: 2px solid #e6e6e6;
}

.download-line {
  border-bottom: 1px solid #ccc;
  letter-spacing: -.36em;
  padding: 15px 0;
}

.download-line p {
  display: inline-block;
  vertical-align: top;
  margin: 0;
  width: 280px;
  letter-spacing: normal;
  padding: 0 0 0 18px;
}

.download-line > p {
  color: #000;
}

.download-line div {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 280px);
  margin: 0;
  letter-spacing: normal;
}

.download-line div p {
  width: 40%;
  letter-spacing: normal;
  margin-left: -4px;
  padding-left: 22px;
}

.download-button::after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: 10px;
  background: #FFF url("../img/Download.svg");
  background-repeat: no-repeat;
  background-size: 100%;
}

.download-line a {
  width: 60%;
  padding-left: 27px;
  color: #4a90e2;
  font-size: 15px;
  font-weight: 100;
  vertical-align: middle;
}

#emailSubmission .modal-container,
#demo-emailSubmission .modal-container {
  padding: 15px 0;
  background: #FFFFFF;
}
#emailSubmission p,
#demo-emailSubmission p {
  margin: 15px;
}
#emailSubmission h4,
#demo-emailSubmission h4 {
  margin: 10px 0;
}
#downloadform,
#demo-form {
  margin: 0px 15px;
  width: auto;
}
#downloadform input,
#demo-form input {
  background-color: #f2f2f2;
  margin-bottom: 15px;
}