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

/* PROMO */
.promo {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    min-height: 550px;
}

.promo-block {
  position: relative;
  width: 540px;
  text-align: left;
  color: #fff;
}

.promo-block__list {
  margin-bottom: 35px;
  margin-left: 20px;
}

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

.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;
}

.promo-block__comment {
  width: 400px;
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 21px;
}

.promo-block__header {
  font-family: "GothamProBold", Arial, sans-serif;
  margin-top: -10px;
  font-size: 33px;
  text-transform: uppercase;
  margin-bottom: 33px;
  margin-top: -10px;
}

/*.promo-slider {
    max-width: 670px;
    max-height: 320px;
    margin-right: 20px;
    overflow: hidden;
    color: #ffffff;
    text-align: left;
}

.promo-slider__header {
    font-family: "GothamProBold", Arial, sans-serif;
    margin-top: -10px;
    font-size: 46px;
    text-transform: uppercase;
    margin-bottom: 33px;
    margin-top: -10px;
}

.promo-slider__item {
    padding-top: 8px;
}

.promo-offers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.promo-offers__item {
    width: 490px;
    margin-bottom: 10px;
}

.promo-offers__item a {
    display: block;
    min-height: 175px;
    padding: 20px 20px;
    color: #464646;
    text-align: left;
    background-color: #ffffff;
    -webkit-transition: all .2s cubic-bezier(0.25, 0.74, 0.22, 0.99);
    -o-transition: all .2s cubic-bezier(0.25, 0.74, 0.22, 0.99);
    transition: all .2s cubic-bezier(0.25, 0.74, 0.22, 0.99);
}*/

/* .promo-offers__item:hover a {
    color: #ffffff;
    background-color: #bf9883;
    -webkit-transition: all .2s cubic-bezier(0.25, 0.74, 0.22, 0.99);
    -o-transition: all .2s cubic-bezier(0.25, 0.74, 0.22, 0.99);
    transition: all .2s cubic-bezier(0.25, 0.74, 0.22, 0.99);*/
    /* transform: translateY(-10px); *//*
}*/

/* .promo-offers__item:hover h3 {
    color: #ffffff;
    -webkit-transition: all .2s cubic-bezier(0.25, 0.74, 0.22, 0.99);
    -o-transition: all .2s cubic-bezier(0.25, 0.74, 0.22, 0.99);
    transition: all .2s cubic-bezier(0.25, 0.74, 0.22, 0.99);
}

.promo-offers__item:last-child {
    margin-bottom: 0px;
}

.promo-offers__title {
    font-size: 24px;
    text-transform: uppercase;
    font-family: "GothamProBold", Arial, sans-serif;
    color: #bf9883;
    margin-bottom: 10px;
    -webkit-transition: all .2s cubic-bezier(0.25, 0.74, 0.22, 0.99);
    -o-transition: all .2s cubic-bezier(0.25, 0.74, 0.22, 0.99);
    transition: all .2s cubic-bezier(0.25, 0.74, 0.22, 0.99);
}

.promo-offers__discr {
    margin-bottom: 10px;
}

.promo-offers__more {
    font-weight: bold;
}

.main-icon {
    fill: #bf9883;
    transition: all .2s cubic-bezier(0.25, 0.74, 0.22, 0.99);
}
.promo-offers__item a:hover .main-icon {
    fill: #ffffff;
}
.promo-offers__item svg {
    margin-right: 15px;
} */
/* END PROMO-SLIDER */



/* ABOUT SECTION */
.about {
    padding-top: 55px;
    margin-bottom: 55px;
}

.about__title {
  width: 940px;
  position: relative;
  margin: 0 auto;
  margin-bottom: 20px;
  font-family: "GothamProBlack", Roboto;
  text-transform: uppercase;
  color: #253a58;
  font-size: 46px;
}

.about__title:before {
  content: "";
  display: block;
  width: 70px;
  height: 5px;
  position: absolute;
  left: 0;
  background-color: #404040;
}

.about__title:after {
  content: "";
  display: block;
  width: 70px;
  height: 5px;
  position: absolute;
  right: 0;
  background-color: #404040;
}

.about__title:before,
.about__title:after {
  top: 24px;
}

.about__title span {
  display: block;
  font-size: 24px;
  color: #404040;
}

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

.about__text {
  width: 570px;
}

.about__paragraph {
  margin-bottom: 10px;
  text-align: left;
}

.note {
    width: 570px;
    padding: 26px;
    padding-right: 14px;
    font-family: "GothamProBold", Roboto;
    font-size: 22px;
    color: #ffffff;
    text-transform: uppercase;
    text-align: left;
    background-color: #404040;
}

.note--version1 {
    border-left: 6px solid #253a58;
}

.note--version2 {
  margin-bottom: 40px;
  border-left: 6px solid #ffffff;
}

.note--version3 {
  border-left: 6px solid #ffffff;
  background-color: #253a58;
}
/* END ABOUT SECTION */


/* 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: 370px;
  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;
}

.offers__link-1 {
  background-image: url(/wp-content/themes/themeMetallobaza/assets/project/img/pic/icons/img1.png);
}

.offers__link-2 {
  background-image: url(/wp-content/themes/themeMetallobaza/assets/project/img/pic/icons/img2.png);
}

.offers__link-3 {
  background-image: url(/wp-content/themes/themeMetallobaza/assets/project/img/pic/icons/img3.png);
}

.offers__link-4 {
  background-image: url(/wp-content/themes/themeMetallobaza/assets/project/img/pic/icons/img4.png);
}

.offers__link-5 {
  background-image: url(/wp-content/themes/themeMetallobaza/assets/project/img/pic/icons/img5.png);
}

.offers__link-6 {
  background-image: url(/wp-content/themes/themeMetallobaza/assets/project/img/pic/icons/img6.png);
}

.offers__link-7 {
  background-image: url(/wp-content/themes/themeMetallobaza/assets/project/img/pic/icons/img7.png);
}

.offers__link-8 {
  background-image: url(/wp-content/themes/themeMetallobaza/assets/project/img/pic/icons/img8.png);
}

.offers__link-9 {
  background-image: url(/wp-content/themes/themeMetallobaza/assets/project/img/pic/icons/img9.png);
  background-color: #404040;
}

.offers__link-9:hover {
  background-color: #6d6d6d;
}
/* END OFFERS */

/* SECTION TITLES */
.section-title {
  position: relative;
  font-family: "GothamProBold";
  text-transform: uppercase;
  font-size: 36px;
  margin-bottom: 35px;
  text-align: left;
}

.section-title:before {
  content: "";
  display: block;
  width: 70px;
  height: 5px;
  position: absolute;
  left: -100px;
  top: 18px;
}

.section-title--variant1 {
  color: #253a58;
}

.section-title--variant1:before {
  background-color: #404040;
}

.section-title--variant2 {
  color: #ffffff;
}

.section-title--variant2:before {
  background-color: #404040;
}

.section-title--variant3 {
  color: #ffffff;
  margin-left: 215px;
}

.section-title--variant3:before {
  background-color: #253a58;
}

.section-title--variant4 {
  color: #ffffff;
}

.section-title--variant4:before {
  background-color: #253a58;
}
/* END SECTION TITLES */

/* FEATURES */
.features {
  position: relative;
  margin-bottom: 55px;
  padding-top: 55px;
  padding-left: 215px;
}

.features:before {
  position: absolute;
  content: "FEATURES";
  font-family: "GothamProBold";
  text-transform: uppercase;
  font-size: 62px;
  left: 25px;
  top: 398px;
  transform-origin: top left;
  transform: rotate(-90deg);
  opacity: 0.08;
}

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

.features__item {
  width: 470px;
  margin-bottom: 20px;
  padding-right: 50px;
  text-align: left;
}

.features__title {
  position: relative;
  text-transform: uppercase;
  color: #404040;
}
.features__title:before,
.features__title:after {
  position: absolute;
  content: "";
  display: block;
  background-color: #253a58;
}

.features__title:before {
  width: 16px;
  height: 2px;
  top: 8px;
  left: -25px;
}

.features__title:after {
  width: 2px;
  height: 16px;
  top: 1px;
  left: -18px;
}
/* END FEATURES */

/* WORK PROCESS */
.work-process {
  position: relative;
  margin-bottom: 55px;
  padding-top: 55px;
  padding-left: 215px;
}

/*.work-process:before {
  position: absolute;
  content: "very simple";
  font-family: "GothamProBold", Roboto;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 62px;
  left: 25px;
  top: 487px;
  transform-origin: top left;
  transform: rotate(-90deg);
  opacity: 0.08;
}*/

.work-process__list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.work-process__item {
  position: relative;
  width: 270px;
  margin-bottom: 90px;
  padding-left: 115px;
  text-align: left;
  color: #ffffff;
}

.work-process__item4 {
    order: 2;
}

.work-process__item5 {
    order: 1;
}

.work-process__item:before {
  position: absolute;
  font-family: "GothamProBold", Roboto;
  text-transform: uppercase;
  font-size: 180px;
  left: -10px;
  line-height: 122px;
  opacity: 0.2;
}

.work-process__item1:before {
  content: "1";
  left: 15px;
}

.work-process__item2:before {
  content: "2";
}

.work-process__item3:before {
  content: "3";
}

.work-process__item4:before {
  content: "4";
}

.work-process__item5:before {
  content: "5";
}

.work-process__item6:before {
  content: "6";
}

.work-process__title {
  margin-bottom: 12px;
  padding: 5px 10px;
  text-transform: uppercase;
  background-color: #404040;
}

.work-process__discription {
  padding-left: 10px;
}

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

.work-process__btn:hover {
	color: #ffffff;
	background-color: #404040;
}
/* END PROCESS */

/* ADVANTAGE */
.advantage {
  position: relative;
  padding-bottom: 55px;
  padding-top: 55px;
  padding-left: 215px;
}

/*.advantage:before {
  position: absolute;
  content: "we're the best";
  font-family: "GothamProBold", Roboto;
  text-transform: uppercase;
  font-size: 49px;
  left: 25px;
  top: 499px;
  transform-origin: top left;
  transform: rotate(-90deg);
  opacity: 0.08;
}*/

.advantage:after {
  position: absolute;
  content: "";
  width: 373px;
  height: 677px;
  right: 0;
  bottom: 0;
  background-image: url('/wp-content/themes/themeMetallobaza/assets/project/img/pic/lucky-man.png');
  background-repeat: no-repeat;
}

.advantage__item {
  width: 470px;
  margin-bottom: 20px;
  padding-right: 50px;
  text-align: left;
}

.advantage__title {
  position: relative;
  text-transform: uppercase;
  color: #404040;
}
.advantage__title:before,
.advantage__title:after {
  position: absolute;
  content: "";
  display: block;
  background-color: #253a58;
}

.advantage__title:before {
  width: 16px;
  height: 2px;
  top: 8px;
  left: -25px;
}

.advantage__title:after {
  width: 2px;
  height: 16px;
  top: 1px;
  left: -18px;
}
/* END ADVANTAGE */

/* DIGITS */
.digits {
  margin-bottom: 55px;
  padding-top: 55px;
  /*padding-left: 215px;*/
}

.digits__wrap {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}

.digits__item {
  width: 170px;
  text-align: left;
}

.digits__list {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  margin-left: 65px;
  color: #ffffff;
}

.numscroller {
  display: inline-block;
  font-family: "GothamProBold", Roboto;
  text-transform: uppercase;
  font-size: 62px;
}

.digits__parameter {
  display: inline-block;
  font-family: "GothamProBold", Roboto;
  text-transform: uppercase;
  font-size: 24px;
}

.digits_discr {
  width: 145px;
}
/* END DIGITS */




/* PRICES */
.prices {
  position: relative;
  padding-bottom: 55px;
  padding-top: 55px;
  padding-left: 215px;
}

.prices:before {
  position: absolute;
  content: "prices";
  font-family: "GothamProBold", Roboto;
  text-transform: uppercase;
  font-size: 62px;
  left: 25px;
  top: 293px;
  transform-origin: top left;
  transform: rotate(-90deg);
  opacity: 0.08;
}

.prices__text {
  width: 770px;
  margin-bottom: 25px;
  font-family: "GothamProBold", Roboto;
  /* text-transform: uppercase; */
  font-size: 18px;
  text-align: left;
}


/* for card-category */
/*.prices__list {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  padding-right: 10px;
}

.prices__item {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 270px;
  padding-bottom: 30px;
  text-align: left;
  background-color: #ffffff;
  transition: box-shadow .25s;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}

.prices__item:hover {
  transition: box-shadow .25s;
  box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}

.prices__complection {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.prices__img {
  width: 100%;
  height: auto;
  opacity: 0.95;
}

.prices__img-link:hover .prices__img {
  opacity: 1;
}

.prices__wrap {
  padding: 20px 20px 30px;
  text-align: left;
}

.prices__title {
  margin: 20px 20px 10px;
  font-family: "GothamProBold";
  text-transform: uppercase;
  font-size: 16px;
  color: #404040;
}

.prices__discription {
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 20px;
  font-size: 14px;
}

.prices__price {
  display: block;
  padding-top: 10px;
  color: #404040;
  font-weight: 600;
  font-size: 16px;
}

.prices__price-curent {
	font-size: 24px;
}

.prices__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  margin-top: auto;
  width: 180px;
  height: 44px;
  font-weight: 600;
  color: #ffffff;
  text-transform: uppercase;
  border: none;
  border-radius: 22px;
  background-color: #ff521d;
  cursor: pointer;
}

.prices__btn:hover {
  background-color: #ff693b;
}*/
/* END PRICES */

/* OUR-WORKS */
/* временно скрываем этот блок, пока нет кейсов */
/*#imCell_20 {
  display: none !important;
}*/

.our-works {
  position: relative;
  margin-bottom: 55px;
  padding-top: 55px;
  padding-left: 215px;
}

.our-works:before {
  position: absolute;
  content: "our works";
  font-family: "GothamProBold";
  text-transform: uppercase;
  font-size: 62px;
  left: 25px;
  top: 472px;
  transform-origin: top left;
  transform: rotate(-90deg);
  opacity: 0.08;
}

.our-works__list {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  padding-right: 10px;
}

.our-works__item {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 270px;
  padding-bottom: 30px;
  text-align: left;
  background-color: #ffffff;
  transition: box-shadow .25s;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}

.our-works__item:hover {
  transition: box-shadow .25s;
  box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}

.our-works__text {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.our-works__img {
  width: 100%;
  height: auto;
  opacity: 0.95;
}

.our-works__img-link:hover .our-works__img {
  opacity: 1;
}

.our-works__wrap {
  padding: 20px 20px 30px;
  text-align: left;
}

.our-works__title {
  margin: 20px 20px 10px;
  font-family: "GothamProBold";
  text-transform: uppercase;
  font-size: 16px;
  color: #404040;
}

.our-works__discription {
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 20px;
}

.our-works__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  margin-top: auto;
  width: 180px;
  height: 44px;
  font-weight: 600;
  color: #ffffff;
  text-transform: uppercase;
  border: none;
  border-radius: 22px;
  background-color: #ff521d;
  cursor: pointer;
}

.our-works__btn:hover {
  background-color: #ff693b;
}
/* END OUR-WORKS */

/* ORDER */
.order {
  position: relative;
  margin-bottom: 55px;
  padding-top: 55px;
  padding-left: 215px;
}

/*.order:before {
  position: absolute;
  content: "order";
  font-family: "GothamProBold", Roboto;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 62px;
  left: 25px;
  top: 286px;
  transform-origin: top left;
  transform: rotate(-90deg);
  opacity: 0.08;
}*/

.order__wrap {
  display: flex;
  justify-content: space-between;
  align-items: self-start;
}

/* order form */
.order-form {
    max-width: 500px;
}

.formList {
  margin-top: 0px;
}

.formItem input[type=text],
.formItem input[type=email],
.formItem textarea {
    width: 100% !important;    
}

.order__textarea {
  height: 76px;
  padding-top: 10px !important;
}

.order__checkbox {
  display: flex;
  margin-left: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 20px;
}

.order__checkbox-text {
  margin-left: 10px;
  color: #888888;
  font-size: 12px;
  text-decoration: none;
}

/* order-message */
.orderMassage {
  width: 400px;
  text-align: left;
  padding-top: 20px;
  color: #ffffff;
  font-family: "GothamProBold";
  font-size: 20px;
}

.orderMassage__value {
  color: #ff521d;
  font-size: 38px;
}
/* END ERDER */

#imPageRowGraphics_4,
#imPageRowGraphics_6,
#imPageRowGraphics_9 {
  background-image: url(/wp-content/themes/themeMetallobaza/assets/project/img/pic/logo-gr-black.svg) !important;
  background-size: 360px !important;
  background-repeat: no-repeat !important;
  background-position: -115px center !important;
}

#imPageRowGraphics_5,
#imPageRowGraphics_10 {
  background-image: url(/wp-content/themes/themeMetallobaza/assets/project/img/pic/logo-gr-white.svg) !important;
  background-size: 360px !important;
  background-repeat: no-repeat !important;
  background-position: calc(100% + 115px) center !important;
}

/*==========  Desktop First Method  ============================================================================================*/

/* ... до 1199 включительно */
@media only screen and (max-width : 1199px) {
	/* promo-slider */
	.promo {
		padding-top: 35px;
		align-items: flex-start;
	}

	.promo-slider {
		max-width: 500px;
		min-height: 415px;
		padding-top: 100px;
	}

	.promo-slider__header {
		font-size: 44px;
	}

	.slick-prev, .slick-next {
		top: 0;
	}
	
	.slick-prev {
		left: 0;
	}
	
	.slick-next {
		left: 70px;
	}

	/* ABOUT */
	.about__content {
		align-items: flex-start;
	}

	.about__text {
    width: 420px;
	}

	.note {
		width: 450px;
	}

	/* OFFERS */
	.offers__link {
		width: 300px;
	}

	/* FEATURES */
	.features__item {
		width: 320px;
		padding-right: 0;
	}

	/* WORK-PROCESS */
	.work-process__item4,
	.work-process__item5 {
    order: 0;
	}

	.note--version2 {
		width: 100%;
	}

	/* PRICES */
	.prices__text {
    width: 100%;
	}
	/*---*/
	.prices__list {
		flex-wrap: wrap;
	}

	/*.prices__item {
		flex-direction: row;
		width: 100%;
		margin-bottom: 15px;
		padding: 20px;
	}

	.prices__img {
    width: 300px;
    height: 198px;
	}

	.prices__title {
		margin-top: 0;
	}

	.prices__text {
		width: 450px;
	}

	.prices__btn {
		margin-left: 20px;
	}*/


	/* ADVANTEGES */
	.advantage:after {
    width: 223px;
    height: 404px;
    background-size: 223px 404px;
	}

	/* OUR-WORKS */
	.our-works__list {
		flex-wrap: wrap;
	}

	.our-works__item {
		flex-direction: row;
		width: 100%;
		margin-bottom: 15px;
		padding: 20px;
	}

	.our-works__title {
		margin-top: 0;
	}

	.prices__complection,
	.our-works__text {
		width: 450px;
	}

	.our-works__img {
    width: 300px;
    height: 198px;
	}

	.our-works__btn {
		margin-left: 20px;
	}

	/* ORDER */
  .order .section-title {
    margin-bottom: 4px;
  }
  .order__wrap {
    flex-direction: column;
  }

	.order__wrap img {
		display: none;
	}

	.order-form {
		max-width: 100%;
	}

  .order__message {
    order: -1;
    margin-bottom: 20px;
  }

  .orderMassage {
    width: 100%;
    padding-top: 0;
    padding-left: 3px;
  }
}

/* ... до 959 включительно */
@media only screen and (max-width : 959px) {
	/* promo-slider */
	.promo {
		min-height: 490px;
	}

	.slick-prev, .slick-next {
		display: none !important;
	}

	.promo-slider {
		max-width: 100%;
		mix-height: 308px;
		padding-top: 0;
	}

	.promo-form {
		display: none;
	}

	.promo-slider__header {
		font-size: 52px;
	}

	/* ABOUT */
	.about__content {
		align-items: flex-start;
	}

  .about__title {
    width: 100%;
    /*font-size: 35px;*/
  }

	.about__text {
    width: 100%;
    margin-bottom: 20px;
	}

	.note {
		width: 100%;
	}

	/* OFFERS */
	.offers__list {
    /* flex-direction: column; */
    align-items: stretch;
	}

	.offers__item {
    margin-bottom: 10px;
	}

	.offers__link {
		width: 100%;
	}

	/* FEATURES */
	.features__item {
		width: 100%;
	}

	.features__list {
		margin-left: 25px;
	}

	/* WORK-PROCESS */
	.work-process__item {
		width: 100%;
	}

	.work-process__item {
    margin-bottom: 37px;
    padding-left: 75px;
	}

	.work-process__item:before {
    font-size: 54px;
    left: 0;
    top: -39px;
    opacity: 1;
	}

	/* ADVANTEGES */
	.advantage__list {
		margin-left: 25px;
	}

	/* DIGITS */
	.digits__wrap {
    flex-wrap: wrap;
	}

	.digits__list {
		width: 100%;
		margin-left: 0;
		margin-bottom: 40px;
	}

	/* ORDER */
	.order__wrap img {
		display: none;
	}

  .order__message {
    margin-left: 97px;
  }

  .orderMassage {
    font-size: 16px;
  }

  .orderMassage__value {
    font-size: 26px;
  }

	/* на этом разрешении убираем все декоративные элементы */
	.features,
	.work-process,
	.advantage,
	.prices,
	.our-works,
	.order {
		padding-left: 0;
	}

	.features:before {
		display: none;
	}
	.work-process:before {
		display: none;
	}
	.advantage:before {
		display: none;
	}
	.prices:before {
		display: none;
	}
	.our-works:before {
		display: none;
	}
	.order:before {
		display: none;
	}

	/* sections-bg */
	#imPageRowGraphics_4,
	#imPageRowGraphics_6,
	#imPageRowGraphics_9 {
	  background-image: none !important;
	}

	#imPageRowGraphics_5,
	#imPageRowGraphics_10 {
	  background-image: none !important;
	}

	/* section-titles */
	.section-title {
		margin-left: 100px;
	}

}

/* ... до 719 включительно */
@media only screen and (max-width : 719px) {
  .promo-block__header {
    font-size: 30px;
  }

	/* ADVANTEGES */
	.advantage:after {
    display: none;
	}

	/* prices */
	.prices__img {
    width: 200px;
    height: 132px;
	}
	
	/* our-works */
	.our-works__img {
    width: 200px;
    height: 132px;
	}
	

}

/* ... до 599 включительно */
@media only screen and (max-width : 599px) {

  .promo-block {
    width: 100%;
    /*text-align: center;*/
    color: #fff;
}

/*.promo-block__header {
    font-size: 20px;
}*/

.promo-block__comment {
    width: 280px;
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 18px;
}
	
	.promo-slider__header {
		font-size: 48px;
	}

	.about__title {
    width: 100%;
    font-size: 35px;
	}

	.about__title span {
    font-size: 18px;
    padding-top: 10px;
	}

	.advantage__item {
    width: 100%;
	}

	/* PRICES */
	.prices__text {
		width: 100%;
    font-size: 16px;
	}
}

/* ... до 479 включительно */
@media only screen and (max-width : 479px) {

  .promo-slider__header {
    font-size: 26px;
  }
  

	.about__title:before {
		display: none;
	}

	.about__title:after {
		display: none;
	}

	.work-process__item {
    margin-bottom: 20px;
	}

	.section-title {
		margin-left: 0;
		font-size: 24px;
	}

	.section-title:before {
		display: none;
	}

	.digits__item {
    margin-bottom: 10px;
	}

	.digits__list {
    flex-direction: column;
   }

  /* .section-title--variant3 {
    color: #ff671d;
  } */

  .digits__item {
    width: 170px;
  }

  /* prices */
  /* .row-list {
    flex-direction: column;
  } */
  /*.prices__item,*/
  .our-works__item {
    flex-direction: column;
    margin-bottom: 20px;
    padding: 0;
    padding-bottom: 20px;
	}

	.prices__img,
	.our-works__img {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
	}

	.prices__complection, .our-works__text {
    width: 290px;
	}

  /* ORDER */
  .order__message {
    margin-left: 0;
  }

	#imPageRowGraphics_6 {
	  background-image: url(/wp-content/themes/themeMetallobaza/assets/project/img/pic/logo-gr-white.svg) !important;
	  background-size: 350px !important;
    background-repeat: no-repeat !important;
    background-position: calc(100% + 144px) 122px !important;
	}

  .action-form {
    flex-direction: column;
  }

  .action-form__input {
    margin-right: 0 !important;
    margin: 0 auto !important;
    margin-bottom: 20px !important;
  }

  .promo-form__button {
    margin: 0 auto;
  }
	
}

/* от 0 до 319 включительно */
@media only screen and (max-width : 319px) {
	
	/*#imCell_6,
	#imCell_7,
	#imCell_8,
	#imCell_9 {
		min-height: 50px !important;
	}*/
}


/*==========  Mobile First Method  ==========*/

/* от 320 включительно ... */
@media only screen and (min-width : 320px) {
	
}

/* от 480 включительно ... */
@media only screen and (min-width : 480px) {
	

}

/* от 600 включительно ... */
@media only screen and (min-width : 600px) {


}

/* от 720 включительно ... */
@media only screen and (min-width : 720px) {
	
}

/* от 960 включительно ... */
@media only screen and (min-width : 960px) {
	
	
}

 /* от 1200 включительно ... */
@media only screen and (min-width : 1200px) {


}