.myform-group .form-control:focus ~ .form-text{opacity: 1;}
.myform-group .form-control:hover ~ .form-text{opacity: 1;}
.myform .form-text{opacity: 0;transition: opacity 0.3s linear 1s; }
.myform svg{color:#99acad;}
.btn-grey {background:#677F81;color:#fff;border: #fff 3px solid;border-radius: 15px;}
.bg-l-grey {background-color: #99acad;}
.bg-grey {background:#677F81;}
.rot-m7 {
transform: rotate(-7deg);
}
.rot-7 {
transform: rotate(7deg);
}
.block-1-2 .b-icons p{
	color:#fff;
	transform: rotate(7deg);
}
.block-1-2 .b-icons img{max-width: 200px;margin: auto;display: block;}
.block-1-2 .pechat{
width: 25%;
max-width: 320px;
position: absolute;
left: 8%;
top: -200px;
z-index: 90;
	}
.block-1-2 .wrap{margin-left: 100px;width: calc(100% - 200px);}
.block-1-2 h1{
	color:#fff;
	font-weight: 500;
position: relative;	
	z-index: 91;
	
}
.block-1-2{
	background-color:#708589;
min-height: 400px;
padding: 2% 20px;
margin-top: -30vh;
width: 120%;
margin-left: -100px;
margin-bottom: 70px;
}
.service {
background-color: #99acad;
min-height: calc(100vh - 200px);

}
.service .list-group-item a{
color:#240f5e; font-weight: 700;}
.service .list-group-item{
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;	
background-color: transparent;
background: transparent;
margin-bottom: 10px;
text-align: left;
text-transform: uppercase;
}
.service .wrap{
	box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
background-color: #99acad;	
}
.service .img-fluid{
box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
margin: 5px 10px;
}
.dropdown-item:focus, .dropdown-item:hover {
    color: #1e2125!important;
    background-color: #e9ecef;
}
.msg-icons .nav-link img{
	width: 100%;
}
.msg-icons .nav-link{
	margin-right: 10px;
	width: 54px;
	color:#fff;
	padding: 5px;
}
.btn-toggle-nav small{
	color: #cccecf !important;
}
.btn-toggle:focus, .btn-toggle:hover {
    color: #ffcc01;
    background-color: #221f1fad;
}
.btn-toggle-nav {
	background: #221f1fad;
padding: 10px 20px;
-webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
-moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
} 
.block-faq ul{margin: 20px 30px;} 
.block-faq p{ 
color:#fff;
font-size: 18px;
text-align: left;
}
.block-faq .btn-toggle b{ 
font-weight: 600;
text-align: left;
font-size: 24px;
}
.block-faq .btn-toggle{ 
border-radius:0px;
width: 100%;
font-size: 24px;
}
.block-faq {
		background:#ffcc01;
background: url(../img/block-5-bg.webp) no-repeat bottom  left;

background-size: cover;
min-height: calc(100vh - 76px);
}
.myform{
max-width: 400px;
margin: auto;

padding: 10px 20px;
}
.soc-icons {
	
}
.soc-icons a{
padding:10px ​15px;
border-radius: 50% !important;
border: #fff 1px solid;
margin-right: 5px;
background:#e9ecef;
}
.soc-icons .bi{
	color:#677F81;
font-size: 18px;
margin: auto!important;
}
.footer-b-l{
border-bottom: #ffcc01 2px solid;
padding: 10px 10px 10px 10px;
position: absolute;
width: calc(100% - 25px);
margin-top: 10px;
}
.footer-b {}
.footer .logo{width:100%;}
.footer-b img{
margin: auto;
display: block;
background: #000;
z-index: 10;
position: relative;	padding: 10px 10px 10px 10px;
}
.block-taryfy th, .block-taryfy td {color: #fff!important;}
.tc-b{color: #000!important;}
.tc-w{color: #fff!important;}
.footer .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: transparent;
}	

.footer ul{
	margin: 20px 5px;
}
.footer h4{
	font-size: 18px;
text-transform: uppercase;
margin: 20px 5px;
    margin-bottom: 20px;
display: block;
}
.footer {
background:#677F81;
min-height: 300px;	
    color: #fff;
}
.block-5{color: #000;}
.block-5-img{width: 100%;}
.block-5 p{font-size: 28px; padding: 0 20px;}
.block-5 h2{font-size: 36px;text-transform: uppercase;margin: 20px;}
.block-5{
		background:#ffcc01;
background: url(../img/block-5-bg.webp) no-repeat bottom  left;

background-size: cover;
min-height: calc(70vh - 76px);}
.block-4-toc{width: 100%;}
.block-4-c{margin: 20px 40px; margin: auto;padding: 20px 30px;width: 50%; min-width: 400px;}
.block-4 .btn{max-width: 200px;font-size: 21px;text-transform: uppercase;font-weight: 700;}
.block-4 p{font-size: 24px;text-align: left;}
.block-4{
background: url(../img/block-4-bg.jpg) no-repeat bottom  left;
    background-size: auto;
background-size: cover;
min-height: calc(100vh - 76px);
color: #fff;
padding-bottom: 20px;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
    display: inline-block;
    width: 130px;
    height: 120px;
}
.carousel-control-prev-icon {
	background-image: url(../img/arrow_left.svg);
	background-size: 130px 120px;
}
.carousel-control-next-icon {
	background-image: url(../img/arrow_right.svg);
	background-size: cover;
}
.carousel-indicators [data-bs-target] {
    background: #000;
    border-radius: 100%;
    height: 9px;
}
.carousel-item picture{display: block; height: 100%;width: 100%;margin-top: 20px;}
.carousel-caption b{font-size: 18px;margin:auto;color: #ffcc01;}
/*.carousel-inner {overflow:visible;}*/
.carousel-caption h4{font-size: 36px;color: #fff;}
.carousel-caption {
    position: absolute;
	top: 0px;
    right: auto;
    bottom: auto;
    left: calc(50% - 125px);
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center;
	background: #000;
padding: 10px 30px;
-webkit-border-radius: 40px;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius: 40px;
-moz-border-radius-bottomleft: 0;
border-radius: 40px;
border-bottom-left-radius: 0;
}
.block-3{
background: url(../img/block-3-bg.jpg) no-repeat top left;
    background-size: auto;
background-size: cover;
min-height: calc(100vh - 76px);
color: #000;
padding-bottom: 20px;
}

.t-r{text-align:right;}
.bg-orange{	background:#ffcc01;} 
.block-2 picture{display: block;min-height: 128px;}
.block-2 .service b span{
    font-size: 18px;
    background: #222;
    color: silver;
    border-radius: 50%;
    margin-left: -10px;
    padding: 5px 10px;
	}
.block-2 .service b{margin-left: 20px;border-top-left-radius: 10px;border-bottom-left-radius: 10px;font-size: 18px; text-align: left;display: block;background: #000; color: silver;}
.block-2 .service p{font-size: 16px; text-align: left;color:#000;}
.block-2{
	background-color:#99acad;
/*background: url(../img/block-2-bg.jpg) no-repeat top left;*/
    background-size: auto;
background-size: cover;
min-height: calc(100vh - 76px);
color: #fff;
}
.block-1-topcall_btn {
color: #ffcc01;
background: #000;
border-radius: 20px;
padding: 4px 8px;
text-decoration: none;
font-size: 42px;
display: block;
text-align: center;
max-width: 210px;
margin: 20px auto;
}
.block-1-phone{width: 320px;margin: auto;text-align: center;}
.block-1{
background: url(../img/bg_home_top.webp) no-repeat bottom left;
    background-size: auto;
background-size: cover!important;
min-height: calc(100vh - 82px);
}
.blhead{
	display: block;
	margin: 20px 10px;
	padding: 5px 10px;
	text-align: center;
}
.footer .bi{margin-right: 10px;}
.card {background-size: auto 100% ;}
#idmyhome {
overflow: hidden;background: #000;
}
.topcall_btn .bi{color:#111010!important; margin: auto;font-size: 28px !important;
line-height: 50px;}
.topcall_btn {
	min-width: 50px!important;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	background:#ffcc01;
	padding: 0px!important;
	text-align: center;
	display: inline-block;
}
.mlogo {
	padding: 0;
	width: 160px;
	margin: auto;
}
.mlogo img{
width: auto;
height: 50px; 
}
.header .nav-link{min-width: 100px; margin: 0 30px; color:#FFFDFD;font-size: 24px;}
main{
background: rgba(0,0,0,0.6);
	margin-top: 82px;

}
.user-menu .bi {color:#2F80ED!important;font-size: 18px!important; margin-right:10px;}
.header .nav-icons .nav-link {padding: .5rem 0.5rem; }

.header .dropdown-toggle::after {
color:#fff;
}
.header .bi {color:#FFF;font-size: 21px;}
.header .navbar{

}
.header {
background: #111010;
display: block;
}

.hidden{display: none;}



/* CSS */
.button-29 {
  align-items: center;
  appearance: none;
  background-image: radial-gradient(100% 100% at 100% 0, #086b88 0, #677F81 100%);
  border: 0;
  border-radius: 6px;
  box-shadow: rgba(45, 35, 66, .4) 0 2px 4px,rgba(45, 35, 66, .3) 0 7px 13px -3px,rgba(58, 65, 111, .5) 0 -3px 0 inset;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  height: 48px;
  justify-content: center;
  line-height: 1;
  list-style: none;
  overflow: hidden;
  padding-left: 16px;
  padding-right: 16px;
  position: relative;
  text-align: left;
  text-decoration: none;
  transition: box-shadow .15s,transform .15s;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  white-space: nowrap;
  will-change: box-shadow,transform;
  font-size: 18px;
  text-transform: uppercase;
}

.button-29:focus {
  box-shadow: #171f35 0 0 0 1.5px inset, rgba(45, 35, 66, .4) 0 2px 4px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #171f35 0 -3px 0 inset;
}

.button-29:hover {
  box-shadow: rgba(45, 35, 66, .4) 0 4px 8px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #171f35  0 -3px 0 inset;
  transform: translateY(-2px);
  color:#fffd91;
}

.button-29:active {
  box-shadow: #171f35  0 3px 7px inset;
  transform: translateY(2px);
}