@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

@media (min-width: 1400px) {}
@media (min-width: 1200px) and (max-width: 1399.98px) {}
@media (min-width: 992px) and (max-width: 1199.98px) {}
@media (min-width: 768px) and (max-width: 991.98px) {}
@media (min-width: 576px) and (max-width: 767.98px) {}
@media (max-width: 575.98px) {}

/*
коричневый       rgba(88,34,48,.9);
зеленый          rgba(51,81,79,1);
фиолетновый      rgba(61,32,76,1);
 #d3924e;
оранж ярк        rgba(197,32,33,.6);

абстракт розовый бг      d7147a
абстракт красный текст PS   ff005d
абстракт красный текст code F6005E

оранжевый    --color-yellow: #F89500;

d7147a
ff005d

xxxbackground:#99cccc url(/sites/default/files/pix/abstract5.jpg) center top no-repeat;
xxxbackground-attachment:fixed;
xxxbackground-size:cover;
xxxbackground:linear-gradient(90deg,rgba(0,0,0,.1) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,.1) 100%);
xxxoutline:1px solid #ccc;
xxxbackground:rgba(7,6,40,1);
xxxbackground:linear-gradient(90deg,rgba(88,34,48,1) 0%,rgba(61,32,76,1) 50%,rgba(7,6,40,1) 100%);
xxxbackground:linear-gradient(180deg,rgba(7,6,40,1) 0%,rgba(7,6,40,1) 40%,rgba(7,6,40,1) 50%,rgba(7,6,40,1) 100%);

--screen1-bg:rgba(7,6,40,1);  dark blue 

NN Red
#4d0001 dark
#a61518 middle
#ff2e36 light

NN Color
color-yellow background:#ffb00f;}
color-green  background:#43a238;}
color-blue   background:#703ddd;}



*/

	
:root{
	--color-w10:rgba(255,255,255,1);
	--color-w08:rgba(255,255,255,.8);
	--color-w03:rgba(255,255,255,.3);
	--color-w01:rgba(255,255,255,.1);
	--color-b08:rgba(0,0,0,.8);
	--color-b03:rgba(0,0,0,.3);
	--color-b01:rgba(0,0,0,.1);
	--color-nn101:#4d0001;
	--color-nn102:#a61518;
	--color-nn103:#ff2e36;
	--color-nn201:#00023c; /*10*/
	--color-nn202:#001ca4; /*30*/
	--color-nn203:#002af6; /*50*/
	}
/*
var(--color-xxx)
*/

body{font-family:'Montserrat',sans-serif;}
xxx#page-wrapper #page{background:#ccc;}
xxx#main-wrapper{background:transparent;}
xxx#main-wrapper{background:#ccc;}

/* navbar-main */
#navbar-main{background:var(--color-nn101);}
#navbar-main > .container > a.navbar-brand{color:var(--color-w08);text-transform:uppercase;display:flex;align-items:center;}
#navbar-main > .container > a.navbar-brand img{margin-right:15px;width:30px;}

/* navbar user-logged-in */
.user-logged-in .highlighted aside.container.section nav.tabs ul.nav.primary.nav-tabs li.nav-item a.nav-link{color:#333;}

/* navbar */
.navbar-nav .nav-link.active{color:var(--color-w10);}

/* navbar-toggler */
.navbar-toggler.collapsed{border:2px solid rgba(255,255,255,.3);transition: 0.5s linear;}
.navbar-toggler.collapsed .navbar-toggler-icon{background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255,255,255,.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");transition: 0.5s linear;}
.navbar-toggler{border:2px solid rgba(255,255,255,1);transition: 0.5s linear;}
.navbar-toggler .navbar-toggler-icon{background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255,255,255,1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");transition: 0.5s linear;}

/* cart-block */
.cart-block--summary a{color:#fff;text-decoration:none;}

/* Page /cart */
xxxxxxxxxx.view-commerce-cart-form table thead tr th{color:#333;}

/*

---
Страница Корзина /cart
CSS: .view-commerce-cart-form table thead tr th{color:#333;}
Представление: Форма корзины (Заказ)
/admin/structure/views/view/commerce_cart_form
Поля: 
(order_items: Order Item) Позиция заказа: Купленная сущность (Элемент)
поле: Позиция заказа: Купленная сущность
Связь: order_items: Order Item
Метка: Элемент
Форматер: Метка
Сделать ссылкой

*/





/* breadcrumbs */
#block-bs-breadcrumbs{margin:30px auto 15px;}
#block-bs-breadcrumbs > .content > nav > ol.breadcrumb{margin-bottom:0;padding:5px 15px;background:rgba(0,0,0,.05);border-radius:7px;}
@media (max-width: 767.98px) {
	#block-bs-breadcrumbs > .content > nav > ol.breadcrumb{flex-direction:column;}
	#block-bs-breadcrumbs > .content > nav > ol.breadcrumb > li.breadcrumb-item {padding-left:0;}
	}







/* region-top fullsize */
#region-top>.row{margin:0px;}
#region-top>.row>*{padding:0px;}











/* region-top - fpscreen1 V2 */

#block-bs-fpscreen1-2{
	border-radius:0px 0px 100px 100px;
	background:var(--color-nn101);
	background:linear-gradient(135deg,var(--color-nn101) 0%,var(--color-nn102) 100%);
	}

.screen1-block1{margin:45px 0px 15px;position:relative;}
.screen1-ring{position:absolute;}
.screen1-ring svg{animation-name:rotation2;animation-duration:60s;animation-iteration-count:infinite;animation-timing-function:linear;}
@keyframes rotation2 {0% {transform:rotate(0deg);}100% {transform:rotate(360deg);}}

.screen1-block1-txt1{padding:60px 0px 0px;font-size:45px;text-transform:uppercase;xxxline-height:1;color:var(--color-w08);}
.screen1-block1-txt1 span{padding:0px 15px;color:var(--color-nn101);background:var(--color-w08);border-radius:50px;}
.screen1-block1-txt2{font-size:45px;text-transform:uppercase;xxxline-height:1;color:var(--color-w08);}

.screen1-block2{margin:60px 0px 100px;display:flex;justify-content:flex-end;}
.screen1-block2-item{margin:15px 0px 15px 15px;padding:15px 30px;display:flex;flex-direction:column;justify-content:space-between;height:280px;width:280px;font-size:20px;color:var(--color-w08);outline:2px solid var(--color-w08);border-radius:15px;}
.screen1-block2-item:nth-child(3){color:var(--color-nn101);background:var(--color-w08);}
.screen1-block2-item:nth-child(1) .item-txt1{}
.screen1-block2-item:nth-child(2) .item-txt1{font-size:80px;line-height:1;}
.screen1-block2-item:nth-child(3) .item-txt1{font-size:80px;line-height:1;}
.screen1-block2 span{text-align:right;}
.screen1-block2-item span a{margin:10px 0px 0px;padding:3px 10px;display:inline-block;color:var(--color-w08);outline:2px solid var(--color-w08);border-radius:30px;text-decoration:none;transition:all .5s ease;}
.screen1-block2-item span a:hover{color:var(--color-nn101);background:var(--color-w08);}
.screen1-block2-item:nth-child(3) span a{color:var(--color-nn101);outline:2px solid var(--color-nn101);}
.screen1-block2-item:nth-child(3) span a:hover{color:var(--color-w08);background:var(--color-nn102);}

@media (min-width: 1400px) {}
@media (min-width: 1200px) and (max-width: 1399.98px) {.screen1-block1-txt1{font-size:36px;}.screen1-block1-txt2{font-size:36px;}}
@media (min-width: 992px) and (max-width: 1199.98px) {}
@media (min-width: 768px) and (max-width: 991.98px) {}
@media (min-width: 576px) and (max-width: 767.98px) {
	.screen1-ring{position:absolute;width:100%;display:flex;justify-content:center;}
	.screen1-block1{text-align:center;}
	.screen1-block1-txt1{font-size:30px;}
	.screen1-block1-txt2{font-size:20px;}
	.screen1-block2{flex-direction:column;align-items:center;}
	.screen1-block2-item{margin:15px 0px 15px;}
}
@media (max-width: 575.98px) {
	.screen1-ring{position:absolute;width:100%;display:flex;justify-content:center;}
	.screen1-block1{text-align:center;}
	.screen1-block1-txt1{font-size:30px;}
	.screen1-block1-txt2{font-size:20px;}
	.screen1-block2{flex-direction:column;align-items:center;}
	.screen1-block2-item{margin:15px 0px 15px;}
}
















/* region-top - fpscreen Cards */

#block-bs-fpscreencards{margin:60px auto 60px;}
#block-bs-fpscreencards h2{padding:0px 0px 60px;}
#block-bs-fpscreencards h2 span{padding:0px 15px;color:var(--color-w08);background:var(--color-nn102);text-transform:uppercase;xxxoutline:1px solid #333;border-radius:30px;}
.crds{margin:0px auto 0px;display:flex;justify-content:space-between;flex-wrap:wrap;}
.crd{width:24%;display:flex;flex-direction:column;justify-content:space-between;border-radius:15px;}
.crd:nth-child(1){outline:2px solid #ffb00f;}
.crd:nth-child(2){outline:2px solid #43a238;}
.crd:nth-child(3){outline:2px solid var(--color-nn102);}
.crd:nth-child(4){outline:2px solid #703ddd;}
.crd .crd-line{height:20px;border-radius:15px 15px 0px 0px;}
.crd:nth-child(1) .crd-line{background:#ffb00f;}
.crd:nth-child(2) .crd-line{background:#43a238;}
.crd:nth-child(3) .crd-line{background:var(--color-nn102);}
.crd:nth-child(4) .crd-line{background:#703ddd;}
.crd .crd-title{padding:15px;font-size:26px;}
.crd-text{padding:0px 15px 15px;}
.crd-link{text-align:right;}
.crd-link a{margin:15px;padding:5px 15px;display:inline-block;text-decoration:none;border-radius:15px;color:#333;}

.crd:nth-child(1) .crd-link a{outline:2px solid #ffb00f;transition:all .5s ease;}
.crd:nth-child(2) .crd-link a{outline:2px solid #43a238;transition:all .5s ease;}
.crd:nth-child(3) .crd-link a{outline:2px solid var(--color-nn102);transition:all .5s ease;}
.crd:nth-child(4) .crd-link a{outline:2px solid #703ddd;transition:all .5s ease;}

.crd:nth-child(1) .crd-link a:hover{background:#ffb00f;color:#fff;}
.crd:nth-child(2) .crd-link a:hover{background:#43a238;color:#fff;}
.crd:nth-child(3) .crd-link a:hover{background:var(--color-nn102);color:#fff;}
.crd:nth-child(4) .crd-link a:hover{background:#703ddd;color:#fff;}

@media (min-width: 1400px) {}
@media (min-width: 1200px) and (max-width: 1399.98px) {}
@media (min-width: 992px) and (max-width: 1199.98px) {}
@media (min-width: 768px) and (max-width: 991.98px) {.crd{margin:0px auto 15px;width:100%;}}
@media (min-width: 576px) and (max-width: 767.98px) {.crd{margin:0px auto 15px;width:100%;}}
@media (max-width: 575.98px) {.crd{margin:0px auto 15px;width:100%;}}







/* region-top - fpscreentechn */
#block-bs-fpscreentechn{margin:0px auto 60px;}
#block-bs-fpscreentechn h2{padding:0px 0px 0px;}
#block-bs-fpscreentechn h2 span{padding:0px 15px;color:var(--color-w08);background:var(--color-nn102);text-transform:uppercase;xxxoutline:1px solid #333;border-radius:30px;}

DISABLED.fpscreentechn-items{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;}
DISABLED.fpscreentechn-item{padding:5px;width:80px;border-radius:15px;text-align:center;color:var(--color-b08);font-size:10px;font-weight:bold;text-transform:uppercase;outline:2px solid var(--color-b01);background:var(--color-b01);}

.fpscreentechn-wrap {max-width:100%;margin:auto;padding:20px;}
.fpscreentechn-items-wrap{position:relative;display:flex;overflow:hidden;user-select:none;gap:20px;}
.fpscreentechn-items-wrap:before,
.fpscreentechn-items-wrap:after {content:"";height:100%;top:0;width:10%;position:absolute;z-index:1;pointer-events:none;}
.fpscreentechn-items-wrap:before{left:0;background:linear-gradient(90deg,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);}
.fpscreentechn-items-wrap:after{right:0;background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);}
.fpscreentechn-items{flex-shrink:0;display:flex;gap:20px;justify-content:space-around;min-width:100%;}
.fpscreentechn-item{margin:10px 0;padding:15px;flex:0 0 auto;width:100px;height:100px;border-radius:15px;transition:all 0.1s ease-in-out;}
.fpscreentechn-item:hover{transform:scale(1.05);box-shadow:0 0 10px rgba(0,0,0,.5);}
.marquee{animation:scroll 50s linear infinite;}
.reverce{animation-direction:reverse;}
.fpscreentechn-items-wrap:hover .marquee{animation-play-state:paused;}
@keyframes scroll {from{transform:translateX(0);}to{transform:translateX(calc(-100% - 20px));}}

DISABLED.fpscreentechn-item-line{font-size:100px;color:rgba(0,0,0,.1);} /* item-line TXT */




































/* region-top - fpscreen3 NUMBERS 1-2-3-4-5 */
#block-bs-fpscreen3{margin:0px auto 15px;background:linear-gradient(135deg,var(--color-nn201) 0%,var(--color-nn203) 100%);}
#block-bs-fpscreen3 .content .field--name-body .container .fpscreen3{}
.fpscreen3 h2{margin:15px 0px 60px;}
.fpscreen3 h2 span{padding:0px 15px;color:var(--color-nn201);background:var(--color-w08);text-transform:uppercase;border-radius:30px;}
.fpscreen3{padding:45px 0px 30px;color:var(--color-w08);}
.fpscreen3>.row>.col{display:flex;}
.fpscreen3-item{margin:0px auto 30px;padding:15px 20px;outline:1px solid var(--color-w03);border-radius:15px;display:flex;flex-direction:column;justify-content:space-between;}
.fpscreen3-btn{margin-top:15px;text-align:right;}
.fpscreen3-btn a{padding:5px 15px;color:var(--color-w08);text-decoration:none;outline:1px solid var(--color-w08);border-radius:15px;transition:all .5s ease;}
.fpscreen3-btn a:hover{color:var(--color-b08);background:var(--color-w08);} 
.fpscreen3-item-plus{background:var(--color-w08);color:var(--color-nn201);}
.fpscreen3-item-plus>.fpscreen3-txt{padding:0px 0px 15px 0px;}
.fpscreen3-item-plus>.fpscreen3-btn a{background:var(--color-nn203);}
.fpscreen3-item-plus>.fpscreen3-btn a:hover{background:var(--color-w08);}

@media (min-width: 1200px) {
.fpscreen3>.row>.col{width:33.33%;}
.fpscreen3-num{color:var(--color-w01);font-size:400px;line-height:0.7;position:absolute;z-index:1;}
.fpscreen3-txt{padding:0px 0px 15px 120px;min-height:300px;z-index:2;}
.fpscreen3-btn{z-index:2;}
}
@media (max-width: 1199px) {
.fpscreen3>.row{flex-direction:column;}
.fpscreen3-num{color:var(--color-w03);font-size:50px;}
}























/* views Prod FP Animation */
#block-bs-views-block-prod-fp-animation-block-1{margin:30px auto;}
#block-bs-views-block-prod-fp-animation-block-1 > h2{padding:30px 0px 60px;}
#block-bs-views-block-prod-fp-animation-block-1 > h2:before{margin:0px 10px 0px 0px;content:'Yanweb';padding:0px 15px;color:var(--color-w08);background:var(--color-nn102);text-transform:uppercase;border-radius:30px;}

#block-bs-views-block-prod-fp-animation-block-1 .views-view-responsive-grid__item-inner{position:relative;}
#block-bs-views-block-prod-fp-animation-block-1 .views-field-field-god{position:absolute;}
#block-bs-views-block-prod-fp-animation-block-1 .views-field-field-god .field-content{margin:5px;padding:5px 15px;background:#fd7e14;background:red;border-radius:15px;color:#fff;}
#block-bs-views-block-prod-fp-animation-block-1 .views-field-field-cms{position:absolute;right:0px;}
#block-bs-views-block-prod-fp-animation-block-1 .views-field-field-cms .field-content{margin:5px;padding:5px 15px;background:#198754;background:green;border-radius:15px;color:#fff;}
#block-bs-views-block-prod-fp-animation-block-1 .views-field-field-prod-img img{outline:1px solid rgba(0,0,0,.1);border-radius:15px;box-shadow:0 0 10px rgba(0,0,0,.5);}
#block-bs-views-block-prod-fp-animation-block-1 .views-field-field-prod-img a{pointer-events:none;cursor:default;}


#block-bs-views-block-prod-fp-animation-block-1 .views-field-title{margin:15px auto 15px;xxxdisplay:flex;}
#block-bs-views-block-prod-fp-animation-block-1 .views-field-title .views-label-title{}
#block-bs-views-block-prod-fp-animation-block-1 .views-field-title span.field-content{xxxdisplay:block;}









/* views Prod FP */

DISABLED#block-bs-views-block-prod-fp-block-1 > div > div > div > div.view-content.row{display:none;}

#block-bs-views-block-prod-fp-block-1{margin:30px auto;}
#block-bs-views-block-prod-fp-block-1 > h2{margin:30px 0px 60px;}
#block-bs-views-block-prod-fp-block-1 > h2:after{content:"*";font-size:30px;color:red;}
#block-bs-views-block-prod-fp-block-1 > h2:before{margin:0px 10px 0px 0px;content:'Yanweb';padding:0px 15px;color:var(--color-w08);background:var(--color-nn102);text-transform:uppercase;border-radius:30px;}

#block-bs-views-block-prod-fp-block-1 .view-header{margin:0px auto 60px;}
#block-bs-views-block-prod-fp-block-1 .view-header > .row > .col-md-6{display:flex;}
#block-bs-views-block-prod-fp-block-1 .view-header > .row > .col-md-6 > div{margin:0px auto 15px;padding:15px 30px;color:rgba(255,255,255,.8);box-shadow:0 0 10px rgba(0,0,0,.5);border-radius:15px;}
#block-bs-views-block-prod-fp-block-1 .view-header > .row > .col-md-6:nth-child(1) > div{background:linear-gradient(135deg,var(--color-nn101) 0%,var(--color-nn102) 100%);}
#block-bs-views-block-prod-fp-block-1 .view-header > .row > .col-md-6:nth-child(2) > div{background:linear-gradient(135deg,var(--color-nn201) 0%,var(--color-nn203) 100%);}
#block-bs-views-block-prod-fp-block-1 .view-header > .row > .col-md-6:nth-child(2) > div a{color:rgba(255,255,255,.8);}

#block-bs-views-block-prod-fp-block-1 .views-view-responsive-grid__item-inner{position:relative;}
#block-bs-views-block-prod-fp-block-1 .views-field-field-god{position:absolute;}
#block-bs-views-block-prod-fp-block-1 .views-field-field-god .field-content{margin:5px;padding:5px 15px;background:#fd7e14;background:red;border-radius:15px;color:#fff;}
#block-bs-views-block-prod-fp-block-1 .views-field-field-cms{position:absolute;right:0px;}
#block-bs-views-block-prod-fp-block-1 .views-field-field-cms .field-content{margin:5px;padding:5px 15px;background:#198754;background:green;border-radius:15px;color:#fff;}
#block-bs-views-block-prod-fp-block-1 .views-field-field-prod-img .field-content img{outline:1px solid rgba(0,0,0,.1);border-radius:15px;box-shadow:0 0 10px rgba(0,0,0,.5);}
#block-bs-views-block-prod-fp-block-1 ul.js-pager__items{margin:30px auto 0px;padding:0px;list-style-type:none;text-align:center;}
#block-bs-views-block-prod-fp-block-1 ul.js-pager__items li.pager__item a.button{margin:0px auto;padding:8px 15px;color:#fff;background-color:#0d6efd;text-decoration:none;border-radius:30px;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
#block-bs-views-block-prod-fp-block-1 ul.js-pager__items li.pager__item a.button:hover{background-color:#0b5ed7;}
#block-bs-views-block-prod-fp-block-1 .view-footer{margin:45px auto 45px;text-align:right;}
#block-bs-views-block-prod-fp-block-1 .view-footer > a{padding:15px 30px;text-decoration:none;border-radius:30px;font-size:20px;transition:all .5s ease;color:#002af6;outline:2px solid #002af6;}
#block-bs-views-block-prod-fp-block-1 .view-footer > a:hover{color:#fff;background:#002af6;}








/* view-frontpage */
.path-frontpage .view-frontpage .views-field-body > .field-content{margin:45px auto 60px;}
.view-frontpage .views-field-body > .field-content h2{margin:30px auto 60px;}
.view-frontpage .views-field-body > .field-content h2 span{padding:0px 15px;color:var(--color-w08);background: var(--color-nn102);text-transform:uppercase;border-radius:30px;}

.view-frontpage .views-field-body .field-content .row > div{display:flex;}
.view-frontpage .views-field-body .field-content .row > div > div{margin-bottom:15px;padding:15px 15px;display:flex;flex-direction:column;justify-content:space-between;width:100%;border-radius:15px;}

.view-frontpage .views-field-body .field-content .row > div:nth-child(1) > div{outline:2px solid #ffb00f;border-top:20px solid #ffb00f;}
.view-frontpage .views-field-body .field-content .row > div:nth-child(2) > div{outline:2px solid #43a238;border-top:20px solid #43a238;}
.view-frontpage .views-field-body .field-content .row > div:nth-child(3) > div{outline:2px solid #a61518;border-top:20px solid #a61518;}
.view-frontpage .views-field-body .field-content .row > div:nth-child(4) > div{outline:2px solid #703ddd;border-top:20px solid #703ddd;}

.path-frontpage .view-frontpage .views-field-body > .field-content h4{padding:0px;line-height:1;}

.view-frontpage .views-field-body .field-content .row > div > div > div:nth-child(2){text-align:right;}
.view-frontpage .views-field-body .field-content .row > div > div > div a{margin:30px auto 15px;padding:5px 15px;text-decoration:none;border-radius:15px;color:#333;transition:all .5s ease;}

.view-frontpage .views-field-body .field-content .row > div:nth-child(1) > div a{outline:2px solid #ffb00f;}
.view-frontpage .views-field-body .field-content .row > div:nth-child(2) > div a{outline:2px solid #43a238;}
.view-frontpage .views-field-body .field-content .row > div:nth-child(3) > div a{outline:2px solid #a61518;}
.view-frontpage .views-field-body .field-content .row > div:nth-child(4) > div a{outline:2px solid #703ddd;}

.view-frontpage .views-field-body .field-content .row > div:nth-child(1) > div a:hover{color:#fff;background:#ffb00f;}
.view-frontpage .views-field-body .field-content .row > div:nth-child(2) > div a:hover{color:#fff;background:#43a238;}
.view-frontpage .views-field-body .field-content .row > div:nth-child(3) > div a:hover{color:#fff;background:#a61518;}
.view-frontpage .views-field-body .field-content .row > div:nth-child(4) > div a:hover{color:#fff;background:#703ddd;}
















/* region-bottom fullsize */
#region-bottom>.row{margin:0px;}
DISABLES#region-bottom>.row>*{padding:0px;}





#block-bs-fpregionbottom > .content > .field--name-body{padding:30px;}








/* region-bottom fullsize page-node-6 */
.page-node-6 #region-bottom{xxxbackground:#999;}






/* WEBFORM Page /kontakty */
#block-bs-vebforma-2{margin:45px auto;padding:30px 30px;border-radius:15px;background:#eee;}

#block-bs-vebforma-2 > h2{}

@media (min-width: 1000px) {
#block-bs-vebforma-2 #webform-submission-kontakt-node-6-add-form{display:grid;}
#block-bs-vebforma-2 .form-item-imya{grid-column-start:1;grid-column-end:2;grid-row-start:1;grid-row-end:2;}
#block-bs-vebforma-2 .form-item-email{padding:0px 15px;grid-column-start:2;grid-column-end:3;grid-row-start:1;grid-row-end:2;}
#block-bs-vebforma-2 .form-item-telefon{grid-column-start:3;grid-column-end:4;grid-row-start:1;grid-row-end:2;}
#block-bs-vebforma-2 .form-item-soobshchenie{grid-column-start:1;grid-column-end:4;grid-row-start:2;grid-row-end:3;}
#block-bs-vebforma-2 #edit-soglasie--wrapper{grid-column-start:1;grid-column-end:4;grid-row-start:3;grid-row-end:4;}
#block-bs-vebforma-2 fieldset.captcha{grid-column-start:1;grid-column-end:4;grid-row-start:4;grid-row-end:5;}
#block-bs-vebforma-2 #edit-actions{grid-column-start:1;grid-column-end:4;grid-row-start:5;grid-row-end:6;}
}

#block-bs-vebforma-2 .form-control{outline:1px solid #999;}
DISABLED#block-bs-vebforma-2 #edit-soglasie--wrapper #edit-soglasie--wrapper-legend > span.fieldset-legend{}

#block-bs-vebforma-2 #edit-soglasie--wrapper #edit-soglasie .form-item-soglasie input.form-check-input{outline:1px solid #999;}
#block-bs-vebforma-2 #edit-soglasie--wrapper #edit-soglasie .form-item-soglasie label{color:#333;}
#block-bs-vebforma-2 #edit-soglasie--wrapper #edit-soglasie .form-item-soglasie label a{color:#333;}

#block-bs-vebforma-2 #edit-soglasie--wrapper #edit-soglasie .form-item-soglasie input{position:relative;}
#block-bs-vebforma-2 #edit-soglasie--wrapper #edit-soglasie .form-item-soglasie input.form-check-input:checked{background-color:red;}


#block-bs-vebforma-2 #edit-actions{display:flex;justify-content:flex-end;}
#block-bs-vebforma-2 #edit-actions button.btn.btn-primary{xxxbackground:none;xxxcolor:#333;xxxborder-color:#999;border-radius:30px;}
#block-bs-vebforma-2 input,
#block-bs-vebforma-2 textarea{background:#eee;}

#block-bs-vebforma-2 ::placeholder{color:#333;}

#block-bs-vebforma-2 fieldset.captcha{xxxoutline:1px solid red;}
#block-bs-vebforma-2 fieldset.captcha .captcha__element{xxxoutline:1px solid green;}

#block-bs-vebforma-2 fieldset.captcha > legend.captcha__title{xxxoutline:1px solid red;display:none;}
#block-bs-vebforma-2 fieldset.captcha label.form-required{xxxoutline:2px solid green;xxxdisplay:none;}
#block-bs-vebforma-2 fieldset.captcha > .captcha__element #edit-captcha-image-wrapper > img{margin:15px auto 0px;xxxoutline:5px solid red;}




/* Page Contact /node/6 */

/* Page Contact /node/6  Webform */

.page-node-6 #block-bs-vebforma #edit-soglasie--wrapper-legend > span{xxxdisplay:none;}















/* animation */

/* animation Rikedom */
.banner101rkd{margin:30px auto;outline:1px solid #333;}
.banner101rkd{display:block;width:270px;height:270px;overflow:hidden;background:url(/sites/default/files/pix-animation/pix-animation-1/bnr101-bg.jpg);background-size:contain;background-repeat:no-repeat;background-position:center;position:relative;z-index:1;}
.banner101rkd .banner101rkd-txt1{padding:15px 5px 5px;position:relative;font-weight:bold;color:#fff;font-size:26px;font-family:'Arial',sans-serif;text-align:right;}
.banner101rkd .banner101rkd-txt2{margin-bottom:-80px;position:relative;z-index:100;font-weight:bold;color:#fff;font-size:16px;font-family:'Arial',sans-serif;padding:5px;font-weight:bold;color:#fff;text-align:right;}
.banner101rkd .banner101rkd-txt2 span{background:#d01d19;padding:5px 10px;}
.banner101rkd img.banner101rkd-pix1{position:relative;z-index:1;}
.banner101rkd img.banner101rkd-pix2{position:absolute;z-index:2;margin-top:-200px;}
.banner101rkd .banner101rkd-txt1{animation-name:banner101rkd;animation-duration:5s;animation-iteration-count:infinite;}
@keyframes banner101rkd {
    0%{margin-right:-270px;}
    20%{margin-right:-270px;}
	30%{margin-right:0px;}
	85%{opacity:1;}
	100%{margin-right:0px;opacity:0;}
}
.banner101rkd .banner101rkd-txt2{animation-name:banner102rkd;animation-duration:5s;animation-iteration-count:infinite;}
@keyframes banner102rkd {
	0% {margin-right:-270px;}
	30% {margin-right:-270px;}
	40% {margin-right:0px;}
	85%{opacity:1;}
	100% {margin-right:0px;opacity:0;}
}
.banner101rkd  img.banner101rkd-pix1{animation-name:banner103rkd;animation-duration:5s;animation-iteration-count:infinite;}
@keyframes banner103rkd {
    0%{margin-left:-270px;}
    40%{margin-left:-270px;}
	50%{margin-left:0px;}
	90%{opacity:1;}
	100%{margin-left:0px;opacity:0;}
}
.banner101rkd  img.banner101rkd-pix2{animation-name:banner104rkd;animation-duration:5s;animation-iteration-count:infinite;}
@keyframes banner104rkd {
    0%{margin-top:-200px;}
    50%{margin-top:-200px;}
	60%{margin-top:-280px;}
	65%{margin-top:-270px;}
	70%{margin-top:-280px;}
	75%{margin-top:-270px;}
	80%{margin-top:-280px;}
	85%{margin-top:-270px;}
	90%{margin-top:-280px;}
	95%{margin-top:-270px;opacity:1;}
	100%{margin-top:-280px;opacity:0;}
}

















/* animation LaFantasi */
.banner101lf-wrapper{margin:30px auto 30px;outline:1px solid #999;width:800px;height:250px;display:flex;align-items:center;justify-content:center;position:relative;z-index:20;overflow:hidden;}
.banner101lf-pix1{width:190px;position:absolute;z-index:10;}
.banner101lf-pix2{width:230px;position:absolute;z-index:9;margin-left:-300px;}
.banner101lf-pix3{width:230px;position:absolute;z-index:8;margin-right:-320px;}
.banner101lf-pix4{position:absolute;z-index:11;margin-left:-440px;margin-bottom:-110px;}
.banner101lf-pix5{position:absolute;z-index:11;margin-left:-560px;margin-top:-50px;}
.banner101lf-pix6{position:absolute;z-index:11;margin-right:-450px;margin-top:-100px;}
.banner101lf-pix7{width:70px;position:absolute;z-index:11;margin-right:-520px;}
.banner101lf-pix8{position:absolute;z-index:12;margin-right:-500px;margin-bottom:-150px;transition:.2s linear;}
.banner101lf-pix9{position:absolute;z-index:12;margin-right:-615px;margin-bottom:-150px;transition:.2s linear;}
.banner101lf-pix8:hover{transform:scale(1.2);}
.banner101lf-pix9:hover{transform:scale(1.2);}
.banner101lf-pix1{animation-name:banner101lfframe;animation-duration:8s;animation-iteration-count:infinite;}
.banner101lf-pix2{animation-name:banner102lfframe;animation-duration:8s;animation-iteration-count:infinite;}
.banner101lf-pix3{animation-name:banner103lfframe;animation-duration:8s;animation-iteration-count:infinite;}
.banner101lf-pix4{animation-name:banner104lfframe;animation-duration:8s;animation-iteration-count:infinite;}
.banner101lf-pix5{animation-name:banner105lfframe;animation-duration:8s;animation-iteration-count:infinite;}
.banner101lf-pix6{animation-name:banner106lfframe;animation-duration:8s;animation-iteration-count:infinite;}
.banner101lf-pix7{animation-name:banner107lfframe;animation-duration:8s;animation-iteration-count:infinite;}
@keyframes banner101lfframe{0%{margin-bottom:-100px;opacity:0}20%{margin-bottom:-100px;opacity:0}30%{margin-bottom:0}40%{opacity:1}95%{opacity:1}100%{opacity:0};}
@keyframes banner102lfframe{0%{margin-left:-600px;opacity:0}10%{margin-left:-300px;opacity:1}90%{opacity:1}95%{opacity:0}100%{opacity:0};}
@keyframes banner103lfframe{0%{margin-right:-640px;opacity:0}10%{margin-right:-640px;opacity:0}20%{margin-right:-320px;opacity:1}85%{opacity:1}90%{opacity:0}100%{opacity:0};}
@keyframes banner104lfframe{0%{transform:scale(0)}40%{transform:scale(0)}45%{transform:scale(1)}90%{opacity:1}95%{opacity:0}100%{opacity:0};}
@keyframes banner105lfframe{0%{transform:scale(0)}45%{transform:scale(0)}50%{transform:scale(1)}90%{opacity:1}95%{opacity:0}100%{opacity:0};}
@keyframes banner106lfframe{0%{transform:scale(0)}50%{transform:scale(0)}55%{transform:scale(1)}90%{opacity:1}95%{opacity:0}100%{opacity:0};}
@keyframes banner107lfframe{0%{transform:rotate(0);opacity:0}40%{opacity:0}45%{opacity:1}64%{transform:rotate(0)}67%{transform:rotate(10deg)}70%{transform:rotate(0)}85%{opacity:1}90%{opacity:0}100%{opacity:0};}
@media (min-width: 1400px) {}
@media (min-width: 1200px) and (max-width: 1399.98px) {}
@media (min-width: 992px) and (max-width: 1199.98px) {}
@media (min-width: 768px) and (max-width: 991.98px) {
	.banner101lf-wrapper{width:680px;}
	.banner101lf-pix2{}
	.banner101lf-pix3{}
	}
@media (min-width: 576px) and (max-width: 767.98px) {
	.banner101lf-wrapper{width:500px;}
	@keyframes banner102lfframe{0%{margin-left:-600px;opacity:0}10%{margin-left:-250px;opacity:1}90%{opacity:1}95%{margin-left:-250px;opacity:0}100%{opacity:0};}
	@keyframes banner103lfframe{0%{margin-right:-640px;opacity:0}10%{margin-right:-640px;opacity:0}20%{margin-right:-270px;opacity:1}85%{opacity:1}90%{margin-right:-270px;opacity:0}100%{opacity:0};}
	.banner101lf-pix4{margin-left:-400px;}
	.banner101lf-pix5{margin-left:-440px;}
	.banner101lf-pix6{margin-right:-450px;}
	.banner101lf-pix7{margin-right:-450px;}
	.banner101lf-pix8{display:none;}
	.banner101lf-pix9{display:none;}
	}
@media (max-width: 575.98px) {
	.banner101lf-wrapper{width:250px;}
	.banner101lf-pix1{width:150px;}
	@keyframes banner102lfframe{0%{margin-left:-600px;opacity:0}10%{margin-left:-110px;opacity:1}90%{opacity:1}95%{margin-left:-110px;opacity:0}100%{opacity:0};}
	@keyframes banner103lfframe{0%{margin-right:-640px;opacity:0}10%{margin-right:-640px;opacity:0}20%{margin-right:-123px;opacity:1}85%{opacity:1}90%{margin-right:-123px;opacity:0}100%{opacity:0};}
	.banner101lf-pix2{width:150px;}
	.banner101lf-pix3{width:170px;}
	.banner101lf-pix4{margin-left:-200px;}
	.banner101lf-pix5{margin-left:-180px;margin-top:-150px;}
	.banner101lf-pix6{margin-right:-200px;margin-top:-180px;}
	.banner101lf-pix7{margin-right:-180px;}
	.banner101lf-pix8{display:none;}
	.banner101lf-pix9{display:none;}
}
















/* animation ArTi */
.bnarti{margin:30px auto 30px;padding:15px;width:1200px;box-shadow:0 0 10px rgba(0,0,0,.5);border-radius:15px;background:#fff;}
.banner-title{margin:0px auto 0px;font-family:'Arial',sans-serif;font-size:40px;text-transform:uppercase;font-weight:bold;overflow:hidden;}
.banner-title span{color:rgba(190,18,4,1);}
.banner-block1-items{display:flex;width:100%;}
.banner-block1-item{padding:0px 5px;}
.banner-block2-item{width:100%;}
.banner-block2-items{display:flex;}
.banner-block2-item{margin:0px 5px 0px 0px;width:220px;}
.banner-block2-item img{border-radius:15px;}
.banner-text{display:flex;flex-direction:column;justify-content:space-between;font-family:'Arial',sans-serif;font-size:18px;color:rgba(255,255,255,1);text-align:center;text-transform:uppercase;overflow:hidden;width:100%;}
.banner-text_1,.banner-text_2,.banner-text_3{padding:15px;background:rgba(190,18,4,1);display:block;border-radius:15px;}
.banner-title_item{animation-name:banner101;animation-duration:7s;animation-iteration-count:infinite;}
@keyframes banner101 {
    0%{margin-left:-530px;}
    10%{margin-left:-530px;}
	20%{margin-left:0px;}
	95%{opacity:1;}
	100%{margin-left:0px;opacity:0;}
}
.banner-img1{animation-name:banner201;animation-duration:7s;animation-iteration-count:infinite;}
.banner-img2{animation-name:banner202;animation-duration:7s;animation-iteration-count:infinite;}
.banner-img3{animation-name:banner203;animation-duration:7s;animation-iteration-count:infinite;}
@keyframes banner201 {
	0% {opacity:0;}
	30% {opacity:0;}
	35% {opacity:1;}
	96%{opacity:1;}
	100% {opacity:0;}
}
@keyframes banner202 {
	0% {opacity:0;}
	35% {opacity:0;}
	40% {opacity:1;}
	96% {opacity:1;}
	100% {opacity:0;}
}
@keyframes banner203 {
	0% {opacity:0;}
	40% {opacity:0;}
	45% {opacity:1;}
	96% {opacity:1;}
	100% {opacity:0;}
}
.banner-text_1{animation-name:banner301;animation-duration:7s;animation-iteration-count:infinite;}
.banner-text_2{animation-name:banner302;animation-duration:7s;animation-iteration-count:infinite;}
.banner-text_3{animation-name:banner303;animation-duration:7s;animation-iteration-count:infinite;}
@keyframes banner301 {
    0%{margin-left:850px;}
    45%{margin-left:850px;}
	50%{margin-left:0px;}
	97%{opacity:1;}
	100%{margin-left:0px;opacity:0;}
}
@keyframes banner302 {
    0%{margin-left:850px;}
    50%{margin-left:850px;}
	55%{margin-left:0px;}
	98%{opacity:1;}
	100%{margin-left:0px;opacity:0;}
}
@keyframes banner303 {
    0%{margin-left:850px;}
    55%{margin-left:850px;}
	60%{margin-left:0px;}
	99%{opacity:1;}
	100%{margin-left:0px;opacity:0;}
}
@media (min-width: 1400px) {}
@media (min-width: 1200px) and (max-width: 1399.98px) {
	.bnarti{width:1000px;}
	.banner-block2-item{margin:0px 5px 0px 0px;width:170px;}
	.banner-text{font-size:16px;}
	}
@media (min-width: 992px) and (max-width: 1199.98px) {
	.bnarti{width:900px;}
	.banner-title{font-size:28px;}
	.banner-block2-item{margin:0px 5px 0px 0px;width:120px;}
	.banner-text{font-size:14px;}
	.banner-text_1,.banner-text_2,.banner-text_3{margin-bottom:5px;}
}
@media (min-width: 768px) and (max-width: 991.98px) {
	.bnarti{width:100%;}
	.banner-block2-item{margin:0px 5px 5px 0px;width:32%;}
	.banner-block1-items{flex-direction:column;}
	.banner-text_1,.banner-text_2,.banner-text_3{margin-bottom:5px;}
}
@media (min-width: 576px) and (max-width: 767.98px) {
	.bnarti{width:100%;}
	.banner-title{font-size:28px;}
	.banner-block2-item{margin:0px 5px 5px 0px;width:32%;}
	.banner-block1-items{flex-direction:column;}
	.banner-text_1,.banner-text_2,.banner-text_3{margin-bottom:5px;}
}
@media (max-width: 575.98px) {
	.bnarti{width:100%;}
	.banner-title{font-size:20px;}
	.banner-block2-item{margin:0px 5px 5px 0px;width:32%;}
	.banner-block1-items{flex-direction:column;}
	.banner-text{font-size:12px;}
	.banner-text_1,.banner-text_2,.banner-text_3{margin-bottom:5px;}	
}











/* views Prod Site page sayty */
#block-bs-views-block-prod-page-block-1{margin:30px auto;}
#block-bs-views-block-prod-page-block-1 > h2{padding:0px 0px 30px;}



#block-bs-views-block-prod-page-block-1 .view-header{margin:0px auto 45px;}
#block-bs-views-block-prod-page-block-1 .view-header > .row > .col-md-6{display:flex;}
#block-bs-views-block-prod-page-block-1 .view-header > .row > .col-md-6 > div{margin:0px auto 15px;padding:15px 30px;color:rgba(255,255,255,.8);box-shadow:0 0 10px rgba(0,0,0,.5);border-radius:15px;}
#block-bs-views-block-prod-page-block-1 .view-header > .row > .col-md-6:nth-child(1) > div{background:linear-gradient(135deg,var(--color-nn101) 0%,var(--color-nn102) 100%);}
#block-bs-views-block-prod-page-block-1 .view-header > .row > .col-md-6:nth-child(2) > div{background:linear-gradient(135deg,var(--color-nn201) 0%,var(--color-nn203) 100%);}
#block-bs-views-block-prod-page-block-1 .view-header > .row > .col-md-6:nth-child(2) > div a{color:rgba(255,255,255,.8);}






#block-bs-views-block-prod-page-block-1 .views-field-field-god{position:absolute;}
#block-bs-views-block-prod-page-block-1 .views-field-field-god .field-content{margin:5px;padding:5px 15px;background:#fd7e14;background:red;border-radius:15px;color:#fff;}
#block-bs-views-block-prod-page-block-1 .views-view-responsive-grid__item-inner{position:relative;}
#block-bs-views-block-prod-page-block-1 .views-field-field-cms{position:absolute;right:0px;}
#block-bs-views-block-prod-page-block-1 .views-field-field-cms .field-content{margin:5px;padding:5px 15px;background:#198754;background:green;border-radius:15px;color:#fff;}
#block-bs-views-block-prod-page-block-1 .views-field-field-prod-img .field-content img{outline:1px solid rgba(0,0,0,.1);border-radius:15px;box-shadow:0 0 10px rgba(0,0,0,.5);}
#block-bs-views-block-prod-page-block-1 ul.js-pager__items{margin:30px auto 0px;padding:0px;list-style-type:none;text-align:center;}
#block-bs-views-block-prod-page-block-1 ul.js-pager__items li.pager__item a.button{margin:0px auto;padding:8px 12px;color:#fff;background-color: #0d6efd;text-decoration:none;border-radius:3px;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
#block-bs-views-block-prod-page-block-1 ul.js-pager__items li.pager__item a.button:hover{background-color:#0b5ed7;}

#block-bs-views-block-prod-page-block-1 .views-view-responsive-grid.views-view-responsive-grid--horizontal{padding-bottom:15px;}

#block-bs-views-block-prod-page-block-1 > .content > div > .view-prod-page > ul.js-pager__items > li.pager__item > a.button{}







/* views Prod Site Tech page sayty-tech */
#block-bs-views-block-prod-block-1 .view-content > div > table > thead > tr > th{color:#333;}
#block-bs-views-block-prod-block-1 .view-content > div > table > tbody > tr > td.views-field.views-field-title > a{color:#333;text-decoration:none;}










/* Page Stati - views block articles */
#block-bs-views-block-articles-pages-block-1{margin:15px auto 15px;padding:15px 30px;display:inline-block;border-radius:15px;
background: var(--color-nn101);background: linear-gradient(135deg,var(--color-nn101) 0%,var(--color-nn102) 100%);}
#block-bs-views-block-articles-pages-block-1 h2{color:rgba(255,255,255,.8);}
#block-bs-views-block-articles-pages-block-1 .content .view-content .views-view-responsive-grid__item .views-field-title > span.field-content > a{}
#block-bs-views-block-articles-pages-block-1 .views-field-title > span.field-content > a{color:rgba(255,255,255,.8);text-decoration:none;}
#block-bs-views-block-articles-pages-block-1 .views-field-title > span.field-content > a:hover{text-decoration:underline;}























/* DISABLED block gallery */
#block-bs-gallery{margin:30px auto 0px;}
#block-bs-gallery .content .field--name-body{}
#block-bs-gallery .content .field--name-body #carouselScreen1Indicators{margin:0px auto 15px;}
#block-bs-gallery .content .field--name-body #carouselScreen1Indicators img{xxxoutline:3px solid red;border-radius:15px;}
#block-bs-gallery .content .field--name-body #carouselExampleIndicators img{xxxoutline:3px solid red;border-radius:15px;}

/* DISABLED block components */
#block-bs-components{margin:30px auto 30px;padding:15px 30px 30px;xxxbackground:#fff;box-shadow:0 0 10px rgba(0,0,0,.5);border-radius:15px;}
#block-bs-components .content .field--name-body #myTab{margin:30px auto 0px;}
#block-bs-components .content .field--name-body #myTab li button.nav-link{color:#999;}
#block-bs-components .content .field--name-body #myTab li button.nav-link.active{color:#333;font-weight:bold;}
#block-bs-components .content .field--name-body #myTabContent .tab-pane{padding:15px 30px;background:#fff;border-right:1px solid #dee2e6;border-left:1px solid #dee2e6;border-bottom:1px solid #dee2e6;}

















/* site-footer */
.site-footer{margin:30px auto 0px;}
.site-footer__top{display:flex;justify-content:center;}
.site-footer__top h2{margin-bottom:15px;padding-bottom:15px;}

.region-footer-first{}
#block-bs-podval{padding:15px;}
#block-bs-podval > ul.flex-row{flex-direction:column!important;}
#block-bs-podval > ul > li > a{padding:0px 0px 5px;}
#block-bs-podval > ul > li{}
#block-bs-podval > ul.nav > li.nav-item > a{font-size:16px;}

.region-footer-second{}
#block-bs-views-block-articles-pages-block-1-2{margin:0;padding:15px;border:none;}
#block-bs-views-block-articles-pages-block-1-2 .views-field-title > span.field-content > a{padding:0;font-size:16px;text-decoration:none;}

.region-footer-third{}
#block-bs-footertipovyepredlozheniya{margin:0;padding:15px;border:none;}
#block-bs-footertipovyepredlozheniya > h2{margin-bottom:15px;padding-bottom:15px;}
#block-bs-footertipovyepredlozheniya .content .field--name-body{font-size:16px;}
#block-bs-footertipovyepredlozheniya p{margin:0 0 5px;}

.region-footer-fourth{}
#block-bs-footernapravleniya{margin:0;padding:15px;border:none;}
#block-bs-footernapravleniya > h2{margin-bottom:15px;padding-bottom:15px;}
#block-bs-footernapravleniya .content .field--name-body{font-size:16px;}
#block-bs-footernapravleniya p{margin:0 0 5px;}

@media (max-width: 767.98px) {.site-footer__top{flex-direction:column;text-align:center;align-items:center;}}









#block-bs-footer > .content > .field--name-body{text-align:center;}