/* Start:/local/templates/traiv-new/components/bitrix/breadcrumb/traiv-new/style.css?1768980799291*/
/*h1.crumbs__link{
    color: black;
    font-size: 20px;
    display: inline-block;
}

.crumbs__item.is-active h1 + a{
    cursor: pointer;
    color: #5a85a7;
}

.crumbs__item.is-active h1 + a:before{
    content: " ";
}
.crumbs__item a{
    text-decoration: underline;
}*/
/* End */


/* Start:/local/templates/traiv-new/components/bitrix/news.detail/prod-standart-detail/style.css?1768980800155*/
div.news-detail
{
	word-wrap: break-word;
}
div.news-detail img.detail_picture
{
	float:left;
	margin:0 8px 6px 1px;
}
.news-date-time
{
	color:#486DAA;
}

/* End */


/* Start:/local/templates/traiv-new/css/services-style.css?176898079818374*/
:root {
  --spGray: #777777;
  --spBlack: #343a40;
  --spBlue: #024dbc;
}

body.theme-default .hc-offcanvas-nav .nav-content>h2, body.theme-default .hc-offcanvas-nav .nav-content>h3, body.theme-default .hc-offcanvas-nav .nav-content>h4, body.theme-default .hc-offcanvas-nav .nav-content>h5, body.theme-default .hc-offcanvas-nav .nav-content>h6 {
	color: #fff !important;
}

body.theme-default .hc-offcanvas-nav .nav-container, body.theme-default .hc-offcanvas-nav .nav-wrapper, body.theme-default .hc-offcanvas-nav ul {
	background: #343A40 !important;
	font: 500 20px/44px 'Gilroy',sans-serif;
}

.section::-webkit-scrollbar-thumb {
  background-image: linear-gradient(180deg, #d0368a 0%, #708ad4 99%);
  box-shadow: inset 2px 2px 5px 0 rgba(#fff, 0.5);
  border-radius: 100px;
}


body.theme-default .hc-offcanvas-nav .nav-content>.nav-close:first-child a, body.theme-default .hc-offcanvas-nav .nav-title+.nav-close a.has-label, body.theme-default .hc-offcanvas-nav li.nav-close a, body.theme-default .hc-offcanvas-nav .nav-back a {
	    background: #1ABCEB !important;
    border-top: 1px solid #1ABCEB !important;
    border-bottom: 1px solid #1ABCEB !important;
}

body.theme-default .hc-offcanvas-nav:not(.touch-device) li:not(.nav-item-custom) a:not([disabled]):hover {
	    background: #1ABCEB !important;
}

.land_nav_link {
	position:fixed;
	bottom:20px;
	left:0px;
	width:50px;
	height:50px;
	/*border:1px green solid;*/
	/*display:none;*/
	/*opacity:0;
	visibility: hidden;*/	
	z-index: 1000;
	top: 70%;
    transform: translateY(-50%);	
    transform: rotate(90deg);
    /*display:none;*/
}

.btn-land_nav_link {
	display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color:#ffffff;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 0px solid transparent;
   /* min-height:35px;*/
    color: #fff;
    /*padding: 0.375rem 20px;*/
    font-size: 14px;
	-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;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	background: #1ABCEB;
	width:160px;
	height:50px;
	opacity:1;
	font: 500 20px/44px 'Gilroy',sans-serif;
	letter-spacing:1px;
}

.btn-land_nav_link:hover {
	color:#ffffff;
  /*opacity:.8;*/	
}

.land-nav-menu-area {
	position:fixed;
	left:0px;
	z-index: 1000;
	top: 50%;
    transform: translateY(-50%);	
    background-color:#343A40;
    width:220px;
    left:-220px;
}

.land-nav-menu {
	padding:0px;
	margin:0px;
	list-style:none;
	display:inline-block;
	width:100%;
}

.land-nav-menu-item {
	color:#ffffff;
	font: 400 18px/28px 'Gilroy',sans-serif;
	padding:10px 0px 10px 30px;
	display:inline-block;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
	width:100%;
}

.land-nav-menu-item:hover {
	background-color:#1ABCEB;
	color:#ffffff;
}

.land-nav-menu-item-img {
float: left;
    width: 50px;
    height: 35px;
    position:relative;
}

.land-nav-menu-item-img img {
	position:absolute;
	top: 50%;
	left: 50%;
    transform: translateY(-50%) translateX(-50%);	
}

.services-section {
	padding: 20px 0px;
}

.sp-image-area{
	position:relative;
	padding-top: 25px;
}

.sp-image-area img{
	z-index: 100;
	position: relative;
}

/*.sp-image-area::after{
z-index: 50;
    content: "";
    position: absolute;
    background-color: #f1f1f1;
    right: 10px;
    bottom: -10px;
    width: 90%;
    height: 90%;
}*/

.sp-gray-title{
	font: 500 24px/36px 'Gilroy',sans-serif;
	color:var(--spGray);
}

.sp-black-value {
	font: 700 28px/36px 'Gilroy',sans-serif;
	color:var(--spBlack);
}

.sp-text {
	    font: 500 18px / 22px 'Gilroy', sans-serif;
    opacity: 1;
    color:var(--spBlack);
    min-height: 25px;
}

.sp-text i {
	padding-right: 10px;
}

.sp-link {
	font: 500 18px / 22px 'Gilroy', sans-serif;
    opacity: 1;
    color:var(--spBlue);
    min-height: 25px;
    text-decoration: underline;
}

.sp-link:hover {
    color:var(--spBlack);
}

.sp-title-text {
    font: 100 24px/36px 'Gilroy',sans-serif;
}

.sp-area-type {
	padding: 5px 0px;
}

.sp-area-type p {
	font: 700 18px/26px 'Gilroy',sans-serif;
}

.sp-area-type .title {
	font: 700 18px/22px 'Gilroy',sans-serif;
	opacity:0.8;
	color: #777777;
	min-height: 25px;
	padding-right: 5px;
}

.sp-t-border{
	border-top: 1px var(--spBlue) solid;
}

.sp-minicont {
	font: 500 16px / 26px 'Gilroy', sans-serif;
	color:var(--spBlack);
}

.sp-minicont p {
	font: 500 16px / 26px 'Gilroy', sans-serif;
	color:var(--spBlack);
}

#landing-solutions-list {
	background-color:#283890;
}

.bxslider {
  min-height: 400px; /* или ваше значение */
}

.sp-slider-wrap {
	float: left;
	/*width: 53%;*/
	/*margin: 0 3% 50px 0;*/
	overflow: hidden;
}

.sp-slider {
	border: 1px solid #e6e6e6;
	padding: 8px;
	position: relative;
	overflow: hidden;
	text-align: center;
	margin: 0 0 20px;
	  box-shadow: 0 10px 20px rgba(3,27,78,10%);  
  -webkit-transition: background .25s ease,
  border-color .25s ease,
  color .25s ease,
  box-shadow .25s linear;
  transition: background .25s ease,
  border-color .25s ease,
  color .25s ease,
  box-shadow .25s linear;
  -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.sp-slider .sp-slider-car {
	width: 815%;
	position: relative;
	margin: 0;
	padding: 0;
}
.sp-slider li {
	float: left;
	list-style: none;
	position: relative;
	width: 449px;
	height: 500px;
	padding: 0;
	margin: 0;
}
.sp-slider li a {
	display: block;
}
.sp-slider li img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	height: auto;
	max-height: 600px;
}
.sp-slider .bx-wrapper .bx-next {
	transition: all 0.2s ease-in;
	background: none;
	text-align: center;
	overflow: hidden;
	right: -9px;
	width: 38px;
	background: #f8fafc;
	text-indent: 100%;
	white-space: nowrap;
	height: 60px;
	border: 1px solid #e0e4f6;
	margin-top: -30px;
	z-index: 1;
	opacity: 0;
}
.sp-slider:hover .bx-wrapper .bx-next {
	opacity: 1;
}
.sp-slider .bx-wrapper .bx-next:before {
	transition: all 0.2s ease-in;
	display: block;
	content: "";
	text-indent: initial;
	margin: -9px 4px 0 0;
	background: url(/local/templates/traiv-main/img/nav1.png) no-repeat left top;
	height: 18px;
	width: 20px;
	position: absolute;
	top: 50%;
	right: 4px;
}
.sp-slider .bx-wrapper .bx-next:hover:before {
	right: 2px;
}
.sp-slider .bx-wrapper .bx-prev {
	transition: all 0.2s ease-in;
	background: none;
	text-align: center;
	overflow: hidden;
	left: -9px;
	width: 38px;
	background: #f8fafc;
	text-indent: 100%;
	white-space: nowrap;
	height: 60px;
	border: 1px solid #e0e4f6;
	margin-top: -30px;
	z-index: 1;
	opacity: 0;
}
.sp-slider:hover .bx-wrapper .bx-prev {
	opacity: 1;
}
.sp-slider .bx-wrapper .bx-prev:before {
	transition: all 0.2s ease-in;
	display: block;
	content: "";
	text-indent: initial;
	margin: -9px 0 0 4px;
	background: url(/local/templates/traiv-main/img/nav1.png) no-repeat left bottom;
	height: 18px;
	width: 20px;
	position: absolute;
	top: 50%;
	left: 4px;
}
.sp-slider .bx-wrapper .bx-prev:hover:before {
	left: 2px;
}
.sp-thumbs {
	border: 0px solid #e0e4f6;
	position: relative;
	padding: 0 8px;
}
.sp-thumbs .bx-wrapper .bx-viewport {
	background: transparent;
	margin-bottom: -1px;
}
.sp-thumbs:after {
	clear: both;
	display: block;
	content: "";
}
.sp-thumbs .sp-thumbs-car {
	width: 815%;
	position: relative;
	margin: 0;
	padding: 0;
}
.sp-thumbs li {
	width: 85px;
	position: relative;
	float: left;
	margin: 0 8px 0 0;
	line-height: 85px;
	text-align: center;
	vertical-align: middle;
	padding: 7px 0 9px;
	height: 102px;
}
.sp-thumbs li:after {
	display: none;
}
.sp-thumbs li.active:after {
	position: absolute;
	bottom: 0;
	z-index: 2;
	height: 3px;
	background: #3a89cf;
	width: 100%;
	left: 0;
	content: "";
}
/*.sp-thumbs li .active:after {
	position: absolute;
	bottom: 0;
	z-index: 2;
	height: 1px;
	background: #313b54;
	width: 100%;
	left: 0;
	content: "";
}*/
.sp-thumbs li a {
	display: block;
	width: 100%;
	height: 85px;
	line-height: 85px;
}

.sp-thumbs li a.active {
		  /*box-shadow: 0 10px 20px rgba(3,27,78,20%);  
  -webkit-transition: background .25s ease,
  border-color .25s ease,
  color .25s ease,
  box-shadow .25s linear;
  transition: background .25s ease,
  border-color .25s ease,
  color .25s ease,
  box-shadow .25s linear;*/
  -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.sp-thumbs li img {
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
}
.sp-thumbs .bx-wrapper .bx-next {
	transition: all 0.2s ease-in;
	background: none;
	text-align: center;
	overflow: hidden;
	right: -50px;
	width: 38px;
	text-indent: 100%;
	white-space: nowrap;
	height: 38px;
	margin-top: -19px;
		background: #f8fafc;
}
.sp-thumbs:hover .bx-wrapper .bx-next {
	right: -2px;
}
.sp-thumbs .bx-wrapper .bx-next:before {
	display: block;
	content: "";
	text-indent: initial;
	margin: -9px 3px 0 0;
	background: url(/local/templates/traiv-main/img/nav1.png) no-repeat left top;
	height: 18px;
	width: 20px;
	position: absolute;
	top: 50%;
	right: 4px;
}
.sp-thumbs .bx-wrapper .bx-prev {
	transition: all 0.2s ease-in;
	background: none;
	text-align: center;
	overflow: hidden;
	left: -50px;
	width: 38px;
	text-indent: 100%;
	white-space: nowrap;
	height: 38px;
	margin-top: -19px;
	background: #f8fafc;
}
.sp-thumbs:hover .bx-wrapper .bx-prev {
	left: -2px;
}
.sp-thumbs .bx-wrapper .bx-prev:after {
	display: block;
	content: "";
	text-indent: initial;
	margin: -9px 0 0 3px;
	background: url(/local/templates/traiv-main/img/nav1.png) no-repeat left bottom;
	height: 18px;
	width: 20px;
	position: absolute;
	top: 50%;
	left: 4px;
}

#sp-landing-second-image {
	background-image: url(/local/templates/traiv-new/landing-list/rectangle_2.jpg);	
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height:670px;
    position:relative;
}

#sp-landing-second-image:before {
	position:absolute;
	background-color:#0D3183;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	opacity:0.8;
	content:"";
}

.services-block-title-form {
	   font: 700 24px / 32px 'Gilroy', sans-serif;
    color: #ffffff;
    position: relative;
}
.services-block-title-form:before {
position: absolute;
    width: 50%;
    height: 2px;
    background-color: #1ABCEB;
    /*content: "";*/
    top: 55%;
    transform: translateY(-50%);
    right: -120%;
    transform: translateX(-184%);
}

.services-block-title-form:after {
	position: absolute;
    width: 70%;
    height: 2px;
    background-color: #1ABCEB;
    content: "";
    top: 55%;
    transform: translateY(-50%);
    left: 20%;
    transform: translateX(-132%);
}

.sp-pr-list{
	list-style: none;
	padding:0px;
	margin:0px;
}

.sp-pr-list li{
	padding:10px 0px;
	
	position: relative;
	padding-left:40px;
}

.sp-pr-list li span{
	font: 500 18px/22px 'Gilroy',sans-serif;
}

.sp-pr-list li i{
	font-size:18px;
  vertical-align: middle;
  position: absolute;
  left: 0;
  top: 50%;
    transform: translateY(-50%);
}


#landing-pre-list {
	background-color:#283890;
}

.land-pre-about-back {
	position:absolute;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
}

.land-pre-about-area-item {
	text-align: center;
	padding: 0px;
	margin-bottom: 20px;
}

.land-pre-about-area-item-img {
	min-height:110px;
}

.land-pre-about-area-item i {
font-size: 92px;
    /* margin-bottom: 15px; */
    margin-top: 20px;
    color:#1ABCEB;
}

.land-pre-about-area-item .title {
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 15px;
	color:#1ABCEB;
	padding:0px 15px 0px 15px;
}

.land-pre-about-area-item p {
	font-size: 14px;
	margin-bottom: 0px;
	color:#1ABCEB;
}

.land-title-text {
	font: 700 24px/30px 'Gilroy',sans-serif;
	color:#343A40;
}

.land-main-text p {
		font: 400 16px/20px 'Gilroy',sans-serif;
	color:#343A40;
	padding: 10px 0px;
}

.landing-list-title-new {
text-align: center;
    font-weight: 900;
    color: #ffffff;
    font-size: 18px;
}

.landing-list-title-new-note {
	color: #ffffff !important;
	margin-top: 15px;
}

.land-pre-about-area-item-img img {
	max-width:100px;
}

.land-title-pre {
	font: 700 24px / 28px 'Gilroy', sans-serif;
	color:#ffffff;
	position:relative;
	background-color:#283890;
}

.sp-photo-item {
  display: block;
  min-height: 400px;
  border:0px green solid;
  position:relative;
  background-color:#ffffff;
  	background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.sp-photo-item.bordered {
  padding: 24px;
  box-shadow: 0 10px 20px rgba(3,27,78,8%);  
  -webkit-transition: background .25s ease,
  border-color .25s ease,
  color .25s ease,
  box-shadow .25s linear;
  transition: background .25s ease,
  border-color .25s ease,
  color .25s ease,
  box-shadow .25s linear;
}

.sp-photo-item.bordered:hover {
 box-shadow: 0 10px 20px rgba(3,27,78,20%);
  color: #343a40;
}

.sp-photo-img {
	padding:0px !important;
	position:absolute;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.sp-photo-name {
position: absolute;
    z-index: 100;
    color: var(--spBlack);
    bottom: 0px;
    left: 0px;
    background-color: #f1f1f1;
    min-height: 40px;
    width: 100%;
    padding: 20px 10px;
    font: 500 16px/24px 'Gilroy',sans-serif;
}

.sp-photo-item.h200 {
	min-height: 200px;
}

.sp-title-black {
	font: 700 24px / 28px 'Gilroy', sans-serif;
	color:#343A40;
	padding: 30px 0px 10px 0px;
}

.expopage-slick-arrow {
	    font-size: 46px !important;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 50px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;
}

.expopage-slick-left-arrow
{
    left: -25px;
}

.expopage-slick-right-arrow
{
    right: -25px;
}

/*hang*/
.sp-hang-item {
	    background-color: #1ABCEB;
padding: 40px;
}

.sp-hang-item .hang-number{
	font: 700 110px/130px 'Gilroy',sans-serif;
	position:absolute;
	top: 50%;
    transform: translateY(-50%);
    color:#283890;
    left:-11%;
}

.sp-hang-item .hang-title {
	font: 700 24px/30px 'Gilroy',sans-serif;
	color:#ffffff;
padding-bottom: 20px;
    padding-left: 10px;
}

.sp-hang-item .hang-note{
	font: 400 16px/20px 'Gilroy',sans-serif;
	color:#ffffff;
	padding-left:10px;
	    min-height: 80px;
}

/*end hang*/

.sp-lr-img	{
	padding: 40px;
}

.sp-lr-text p {
	font: 500 16px / 26px 'Gilroy', sans-serif;
    color: var(--spBlack);
}

.sp-lr-text ul li {
	font: 500 16px / 26px 'Gilroy', sans-serif;
    color: var(--spBlack);
}

	.sp-content-text-overflow {
	        height: auto;
        overflow: auto;
        position:relative;
	}
	
	.sp-content-text-overflow-link-more{
        display:none;
	}


@media only screen and (max-width : 576px) {
	
	.sp-content-text-overflow {
	        height: 400px;
        overflow: hidden;
        position:relative;
	}
	
	.sp-content-text-overflow-link-more{
position: relative;
        font: 700 16px / 20px 'Gilroy', sans-serif;
        background-color: #ffffff;
        padding: 10px 0px;
        display: block;
        margin-top: 20px;
	}
	
	.sp-slider {
		margin: 0 0 0px;
	}
	
	.sp-slider li {
	float: left;
	list-style: none;
	position: relative;
	width: 449px;
	height: 200px;
	padding: 0;
	margin: 0;
}

.sp-black-value {
	font: 700 20px / 12px 'Gilroy', sans-serif !important;
}

.sp-lr-img	{
	padding: 0px;
}


#sp-landing-second-image {
    height:750px;
}
	
	.sp-thumbs li {
	padding: 0px 0 9px;
}
	
}

.leq-item {
  display: block;
  min-height: 300px;
  border:0px green solid;
  position:relative;
  background-color:#ffffff;
  	background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


.leq-slider-item {
	display: block;
    border: 0px green solid;
    position: relative;
}

.leq-slider-item-img{
padding: 0px !important;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
     background-size: unset; 
    background-repeat: no-repeat;
    /* background-position: center; */
    z-index: 50;
}

.leq-slider-item-name{
position: absolute;
    z-index: 100;
    color: var(--th-title-color);
    bottom: 0px;
    left: 0px;
    background-color: #f1f1f1;
    min-height: 110px;
    width: 100%;
    padding: 20px 10px;
    font: 500 16px/24px 'Gilroy',sans-serif;
}

.leq-item::after {
	position: absolute;
    content: '';
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0);
    transition: background 0.5s;
    z-index: 70;
}

.leq-item:hover:after {
    background: rgba(0,0,0,0.3);
}

@media only screen and (max-width : 576px) {
	.leq-slider-item-img{
		background-size: contain;
		}
}

/* End */
/* /local/templates/traiv-new/components/bitrix/breadcrumb/traiv-new/style.css?1768980799291 */
/* /local/templates/traiv-new/components/bitrix/news.detail/prod-standart-detail/style.css?1768980800155 */
/* /local/templates/traiv-new/css/services-style.css?176898079818374 */