html {
	margin-top: 0 !important;
}	

a, button {
  transition: color 0.2s, background-color 0.2s, border-color 0.2s;
  color: inherit;
  cursor: pointer;
}

a:hover, button:hover {
  text-decoration: none;
}

a:focus, button:focus {
  outline: 0;
}

button {
  padding: 0;
  border: 0;
}

img {
  max-width: 100%;
  height: auto;
  flex-shrink: 0;
}

img.size-full {
  width: 100%;
}

ul {
  margin: 0px 0px 0px 20px;
  padding: 0;
  list-style: none;
}

ul a {
  display: inline-block;
}

input, textarea {
  outline: none;
  box-shadow: none !important;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  overflow: visible;
  opacity: 1;
}

input:-moz-placeholder, textarea:-moz-placeholder {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  overflow: visible;
  opacity: 1;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  overflow: visible;
  opacity: 1;
}

input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
  color: transparent !important;
}

input:focus:-moz-placeholder, textarea:focus:-moz-placeholder {
  color: transparent !important;
}

input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
  color: transparent !important;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}

textarea:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}

input:focus {
  box-shadow: none;
}

b, strong {
  font-weight: 600;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

a, img {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

html, body {
  min-height: 100%;
  overflow-x: hidden;
}

html {
  height: 100vh;
  background: #fff;
}

html.body_fixed {
  overflow: hidden;
  width: 100%;
  height: 100%;
}

body {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  min-width: 320px;
  min-height: 100%;
  font-family: tahoma, "Open Sans", Arial, sans-serif;
  font-size: 17px;
  line-height: 1.42;
  color: #000;
  background: #fff;
  overflow-x: hidden;
}

html {
  margin-top: 0 !important;
}

@media (max-width: 782px) {

}

/*-------------------------------------------------------------- begin Webatom ---------------------------------------------------------------------------------------------------*/

.section.sh1
{
	height:680px;
	position: relative;
	width:1400px;
	margin:0px auto;
	color:#000;
	display:block;
}

.front-top
{
	position: relative;
	z-index:2;
	width: 78%;
	margin: 0px auto;
}

.front-top .container-fluid {
    padding-left: 0vw !important;
    padding-right: 0vw !important;
}

.home #under-head
{
	position:relative;
	height:740px;
	background:#bfe5f4;
}

.service-city-template #page-header
{
	position:relative;
    margin: 130px auto 0px auto;
    min-height: 430px;
	background: linear-gradient(to bottom right, #bfe5f4 50%, #6ca4bb 100%);
}

.service-city-template #page-header .service-head
{
	padding:20px;
}

.service-city-template #page-header .atom-cont {
    right: 165px;
    top: 40px;
}

.service-city-template #page-header .service-head h1
{
	position:relative;	
}

img.front-hero
{
	position:absolute;
}

.home #head-img
{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
    width: 100%;
    min-height: 740px;
	background:#5fa4d1;
}

.home #head-img img
{
	width:100%;
	object-fit:cover;
	height: 740px;
	max-height: 740px;
	border-bottom:1px solid #4197CB;
}

.home #head-conteiner,
section.city-head #head-conteiner
{
	position:relative;
	width:50%;
	top:200px;
	margin:0px 0px 0px 50px;
	display:flex;
	flex-direction:column;
	gap:20px;
}

.home #head-title,
section.city-head #head-title
{
	width: 100%;
	margin:0px 0px 0px 0px;
}

.home #head-conteiner .underh2line,
section.city-head #head-conteiner .underh2line
{
    width: 55%;
}

.home #head-title h1,
section.city-head #head-title h1
{
	font-family: tahoma;
	font-style: normal;
	font-weight: 700;
	font-size: 60px;
	line-height: 68px;
	text-transform: capitalize;
	color: #000;
	text-shadow: 1px 1px 1px #FFFFFF;
	margin:0px;
}

.home #head-undertitle,
section.city-head #head-undertitle
{
	font-family: tahoma;
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 27px;
	color: #000;
	width: 65%;
	margin:0px 0px 50px 0px;
}

.home #head-shedule button,
section.city-head #head-shedule button
{
	width: 293px;
	height: 53px;
	background: #66CB01;
	border-radius: 100px;
	font-family: tahoma;
	font-style: normal;
	font-weight: 700;
	font-size: 15px;
	line-height: 140%;
	text-align: center;
	color: #000;
	animation: flicker 2s ease-in-out infinite;
}

@keyframes flicker {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.9; transform: scale(1.07); }
}

.ss-botton
{
	width:230px;
	position:absolute;
	top:249px;
	right:276px;
	display:flex;
}

.ssb-left
{
	width:70%;
	display:flex;
	flex-direction:column;
	margin: -11px 0px 0px 0px;
}

.btext
{
	color:#000;
	font-size:16px;
	font-weight:600;
	animation: sway 2s ease-in-out infinite;
}

@keyframes sway {
  0% { transform: translateX(0px); }
  50% { transform: translateX(-20px); }
  100% { transform: translateX(0px); }
}

.rbtext
{
	color:#000;
	font-size:16px;
	font-weight:600;
	animation: floatUpDown 2s ease-in-out infinite;
	padding: 5px 10px;
	border-radius: 20px;
	background: #c2ffc2;
}

@keyframes floatUpDown {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(8px); }
}

.pbtext
{
	color:#000;
	font-size:16px;
	font-weight:600;
	padding: 5px 10px;
	border-radius: 20px;
	background: #c2ffc2;
}

.pbtext:nth-of-type(2) {
  animation: tiltSide 2s ease-in-out infinite;
}

.pbtext:nth-of-type(3) {
  animation: slideLeftRight 3s ease-in-out infinite;
}

@keyframes slideLeftRight {
  0%, 100% { transform: translateX(0); }
  50% { transform: translateX(10px); }
}

@keyframes tiltSide {
  0%, 100% { transform: rotate(0deg); }
  25% { transform: rotate(5deg); }
  75% { transform: rotate(-5deg); }
}

.custom-captcha
{
	color:#000;
	font-weight:600;
}

.custom-captcha {
	margin: 15px 0;
}

.custom-captcha img {
	vertical-align: middle;
	margin: -3px 0px 0px 0px;
}

.custom-captcha input {
	max-width: 200px;
}

#webatom-benefits .wrapper
{
	margin: 0px auto;
	width:1400px;
	min-height: 370px;
	padding:100px 0px;
}

#webatom-benefits .wrapper ul.benul
{
	width:100%;
	margin: 0px auto;
	display: flex;
}

#webatom-benefits ul.benul li
{
	text-align:center;
}

.to-top {
    position: fixed;
    right: 25px;
    bottom: 25px;
    width: 50px;
    height: 50px;
    background: #4197CB;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 26px;
    opacity: 0;
    visibility: hidden;
    transition: 
        opacity 0.3s ease,
        transform 0.3s ease,
        background 0.3s ease;
    z-index: 9999;
    box-shadow: 0 6px 15px rgba(0,0,0,0.15);
}

.to-top.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.to-top:hover {
	background: #b4e3ff;
    transform: scale(1.1);
}

.to-top .arrow {
    transition: transform 0.3s ease;
}

.to-top:hover .arrow {
    transform: translateY(-3px);
}

#trusted .wrapper
{
	margin: 0px auto;
	width:1400px;
	min-height: 800px;
	padding:100px 0px 0px 0px;
}

#tr-first
{
	width:100%;
	height:400px;
}

#tr-first #trusted-left
{
	width:40%;
	float:left;
}

#tr-first #trusted-right
{
	width:47%;
	float:right;
}

#tr-secont
{
	width:100%;
	border-top:1px solid #4197CB;
}

#trusted-text
{
	width:60%;
	float:right;
	padding:50px;
	background: #4197CB;
	border-radius: 0px 0px 150px 20px;
}

#trusted-text p
{
	font-family: tahoma;
	font-style: normal;
	font-weight: 700;
	font-size: 37px;
	line-height: 39px;
	color:#FFF;
	width:90%;
}

#tr-first #trusted-undertitle
{
	font-family: tahoma;
	font-style: normal;
	font-weight: 400;
	font-size: 33px;
	line-height: 40px;
	color: #000000;
}

#last-cases .wrapper
{
	margin: 0px auto;
	width:1400px;
	min-height: 800px;
	padding:150px 0px;
}

.last-cases-items
{
	display:flex;
	flex-direction:column;
	gap:50px;
}

.case-items,
.case-list
{
	display:flex;
	flex-direction:column;
	gap:20px 0px;
	width: 100%;
}

.case-item
{
	width: 100%;
	display:flex;
	flex-wrap: wrap;
	gap:20px;
	padding:40px;
	background: #F9F9F9;
	border-bottom:1px solid #E9E9E7;
	word-wrap: break-word;
	overflow-wrap: break-word;
	white-space: normal;
	border-radius:20px;
}

.portfolio-link
{
	width: 300px;
    padding: 10px 20px;
    text-align: center;
    font-family: tahoma;
    font-style: normal;
    font-size: 16px;
    color: #000;
    background: #4197CB;
    border-radius: 100px;
	animation: flicker 2s ease-in-out infinite;
}

.case-item:nth-child(even),
.case-item:nth-child(even) a
{
	flex-direction: row-reverse;
}

.case-item .zagolovok
{
	width:calc(50% - 10px);
	padding:50px 20px;
}

.case-item .case-img
{
	width:calc(50% - 10px);
}

.case-item .zagolovok h2
{
	font-family: Montserrat-Regular;
    font-style: normal;
    font-weight: 600;
    font-size: 50px;
    line-height: 60px;
    color: #4197CB;
	padding:0px 0px 0px 20px;
	border-left: 5px solid #66CB01;
	margin:0px 0px 50px 0px;
}

.case-item:nth-child(even) .zagolovok h2
{
	padding:0px 20px 0px 0px;
	border-left: none;
	border-right: 5px solid #66CB01;
}

.case-item .case-img picture
{
	width:50%;
}

.case-item .case-img picture img
{
	border-radius:50px;
	-webkit-box-shadow: -5px 5px 15px 0px #5B5B5B;
	-moz-box-shadow: -5px 5px 15px 0px #5B5B5B;
	box-shadow: -5px 5px 15px 0px #5B5B5B;
}

.ci-left,
.ci-right
{
	width: calc(50% - 10px);
	display: flex;
    flex-direction: column;
    gap: 20px;
}

.pagination
{
	width:100%;
	display:flex;
	padding:30px 0px;
	gap:0px 10px;
}

.case-image img
{
	border-radius: 50px;
}

.case-title
{
	width:95%;
	font-family: tahoma;
    font-style: normal;
    font-weight: 700;
    font-size: 27px;
    line-height: 33px;
    color: #4197CB;
	margin:30px 0px;
}

.case-description
{
	font-size:20px;
	margin:0px 0px 30px 0px;
}

.case-description span
{
	margin:0px 10px 0px 0px;
	font-weight:bold;
}

.podrobnee
{
	width:160px;
	padding:10px 20px;
	text-align:center;
	font-family: tahoma;
    font-style: normal;
	font-size:15px;
	color:#333;
	background:#7DC91B;
	border-radius: 100px;
}

h2.sectionh2
{
	font-family: tahoma;
    font-style: normal;
    font-weight: 700;
    font-size: 67px;
    line-height: 73px;
    text-transform: capitalize;
    color: #4197CB;
    margin: 0px 0px 0px 0px;
	position:relative;
}

#we-understand .wrapper
{
	margin: 0px auto;
	width:1400px;
	min-height: 500px;
	padding:100px 0px;
}

ul.weul
{
	display:flex;
	flex-wrap:wrap;
	flex-direction:column;
	margin:0px;
}

#we-understand .weli
{
	display:flex;
	width:100%;
	float:left;
	position:relative;
	padding:0px;
	margin:0px 0px 30px 0px;
	background: #F9F9F9;
	border: 1px solid #4196CC;
	border-radius: 20px 20px 20px 20px;
}

#we-understand .weli .we-img
{
	width:28%;
}

#we-understand .weli .we-img img
{
	min-height:100%;
	width:100%;
	object-fit:cover;
	-webkit-border-top-left-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}

#we-understand .weli .we-right
{
	width:72%;
	background:
		url("./assets/img/quotes.png") no-repeat 35px 15px,
		url("./assets/img/quotes2.png") no-repeat calc(100% - 30px) calc(100% - 25px);
	background-size: 50px;
	padding: 0px 50px;
}

#we-understand .weli .we-title
{
	width:100%;
	padding:0px 30px;
	margin:30px;
	font-family: tahoma;
	font-style: normal;
	font-weight: 400;
	font-size: 33px;
	line-height: 40px;
	text-transform: capitalize;
	color: #000000;
}

#we-understand .weli .we-text
{
	width:100%;
	margin:15px 5%;
	font-family: tahoma;
	font-style: normal;
	font-weight: 400;
	font-size: 15px;
	line-height: 23px;
	color: #767676;
}

#for .wrapper
{
	margin: 0px auto;
	width:1400px;
	min-height: 600px;
	padding:100px 0px 0px 0px;
}

#for h2
{
	margin:0px 0px 0px 0px;
	width:90%;
	font-family: tahoma;
	font-style: normal;
	font-weight: 700;
	font-size: 67px;
	line-height: 73px;
	text-transform: capitalize;
	color: #4197CB;
	position:relative;
}

.smw
{
	width:15px;
	height:15px;
	background: url("./assets/img/small-logo-webatom.png") no-repeat center;
	background-size: 14px;
    position: absolute;
    left: -10px;
    top: -10px;
	animation: rotate 4s linear infinite;
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

#for .container
{
	width:100%;
	max-width: 1400px;
	padding:0px;
	display:flex;
}

#for #for-text
{
	width:58%;
	font-family: tahoma;
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 32px;
	color: #767676;
	margin:70px 0px 0px 0px;
	display:flex;
	flex-direction:column;
	gap:30px;
}

.page-template-city #for #for-text
{
	margin:10px 0px 0px 0px;
}

.page-template-city #for #for-text p {
    width: 90%;
}

#for #for-text p
{
	width:70%;
	margin:0px 0px 20px 0px;
}

#for #for-img
{
	width:42%;
}

#for #for-img img
{
	width:100%;
	height:600px;
	object-fit:cover;
	-webkit-border-top-left-radius: 20px;
	-webkit-border-top-right-radius: 160px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-topright: 160px;
	border-top-left-radius: 20px;
	border-top-right-radius: 160px;
}

#main-services
{
	background:#F9F9F9;
}

#main-services .wrapper
{
	margin: 0px auto;
	width:1400px;
	min-height: 1290px;
	padding:100px 0px;
	display:flex;
	flex-direction:column;
	gap:30px;
}

#main-services h2
{
	width:50%;
	padding:0px;
	margin:0px 0px 0px 0px;
	font-family: tahoma;
	font-style: normal;
	font-weight: 700;
	text-transform: capitalize;
	position:relative;
}

#main-services h3
{
	width:100%;
	margin:0px 0px 30px 0px;
	font-family: tahoma;
	font-style: normal;
	font-weight: 700;
	font-size: 37px;
	line-height: 37px;
	text-transform: capitalize;
	color: #4197CB;	
}

ul.serul
{
	display:flex;
	flex-wrap: wrap;
	gap:60px 20px;
	margin:0px;
}

#main-services li.serli
{
	width:100%;
	padding:0px 0% 0px 0px;
}

li.serli .ser-block-title
{
	padding:10px;
	margin:0px 0px 20px 0px;
	font-family: tahoma;
	font-style: normal;
	font-weight: 400;
	font-size: 27px;
	line-height: 40px;
	text-transform: capitalize;
	color: #000000;
	background: url("./assets/img/main-service-arrow.png") no-repeat right #FFF;
	background-position: 99% 15px;
	background-size:30px;
	border-radius:10px;
}

ul.serlinksul
{
	display:flex;
	flex-wrap:wrap;
	gap:20px;
	margin:0px;
}

ul.serlinksul li
{
	width:calc(33.33% - 14px);
	background: linear-gradient(to right bottom, #E2E2E2, #FFF, #FCFCFC);
	padding: 10px;
	margin:0px;
	border:1px solid #E2E2E2;
	border-radius:10px;
	display:flex;
	flex-wrap:wrap;
	box-shadow: 0px 7px 19px 0px rgba(214, 207, 207, 0.75);
    -webkit-box-shadow: 0px 7px 19px 0px rgba(214, 207, 207, 0.75);
    -moz-box-shadow: 0px 7px 19px 0px rgba(214, 207, 207, 0.75);
}

ul.ser-links li
{
	min-height:75px;
	color:#4197CB;
	padding:10px 0px;
	border:1px solid #4197CB;
	border-radius:20px;
	padding: 10px;
	margin: 0px 0px 20px 0px;
	background: #D8F0FF;
}

.sl-left
{
	width:80%;
}

.sl-right
{
	width:20%;
	text-align:right;
}

.ser-links .ser-page-link
{
	padding:5px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	color: #0099CC;
	font-size: 24px;
	font-weight:600;
}

.ser-links .ser-page-undertitle
{
	padding:5px 0px 5px 0px;
	margin: 0px 0px 10px 0px;
	font-size:16px;
}

.ser-links .ser-page-cena
{
	min-height: 32px;
	padding:5px 0px 5px 40px;
	color:#000;
	background: url("./assets/img/price-icon.svg") no-repeat left;
	background-size:30px;
	font-size: 16px;
    font-weight: 700;
}

.ser-links .ser-page-podrobnee
{
	height:36px;
	width:100%;
	background:#7DC91B;
	margin:10px 0px 0px 0px;
	padding:5px 0px;
	color:#FFF;
	text-align:center;
	border-radius:50px;
}

.ser-links .ser-page-podrobnee a
{
	color:#333;
}

.header-bottons
{
	position:absolute;
	bottom:50px;
	right:50px;
	display:flex;
	flex-wrap:wrap;
	gap:20px;
}



/* ---------------------------------------- animation web atom icon front ------------------------------------------ */

.atom-cont
{
  width: 220px;
  height: 220px;
  position:absolute;
  right:250px;
  top:200px;	
}

.atom
{
  position: relative;
  width: 350px;
  height: 350px;
  perspective: 900px;
}

/* nucleus */
.nucleus {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  background: radial-gradient(circle, #6cf, #028);
  background: url(./assets/img/nucleus.png) no-repeat center;
  background-size:65px;
  transform: translate(-50%, -50%);
}

/* orbits */
.orbit {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 350px;
  height: 300px;
  transform-style: preserve-3d;
}

.orbit-1 {
  transform: translate(-50%, -50%) rotateX(60deg);
}

.orbit-rotate {
  width: 100%;
  height: 100%;
  border: 3px solid rgba(31,255,255,0.9);
  border-radius: 50%;
  animation: spin linear infinite;
  position: relative;
}

/* electron */
.electron {
  position: absolute;
  top: -4px;
  left: 50%;
  width: 10px;
  height: 10px;
  background: #9ff;
  border-radius: 50%;
  transform: translateX(-50%);
  box-shadow: 0 0 10px rgba(150,255,255,0.9);
}

.orbit-1 {
  transform: translate(-50%, -50%) rotateX(65deg);
}
.orbit-1 .orbit-rotate
{
  animation-duration: 20s;
  border-top: 7px solid rgba(31,230,255,0.9);
  border-right: 4px solid rgba(31,230,255,0.9);
  border-bottom: 2px solid rgba(31,230,255,0.9);
  border-left: 4px solid rgba(31,230,255,0.9);
}
.orbit-1 .electron
{
  width: 13px;
  height: 13px;
  background: #66CB01;
}

.orbit-2 {
  transform: translate(-50%, -50%) rotateY(65deg);
}
.orbit-2 .orbit-rotate {
  animation-duration: 34s;
  border-top: 4px solid rgba(31,230,255,0.8);
  border-right: 3px solid rgba(31,230,255,0.8);
  border-bottom: 2px solid rgba(31,230,255,0.8);
  border-left: 3px solid rgba(31,230,255,0.8);
}
.orbit-2 .electron
{
  width: 10px;
  height: 10px;
  background: #66CB01;
}

.orbit-3 {
  transform: translate(-50%, -50%) rotateX(75deg) rotateY(25deg);
}
.orbit-3 .orbit-rotate {
  animation-duration: 26s;
  border-top: 9px solid rgba(31,230,255,0.7);
  border-right: 4px solid rgba(31,230,255,0.79);
  border-bottom: 3px solid rgba(31,230,255,0.7);
  border-left: 4px solid rgba(31,230,255,0.7);
}
.orbit-3 .electron
{
  width: 20px;
  height: 20px;
  background: #66CB01;
}

@keyframes spin {
  from {
    transform: rotateZ(0deg);
  }
  to {
    transform: rotateZ(360deg);
  }
}

/* ---------------------------------------- AND animation web atom icon front ------------------------------------------ */


#call-front .wrapper
{
	margin: 50px auto;
	width:1400px;
	min-height: 600px;
	padding:0px 0px 0px 0px;
	background: url("./assets/img/call-bg.png") no-repeat center #0099CC;
	background-size:400px;
	display:flex;
}

#call-front .left
{
	width:58%;
	padding:100px 0px 50px 0px;
}

#call-front .right
{
	width:42%;
}

#call-front .left h2
{
	width:50%;
	margin:70px 0px 70px 50px;
	font-family: tahoma;
	font-style: normal;
	font-weight: 700;
	font-size: 35px;
	line-height: 39px;
	letter-spacing: 0.03em;
	text-transform: capitalize;
	color: #FFF;
}

#call-front .left h2 span
{
	color: #7DC91B;
}

#call-front .left .underh2
{
	width:50%;
	font-family: tahoma;
	font-style: normal;
	font-weight: 400;
	font-size: 25px;
	line-height: 31px;
	color: #FFD505;
	margin:50px 0px 30px 50px;
}

#call-front .left .calfront-text
{
	width:55%;
	font-family: tahoma;
	font-style: normal;
	font-weight: 400;
	font-size: 15px;
	line-height: 30px;
	color: #FFD505;
	margin:0px 0px 30px 50px;
}

#call-front .right #cal-right
{
	padding:120px 50px;
	background: #7DC91B;
	border-radius: 0px 0px 150px 20px;
	display:flex;
	flex-direction:column;
	gap:30px;
}

#call-front .right #cal-right h3
{
	margin:0px;
	font-family: tahoma;
	font-style: normal;
	font-weight: 700;
	font-size: 55px;
	line-height: 73px;
	text-align: left;
	text-transform: capitalize;
	color: #000;
}

#call-front .right .callfront-tel
{
	margin:0px 0px;
	font-family: tahoma;
	font-style: normal;
	font-weight: 400;
	font-size: 41px;
	line-height: 31px;
	text-align: left;
	color: #000;
}

#call-front .right .tel24-7
{
	width:245px;
	padding:0px 10px;
	border:1px solid #000;
	margin:0px 0px 0px 0px;
	font-family: tahoma;
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 43px;
	text-align: center;
	text-transform: lowercase;
	color: #000;
}

#new-tecgno .wrapper
{
	margin: 0px auto;
	width:1400px;
	padding:20px;
	display:flex;
	border: 1px solid #4197CB;
	-webkit-border-radius: 20px;
	-webkit-border-top-left-radius: 160px;
	-moz-border-radius: 20px;
	-moz-border-radius-topleft: 160px;
	border-radius: 20px;
	border-top-left-radius: 160px;
}

#new-tecgno #technoleft
{
	width:390px;
}

#new-tecgno #technoimg
{
	width: 390px;
	height: auto;
	min-height: 410px;
	background: url("./assets/img/tehnologii-sozdaniya-saytov.jpg") no-repeat center;
	background-size:cover;
	margin:0px 0px 30px 0px;
	-webkit-border-radius: 20px;
	-webkit-border-top-left-radius: 160px;
	-moz-border-radius: 20px;
	-moz-border-radius-topleft: 160px;
	border-radius: 20px;
	border-top-left-radius: 160px;
	overflow:hidden;
}

#new-tecgno h2
{
	width: 100%;
	margin:0px 0px 50px 0px;
	font-family: tahoma;
	font-style: normal;
	font-weight: 700;
	font-size: 35px;
	line-height: 40px;
	text-transform: capitalize;
	color: #4197CB;
}

#new-tecgno #technotext
{
	width:calc(100% - 420px);
	padding:0px 40px;
	margin:0px;
}

#new-tecgno #technotext b
{
	font-weight:bold;
}

#new-tecgno #technotext div.nttext
{
	font-family: tahoma;
	font-style: normal;
	font-weight: 400;
	font-size: 15px;
	line-height: 23px;
	color: #767676;
}

#new-tecgno #technotext div.nttext p
{
	margin:0px 0px 25px 0px;
}

.tehno-links
{
	display:flex;
}

.tehno-links a
{
	width:50%;
}

#new-tecgno #technotext button
{
	width: 330px;
	height: 53px;
	margin:30px 0px;
	background: #7DC91B;
	border-radius: 100px;
	font-family: tahoma;
	font-style: normal;
	font-weight: 700;
	font-size: 15px;
	line-height: 140%;
	text-align: center;
	color: #FFFFFF;
}

.tehnologii-sozdaniya-saytov-webatom
{
	width:381px;
	height:57px;
	background: url("./assets/img/tehnologii-sozdaniya-saytov-webatom.jpg") no-repeat center;
	background-size:100%;
	margin:30px 0px;
}

#getting-started
{
	position:relative;
}

#gs-trigger
{
	position:absolute;
	top:-20px;
	left:0px;
}

#getting-started .wrapper
{
	margin: 0px auto;
	width:1400px;
	min-height: 700px;
	padding:100px 0px 0px 0px;
	display:flex;
	flex-direction:column;
	gap:50px;
}

#getting-started h2
{
	width:50%;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	position:relative;
	font-family: tahoma;
	font-style: normal;
	font-weight: 700;
	font-size: 67px;
	line-height: 73px;
	color: #4197CB;
}

#getting-started ul.gsul
{
	display:flex;
	flex-direction:column;
	gap:20px 0px;
	padding:0px;
	margin:0px;
}

#getting-started li.gsli
{
	width:100%;
	display:flex;
	margin:0px 0px 30px 0px;
	background: #f4f4f4;
	border: 1px solid #7ECA1B;
	border-radius: 20px;
	box-shadow: 0px 7px 19px 0px rgba(214,207,207,0.75);
	-webkit-box-shadow: 0px 7px 19px 0px rgba(214,207,207,0.75);
	-moz-box-shadow: 0px 7px 19px 0px rgba(214, 207, 207, 0.75);
}

#getting-started li.gsli .gs-step
{
	width:22%;
	padding: 30px;
}

#getting-started li.gsli .step-right
{
	width:80%;
	padding: 30px 50px 50px 0px;
}

#getting-started li.gsli .gs-step span
{
	font-family: tahoma;
	font-style: normal;
	font-weight: 600;
	font-size: 55px;
	line-height: 73px;
	color: #4f8c01;
}

.step-right .gs-title
{
	width:100%;
	font-family: tahoma;
	font-style: normal;
	font-weight: 600;
	font-size: 33px;
	line-height: 40px;
	text-transform: capitalize;
	color: #3A84AF;
	padding:0px 0px 30px 0px;
}

.step-right .gs-text
{
	font-family: tahoma;
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 26px;
	color: #333;
}

.step-right .gs-text ul li
{
	list-style:disc;
}

#getting-started #gs-button
{
	width:100%;
	margin:30px 0px 0px 0px;
	float:left;
	text-align: center;
}

#getting-started #gs-button button
{
	padding:0px 20px;
	height: 53px;
	background: #7ECA1B;
	border-radius: 100px;
	margin:0px auto;
	font-family: tahoma;
	font-style: normal;
	font-weight: 700;
	font-size: 15px;
	line-height: 140%;
	text-align: center;
	color: #000;
}

#stages
{
	width:100%;
	margin:150px 0px 0px 0px; 
}

#stages .wrapper
{
	margin: 0px auto;
	width:1400px;
	min-height: 1000px;
	padding: 0px;
	display:flex;
	flex-direction:column;
	gap:50px;
}

#stages h2
{
	width:50%;
	position:relative;
	font-family: tahoma;
	font-style: normal;
	font-weight: 700;
	font-size: 67px;
	line-height: 73px;
	color: #4197CB;
	margin:0px 0px 0px 0px;
}

.underh2line
{
	width:50%;
	height:15px;
	position:relative;
	border-bottom:1px solid #4197CB;
	margin:0px 0px 50px 0px;
}

ul.stagesul
{
	display:flex;
	flex-direction:column;
	padding:0px;
	margin:0px;
}

ul.stagesul li.stagesli
{
	display:flex;
	flex-wrap:wrap;
	width:100%;
	margin:0px 0px 100px 0px;
	gap:30px;
}

li.stagesli:nth-child(even)
{
	flex-direction: row-reverse;
}

ul.stagesul li.stagesli .stages-text li
{
	list-style:disc;
}

ul.stagesul li .stli-first
{
	width: calc(50% - 15px);
}

ul.stagesul li .stli-second
{
	width: calc(50% - 15px);
	margin:0px 0px 0px 0%;
}

li.stagesli:nth-child(even) .stli-first
{
	width:50%;
}

li.stagesli:nth-child(even) .stli-second
{
	width: calc(50% - 30px);
	margin:0px 0% 0px 0px;
}

ul.stagesul li .stages-number
{
	width:100%;
	height:100px;
	padding:50px 0px 0px 0px;
	margin:0px 0px 20px 0px;
	font-family: tahoma;
	font-style: normal;
	font-weight: 700;
	font-size: 100px;
	line-height: 1px;
	color: #4f8c01;
}

ul.stagesul li .stages-title
{
	width:100%;
	padding:30px 0px 0px 0px;
	margin:0px 0px 10px 0px;
	font-family: tahoma;
	font-style: normal;
	font-weight: 400;
	font-size: 31px;
	line-height: 43px;
	color: #000000;
}

ul.stagesul li .stages-text
{
	width:100%;
	padding:10px 0px 0px 0px;
	font-family: tahoma;
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 28px;
	color: #333;
}

ul.stagesul li .stages-button
{
	width:100%;
	padding:10px 0px 0px 0px;
}

ul.stagesul li .stages-button a
{
	width: 293px;
	height: 44px;
	padding:10px 0px;
	border: 1px solid #254201;
	background:#FFF;
	border-radius: 100px;
	font-family: tahoma;
	font-style: normal;
	font-weight: 700;
	font-size: 15px;
	line-height: 140%;
	text-align: center;
	color: #254201;
}

#stages li.stagesli .stages-img {
	width:100%;
	margin: 0px 0px 0px 0%;
	min-height: 318px;
}

li.stagesli .stages-img img {
	height:430px;
	width: 100%;
	object-fit: cover;
	border-radius:150px;
	border-bottom: 3px solid #7ECA1B;
}

#property .wrapper
{
	margin: 0px auto;
	width:1400px;
	min-height: 570px;
	padding:100px 0px 100px 0px;
}

#prop-img
{
	width: 100%;
	height: 420px;
	background: url("./assets/img/website-creation.jpg") no-repeat center;
    background-size:100%;
    padding: 10px;
	border-radius:20px;
}

#prop-text
{
	width:100%;
	padding:30px 0px;
	column-count: 2;
	margin:40px 0px 0px 0px;
}

#prop-text p
{
	font-family: tahoma;
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 27px;
	color: #767676;
	padding:10px 0px;
	margin: 0px 0px 0px 0px;
}

#prop-text b,
#prop-text strong
{
	font-weight: 600;
	color: #5a5a5a;
}

#prop-text h2,
#prop-text h3,
#prop-text h4,
#prop-text h5
{
	margin:20px 0px 10px 0px;
	color:#000;
	font-weight:600;
	font-size:28px;
}

#prop-text h2 strong,
#prop-text h2 b,
#prop-text h3 strong,
#prop-text h3 b,
#prop-text h4 strong,
#prop-text h4 b,
#prop-text h5 strong,
#prop-text h5 b
{
	color:#0099CC;
}

#prop-text ul
{
	margin:5px 0px 5px 30px;
}

#prop-text ol
{
	padding-inline-start: 30px;
}

#prop-text ul li,
#prop-text ol li
{
	list-style:disc;
}

#user-order-list,
#user-dashboard
{
	width: 78%;
	margin: 200px auto 0px auto;
	max-width:1400px;
	padding:30px;
    background: url(./assets/img/li-gsli.png) repeat center;
    border: 1px solid #7ECA1B;
    border-radius: 20px;
    box-shadow: 0px 7px 19px 0px rgba(214, 207, 207, 0.75);
    -webkit-box-shadow: 0px 7px 19px 0px rgba(214, 207, 207, 0.75);
    -moz-box-shadow: 0px 7px 19px 0px rgba(214, 207, 207, 0.75);
}

.ud-wrapper h1
{
	font-weight:600;
	font-size:40px;	
	color:#0099CC;
}

#user-dashboard #ud-content li
{
	font-weight:600;
	font-size:24px;
}

#ud-content
{
	background:#E0E0E0;
	border:1px solid #0099CC;
	padding:20px;
	margin:0px 0px 50px 0px;
	border-radius: 20px;
}

#ud-content ul
{
	display:flex;
	gap:45px;
	flex-wrap:wrap;
}

#ud-content li.li-orders
{
	background: url("./assets/img/order-icon.svg") no-repeat left;
	background-size:30px;
	padding: 0px 0px 0px 40px;
}

#ud-content li.li-profil
{
	background: url("./assets/img/profil-icon.svg") no-repeat left;
	background-size:30px;
	padding: 0px 0px 0px 40px;
}

#ud-content li.li-logout
{
	background: url("./assets/img/logout-icon.svg") no-repeat left;
	background-size:30px;
	padding: 0px 0px 0px 40px;
}

.user-order-list
{
	display:flex;
	flex-wrap:wrap;
	gap:20px;
	margin:30px 0px 0px 0px;
}

.user-order-item
{
	padding:20px;
	width:calc(50% - 10px);
	background: linear-gradient(to right bottom, #0099CC, #B5B6B7, #D6D7D8, #E0E0E0, #EFEFEF, #DDFFB2, #8FF904);
	border:1px solid #0099CC;
	border-radius: 20px;
	color:#000;
	font-size:18px;	
	font-weight:400;
    box-shadow: 0px 7px 19px 0px rgba(214, 207, 207, 0.75);
    -webkit-box-shadow: 0px 7px 19px 0px rgba(214, 207, 207, 0.75);
    -moz-box-shadow: 0px 7px 19px 0px rgba(214, 207, 207, 0.75);
}

.user-order-item h3
{
	font-weight:600;
	font-size:33px;
	margin:0px 0px 30px 0px;
	border-bottom:3px solid #0099CC;
}

.pro-domen h4,
.pro-hosting h4
{
	font-size:22px;
	font-weight:600;
	margin:0px 0px 20px 0px;
}

.user-order-item a.btn
{
	width:200px;
	display: block;
	text-align:center;
	padding:10px 0px;
	color:#000;
	background: #66CB01;
	border-radius:40px;
}

.user-order-item a.btn:hover
{
	background:#57AD01;
}

#call-now .wrapper
{
	margin: 0px auto;
	width:1400px;
	min-height: 450px;
	padding:50px 0px 0px 0px;
	display:flex;
	flex-wrap:wrap;
	gap:3%;
}

#call-now #call-left
{
	width:55%;
	margin:0px 0px 0px 0px;
	height: 300px;
	background: #7DC91B;
	border-radius: 20px 20px 20px 160px;
}

#call-now #call-right
{
	width:42%;
	height: 300px;
	border: 1px solid #7DC91B;
	-webkit-border-top-left-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	display:flex;
	flex-wrap:wrap;
}

.cr-f
{
	width:calc(85% - 20px);
	display:flex;
	flex-direction:column;
	gap:10px;
}

.cr-s
{
	width:calc(15% + 20px);
}

.napisat2
{
	display:flex;
	flex-direction:column;
	gap:20px;
	margin: 65px 40px 0px 0px;
	padding:20px;
	border: 1px solid #7DC91B;
	border-radius:10px;
	box-shadow: 0px 7px 19px 0px rgba(214, 207, 207, 0.5);
    -webkit-box-shadow: 0px 7px 19px 0px rgba(214, 207, 207, 0.5);
    -moz-box-shadow: 0px 7px 19px 0px rgba(214, 207, 207, 0.5);
}


#call-now #call-left h2
{
	width: 90%;
	margin: 50px 0px 0px 50px;
	font-family: tahoma;
	font-style: normal;
	font-weight: 700;
	font-size: 30px;
	line-height: 35px;
	text-transform: capitalize;
	color: #000;
}

#call-now #call-right h3
{
	font-family: tahoma;
	font-style: normal;
	font-weight: 700;
	font-size: 55px;
	line-height: 73px;
	text-transform: capitalize;
	color: #000;
	margin:40px 0px 0px 50px;
}

#call-now #call-tel
{
	height:40px;
	font-family: tahoma;
	font-style: normal;
	font-weight: 400;
	font-size: 41px;
	line-height: 31px;
	margin:0px 0px 0px 50px;
	color: #4f8c01;
}

#call-now #call24-7
{
	border: 1px solid #4f8c01;
	font-family: tahoma;
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 17px;
	text-align: center;
	text-transform: lowercase;
	color: #333;
	padding:10px;
	width: 335px;
	height: 38px;
	margin:0px 0px 0px 50px;
	border-radius:10px;
}

#lastnews .wrapper
{
	margin: 0px auto;
	width:1400px;
	padding:100px 0px 0px 0px;
}

#lastnews #topnews
{
	padding:20px 0px;
	border-bottom:1px solid #C4C4C4;
	min-height:180px;
	position:relative;
}

#lastnews #topnews h2
{
	width: 50%;
	font-family: tahoma;
	font-style: normal;
	font-weight: 700;
	font-size: 67px;
	line-height: 73px;
	color: #4197CB;
	position:relative;
}

#topnews #allnews
{
	padding:10px 30px 10px 0px;
	position: absolute;
	right:0px;
	bottom:15px;
	background: url("./assets/img/all-news.svg") no-repeat right;
	background-position:right 0px top 50%;
}

#topnews #allnews a
{
	font-family: tahoma;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 21px;
	color: #767676;
}

#lastnews #front-blog-items
{
	margin:50px 0px 0px 0px;
}

#lastnews #front-blog-items ul
{
	display:flex;
	justify-content: unset;
	flex-wrap: wrap;
	padding:0px;
	margin:0px;
	gap:20px;
}

#lastnews #front-blog-items li
{
	width:calc(33.33% - 14px);
	margin: 0px;
	background: #FFFFFF;
}
#lastnews #front-blog-items li:last-child
{
	margin: 0px 0px 0px 0px;
}

#lastnews #front-blog-items li .last-news-img
{
	height:230px;
	overflow:hidden;
}

#lastnews #front-blog-items li .last-news-img img
{
	width: 100%;
	min-height:230px;
	object-fit: cover;
	-webkit-border-top-left-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-topright: 20px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}

#lastnews li .podimgnews
{
	border: 1px solid #929292;
	-webkit-border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
}

#lastnews li .newsdate
{
	padding:20px 40px;
	font-family: tahoma;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	color: #333;
}

#lastnews li .newstitle
{
	min-height:90px;
	padding:0px 40px 20px 40px;
	font-family: tahoma;
	font-style: normal;
	font-weight: 700;
	font-size: 25px;
	line-height: 35px;
	color: #000000;
}

#lastnews li .lastnews_text
{
	min-height:200px;
	padding:0px 40px 20px 40px;
	font-family: tahoma;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	color: #333;
	margin:0px;
}

#lastnews li .last-news-link
{
	width: 102px;
	height: 38px;
	background: #E10714;
	border-radius: 100px;
	margin:0px 0px 20px 40px;
	font-family: tahoma;
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 38px;
	text-align: center;
	color: #FFFFFF;
}

#page-header
{
	margin: 85px auto 0px auto;
	padding: 60px 0px 0px 0px;
	max-width: 1400px;
	min-height:520px;
}

#page-header #page-header-top
{
	padding:0px 30px;
	position:relative;
	width:70%;
}

#page-header h1
{
	width: 90%;
	font-family: tahoma;
	font-style: normal;
	font-weight: 400;
	font-size: 40px;
	line-height: 48px;
	text-transform: capitalize;
	color: #8ed2fc;
	margin:0px 0px 30px 0px;
}

#page-header h1 span
{
	color: #E10714;
}

#page-header #header-undertitle
{
	font-style: normal;
	font-weight: 400;
	font-size: 21px;
	line-height: 29px;
	color: #7DC91B;
	margin:0px 0px 30px 0px;
	width:70%;
}

#page-header #header-cena-ot
{
	font-family: tahoma;
	font-style: normal;
	font-weight: 600;
	font-size: 21px;
	line-height: 29px;
	color:#8ed2fc;
	margin:0px 0px 30px 0px;
}

#page-header #header-cena-ot span
{
	margin:0px 10px 0px 0px;
	font-weight: 400;
}

#page-header #header-button button
{
	background: #7DC91B;
	border-radius: 100px;
	padding:20px 40px;
	font-family: tahoma;
	font-style: normal;
	font-weight: 700;
	font-size: 15px;
	line-height: 140%;
	text-align: center;
	color: #000;
}

#page-header-top #down
{
	width: 50px;
	height: 50px;
	background: url("./assets/img/down.png") no-repeat center;
	background-size:cover;
	position:absolute;
	left:400px;
	bottom:0px;
	animation: moveUpAndDown 2s ease-in-out infinite;
}

@keyframes moveUpAndDown {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
  100% {
    transform: translateY(0);
  }
}

#page-header #page-header-img
{
	margin:60px 0px 0px 0px;
	position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 550px;
}

#page-header #page-header-img img
{
	height:550px;
	object-fit:cover;
	border-radius:5px;
}

.service-head
{
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 5px;
}

.contacts
{
	width:1400px;
	margin:140px auto 0px auto;
	padding: 0px;
}

.contacts-wrapper
{
	width:100%;
	display:flex;
	flex-direction:column;
}

.contacts-img img
{
	width:100%;
	height:300px;
	object-fit:cover;
}

.contacts-header
{
	display:flex;
	flex-wrap:wrap;
	gap:20px;
}

.cont-left,
.cont-right
{
	padding:0px;
	width: calc(50% - 10px);
}

.cont-right h2
{
	font-family: tahoma;
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    line-height: 50px;
    color: #000;
    margin: 10px 0px 40px 0px;
}

.service-menu
{
	background: #E9E9E7;
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	position:relative;
	z-index:3;
	margin:10px 0px 0px 0px;
	padding:10px;
	border-radius:5px;
}

.service-menu.sticky {
    position: fixed;
    top: 110px;
    left: 0;
    right: 0;
    z-index: 9;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    padding: 5px 0;
}

.admin-bar .service-menu.sticky
{
	top: 140px;
}

.sm-wp
{
    width: 1400px;
    margin: 0px auto;
    height: 34px;
	display:flex;
	flex-wrap:wrap;
	gap:10px;
}

.sermenlink
{
	width:180px;
	padding:5px 0px;
	text-align:center;
	background: #F7F7F7;
	border-radius:5px;
}

.sermenlink a
{
	color: #000;
	display:block;
}

.hp-field{
  position:absolute;
  left:-9999px;
  width:1px;height:1px;
  overflow:hidden;
}

.block-container .wrapper
{
	margin:0px auto;
	width:1400px;
	padding:0px;
}

.whyus-head
{
	width:1400px;
	margin:140px auto 0px auto;
	padding:0px;
}

.whyus-head-wrapper
{
	width:100%;
	display:flex;
	flex-direction:column;
	position:relative;
}

.whyus-head-wrapper #page-header-top
{
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	padding: 50px;
}

.whyus-head-wrapper #page-header-top h1
{
	font-family: tahoma;
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: 50px;
    color: #FFF;
    text-shadow: 1px 1px 1px #000;
    margin: 0px;
}

.whyus-head-wrapper #page-header-img img
{
	height:550px;
	object-fit:cover;
}

#why-ulli
{
	margin:50px 0px 0px 0px;
	width:100%;
}

#why-ulli ul li
{
	margin:0px 0px 5px 0px;
	font-family: tahoma;
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 29px;
	color: #FFF;
	list-style:disc;
}

#whyus-benefits h2
{
    font-family: tahoma;
    font-style: normal;
    font-weight: 700;
    font-size: 67px;
    line-height: 73px;
    text-transform: capitalize;
    color: #4197CB;
    margin: 0px 0px 50px 0px;
	margin:30px 0px;
	position:relative;
}

#header-button
{
	margin:50px 0px 0px 0px;
}

#header-button button
{
	color:#000;
    border-radius: 100px;
    font-family: tahoma;
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 140%;
	padding:10px 20px;
	background: #66CB01;
	border-radius:30px;
}

#whyus-benefits
{
	margin:50px 0px;
}

#whyus-benefits ul.topbenul
{
	display:flex;
	flex-wrap:wrap;
	padding: 0px;
    margin: 0px;
	gap:0px 20px;
}

#whyus-benefits ul.topbenul li
{
	width:calc(25% - 15px);
	margin:0px;
}

ul.topbenul li .topbenline
{
	width: 50px;
	height: 5px;
	background:#66CB01;
	margin:0px 0px 20px 0px;
}

ul.topbenul li .topben-text
{
	font-family: tahoma;
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 19px;
	text-transform: capitalize;
	color: #767676;
}

#care-of
{
	padding:0px;
}

#care-of .wrapper
{
	background: #ECECEC;
	padding:70px 50px;
	display: flex;
    flex-wrap: wrap;
}

#care-left,
#care-right
{
	width:50%;
}

#care-left h2
{
	font-family: tahoma;
	font-style: normal;
	font-weight: 700;
	font-size: 50px;
	line-height: 70px;
	text-transform: capitalize;
	color: #333;
	margin:0px;
	position:relative;
	width: 90%;
}

#care-right #care-h3 h3
{
	margin:10px 0px 30px 0px;
	font-family: tahoma;
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 25px;
	text-transform: uppercase;
	color: #000000;
}

#care-right #care-text
{
	font-family: tahoma;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 23px;
	color: #000;
}

#why-services
{
	padding:70px 0px;
}

#why-services h2
{
	width:50%;
	margin:0px 0px 30px 0px;
	font-family: tahoma;
	font-style: normal;
	font-weight: 700;
	font-size: 67px;
	line-height: 73px;
	text-transform: capitalize;
	color: #000;
	position:relative;
}

#why-services #access-undertitle
{
	font-family: tahoma;
	font-style: normal;
	font-weight: 400;
	font-size: 21px;
	line-height: 29px;
	color: #333;
	margin:0px 0px 50px 0px;
}

ul.accessul
{
	width:100%;
	margin:0px;
	padding:0px;
}

li.accessli
{
	height: 95px;
	margin: 0px 0px 0px 0px;
	border-top:1px solid #767676;
	padding:20px 0px;
	width: 100%;
	float: left;
	position:relative;
}

li.accessli:last-child
{
	border-bottom:1px solid #767676;
}

li.accessli:last-child .right-s
{
	top:27%;
}

li.accessli.active
{
	height:auto;
}

li.accessli .right-s
{
	background: url("./assets/img/right-g.svg") no-repeat center;
	background-size: 50px;
	float:right;
	width: 75px;
	height: 50px;
	position: absolute;
	right: 0px;
}

li.accessli.active .right-s
{
	position: relative;
	float: left;
	background: none;
	height: 75px;
}

li.accessli.active .right-s::after {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    background: url("./assets/img/right-g.svg") no-repeat center;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 35%;
    transform: translate(-50%, -50%) rotate(90deg);
}

li.accessli .accessitem-title
{
	font-family: tahoma;
	font-style: normal;
	font-weight: 700;
	font-size: 22px;
	line-height: 27px;
	text-transform: capitalize;
	color: #4197CB;
	width:40%;
	float:left;
	margin:15px 0px 0px 0px;
}

li.accessli .access-text
{
	font-family: tahoma;
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 28px;
	color: #333;
	width:60%;
	float:right;
	margin:0px 0px 20px 0px;
}

li.accessli .access-icon
{
	width:60%;
	float:right;
}

li.accessli .access-icon img
{
	border-radius: 20px;
	width:100%;
	height:250px;
	object-fit:cover;
}

li.accessli .access-text,
li.accessli .access-icon
{
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	transition: 0.55s opacity, 0.55s visibility;
}

li.accessli.active .access-text,
li.accessli.active .access-icon
{
	opacity: 1;
	visibility: visible;
}

#why-insurance
{
	padding: 70px 0px;
}

#insurance-cont
{
	height:400px;
	display:flex;
	background: url("/wp-content/themes/webatom/assets/img/webatom-logo-img.png") no-repeat right top #F9F9F9;
	background-size:65px;
	background-position:top 40px right 40px;
	border: 1px solid #929292;
	border-radius: 20px;
}

#insurance-cont #insurance-img
{
	width:400px;
	height:399px;
	overflow:hidden;
}

#insurance-cont #insurance-img img
{
	-webkit-border-top-left-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}

#insur-right
{
	width:calc(100% - 400px);
}

#insurance-h2 h2
{
	font-family: tahoma;
	font-style: normal;
	font-weight: 400;
	font-size: 33px;
	line-height: 40px;
	text-transform: capitalize;
	color: #66CB01;
	width:70%;
	margin:40px 0px 50px 40px;
}

#insurance-text
{
	margin:0px 40px 0px 40px;
	font-family: tahoma;
	font-style: normal;
	font-weight: 400;
	font-size: 15px;
	line-height: 23px;
	color: #767676;
}

#we-offer
{
	padding:70px 0px;
	border-top: 1px solid #767676;
}

#we-offer h2
{
	width:70%;
	margin:0px 0px 70px 0px;
	font-family: tahoma;
	font-style: normal;
	font-weight: 400;
	font-size: 40px;
	line-height: 48px;
	text-transform: uppercase;
	color: #4197CB;
}

#we-offer h2 span
{
	color: #529f05;
}
#weoffer-items
{
	width:100%;
	display:flex;
}

ul.woul
{
	display:flex;
	flex-wrap:wrap;
	gap:20px;	
}

#weoffer-items li
{
	width:calc(20% - 16px);
	padding:0px 20px 0px 0px;
}

#weoffer-items .woli-line
{
	width: 35px;
	height: 5px;
	background: #66CB01;
	margin: 0px 0px 20px 0px;
}

#weoffer-items .wo-text
{
	font-family: tahoma;
	font-style: normal;
	font-weight: 500;
	font-size: 13px;
	line-height: 19px;
	text-transform: capitalize;
	color: #767676;
}

#we-offer-link
{
	width:100%;
	float:left;
	margin:70px 0px 0px 0px;
}

#we-offer-link button
{
	width: 293px;
	height: 53px;
	border: 1px solid #E10714;
	border-radius: 100px;
	font-family: tahoma;
	font-style: normal;
	font-weight: 700;
	font-size: 15px;
	line-height: 140%;
	text-align: center;
	color: #E10714;
	background:#FFF;
}

#service-benefits
{
	margin:50px 0px;
}

ul.benul
{
	display:flex;
	margin:0px;
	gap:20px;
}

li.benli
{
	width:33%;
	text-align:center;
    position: relative;
    padding: 20px;
	background: linear-gradient(
	100deg,
	rgba(55, 55, 55, 0.1),
	rgba(55, 55, 55, 0.1)
	);
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.09);
    overflow: hidden;
    transition: transform 0.35s ease, box-shadow 0.35s ease;	
	animation: ben-wave 9s ease-in-out infinite;
}

.benli::after {
	width:100px;
	height:200px;
	content: "";
	position: absolute;
	inset: -25%;
	z-index: -1;

	background: radial-gradient(
	circle at 50% 50%,
	#66CB01,
	#66CB01,
	#66CB01
	);

	filter: blur(30px);
	opacity: 0.6;

  animation:
    blobMorph 18s infinite ease-in-out,
    blobMove 25s infinite linear;
}

@keyframes blobMorph {
  0% {
    border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
  }
  33% {
    border-radius: 58% 42% 30% 70% / 60% 30% 70% 40%;
  }
  66% {
    border-radius: 30% 70% 60% 40% / 35% 65% 35% 65%;
  }
  100% {
    border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
  }
}

@keyframes blobMove {
  0%   { transform: translate(0, 0) rotate(0deg); }
  50%  { transform: translate(10%, -5%) rotate(180deg); }
  100% { transform: translate(0, 0) rotate(360deg); }
}

.benli:hover {
	background: linear-gradient(
	100deg,
	rgba(55, 55, 55, 0.2),
	rgba(55, 55, 55, 0.2)
	);
    box-shadow: 0 18px 45px rgba(0,0,0,0.12);
}

.benli:hover::before {
    opacity: 1;
}

@keyframes ben-wave {
    0%   { transform: translateY(0); }
    40%  { transform: translateY(-6px); }
    80%  { transform: translateY(0); }
    100% { transform: translateY(0); }
}

.ben-title
{
	font-family: tahoma;
    font-style: normal;
    font-weight: 500;
    font-size: 25px;
    line-height: 33px;
    color: #4197CB;
	margin:0px 0px 20px 0px;
	text-align:left;
}

.ben-text,
.ben-text
{
	width:100%;
	margin:0px auto;
	font-size: 18px;
    font-weight: 600;
	color:#333;
	text-align:left;
}

#service-description
{
	padding:70px 0px;
}

#service-description .wrapper
{
	display:flex;
	flex-direction:column;
	gap:50px;
}

#service-description h2
{
	width:50%;
	margin:0px 0px 0px 0px;
	font-family: tahoma;
	font-style: normal;
	font-weight: 700;
	font-size: 67px;
	line-height: 73px;
	color: #4197CB;
	position:relative;
}

.sd-content
{
	display:flex;
	gap:20px;
}

#serd-left
{
	width:calc(55% - 20px);
	padding:0px 0px 0px 0px;
	font-family: tahoma;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 25px;
	color: #767676;
}

#desctext h3
{
	font-size:22px;
	font-weight:600;
	margin:20px 0px 15px 0px;
}

#serd-left #serdes-link
{
	margin:50px 0px 0px 0px;
}

#serd-left #serdes-link a
{
	height: 44px;
	width:280px;
	padding:10px 0px;
	border: 1px solid #000;
	border-radius: 100px;
	font-family: tahoma;
	font-style: normal;
	font-weight: 700;
	font-size: 15px;
	line-height: 140%;
	text-align: center;
	color: #000;
	background:#FFF;
	display:block;
}

#serd-right
{
	width:630px;
	height:630px;
	padding:0px 0px 0px 0px;
}

#serd-right img
{
	width:630px;
	height:630px;
	object-fit:cover;
	margin:0px 0px 0px 0px;
	-webkit-border-radius: 20px;
	-webkit-border-top-left-radius: 160px;
	-moz-border-radius: 20px;
	-moz-border-radius-topleft: 160px;
	border-radius: 20px;
	border-top-left-radius: 160px;
}

#what-get
{
	padding:70px 0px;
}

#what-get .wrapper
{
	display:flex;
	flex-direction:column;
	gap:50px;
}

#what-get h2
{
	width:50%;
	margin:0px 0px 0px 0px;
	font-family: tahoma;
	font-style: normal;
	font-weight: 700;
	font-size: 67px;
	line-height: 73px;
	color: #4197CB;
	position:relative;
}

#what-get #what-undertitle
{
	font-family: tahoma;
	font-style: normal;
	font-weight: 400;
	font-size: 21px;
	line-height: 29px;
	color: #000;
	margin:0px 0px 0px 0px;
}

#what-items
{
	width:100%;
}

#what-items ul.whatul
{
	display:flex;
	flex-direction:column;
	gap:20px 0px;
	padding:0px;
	margin:0px;
}

#what-items li
{
	display:flex;
	min-height:400px;
	width:100%;
	margin:0px 0px 30px 0px;
	background: #F9F9F9;
	border: 1px solid #929292;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

#what-items li .what-img
{
	width:400px;
	min-height:398px;
}

.service-city-template #what-items li
{
	min-height:auto;
}

.service-city-template #what-items li .what-img
{
	min-height:auto;
	width:250px;
}

#what-items li .what-img .step-number
{
	display: flex;
    align-items: center;
    justify-content: center;
	box-sizing: border-box; 
    width: 200px;
    height: 200px;
	margin:20px;
	padding:50px;
	text-align:center;
    font-style: normal;
    font-weight: 700;
    font-size: 60px;
    line-height: 60px;
    color: #66CB01;
	text-shadow:1px 1px #000;
	background: linear-gradient(to bottom right, #bfe5f4 50%, #6ca4bb 100%);
	border-radius:25px;
}

#what-items li .what-img img
{
	width:400px;
	height:398px;
	object-fit:cover;
	-webkit-border-top-left-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}

#what-items li .what-right
{
	width:calc(100% - 420px);
	padding: 50px;
}

#what-items li .what-title
{
	font-family: tahoma;
	font-style: normal;
	font-weight: 400;
	font-size: 33px;
	line-height: 40px;
	color: #4197CB;
	margin:0px 0px 30px 0px;
}

#what-items li .what-text
{
	width:100%;
	padding: 0px;
	margin:0px 0px 0px 0px;
	font-family: tahoma;
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 26px;
	color: #000000;
}

#cena-sayta
{
	padding:70px 0px;
}

#cena-sayta.block-container .wrapper {
    margin: 0px auto;
    width: 1400px;
    padding: 0px;
}

#cena-sayta #cs-h2
{
	width:100%;
	margin:0px 0px 50px 0px;
	display:flex;
}

#cena-sayta h2
{
	width:50%;
	margin:0px;
	font-family: tahoma;
	font-style: normal;
	font-weight: 700;
	font-size: 67px;
	line-height: 73px;
	color: #4197CB;
	position:relative;
}

#domore-content
{
	display:flex;
}

#domore-bg-img
{
	height: 200px;
	width:300px;
	padding:20px 0px 0px 0px;
	margin-left:auto;
	border-radius: 20px;
}

#domore-bg-img img
{
	height:100%;
	object-fit:cover;
	border-radius: 20px;
}

#domore-content .cena-right
{
	width:100%;
	padding:0px 0px 100px 0px;
	position:relative;
	display:flex;
	flex-direction:column;
	gap:50px;
}

#cena-dom-host,
.cena-razrabotki,
.cena-domrnahostinga
{
	margin:0px;
	padding:20px;
	background: #F7F7F7;
    border-radius: 20px;
	box-shadow: 0px 7px 10px 0px rgba(214, 207, 207, 0.75);
    -webkit-box-shadow: 0px 7px 10px 0px rgba(214, 207, 207, 0.75);
    -moz-box-shadow: 0px 7px 10px 0px rgba(214, 207, 207, 0.75);
}

#domore-content #domore-img-title h3,
#cena-dom-host h3,
.cena-razrabotki h3,
.cena-domrnahostinga h3
{
	width:100%;
	margin:0px 0px 30px 0px;
    font-family: tahoma;
    font-style: normal;
    font-weight: 600;
    font-size: 26px;
    line-height: 30px;
	color: #000;
}

#domore-content #cena-sayta-ot,
.cena-razrabotki .cors,
.cena-domrnahostinga .cors,
.cena-domena,
.cena-hostinga
{
	color:#000;
	font-size:19px;
	font-weight:600;
	margin:0px 0px 30px 0px;
	padding:20px;
	border-radius:20px;
	display:flex;
	align-items:center;
	gap:20px;
	background:#f0f0f0;
}

.corscont
{
	width:70%;
	display:flex;
	flex-direction:column;
	gap:20px;
}

.corscont2
{
	width:70%;
	display:flex;
	gap:20px;	
}

.cps-cost
{
	display:flex;
	gap:20px;
	align-items: center;
	color:#4197CB;
}

.cps-time
{
	display:flex;
	gap:20px;
	align-items: center;
	color:#4197CB;
}

.vremya-r
{
	width:50%;
	font-size:22px;
	line-height: 22px;
	background: url(./assets/img/time.svg) no-repeat left;
	background-size:30px;
	padding:5px 0px 5px 40px;
}

.vremya-r-o
{
	color:#000;
	text-align:center;
	height: 46px;
    width: 330px;
    padding: 10px 0px;
    background: #EAEAEA;
    border-radius: 20px;
}

span.serviceprice
{
	padding:5px 10px;
	background: linear-gradient(to right, #00b7ff 0, #66CB01 100%);
    font-size:24px;
    color: #000;
	border-radius:20px;
	position:absolute;
	width:200px;
	left:0;
	animation: priceSlide 6s ease-in-out infinite alternate;
}

@keyframes priceSlide{

0%{
left:0;
}

100%{
left:120px;
}

}

.cena-domena,
.cena-hostinga
{
	font-size: 22px;
    line-height: 22px;
	color: #4197CB;
}

.cena-domena .cost-cont,
.cena-hostinga .cost-cont
{
	height:50px;
}

.cena-domena .serviceprice,
.cena-hostinga .serviceprice
{
	width:230px;
	animation: priceSlide2 6s ease-in-out infinite alternate;
}

@keyframes priceSlide2{

0%{
left:0;
}

100%{
left:90px;
}

}

.redprim
{
	padding:10px;
	border:1px solid #FF0000;
	border-radius:20px;
	background:#FFE8E8;
	color:#000;
	display: flex;
    width: 100%;
}

.text-cena-hostinga
{
	margin:0px 0px 20px 0px;
}

#domore-text #dtex,
.dh-text,
.cena-razrabotki .tcrs,
.cena-domrnahostinga .tcrs
{
	width:100%;
	margin:0px;
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 28px;
	color: #000;
}

.crsv-t
{
	width:50%;
	display:flex;
	align-items: center;
	font-size:22px;
	line-height: 22px;
	background: url(./assets/img/cost.svg) no-repeat left;
	background-size:30px;
	padding:5px 0px 5px 40px;
	color:#4197CB;
}

.cost-cont
{
	height:55px;
	width:330px;
	padding: 5px 0px;
	background: #EAEAEA;
	border-radius: 20px;
	position:relative;
	overflow:hidden;
}

.tcrs{
	max-height:0;
	overflow:hidden;
	transition:max-height .4s ease, opacity .4s ease;
	opacity:0;
}

.cena-razrabotki.open .tcrs,
.cena-domrnahostinga.open .tcrs
{
	opacity:1;
}

.pcss-icon
{
	padding:10px;
	display:flex;
	gap:10px;
	align-items:center;
	margin-left:auto;
	cursor:pointer;
	background: #EAEAEA;
	border-radius: 20px;
}

.pcss-icon span
{
	font-size:20px;
	font-weight:600;
	color:#4197CB;
}

.pcss-icon:hover
{
	background: #F7F7F7;
}

.pcss-i
{
	width:40px;
	height:40px;
	position:relative;
	cursor:pointer;
	margin:5px 0px 0px 0px;
}

.pcss-i::before,
.pcss-i::after
{
	content:"";
	position:absolute;
	width:25px;
	height:4px;
	background:#4197CB;
	top:15px;
	transition:.3s ease;
}

.pcss-i::before
{
	left:0;
	transform:rotate(45deg);
}

.pcss-i::after
{
	right:0;
	transform:rotate(-45deg);
}

.cena-razrabotki.open .pcss-i::before,
.cena-domrnahostinga.open .pcss-i::before
{
	transform:rotate(-45deg);
}

.cena-razrabotki.open .pcss-i::after,
.cena-domrnahostinga.open .pcss-i::after
{
	transform:rotate(45deg);
}

.cena-razrabotki .tcrs ul
{
	margin:10px 0px 10px 20px;
}

.cena-razrabotki .tcrs ul li
{
	list-style:disc;
}

.cena-razrabotki .tcrs p
{
	margin:15px 0px;
}

.cena-razrabotki .tcrs .yaksho
{
	display:block;
	color:#000;
	border:1px solid #FF0000;
	padding:10px;
	border-radius:30px;
	background:#FFE5E5;
}

#domore-text #dtex ul
{
	margin-left:25px;
}

#domore-text #dtex ul li
{
	list-style:disc;
}

#cena-dom-host
{
	margin:0px;
}

#domore-content #domore-link
{
	width:100%;
	height:50px;
	position:absolute;
	bottom:0px;
	left:0px;
	text-align:center;
}

#domore-content #domore-link button
{
	height: 53px;
	padding:0px 20px;
	margin:0px auto 0px auto;
	background: #7DC91B;
	border-radius: 100px;
	font-family: tahoma;
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 140%;
	text-align: center;
	color: #000;
}

#main-plot
{
	padding:70px 0px;
}

#main-plot #mp-cont
{
	display:flex;
	height:auto;
	border:1px solid #EFEFEF;
	background: url("./assets/img/text-yslygi.png") no-repeat bottom right;
	border-radius:20px;
	box-shadow: 0px 7px 19px 0px rgba(214, 207, 207, 0.75);
    -webkit-box-shadow: 0px 7px 19px 0px rgba(214, 207, 207, 0.75);
    -moz-box-shadow: 0px 7px 19px 0px rgba(214, 207, 207, 0.75);
}

#main-plot #mainp-left
{
	width:65%;
	height:auto;
	padding:20px;
}

#main-plot #mainp-left h2
{
	width:80%;
	margin:30px 20px 30px 0px;
	font-family: tahoma;
	font-style: normal;
	font-weight: 400;
	font-size: 31px;
	line-height: 43px;
	color: #000000;
}

#main-plot #mainp-left h2 span
{
	color: #4197CB;
}

#main-plot #mainp-left #mainpl-text
{
	width:90%;
	margin:0px 0px 30px 0px;
	font-family: tahoma;
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 25px;
	color: #767676;
}

#main-plot #mainp-right
{
	width:35%;
	height: auto;
	overflow:hidden;
}

#main-plot #mainp-right img
{
	height:500px;
	width:500px;
	object-fit:cover;
	margin:0px;
	-webkit-border-radius: 20px;
	-webkit-border-bottom-left-radius: 160px;
	-moz-border-radius: 20px;
	-moz-border-radius-bottomleft: 160px;
	border-radius: 20px;
	border-bottom-left-radius: 160px;
}

.share-wrapper{
	position:relative;
	display:inline-block;
}

.share-main{
	padding:5px;
	cursor:pointer;
	background:#f2f2f2;
	border-radius:6px;
	border:none;
	font-size:14px;
}

.post-views
{
	display:flex;
	gap:5px;
}

.share-buttons{
	position:absolute;
	top:110%;
	left:0;
	display:flex;
	flex-direction:column;
	gap:6px;
	background:white;
	padding:10px;
	border-radius:8px;
	box-shadow:0 5px 20px rgba(0,0,0,0.1);
	opacity:0;
	visibility:hidden;
	transform:translateY(10px);
	transition:0.2s;
}

.share-wrapper:hover .share-buttons{
	opacity:1;
	visibility:visible;
	transform:translateY(0);
}

.share-buttons a{
	text-decoration:none;
	font-size:14px;
	padding:5px 8px;
	border-radius:4px;
	background:#f3f3f3;
	text-align:center;
}

.share-buttons a:hover{
	background:#e7e7e7;
}

/* ----------------------------------------------------- brief website ----------------------------------------------- */

.brief-page
{
	width:1400px;
	margin:200px auto 100px auto;
}

.brief-page .container
{
	width:100%;
	max-width:100%;
	padding:0px;
	margin:0px;
}

.brief-header h1
{
	font-family: tahoma;
    font-style: normal;
    font-weight: 700;
    font-size: 67px;
    line-height: 73px;
    color: #4197CB;
	margin:20px 0px 50px 0px;
}

.brief-step{
	display:none;
	padding:20px;
	background: #F9F9F9;
    border-bottom: 1px solid #E9E9E7;
	border-radius:20px;
	font-size:16px;
	line-height:20px;
	font-weight:500;
}

.brief-step h2
{
	margin: 0px 0px 20px 0px;
    font-family: tahoma;
    font-style: normal;
    font-weight: 400;
    font-size: 31px;
    line-height: 43px;
}

.brief-field
{
	display:flex;
	flex-direction:column;
	background: #F2F2F2;
	padding:10px;
	border-radius:10px;
}

.brief-field input,
.brief-field textarea,
.brief-field select
{
	padding:5px;
	border: 1px solid #E9E9E7;
	border-radius:10px;
	font-size:16px;
}

.brief-buttons
{
	display:flex;
	gap:20px;
}

.brief-buttons button
{
	width:160px;
	text-align:center;
	font-weight:600;
	font-size:18px;
	background: #66CB01;
	padding:5px 10px;
	border-radius:15px;
}

.brief-step.active-step{
	display:flex;
	flex-direction:column;
	gap:20px;
}

.brief-options-grid{
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
	gap:20px;
	margin-top:20px;
}

.brief-option-card{
	border:1px solid #e5e5e5;
	padding:20px;
	border-radius:10px;
	cursor:pointer;
	display:block;
	transition:all .2s ease;
	font-size:20px;
}

.brief-option-card:hover{
	border-color:#000;
}

.brief-option-card input{
	display:none;
}

.brief-option-card input:checked + .brief-option-title{
	color:#0a7cff;
}

.brief-option-title{
	font-weight:600;
	display:block;
	margin-bottom:8px;
}

.brief-option-desc{
	font-size:14px;
	color:#666;
}

.brief-option-card input:checked + .brief-option-title{
	color:#0a7cff;
}

.brief-option-card input:checked{
}

.brief-option-card input:checked ~ *{
}

.brief-option-card:has(input:checked){
	border:2px solid #0a7cff;
	background:#f5f9ff;
}

.checkbox-card input{
	display:none;
}

.checkbox-card input:checked ~ .brief-option-title{
	color:#0a7cff;
}

.checkbox-card:has(input:checked){
	border:2px solid #0a7cff;
	background:#f5f9ff;
}

.brief-example-box{
	background:#f5f7f9;
	padding:15px;
	border-radius:8px;
	margin-bottom:20px;
	font-size:14px;
}

#domain-extra-fields,
#hosting-extra-field{
	display:none;
}

.brief-progress{
	width:100%;
	height:6px;
	background:#e5e5e5;
	border-radius:6px;
	margin-bottom:30px;
	overflow:hidden;
}

.brief-progress-bar{
	width:0%;
	height:100%;
	background:linear-gradient(90deg,#2bb673,#66CB01);
	transition:width .3s ease;
}

.brief-success{
	background:#e8f8f0;
	border:1px solid #2bb673;
	padding:20px;
	margin-bottom:30px;
	border-radius:8px;
	font-size:16px;
}

/* ----------------------------------------------------- and brief website ----------------------------------------------- */


/* --------------------------------------------------- brief-cta --------------------------------------------- */ 
.brief-cta
{
	padding: 70px 0px;
}

.post-template-blog-page .blog-cta
{
	padding: 0px 0px 70px 0px;
}

.brief-cta-inner
{
	width:1400px;
	margin:60px auto;
	padding:40px 30px;
	border-radius:16px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:40px;
	background: linear-gradient(135deg, #4197CB 40%, #66CB01 80%);
	color:#fff;
	overflow:hidden;
}

.post-template-blog-page .blog-cta-inner
{
	width:1400px;
	margin:0px auto 60px auto;
	padding:40px 30px;
	border-radius:16px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:40px;
	background: linear-gradient(135deg, #4197CB 40%, #66CB01 80%);
	color:#fff;
	overflow:hidden;	
}

.brief-cta-text h3,
.blog-cta-text h3
{
	font-size:28px;
	margin-bottom:10px;
	font-weight: bold;
    text-shadow: 1px 1px #000;
}

.brief-cta-text p,
.blog-cta-text p
{
	font-size:16px;
	line-height:1.6;
	margin-bottom:20px;
	opacity:.95;
}

.brief-cta-button,
.blog-cta-text .open-popup
{
	display:inline-block;
	padding:12px 26px;
	background:#fff;
	color:#1f3c88;
	font-weight:600;
	border-radius:8px;
	text-decoration:none;
	transition:.25s;
}

.brief-cta-button:hover,
.blog-cta-text .open-popup:hover{
	transform:translateY(-2px);
	box-shadow:0 8px 20px rgba(0,0,0,.15);
}

.brief-cta-image img{
	height:160px;
	width:190px;
	opacity:.9;
}

.seo-cta{
	width:1400px;
	margin:60px auto;
	padding:40px;
	border-radius:16px;
	background:linear-gradient(135deg,#4197CB 60%,#2bb673);
	color:#fff;
}

.seo-cta-inner{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:40px;
}

.seo-cta-text{
	max-width:650px;
}

.seo-cta-text h3{
	font-size:28px;
	margin-bottom:10px;
}

.seo-cta-text p{
	font-size:16px;
	margin-bottom:20px;
}

.seo-open-form{
	padding:12px 26px;
	background:#fff;
	color:#4197CB;
	border:none;
	border-radius:8px;
	font-weight:600;
	cursor:pointer;
}

.seo-cta-image img{
	height:131px;
	width:200px;
}

.seo-popup{
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:9999;
}

.seo-popup-overlay{
	position:absolute;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.6);
}

.seo-popup-content{
	position:relative;
	max-width:500px;
	margin:100px auto;
	background:#fff;
	padding:30px;
	border-radius:10px;
	z-index:2;
}

.seo-popup-content input,
.seo-popup-content textarea{
	width:100%;
	margin-bottom:15px;
	padding:10px;
	border:1px solid #ddd;
	border-radius:6px;
}

.seo-popup-content button{
	background:#66CB01;
	color:#fff;
	border:none;
	padding:4px 10px;
	border-radius:6px;
	cursor:pointer;
}

.seo-popup-close{
	position:absolute;
	top:10px;
	right:15px;
	background:none;
	border:none;
	font-size:22px;
	cursor:pointer;
}

/* --------------------------------------------------- and brief-cta --------------------------------------------- */ 

#may-be-interested
{
	padding:70px 0px;
}

#may-be-interested h2.interestedh2
{
    width: 50%;
    position: relative;
    font-family: tahoma;
    font-style: normal;
    font-weight: 700;
    font-size: 67px;
    line-height: 73px;
    color: #4197CB;
    margin: 0px 0px 0px 0px;
}

.interested-items {
	position: relative;
	overflow: hidden;
}

ul.interestedul
{
	margin:0px;
	padding:60px 0px 0px 0px;
	display: flex;
	transition: transform 0.4s ease;
	will-change: transform;
	touch-action: pan-y;
}

ul.interestedul li.interestedli
{
	width:33%;
	flex: 0 0 33.3333%;
}

.interested-items button.interested-prev
{
	position:absolute;
	top:10px;
	left:-5px;
	width: 40px;
    height: 40px;
    background: url(./assets/img/prev-tr.png) no-repeat center;
    background-size: cover;
    transform: rotate(-90deg);
    font-size: 0;	
}

.interested-items button.interested-next
{
	position:absolute;
	top:10px;
	right:-5px;
    width: 40px;
    height: 40px;
    background: url(./assets/img/next-tr.png) no-repeat center;
    background-size: cover;
    transform: rotate(-90deg);
    font-size: 0;
}

/* tablet */
@media (max-width: 1024px) {
  .interestedli {
    flex: 0 0 50%;
  }
}

/* arrows */
.interested-prev,
.interested-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  background: none;
  border: none;
  font-size: 30px;
  cursor: pointer;
}

.interested-prev { left: 0; }
.interested-next { right: 0; }


ul.interestedul button.slick-prev
{
	position:absolute;
	top:-45px;
	right:100px;
	width: 40px;
    height: 40px;
    background: url(./assets/img/prev-tr.png) no-repeat center;
    background-size: cover;
    transform: rotate(-90deg);
    font-size: 0;
}

ul.interestedul button.slick-next
{
	position:absolute;
	top:-45px;
	right:30px;
    width: 40px;
    height: 40px;
    background: url(./assets/img/next-tr.png) no-repeat center;
    background-size: cover;
    transform: rotate(-90deg);
    font-size: 0;
}

.interestedli 
{
	text-align:center;
}

.interested-title
{
	margin:0px 0px 20px 0px;
	font-family: tahoma;
    font-style: normal;
    font-weight: 100;
    font-size: 20px;
    line-height: 33px;
    color: #333;
}

.interested-text
{
	height:120px;
	margin:0px 20px 20px 20px;
    font-family: tahoma;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 23px;
    color: #767676;
}

.interested-img img
{
	height: 250px;
	width:400px;
    object-fit: cover;
	margin:0px auto;
	border-radius:25px;
	border-bottom: 3px solid #7ECA1B;
}

.interested-more {
	width:200px;
    margin: 10px auto 0px auto;
    padding: 10px 20px;
    text-align: center;
    font-family: tahoma;
    font-style: normal;
    font-size: 15px;
    background: #7DC91B;
    border-radius: 100px;
}

.interested-more a {
    color: #000;
    font-weight: 500;
}

.slick-prev, .slick-next {
    background-color: #4197CB;
    color: #fff;
    border: none;
    padding: 10px;
    cursor: pointer;
}

.slick-prev:hover, .slick-next:hover {
    background-color: #3175A6;
}

.portfolio
{
	padding: 40px 0px;
	margin:0px 0px 0px 0px;
}

.portfolio .wrapper {
    margin: 0px auto;
    width: 1400px;
    padding: 0px;
}

.portfolio-head
{
	padding:20px;
	background: url(./assets/img/portfolio-bg.jpg) no-repeat center;
	border-radius:20px;
	margin:0px 0px 50px 0px;
}

.portfolio-head h1
{
	font-family: tahoma;
    font-style: normal;
    font-weight: 100;
    font-size: 50px;
    line-height:60px;
    color: #66CB01;
}

.cases-filters
{
	width:100%;
	margin:0px 0px 50px 0px;
}

.case-filters
{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	margin:0px 0px 50px 0px;
}

a.cases-filter-item
{
	padding:10px;
	text-align: center;
    background: #F7F7F7;
	border-bottom:1px solid #E9E9E7;
    border-radius: 20px;
}

.wpcf7 form.sent .wpcf7-response-output
{
	color:green;
	margin:0px;
	border-radius: 20px;
}

#accompanying-service
{
	padding:70px 0px;
}

#acccont
{
	height:843px;
	position:relative;
	display: flex;
    flex-direction: column;
}

#accompanying-service #accompanying-bg-img
{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

#accompanying-service #accompanying-bg-img img
{
	width: 100%;
	height:auto;
	border-radius:20px;
}

#accompanying-service #accompanying-h2
{
	width:45%;
	margin: 100px 25% 50px 50px;
	padding:20px;
	position: relative;
	background-color: rgb(0 0 0 / 65%);
	border-radius:20px;
}

#accompanying-service #accompanying-h2 h2
{
	font-family: tahoma;
	font-style: normal;
	font-weight: 700;
	font-size: 52px;
	line-height: 60px;
	color: #FFFFFF;
}

#accompanying-service #accompanying-link
{
	width:45%;
	margin: 0px 0px 0px 50px;
	position: relative;
}

#accompanying-service #accompanying-link span
{
	width: 100%;
	display: block;
    padding: 10px 0px;
	background: #2A2E31;
	border-radius: 20px;
	font-family: tahoma;
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 140%;
	text-align: center;
	color: #FFFFFF;
}

#accompanying-service #accompanying-down
{
	width:143px;
	height:200px;
	position:relative;
	left:50px;
	top:50px;
	background: url("./assets/img/accompanying-down.png") no-repeat center;
	background-size: cover;
}

#serd-right #desctext .seruy
{
	font-family: tahoma;
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 31px;
	color: #767676;
}

#serd-right #desctext ul li
{
	list-style:disc;
	margin:0px 0px 0px 20px;
	font-family: tahoma;
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 31px;
	color: #000000;
}

#serd-right #serdes-link
{
	margin:50px 0px 0px 0px;
	height:30px;
}

#serd-right #serdes-link button
{
	width: 293px;
	height: 53px;
	border: 1px solid #E10714;
	border-radius: 100px;
	background:#FFF;
	font-family: tahoma;
	font-style: normal;
	font-weight: 700;
	font-size: 15px;
	line-height: 140%;
	text-align: center;
	color: #E10714;
}

#trusted
{
	padding:70px 0px;
}

#tr-first
{
	display:flex;
}

#trusted #trusted-left,
#trusted #trusted-right
{
	width:50%;
	position:relative;
}

.trast-slider
{
	overflow: hidden;
	position: relative;
}

.trast-ul
{
	margin:0px;
	display: flex;
	transition: transform 0.4s ease;
	will-change: transform;
}

.trast-li
{
	flex: 0 0 100%;
}

#trast-slider button.tr-prev
{
	position: absolute;
    top: 15px;
    right: 100px;
    width: 40px;
    height: 40px;
    background: url(./assets/img/prev-tr.png) no-repeat center;
    background-size: cover;
    transform: rotate(-90deg);
    font-size: 0;
}

#trast-slider button.tr-next
{
	position: absolute;
    top: 15px;
    right: 30px;
    width: 40px;
    height: 40px;
    background: url(./assets/img/next-tr.png) no-repeat center;
    background-size: cover;
    transform: rotate(-90deg);
    font-size: 0;
}

#trusted #trusted-left h2
{
	font-family: tahoma;
	font-style: normal;
	font-weight: 700;
	font-size: 67px;
	line-height: 73px;
	text-transform: capitalize;
	color: #4197CB;
	margin:0px 0px 50px 0px;
}

#trusted .underh2line {
    width: 80%;
}

#trusted #trusted-left #trusted-undertitle
{
	width:70%;
	margin:0px 0px 0px 0px;
	font-family: tahoma;
	font-style: normal;
	font-weight: 400;
	font-size: 33px;
	line-height: 40px;
	color: #000000;
}

#trusted #trusted-right ul.tru-ul
{
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}

#trusted-right button.slick-prev
{
	width:40px;
	height:40px;
	background: url(./assets/img/prev-tr.png) no-repeat center;
	background-size: cover;
	transform: rotate(-90deg);
	font-size: 0;
    position: absolute;
	top:20px;
	right:70px;
	z-index:2;
}

#trusted-right button.slick-next
{
	width:40px;
	height:40px;
	background: url(./assets/img/next-tr.png) no-repeat center;
	background-size: cover;
	transform: rotate(-90deg);
	font-size: 0;
    position: absolute;
	top:20px;
	right:0px;
	z-index:2;
}

#trusted #trusted-right ul li
{
	width:100%;
	min-height: 255px;
	margin: 90px 0px 0px 0px;
	text-align:center;
	font-size: 20px;
	line-height: 25px;
	color:#7DC91B;
	  background: linear-gradient(
		135deg,
		#f5f5f5 0%,
		#ededed 50%,
		#E0E0E0 100%
	  );
	border-radius:50px;
}

#trusted #trusted-right ul li img
{
	border-radius:25px;
}

.trast-slid-logo
{
	margin-top:60px;
}

.trast-slid-text
{
	text-align:center;
	width:60%;
	margin:0px auto;
}

#trusted #trusted-right ul li img
{
	width:350px;
	height:auto;
	margin:0px auto;
	max-height: 100px;
}

li.faqpage-li
{
	width:50%;
	float:left;
	margin:0px 0px 50px 0px;
}

.faqpage-question
{
	font-family: tahoma;
	font-style: normal;
	font-weight: 600;
	font-size: 22px;
	line-height: 29px;
	color: #000000;
	margin:0px 0px 40px 0px;
	width: 68%;
}

.faqpage_answer
{
	width: 80%;
	font-family: tahoma;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	color: #767676;
	border-left:4px solid #4197CB;
	padding:0px 0px 0px 30px;
}

#blog-top
{
	margin:20px auto 0px auto;
	width:1400px;
}

.category #blog-top
{
	margin:50px auto 0px auto;
}

#blog-top h1
{
    font-family: tahoma;
    font-style: normal;
    font-weight: 100;
    font-size: 50px;
    line-height: 60px;
	color: #4197CB;
	position:relative;
	margin:0px 0px 20px 0px;
	padding:0px;
}

.news-categories
{
	margin:0px auto 0px auto;
	padding:0px 0px 50px 0px;
	width:1400px;	
}

.category #bloglist
{
	margin:30px auto ;
}

#bloglist
{
	margin:0px auto 0px auto;
	padding:0px 0px 50px 0px;
	width:1400px;
	position:relative;
}

.bloglist
{
	display:flex;
	flex-wrap:wrap;
	gap:20px;
	margin:0px;
}

.bloglist li
{
	width: calc(100% - 0px);
	padding: 0px;
	position: relative;
	display:flex;
	background: #F7F7F7;
    border: 1px solid #E9E9E7;
    border-radius: 20px;
}

.bloglist li .blog_img
{
	width:600px;
	max-height: 100%;
	overflow: hidden;
	border-radius: 20px;
}

.bloglist li article .blogart-right
{
	width:calc(100% - 620px);
	display:flex;
	flex-direction:column;
	gap:20px;
}

.bloglist li .blog-page-category
{
	display:flex;
	gap:20px;
	width:100%;
}

.bloglist li .blog-page-category ul
{
	display:flex;
	gap:20px;	
}

.bloglist li .blog-page-category li
{
	width:auto;
	background:#E9E9E7;
	padding:5px 10px;
	border: none;
	border-radius:15px;
	text-align:center;
}

.bloglist li .blog-page-category li a
{
	width: 100%;
    text-align: center;
	font-family: tahoma;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	color: #333;
}

.bloglist li .blog_img img
{
	width:100%;
	height:auto;
	height: 100%;
	object-fit: cover;
	border-radius:20px;
}

.bloglist li .art-bottom
{
	padding:0px 20px;
	width:100%;
	display:flex;
	flex-wrap:wrap;
	flex-direction:column;
	gap:20px;
	position:relative;
}

.bloglist li a
{
	height:100%;
	display:block;
}

ul.bloglist .blog_title
{
	font-family: tahoma;
	font-style: normal;
	font-weight: 700;
	font-size: 25px;
	line-height: 33px;
	color: #4197CB;
	margin:0px;
}

ul.bloglist li .blogdate
{
	position:absolute;
	bottom:10px;
	right:20px;
	font-family: tahoma;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 16px;
	color: #333;
}

#bloglist #pagination
{
	width:100%;
}

.s26__tags
{
	width:100%;
	margin:20px 0px;
	display:flex;
	flex-wrap:wrap;
	gap:10px;
}

#news-categories .s26__tags
{
	margin:0px 0px;
}

#news-categories .s26__tags h2
{
	font-family: tahoma;
    font-style: normal;
    font-weight: 700;
    font-size: 25px;
    line-height: 31px;
    color: #333;
    padding: 0px;
}

#news-categories .s26__tags ul#ullicatnews
{
	margin:0px;
	display:flex;
	gap:10px;
}

.s26__tags li
{
	font-weight: 400;
	font-size: 16px;
	line-height: 16px;
	color: #000;
    padding: 10px 15px;
    text-align: center;
    background: #F7F7F7;
    border-bottom: 1px solid #E9E9E7;
    border-radius: 20px;
}

.s26__tags li.current-cat
{
background: #E10714;
}

.s26__tags li.current-cat a
{
color:#FFF;
}

.grecaptcha-badge
{
	display:none;
}

#must-read
{
	width:100%;
	height:160px;
	padding:20px 0px;
	margin:50px 0px;
	background: #FFFFFF;
	border-top: 1px solid #C4C4C4;
	border-bottom: 1px solid #C4C4C4;
	border-radius:10px;
}

#must-read .wrapper
{
	display:flex;
	padding:0px 20px;
}

#must-read #mr-title
{
	width:15%;
	display:flex;
}

#must-read #mr-title h2
{
	margin: auto 0px;
	font-family: tahoma;
	font-style: normal;
	font-weight: 700;
	font-size: 25px;
	line-height: 31px;
	color: #333;
}

#must-read #mr-contetn
{
	width:85%;
	margin: 0px 0px 0px 0px;
}

#must-read #mr-contetn ul
{
	width:100%;
	margin:0px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: left;
	gap:10px;
}

#must-read #mr-contetn ul li
{
	width: calc(33.33% - 7px);
	padding:0px 0% 0px 0px;
	background: #F7F7F7;
	-webkit-border-radius: 45px;
	-moz-border-radius: 45px;
	border-radius: 45px;
}

#must-read #mr-contetn ul li .blog-article
{
	width: 100%;
	padding:5px;
	display:flex;
	flex-wrap:nowrap;
}

#bloglist #must-read #mr-contetn ul li .blog-article
{
	flex-direction: row;
}

#mr-contetn ul li .blog-img
{
	position:relative;
	width:90px;
	height:90px;
	margin:0px 0px 0px 0px;
	-webkit-border-radius: 45px;
	-moz-border-radius: 45px;
	border-radius: 45px;
}

#mr-contetn ul li .blog-img img
{
	width:90px;
	height:90px;
	object-fit: cover;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

#mr-contetn ul li .blar-right
{
	width:calc(100% - 100px);
}

#mr-contetn ul li .blog-title
{
	font-family: tahoma;
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
	color: #000000;
}

#mr-contetn ul li .blogdate
{
	font-family: tahoma;
	font-style: normal;
	font-weight: 400;
	font-size: 13px;
	line-height: 26px;
	color: #333;
}

#blog-telo
{
	margin:50px auto 0px auto;
	padding:0px 0px 0px 0px;
	width:1400px;
	display:flex;
	flex-wrap:wrap;
	gap:20px;
}

.post-template-blog-page .main
{
	background: #F9F9F9;
}

#blog-telo-left
{
	width:calc(100% - 0px);
}

#blog-post-top .blog_img
{
	width:100%;
	max-height:445px;
	object-fit: cover;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

#blog-post-top .blog_img img
{
	width:100%;
	max-height: 445px;
	object-fit: cover;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

.blog-head,
.news-head
{
	display:flex;
	flex-wrap:wrap;
	margin:30px 0px;
}

.newshead-left
{
	width:100%;
	margin: 0px;
	padding: 0px;
	display:flex;
	gap:20px;
}

.bpt-left
{
	width: calc(100% - 200px);
}

.bpt-left h1
{
	width:100%;
}

ul#blog-page-category
{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	margin:0px;
	justify-content: flex-end;
}

ul#blog-page-category li
{
	font-size:16px;
	padding:5px;
	background: #F7F7F7;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;	
}

#blog-post-top h1
{
	width:calc(100% - 300px);
	font-family: tahoma;
	font-style: normal;
	font-weight: 700;
	font-size: 38px;
	line-height: 43px;
	color: #000000;
}

.blog-page-category
{
	margin:0px 0px 0px 0px;
}

.blog-page-category li
{
	padding:0px 10px;
	margin:0px 5px 5px 0px;
	border: 1px solid #929292;
	border-radius: 100px;
	font-family: tahoma;
	font-style: normal;
	font-weight: 500;
	font-size: 12px;
	line-height: 29px;
	text-align: center;
	color: #929292;
	list-style:none;
}

.bpt-right
{
	width:300px;
	margin:0px 0px 0px auto;
	display:flex;
	gap:20px;
}

.bpt1,
.bpt2
{
	display:flex;
	flex-direction:column;
	gap:20px;
}

.bpt2
{
	margin-left:auto;
}

.view-count
{
	display:flex;
	gap:5px;
}

#blog-post-top #blogpagedate
{
	width:100%;
	margin:0px;
	font-family: tahoma;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	color: #333;
	text-align: right;
}

ul.single-post-cats
{
	display:flex;
	gap:10px;
	justify-content: flex-end;
	flex-wrap:wrap;
	margin:0px;
}

ul.single-post-cats li
{
	font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    color: #000;
    padding: 5px 10px;
    text-align: center;
    background: #F7F7F7;
    border-bottom: 1px solid #E9E9E7;
    border-radius: 20px;
}

.blog-content-cta
{
	width:100%;
	display:flex;
	padding:5px 20px;
	background: #4197CB;
	border-radius:5px;
}

.blog-content-cta h2
{
	color:#FFF;
	font-size: 26px;
	line-height:26px;
	margin:0px;
	padding:0px;
    font-weight: 500;
    text-shadow: 1px 1px #000;
}

.blog-content-cta .open-popup {
	margin-left:auto;
    display: inline-block;
    padding: 4px 8px;
    background: #fff;
    color: #1f3c88;
    font-weight: 600;
    border-radius: 10px;
    text-decoration: none;
    transition: .25s;
}

.blog-content-cta .open-popup:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, .15);
}

#blog-telo-left #blog-page-content
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 30px 0px;
}

#blog-telo-left #blog-page-content h2
{
	font-family: tahoma;
	font-style: normal;
	font-weight: 600;
	font-size: 28px;
	line-height: 38px;
	text-transform: capitalize;
	color: #000000;
	margin:30px 0px 10px 0px;
}

#blog-telo-left #blog-page-content h3
{
	color:#317196;
	font-weight:600;
	margin:30px 0px 10px 0px;
}

#blog-telo-left #blog-page-content .spage__content
{
	font-family: tahoma;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	color: #333;
}

#blog-telo-left #blog-page-content .spage__content a,
#blog-page-top-content a
{
	color: #0096f1;
	font-weight:600;
}

.spage__content ul
{
	margin:10px 0px 10px 25px;
}

.spage__content ul li
{
	list-style:disc;
}

.spage__content img.alignright
{
	float:right;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

.spage__content img.alignleft
{
	float:left;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

.blog-post-navigation {
    padding: 0px 0px 0px 0px;
    width: 1400px;
	margin: 0px auto 100px auto;
}

.blog-post-nav-inner {
	display: flex;
	justify-content: space-between;
	gap: 20px;
}

.blog-post-nav {
	display: flex;
	align-items: center;
	gap: 10px;
	max-width: 45%;
	text-decoration: none;
	font-weight: 500;
}

.blog-post-nav-prev {
	text-align: left;
	color:#333;
	border:1px solid #66CB01;
	padding:5px;
	border-radius:20px;
	background:#FFF;
}

.blog-post-nav-next {
	text-align: right;
	margin-left: auto;
	color:#333;
	border:1px solid #66CB01;
	padding:5px;
	border-radius:20px;
	background:#FFF;
}

.blog-post-nav .arrow {
	font-size: 18px;
}

#blog-page-niz
{
	width:100%;
	min-height:0px;
	margin:0px 0px 0px 0px;
}

#blog-page-niz #blog-page-video
{
width:100%;
margin:0px 0px 50px 0px;
}

#blog-page-niz #blog-page-video iframe
{
width:100%;
min-height:550px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}

#blog-page-niz #text-under-video
{
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #767676;
padding:0px 0px 30px 0px;
border-bottom: 1px solid #767676;
}

#blog-page-niz #metki
{
margin:30px 0px;
padding:0px 0px 50px 0px;
}

#metki #tegi
{
float:left;
margin:0px 20px 0px 0px;
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 40px;
text-transform: capitalize;
color: #000000;
}

#metki a
{
float:left;
padding:0px 10px;
margin:7px 10px 0px 0px;
border: 1px solid #929292;
border-radius: 100px;
font-family: tahoma;
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 29px;
text-align: center;
color: #929292;
}

#blog-telo-right
{
position:relative;
}

#blog-telo-right #br-strelka
{
position:absolute;
top:255px;
width:130px;
height:187px;
background: url(./assets/img/br-strelka.svg) no-repeat center;
background-size: cover;
}

#blog-contact
{
width:100%;
background:#FFF;
padding:70px 0px;
}

#blog-contact .wrapper
{
	margin:0px auto;
	width:78%;
	max-width:1400px;
	padding:0px 0px;
}

#blog-contact .wrapper #bc-border
{
	min-height:357px;
	border: 1px solid #929292;
	border-radius:20px;
}

#blog-contact #bc-left
{
	width:50%;
	float:left;
	padding:35px 0px 35px 35px;
}

#blog-contact #bc-right
{
	height:355px;
	width:50%;
	float:right;
	background: url(./assets/img/svyaz.jpg) no-repeat center;
	background-size:cover;
	border-radius:20px;
}

#blog-contact #bc-right iframe
{
width:100%;
}

#bc-left h2
{
	font-family: tahoma;
	font-style: normal;
	font-weight: 700;
	font-size: 50px;
	line-height: 60px;
	text-transform: capitalize;
	color: #4197CB;
	margin:0px 0px 30px 0px;
}

#bc-left #bc-tel
{
	font-family: tahoma;
	font-style: normal;
	font-weight: 400;
	font-size: 32px;
	line-height: 31px;
	color: #767676;
	margin:0px 0px 40px 0px;
}

#bc-left #bc-location
{
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 140%;
color: #767676;
background: url(./assets/img/footer-location.svg) no-repeat left top;
background-position: left 0px top 5px;
padding: 0px 0px 10px 30px;
margin:0px 0px 20px 0px;
}

#bc-left #bc-shedule
{
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 140%;
color: #767676;
background: url(./assets/img/footer-shedule.svg) no-repeat left top;
background-position: left 0px top 5px;
padding: 0px 0px 10px 30px;
margin:0px 0px 20px 0px;
}

#bc-left #bc-mail
{
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 140%;
color: #767676;
background: url(./assets/img/footer-mail.svg) no-repeat left;
background-position: left 0px top 5px;
padding: 0px 0px 10px 30px;
margin:0px 0px 20px 0px;
}

#lastnews
{
	width:100%;
	background:#FFF;
	padding:70px 0px;
}

#bg-nderimg
{
	background: #FFFFFF;
	border: 1px solid #929292;
	-webkit-border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
}

#blog-top #underh1
{
width:38%;
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 21px;
line-height: 29px;
color: #929292;
}

#blog-top #underh1 span
{
	color: #F23535;
	font-weight:bold;
}

ul.bloglist li .blog-link-img
{
	width: 50%;
	height: 250px;
	padding: 0px;
	margin:0px;
}

ul.bloglist li .blogart-right .blog-link .blog-link
{
	width:300px;
	padding: 5px 10px;
	margin:0px;
	background: #66CB01;
	border-radius: 100px;
	font-family: tahoma;
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 29px;
	text-align: center;
	color: #333;
}

.pni-niz
{
	display:flex;
	gap:10px;
	flex-wrap:wrap;
	flex-direction:column;
	position:absolute;
	bottom:0px;
	width:100%;
}

.blog-link-div
{
	width:200px;
	padding: 5px 10px;
	margin:0px;
	background: #66CB01;
	border-radius: 100px;
	font-family: tahoma;
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 29px;
	text-align: center;
	color: #333;	
}

ul.bloglist li .blogitem_text
{
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 23px;
color: #767676;
}

#news-categories
{
	width: 100%;
	padding:30px;
	border: 1px solid #C4C4C4;
	border-radius: 20px;
	margin:0px 0px 50px 0px;
	display:flex;
}

#news-sidebar
{
width:400px;
float:right;
}

#news-categories #sidebar-search
{
width:100%;
margin:0px 0px 30px 0px;
height:30px;
}

#news-categories #sidebar-search form
{
width:260px;
float:left;
}

#news-categories #sidebar-search form input
{
padding:7px 5px;
background: #FFFFFF;
border: 1px solid #929292;
border-radius: 5px;
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 22px;
color: #A7A7A7;
}

#news-categories #sidebar-search form button
{
width:20px;
height:18px;
background: url(./assets/img/search-b.svg) no-repeat center;
background-size: cover;
position: relative;
left: -35px;
top: 3px;
}

#news-sidebar ul.s26__tags h2
{
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 33px;
line-height: 40px;
text-transform: capitalize;
color: #000000;
margin:0px 0px 20px 0px;
}

.top-news-s
{
    margin: 0px auto 0px auto;
    padding: 0px 0px 50px 0px;
    width: 1400px;
    position: relative;
}

#top-news
{
	width: 100%;
	padding: 20px;
	background: #FFFFFF;
	border: 1px solid #C4C4C4;
	border-radius: 20px;
	margin: 0px 0px 0px 0px;
}

#top-news h2
{
	margin: 0px 0px 30px 0px;
	font-family: tahoma;
	font-style: normal;
	font-weight: 700;
	font-size: 33px;
	line-height: 40px;
	text-transform: capitalize;
	color: #000000;
}

.top-news-list
{
	display:flex;
	flex-wrap:wrap;
	gap:20px;
	margin:0px;
}

.top-news-list li
{
	background: #F7F7F7;
	padding:0px 0px;
	display: flex;
    flex-direction: column;
    width: calc(33.33% - 14px);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

.blog-article
{
	display:flex;
	flex-wrap:wrap;
	gap:20px;
    flex-direction: column;
}

.top-news-img
{
	width:100%;
}

.top-news-img img
{
	height: 200px;
    object-fit: cover;
	border-radius:20px;
}

#top-news ul li .blog-img
{
	width:100px;
	height:100px;
	position:relative;
}

#top-news ul li .blog-img img
{
width:100px;
height:100px;
object-fit: cover;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}

#top-news ul li .blog-img span
{
    background: #E10714;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0px;
    right: 10%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

#top-news ul li .blar-right
{
	width:calc(100% - 0px);
	padding:0px 20px 20px 20px;
}

#top-news ul li .blar-right .blogdate
{
	font-family: tahoma;
	font-style: normal;
	font-weight: 400;
	font-size: 13px;
	line-height: 26px;
	color: #333;
	margin:0px;
}

#top-news ul li .blar-right .blog-title
{
	font-family: tahoma;
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 26px;
	color: #000;
	margin:0px 0px 0px 0px;
}

#acces-video
{
width:50px;
height:50px;
background: url(./assets/img/video-access.svg) no-repeat center;
background-size: cover;
float:left;
margin:0px 15px 0px 0px;
}

#id_713 #header-button button
{
background:#FFF;
border: 1px solid #E10714;
border-radius: 100px;
font-family: tahoma;
font-style: normal;
font-weight: 600;
font-size: 15px;
line-height: 140%;
text-align: center;
text-transform: uppercase;
color: #E10714;
padding: 15px 50px;
}

#buildings-access-methods
{
padding:70px 0px;
}

#buildings-access-methods h2
{
width:53%;
margin:0px 50% 140px 0px;
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 67px;
line-height: 73px;
color: #000000;
position:relative;
}

#buildings-access-methods #access-items
{
width:100%;
}

#access-items li
{
width:100%;
margin:0px 0px 50px 0px;
min-height:400px;
}

#access-items li #waccess-img
{
float:right;
width:45%;
max-height:400px;
overflow:hidden;
}

#access-items li #waccess-img img
{
width: 100%;
min-height:400px;
-webkit-border-radius: 210px;
-moz-border-radius: 210px;
border-radius: 210px;
}

#access-items li #access-item-op
{
width:55%;
float:left;
}

#access-items li:nth-child(even) #access-item-op
{
float:right;
width:50%;
padding:0px 0px 0px 50px;
}

#access-items li:nth-child(even) #waccess-img
{
float:left;
}

#access-item-op #access-number
{
height:100px;
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 100px;
line-height: 100px;
color: #DCDCDC;
margin:30px 0px 30px 0px;
}

#access-item-op #access-title
{
width:80%;
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 31px;
line-height: 43px;
color: #000000;
margin:0px 0px 20px 0px;
}

#access-item-op .access-text
{
width:50%;
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 23px;
color: #767676;
}

#our-winning-team
{
padding:70px 0px;
}

#our-winning-team h2
{
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 67px;
line-height: 73px;
color: #000000;
width:40%;
margin:0px 0px 70px 0px;
position:relative;
}

#ourteam-items
{
padding:0px 0px 0px 190px;
background: url(./assets/img/team-str.svg) no-repeat left;
background-position: left 0px top 0px;
background-size:150px;
}

ul.ourteam-ul
{
display:flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-end;
}

ul.ourteam-ul li
{
width:30%;
margin: 0px 0px 40px 3%;
}

ul.ourteam-ul li:nth-child(3),
ul.ourteam-ul li:nth-child(6),
ul.ourteam-ul li:nth-child(9),
ul.ourteam-ul li:nth-child(12),
ul.ourteam-ul li:nth-child(15),
ul.ourteam-ul li:nth-child(18),
ul.ourteam-ul li:nth-child(21),
ul.ourteam-ul li:nth-child(24),
ul.ourteam-ul li:nth-child(27),
ul.ourteam-ul li:nth-child(30)
{
margin: 0px 0% 40px 3%;
}

ul.ourteam-ul li #ourteam-photo
{
width:100%;
max-height:235px;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
position:relative;
}

#mini-logos
{
position:absolute;
top:0px;
right:0px;
width: 75px;
height: auto;
margin: 30px -25px 0px 0px;
}

#mini-logos li
{
width:70px;
height:46px;
padding:5px 8px;
text-align:center;
background: #FFFFFF;
border: 1px solid #929292;
border-radius: 20px;
margin:0px 0px 10px 0px;
}

#mini-logos li img
{
    min-height: 5px !important;
    max-height: 35px !important;
    width: 80% !important;
}

ul.ourteam-ul li #ourteam-photo img
{
min-height:235px;
max-height:235px;
object-fit: cover;
width:100%;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}

#ourteam-item-op
{
background: #FFFFFF;
border: 1px solid #929292;
padding: 30px;
-webkit-border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
}

#ourteam-name
{
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 22px;
line-height: 26px;
color: #000000;
margin:0px 0px 30px 0px;
}

#ourteam-jobtitle
{
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #787878;
}

#ourteam-e-mail
{
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #787878;
padding:0px 0px 0px 25px;
background: url(./assets/img/team-email.svg) no-repeat left;
background-position: left 0px top 7px;
}

#certified-team
{
padding:70px 0px;
}

#certified-team h2
{
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 67px;
line-height: 73px;
color: #000000;
width:48%;
margin:0px 0px 70px 0px;
position:relative;
}

#certified-team-items li
{
width:100%;
min-height:450px;
margin:0px 0px 50px 0px;
}

#certified-team-items li #certeam-img
{
max-height:420px;
overflow:hidden;
float:right;
width:50%;
}

#certified-team-items li #certeam-img img
{
min-height:400px;
width:100%;
object-fit: cover;
-webkit-border-radius: 210px;
-moz-border-radius: 210px;
border-radius: 210px;
}

#certified-team-items li #certeam-item-op
{
float:left;
width:45%;
}

li #certeam-item-op #certeam-title
{
width:70%;
margin:30px 0px 30px 0px;
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 28px;
line-height: 36px;
color: #000000;
}

li #certeam-item-op #certeam-text
{
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 23px;
color: #767676;
margin:0px 0px 20px 0px;
width:90%;
}

#certified-team-items li:nth-child(even) #certeam-img
{
float:left;
}

#certified-team-items li:nth-child(even) #certeam-item-op
{
float:right;
}

#to-exceed
{
padding:70px 0px 100px 0px;
border-bottom:1px solid #C4C4C4;
}

#to-exceed #ex-left
{
width:50%;
float:left;
}

#to-exceed #ex-left h2
{
width:90%;
margin:0px 0px 50px 0px;
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 51px;
line-height: 58px;
color: #000000;
position:relative;
}

#to-exceed #ex-text
{
width:85%;
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 31px;
color: #767676;
}

#to-exceed #ex-right
{
width:50%;
float:right;
}

#to-exceed #ex-right img
{
margin:190px 0px 0px 0px;
width:100%;
height:auto;
-webkit-border-top-right-radius: 345px;
-moz-border-radius-topright: 345px;
border-top-right-radius: 345px;
}

#compliance
{
padding:70px 0px;
}

#compliance h2
{
width:40%;
margin:0px 0px 50px 0px;
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 37px;
line-height: 49px;
text-transform: uppercase;
color: #000000;
}

#comp-item
{
width:100%;
}

#comp-item li
{
width:100%;
min-height:400px;
padding:30px;
margin:0px 0px 50px 0px;
background: #F9F9F9;
border: 1px solid #929292;
border-radius: 20px 20px 20px 200px;
}

#comp-item li #comp-numb
{
margin:20px 0px 0px 20px;
width:70px;
float:left;
font-family: tahoma;
font-style: normal;
font-weight: 100;
font-size: 107px;
line-height: 73px;
color: #B0B0B0;
}

#comp-item li #comp-op
{
width:65%;
float:right;
}

#comp-item li #comp-text
{
width:90%;
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 17px;
line-height: 31px;
color: #000000;
margin:20px 0px 30px 0px;
}

#comp-item li #comp-link
{
padding: 10px 0px 20px 45px;
min-height:20px;
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 26px;
text-decoration-line: underline;
color: #929292;
background: url(./assets/img/comp-link.svg) no-repeat left;
background-position: left 0px top 20px;
overflow-wrap: break-word;
}

.contacts-header h1
{
	font-family: tahoma;
	font-style: normal;
	font-weight: 400;
	font-size: 50px;
	line-height: 73px;
	color: #4197CB;
	margin:0px 0px 40px 0px;
}

.contacts-header #contact-tel
{
	margin:0px 0px 20px 0px;
	font-family: tahoma;
	font-style: normal;
	font-weight: 400;
	font-size: 32px;
	line-height: 31px;
	color: #333;
}

.contacts-header #contact-graf
{
	font-family: tahoma;
	font-style: normal;
	font-weight: 400;
	font-size: 15px;
	line-height: 140%;
	color: #333;
	padding: 0px 0px 10px 30px;
	background: url(./assets/img/schedule.svg) no-repeat left top;
	background-size: 25px;
	margin: 0px 0px 10px 0px;
}

.contacts-header #contact-graf span
{
	font-weight:bold;
}

.contacts-header #contact-mail
{
	font-family: tahoma;
	font-style: normal;
	font-weight: 400;
	font-size: 15px;
	line-height: 140%;
	color: #333;
	padding: 5px 0px 5px 30px;
	margin: 0px 0px 10px 0px;
	background: url(./assets/img/email.svg) no-repeat left;
	background-size: 25px;
}

.contacts-header .cont-right #cont-form
{
	width:100%;
	margin: 50px 0px;
}

.contacts-header .cont-right #cont-form form
{
	display:flex;
	flex-wrap:wrap;
	flex-direction:column;
	gap:20px;
}

.cont-right #cont-form input,
.cont-right #cont-form textarea
{
	border:1px solid #C4C4C4;
	padding:10px;
	font-family: tahoma;
	font-style: normal;
	font-weight: 400;
	font-size: 15px;
	line-height: 31px;
	color: #000;
	width:100%;
	border-radius:5px;
}

.cont-right #cont-form textarea
{
	height:100px;
}

#cont-right #cont-form textarea
{
height:50px;
width:100%;
resize: none;
overflow:hidden;
}

#cont-right #cont-form input::placeholder,
#cont-right #cont-form textarea::placeholder
{
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 31px;
color: #767676;
text-transform: uppercase;
}

#cont-right #cont-form input.wpcf7-submit
{
margin:20px 0px 0px 0px;
height: 53px;
background: #E10714;
border-radius: 100px;
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 15px;
line-height: 140%;
text-align: center;
color: #FFFFFF;
background:#66CB01;
border-radius:20px;
}

#top-rated
{
padding:70px 0px;
}

#top-rated h2
{
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 67px;
line-height: 73px;
color: #000000;
width:61%;
margin:0px 0px 50px 0px;
position:relative;
}

#top-rated #toprated-unertitle
{
width:63%;
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 21px;
line-height: 29px;
color: #929292;
}

#toprate-items
{
margin:90px 0px 0px 0px;
min-height: 400px;
background: url(./assets/img/kav.png) no-repeat left;
background-position: left 10px top 10px;
background-size:100px;
}

#toprate-items ul
{
width:80%;
float:right;
list-style-type: none;
display: flex;
justify-content: flex-start;
}

li.tr-li
{
flex: 0 0 auto;
float:left;
width:30%;
background: #F9F9F9;
border: 1px solid #B0B0B0;
border-radius: 20px;
padding:20px;
}

.ant-carousel-arrow-right
{
width:106px;
height:74px;
background: url(./assets/img/cont-str-right.svg) no-repeat left;
background-size: cover;
right: 0px;
top: 33%;
}

.ant-carousel {
width:100%;
position: relative;
margin:90px 0px 0px 0px;
min-height: 400px;
background: url(./assets/img/kav.png) no-repeat left;
background-position: left 10px top 10px;
background-size:100px;
}
.ant-carousel-hider {
overflow: hidden;
width:900px;
float:right;
margin: 0px 10% 0px 0px;
}
.ant-carousel-list {
	width: auto;
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: flex;
	justify-content: flex-start;
}
.ant-carousel-element {
	display: block;
	flex: 0 0 auto;
	width: 280px;  /* укажите здесь ваше значение */
	text-align: center;  /* укажите здесь ваше значение */
background: #F9F9F9;
border: 1px solid #B0B0B0;
border-radius: 20px;
padding:20px;
margin:0px 20px 0px 0px;
}
/* Navigation item styles */
div.ant-carousel-arrow-left, div.ant-carousel-arrow-right {

	position: absolute;
	cursor: pointer;
	opacity: 0.6;
	z-index: 2;
	display: block;
}
div.ant-carousel-arrow-left {
 	left: -40px;
	top: 40%;
 	background: url(“ant-arrow-left.png”)  no-repeat;
}
div.ant-carousel-arrow-left: hover {
	opacity: 1.0;
}
div.ant-carousel-arrow-right: hover {
	opacity: 1.0;
}
div.ant-carousel-dots {
	width: 100%;
	 height: auto;
	position: absolute;
	left: 0;
	bottom: -30px;
	z-index: 2;
	text-align: center;
}
span.ant-dot {
	width: 10px;
	height: 10px;
	margin: 5px 7px;
	padding: 0;
	display: inline-block;
	background-color: #BBB;
	border-radius: 5px;
	cursor: pointer;
}

#tr-text
{
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 23px;
color: #000000;
margin:0px 0px 50px 0px;
text-align:left;
}

#tr-name
{
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 19px;
line-height: 26px;
color: #000000;
text-align:left;
margin:0px 0px 10px 0px;
}

#tr-loc
{
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #787878;
text-align:left;
padding:0px 0px 0px 25px;
background: url(./assets/img/footer-location.svg) no-repeat left top;
}

#front-link
{
	padding:50px 0px;
	margin:0px;
}

#front-link .wrapper
{
	width:1400px;
	margin:0px auto;
}

.fl-content
{
	padding:10px;
	text-align:center;
	background: #F9F9F9;
	border-radius:20px;
    box-shadow: 0px 7px 19px 0px rgba(214, 207, 207, 0.75);
    -webkit-box-shadow: 0px 7px 19px 0px rgba(214, 207, 207, 0.75);
    -moz-box-shadow: 0px 7px 19px 0px rgba(214, 207, 207, 0.75);
}

.fl-content a
{
	color:#4197CB;
	font-weight:600;
	font-size:33px;
}

#last-blog-gallery
{
padding:50px 0px;
margin:0px;
}

#top-lbg
{
	width:100%;
	margin:0px 0px 30px 0px;
}

#top-lbg h2
{
	width:100%;
    font-family: tahoma;
    font-style: normal;
    font-weight: 700;
    font-size: 67px;
    line-height: 73px;
    color: #4197CB;
	position:relative;
}

#lbg-items
{
	width:100%;
}

#lbg-items ul
{
	position:relative;
	display:flex;
	flex-wrap:wrap;
	gap:70px 20px;
	padding:0px;
	margin:0px;
}

#lbg-items li
{
	width:calc(33% - 10px);
}

.servicep #lbg-items li
{
	border: 1px solid #4197CB;
    border-radius: 20px;
    padding: 10px;
}

#lbg-items li a
{
	width:100%;
	display:flex;
	flex-direction:column;
	gap:10px;
}

#lbg-items li img
{
	width:100%;
	height: 150px;
    object-fit: cover;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

#lbg-items li .last-bt
{
	font-family: tahoma;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    color: #4197CB;
}

.popup_form
{
opacity:0;
visibility:hidden;
position:fixed;
top:90px;
left:calc(50% - 200px);
width:400px;
height:auto;
background:#FFF;
border:3px solid #7DC91B;
z-index:333;
padding:25px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
-webkit-box-shadow: 0px 3px 10px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 3px 10px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 3px 10px 0px rgba(50, 50, 50, 0.75);
}

.popup {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.popup.popup-visible {
    opacity: 1;
    visibility: visible;
}


#get-free-q:target
{
opacity:1;
visibility:visible;
}

#get-free-q h2 {
width:90%;
font-family: 'Montserrat-Bold';
font-size: 26px;
line-height: 30px;
letter-spacing: 0em;
color: #4197CB;
margin:0px 0px 30px 0px;
}

#get-free-q #underh2 {
font-family: Open Sans;
font-size: 18px;
font-weight: normal;
line-height: 23px;
letter-spacing: 0em;
color: #828282;
margin:0px 0px 30px 0px;
}

#get-free-q .close-popup.cl__close
{
font-size:40px;
width:40px;
height:40px;
float:right;
color:#7DC91B;
line-height: 40px;
position: absolute;
top: 0px;
right: 0px;
}

#get-free-q form label
{
width:100%;
}

#get-free-q form input
{
width:100%;
border:1px solid #ECECEC;
padding:10px;
margin:0px 0px 10px 0px;
color:#767676;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}

#get-free-q form select
{
width:100%;
border:1px solid #ECECEC;
padding:10px;
margin:0px 0px 10px 0px;
color:#767676;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}

#get-free-q form label span
{
position:relative;
}

#get-free-q form .wpcf7-not-valid-tip
{
position: absolute;
z-index:3;
left: 15px;
top: 45%;
}

#get-free-q form button
{
width:100%;
background:#7DC91B;
color:#FFF;
text-align:center;
padding:20px 0px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}

section.city-head
{
	width:1400px;
	margin:0px auto;
}

section.city-head #under-head
{
    position: relative;
    height: 740px;
    background: linear-gradient(to bottom right, #bfe5f4 50%, #6ca4bb 100%);
}

section.city-head #head-conteiner {
    position: relative;
    width: 50%;
    top: 200px;
    margin: 0px 0px 0px 50px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

#city-text,
#city-podrob-text,
.city-pages-list
{
	padding:0px 0px 100px 0px;	
}

.ct-wrapper
{
	width:1400px;
	margin:0px auto;
    background: url(./assets/img/city-text.jpg) no-repeat left bottom #FBFBFD;
    padding: 20px 20px 20px 400px;
    border: 2px solid #E2E2E2;
	border-radius: 10px;
	display:flex;
	flex-direction:column;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.09);
}

.ct-wrapper h2
{
    font-family: tahoma;
    font-style: normal;
    font-weight: 600;
    font-size: 33px;
    line-height: 40px;
    text-transform: capitalize;
    color: #3A84AF;
    padding: 0px 0px 30px 0px;
}

.ct-text
{
    font-family: tahoma;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: #333;
}

.cpdt-wrapper
{
	width:1400px;
	margin:0px auto;
    padding: 0px;
	display:flex;
	flex-direction:column;
}

.cpdt-img img
{
	border-bottom:2px solid #66CB01;
	border-radius:20px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.09);
}

.cpdt-wrapper h2
{
	margin: 50px 0px;
	text-align:center;
	font-size: 67px;
    line-height: 73px;
    font-family: tahoma;
    font-style: normal;
    font-weight: 700;
	color: #4f8c01;
    text-transform: capitalize;
    position: relative;
}

.cpdt-text
{
	padding:20px;
	background:#FBFBFD;
	border-radius:20px;
	box-shadow: 0px 7px 19px 0px rgba(214, 207, 207, 0.4);
    -webkit-box-shadow: 0px 7px 19px 0px rgba(214, 207, 207, 0.4);
    -moz-box-shadow: 0px 7px 19px 0px rgba(214, 207, 207, 0.4);
}

.cpdt-text h3
{
	color: #4197CB;
	margin:30px 0px 5px 0px;
	font-size: 33px;
    line-height: 43px;
	text-align:left;
}

.cpdt-text h3:first-child
{
	margin:0px 0px 5px 0px;
}

.city-pages-list .wrapper
{
	width:1400px;
	margin:0px auto;
    padding: 0px;
	display:flex;
	flex-direction:column;	
}

.city-pages-list .wrapper h2
{
	width:60%;
	margin: 50px 0px;
	font-size: 67px;
    line-height: 73px;
    font-family: tahoma;
    font-style: normal;
    font-weight: 700;
	color: #4197CB;
    text-transform: capitalize;
    position: relative;	
}

.city-pages-list .wrapper ul
{
	display:flex;
	flex-wrap:wrap;
	gap:20px 10px;
	margin:0px;
}

.city-pages-list .wrapper ul li
{
	text-align:center;
	color:#000;
	padding:10px;
	border-radius:20px;
	background: #FBFBFD;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.09);
}

/* ----------------------------------------------- seo tools --------------------------------------------------------------- */
.seo-tools
{
	width:1400px;
	margin:200px auto 0px auto;
	padding:10px 0px;
}

.seo-tools h1
{
	font-family: tahoma;
    font-style: normal;
    font-weight: 700;
    font-size: 60px;
    line-height: 68px;
    text-transform: capitalize;
    color: #4197CB;
    text-shadow: 1px 1px 1px #FFFFFF;
    margin: 0px;
}

.st-undertitle
{
    color: #000;
	font-weight:500;
	font-size:20px;
    padding: 10px 20px;
    border-radius: 20px;
    background: #FBFBFD;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.09);
}

.seo-tabs {
	margin: 20px 0 0px 0;
	border-bottom: 1px solid #CCC;
}

.tab-btn {
	padding: 10px 20px;
	border: none;
	background: #eee;
	cursor: pointer;
	margin-right: 5px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.tab-btn:hover
{
	background: #68C0FF;
}

.tab-btn.active {
	background: #0073aa;
	color: #fff;
}

.seo-tab-content {
	display: none;
	margin-top: 0px;
	padding:20px;
	background: #F9F9F9;
    border-bottom: 1px solid #E9E9E7;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

.seo-tab-content.active,
.seo-tab-content.active .seo-tab-content {
  display: block;
}

.seo-tab-content input,
.seo-tab-content textarea
{
	padding:10px;
	border-radius:10px;
	border:none;
}

.seo-tab-content input:hover,
.seo-tab-content textarea:hover
{
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1) !important;
}

.seo-tab-content label
{
	margin:10px 0px 0px 0px;
	font-weight:600;
}

.seo-tab-content h2
{
	font-size:30px;
	font-weight:600;
	color: #4197CB;
}

.result-box {
	margin-top: 20px;
	padding: 15px;
	border-radius: 5px;
	background: #f5f5f5;
}

.mcct
{
	display:flex;
	flex-direction: column;
	gap:20px;
}

.mcct button
{
	padding:10px;
	background: #8CCFFF;
	font-weight:600;
	border-radius: 15px;
}

.mcct button:hover
{
	background: #75C5FF;
}

.mcct-item
{
	display:flex;
	flex-direction: column;	
}

.good { color: green; }
.warn { color: orange; }
.bad { color: red; }

.seo-note {
	margin-top:20px;
	padding:15px;
	background:#f9f9f9;
	font-size:14px;
	color:#555;
	border-left:4px solid #66CB01;
}

h2.seotoolsh2
{
    font-family: tahoma;
    font-style: normal;
    font-weight: 700;
    font-size: 67px;
    line-height: 73px;
    color: #4197CB;
    position: relative;
    margin: 50px 0px 30px 0px;
}

#auditResult h3
{
	font-size:26px;
	font-weight:600;
	color:#66CB01;
}

.seo-keywords,
.seo-keyphrases,
.seo-keyword-density
{
	background:#f1f1f1;
	padding:10px;
	margin:0px 0px 10px 0px;
	border-radius:20px;
}

.seo-keywords h4,
.seo-keyphrases h4,
.seo-keyword-density h4
{
	font-size:18px;
	font-weight:600;
	margin:0px 0px 10px 0px;
}

.seo-keywords ul,
.seo-keyphrases ul,
.seo-keyword-density ul
{
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}

.seo-keywords ul li,
.seo-keyphrases ul li,
.seo-keyword-density ul li
{
	background:#FFF;
	padding:5px;
	border-radius:15px;
}

/* ------------------------------------------------------------ and seo tools ------------------------------------------------- */

/* --------------------------------------------------------------------------------------------- WebAtom ---------------------------------------------------------------*/




#front-top-bg
{
position:absolute;
width:100%;
height:100%;
top: 0px;
left: 0px;
}

#id_20 #front-top-bg
{
z-index:1;
}

.section.top .container-fluid
{
width:78%;
margin:0px auto;
padding: 0px !important;
} 

.slink {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding: 0 1.55em 0 0;
  font: 20px/2 "tahoma";
  white-space: nowrap;
  color: #000;
  background: transparent;
}

.slink > * {
  position: relative;
  display: inline-block;
  overflow: hidden;
}

.slink > *:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.15em;
  background: linear-gradient(to right, #0130f9 0%, #00ffff 25%, #74ff80 50%, #00ffff 75%, #0130f9 100%) 0 0/200% 100% no-repeat;
  transition: background 0.5s;
}

.slink:before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  width: 1.2em;
  height: 1.2em;
  background: url("./assets/img/icons/next.svg") center/100% auto no-repeat;
}

.slink:hover > *:before {
  background-position: 100% 0;
}

.slink_white {
  color: #fff;
}

.slink_white:before {
  background-image: url("./assets/img/icons/next-white.svg");
  width:12px;
  height:22px;
}

#id_20 .slink_white:before {
  background-image: url("./assets/img/icons/next-black.png");
  width:12px;
  height:22px;
}

.map-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.map-wrap .gmnoprint {
  display: none !important;
}

.map-wrap a[rel="noopener"] {
  display: none !important;
}

.main {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  background:#FFF;
}

.header {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  color: #fff;
  background: #FFF;
  z-index: 10;
  min-width: 320px;
  width:100%;
  height:120px;
}

.section.header
{
	display:block;
	width:100%;
}

body.admin-bar .section.header
{
	margin:30px 0px 0px 0px;
}

.header-verh {
	height: 60px;
	width:100%;
	background:#FFF;
}

.header-verh-wrapper
{
	width:1400px;
	margin:0px auto;
	height: 60px;
    display: flex;
    flex-wrap: wrap;
}

#footer-logo-webatom
{
	height:74px;
	padding: 10px;
    width: 210px;
	display:flex;
	background:#FFF;
	border-radius:20px;
}

#logo-webatom,
#logo-webatom a
{
	display: flex;
}

#header-tel
{
	margin-left:auto;
}

#hederniz
{
	width:100%;
	height: 60px;
	background: #4197CB;
	border-bottom:1px solid #929292;
}

#header-niz-wrap
{
	width:100%;
	height: 60px;
	max-width:1400px;
	margin:0px auto;
}

.headnww
{
	width:100%;
	display:flex;
	padding:0px;
}

.home header.section
{
background: none;
}

.home #hederniz
{
background: #0099CC;
border-bottom:1px solid #FFF;
}

.home #hederniz .header__menu li a,
.home .section.header.header_scrolled #hederniz .header__menu li a
{
color:#FFF;
}

.home #hederniz .header__menu ul.sub-menu li a,
.home .section.header.header_scrolled #hederniz .header__menu ul.sub-menu li a
{
color:#294592;
}

.home .section.header.header_scrolled #hederniz {
background: #0099CC !important;
border-bottom:1px solid #FFF;
}

#hederniz #main-menu
{
	margin: 0px;
	width: calc(80% - 0px);
	display:flex;
}

#main-menu ul {
    display: flex;
    gap: 0px 5px;
	margin:0px;
}

#main-menu .menu-item {
	position: relative;
	text-align:center;
}

#main-menu .menu-item:hover{
	background:#3c91c4;
}

#main-menu .menu-item a
{
	color:#000;
	font-weight:600;
}

#main-menu .sub-menu {
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 250px;
	background: #66CB01;
	box-shadow: 0 10px 30px rgba(0,0,0,.25);
	opacity: 0;
	visibility: hidden;
	transform: translateY(10px);
	transition: .25s ease;
}

#main-menu .menu-item-has-children:hover > .sub-menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	display:flex;
	flex-direction:column;
}

#main-menu .menu-item-has-children:hover > .sub-menu li a
{
	border-bottom:1px solid #FFF;
	display:block;
}

#hederniz .header-svyaz
{
	height:59px;
	width:20%;
	margin:0px 0px 0px auto;
	background: #66CB01;
}

#hederniz .header-svyaz button
{
	width:100%;
	height:100%;
	display:block;
	text-align:center;
	background:none;
	color:#FFF;
}

.header-verh .yazuk
{
	width: 110px;
	height: 59px;
	padding: 0px;
	margin:-5px 20px 0px auto;
}

.language-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

.language-menu > li {
    position: relative;
}

/* прячем подменю */
.language-menu .sub-menu {
    display: none;
    position: absolute;
    top: 33px;
    left: -15px;
    background: #fff;
    min-width: 140px;
    box-shadow: 0 8px 20px rgba(0,0,0,.08);
    z-index: 999;
	border-radius:10px;
}

/* показываем при наведении */
.language-menu > li:hover .sub-menu {
    display: block;
}

/* ссылки */
.language-menu a {
    display: block;
    padding: 4px 8px;
    white-space: nowrap;
	color:#333;
}

#login-form
{
	margin:200px auto 80px auto;
	width: 250px;
    background: linear-gradient(to right bottom, #E2E2E2, #FFF, #FCFCFC);
    padding: 10px;
    border: 1px solid #E2E2E2;
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
	flex-direction:column;
    box-shadow: 0px 7px 19px 0px rgba(214, 207, 207, 0.75);
    -webkit-box-shadow: 0px 7px 19px 0px rgba(214, 207, 207, 0.75);
    -moz-box-shadow: 0px 7px 19px 0px rgba(214, 207, 207, 0.75);
}

#login-form h1
{
	font-size:26px;
}

#menu-item-2532,
#menu-item-2531
{
	border:1px solid #333;
	border-radius:25px;
}

.yazuk nav ul li a img
{
	width:16px;
	height:11px;
	box-shadow: 1px 3px 5px 0px rgba(125,125,125,0.51);
	-webkit-box-shadow: 1px 3px 5px 0px rgba(125,125,125,0.51);
	-moz-box-shadow: 1px 3px 5px 0px rgba(125,125,125,0.51);
}

.language-menu-container
{
	width:100%;
	padding:0px;
}

ul.language-menu
{
	padding: 17px 0px;
	margin:0px;
	display:flex;
	flex-wrap:wrap;
	gap:10px;
}

#hederniz #my-view
{
	width: 4%;
	height: 59px;
	margin:0px 0px 0px auto;
	text-align:center;
	background: url("./assets/img/account-icon.svg") no-repeat center;
	background-size:20px;
}

#hederniz #my-view a
{
	display:block;
	width: 100%;
    height: 100%;
}

.section.header.header_scrolled #hederniz .header__menu li a
{
color:#929292;
}

.header > *:nth-child(2) .container-fluid {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.header__bg_2 {
  position: relative;
}

.header__bg_2:before {
  opacity: 0;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0px;
  background: #fff;
  transition: all 0.2s;
}

.header__box {
  /*display: flex;*/
  justify-content: space-between;
  align-items: center;
  height: 60px;
  pointer-events: auto;
  transition: height 0.2s;
}

.header__box #logo
{
float:left;
margin:5px 20px 0px 0px;
}

.header__box #logo-webatom
{
	display:flex;
	float:left;
	margin:5px 20px 0px 0px;
}

.header__box #logo-webatom a
{
	display:flex;
}

#footer1 #logo-webatom
{
	display:flex;
    background: #FFF;
    border-radius: 20px;
    width: 100%;
    padding: 10px;
}

#footer1 #logo-webatom .webatom-logo-img {
    margin: 5px 0px 0px 0px;
}

.header__box #logo-webatom img
{
	height:50px;
	width:108px;
}

.webatom-logo-img
{
	width:50px;
	height:50px;
	background: url("./assets/img/webatom-logo-img.png") no-repeat center;
	background-size:cover;
	animation: rotate 10s linear infinite;
}

#main-menu
{
	margin:0px 20px 0px 0px;
}

.contants-icon,
.cabinet-icon,
.menu-icon
{
	display:none;
}

.all-contacts
{
	height: 60px;
	display:flex;
    flex-wrap: wrap;
}

#napisat
{
	height: 25px;
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	margin:15px 30px 0px 0px;
}

.viber
{
	width:28px;
	height:28px;
	background: url("./assets/img/viber.svg") no-repeat center;
	background-size:28px;
}

.telegram
{
	width:28px;
	height:28px;
	background: url("./assets/img/telegram.svg") no-repeat center;
	background-size:28px;
}

.email
{
	width:28px;
	height:28px;
	background: url("./assets/img/email.svg") no-repeat center;
	background-size:28px;
}

#header-tel
{
	height:30px;
	margin:15px 0px 0px 0px;
	padding:5px 0px 5px 30px;
	font-family: tahoma;
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 20px;
	color: #66CB01;
	background: url("./assets/img/tel-verh.svg") no-repeat left;
	background-position: 0px 6px;
}

.header__menu-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  width: 70px;
  height: 70px;
  flex-shrink: 0;
}

.header__menu-btn .hamburger-inner, .header__menu-btn .hamburger-inner::after, .header__menu-btn .hamburger-inner::before {
  background-color: #000;
}

.header__menu-btn .hamburger-box {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.header__menu-btn_2 {
  display: none;
}

.header__left-box {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 130px;
  flex-shrink: 0;
  transition: height 0.2s;
  position:absolute;
  left: 0vw;
  width:7vw;
}

.header__opened {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  color: #000;
  background: #FFF;
  pointer-events: auto;
}

.header__opened .header__bc {
  display: none;
}

.header__opened .header__goback {
  display: inline-block;
}

.header__opened .header__menu-btn {
  filter: none !important;
}

.header__opened > *:nth-child(1) {
  border-color: #fff !important;
}

.header__opened .header__left-box {
  border-color: #fff !important;
}

.header__opened .header__logo img {
  filter: none !important;
}

.header__opened .header__bg_2:before {
  display: none !important;
}

.header__menu {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 !important;
  width: 100%;
  flex-grow: 1;
font-family: tahoma;
font-style: normal;
font-weight: 500;
font-size: 11px;
line-height: 12px;
text-align: center;
text-transform: uppercase;
color: #FFFFFF;
}

.header__menu li {
float:left;
padding:10px 40px 10px 10px;
position:relative;
}

.header__menu li a {
opacity: 1;
left: 10%;
font-family: 'Montserrat-SemiBold';
font-style: normal;
font-weight: 500;
font-size: 11px;
line-height: 12px;
text-align: center;
text-transform: uppercase;
color:#929292;
}

.header__menu li.fade a {
  opacity: 1;
  left: 0;
}

.header__menu li.fade:nth-child(1) a {
  transition: all 0.5s ease 0.2s;
}

.header__menu li.fade:nth-child(2) a {
  transition: all 0.5s ease 0.4s;
}

.header__menu li.fade:nth-child(3) a {
  transition: all 0.5s ease 0.6s;
}

.header__menu li.fade:nth-child(4) a {
  transition: all 0.5s ease 0.8s;
}

.header__menu li.fade:nth-child(5) a {
  transition: all 0.5s ease 1s;
}

.header__menu li.fade:nth-child(6) a {
  transition: all 0.5s ease 1.2s;
}

.header__menu li.fade:nth-child(7) a {
  transition: all 0.5s ease 1.4s;
}

.header__menu li.fade:nth-child(8) a {
  transition: all 0.5s ease 1.6s;
}

.header__menu li.fade:nth-child(9) a {
  transition: all 0.5s ease 1.8s;
}

.header__menu li.fade:nth-child(10) a {
  transition: all 0.5s ease 2s;
}

.header__menu a {
  padding: 0 !important;
}

.header__menu a:before {
  left: 0 !important;
  height: 0.075em !important;
}

.header__menu a:hover:before {
  width: 100% !important;
}

.header__menu ul {
  display: none;
}

._opened .menu-row {
  transform: rotate(90deg);
}

.current-menu-item a:before, .current-page-ancestor a:before, .current-post-ancestor a:before {
  width: 100% !important;
}

@media (max-height: 650px) {
  .header__menu {
    font-size: 6vmin;
  }
}

.menu-row {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 0.7em;
  height: 0.7em;
  background: url("./assets/img/icons/next-white.svg") center/100% auto;
  transition: transform 0.2s;
}

.footer__box .menu-row {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 0.7em;
  height: 0.7em;
  background: url("./assets/img/icons/next-white.svg") center/100% auto;
  transition: transform 0.2s;
}

#id_20 .footer__box .menu-row {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 18px;
  background: url("./assets/img/icons/next-black2.png") center/100% auto;
  transition: transform 0.2s;
}

.header__invite {
  display: none;
  align-items: center;
  height: calc(100vh - 130px);
}

.header__invite-box {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 auto;
  width: 100%;
}

.header__invite-box > * {
  width: 50%;
}

.header__invite-text {
  margin: 0;
  max-width: 83%;
  font: 40px/1.275 "tahoma-Light";
}

.header__invite-text span {
  color: #000;
  background: linear-gradient(to right, #0130f9 0%, #00ffff 50%, #74ff80 100%);
}

.header-form {
  margin: 0.54em 0 0 0;
  max-width: 490px;
  font: 22px/1 "tahoma-Light";
}

.header-form__row {
  position: relative;
  margin: 0 0 1.54em;
}

.header-form__input {
  display: block;
  padding: 0 1em;
  width: 100%;
  height: 2.77em;
  border: 1px solid #eaeaea;
  color: #fff;
  background: transparent;
}

.header-form__input::-webkit-input-placeholder {
  color: #fff;
}

.header-form__input:-moz-placeholder {
  color: #fff;
}

.header-form__input::-moz-placeholder {
  color: #fff;
}

.header-form__submit {
  margin: 1.18em 0 0;
}

.section {
  display: flex;
  color: #fff;
  background: #FFF;
}

#case-head .wrapper,
#case-details .wrapper,
#case-stages .wrapper,
#other-cases .wrapper
{
    width: 78%;
    margin: 0px auto 20px auto;
    height: auto;
}


ul.detailul
{
 display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}

li.detailli
{
flex-basis: 50%;
padding: 10px 10px 30px 10px;
}

li.detailli h3
{
font: 45px/1.25 "tahoma-Light";
margin:0px 0px 20px 0px;
}

.faq-header
{
	margin:40px 0px 0px 0px;
	padding:0px;
}

.fh-wrapper
{
	width:1400px;
	margin:0px auto;
	position:relative;
}

.fh-wrapper .page-header-img
{
	height:100%;
	width:100%;
}

#faq
{
	width:1400px;
	margin:0px auto;
	height: auto;
	padding: 50px 0px;
}

#faq h2,
#faq h1
{
width:50%;
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 67px;
line-height: 73px;
color: #4197CB;
position: relative;
margin: 0px 0px 30px 0px;
}

#faqitems,
#getconent
{
	width: 100%;
    height: auto;
	display:flex;
	flex-direction:column;
	gap:50px;
}

ul.faqul,
ul.faqpage-ul
{
	display:flex;
	flex-wrap:wrap;
	padding:0px;
	margin:0px;
}

.faqli
{
	border-bottom:none;
	width: 100%;
	float: left;
	cursor: pointer;
	outline: none;
	transition: 0.4s;
	position:relative;
	border-top: 1px solid #7DC91B;
	padding: 20px 0px;
}

.faqli:last-child
{
	border-bottom: 1px solid #7DC91B;
}

.faqli .faq-icon
{
	width:50px;
	height:50px;
	position:absolute;
	right:0px;
	top:25%;
	background: url("./assets/img/faq-icon1.png") no-repeat;
	background-size: cover;
}

.faqli.active .faq-icon
{
	transform: rotate(90deg);
}

.faqli span
{
display:none;
float:right;
top:10px;
right:10px;
font: 30px/1.05 "tahoma-Light";
position:absolute;
}

.faqli.active span
{
transform: rotate(270deg);
}

.active, .accordion:hover,
button:focus {
}

.faqli .faq_answer {
  display: none;
  overflow: hidden;
}

.faqli.active .faq_answer {
  display: block;
  overflow: hidden;
}

.faqli:after {
  display:none;
}

.active:after {
  display:none;
}

.faq-question
{
width:50%;
float:left;
padding:10px 5% 10px 10px;
margin:0px;
font-family: tahoma;
font-style: normal;
font-weight: 600;
font-size: 22px;
line-height: 29px;
color: #333;
}

.faq_answer
{
	width:50%;
	float:right;
	padding:10px 5% 10px 0%;
	margin:0px;
	font: 17px/1.05 "tahoma";
	line-height:29px;
	color: #333;
}

.faq_answer ul li
{
	list-style:disc;
}

.faqli.active .faq-question
{
color: #64A016;
}

.section.s1 > *:nth-child(1) {
  position: relative;
  flex-shrink: 0;
  width:0%;
  z-index: 1;
}

.section.s1 > *:nth-child(2) {
width:78%;
margin:0px auto;
}

.section.s2
{
color: #fff;
background: #000;
width: 100%;
}

#s2content,
#s7content
{
width: 78%;
    margin: 0px auto 20px auto;
    height: auto;
}

.section.s2 #s2content > *:nth-child(1) {
  position: relative;
  flex-shrink: 0;
  width:100%;
  height:80px;
  /*width: 8.4375vw;*/
  z-index: 1;
}

.section.s2 #s2content > *:nth-child(2) {
  width:100%;
  padding-left:0vw;
  /*width: calc(100% - 8.4375vw);*/
}

.section.s1 h2,
.section.s6 h2,
.section.s7 h2,
.section.s8 h2
{
    margin: 0 0 0;
    font: 50px/1.05 "Asgard-FitMedium";
    text-transform: uppercase;
	padding:100px 0px 50px 0px;
}

.section.s6 .container-fluid,
.section.s1 .container-fluid,
.section.s8 .container-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.s2 .section-title
{
padding: 0px 0 0;
display:block;
writing-mode: inherit;
font: 43px/1.05 "Asgard-FitMedium";
}

.s2 #s2title #morecases
{
float:right;
margin:-20px 0px 0px 0px;
font: 18px/1.05 "tahoma";
}

.section_light {
  color: #000;
  background: #e6e6e6;
}

.breadcrumbs
{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	width:1400px;
	padding:0px 5px;
	margin:190px auto 0px auto;
}

.news-template-news-page .breadcrumbs
{
	margin:190px auto 0px auto;
}

.breadcrumbs ul
{
	margin:0px;
	padding:0px;
	display:flex;
}

.breadcrumbs ul li
{
	list-style:none;
}

.case-cta {
	width:1400px;
	margin:60px auto 0px auto;
	padding:0px;
    position: relative;
    padding: 60px 50px 60px 250px;
	background: url(./assets/img/hochy-sayt.png) no-repeat left #4197CB;
	background-position: 30px 30px;	
    color: #fff;
    overflow: hidden;
	border-radius:20px;
}

.case-cta::before {
    content: '';
    position: absolute;
    inset: 0;
	background: radial-gradient(circle at 20% 30%, rgb(12 137 252 / 14%), transparent 40%), radial-gradient(circle at 80% 70%, rgb(127 215 255 / 97%), transparent 45%);
    pointer-events: none;
}

.case-cta__inner {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    flex-wrap: wrap;
}

.case-cta__text {
    max-width: 600px;
}

.case-cta__title {
    margin-bottom: 10px;
    font-family: tahoma;
    font-style: normal;
    font-weight: 700;
    font-size: 33px;
    line-height: 33px;
    text-transform: capitalize;
}

.case-cta__subtitle {
    font-size: 22px;
    opacity: 0.9;
    margin-bottom: 8px;
	font-family: "Open Sans", Arial, sans-serif;
}

.case-cta__note {
    font-size: 16px;
    opacity: 0.7;
	font-family: "Open Sans", Arial, sans-serif;
}

.case-cta__actions {
    display: flex;
    align-items: center;
    gap: 25px;
    flex-wrap: wrap;
}

.case-cta__btn {
    padding: 14px 32px;
    font-size: 16px;
	font-weight: 600;
	letter-spacing: 1px;
	background: #66CB01;
	border-radius:25px;
    -webkit-box-shadow: -5px 5px 15px 0px #333;
    -moz-box-shadow: -5px 5px 15px 0px #333;
    box-shadow: -5px 5px 15px 0px #333;
}

.case-cta__phone {
	font-family: tahoma;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 20px;
    color: #FFF;
    background: url(./assets/img/tel-verh.svg) no-repeat left;
    background-position: 0px 6px;
    opacity: 0.9;
    transition: opacity 0.2s ease;
	padding: 5px 0px 3px 25px;
    letter-spacing: 2px;
}

.case-cta__phone:hover {
    opacity: 1;
}

#case-head
{
	width:1400px;
	margin:40px auto 0px auto;
	padding:0px;
}

#casehtop
{
	display:flex;
	flex-wrap:wrap;
}

.ch-wrapper
{
	width:100%;
	display:flex;
	flex-direction: column;
	gap:20px;
}

.case-head
{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	background: #F9F9F9;
	border-bottom:1px solid #E9E9E7;
	padding:50px 20px;
	border-radius:20px;
	gap:20px;
}

.case-head-left
{
	width:calc(50% - 20px);
}

#case-title
{
	padding:20px;
	margin:0px 0px 30px 0px;
	border-left: 5px solid #66CB01;
}

.case-head-left h1
{
	font-family: tahoma;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 35px;
    text-transform: capitalize;
    color: #4197CB;
	margin:0px;
}

#case-link,
#case-term,
#case-design,
#case-type
{
	margin:0px 0px 10px 0px;
}

.case-head-left #case-link span,
.case-head-left #case-term span,
.case-head-left #case-type span,
.case-head-left #case-design span
{
	font-weight:600;
	margin-right:10px;
	color: #3F3F3F;
}

.case-head-right
{
	width:50%;
}

.case-short-text
{
	font-family: tahoma;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 23px;
    color: #767676;
}

.gallery-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.gallery-container a {
    width: calc(33.33% - 10px);
    cursor: pointer;
}

.gallery-container img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 5px;
    transition: transform 0.3s ease;
}

.gallery-container img:hover {
	transform: scale(1.05);
}

#case-logo
{
	width:100%;
	margin:0px;
}

#case-logo img
{
	width:100%;
	border-radius:10px;
	-webkit-box-shadow: -5px 5px 15px 0px #212121;
	-moz-box-shadow: -5px 5px 15px 0px #212121;
	box-shadow: -5px 5px 15px 0px #212121;
}

.section_light .rtblock {
  border-color: #000;
}

.section_light .header__logo img {
  filter: invert(100%);
}

.section_light .header__bc-star {
  filter: invert(100%);
}

.section_light .header__bc-text:before {
  background: #000;
}

.section_light .header__mbtn {
  border-color: #000;
}

.section_light .header__mbtn-rows > * {
  background: #000;
}

.section_light .header__menu-btn {
  filter: invert(100%);
}

.section_light .header__left-box {
  border-color: #000;
}

.section_light .header__bg_2:before {
  background: #000;
}

.section_light .sh5-list {
  border-color: #000;
}

.section_light .sh5-list__item {
  border-color: #000;
}

.section_light .sh5-list__top:before {
  filter: invert(100%);
}

.section_light .page-numbers.prev:before, .section_light .page-numbers.next:before {
  filter: invert(100%);
}

.section_light .page-numbers:not(.prev):not(.next):not(.dots) {
  border-color: #000;
}

.section_light .page-numbers.current {
  color: #fff;
  background: #000;
}

.top > *:nth-child(2) {
width:100%;
padding-bottom:100px;
  border-bottom: 1px solid #fff;
}

.top__box {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 0 0 112px 0;
  height: 685px;
}

#id_22 .top__box {
    height: 770px;
}


.top__title {
  margin: 0 0 0;
  font: 50px/1.05 "Asgard-FitMedium";
  text-transform: uppercase;
  width:365px;
}

.top__title > span
{
background: linear-gradient(to right bottom, #0130f9 25%, #00ffff 80%, #74ff80 100%);
padding: 12px 10px 5px 10px;
margin: 50px 0px 0px -10px;
line-height: 111px;
}

.top__title > span:not(.text-gradient) {
  position: relative;
}



.top__title > span:not(.text-gradient) > span {
  position: relative;
  color: #FFF;
  z-index: 1;
}

.top__title .text-gradient {
  top: -0.08em;
}

@-webkit-keyframes toptitle1 {
  0% {
    background-position: 100% 0;
  }
  50% {
    background-position: 0 0;
  }
  100% {
    background-position: 100% 0;
  }
}

@keyframes toptitle1 {
  0% {
    background-position: 100% 0;
  }
  50% {
    background-position: 0 0;
  }
  100% {
    background-position: 100% 0;
  }
}

.text-gradient {
  position: relative;
  background: linear-gradient(to right, #0130f9 0%, #00ffff 50%, #74ff80 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.top__text {
  margin: 0px 0 0;
  max-width: 435px;
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}


.top__text > *:last-child {
  margin-bottom: 0;
}

.top__text-1 {
  margin: 0 0 10px;
  font: 15px/1.89 "tahoma-regular";
}

.top__text-2 {
  margin: 0 0 0;
  font: 17px/1.36 "tahoma-Light";
}

.rtblock {
  display: flex;
  align-items: center;
  margin: 0;
  height: 116px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  font: 33px/1 "Asgard-FitRegular";
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
}

.rtblock_top {

}

.rtblock-slider {
  position: relative;
  top: 0.1em;
}

.rtblock-slider__box.swiper-wrapper {
  transition-timing-function: linear !important;
}

.rtblock-slider__item {
  width: auto !important;
}

.rtblock__dot {
  margin: 0 1em;
}

.rtblock_1 {
  height: 107px;
}

.rtblock_4 {
  height: 125px;
}

.rtblock_5 {
  margin: 0 0 135px;
  height: 107px;
}

.rtblock_6 {
  height: 107px;
}

.rtblock_7 {
  border-top-color: transparent;
}

.rtblock_8 {
  margin: 200px 0 170px;
}

.rtblock_9 {
  margin: 221px 0 103px;
}

.rtblock_10 {
  height: 130px;
}

.s1__box {
  padding: 75px 0 163px;
}

.s1-block {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: space-between;
  padding: 32px 0 32px 0;
  /*min-height: 832px;*/
}

.s1-block > *:nth-child(1) {
  width: 100%;
}

.s1-block > *:nth-child(2) {
  width: 55%;
}

.s1-block > *:nth-child(3) {
  width: 42%;
  margin-top:11%;
}

.s1-block__num {
  position: relative;
  margin: 0 0 21px;
  padding: 0 0 27px;
  font: 30px/1 "Gotham-Book";
  overflow: hidden;
}

.s1-block__num:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  transform: translate(-100%);
  width: 100%;
  height: 3px;
  background: linear-gradient(to right, #0130f9 0%, #00ffff 50%, #74ff80 100%);
}

.s1-block__num_animated:before {
  -webkit-animation: s1block_num 1s ease-out 0.1s forwards;
          animation: s1block_num 1s ease-out 0.1s forwards;
}

@-webkit-keyframes s1block_num {
  0% {
    transform: translate(-100%);
  }
  100% {
    transform: translate(0%);
  }
}

@keyframes s1block_num {
  0% {
    transform: translate(-100%);
  }
  100% {
    transform: translate(0%);
  }
}

.s1-block__title {
  margin: 0 0 60px;
  font: 45px/1.25 "tahoma-Light";
}

.s1-block__text {
  padding: 10px 0 0 0;
}

.s1-block__text > * {
  opacity: 0;
  margin-bottom: 76px;
}

.s1-block__text > *:last-child {
  margin-bottom: 0 !important;
}

.s1-block__text li {
  position: relative;
  margin: 0 0 2.88em;
  padding: 0 0 0 1.76em;
}

.s1-block__text li:before {
  content: "+";
  position: absolute;
  left: 0;
  top: 0.7em;
  transform: translate(0, -50%);
}

.s1-block__text li:last-child {
  margin-bottom: 0 !important;
}

.s1-block__text ul:last-child li,
.s1-block__text p {
  margin: 0 0 25px;
  font-size:25px;
  line-height:40px;
}

.s1-block__text h4 {
  position: relative;
  display: inline-block;
  margin-left: 30px;
  padding: 5px 9px;
  font: 20px/1 "tahoma-Bold";
  text-transform: uppercase;
  color: #000;
  background: linear-gradient(to right, #0130f9 0%, #00ffff 50%, #74ff80 100%);
}

.s1-block__text_animated > *:nth-child(1) {
  -webkit-animation: s1blocktext 0.5s ease 1s forwards;
          animation: s1blocktext 0.5s ease 1s forwards;
}

.s1-block__text_animated > *:nth-child(2) {
  -webkit-animation: s1blocktext 0.5s ease 1.5s forwards;
          animation: s1blocktext 0.5s ease 1.5s forwards;
}

.s1-block__text_animated > *:nth-child(3) {
  -webkit-animation: s1blocktext 0.5s ease 2s forwards;
          animation: s1blocktext 0.5s ease 2s forwards;
}

@-webkit-keyframes s1blocktext {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes s1blocktext {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.swiper-buttons {
  position: relative;
}

.swiper-button {
  top: auto;
  margin: 0;
}

.swiper-button:after {
  display: none;
}

.swiper-button-prev {
  transform: rotate(180deg);
  left: 0;
}

.swiper-button-next {
  right: 0;
}

.s3__items-btns {
  margin: 99px 0 0 0;
  width: 145px;
  height: 50px;
}

.s3__items-btn {
  width: 50px;
  height: 50px;
  background: url("./assets/img/icons/next.svg") right center/100% auto no-repeat;
}

.solution {
  display: flex;
}

.solution_right {
  justify-content: flex-end;
}

.solution__box {
  max-width: 50%;
}

.solution__text {
  margin: 0 0 34px;
  font: 25px/1.4 "tahoma-Bold";
  text-transform: uppercase;
}

.footer {
  flex-shrink: 0;
}

#footerline
{
height:20px;
background: linear-gradient(165deg, #0130f9 20%, #00ffff 70%, #74ff80 90%, #F2FF50 100%);
}

footer.section
{
display:block;
border-top:1px solid #7DC91B;
background: #FFF;
margin:0px;
padding:0px;
color:#929292;
background: url("./assets/img/footer-bg.png");
}

#id_657 footer.section
{
margin:0px 0px 0px 0px;
}

footer.section div.container-fluid
{
	margin:0px auto;
	width:1400px;
	padding:50px 0px 0px 0px !important;
}

#id_20 footer.section
{
background:#e6e6e6;
border-top:1px solid #7DC91B;
color:#000;
}

#id_20 footer.section button,
#id_20 footer.section input
{
	color:#000;
}

.footer__box {
	display: flex;
	flex-wrap: wrap;
	padding: 0px 0 30px 0;
	gap:20px;
}

#footer1
{
	width:230px;
}

#footer2
{
	width:calc(50% - 250px);
}

#footer4
{
	width:20%;
	display: flex;
    flex-direction: column;
	gap:10px;
	margin-left:auto;
}

#footer3
{
	width:25%;
}

#footer3 #menu-footer-menu-2
{
	margin:-10px 0px 0px 0px;
}

.footer__box > *:nth-child(1) {
  width: 30%;
}

.footer__box > *:nth-child(2) {
  width: 20%;
}

.footer__box > *:nth-child(3) {
  width: 25%;
}

.footer__box > *:nth-child(4) {
  width: 20%;
}

.footer-logo,
.footer-logo-b {
  display: inline-block;
  margin: 5px 0 50px 0;
  max-width: 255px;
}

.footer-logo__img {
  display: inline-block;
  max-width: 255px;
}

#menu-footer-services
{
margin:-5px 0px 0px 0px;
}

#menu-footer-services li,
#menu-footer-menu-2 li
{
height:25px;
}

#menu-footer-services li a,
#menu-footer-menu-2 li a
{
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 220%;
color: #929292;
}

#footer-call
{
	width:100%;
	padding:5px 0px 5px 35px;
	margin:-5px 0px 0px 0px;
	background: url("./assets/img/footer-call.svg") no-repeat left;
	background-size:20px;
	font-family: tahoma;
	font-style: normal;
	font-weight: 600;
	font-size: 12px;
	line-height: 140%;
	color: #0099CC;
}

#footer-shedule
{
	width:100%;
	padding:5px 0px 5px 35px;
	margin:0px 0px 0px 0px;
	background: url("./assets/img/footer-schedule.svg") no-repeat left;
	background-size:20px;
	font-family: tahoma;
	font-style: normal;
	font-weight: 600;
	font-size: 12px;
	line-height: 140%;
	color: #0099CC;
}

#footer-mail
{
	width:100%;
	padding:5px 0px 5px 35px;
	margin:0px 0px 0px 0px;
	background: url("./assets/img/footer-mail.svg") no-repeat left;
	background-size:20px;
	font-family: tahoma;
	font-style: normal;
	font-weight: 600;
	font-size: 12px;
	line-height: 140%;
	color: #0099CC;
}

#shedule-visit,
#bigapple-view
{
	margin:0px;
}

#shedule-visit button
{
	width: 100%;
	height: 36px;
	background: #7DC91B;
	border-radius: 100px;
	font-family: tahoma;
	font-style: normal;
	font-weight: 700;
	font-size: 15px;
	line-height: 140%;
	text-align: center;
	color: #333;
}

.seo-tools-link
{
	padding:0px;
	text-align:center;
	color:#929292;
	border:1px solid #929292;
	border-radius:20px;
}

#bigapple-view .footer-cabinet
{
	height: 36px;
	width: 100%;
	padding:12px 20px;
	border: 1px solid #7DC91B;
	border-radius: 100px;
	background: url(./assets/img/account-icon.svg) no-repeat center;
	background-size:15px;
	background-position: right 50px top 50%;
	font-family: tahoma;
	font-style: normal;
	font-weight: 700;
	font-size: 15px;
	line-height: 12px;
	text-align:center;
	text-transform: uppercase;
	color: #7DC91B;
}

.spcontent
{
	width: 100%;
	margin:170px 0px 100px 0px;
}

.spcontent .wrapper {
    margin: 0px auto;
    width: 78%;
    max-width: 1400px;
    padding:20px;
	background: #F7F7F7;
    border: 1px solid #E9E9E7;
    border-radius: 20px;
}

.sp-title
{
	font-family: tahoma;
    font-style: normal;
    font-weight: 100;
    font-size: 30px;
    line-height: 50px;
    color: #4197CB;
    position: relative;
    margin: 0px 0px 20px 0px;
    padding: 0px;
}

.footer-logo__text {
	width: 100%;
    padding: 0px 15px;
	display: block;
	margin: 0px;
	font: 16px/1.2 "tahoma-Light";
}

#id_20 .footer-logo,
#id_20 .footer__socials {
  display: none;
}

#footer4
{
position:relative;
}

#footer-soc
{
position:absolute;
bottom:10px;
right:10px;
}

#footer-soc ul li img
{
width:25px;
}

#footer-bottom
{
	height:100px;
	padding:20px 0px;
	border-top:1px solid #7DC91B;
	position:relative;
	display:flex;
}

#footer-bottom #copirr
{
	width:300px;
	margin:0px;
	font-family: tahoma;
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 182%;
	color: #767676;
}

#footer-bottom #footer-poli
{
	margin:0px;
	font-family: tahoma;
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 182%;
	color: #767676;
	display:flex;
	margin-left:auto;
	gap:20px;
}

#footer-poli #pol,
#footer-poli #term,
#footer-poli #cookies
{
	margin:0px;
	text-align:center;
}

.footer__socials,
.footer__socials-2 {
  display: flex;
  flex-wrap: wrap;
  margin: -9px;
}

.footer__socials > *,
.footer__socials-2 > * {
  margin: 9px;
  max-width:40px;
}

.footer__socials a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 37px;
  height: 37px;
  border-radius: 50%;
  /*background: #eaeaea;*/
  transition: opacity 0.1s;
}

.footer__socials a:hover {
  opacity: 0.8;
}

.bordered-links a {
  position: relative;
  display: inline-block;
  padding: 17px 10px;
}

.bordered-links a:before {
  content: "";
  position: absolute;
  left: 5px;
  bottom: 0;
  width: 0;
  height: 1px;
  transition: all 0.2s;
}

.bordered-links a:hover:before {
  width: calc(100% - 10px);
}

.footer__menu {
  margin-bottom: 0;
  font: 22px/1.2 "tahoma-Light";
}

.footer__menu li {
  margin: 0 0 10px;
}

.footer__menu ul {
  display: none;
  flex-direction: column;
  margin: 10px 0 0;
}

.footer__menu .menu-row {
  top: -0.15em;
  left:0.55em;
}

.footer__contacts {
  margin-bottom: 71px;
  font: 22px/1.2 "tahoma-Light";
}

.footer__contacts a {
  padding: 5px;
}

.footer-form__input {
  display: block;
  margin: 0 0 19px;
  padding: 0 23px;
  width: 100%;
  height: 61px;
  border: 1px solid #FFF;
  color: #FFF;
  background: transparent;
  font: 22px/1 "tahoma-Light";
}

.footer-form__input::-webkit-input-placeholder {
  color: #FFF;
}

.footer-form__input:-moz-placeholder {
  color: #FFF;
}

.footer-form__input::-moz-placeholder {
  color: #FFF;
}

#id_20 .footer-form__input::-webkit-input-placeholder,
#id_20 .footer-form__input:-moz-placeholder,
#id_20 .footer-form__input::-moz-placeholder,
#id_20 .footer .wpcf7 input::-moz-placeholder {
  color: #000;
}

#id_20 .footer-form__input
{
border: 1px solid #000;
color: #000;
}

.top__title_map {
  font: 55px/1.28 "Asgard-FitMedium" !important;
}

.top__title_map > span:not(.text-gradient):before {
  width: calc(100% + 0.4em);
  height: 1em;
}

.ctop {
  position: relative;
}

.ctop > *:nth-child(2) {
  border-bottom: 1px solid #000;
}

.ctop__map {
  position: relative;
}

.ctop__map:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(to bottom, #fff 0%, transparent 100%);
}

.ctop__map-h > * {
  padding: 27.5% 0 0;
  min-height: 200px;
}

@-webkit-keyframes s7bl2heading {
  0% {
    transform: translate(0, -100%);
  }
  100% {
    transform: translate(0, 0);
  }
}

@keyframes s7bl2heading {
  0% {
    transform: translate(0, -100%);
  }
  100% {
    transform: translate(0, 0);
  }
}

@-webkit-keyframes s7bl2heading2 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes s7bl2heading2 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes s7bl2heading3 {
  0% {
    opacity: 0;
    left: 0.5em;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}

@keyframes s7bl2heading3 {
  0% {
    opacity: 0;
    left: 0.5em;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}

.sh1__box {
  display: flex;
  flex-wrap: wrap;
}

.sh1__box > *:nth-child(1) {
  width: 0.7%;
}

.sh1__box > *:nth-child(2) {
  width: 66.4%;
}

.sh1__box_1 {
  flex-wrap: wrap-reverse;
  align-items: flex-start;
  padding: 311px 0 96px;
}

.sh1__box_2 {
  height: 84px;
  float: left;
  margin: 0px 0px 0px 0px;
}

.sh1__box_2 > *:nth-child(2) {
  border-left: 1px solid #fff;
}

.sh1__text {
  margin: 0 0 8px;
  max-width: 70%;
  font: 15px/1.6 "tahoma-Light";
}

.sh1__text span {
  color: #000;
  background: linear-gradient(to right, #0130f9 0%, #00ffff 50%, #74ff80 100%);
}

.sh1__title {
  margin: 0 0 47px;
  font-size: 80px;
  line-height: 0.95;
}

.sh1__list {
  font: 23px/2 "tahoma-Light";
}

.sh1__scroll {
  position: relative;
  display: block;
  margin: 0 0 0 13px;
  font: 12px/1 "tahoma-Light";
  -webkit-animation: sh1scroll 2s ease infinite;
          animation: sh1scroll 2s ease infinite;
}

@-webkit-keyframes sh1scroll {
  0% {
    top: 0;
  }
  50% {
    top: 10px;
  }
  100% {
    top: 0;
  }
}

@keyframes sh1scroll {
  0% {
    top: 0;
  }
  50% {
    top: 10px;
  }
  100% {
    top: 0;
  }
}

.sh2 > *:nth-child(2) {
  border-bottom: 1px solid #fff;
}

.sh2__box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  height: 908px;
}

.sh2__box > *:nth-child(1) {
  width: 34%;
}

.sh2__box > *:nth-child(2) {
  display: flex;
  justify-content: flex-end;
  width: 66%;
}

.stext h3, .stext h4 {
  font: 25px/1.36 "tahoma-Bold";
  text-transform: uppercase;
}

.sh2__text {
  font: 22px/1.54 "tahoma-Light";
}

.sh2__text > * {
  margin-bottom: 28px;
}

.sh2__text > *:last-child {
  margin-bottom: 0;
}

.sh2__text h3 span {
  position: relative;
  color: #000;
  background: linear-gradient(to right, #0130f9 0%, #00ffff 50%, #74ff80 100%);
}

.sh2__img {
  position: relative;
  width: 88.8%;
  max-width: 100%;
}

.sh2__img img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

.sh2__img-h {
  padding: 33.66% 0 0;
}

.sh2__img-circkle {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  width: 33%;
  border-radius: 50%;
  overflow: hidden;
}

.sh2__img-circkle div {
  padding: 100% 0 0;
}

.sh2__img-circkle:before {
  display: none;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: translate(-100%);
  background: linear-gradient(to right, #0130f9 0%, #00ffff 50%, #74ff80 100%);
  -webkit-animation: sh2imgcirckle 2s forwards;
          animation: sh2imgcirckle 2s forwards;
}

.sh2__img-circkle_animated:before {
  display: block;
}

@-webkit-keyframes sh2imgcirckle {
  0% {
    transform: translate(-100%);
  }
  100% {
    transform: translate(0%);
  }
}

@keyframes sh2imgcirckle {
  0% {
    transform: translate(-100%);
  }
  100% {
    transform: translate(0%);
  }
}

.sh3__box {
  padding: 181px 0 132px;
}

.sh3__box .s8bl1__img {
  margin: 15px 30px 0 0;
}

.sh4__box {
  padding: 184px 0 154px;
}

.sh4__list {
  min-height: 10.2em;
  font: 3.4375vw/1.2 "Asgard-FitMedium";
  text-transform: uppercase;
}

.sh4__list li {
  position: relative;
  display: none;
  align-items: center;
  margin: 0 0 0.6em;
  overflow: hidden;
}

.sh4__list li:last-child {
  margin: 0;
}

.sh4__list li span {
  position: relative;
}

.sh4__list li span:nth-child(1) {
  flex-grow: 1;
  top: -0.1em;
  height: 0.7em;
  overflow: hidden;
}

.sh4__list li span:nth-child(1):before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(-100%);
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, #0130f9 0%, #00ffff 50%, #74ff80 100%);
  -webkit-animation: sh4list1 0.5s ease 0s forwards;
          animation: sh4list1 0.5s ease 0s forwards;
}

.sh4__list li span:nth-child(2) {
  flex-shrink: 0;
  width: 0.6em;
}

.sh4__list li span:nth-child(3) {
  opacity: 0;
  flex-shrink: 0;
  -webkit-animation: sh4list3 0.5s ease 0.5s forwards;
          animation: sh4list3 0.5s ease 0.5s forwards;
}

.sh4__list li:nth-child(2n) {
  flex-direction: row-reverse;
}

.sh4__list li:nth-child(2n) span:nth-child(1):before {
  transform: translate(100%);
  -webkit-animation: sh4list2 0.5s ease 0s forwards;
          animation: sh4list2 0.5s ease 0s forwards;
}

@-webkit-keyframes sh4list1 {
  0% {
    transform: translate(-100%);
  }
  100% {
    transform: translate(0);
  }
}

@keyframes sh4list1 {
  0% {
    transform: translate(-100%);
  }
  100% {
    transform: translate(0);
  }
}

@-webkit-keyframes sh4list2 {
  0% {
    transform: translate(100%);
  }
  100% {
    transform: translate(0);
  }
}

@keyframes sh4list2 {
  0% {
    transform: translate(100%);
  }
  100% {
    transform: translate(0);
  }
}

@-webkit-keyframes sh4list3 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes sh4list3 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes sh4list4 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes sh4list4 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.sh4__list_min {
  min-height: 17.21em;
  font-size: 2.0625vw;
}

.sh7 {
  border-bottom: 1px solid #fff;
}

.sh5__box {
  padding: 189px 0 176px;
}

.sh5__block {
  margin: 0 0 283px;
}

.sh5__block:last-child {
  margin: 0;
}

.sh5__block-top {
  margin: 0 0 78px;
  text-transform: uppercase;
}

.small-title {
  margin: 0 0 1em;
  font: 19px/1.8 "tahoma-Bold";
}

.small-title span {
  display: inline-block;
  padding: 0 1em;
  text-transform: uppercase;
  white-space: nowrap;
  color: #000;
  background: linear-gradient(to right, #0130f9 0%, #00ffff 50%, #74ff80 100%);
}

.sh5__block-heading {
  margin: 0 0 30px;
}

.sh5__block-title {
  margin: 0;
  font: 55px/1.2 "Asgard-FitMedium";
}

.sh5-list {
  border-top: 1px solid #fff;
}

.sh5-list__item {
  border-bottom: 1px solid #fff;
  transition: 0.2s padding;
}

.sh5-list_light {
  border-color: #000;
}

.sh5-list_light .sh5-list__item {
  border-color: #000;
}

.sh5-list_light .sh5-list__top:before {
  filter: invert(100%);
}

.sh5-list__item_active {
  padding: 20px 0 55px;
}

.sh5-list__item_active .sh5-list__main {
  display: block;
}

.sh5-list__item_active .sh5-list__line {
  display: block;
}

.sh5-list__item_active .sh5-list__top:before {
  transform: translate(0, -50%) rotate(90deg);
}

.sh5-list__item_active .sh5-list__title-box > *:nth-child(1) {
  width: 53.77%;
}

.sh5-list__item_active .sh5-list__title-box > *:nth-child(2) {
  display: block;
}

.sh5-list__top {
  position: relative;
  font: 22px/1.42 "tahoma-Light";
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.sh5-list__top:before {
  content: "";
  position: absolute;
  right: 1.45em;
  top: 50%;
  transform: translate(0, -50%);
  width: 2.27em;
  height: 100%;
  background: url("./assets/img/icons/arrow-right.svg") center/100% auto no-repeat;
  opacity: 1;
  transition: 0.1s opacity;
}

.sh5-list__title-box {
  display: flex;
  align-items: center;
  width: 80%;
}

.sh5-list__title-box > *:nth-child(1) {
  display: flex;
  align-items: center;
  width: 100%;
}

.sh5-list__title-box > *:nth-child(1) > *:nth-child(2) {
  flex-grow: 1;
}

.sh5-list__title-box > *:nth-child(2) {
  display: none;
  width: 46.23%;
  opacity: 0;
  -webkit-animation: sh5listtitlebox 1s ease 1.5s forwards;
          animation: sh5listtitlebox 1s ease 1.5s forwards;
}

@-webkit-keyframes sh5listtitlebox {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes sh5listtitlebox {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.sh5-list__title {
  margin: 0;
  padding: 1.36em 0;
  text-transform: uppercase;
}

.sh5-list__line {
  display: none;
  position: relative;
  margin: 0 1em;
  min-width: 80px;
  height: 0.18em;
  overflow: hidden;
}

.sh5-list__line:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(-100%);
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, #0130f9 0%, #00ffff 50%, #74ff80 100%);
  transition: transform 1s;
  -webkit-animation: sh5listline 1s ease 1s forwards;
          animation: sh5listline 1s ease 1s forwards;
}

@-webkit-keyframes sh5listline {
  0% {
    transform: translate(-100%);
  }
  100% {
    transform: translate(0%);
  }
}

@keyframes sh5listline {
  0% {
    transform: translate(-100%);
  }
  100% {
    transform: translate(0%);
  }
}

.sh5-list__main {
  display: none;
  padding: 26px 0 0;
}

.sh5-list__box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 80%;
}

.sh5-list__box > * {
  opacity: 0;
}

.sh5-list__box > *:nth-child(1) {
  width: 46.23%;
  -webkit-animation: sh5listbox 1s ease 0.5s forwards;
          animation: sh5listbox 1s ease 0.5s forwards;
}

.sh5-list__box > *:nth-child(2) {
  width: 7.54%;
  font-size: 0;
  -webkit-animation: sh5listbox 1s ease 1.5s forwards;
          animation: sh5listbox 1s ease 1.5s forwards;
}

.sh5-list__box > *:nth-child(3) {
  width: 46.23%;
  -webkit-animation: sh5listbox 1s ease 2s forwards;
          animation: sh5listbox 1s ease 2s forwards;
}

.sh5-list__box ul li {
  position: relative;
  margin: 0 0 25px;
  padding: 0 0 0 30px;
}

.sh5-list__box ul li:before {
  content: "+";
  position: absolute;
  left: 0;
  top: 12px;
  transform: translate(0, -50%);
}

.sh5-list__box ul li:last-child {
  margin: 0;
}

@-webkit-keyframes sh5listbox {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes sh5listbox {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.sh6__box {
  padding: 170px 0 262px;
}

.sh6__heading {
  margin: 0 0 132px;
}

.sh6__small-title {
  margin: 0 0 39px;
}

.sh6__title {
  margin: 0;
  max-width: 1000px;
  font: 70px/1.02 "Asgard-FitMedium";
}

.sh6__list-box {
  max-width: 90%;
}

.sh6__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.sh6__list > * {
  margin: 0 0 136px;
  width: 41.55%;
}

.sh6__list > *:nth-last-child(1), .sh6__list > *:nth-last-child(2) {
  margin: 0;
}

.sh6-item {
  border-top: 1px solid #fff;
}

.sh6-item__title {
  margin: 22px 0 0;
  font: 20px/1.7 "tahoma-Light";
  text-transform: uppercase;
}

.sh6-item__img {
  position: relative;
  margin: 73px 0 0;
  max-width: 50%;
}

.sh6-item__img span {
  display: none;
  padding: 100% 0 0;
}

.sh6-item__img img {
  max-width: 100%;
  max-height: 100%;
}

.sh7__box {
  padding: 190px 0 119px;
}

.sh9 > *:nth-child(2) {
  border-top: 1px solid #000;
}

.sh9__box {
  padding: 130px 0 110px;
}

.sh9__list-wrap {
  margin: 0 -2vw;
}

.sh9__list-wrap_2 {
  opacity: 0;
}

.sh9__list-wrap_2.swiper-initialized {
  opacity: 1;
}

.sh9__list-box {
  padding: 0 2vw;
}

.sh9__list-btns {
  display: none;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  left: 50%;
  top: calc(35vw/2);
  transform: translate(-50%, -50%);
  width: calc(100% - 30px);
  z-index: 1;
}

.sh9__list-btn {
  position: relative;
  width: auto;
  height: auto;
  top: auto;
  margin: 0;
  color: #fff;
}

.sh9__list-btn_prev {
	transform: none;
}

.sh9-article {
	position: relative;
	overflow: hidden;
	width:100%;
	display:flex;
	gap:20px;
	padding:20px;
}

.sh9-article:hover .sh9-article__img img {
  transform: translate3d(-50%, -50%, 0) scale(1.05);
}

.sh9-article:hover .sh9-article__title > * {
  border-color: #000;
}

.sh9-article__img {
  position: relative;
  margin: 0 0 34px;
  overflow: hidden;
}

.sh9-article__img div {
  padding: 80% 0 0;
}

.sh9-article__img img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.2s;
}

.sh9-article__title {
  margin: 0 0 1.4em;
  font: 1.5625vw/1.4 "tahoma-Bold";
  text-transform: uppercase;
}

.sh9-article__title > * {
  display: inline;
  border-bottom: 2px solid transparent;
  transition: all 0.2s;
}

.sh9-article__more:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 50vw;
  height: 50vw;
}

.section-title {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 188px 0 0;
  width: 100%;
  font: 35px/1 "tahoma-Light";
  -ms-writing-mode: tb-lr;
      writing-mode: vertical-lr;
  white-space: nowrap;
}

.section-title > * {
  position: relative;
  transform: rotate(180deg);
}

.sh8__box {
  padding: 130px 0 0;
}

.sh8bl1 {
  margin: 0 0 45px;
}

.sh8bl1__box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 90%;
}

.sh8bl1__box > *:nth-child(1) {
  width: 42%;
}

.sh8bl1__box > *:nth-child(2) {
  width: 52.5%;
}

.sh8bl1__ltitle {
  margin: 0 0 15px;
  font: 55px/1 "Asgard-FitMedium";
  text-transform: uppercase;
}

.sh8bl1__ltext {
  margin: 0;
}

.sh8bl1__rtitle {
  margin: 0 0 15px;
  padding: 25px 0 0;
  font: 25px/1.4 "tahoma-Bold";
  border-top: 1px solid #000;
  text-transform: uppercase;
}

.sh8bl1__rtext {
  margin: 0;
}

.sh8bl2 {
  margin: 0 0 110px;
}

.sh8bl2 .s4bl4__items-btns {
  margin-bottom: 38px;
}

.sh8bl3 {
  margin: 0 0 139px;
}

.sh8bl3__heading {
  display: flex;
  align-items: center;
  margin: 0 0 181px;
  padding: 1.76em 0;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}

.sh8bl3-plan1 {
  position: relative;
  margin: 0 0 106px;
  font: 2.5vw/1.7 "Asgard-FitMedium";
  white-space: nowrap;
  text-transform: uppercase;
}

.sh8bl3-plan1__text {
  display: inline-block;
  opacity: 0;
}

.sh8bl3-plan1__text:nth-child(1) .sh8bl3-plan1__row {
  display: none;
}

@-webkit-keyframes sh8bl3plan1text {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes sh8bl3plan1text {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.sh8bl3-plan1__line {
  position: relative;
  display: inline-block;
  margin: 0 0.6em;
  width: 7em;
  height: 0.7em;
  overflow: hidden;
}

.sh8bl3-plan1__line:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(-100%);
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, #0130f9 0%, #00ffff 50%, #74ff80 100%);
}

@-webkit-keyframes sh8bl3plan1line {
  0% {
    transform: translate(-100%);
  }
  100% {
    transform: translate(0);
  }
}

@keyframes sh8bl3plan1line {
  0% {
    transform: translate(-100%);
  }
  100% {
    transform: translate(0);
  }
}

.sh8bl3-plan1__box {
  margin: 0;
  overflow: hidden;
}

.sh8bl3-plan1__box._animated .sh8bl3-plan1__text_1 {
  -webkit-animation: sh8bl3plan1text 0.5s linear 0s forwards;
          animation: sh8bl3plan1text 0.5s linear 0s forwards;
}

.sh8bl3-plan1__box._animated .sh8bl3-plan1__line_1:before {
  -webkit-animation: sh8bl3plan1line 0.5s linear 0.5s forwards;
          animation: sh8bl3plan1line 0.5s linear 0.5s forwards;
}

.sh8bl3-plan1__box._animated .sh8bl3-plan1__text_2 {
  -webkit-animation: sh8bl3plan1text 0.5s linear 1s forwards;
          animation: sh8bl3plan1text 0.5s linear 1s forwards;
}

.sh8bl3-plan1__box._animated .sh8bl3-plan1__line_2:before {
  -webkit-animation: sh8bl3plan1line 0.5s linear 1.5s forwards;
          animation: sh8bl3plan1line 0.5s linear 1.5s forwards;
}

.sh8bl3-plan1__box._animated .sh8bl3-plan1__line_3:before {
  -webkit-animation: sh8bl3plan1line 0.5s linear 2s forwards;
          animation: sh8bl3plan1line 0.5s linear 2s forwards;
}

.sh8bl3-plan1__box._animated .sh8bl3-plan1__text_3 {
  -webkit-animation: sh8bl3plan1text 0.5s linear 2.5s forwards;
          animation: sh8bl3plan1text 0.5s linear 2.5s forwards;
}

.sh8bl3-plan1__line_3 {
  margin-left: -4em;
  width: 10em;
}

.sh8bl3-plan1__row {
  position: relative;
  top: 0.1em;
  display: inline-block;
  margin: 0 -0.2em 0 0.35em;
  width: 1em;
  height: 1em;
  background: url("./assets/img/icons/next.svg") center/100% auto no-repeat;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  transition: transform 0.2s;
}

.sh8bl3-plan1__row_down {
  transform: rotate(90deg);
}

.sh8bl3-plan2 {
  margin: 0 0 61px;
}

.sh8bl3-plan2__box {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  margin: 0 8vw 0 0;
}

.sh8bl3-plan2__box > *:nth-child(1) {
  width: 500px;
}

.sh8bl3-plan2__box > *:nth-child(2) {
  position: relative;
  width: 265px;
}

.sh8bl3-plan2__text {
  margin: 0 0 1.65em;
  font: 20px/1.5 "tahoma-Light";
}

.sh8bl3-plan2__list-box .container-fluid {
  position: relative;
}

.sh8bl3-plan2__list {
  display: none;
  width: 265px;
  text-transform: none;
  white-space: normal;
}

.sh8bl3-plan2__list_1 {
  position: absolute;
  right: 12.875vw;
  top: 4.5625vw;
}

.sh8bl3-plan2__list_2 {
  margin: 0 0 0 17vw;
}

.sh8bl3-plan2__list-item {
  border-top: 1px solid #000;
}

.sh8bl3-plan2__list-item:last-child {
  border-bottom: 1px solid #000;
}

.sh8bl3-plan2__list-heading {
  position: relative;
  margin: 0;
  padding: 0 2.3em 0 0;
  font: 17px/2.59 "tahoma-Light";
  white-space: nowrap;
  cursor: pointer;
}

.sh8bl3-plan2__list-heading span {
  border-bottom: 1px solid #000;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  transition: all 0.1s;
}

.sh8bl3-plan2__list-heading:before {
  content: "";
  position: absolute;
  right: 0.35em;
  top: 50%;
  transform: translate(0, -50%) rotate(90deg);
  width: 1.65em;
  height: 1.65em;
  background: url("./assets/img/icons/arrow-circkle.svg") center/100% auto no-repeat;
  transition: all 0.2s;
}

.sh8bl3-plan2__list-heading:hover span {
  border-color: transparent;
}

.sh8bl3-plan2__list-main {
  display: none;
  padding: 0 0 1em;
  font: 15px/1.35 "tahoma-Light";
}

.sh8bl3-plan2__list-main li {
  position: relative;
  margin: 0 0 1.35em;
  padding: 0 0 0 2em;
}

.sh8bl3-plan2__list-main li:last-child {
  margin: 0;
}

.sh8bl3-plan2__list-main li:before {
  content: "+";
  position: absolute;
  left: 3px;
  top: 10px;
  transform: translate(0, -50%);
}

.sh8bl3-plan2__list-item_active .sh8bl3-plan2__list-main {
  display: block;
}

.sh8bl3-plan2__list-item_active .sh8bl3-plan2__list-heading:before {
  transform: translate(0, -50%) rotate(180deg);
}

.sh8bl3-plan3 {
  margin: 0 0 81px;
}

.sh8bl3-plan__title {
  margin: 0;
  font: 40px/1 "Asgard-FitMedium";
  text-align: center;
  text-transform: uppercase;
}

.sh8bl3-plan__row {
  margin: 0 auto;
  width: 310px;
  height: 55px;
  background: linear-gradient(to right, #0130f9 0%, #00ffff 50%, #74ff80 100%);
  -webkit-clip-path: polygon(50% 100%, 25% 0, 75% 0);
          clip-path: polygon(50% 100%, 25% 0, 75% 0);
}

.sh8bl3-plan__row_1 {
  margin: 67px auto 0;
}

.sh8bl3-plan__row_2 {
  margin: 0 auto 93px;
}

.sh8bl3-plan4 {
  margin: 0 0 100px;
  font: 21px/1 "Asgard-FitMedium";
  text-transform: uppercase;
}

.sh8bl3-plan4 ul {
  display: flex;
  flex-wrap: wrap;
}

.sh8bl3-plan4 ul li {
  position: relative;
  display: flex;
  align-items: center;
  width: 25%;
  height: 3.34em;
  padding: 0 2.14em 0 0.8em;
  border: 1px solid #000;
  border-right-color: transparent;
}

.sh8bl3-plan4 ul li:before {
  content: "";
  position: absolute;
  right: 0.57em;
  top: 50%;
  transform: translate(0, -50%);
  width: 1.42em;
  height: 1.42em;
  background: url("./assets/img/icons/next.svg") center/100% auto no-repeat;
}

.sh8bl3-plan4 ul li:last-child {
  border-right-color: #000;
}

.sh8bl3-plan4 ul li:last-child:before {
  transform: translate(0, -50%) rotate(90deg);
}

.sh10 > *:nth-child(2) {
  border-top: 1px solid #000;
}

.sh10__box {
  display: grid;
  grid-template-columns: 44% 9% 47%;
  grid-template-rows: auto;
  grid-template-areas: 'x1 x4 x3'
 'x2 x4 x3';
  padding: 70px 0 138px;
  max-width: 87%;
}

.sh10__box > *:nth-child(1) {
  grid-area: x1;
}

.sh10__box > *:nth-child(2) {
  grid-area: x2;
}

.sh10__box > *:nth-child(3) {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  grid-area: x3;
}

.sh10__box > *:nth-child(4) {
  grid-area: x4;
}

.sh10__main-text {
  margin: 0 0 71px;
  font: 20px/1.5 "tahoma-Light";
}

.sh10__title {
  margin: 0 0 27px;
}

.sh10__text {
  margin: 0;
}

.sh10-cm {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: flex-start;
  margin: 0 0 41px;
}

.sh10-cm > *:nth-child(1) {
  width: 96px;
}

.sh10-cm > *:nth-child(2) {
  width: calc(100% - 96px);
}

.sh10-cm > *:nth-child(3) {
  margin: 9px 0 0;
  width: 375px;
}

.sh10-cm__image {
  position: relative;
}

.sh10-cm__image div {
  padding: 100% 0 0;
}

.sh10-cm__image img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.sh10-cm__name {
  padding: 0 0 0 33px;
  font: 20px/1.5 "tahoma-Light";
}

.sh10-cm__name > * {
  display: block;
  font-size: 1.2em;
  line-height: 1.36;
  font-family: "tahoma-Bold";
}

.sh10-cm__text {
  margin: 0;
  padding: 44px 30px 30px;
  font: 24px/1.2 "tahoma";
  background: url("./assets/img/icons/border.svg") 0 0/100% 100% no-repeat;
}

.sh10-scale {
  margin: 0 0 47px;
}

.sh10-scale__text {
  margin: 0 0 21px;
  font: 17px/1 "tahoma-Light";
}

.sh10-scale__line {
  height: 9px;
  border: 1px solid #000;
  background: linear-gradient(to right, #0130f9 0%, #00ffff 50%, #74ff80 100%);
}

.sh10-question {
  margin: 0 0 61px;
  font: 17px/1.5 "tahoma-Light";
}

.sh10-question h4 {
  font-size: 25px;
  font-family: "tahoma-Bold";
}

.sh10-question > * {
  margin: 0 0 5px;
}

.sh10-question > *:last-child {
  margin: 0;
}

.sh10-form__area {
  display: block;
  margin: 0 0 41px;
  padding: 10px 15px;
  width: 100%;
  height: 171px;
  border: 1px solid #000;
  font: 17px/1.5 "tahoma-Light";
  background: transparent;
  resize: none;
}

.sh10-form__area::-webkit-scrollbar {
  width: 8px;
}

.sh10-form__area::-webkit-scrollbar-track {
  background: transparent;
}

.sh10-form__area::-webkit-scrollbar-thumb {
  background: #888;
}

.sh10-form__area::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.sh10-form__bottom {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin: 0 -5px;
}

.sh10-form__dontknow {
  display: inline-block;
  padding: 10px;
  font: 17px/1 "tahoma-Light";
  white-space: nowrap;
}

.sh10-form__dontknow > * {
  display: inline;
  border-bottom: 1px solid #000;
  transition: all 0.1s;
}

.sh10-form__dontknow:hover > * {
  border-color: transparent;
}

.sh10__questions-item {
  display: none;
}

.sh10__questions-item_active {
  display: block;
}

.sh11__box {
  padding: 30px 0;
}

.sh11__item {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  width: 12.5vw;
  height: 12.5vw;
}

.sh11__item img {
  max-height: 100%;
}

.spage {
  flex-grow: 1;
}

.spage__box {
  padding: 150px 0 100px;
}

.spage__box .sh9__list {
  display: flex;
  flex-wrap: wrap;
}

.spage__box .sh9__list-box {
  margin: 0 0 3vw;
  width: 33.33%;
}

.spage__title {
  margin: 0 0 1em;
  font: 32px/1.2 "Asgard-FitMedium";
  text-transform: uppercase;
}

.wpcf7-form-control-wrap {
  display: block;
}

.wpcf7-not-valid-tip {
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	margin: 2px 0 0;
	font-size: 15px;
}

.wpcf7-not-valid {
	border-color: red;
}

.wpcf7 form .wpcf7-response-output {
	margin: 20px auto 0;
	padding: 10px;
	border-width: 1px;
	color:green;
	border-radius:20px;
}

.spagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 30px 0 0 0;
  font-family: 'tahoma-Bold';
}

.page-numbers {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 6px;
  color:#4197CB;
  border: 1px solid #4197CB;
}

.next.page-numbers
{
border:none;
color: #4197CB;
}

.page-numbers:not(.prev):not(.next):not(.dots) {
  width: 40px;
  height: 40px;
  -webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}

.page-numbers.current {
  color: #66CB01;
  background: none;
  border: 1px solid #66CB01;
}

.page-numbers.prev, .page-numbers.next {
  position: relative;
  margin: 0 19px;
  font-size: 0;
}

.page-numbers.prev:before
{
	content: "";
	position: absolute;
	top: 50%;
	transform: translate(0, -50%) rotate(180deg);
	width: 55px;
	height: 100%;
	background: url("./assets/img/next.svg") center no-repeat;
	background-size:30px;
}

.page-numbers.next:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  width: 55px;
  height: 100%;
  background: url("./assets/img/next.svg") center no-repeat;
  background-size:30px;
}

.page-numbers.prev {
  padding: 0 19px 0 0;
}

.page-numbers.prev:before {
  right: 0;
  border:none;
}

.prev.page-numbers
{
border:none;
}

.page-numbers.next {
  padding: 0 0 0 19px;
}

.page-numbers.next:before {
  left: 0;
}

/* --------------------------------------------- формы заказа услуги ---------------------------------------------------*/
.zakaz-yslygi
{
	padding:40px 0;
}

.zakaz-yslygi .wrapper
{
	min-height:400px;
    width: 78%;
    margin: 0px auto;
    max-width: 1400px;
    padding: 50px;
	background: url(./assets/img/form-zakaz.jpg) no-repeat right;
	border: 1px solid #7DC91B;
	border-radius:20px;
    box-shadow: 0px 7px 19px 0px rgba(214, 207, 207, 0.75);
    -webkit-box-shadow: 0px 7px 19px 0px rgba(214, 207, 207, 0.75);
    -moz-box-shadow: 0px 7px 19px 0px rgba(214, 207, 207, 0.75);
}

.site-order-form
{
	width:calc(100% - 400px);
}

.site-order-form h2
{
	font-family: tahoma;
    font-style: normal;
    font-weight: 700;
    font-size: 35px;
    line-height: 45px;
    text-transform: capitalize;
    color: #4197CB;
    margin:0px 0px 50px 0px;
}

.site-order-form form
{
	max-width:800px;
}

.form-step
{
	display:none;
	opacity:0;
	transition:opacity .3s ease;
}

.form-step.active
{
	display:block;
	opacity:1;
}

.note
{
	font-size:.9em;
	color:#666;
	margin-bottom:8px;
}

.site-order-form form input, .site-order-form form select, .site-order-form form textarea
{
	width:100%;
	margin-bottom:15px;
	padding:10px;
	border:1px solid #ccc;
	border-radius:5px;
}

.site-order-form form button
{
	padding:10px 20px;
	border:none;
	border-radius:5px;
	background:#0073aa;
	color:#fff;
	cursor:pointer;
}

.site-order-form form button:hover
{
	background:#005f8d;
}

.site-order-form form .checkbox-grid
{
	display:grid;
	grid-template-columns:repeat(auto-fill,minmax(200px,1fr));
	gap:5px;
}

.site-order-form form .checkbox-grid label
{
	display:flex;
}

.site-order-form form .checkbox-grid label input
{
	width:20%;
	margin-bottom: 0px;
}

.site-order-form form .hidden
{
	display:none !important;
}

.site-order-form form .form-message
{
	text-align:center;
	margin-top:20px;
	font-weight:bold;
}

.site-order-form form .contact-preferences label
{
    font-weight: 500;
}

@media (max-width: 2600px) {
#id_661 .howli
{
width:40%;
margin:0px 10% 100px 0px;
height:450px;
min-height:450px;
}
}

/* ----------------------------------------------------------------------------------------------------max-width: 2000px --------------------------------------------------------*/
@media (max-width: 2000px) {

}

/* -----------------------------------------------------------------------------------------------------max-width: 1500px --------------------------------------------------------*/
@media (max-width: 1500px) {
  .sh5-list__title-box {
    width: 100%;
  }
  .sh5-list__box {
    max-width: none;
  }
  .footer__box > *:nth-child(1) {
    width: 50%;
  }
  .footer__box > *:nth-child(2) {
    width: 25%;
  }
  .footer__box > *:nth-child(3) {
    width: 25%;
  }
.section.sh1
{
height:auto;
}
.home #head-title h1 {
    font-size: 52px;
    line-height: 55px;
}
.home #head-undertitle {
    width: 95%;
	margin: 0px 0px 30px 0px;
}
.header__menu li {
    float: left;
    padding: 10px 30px 10px 10px;
}
#trusted-right #ma {
    margin: 72px 15% 0px 0px;
}
#trusted-right #fs {
    margin: 35px 13% 0px 0px;
}
#for h2 p {
    width: 55%;
}
#main-services h2 {
    width: 46%;
}
#call-front .wrapper {
    min-height: auto;
}
.tehno-links {
    flex-direction: column;
}
#new-tecgno #technotext button,
.tehno-links a
{
	width:100%;
}
.tehnologii-sozdaniya-saytov-webatom {
    width: 100%;
    height: auto;
	min-height:37px;
}

#lastnews li .newsdate
{
	padding: 20px;
}

#lastnews li .newstitle,
#lastnews li .lastnews_text
{
	padding:0px 20px 20px 20px;
}

#lastnews li .last-news-link
{
	margin:0px 0px 20px 20px;
}

.faqli.active .faq-icon {
    top: 39px;
}
#getting-started h2 {
    width: 52%;
}
#stages h2 {
    width: 61%;
}
#lastnews #topnews h2 {
    width: 41%;
}
#page-header h1 {
    font-size: 35px;
}
#care-left h2 {
    font-size: 52px;
	line-height: 63px;
}
#care-of .wrapper {
    min-height: 580px;
}
#why-access h2 {
    width: 64%;
}
#insurance-h2 {
    width: 55%;
}
#iw-left #round {
    width: 425px;
    height: 425px;
}
#iw-left #round h2 {
    margin: 155px auto 0px auto;
}
#iw-right {
    height: 425px;
}
#mr-items ul li {
    width: 30%;
    min-width: 215px;
    min-height: 215px;
    padding: 25px;
}
#mr-items ul {
    margin: 40px 0px 0px 0px;
}
#mr-items ul li #mr-text {
    margin: 23% 0px 0px 0px;
}
#service-description h2 {
    width: 58%;
}
#what-get h2 {
    width: 65%;
}
#cena-sayta h2 {
    width: 55%;
}
#main-plot #mainp-left h2 {
    width: 70%;
    margin: 45px 50% 30px 0px;
}

#accompanying-service #accompanying-h2 {
    width: 55%;
}
#accompanying-service #accompanying-down {
    bottom: 150px;
}
#what-items-2 li .what-img img {
    width: 160px;
    height: 125px;
}
#accompanying-service #accompanying-h2 h2 {
    font-size: 42px;
    line-height: 50px;
}
#main-plot #mainp-left #mainpl-text {
    width: 66%;
}
#blog-telo-right #br-strelka {
    right: 0px;
}
#our-winning-team h2 {
    width: 52%;
}
#ourteam-e-mail
{
	word-wrap: break-word;
}
#certified-team h2 {
    width: 61%;
}
#to-exceed #ex-left h2 {
    width: 100%;
    font-size: 48px;
    line-height: 56px;
}
#compliance h2 {
    width: 50%;
}
#buildings-access-methods h2 {
    width: 67%;
}
#access-items li #access-item-op,
#access-items li #waccess-img {
    width: 50%;
}
#access-items li #waccess-img img
{
margin:40px 0px 0px 0px;
}
#access-items li,
#access-items li #waccess-img {
    min-height: 440px;
}
#top-rated h2 {
    width: 78%;
}
.ant-carousel-hider {
    width: 595px;
}
}

/* -----------------------------------------------------------------------------------------------------max-width: 1400px --------------------------------------------------------*/

@media (max-width: 1400px) {
.section.sh1,
#trusted .wrapper,
#we-understand .wrapper,
#for .wrapper,
#main-services .wrapper,
#call-front .wrapper,
#choose .wrapper,
#getting-started .wrapper,
#stages .wrapper,
#reviews .wrapper,
#property .wrapper,
#call-now .wrapper,
#faqitems,
#lastnews .wrapper,
footer.section div.container-fluid,
.block-container .wrapper,
#webatom-benefits .wrapper,
#cena-sayta.block-container .wrapper,
.header > *:nth-child(2) .container-fluid,
.brief-cta-inner,
.post-template-blog-page .blog-cta-inner
{
width: 90%;
}

.sermenlink {
    width: auto;
    min-width: 160px;
}

.breadcrumbs
{
	margin:190px auto 0px auto;
}

#main-menu .menu {
	flex-direction: column;
	gap: 0;
}

.blog-content-cta {
	flex-direction: column;
	gap: 5px 0;
	padding: 10px 10px;
}

.blog-content-cta h2 {
    font-size: 18px;
    line-height: 24px;
    text-align: center;
}

.blog-content-cta .open-popup {
    margin: 0px auto;
	padding: 0px 8px;
    font-weight: 500;
    font-size: 16px;
}

#new-tecgno .wrapper
{
	flex-direction: column;
}

#main-menu .sub-menu {
	max-height: 0;
	overflow: hidden;
	transition: max-height .3s ease;
}

#main-menu .menu-item.is-open > .sub-menu {
	max-height: 500px; /* достаточно большое */
}

.header-verh-wrapper,
.headnww,
#new-tecgno .wrapper,
#faq,
.ch-wrapper {
    width: 90%;
    margin: 0px auto;
}

.breadcrumbs,
.portfolio .wrapper,
#last-cases .wrapper,
.fh-wrapper,
#blog-top,
#bloglist,
#blog-telo,
.news-categories,
.top-news-s,
.contacts
{
	width: 90%;
}

#faqitems
{
	width:100%;
}

.header-verh .yazuk {
    width: 110px;
    height: 59px;
    margin: 0px 20px 0px auto;
}

.tehnologii-sozdaniya-saytov-webatom {
	min-height: 52px;
}

#footer1 #logo-webatom
{
	height:auto;
}

#footer1 #logo-webatom .webatom-logo-img {
    margin: 10px 0px 0px 0px;
}

#header-niz-wrap
{
	width:100%;
}

#logo-webatom {
    height: 40px;
    margin: 10px 0px 0px 10px;
}

.portfolio-link
{
	width:100%;
}

.webatom-logo-img {
    width: 40px;
    height: 40px;
}

img.logo-img
{
	width:100px;
}

#hederniz .header-svyaz
{
	display:none;
}

#lastnews .wrapper
{
padding:0px;
}
.home #head-conteiner {
    width: 60%;
}
#page-header h1 {
    width: 95%;
}
#trusted-right #rs {
    margin: 35px 25px 0px 0px;
}
#care-of .wrapper {
    min-height: 625px;
}
#care-left h2
{
font-size: 55px;
line-height: 65px;
width:95%;
}
#iw-left #round h2 {
    margin: 140px auto 0px auto;
}
#why-access h2 {
    width: 62%;
}
#insurance-h2 {
    width: 55%;
}
#iw-left #round {
    width: 395px;
    height: 395px;
}
#iw-right {
    height: 395px
}
#iw-text {
    width: 70%;
}
#mr-items ul li {
    width: 30%;
    min-width: 230px;
    height: 100%;
    min-height: 250px;
    float: left;
    margin: 0px 20px 0px 0px;
    background: #FFFFFF;
    padding: 20px 30px;
}

#mr-items #mr-str {
    margin: 50px 0px 0px 0px;
}
#mr-items ul li #mr-text {
    margin: 37% 0px 0px 0px;
}
.block-container .wrapper
{
padding:0px;
}
#we-offer h2 {
    width: 90%;
}
#cena-sayta h2 {
    width: 50%;
}
#service-description h2 {
    width: 47%;
}
#what-items-2 li .what-img img {
    height: 150px;
}

#accompanying-service #accompanying-h2 {
    width: 50%;
}
#ourteam-e-mail {
    font-size: 14px;
}
#certified-team h2 {
    width: 50%;
}
#buildings-access-methods h2 {
    width: 55%;
}
#top-rated h2 {
    width: 65%;
}
.section.sh1
{
height:auto;
}
.s5__subtitle {
font: 17px/1.225 "tahoma_SemiBold";
}
}

/* -----------------------------------------------------------------------------------------------------max-width: 1300px --------------------------------------------------------*/

@media (max-width: 1300px) {

}

/* -----------------------------------------------------------------------------------------------------max-width: 1199px --------------------------------------------------------*/

@media (max-width: 1199px) {

  .top__title {
    font-size: 80px;
  }
  .sh1__list {
    font-size: 20px;
  }
  .sh2__box {
    height: 700px;
  }
  .s8bl1__box > *:nth-child(1) {
    width: 100%;
  }
  .s8bl1__box > *:nth-child(2) {
    width: 100%;
  }
  .s8bl1__text ul {
    margin: 0 0 50px;
  }
  .sh3__box {
    padding: 120px 0 120px;
  }
  .sh3__box .s8bl1__img {
    justify-content: center;
    margin: 80px auto  0;
    max-width: 500px;
  }
  .sh4__box {
    padding: 120px 0 120px;
  }
  .rtblock {
    height: 80px;
    font-size: 28px;
  }
  .sh5__box {
    padding: 120px 0 120px;
  }
  .sh5-list__box {
    max-width: none;
  }
  .sh5__block {
    margin: 0 0 120px;
  }
  .sh5__block-top {
    margin: 0 0 50px;
  }
  .rtblock_8 {
    margin: 120px 0 120px;
  }
  .sh6__box {
    padding: 120px 0 120px;
  }
  .sh6__title {
    font-size: 50px;
  }
  .sh6__heading {
    margin: 0 0 80px;
  }
  .sh6__list > * {
    margin: 0 0 80px;
    width: 45%;
  }
  .sh6-item__img {
    margin: 30px 0 0;
  }
  .sh7__box {
    padding: 120px 0 120px;
  }
  .rtblock_9 {
    margin: 120px 0 120px;
  }
  .s7bl2__box {
    max-width: none;
  }
  .s2__box {
    grid-template-columns: 50% 50%;
    grid-template-rows: 45% 45% 10%;
    grid-template-areas: 'b1 b2'
 'b3 b4'
 'b5 b5';
    height: 906px;
  }
  .s2__box_2 {
    grid-template-rows: repeat(2, 3fr) 2fr;
  }
  .s2-item__title {
    margin: 0 0 15px;
    font-size: 25px;
  }
  .s2-item__part_top {
    padding-bottom: 25px;
  }
  .s2__allcases-link {
    font-size: 25px;
  }
  .sh8bl1__box {
    max-width: none;
  }
  .sh8__box {
    padding: 120px 0 0;
  }
  .sh8bl2 {
    margin: 0 0 120px;
  }
  .sh8bl3__heading {
    margin: 0 0 120px;
  }
  .sh10__box > *:nth-child(1) {
    width: 100%;
  }
  .sh10__box > *:nth-child(2) {
    width: 100%;
  }
  .sh10__box {
    max-width: none;
  }
  .sh10-cm__text {
    font-size: 22px;
  }
  .sh9__box {
    padding: 100px 0;
  }
  .sh4__list_min {
    font-size: 3vw;
  }
  .sh8bl3-plan4 ul {
    margin: 0 auto;
    width: 400px;
    max-width: 100%;
  }
  .sh8bl3-plan4 ul li {
    width: 100%;
    border: 1px solid #000;
    border-bottom-color: transparent;
  }
  .sh8bl3-plan4 ul li:last-child {
    border-bottom-color: #000;
  }
  .sh8bl3-plan4 ul li:before {
    transform: translate(0, -50%) rotate(90deg);
  }
  .sh8bl3 {
    margin: 0 0 120px;
  }
  .sh10__box {
    padding-bottom: 120px;
  }
  .header__box {
    height: 90px;
  }
  .header__invite {
    height: calc(100vh - 90px);
  }
  .sh5__block {
    margin: 0 0 70px;
  }
  .s2-item__main {
    opacity: 1;
  }
  .section > *:nth-child(2) {
    width: 100%;
  }
  .sh11__item {
    width: 15vw;
    height: 15vw;
  }
  .sh8bl3-plan1__line {
    display: none;
  }
  .sh8bl3-plan1__text {
    display: block;
    margin: 0 0 20px;
  }
  .sh8bl3-plan1__box {
    margin: 0 auto;
    max-width: 580px;
    text-align: center;
  }
  .sh8bl3-plan1__box br {
    display: none;
  }
  .sh8bl3-plan1__row {
    display: block !important;
    margin: 0 auto;
    width: 150px;
    height: 25px;
    background: linear-gradient(to right, #0130f9 0%, #00ffff 50%, #74ff80 100%);
    -webkit-clip-path: polygon(50% 100%, 25% 0, 75% 0);
    clip-path: polygon(50% 100%, 25% 0, 75% 0);
    transform: none;
  }
  .sh8bl3-plan2__box {
    margin: 0;
  }
  .sh8bl3-plan2__box > *:nth-child(1) {
    width: 100%;
  }
  .sh8bl3-plan2__box > *:nth-child(2) {
    width: 100%;
  }
  .sh8bl3-plan2__list {
    margin: 0;
  }
  .sh8bl3-plan2__text {
    text-align: center;
  }
  .sh8bl3-plan2__list {
    margin: 0 auto;
    max-width: 400px;
  }
  .sh8bl3-plan1 {
    font-size: 30px;
  }
  .sh9__list-wrap {
    margin: 0 -10px;
  }
  .sh9__list-box {
    padding: 0 10px;
  }
  .sh9-article__title {
    font-size: 18px;
  }
  .s3__items {
    padding: 0;
  }
  .s3__items {
    font-size: 18px;
  }
  .s3__items-wrap {
    margin: 0;
    padding: 0 15px;
  }
  .s3-item {
    padding: 0 0 0 3em;
  }
  .s3-item__text:before {
    left: -0.5em;
    top: 0;
    font-size: 5em;
  }
  .s3__items-wrap {
    width: 40vw;
  }
  .top__box {
    padding: 0 0 70px 0;
    height: 600px;
  }
  .s1__box {
    padding: 70px 0;
  }
  .s3__items-box {
    margin: 100px 0 110px;
  }
  .solution__box {
    max-width: none;
  }
  .s3__box {
    padding: 0 0 70px;
  }
  .s4bl1__box {
    width: auto;
  }
  .s4bl3 {
    width: auto;
  }
  .container-fluid {
    padding-left: 4vw !important;
    padding-right: 4vw !important;
  }
  .full-width {
    margin-left: -4vw !important;
    margin-right: -4vw !important;
  }
  .full-width-right {
    margin-right: -4vw !important;
  }
  .full-width-max {
    margin-left: -4vw !important;
    margin-right: -4vw !important;
  }
  .full-width-left {
    margin-left: -4vw !important;
  }
  .s8bl1__img {
    justify-content: center;
    margin: 50px 0 0;
  }
  .header__menu-btn_2 {
    display: inline-flex;
    margin: 0 10px 0 -10px;
    width: 60px;
    height: 60px;
  }
  .sh8bl3-plan {
    display: flex;
    flex-direction: column-reverse;
  }
  .sh8bl3-plan2 {
    margin: 0;
  }
  .sh8bl3-plan1 {
    margin: 0 0 30px;
  }
  .sh8bl3-plan3 {
    margin: 0 0 50px;
  }
  .sh8bl3-plan4 {
    margin: 0 0 50px;
  }
  .sh8bl3-plan__row_1 {
    margin: 30px auto 0;
  }
  .sh8bl3-plan__row_2 {
    margin: 0 auto 30px;
  }
  .sh8bl3-plan2__list {
    display: none !important;
  }
}

/* -----------------------------------------------------------------------------------------------------max-width: 991px --------------------------------------------------------*/

@media (max-width: 991px) {
  .sh1__box_1 > *:nth-child(1) {
    width: 100%;
  }
  .sh1__box_1 > *:nth-child(2) {
    margin: 0 0 30px;
    width: 100%;
  }
  .top__title {
    font-size: 70px;
  }
  .sh1__list {
    font-size: 18px;
  }
  .sh1__title {
    margin: 0 0 30px;
  }
  .sh1__box_1 {
    padding: 170px 0 50px;
  }
  .sh1__box_2 > *:nth-child(1) {
    width: 50%;
  }
  .sh1__box_2 > *:nth-child(2) {
    width: 50%;
  }
  .sh1__box_2 {
    height: 50px;
  }
  .sh2__img {
    width: 75%;
  }
  .s7bl2__box > *:nth-child(1) {
    margin: 0 0 50px;
    width: 100%;
  }

  .footer__menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 0;
    width: 100%;
    font-size: 20px;
  }
  .footer__menu li {
    margin: 2px 5px;
  }
  .footer {
    text-align: center;
  }
  .footer__contacts {
    margin: 0 0 30px;
    font-size: 20px;
  }
  .footer-form {
    margin: 0 auto;
    max-width: 280px;
  }
  .footer-logo {
    margin: 0 0 30px;
  }
  .footer__socials {
    justify-content: center;
  }
  .footer-logo__text {
    margin: 15px 0 0 0;
    font-size: 18px;
  }
  .footer-logo__img {
    max-width: 280px;
  }
  .footer-form__input {
    margin: 0 0 10px;
    padding: 0 15px;
    height: 50px;
    font-size: 18px;
    text-align: center;
  }
  .footer__socials a {
    width: 30px;
    height: 30px;
  }
  .footer__socials > * {
    margin: 7px;
  }
  .sh10-cm__text {
    padding: 34px 20px 20px;
    font-size: 18px;
  }
  .sh10-cm > *:nth-child(3) {
    width: 275px;
  }
  .sh10-cm {
    margin: 0 0 15px;
  }
  .slink {
    font-size: 18px;
  }
  .small-title {
    font-size: 17px;
  }
  body {
    font-size: 16px;
  }
  .header__box {
    height: 70px !important;
  }
  .header__invite {
    height: calc(100vh - 70px);
  }
  .header__mbtn-rows > * {
    margin: 0 0 6px;
    height: 3px;
  }
  .header__bc-star {
    margin: 0 0.5em 0 0;
    width: 2em;
  }
  .s1-block > *:nth-child(2) {
    margin: 0 0 30px;
    width: 100%;
  }
  .s1-block > *:nth-child(3) {
    width: 100%;
  }
  .s1-block__title {
    margin: 0 0 30px;
    font-size: 40px;
  }
  .s1-block__img {
    max-width: 200px;
  }
  .s1-block__text li {
    margin: 0 0 1.2em;
  }
  .s1-block__text > * {
    margin-bottom: 30px;
  }
  .s1-block {
    margin: 0 0 50px;
    padding: 0;
    min-height: auto;
  }
  .solution__text {
    font-size: 20px;
  }
  .header__menu {
    font-size: 6vw;
  }
  .header__invite-box > * {
    width: 100%;
  }
  .header__invite-text {
    margin: 0 auto 40px;
    max-width: 500px;
    font-size: 25px;
    text-align: center;
  }
  .header-form {
    margin: 0 auto;
    max-width: 320px;
    font-size: 20px;
    text-align: center;
  }
  .header-form__input {
    text-align: center;
  }
  .header-form__submit {
    margin: 0;
  }
  .footer__menu ul {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 5px 0 0;
  }
  .spage__box .sh9__list-box {
    margin: 0 0 30px;
    width: 50%;
  }
}

/* -----------------------------------------------------------------------------------------------------max-width: 720px --------------------------------------------------------*/

@media (max-width: 720px) {

}

/* -----------------------------------------------------------------------------------------------------min-width: 610px --------------------------------------------------------*/

@media (min-width: 610px) {
.container-fluid.header__bg.header__bg_2 #mobil-main-menu
{
display:none;
}
}

/* -----------------------------------------------------------------------------------------------------max-width: 676px --------------------------------------------------------*/

@media (max-width: 676px) {
	
.corscont
{
	width:100%;
}
	
.crsv-t,
.vremya-r
{
	width:100%;
	font-size: 20px;
}

.cost-cont,
.vremya-r-o {
    width: 300px;
}

@keyframes priceSlide{

0%{
left:0;
}

100%{
left:90px;
}

}

#domore-bg-img
{
	width:100%;
	font-size: 20px;
	padding:0px;
}

#cena-dom-host,
.cena-razrabotki,
.cena-domrnahostinga,
#domore-content #cena-sayta-ot,
.cena-razrabotki .cors,
.cena-domrnahostinga .cors,
.cena-domena, .cena-hostinga
{
	padding:10px;
}

.cena-right .tcrs
{
	width: calc(100% - 20px);
	margin:0px 10px;
}
	
#cena-sayta #cs-h2
{
	flex-direction:column;
	gap:20px;
}
	
.brief-cta,
.seo-cta
{
	width:100%;
}

.cps-cost,
.cps-time
{
	flex-direction:column;
}
	
.brief-cta-inner,
.seo-cta-inner,
.post-template-blog-page .blog-cta-inner{
	flex-direction:column;
	text-align:center;
}
	
.brief-page
{
	width:100%;
	margin: 90px auto 50px auto;
}

.brief-page .container {
    padding: 0px 10px;
}

.brief-header h1 {
    font-size: 33px;
    line-height: 43px;
}

.brief-buttons
{
	gap:10px;
}
	
.seo-tools
{
	width:100%;
	padding: 0px 10px;
	margin: 100px auto 0px auto;
}

.seo-tools h1 {
    font-size: 33px;
    line-height: 43px;
}

h2.seotoolsh2
{
	padding: 0px 10px;
    font-size: 33px;
    line-height: 43px;	
}

.seo-tab-content
{
	padding:10px;
}

.seo-tools-link {
    padding: 6px;
}

.seo-tabs {
    margin: 20px 0;
    border-bottom: none;
}

.tab-btn {
    padding: 10px 20px;
    border: none;
    background: #eee;
    cursor: pointer;
    margin-right: 0px;
    border-radius:5px;
    width: 100%;
}

.heading-tree ul {
    list-style-type: none;
    padding-left: 20px;
    border-left: 1px solid #ddd;
}

.heading-tree li {
    margin: 4px 0;
}
	
.city-pages-list .wrapper,
.cpdt-wrapper
{
	width:100%;
	padding:0px 10px;
}

.city-pages-list .wrapper h2
{
	width:100%;
}
	
.to-top
{
	right:10px;
}

#footer-logo-webatom
{
	margin:0px auto;
}

.bloglist li article .blogart-right,
ul.bloglist li .blogart-right .blog-link .blog-link,
section.city-head,
section.city-head #head-undertitle
{
	width:100%;
}

section.city-head .header-bottons {
	bottom: 10px;
}

section.city-head .atom-cont {
	width: 100%;
	height: 200px;
	position: absolute;
	right: 0;
	top: auto;
	bottom: 70px;
}

section.city-head #head-conteiner .smw {
	left: 0px;
}

.ct-wrapper
{
	width:100%;
	padding:20px 20px 300px 20px;
}

section.city-head #head-conteiner {
    position: relative;
    width: calc(100% - 40px);
    top: 130px;
    margin: 0px 0px 0px 20px;
}

section.city-head #head-title h1 {
    font-size: 33px;
    line-height: 43px;
}

.bloglist li .blog-page-category
{
	margin:5px 0px;
}

.bloglist li .blog-page-category ul {
    gap: 15px;
    flex-wrap: wrap;
	margin:0px;
}
	
.header-verh .yazuk {
    width: 78px;
}

.language-menu a {
    padding: 4px 8px;
    font-size: 13px;
}
	
.case-cta
{
	width:100%;
	padding:200px 20px 20px 20px;
	background-position: 80px 30px;
}

.case-cta__actions
{
	flex-direction:column;
	width: 100%;
}
	
.case-cta__inner {
	flex-direction: column;
	align-items: flex-start;
}

.case-cta__title {
	font-size: 26px;
}
	
.blog-post-navigation
{
	width: 100%;
	padding: 0px 20px;
}
	
#call-front .wrapper
{
	flex-direction:column;
}
	
.atom-cont {
    width: 100%;
    height: 250px;
    position: absolute;
    right: 0;
    top: 330px;
}
	
.atom {
    width: 200px;
    height: 200px;
    perspective: 1500px;
	margin: 0px auto;
}

.nucleus {
    width: 70px;
    height: 70px;
    background-size: 50px;
}

.orbit {
    width: 270px;
    height: 200px;
}
	
.service-menu.sticky
{
	top:60px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.09);
}

.admin-bar .service-menu.sticky {
    top: 88px;
}
	
.top-news-list {
    flex-direction:column;
}

.top-news-list li
{
	width:100%;
}
	
ul.interestedul li.interestedli {
    width: 100%;
    flex: 0 0 100%;
}

.breadcrumbs
{
	width:100%;
	padding:10px;
	margin: 65px 0px 0px 0px;
	gap: 0px 10px;
	flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.breadcrumbs ul {
    flex: 0 0 auto;
    white-space: nowrap;
}

.breadcrumbs ul li {
    font-size: 12px;
}

.faq-header {
    margin: 20px 0px 0px 0px;
}

.fh-wrapper {
    width: 100%;
}

section#faq
{
	padding:0px 10px;
}

#faq h2, #faq h1 {
    width: 100%;
    font-size: 40px;
    line-height: 50px;
	margin:20px 0px;
}

.top__title {
font-size: 60px;
}
.stext h3, .stext h4 {
font-size: 20px;
}
.sh2__text {
font-size: 18px;
}
.sh5-list__title-box > *:nth-child(1) {
width: 100%;
}
.sh5-list__title-box > *:nth-child(2) {
display: none !important;
}
.sh5-list__box > *:nth-child(1) {
width: 100%;
}
.sh5-list__box > *:nth-child(2) {
display: block;
margin: 20px 0;
width: 100%;
font-size: 20px;
}
.sh5-list__box > *:nth-child(3) {
width: 100%;
}
.rtblock {
height: 70px;
font-size: 20px;
}
.s2__box {
grid-template-columns: 100%;
grid-template-rows: repeat(4, 50vw) 100px;
grid-template-areas: 'b1'
'b2'
'b3'
'b4'
'b5';
height: auto;
}
.sh1__box_1 {
padding: 130px 0 50px;
}
.footer__menu {
font-size: 18px;
}
.footer__contacts {
font-size: 18px;
}
.top__title_map {
font-size: 45px !important;
}	
	
.contacts {
    width: 100%;
    margin: 90px auto 0px auto;
}
.contacts-img img {
    height: 200px;
}
.contacts-header {
    flex-direction: column;
}
.cont-left, .cont-right {
    padding: 10px;
    width: calc(100% - 0px);
}

#what-items-2 li .what-img img {
    height: 160px;
}

#cena-sayta h2 span, #cs-h2 h2 span {
    bottom: 20px;
}

#main-plot #mainp-right img {
	width:100%;
}

.home header.section {
    background: #FFF;
}
.header__box #logo-webatom {
    float: left;
    margin: 10px 20px 0px 0px;
}
.home #head-shedule button {
    width: 100%;
}

.header-verh-wrapper
{
	width:100%;
}

.contants-icon
{
	width:35px;
	height:35px;
	background: url(./assets/img/call.svg) no-repeat center;
	background-size:35px;
	display:flex;
	margin: 10px 0px 0px auto;
}

.all-contacts
{
	display:none;
}

.all-contacts.activ-contacts
{
	height:60px;
	width: 100%;
	display:flex;
	position:absolute;
	top:60px;
	background:#FFF;
	border-bottom:1px solid #66CB01;
	padding:15px 10px;
	gap:10px;
}

.all-contacts.activ-contacts #napisat
{
	 margin: 0px 0px 0px 0px;
}

.all-contacts.activ-contacts #header-tel {
    margin: 0px 0px 0px auto;
}

.cabinet-icon
{
	width:35px;
	height:35px;
	background: url(./assets/img/account.svg) no-repeat center;
	background-size:35px;
	/*display:flex;*/
	margin: 10px 0px 0px auto;
}

.menu-icon
{
	width:35px;
	height:35px;
	background: url(./assets/img/menu-icon.svg) no-repeat center;
	background-size:35px;
	display:flex;
	margin: 10px 10px 0px auto;	
}

#get-free-q {
    left: calc(50% - 48%);
    width: 96%;
	top: 80px;
}
#get-free-q h2 {
    font-size: 19px;
}
#get-free-q form button {
    padding: 10px 0px;
}
#last-recommendation {
    padding: 70px 0px 70px 0px;
    margin: 0px 0px 50px 0px;
}
#last-recommendation h2
{
width:100%;
font-size: 47px;
line-height: 52px;
word-break: break-word;
}
#last-recommendation ul.lrul {
    width: 100%;
	padding-top: 600px;
	padding-right: 90px;
	background-size: 70px;
	background-position: bottom 10% right 0px;
}
#last-recommendation ul.lrul li {
    width: 30%;
    float: left;
    margin: 0px 5px 5px 0px;
}
li.lrli .large {
    position: absolute;
    left: 0%;
    top: 15%;
	width: 100%;
}
.lr-img2 {
    width: 100%;
}
ul.lrul li #lr-img {
    width: 100%;
}
.section.sh1
{
width:100%;
}
.home #head-conteiner {
	height:590px;
    width: 100%;
	padding:0px 10px;
    margin: 0px 0px 0px 0px;
	top:100px;
	position:relative;
}
.home #head-conteiner #head-shedule
{
	position:absolute;
	width:calc(100% - 20px);
	bottom:10px;
}

li.serli .ser-block-title
{
	font-weight:600;
	background-position: 97% 15px;
}

li.stagesli .stages-img img {
    height: 225px;
}

.home #head-undertitle {
    font-size: 18px;
	line-height: 22px;
    width: 100%;
    margin: 0px 0px 50px 0%;
}
.home #head-title {
    width: 100%;
    margin: 10px 0px 0px 0px;
}

.home #head-title h1
{
font-size: 27px;
line-height: 35px;
}

.home #head-conteiner .underh2line {
    width: 100%;
	margin: 0px 0px 30px 0px;
}
.ss-botton {
    top: 480px;
    right: -20px;
}
.rs-botton {
    top: 400px;
    right: auto;
    left: 25px;
}
.ps-botton {
    top: auto;
    bottom: 140px;
    right: auto;
    left: 25px;
}

#webatom-benefits .wrapper,
#main-services .wrapper,
#getting-started .wrapper,
#stages .wrapper,
#last-cases .wrapper,
#for .wrapper,
#call-front .wrapper,
#we-understand .wrapper,
#lastnews .wrapper
{
    padding: 50px 10px;
}

#faqitems
{
	padding: 10px 0px;
}

ul.serlinksul,
#getting-started li.gsli,
ul.stagesul li.stagesli
{
    flex-direction: column;
}

ul.serlinksul li,
ul.stagesul li .stli-first,
ul.stagesul li .stli-second,
li.stagesli:nth-child(even) .stli-first,
li.stagesli:nth-child(even) .stli-second,
ul.stagesul li .stages-button button
{
    width: calc(100% - 0px);
}

#stages li.stagesli .stages-img {
    margin: 0px 0px 0px 0%;
    min-height: 280px;
}

li.stagesli .stages-img img
{
	border-radius: 115px;
}

.underh2line
{
	width:100%;
}

.header-bottons {
    bottom: 140px;
    right: 0px;
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
	width: 100%;
    padding: 0px 10px;
	z-index:3;
}

.rbtext,
.pbtext,
.pbtext
{
	font-size:15px;
	flex-wrap: nowrap;
	text-align:center;
}

.smw {
    left: 0px;
    top: -20px;
}

.home .section.sh1 .smw
{
	top:0px;
	left: auto !important;
    right: 10px;
}

#head-conteiner .smw {
    left: 10px;
}

#main-services h3 {
    font-size: 25px;
    line-height: 35px;
	margin:0px 0px 50px 0px;
}
.section.header #mobil-main-menu
{
    opacity: 0;
    visibility: hidden;
	position:absolute;
}
.section.header.header__opened #mobil-main-menu
{
    opacity: 1;
    visibility: visible;
	transition: transform 0.5s ease;
	width:80%;
	float:right;
	background:#FFF;
	right: -20px;
    top: 70px;
	background:#F7F7F7;
	-webkit-box-shadow: -5px 5px 5px 0px rgba(0,0,0,0.1);
-moz-box-shadow: -5px 5px 5px 0px rgba(0,0,0,0.1);
box-shadow: -5px 5px 5px 0px rgba(0,0,0,0.1);
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-left-radius: 20px;
}
.section.header.header__opened #mobil-main-menu ul#menu-head-menu
{
display:block !important;
}
#mobil-main-menu #menu-head-menu
{
width:100%;
float:right;
margin:0px 0px 50px 0px;
}
#mobil-main-menu #header-tel
{
width:80%;
float:right;
margin:0px 10% 0px 10%;
padding:20px;
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 19.25px;
text-align:center;
line-height: 150%;
color: #E10714;
background: url(./assets/img/tel-verh.svg) no-repeat left;
}
.header__box #logo {
    float: left;
    margin: 15px 20px 0px 0px;
}
#mobil-main-menu ul li ul.sub-menu
{
	background:#ECECEC;
}
#mobil-main-menu ul li._opened a
{
color:#000;
font-weight:bold;
}

#page-header {
	height: auto;
	min-height:550px;
    margin: 0px auto 0px auto;
    padding: 0px;
    max-width: 100%;
	position:relative;
}
#header-button
{
position:absolute;
top:calc(100% + 310px);
width: 90%;
}

#page-header #page-header-top {
	height: 550px;
	width:100%;
	margin:0px;
    padding: 90px 20px 0px 20px;
    position: relative;
}

#page-header h1 {
    width: 100%;
	font-size: 25px;
	line-height: 32px;
	margin: 0px 0px 20px 0px;
	color: #8ed2fc;
}

#page-header #header-cena-ot
{
	color: #5cc1fe;
}

#page-header #header-cena-ot {
    margin: 0px 0px 0px 0px;
}

#page-header-top #down
{
	left: 20px;
    bottom: 100px;
}

#page-header #page-header-img
{
	min-height:580px;
	text-align:center;
	padding:0px;
	margin:0px;
}

#page-header #header-button button
{
	width:100%;
	padding:20px;
}

.service-menu
{
	width:auto;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	gap: 12px;
	flex-wrap: nowrap;
	margin:0px;
}

.sm-wp
{
	width:auto;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	gap: 12px;
	flex-wrap: nowrap;
	margin:0px;	
}

.sermenlink {
  flex: 0 0 auto;
  white-space: nowrap;
}

.portfolio {
    padding: 20px 0px;
    margin: 0px;
}

.portfolio .wrapper {
    width: 100%;
    max-width: 100%;
    padding: 0px 10px;
}

.portfolio-head {
	margin: 0px 0px 20px 0px;
    background-size: cover;
}

.portfolio-head h1 {
    font-size: 30px;
    line-height: 40px;
	margin: 0px;
}

.cases-filters {
    margin: 0px 0px 20px 0px;
}

.case-item .zagolovok {
    width: 100%;
    padding: 20px 20px 0px 20px;
}

.case-item
{
	flex-direction: column;
	gap: 20px;
	padding: 20px 0px;
	position:relative;
}

#for .container
{
	flex-direction:column;
}

.case-item .zagolovok h2 {
    font-size: 30px;
    line-height: 40px;
    margin: 0px;
	word-wrap: break-word;
	overflow-wrap: break-word;
	white-space: normal; 
}

.podrobnee,
.case-description {
    width: calc(100% - 20px);
    margin:0px auto;
}

.case-item .case-img {
    width: 100%;
	text-align:center;
}

.case-item .case-img picture img {
	min-height: 220px;
    width: 90%;
}

#case-head {
    width: 100%;
    margin: 20px auto 0px auto;
}

.case-head {
    flex-direction: column;
	padding: 10px;
}

#case-title {
    padding: 10px;
    margin: 0px 0px 20px 0px;
	overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
}

#case-short-text h2
{
	font-weight: 600;
}

.case-head-left {
    width: calc(100% - 0px);
}

.case-head-right {
    width: 100%;
}

ul.topbenul li .topben-text
{
    font-family: tahoma;
	font-weight: 600;
	font-size: 20px;
	line-height: 28px;
}

#care-right #care-h3 h3
{
    font-size: 24px;
    line-height: 34px;	
}

#care-right #care-text
{
    font-weight: 500;
    font-size: 22px;
    line-height: 32px;	
}

#why-services #access-undertitle,
li.accessli .access-text,
#weoffer-items .wo-text,
.step-right .gs-text,
#serd-left
{
    font-size: 22px;
    line-height: 32px;	
}

#care-of .wrapper
{
    padding: 50px 20px;
	height: auto;
    float: left;
    width: 100%;
}
#care-left {
    width: 100%;
    float: left;
	margin:0px 0px 50px 0px;
}
#care-left h2
{
width:100%;
font-size: 47px;
line-height: 50px;
}
#youtube-icon {
    margin: 0px 20px 0px 0px;
}
#care-left #video-care button {
	width: calc(100% - 72px);
    height: 53px;
}
#care-right {
    width: 100%;
    float: right;
}
#why-access h2
{
width:100%;
font-size: 47px;
line-height: 52px;
}
ul.accessul {
    width: 100%;
    float: right;
}
li.accessli .accessitem-title
{
width:80%;
margin:10px 0px 0px 0px;
}
li.accessli .access-text
{
margin: 60px 0px 20px 0px;
    width: 100%;
}
li.accessli .access-icon {
    width: 100%;
    float: right;
	margin: 0px 0px 30px 0px;
}
li.accessli.active .right-s {
    position: absolute;
    height: 50px;
    top: 20px;
    right: 0px;
}
#insurance-cont
{
    height: auto;
	width:100%;
	flex-direction:column;
	gap:20px;
    border-radius: 20px;
    float: left;
	background-size: 50px;
	background-position: top 350px left 15px;
}
#insurance-h2 h2 {
    width: 100%;
    margin: 0px 0px 0px 0px;
}
#insurance-cont #insurance-img {
    float: left;
    width: 100%;
    height: 340px;
    overflow: hidden;
	-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
#insurance-cont #insurance-img img {
	-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-bottom-left-radius: 0px;
}
#insur-right {
    width: 100%;
    float: right;
}
#insurance-h2 {
    width: 90%;
	margin: 60px 20px 54px 20px;
	font-size: 28px;
line-height: 36px;
}
.trast-slider ul.trast-ul
{
	margin:0px;
}
#insurance-text {
    margin: 0px 20px 0px 20px;
}
#iw-left {
    float: left;
    width: 100%;
	margin: 0px 0px 50px 0px;
}
#iw-left #round {
width:300px;
height:300px;
margin:0px auto;
}
#iw-left #round h2 {
    margin: 30% auto 0px auto;
	font-size: 26px;
line-height: 36px;
}
#iw-right {
    float: right;
    width: 100%;
	transform: scale(-1, 1);
	margin: 0px 21px 0px 0px;
}
#iw-text,
#warning-link,
#warning-link button {
    width: 100%;
}
#we-offer h2 {
    width: 100%;
    font-size: 25px;
    line-height: 32px;
}
#weoffer-items {
    width: 100%;
    float: left;
}
#weoffer-items li {
    width: 100%;
    float: left;
    padding: 0px 20px 40px 0px;
}
#we-offer-link {
    width: 100%;
    float: left;
    margin: 30px 0px 0px 0px;
}
#we-offer-link button
{
width:100%;
}
#logos
{
border-top:none;
}
ul.logul {
    display:block;
}
ul.logul li {
    margin: 0px 0px 30px 0px;
    text-align: center;
    line-height: 70px;
    width: 50%;
    float: left;
}
#last-blog-gallery {
    padding: 70px 0px 70px 0px;
    margin: 0px 0px 0px 0px;
}
#top-lbg h2,
.city-pages-list .wrapper h2,
.cpdt-wrapper h2 {
    width: 100%;
	font-size:47px;
	line-height: 57px;
	word-break: break-word;
}

.cpdt-text {
    padding: 10px;
}

#lbg-items li:nth-child(1),
#lbg-items li:nth-child(1) img,
#lbg-items li:nth-child(2),
#lbg-items li:nth-child(2) img,
#lbg-items li:nth-child(3),
#lbg-items li:nth-child(3) img,
#lbg-items li:nth-child(4),
#lbg-items li:nth-child(4) img,
#lbg-items li:nth-child(5),
#lbg-items li:nth-child(5) img,
#lbg-items li:nth-child(6),
#lbg-items li:nth-child(6) img,
#lbg-items li:nth-child(7),
#lbg-items li:nth-child(7) img,
#lbg-items li:nth-child(8),
#lbg-items li:nth-child(8) img,
#lbg-items li:nth-child(9),
#lbg-items li:nth-child(9) img,
#lbg-items li:nth-child(10),
#lbg-items li:nth-child(10) img

 {
    width: 100%;
	margin:0px;
}

#id_188 #page-header h1,
#id_188 #page-header #header-undertitle,
#serd-left {
    width: 100%;
}

.sd-content
{
	flex-direction:column;
}

ul.interestedul button.slick-prev,
ul.interestedul button.slick-next
{
	top:10px;
}

#service-description h2
{
	width: 100%;
	font-size: 40px;
	line-height: 50px;
}

#serd-right {
    width: 100%;
    float: right;
    padding: 40px 0px 0px 0px;
}

#cena-sayta.block-container .wrapper
{
	width:100%;
	padding:0px 10px;
}

#cena-sayta h2 {
    width: 100%;
	font-size: 33px;
	line-height: 43px;
}

#accompanying-service #accompanying-bg-img {
    width: 100%;
	padding:0px 10px;
}

#accompanying-service #accompanying-bg-img img {
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

#domore-content #domore-bg-img img
{
	min-height:450px;
	object-fit: cover;
}

#domore-content {
    flex-direction: column;
}

#domore-content #domore-bg-img {
    min-height: 300px;
    width: 100%;
	margin:0px 0px 30px 0px;
}

#domore-content .cena-right {
    width: 100%;
    padding: 0px 0px 50px 0px;
    position: relative;
	
}

#domore-content #domore-link {
    left: 0px;
	bottom:-20px;
    width: 100%;
}

#domore-content #domore-link button {
    width: 100%;
}

#domore-content #domore-img-title h3,
#cena-dom-host h3,
.cena-razrabotki h3,
.cena-domrnahostinga h3 {
    font-weight: 600;
	font-size:22px;
}

.pcss-icon
{
	width: 300px;
	padding: 5px 10px;
	margin:0px;
}

.pcss-icon span {
    margin: 0px auto;
}

#domore-content #cena-sayta-ot,
.cena-razrabotki .cors,
.cena-domrnahostinga .cors,
.cena-domena, .cena-hostinga
{
	flex-direction:column;
}

#domore-text #dtex {
    width: 80%;
}
#domore-text {
    width: 100%;
    float: left;
    margin: 330px 0px 50px 0px;
    position: relative;
}
#domore-content #domore-img-title h3
{
    width: 90%;
    margin: 0px auto;
    font-size: 27px;
    line-height: 36px;
}
#main-plot #mainp-left {
    width: 100%;
    height: auto !important;
	padding:0px 0px 50px 0px;
	order: 2;
}

#mainpl-link,
#mainpl-link button
{
width:100%;
}

#main-plot #mp-cont
{
	width:100%;
	height:auto !important;
	flex-direction:column;
}

#serd-left
{
padding:0px;
}

#main-plot #mainp-left h2
{
	font-size: 40px;
	line-height: 50px;
	padding:10px;
}

#main-plot #mainp-left #mainpl-text
{
	padding:10px 10px 450px 10px;
}

#main-plot #mainp-left h2,
#main-plot #mainp-left #mainpl-text,
#serd-left #serdes-link button
{
width:100% !important;
}

#what-left {
    width: 100%;
    float: left;
}
#str-right {
    width: 145px;
    height: 100px;
    float: left;
    margin: 30px 0px 50px 0px;
    transform: rotate(90deg);
}
#id_309 #what-text-left
{
width:calc(100% - 145px);
float:right;
}

#main-plot #mainp-right {
    width: 100%;
    height: auto;
    overflow: hidden;
	order: 1;
}

#what-right {
    width: 100%;
    float: right;
    padding: 0px 0px 0px 0%;
}
#what-items-2 li {
    width: 50%;
}
#id_309 #cena-sayta h2 {
    width: 100%;
}
#difference #difference-h2 h2 {
    width: 100%;
}
#difference #difference-h2 h2 {
    width: 100%;
    text-align: left;
}
#accompanying-service #accompanying-bg-img {
    width: 100%;
}
#accompanying-service #accompanying-bg-img img {
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
#dif-items li #dif-img {
    float: left;
    width: 115%;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 50px -25%;
}
#dif-items li #dif-img img
{
-webkit-border-top-right-radius: 200px;
-webkit-border-bottom-right-radius: 200px;
-moz-border-radius-topright: 200px;
-moz-border-radius-bottomright: 200px;
border-top-right-radius: 200px;
border-bottom-right-radius: 200px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
#dif-items li #dif-img2 {
    float: right;
    width: 115%;
    padding: 0px 0px 0px 0px;
    margin: 0px -25% 50px 0px;
}
#dif-items li #dif-img2 img
{
-webkit-border-top-left-radius: 200px;
-webkit-border-bottom-left-radius: 200px;
-moz-border-radius-topleft: 200px;
-moz-border-radius-bottomleft: 200px;
border-top-left-radius: 200px;
border-bottom-left-radius: 200px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}

#serd-right #serdes-link button {
    width: 100%;
}
#call-now .wrapper
{
padding: 50px 0px 0px 0px;
}

#header-button {
    top: calc(100% + 620px);
}

#dynamic-cont li #dynli-left {
    width: 100%;
    float: left;
}
#dynamic-cont li #dyn-title,
#dynamic-cont li #dyn-text,
#dynamic-cont li #dynli-right
{
	width:100%;
}
#id_572 #trusted .wrapper,
#trusted #bottom-title
{
border-top:none;
}
#trusted #bottom-title
{
margin:0px;
}
#trusted #bottom-title h3 {
    width: 100%;
    margin: 0px 0% 0px 0px;
}
li.faqpage-li {
    width: 100%;
    float: left;
    margin: 0px 0px 50px 0px;
}
.faqpage-question,
.faqpage_answer
{
	width:100%;
}
#blog-top {
    margin: 20px auto 0px auto;
    width: 100%;
    max-width: 100%;
    padding: 0px 10px;
}
#blog-top h1 {
    font-size: 40px;
    line-height: 50px;
	font-weight:600;
}
#bloglist {
    width: 100%;
    max-width: 100%;
    padding: 0px 10px;
    position: relative;
}
.s26__tags {
    width: 100%;
	flex-direction:column;
}
.bloglist li {
    width: 100%;
    padding: 0px 0% 10px 0px;
    position: relative;
	flex-direction:column;
}
.sh9-article,
.newshead-left {
    flex-direction:column;
}
ul.bloglist li .blog-link-img {
    width: 100%;
	height: 200px;
}
.bloglist li .blog_img {
    max-height: 200px;
	width:100%;
}
.bloglist li .art-bottom {
    padding: 0px;
    width: 100%;
}
ul.bloglist li .blogdate {
    bottom: 11px;
	font-size:12px;
}
#news-categories .s26__tags ul#ullicatnews
{
	flex-wrap:wrap;
}
.bpt-left {
    width: calc(100% - 0px);
}
.bpt-right {
    width: 100%;
}
.top-news-s {
    margin: 0px auto 0px auto;
    padding: 0px 10px;
    width: 100%;
    max-width: 100%;
}

#top-news {
    padding: 10px
}

#must-read {
    width: 100%;
    height: auto;
	padding:0px;
}

#must-read .wrapper {
	flex-direction:column;
    padding: 0px 10px;
}

#must-read #mr-title {
    width: 100%;
    float: left;
	margin:0px 0px 20px 0px;
}
#must-read #mr-title h2 {
    margin: 20px 0px 0px 0px;
}
#must-read #mr-contetn {
    width: 100%;
    margin: 0px 0px 0px 0px;
}
#must-read #mr-contetn ul {
    margin: 0px;
}
#must-read #mr-contetn ul li {
    width: 100%;
    padding: 0px 0% 40px 0px;
}
#mr-contetn ul li .blog-img {
    position: relative;
    float:none;
    width: 70px;
    height: 70px;
}

.blog-article
{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	flex-direction:column;
}

.top-news-img {
    width: 100%;
}

#top-news ul li .blar-right {
    width: calc(100% - 0px);
}

#mr-contetn ul li .blog-img img {
    width:70px;
    height:70px;
}
#mr-contetn ul li .blar-right
{
	position:relative;
    width: calc(100% - 80px);
	display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}
#mr-contetn ul li .blogdate
{
	text-align: right;
    order: 2;
}
#mr-contetn ul li .blog-title {
    margin: 0px 0px 0px 0px;
    order: 1;
}

.block-container .wrapper
{
	padding:0px 10px;
}

.news-template-news-page .breadcrumbs {
    margin: 100px auto 0px auto;
}

#blog-telo {
    margin: 50px auto 0px auto;
    padding: 0px 0px 0px 0px;
    width: 90%;
    max-width: 90%;
}

#blog-telo-left {
    width: 100%;
    float: left;
}

.blog-page-category {
    width: 100%;
    float: right;
    margin: 30px 0px 30px 0px;
    text-align: right;
}

#blog-post-top h1,
#blog-telo-left #blog-page-content h2 {
    width: 100%;
	font-size:26px;
	line-height:36px;
}

#blog-contact .wrapper {
    margin: 0px auto;
    width: 90%;
    max-width: 90%;
    padding: 0px 0px;
}
#blog-contact #bc-left {
    width: 100%;
    float: left;
    padding: 35px 0px 35px 35px;
}
#blog-contact #bc-right {
    width: 100%;
    float: right;
}
#bc-left h2 {
    font-size: 44px;
    line-height: 57px;
}
#bc-left #bc-tel {
font-size: 30px;
margin: 0px 0px 50px 0px;
}
#bc-left #bc-location,
#bc-left #bc-shedule,
#bc-left #bc-mail
{
margin: 0px 0px 15px 0px;
}
#blog-telo-right {
    display: none;
}
#news-sidebar {
    width: 100%;
    float: right;
}
#news-categories,
#top-news
{
width:100%;
}
.news-categories {
    margin: 0px auto 0px auto;
    padding: 0px 10px 0px 10px;
    width: 100%;
    max-width: 100%;
}
#news-categories {
    width: 100%;
    padding: 10px;
}

#our-winning-team h2
{
    font-size: 47px;
    line-height: 57px;
    color: #000000;
    width: 100%;
    margin: 0px 0px 70px 0px;
}
#ourteam-items {
    padding: 0px 0px 0px 0px;
    background: none;
    width: 100%;
}
ul.ourteam-ul li {
    width: 100%;
    margin: 0px 0px 40px 0%;
}

#header-button {
	bottom:15px;
	top:auto;
}

#id_734 #page-header #header-button button
{
width:calc(100% - 75px);
font-size: 12px;
padding:15px 0px;
}
#certified-team h2 {
    width: 100%;
    font-size: 47px;
    line-height: 57px;
}
#certified-team-items li {
    width: 100%;
    margin: 0px 0px 50px 0px;
    float: left;
    height: auto;
}
#certified-team-items li #certeam-item-op {
    float: left;
    width: 100%;
}
#certified-team-items li #certeam-img {
    max-height: 380px;
    overflow: hidden;
    float: right;
    width: 100%;
}
#certified-team-items li #certeam-img img {
    min-height: 360px;
}
li #certeam-item-op #certeam-title,
li #certeam-item-op #certeam-text {
    width: 100%;
}
#to-exceed #ex-left {
    width: 100%;
    float: left;
}
#to-exceed #ex-left h2 {
    width: 100%;
    margin: 0px 0px 50px 0px;
    font-size: 47px;
    line-height: 57px;
}
#to-exceed #ex-text {
    width: 100%;
}
#to-exceed #ex-right {
    width: 100%;
    float: right;
}
#to-exceed #ex-right img {
    margin: 30px 0px 0px 0px;
    width: 100%;
}
#compliance h2 {
    width: 100%;
}
#comp-item li #comp-numb {
    margin: 0px 0px 0px 20px;
    width: 100%;
    float: left;
    font-size: 69px;
    line-height: 56px;
}
#comp-item li #comp-op {
    width: 90%;
    float: right;
}
#comp-item li {
    width: 100%;
    padding: 30px 30px 100px 30px;
    margin: 0px 0px 50px 0px;
    background: #F9F9F9;
    border: 1px solid #929292;
    border-radius: 20px 20px 20px 200px;
    float: left;
}
#comp-item li #comp-link {
    padding: 10px 0px 20px 45px;
    width: 100%;
    word-break: break-all;
}
#accompanying-service #accompanying-h2 {
    width: calc(100% - 0px);
	margin:200px 0px 0px 0px;
}
#comp-item li #comp-text {
    width: 100%;
    margin: 35px 0px 30px 0px;
}

#buildings-access-methods h2 {
    width: 100%;
    font-size: 47px;
    line-height: 57px;
}
#access-items li #access-item-op {
    width: 100%;
    float: left;
}
#access-item-op #access-title {
    width: 100%;
}
#access-item-op .access-text {
    width: 100%;
}
#access-items li #waccess-img {
    float: right;
    width: 100%;
    max-height: 380px;
    overflow: hidden;
}
#access-items li #waccess-img img {
    width: 100%;
    min-height: 350px;
}
#access-items li:nth-child(even) #access-item-op {
    float: right;
    width: 100%;
}
#access-items li {
    width: 100%;
    margin: 0px 0px 70px 0px;
    float: left;
}

#top-rated h2 {
    width: 100%;
    font-size: 47px;
    line-height: 57px;
}
#top-rated #toprated-unertitle {
    width: 100%;
}
.ant-carousel {
    width: 100%;
    position: relative;
    margin: 50px 0px 0px 0px;
	padding:120px 0px 0px 0px;
    min-height: 400px;
    background: url(./assets/img/kav.png) no-repeat left;
    background-position: left 25% top 10px;
    background-size: 100px;
}
.ant-carousel-hider {
    overflow: hidden;
    width: 100%;
    float: right;
    margin: 0px 0% 0px 0px;
}

div.ant-carousel-arrow-left, div.ant-carousel-arrow-right {
    position: absolute;
    cursor: pointer;
    opacity: 0.6;
    z-index: 2;
    display: block;
    top: 390px;
}

#accompanying-service #accompanying-link {
    width: calc(100% - 0px);
    margin: 0px 0px 0px 0px;
}

#main-plot .wrapper
{
	padding:0px 10px;
}



#accompanying-service #accompanying-link button
{
width:100%;
}
#accompanying-service #accompanying-h2 h2
{
	font-size: 29px;
line-height: 36px;
    width: 80%;
}

#accompanying-service #acccont {
	height:auto;
	padding:0px 10px;
    position: relative;
    min-height: 370px;
	display: flex;
    flex-direction: column;
    gap: 30px;
}

#accompanying-service #accompanying-down
{
display:none;
}

#what-get h2 {
    width: 100%;
	font-size: 33px;
	line-height: 43px;
}
#what-items li {
    position: relative;
    height:auto;
	flex-direction:column;
    width: 100%;
	overflow:hidden;
}

#what-items li .what-right {
    width: calc(100% - 0px);
    padding: 10px;
}

#what-items li .what-title {
    font-weight: 600;
    font-size: 25px;
    line-height: 40px;
}

#what-items li .what-text {
    text-align: justify;
}

#what-items li .what-img
{
    min-width: 300px;
	width:100%;
    min-height: 398px;
    float: left;
}
#what-items li .what-img img {
    width: 100%;
    height: 360px;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
    border-bottom-left-radius: 0px;
}
#what-items li #what-text {
    width: 90%;
    float: left;
    margin: 130px 0px 0px 0px;
    font-size: 28px;
    line-height: 36px;
    left: 20px;
    bottom: 20px;
	position:relative;
}
#what-items li #what-icon {
    width: 56px;
    height: auto;
    position: absolute;
    left: 20px;
    top: 420px;
}
#whyus-benefits ul.topbenul li {
    width: 100%;
    float: left;
    margin: 0px 0px 35px 0px;
}
#page-header #page-header-img img
{
    object-fit: cover;
	min-height:225px;
}

#page-header #header-undertitle
{
	width:100%;
	margin: 0px 0px 20px 0px;
	font-size: 18px;
    line-height: 28px;
}

.home #head-img {
	position: absolute;
    left: -15%;
    top: 0px;
    width: 170%;
    height: 100%;
}
.home #head-img img
{
	min-height:700px;
	object-fit: cover;
}
#mobil-main-menu ul li._opened ul.sub-menu li a
{
color: #929292;
}
.header > *:nth-child(2) .container-fluid {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.header__opened
{
background:#FFF;
}
.header > *:nth-child(2)
{
border-bottom:none;
}
.header > *:nth-child(2)
{
width:100%;
}
.header > *:nth-child(2) .container-fluid {
    width: 90%;
}

#hederniz,
#trusted .wrapper,
#we-understand .wrapper,
#for .wrapper,
#main-services .wrapper,
#call-front .wrapper,
#new-tecgno .wrapper,
#choose .wrapper,
#getting-started .wrapper,
#stages .wrapper,
#reviews .wrapper,
#property .wrapper,
#call-now .wrapper,
#faqitems,
#lastnews .wrapper,
footer.section div.container-fluid,
.block-container .wrapper,
#webatom-benefits .wrapper,
#last-cases .wrapper,
#for .wrapper,
#faq
{
width: 100%;
}

#hederniz {
	height:0px;
    background: none;
    border-bottom: none;
	overflow:hidden;
}

#hederniz #my-view
{
	display:none;
}

#hederniz #my-view.activ-myview
{
	display:flex;
	position:absolute;
	top:70px;
	right:0px;
	width:200px;
}

#hederniz #my-view.activ-myview #view {
    right: 15px;
}

#hederniz #main-menu
{
	display:none;
}

#hederniz #main-menu.activ-menu
{
	display:flex;
	position:absolute;
	right:0px;
	top:61px;
	width:50%;
	background:#4197CB;
}

#hederniz #main-menu.activ-menu ul#menu-head-menu{
	width:100%;
	display:flex;
	flex-direction:column;
	margin:0px;
	padding:0px;
	gap:0px;
}

#hederniz #main-menu ul {
    width: 100%;
	gap: 0px;
}

#hederniz #main-menu.activ-menu ul#menu-head-menu li{
	width:100%;
}

#hederniz #main-menu ul {
    flex-direction: column;
	z-index:3;
}

#main-menu .sub-menu
{
	min-width:auto;
}

.bordered-links a
{
	display:block;
	border-bottom:1px solid #FFF;
}

#webatom-benefits .wrapper ul.benul
{
	width:100%;
	flex-direction:column;
}

#trusted .wrapper
{
	border-top:none;
	padding: 50px 10px;
}

.header__box > div:nth-child(1) {
    display: flex;
    align-items: center;
    float: right;
	margin:15px 0px 0px 0px;
}
.header {
    height: 60px;
	border-bottom: 1px solid #B0B0B0;
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.09);
}

.section.sh1 {
	height:auto;
	min-height: 660px;
}

ul.benul
{
	flex-direction:column;
	gap:40px 0px;
}

li.benli {
    width: 100%;
}

.ben-text {
    margin: 0px auto;
}

#serd-left #serdes-link a
{
	width:100%;
}

#tr-first {
    width: 100%;
    height: auto;
	flex-direction:column;
}
#trusted .underh2line
{
    width: 100%;	
}
#trusted #trusted-left
{
width:100%;
padding:0px;
margin:50px 0px 70px 0px;
}
#trusted #trusted-right
{
width:100%;
padding:0px 0px 50px 0px;
margin:0px 0px 50px 0px;
border-bottom: 1px solid #B0B0B0;
}
#trusted-right button.slick-prev {
    right: auto;
    left: 0px;
}
#trusted #trusted-right ul li img,
.trast-slid-text
{
	margin:0px auto 30px auto;
}
#trusted #trusted-right ul li img
{
	width:90%;
}
.trast-slid-text
{
	width:90%;
}

#tr-secont
{
	border-top:none;
}

h2.sectionh2 
{
    font-size: 33px;
    line-height: 43px;
}

.ci-left, .ci-right
{
    width: 100%;
}

.case-image
{
	text-align:center;
}

.case-image img
{
	width:calc(100% - 20px);
}

#trusted #trusted-left h2,
#for h2,
#faq h2,
#lastnews #topnews h2
{
	font-size: 33px;
	line-height:43px;
	width:100%;
}

#for #for-text p {
    width: 100%;
    margin: 0px 0px 40px 0px;
}

#trusted #trusted-left #trusted-undertitle
{
margin:0px;
width: 100%;
font-size: 22px;
line-height: 31px;
}
#trusted-right #cc {
    width: 115px;
    height: 60px;
}
#trusted-right #de {
    width: 155px;
    height: 30px;
	margin: 10px 0px 21px 0px;
}
#trusted-right #ma {
    width: 115px;
    height: 20px;
	margin: 60px 2% 0px 0px;
}
#trusted-right #fs {
    width: 115px;
    height: 60px;
	margin: 35px 2% 0px 0px;
}
#trusted-text p {
    font-size: 25px;
    line-height: 39px;
	width: 100%;
}

#trusted-right #ma {
    width: 121px;
    height: 22px;
	margin: 60px 7% 0px 0px;
}
#trusted-right #rs {
    margin: 35px 0px 0px 0px;
}
#trusted-right #bhs {
    width: 80px;
    height: 85px;
    background: url(./assets/img/bhs.svg) center no-repeat;
    background-size: cover;
    float: left;
    margin: 35px 15px 0px 0px;
}
#trusted-right #fs {
    width: 115px;
    height: 60px;
	margin: 35px 10% 0px 0px;
}
#trusted-right #ap {
    width: 60px;
    height: 60px;
}
#trusted-right #hal {
    width: 90px;
    height: 70px;
    margin: 20px 0px 0px 0px;
}
#trusted-text {
    width: 100%;
    float: left;
    margin: 0px 0px 0px 0px;
	padding: 30px 30px 185px 30px;
	font-size: 32px;
	line-height: 36px;
	-webkit-border-radius: 20px;
	-webkit-border-bottom-right-radius: 282px;
	-moz-border-radius: 20px;
	-moz-border-radius-bottomright: 282px;
	border-radius: 20px;
	border-bottom-right-radius: 282px;
}
#we-understand .weli
{
	width:100%;
	margin: 0px 20px 20px 0%;
    flex-direction: column;
}
#we-understand .weli .we-right {
    width: 100%;
    padding: 0px 20px;
}

#we-understand .weli .we-img {
    float: left;
    width: 100%;
}
#we-understand .weli .we-img img
{
width:100%;
min-height:100%;
	-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
#we-understand .weli #we-icon {
    position: absolute;
    left: 35px;
    top: 490px;
}
#we-understand .weli .we-title {
	width: 100%;
    margin: 90px 0px 30px 0%;
    font-size: 28px;
    line-height: 36px;
    padding: 0px;
    text-align: center;
	font-weight:600;
}
#we-understand .weli .we-text {
    width: 100%;
    margin: 0px 0px 60px 0%;
}
#for h2 p
{
    width: 90%;
font-size: 47px;
line-height: 52px;
}
#for #for-text {
    width: 100%;
	padding:0px;
}
#for #for-img {
    width: 100%;
    float: right;
	padding:0px 0px 50px 0px;
}
#for #for-img img {
    width: 99%;
    height: auto;
    float: right;
	-webkit-border-radius: 20px;
-webkit-border-top-right-radius: 282px;
-moz-border-radius: 20px;
-moz-border-radius-topright: 282px;
border-radius: 20px;
border-top-right-radius: 282px;
}
#main-services h2 {
    width: 100%;
	font-size:33px;
	line-height:40px;
}
#main-services li.serli {
    width: 100%;
    float: left;
    padding: 0px 0% 50px 0px;
}

#call-front .left {
    width: 100%;
    padding: 20px;
	background:#4197CB;
	background: linear-gradient(to right bottom, #2F85B7, #4197CB, #54C0FF);
	margin: 0px 0px 50px 0px;
	border-radius:20px;
}

.tehnologii-sozdaniya-saytov-webatom {
	min-height: 55px;
}

#call-front .left h2 {
    width: 100%;
    margin: 0px 0px 0px 0px;
    font-size: 33px;
    line-height: 40px;
}
#call-front .left .underh2 {
    width: 100%;
    margin: 30px 0px;
}
#call-front .left .calfront-text {
    margin: 0px 0px 0px 0px;
}

#call-front .left h2,
#call-front .left .calfront-text,
#call-front .right,
#new-tecgno #technoleft,
#new-tecgno h2,
#getting-started h2,
.step-right .gs-title {
    width: 100%;
}
#call-front .right #cal-right
{
	-webkit-border-radius: 20px;
	-webkit-border-top-right-radius: 282px;
	-moz-border-radius: 20px;
	-moz-border-radius-topright: 282px;
	border-radius: 20px;
	border-top-right-radius: 282px;
}
#call-front .right #cal-right h3
{
	font-size: 33px;
	line-height: 53px;
}
#call-front .right .callfront-tel
{
	font-family: tahoma;
	font-size: 33px;
	line-height: 31px;
}
#call-front .right .tel24-7
{

}
#new-tecgno #technoimg {
    width: 100%;
    height: auto;
    min-height: 368px;
}
#new-tecgno #technotext {
    width: calc(100% - 0px);
    margin: 0px 0px 0px 0%;
	padding: 0px;
}
#new-tecgno h2
{
	margin: 0px 0px 30px 0px;
    font-size: 33px;
    line-height: 40px;
}
#new-tecgno #technotext div.nttext
{
	font-size: 16px;
}
#new-tecgno
{
	height:auto;
	display: flex;
	margin:0px 10px;
}
#choose-items #choose-item1, #choose-items #choose-item2, #choose-items #choose-item3, #choose-items #choose-item4 {
    width: 100%;
    float: left;
    padding: 20px 20px 50px 20px;
}
#choose #wy button {
    width: 100%;
}

#getting-started li.gsli .gs-step
{
	width: calc(100% - 20px);
    padding: 20px 0px 20px 20px;
}

#getting-started #gs-button button
{
	width:100%;
}
#getting-started li.gsli .step-right {
    width: 100%;
    float: left;
    padding: 20px;
}
#getting-started h2
{
    font-size: 33px;
    line-height: 43px;	
}
.step-right .gs-title
{
	font-size: 28px;
    line-height: 38px;
}
#stages h2 {
    width: 100%;
    margin: 0px 0px 0px 0px;
    font-size: 33px;
    line-height: 43px;
}
ul.stagesul li #stli-first {
    width: 100%;
    float: left;
	margin:0px 0px 50px 0px;
}
ul.stagesul li #stages-number {
    width: 100%;
    height: 100px;
    float: left;
    padding: 50px 0px 0px 0px;
    margin: 0px 0px 20px 0px;
}
ul.stagesul li #stages-title {
    width: 100%;
    float: left;
    padding: 10px 0px 0px 0px;
    margin: 0px 0px 10px 0px;
}
ul.stagesul li #stages-text {
    width: 100%;
    float: left;
    padding: 10px 0px 0px 0px;
}
ul.stagesul li #stli-second {
    width: 100%;
    float: right;
    margin: 0px 0px 0px 0%;
	overflow:hidden;
}
#stages li.stagesli #stages-img {
    float: left;
    width: 100%;
    margin: 0px 0px 0px 0%;
    min-height: 318px;
}

ul.stagesul li.stagesli
{
margin: 0px 0px 50px 0px;
}

ul.stagesul li .stages-title
{
	font-weight:600;
	font-size:28px;
}

ul.stagesul li .stages-text {
    text-align: justify;
	line-height: 27px;
}

.case-title {
    width: calc(100% - 20px);
    margin:0px auto;
    font-weight: 400;
    font-size: 21px;
    line-height: 30px;
}

#may-be-interested .wrapper
{
	padding:0px 20px;
}

#may-be-interested h2.interestedh2 {
    width: 100%;
    font-size: 33px;
    line-height: 43px;
}

.cr-f {
    width: calc(100% - 0px);
}

.cr-s {
    width: calc(100% + 0px);
}

.napisat2 {
	width:160px;
    flex-direction: row;
    margin: 40px auto;
}

li.stagesli:nth-child(even) #stli-first {
    width: 100%;
    float: right;
	margin:0px 0px 50px 0px;
}
li.stagesli:nth-child(even) #stli-second {
    width: 100%;
    float: left;
    margin: 0px 0% 0px 0px;
	overflow:hidden;
}
li.stagesli:nth-child(even) #stli-second #stages-img
{
    float: right;
    width: 100%;
    margin: 7px 0% 0px 0%;
    min-height: 318px;
}
li.reviewsli #rev-left {
    width: 100%;
    float: left;
}
li.reviewsli #rev-right {
    width: 100%;
    float: right;
    padding: 25px 30px 25px 30px;
}
li.reviewsli #rev-right #reviews-text
{
margin:0px 0px 40px 0px;
}
li.reviewsli #rev-right #reviews-name
{
margin:0px 0px 20px 0px;
}
li.reviewsli #rev-right #reviews-job-title
{
margin:0px 0px 60px 0px;
}
#trusted
{
	padding:0px 0px 70px 0px;
}
#reviews .btn-wrapper {
    width: 100px;
    height: 50px;
    bottom: 25px;
    left: 13px;
    position: absolute;
}
#reviews .btn-wrapper button.btn-next {
    padding: 20px 100px 20px 20px;
    font-family: 'Montserrat-Semibold';
	font-size: 24px;
	line-height: 25px;
}

#property .wrapper
{
	padding: 50px 0px;
}

#prop-img {
    width: calc(100% - 20px);
    min-height: 200px;
	height: auto;
	margin:0px auto;
}

footer.section div.container-fluid {
    padding: 10px 10px 0px 10px !important;
}

#footer1 #footer-logo-webatom .webatom-logo-img {
    margin: 10px 0px 0px 0px;
}

#prop-text {
    width: calc(100% - 0px);
    padding: 10px;
    float: right;
    column-count: 1;
    margin: 0px 0px 0px 0px;
}

#call-now
{
	margin:0px 0px 50px 0px;
}

#call-now #call-left {
    width: 100%;
    margin: 0px 10px 50px 10px;
    height: auto;
	padding: 0px 0px 80px 0px;
}

#call-now #call-left h2 {
    width: 75%;
    margin: 50px 0px 0px 50px;
	font-size: 26px;
	line-height: 36px;
}

#call-now #call-right {
    width: calc(100% - 0px);
    height: auto;
	padding:0px 0px 30px 0px;
	margin:0px 10px;
	flex-direction:column;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	gap:30px;
}

#call-now #call-right h3 {
	font-size: 50px;
	margin:20px auto 0px auto;
}

#call-now #call-tel {
	font-size: 33px;
	line-height: 31px;
	margin:0px auto;
}

#call-now #call24-7 {
    width: calc(100% - 50px);
	margin:0px auto;
}

#accompanying-service .wrapper
{
	padding:0px 0px;
}

#lastnews #topnews {
    min-height: 255px;
}

#topnews #allnews {
	width:200px;
    position: absolute;
    left: auto;
    bottom: 10px;
}
#lastnews #front-blog-items li {
    flex-basis: 100%;
    margin: 0px 0% 30px 0px;
    float: left;
    background: #FFFFFF;
}
#footer1, #footer4 {
    width: 100%;
}
#footer2, #footer3 {
    width: 100%;
	margin:0px;
}
#bigapple-view .footer-cabinet,
#shedule-visit button {
    width: 100%;
    margin: 0px auto;
}
.footer-logo {
    margin: 0 0 30px;
    width: 90%;
    margin: 0px 30% 25px 0px;
}
#footer2 li, #footer3 li
{
text-align:left;
width:100%;
padding:0px 20px 0px 0px;
}
#menu-footer-services li, #menu-footer-menu-2 li {
    height: auto;
}
#footer-call,
#footer-shedule,
#footer-mail {
    width: 90%;
    padding:5px 0px 0px 30px;
    margin: 0px 5% 10px 5%;
    text-align: left;
}
#shedule-visit, #bigapple-view
{
width:100%;
}
#footer-soc
{
float:left;
position:relative;
width:100%;
margin:30px 0px 0px 0px;
}
#footer-bottom {
	flex-direction:column;
    padding: 40px 0px;
    border-top: 1px solid #C4C4C4;
    min-height: 250px;
	height:auto;
	width:100%;
    position: relative;
}
#footer-bottom #copirr {
    position: relative;
    width: 100%;
    margin: 0px 0px 40px 0px;
}
#footer-bottom #lonstern {
    width: 70%;
    margin: 0px 15% 100px 15%;
    position: relative;
    left: 0;
}
#footer-bottom #lonstern #lonstern-logo {
    float: right;
    margin: 0px 0px 0px 0px;
}
#footer-poli #pol,
#footer-poli #term,
#footer-poli #cookies {
    float: left;
	width:100%;
	text-align:center;
    margin: 0px 0% 0px 0px;
}
#footer-bottom #footer-poli {
	flex-direction:column;
    position: relative;
    top: 0px;
    right: 0px;
    width: 100%;
    margin: 0px 0px 0px 0px;
}
#webatom-benefits ul.benul li {
    width: 100%;
	margin:0px 0px 0px 0px;
}
header .header__left-box.header__bg.header__bg_1
{
display:none;
}
.front-top
{
width: 86%;
}

.section.s2 > *:nth-child(1)
{
display:block;
}
#lastblog .wrapper h2, #testimotional h2 {
    font: 34px/1.6 "Asgard-FitMedium";
}
#lastblog #front-blog-items li {
    width: 100%;
    margin: 0px 0% 60px 0px;
}
#lastblog #front-blog-items li #front-blog-img img
{
width:90%;
}
#lastblog #front-blog-items li #front-blog-img {
    text-align: center;
}
.section.top .container-fluid {
    width: 90%;
}
#id_22 .top__title, #id_24 .top__title {
    width: 100%;
}
.section.top {
    padding-top: 150px;
}
#id_18 .section.top,
#id_24 .section.top,
#id_661 .section.top {
    padding-top: 450px;
}

#top-box-img
{
max-width: 100%;
    width: 100%;
    text-align: center;
    position: relative;
    left: 0%;
}
#top-box-img img
{
width:90%;
}
.s1-block__img {
    max-width: 100%;
	width:100%;
	text-align:center;
  }
.s1-block__img img
{
width:90%;
}
#faqitems, #getconent {
    width: 100%;
}
.faq-question {
    width: 82%;
    padding: 10px 0% 10px 0px;
    margin: 0px 0px 10px 0px;
}
.faq_answer {
    width: 100%;
    padding: 10px 0px 10px 0%;
	font-size:18px;
	font-weight:600;
	line-height:26px;
}

.whyus-head
{
	width: 100%;
}

#whyus-benefits .wrapper,
#service-description .wrapper,
#what-get .wrapper
{
	padding: 0px 10px;
}

#whyus-benefits h2 {
    font-size: 33px;
    line-height: 50px;
}



.whyus-head {
    margin: 60px auto 0px auto;
}

.whyus-head-wrapper #page-header-top {
    padding: 20px;
}

.whyus-head-wrapper #page-header-top h1 {
    font-size: 28px;
    line-height: 38px;
}

#why-ulli ul li {
    color: #ffffff;
}

#footer1 #logo-webatom {
	height: 80px;
    width: calc(100% - 20px);
}

}

/* -----------------------------------------------------------------------------------------------------max-width: 575px --------------------------------------------------------*/

@media (max-width: 575px) {
  .container-fluid {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .full-width {
    margin-left: -15px !important;
    margin-right: -15px !important;
  }
  .full-width-right {
    margin-right: -15px !important;
  }
  .full-width-max {
    margin-left: -15px !important;
    margin-right: -15px !important;
  }
  .full-width-left {
    margin-left: -15px !important;
  }
  .sh5__block-title {
    font-size: 35px;
  }
  .small-title {
    font-size: 14px;
  }
  .sh5__block-top {
    margin: 0 0 30px;
  }
  .sh5-list__top {
    font-size: 16px;
  }
  .sh5-list__item_active {
    padding: 0 0 35px;
  }
  body {
    font-size: 15px;
  }
  .sh6__title {
    font-size: 30px;
  }
  .sh6__heading {
    margin: 0 0 50px;
  }
  .sh6__list > * {
    width: 48%;
  }
  .s2-item__title {
    font-size: 20px;
  }
  .s2-item__tags {
    font-size: 12px;
  }
  .s2__box {
    grid-template-rows: repeat(4, 300px) 100px;
  }
  .s2__box_2 {
    grid-template-rows: repeat(5, 300px);
  }
  .top__title {
    font-size: 40px;
  }
  .stext h3, .stext h4 {
    font-size: 18px;
  }
  .sh5__box {
    padding-bottom: 0;
  }
  .sh5-list__top:before {
    right: 0;
  }
  .sh5-list__title {
    padding-right: 15px;
  }
  .s7bl2__list {
    font-size: 16px;
  }
  .slink {
    font-size: 16px;
  }
  .s7bl2__list {
    margin: 0 0 30px;
  }
  .sh8bl1__ltitle {
    font-size: 35px;
  }
  .sh8bl1__rtitle {
    font-size: 18px;
  }
  .s4bl4__items-wrap {
    width: 60vw;
  }
  .s4bl4-item__main {
    padding: 10px;
  }
  .s4bl4-item__name {
    margin: 0 0 4px;
    font-size: 16px;
  }
  .s4bl4__items-btn {
    width: 30px;
    height: 30px;
  }
  .s4bl4__items-btns {
    margin: 0 0 56px 0;
    width: 100px;
    height: 30px;
  }
  .s4bl4__items-btn {
    width: 30px;
    height: 30px;
  }
  .sh8bl3-plan__title {
    font-size: 25px;
  }
  .sh8bl3-plan4 {
    font-size: 18px;
  }
  .footer__menu {
    font-size: 16px;
  }
  .footer__contacts {
    font-size: 16px;
  }
  .footer-logo__text {
    margin: 10px 0 0 0;
    font-size: 16px;
  }
  .footer-logo__img {
    max-width: 220px;
  }
  .sh1__text {
    max-width: none;
  }
  .sh9__list-btns {
    top: calc(70vw/2);
  }
  .s3-item__img {
    width: 80px;
    height: 80px;
  }
  .s3__items {
    font-size: 16px;
  }
  .s3__items-wrap {
    margin: 0;
    padding: 0 5px;
  }
  .s1-block__title {
    margin: 0 0 20px;
    font-size: 30px;
  }
  .s1-block__img {
    max-width: 100%;
	width:100%;
	text-align:center;
  }
  .top__text {
    margin: 30px 0 0;
    max-width: none;
  }
  .top__text-1 {
    font-size: 15px;
  }
  .top__box {
    height: 400px;
  }
  .s3__items-box {
    margin: 70px 0 70px;
  }
  .s3__items-btns {
    margin: 30px 0 0 0;
    width: 100px;
    height: 30px;
  }
  .s3__items-btn {
    width: 30px;
    height: 30px;
  }
  .solution__text {
    margin: 0 0 20px;
    font-size: 16px;
  }
  .s4bl2__items {
    font-size: 16px;
  }
  .s5__subtitle {
    font-size: 25px;
  }
  .s5__title {
    margin: 0 0 10px;
  }
  .header__bc {
    font-size: 13px;
  }
  .header__logo {
    max-width: 130px;
    height: 40px;
  }
  .header__menu {
    font-size: 8vw;
  }
  .header__menu li {
    width: 70vw;
  }
  .header__menu-btn_2 {
    margin: 0 7px 0 -10px;
    width: 40px;
    height: 40px;
  }
  .header__menu-btn_2 .hamburger-inner, .header__menu-btn_2 .hamburger-inner::after, .header__menu-btn_2 .hamburger-inner::before {
    width: 30px;
    height: 3px;
    border-radius: 0;
  }
  .header__goback {
    font-size: 15px;
  }
  .header__invite-text {
    margin: 0 auto 30px;
    font-size: 20px;
  }
  .header-form {
    font-size: 18px;
  }
  .sh4__list {
    font-size: 4.2vw;
  }
  .top__title_map {
    font-size: 30px;
  }
  .top__title_map {
    font-size: 7.5vw !important;
  }
  .spage__box {
    padding: 120px 0 50px;
  }
  .spage__title {
    font-size: 24px;
  }
  .spage__box .sh9__list-box {
    width: 100%;
  }
}

/*----------------------------------------------------------------------------------------------- max-width: 500px --------------------------------------------------------------*/
@media (max-width: 500px){
.home #head-title {
    width: 100%;
}
#trusted-right #cc {
margin:0px 25px 0px 0px;
}
#trusted-right #ma {
    margin: 60px 16% 0px 0px;
}
#trusted-right #rs {
    margin: 25px 0px 0px 0px;
}
#trusted-right #fs {
    margin: 35px 18% 0px 0px;
}
#trusted-right #ap {
    margin: 30px 0px 0px 0px;
}
#we-understand .weli #we-icon {
    top: 460px;
}
}


/* -----------------------------------------------------------------------------------------------------max-width: 400px --------------------------------------------------------*/

@media (max-width: 400px) {
#what-items-2 li .what-img img {
    height: 150px;
}
#prop-img {
    min-height: 320px;
}
.home #head-title {
    width: 100%;
}
#we-understand .weli #we-icon {
    top: 380px;
}
.front-top
{
width: 86%;
}
.sh1 > *:nth-child(2) {
border-bottom: none;
}
#about-lonstern .wrapper,
#always .wrapper, 
#allservices .wrapper, 
#didnt-find .wrapper, 
#lastblog .wrapper, 
#testimotional .wrapper {
    width: 90%;
}
#lastblog .wrapper h2, #testimotional h2 {
    font: 34px/1.6 "Asgard-FitMedium";
}
#lastblog #front-blog-items li {
    width: 100%;
    margin: 0px 0% 60px 0px;
}
  .top__title {
    font-size: 11vw;
  }
#trusted-right #ma {
    margin: 60px 6% 0px 0px;
}
#trusted-right #fs {
    margin: 35px 6% 0px 0px;
}
#getting-started h2 {
    font-size: 33px;
}
#service-description h2 {
    font-size: 33px;
}
#what-get h2 {
    font-size:33px;
}
#cena-sayta h2 {
    width: 80%;
    font-size: 33px;
}

#main-plot #mainp-left h2 {
    font-size: 42px;
    line-height: 52px;
}
#call-now
{
padding-bottom:50px;
}

#certified-team h2 {
    font-size: 44px;
}
#certified-team-items li #certeam-img img {
    min-height: 330px;
	margin-top: 35px;
}
#to-exceed #ex-left h2 {
    font-size: 40px;
	line-height: 53px;
}
#acces-video {
    width: 46px;
    height: 46px;
}
.section.sh1 {
    height: auto;
    min-height: 655px;
}
#buildings-access-methods h2 {
    font-size: 42px;
    line-height: 53px;
}
#access-items li:nth-child(even) #access-item-op {
    padding: 0px 0px 0px 0px;
}
}

/* -----------------------------------------------------------------------------------------------------max-width: 360px --------------------------------------------------------*/

@media (max-width: 360px) {
	
#we-understand .weli .we-img img {
    min-height: 100%;
}

#we-understand .weli #we-icon {
    top: 340px;
}

#for h2 p {
    width: 100%;
}

#call-front .right #cal-right
{
	padding:120px 20px;
}


#trusted-right #ma {
	width: 115px;
	height: 19px;
	margin: 60px 2% 0px 0px;
}
#trusted-right #bhs {
    width: 75px;
    height: 80px;
    margin: 35px 10px 0px 0px;
}
#trusted-right #fs {
    width: 115px;
    height: 60px;
    margin: 35px 2% 0px 0px;
}
#trusted-right #rs {
    width: 80px;
    height: 80px;
}
#trusted-right #hal {
    width: 90px;
    height: 70px;
    margin: 33px 0px 0px 0px;
}
#new-tecgno #technotext button {
    width: 100%;
}
#getting-started h2
{
	font-size:33px;
	line-height:43px;
}
#prop-img {
    min-height: 315px;
}
#call-now #call-tel {
    font-size: 30px;
}
#footer-bottom #lonstern #lonstern-logo {
    margin: 4px 0px 0px 0px;
    width: 120px;
    height: 15px;
}
#care-left h2,
#why-access h2 {
    font-size: 33px;
}

#why-services h2
{
	width:100%;
    font-size: 33px;
    line-height: 50px;
}

#insurance-cont {
    background-position: top 350px left 15px;
}

#service-description h2 {
    font-size: 33px;
	line-height:43px;
}

#what-get h2 {
    font-size: 33px;
}
#cena-sayta h2 {
    width: 75%;
}
#accompanying-service #accompanying-bg-img {
    width: 100%;
}

#accompanying-service #accompanying-h2 {
    width: calc(100% - 0px);
    margin: 0px;
}

#accompanying-service #accompanying-h2 h2 {
    font-size: 25px;
    line-height: 36px;
    width: 100%;
}
#accompanying-service #accompanying-bg-img img
{
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
ul.stagesul li #stages-button {
    padding: 10px 0px 0px 0px;
}
ul.stagesul li #stages-button button
{
width:100%;
}
#lastnews #topnews h2 {
    width: 100%;
    font-size: 47px;
    line-height: 57px;
}
#lastnews #topnews {
    min-height: 200px;
}
#cena-sayta h2 {
    width: 76%;
    font-size: 33px;
    line-height: 43px;
}
#what-items li .what-img img {
    height: 325px;
}

#what-items li #what-icon {
    top: 385px;
}
#what-items-2 li .what-img img {
    width: 145px;
    height: 145px;
}
#main-plot #mainp-left h2 {
    font-size: 35px;
    line-height: 45px;
}
#main-plot #mainp-left #mainpl-text {
    width: 100%;
}
#main-plot #mp-cont {
    height: auto !important;
}

li.accessli .right-s {
    width: 60px;
    height: 50px;
}
#certified-team-items li #certeam-img {
    margin: 25px 0px 0px 0px;
}
#to-exceed #ex-left h2 {
    width: 100%;
    margin: 0px 0px 50px 0px;
    font-size: 40px;
    line-height: 50px;
}
#acces-video {
    width: 44px;
    height: 44px;
}
#buildings-access-methods h2 {
    width: 100%;
    font-size: 40px;
    line-height: 52px;
}
#certified-team-items li #certeam-img img {
    min-height: 325px;
}
#access-items li #waccess-img img {
    width: 100%;
    min-height: 300px;
}
#access-items li:nth-child(even) #access-item-op {
    padding: 0px 0px 0px 0px;
}

#cont-right #cont-form input.wpcf7-submit {
    font-size: 13px;
}
#top-rated h2 {
    font-size: 40px;
}

  .header__bc-star {
    display: none;
  }
  #lbg-items {
    min-height: 1250px;
}

}


/* -----------------------------------------------------------------------------------------------------max-width: 320px --------------------------------------------------------*/

@media (max-width: 320px) {
#id_441 #what-items-2 li .what-img img {
    height: 125px;
}
#what-items-2 li .what-img img {
    height: 125px;
}
#trusted-right #de {
    width: 135px;
    height: 25px;
    margin: 10px 0px 26px 0px;
}
#lbg-items {
    min-height: 1250px;
}

}
.fancybox-content {
       background: transparent;

    }