:root {
    font-size: 16px;
	--white-color:#fff;
	--main-bg-color: #fff;
	--green-color: #92FF25;
	--text-color:#002242;
	--see-color:#002242;
	--green-gradient:linear-gradient(40deg,rgba(146, 255, 37, 1) 0%, rgba(146, 255, 37, 1) 50%, rgba(123, 243, 4, 1) 100%);
	--see-gradient:linear-gradient(40deg,rgba(1, 80, 154, 1) 0%, rgba(0, 66, 128, 1) 50%, rgba(0, 34, 66, 1) 100%);
	--blue-gradient:linear-gradient(40deg,rgba(202, 232, 244, 1) 0%, rgba(111, 167, 182, 1) 100%);
	--border-radius-btn:6px;
	--border-radius-image:32px;
	--fs-large-text:20px;
	--fs-large-text-lineheight:24px;
	--bs-body-line-height: 1.3;
	--bs-border-radius: 2rem;
	--swiper-pagination-bottom:-24px;
	--swiper-pagination-color:#002242;
	--link-color:#006DF0;
}


.nav {
	--bs-nav-link-color:#002242;
	--bs-nav-link-font-weight:600;
	--bs-nav-link-font-size:16px;
	--bs-nav-link-hover-color:#7DD440;
	--bs-nav-link-disabled-color:#97A5AB;
	--bs-nav-link-padding-x: 32px;
    --bs-nav-link-padding-y: 16px;
}
.nav-link {padding: 2px 12px;}
.swiper {overflow: unset;cursor:pointer}
.mainscreen__video {max-height: 400px;    max-width: 100%;}
.tkani-slide {overflow: hidden;}
.tkani-slide {padding-bottom:80px;}
.tkani-one .caption-m {    padding: 24px 12px; }
.portfolio,.responses { overflow: hidden; padding-bottom:32px}
.rating {margin-bottom:24px;}
body {
    font-family: Montserrat, "Montserrat", Arial, sans-serif;
    background-color: var(--white-color);
	color:var(--text-color);
}
header {padding-top:24px;background:var(--main-bg-color);position:relative;z-index:10; }

h1 {font-size:60px;line-height:60px;}
h2 {font-size:40px;line-height:40px;}
h1,h2 {font-weight:bold;margin-bottom:24px;}
h3 {font-weight:600; font-size:32px;line-height:32px;margin-bottom:24px;}
h4 {font-weight:600; font-size:20px;line-height:24px;margin-bottom:8px;color:var(--green-headers);}
a {color:var(--link-color); text-decoration:none;}
a:hover {color:var(--green-color);}
dl, ol, ul {margin: 0;    padding: 0;}
ol, ul {list-style: none outside none;}
li { padding-left: 16px; padding-bottom:12px}
li:before {
    content: '';
	width:8px;
	height:8px;
    background:var(--see-color);
	border-radius:100%;
    margin-left: -16px;
    margin-right: 8px;
    vertical-align: middle;
    display: inline-block;
}
input, textarea {border-radius:var(--border-radius-btn)!important;}

.caption-xl {font-size:24px; font-weight:700;}
.caption-m {font-size:20px; line-height: 24px; font-weight: 600;}
.contact_feedback, .header-contacts-phoner {    text-wrap: nowrap;}
.header-contacts-phoner a,.contacts_links_phone {color:var(--see-color);}
.header-contacts-phoner a:hover,.contacts_links_phone:hover {color:var(--green-color);}
.main-slide {}
.top-wht-border {height:40px; width:100%; top:-20px; left:0; z-index:2; position:absolute; background:var(--main-bg-color); rotate: 1.5deg;}
.bottom-wht-border {height:40px; width:100%; bottom:-20px; left:0; z-index:2; position:absolute; background:var(--main-bg-color); rotate: -1.5deg;}


.logo-img {margin-right:12px;display: inline-block;}
.logo-name {max-width:300px;}
.menu-button {top:16px;right:20px;z-index: 99;}
.header-contacts {margin-top:24px;}

.bg-see{background: var(--see-color);color:var(--white-color);}

.btn {background: var(--see-gradient);color:var(--white-color); transition: background 0.5s ease 0s; padding:14px 16px;  border:0; border-radius:var(--border-radius-btn);  font-size: 16px;    line-height: 16px; font-weight:600; -webkit-transition: background 0.5s ease;
    -o-transition: background 0.5s ease;
    transition: background 0.5s ease;}

.btn:hover,.btn:active,.btn:focus {background: var(--green-gradient);color:var(--text-color);}
.btn-empty {background: transparent;border: 2px solid var(--see-color);color:#032838}
.btn-empty:hover {}
.btn-green,.btn-green:active,.btn-green:focus,.menu-button button:hover {background:var(--green-gradient); color:var(--text-color);  -webkit-transition: background 0.5s ease;
    -o-transition: background 0.5s ease;
    transition: background 0.5s ease;}
.btn-green:hover {background: var(--see-gradient);color:var(--white-color);}

.balls {position:absolute; bottom:0; right:40px; z-index:3}

.dropping-texts {
  display: inline-block; position:relative;
  height: 16px;
}

.dropping-texts > span {
  font-size:0px;
  opacity:0;
  margin-left:-30px;
  position:absolute;
  box-shadow: 0px 60px 25px -20px rgba(0,0,0,0.5);
}

.dropping-texts > span:nth-child(1) {
  animation: roll 5s linear infinite 0s;
}
.dropping-texts > span:nth-child(2) {
  animation: roll 5s linear infinite 1s;
}
.dropping-texts > span:nth-child(3) {
  animation: roll 5s linear infinite 2s;
}
.dropping-texts > span:nth-child(4) {
  animation: roll 5s linear infinite 3s;
}

@keyframes roll {
  0% {
    font-size:0px;
    opacity:0;
    margin-left:-30px;
    margin-top:0px;
    transform: rotate(-25deg);
  }
  3% {
    opacity:1;
    transform: rotate(0deg);
  }
  5% {
    font-size:inherit;
    opacity:1;
    margin-left:0px;
    margin-top:0px;
  }
  20% {
    font-size:inherit;
    opacity:1;
    margin-left:0px;
    margin-top:0px;
    transform: rotate(0deg);
  }
  27% {
    font-size:0px;
    opacity:0.5;
    margin-left:20px;
    margin-top:40px;
  }
  100% {
    font-size:0px;
    opacity:0;
    margin-left:-30px;
    margin-top:0px;
    transform: rotate(15deg);
  }
}

.author_blob_block { animation-name: rotating-text-1;animation-delay: 2s;animation-duration: 7s;
  animation-iteration-count: 1; opacity: 0;}
.author_blob_block.animated {opacity: 1;}
.author_blob_block img {border-radius:100%}
.main-slide_text {padding:120px 0}

.nanesenie-one,.swiper {margin-top:48px;}

.nanesenie-one p,.portfolio-one p {margin-top:16px;}

.benefits {padding-top:80px;}
.benefits-one_num {background:linear-gradient(90deg,rgba(202, 232, 244, 1) 0%, rgba(111, 167, 182, 1) 100%); width:60px; height:60px; border-radius:100%;}
.benefits-one_num span {font-size:24px;text-wrap:nowrap; left: 32px; top: 14px; position: absolute;rotate: -2deg;}
.benefits-1 .benefits-one_num span { left: 20px;}
.benefits-one_title  {padding-left:24px; }
.benefits-one_title-s {max-width:240px;padding-left:32px; }
#floatingPupose {min-height: 80px;}
@keyframes rotating-text-1 {
  
  0% {  opacity: 0;
 
    transform: translateY(50%);
  }
 100% {
    transform: translateY(0%);
    opacity: 1;	
  }
}

.border-radius-image {border-radius: var(--border-radius-image);}
.fs-large-text {font-size:var(--fs-large-text);}

.main-slide {}
.bg-blue {  background: linear-gradient(39deg,rgba(202, 232, 244, 1) 0%, rgba(111, 167, 182, 1) 100%);}




section {margin: 112px 0px; /*margin:0 20px; border-radius:32px;*/}



.contact_phone a {margin-left:8px;}
.msg-icon {margin-left:12px;text-wrap: nowrap;}
.msg-icon svg {width:40px; height:40px;}
.msg-icon a {display:inline-block; -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;}
.msg-icon a:hover { -webkit-transform: translate(0, -5px);
   -ms-transform: translate(0, -5px);
   transform: translate(0, -5px);}	

.category {max-width: 300px; width: 100%;min-height: 252px;}

.catalog-block {padding-top:32px;overflow-x: scroll;}
.catalog-block::-webkit-scrollbar {width: 0;}
.catalog-block::-webkit-scrollbar-button {opacity:0;}
.category-2row {margin-top:24px;}

.category-bg-1 {text-align:center; height: 296px;}
.player-hockey-shaiba {bottom:-10px; left:10px;}
.category-bg-svg {position:absolute; z-index:0;top:67px; left:0;}
.category-title-bg-svg {position:absolute; left:0; width: 100%;}
.category-bg-bottom {position:absolute; bottom: 0px; left: -1px; height: 4px;}
.category-2row .category-bg-bottom {    bottom: -12px;    left: -4px;}
.category-price {background:rgba(153,200,213,0.8);
    max-width: 215px; text-align:center;
    padding: 6px 0px;
    margin-top: 5px;
    position: relative;
    z-index: 2;}
.category-price-ruble {font-weight:500}

.category-img {z-index:2; text-align:center; }
.category-title {z-index:2;text-align:center; margin:0 auto; /*max-width:180px; margin-left: 28px;*/}
.category-bg-1 .category-title,.category-title-2 {padding-top: 12px;}


.slide-uniform {margin-top: -60px;}
.slide-uniform img { max-width:100%;}
.main-slide_subheader {font-weight:600;}
.main-slide_button {margin-top:32px}

.contacts_place {width:100%; max-width:368px;  background:var(--white-color); padding:40px 48px; position:absolute; z-index:10; top: 60px; left:60px}

.navbar-toggler.collapsed .navbar-toggler-icon {background: url(img/i-hamburger.svg) no-repeat;}
.navbar-toggler {width:60px; height:60px;background:var(--green-color);    border-radius: 8px;}
.navbar-toggler .navbar-toggler-icon {
    background: url(img/i-close.svg) no-repeat;
    display: block;
    text-align: center;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    margin: 0 auto;
    padding: 0;
}

@keyframes scroll {
  0%{
    transform: translateY(0);
  }
  
  100%{
    transform: translateY(calc(-100% - 20px));
  }
}

@-webkit-keyframes opacity {
  0%, 100% {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes change {
  0%, 12.66%, 100% {transform:translate3d(0,0,0);}
  16.66%, 29.32% {transform:translate3d(0,-25%,0);}
  33.32%,45.98% {transform:translate3d(0,-50%,0);}
  49.98%,62.64% {transform:translate3d(0,-75%,0);}
  66.64%,79.3% {transform:translate3d(0,-50%,0);}
  83.3%,95.96% {transform:translate3d(0,-25%,0);}
}

@-o-keyframes opacity {
  0%, 100% {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes change {
  0%, 12.66%, 100% {transform:translate3d(0,0,0);}
  16.66%, 29.32% {transform:translate3d(0,-25%,0);}
  33.32%,45.98% {transform:translate3d(0,-50%,0);}
  49.98%,62.64% {transform:translate3d(0,-75%,0);}
  66.64%,79.3% {transform:translate3d(0,-50%,0);}
  83.3%,95.96% {transform:translate3d(0,-25%,0);}
}

@-moz-keyframes opacity {
  0%, 100% {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes change {
  0%, 12.66%, 100% {transform:translate3d(0,0,0);}
  16.66%, 29.32% {transform:translate3d(0,-25%,0);}
  33.32%,45.98% {transform:translate3d(0,-50%,0);}
  49.98%,62.64% {transform:translate3d(0,-75%,0);}
  66.64%,79.3% {transform:translate3d(0,-50%,0);}
  83.3%,95.96% {transform:translate3d(0,-25%,0);}
}

@keyframes opacity {
  0%, 100% {opacity:0;}
  100% {opacity:1;}
}

@keyframes change {
  0%, 12.66%, 100% {transform:translate3d(0,0,0);}
  16.66%, 29.32% {transform:translate3d(0,-25%,0);}
  33.32%,45.98% {transform:translate3d(0,-50%,0);}
  49.98%,62.64% {transform:translate3d(0,-75%,0);}
  66.64%,79.3% {transform:translate3d(0,-50%,0);}
  83.3%,95.96% {transform:translate3d(0,-25%,0);}
}

/* 6 is the number of animation.
// Here, there are 4 lines :

// 1 to 2
// 2 to 3
// 3 to 4
// 4 to 3
// 3 to 2
// 2 to 1

// 6x + 6y = 100 (100% duration)

// HERE : 
// y = 4 -> Animation between two lines
// x = 12.66 -> Time spent on a line

// You can define a value and calculate the other if you want change speed or the number of lines */


#carouselExampleControls {padding-top:80px;}
.carousel-controls {position:absolute; top:0px; left:0;display:flex;}
.carousel-control-next, .carousel-control-prev {opacity:1;position:relative;}
.carousel-control-prev {margin-right:16px;}
.carousel-controls button {width:50px; height:50px; border-radius:100%; border:1px solid var(--text-color); }
.carousel-controls button:hover { border:1px solid var(--green-color); }
.carousel-control-prev-icon,.carousel-control-next-icon {background:url('img/i-arrow-right.svg') no-repeat center center;}
.carousel-control-prev-icon {transform:rotate(180deg);}
.input-group>.form-floating:not(:first-child)>.form-control, .input-group>.form-floating:not(:first-child)>.form-select, .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control, .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select, .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {border-radius: var(--bs-border-radius);}
.navbar-collapse {flex-basis: auto; flex-grow: initial;}
.response_item {grid-template-columns: 1fr 1fr;}



@media screen and (min-width: 1024px) {
}


.modal-body ul {padding-left:16px;}
.modal-body ul li {padding-bottom:8px;}
.modal-content {border-radius:8px; padding: 16px;}
.modal-header {border-bottom:0px;}
.modal-title {font-weight:bold}   


footer a {color:#fff!important;}
 .footer-menu .btn {height: 58px; width: 223px;}
.error {border:1px #dc3545 solid}

.successbox {padding: 24px;  background: var(--green-color);  color: var(--text-color); }
.policy {line-height:16px;}

.sliderTab {
  position: relative;
  overflow: hidden;

  margin-bottom: 30px;
 
  
  }
.swiper-wrapper {flex-wrap: nowrap;}
   .swiper-slide  { width:auto; height:auto;
    
	   }
    

   
.container {padding:0 20px;}
.sliderContent {width: 100%;}


@media screen and (max-width: 992px) {
	
section {margin:80px 0px}
.caption-xl {font-size: 18px;line-height:18px;}
.caption-m {font-size:16px;line-height:18px;}
.logo-img img {max-width: 174px;}

.main-slide_text {padding: 80px 16px 68px;}
.response-text {margin-top:16px}
.author_blob_block {margin-left:0px; margin-top:16px;}
.main-slide p {font-size:18px;line-height: 24px;}
.dropping-texts {

  height: 18px;

}
.balls {right:20px}

.header-contacts {}
.main-slide_animtext {padding-bottom:60px;}

.nanesenie-text,.nanesenie-one {margin-top:24px;}
.nanesenie-one p {margin-top:16px;}
.tkani-one {margin-top:-60px}


.response_item_desc_career {font-size: 14px; opacity:0.8}
.benefits-one {margin-bottom:24px}


.contacts_place {position:relative;    padding: 24px;top:auto; left:auto;}
.contacts h2 {    position: relative; z-index: 5;}
#carouselExampleControls {padding-top: 32px;}
@keyframes rotating-text-1 {
  
  0% {  opacity: 0;
 
    transform: translateX(0%);
	 transform: translateY(50%);
  }
 100% {
    transform: translateX(0%);
	transform: translateY(0%);
    opacity: 1;	
  }
}



section h2 {font-size: 32px;line-height: 32px;}
h1 {font-size: 32px; line-height: 32px;}
h3 {font-size: 24px; line-height: 24px; margin-bottom: 16px;}
.logo-name {font-size:14px; line-height:14px;}

.rating {margin-bottom: 16px;}
.about-video {margin-top:32px;}
.sources-block {    padding-bottom: 48px;}
#navbarSupportedContent {position:absolute;top: 0;background:var(--main-bg-color);width:-webkit-fill-available; z-index: 88;left:0; padding:24px;}
#navbarSupportedContent a {font-size:24px;padding:4px 0;}
#navbarSupportedContent .mainmenu {padding:24px 0}
#navbarSupportedContent .contact_feedback {margin-top:16px;}

.fs-large-text {font-size:18px;}

footer .logo {margin-bottom:32px;}
 .author_photo,.sertificate_photo {margin-bottom:32px;}

.input-group {display:block}
.input-group>.form-floating {width: 100%;}

.carousel-controls {    top: -40px;}

}

::-moz-selection {
    background-color: rgba(0, 0, 0, 0.75);
    color: #fff;
}

::selection {
    background-color: rgba(0, 0, 0, 0.75);
    color: #fff;
}