/*
Theme Name: Technical topic
Theme URI: http://art-apex.ru/
Version: 10.1
Description: Technical topic
Author: Art-Apex
Author URI: http://art-apex.ru/
*/

* {
  box-sizing: border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden] {
  display: none;
}
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  font-family: 'Roboto Condensed', sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
}

html,
body {
  min-height: 100vh;
  min-width: 100%;
}
body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

b,
strong {
  font-weight: bold;
}
button,
input,
select,
textarea {
  /*font: 14px Arial;*/
  margin: 0;
}
button,html input[type=button],/* 1 */

input[type=reset],input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

input[type='checkbox'],
input[type='radio'] {
  box-sizing: border-box;
  padding: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
.entry table p {
  margin-bottom: 0;
}
p {
  margin: 0 0 20px;
}
a {
  color: #576fa3;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
h1 {
  font-size: 26px;
  line-height: 26px;
}

h2 {
  font-size: 22px;
  line-height: 22px;
}
h3 {
  font-size: 18px;
  line-height: 18px;
}
h4 {
  font-size: 16px;
  line-height: 16px;
}
h5 {
  font-size: 15px;
  line-height: 15px;
}
h6 {
  font-size: 14px;
  line-height: 14px;
}
ul {
  list-style: none;
}

body {
  /*background: fixed #fff url(images/bg_site.jpg) no-repeat center 50px; */
  /*background: #E5E9F0;*/
  color: #333;
  margin: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 18px 0;
  padding: 0;
}

img {
  border: 0;
}
p.back_link {
  display: inline-block;
  margin-bottom: 10px;
  padding: 7px 14px;
  background: #eee;
}

.container {
  max-width: 1400px;
  min-width: 970px;
  margin: 0 auto 0;
}

#header {
  height: 174px;
  background: #fafafa;
  /*border-bottom: 2px solid #ddd;*/
  box-shadow: 0 5px 10px #eee;
}
.header-wrap {
  margin: 0 auto;
  max-width: 1400px;
  padding: 0 30px;
  min-width: 970px;
  height: 170px;
  position: relative;
}
.logo {
  position: absolute;
  top: 16px;
  left: 30px;
  width: 210px;
  text-align: center;
}
.logo img {
  width: 170px;
  height: auto;
}
.blog-title {
  width: 596px;
  position: absolute;
  top: 67px;
  left: 26%;
  /*color: #712727;  */
  color: #a54545;
  /*font: bold 32px Georgia, serif;*/
  font-size: 32px;
  font-weight: 400;
  text-transform: uppercase;
  text-align: center;
}
.blog-title span {
  display: inline-block;
  margin-bottom: 6px;
  font-size: 14px;
  color: #576fa3;
  /*font-family: Arial, sans-serif;*/
}
.description {
  position: absolute;
  top: 18px;
  left: 7%;
  font-size: 16px;
  text-align: center;
  width: 90%;
}
.cart {
  position: absolute;
  top: 16px;
  right: 30px;
}
.cart a {
  display: inline-block;
  padding-bottom: 1px;
  border-bottom: 1px dashed #576fa3;
  font-size: 16px;
  color: #576fa3 !important;
  text-decoration: none;
}
.cart span {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 4px;
  background: #b5b5b5;
  color: #fff;
  margin-left: 7px;
}
.phone {
  position: absolute;
  top: 52px;
  right: 30px;
  text-align: right;
  font-size: 24px;
  line-height: 30px;
}
a.email {
  display: inline-block;
  position: absolute;
  top: 122px;
  right: 30px;
  padding-bottom: 1px;
  border-bottom: 1px dashed #576fa3;
  font-size: 16px;
  color: #576fa3 !important;
  text-decoration: none;
}
.navlink {
  padding: 15px 15px 10px;
  background: #f1f1f1;
  margin: 0 0 15px;
}
.navlink-title {
  color: #333;
  font-size: 16px;
  margin-bottom: 15px;
}
.navlink ul {
  margin: 0;
  padding: 0;
}
.navlink ul li {
  margin-bottom: 10px;
}
#nav {
  padding: 8px 0;
  /*background: #576FA3;*/
  margin: 0 0 15px;
}
ul.top-menu {
  padding: 0;
  width: 100%;
  margin: 0 auto !important;
  background: #fff;
}
ul.top-menu li.menu-item {
  position: relative;
}
/*#nav li a:hover {
    color: #fff;
}*/
#nav ul.top-menu > li {
  border-radius: 7px;
  margin-bottom: 2px;
}
#nav ul.top-menu > li > a {
  border-radius: 7px;
  /*border-bottom: 1px solid #fff;*/
  background: #e5e9f0;
  transition: 0.3s;
}

ul.top-menu > li {
  position: relative;
}
ul.top-menu li a {
  display: block;
  padding: 16px 16px;
  text-decoration: none;
  font-size: 16px;
  /*background: #fafafa;*/
  /*color:#576FA3; */
  color: #222;
}
#nav ul.top-menu > li > a:hover,
#nav ul.top-menu > li.current-menu-item > a,
#nav ul.top-menu > li > ul.sub-menu > li.current-menu-item > a,
#nav ul.top-menu > li.current-menu-parent > a {
  background: #849aca !important;
  color: #fff;
}

ul.top-menu ul.sub-menu li {
  margin: 0 !important;
  font-size: 16px;
}
ul.top-menu li ul.sub-menu {
  min-height: 80px;
  padding: 0;
  margin: 0;
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  width: 300px;
  background: #fafafa;
  z-index: 99;
  box-shadow: 0px 0px 12px #ccc;
}
ul.top-menu li:hover ul.sub-menu {
  display: block;
}
ul.top-menu li ul.sub-menu li {
  display: block;
}
#nav ul.top-menu li ul.sub-menu li a {
  color: #333;
  font-size: 16px;
  border-bottom: 1px solid #ebedff;
  transition: 0.3s;
}
#nav ul.top-menu li ul.sub-menu li a:hover {
  color: #fff;
  background: #849aca;
}
ul.top-menu li.current-menu-item a {
  background: #849aca;
}
#nav ul.top-menu > li#menu-item-9161 > a {
  background: #d7e0f1;
}
#nav ul.top-menu > li#menu-item-10032 > a {
  background: #c9d4e8;
}
#nav ul.top-menu > li#menu-item-10031 > a {
  background: #c1cee4;
}

#nav li.page_item ul.children {
  display: none;
  position: absolute;
  width: 150px;
  background: #444;
}
#nav li.page_item:hover ul.children {
  display: block;
}
.shadow {
  /*box-shadow: 0 0 8px #919191;*/
}
.wrap-search {
  padding-bottom: 15px;
}
.form-search input[type='text'] {
  width: 60%;
  padding: 7px;
  color: #333;
  border: 1px solid #ccc;
}
.form-search select {
  padding: 6px 3px;
  color: #333;
  border: 1px solid #ccc;
}

.form-search input[type='submit'] {
  border: none;
  color: #111;
  background: #ccc;
  padding: 8px 14px;
}
.form-search input[type='submit']:hover {
  background: #ddd;
}

#wrapper {
  width: 100%;
  clear: both;
  margin: 30px auto 0;
  padding: 30px;
  background: #fff;
  min-height: 300px;
}
#content {
  margin: 0;
}

.cat {
  margin-bottom: 10px;
}
.cat a {
  color: #8a8a8a;
}

.post {
  margin: 0 0 40px 0;
  padding: 0;
  overflow: hidden;
}

.post ul {
  margin: 0 0 5px;
  list-style: disc;
  margin-bottom: 20px;
}
.post ul li {
  margin-bottom: 8px;
}

.post h1.post-title {
  color: #515151;
  font-size: 30px;
  font-weight: normal;
  margin-bottom: 36px;
  line-height: 32px;
  padding-bottom: 7px;
  border-bottom: 1px dashed #919191;
}

.post h2.post-title {
  color: #4c4c4c;

  font-size: 18px;

  text-transform: uppercase;

  margin-bottom: 18px;

  line-height: 24px;
}

.post .post-title a {
  color: #333;
}

.post-title a:hover {
  color: #811616;

  text-decoration: none;
}

.post-meta {
  font-size: 14px;
  color: #555;
}

.post-meta a {
  color: #555;
}

.post-meta span {
  margin-right: 5px;
}

.post-meta-2 {
  font-size: 13px;
  color: #999;
}

.wrap_cat_posts {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.category_catalog .post,
.category-specialoffer .post {
  width: calc(20% - 80px / 5);
  margin: 0;
  padding-bottom: 15px;
}

.category_catalog .entry .post-thumb,
.category-specialoffer .entry .post-thumb {
  margin: 0 0 20px 0;
  width: 100%;
  /* height: 102px; */
  text-align: center;
  overflow: hidden;
}

.category_catalog .entry .post-thumb img,
.category-specialoffer .entry .post-thumb img {
  width: 100%;
  max-width: 230px;
  height: auto;
}
.category_catalog .post .post-title,
.category-specialoffer .post .post-title {
  text-align: center;
  text-transform: none;
  color: #576fa3;
  font-weight: normal;
  font-size: 17px !important;
  line-height: 20px;
  padding: 0 10px;
}
.category_catalog .post .post-title a,
.category-specialoffer .post .post-title a {
  color: #a54545;
}
.category_catalog .post .post-title a:hover,
.category-specialoffer .post .post-title a:hover {
  color: #576fa3;
}

.category-ads .post {
  border-bottom: 1px solid #ddd;
  padding-bottom: 14px;
  margin-bottom: 24px;
}
.category-ads .post-thumb {
  float: left;
}
.category-ads .post-thumb img {
  width: 100px;
  height: auto;
  margin: 0 20px 14px 0;
}
.post-entry_auto .post-thumb {
  float: left;
  width: 40%;
  margin: 0 45px 30px 0;
}
.post-entry_auto .post-thumb img {
  width: 100%;
  height: auto;
}
.data-product span {
  font-weight: bold;
}

.category-ads .post h2.post-title {
  color: #811616;
}
.category-ads .post h2.post-title span {
  color: #fff;
  font-size: 12px;
  font-weight: normal;
  display: inline-block;
  padding: 2px 5px 1px;
  background: #777;
  margin-right: 14px;
  border-radius: 4px;
}

.main-catalog-auto .post {
  outline: 1px solid #ddd;
  float: left;
  width: 48%;
  padding: 2% !important;
  margin: 0 2% 2% 0 !important;
}
.main-catalog-auto .entry .post-thumb {
  background: #f6f6f6;
  float: left;
  width: 110px;
  height: 110px;
  overflow: hidden;
  margin: 0 15px 0 0;
}
.main-catalog-auto .entry .post-thumb img {
  width: 100%;
  height: auto;
}
.main-catalog-auto .entry h2.post-title {
  height: 38px;
  overflow: hidden;
}
.main-catalog-auto .entry h2.post-title a {
  text-transform: none;
  color: #a54545;
  font-weight: normal;
  font-size: 17px !important;
  line-height: 20px;
}
.main-catalog-auto .entry h2.post-title a:hover {
  color: #576fa3;
}
.home img {
  opacity: 0.9;
}
.entry .goods-data p {
  height: 30px;
  overflow: hidden;
  margin-bottom: 0;
}
.goods-data p span {
  display: inline-block;
}
span.goods-firm,
span.goods-price {
  margin-right: 30px;
}
.button-item {
  display: inline-block;
}
.button-addcart {
  color: #fff;
  cursor: pointer;
  padding: 7px 14px;
  background: #576fa3;
  border-radius: 4px;
}
.button-incart {
  color: #fff;
  padding: 7px 14px;
  background: #c7c7c7;
  border-radius: 4px;
}

.button-addcart:hover {
  background: #5b68e5;
}
.wrap-button-incart {
  padding: 15px 0 20px;
}
.wrap-button-incart .count-item {
  display: inline-block;
  margin-right: 15px;
}

.categoty-links ul {
  margin: 0;
  padding: 0 0 15px 0;
}
.categoty-links ul li {
  display: inline-block;
  padding: 7px 14px;
  background: #eee;
  margin: 0 5px 5px 0;
}
.categoty-links ul li.current-cat a {
  color: #712727;
}
.category-auto-all ul li {
  font-size: 18px;
  padding: 5px 0;
}
.category-auto-all ul.children li {
  font-size: 14px;
}

.page-title-ads {
  position: relative;
}
a.link-add-ads {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  color: #811616 !important;
  padding: 5px 10px;
  border: 1px solid #811616;
  border-radius: 4px;
  font-size: 16px;
}
a.link-add-ads:hover {
  color: #fff !important;
  background: #811616;
}

.entry {
  margin: 0;
  overflow: hidden;
}

.entry p {
  margin: 0 0 1em 0;
}

.entry img {
  border: none;
  max-width: 100%;
  height: auto;
}

.read-more {
  display: block;

  margin-top: 8px;
}

.page-title {
  padding-bottom: 7px;
  border-bottom: 1px dashed #919191;
  font-size: 30px;
  font-weight: normal;
  margin-bottom: 36px;
  color: #515151;
}
.page-title a {
  color: #4c4c4c;
  text-decoration: none;
}
.post blockquote {
  border-left: 5px solid #ddd;
  padding-left: 15px;
}

.post cite {
  font-size: 14px;
  display: block;
  margin-top: 10px;
}

.post pre {
  background: #f0f0f0;
  padding: 20px 30px;
  color: #666;
}

.single .post {
  padding: 0;
  border: none;
}
.page .post {
  padding: 0;
  border: none;
  margin: 0;
}
.navigation {
  color: #74a64e;
}
.a-right {
  float: right;
}
.sp {
  background: #ffb;
  padding: 10px;
  border: 1px solid #ed0;
}
.a-head {
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 20px;
  line-height: 45px;
  text-transform: capitalize;
}

h2.a-title {
  font-size: 27px;
  margin-bottom: 5px;
}

.wp-pagenavi {
  clear: both;
  margin: 0;
  padding: 0;
}

.wp-pagenavi a,
.wp-pagenavi span {
  display: inline-block;
  background: #206586;
  font-weight: bold;
  border-radius: 5px;
  padding: 8px 18px;
  margin-right: 15px;
  font-size: 13px;
  color: #fff;
}

.wp-pagenavi a:hover,
.wp-pagenavi span.current {
  background: #185055;
}
#main {
  float: left;
  width: 75%;
  padding-left: 30px;
}
#sidebar {
  width: 25%;
  float: left;
  margin-left: 0;
  font-size: 15px;
  color: #767676;
}

#sidebar .widget {
  background: #f5f5f5;
  margin-bottom: 30px;
  padding: 15px;
  width: 268px;
  border: 1px solid #f0f0f0;
}

.widget img,
.widget select {
  max-width: 100%;
}
img.wp-smiley {
  border: none;
}
.wrap-footer {
  margin-bottom: 0;
  background: #849aca;
}
#footer {
  /*background: #e4e4e4;
    border-top: 2px solid #e0e0e0;
    padding: 0;
    margin: 0 auto;
    width:1000px;   
    color: #4c4c4c;*/
}

#footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#footer .widget {
  width: 202px;
  margin: 28px 0 20px 48px;
  padding-right: 0;
  float: left;
  font-size: 15px;
}

.widget-title {
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: 700;
}

.widget li {
  margin-bottom: 10px;
}
#footer .widget li a {
  text-decoration: none;
  border-bottom: 1px dashed #4c4c4c;
  color: #4c4c4c;
}
#footer .widget li a:hover {
  border-bottom: none;
}
.screen-reader-text {
  display: none;
}
input#s {
  border: 1px solid #ccc;
  padding: 5px;
  width: 184px;
}

#searchsubmit {
  background: #eee;
  border: 1px solid #ccc;
  padding: 5px 10px;
}

#copy {
  text-align: right;
  color: #fff;
  padding: 30px 40px;
  margin: 0 auto;
  line-height: 18px;
  position: relative;
}

#copy a {
  color: #ddd;
}

a.aa {
  font-size: 12px;
}

.informer-yandex {
  position: absolute;
  top: 40px;
  left: 40px;
  width: 100px;
  height: 50px;
  text-align: left;
}

.clear {
  clear: both;
  margin: 0;
  padding: 0;
}

.error-title {
  font-size: 35px;
  text-transform: uppercase;
  text-align: center;
}

#error-page {
  font-size: 18px;
}

.e-search {
  margin-left: 20px;
  margin-bottom: 20px;
}

.alignright {
  float: right;
  margin: 0 0 1.5em 1.5em;
}

.alignleft {
  float: left;
  margin: 0 1.5em 1.5em 0;
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

a img.alignright {
  float: right;
  margin: 0 0 1.5em 1.5em;
}

a img.alignleft {
  float: left;
  margin: 0 1.5em 1.5em 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.tiled-gallery {
  margin-bottom: 20px !important;
}
.gallery {
  clear: both;
  margin: 0 auto 20px !important;
}
.gallery dl {
  margin: 0;
}
.gallery-caption {
  font-size: 13px;
  line-height: 1.8em;
  margin: 0;
}
#wp-calendar {
  width: 100%;
  color: #767676;
}
/* Highlight active form field */

cite.fn {
  display: block;
  float: left;
  margin-top: 13px;
  font-size: 16px !important;
  font-style: normal;
  text-transform: capitalize;
}

#respond input[type='text'],
textarea {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  outline: none;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid #dddddd;
  display: block;
  margin: 5px 0;
  max-width: 100%;
}
#respond input[type='text']:focus,
textarea:focus {
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  margin: 5px 1px 3px 0px;
  border: 1px solid rgba(81, 203, 238, 1);
}
.pingback cite {
  line-height: 1.5em !important;
}
h3#reply-title {
  margin: 30px 0 0 0;
}
#cancel-comment-reply-link {
}
#commentform {
}
#author {
}
#email {
}
#url {
}
#comment {
}
#submit {
}
.comment-notes {
}
.required {
}
.comment-form-author {
}
.comment-form-email {
}
.comment-form-url {
}
.comment-form-comment {
}
.form-allowed-tags {
}
.form-submit {
}
.wp-caption {
  background: #eee;
  padding: 0;
  font-size: 15px;
  text-align: center;
  margin-bottom: 20px;
  max-width: 575px;
}
.wp-caption img {
  margin-top: 0.3em;
}
p.wp-caption-text {
  padding: 5px;
  margin: 0;
}
.sticky {
}
.gallery-caption {
}
.bypostauthor {
}
.post table {
  border: #ddd solid 1px;
  border-collapse: collapse;
  margin: 10px 0;
  width: 100%;
}
.post th,
.post td {
  border: #ddd solid 1px;
  padding: 10px 20px;
  width: auto;
}
caption {
}

#wp-calendar caption {
  margin-bottom: 15px;
  color: #999;
  font-size: 16px;
}
#wp-calendar tbody {
  text-align: center;
}
#wp-calendar #prev {
  padding-left: 10px;
  padding-top: 10px;
}
#wp-calendar #next {
  padding-right: 10px;
  padding-top: 10px;
}
.icon-user {
  color: #666;
}
.icon-calendar {
  color: #666;
}
.icon-chat {
  color: #666;
}

.pagination {
  margin: 20px 0;
  color: #555;
  text-align: center;
}

.pagination ul {
  display: inline-block;
  margin-left: 0;
  margin-bottom: 0;
  border-radius: 5px;
}

.pagination ul > li {
  display: inline;
}
.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
  border-left-width: 1px;
  border-radius: 5px 0 0 5px;
}

.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span {
  border-rigth-width: 1px;
  border-radius: 0 5px 5px 0;
}

.pagination ul > li > a,
.pagination ul > li > span {
  float: left;
  padding: 4px 12px;
  line-height: 20px;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-left-width: 0;
}

.pagination a:hover {
  color: #555;
}
.scrollTop {
  background: url(images/arrows.png) 0 0 no-repeat;
  display: block;
  width: 79px;
  height: 50px;
  position: fixed;
  bottom: 40px;
  left: 90%;
  z-index: 2000;
  display: none;
}
.scrollTop:hover {
  background-position: 100% 100%;
}

.wpcf7-form input[type='text'],
.wpcf7-form input[type='email'],
.wpcf7-form textarea,
.ads_form textarea,
.ads_form input[name='post_title'],
.ads_form input[name='ads_price'] {
  padding: 8px;
  width: 550px;
  border: 1px solid #ddd;
  background: #fff;
}
.wpcf7-form input[type='submit'],
.ads_form button[value='PUBLISH'] {
  padding: 8px 16px;
}
.wpcf7-form input[type='text'].wpcf7-captchar {
  width: 80px !important;
}
.wpcf7-form,
.ads_form {
  margin-bottom: 20px;
  padding: 30px 40px 20px;
  background: #f6f6f6;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.wpcf7-form p {
  margin-bottom: 20px;
}

#ads_tab {
  display: none !important;
}
.ads_form {
}
.ads_form input[name='post_title'],
.ads_form input[name='ads_price'] {
  display: block;
  margin-bottom: 20px;
}
.ads_form textarea {
  margin-bottom: 20px;
}
.ads_form input[name='ads_price'] {
  width: 150px;
}

.ads_form input[type='file'] {
  display: none;
}
.ads_form button[value='SAVE'] {
  display: none;
}
.ads_form button[value='PUBLISH'] {
  display: block;
  margin: 20px 0;
}
.ads_form span.ads_error {
  display: block;
  margin-top: -20px;
  margin-bottom: 20px;
  color: #f73838;
}
.ads_form span.ads_ok {
  display: block;
  margin-top: 0 !important;
  margin-bottom: 20px;
}
.ads_all_errors {
  display: none !important;
}

/* КОРЗИНА */
.count-item {
  width: 50px;
  height: 24px;
  border: 1px solid #ddd;
}
input.count-goods {
  border: none;
  width: 26px;
  height: 22px;
  padding: 0 0 0 4px;
  vertical-align: middle;
}
.plus-minus {
  float: right;
  width: 20px;
  height: 24px;
}
.plus-minus .plus,
.plus-minus .minus {
  width: 20px;
  height: 12px;
  text-align: center;
  cursor: pointer;
}
.plus-minus .plus {
  background: url(images/plus.png) no-repeat 0 0;
}
.plus-minus .minus {
  background: url(images/minus.png) no-repeat 0 0;
}
.plus-minus .plus:hover {
  background-color: #ddd;
}
.plus-minus .minus:hover {
  background-color: #ddd;
}
.add-to-cart {
  display: block;
  width: 70px;
  color: #576fa3;
  text-decoration: none;
  cursor: pointer;
}
.add-to-cart:hover {
  text-decoration: underline;
}
.in-cart {
  cursor: text;
  color: #b5b5b5;
}
.in-cart:hover {
  text-decoration: none;
}
.delete-cart {
  color: #576fa3;
  font-size: 12px;
  cursor: pointer;
}
.delete-cart:hover {
  text-decoration: underline;
}
.table-cart {
  margin-bottom: 30px !important;
}
.query {
  background: #e5e9f0;
  border-radius: 7px;
  padding: 20px 30px 30px;
}

h2.title-query {
  margin-bottom: 20px;
  font-weight: 400;
}
.form-query {
  float: left;
  width: 60%;
}
.comment-query {
  width: 40%;
  float: left;
}
.comment-query p {
  padding: 18px 24px 22px;
  background: #cdd5e3;
  border-radius: 4px;
  line-height: 22px;
  font-style: italic;
  /*font-family: Verdana;*/
}
.form-query input[type='text'],
.form-query textarea {
  padding: 10px;
  width: 400px;
  border: none;
  border-radius: 7px;
  background: #fff;
  margin-bottom: 16px;
}
.form-query textarea {
  height: 100px;
}
.form-query input[type='submit'] {
  padding: 10px 20px;
  border: none;
  border-radius: 3px;
  background: #576fa3;
  color: #fff;
  opacity: 0.85;
  transition: 0.3s;
}
.form-query input[type='submit']:hover {
  opacity: 1;
}
.success-message {
  margin-bottom: 0 !important;
  padding: 10px;
  background: #c7ffc7;
  margin-top: 10px !important;
}