/*<a class="jlightbox" href="images/portfolio/sisady3.jpg" rel="gallery1">   </a>*/
/*Lightbox*/
@charset "utf-8";.jlightbox{transition:all .3s ease}.jlightbox:hover{filter:grayscale(.5) brightness(.7);cursor:zoom-in}.jlightbox-container{position:fixed;z-index:99999;top:0;left:0;width:100%;height:100%}.jlightbox-container,.jlightbox-container *{-webkit-box-sizing:border-box;box-sizing:border-box}.jlightbox-hidden-scroll{overflow:hidden}.jlightbox-overlay,.jlightbox-wrapper{position:absolute;top:0;right:0;bottom:0;left:0}.jlightbox-overlay{background-color:rgba(30,30,30,.8)}.jlightbox-navigation-prev{left:0}.jlightbox-navigation-next{right:0}.jlightbox-navigation-next,.jlightbox-navigation-prev{position:absolute;width:56px;height:100px;top:50%;background-color:transparent;margin-top:-50px;border:0;cursor:pointer;outline:0}.jlightbox-navigation-prev:after{content:"";position:absolute;top:27px;width:46px;height:46px;left:10px;color:#fff;background-color:rgba(30,30,30,.6);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:50%;background-size:28px;transition:all .3s ease;opacity:.7}.jlightbox-navigation-next:after{content:"";position:absolute;top:27px;right:10px;width:46px;height:46px;background-color:rgba(30,30,30,.6);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:50%;background-size:28px;transition:all .3s ease;opacity:.7}.jlightbox-viewer{position:absolute;left:0;right:0;bottom:0;top:0}.jlightbox-items{position:absolute;top:0;left:0;width:100%;height:100%}.jlightbox-item{left:0;top:0;right:0;bottom:0;position:absolute;transition:0 transform ease-in-out}.jlightbox-item-first{transform:translate(-100%,0)}.jlightbox-item-active{transform:translate(0,0)}.jlightbox-item-last{transform:translate(100%,0)}.jlightbox-close-overlay .jlightbox-item-active{cursor:default}.jlightbox-item-container{left:60px;top:60px;right:60px;bottom:60px;position:absolute;display:block}.jlightbox-item-box{position:absolute;cursor:default;opacity:0;transform-origin:center;transform:scale(.8);transition:transform opacity .2s ease-in-out}.jlightbox-draggable-content{cursor:grab;-khtml-user-drag:element;-webkit-user-drag:element;-khtml-user-select:none;-webkit-user-select:none;user-select:none}.jlightbox-zoomable{cursor:zoom-in}.j-zoom-active{cursor:grab}.jlightbox-content-box{opacity:0;position:absolute;cursor:default;overflow-y:auto;text-align:left}.jlightbox-view-html{padding:30px;background-color:#fff;text-align:left}.jlightbox-item-image{position:absolute;width:100%;height:100%;padding:0;margin:0;border:0;left:0;top:0;max-width:none;max-height:none}.jlightbox-viewer-border .jlightbox-item-box{border:solid 7px #fff;border-radius:2px}.jlightbox-content-iframe{position:absolute;width:100%;height:100%;background-color:#000}.jlightbox-content-iframe{background-color:#fff}.jlightbox-caption{position:absolute;z-index:10;left:0;right:0;bottom:0;height:auto;padding:20px;color:#fff;background:rgba(0,0,0,.5);background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 100%)}.jlightbox-closer{position:absolute;right:10px;top:10px;width:2rem;height:2rem;background-color:rgba(0,0,0,.2);border:0;cursor:pointer;outline:0;opacity:.7;transition:opacity .3s ease}.jlightbox-closer:before{content:'✕';font-size:1.25rem;line-height:1;color:#fff}.jlightbox-fullscreen{position:absolute;width:1.5rem;height:1.5rem;border:0;background-color:rgba(30,30,30,.4);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath d='M5.828 10.172a.5.5 0 0 0-.707 0l-4.096 4.096V11.5a.5.5 0 0 0-1 0v3.975a.5.5 0 0 0 .5.5H4.5a.5.5 0 0 0 0-1H1.732l4.096-4.096a.5.5 0 0 0 0-.707zm4.344 0a.5.5 0 0 1 .707 0l4.096 4.096V11.5a.5.5 0 1 1 1 0v3.975a.5.5 0 0 1-.5.5H11.5a.5.5 0 0 1 0-1h2.768l-4.096-4.096a.5.5 0 0 1 0-.707zm0-4.344a.5.5 0 0 0 .707 0l4.096-4.096V4.5a.5.5 0 1 0 1 0V.525a.5.5 0 0 0-.5-.5H11.5a.5.5 0 0 0 0 1h2.768l-4.096 4.096a.5.5 0 0 0 0 .707zm-4.344 0a.5.5 0 0 1-.707 0L1.025 1.732V4.5a.5.5 0 0 1-1 0V.525a.5.5 0 0 1 .5-.5H4.5a.5.5 0 0 1 0 1H1.732l4.096 4.096a.5.5 0 0 1 0 .707z'/%3e%3c/svg%3e");left:10px;top:10px;cursor:pointer;outline:0;opacity:.7;transition:opacity .3s ease}.jlightbox-closer:hover,.jlightbox-fullscreen:hover,.jlightbox-navigation-next:hover:after,.jlightbox-navigation-prev:hover:after{background-color:rgba(0,0,0,.7);opacity:1}.jlightbox-page-info{position:absolute;width:70px;height:30px;border:0;background-color:rgba(0,0,0,.8);cursor:default;outline:0;left:50%;margin-left:-35px;bottom:0;color:rgba(255,255,255,.6);line-height:30px;text-align:center;font-size:12px}.jlightbox-page-info>span{font-weight:700;color:rgba(255,255,255,.8)}@media only screen and (max-width:768px){.jlightbox-item-container{left:10px;top:10px;right:10px;bottom:10px}.jlightbox-closer,.jlightbox-navigation-next:after,.jlightbox-navigation-prev:after{background-color:rgba(30,30,30,.8)}.jlightbox-fullscreen{display:none}}.jlightbox-loader,.jlightbox-loader:after{border-radius:50%;width:40px;height:40px}.jlightbox-loader{left:50%;margin-left:-20px;top:50%;margin-top:-20px;position:absolute;text-indent:-9999em;border-top:5px solid rgba(255,255,255,.4);border-right:5px solid rgba(255,255,255,.4);border-bottom:5px solid rgba(255,255,255,.4);border-left:5px solid rgba(255,255,255,.9);transform:translateZ(0);animation:loader 1.1s infinite linear}@keyframes loader{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes jlb-closezoomOut{from{opacity:1}50%{opacity:0;transform:scale3d(.8,.8,.8)}to{opacity:0}}@keyframes jlb-fadeOutEffect{from{opacity:1}to{opacity:0}}.jlightbox-closeEffect .jlightbox-item-active .jlightbox-item-container{animation-duration:.3s;animation-fill-mode:both;animation-name:jlb-closezoomOut}.jlightbox-closeEffect .jlightbox-overlay{animation-duration:.3s;animation-fill-mode:both;animation-name:jlb-fadeOutEffect}.jlightbox-closeEffect .jlightbox-closer,.jlightbox-closeEffect .jlightbox-fullscreen,.jlightbox-closeEffect .jlightbox-navigation,.jlightbox-closeEffect .jlightbox-page-info{display:none}
/**********Блок телефонов в шапке*************/ 
/*div.contacts {background: linear-gradient(to right, #912D3D, #954853);}*/
table.cont {
	border-collapse: collapse; border-color: currentcolor; border-style: none; float: right; margin: 0 140px 10px 0; position: relative; z-index: 10000; background: transparent; /*background-color: rgba(148, 70, 81, 1.0);background: linear-gradient(tole, #912D3D 10%, #944753);*/ 
	}

@media (max-width: 1680px) {
	table.cont {margin: 0 50px 10px 0!important;} 
}
/*******************************************/

/*Logo+phones*/

@media (max-width: 1440px) {
.container-header .navbar-brand {margin:0 0 0 60px;}
.st-nav-menu-container {margin-left: 45px!important}
table.cont {margin: 0 50px -120px 0!important;} 
}

@media (min-width: 801px) and (max-width: 1280px) {
.container-header .navbar-brand {margin:0 0 0 50px;}
.st-nav-menu-container {margin-left: 35px!important}
table.cont {margin: 0 40px -120px 0!important;} 
}
@media (min-width: 601px) and (max-width: 800px) {
.container-header .navbar-brand {margin:0 0 0 30px;}
.st-nav-menu-container {margin-left: 20px!important}
table.cont {margin: 0 10px 0px 0!important;} 
}
@media (min-width: 320px) and (max-width: 600px) {
.container-header .navbar-brand {margin:0 10px;}
.st-nav-menu-container {margin-left: 10px!important}
table.cont {margin: 0px!important;} 
}
/*end logo*/


p.prices__first {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0px;
 /* border-bottom: 1px solid #C0C0C0;*/
  }

td.prices__name {
 font-family: 'Nunito Sans';
  font-size: 28px;
  line-height: 36px;
  color: #ссс;
  /*font-weight: bold;*/
  max-width: 272px;
  width: 100%;
}
td.prices__name a {text-decoration: none;}
.prices__description {
  font-size: 14px;
  line-height: 20px;
  color: #747474;
  max-width: 218px;
}
.prices__price span {
  font-size: 12px;
  line-height: 32px;
  color: #747474;
}
.prices_hr td {border-bottom: 1px solid #C0C0C0; height: 48px;}
.hallow {width: 100%!important;}

/*@supports (display: grid) {
    @media (min-width: 992px) {
        .site-grid {
            grid-template-areas:
              ". top-a top-a top-a top-a ."
              ". top-b top-b top-b top-b ."
              ". side-l comp comp side-r ."
              ". bot-a bot-a bot-b bot-b ."
              ". banner banner banner banner ."
        }
    }
}*/
/* CLASSIC BANNER */
.container-banner .banner-overlay {
    height: max(300px, 50vh); /* по умолчанию 50vh в Cassiopeia */
}
@media (min-width: 768px) {
    .container-banner .banner-overlay {
        height: max(300px, 45vh);
    }
}
@media (min-width: 992px) {
    .container-banner .banner-overlay {
        height: max(300px, 40vh);
    }
}
@media (min-width: 1200px) {
    .container-banner .banner-overlay {
        height: max(300px, 35vh);
    }
}

/* CLASSIC BANNER */
@media (max-width: 600px) {
.container-banner .banner-overlay .overlay {
    display: none;
   /* background-image: url("images/banners/banner1min.jpg");*/
}
}
/*Модуль замовити нижній*/
@media (max-width: 800px) {
.mainform {display: none;}
.download {display: none;}
}
@media (min-width: 801px) {
.mainform-mob {display: none;}
.download-mobile {display: none;}
/*.mainform {padding: 0; margin: 0;}*/
}
/*Блок Давайте поговоримо*/
.download {background: none; color: #fff; height: auto;  font-family: 'Nunito Sans';font-size: 1.2rem; padding: 0px 0; vertical-align: middle; margin: 1.1em 1em;}
.download h2 {font-family: 'Nunito Sans';font-size: 1.7rem;}

.download-mobile {background: none; color: #fff; height: auto;  font-family: 'Nunito Sans';font-size: 1.1rem; padding: 0px 0; vertical-align: middle;}
.download-mobile h2 {font-family: 'Nunito Sans';font-size: 1.6rem;}

/*Кнопка оранжевая в блоке Давайте поговоримо*/
.mb-button {
font-family:  Nunito Sans, sans-serif;
font-size: 16px;
font-weight: normal;
color: #fff;
background-color: #FA5515;
padding: 10px 15px;
border: none;
}
.button-wrapper {
    margin: 25px 0 20px 0; 
}
a.mb-button {text-decoration: none;}
img.icon-download {width: auto; height: 1rem; display: inline-block; vertical-align: middle;}
.mb-button:hover {background-color: #FBB713; color: #fff;}

/* Фиксируем цвет текста ссылки во время и после клика */
.mb-button:active,
.mb-button:focus {
    color: #fff !important; /* Сохраняем белый цвет текста, как при ховере */
}

/* Защищаем картинку-иконку от потери прозрачности или фильтров при клике */
.mb-button:active .icon-download,
.mb-button:focus .icon-download {
    opacity: 1 !important;
    filter: none !important;
}

#mod-custom153, #mod-custom152, .mod-menu {
	margin-top: 6px;
	outline:1px solid #dfe3e7; 
/* Отодвигаем рамку наружу на 5 пикселей */
    outline-offset: 15px;
	}
/*Увеличение картинки*/
/*.wrap {
	display: flex;
	align-items: center;
	justify-content: center;
}*/
.photo {overflow: hidden;}
.photo img {
	width: 100%;
	height: 100%;
	transition: transform 0.5s;
}
.photo:hover img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
}
.photo1 img {
	transition: transform 0.5s;
}
.photo1 {overflow: hidden;}
.photo1:hover img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
}
.on-hover{
}
.anim-show{
opacity:0; /*Элемент полностью прозрачный (невидимый)*/
transition: 2s; /*Скорость перехода состояния элемента*/
animation: show 3s 1; /* Указываем название анимации, её время и количество повторов*/
animation-fill-mode: forwards; /* Чтобы элемент оставался в конечном состоянии анимации */
animation-delay: 1s; /* Задержка перед началом */
}
@keyframes show{
0%{
opacity:0;
}
100% {
opacity:1;
}
}
#language_btn_109 {}

.wall {width: 20%; padding-right: 30px;}
.wall img {padding-left: 20%;}

a.plo {color: #fff; text-decoration: none; display: block}
a:hover.plo {text-decoration: none;}
a.ugg {color: #000; text-decoration: none;}
a:hover.ugg {color: #954b56; text-decoration: none;}

/*отключить показ заголовков дочерних категорий*/
.com-content-category-blog__children {}
.cat-children {display: none;}

figure {
  margin: 0!important;
}
/**********Модуль ЗАЛИШИТИ ЗАЯВКУ********/
h3.zay {
	background-color: #F8F8FF;
	}
h3.zay:before { /* trick to add bottom padding */
    content: '';
    display: block;
    height: 5px; 
}
/**********Модуль ВЕБ-РОЗРОБКА custom****/
.card-header {
	font-size: 1.3rem;
}
h3.webh {
	background-color: rgba(251, 183, 19, .7);
	font-weight: bold;
	}
h3.webh:before { /* trick to add bottom padding */
    content: '';
    display: block;
    height: 5px; 
}
.sidebar-right {}
.web {
	text-transform: uppercase;
/*	background-color:rgba(250, 85, 21, .7);*/
	}
/**********Модуль ВЕБ-РОЗРОБКА end****/
/**********Модуль ОПТИМІЗАЦІЯ custom****/
h3.opth {
	background-color: /*rgba(32, 178, 170, .7);#A4C63A*/rgba(164, 198, 58, 0.8);
	font-weight: bold;
	border: 0px solid #20b2aa;
	}
h3.opth:before { /* trick to add bottom padding */
    content: '';
    display: block;
    height: 5px; 
}
.opt {
	font-size: 110%;
/*	text-transform: uppercase;*/
	}
/**********Модуль ОПТИМІЗАЦІЯ end****/
input#bonus li{
	display: flex;
    flex-wrap: wrap;
    list-style: none;
	flex-direction: column;
	}
/*.pad-bottom-m .flex-center .product-reviews__powrMark-bg .powrMark {display: none!important;}
.pad-bottom-m, .flex-center, .product-reviews__powrMark-bg, .powrMark {display: none!important;}
.pad-bottom-m {display: none!important;}
.powrMark {display: none!important;}
.powrMark 
.powrMarkLink .watermark-create-free .flex-center .js-watermark a{display: none!important;}
span.powrMark__text {display: none!important;}
.product-reviews__powrMark-content, .powrMark .js-powrMark{display: none!important;}
.powrMarkLink .watermark-create-free .flex-center .js-watermark {display: none!important;}
.powrMarkLink, .watermark-create-free, .flex-center, .js-watermark {display: none!important;}
.powrMarkLink, .watermark-create-free, .flex-center, .js-watermark a{display: none!important;}

.product-reviews__powrMark-content a .powrMark a .js-powrMark a{display: none!important;}

#appView.powrMark, .flex-center {display: none!important; z-index: 1!important;}
#appView .powrMark, .flex-center {display: none!important;  z-index: 1!important;}
#appView {z-index: 1!important;}
.pad-bottom-m {display: none!important; z-index: 1!important;}
.product-reviews__powrMark-bg {display: none!important; z-index: 1!important;}
.powrMark {display: none!important; z-index: 1!important;}
.product-reviews__review {z-index: 1!important;}*/
.footer {margin-top: -4.5em;}

.left.item-image.float-end {padding-left: 0px!important;}
.float-end {padding-left: 7px;}

/* packages holding the image and the text */
.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	font-size: 25px;
	font-weight: bold;	
	text-decoration: none;
}
.centered a{
	text-decoration: none;
}

.packages {
    position: relative;
    text-align: center;
    color: white;
}
@media (max-width: 800px) {
.centered {
    font-size: 20px;
}
}
@media (max-width: 480px) {
.centered {
    font-size: 17px;
}
}
/*--- end style of packages--- */
/*.portf h2 a{font-size: 1rem; font-weight: normal;}*/

 .metismenu.mod-menu .mm-collapse > li > a {
	display: inline-flex;
	color: #000;
}
a.link {text-decoration: none;}
/*--- button viber--- */
@media(min-width: 801px){
.go {
	position: fixed; 
	right: 10px; 
	bottom: 65px; 
	z-index: 100;
}
}
@media(max-width:800px){
.go {
	position: fixed; 
	left: 20px; 
	bottom: 10px; 
	z-index: 100;
}
}
/*--- end style of button viber--- */
.icon-info-circle {display: none;}
img.packages {opacity: 0.5;}
img.packages:hover{opacity: 1.0;}
/*--- таблица этапы--- */
@media screen and (max-width: 600px) {
div.desktop {display: none;}
}
@media screen and (min-width: 601px) {
div.mobile {display: none;}
}
/*--- таблица этапы конец--- */

#pre-foot-title::after {
	background: #ffb500;
	content: "";
	display: flex;
	height: 0.125em;
	margin-top: 0.5625em;
	position: absolute;
	width: 3.125em;
}

.btn-contact {
  /* Цвета и рамка (линия сделана толще для солидности) */
  background: transparent;
  border: 3px solid #f2b705; /* Желтый цвет рамки (толщина 3px вместо 2px) */
  color: #f2b705;            /* Желтый цвет текста */
  
  /* Шрифты и размеры (увеличены) */
  font-family: "Google Sans", Arial, sans-serif;
  font-size: 19px;           /* Крупный, заметный размер шрифта */
  font-weight: 600;           /* Сделано чуть плотнее, чтобы текст не терялся */
  
  /* Отступы увеличены, чтобы кнопка стала шире и массивнее */
  padding: 14px 38px;        /* 14px сверху/снизу, 38px слева/справа */
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  
  /* Сглаживание углов (опционально, если на макете углы острые — можно удалить) */
  border-radius: 2px;        
}

/* Эффект при наведении курсора */
.btn-contact:hover {
  background-color: #f2b705;
  color: #ffffff;
}

.mod-breadcrumbs.breadcrumb li:has(a[href*="etapy-rozrobky-saitu"]) {
    display: none !important;
}
#mod-custom126, #mod-custom127 {line-height: 18px;}