/* all website */
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

*, *::before, *::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

.content-box-component {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

body {
  margin: 0;
  padding: 0;

  font-family: "Roboto", Arial, sans-serif;
  color: #464646;
  font-size: 15px;
  line-height: 30px;
  font-weight: 300;
}

img {
  max-width: 100%;
  height: auto;
}

a {
  text-decoration: none;
}

/* sup teg */
.supDigital {
    vertical-align: super;
    font-size: 10px;
    padding-left: 2px;
}

.visually-hidden:not(:focus):not(:active),
input[type="checkbox"].visually-hidden,
input[type="radio"].visually-hidden {
  position: absolute;

  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;

  white-space: nowrap;

  -webkit-clip-path: inset(100%);

          clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}

.clearfix::after {
  content: "";
  display: table;
  clear: both;
}

.content p {
	padding-top: 10px;
	padding-bottom: 10px;
	color: #404040; /* main text color */
}

#imContent, #imHeader, #imFooter {
  font: normal normal normal 12pt 'Roboto' !important;
}

/*  burger-color */
#imMnMn.main-menu .hamburger-bar {
    background-color: #ffffff !important;
}


/* buttons */
.button {
  color: #fff;
  background-color: #253a58;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-transform: uppercase;
	text-align: center;
  font-weight: 600;
  border: none;
  cursor: pointer;
}

.button:hover {
  background-color: #003f98;
}

.button__big {
  font-size: 24px;
  width: 270px;
  height: 68px;
  border-radius: 34px;
}

.button__midle {
  margin-top: 35px;
  font-size: 24px;
  width: 235px;
  height: 50px;
  border-radius: 25px;
}

.button--small {
  margin-top: 12px;
  font-size: 18px;
  width: 200px;
  height: 46px;
  border-radius: 23px;
}



/* HEADER */
.logo-header {
  display: block;
}

.logo-header-white {
    display: none;
}

/* top header */
.top-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-top: 3px;
}

.top-header__greeting {
  text-align: center;
	color: #ffffff;
}

.menu-mobile-logo {
  top: 11px !important;
  left: 10px !important;
  width: 168px !important;
}

/*.top-header__cart {
	display: block;
	color: #464646;
  text-decoration: none;
}

.widget_quantity_total {
    display: inline-block;
    margin-left: 7px;
    padding: 0 15px;
    color: #ffffff;
    border-radius: 15px;
    background-color: #bf9883;
}*/

.top-header__geo {
  min-width: 150px;
  text-align: left;
  color: #ffffff;
}

.top-header__mail-link {
  display: block;
  position: relative;
  color: #ffffff;
}

.top-header__mail-link:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: -28px;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  background-image: url(/wp-content/themes/themeMetallobaza/assets/project/img/pic/icons/email.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center;
}

.top-header__geo:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  background-image: url(/wp-content/themes/themeMetallobaza/assets/project/img/pic/icons/pin.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center;
}

/* Main navigation */
.main-nav {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: 0 auto;
}

.main-nav__list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-width: 650px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.main-nav__item {
  position: relative;
}

.main-nav__link {
  display: inline-block;
  position: relative;
  padding: 12px 0;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: .02em;
  color: #404040;
  text-decoration: none;
  transition: .2s linear;
  cursor: pointer;
}

.main-nav__link:before{
  display: block;
  position: absolute;
  content: "";
  height: 2px;
  width: 0;
  background-color: #253a58;
  transition: width .2s ease-in-out, left .2s ease-in-out;
  left: 50%;
  bottom: 0;
}
.main-nav__link:after{
  display: block;
  position: absolute;
  content: "";
  height: 2px;
  width: 0;
  background-color: #253a58;
  transition: width .2s ease-in-out;
  left: 50%;
  bottom: 0;
}
.main-nav__link:hover:before{
  width: 50%;
  left: 0;
}
.main-nav__link:hover:after{
  width: 50%;
}

.main-nav__item--down:after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: 0;
  background-image: url(/wp-content/themes/themeMetallobaza/assets/project/img/pic/icons/arrow-down.svg);
  background-size: 10px 10px;
  background-repeat: no-repeat;
  background-position: center;
}

/*.submenu, */
.main-nav__submenu {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 310px;
  padding: 20px 10px 20px 25px;

  visibility: hidden;

  position: absolute;
  top: 100%;
  left: -10px;

  list-style: none;

  background: white;
  border-top: 1px solid #e5e5e5;
  box-shadow: 10px 10px 10px 1px rgba(0, 0, 0, 0.32);

  transform: translate3d(0,30px,0);
  transition: .2s ease;
  transform-origin: 0% 0%;

  z-index: 5;
}

.main-nav__item:hover .main-nav__submenu {
  visibility: visible;
  transform: translate3d(0,0,0);
}

.main-nav__submenu-item {
  margin-bottom: 7px;
  text-align: left;
}

.main-nav__submenu-link {
  color: #253a58;
  text-decoration: none;
}

.main-nav__submenu-link:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 5px;
  opacity: 0.5;
  background-image: url(/wp-content/themes/themeMetallobaza/assets/project/img/pic/icons/arrow-right.svg);
  background-size: 10px 10px;
  background-repeat: no-repeat;
  background-position: center;
  /* transition: 0.3s ease; */
}

.main-nav__submenu-link:hover {
  color: #2dbbff;
}

.main-nav__submenu-link:hover.main-nav__submenu-link:before {
  margin-right: 8px;
  transition: 0.3s ease;
}

/* Phone block */
.phone {
  text-decoration: none;
  text-align: right;
}

.phone__num {
  display: block;
  color: #404040;
  font-size: 20px;
  font-weight: 600;
}

.phone__num:before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 7px;
  opacity: 0.8;
  background-image: url(/wp-content/themes/themeMetallobaza/assets/project/img/pic/icons/telephone.svg);
  background-size: 15px 15px;
  background-repeat: no-repeat;
  background-position: center;
}


.phone__callback {
  font-size: 14px;
  cursor: pointer;
}

.phone__callback:hover {
  text-decoration: underline;
}


/* PAGE-BUILDING */
.content-wrap {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}

.content {
  width: 860px;
	margin-bottom: 10px;
}

.content__link {
    color: #123a5e;
}

.content__link:hover {
    color: #ffdd2d;
}

.content p,
.main-block p {
	padding-top: 10px;
	padding-bottom: 10px;
	color: #404040; /* main text color */
}

.content__link {
	color: #253a58;
}

.content__link:hover {
	color: #2dbbff;
	text-decoration: underline;
}


.content__img {
  margin-bottom: 10px;
}

.content__lid {
	margin-top: 15px;
  margin-left: 15px;
  margin-bottom: 15px;
  padding-left: 20px;
  border-left: 5px solid #154a79;
  font-weight: bold;
}

.content__list {
  list-style: disc;
  margin-left: 30px;
}

.content__button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 270px;
  min-height: 60px;
  margin-top: 30px;
  margin-bottom: 30px;
  font-family: "GothamProBold", Roboto;
  font-size: 18px;
  color: #ffffff;
  text-transform: uppercase;
  border-radius: 30px;
  background-color: #253a58;
}

.content__button:hover {
    background-color: #2dbbff;
}

.content__footer {
  padding-top: 20px;
  border-top: 1px solid #e0e0e0;
}

.sidebar {
    width: 300px;
}

/* CATALOG */
/*.catalog {
  margin: 0;
  padding: 0;
  list-style: none;
}*/
.catalog {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
}

/*.catalog__item {
  display: flex;
  margin-bottom: 40px;
}*/

.catalog__link {
  display: flex;
  margin-bottom: 20px;
  min-height: 100%;
}

.catalog__link:hover {
    background-color: #eee;
}

.catalog__img {
  width: 200px;
  height: auto;
  margin-right: 35px;
  border-left: 7px solid #ffdd2d;
	background-position: center center;
	background-size: cover;
}


.catalog__discription {
    width: 600px;
    padding: 15px 0;
}

.catalog__title {
  font-size: 24px;
  text-transform: uppercase;
  font-family: "GothamProBold", Arial, Roboto;
  color: #bf9883;
}

/* OFFERS */
.offers {
  margin-bottom: 55px;
}

.offers__list {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}

.offers__link {
  display: block;
  width: 280px;
  min-height: 100px;
  padding-left: 100px;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 10px;
  padding-right: 40px;
  color: #ffffff;
  font-family: "GothamProLight", Roboto;
  font-size: 25px;
  text-align: left;
  /* border: 1px solid #253a58; */
  border-radius: 10px;
  background-size: 75px 75px;
  background-repeat: no-repeat;
  background-position: 12px center;
  background-color: #253a58;
  transition: all .2s cubic-bezier(1, 0, 0.26, 0.97), left .2s ease-in-out;
}

.offers__link:hover {
	background-color: #404040;
    color: #ffffff;
}

/* END OFFERS */

/* price list */
.prices__list {
  text-align: left;
  margin-bottom: 30px;
}

.row-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

.prices__link {
  display: block;
  padding-bottom: 7px;
  padding-top: 7px;
  padding-left: 16px;
  padding-right: 16px;
  margin-bottom: 2px;
  color: #404040;
  border-radius: 0 20px 0;
  border-left: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
}

.prices__link:hover {
background-color: #2dbbff;
border-radius: 20px;
}


.copyright-text {
  font-style: italic;
  font-size: 12px;
  color: #ccc !important;
  text-align: right;
  margin-bottom: 20px;
}

/* GOODS listing -------------------------------------------------------------------------------------------------- */
.goods {
	display: flex;
    flex-direction: column;
    margin-top: 11px;
    margin-bottom: 50px;
	margin-right: 40px;
}

.goods__item {
    display: flex;
    flex-direction: row;
    /*margin-right: 40px;*/
	margin-bottom: 20px;
    padding: 20px;
    border: 1px solid #d8d8d8;
}

.goods__item:hover {
    border: 1px solid #bf9883;
}

.goods__link-img {
    margin-right: 30px;
}

.goods__img {
    width: 218px;
}

.goods__discription {
    width: 530px;
}

.goods__title {
    font-family: "GothamProBold", Arial, sans-serif;
    font-size: 24px;
    color: #bf9883;
}




/* content price */
.content__price-block {
    position: relative;
}

.content__price-text {
    position: absolute;
    bottom: 50px;
    left: 50px;
    padding: 10px 20px;
    /* color: #ffffff; */
    background-color: rgba(255, 43, 35, 0.85);
    /* max-width: 280px; */
    z-index: 5;
}

.content__price,
.content__price-comment {
    color: #ffffff !important;
}

.content__price {
    font-weight: 600;
    font-size: 40px;
}

.content__price-title {
  color: #253a58;
  margin-bottom: 20px;
  font-size: 18px;
}
/* end content price */




/* Карточка товаров ---------------------------------------------------------------------------------- */
.cart-name {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.cart {
    margin-left: 10px;
}

.cart__id {
	margin-top: 10px;
    padding: 10px 20px;
	font-weight: 100;
    font-size: 22px;
	background-color: #eeeeee;
}

.cart__lid,
.cart__title {
    margin-bottom: 10px;
}

.cart__lid {
    font-size: 14px;
}

.cart__comment {
    margin-left: 15px;
    font-size: 12px;
    color: #7c7c7c;
}

/* table */
.cart__table {
    width: 100%;
    table-layout: auto;
    border-collapse: collapse;
    text-align: center;
    margin-bottom: 15px;
	border-bottom: 2px solid #bf9883;
}

.cart__table th {
    background: #bf9883;
    color: white;
}

.cart__table th, td {
    border-style: solid;
    border-width: 0 1px 1px 0;
    border-color: white;
    vertical-align: middle;
    padding: 5px 20px;
}

.cart__table tr:nth-child(even) {
    background: #efefef;
}

.cart__table tr:nth-child(odd) {
    background: #f9f9f9;
}

.cart__table tr.cart__comment {
    background-color: #dbac93;
    color: #ffffff;
}

.cart__comment td {
    font-size: 12px;
    font-style: italic;
}

/* changes for native styles */
/*.overflow-controller {
    display: none !important;
}*/

.imProductListText {
    height: auto !important;
	padding-bottom: 55px;
}

.imProductListText  img {
    bottom: 15px !important;
}

.imProductListText .overflow-controller {
    height: auto !important;
    overflow: hidden !important;
}

.overflow-controller h4 {
    margin-bottom: 0px !important;
    font-size: 20px !important;
    color: #bf9883 !important;
}

.overflow-controller p {
    font-size: 14px !important;
    color: #898989 !important;
}

.imProductListPrice {
    bottom: 13px !important;
}

.imProductListPrice span {
    font-size: 24px !important;
    font-weight: 600 !important;
}

.imProductListCont {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
	margin-bottom: 20px !important;
}

.imProductListText input[type="text"] {
    right: 165px !important;
	bottom: 14px !important;
    text-align: center !important;
    width: 70px !important;
    height: 35px !important;
    border: 1px solid #cacaca !important;
}

.product-options select {
    border: 1px solid #cacaca !important;
}
/* END: Карточка товаров ---------------------------------------------------------------------------------- */


/* Materials */
.materials__title {
  margin-bottom: 15px;
  color: #154a79 !important;
}

.pvc-film__item {
  display: flex;
  margin-bottom: 20px;
}

.pvc-film__img {
  width: 200px;
  height: 200px;
  margin-right: 20px;
}

.pvc-film__price {
  color: #154a79 !important;
  font-weight: bold;
}

.pvc-film__price span {
  color: #ffdd2d;
  font-size: 22px;
}

.framing {
  margin-bottom: 15px;
}

.framing__text {
  padding-top: 0 !important;
}

.framing__colors {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 15px;
  margin-bottom: 15px;
}

.framing__color {
  width: 70px;
  height: 70px;
  border-radius: 50%;
}

.framing__color--white {
	background-color: white;
	border: 1px solid #c6c6c6;
}

.framing__color--beige {
	background-color: #fdf1b7;
}

.framing__color--brown {
	background-color: #422d18;
}

.framing__color--gray {
	background-color: #898e87;
}

.framing__color--black {
	background-color: black;
}

.framing__color--blue {
	background-color: blue;
}

.framing__color--green {
	background-color: green;
}

.framing__color--burgundy {
	background-color: #45090b;
}

.framing__color--yellow {
	background-color: yellow;
}

.framing__color--lime-green {
	background-color: #a9ce29;
}

.clamping {
  display: flex;
  justify-content: space-between;
	margin-bottom: 20px;
}

.clamping__item {
  width: 190px;
  text-align: center;
  font-weight: bold;
}

/* sales-page */
.sale-title {
  color: #154a79 !important;
}

.sale {
  margin-left: 20px;
  margin-bottom: 30px;
  list-style: disc;
}

.sale__item {
  position: relative;
}

/*.sale__item:before {
  position: absolute;
  left: -17px;
  top: 15px;
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  background-color: #ffdd2d;
  border-radius: 50%;
}*/

.sale__procent,
.sale__currency {
  color: #ffdd2d;
}

.sale__procent span,
.sale__currency {
  font-family: "GothamProBold", Roboto;
  font-size: 24px;
}

.sale__text {
  color: #ffdd2d;
  font-weight: bold;
}



























/* List style */
.main-block  ul {
	padding-top: 10px;
	padding-bottom: 10px;
}
.main-block  ul  li {
	margin-left: 40px;
	list-style-type: disc;
}
/* ol */
.main-block  ol {
	padding-top: 10px;
	padding-bottom: 10px;
}
.main-block  ol  li {
	margin-left: 40px;
	/*list-style-type: disc;*/
}




/* Page Menu */
.pageMenu {
    float: left;
    width: 240px;
    border-right: 1px solid #E4E4E4;
    margin-right: 30px;
    margin-top: 17px;
	/*min-height: 400px;*/
	padding-right: 20px;
}
.pageMenu h3 {
    font-size: 1.2em;
    color: #00b5d8;
    margin-top: 20px;
}
.pageMenu ul {
    border-top: 1px solid #E4E4E4;
    margin-top: 10px;
    padding-top: 10px;
}
.pageMenu li {
    list-style: none !important;
    line-height: 1.5;
}
.pageMenu li a {
    color: #808080;
    text-decoration: none;
}
.pageMenu li a:hover {
    color: #f95c5e;
}
.pageMenu li a span:before {
    content: "\f105";
    font-family: FontAwesome;
    font-size: 10px;
    padding-right: 10px;
    font-weight: 100;
}





/* Bread Crumb */
.breadcrumbBlock {
	margin-bottom: 10px;
	margin-top: 0px;
}
.breadcrumb {
    padding: 7px 0px 0px!important;
    /*padding-bottom: 9px !important;*/
    list-style: none;
    text-align: left;
    color: #404040;
    font-size: 1em;
    /*border-bottom: 1px dashed #929292;*/
}
.breadcrumb > li:first-child {
    padding-left: 7px;
}
.home-icon {
    display: inline-block;
    width: 17px;
    height: 17px;
    background-image: url(/wp-content/themes/themeMetallobaza/assets/project/img/pic/icons/home-icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 15px 15px;
    transform: translateY(2px);
    opacity: 0.9;
}
.home-icon:hover {
	opacity: 1;
}
.breadcrumb > li {
    display: inline-block;
	margin-left: 0px !important;
}
.breadcrumb a {
    color: #253a58;
    text-decoration: none;
}
.breadcrumb a:hover {
    color: #2dbbff;
	text-decoration: underline;
}
.breadcrumb > li+li:before {
    content: "\00bb";
    padding: 0 0px;
    color: #a2a2a2;
}



/* Buttons */
.mainButton {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #fef324;
    border-radius: 30px;
    width: 220px;
    height: 54px;
    color: #404040 !important;
    text-decoration: none;
}
.mainButton i {
    padding-left: 10px;
}
.mainButton:hover {
    background-color: #fed724;
    /*color: #ffffff !important;*/
}




/* Tegs H1...H3 and Page Name styles --------------------------------------------------------*/
/* H1 */
.main-block h1 {
    position: relative;
    margin-bottom: 20px;
    padding: 0 0 20px;
    border-bottom: 1px #e2e2e2 solid;
    font-weight: bold;
    color: #404040;
    font-size: 1.8em;
	margin-top: 15px;
}     
.main-block h1:before {
    position: absolute;
    bottom: -3px;
    left: 20px;
    width: 35px;
    height: 5px;
    content: "";
    display: inline-block;
    background-color: #1cb300;
        
 }  
.main-block h1:after {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 80px;
    height: 1px;
    content: "";
    display: inline-block;
    background-color: #1cb300;
}
/* H2 and Page title styles*/
.page-title {
  position: relative;
  margin-top: 15px;
  margin-bottom: 35px;
  padding: 0 0 20px;
  font-size: 1.7em;
  font-weight: bold;
  color: #404040;
  border-bottom: 1px #e2e2e2 solid;
}
.content h2,
.main-block h2 {
  position: relative;
	margin-top: 15px;
  margin-bottom: 15px;
  padding: 0 0 20px;
  border-bottom: 1px #e2e2e2 solid;
  font-weight: bold;
  color: #404040;
  font-size: 1.7em;
} 
.page-title:before,    
.content h2:before,
.main-block h2:before {
  position: absolute;
  bottom: -3px;
  left: 20px;
  width: 35px;
  height: 5px;
  content: "";
  display: inline-block;
  background-color: #253a58;
  z-index: 1;        
} 
.page-title:after,
.content h2:after,
.main-block h2:after {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 80px;
  height: 1px;
  content: "";
  display: inline-block;
  background-color: #154a79;
}

/* .content h3 {
	color: #404040;
	font-size: 1.3em;
} */




/* Links ---------------------------------------------*/
/* Call Back button */
.main-block  a {
	color: #123a5e;
}
.main-block  a:hover {
	color: #ffdd2d;
}
.amCBMbtn {
    cursor: pointer;
}








/* Menu in Info-Block */
.info-block {
  border-left: 1px solid #bbbbbb;
  margin-right: 0px;
	margin-left: 0px;
	padding-left: 23px;	
	margin-bottom: 45px;
}
.info-block__link {
  color: #253a58;
  text-decoration: none;
  line-height: 1.6;
}
.info-block__link:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 5px;
  opacity: 0.5;
  background-image: url(/wp-content/themes/themeMetallobaza/assets/project/img/pic/icons/arrow-right.svg);
  background-size: 10px 10px;
  background-repeat: no-repeat;
  background-position: center;
  transition: 0.3s ease;
}
.info-block__link:hover {
  color: #2dbbff;
}
.info-block__link:hover.info-block__link:before {
    margin-right: 8px;
    transition: 0.3s ease;
}

/*.payButton a {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #ffdd2d;
    border-radius: 5px;
    width: 180px;
    height: 53px;
    margin-top: 20px;
}
.payButton a:hover {
    text-decoration: none;
    background-color: #ffcd33;
    color: #404040;
}*/


/* Forms ---------------------------------------------------------------*/
/* Expert Form */
#expertForm {
	position: relative;
  width: 97%;
  height: auto;
  border: 1px solid #eee;
  padding: 20px 19px 10px;
  margin: 0px 5px;
  text-align: center;
  box-sizing: border-box;
}
#expertForm h4 {
  margin-top: 10px;
  font-size: 20px;
  text-transform: uppercase;
  color: #ffdd2d;
}
#expertForm p {
  font-size: 14px;
  margin-top: 5px;
}
#expertForm .formList {
  margin: 0;
  padding: 0;
  margin-top: 10px;
}
#expertForm .formItem:first-child {
  margin-top: 0;
}
#expertForm .formItem a {
    color: #404040;
    font-size: 10px;
    text-decoration: none;
}
#expertForm .checkboxText {
    width: 190px;
    margin-left: 28px;
    margin-top: -23px !important;
}
#expertForm .formItem {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
    margin: 5px 0 0 4px;
    text-align: left;
}
#expertForm .formInputText {
    width: 100% !important;
    height: 45px;
    padding: 0 15px !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    color: #888888 !important;
    background: #ededed !important;
    border: 1px solid #ededed !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: none !important;
    -webkit-transition: all 0.2s !important;
    transition: all 0.2s !important;
}
#expertForm .formInputText:focus {
    background-color: #f9f9f9 !important;
    border-color: #154a79 !important;
    outline: none !important;
}
#expertForm .formInputArea {
    height: 100px;
    padding-top: 10px !important;
}
#expertForm .formButton {
    width: 180px;
    height: 44px;
}
/* contactForm */
#contactForm .formList {
	margin-left: -40px;
}
#contactForm .formInputText {
	width: 100%;
	background-color: #ffffff !important;
}
/* All forms */
.formList {
  margin: 0;
  padding: 0;
  margin-top: 20px;
}
.formList li {
  list-style: none !important;
}
.checkBox {
  margin-left: 60px !important;
  margin-top: 20px !important;
}
.formItem:first-child {
  margin-top: 0;
}
.formItem p {
  color: #888888;
  font-size: 12px;
  text-decoration: none;
}
.formItem p.checkboxText{
padding-top: 0;
}
.formItem a {
  color: #0072bc;
  text-decoration: none;
}
.formItem a:hover {
  color: red;
}
#contactForm .checkboxText {
  width: 70%;
  margin-left: 28px;
  margin-top: -30px !important;
}
.formItem {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
  margin: 20px 0 0 4px;
  text-align: left;
  display: flex;
  gap: 15px;
  align-items: flex-start;
}
.formInputText {
  /*width: 96% !important;*/
  height: 45px;
  padding: 0 15px !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  color: #404040 !important;
  /*background: #ededed !important;*/
  border: 1px solid #ededed !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border-radius: none !important;
  -webkit-transition: all 0.2s !important;
  transition: all 0.2s !important;
}
.checkboxText{
padding-top: 0;
max-width: 830px;
}

/* сдвиг при фокусе */
.formInputText::-webkit-input-placeholder       {text-indent: 0px;   transition: text-indent 0.3s ease;}
.formInputText::-moz-placeholder                {text-indent: 0px;   transition: text-indent 0.3s ease;}
.formInputText:-moz-placeholder                 {text-indent: 0px;   transition: text-indent 0.3s ease;}
.formInputText:-ms-input-placeholder            {text-indent: 0px;   transition: text-indent 0.3s ease;}
.formInputText:focus::-webkit-input-placeholder {text-indent: -500px; transition: text-indent 0.3s ease;}
.formInputText:focus::-moz-placeholder          {text-indent: -500px; transition: text-indent 0.3s ease;}
.formInputText:focus:-moz-placeholder           {text-indent: -500px; transition: text-indent 0.3s ease;}
.formInputText:focus:-ms-input-placeholder      {text-indent: -500px; transition: text-indent 0.3s ease;}
/* сдвиг при фокусе */
.formInputText:focus {
    background-color: #f9f9f9 !important;
    border-color: #ffdd2d !important;
    outline: none !important;
}
.formInputArea {
    height: 100px;
    padding-top: 10px !important;
}
.formButton {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #2dbbff;
  border-radius: 22px;
  width: 180px;
  height: 44px;
  color: #ffffff !important;
  text-decoration: none;
  border: none !important;
  margin: 20px auto;
  font-size: 18px;
  cursor: pointer;
  transition: background-color .25s;
}
.formButton:hover {
    background-color: #253a58;
    transition: background-color .25s;
}









/* Block We will help you */
.p1, .p2 {
  padding-left: 35px;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: left center;
}
.p1 {
    background-image: url(/wp-content/themes/themeMetallobaza/assets/project/img/pic/icons/telephone-color.svg);
}
.p2 {
    background-image: url(/wp-content/themes/themeMetallobaza/assets/project/img/pic/icons/email-color.svg);
}
.p1 .mainPhone {
    font-weight: bold;
    color: #253a58;
    font-size: 1.2em;
}
.p1 a,
.p2 a {
    color: #253a58;
    text-decoration: none;
    border-bottom: 1px dashed #253a58;
}
.p1 a:hover,
.p2 a:hover {
    color: #2dbbff;
    border-bottom: 1px dashed #2dbbff;
}

/* Copyright Text */
#copyrightText {
    color: #888888;
    font-size: 14px;
	text-align: left;
}

/* FOOTER */
.footer-block {
    color: #888888;
    text-align: left;
    font-size: 14px;
    line-height: 1.6;
}
.footer-block h3 {
    color: #404040;
    margin-bottom: 15px;
}
.footer-block img {
    padding-bottom: 25px;
}
.footer-block a {
    color: #123a5e;
    text-decoration: none;
    font-size: 16px;
}
.footer-block a:hover {
    color: #ffdd2d;
}



/* ----------------------- РАЗОБРАТЬСЯ ------------------------------- */
.promo-block__list {
  margin-bottom: 35px;
  margin-left: 20px;
}

.promo-block__item {
  position: relative;
  font-size: 18px;
}

.promo-block__item span {
  color: #ffdd2d;
  font-weight: 600;
}

.promo-block__item:before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 7px;
  opacity: 0.8;
  background-image: url(/wp-content/themes/themeMetallobaza/assets/project/img/pic/icons/checked.svg);
  background-size: 15px 15px;
  background-repeat: no-repeat;
  background-position: center;
}
.fotorama {
  margin-bottom: 40px;
}

@media only screen and (max-width: 599px) {
  .wrap_mW {
      bottom: 60px !important;
  }
}

/* questions block */
.questions__input {
  display: none;
}

.questions__label {
  display: block;
  position: relative;
  padding-left: 50px;
  padding-top: 10px;
  padding-bottom: 10px;
  cursor: pointer;
  font-size: 18px;
  border-bottom: 1px solid #eee;
}

.questions__label:before {
  content: "";
  display: block;
  position: absolute;
  width: 22px;
  height: 22px;
  background-color: #333333;
  top: 10px;
  left: 10px;
}

.questions__label:after {
  content: "";
  display: block;
  position: absolute;
  width: 14px;
  height: 14px;
  top: 14px;
  left: 14px;
  background-image: url(/wp-content/themes/themeMetallobaza/assets/project/img/pic/icons/plus.svg);
  background-size: 14px 14px;
  background-repeat: no-repeat;
  background-position: center;
}

.questions__label:hover {
  background-color: #eeeeee;
}

.questions__answer {
  overflow: hidden;
  height: 0px;
  padding: 0 !important;
}

.questions__input:checked ~ .questions__answer {
  height: auto;
}

.questions__input:checked ~ .questions__label:before {
  background-color: #f53831;
}

.questions__input:checked ~ .questions__label:after {
  background-image: url(/wp-content/themes/themeMetallobaza/assets/project/img/pic/icons/minus.svg);
}

.questions__input:checked ~ .questions__answer {
  padding: 10px !important;
}

.customer,
.result {
  background-color: rgba(21, 74, 121, 0.08);
  border: 1px solid #154a79;
  border-radius: 9px;
  padding: 15px 20px;
  margin-bottom: 20px;
}

.result {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.result span {
  color: #ffdd2d;
  font-size: 24px;
  font-weight: 600;
  display: block;
  margin-bottom: 12px;
  padding-top: 5px;
  padding-bottom: 7px;
  border-bottom: 1px solid #c7c7c7;
}

.result span:last-child {
  border: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

/*.social__link:before {
  background-image: url('/wp-content/themes/themeMetallobaza/assets/project/img/pic/icons/instagram.svg');
  -webkit-background-size: 20px 20px;
  background-size: 20px 20px;
  background-repeat: no-repeat;
}*/

.social__link {
  display: flex;
  align-items: center;
}


.social__link:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 4px;
  margin-top: 6px;
  opacity: 0.8;
  background-image: url(/wp-content/themes/themeMetallobaza/assets/project/img/pic/icons/instagram-2.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center;
}


/*.features:before,
.work-process:before,
.advantage:before,
.prices:before,
.order:before {
  display: none !important;
}*/


/* products */
.products {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.products__item {
  flex-grow: 1;
}

.products__link {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 275px;
  margin-block-end: 30px;
  border: 1px solid #eee;
  padding-bottom: 30px;
}

.products__link:hover {
  border: 1px solid rgb(255 43 35 / 40%);
}

.products__image {
  padding: 15px;
}

/* product-page */
.content-products__discription {
  font-weight: bold;
}

.content-products .content__list {
  margin-bottom: 20px;
}

.products__title {
  text-align: center;
  min-height: 80px;
}

.info-links {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.info-links__item {
  flex-grow: 1;
}

.info-links__link {
  min-width: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 20px;
  font-weight: 300;
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 2px;
  text-transform: uppercase;
  background-color: #ffdd2d;
}

.info-links__link:hover {
  background-color: #f53831;
}

.main-nav__list {
  min-width: 650px !important;
}

/*.features:before,
.work-process:before,
.advantage:before,
.prices:before,
.order:before {
  opacity: 0 !important;
}*/
/* end product-page */

.button-budjet {
  display: block;
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0;
  padding: 10px;
  color: #fff;
  font-size: 22px;
  font-weight: 200;
  text-align: center;
  /* opacity: 0.7; */
  z-index: 200;
  background-color: #ffdd2d;
  transition: right 0.3s ease-out 0s, opacity 0.3s linear 0s, bottom 0.3s ease-out 0s;
}

/* ----------------------- РАЗОБРАТЬСЯ ------------------------------- */


.youtube__link {
  display: block;
}

.youtube__icon-2 {
  width: 87px;
}








/* Положение бургер-меню */
#imMnMn.main-menu .hamburger-button {
    margin-top: 5px;
}
#imMnMn.static-menu .hamburger-button {
    margin-right: 20px !important;
}

/* Текст приветствия в шапке */
#imHeader_imHTMLObject_01_wrapper {
	z-index: 3 !important;
}

/* BG top header */
#imHeaderBg {
	z-index: 3 !important;
}

/* Исправление косяка в выпадающем меню справа для всего сайта*/
#imMnMn.main-menu .imMnMnTxt {
    max-height: 46px;
}
#imMnMn.static-menu .imMnMnTxt {
    max-height: 46px;
}
/* Порядок слоёв меню логотип и блока телефона */
#imHeader_imCell_5 {
    overflow: visible !important;
}
#imHeader_imHTMLObject_05 {
    overflow: visible !important;
}
#imHeader_imHTMLObject_05_wrapper {
    overflow: visible !important;
    z-index: 7 !important;
}
#imHeader_imHTMLObject_03_wrapper {
    z-index: 8 !important;
}
#imHeader_imHTMLObject_04_wrapper {
    z-index: 8 !important;
}


/* Cart */
/*.imProductListText {
    position: relative !important;
    text-align: center !important;
    margin-top: 55px !important;
}
.imProductListPrice {
    position: relative !important;
    color: #fa1d60 !important;
    font-size: 1.7em !important;
    margin-top: -120px !important;
}
.imProductListText img {
    position: relative !important;
    margin-top: 75px !important;
	margin-bottom: 50px !important;
}
.imProductListCont {
    float: none !important;
    display: inline-block !important;
    width: 280px !important;
}
.imProductListCont h4 {
    min-height: 60px !important;
}
.imProductListImage,
.imProductListText {
    width: 284px !important;
}*/
/* ... до 599 включительно */
/*@media only screen and (max-width : 599px) {
	
	.imProductListImage {
		margin-top: 40px !important;
	}
	
}*/
/* Cart Order Table */
#imCartContainer > p {
    margin-top: 30px !important;
    text-align: center !important;
    font-weight: 600 !important;
}
#imCartContainer input[type=button] {
    padding: 7px 12px !important;
}
#imContent input[type=button], 
#imContent input[type=submit], 
#imContent input[type=reset] {
    border-radius: none !important;
    border: 1px solid #ca023e !important;
    background-color: #fa1d60 !important;
	margin-top: 5px !important;
}
#imContent input[type=button]:hover, 
#imContent input[type=submit]:hover, 
#imContent input[type=reset]:hover {
    background-color: #ff4a81 !important;
}
#agreement-text {
	width: 85% !important;
}
#imCartContainer h2 {
	margin-top: 30px !important;
}

.formItem {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
  margin: 20px 0 0 4px;
  text-align: left;
  display: flex;
  gap: 15px;
  align-items: flex-start;
}
.formButton, button.jet-form-builder__submit.formButton {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #253a58;
  border-radius: 22px;
  width: 180px;
  height: 44px;
  color: #ffffff !important;
  text-decoration: none;
  border: none !important;
  margin: 20px auto;
  font-size: 18px;
  cursor: pointer;
  transition: background-color .25s;
}
.formButton:hover,
.button.jet-form-builder__submit.formButton:hover {
    background-color: #003f98;
    transition: background-color .25s;
}