.td_arrow {font-size: 24px !important; color: #fff; padding: 15px 10px 15px 20px; font-weight: 700 !important;}
.td_pp {color: #fff; font-size: 18px; font-weight: 300; padding: 0px 20px 0px 0px}
.trend_arrow {font-size: 32px !important; padding: 12px 10px 15px 20px; font-weight: 900 !important; color: #ee2b47}
.trend_header {background: linear-gradient(90deg, #34374c, #ee2b47); height: 63px; border-radius: 5px 5px 0px 0px;}
.td_trend_header {font-size: 22px; font-weight: 400; margin: auto; text-transform: uppercase; color: #fff;}
#light_letters {background: url('/pics/photos/light_letters.webp') center no-repeat; background-size: 100%}
#light_panel {background: url('/pics/photos/light_panel.webp') center no-repeat; background-size: 100%}
#light_box {background: url('/pics/photos/light_box.webp') center no-repeat; background-size: 100%}
#neon {background: url('/pics/photos/neon_rocket.webp') center no-repeat; background-size: 100%}
#corners {background: url('/pics/photos/corners.webp') center no-repeat; background-size: 100%}
#markets {background: url('/pics/photos/markets.webp') center no-repeat; background-size: 100%}
#signs {background: url('/pics/photos/signs_main.webp') center no-repeat; background-size: 100%}
#polygraphy {background: url('/pics/photos/polygraphy_main.webp') center no-repeat; background-size: 100%}
#post_print {background: url('/pics/photos/polygraphy-post.webp') center no-repeat; background-size: 100%}
#mobile_stands {background: url('/pics/photos/mobile_stands.webp') center no-repeat; background-size: 100%}
.p_carousel_label {font-size: 22px; color: #313131; padding: 0px; margin: 15px;}
.p_carousel_description {font-size: 14px; color: #6c6c6c; padding: 0px; margin: 15px; font-weight: 300;}
.carousel_item {background-color: #f6f6f6;}
#calc_large {margin: 20px 0px; font-size: 26px; color: #fff}
#calc_small {margin: 20px 0px; font-size: 20px; font-weight: 300; color: #fff}
#make_money {
  background: linear-gradient(0deg, #34374c, #ee2b47);
  display: flex; flex-flow: column nowrap; align-content: center;
}

@media screen and (min-width: 1190px) {
  /* Главный экран */
  #slider {
    background: url('/pics/photos/bg_desktop_1.webp') no-repeat center;
    height: 457px;
    display: flex; flex-flow: row nowrap; justify-content: space-around; align-items: center;
  }
  #sl_text {color: #fff; max-width: 675px;}
  #sl_text_1 {font-size: 43px; font-weight: 500; letter-spacing: 0.04em;}
  #sl_text_2 {font-size: 24px; font-weight: 300;}
  #sl_items {background-color: rgba(44, 46, 62, 0.85); display: flex; align-items: center; width: 323px; height: 310px;}
  
  /* Блоки предоставляемой продукции */
  #trends {display: flex; flex-flow: row wrap; justify-content: space-between; padding: 0 0 40px 0px}
  .trend {width: 372px; height: 272px; margin: 10px 0px; border-radius: 5px;}
  .trend_body {
    background-color: rgba(52,55,76,0); 
    height: 209px;
    display: flex; flex-flow: column; justify-content: center; align-items: center;
    transition: background-color 0.5s 0s;
  }
  .trend_body:hover {background-color: rgba(52,55,76,0.8);}
  .trend_body:hover .trend_button {opacity: 1;}
  .trend_button {
    margin: 10px 0px; 
    width: 220px; height: 43px; opacity: 0; 
    transition: opacity 0.5s 0s; 
    font-size: 22px; font-weight: 300; padding-top: 8px;
  }
  
  /* Почему нас выбирают */
  #prefs_parent {background: url('/pics/photos/bg_2.webp') center no-repeat; min-height: 438px; }
  #prefs_items {display: flex; flex-flow: row wrap; justify-content: space-between;}
  .prefs_item {width: 45%; margin-bottom: 20px;}
  .td_prefs {padding-left: 15px; color: #fff; font-size: 22px; font-weight: 300;}
  .td_prefs_pic {width: 65px;}
  
  /* Наши проекты */
  #carousel {display: flex; flex-flow: row nowrap; justify-content: space-between;}
  .carousel_item {width: 100%; border: 1px solid #e0dfdf; border-radius: 5px; height: 360px;}
  .carousel_img {width: 100%; border-radius: 5px 5px 0px 0px; display: block; margin: auto;}
  
  /* Наши цены не кусаются */
  #calc {display: flex; flex-flow: row nowrap; justify-content: space-around; align-items: center}
  #calc_text {width: 700px;}
  #calc_button {width: 370px;}
  
  /* Нам доверяют */
  #logos {display: flex; flex-flow: row wrap; justify-content: space-around; align-items: center}
  .logo_image {width: 32%; display: block; margin-bottom: 20px;}
  
  /* этапы работы с нами */
  #stages_parent {height: 391px; background: url('/pics/photos/bg_3.webp') center no-repeat;}
  #stages_points {display: flex; flex-flow: row wrap; justify-content: space-around; align-items: center;}
  .stage {width: 117px; color: #fff; text-align: center; font-size: 20px; font-weight: 300;}
  .stage_arrow {font-weight: 600; color: #ee2b47; font-size: 30px;}
  
  /* Баннер меловой продукции */
  #chalk {display: block; margin: auto;}
  
  /* Делать деньги */
  #p_mm_quote {font-size: 26px; text-transform: uppercase; color: #fff; text-align: center; margin: 0px 0px 20px 0px}
  #p_mm {font-size: 20px; font-weight: 300; color: #fff; text-align: center; margin: 30px 0px;}
  #mm_button {width: 347px; height: 50px; font-size: 25px; display: block; margin: auto; padding-top: 10px; font-weight: 300}
}

@media screen and (max-width: 1189.9px) and (min-width: 361px) {
  /* Главный экран */
  #slider {
    background: url('/pics/photos/bg_tablet_1.webp') no-repeat center;
    display: flex; justify-content: space-around; align-items: center;
    padding: 40px 15px;
  }
  #sl_text {color: #fff;}
  #table_items {width: 323px;}
  #sl_items {background-color: rgba(44, 46, 62, 0.85); display: flex; align-items: center;}
  
  /* Блоки предоставляемой продукции */
  #trends {display: flex; justify-content: space-around; padding: 0 0 40px 0px}
  .trend {height: 272px; margin: 10px 0px; border-radius: 5px;}
  .trend_body {
    background-color: rgba(52,55,76,0); 
    height: 209px;
    display: flex; flex-flow: column; justify-content: center; align-items: center;
    transition: background-color 0.5s 0s;
  }
  .trend_body:hover {background-color: rgba(52,55,76,0.8);}
  .trend_body:hover .trend_button {opacity: 1;}
  .trend_button {
    margin: 10px 0px; 
    width: 220px; height: 43px; opacity: 0; 
    transition: opacity 0.5s 0s; 
    font-size: 22px; font-weight: 300; padding-top: 8px;
    z-index: 10;
  }
  
  /* Почему нас выбирают */
  #prefs {padding: 30px 15px;}
  .td_prefs {padding-left: 15px; color: #fff; font-size: 22px; font-weight: 300;}
  .td_prefs_pic {width: 55px;}
  
  /* Наши проекты */
  #projects {padding: 30px 15px;}
  #carousel {display: flex;}
  .carousel_item {border: 1px solid #e0dfdf; border-radius: 5px; width: 95%; margin-bottom: 15px;}
  .carousel_img {width: 100%; border-radius: 5px 5px 0px 0px; display: block; margin: auto;}
  
  /* Наши цены не кусаются */
  #calc {display: flex; flex-flow: row wrap; justify-content: center; align-items: center; padding: 30px 15px;}

  #calc_large, #calc_small {text-align: center;}
  #calc_button {width: 370px; margin-bottom: 20px;}
  
  /* Нам доверяют */
  #logos {display: flex; flex-flow: row wrap; justify-content: space-around; align-items: center}
  .logo_image {width: 32%; display: block; margin-bottom: 20px;}
  
  /* этапы работы с нами */
  #stages_points {display: flex; flex-flow: row wrap; justify-content: space-around; align-items: center;}
  .stage {width: 117px; color: #fff; text-align: center; font-size: 20px; font-weight: 300; margin-bottom: 20px}
  .stage_arrow {font-weight: 600; color: #ee2b47; font-size: 30px;}
  
  /* Баннер меловой продукции */
  #chalk {display: block; margin: auto; width: 100%;}
  
  /* Делать деньги */
  #p_mm_quote {font-size: 26px; text-transform: uppercase; color: #fff; text-align: center; margin: 0px 0px 20px 0px}
  #p_mm {font-size: 20px; font-weight: 300; color: #fff; text-align: center; margin: 30px 0px;}
  #mm_button {width: 347px; height: 50px; font-size: 25px; display: block; margin: auto; padding-top: 10px; font-weight: 300}
}

/* Стили пересмтройки главного экрана */
@media screen and (max-width: 1189.9px) and (min-width: 1028px) {
  #slider {flex-flow: row nowrap;}
  #sl_text_1 {font-size: 43px; font-weight: 500; letter-spacing: 0.04em;}
  #sl_text_2 {font-size: 24px; font-weight: 300;}
  #sl_items {width: 323px; height: 310px; margin-left: 20px; flex: 0 0 auto}
  #table_items {width: 100%;}
}

@media screen and (max-width: 1028px) and (min-width: 812px) {
  #slider {flex-flow: row nowrap;}
  #sl_items {width: 323px; height: 310px; margin-left: 20px; flex: 0 0 auto}
  #sl_text_1 {font-size: 35px; font-weight: 500; letter-spacing: 0.04em;}
  #sl_text_2 {font-size: 18px; font-weight: 300;}
  #table_items {width: 100%;}
}
@media screen and (max-width: 811px) and (min-width: 580px) {
  #slider {flex-flow: row wrap; justify-content: center}
  #sl_text_1 {font-size: 35px; font-weight: 500; letter-spacing: 0.04em; text-align: center}
  #sl_text_2 {font-size: 18px; font-weight: 300; text-align: center}
  #table_items {width: 500px; }
  #sl_items {width: 500px; height: 310px; flex: 0 0 auto}
  #sl_button {margin: 0px auto 20px auto; }
}
@media screen and (max-width: 579px) and (min-width: 361px) {
  #slider {flex-flow: row wrap; justify-content: center}
  #sl_text_1 {font-size: 31px; font-weight: 500; letter-spacing: 0.04em; text-align: center}
  #sl_text_2 {font-size: 18px; font-weight: 300; text-align: center}
  #table_items {width: 100%;}
  #sl_items {min-width: 323px; height: 310px;}
  #sl_button {margin: 0px auto 20px auto; }
}

/* Перестройка трендов */
@media screen and (max-width: 1189.9px) and (min-width: 930px) {#trends {flex-flow: row wrap;} .trend {width: 372px; margin: 15px 5px}}
@media screen and (max-width: 929px) and (min-width: 392px) {#trends {flex-flow: row wrap;} .trend {width: 372px; margin: 15px 10px}}
@media screen and (max-width: 391px) and (min-width: 361px) {#trends {flex-flow: row wrap;} .trend {width: 95%; margin: 15px 10px}}

/* Перестройка преимуществ */
@media screen and (max-width: 1189.9px) and (min-width: 620px) {
  #prefs_parent {background: url('/pics/photos/bg_2.webp') center no-repeat; min-height: 438px; }
  #prefs_items {display: flex; flex-flow: row wrap; justify-content: space-between;}
  .prefs_item {width: 45%; margin-bottom: 20px;}
}
@media screen and (max-width: 619px) and (min-width: 361px) {
  #prefs_parent {background-color: #34374c; min-height: 500px;}
  #prefs_items {display: flex; flex-flow: column wrap;}
  .prefs_item {width: 95%; margin-bottom: 20px;}
}

@media screen and (max-width: 1189.9px) and (min-width: 740px) {
  #carousel {flex-flow: row nowrap; justify-content: space-between;}
  .carousel_item {height: 320px;}
  #carousel_1, #carousel_2, #carousel_3 {display: flex; justify-content: center;}
}

@media screen and (max-width: 739px) and (min-width: 521px) {
  #carousel {flex-flow: row nowrap; justify-content: space-between;}
  .carousel_item {height: 330px;}
  #carousel_1, #carousel_2 {display: flex; justify-content: center;}
  #carousel_3 {display: none;}
}

@media screen and (max-width: 520px) and (min-width: 361px) {
  #carousel {flex-flow: row wrap; justify-content: center;}
  #carousel_1, #carousel_2 {display: flex; justify-content: center;}
  .carousel_item {}
  #carousel_3 {display: none;}
}

@media screen and (max-width: 1189.9px) and (min-width: 731px) {
  #stages_parent {min-height: 391px; background: url('/pics/photos/bg_3.webp') center no-repeat;}
}
@media screen and (max-width: 730px) and (min-width: 361px) {
  #stages_parent {min-height: 391px; background-color: #34374c;}
}

@media screen and (max-width: 360px) {
  
  /* Главный экран */
  #slider {
    background: url('/pics/photos/bg_mobile_1.webp') no-repeat center;
    height: 740px;
    display: flex; flex-flow: row wrap; justify-content: space-around; align-items: center;
    padding: 20px 10px;
  }
  #sl_text {color: #fff; padding: 0px 20px;}
  #sl_text_1 {font-size: 31px; font-weight: 500; letter-spacing: 0.04em; text-align: center}
  #sl_text_2 {font-size: 18px; font-weight: 300; text-align: center}
  #sl_items {background-color: rgba(44, 46, 62, 0.85); display: flex; align-items: center; width: 323px; height: 310px;}
  #sl_button {margin: auto;}
  /* Предлагаемая продукция */
  #trends {display: flex; flex-flow: row wrap; justify-content: space-between; padding: 0 0 40px 0px}
  .trend {width: 95%; height: 272px; margin: 10px auto; border-radius: 5px;}
  .trend_body {
    background-color: rgba(52,55,76,0); 
    height: 209px;
    display: flex; flex-flow: column; justify-content: center; align-items: center;
    transition: background-color 0.5s 0s;
  }
  /*.trend_body:hover {background-color: rgba(52,55,76,0.8);}
  .trend_body:hover .trend_button {opacity: 1; z-index: 1;}*/
  .trend_button {
    display: none;
    /*margin: 10px 0px; width: 220px; height: 43px; opacity: 0; 
    transition: opacity 0.5s 0s; font-size: 22px; font-weight: 300;
    padding-top: 8px;
    z-index: 10;*/
  }
  
  /* Почему нас выбирают */
  #prefs_parent {background-color: #34374c;}
  #prefs_items {display: flex; flex-flow: row wrap; justify-content: space-between;}
  #prefs {padding: 30px 10px;}
  .prefs_item {width: 95%; margin-bottom: 20px;}
  .td_prefs {padding-left: 15px; color: #fff; font-size: 22px; font-weight: 300;}
  .td_prefs_pic {width: 50px;}
  
  /* Наши проекты */
  #carousel {display: flex; flex-flow: row wrap; justify-content: space-between;}
  .carousel_item {width: 95%; border: 1px solid #e0dfdf; border-radius: 5px; margin: 0px auto 10px auto}
  .carousel_img {width: 100%; border-radius: 5px 5px 0px 0px; display: block; margin: auto;}
  .next {left: 9px}
  
  /* Наши цены не кусаются */
  #calc {display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; padding: 30px 10px;}
  #calc_large, #calc_small {text-align: center;}
  #calc_button {width: 340px; margin-bottom: 20px;}
  
  /* Нам доверяют */
  #logos {display: flex; flex-flow: row wrap; justify-content: space-around; align-items: center}
  .logo_image {width: 30%; display: block; margin-bottom: 10px;}
  
  /* этапы работы с нами */
  #stages_parent {background-color: #34374c;}
  #stages_points {display: flex; flex-flow: row wrap; justify-content: space-around; align-items: center;}
  .stage {width: 117px; color: #fff; text-align: center; font-size: 20px; font-weight: 300; margin-bottom: 10px}
  .stage_arrow {font-weight: 600; color: #ee2b47; font-size: 30px;}
  
  /* Баннер меловой продукции */
  #chalk {display: block; margin: auto; width: 95%;}
  
  /* Делать деньги */
  #p_mm_quote {font-size: 26px; text-transform: uppercase; color: #fff; text-align: center; margin: 0px 0px 20px 0px}
  #p_mm {font-size: 20px; font-weight: 300; color: #fff; text-align: center; margin: 30px 0px;}
  #mm_button {width: 340px; height: 50px; font-size: 25px; display: block; margin: auto; padding-top: 10px; font-weight: 300
  }
}