@font-face{
font-family: 'Source Sans Pro';
src: url(../fonts/SourceSansProL.ttf);
}
@font-face{
font-family: 'Roboto Condensed';
src: url(../fonts/RobotoCondensed.ttf);
}

body {
  margin: 0;
  font: normal 16px verdana;
}
.youtube-background-no{
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
background:url(../images/bgr_clouds_003_compr.jpg);
z-index:-1;
background-size: cover;
}
.registrmanibutton{
    width: 230px;
    height: 57px;
    text-align: center;
    background: darkorange;
    color: #fff;
    margin: auto;
    border-radius: 5px;
    padding: 9px 0;
    font-size: 16px;
    box-shadow: 2px 2px 5px #8e8d8d;
    position: relative;
    transition: 0.3s;}
.registrmanibutton:hover{
	//box-shadow: none
	}
.registrmanibutton span{
font-size:13px;
color: #000;
transition: 0.3s;
position:relative;}
.registrmanibuttonarr{
font-size: 16px !important;
color: #fff !important;}
.registrmanibuttonarr::before{
content: '';
right: 0px;
transition: 0.3s;
}
.registrmanibutton:hover .registrmanibuttonarr::after{
    content: url("../images/right-arrow.svg");
    width: 20px;
    margin-left: 10px;
    position: absolute;
    right: -47px;
    top:10px;
    transition: 0.3s;
}
.registrmanibutton:hover span{
margin-right: 30px;
transition: 0.3s;
}

.registrmanibutton .registrmanibuttonarrow{
    position: absolute;
    bottom: -117px;
    left: 67px;
    width: 100px;
    height: 115px;
pointer-events: none;}
.registrmanibuttonarrow img{
width:100px;}

.registrmanibutton .registrmanibuttonarrowmess{
     position: absolute;
    bottom: -87px;
    left: -30px;
    width: 92px;
    height: 57px;
    pointer-events: none;
    text-align: center;
    /* background: #b79620d1; */
   backdrop-filter: blur(32px);
    -webkit-backdrop-filter: blur(32px);
    border-radius: 14px;
    color: #ffffff;
    font-size: 12px;
    padding: 5px;
    transform: rotateZ(8deg);
    //border: solid 1px #ffffffa1;
	}
	
	
	.registrmanibutton2{
       width: 118px;
    height: 35px;
    text-align: center;
    background: #166f8e;
    color: #fff;
    margin: auto;
    border-radius: 5px;
    padding: 9px 0;
    font-size: 14px;
    box-shadow: 2px 2px 5px #8e8d8d;
    position: relative;
    transition: 0.3s;
    margin-top: 20px;}
.registrmanibutton2:hover{
	box-shadow: none;
	}
	
	
.biggerthencrm{
    text-align: center;
    font-size: 48px;
    color: #38749d;
    margin-top: 65px;
    font-family: 'Source Sans Pro';}

.pricebeginhead{
    background-image: linear-gradient(to bottom, #8AD038, #76B729);
    color: #fff;
    border-radius: 11px;
    width: 80px;
    height: 22px;
    text-align: center;
    line-height: 22px;
    font-size: 11px;
    transform: rotate(-10deg);
    position: absolute;
    top: -14px;
    right: -55px;}

.pricebegin{
background-image: linear-gradient(to bottom, #8AD038, #76B729);
padding:2px 10px;
color: #fff;
border-radius: 5px;}

.greengalochka{
    position: absolute;
    left: -38px;
    top: calc(50% - 12px);
    width: 25px;
    height: 25px;
    background-image: linear-gradient(to bottom, #8AD038, #76B729);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
	font-size: 16px;
}

.greengalochka2{
    position: absolute;
    left: -38px;
    top: calc(50% - 12px);
    width: 25px;
    height: 25px;
    background-image: linear-gradient(to bottom, #abd7de, #467296);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
	font-size: 16px;
}

.greengalochka3{
    position: absolute;
    left: -38px;
    top: calc(50% - 12px);
    width: 25px;
    height: 25px;
    background-image: linear-gradient(to bottom, #cdb3f2, #5e578a);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
	font-size: 16px;
}

* {
  box-sizing: border-box;
}

a {
  text-decoration: none;
}

h1 {
  margin: 0px 25px 25px 25px;
  padding: 0;
  animation: scale_h1 1s;
  /*font-size: calc(1.5em + 1vw);*/
  text-align: center;
  font-size: clamp(1.5rem, -0.875rem + 8.333vw, 3.5rem);
}
.h1pod{
    font-size: 20px;
    color: #5c7d4e;
    margin: auto;
    padding: 0 30px;
    max-width: 900px;
    text-align: center;}

.cloudsblock{
margin-top:70px;}
h2 {
  margin: 0 0 22px 0;
  padding: 0;
  font-family: 'Source Sans Pro';
  font-size: 36px;
  /*color:#0d4f5a;*/
  color:#6f1c36;
}

.b-border-bottom {
 //border-bottom: 1px solid rgba(0,0,0, .2);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 2;
	box-shadow: 0px 5px 5px #b7b7b7;
}

.b-topbar {
  max-width: 1220px;
  display: flex;
  align-items: center;
  display: -webkit-flex;
  -webkit-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  margin: 0 auto;
  position: relative;
}

.b-topbar > a > img {
  margin-left: 100px;
}

.b-topbar-text {
  text-align: center;
  position:relative;
  cursor:pointer;
  color: #656565;
}
.b-topbar-text:hover .b-topbar-text-podmenu {
display:block;}

.b-topbar-text-podmenu{
display: none;
    position: absolute;
    top: 20px;
    left: -400px;
    padding: 10px;
    border: solid 1px #efefef;
    background: #fff;
    box-shadow: 3px 3px 10px #000000;
    width: calc(100vw - 40px);
    max-width: 800px;
	border-radius: 10px;
	}

.b-topbar-text-podmenu li{
list-style-type: none;
text-align: left;
}

.b-topbar-text-podmenu li:hover{
background:#e8e8e8;}

.b-topbar-text-podmenu-part{
display:inline-table;
margin:10px;
vertical-align:top;
width: 25%;
}

.b-topbar-text a {
    color: #0e798a;
    text-decoration: none;
    line-height: 30px;
    width: 100%;
    display: block;
    padding: 3px 7px;
	font-size:14px;
}


.b-topbar-text a:hover {
text-decoration:none;
color:#000;
}

.b-topbar-login {
text-decoration: none;
    /* line-height: 37px; */
    height: 21px;
    /* vertical-align: middle; */
    padding: 0 5px;
    font-size: 14px;
    /* background-color: #fff; */
    color: #006eb5;
    /* border: 1px solid #006eb5; */
    /* margin: 25px 21px 21px 0; */
    text-transform: uppercase;
    -webkit-appearance: none;
    position: absolute;
    top: 3px;
    right: 10px;
	border-radius:3px;
}
.b-topbar-reg {
    text-decoration: none;
    line-height: 15px;
    height: 39px;
    vertical-align: middle;
    padding: 5px 13px;
    font-size: 14px;
    background-color: darkorange;
    color: #fff;
    margin: 25px 10px 21px 0;
    text-transform: uppercase;
    -webkit-appearance: none;
    border-radius: 5px;
    text-align: center;
	transition: 0.5s;
	box-shadow:0 0 10px #777;
}

.b-topbar-login:hover {
  background-color: #006eb5;
  color: #fff;
  border: 1px solid #006eb5;
}
.b-topbar-reg:hover {
 box-shadow:none;
}
.b-topbar-reg div {font-size: 9px;}
.b-top-block {
  padding: 75px 0 85px 0;
  margin: 0;
  text-align: center;
}

.b-top-block-galss-mrpho-card{
width:90%;
margin:auto;
max-width:1000px;
padding:30px;
border-radius:15px;
backdrop-filter: blur(40px);
-webkit-backdrop-filter: blur(40px);
background: rgb(234 234 234 / 50%);
box-shadow: rgb(255 255 255 / 50%) 0px 0px 0px 0.5px;
margin-bottom: 30px;
position:relative;
}

.b-top-block-utp {
  margin: 0 20px;
  padding: 0;
  animation: scaledescr 1.5s;
  
}
.b-top-block-utp-header{
font-style: italic;
    font-size: 50px;
    text-align: center;
    color: #129898;
	margin: 0px 20px;
	font-weight:700;
	text-shadow: 1px 1px 4px #fff;
 }
.b-top-block-utp ul{
 text-align:left;
 font-family: 'Source Sans Pro';
 font-size: calc(1em + 1vw);
 margin: 30px auto;
 max-width: 900px;
 list-style-type: none;
}

.b-top-block-utp ul li{
position:relative;}

.b-present-block-text ul {
padding:0;
   }
.b-present-block-text ul li {
    list-style-type: none;
	font-size:18px;
   }
.b-present-block-text ul li .opisanie {
    font-size: 12px;
    color: #777;
    margin: auto;
   }
 .b-top-block-utp-priziv{
 font-style: italic;
    font-size: 25px;
    text-align: center;
    color: #129898;
	margin: 0px 20px;
	font-weight:700;
	text-shadow: 1px 1px 7px #fff;
 }  

/*
.b-grad-r {
  display: flex;
  display: -webkit-flex;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
}
.b-grad-r:before {
  content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0;
  //background: #fdfdfd;
  //background: -moz-linear-gradient(left, #fdfdfd 0%, #e9e9e9 100%);
  //background: -webkit-linear-gradient(left, #fdfdfd 0%,#e9e9e9 100%);
  //background: linear-gradient(to right, #fdfdfd 0%,#e9e9e9 100%);
  //filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e9e9e9',GradientType=1 );
  border-bottom:solid 1px #ccc;      
}

.b-grad-l {
  display: flex;
  display: -webkit-flex;
}

.b-grad-l:before {
  content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0;
  //background: #fdfdfd;
  //background: -moz-linear-gradient(left, #e9e9e9 0%, #fdfdfd 100%);
  //background: -webkit-linear-gradient(left, #e9e9e9 0%,#fdfdfd 100%);
  //background: linear-gradient(to right, #e9e9e9 0%,#fdfdfd 100%);
  //filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#fdfdfd',GradientType=1 );
  border-bottom:solid 1px #ccc;
}
*/
.b-present-block-cover{
width:100%;
height:auto;
padding:100px 100px;
overflow: hidden;
position:relative;}
.b-animated-block, .b-animated-block:before, .b-animated-block:after {
  animation: scaleblock 1s;
  transition: all .5s;
}
.b-present-block-cover-shadow{
width:100%;
text-align:center;
position:absolute;
top:0;
left:0;}
.b-present-block-cover-shadow img{
width:100%;
height:auto;
}
.b-present-block-img{
  display:inline-block;
  vertical-align:top;
  width:67%;
}
.b-present-block-img img {
width:100%;
max-width:700px;
height:auto;
transition: 1s;
}
.b-present-block-img img:hover {
width:100%;
max-width:750px;
height:auto;
transform: rotate(1deg);
}
.b-present-block-text{
  display:inline-block;
  vertical-align:top;
  width:30%;
  z-index:1;
}
.b-grad-l {
  animation: moveright .5s;
}

.b-grad-r {
  animation: moveleft .5s;
}

.b-content {
  margin: 0 auto;
  width:100%;
  //max-width: 1220px;
  //padding:20px;
}

.b-present-block {
  //padding: 85px 105px;
  position: relative;
  margin: 100px 0;
  //border-bottom: solid 1px #ccc;
  margin: 100px 5px;
  z-index:1; 
}
.b-present-block-norotate{
position: absolute;
    bottom: 145px;
    right: -451px;
    color: #efe8e838;
    font-size: 345px;
    z-index: 0;
    font-weight: 700;
    font-family: system-ui;
    transform: rotate(316deg);
	}
.b-present-block-rotate{
    position: absolute;
    top: 0px;
    left: 400px;
    color: #cbced042;
    font-size: 500px;
    z-index: 0;
    font-weight: 700;
    font-family: system-ui;
    }

/*.b-present-block * {
  position: relative;
  z-index: 100;
  text-align:left;
}

.b-present-block:after {
  content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0;
}

.b-present-block p {
  font-size: 24px;
  margin: 0 0 20px 0;
}
*/
.b-present-block ul li{
margin-top:10px;
margin-bottom:10px;
color: #6c7228;
text-align:left;}

.b-present-block ul li span{
font-size:14px;
color:#999;}
.b-btn-link{
z-index:1;}
.b-btn {
 background-color: #f5bd1f;
    color: #0a0a0a;
    font-size: 15px;
    height: 40px;
    line-height: 40px;
    padding: 0 25px;
    border: none;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-appearance: none;
	border-radius: 5px;
	transition: 0.2s;
	margin:10px;
}

.b-btn:hover {
  background-color: darkorange;
  color:#fff;
}

.b-pic-1:after {
  background-image: url(../images/lk1desktop2.png);
  background-position: 100% 0%;
  background-repeat: no-repeat;
  z-index: 1;
}

.b-pic-2:after {
  background-image: url(../images/lk2desktop2.png);
  background-position: 0% 0%;
  background-repeat: no-repeat;
  z-index: 1;
}

.b-pic-3:after {
  background-image: url(../images/lk3desktop2.png);
  background-position: 100% 0%;
  background-repeat: no-repeat;
  z-index: 1;
}

.b-pic-4:after {
  background-image: url(../images/lk4desktop2.png);
  background-position: 0% 0%;
  background-repeat: no-repeat;
  z-index: 1;
}

.b-pic-5:after {
  background-image: url(../images/lk5desktop2.png);
  background-position: 100% 0%;
  background-repeat: no-repeat;
  z-index: 1;
}

.b-pic-6:after {
  background-image: url(../images/lk6desktop2.png);
  background-position: 0% 0%;
  background-repeat: no-repeat;
  z-index: 1;
}

.b-pic-7:after {
  background-image: url(../images/lk7desktop2.png);
  background-position: 0% 0%;
  background-repeat: no-repeat;
  z-index: 1;
}

.b-footer{
    width: 100%;
    height: auto;
    padding: 20px;
    background-image: linear-gradient(to bottom, #8ec849, #9ac849, #457d03);}
.b-footer-block {
  padding: 18px 10px;
  display: flex;
  align-items: center;
  display: -webkit-flex;
  -webkit-align-items: center;
  font-size: 11px;
  text-transform: uppercase;
}

.b-footer-block > a {
  color: #000;
  text-decoration: none;
  text-transform: uppercase;
  padding-right: 50px;
}

.b-footer-block > a:hover {
  text-decoration: underline;
}

.b-footer-block--bottom {
  display: flex;
  flex-wrap: wrap;
  font-size: 11px;
  text-transform: uppercase;
  margin: 20px 10px 15px 10px;
}

.b-footer-block--bottom > a {
  color: #000;
  text-decoration: none;
  text-transform: uppercase;
  padding-right: 50px;
  //white-space: nowrap;
 // width: 16.66%;
  margin: 3px 0;
}

.b-footer-block--bottom > a:hover {
  text-decoration: underline;
}

.b-copyright {
  font-size: 10px;
  padding: 0 10px;
  margin-bottom: 20px;
  text-transform: none;
}

@keyframes scale_h1 {
  0% {transform: matrix3d(0.8,0,0,0,0,0.8,0,0,0,0,1,0,0,0,0,1); opacity: 0; animation-timing-function: ease-in-out}
  100% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; }
}

@keyframes scaledescr {
  0% {transform: matrix3d(0.8,0,0,0,0,0.8,0,0,0,0,1,0,0,0,0,1); opacity: 0; animation-timing-function: ease-in-out}
  100% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; }
}

@keyframes scaleblock {
  0%, 15.789473684210526% {transform: matrix(1.1,0,0,1.1,0,0); opacity: 0; animation-timing-function: linear}
  100% {transform: matrix(1,0,0,1,0,0); opacity: 1; }
}

@keyframes moveright {
  0% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,-100,0,0,1); opacity: 0; animation-timing-function: ease-in-out}
  100% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; }
}

@keyframes moveleft {
  0% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,100,0,0,1); opacity: 0; animation-timing-function: ease-in-out}
  100% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; }
}
.logoK{
  width:60px;
  height:60px;
  border-radius:50%;
  position: relative;
  display:inline-table;
  border: solid 1px #a4d050;
}

.svglogoK {
    position: absolute;
    font: 55px arial;
    width: 100%;
    height: 100%;
    margin-left: 0px;
    font-weight: 700;
    margin-top: -12px;
}

.svglogoK text {
  fill: #a4d050;
  stroke: #a4d050;
  fill-opacity: 1;
  stroke-width: 1;
  stroke-dasharray: 100% 0;
  animation: stroke-offset 2s ease-out;
  animation-iteration-count:infinite;
-moz-animation-iteration-count:infinite;
-webkit-animation-iteration-count:infinite;
}

@keyframes stroke-offset {
  0% {
    fill-opacity: 0;
    stroke-width: 0;
    stroke-dasharray: 0% 100%;
  }
  25% {
    stroke-width: 1px;
  }
  50% {
    fill-opacity: 0;
  }
  75% {
    stroke-width: 0px;
    
  }
  100% {
    stroke-width: 0px;
  }
  
}

.svgSimbol {
    position: absolute;
        bottom: 364px;
    right: -135px;
    font: 50px arial;
    z-index: 2;
    /* border: solid; */
    width: 800px;
    height: 300px;
}
.svgSimbol text {
    fill: #88888833;
    stroke: #88888833;
    fill-opacity: 1;
    stroke-width: 4px;
    stroke-dasharray: 100% 0;
    animation: stroke-offset-simbol 6s ease-out;
    animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    font-weight: 700;
	}
	@keyframes stroke-offset-simbol {
  0% {
    fill-opacity: 0;
    stroke-width: 0;
    stroke-dasharray: 0% 100%;
  }
  25% {
    stroke-width: 0.5px;
  }
  50% {
    fill-opacity: 0;
  }
  75% {
    stroke-width: 0.5px;
    
  }
  100% {
    stroke-width: 0px;
	
  }
  
}

.kabbinetcloud{
    position: absolute;
    left: -86px;
    top: 24px;
    font-size: 10px;
    color: #777;
    width: 209px;}
.kabbinet {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: #014065;
    font-weight: bold;
    text-shadow: 2px 2px 5px #a8bc99;
    margin-left: -50px;
    position: relative;
	}
#footer_name_comany_stars{
position:absolute;
top: -16px;
right: 3px;}
#footer_name_comany_stars .fa-star {
    font-size: 9px;
    color: gold;
    margin-right: -14px;
}
.linkstofizcompany{
width:100%;
margin-top:30px;
margin-bottom:40px;
text-align:center;
}
.linkstostootddiz{
width:100%;
text-align:center;
padding: 40px 0px;
}
.linkstostootddiz a{
text-decoration:none;}
.linktofizcompany{
text-decoration:none;
color:#e08804;
padding:10px 30px 10px 30px;
border:solid 1px #ff9900;
margin:20px;
}
.linktofizcompany:hover{
background:#ff9900;
color:#000;}

.linktostootddiz{
    text-decoration: none;
    color: #f7f7f7;
    margin: 7px;
    display: inline-block;
    background: #11111173;
    border-radius: 5px;
    font-size: 16px;
    width: 138px;
    height: 38px;
    line-height: 37px;
    transition: 0.2s;
	position:relative;
}
.linktostootddiz:hover{
    background: #ff9900;
    color: #fff;
}
.linktostootddiz_icon{
    position: absolute;
    top: 3px;
    right: 54px;
    width: 30px;
    height: 30px;
	transition: 0.2s;
	opacity: 0;
	pointer-events: none;}
.linktostootddiz_icon img{
width:30px;
height:auto;
opacity: 0.3;}
.linktostootddiz:hover .linktostootddiz_icon{
top:-28px;
opacity: 1;
}


.dneybesplatno{
text-align: center;
    color: #fff;
    font-size: calc(0.7em + 1vw);
    margin: 20px;
    cursor: pointer;
    background: #27272740;
    position: absolute;
    width: calc(100% - 6px);
    left: -17px;
    top: -17px;
    height: auto;
    padding: 20px;
    border-top-left-radius: 13px;
    border-top-right-radius: 13px;
	}
.dneybesplatno-1 {
    text-align: center;
    font-size: 36px;
    color: #848484;
    font-size: calc(1em + 1vw);
    margin: 20px;
    background: beige;
    padding: 20px;
    border-radius: 10px;
	cursor:pointer;
}

.telegramicon {
    color: #0079e0;
}
.short-block-preview{
    width: 300px;
    height: 300px;
    display: inline-block;
    vertical-align: top;
    margin: 20px 5px;
    border: solid 1px #ccc;
    border-radius: 7px;
    position: relative;
	transition: 0.3s;}
.short-block-preview:hover{
box-shadow: 0 0 20px #555;}
.short-block-preview-img{
    width: 298px;
    height: 122px;
    text-align: center;
    padding: 15px;}
.short-block-preview-img img{
    max-width: 250px;
    height: auto;
    margin: auto;
    max-height: 123px;}
.short-block-preview-text{
    width: 298px;
    height: 178px;
    text-align: left;
    padding: 15px;
    font-size: 15px;
    font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
    color: #777;
    }
.short-block-preview-text-main{
font-size:24px;
color:#0e798a;
text-align:center;}

.short-block-preview-link{
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: center;
    height: 20px;
    width: 108px;
    border-top-left-radius: 6px;
    border-bottom-right-radius: 6px;
    color: #ffffff;
    font-size: 12px;
    line-height: 20px;
    background: #c08617;
}

.details {
  position: relative;
  display: block;
  max-width: 650px;
  margin: 0 auto 10px;
  background: rgba(255,255,255,0.5);
  border-radius: 5px;
  transition: 0.3s;
  overflow: hidden;
}

.details::after {
    position: absolute;
    right:12px;
    top: 15px;
    content: "";
    display: block;
    width: 9px;
    height: 9px;
    border-right: 3px solid #45b4c7;
    border-bottom: 3px solid #45b4c7;
    transform: rotate(-45deg);
    transform-origin: center;
    transition: .3s;
	pointer-events: none;
}

.details[open]::after {
  transform: rotate(45deg);
}

.details[open] {
  padding-bottom: 100px;
}

.details[open] .details__title {
  margin-bottom: 32px;
}

.details__title {
    background: #efefef;
    border-radius: 5px;
    padding: 12px 24px;
    font-size: 16px;
    cursor: pointer;
    list-style: none;
    transition: .3s;
    color: #ac5c0d;
    font-family: Arial;
	text-align:left;
	line-height:16px;
}

.details__title::-webkit-details-marker {
  display: none;
}

.details__content {
  padding: 0 32px;
  font-size: 16px;
  margin-bottom: -50px;
  color: #595959;
  text-align: left;
    line-height: 1.4;
}

.kabbinet-crm-main-image{width:100%;}
.kabbinet-crm-main-image img{width:100%; height:auto;}
.kabbinet-crm-main-image-mob{width:12vw; max-width:170px; position:absolute; bottom:-40px; left:50px;transform: rotate(-10deg); transition:0.5s;}
.kabbinet-crm-main-image-mob img{width:100%; height:auto;}
.kabbinet-crm-main-image-mob:hover{bottom:-20px;transform: rotate(-5deg);}

.video-icon{    width: 111px;
    height: 30px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    color: red;
    border: solid 1px #ffffff00;
    background: #ffffff7d;}
.video-icon:hover{ border:solid 1px;background: #ffffffff;}
.mapusers{
width:100%;
height:30vw;
position:relative;
z-index:1;
max-width: 900px;
margin: auto;
margin-top: 100px;
}
.lines-bgr {
    background-image: url(../images/bgr-lines.svg);
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
}
@media only screen and (max-width : 1000px),
only screen and (max-device-width : 1000px){
.h1pod{font-size:18px;}
.b-top-block {
  padding: 30px 0 85px 0;
}
.b-top-block-utp{margin: 0 0;}
.b-top-block-utp ul li{margin-bottom:7px;}
.hidden-br{
display:none;}
.b-border-bottom {
position:relative;
height:80px;}

    .b-topbar-menu { display:none; }
	.b-topbar-text {
    left: 133px;
    position: absolute;
}
.b-topbar {
    padding: 10px;
}
.b-present-block{
width:100%;}
.b-present-block-cover{padding: 10px 100px;}
.b-present-block-img{ width:95%; }
.b-present-block-text{ width:95%; margin-top: 50px;margin-bottom:50px;}
.smeti-present-block-images{ width:100% !important;text-align: center;}
.linktostootddiz_icon{display:none;}
}
@media only screen and (max-width : 460px),
only screen and (max-device-width : 460px){
.mapusers{
height:120vw;
}
.h1pod{font-size:16px;}
.b-present-block-cover{padding: 10px 20px;}
.youtube-background{display:none;}
.b-footer{
    /*background: #f5bd1fd6;*/}
.logoK{
margin-top:5px;}
}