html {
    font-family: "Futura PT", sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
body {
    margin: 0;
}
* {
    font-family: "Futura PT", sans-serif;
}
a{
  color: #000000;
  text-decoration: none;
}

.nameH{
    font-size: 25px;
}

.wr-heder, .wr-top{
    background-color: #3b1452;
}
.heder{
    max-width: 1200px;
    margin: 0 auto;
    flex-direction: column;
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    gap: 20px;
    padding: 30px 0
}
.heder a {
    color: #fff;
    display: block;
}
.logo{
  margin-top: -30px;
}
.contakt{
    text-align: right;
}
.contakt .phone {
    display: block;
    color: #ffffff;
    font-size: 30px;
    font-weight: 700;
    white-space: nowrap;
}
.contakt .phone a:hover {
    text-decoration: underline;
}
.contakt  .heder-contakt-time{
    color: #ffffff;
    font-size: 17px;
    font-weight: 300;
}

/*------------------меню------------------*/
.menu li:after {
  content: "";
  color: #606060;
  display: inline-block;
  vertical-align:top;
}
.menuli:last-child:after {content: none;}
.menu a {
  text-decoration: none;
  font-family: 'Ubuntu Condensed', sans-serif;
  letter-spacing: 2px;
  position: relative;
  padding-bottom: 10px;
  margin: 0 34px 0 30px;
  font-size: 17px;
  text-transform: uppercase;
  display: inline-block;
  transition: color .2s;
}
.menu a, .menu a:visited {color: #fff;}
.menua.current, .menu a:hover{color: #ff8227;}
.menu a:before,
.menu a:after {
  content: "";
  position: absolute;
  height: 4px;
  top: auto;
  right: 50%;
  bottom: -5px;
  left: 50%;
  background: #ff8227;
  transition: .8s;
}
.menu a:hover:before, .menu .current:before {left: 0;}
.menu a:hover:after, .menu .current:after {right: 0;}   
@media (max-width: 550px) {
    .menu {padding-top: 0;}
    .menu  li {display: block;}
    .menu  li:after {content: none;}
    .menu  a {
      padding: 25px 0 20px; 
      margin: 0 30px;
    }
}
.menu li {
    display: inline-block;
    text-align: left;
}
@import url('https://fonts.googleapis.com/css?family=Ubuntu+Condensed');
.mod-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}
ul.mod-menu__sub  {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    opacity: 0; /* По умолчанию скрываем подменю */
    visibility: hidden;
    transition-property: opacity, visibility; /* Важно чтобы transition применялось к обоим свойствам */
    transition-duration: 2s; /* Добавляем анимацию 0.3 сек. */
    transition-delay: 1s; /* Добавляем задержку в 0.15 сек. */
}
.menu ul.mod-menu__sub a {
    float: none;
    color: #3b1452;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    margin: 0 14px;
}
.wr-menu{
    text-align: center;
}
.menu li:hover ul.mod-menu__sub {
    display: block;
    opacity: 1; /* Показываем подменю при ховере */
    visibility: visible;
}
.menu li ul.mod-menu__sub {
    font-size: 16px;    
    border: none;
    outline: none;
    font-family: inherit;
    margin: 0;
}

/*------------------------------*/
.top {
    max-width: 1200px;
    margin: 0 auto;
    flex-direction: column;
    display: grid;
    grid-template-columns: auto auto;
    gap: 20px;
    padding-bottom: 40px;
}
.top h1 {
    font-size: 40px;
    font-weight: 400;
    margin: 0px 0 10px;
    display: block;
    color: #fff;
    font-weight: bold;
    line-height: 1.25;
}
.info-top{
    max-width: 1200px;
    margin: 40px auto;
    flex-direction: column;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    text-align: center;
}
.infotopimgleft{
    width: 90px;
    height: 68px;
    display: block;
    background-image: url(../images/saits1.png);
    background-size: 100%;
    background-repeat: no-repeat;
    margin: 25px auto 15px;
}
.infotopimgmidlle{
    width: 80px;
    height: 75px;
    display: block;
    background-image: url(../images/marketing1.png);
    background-size: 100%;
    background-repeat: no-repeat;
    margin: 18px auto 15px;
}
.infotopimgright{
    width: 96px;
    height: 71px;
    display: block;
    background-image: url(../images/poligrafia1.png);
    background-size: 100%;
    background-repeat: no-repeat;
    margin: 23px auto 15px;
}

.wr-content-info-bottom{
  -webkit-box-shadow: inset 0 -45px 25px -15px rgba(164, 162, 162, .3);
  box-shadow: inset 0 -45px 25px -15px rgba(164, 162, 162, .3);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-bottom: 65px;
}
.mod_ms_cardprice{
    max-width: 1200px;
    margin: 0 auto;
    flex-direction: column;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    text-align: center;
    
}
.cardprice-a, .cardprice-b, .cardprice-c{
    margin: 20px;
    -webkit-box-shadow: 0 0 43px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 43px 2px rgba(0, 0, 0, 0.15);
    background-color: #ffffff;
    -webkit-transition: .15s ease-in-out;
    -o-transition: .15s ease-in-out;
    transition: .15s ease-in-out;
    margin-bottom: 35px;
    padding: 35px;
}
.cardprice-a:hover, .cardprice-b:hover, .cardprice-c:hover{
    -webkit-box-shadow: 0 0 43px 2px rgba(0, 0, 0, 0.35);
    box-shadow: 0 0 43px 2px rgba(0, 0, 0, 0.35);
}
h3.item_title {
    display: block;
    width: 100%;
    font-size: 24px;
    font-weight: 600;
    color: #212121;
    line-height: 25px;
    margin-bottom: 25px;
    text-align: left;
    margin-top: 0;
}
.item_text {
    color: #212121;
    font-size: 16px;
    font-weight: 300;
    text-align: left;
    display: block;
}
.item_price{
    width: 100%;
    font-size: 24px;
    font-weight: 300;
    line-height: 25px;
    color: #212121;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-top: 20px;
}
.item_price > span {
    font-size: 60px;
    line-height: 50px;
    font-weight: 700;
    display: block;
    padding: 0 15px 0 10px;
}
.item_price-div{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.item_price-div span {
    width: 100%;
    display: inline-block;
    text-align: center;
    font-size: 18px;
    font-weight: 300;
}
.item_price-div span:first-child {
    border-bottom: 1px solid #000;
}
main{
    max-width: 1200px;
    margin: 0 auto;
}
/*-----------кнопка -------------*/
*, *:before, *:after {
     box-sizing: border-box;
     margin: 0;
     padding: 0;
}
 .blob-btn {
     z-index: 1;
     position: relative;
     padding: 20px 46px;
     margin-top: 30px;
     text-align: center;
     text-transform: uppercase;
     color: #9423d7;
     font-size: 16px;
     font-weight: bold;
     background-color: transparent;
     outline: none;
     border: none;
     transition: color 0.5s;
     cursor: pointer;
     border-radius: 30px;
}
 .blob-btn:before {
     content: "";
     z-index: 1;
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     border: 2px solid #9423d7;
     border-radius: 30px;
}
 .blob-btn:after {
     content: "";
     z-index: -2;
     position: absolute;
     left: 3px;
     top: 3px;
     width: 100%;
     height: 100%;
     transition: all 0.3s 0.2s;
     border-radius: 30px;
}
 .info-bottom [class*="info-bt-"]:hover .blob-btn, .blob-btn:hover {
     color: #fff;
     border-radius: 30px;
}
 .blob-btn:hover:after {
     transition: all 0.3s;
     left: 0;
     top: 0;
     border-radius: 30px;
}
 .blob-btn__inner {
     z-index: -1;
     overflow: hidden;
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     border-radius: 30px;
     background: #fff;
}
 .blob-btn__blobs {
     position: relative;
     display: block;
     height: 100%;
     filter: url('#goo');
}
 .blob-btn__blob {
     position: absolute;
     top: 2px;
     width: 25%;
     height: 100%;
     background: #9423d7;
     border-radius: 100%;
     transform: translate3d(0, 150%, 0) scale(1.7);
     transition: transform 0.45s;
}
 @supports (filter: url('#goo')) {
     transform: translate3d(0, 150%, 0) scale(1.4);
}
 .blob-btn__blob:nth-child(1) {
     left: 0%;
     transition-delay: 0s;
}
 .blob-btn__blob:nth-child(2) {
     left: 30%;
     transition-delay: 0.08s;
}
 .blob-btn__blob:nth-child(3) {
     left: 60%;
     transition-delay: 0.16s;
}
 .blob-btn__blob:nth-child(4) {
     left: 90%;
     transition-delay: 0.24s;
}
 .info-bottom [class*="cardprice-"]:hover .blob-btn__blob, .blob-btn:hover .blob-btn__blob{
     transform: translateZ(0) scale(1.7);
}
 @supports (filter: url('#goo')) {
     transform: translateZ(0) scale(1.4);
}
 

/*----------------------------*/
.wr-bottom{
  max-width: 1200px;
  margin: 0 auto;
  padding: 60px 0 65px;
}
.bottom{
  flex-direction: column;
  display: grid;
  grid-template-columns: 3fr 350px;
  text-align: center;
}
.contakt-bottom-a{
  display: block;
  color: #212121;
  font-size: 30px;
  font-weight: 500;
  line-height: 34px;
  text-align: left;
}
.bottom-a-contakt-phone{
  display: block;
  color: #000000;
  font-size: 36px;
  font-weight: 700;
  line-height: 60px;
  text-align: left;
  text-decoration: none;
}
.bottom-a-contakt-phone a:hover{
  text-decoration: underline;
}
.bottom-a-contakt-time{
  margin-top: 20px;
  text-align: left;
}
.bottom-a-contakt-time b{
  display: block;
  color: #000000;
  font-weight: 500;
  line-height: 40px;
  font-size: 24px;
}
.bottom-a-contakt-mail{
  margin: 20px 0;
  text-align: left;
}
.bottom-a-contakt-mail b{
  display: block;
  color: #000000;
  font-weight: 500;
  line-height: 40px;
  font-size: 24px;
}
.bottom-a-contakt-prform {
  display: block;
  color: #212121;
  font-weight: 300;
  line-height: 25px;
  font-size: 20px;
  text-align: left;
}
.wr-futer{
  position: relative;
  background: url(../images/patternfoot.png) repeat-x center, #1C253F;
  padding: 45px 0 45px;
}
.futer {
  flex-direction: column;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  max-width: 1200px;
  margin: 0 auto;
}
.futer-c{
    text-align: right;
}
.vk{
    background: url(../images/vk.png);
    display: inline-block;
    width: 35px;
    height: 35px;
    background-repeat: no-repeat;
    margin: 5px;
}
.f{
    background: url(../images/fb.png);
    display: inline-block;
    width: 35px;
    height: 35px;
    background-repeat: no-repeat;
    margin: 5px;
}
.ok{
    background: url(../images/ok.png);
    display: inline-block;
    width: 35px;
    height: 35px;
    background-repeat: no-repeat;
    margin: 5px;
}
.you{
    background: url(../images/yut.png);
    display: inline-block;
    width: 35px;
    height: 35px;
    background-repeat: no-repeat;
    margin: 5px;
}
.inst{
    background: url(../images/inst.png);
    display: inline-block;
    width: 35px;
    height: 35px;
    background-repeat: no-repeat;
    margin: 5px;
}
.futer-d{
  text-align: right;
}
.futer-d-contakt-phone a{
    display: block;
    color: #ffffff;
    font-size: 30px;
    font-weight: 700;
    white-space: nowrap;
}
.futer-d-contakt-phone a:hover{
  text-decoration: underline;
}
.futer-d-contakt-mail {
    color: #ffffff;
    font-size: 20px;
    font-weight: 300;
}
/*-------------- forma -----------------*/
.modal-body {
  padding: 15px 0 !important;
}
.controls{
  border-bottom: 2px solid;
  width: 100%;
  margin-top: 12px;
}
.ms_tab-form_input, .email, .phone{
  border: none;
  font-size: 16px;
}
input[type="email"], input[type="tel"]{
  width: 100%;
  box-sizing: border-box;
  padding: 10px 15px;
  display: block;
  height: auto;
}

/*----------------------------*/

@media (width <= 600px) {
  .heder, .info-top, .info-bottom, .bottom, .futer{
    position: relative !important;
    column-gap: 1em;
    max-width: none;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
  }
  .top {
    position: relative !important;
    column-gap: 1em;
    max-width: none;
    display: flex;
    flex-wrap: wrap;
    margin: 0 20px;
    text-align: left;
  }
  .top h1{
    font-size:30px;
  }
}

.contact-footer {
    display: inline-block;
    vertical-align: middle;
}
.whatsapp {
    background: url(../images/WhatsApp.png);
    width: 39px;
    height: 39px;
    background-repeat: no-repeat;
    margin: 5px;
    display: block;
}
.telegram {
    background: url(../images/Telegram.png);
    width: 39px;
    height: 39px;
    background-repeat: no-repeat;
    margin: 5px;
    display: block;
}
.vk {
    background: url(../images/Vk.png);
    width: 39px;
    height: 39px;
    background-repeat: no-repeat;
    margin: 5px 5px 5px 5px;
    display: block;
}
.whatsapp:hover, .telegram:hover, .vk:hover {
  transform: scale(1.1);
}


.wr-galerri, .wr-ourceilings{
    max-width: 1200px;
    margin: 0 auto;
}

.wr-ourceilings h3{
    color: #ff6100;
    text-align: center;
    background-color: #3a2b24;
    padding: 25px;
    font-size: 78px;
    text-transform: uppercase;
}


/*

.modal {
    --modal-zindex: 1050;
    --modal-width: 500px;
    --modal-padding: 1rem;
    --modal-margin: .5rem;
    --modal-color:  ;
    --modal-bg: var(--body-bg);
    --modal-border-color: var(--border-color-translucent);
    --modal-border-width: var(--border-width);
    --modal-border-radius: var(--border-radius-lg);
    --modal-box-shadow: var(--box-shadow-sm);
    --modal-inner-border-radius: calc(var(--border-radius-lg) - (var(--border-width)));
    --modal-header-padding-x: 1rem;
    --modal-header-padding-y: 1rem;
    --modal-header-padding: 1rem 1rem;
    --modal-header-border-color: var(--border-color);
    --modal-header-border-width: var(--border-width);
    --modal-title-line-height: 1.5;
    --modal-footer-gap: .5rem;
    --modal-footer-bg:  ;
    --modal-footer-border-color: var(--border-color);
    --modal-footer-border-width: var(--border-width);
    z-index: var(--modal-zindex);
    outline: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden auto;
}
.modal-dialog {
    margin: var(--modal-margin);
    pointer-events: none;
    width: auto;
    position: relative;
}
.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translateY(-50px);
}
@media (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
    transition: none;
}
}.modal.show .modal-dialog {
    transform: none;
}
.modal.modal-static .modal-dialog {
    transform: scale(1.02);
}
.modal-dialog-scrollable {
    height: calc(100% - var(--modal-margin)*2);
}
.modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
    overflow-y: auto;
}
.modal-dialog-centered {
    min-height: calc(100% - var(--modal-margin)*2);
    align-items: center;
    display: flex;
}
.modal-content {
    color: var(--modal-color);
    pointer-events: auto;
    background-color: var(--modal-bg);
    border: var(--modal-border-width)solid var(--modal-border-color);
    border-radius: var(--modal-border-radius);
    background-clip: padding-box;
    outline: 0;
    flex-direction: column;
    width: 100%;
    display: flex;
    position: relative;
}
.modal-backdrop {
    --backdrop-zindex: 1040;
    --backdrop-bg: #000;
    --backdrop-opacity: .5;
    z-index: var(--backdrop-zindex);
    background-color: var(--backdrop-bg);
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
}
.modal-backdrop.fade {
    opacity: 0;
}
.modal-backdrop.show {
    opacity: var(--backdrop-opacity);
}
.modal-header {
    padding: var(--modal-header-padding);
    border-bottom: var(--modal-header-border-width)solid var(--modal-header-border-color);
    border-top-left-radius: var(--modal-inner-border-radius);
    border-top-right-radius: var(--modal-inner-border-radius);
    flex-shrink: 0;
    justify-content: space-between;
    align-items: center;
    display: flex;
}
.modal-header .btn-close {
    padding: calc(var(--modal-header-padding-y)*.5)calc(var(--modal-header-padding-x)*.5);
    margin: calc(-.5*var(--modal-header-padding-y))calc(-.5*var(--modal-header-padding-x))calc(-.5*var(--modal-header-padding-y))auto;
}
.modal-title {
    line-height: var(--modal-title-line-height);
    margin-bottom: 0;
    color: #fff;
}
.modal-body {
    padding: var(--modal-padding);
    flex: auto;
    position: relative;
}
.modal-footer {
    padding: calc(var(--modal-padding) - var(--modal-footer-gap)*.5);
    background-color: var(--modal-footer-bg);
    border-top: var(--modal-footer-border-width)solid var(--modal-footer-border-color);
    border-bottom-right-radius: var(--modal-inner-border-radius);
    border-bottom-left-radius: var(--modal-inner-border-radius);
    flex-wrap: wrap;
    flex-shrink: 0;
    justify-content: flex-end;
    align-items: center;
    display: flex;
}
.modal-footer>* {
    margin: calc(var(--modal-footer-gap)*.5);
}
@media (width>=576px) {
    .modal {
    --modal-margin: 1.75rem;
    --modal-box-shadow: var(--box-shadow);
}
.modal-dialog {
    max-width: var(--modal-width);
    margin-left: auto;
    margin-right: auto;
}
.modal-sm {
    --modal-width: 300px;
}
}@media (width>=992px) {
    .modal-lg, .modal-xl {
    --modal-width: 800px;
}
}@media (width>=1200px) {
    .modal-xl {
    --modal-width: 1140px;
}
}.modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
}
.modal-fullscreen .modal-content {
    border: 0;
    border-radius: 0;
    height: 100%}
.modal-fullscreen .modal-header, .modal-fullscreen .modal-footer {
    border-radius: 0;
}
.modal-fullscreen .modal-body {
    overflow-y: auto;
}
@media (width<=575.98px) {
    .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
}
.modal-fullscreen-sm-down .modal-content {
    border: 0;
    border-radius: 0;
    height: 100%}
.modal-fullscreen-sm-down .modal-header, .modal-fullscreen-sm-down .modal-footer {
    border-radius: 0;
}
.modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
}
}@media (width<=767.98px) {
    .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
}
.modal-fullscreen-md-down .modal-content {
    border: 0;
    border-radius: 0;
    height: 100%}
.modal-fullscreen-md-down .modal-header, .modal-fullscreen-md-down .modal-footer {
    border-radius: 0;
}
.modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
}
}@media (width<=991.98px) {
    .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
}
.modal-fullscreen-lg-down .modal-content {
    border: 0;
    border-radius: 0;
    height: 100%}
.modal-fullscreen-lg-down .modal-header, .modal-fullscreen-lg-down .modal-footer {
    border-radius: 0;
}
.modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
}
}@media (width<=1199.98px) {
    .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
}
.modal-fullscreen-xl-down .modal-content {
    border: 0;
    border-radius: 0;
    height: 100%}
.modal-fullscreen-xl-down .modal-header, .modal-fullscreen-xl-down .modal-footer {
    border-radius: 0;
}
.modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
}
}@media (width<=1399.98px) {
    .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
}
.modal-fullscreen-xxl-down .modal-content {
    border: 0;
    border-radius: 0;
    height: 100%}
.modal-fullscreen-xxl-down .modal-header, .modal-fullscreen-xxl-down .modal-footer {
    border-radius: 0;
}
.modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
}