@font-face {
  font-family: 'Lato';
  src: url('/css/lato/Lato-Black.eot');
  src: url('/css/lato/Lato-Black.eot') format('embedded-opentype'),
       url('/css/lato/Lato-Black.woff2') format('woff2'),
       url('/css/lato/Lato-Black.woff') format('woff'),
       url('/css/lato/Lato-Black.ttf') format('truetype'),
       url('/css/lato/Lato-Black.svg') format('svg');
  font-weight: 900;
  font-style: normal;
}

#ten_new {
 position: relative;
 float: left;
 width: 100%;
 font-family: 'Lato', sans-serif;
 font-weight: 400;
 font-size: 15px;
 line-height: 1.2;
 text-align: left;
 color: #444;
 background: transparent url('../img/10-new/bg-mask-top.png')top center repeat-x;
}



#ten_new .logos {
 display: flex;
 justify-content: center;
 align-items: center;
}

#ten_new .logos .supermag_logo {
 width: 265px;
 min-width: 265px;
 height: 63px;
}

#ten_new .logos .arrow {
 width: 63px;
 min-width: 63px;
 height: 33px;
 margin: 10px 27px 0 27px;
}

#ten_new .logos .gastronom_logo {
 width: 265px;
 min-width: 265px;
 height: 63px;
}

#ten_new .top_mini_title {
 float: left;
 width: 100%;
 margin: 50px 0 10px 0;
 font-weight: 700;
 font-size: 28px;
 letter-spacing: .04em;
 color: #2f2f2f;
 text-align: center;
}



#ten_new .ten_new_top {
 float: left;
 width: 100%;
 /* background: transparent url('../img/10-new/bg-mask-top.png')top center repeat-x; */
}

#ten_new .container {
 width: auto;
 max-width: 1136px;
 margin: 0 auto;
}


/* #ten_new .ten_new_top::before */

#ten_new::before {
 position: absolute;
 top: 0;
 right: 0;
 content: '';
 width: 1136px;
 height: 748px;
 background: url('../img/10-new/bg.jpg') top right no-repeat;
 z-index: 0;
}

#ten_new .badge {
 position: absolute;
 top: 70px;
 left: 63px;
 width: 147px;
 height: 147px;
}

#ten_new .badge img {
 width: 100%;
 height: 100%;
}

#ten_new .container.container_wide {
 width: auto;
 max-width: 1698px;
}

#ten_new .wrapper {
 float: left;
 width: 100%;
}

#ten_new .container_wide>.wrapper {
 padding: 0;
}


/* TITLE start */

#ten_new .main_title {
 position: relative;
 float: left;
 width: 100%;
 padding: 95px 0 32px 0;
 margin: 0;
 font-weight: 700;
 font-size: 65px;
 letter-spacing: 0.04em;
 color: #2f2f2f;
 text-align: center;
 background: transparent;
 border: none;
 z-index: 3;
}

#ten_new .main_title::after {
 displaY: none;
}

#ten_new .main_title span {
 display: block;
 font-size: 42px;
}


/* TITLE end */


/* ACCENTS start */

#ten_new .accents {
 position: relative;
 float: left;
 width: 100%;
 padding: 15px 0 25px 0;
 z-index: 3;
}

#ten_new .accents .accents_container {
 display: flex;
 justify-content: center;
}

#ten_new .accent_box {
 display: flex;
 justify-content: center;
 align-content: flex-start;
 flex-wrap: wrap;
 width: 240px;
 margin: 0;
 line-height: 1.35;
 text-align: center;
/*  text-transform: uppercase; */
}

#ten_new .accent_box:nth-child(2) {
 width: 300px;
}

#ten_new .accent_box .icon {
 display: flex;
 justify-content: center;
 align-items: center;
 width: 120px;
 height: 120px;
 padding: 18px;
 /* border: 4px solid #e7e7e7; */
 border-radius: 100%;
 background-color: #fff;
}

#ten_new .accent_box .icon img {
 width: 75px;
 height: 75px;
 object-fit: cover;
}

#ten_new .accent_box .title {
 float: left;
 width: 100%;
 margin: 16px 0 0 0;
 font-weight: 900;
 font-size: 25px;
}

#ten_new .accent_box .text {
 float: left;
 width: 100%;
 margin: 6px 0 0 0;
 font-weight: 500;
 font-size: 14px;
}


/* ACCENTS end */


/* MAIN BTN start */

#ten_new .main_btn {
 position: relative;
 float: left;
 width: 100%;
 padding: 16px 0 30px 0;
/*  margin: 0 0 70px 0; */
 margin: 0 0 10px 0;
 z-index: 3;
}

#ten_new .main_btn .main_btn_container {
 display: flex;
 justify-content: center;
}

#ten_new .special_btn {
 display: flex;
 justify-content: center;
 align-items: center;
 padding: 6px 8px;
 font-size: 24px;
 letter-spacing: 0.02em;
 color: #fff;
 text-transform: uppercase;
 text-decoration: none;
 border: 3px solid #c5c5c5;
 background-color: #fff;
 box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.21);
 border-radius: 54px;
}

#ten_new .special_btn>span {
 position: relative;
 display: flex;
 justify-content: center;
 align-items: center;
 padding: 24px 45px 21px 45px;
 background: #ed1c24;
 background: -moz-linear-gradient(top, #ed1c24 0%, #d30b12 100%);
 background: -webkit-linear-gradient(top, #ed1c24 0%, #d30b12 100%);
 background: linear-gradient(to bottom, #ed1c24 0%, #d30b12 100%);
 filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ed1c24', endColorstr='#d30b12', GradientType=0);
 border-radius: 45px;
 z-index: 1;
}

#ten_new .special_btn>span:after {
 position: absolute;
 content: '';
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background: #d30b12;
 background: -moz-linear-gradient(top, #d30b12 0%, #c7090f 100%);
 background: -webkit-linear-gradient(top, #d30b12 0%, #c7090f 100%);
 background: linear-gradient(to bottom, #d30b12 0%, #c7090f 100%);
 filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#d30b12', endColorstr='#c7090f', GradientType=0);
 transition: opacity 0.2s ease-out;
 border-radius: 45px;
 z-index: 2;
 opacity: 0;
}

#ten_new .special_btn:hover>span:after {
 opacity: 1;
}

#ten_new .special_btn>span .helpful_span {
 position: relative;
 z-index: 3;
}

#ten_new .special_btn span img {
 width: 36px;
 height: 19px;
 margin: 0 0 0 20px;
 -webkit-transition: 0.2s ease-in-out;
 -moz-transition: 0.2s ease-in-out;
 -o-transition: 0.2s ease-in-out;
 transition: 0.2s ease-in-out;
}

#ten_new .special_btn:hover span img {
 margin: 0 -5px 0 25px;
}


/* MAIN BTN end */


/* DELIVERY start */

#ten_new .delivery {
 position: relative;
 float: left;
 width: 100%;
 margin: 0 0 125px 0;
}

#ten_new .ten_delivery {
 display: none;
}

#ten_new .delivery>a {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: 2;
}

#ten_new .delivery .row {
 position: relative;
 display: flex;
 float: left;
 width: 100%;
}

#ten_new .delivery .row_02 {
 margin: -210px 0 105px 0;
 justify-content: flex-end;
}

#ten_new .delivery .row_02::before {
 position: absolute;
 top: 30px;
 right: 280px;
 content: '';
 width: 485px;
 height: 62px;
 background: url('../img/10-new/arr-01.png') no-repeat center;
 z-index: 1;
}

#ten_new .delivery .row_02::after {
 position: absolute;
 bottom: -130px;
 right: 230px;
 content: '';
 width: 483px;
 height: 122px;
 background: url('../img/10-new/arr-02.png') no-repeat center;
 z-index: 1;
}

#ten_new .delivery .side_text {
 float: left;
 font-weight: 700;
 font-size: 22px;
 line-height: 1.3;
 letter-spacing: 0.04em;
 color: #000;
 text-align: center;
}

#ten_new .delivery .row img {
 float: left;
}

#ten_new .delivery .row_01 img {
 width: 315px;
 height: 385px;
}

#ten_new .delivery .row_02 img {
 width: 265px;
 height: 277px;
}

#ten_new .delivery .row_03 img {
 width: 442px;
 height: 204px;
}

#ten_new .delivery .row_01 .side_text {
 margin: 74px 0 0 -80px;
}

#ten_new .delivery .row_02 .side_text {
 margin: 130px -10px 0 0;
}

#ten_new .delivery .row_03 .side_text {
 margin: 80px 0 0 10px;
}


/* DELIVERY end */


/* WHY SUPERMAG start */

.why_supermag {
 float: left;
 width: 100%;
 letter-spacing: 0.04em;
 text-align: center;
}

.why_supermag .title {
 float: left;
 width: 100%;
 font-weight: 700;
 font-size: 32px;
 color: #000;
}

.why_supermag .text {
 float: left;
 width: 100%;
 margin: 2px 0 45px 0;
 font-weight: 700;
 font-size: 22px;
 color: #787878;
}

.why_supermag .btn_container {
 display: flex;
 justify-content: center;
 float: left;
 width: 100%;
}

#ten_new .why_supermag .special_btn {
 padding: 6px 8px;
 margin: 0 0 15px 0;
 font-size: 20px;
 border-radius: 54px;
}

#ten_new .why_supermag .special_btn>span {
 padding: 13px 35px 10px 35px;
}

#ten_new .why_supermag .special_btn span img {
 width: 27px;
 height: 14px;
 margin: 0 0 0 8px
}

#ten_new .why_supermag .special_btn:hover span img {
 margin: 0 -5px 0 13px;
}

#ten_new .why_supermag .registration,
#ten_new .why_supermag .registration a {
 font-weight: 700;
 font-size: 19px;
 color: #383838;
}


/* WHY SUPERMAG end */


/* REVIEWS start */

#ten_new .reviews {
 float: left;
 width: 100%;
 padding: 40px 0 65px 0;
 margin: 40px 0 30px 0;
 border-top: 1px solid #ece8e2;
 border-bottom: 1px solid #ece8e2;
}

#ten_new .reviews .title {
 float: left;
 width: 100%;
 margin: 0 0 5px 0;
 font-weight: 700;
 font-size: 30px;
 text-align: center;
 color: #000;
}

#ten_new .reviews .mini_title {
 float: left;
 width: 100%;
 margin: 0 0 30px 0;
 font-weight: 400;
 font-size: 15px;
 text-align: center;
}

#ten_new .review_box {
 position: relative;
 float: left;
 width: 30%;
 padding: 22px 25px 19px 25px;
 margin: 0 5% 0 0;
 font-size: 14px;
 color: #040303;
 background-color: #ece8e2;
}

#ten_new .review_box:nth-child(3n) {
 margin: 0;
}

#ten_new .review_box .text {
 float: left;
 width: 100%;
 height: 146px;
 margin: 7px 0 3px 0;
 line-height: 1.3;
}

#ten_new .review_box .quote {
 float: left;
 width: 100%;
}

#ten_new .review_box .quote.quote_end {
 text-align: right;
}

#ten_new .review_box .quote img {
 width: 30px;
 height: 26px;
}

#ten_new .review_box .box_bottom {
 display: flex;
 align-items: center;
 float: left;
 width: 100%;
 margin: 3px 0 0 0;
 font-weight: 700;
 font-size: 16px;
}

#ten_new .review_box .image {
 width: 40px;
 min-width: 40px;
 height: 40px;
 margin: 0 20px 0 0;
 border-radius: 100%;
 overflow: hidden;
}

#ten_new .review_box .image img {
 width: 100%;
 height: 100%;
 object-fit: cover;
}

#ten_new .review_box .arr {
 position: absolute;
 left: 30px;
 bottom: -40px;
}


/* REVIEWS end */

#ten_new #accents_holder {
 display: block;
 float: left;
 width: 100%;
 padding: 0;
 margin: 0 0 150px 0;
}

#ten_new #accents_holder .new_accent_box {
 height: 148px;
}


/* PAGE BOTTOM start */

#ten_new .page_bottom {
 float: left;
 width: 100%;
 background: transparent url('../img/10-new/bg-mask-bottom.png')bottom center repeat-x;
}

#ten_new .ten_footer {
 position: relative;
 float: left;
 width: 100%;
}

#ten_new .ten_footer .wrapper {
 display: flex;
}

#ten_new .page_bottom .left {
 position: absolute;
 bottom: 20px;
 left: 45px;
 width: 192px;
}

#ten_new .page_bottom .left a {
 display: flex;
}

#ten_new .page_bottom .left img {
 width: 192px;
 height: 323px;
}

#ten_new .page_bottom .right {
 float: right;
 width: 100%;
}

#ten_new .page_bottom .right .mini_title {
 float: left;
 width: 100%;
 margin: 0 0 17px 0;
 font-weight: 700;
 font-size: 21px;
 color: #000;
 text-align: center;
}

#ten_new .page_bottom .right .apps {
 display: flex;
 justify-content: center;
 float: left;
 width: 100%;
 margin: 0 0 40px 0;
}

#ten_new .page_bottom .right .apps a {
 display: flex;
 margin: 0 7px;
}

#ten_new .page_bottom .right .apps img {
 width: 256px;
 height: 70px;
}

#ten_new .page_bottom .right .contacts {
 display: flex;
 justify-content: center;
 float: left;
 width: 100%;
 margin: 0 0 80px 0;
}

#ten_new .page_bottom .right .contacts .contact {
 display: flex;
 align-items: center;
	letter-spacing: 0.04em;
}

#ten_new .page_bottom .right .contacts .contact:nth-child(1) {
 width: 328px;
	margin: 0 5px 0 0;
}

#ten_new .page_bottom .right .contacts .contact:nth-child(2) {
 width: 305px;
}

#ten_new .page_bottom .right .contacts .contact .icon {
 display: flex;
 justify-content: center;
 align-items: center;
 width: 41px;
 min-width: 41px;
 height: 41px;
 margin: 0 13px 0 0;
 border-radius: 100%;
 background-color: #ff0000;
}

#ten_new .page_bottom .right .contacts .contact .icon img {
 width: 29px;
 height: 29px;
}

#ten_new .page_bottom .right .contacts .contact .side_text {
 float: left;
 width: 100%;
 font-weight: 700;
 font-size: 14px;
 color: #676767;
}

#ten_new .page_bottom .right .contacts .contact .side_text .title {
 float: left;
 width: 100%;
 font-size: 16px;
 color: #000;
}

#ten_new .page_bottom .right .contacts .contact .side_text .title a {
 font-weight: inherit;
 font-size: inherit;
 color: #000;
}


/* PAGE BOTTOM end */



































@media screen and (max-width:1100px) {

#ten_new {
 position: relative;
 float: left;
 width: 100%;
 font-family: 'Lato', sans-serif;
 font-weight: 400;
 font-size: 15px;
 line-height: 1.2;
 text-align: left;
 color: #444;
 background: transparent url('../img/10-new/bg-mask-top-m.png')top center repeat-x;
}






#ten_new .logos {
 display: flex;
 justify-content: center;
 align-items: center;
 margin: 8px 0 0 0;
}
#ten_new .logos .supermag_logo {
 width: 148px;
 min-width: 148px;
 height: 35px;
}
#ten_new .logos .arrow {
 width: 25px;
 min-width: 25px;
 height: 13px;
 margin: 5px 13px 0 6px;
}
#ten_new .logos .gastronom_logo {
 width: 148px;
 min-width: 148px;
 height: 35px;
}
#ten_new .top_mini_title {
 float: left;
 width: 100%;
 margin: 15px 0 8px 0;
 font-weight: 700;
 font-size: 21px;
 letter-spacing: .04em;
 color: #2f2f2f;
 text-align: center;
}


@media screen and (max-width:370px) {
 #ten_new .logos {
  flex-direction: column;
 }
 #ten_new .logos .arrow {
  margin: 16px 0 10px 0;
  rotate: 90deg;
 }
}

#ten_new .why_supermag .special_btn > span {
 padding: 9px 16px 10px 16px;
}
#ten_new .why_supermag .special_btn {
 font-size: 15px;
}





#ten_new .ten_new_top {
 display: flex;
 justify-content: center;
 flex-wrap: wrap;
 float: left;
 width: 100%;
 /* background: transparent url('../img/10-new/bg-mask-top.png')top center repeat-x; */
}

#ten_new .container {
 width: auto;
 max-width: 1136px;
 margin: 0 auto;
}


/* #ten_new .ten_new_top::before */

#ten_new::before {
 position: absolute;
 top: 0;
 right: 0;
 content: '';
 width: 1136px;
 height: 748px;
 background: url('../img/10-new/bg.jpg') top right no-repeat;
 background-size: 757px 499px;
 z-index: 0;
}

#ten_new .badge {
 position: absolute;
 top: 20px;
 left: 20px;
 width: 100px;
 height: 100px;
}

#ten_new .badge img {
 width: 100%;
 height: 100%;
}

#ten_new .container.container_wide {
 width: auto;
 max-width: 1698px;
}

#ten_new .wrapper {
 float: left;
 width: 100%;
}

#ten_new .container_wide>.wrapper {
 padding: 0;
}


/* TITLE start */

#ten_new .main_title {
 position: relative;
 float: left;
 width: 100%;
 padding: 180px 0 25px 0;
 font-weight: 700;
 font-size: 46px;
 letter-spacing: 0.04em;
 color: #2f2f2f;
 text-align: center;
 z-index: 3;
}

#ten_new .main_title span {
 display: block;
 font-size: 28px;
 line-height: 1;
}


/* TITLE end */


/* ACCENTS start */

#ten_new .accents {
 position: relative;
 float: left;
 width: 100%;
 padding: 15px 0 0 0;
 z-index: 3;
}

#ten_new .accents .accents_container {
 display: flex;
 justify-content: center;
 flex-wrap: wrap;
}

#ten_new .accent_box,
#ten_new .accent_box:nth-child(2) {
 display: flex;
 justify-content: center;
 align-content: flex-start;
 flex-wrap: wrap;
 width: 33.33%;
 padding: 0 10px;
 margin: 0 0 28px 0;
 line-height: 1.35;
 text-align: center;
/*  text-transform: uppercase; */
}

@media screen and (max-width: 640px) {
 #ten_new .accent_box,
 #ten_new .accent_box:nth-child(2)  {
  width: 50%;
 }
}

@media screen and (max-width: 450px) {
 #ten_new .accent_box,
 #ten_new .accent_box:nth-child(2)  {
  width: 100%;
 }
}

#ten_new .accent_box .icon {
 display: flex;
 justify-content: center;
 align-items: center;
 width: 80px;
 height: 80px;
 padding: 18px;
 border: 3px solid #c5c5c5;
 border-radius: 100%;
 background-color: #fff;
 box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.12);
}

#ten_new .accent_box .icon img {
 width: 49px;
 height: 49px;
 object-fit: cover;
}

#ten_new .accent_box .title {
 float: left;
 width: 100%;
 margin: 13px 0 0 0;
 font-weight: 900;
 font-size: 15px;
}

#ten_new .accent_box .text {
 float: left;
 width: 100%;
 margin: 6px 0 0 0;
 font-weight: 500;
 font-size: 12px;
}


/* ACCENTS end */


/* MAIN BTN start */

#ten_new .main_btn {
 position: relative;
 float: left;
 width: 100%;
 padding: 20px 0;
 margin: 0 0 20px 0;
 z-index: 3;
}

#ten_new .main_btn .main_btn_container {
 display: flex;
 justify-content: center;
}

#ten_new .special_btn {
 display: flex;
 justify-content: center;
 align-items: center;
 padding: 6px 8px;
 font-size: 18px;
 letter-spacing: 0.02em;
 color: #fff;
 text-transform: uppercase;
 text-decoration: none;
 border: 3px solid #c5c5c5;
 background-color: #fff;
 box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.21);
 border-radius: 54px;
}

#ten_new .special_btn>span {
 position: relative;
 display: flex;
 justify-content: center;
 align-items: center;
 padding: 16px 30px 15px 30px;
 background: #ed1c24;
 background: -moz-linear-gradient(top, #ed1c24 0%, #d30b12 100%);
 background: -webkit-linear-gradient(top, #ed1c24 0%, #d30b12 100%);
 background: linear-gradient(to bottom, #ed1c24 0%, #d30b12 100%);
 filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ed1c24', endColorstr='#d30b12', GradientType=0);
 border-radius: 45px;
 z-index: 1;
}

#ten_new .special_btn>span:after {
 position: absolute;
 content: '';
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background: #d30b12;
 background: -moz-linear-gradient(top, #d30b12 0%, #c7090f 100%);
 background: -webkit-linear-gradient(top, #d30b12 0%, #c7090f 100%);
 background: linear-gradient(to bottom, #d30b12 0%, #c7090f 100%);
 filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#d30b12', endColorstr='#c7090f', GradientType=0);
 transition: opacity 0.2s ease-out;
 border-radius: 45px;
 z-index: 2;
 opacity: 0;
}

#ten_new .special_btn:hover>span:after {
 opacity: 1;
}

#ten_new .special_btn>span .helpful_span {
 position: relative;
 z-index: 3;
}

#ten_new .special_btn span img {
 width: 27px;
 height: 14px;
 margin: 0 0 0 20px;
 -webkit-transition: 0.2s ease-in-out;
 -moz-transition: 0.2s ease-in-out;
 -o-transition: 0.2s ease-in-out;
 transition: 0.2s ease-in-out;
}

#ten_new .special_btn:hover span img {
 margin: 0 -5px 0 25px;
}


/* MAIN BTN end */


/* DELIVERY start */

#ten_new .ten_delivery {
 position: relative;
 display: block;
 float: left;
 width: 100%;
 max-width: 700px;
 margin: 0 0 45px 0;
}

#ten_new .delivery {
 display: none;
}

#ten_new .ten_delivery>a {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: 2;
}

#ten_new .ten_delivery .row {
 position: relative;
 display: flex;
 float: left;
 width: 100%;
}

#ten_new .ten_delivery .row_02 {
 margin: -110px 0 50px 0;
 justify-content: flex-end;
}

#ten_new .ten_delivery .row_02::before {
 position: absolute;
 top: 15px;
 left: 50%;
 transform: translateX(-50%);
 content: '';
 width: 242px;
 height: 31px;
 background: url('../img/10-new/arr-01.png') no-repeat center;
 background-size: 242px 31px;
 z-index: 1;
}

#ten_new .ten_delivery .row_02::after {
 position: absolute;
 bottom: -68px;
 left: 50%;
 transform: translateX(-50%);
 content: '';
 width: 241px;
 height: 61px;
 background: url('../img/10-new/arr-02.png') no-repeat center;
 background-size: 241px 61px;
 z-index: 1;
}

#ten_new .ten_delivery .side_text {
 float: left;
 font-weight: 700;
 font-size: 16px;
 line-height: 1.3;
 letter-spacing: 0.04em;
 color: #000;
 text-align: center;
}

#ten_new .ten_delivery .row img {
 float: left;
}

#ten_new .ten_delivery .row_01 img {
 width: 190px;
 height: 232px;
}

#ten_new .ten_delivery .row_02 img {
 width: 160px;
 height: 167px;
}

#ten_new .ten_delivery .row_03 img {
 width: 245px;
 height: 113px;
}

#ten_new .ten_delivery .row_01 .side_text {
 margin: 34px 0 0 -62px;
}

#ten_new .ten_delivery .row_02 .side_text {
 margin: 80px -10px 0 0;
}

#ten_new .ten_delivery .row_03 .side_text {
 margin: 35px 0 0 5px;
}

@media screen and (max-width: 680px) {
 #ten_new .ten_delivery .side_text {
  font-size: 15px;
 }
 #ten_new .ten_delivery .row_02::before {
  left: 55%;
  top: 15px;
  width: 161px;
  height: 20px;
  background: url('../img/10-new/arr-01.png') no-repeat center;
  background-size: 161px 20px;
 }
 #ten_new .ten_delivery .row_02::after {
  left: 60%;
  bottom: -68px;
  width: 161px;
  height: 40px;
  background: url('../img/10-new/arr-02.png') no-repeat center;
  background-size: 161px 40px;
 }
}

@media screen and (max-width: 680px) {
 #ten_new .ten_delivery .row_02::before {
  top: 37px;
 }
 #ten_new .ten_delivery .row_01 .side_text {
  margin: 34px 0 0 -26px;
 }
 #ten_new .ten_delivery .row_01 img {
  width: 147px;
  height: 180px;
 }
 #ten_new .ten_delivery .row_02 img {
  width: 125px;
  height: 139px;
 }
 #ten_new .ten_delivery .row_03 img {
  width: 184px;
  height: 85px;
 }
}

@media screen and (max-width: 550px) {
 #ten_new .ten_delivery .side_text {
  font-size: 15px;
 }
}

@media screen and (max-width: 510px) {
 #ten_new .ten_delivery .side_text {
  font-size: 14px;
 }
}

@media screen and (max-width: 480px) {
 #ten_new .ten_delivery .row_02 {
  margin: -50px 0 50px 0;
 }
 #ten_new .ten_delivery .row_01 .side_text {
  margin: 13px 0 0 -26px;
 }
 #ten_new .ten_delivery .row_02 .side_text {
  margin: 55px -10px 0 0;
 }
 #ten_new .ten_delivery .row_02::before {
  top: -20px;
 }
 #ten_new .ten_delivery .row_02::after {
  bottom: -58px;
 }
 #ten_new .ten_delivery .row_01 img {
  width: 120px;
  height: 147px;
 }
 #ten_new .ten_delivery .row_02 img {
  width: 110px;
  height: 115px;
 }
 #ten_new .ten_delivery .row_03 img {
  width: 150px;
  height: 71px;
 }
 #ten_new .ten_delivery .row_03 .side_text p {
  display: inline;
 }
}

@media screen and (max-width: 390px) {
 #ten_new .ten_delivery .side_text {
  font-size: 13px;
 }
}


/* DELIVERY end */


/* WHY SUPERMAG start */

.why_supermag {
 float: left;
 width: 100%;
 letter-spacing: 0.04em;
 text-align: center;
}

.why_supermag .title {
 float: left;
 width: 100%;
 font-weight: 700;
 font-size: 22px;
 color: #000;
}

.why_supermag .text {
 float: left;
 width: 100%;
 margin: 7px 0 15px 0;
 font-weight: 700;
 font-size: 15px;
 color: #787878;
}

.why_supermag .btn_container {
 display: flex;
 justify-content: center;
 float: left;
 width: 100%;
}

#ten_new .why_supermag .special_btn {
 padding: 5px 6px;
 margin: 0 0 10px 0;
 font-size: 16px;
 border-radius: 54px;
}

#ten_new .why_supermag .special_btn>span {
 padding: 13px 35px 10px 35px;
}

#ten_new .why_supermag .special_btn span img {
 width: 21px;
 height: 11px;
 margin: 0 0 0 8px
}

#ten_new .why_supermag .special_btn:hover span img {
 margin: 0 -5px 0 13px;
}

#ten_new .why_supermag .registration,
#ten_new .why_supermag .registration a {
 font-weight: 700;
 font-size: 15px;
 color: #383838;
}


/* WHY SUPERMAG end */


/* REVIEWS start */

#ten_new .reviews {
 float: left;
 width: 100%;
 padding: 20px 0 5px 0;
 margin: 25px 0 20px 0;
 border-top: 1px solid #ece8e2;
 border-bottom: 1px solid #e7e7e7;
}

#ten_new .reviews .title {
 float: left;
 width: 100%;
 margin: 0 0 6px 0;
 font-weight: 700;
 font-size: 22px;
 color: #000;
 text-align: center;
}

#ten_new .reviews .mini_title {
 float: left;
 width: 100%;
 margin: 0 0 18px 0;
 font-weight: 400;
 font-size: 13px;
 text-align: center;
}

#ten_new .review_box,
#ten_new .review_box:nth-child(3n) {
 float: left;
 width: 100%;
 padding: 17px 15px;
 margin: 0 0 15px 0;
 font-size: 14px;
 color: #040303;
 background-color: #ece8e2;
}

#ten_new .review_box .text {
 float: left;
 width: 100%;
 height: auto;
 margin: 7px 0 3px 0;
 line-height: 1.3;
}

#ten_new .review_box .quote {
 float: left;
 width: 100%;
}

#ten_new .review_box .quote.quote_end {
 text-align: right;
}

#ten_new .review_box .quote img {
 width: 18px;
 height: 16px;
}

#ten_new .review_box .box_bottom {
 display: flex;
 align-items: center;
 float: left;
 width: 100%;
 margin: 3px 0 0 0;
 font-weight: 700;
 font-size: 15px;
}

#ten_new .review_box .image {
 width: 40px;
 min-width: 40px;
 height: 40px;
 margin: 0 20px 0 0;
 border-radius: 100%;
 overflow: hidden;
}

#ten_new .review_box .image img {
 width: 100%;
 height: 100%;
 object-fit: cover;
}

#ten_new .review_box .arr {
 display: none;
}


/* REVIEWS end */

#ten_new #accents_holder {
 margin: 0 0 30px 0;
}

#ten_new #accents_holder .wrapper {
 display: flex;
 flex-direction: column;
}

#ten_new #accents_holder .new_accent_box {
 align-self: center;
 width: auto;
 height: auto;
 margin: 0 0 20px 0;
 border-radius: 5px;
 overflow: hidden;
}


/* PAGE BOTTOM start */

#ten_new .page_bottom {
 float: left;
 width: 100%;
 background: transparent url('../img/10-new/bg-mask-bottom.png')bottom center repeat-x;
}

#ten_new .ten_footer {
 position: relative;
 float: left;
 width: 100%;
}

#ten_new .ten_footer .wrapper {
 display: flex;
}

#ten_new .page_bottom .left {
 display: none;
 position: absolute;
 bottom: 20px;
 left: 45px;
 width: 192px;
}

#ten_new .page_bottom .left a {
 display: flex;
}

#ten_new .page_bottom .left img {
 width: 192px;
 height: 323px;
}

#ten_new .page_bottom .right {
 float: right;
 width: 100%;
}

#ten_new .page_bottom .right .mini_title {
 float: left;
 width: 100%;
 margin: 0 0 10px 0;
 font-weight: 700;
 font-size: 16px;
 color: #000;
 text-align: center;
}

#ten_new .page_bottom .right .apps {
 display: flex;
 justify-content: center;
 float: left;
 width: 100%;
 margin: 0 0 20px 0;
}

#ten_new .page_bottom .right .apps a {
 display: flex;
 margin: 0 4px;
}

#ten_new .page_bottom .right .apps img {
 width: 176px;
 height: 48px;
}

#ten_new .page_bottom .right .contacts {
 display: flex;
 justify-content: center;
 float: left;
 width: 100%;
 margin: 0 0 15px 0;
}

#ten_new .page_bottom .right .contacts .contact {
 display: flex;
 align-items: center;
}

#ten_new .page_bottom .right .contacts .contact:nth-child(1) {
 width: 260px;
 margin: 0 20px 20px 0;
}

#ten_new .page_bottom .right .contacts .contact:nth-child(2) {
 width: 260px;
 margin: 0 0 20px 0;
}

@media screen and (max-width: 580px) {
 #ten_new .page_bottom .right .contacts {
  flex-wrap: wrap;
 }
 #ten_new .page_bottom .right .contacts .contact:nth-child(1),
 #ten_new .page_bottom .right .contacts .contact:nth-child(2) {
  width: 270px;
  margin: 0 0 20px 0;
 }
}

#ten_new .page_bottom .right .contacts .contact .icon {
 display: flex;
 justify-content: center;
 align-items: center;
 width: 31px;
 min-width: 31px;
 height: 31px;
 margin: 0 10px 0 0;
 border-radius: 100%;
 background-color: #ff0000;
}

#ten_new .page_bottom .right .contacts .contact .icon img {
 width: 22px;
 height: 22px;
}

#ten_new .page_bottom .right .contacts .contact .side_text {
 float: left;
 width: 100%;
 font-weight: 700;
 font-size: 13px;
 color: #676767;
}

#ten_new .page_bottom .right .contacts .contact .side_text .title {
 float: left;
 width: 100%;
 font-size: 15px;
 color: #000;
}

#ten_new .page_bottom .right .contacts .contact .side_text .title a {
 font-weight: inherit;
 font-size: inherit;
 color: #000;
}


/* PAGE BOTTOM end */

}
