@keyframes opacityWithTranslate{
   0%{opacity:0}to{transform:translateX(0);opacity:1}
}
@-webkit-keyframes opacityWithTranslate{
   0%{opacity:0}to{transform:translateX(0);opacity:1}
}

.sber-plus-main-banner__left-animation, .sber-plus-main-banner__right-animation {
	opacity: 0;
	-webkit-animation: opacityWithTranslate 1s forwards;
	animation: opacityWithTranslate 1s forwards;
}

.sber-plus-main-banner__left-animation {
	transform: translateX(-400px);
}

.sber-plus-main-banner__right-animation {
	transform: translateX(400px);
}

.onclickgotourl {
	font-weight: bold;
}

.custom-fancybox-iframe{
	font-weight: bold;
	color: #088cc7;
}

.panel-dl {
	text-align: left;
	padding-left: 2em;
	padding-right: 2em;
}

.panel-dl dd {
	margin-bottom: 1em;
	text-align: justify;
	text-indent: 1em;
	margin-left: 0;
}

.panel-dl dt {
	margin-bottom: 0.3em;
	font-weight: bold;
	text-indent: 1em;
	margin-left: 0;
}


.fancybox-bg {
	background: rgba(85, 128, 221, 0.8) !important;
	opacity: 1 !important;
}

.fancybox-is-open .fancybox-bg {
	opacity: .5 !important;
}

.fancybox-container {
	background-image: url('/Mir.webp');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	position: relative;
	transform: scale(1.3);
	transition: opacity 3s,transform 8s,-webkit-transform 8s;
}

.fancybox-image {
	transition: .6s;
	transform: rotateX(0);
	transform: rotateY(0);
}

.fancybox-content .fancybox-image {
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5) !important;
	border-radius: 6px !important;
}

.fancybox-navigation .fancybox-button {
	height: 80% !important;
	top: 10% !important;
	color: rgba(200, 200, 200, 1) !important;
	background: transparent !important;
	width: 100px !important;
}

.fancybox-button:hover {
	color: #fff !important;
}

.vasu-modal-phone {
	width: 300px;
	height: 80px;
	text-align: center;
}

.vasu-telephone-modal {
	box-sizing: content-box;
}

.wpcf7-submit-modal {
	height: 50px;
	padding-top: 1em;
}

#wpcf7-f78-o2 {
	display: none;
	opacity: 1;
}

.wpcf7-modal-phone {
	height: 50px;
	font-size: 2em;
	color: var(--main-color-bg);
}

.wpcf7-submit-modal input[type="submit"] {
	font-size: 20px !important;
}

.fancybox-slide div.wpcf7 {
	padding: 44px;
	padding-bottom: 80px;
	overflow: hidden;
}

.vasu-telephone-modal .wpcf7-tel{
    padding: 5px !important;
    margin-bottom: -10px !important;
    width: 100%;
    font-size: 100% !important;
    height: 1.3em;
}

.phone-color1::after {
	content: '';
	position: relative;
	bottom: 0;
	display: block;
	height: 1px;
	background-color: #5fb627;
	-webkit-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
	box-sizing: border-box;
}
.phone-color1::after {
	background-color: #FF7900;
	left: 50%;
	right: unset;
	width: 0;
}

.phone-color1:hover::after {
	background-color: #5fb627;
	left: 0;
	right: 0;
	width: 100%;
}

.swiper-scrollbar{
	display: none;
}

.ArrowBlockInfoHide{
	display: none !important;
}
.ArrowBlockNext{
	background-image: url("/images/arrow-green.svg");
	width: 50px;
	height: 50px;
	margin-top: 0;
	opacity: 0.9;
	position: fixed;
	left: 50%;
	margin-left: -25px;
	-webkit-animation-name: example;
	-webkit-animation-duration: 4s;
	-webkit-animation-iteration-count: infinite;
	animation-name: example;
	animation-duration: 4s;
	animation-iteration-count: infinite;
	transition: opacity 0.8s ease-in;
	-moz-transition: opacity 0.8s ease-in;
	-o-transition: opacity 0.8s ease-in;
	-webkit-transition: opacity 0.8s ease-in;
	z-index: 100;
}
@media (max-width: 800px) and (min-width: 1px){
	.ArrowBlockNext {position: fixed; bottom: 12px;}
}
.ArrowBlockInfo a{
	display: inline-block;
	align-items: center;
}
@-webkit-keyframes example{
    0%   {margin-top: 40px;}
    25%  {margin-top: 60px;}
    50%  {margin-top: 40px;}
    75%  {margin-top: 60px;}
    100% {margin-top: 40px;}
}
@keyframes example{
    0%   {margin-top: 40px;}
    25%  {margin-top: 60px;}
    50%  {margin-top: 40px;}
    75%  {margin-top: 60px;}
    100% {margin-top: 40px;}
}

@keyframes rotate-horizontal{
     0%{-webkit-transform:rotateY(0); transform:rotateY(0)}
   100%{-webkit-transform:rotateY(180deg); transform:rotateY(180deg)}
}

/* NAV DOTS - start */
.navDots{
	opacity: 0;
	position: fixed;
	z-index: 100;
	top: 50%;
	left: 20px;
	margin: 0;
	margin-top: -171px;
	display: block;
	padding: 0;
	border: 0;
	vertical-align: baseline;

	transition-property: all;
    -webkit-transition-duration: 3s;
    -moz-transition-duration: 3s;
    -o-transition-duration: 3s;
    transition-duration: 3s;

	transition: all 3s ease-in-out 0s;
	-webkit-transition: all 3s ease-in-out 0s;
	-o-transition: all 3s ease-in-out 0s;
	-moz-transition: all 1.2s ease-in 0.1s;
	-webkit-transition-delay: 0;
}
a.navDot{
	display: block;
	position: relative;
	margin: 25px 0;
	box-sizing: border-box;
	border: 2px solid #7daa2f;
	border-radius: 50%;
	-moz-transition: all 0.2s ease-in 0.1s;
	-o-transition: all 0.2s ease-in 0.1s;
	-webkit-transition: all 0.2s ease-in;
	-webkit-transition-delay: 0.1s;
	transition: all 0.2s ease-in 0.1s;
	text-decoration: none;
}
a.navDot.active, a.navDot:hover{
	border-color: ##fe6728;
}

a.navDot:hover,
a.navDot:focus{
	text-decoration: none;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

a.navDot:hover span {
	display: block;
	color: #fff !important;
	background-color: #7daa2f !important;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 3px;
}

a.navDot span {
	width: auto;
	display: none;
	white-space: nowrap;
	position: absolute;
	top: -2px;
	left: calc(100% + 15px);
	color: #fff;
	opacity: .85;
	text-shadow: 1px 1px 1px #006633;
	/* font-size: 12px; */
	/* text-transform: uppercase; */
	/* font-family: "Helvetica"; */
	/* font-weight: bold; */
}

a.navDot::before {
	content: "";
	display: block;
	width: 9px;
	height: 9px;
	margin: 5px;
	border-radius: 50%;
	background-color: #fff;
	opacity: 0.9;
}
a.navDot span:hover{
	color: #fe6728 !important;
	padding-left: 10px;
	padding-right: 10px;
}
a.navDot.active::before,
a.navDot:hover::before{
	background-color: transparent;
}

@media (min-width: 1px) and (max-width: 511px){
	.navDots {display: none !important;}
}
/* NAV DOTS - end */

/* start */
.vertical-main-nav {
	width: 20px;
	right: 40px;
	position: fixed;
	top: 0;
	z-index: 100;
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	box-sizing: border-box;
	-webkit-text-size-adjust: none;
	display: block;
}

.vertical-menu {
	padding: 0 20px 0 79px;
	left: 76px;
	position: absolute;
	top: 0;
	/* width: 100vh; */
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	margin: 0;
	border: 0;
	vertical-align: baseline;
}
.vertical-menu ul {
	white-space: nowrap;
	width: 100%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
	white-space: nowrap;
}

.vertical-menu a {
	display: inline-block;
	padding: 5px 0;
	text-decoration: none;
	position: relative;
	letter-spacing: .04em;
	transition-property: color;
	transition-duration: .4s;
	transition-delay: .2s;
	transition: color .2s;
	color: #3da5ff;
}
.vertical-menu li {
	display: inline-block;
	font-size: 14px;
	line-height: 20px;
	text-transform: uppercase;
	font-weight: 700;
	margin: 0 8px 0 0;
}
.vertical-menu li {
	margin: 0 10px;
	display: inline-block;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	line-height: 54px;
}
.vertical-menu a::after {
	content: '';
	position: absolute;
	top: 65%;
	left: 0;
	margin-top: -2px;
	width: 100%;
	height: 2px;
	border-radius: 2px;
	background-color: #3da5ff;
	/* opacity: 0; */
	transition-property: opacity,-webkit-transform;
	transition-property: transform,opacity;
	transition-property: transform,opacity,-webkit-transform;
	transition-duration: inherit;
	transition-delay: 0s;
}
.vertical-menu a:hover {
	color: #00ba71;
}
.vertical-menu ul,
.vertical-menu,
.vertical-main-nav {
	box-sizing: border-box;
	-webkit-text-size-adjust: none;
}
@media (min-width: 1px) and (max-width: 1280px){
	.vertical-main-nav {display: none !important;}
}
/* end */

/* Google css [start]*/
/* <input value="См. разметку" type="submit"> */
input[type="button"], input[type="file"], input[type="image"], input[type="reset"], input[type="submit"], .devsite-footer-utility-button > a {
	-moz-appearance: none;
	-webkit-appearance: none;
	background: #fff;
	border: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	display: inline-block;
	height: 36px;
	margin: 0;
	min-width: 36px;
	outline: 0;
	overflow: hidden;
	text-decoration: none;
	text-overflow: ellipsis;
	-webkit-transition: background-color .2s,border .2s,-webkit-box-shadow .2s;
	transition: background-color .2s,border .2s,-webkit-box-shadow .2s;
	transition: background-color .2s,border .2s,box-shadow .2s;
	transition: background-color .2s,border .2s,box-shadow .2s,-webkit-box-shadow .2s;
	vertical-align: middle;
	white-space: nowrap;
	border-radius: 4px;
	color: #1a73e8;
	border: 1px solid #dadce0;
	-webkit-box-shadow: none;
	box-shadow: none;
	/* font: 500 14px/36px Google Sans,Noto Sans,Noto Sans JP,Noto Sans KR,Noto Naskh Arabic,Noto Sans Thai,Noto Sans Hebrew,Noto Sans Bengali,sans-serif; */
	line-height: 34px;
	padding: 0 24px;
}

/* Google css [end]*/


/* Главная, первый блок */
#vasupart-1 {
	display: block;
	position: relative;
	height: 100vh;
	bottom: 0;
	left: 0;
	padding: 0;
	margin: 0;
	overflow: hidden;
	z-index: 0;
}

.panel-bo,
.panel-bo-opa,
.panel-bo-text-wrap{
	display: block;
	height: 100vh;
	width: 100vw;
	top: 0;
	left: 0;
	overflow: hidden;
}

.panel-bo-text-wrap{
	z-index: 2;
	position: absolute;
	transform: scale(0.8);
	transition: opacity 3s,transform 8s,-webkit-transform 8s;
	text-align: center;
}

.panel-bo-text{
	display: inline-block;
	position: relative;
	top: 25%;
	line-height: 1;
}
.bo-text-title{
	font-size: 38px;
	font-family: Mediator;
	color: white;
	text-indent: 0 !important;
	text-align: center;
	line-height: 1.05;
}

.bo-text{
	font-size: 24px;
	color: white;
	text-indent: 0 !important;
	text-align: center;
}

.panel-bo-opa{
	background-image: -moz-linear-gradient(top, rgba(0,0,0,0.70), rgba(0,0,0,0.0));
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.70), rgba(0,0,0,0.0));
	background-image: -o-linear-gradient(top, rgba(0,0,0,0.70), rgba(0,0,0,0.0));
	background-image: -ms-linear-gradient(top, rgba(0,0,0,0.70), rgba(0,0,0,0.0));
	background-image: linear-gradient(top, rgba(0,0,0,0.70), rgba(0,0,0,0.0));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4c000000', endColorstr='#fe000000');
	position: absolute;
	z-index: 1;
}

.panel-bo-all-top{
	/* background-image: url('/Mir.webp'); */
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
        background-attachment: fixed;
	position: relative;
	transform: scale(1.3);
	transition: opacity 3s,transform 8s,-webkit-transform 8s;
}

#vasupart-all-top {
	padding: 0;
	margin: 0;
}

.tc-no-sticky-header .tc-header {
	position: fixed !important;
	height: auto;
	background: transparent;;
}

.panel-bo-all-top,
.panel-bo-opa-all-top,
.panel-bo-text-wrap-all-top{
	display: block;
	height: 65px;
	width: 100vw;
	top: 0;
	left: 0;
	overflow: hidden;
	position: relative;
}

.panel-bo-text-all-top{
	display: inline-block;
	position: relative;
	top: 0;
	line-height: 1;
}


.panel-bo{
	background-image: url('/Mir.webp');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
        background-attachment: fixed;
	position: relative;
	transform: scale(1.3);
	transition: opacity 3s,transform 8s,-webkit-transform 8s;
}

.panel-bo1{
	transform: scale(1);
}

.panel-bo-small{
	font-size: 18px;
}

.vasu_passage_siteheader {
	position: fixed;
	top: 0;
	right: 0px;
	/* width: 100%; */
	opacity: 0;
}

.vasu_passage_arrow{
	position: fixed;
	top: 60%;
}

/* *************************************** */
.swiper-container {
      width: 100%;
      height: 100%;
      margin-left: auto;
      margin-right: auto;
}

.swiper-container-response,
.swiper-container-ready,
.swiper-container-projects{
list-style-image: none;
list-style-position: outside;
list-style-type: none;
margin-left: 0px;
margin-right: 0px;
overflow: hidden;
overflow-x: hidden;
overflow-y: hidden;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
position: relative;
text-align: center;
z-index: 1;


}

.swiper-slide{
      text-align: center;
      /* font-size: 18px; */
      /* background: #fff; */

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
}
.swiper-slide-text {
	position: absolute;
	bottom: 3%;
	color: #fff;
	width: 100%;
	text-align: center;
	line-height: 1.2;
}

.swiper-slide-toptext{
	position: absolute;
	top: 3%;
	color: #fff;
	width: 100%;
	font-size: 14px;
}

.a-slide {
	color: rgb(240, 255, 255);
	text-shadow: 2px 2px 2px #006633;
}

.a-slide:hover {
	color: #FF7900;
	text-shadow: 0 0 1px #FF7900;
	text-decoration: none;
}

.swiper-slide-text:hover {
	background-color: rgba(2, 165, 233,80%);
}

/* *************************************** */

#arve .arve-wrapper, #tinymce .arve-wrapper {
	margin-bottom: 0 !important;
}

/* *************************************** */
.top_menu {
	margin: 0 !important;
	padding: 0 !important;
	color: white;
}
ul.top_menu li{
	display: inline-flex;
	padding: 1em 0.7em 0.3em 0.7em;
	text-align: center;
	border: 1px solid transparent;
	vertical-align: bottom;
	line-height: 1.5em !important;
}
.top_menu li a{
	padding: 0em;
	margin: 0.01em;
	text-decoration: none;
}

/* *************************************** */
#vasupart-3 .services__ico {
	transition-delay: .2s;
	transition-duration: .4s;
	transition-property: opacity,transform;
	/* transform: scale(.6) translate(0) scale(1); */
	transform: scale(.8);
	transition-timing-function: ease;
}

/* *************************************** */
.swiper-container-ready, .swiper-container-top .swiper-wrapper {height: 100%; padding-top: 5px;}
.swiper-container-ready, .swiper-container-ready .swiper-wrapper {height: 200% !important;;}

@media screen and (min-width: 1920px){
.swiper-container-ready, .swiper-container-ready .swiper-wrapper {height: 479px;}
}

@media screen and (min-width: 1440px) and (max-width:1919px){
	.swiper-container-ready, .swiper-container-ready .swiper-wrapper {height: 479px;}
}

@media screen and (min-width: 1280px) and (max-width:1439px){
	.swiper-container-ready, .swiper-container-ready .swiper-wrapper {height: 479px !important;}
	.swiper-container-ready, .swiper-container-ready .swiper-wrapper {height: 540px !important;;}
}
@media screen and (min-width: 1024px) and (max-width:1279px){
	.swiper-container-ready, .swiper-container-ready .swiper-wrapper {height: 479px !important;}
	.swiper-container-ready, .swiper-container-ready .swiper-wrapper {height: 480px !important;;}
}
@media screen and (min-width: 960px) and (max-width:1023px){
}
@media screen and (min-width: 800px) and (max-width:959px){
}
@media screen and (min-width: 768px) and (max-width:799px){
}
@media screen and (min-width: 720px) and (max-width:767px){
}
@media screen and (min-width: 640px) and (max-width:719px){
}
@media screen and (min-width: 600px) and (max-width: 639px){
   /* .swiper-container-response, .swiper-container-ready, .swiper-container-projects {height: 790px !important;} */
}
@media screen and (min-width: 480px) and (max-width: 599px){
   /* .swiper-container-response, .swiper-container-ready, .swiper-container-projects {height: 790px !important;} */
}
@media screen and (min-width: 360px) and (max-width: 479px){
   /* .swiper-container-response, .swiper-container-ready, .swiper-container-projects {height: 580px !important;} */
}
@media screen and (min-width: 320px) and (max-width: 359px){
   /* .swiper-container-response, .swiper-container-ready, .swiper-container-projects {height: 530px !important;} */
}
@media screen and (min-width: 1px) and (max-width: 319px){
   /* .swiper-container-response, .swiper-container-ready, .swiper-container-projects {height: 540px !important;} */
}
/* *************************************** */