@import url('https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&subset=latin,cyrillic');
/*
 [.csb-...] is a main CSS classes prefix for cs-cart.ru blog.
*/
/* Less Variables */
/* Less Functions */
/* Fonts */
@font-face {
  font-family: 'blog';
  src: url('https://www.cs-cart.ru/blog/wp-content/themes/blog-twig/css/../fonts/blog.eot?bw7965');
  src: url('https://www.cs-cart.ru/blog/wp-content/themes/blog-twig/css/../fonts/blog.eot?bw7965#iefix') format('embedded-opentype'), url('https://www.cs-cart.ru/blog/wp-content/themes/blog-twig/css/../fonts/blog.ttf?bw7965') format('truetype'), url('https://www.cs-cart.ru/blog/wp-content/themes/blog-twig/css/../fonts/blog.woff?bw7965') format('woff'), url('https://www.cs-cart.ru/blog/wp-content/themes/blog-twig/css/../fonts/blog.svg?bw7965#blog') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'icomoon';
  src: url('https://www.cs-cart.ru/blog/wp-content/themes/blog-twig/css/../fonts/icomoon.eot');
  src: url('https://www.cs-cart.ru/blog/wp-content/themes/blog-twig/css/../fonts/icomoon.eot') format('embedded-opentype'), url('https://www.cs-cart.ru/blog/wp-content/themes/blog-twig/css/../fonts/icomoon.ttf') format('truetype'), url('https://www.cs-cart.ru/blog/wp-content/themes/blog-twig/css/../fonts/icomoon.woff') format('woff'), url('https://www.cs-cart.ru/blog/wp-content/themes/blog-twig/css/../fonts/icomoon.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'blog' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-cancel:before {
  content: "\e905";
}
.icon-more:before {
  content: "\e904";
}
.icon-interface:before {
  content: "\e900";
}
.icon-right-arrow:before {
  content: "\e901";
}
.icon-search:before {
  content: "\e902";
}
.icon-send:before {
  content: "\e903";
}
.icon-download:before {
  font-family: 'icomoon' !important;
  content: "\e906";
}
.icon-menu:before {
  font-family: 'icomoon' !important;
  content: "\e93f";
}
/* Main styles */
body {
  background-color: #f0f0f0;
  font-family: 'Open Sans', 'Arial', sans-serif;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}
h1,
h2,
h3,
h4,
p,
ul,
li {
  margin: 0px;
  padding: 0px;
}
.csb-main-body {
  margin: 0px auto;
  width: 100%;
  max-width: 1440px;
  box-sizing: border-box;
  background-color: #ffffff;
  min-height: 400px;
  border-left: 1px solid #dcdcdc;
  border-right: 1px solid #dcdcdc;
}
input:active,
button:active,
textarea:active,
input:focus,
button:focus,
textarea:focus,
input:visited,
button:visited,
textarea:visited {
  outline: none;
}
.read-more {
  display: none;
}
.csb-search-result {
  font-weight: 300;
  font-size: 36px;
  padding: 0px 10px 30px;
}
.csb-search-result span {
  font-weight: 400;
}
.cm-image {
  background-color: #F6F6F6;
  margin: 20px 0px;
  width: 100%;
  float: left;
  cursor: zoom-in;
}
.cm-image img {
  width: auto !important;
  height: auto !important;
  max-width: 100%;
  max-height: 400px;
  margin: 0px auto !important;
  padding: 0px !important;
  display: block;
  float: none !important;
}
.cm-image-zoom {
  display: none;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.7);
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  width: 100%;
  box-sizing: border-box;
  padding-top: 120px;
  cursor: zoom-out;
}
.cm-image-zoom img {
  max-width: 100%;
  display: block;
  margin: 0px auto;
}
/*  Main styles HEADER */
.csb-header_top {
  background: url('https://www.cs-cart.ru/blog/wp-content/themes/blog-twig/css/../images/header-background.jpg') no-repeat;
  background-size: cover;
  background-position: center;
  padding-bottom: 40px;
}
.header *:hover {
  text-decoration: none;
}
.csb-header_logo-and-phones {
  padding-top: 20px;
  padding-bottom: 20px;
}
.csb-header_logo {
  padding: 10px;
}
.csb-header_logo img {
  width: 140px;
  margin-right: 60px;
}
.csb-header_logo-block,
.csb-navbar__wrapper,
.csb-navbar__load {
  display: inline-block;
  vertical-align: top;
}
.csb-navbar__wrapper {
  padding-left: 40px;
  padding-right: 30px;
}
.csb-navbar {
  text-align: center;
}
.csb-navbar__container {
  height: 60px;
}
.csb-navbar__wrapper {
  height: 60px;
}
.csb-navbar__item {
  display: inline-block;
  padding-left: 65px;
  padding-top: 18px;
}
.csb-navbar__item:first-child {
  padding-left: 0px;
}
.csb-navbar__item:first-child a:before {
  background-image: url('https://www.cs-cart.ru/blog/wp-content/themes/blog-twig/css/../../../../wp-content/themes/blog-twig/images/svg-icons/gear.svg');
}
.csb-navbar__item:nth-child(2) a:before {
  background-image: url('https://www.cs-cart.ru/blog/wp-content/themes/blog-twig/css/../../../../wp-content/themes/blog-twig/images/svg-icons/favorites.svg');
}
.csb-navbar__item:nth-child(3) a:before {
  background-image: url('https://www.cs-cart.ru/blog/wp-content/themes/blog-twig/css/../../../../wp-content/themes/blog-twig/images/svg-icons/graduate-cap.svg');
}
.csb-navbar__link {
  color: #000 !important;
  font-size: 14px;
  text-transform: uppercase;
  font-family: 'Open Sans';
  position: relative;
}
.csb-navbar__link:before {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 1px;
  left: -30px;
  background-size: contain;
  background-repeat: no-repeat;
}
.csb-navbar-sm {
  text-align: center;
  padding-left: 20px;
  padding-right: 20px;
}
.csb-navbar-sm .csb-header_logo-block img {
  width: 280px;
  height: auto;
}
.csb-header_download-cscart {
  border-radius: 4px;
  background-color: #FF8C44;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  padding: 8px 35px;
  color: #fff;
  font-weight: 600;
  font-size: 15px;
  line-height: 30px;
  text-transform: uppercase;
  float: left;
}
.csb-header_download-cscart:hover {
  color: #fff;
  text-decoration: none;
}
.csb-header_download-cscart span {
  padding-right: 7px;
}
.csb-header_title-name {
  font-size: 48px;
  font-weight: 300;
  color: #fff;
  width: 100%;
  display: block;
  text-align: center;
  font-family: 'Open Sans', 'Arial', sans-serif;
  padding-top: 28px;
}
.csb-header_title-name a {
  color: #fff;
  text-decoration: none;
  padding-bottom: 3px;
  border-bottom: 1px solid #fff;
  margin-bottom: 20px;
  display: inline-block;
}
.csb-header_title-description {
  font-size: 24px;
  font-weight: 300;
  color: #fff;
  text-align: center;
  font-family: 'Open Sans', 'Arial', sans-serif;
  display: block;
  max-width: 800px;
  margin: 0px auto;
  text-shadow: 0px 2px 6px #000000;
}
.csb-header_subscribe .csb-form,
.csb-footer_subscribe .csb-form {
  margin: 0px auto;
  display: block;
  max-width: 550px;
  border-radius: 5px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  background-color: #fff;
  margin-top: 40px;
  margin-bottom: 80px;
  overflow: hidden;
  position: relative;
  height: 50px;
}
.csb-header_subscribe .csb-form input,
.csb-footer_subscribe .csb-form input {
  border: none;
  padding: 13px 0px 8px;
  margin: 0px 15px;
  width: 100%;
  max-width: 200px;
  border-bottom: 2px solid #ececec;
  -webkit-transition: border-bottom-color 0.25s ease-in 0s;
  -moz-transition: border-bottom-color 0.25s ease-in 0s;
  -ms-transition: border-bottom-color 0.25s ease-in 0s;
  -o-transition: border-bottom-color 0.25s ease-in 0s;
  transition: border-bottom-color 0.25s ease-in 0s;
}
.csb-header_subscribe .csb-form input:last-child,
.csb-footer_subscribe .csb-form input:last-child {
  margin-right: 0px;
}
.csb-header_subscribe .csb-form input:active,
.csb-footer_subscribe .csb-form input:active,
.csb-header_subscribe .csb-form input:focus,
.csb-footer_subscribe .csb-form input:focus {
  outline: none;
}
.csb-header_subscribe .csb-form input:focus,
.csb-footer_subscribe .csb-form input:focus {
  border-bottom-color: #00ccfd;
}
.csb-header_subscribe .csb-form input.failed-field,
.csb-footer_subscribe .csb-form input.failed-field {
  border-bottom: 2px solid #e69494;
}
.csb-header_subscribe .csb-form button,
.csb-footer_subscribe .csb-form button {
  float: right;
  width: 70px;
  height: 50px;
  position: absolute;
  top: 0px;
  right: 0px;
  border: none;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  background-image: linear-gradient(180deg, #00e8ff 0%, #00b7fd 100%);
  color: #fff;
  font-size: 30px;
  -webkit-transition: background-image 0.25s ease-in 0s;
  -moz-transition: background-image 0.25s ease-in 0s;
  -ms-transition: background-image 0.25s ease-in 0s;
  -o-transition: background-image 0.25s ease-in 0s;
  transition: background-image 0.25s ease-in 0s;
}
.csb-header_subscribe .csb-form button .subscribe-btn-text,
.csb-footer_subscribe .csb-form button .subscribe-btn-text {
  display: none;
}
.csb-header_subscribe .csb-form button:hover,
.csb-footer_subscribe .csb-form button:hover {
  background-image: linear-gradient(180deg, #33edff 0%, #31c6ff 100%);
}
.csb-header_subscribe .csb-form button:active,
.csb-footer_subscribe .csb-form button:active {
  background-image: linear-gradient(180deg, #00bacc 0%, #0092ca 100%);
}
.csb-header_navigation {
  position: relative;
}
.csb-header_navigation nav ul {
  list-style-type: none;
  float: left;
  white-space: nowrap;
  max-width: 100%;
  overflow-x: hidden;
}
.csb-header_navigation nav ul li {
  display: inline-block;
}
.csb-header_navigation nav ul li a {
  display: block;
  font-size: 16px;
  font-weight: 300;
  padding: 16px 10px 14px;
  color: #333;
  border-bottom: 2px solid #ffffff;
  -webkit-transition: all 0.25s ease-in 0s;
  -moz-transition: all 0.25s ease-in 0s;
  -ms-transition: all 0.25s ease-in 0s;
  -o-transition: all 0.25s ease-in 0s;
  transition: all 0.25s ease-in 0s;
}
.csb-header_navigation nav ul li a.active {
  border-bottom-color: #00ccfd;
}
.csb-header_navigation nav ul li a:hover {
  text-decoration: none;
  border-bottom-color: #ebebeb;
}
.csb-header_navigation nav ul li a:hover.active {
  border-bottom-color: #00ccfd;
}
.csb-header_search-block {
  float: right;
  height: 54px;
  position: absolute;
  right: 10px;
  padding-top: 16px;
  background-color: #ffffff;
  z-index: 30;
}
.csb-header_search-block i {
  color: #333;
  font-size: 20px;
  float: left;
}
.csb-header_search-block input {
  border: none;
  float: left;
  width: 100px;
  margin-left: 5px;
  border-bottom: 2px solid #ffffff;
  -webkit-transition: all 0.25s ease-in 0s;
  -moz-transition: all 0.25s ease-in 0s;
  -ms-transition: all 0.25s ease-in 0s;
  -o-transition: all 0.25s ease-in 0s;
  transition: all 0.25s ease-in 0s;
}
.csb-header_search-block input:focus {
  width: 200px;
  border-bottom: 2px solid #ebebeb;
}
@media (max-width: 480px) {
  .csb-header_search-block input:focus {
    width: calc(100vw - 50px);
    border-bottom: 2px solid #ebebeb;
    background-color: #fff !important;
  }
}
.csb-header_nav-row {
  border-bottom: 1px solid #dcdcdc;
}
/* Body styles */
.csb-posts_latest-post {
  padding: 30px 10px;
  background-color: #fbfbfb;
}
.csb-posts_latest-post article a h1 {
  color: #000;
  font-family: 'Open Sans', 'Arial', sans-serif;
  font-size: 36px;
  line-height: 42px;
  font-weight: 600;
  padding-bottom: 20px;
  -webkit-transition: color 0.25s ease-in 0s;
  -moz-transition: color 0.25s ease-in 0s;
  -ms-transition: color 0.25s ease-in 0s;
  -o-transition: color 0.25s ease-in 0s;
  transition: color 0.25s ease-in 0s;
}
.csb-posts_latest-post article a:hover {
  text-decoration: none;
}
.csb-posts_latest-post article a:hover h1 {
  color: #259fe2;
}
.csb-posts_latest-post article p {
  position: relative;
  width: 100%;
  float: left;
}
.csb-posts_latest-post article p img {
  width: 100%;
}
.csb-posts_latest-post article footer {
  padding-top: 10px;
  float: left;
  width: 100%;
}
.csb-posts_latest-post article footer p {
  float: left;
  width: auto;
  padding-right: 10px;
  color: #cacaca;
}
.csb-posts_latest-post article footer p a {
  color: #259fe2;
}
.csb-posts_latest-post article footer p a:hover {
  color: #13628e;
}
.csb-posts_latest-post article footer .csb-post_comment {
  float: right;
  padding: 0px;
}
.csb-post_comment a {
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
}
.csb-posts_latest-description {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  color: #ffffff;
  font-size: 14px;
  line-height: 21px;
  box-sizing: border-box;
  padding: 20px;
}
.csb-posts_list {
  padding: 50px 10px;
}
.csb-posts_list article {
  padding-bottom: 40px;
}
.csb-posts_list a h2 {
  color: #000;
  font-family: 'Open Sans', 'Arial', sans-serif;
  font-size: 24px;
  line-height: 1.2em;
  font-weight: 600;
  padding-bottom: 10px;
  -webkit-transition: color 0.25s ease-in 0s;
  -moz-transition: color 0.25s ease-in 0s;
  -ms-transition: color 0.25s ease-in 0s;
  -o-transition: color 0.25s ease-in 0s;
  transition: color 0.25s ease-in 0s;
}
.csb-posts_list a:hover {
  text-decoration: none;
}
.csb-posts_list a:hover h2 {
  color: #259fe2;
}
.csb-posts_list a {
  color: #259fe2;
}
.csb-posts_list img {
  width: 100%;
  padding: 10px 0px;
}
.csb-posts_list footer {
  padding-top: 10px;
  float: left;
  width: 100%;
}
.csb-posts_list footer p {
  float: left;
  width: auto;
  padding-right: 10px;
  color: #cacaca;
}
.csb-posts_list footer p a {
  color: #259fe2;
}
.csb-posts_list footer p a:hover {
  text-decoration: none;
  color: #13628e;
}
.csb-posts_list footer .csb-post_comment {
  float: right;
  padding: 0px;
}
.csb-post_pagination {
  text-align: center;
  padding: 50px 0px 30px;
  display: inline-block;
  width: 100%;
}
.csb-post_pagination a {
  color: #999;
}
.csb-post_pagination span {
  color: #333;
}
.csb-post_pagination a {
  padding: 0px 5px;
}
.csb-posts_company h2 {
  font-family: 'Open Sans', 'Arial', sans-serif;
  font-size: 24px;
  font-weight: 600;
  padding-bottom: 30px;
}
.csb-posts_company h3 {
  font-family: 'Open Sans', 'Arial', sans-serif;
  font-size: 18px;
  font-weight: 600;
}
/* Sidebar styles */
.csb-sidebar_subscribe {
  background-color: #ffffff;
  border: 1px solid #ebebeb;
  text-align: center;
  padding: 30px 15px 20px;
  display: block;
  border-radius: 4px;
  box-sizing: border-box;
}
.csb-sidebar_subscribe img {
  padding-bottom: 20px;
  max-width: 100%;
}
.csb-sidebar_subscribe h2 {
  color: #000;
  font-family: 'Open Sans', 'Arial', sans-serif;
  font-size: 18px;
  font-weight: 700;
  padding-bottom: 10px;
  text-transform: uppercase;
}
.csb-sidebar_subscribe form {
  max-width: 220px;
  margin: 0px auto;
}
.csb-sidebar_subscribe form input[type="text"],
.csb-sidebar_subscribe form input[type="email"] {
  border: none;
  float: left;
  width: 100%;
  margin-bottom: 20px;
  padding: 0px 0px 4px;
  border-bottom: 1px solid #cfcfcf;
  -webkit-transition: border-bottom-color 0.25s ease-in 0s;
  -moz-transition: border-bottom-color 0.25s ease-in 0s;
  -ms-transition: border-bottom-color 0.25s ease-in 0s;
  -o-transition: border-bottom-color 0.25s ease-in 0s;
  transition: border-bottom-color 0.25s ease-in 0s;
}
.csb-sidebar_subscribe form input[type="text"]:focus,
.csb-sidebar_subscribe form input[type="email"]:focus {
  border-bottom-color: #00ccfd;
}
.csb-sidebar_subscribe form input[type="text"].failed-field,
.csb-sidebar_subscribe form input[type="email"].failed-field {
  border-bottom-color: #e69494;
}
.csb-sidebar_subscribe form input[type="submit"] {
  border: none;
  border-radius: 4px;
  background-color: #ff8c44;
  font-size: 14px;
  color: #ffffff;
  line-height: 1em;
  padding: 8px 20px;
}
.csb-sidebar_subscribe form input[type="submit"]:hover {
  background-color: #ff9c5e;
}
.csb-sidebar_subscribe form input[type="submit"]:active {
  background-color: #ff7c2a;
}
.csb-sidebar_vebinar {
  width: 100%;
}
.csb-sidebar_vebinar a,
.csb-sidebar_vebinar img {
  width: 100%;
}
.csb-sidebar_vebinar a {
  position: relative;
  float: left;
  width: 100%;
}
.csb-sidebar_vebinar a .csb-webinar-description {
  position: absolute;
  text-align: center;
  box-sizing: border-box;
  padding: 0px 30px;
  width: 100%;
  top: 100px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}
.csb-sidebar_vebinar a .csb-webinar-description h2 {
  padding: 40px 0px 20px;
  color: #fff;
  width: 100%;
  display: inline-block;
  line-height: 1.2em;
}
.cm-dialog,
.cm-dialog-modal {
  position: fixed;
  display: none;
  z-index: 1000;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-color: rgba(0, 0, 0, 0.7);
  box-sizing: border-box;
  padding: 100px 10px;
}
.cm-dialog > div,
.cm-dialog-modal > div {
  max-width: 600px;
  width: 100%;
  margin: 0px auto;
  box-sizing: border-box;
  border-radius: 6px;
  background-color: #ffffff;
  overflow: hidden;
  text-align: center;
}
.cm-dialog > div h2,
.cm-dialog-modal > div h2 {
  font-size: 24px;
  font-weight: 300;
  padding-bottom: 20px;
  padding-top: 30px;
}
.cm-dialog > div p,
.cm-dialog-modal > div p {
  padding: 0px 40px 0.5em;
}
.cm-dialog > div .dialog-button,
.cm-dialog-modal > div .dialog-button {
  text-align: center;
}
.cm-dialog > div .dialog-button a,
.cm-dialog-modal > div .dialog-button a {
  display: inline-block;
  text-transform: uppercase;
  color: #fff;
  background-color: #00ccfd;
  font-size: 18px;
  font-weight: 400;
  padding: 6px 30px;
  line-height: 1em;
  border-radius: 3px;
  margin: 20px 0px;
  -webkit-transition: all 0.25s ease-in 0s;
  -moz-transition: all 0.25s ease-in 0s;
  -ms-transition: all 0.25s ease-in 0s;
  -o-transition: all 0.25s ease-in 0s;
  transition: all 0.25s ease-in 0s;
}
.cm-dialog > div .dialog-button a:hover,
.cm-dialog-modal > div .dialog-button a:hover {
  text-decoration: none;
  background-color: #00b7e4;
}
.cm-dialog > div .sub,
.cm-dialog-modal > div .sub {
  padding: 20px 40px;
  background-color: #f5f5f5;
  text-align: left;
}
.cm-dialog > div .sub .circle-icon-info,
.cm-dialog-modal > div .sub .circle-icon-info {
  float: left;
  width: 20px;
  height: 20px;
  margin: 5px 10px 40px 0px;
  border-radius: 10px;
  text-align: center;
  border: 1px solid #cc3a3a;
  color: #cc3a3a;
  line-height: 1.1em;
}
.csb-subscribe_thanks {
  position: relative;
}
.csb-subscribe_thanks .csb-dialog-close {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 12px;
  color: #999;
  cursor: pointer;
}
.csb-subscribe_thanks .csb-dialog-close:hover {
  color: #333;
  text-decoration: none;
}
.csb-sidevar_subscribe-description {
  color: #666;
  font-family: 'Open Sans', 'Arial', sans-serif;
  font-size: 14px;
  font-weight: 400;
  padding-bottom: 10px;
  display: inline-block;
}
.csb-sidebar_related-posts {
  padding: 0px 0px 30px 20px;
}
.csb-sidebar_related-posts h2 {
  color: #4a4a4a;
  font-family: 'Open Sans', 'Arial', sans-serif;
  font-size: 18px;
  font-weight: 700;
  padding-bottom: 30px;
}
.csb-sidebar_related-posts ul {
  list-style-type: none;
}
.csb-sidebar_related-posts ul li {
  padding-bottom: 20px;
  float: left;
  width: 100%;
}
.csb-sidebar_related-posts ul li a {
  text-decoration: none;
}
.csb-sidebar_related-posts ul li a:hover h3 {
  text-decoration: none;
  color: #00ccfd;
}
.csb-sidebar_related-posts ul li a h3 {
  color: #4a4a4a;
  font-family: 'Open Sans', 'Arial', sans-serif;
  font-size: 16px;
  font-weight: 400;
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  float: left;
  width: 100%;
}
.csb-sidebar_related-posts ul li footer {
  padding-top: 5px;
}
.csb-post_share {
  float: left;
  width: 100%;
  padding-top: 10px;
}
.csb-post_share-text {
  float: left;
}
.comment-respond .comment-reply-title {
  font-weight: 700;
}
.comment-form {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
.comment-form .comment-notes {
  color: #1A2033;
  font-size: 15px;
}
.comment-form .comment-form-comment {
  position: relative;
  display: flex;
  flex-direction: column-reverse;
  padding-bottom: 0;
}
.comment-form .comment-form-comment label {
  position: absolute;
  top: -15px;
  left: 15px;
  color: #A0AEC3;
  padding: 0 3px;
  background: #fff;
  transition: color 0.3s ease-in-out;
}
.comment-form .comment-form-comment textarea {
  border: 1px solid #E0E6EF;
  border-radius: 12px;
  padding: 15px;
  color: #1A2033;
  transition: border 0.3s ease-in-out;
}
.comment-form .comment-form-comment:hover label {
  color: #1D9FF8;
  transition: color 0.3s ease-in-out;
}
.comment-form .comment-form-comment:hover textarea {
  border: 1px solid #1D9FF8;
  transition: border 0.3s ease-in-out;
}
.comment-form .comment-form-author,
.comment-form .comment-form-email,
.comment-form .comment-form-url {
  position: relative;
  display: flex;
  max-width: 400px;
  padding-bottom: 0;
}
.comment-form .comment-form-author input,
.comment-form .comment-form-email input,
.comment-form .comment-form-url input {
  max-width: 400px;
  width: 100%;
  height: 53px;
  background: #FFFFFF;
  border: 1px solid #E0E6EF;
  transition: 0.3s border ease-in-out;
  border-radius: 12px;
  padding: 0 15px;
}
.comment-form .comment-form-author label,
.comment-form .comment-form-email label,
.comment-form .comment-form-url label {
  position: absolute;
  top: -15px;
  left: 15px;
  color: #A0AEC3;
  padding: 0 3px;
  background: #fff;
  transition: color 0.3s ease-in-out;
}
.comment-form .comment-form-author:hover label,
.comment-form .comment-form-email:hover label,
.comment-form .comment-form-url:hover label {
  color: #1D9FF8;
  transition: color 0.3s ease-in-out;
}
.comment-form .comment-form-author:hover input,
.comment-form .comment-form-email:hover input,
.comment-form .comment-form-url:hover input {
  border: 1px solid #1D9FF8;
  transition: border 0.3s ease-in-out;
}
.comment-form .comment-form-cookies-consent {
  max-width: 400px;
}
.comment-form .comment-form-cookies-consent input {
  width: 16px;
  height: 16px;
}
.comment-form .comment-form-cookies-consent label {
  color: #1A2033;
  font-size: 15px;
}
.comment-form .form-submit .submit {
  border-radius: 4px;
  background-color: #FF8C44;
  box-shadow: 0px 1px 2px 0px #000000;
  padding: 8px 35px;
  color: #fff;
  font-weight: 600;
  font-size: 15px;
  line-height: 30px;
  text-transform: uppercase;
  float: left;
  border: unset;
}
.comment-form .form-submit .submit:active {
  box-shadow: unset;
}
.csb-post__thumbnail {
  float: left;
  width: 100%;
  min-height: 220px;
}
.csb-video-title {
  float: left;
  width: 100%;
}
.csb-video-title iframe {
  float: left;
  width: 100%;
  min-height: 400px;
}
/* Footer styles */
.csb-footer_subscribe {
  background-image: linear-gradient(180deg, #656565 0%, #353535 100%);
}
.csb-footer_subscribe .csb-footer_subscribe-wrap {
  padding: 50px 10px;
  background-image: url('https://www.cs-cart.ru/blog/wp-content/themes/blog-twig/css/../images/footer-journal.png');
  background-position: 100% 0px;
  background-repeat: no-repeat;
}
.csb-footer_subscribe h2 {
  color: #fff;
  font-family: 'Open Sans', 'Arial', sans-serif;
  font-size: 24px;
  font-weight: 300;
}
.csb-footer_subscribe h2 + span {
  font-family: 'Open Sans', 'Arial', sans-serif;
  font-size: 14px;
  font-weight: 300;
  color: #fff;
  padding-bottom: 17px;
  display: block;
}
.csb-footer_subscribe .csb-form {
  margin: 0px 0px 60px;
}
.crp_related a {
  font-size: 18px;
  font-weight: 400;
  color: #333;
  padding: 0px 10px;
  float: left;
  width: 100%;
}
.csb-footer {
  background-color: #232323;
  padding: 20px 10px;
}
.csb-footer h2 {
  min-width: 160px;
  width: 0px;
  max-width: 100%;
  color: #fff;
  font-family: "Open Sans";
  font-weight: 300;
  font-size: 18px;
  padding-bottom: 10px;
  border-bottom: 2px solid #ffffff;
  margin-bottom: 10px;
  white-space: nowrap;
}
.csb-footer ul {
  list-style-type: none;
}
.csb-footer ul li a {
  color: #ffffff;
  font-size: 15px;
  padding-bottom: 15px;
  float: left;
  width: 100%;
}
.csb-footer ul li a:hover {
  text-decoration: none;
  color: #259fe2;
}
.csb-footer #vk_groups {
  margin: 0px auto;
}
.csb-footer iframe {
  margin: 0px auto;
  display: block;
}
.csb-header_navigation .cm-menu {
  cursor: pointer;
  font-size: 16px;
  padding: 12px 5px 10px;
  display: none;
  float: left;
  border-bottom: 2px solid #ebebeb;
  -webkit-transition: all 0.25s ease-in 0s;
  -moz-transition: all 0.25s ease-in 0s;
  -ms-transition: all 0.25s ease-in 0s;
  -o-transition: all 0.25s ease-in 0s;
  transition: all 0.25s ease-in 0s;
}
.csb-header_navigation .cm-menu.opened {
  border-bottom-color: #00ccfd;
  background-color: #00ccfd;
  color: #ffffff;
}
/*  Text styles */
.csb-detail-post_content {
  font-size: 16px;
  line-height: 28px;
  font-family: 'Open Sans', 'Arial', sans-serif;
}
.csb-detail-post_content p {
  padding-bottom: 1em;
}
.csb-detail-post_content h1,
.csb-detail-post_content h2,
.csb-detail-post_content h3,
.csb-detail-post_content h4,
.csb-detail-post_content h5 {
  font-weight: 300;
  padding: 1em 0px;
}
.csb-detail-post_content table {
  width: 100% !important;
  font-size: 16px !important;
}
.csb-detail-post_content a {
  color: #259fe2;
}
.csb-detail-post_content a:hover {
  color: #1982bb;
}
.csb-detail-post_content iframe {
  max-width: 100%;
  padding: 20px 0px;
}
.csb-detail-post_content img {
  width: auto;
  max-width: 100%;
}
.csb-detail-post_content ul,
.csb-detail-post_content ol {
  padding-left: 40px;
  margin-top: 0.5em;
  margin-bottom: 1.5em;
}
.csb-posts_deatil-post {
  padding-top: 30px;
  background-color: #fbfbfb;
}
.csb-posts_deatil-post h1 {
  color: #000;
  font-family: "Open Sans";
  font-size: 36px;
  line-height: 42px;
  padding-bottom: 20px;
  font-weight: 600;
}
.csb-posts_deatil-post article img {
  width: 100%;
}
.csb-posts_deatil-post li {
  padding-bottom: 15px;
}
.csb-posts_deatil-post footer {
  padding-top: 10px;
  float: left;
  width: 100%;
}
.csb-posts_deatil-post footer p {
  float: left;
  width: auto;
  padding-right: 10px;
  color: #cacaca;
}
.csb-posts_deatil-post footer p a {
  color: #259fe2;
}
.csb-posts_deatil-post footer p a:hover {
  text-decoration: none;
  color: #13628e;
}
.csb-posts_deatil-post footer .csb-post_comment {
  float: right;
  padding: 0px;
}
#vk_groups {
  float: left;
  margin-bottom: 20px;
}
#footer {
  padding: 0;
}
.csb-footer .footer {
  background-color: #0f2c4d;
}
.csb-footer .footer .footer__container,
.csb-footer .footer .footer-copyright {
  max-width: 1360px;
}
.csb-footer .footer .has-submenu:hover {
  text-decoration: none;
}
.csb-footer .footer .footer-copyright {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  width: 100%;
  margin: 0 15px;
  padding: 24px 0;
  border-top: 1px solid #fff;
}
.csb-footer .footer .footer-copyright p {
  color: #fff;
  margin: 0;
  font-weight: 500;
}
.csb-footer .footer .footer-social-buttons {
  display: flex;
  gap: 16px;
  text-align: center;
}
.csb-footer .footer .footer-social-buttons a {
  width: 30px;
  height: 30px;
  overflow: hidden;
}
.csb-footer .footer .footer-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
}
.csb-footer .footer .footer-icon--telegram {
  background: url("data:image/svg+xml,%0A%3Csvg width='26' height='23' viewBox='0 0 26 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.0813 3.18982C13.0932 4.96765 1.59404 10.0165 1.59404 10.0165C-1.13121 11.1544 0.463967 12.221 0.463967 12.221C0.463967 12.221 2.79038 13.0744 4.78449 13.7144C6.7786 14.3544 7.84205 13.6433 7.84205 13.6433C7.84205 13.6433 12.495 10.3722 17.2142 6.88755C20.5377 4.46979 19.7401 6.46097 18.9424 7.31437C17.2142 9.16323 14.3561 12.0788 11.9632 14.4256C10.8997 15.4212 11.4314 16.2746 11.8968 16.7011C13.2499 17.9261 16.4371 20.1541 17.8841 21.1655C18.2851 21.4458 18.5524 21.6327 18.6101 21.679C18.9424 21.9636 20.8036 23.2434 21.9336 22.959C23.0635 22.6747 23.1964 21.039 23.1964 21.039C23.1964 21.039 24.0606 15.2078 24.8582 9.87432C25.006 8.82722 25.1536 7.80192 25.2914 6.84598C25.6495 4.36126 25.9401 2.34433 25.9882 1.62534C26.1876 -0.792536 23.7947 0.203053 23.7947 0.203053C23.7947 0.203053 18.6101 2.47874 17.0813 3.18982Z' fill='%23F6FAFD'/%3E%3C/svg%3E%0A") no-repeat;
}
.csb-footer .footer .footer-icon--vk {
  background: url("data:image/svg+xml,%0A%3Csvg width='30' height='20' viewBox='0 0 30 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.3233 19.7396C6.19406 19.7396 0.416487 12.6891 0.175781 0.957031H5.24966C5.41632 9.5681 9.15693 13.2155 12.1198 13.9676V0.957031H16.8974V8.38361C19.8232 8.06395 22.8971 4.67975 23.9342 0.957031H28.7118C28.321 2.88774 27.5421 4.71578 26.4237 6.32684C25.3053 7.9379 23.8715 9.29735 22.212 10.3202C24.0644 11.2547 25.7006 12.5774 27.0124 14.2011C28.3244 15.8248 29.2822 17.7125 29.8228 19.7396H24.5638C24.0785 17.979 23.0921 16.4028 21.7283 15.2088C20.3646 14.0148 18.6841 13.256 16.8974 13.0276V19.7396H16.3233Z' fill='%23F6FAFD'/%3E%3C/svg%3E%0A") no-repeat;
}
.csb-footer .footer .footer-icon--rutube {
  background: url("data:image/svg+xml,%0A%3Csvg width='27' height='19' viewBox='0 0 27 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.6608 8.63248H6.96159V4.19001H18.6608C19.3442 4.19001 19.8194 4.3043 20.0578 4.50391C20.2963 4.70352 20.444 5.07372 20.444 5.61453V7.20967C20.444 7.77948 20.2963 8.14969 20.0578 8.3493C19.8194 8.5489 19.3442 8.63419 18.6608 8.63419V8.63248ZM19.4634 0.00171245H2V19H6.96159V12.8191H16.1053L20.444 19H26L21.2164 12.7901C22.98 12.5393 23.7719 12.0207 24.425 11.1659C25.0781 10.3112 25.4056 8.94469 25.4056 7.12096V5.69641C25.4056 4.61481 25.2864 3.76007 25.0781 3.10497C24.8699 2.44985 24.514 1.88004 24.0086 1.36824C23.4747 0.883714 22.8803 0.542517 22.1667 0.313901C21.4531 0.114294 20.5615 0 19.4634 0V0.00171245Z' fill='%23F6FAFD'/%3E%3C/svg%3E") no-repeat;
}
.a2a_kit a {
  font-size: 8px !important;
}
.a2a_kit a > span {
  width: 20px !important;
  height: 20px !important;
}
.a2a_kit a > span svg {
  width: 20px;
  height: 20px;
  border-radius: 10px;
}
.newsletter-subscription-modal_modal-dialog {
  margin-top: 60px;
  width: 750px;
}
.newsletter-subscription-modal_modal-content {
  border-radius: 0;
}
.newsletter-subscription-modal_modal-header {
  border-bottom: none;
}
.newsletter-subscription-modal_close--wrapper {
  text-align: right;
}
.newsletter-subscription-modal_close.close {
  display: inline-block;
  cursor: pointer;
  font-size: 28px;
  margin: -11px 0;
  color: #979797;
}
.newsletter-subscription-modal_close.close:hover {
  color: #585858;
}
.newsletter-subscription-modal_title {
  text-transform: uppercase;
  text-align: center;
  font-size: 24px;
  font-weight: 400;
}
.newsletter-subscription-modal_subtitle {
  text-align: center;
  font-size: 18px;
  color: #7C7C7C;
}
.newsletter-subscription-modal_text {
  color: #666666;
  font-size: 14px;
  padding: 0 10px;
}
.newsletter-subscription-modal_image--wrapper {
  text-align: center;
  margin-top: 30px;
}
.newsletter-subscription-modal_image--wrapper img {
  max-width: 80px;
}
.newsletter-subscription-modal_form {
  max-width: 320px;
  margin: 15px auto 0;
}
.newsletter-subscription-modal_form input {
  border: none;
  border-bottom: solid 1px #CFCFCF;
  width: 100%;
  padding-bottom: 5px;
}
.newsletter-subscription-modal_form input:first-child {
  margin-bottom: 10px;
}
.newsletter-subscription-modal_form input.newsletter-subscription-modal__input-with-error {
  border-bottom: solid 1px #ff4047;
}
.blog-modal .newsletter-subscription-modal_modal-header {
  padding-top: 35px !important;
}
.blog-modal .blog-modal__title {
  font: 700 24px 'Open Sans', 'Arial', sans-serif;
  color: #000;
  text-align: center;
  margin: 0 0 14px;
  padding: 0 20px;
}
.blog-modal .blog-modal__sub-title {
  font: 300 18px 'Open Sans', 'Arial', sans-serif;
  color: #7B7B7B;
  text-align: center;
  max-width: 580px;
  margin: 0 auto 20px;
  padding: 0 30px;
}
.blog-modal .blog-modal__book-left,
.blog-modal .blog-modal__book-right {
  padding: 0 !important;
}
.blog-modal .blog-modal__book-text {
  font: italic 300 13px 'Open Sans', 'Arial', sans-serif;
  color: #7A7A7A;
  max-width: 387px;
  margin: 0 0 35px;
}
.blog-modal .blog-modal__book-title {
  font: 500 18px 'Open Sans', 'Arial', sans-serif;
  color: #000;
  margin: 0 0 5px;
}
.blog-modal .blog-modal__book-advantages {
  padding: 0;
  margin: 0;
  list-style: none;
}
.blog-modal .blog-modal__book-advantages li {
  font: 300 13px 'Open Sans', 'Arial', sans-serif;
  padding-left: 23px;
  position: relative;
  min-height: 16px;
  margin-bottom: 5px;
}
.blog-modal .blog-modal__book-advantages li:before {
  content: '';
  background: url("https://www.cs-cart.ru/blog/wp-content/themes/blog-twig/css/../images/modal/check.svg") no-repeat top center;
  position: absolute;
  left: 0;
  top: 1px;
  display: block;
  width: 16px;
  height: 16px;
}
.blog-modal .blog-modal__footer {
  position: relative;
  margin: 15px 0 0;
  background: #9F128E;
  padding: 0 16px 32px 16px;
}
.blog-modal .blog-modal__footer:before {
  content: '';
  width: 100%;
  height: 1px;
  background: #fff;
  position: absolute;
  top: 11px;
  left: 0;
  display: block;
}
.blog-modal .blog-modal__footer:after {
  display: block;
  position: absolute;
  right: 26px;
  top: 1px;
  content: '';
  width: 24px;
  height: 21px;
  background: url("https://www.cs-cart.ru/blog/wp-content/themes/blog-twig/css/../images/modal/scissors.png") no-repeat top center;
}
.blog-modal .blog-modal__footer .blog-modal__footer-sub-title {
  font: 300 13px 'Open Sans', 'Arial', sans-serif;
  color: #fff;
  text-align: center;
  margin: 0 0 20px;
}
.blog-modal .blog-modal__footer .blog-modal__footer-title {
  padding-top: 22px;
  font: 700 24px 'Open Sans', 'Arial', sans-serif;
  margin: 0;
  color: #fff;
  text-align: center;
}
.blog-modal .blog-modal__footer .blog-modal__footer-inputs .col-md-3 {
  padding: 0 9px;
}
.blog-modal .blog-modal__footer .blog-modal__footer-inputs button {
  background: #FF8531;
  border: none;
  border-radius: 25px;
  text-align: center;
  font: 400 14px/44px 'Open Sans', 'Arial', sans-serif;
  color: #fff;
  display: block;
  width: 100%;
}
.blog-modal .blog-modal__footer .blog-modal__footer-inputs button:hover {
  background: #E77527;
}
.blog-modal .blog-modal__footer .blog-modal__footer-inputs input {
  width: 100%;
  height: 42px;
  padding: 0 10px 0 22px;
  font: 300 18px 'Open Sans', 'Arial', sans-serif;
  color: #fff;
  background: rgba(255, 255, 255, 0.6);
  border: 1px solid #fff;
  border-radius: 6px;
}
.blog-modal .blog-modal__footer .blog-modal__footer-inputs input::-webkit-input-placeholder {
  color: #fff;
}
.blog-modal .blog-modal__footer .blog-modal__footer-inputs input:-moz-placeholder {
  color: #fff;
  opacity: 1;
}
.blog-modal .blog-modal__footer .blog-modal__footer-inputs input::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff;
  opacity: 1;
}
.blog-modal .blog-modal__footer .blog-modal__footer-inputs input:-ms-input-placeholder {
  /* IE 10+ */
  color: #fff;
}
.blog-modal .blog-modal__old-price {
  font: 300 28px / 38px 'Open Sans', 'Arial', sans-serif;
  color: #000;
  text-align: center;
  margin: -2px 0 8px;
  text-decoration: line-through;
}
.blog-modal .newsletter-subscription-modal_close {
  width: 16px;
  z-index: 10;
  height: 16px;
  position: absolute;
  top: 35px;
  right: 35px;
  background: url("https://www.cs-cart.ru/blog/wp-content/themes/blog-twig/css/../images/modal/cancel.svg") no-repeat top center;
}
.blog-modal .newsletter-subscription-modal_close:hover {
  opacity: 0.7;
}
.blog-modal .blog-modal__new-price {
  text-align: center;
}
.blog-modal .blog-modal__new-price span {
  border-radius: 6px;
  overflow: hidden;
  display: inline-block;
  background: #FF8531;
  color: #fff;
  padding: 5px 14px;
  font: 300 36px 'Open Sans', 'Arial', sans-serif;
}
.newsletter-subscription-modal_modal-footer {
  border: none;
  text-align: center;
  padding-bottom: 30px;
}
.newsletter-subscription-modal_subscribe-button {
  width: 230px;
  height: 40px;
  border-radius: 3px;
  background-color: #F28A42;
  border: none;
  color: white;
  font-size: 14px;
}
.newsletter-subscription-modal_subscribe-button:hover {
  background-color: #f27d29;
}
@media screen and (max-width: 1120px) {
  nav a {
    padding: 16px 5px 14px !important;
  }
}
@media all and (max-width: 1024px) {
  .csb-header_contacts-us {
    text-align: right;
  }
  .csb-header_title-name {
    font-size: 36px;
  }
  .csb-header_title-description {
    font-size: 18px;
  }
  .blog-modal .blog-modal__book-left img {
    margin: 0 auto 10px;
    display: block;
    max-width: 100%;
  }
  .blog-modal .blog-modal__book-right {
    padding: 15px 25px 0!important;
  }
  .blog-modal .blog-modal__footer-inputs {
    max-width: 320px;
    margin: 0 auto;
  }
  .blog-modal .blog-modal__footer-inputs input {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 900px) {
  .csb-header_search-block {
    height: 45px;
  }
  .csb-header_navigation .cm-menu {
    display: block;
    position: relative;
    z-index: 20;
  }
  .csb-header_navigation nav {
    position: relative;
  }
  .csb-header_navigation nav .responsive-menu {
    display: none;
    white-space: normal;
    position: absolute;
    background-color: #fff;
    border-radius: 0px 4px 4px 4px;
    z-index: 10;
    top: 45px;
    left: 0px;
    width: 300px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  }
  .csb-header_navigation nav .responsive-menu li {
    width: 100%;
  }
  .csb-header_navigation nav .responsive-menu li a {
    border-bottom: none;
    padding: 18px 20px !important;
  }
  .csb-header_navigation nav .responsive-menu.opened {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .csb-header_top-menu {
    padding-left: 0;
  }
  .csb-header_logo-block {
    text-align: center;
  }
  .csb-header_mobile-menu--opened {
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
  }
  .csb-header_mobile-menu-header {
    float: left;
    width: 100%;
  }
  ul.csb-header_mobile-menu-items {
    padding: 0 0 20px;
  }
  ul.csb-header_mobile-menu-items li {
    padding: 4px 10px;
    width: 100%;
  }
  ul.csb-header_mobile-menu-items li:first-child {
    padding: 4px 10px;
  }
  ul.csb-header_mobile-menu-items li a {
    font-size: 16px;
    text-transform: none;
    padding: 0 !important;
  }
  .csb-header_download-cscart--wrapper {
    margin-top: 30px;
    text-align: center;
  }
  .csb-header_download-cscart {
    float: none;
    padding: 8px 35px !important;
  }
  .csb-post__thumbnail {
    min-height: 0px;
  }
  .csb-header_logo {
    padding-left: 0px;
    text-align: center;
  }
  .csb-sidebar_subscribe {
    max-width: 360px;
    margin: 20px auto;
  }
  .csb-posts_latest-description {
    position: static;
    float: left;
    background-color: rgba(0, 0, 0, 0.8);
  }
  .csb-posts_deatil-post h1,
  .csb-posts_latest-post h1 {
    line-height: 1.2em !important;
  }
  .csb-detail-post_content {
    padding: 0px 20px;
  }
  .csb-detail-post_content td {
    font-size: 16px !important;
    line-height: 24px !important;
    padding-bottom: 10px;
  }
  .csb-detail-post_content h1,
  .csb-detail-post_content h2,
  .csb-detail-post_content h3,
  .csb-detail-post_content h4,
  .csb-detail-post_content h5 {
    padding: 30px 0px 10px;
    line-height: 1.2em;
    font-weight: 400;
  }
  .csb-posts_list {
    padding: 0px 20px;
  }
}
@media screen and (max-width: 560px) {
  .blog-modal .blog-modal__title {
    font-size: 20px;
    margin-top: 10px;
  }
  .blog-modal .blog-modal__sub-title {
    font-size: 14px;
  }
  .blog-modal .blog-modal__footer-title {
    font-size: 16px !important;
  }
  .csb-header_title-name {
    font-size: 24px;
    font-weight: 400;
  }
  .csb-header_title-description {
    font-size: 18px;
  }
  h1 {
    font-size: 24px !important;
  }
  h2 {
    font-size: 20px !important;
  }
  .csb-header_subscribe .csb-form,
  .csb-footer_subscribe .csb-form {
    height: auto;
    box-sizing: border-box;
    padding: 10px 20px 20px;
    margin-bottom: 0px;
  }
  .csb-header_subscribe .csb-form input,
  .csb-footer_subscribe .csb-form input {
    width: 100%;
    max-width: 100%;
    margin: 0px 0px 10px;
  }
  .csb-header_subscribe .csb-form button,
  .csb-footer_subscribe .csb-form button {
    position: static;
    float: none;
    width: 210px;
    height: auto;
    margin: 10px auto 0px;
    padding: 8px 30px;
    display: block;
    font-size: 16px;
    border-radius: 4px;
    text-transform: uppercase;
  }
  .csb-header_subscribe .csb-form button .subscribe-btn-text,
  .csb-footer_subscribe .csb-form button .subscribe-btn-text {
    display: inline-block;
    padding-right: 10px;
  }
  .csb-footer_subscribe .csb-footer_subscribe-wrap {
    background-image: none;
  }
  .col-xss-12 {
    width: 100%;
  }
  .col-xss-6 {
    width: 50%;
  }
  .col-xss-4 {
    width: 33.3333333333%;
  }
  .col-xss-3 {
    width: 25%;
  }
  .csb-post_share {
    float: left;
    padding-top: 10px;
  }
}
@media screen and (max-width: 440px) {
  .col-xss-12 {
    width: 100%;
  }
  .col-xss-6 {
    width: 50%;
  }
  .col-xss-4 {
    width: 33.3333333333%;
  }
  .col-xss-3 {
    width: 25%;
  }
}
@media screen and (max-width: 1120px) {
  .csb-navbar__link {
    padding: 0 !important;
  }
}
@media (max-width: 992px) {
  .csb-header_mobile-menu {
    height: 60px;
    overflow-y: hidden;
  }
  .csb-header_mobile-menu .csb-navbar__load {
    padding-top: 20px;
    width: 100%;
  }
  .csb-header_mobile-menu .csb-navbar__load .csb-header_download-cscart {
    padding: 8px 16px !important;
  }
  .csb-header_mobile-menu-header {
    padding: 10px;
    box-sizing: border-box;
    overflow: hidden;
    transition: 0.3s ease-in-out;
    cursor: pointer;
  }
  .csb-header_mobile-menu-header span.icon-menu {
    float: right;
    padding: 10px;
    padding-top: 7px;
    font-size: 18px;
    color: #999;
  }
  .csb-header_mobile-menu-header .csb-header_mobile-menu-title {
    text-align: left;
    float: left;
    color: #999;
    font-size: 18px;
    padding: 5px;
  }
  .csb-navbar {
    text-align: center;
  }
  .csb-navbar__container {
    height: auto;
  }
  .csb-navbar__wrapper {
    height: auto;
    width: 100%;
    padding: 0;
  }
  .csb-navbar__item {
    display: block;
    padding: 0;
    padding-top: 25px;
    padding-left: 20px !important;
    text-align: left;
  }
  .csb-navbar__item a:before {
    display: none;
  }
}
.csb-sidebar_ecommerce {
  margin-bottom: 30px;
}
@media (max-width: 1440px) {
  .csb-main-body {
    border-left: none;
    border-right: none;
  }
}
@media (max-width: 767px) {
  .newsletter-subscription-modal_modal-dialog {
    margin-top: 15px;
    width: auto;
  }
  .modal-dialog {
    margin: 15px;
  }
}
.newsletter-subscription-modal__input-with-error {
  border-color: #E21111 !important;
}