html, body{
max-width: 1920px;
margin: 0 auto;
min-width: 300px;
overflow-x: hidden;
font-family: 'TTLakesCondensed-Regular';
font-size: 14px;
color: #666;
}
img{
max-width: 100%;
height: auto;
}
a,
a:hover{
color:#263886;
}
a, .btn {
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
strong,
.strong{
font-weight: normal;
font-family: 'TTLakes-Bold' !important;
}
.w-30 {
width: 30% !important;
}
.w-35 {
width: 35% !important;
}
.w-40 {
width: 40% !important;
}
.w-55 {
width: 55% !important;
}
.w-60{
width: 60% !important;
}
.w-65 {
width: 65% !important;
}
.w-70 {
width: 70% !important;
}
.w-90 {
width: 90% !important;
}
.w-px-390{
width: 390px;
}
.fz-16{
font-size: 16px;
}
.fz-21{
font-size: 21px;
}
.fz-60{
font-size: 60px;
}
.lh-1{
line-height: 1;
}
.lh-1-2{
line-height: 1.2;
}
.border-bottom{
border-bottom: 1px solid #dbdbdb !important;
}
.header{
position: relative;
}
.header a{
font-family: 'TTLakes-DemiBold';
}
.header nav a{
text-transform: uppercase;
position: relative;
}
.header nav a:after{
content: '';
left:0;
right: 0;
bottom: -28px;
position: absolute;
border-bottom: 5px solid #251677;
opacity: 0;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.header nav a.active:after,
.header nav a:hover:after{
opacity: 1;
}
.text-gray{
color: #666666;
}
.header nav a:hover{
color: #263886;
text-decoration: none;
}
.header-btn{
color: #281977;
}
.header-btn:hover{text-decoration: none;opacity: 0.7;color: #281977;}
.header-lang{font-size: 12px;white-space: nowrap;}
.header-lang a{color:#bfbfbf}
.header-lang,
.header-lang a.active,
.header-lang a:hover{color:#263886;text-decoration: none;}
.header-mail{
color:#263886;
font-size: 18px;
}
.header-mail:hover,
.header-lang a.active:hover{
color:#263886;
text-decoration: none;
opacity: 0.7;
}
.menu{
display: none;
position: absolute;
top:100%;
left:0;
right: 0;
background: #fff;
padding: 80px 200px 150px;
z-index: 50;
margin-top: 1px;
}
.menu-title{
font-family: 'TTLakes-DemiBold';
font-size:20px;
text-transform: uppercase;
color: #261777 !important;
display: block;
margin-bottom: 20px;
}
.menu ul{
margin: 0 0 50px 0;
padding: 0;
list-style-type: none;
}
.menu ul ul{
margin-bottom: 0;
margin-left: 75px;
margin-top: 10px;
}
.menu ul li{
margin-bottom: 10px;
}
.menu ul a{
font-family: 'TTLakes-Medium';
color: #666666;
font-size:20px;
line-height: 1.2;
}
.menu ul a:hover{
color: #666666;
}
.page-title{
margin-top: 0px;
margin-bottom: 20px;
position: relative;
z-index: 2;
}
.page-title h1,
.page-title span{
font-size: 40px;
font-family: 'TTLakes-Medium';
color:#261777;
margin: 0;
line-height: 1.1;
}
.breadcrumb{
background: none;
padding: 0 3px;
font-size: 12px;
}
/* updated 08.11.2019 */
.breadcrumb-item + .breadcrumb-item:before{
content: '>';
color: #666;
}
/* end updated 08.11.2019 */
.breadcrumb a,
.breadcrumb a:hover{
color: #666;
}
.left-menu{
margin-top: -21px;
margin-left: -15px;
background: #f2f2f2;
position: relative;
padding: 25px 25px 30px 15px;
z-index: 11;
max-width: 430px;
}
@media (min-width: 1851px) {
.left-menu{
padding-left: 170px;
margin-left: -170px;
}
}
.left-menu ul{
margin: 0;
padding: 0;
list-style-type: none;
}
.left-menu > ul > li > ul{
border-left: 1px solid #787878;
}
.left-menu ul ul{
padding-left: 20px;
margin-top: 6px;
}
.left-menu ul ul ul{
display: none;
}
.left-menu ul li{
margin-bottom: 6px;
}
.left-menu ul a{
color: #666666;
font-size: 15px;
text-transform: uppercase;
line-height: 1.1;
}
.left-menu ul ul ul a{
text-transform: none;
}
.left-menu ul ul a{
color: #261777;
}
.left-menu ul a.active,
.left-menu ul li.active > a{
color: #261777;
font-weight: 700;
text-decoration: none;
font-family: 'TTLakes-Bold';
}
.left-menu ul a:hover{
color: #261777;
text-decoration: underline;
}
.left-menu ul li.active ul{
display: block;
}
/*
* home top box
*/
.home-top-box{
height: 575px;
background: #b4c5cd;
}
.home-top-box-inner-bg{
background: #a6c4d6; /*url('/local/templates/baseTVEL/assets/img/top-bg.jpg') no-repeat 50% 50%*/
background-size: cover;
position: relative;
overflow: hidden;
}
.home-top-box-inner-bg .page-top{
width:100%;
margin-left:0;
height: 100%;
}
.home-top-box-title{
font-family: 'TTLakes-Bold';
font-size: 65px;
line-height: 1;
text-transform: uppercase;
}
.home-top-box-inner{
background: #2e1a79 url('/local/templates/baseTVEL/assets/img/top-inner.jpg') no-repeat 50% 50%;
background-size: cover;
color: #fff;
margin-top:-21px;
margin-bottom: -13px;
}
.home-top-box-intro{
font-family: 'TTLakesCondensed-Regular';
font-size: 14px;
padding-left: 80px;
padding-right: 70px;
}
.link-more{
position: relative;
font-size: 15px;
font-family: 'TTLakes-Medium';
white-space: nowrap;
}
button.link-more{
background: transparent;
border: 0;
cursor: pointer;
height: 33.5px;
}
.link-more,
.link-more:hover{
color: #22bed8;
}
.link-more-dark,
.link-more-dark:hover{
color: #263886;
}
.link-more:hover{
text-decoration: none;
opacity: 0.8;
}
.link-more:after{
content: '';
position: absolute;
left: 0;
right: 5px;
bottom: 0px;
border-bottom: 1px solid #22bed8;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.link-more:before{
content: '';
position: absolute;
border-top: 1px solid #22bed8;
border-right: 1px solid #22bed8;
width: 8px;
height: 8px;
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
right: 5px;
bottom: -3.5px;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.link-more-dark:before,
.link-more-dark:after{
border-color: #263886;
}
.link-more.pr-5{
font-size: 14px;
}
.link-more.pr-5:after{
right: 10px;
}
.link-more.pr-5:before{
right: 10px;
}
.link-more:hover:after,
.link-more:hover:before{
right: 0px;
}
/*
* end home top box
*/
.box-separator{
height: 60px;
}
.list-soc{
margin: 0;
padding: 0;
list-style-type: none;
}
.list-soc li{
margin-left: 60px;
}
.list-soc li:first-child{
margin-left: 0;
}
.list-soc a:hover{
opacity: 0.7
}
/*
* home box news
*/
.home-box-news-counts{
min-height: 350px;
position: relative;
}
.home-box-news-counts .box-separator{
position: absolute;
top:0;
left: 250px;
height: 40px;
}
@media (min-width: 1851px){
.home-box-news-counts-2{
padding-right:0 !important;
}
.home-box-counts-2{
padding-right:320px !important;
}
}
.home-box-news-slider{
width: 390px;
overflow: hidden;
}
.home-box-counts{
background: url('/local/templates/baseTVEL/assets/img/counts.png') no-repeat 0% 100%;
background-size: cover;
padding-left: 150px;
padding-right: 150px;
/*15.12.2020*/
width:100%;
}
.row{width:100%;}
/**/
.home-box-counts-2{
background: url('/local/templates/baseTVEL/assets/img/counts2.png') no-repeat 50% 50%;
background-size: cover;
}
.page-box-counts{
background: none !important;
}
.home-box-news{
background: #4e1e7d url('/local/templates/baseTVEL/assets/img/news.jpg') no-repeat 50% 50%;
background-size: cover;
width: 390px;
flex: 0 0 390px;
}
.home-box-news-arrow{
margin-bottom: 25px;
margin-left: 55px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 10;
}
.home-box-news-arrow-left,
.home-box-news-arrow-right{
position: relative;
width: 25px;
display: block;
height: 12px;
}
.home-box-news-arrow-left:before,
.home-box-news-arrow-right:before{
content: '';
top:50%;
height: 0px;
border-bottom: 1px solid #fff;
width: 100%;
position: absolute;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.home-box-news-arrow-left:before{
left: 0;
}
.home-box-news-arrow-right:before{
right: 0;
}
.home-box-news-arrow-right:after{
content: '';
position: absolute;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
width: 8px;
height: 8px;
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
right: 0px;
margin-top: -3.5px;
top:50%;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.home-box-news-arrow-left:after{
content: '';
position: absolute;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
width: 8px;
height: 8px;
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
left: 0px;
margin-top: -3.5px;
top:50%;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.home-box-news-arrow-left:hover:before,
.home-box-news-arrow-left:hover:after{
margin-left:-5px;
}
.home-box-news-arrow-right:hover:before,
.home-box-news-arrow-right:hover:after{
margin-right:-5px;
}
.home-box-news-arrow-left{
margin-right: 45px;
}
.home-box-counts-item{
flex: 1;
}
.home-box-counts-item:last-child{
flex: 2;
}
.home-box-counts-item-num{
font-size: 150px;
color:#261777;
font-family: 'TTLakes-Bold';
line-height: 1;
}
.home-box-counts-item-text{
font-size: 18px;
}
.home-box-news{
position: relative;
}
.home-box-news-title{
color: #fff;
font-size: 21px;
font-family: 'TTLakes-Bold';
background: #22bed8;
text-transform: uppercase;
position: absolute;
top:30px;
padding: 8px 15px 6px;
line-height: 1;
z-index: 10;
}
.pr-0 .home-box-news-title{
left: -20px;
padding-left: 22px;
}
.pl-0 .home-box-news-title{
right: -20px;
padding-right: 22px;
}
.home-box-news-item{
display: block;
color:#fff;
font-size: 21px;
font-family: 'TTLakes-Medium';
margin: 90px 35px 70px 55px;
}
.home-box-news-item:hover{
color:#fff;
}
.pager{
margin: 0;
padding: 0 15px 0 55px;
list-style-type: none;
text-align: center;
align-items: center;
justify-content: center;
}
.pager li{
padding: 0 5px;
font-size: 17px;
font-family: 'TTLakes-Medium';
}
.pager li a{
color: #bfbfbf;
}
.pager li a.active{
color: #000;
}
/*
* end home box news
*/
/*
* home category
*/
.home-category-box-item{
height: 330px;
color: #666;
overflow: hidden;
/* flex:1; */
/* width: auto; */
}
a.home-category-box-item:hover{
text-decoration: none;
color: #666;
}
.flipper{
position: relative;
height: 100%;
width: 100%;
/* transform: perspective(200px) rotateY(0deg); */
}
.home-category-box-item:hover .flipper{
/* transform: rotateY(180deg); */
/* transform: perspective(200px) rotateY(180deg); */
}
.home-category-box-item .front{
background-color: #e1e1e1;
padding: 60px 30px 30px;
background-position: 50% 50%;
background-size: cover;
z-index: 2;
/* transform: rotateY(0deg); */
transform: rotateY(0deg);
height: 100%;
transition: 0.6s;
transform-style: preserve-3d;
}
.home-category-box-item .back{
background-color: #e1e1e1;
padding: 60px 30px 30px;
/* transform: rotateY(180deg); */
transition: 0.6s;
transform-style: preserve-3d;
transform: rotateY(-180deg);
backface-visibility: hidden;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 3;
overflow: hidden;
}
.home-category-box-item-color-1 .front,
.home-category-box-item-color-1 .back{
background: rgb(190,235,240); /* Old browsers */
background: -moz-linear-gradient(top, rgba(190,235,240,1) 60%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(190,235,240,1) 60%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(190,235,240,1) 60%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#beebf0', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
/* updated 08.11.2019 */
.home-category-box-item-color-2 .front,
.home-category-box-item-color-2 .back{
background: rgb(33,179,205); /* Old browsers */
background: -moz-linear-gradient(top, rgba(33,179,205,1) 60%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(33,179,205,1) 60%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(33,179,205,1) 60%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#21b3cd', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.home-category-box-item-color-3 .front,
.home-category-box-item-color-3 .back{
background: rgb(37,22,119); /* Old browsers */
background: -moz-linear-gradient(top, rgba(37,22,119,1) 60%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(37,22,119,1) 60%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(37,22,119,1) 60%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#251677', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.home-category-box-item-color-4 .front,
.home-category-box-item-color-4 .back{
background: rgb(115,186,77); /* Old browsers */
background: -moz-linear-gradient(top, rgba(115,186,77,1) 60%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(115,186,77,1) 60%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(115,186,77,1) 60%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73ba4d', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
/* end updated 08.11.2019 */
.home-category-box-item-color-5 .front,
.home-category-box-item-color-5 .back{
background: rgb(100,54,145); /* Old browsers */
background: -moz-linear-gradient(top, rgba(100,54,145,1) 60%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(100,54,145,1) 60%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(100,54,145,1) 60%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#643691', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.home-category-box-item-color-6 .front,
.home-category-box-item-color-6 .back{
background: rgb(210,210,210);
background: -moz-linear-gradient(top, rgba(210,210,210,1) 60%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top, rgba(210,210,210,1) 60%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(210,210,210,1) 60%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2d2d2', endColorstr='#ffffff',GradientType=0 );
}
.home-category-box-item-color-7 .front,
.home-category-box-item-color-7 .back{
background: rgb(37,56,128);
background: -moz-linear-gradient(top, rgba(37,56,128,1) 60%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top, rgba(37,56,128,1) 60%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(37,56,128,1) 60%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#253880', endColorstr='#ffffff',GradientType=0 );
}
.home-category-box-item-color-8 .front,
.home-category-box-item-color-8 .back{
background: rgb(128,43,207);
background: -moz-linear-gradient(top, rgba(128,43,207,1) 60%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top, rgba(128,43,207,1) 60%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(128,43,207,1) 60%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#802bcf', endColorstr='#ffffff',GradientType=0 );
}
.home-category-box-item-color-9 .front,
.home-category-box-item-color-9 .back{
background: rgb(101,101,101);
background: -moz-linear-gradient(top, rgba(101,101,101,1) 60%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top, rgba(101,101,101,1) 60%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(101,101,101,1) 60%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#802bcf', endColorstr='#ffffff',GradientType=0 );
}
.home-category-box-item-color-10 .front,
.home-category-box-item-color-10 .back{
background: rgb(176,191,199);
background: -moz-linear-gradient(top, rgba(176,191,199,1) 60%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top, rgba(176,191,199,1) 60%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(176,191,199,1) 60%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#802bcf', endColorstr='#ffffff',GradientType=0 );
}
/* updated 08.11.2019 */
.home-category-box-item-color-11 .front,
.home-category-box-item-color-11 .back{
background: rgb(0,151,208); /* Old browsers */
background: -moz-linear-gradient(top, rgba(0,151,208,1) 60%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,151,208,1) 60%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,151,208,1) 60%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0097d0', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
/* end updated 08.11.2019 */
@media (min-width: 768px) {
.home-category-box-item:hover .front{
transform: rotateY(180deg);
}
.home-category-box-item:hover .back{
transform: rotateY(0deg);
}
}
.home-category-box-item .back > *{
position: relative;
z-index: 2;
}
.back-bg{
position: absolute !important;
top:-20px;
left: -20px;
right: -20px;
bottom: -20px;
z-index: 0 !important;
background-position: 50% 50%;
background-size: cover;
filter: blur(13px);
}
.home-category-box-item .back ul{
margin: 0;
padding: 0;
list-style-type: none;
}
.home-category-box-item .back ul li{
padding-left: 30px;
margin-bottom: 10px;
position: relative;
}
.home-category-box-item .back ul li:before{
content: '';
height: 0;
border-bottom: 1px solid #22bed8;
position: absolute;
top:50%;
left: -10px;
width: 30px;
margin-top: -1px;
}
.home-category-box-item .back ul li:after{
content: '';
position: absolute;
border-top: 1px solid #22bed8;
border-right: 1px solid #22bed8;
width: 8px;
height: 8px;
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
left: 12px;
top: 50%;
margin-top: -4.5px;
}
.home-category-box-item-title{
font-size: 18px;
margin-bottom: 20px;
font-family: 'TTLakes-Bold';
text-transform: uppercase;
width: 100%
}
.page-category-box .home-category-box-item-title{
text-transform: none;
}
.home-category-box-item-text{
font-size: 16px;
width: 100%
}
.home-category-box-item .back .home-category-box-item-text{
padding-right: 0;
}
.home-category-box-item-white,
a.home-category-box-item-white:hover{
color: #fff;
}
.home-category-box-pagination{
position: relative;
margin: -15px 0 15px 0;
}
.swiper-pagination-bullet{
margin: 0 4px;
width: 10px;
height: 10px;
opacity: 1;
background: transparent;
border:1px solid #bfbfbf;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active{
background-color: #bfbfbf;
}
/*
* end home category
*/
/*
* home category - 30.06.2020
*/
.home-category-box .swiper-container {
margin: -40px 0;
padding: 40px 0;
}
.home-category-box-item{
height: 410px;
/*color: #000;*/
width: 100%;
-webkit-perspective: 1000;
-moz-perspective: 1000;
-ms-perspective: 1000;
perspective: 1000;
-ms-transform: perspective(1000px);
-moz-transform: perspective(1000px);
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
/* overflow: hidden; */
/* flex:1; */
/* width: auto; */
}
.flipper{
position: relative;
height: 100%;
width: 100%;
-webkit-transform-style: preserve-3d;
-moz-transform: perspective(1000px);
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
/* transform: perspective(200px) rotateY(0deg); */
}
.home-category-box-item:hover .flipper{
/* transform: rotateY(180deg); */
/* transform: perspective(200px) rotateY(180deg); */
}
.home-category-box-item .front,
.home-category-box-item .back {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: 0.6s;
-webkit-transform-style: preserve-3d;
-moz-transition: 0.6s;
-moz-transform-style: preserve-3d;
-o-transition: 0.6s;
-o-transform-style: preserve-3d;
-ms-transition: 0.6s;
-ms-transform-style: preserve-3d;
transition: 0.6s;
transform-style: preserve-3d;
}
.home-category-box-item .front{
background-color: #e1e1e1;
padding: 30px;
height: 100%;
width: 100%;
background-position: 50% 50%;
background-size: cover;
z-index: 2;
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
transform: rotateY(0deg);
}
.home-category-box-item .back{
padding: 30px;
height: 100%;
width: 100%;
-webkit-transform: rotateY(-180deg);
-moz-transform: rotateY(-180deg);
-o-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);
transform: rotateY(-180deg);
position: absolute;
top: 0;
left: 0;
z-index: -1;
opacity: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.home-category-box-item:hover .back {
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
transform: rotateY(0deg);
/* z-index: 3; */
opacity: 1;
}
.home-category-box-item:hover .front {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
}
/*
* end 30.06.2020
*/
/*
* home box map
*/
.home-box-map{
position: relative;
}
.home-box-map{
/* height: 915px; */
/* margin-top: 170px;
margin-bottom: 200px; */
position: relative;
}
.home-box-map-bg{
position: absolute;
top:140px;
bottom: 132px;
left: 0;
right: 0;
background: linear-gradient(90deg, #0071b4 0%, #86c4eb 100%);
z-index: 0;
}
.home-box-map-image{
position: relative;
height: 769px;
/* top:-90px; */
}
.home-box-map-image-box{
overflow: hidden;
}
.home-box-map-image img{
vertical-align: middle;
/* opacity: 0; */
display: none;
}
.home-box-map-image{
background: url('/local/templates/baseTVEL/assets/img/example/map.png') no-repeat 50% 50%;
background-size: auto 100%;
overflow: hidden;
width: 1921px;
left:50%;
margin-left: -960.5px;
}
.home-box-map-content{
position: absolute;
top:80px;
left: 0;
right: 0;
bottom: 20px;
z-index: 2;
}
.home-box-map-content-item{
margin-bottom: 15px;
}
.home-box-map-content-item:last-child{
margin-bottom: 0;
}
.home-box-map-content-cir{
width: 80px;
height: 80px;
border-radius: 50%;
background-color: #fff;
flex:0 0 80px;
margin-right: 20px;
text-align: center;
line-height: 1.1;
position: relative;
}
.home-box-map-content-cir-1{
color:#22bed8;
font-size: 19px;
font-family: 'TTLakes-Medium';
}
.home-box-map-content-cir-2{
color: #263886;
font-size: 14px;
font-family: 'TTLakes-Medium';
}
.home-box-map-content-cir-3{
color:#3b1261;
font-size: 38px;
font-family: 'TTLakes-Bold';
}
.home-box-map-content-cir-4{
font-family: 'TTLakes-Bold';
font-size: 19px;
color: #22bed8;
/* border:11px solid #22bed8; */
}
.home-box-map-content-info{
color: #fff;
font-size: 16px;
line-height: 1.2;
}
.box-circles{
position: absolute;
top:0;
bottom: 0;
width: 1924px;
left:50%;
margin-left: -962px;
}
.circle{
width: 55px;
height: 55px;
background: #24dda4;
border-radius: 50%;
font-size: 8px;
line-height: 1;
color:#24dda4;
position: absolute;
}
.circle-inner{
background: #fff;
width: 100%;
height: 100%;
border-radius: 50%;
padding: 10px;
}
.circle-border canvas{
position: absolute;
top:0;
left: 0;
width: 100% !important;
height:100% !important;
}
.circle-title{
color:#26388e;
font-size: 18px;
font-family: 'TTLakes-Bold';
margin-bottom: 1px;
margin-top: -3px;
}
.circle-num{
font-family: 'TTLakes-Bold';
}
.circle-text{
margin-top: -1px;
font-family: 'TTLakes-Medium';
font-size:6px;
}
.circle-dark{
color: #26388e;
background-color:#26388e;
}
.circle-60{
width: 60px;
height: 60px;
}
.circle-77{
width: 77px;
height: 77px;
}
.circle-77 .circle-title{
font-size: 24px;
}
.circle-77 .circle-num{
font-size: 11px;
}
.circle-77 .circle-text{
font-size: 8px;
}
.circle-102{
width: 102px;
height: 102px;
}
.circle-102 .circle-title{
font-size: 30px;
}
.circle-102 .circle-num{
font-size: 13px;
}
.circle-102 .circle-text{
font-size: 10px;
}
.circle-170{
width: 170px;
height: 170px;
}
.circle-170 .circle-title{
font-size: 60px;
}
.circle-170 .circle-num{
font-size: 27px;
}
.circle-170 .circle-text{
font-size: 20px;
}
/* .circle-b-7 .circle-inner{
width: calc(100% - 14px);
height: calc(100% - 14px);
}
.circle-b-12 .circle-inner{
width: calc(100% - 24px);
height: calc(100% - 24px);
} */
/* .circle-v-6{
background-image: linear-gradient(-65deg, #0071bc 50%, transparent 50%),
linear-gradient(90deg, #0071bc 50%, #24dda4 50%);
}
.circle-v-38{
background-image: linear-gradient(40deg, #0071bc 50%, transparent 50%),
linear-gradient(90deg, #0071bc 50%, #24dda4 50%);
}
.circle-v-30{
background-image: linear-gradient(20deg, #0071bc 50%, transparent 50%),
linear-gradient(90deg, #0071bc 50%, #24dda4 50%);
}
.circle-v-57{
background-image: linear-gradient(130deg, transparent 50%, #24dda4 50%),
linear-gradient(90deg, #0071bc 50%, #24dda4 50%);
} */
.box-circles .circle:nth-child(1){top: 64.8%;right: 33.9%;}
.box-circles .circle:nth-child(2){top: 55.7%;right: 36.35%;}
.box-circles .circle:nth-child(3){top: 58.5%;right: 43.6%;}
.box-circles .circle:nth-child(4){top: 51.1%;right: 43.55%;}
.box-circles .circle:nth-child(5){top: 45.3%;right: 45.4%;;}
.box-circles .circle:nth-child(6){top: 50.9%;right: 47.6%;}
.box-circles .circle:nth-child(7){top: 33%;right: 42.95%;}
.box-circles .circle:nth-child(8){top: 46.7%;right: 50.8%;}
.box-circles .circle:nth-child(9){top: 43.6%;right: 38.3%;}
.box-circles .circle:nth-child(10){top: 70.8%;right: 27.35%;}
.box-circles .circle:nth-child(11){top: 57.3%;right: 24.35%;}
.box-circles .circle:nth-child(12){top: 27.2%;right: 27.9%;}
.box-circles .circle:nth-child(13){top: 35.7%;right: 39.98%;}
.box-label-box{
font-size:21px;
color: #662d89;
font-family: 'TTLakes-Medium';
text-transform: uppercase;
padding: 20px 30px 20px 170px;
line-height: 1.2;
box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.1);
position: relative;
z-index: 10;
background: #fff;
}
.box-label-box-top{
margin-bottom: -196px;
}
.box-label-box-bottom{
margin-top: -100px;
margin-bottom: 25px;
}
.box-label-box-dark{
text-transform: none;
color: #666;
font-family: 'TTLakes-Regular';
}
.box-label-box-blue{
color: #261777;
text-transform: unset;
}
.box-label-box-blue strong{
display: block;
text-transform: uppercase;
margin-bottom: 10px;
}
.box-label-box-right{
padding-left: 30px;
margin-right: -170px;
padding-right: 200px;
}
.box-label-box-right strong{
display: inline;
}
@media (min-width: 1200px) {
.box-label-box-big{
padding-top: 50px;
padding-bottom: 50px;
padding-right: 70px;
}
.box-label-box-right.box-label-box-big{
padding-left: 70px;
padding-right: 200px;
}
}
.box-label-box p:last-child{
margin-bottom: 0;
}
.box-label-box-big-p{
padding-left: 500px;
margin-right: -200px;
}
/*
* end home box map
*/
/*
* footer
*/
.footer-top img{
width: 100%;
}
.footer-content{
background-color: #253885;
padding: 20px 0 30px;
color: #fff;
}
.footer-content a,
.footer-content a:hover{
color: #fff;
}
.footer-content .list-soc{
font-size: 18px;
}
.footer-title{
font-family: 'TTLakes-Bold';
text-transform: uppercase;
font-size: 16px;
margin-bottom: 15px;
}
.footer-sub-title{
font-family: 'TTLakes-Bold';
text-transform: uppercase;
}
/*
* end footer
*/
.js-counts{
opacity: 0;;
}
/*
* pages
*/
.page-top{
margin-left: -15px;
margin-right: -15px;
height: 650px;
background-color: #e1e1e1;
background-position: 50% 50%;
background-size: cover;
/* width: 100%; */
position: relative;
/* margin-left: calc(-50vw - 25%); */
/* left: 50%; */
display: flex;
align-items: flex-end;
}
.page-top-video{
cursor: pointer;
}
.page-top-video:not(.play):hover{
opacity: 0.7;
cursor: pointer;
}
.page-top-video-loc:not(.view) video{
display: none !important;
}
.page-top-video:after{
width: 125px;
height: 125px;
margin: -62.5px 0 0 -62.5px;
content: "\f04b";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 50px;
position: absolute;
top: 50%;
left: 50%;
z-index: 1;
background: rgba(255,255,255,0.7);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: #261777;
padding-left: 5px;
}
.page-top-video.play:after{
display: none;
}
.page-top .box-label-box-top{
margin-bottom: -90px;
}
.page-top + .box-label-box-top,
.box-label-box-top-2{
margin-bottom: 0px !important;
margin-top: -90px;
margin-left: -170px;
}
.page-text{
font-size: 21px;
}
.page-text a{
text-decoration: underline;
}
.page-text a:hover{
text-decoration: none;
}
.page-text-top{
margin-top: 30px;
}
.box-title{
font-size: 32px;
color: #22c6e0;
font-family: 'TTLakes-Bold';
line-height: 1.1;
}
.box-title-small{
font-size: 24px;
}
.page-full .page-right{
margin-left: -25%;
width: 100% !important;
-ms-flex: 0 0 100% !important;
flex: 0 0 100% !important;
max-width: 100% !important;
}
.page-full .page-title,
.page-full-no{
margin-left: calc(25% + 7.5px);
}
/*
* end pages
*/
/*
* persons
*/
.bg-person{
position: fixed;
top:0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.2);
z-index: 20;
display: none;
cursor: pointer;
}
.box-person{
position: relative;
}
.row-persons{
overflow: hidden;
}
.row-persons .col-person:nth-child(2n+2){
background: #f1f1f1;
}
.item-person{
padding: 20px 30px;
position: relative;
}
.item-person-img img{
vertical-align: middle;
border-radius: 50%;
max-width: 160px;
}
.item-person-title{
color: #26388e;
font-size: 21px;
margin: 10px 0 15px;
line-height: 1.1;
}
.item-person-sub-title{
font-size: 16px;
font-family: 'TTLakes-DemiBold';
margin-bottom: 10px;
line-height: 1;
}
.item-person-intro{
font-size: 16px;
margin-bottom: 15px;
}
.chosen-person{
display: none;
position: absolute;
left: -15px;
top:0;
right:0px;
bottom:0px;
overflow: hidden;
background: #fff;
z-index: 25;
margin-right: -15px;
box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.1);
padding-bottom: 70px;
padding-right: 40px;
}
.chosen-person-inner{
display: flex;
width: 100%;
height: 100%;
flex-direction: column;
}
.chosen-person-scroll{
width:100%;
padding: 0 20px 0 20px;
height: 100%;
}
.chosen-person-item{
padding-bottom: 20px;
font-size: 16px;
line-height: 1.2;
}
.chosen-person-item ul{
margin: 0;
padding: 0;
list-style-type: none;
}
.chosen-person-item ul li{
margin-bottom: 5px;
padding-left: 32px;
position: relative;
}
.chosen-person-item ul li:before{
content: '';
display: block;
position: absolute;
top:5px;
left: 0;
width: 22px;
height: 7px;
background: #22c5df;
}
.chosen-person .item-person-sub-title{
color: #26388e;
font-family: 'TTLakesCondensed-Regular';
}
.chosen-person .item-person-title{
margin-top: 0 !important;
padding: 20px 20px 0 20px;
}
.jspTrack{
background: none;
}
.jspHorizontalBar{
display: none !important;
}
.jspVerticalBar{
width: 5px;
background: none;
}
.jspDrag{
background: #261777;
}
.link-more.link-back-person:after{
right: 0;
left:5px;
}
.link-more.link-back-person:before{
-moz-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
left:5px;
right:auto;
bottom: -3.4px;
}
.link-more.link-back-person:hover:after,
.link-more.link-back-person:hover:before{
left: 0px;
}
.item-person-btn-back{
margin: 15px 0 0 50px;
}
.item-person .link-more{
font-size: 12px;
}
/*
* end persons
*/
/*
* page str
*/
.box-str-container{
position: relative;
z-index: -1;
}
.box-str{
width: 1398px;
height: 796px;
background: url('/local/templates/baseTVEL/assets/img/map-str.png') 50% 50% no-repeat;
background-size: contain;
margin: -155px 0 0 -90px;
position: relative;
z-index: 0;
}
.box-str-lgn{
position: absolute;
right: 0;
top:115px;
padding:20px 20px;
background: rgba(255,255,255,0.8);
box-shadow: 0 0 7px 0px rgba(0,0,0,0.3);
}
.box-str-lgn ul{
margin:0;
padding: 0;
list-style-type: none;
}
.box-str-lgn ul li{
margin-bottom: 7px;
font-size: 14px;
display: flex;
flex-direction: row;
align-items: center;
}
.box-str-lgn ul li:last-child{
margin-bottom: 0;
}
.box-str-lgn ul li span{
display: block;
width: 20px;
height: 20px;
margin-right: 7px;
}
.box-str-lgn ul li span canvas{
max-width: 100%;
max-height: 100%;
}
.cr-item-1,
.cr-item-3{
width: 555px;
height: 338px;
}
.cr-item-2,
.cr-item-4{
width: 338px;
height: 555px;
}
.cr-box-container{
display: flex;
flex-direction: row;
}
.cr-box-text{
position: relative;
z-index: 1;
flex:0 0 865px;
width: 865px;
height: 300px;
overflow: hidden;
background: url('/local/templates/baseTVEL/assets/img/cr_bg.jpg') 50% 50% no-repeat;
background-size: cover;
margin-left: -152px;
margin-top: 110px;
padding-left: 280px;
padding-right: 20px;
display: flex;
justify-content: center;
flex-direction: column;
color: #fff;
}
.cr-box-text-2{
position: relative;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
color: #fff;
padding: 20px 20px 20px 20px;
}
.cr-box-text-2:after{
content: '';
position: absolute;
top:0;
right: 0;
bottom: 0;
left: -170px;
background: url('/local/templates/baseTVEL/assets/img/cr_bg.jpg') 50% 50% no-repeat;
background-size: cover;
z-index: -1;
}
.cr-box-text-icons{
display: flex;
flex-direction: row;
margin-bottom: 25px;
}
.cr-box-text-title{
font-size: 21px;
font-family: 'TTLakes-Bold';
margin-bottom: 20px;
max-width: 430px;
text-transform: uppercase;
}
.cr-box-text-text{
font-size: 21px;
max-width: 430px;
}
.cr-box-text-icons span{
display: block;
margin-right: 30px;
width: 33px;
height: 33px;
text-align: center;
}
.cr-box-text-icons span img{
max-height: 100%;
}
.cr-box-text-icons span:last-child{
margin-right: 0;
}
.cr-box{
flex:0 0 895px;
position: relative;
height: 900px;
width: 895px;
margin-left: -260px;
margin-top: -190px;
z-index: 2;
background: url('/local/templates/baseTVEL/assets/img/cr_logo.jpg') 385px 375px no-repeat;
}
.cr-box > a > div{
font-size: 16px;
color: #666;
text-align: center;
padding: 110px 120px 130px 90px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
line-height: 1.2;
height: 100%;
}
.cr-box > a > div > div{
margin-top: -33px;
margin-bottom: 10px;
}
.cr-box > a > div svg{
width: 33px;
height: 33px;
}
.cr-box > a > div span{
display: block;
text-transform: uppercase;
}
.cls-1{fill:#666;}
.cr-item,
.cr-item-1,
.cr-item-3,
.cr-item-2,
.cr-item-4{
display: block;
background-position: 50% 50%;
background-size: contain;
background-repeat: no-repeat;
position: absolute;
border-radius: 20%;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.cr-item:after,
.cr-item-1:after,
.cr-item-3:after,
.cr-item-2:after,
.cr-item-4:after{
position: absolute;
left: 0;
top: 0;
z-index: 2;
font-size: 36px;
font-family: 'TTLakes-Bold';
color: #fff;
}
.cr-item-1:after{
content: '01';
left: 238px;
top: 5px;
}
.cr-item-2:after{
content: '02';
left: auto;
top: 234px;
right: 17px;
/*transform: rotate(90deg);*/
}
.cr-item-3:after{
content: '03';
left: 241px;
top: auto;
bottom:5px;
}
.cr-item-4:after{
content: '04';
left: 20px;
top: 241px;
/*transform: rotate(-90deg);*/
}
.cr-item:hover,
.cr-item-1:hover,
.cr-item-3:hover,
.cr-item-2:hover,
.cr-item-4:hover{
text-decoration: none;
}
.cr-item-1:hover{
margin-top: -10px;
}
.cr-item-3:hover{
margin-bottom: -10px;
}
.cr-item-2:hover{
margin-right: -10px;
}
.cr-item-4:hover{
margin-left: -10px;
}
.cr-item:hover > div,
.cr-item-1:hover > div,
.cr-item-2:hover > div,
.cr-item-3:hover > div,
.cr-item-4:hover > div{
color: #261777;
}
.cr-item:hover > div > div svg path,
.cr-item-1:hover > div > div svg path,
.cr-item-2:hover > div > div svg path,
.cr-item-3:hover > div > div svg path,
.cr-item-4:hover > div > div svg path{
fill: #261777 !important;
}
.cr-item-1{
background-image: url('/local/templates/baseTVEL/assets/img/cr1.png');
left:190px;
top:0;
}
.cr-box > .cr-item-1 > div{
padding-top: 150px;
}
.cr-item-2{
background-image: url('/local/templates/baseTVEL/assets/img/cr2.png');
top:190px;
right: 0;
height: 560px;
margin-top: -5px;
}
.cr-box > .cr-item-2 > div{
padding-right: 110px;
}
.cr-item-3{
background-image: url('/local/templates/baseTVEL/assets/img/cr3.png');
left:185px;
bottom:0;
}
.cr-box > .cr-item-3 > div{
padding-top: 135px;
}
.cr-item-4{
background-image: url('/local/templates/baseTVEL/assets/img/cr4.png');
top:182px;
left: 0;
}
.cr-box > .cr-item-4 > div{
padding-left: 120px;
padding-right: 90px;
}
/*COUNTS 5*/
.cr-item-1-5{background-image: url('/local/templates/baseTVEL/assets/img/cr1-5.png');left:220px;top:0;width: 481px;height: 333px;}
.cr-item-1-5:after{content: '01';left: 204px;top: 0px;}
.cr-item-1-5:hover{margin-top: -10px;}
.cr-box > .cr-item-1-5 > div{padding: 112px 132px 80px 100px;}
.cr-item-2-5{background-image: url('/local/templates/baseTVEL/assets/img/cr2-5.png');right: 0px;top: 135px;width: 350px;height: 465px;}
.cr-item-2-5:after{content: '02';left: auto;top: 162px;right: 34px;}
.cr-item-2-5:hover{margin-top: -10px;margin-right:-10px;}
.cr-box > .cr-item-2-5 > div{padding: 130px 120px 101px 98px;}
.cr-item-3-5{background-image: url('/local/templates/baseTVEL/assets/img/cr3-5.png');bottom: 20px;right: 55px;width: 418px;height: 380px;}
.cr-item-3-5:after{content: '03';left: auto;top: 260px;right: 125px;}
.cr-item-3-5:hover{margin-bottom: -10px;margin-right:-10px;}
.cr-box > .cr-item-3-5 > div{padding: 120px 155px 107px 59px;}
.cr-item-4-5{background-image: url('/local/templates/baseTVEL/assets/img/cr4-5.png');bottom: 12px;left: 70px;width: 425px;height: 387px;}
.cr-item-4-5:after{content: '04';left: auto;left: 108px;top: 260px;}
.cr-item-4-5:hover{margin-bottom: -10px;margin-left:-10px;}
.cr-box > .cr-item-4-5 > div{padding: 155px 90px 155px 127px;}
.cr-item-5-5{background-image: url('/local/templates/baseTVEL/assets/img/cr5-5.png');top: 140px;left: 0px;width: 355px;height: 464px;}
.cr-item-5-5:after{content: '05';left: auto;top: 162px;left: 34px;}
.cr-item-5-5:hover{margin-top: -10px;margin-left:-10px;}
.cr-box > .cr-item-5-5 > div{padding-left: 130px;padding-right: 105px;padding-top: 148px;}
/*COUNTS 6*/
.cr-item-1-6{background-image: url('/local/templates/baseTVEL/assets/img/cr1-6.png');left:260px;top:0;width: 375px;height: 315px;}
.cr-item-1-6:after{content: '01';left: 167px;top: 0px;}
.cr-item-1-6:hover{margin-top: -10px;}
.cr-box > .cr-item-1-6 > div{padding: 110px 85px 70px;font-size: 14px;}
.cr-item-2-6{background-image: url('/local/templates/baseTVEL/assets/img/cr2-6.png');right: 40px;top: 112px;width: 329px;height: 371px;}
.cr-item-2-6:after{content: '02';left: auto;top: 110px;right: 37px;}
.cr-item-2-6:hover{margin-top: -10px;margin-right:-10px;}
.cr-box > .cr-item-2-6 > div{padding: 106px 125px 65px 102px;font-size: 14px}
.cr-item-3-6{background-image: url('/local/templates/baseTVEL/assets/img/cr3-6.png');bottom: 115px;right: 37px;width: 334px;height: 353px;}
.cr-item-3-6:after{content: '03';left: auto;top: 192px;right: 39px;}
.cr-item-3-6:hover{margin-bottom: -10px;margin-right:-10px;}
.cr-box > .cr-item-3-6 > div{padding: 100px 119px 128px 99px;font-size: 14px}
.cr-item-4-6{background-image: url('/local/templates/baseTVEL/assets/img/cr4-6.png');bottom: 5px;left: 260px;width: 376px;height: 307px;}
.cr-item-4-6:after{content: '04';left: auto;left: 164px;top: 253px;}
.cr-item-4-6:hover{margin-bottom: -10px;}
.cr-box > .cr-item-4-6 > div{padding: 81px 80px 109px 80px;font-size: 14px}
.cr-item-5-6{background-image: url('/local/templates/baseTVEL/assets/img/cr5-6.png');bottom: 115px;left: 40px;width: 323px;height: 361px;}
.cr-item-5-6:after{content: '05';left: auto;top: 197px;left: 39px;}
.cr-item-5-6:hover{margin-top: -10px;margin-left:-10px;margin-bottom: -10px;}
.cr-box > .cr-item-5-6 > div{padding: 100px 89px 130px 114px;font-size: 14px}
.cr-item-6-6{background-image: url('/local/templates/baseTVEL/assets/img/cr6-6.png');top: 112px;left: 40px;width: 332px;height: 356px;}
.cr-item-6-6:after{content: '06';top: 110px;left: 37px;}
.cr-item-6-6:hover{margin-top: -10px;margin-left:-10px;}
.cr-box > .cr-item-6-6 > div{padding: 117px 105px 65px 125px;font-size: 14px}
/*COUNTS 7*/
.cr-item-1-7{background-image: url('/local/templates/baseTVEL/assets/img/cr1-7.png');left:288px;top:0;width: 318px;height: 316px;}
.cr-item-1-7:after{content: '01';left: 144px;top: 0px;}
.cr-item-1-7:hover{margin-top: -10px;}
.cr-box > .cr-item-1-7 > div{padding: 135px 79px 70px;font-size: 14px;}
.cr-item-2-7{background-image: url('/local/templates/baseTVEL/assets/img/cr2-7.png');right: 59px;top: 97px;width: 319px;height: 333px;}
.cr-item-2-7:after{content: '02';left: auto;top: 75px;right: 37px;}
.cr-item-2-7:hover{margin-top: -10px;margin-right:-10px;}
.cr-box > .cr-item-2-7 > div{padding: 123px 125px 65px 102px;font-size: 14px}
.cr-item-3-7{background-image: url('/local/templates/baseTVEL/assets/img/cr3-7.png');bottom: 211px;right: 0;width: 328px;height: 320px;}
.cr-item-3-7:after{content: '03';left: auto;top: 150px;right: 28px;}
.cr-item-3-7:hover{margin-bottom: -10px;margin-right:-10px;}
.cr-box > .cr-item-3-7 > div{padding: 100px 112px 116px 75px;font-size: 14px}
.cr-item-4-7{background-image: url('/local/templates/baseTVEL/assets/img/cr4-7.png');bottom: 27px;right: 143px;width: 332px;height: 324px;}
.cr-item-4-7:after{content: '04';left: auto;left: 179px;top: 253px;}
.cr-item-4-7:hover{margin-bottom: -10px;margin-right: -10px;}
.cr-box > .cr-item-4-7 > div{padding: 105px 110px 109px 52px;font-size: 14px}
.cr-item-5-7{background-image: url('/local/templates/baseTVEL/assets/img/cr5-7.png');bottom: 29px;left: 145px;width: 317px;height: 327px;}
.cr-item-5-7:after{content: '05';top: 257px;left: 93px;}
.cr-item-5-7:hover{margin-top: -10px;margin-left:-10px;margin-bottom: -10px;}
.cr-box > .cr-item-5-7 > div{padding: 129px 44px 130px 107px;font-size: 14px}
.cr-item-6-7{background-image: url('/local/templates/baseTVEL/assets/img/cr6-7.png');bottom: 211px;left: 0;width: 328px;height: 329px;}
.cr-item-6-7:after{content: '06';top: 150px;left: 28px;}
.cr-item-6-7:hover{margin-top: -10px;margin-left:-10px;}
.cr-box > .cr-item-6-7 > div{padding: 85px 84px 94px 119px;font-size: 14px}
.cr-item-7-7{background-image: url('/local/templates/baseTVEL/assets/img/cr7-7.png');top: 97px;left: 59px;width: 327px;height: 326px;}
.cr-item-7-7:after{content: '07';top: 69px;left: 37px;}
.cr-item-7-7:hover{margin-top: -10px;margin-left:-10px;}
.cr-box > .cr-item-7-7 > div{padding: 124px 105px 65px 125px;font-size: 14px}
/*COUNTS 8*/
.cr-item-1-8{background-image: url('/local/templates/baseTVEL/assets/img/cr1-8.png');left:295px;top:0;width: 304px;height: 326px;}
.cr-item-1-8:after{content: '01';left: 129px;top: 4px;}
.cr-item-1-8:hover{margin-top: -10px;}
.cr-box > .cr-item-1-8 > div{padding: 140px 85px 70px;font-size: 14px;}
.cr-item-2-8{background-image: url('/local/templates/baseTVEL/assets/img/cr2-8.png');right: 89px;top: 88px;width: 319px;height: 325px;}
.cr-item-2-8:after{content: '02';top: 43px;right: 45px;left:auto;}
.cr-item-2-8:hover{margin-top: -10px;margin-right:-10px;}
.cr-box > .cr-item-2-8 > div{padding: 106px 125px 65px 102px;font-size: 14px}
.cr-item-3-8{background-image: url('/local/templates/baseTVEL/assets/img/cr3-8.png');bottom: 298px;right: 0;width: 326px;height: 304px;}
.cr-item-3-8:after{content: '03';left: auto;top: 125px;right: 21px;}
.cr-item-3-8:hover{margin-bottom: -10px;margin-right:-10px;}
.cr-box > .cr-item-3-8 > div{padding: 100px 119px 92px 99px;font-size: 14px}
.cr-item-4-8{background-image: url('/local/templates/baseTVEL/assets/img/cr4-8.png');bottom: 91px;right: 88px;width: 325px;height: 320px;}
.cr-item-4-8:after{content: '04';left: auto;right: 46px;bottom: 40px;top: auto;}
.cr-item-4-8:hover{margin-bottom: -10px;margin-right: -10px;}
.cr-box > .cr-item-4-8 > div{padding: 102px 114px 109px 91px;font-size: 14px}
.cr-item-5-8{background-image: url('/local/templates/baseTVEL/assets/img/cr5-8.png');bottom: 0;left:295px;width: 304px;height: 326px;}
.cr-item-5-8:after{content: '05';bottom: 4px;left: 129px;top:auto;}
.cr-item-5-8:hover{margin-top: -10px;margin-bottom: -10px;}
.cr-box > .cr-item-5-8 > div{padding: 108px 73px 115px 77px;font-size: 14px}
.cr-item-6-8{background-image: url('/local/templates/baseTVEL/assets/img/cr6-8.png');bottom: 89px;left: 87px;width: 320px;height: 325px;}
.cr-item-6-8:after{content: '06';right: auto;left: 46px;bottom: 40px;top: auto;}
.cr-item-6-8:hover{margin-top: -10px;margin-left:-10px;}
.cr-box > .cr-item-6-8 > div{padding: 79px 105px 65px 125px;font-size: 14px}
.cr-item-7-8{background-image: url('/local/templates/baseTVEL/assets/img/cr7-8.png');bottom: 298px;left: 0;width: 326px;height: 304px;}
.cr-item-7-8:after{content: '07';top: 127px;left: 21px;}
.cr-item-7-8:hover{margin-top: -10px;margin-left:-10px;}
.cr-box > .cr-item-7-8 > div{padding: 98px 80px 79px 112px;font-size: 14px}
.cr-item-8-8{background-image: url('/local/templates/baseTVEL/assets/img/cr8-8.png');left: 85px;top: 92px;width: 326px;height: 319px;}
.cr-item-8-8:after{content: '08';top: 43px;left: 45px;}
.cr-item-8-8:hover{margin-top: -10px;margin-left:-10px;}
.cr-box > .cr-item-8-8 > div{padding: 117px 105px 65px 125px;font-size: 14px}
.box-str-item{
position: absolute;
}
.box-str-item > span{
display: block;
}
.box-str-item > span:nth-child(1){
width: 70px;
height: 37px;
background-position: 50% 50%;
background-size: contain;
background-repeat: no-repeat;
}
.box-str-item > span:nth-child(2){
font-size: 18px;
color: #2a236a;
font-family: 'TTLakes-Medium';
background: #fff;
line-height: 1.2;
padding: 5px 10px;
position: absolute;
white-space: nowrap;
border-radius: 5px;
}
.box-str-items .box-str-item:nth-child(1) > span:nth-child(1){width: 70px;height: 37px;background-image: url('/local/templates/baseTVEL/assets/img/map/m1.png')}
.box-str-items .box-str-item:nth-child(1) {top: 228px;left: 158px;}
.box-str-items .box-str-item:nth-child(1) > span:nth-child(2){top:0;left:70px;}
.box-str-items .box-str-item:nth-child(2) > span:nth-child(1){width: 47px;height: 35px;background-image: url('/local/templates/baseTVEL/assets/img/map/m2.png')}
.box-str-items .box-str-item:nth-child(2) {top: 278px;left: 164px;}
.box-str-items .box-str-item:nth-child(2) > span:nth-child(2){left: auto;right: 100%;top: 0;}
.box-str-items .box-str-item:nth-child(3) > span:nth-child(1){width: 40px;height: 21px;background-image: url('/local/templates/baseTVEL/assets/img/map/m3.png')}
.box-str-items .box-str-item:nth-child(3) {top: 317px;left: 163px;}
.box-str-items .box-str-item:nth-child(3) > span:nth-child(2){left: auto;right: 100%;top: -5px;}
.box-str-items .box-str-item:nth-child(4) > span:nth-child(1){width: 29px;height: 26px; background-image: url('/local/templates/baseTVEL/assets/img/map/logo_ROSATOM.svg')}
.box-str-items .box-str-item:nth-child(4) {top: 343px;left: 172px;}
.box-str-items .box-str-item:nth-child(4) > span:nth-child(2){left: auto;right: 100%;}
.box-str-items .box-str-item:nth-child(5) > span:nth-child(1){width: 22px;height: 31px;background-image: url('/local/templates/baseTVEL/assets/img/map/m5.png')}
.box-str-items .box-str-item:nth-child(5) {top: 316px;left: 216px;}
.box-str-items .box-str-item:nth-child(5) > span:nth-child(2){top: 100%;left: 0;}
.box-str-items .box-str-item:nth-child(6) > span:nth-child(1){width: 47px;height: 35px;background-image: url('/local/templates/baseTVEL/assets/img/map/m6.png')}
.box-str-items .box-str-item:nth-child(6) {top: 301px;left: 245px;}
.box-str-items .box-str-item:nth-child(6) > span:nth-child(2){left: 100%;top: auto;bottom: -12px;}
.box-str-items .box-str-item:nth-child(7) > span:nth-child(1){width: 39px;height: 21px;background-image: url('/local/templates/baseTVEL/assets/img/map/m7.png')}
.box-str-items .box-str-item:nth-child(7) {top: 288px;left: 284px;}
.box-str-items .box-str-item:nth-child(7) > span:nth-child(2){left: 100%;top: -5px;}
.box-str-items .box-str-item:nth-child(8) > span:nth-child(1){width: 45px;height: 39px;background-image: url('/local/templates/baseTVEL/assets/img/map/m8.png')}
.box-str-items .box-str-item:nth-child(8) {top: 361px;left: 329px;}
.box-str-items .box-str-item:nth-child(8) > span:nth-child(2){top: 100%;left: -70px;}
.box-str-items .box-str-item:nth-child(9) > span:nth-child(1){width: 79px;height: 55px;background-image: url('/local/templates/baseTVEL/assets/img/map/m9.png')}
.box-str-items .box-str-item:nth-child(9) {top: 426px;left: 382px;}
.box-str-items .box-str-item:nth-child(9) > span:nth-child(2){left: 100%;top: 10px;}
.box-str-items .box-str-item:nth-child(10) > span:nth-child(1){width: 46px;height: 34px;background-image: url('/local/templates/baseTVEL/assets/img/map/m10.png')}
.box-str-items .box-str-item:nth-child(10) {top: 402px;left: 432px;}
.box-str-items .box-str-item:nth-child(10) > span:nth-child(2){top:0;left: 100%;}
.box-str-items .box-str-item:nth-child(11) > span:nth-child(1){width: 56px;height: 74px;background-image: url('/local/templates/baseTVEL/assets/img/map/m11.png')}
.box-str-items .box-str-item:nth-child(11) {top: 564px;left: 546px;}
.box-str-items .box-str-item:nth-child(11) > span:nth-child(2){top: 100%;left: 0;}
.box-str-items .box-str-item:nth-child(12) > span:nth-child(1){width: 46px;height: 35px;background-image: url('/local/templates/baseTVEL/assets/img/map/m12.png')}
.box-str-items .box-str-item:nth-child(12) {top: 510px;left: 605px;}
.box-str-items .box-str-item:nth-child(12) > span:nth-child(2){left: 100%;top: 2px;}
.box-str-items .box-str-item:nth-child(13) > span:nth-child(1){width: 46px;height: 38px;background-image: url('/local/templates/baseTVEL/assets/img/map/m13.png')}
.box-str-items .box-str-item:nth-child(13) {top: 583px;left: 692px;}
.box-str-items .box-str-item:nth-child(13) > span:nth-child(2){left: 100%;top: -20px;}
.box-str-items .box-str-item:nth-child(14) > span:nth-child(1){width: 68px;height: 55px;background-image: url('/local/templates/baseTVEL/assets/img/map/m14.png')}
.box-str-items .box-str-item:nth-child(14) {top: 613px;left: 795px;}
.box-str-items .box-str-item:nth-child(14) > span:nth-child(2){left: 100%;top: 10px;}
.tooltip_templates { display: none; }
.tooltipster-sidetip .tooltipster-box{
background: #fff;
border: 1px solid transparent;
font-family: 'TTLakes-Medium';
border-radius: 0;
box-shadow: 0 0 9px 1px rgba(0,0,0,0.3);
overflow-y: hidden;
/*max-width: 250px;*/
}
/*.tooltipster-sidetip .tooltipster-box:after{
content: '';
position: absolute;
width: 0;
height: 0;
border-top: 50px solid transparent;
border-right: 100px solid #000;
border-bottom: 50px solid transparent;
}*/
.tooltipster-sidetip .tooltipster-content{
font-size: 16px;
color: #261777;
line-height: 1.2;
padding: 10px 20px 10px 15px;
}
.tooltipster-arrow{
/*display: none !important;*/
}
.tooltipster-right{
margin-left: -95px;
}
.tooltipster-left{
margin-right: -95px;
}
.tooltipster-top{
margin-bottom: -95px;
}
/*
* end page str
*/
/*
* page topl
*/
.topl-items{
padding: 66px 0 0 15px;
position: relative;
}
.topl-items-bg{
width: 1920px;
position: absolute;
left: calc(-33% - 188px);
top:175px;
height: 802px;
background: url('/local/templates/baseTVEL/assets/img/topl/bg.png') 50% 50% no-repeat;
background-size: cover;
}
.topl-item{
width: 130px;
height: 130px;
border-radius: 50%;
background: #f6f7f8 url('/local/templates/baseTVEL/assets/img/topl.png') 50% 50% no-repeat;
background-size: contain;
position: relative;
margin-bottom: 80px;
box-shadow: 20px 20px 21px 1px rgba(0,0,0,0.3);
}
.topl-items-row-item-top-center{
margin-top: 40px;
margin-bottom: -40px;
}
.topl-item:after{
content: '';
position: absolute;
top:-30px;
left: 50%;
margin-left: -1.5px;
width: 3px;
height: 15px;
background: #802bd8;
}
.topl-item:before{
content: '';
position: absolute;
top:-15px;
left: -15px;
right: -15px;
bottom: -15px;
border:3px solid #802bd8;
border-radius: 50%;
clip: rect(0px, 81.5px, auto, auto);
}
.topl-item.topl-item-br-r:before{
clip: rect(0px, auto, auto, 78.5px);
}
.topl-item.topl-item-br-f:before{
clip: unset;
}
.topl-items-arrow-down{
width: 52px;
height: 52px;
background: #22bcd6 url('/local/templates/baseTVEL/assets/img/topl/10.svg') 50% 50% no-repeat;
background-size: cover;
border-radius: 50%;
margin-left: 39px;
z-index: 2;
position: relative;
margin-top: -25px;
margin-bottom: 65px;
}
.topl-items-arrow-down-big{
margin-top: 100px;
margin-bottom: 0px;
}
.topl-items-arrow-down.topl-items-arrow-down-big:after{
top: auto;
bottom: 100%;
height: 85px;
}
.topl-items-arrow-down:after{
content: '';
position: absolute;
top:-40px;
left: 50%;
margin-left: -1.5px;
width: 3px;
height: 40px;
background: #22bbd6;
}
.topl-items-arrow-down-b{
margin-bottom: 115px;
}
.topl-item-line-grd:after{
background: #7936d8; /* Old browsers */
background: -moz-linear-gradient(top, #7936d8 0%, #3a98d7 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #7936d8 0%,#3a98d7 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #7936d8 0%,#3a98d7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7936d8', endColorstr='#3a98d7',GradientType=0 ); /* IE6-9 */
}
.topl-item-blue:before{
border-color: #3a98d7;
}
.topl-item-line-grd2:after{
background: #3a98d7; /* Old browsers */
background: -moz-linear-gradient(top, #3a98d7 0%, #22bbd6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #3a98d7 0%,#22bbd6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #3a98d7 0%,#22bbd6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a98d7', endColorstr='#22bbd6',GradientType=0 ); /* IE6-9 */
}
.topl-item-line-2:after{
background: #22bbd6;
}
.topl-item-blue2:before{
border-color: #22bbd6;
}
.topl-item-line-grd3:after{
background: #22bbd6; /* Old browsers */
background: -moz-linear-gradient(top, #22bbd6 0%, #261c7a 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #22bbd6 0%,#261c7a 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #22bbd6 0%,#261c7a 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#22bbd6', endColorstr='#261c7a',GradientType=0 ); /* IE6-9 */
}
.topl-item-line-grd4:after{
background: rgb(58,152,215); /* Old browsers */
background: -moz-linear-gradient(top, rgba(58,152,215,1) 60%, rgba(37,22,119,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(58,152,215,1) 60%,rgba(37,22,119,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(58,152,215,1) 60%,rgba(37,22,119,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a98d7', endColorstr='#251677',GradientType=0 ); /* IE6-9 */
}
.topl-item-line-3:after{
background: #261C7A;
}
.topl-item-blue3:before{
border-color: #261C7A;
}
.topl-item-nf:after{
top:-65px;
height: 50px;
}
.topl-item-ico{
position: absolute;
top:0;
left: 0;
right: 0;
bottom: 0;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: contain;
max-width: 70px;
max-height: 60px;
margin: auto;
z-index: 5;
}
.topl-items-row{
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.topl-items-row-item{
width: 33.3333%;
flex:0 0 33.3333%;
max-width: 33.3333%;
position: relative;
}
.topl-items-row-item-right{
}
.topl-items-row-item-right .topl-item{
margin:-34px 0 0 74px;
width: 140px;
height: 140px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
padding: 15px;
font-size: 14px;
text-transform: uppercase;
text-align: center;
}
.topl-items-row-item-right .topl-item span{
display: block;
width: 52px;
height: 52px;
background: url('/local/templates/baseTVEL/assets/img/topl/11.svg') 50% 50% no-repeat;
transform: rotate(-90deg);
background-size: contain;
margin-top: -15px;
}
.topl-items-row-item-right .topl-item{
background: #251677;
color: #fff;
}
.topl-items-row-item-right .topl-item:after{
top: auto;
height: 607px;
bottom: 100%;
}
.topl-items-row-item-right .topl-item:before{
content: '';
display: block;
width: 52px;
height: 52px;
background: #22bcd6 url('/local/templates/baseTVEL/assets/img/topl/10.svg') 50% 50% no-repeat;
border: 0;
position: absolute;
background-size: auto !important;
border-radius: 50%;
z-index: 2;
top:-270px;
left: 50%;
margin-left: -25px;
transform: rotate(180deg);
}
.topl-item-br-no:before{
display: none;
}
.topl-item-nt:after{
display: none;
}
.topl-item-tb{
margin-top:53px;
}
.topl-item-tb:after{
top: -118px;
height: 103px;
}
.topl-item-tb2{
margin-top:53px;
}
.topl-item-tb2:after{
top: -205px;
height: 190px;
}
.topl-items-row-item-column{
display: flex;
flex-direction: column;
align-items: center;
padding-left: 160px;
}
.topl-item-line-r{
position: absolute;
top: 118px;
left: 145px;
border-top: 3px solid #261777;
width: calc(100% - 160px);
}
.topl-item-line-r:after{
content: '';
position: absolute;
top:0;
left: 50%;
margin-left: -26px;
margin-top: -25px;
width: 52px;
height: 52px;
background: url('/local/templates/baseTVEL/assets/img/topl/11.svg') 50% 50% no-repeat;
background-size: contain;
border-radius: 50%;
overflow: hidden;
}
.topl-item-line-r2{
position: absolute;
top: 118px;
left: 145px;
border-top: 3px solid #261777;
width: calc(100%);
}
.topl-item-line-r2:after{
content: '';
position: absolute;
right: 0;
bottom: 0;
border-left: 3px solid #261777;
width: 0;
height: 15px;
}
.topl-item-line-lt{
position: absolute;
top: 32px;
left: 64px;
border-top: 3px solid #21bbd5;
/*width: 91px;*/
width: calc(50% - 64px);
}
.topl-item-line-lt:after{
content: '';
position: absolute;
border-left:3px solid #21bbd5;
bottom: 0;
height: 100px;
}
.topl-item-line-lt-2{
position: absolute;
top: 48px;
left: 64px;
border-top: 3px solid #21bbd5;
width: calc(50% - 61px);
}
.topl-item-line-lt-2:after{
content: '';
position: absolute;
top: 100%;
left: 0;
border-right: 3px solid #21bbd5;
width: 0;
height: 70px;
}
.topl-item-line-lt-2 .topl-items-arrow-down{
position: absolute;
transform: rotate(90deg);
margin: 0;
top: 42.5px;
left: -63px;
}
.topl-item-line-lt-2 .topl-items-arrow-down:after{
height: 15px;
top: -12.5px;
}
.topl-item-line-lt-2 .topl-items-arrow-down:before{
content: '';
position: absolute;
top: 50px;
left: 50%;
margin-left: -1.5px;
width: 3px;
height: 15px;
background: #22bbd6;
}
@media (max-width: 1280px) {
.topl-item-line-lt-2 .topl-items-arrow-down:before{
display: none !important;
}
}
.topl-item-line-rt{
position: absolute;
top: 32px;
left: calc(50% + 160px);
border-top: 3px solid #21bbd5;
width: calc(50% - 93px);
}
.topl-item-line-rt:after{
content: '';
position: absolute;
border-left:3px solid #21bbd5;
bottom: 0;
height: 70px;
right: 0;
}
.topl-item-bg{
position: absolute;
top:-5px;
left: -5px;
right: -5px;
bottom: -5px;
background: #e1ebf4;
border-radius: 50%;
z-index: 1;
}
.topl-item-bg-dark{
background: rgba(0,0,0,0.2);
}
.topl-item-bg:after{
content: '';
position: absolute;
top:5px;
left: 5px;
right: 5px;
bottom: 5px;
background: #f6f7f8 url('/local/templates/baseTVEL/assets/img/topl.png') 50% 50% no-repeat;
background-size: contain;
margin: auto;
border-radius: 50%;
overflow: hidden;
}
.topl-item-title{
position: absolute;
top: 50px;
left: 160px;
font-size: 16px;
color: #261777;
text-transform: uppercase;
border: 1px solid #413488;
padding: 6px 7px 5px 5px;
line-height: 1.2;
white-space: nowrap;
border-left: 0;
height: 31px;
}
.topl-item-title:after{
content: '';
width: 24px;
height: 24px;
transform: rotate(-45deg);
border: 1px solid #413488;
position: absolute;
left: -11px;
top: 3px;
clip: rect(0px, 22px, 22px, auto);
}
.topl-item-title-blue,
.topl-item-title-blue:after{
border-color: #86c4eb !important;
color:#86c4eb;
}
.topl-item-title-top{
position: absolute;
bottom: calc(100% + 35px);
left: -15px;
width: 160px;
font-size: 14px;
color: #802bd8;
line-height: 1.2;
font-family: 'TTLakesCondensed-Regular';
text-transform: uppercase;
text-align: center;
}
.topl-item-title2-top{
position: absolute;
bottom: calc(100% + 68px);
left: 160px;
font-size: 14px;
color: #fff;
line-height: 1.2;
font-family: 'TTLakes-DemiBold';
text-transform: uppercase;
text-align: center;
}
.topl-item-title2-bottom{
position: absolute;
top: 305px;
left: 160px;
font-size: 14px;
color: #fff;
line-height: 1.2;
font-family: 'TTLakes-DemiBold';
text-transform: uppercase;
text-align: center;
}
.topl-item-title2-bottom:after{
content: '';
position: absolute;
top: -20px;
left: 50%;
margin-left: -1.5px;
width: 0px;
height: 15px;
border-left: 3px solid #4abfd3;
}
.topl-item-title2-bottom2{
top: 218px;
left: 0;
width: 130px;
}
.topl-item-title2-bottom3{
top:130px;
}
.topl-item-title2-bottom2:after{
border-color:#261777;
}
.topl-item-title2{
position: absolute;
top: 0px;
left: 160px;
font-size: 14px;
color: #fff;
line-height: 1.2;
height: 130px;
font-family: 'TTLakes-DemiBold';
text-transform: uppercase;
display: flex;
align-items: center;
}
.color-white{
color: #fff;
}
.color-black{
color: #261777;
}
.color-gray{
color: #666;
}
.topl-item-title2:after{
content: '';
position: absolute;
top:50%;
margin-top: -1.5px;
width: 10px;
left: -15px;
border-top: 3px solid #3a98d7;
}
.topl-item-title2-blue:after{
border-color: #22bbd6;
}
.topl-item-title2-l{
left: auto;
right: calc(100% + 30px);
width: 145px;
text-align: right;
}
.topl-item-title2-l:after{
left: auto;
right: -15px;
}
.topl-item-title2-l-black:after{
border-color: #261C7A;
}
.topl-items-arrow-down .topl-item-title{
top: 10px;
left: auto;
right: calc(100% + 20px);
color: #86c4eb;
border: 1px solid #86c4eb;
border-right: 0;
padding-right: 5px;
padding-left: 7px;
}
.topl-items-arrow-down .topl-item-title:after{
border-color:#86c4eb;
}
.topl-items-arrow-down .topl-item-title:after,
.topl-item-title-left:after{
left: auto;
right: -11px;
transform: rotate(135deg);
}
.topl-item-title-left{
left: auto !important;
right: calc(100% - 50px);
border: 1px solid #413488;
border-right: 0;
top:24px;
padding-right: 5px;
}
.top53{
top:53px;
}
.topl-items-logo{
position: absolute;
width: 363px;
height: 120px;
background: url('/local/templates/baseTVEL/assets/img/topl/logo.png') 50% 50% no-repeat;
background-size: contain;
top: 105px;
left: 100px;
}
/*
* end page topl
*/
/*
* page job
*/
.list-page-tow{
position: relative;
}
.list-page-tow ul{
margin: 0;
padding: 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
list-style-type: none;
}
.list-page-tow ul li {
position: relative;
margin-bottom: 10px;
padding: 0 30px 0 35px;
width: 100%;
}
.list-page-tow ul li:after{
content: '';
position: absolute;
left: 0;
top:12px;
border-bottom: 6px solid #22c1db;
width: 20px;
}
.box-title-text{
font-size: 21px;
text-transform: uppercase;
margin-bottom: 15px;
font-family: 'TTLakes-DemiBold';
line-height: 1.2;
}
.box-sub-title-text{
font-family: 'TTLakes-DemiBold';
font-size: 21px;
margin-bottom: 25px;
line-height: 1.2;
}
.box-sub-title-color-text{
font-size: 16px;
color: #261777;
margin-bottom: 10px;
text-transform: uppercase;
}
.box-text{
margin-bottom: 30px;
}
.form-job{
margin-bottom: 40px;
}
.form-job-title{
font-size: 21px;
text-transform: uppercase;
margin-bottom: 25px;
font-family: 'TTLakes-DemiBold';
color: #261777;
}
.form-job-title-white{
color: #fff;
}
.form-job-col{
padding-top: 20px;
padding-bottom: 20px;
}
.form-job .form-control{
font-size: 16px;
}
.form-job{
position: relative;
}
.form-job .row .form-job-col:nth-child(1){
padding-right: 60px;
}
.form-job .row .form-job-col:nth-child(2){
padding-left: 60px;
}
.form-job:after{
content: '';
background: url('/local/templates/baseTVEL/assets/img/form.jpg') 50% 50% no-repeat;
background-size: cover;
position: absolute;
top:0;
left: calc(33.333333% - 40px);
right: -170px;
bottom: 0;
z-index: -1;
}
.form-control{
background: transparent;
border-right: 0;
border: 0;
border-radius: 0;
border-bottom: 1px solid #bbb6d4;
color: #261777;
}
.form-control:focus{
outline: none !important;
box-shadow: none;
}
.box-input-search .form-control{
border:1px solid #b3b3b3;
}
.box-input-search button{
position: absolute;
top:2px;
right: 1px;
bottom: 1px;
background: #fff;
padding: 5px 10px;
border:0;
cursor: pointer;
}
.form-job .form-control:focus,
.text-right-bg .form-control:focus{
background: transparent;
}
.form-job-col-right .form-control,
.text-right-bg .form-control{
color: #fff;
}
.form-file{
position: relative;
cursor: pointer;
display: inline-block;
vertical-align: top;
}
.form-file input[type="file"]{
opacity: 0;
position: absolute;
top:0;
left: 0;
right: 0;
bottom: 0;
cursor: pointer;
z-index: 2;
}
.form-file > span{
color: #fff;
font-size: 16px;
line-height: 1.2;
display: block;
padding-left: 24px;
position: relative;
}
.form-file > span:after{
content: '';
position: absolute;
top:0;
left: 0;
bottom: 0;
width: 18px;
background: url('/local/templates/baseTVEL/assets/img/icon-01.svg') 50% 50% no-repeat;
background-size: contain;
}
.form-file > span > span{
font-size: 12px;
display: block;
}
.form-group-select{
overflow: hidden;
position: relative;
}
.form-group-select .form-control{
width: calc(100% + 30px);
cursor: pointer;
}
.form-group-select:after{
content: "\f078";
position: absolute;
top: 1px;
bottom: 1px;
right: 0;
padding-left: 5px;
display: flex;
align-items: center;
justify-content: center;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
color: #b0b0b0;
background: #fff;
}
.news-page-tags{
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.news-page-tags a{
display: block;
margin: 0 15px 3px 0;
color: #22bcd6;
font-size: 18px;
}
/*
* end page job
*/
/*
* page people
*/
.item-people-img{
position: relative;
height: 460px;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
}
.box-people{
margin-left: -300px;
margin-right: 100px;
margin-bottom: 100px;
position: relative;
height: 1700px;
overflow: hidden;
}
.box-people:after{
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 450px;
z-index: 5;
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 75%, rgba(255,255,255,1) 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 75%,rgba(255,255,255,1) 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 75%,rgba(255,255,255,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.box-people.open{
height: auto;
}
.box-people.open:after{
display: none;
}
.box-people .row{
margin-right: 0;
margin-left: 0;
}
.box-people .row [class*=col-]{
padding-right: 0;
padding-left: 0;
}
.item-people{
display: flex;
flex-direction: column;
/*height: 100%;*/
}
.item-people-info{
font-size: 18px;
color: #666666;
line-height: 1.2;
padding: 30px 35px 30px 125px;
background: #eeeeee;
height: 210px;
overflow: hidden;
/*flex: 1;*/
}
.item-people-info .item-people-title{
font-size: 24px;
color: #26388b;
font-family: 'TTLakes-Medium';
margin-bottom: 10px;
}
.item-people-text {
max-height: 87px;
overflow: hidden;
}
.box-people-col-3{
padding-top: 210px;
}
.box-people-col-1 .item-people,
.box-people-col-3 .item-people{
margin-bottom: 250px;
}
.box-people-col-1 .item-people:last-child,
.box-people-col-3 .item-people:last-child{
/*margin-bottom: 0;*/
}
.box-people-col-1{
padding-top: 774px;
}
.box-people-toggle{
position: absolute;
left: 50px;
bottom: 120px;
text-transform: uppercase;
text-decoration: none;
font-size: 20px;
z-index: 6;
}
.box-people-toggle:hover{
text-decoration: underline;
}
.box-people-toggle i{
margin-right: 5px;
font-size: 17px;
}
.box-people-toggle-up{
display: none;
}
.box-people.open .box-people-toggle-up{
display: block;
bottom: 30px;
}
.box-people.open .box-people-toggle-down{
display: none;
}
.people-title-box{
color: #fff;
background: url('/local/templates/baseTVEL/assets/img/people_bg.jpg') 50% 50% no-repeat;
background-size: cover;
padding: 45px 40px 45px 330px;
margin-left: -170px;
margin-right: -270px;
position: relative;
z-index: 5;
}
.people-title-box .people-title{
font-size: 32px;
color: #fff;
text-transform: uppercase;
font-family: 'TTLakes-DemiBold';
margin-bottom: 20px;
}
/*
* end page people
*/
.page-category-box-2{
padding-left: 0;
padding-right: 0;
margin-left: -80px;
margin-right: -80px;
}
.page-box-counts-2{
background: url('/local/templates/baseTVEL/assets/img/bg-r.png') 0% 50% no-repeat !important;
background-size: 100% auto !important;
margin-right: -170px;
padding-left: 200px !important;
}
.page-box-counts-2-bg2{
background: url('/local/templates/baseTVEL/assets/img/bg-r2.png') 0% 50% no-repeat !important;
background-size: auto 90% !important;
}
.page-box-counts-2-bg-3{
background: url('/local/templates/baseTVEL/assets/img/bg-r3.png') 0% 50% no-repeat !important;
background-size: auto 90% !important;
}
.page-box-counts-2-bg-4{
background: url('/local/templates/baseTVEL/assets/img/bg-r4.png') 0% 50% no-repeat !important;
background-size: auto 90% !important;
}
.box-3d{
margin-right: -170px;
padding-top: 80px;
color: #fff;
}
.box-3d-row-text{
padding-right: 185px;
}
.box-3d-text{
margin: 40px 0;
}
.box-3d-text:after{
content: '';
position: absolute;
left:-70px;
top:0px;
width: 53px;
height: 77px;
background: url(/local/templates/baseTVEL/assets/img/3d-icon.png) 50% 50% no-repeat;
background-size: contain;
}
.box-3d-text-2:after{
background: url(/local/templates/baseTVEL/assets/img/3d-icon-2.svg) 50% 50% no-repeat;
background-size: contain;
}
.box-3d .row{
background: url('/local/templates/baseTVEL/assets/img/3d-bg.jpg') 50% 50% no-repeat;
background-size: cover;
margin-left: -140px;
padding-left: 125px;
}
.box-3d [class*=col-]{
}
.box-3d-img{
margin-top: -100px;
margin-bottom: -60px;
position: relative;
z-index: 20;
}
.box-3d strong{
display: block;
text-transform: uppercase;
}
/*
* page press
*/
.press-items{
margin-bottom: 50px;
margin-right: 100px;
}
.press-items-margin{
margin-left: calc(-25% - 30px);
}
.press-item{
height: 360px;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
background-color: #f2f2f2;
padding-top: 40px;
}
.press-items-margin .press-item:first-child{
margin-left: 25%;
}
.press-items-margin .press-item:nth-child(4):after,
.press-items-margin .press-item:nth-child(5):after,
.press-items-margin .press-item:nth-child(6):after,
.press-items-margin .press-item:nth-child(7):after,
.press-items-photo .press-item:after{
content: '';
position: absolute;
left: 0;
right:0;
bottom: 0;
height: 150px;
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
z-index: 1;
}
.press-item:hover{
opacity: 0.7;
text-decoration: none;
}
.press-items a:hover{
text-decoration: none;
}
.press-item-title{
font-size: 21px;
color: #333;
font-family: 'TTLakes-DemiBold';
line-height: 1.2;
display: block;
margin-left: 5px;
text-transform: uppercase;
}
.press-item-white .press-item-title{
color: #fff;
}
.press-items-photo .press-item{
height: 340px;
padding: 20px;
display: flex;
align-items: flex-end;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.press-items-photo .press-item-title{
color: #261777;
margin-top: 10px;
padding-right: 15px;
}
.press-item-info{
position: relative;
z-index: 2;
}
.press-items-photo .press-item-info{
display: flex;
flex-direction: row;
width: 100%;
flex-wrap: wrap;
}
.press-items-photo .link-more{
color: #261777;
margin-left: auto;
margin-top: 10px;
}
.press-items-photo .link-more:before,
.press-items-photo .link-more:after{
border-color: #261777
}
/*
* end page press
*/
/*
* news press
*/
.news-items{
margin-bottom: 50px;
}
.news-item{
margin-bottom: 50px;
display: flex;
flex-direction: row;
}
.news-item:last-child{
margin-bottom: 0;
}
.news-item-column,
.news-item-column:last-child{
flex-direction: column;
margin-bottom: 40px;
}
@media (min-width: 1200px) {
.news-item-column,
.news-item-column:last-child{
margin-bottom: 60px;
}
.news-items-gallery > .row{
margin-left: -30px;
margin-right: -30px;
}
.news-items-gallery .news-item{
padding-left: 30px;
padding-right: 30px;
}
}
.news-item-info{
display: flex;
flex-direction: column;
}
.news-item-img{
display: block;
width: 300px;
flex:0 0 300px;
max-width: 300px;
margin-right: 20px;
}
.news-item-img:hover{
opacity: 0.8
}
.news-item-column .news-item-img{
flex: 0 0 auto;
width: 100%;
max-width: 100%;
margin-bottom: 10px;
}
.news-item-column .news-item-img-bg{
flex: 0 0 auto;
width: 100%;
max-width: 100%;
margin-bottom: 10px;
height: 250px;
position: relative;
overflow: hidden;
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
}
.news-item-column .news-item-img-bg img{
opacity: 0;
width: 100%;
}
.news-item-column .news-item-img.news-item-img-b{
height: 320px;
align-items: flex-end;
display: flex;
margin-bottom: 20px;
}
.news-item-img-b img{
flex: 0 1 auto;
box-shadow: 3px 4px 11px 0px rgba(0,0,0,0.3);
}
.news-item-date{
margin-bottom: 10px;
}
.news-item-date a{
font-family: 'TTLakes-DemiBold';
color: #22bed8;
font-size: 15px;
text-decoration: underline;
}
.news-item-date span{
font-family: 'TTLakes-DemiBold';
color: #22bed8;
font-size: 15px;
}
.news-item-title{
font-family: 'TTLakes-DemiBold';
font-size: 21px;
color: #666;
text-decoration: none;
line-height: 1.2;
}
.news-item-title a:hover{
color: #666;
text-decoration: underline;
}
.news-item-text{
line-height: 1.2;
margin-top: 15px;
font-size: 21px;
margin-bottom: auto;
}
.news-item-more{
padding-top: 15px;
text-align: right;
}
.news-item-size{
font-size: 16px;
padding-left: 35px;
background-image: url('/local/templates/baseTVEL/assets/img/pdf-icon.svg');
background-position: 0 50%;
background-repeat: no-repeat;
min-height: 30px;
display: flex;
flex-direction: column;
justify-content: flex-end;
line-height: 1.2;
/*background-size: 28px auto;*/
background-size: 28px 40px;
}
.news-item-size-jpg{
background-image: url('/local/templates/baseTVEL/assets/img/jpg-icon.svg');
}
.news-item-size-eps{
background-image: url('/local/templates/baseTVEL/assets/img/eps-icon.svg');
}
a.news-item-size{
color: #666;
}
.news-item-info .news-item-size{
margin-top: 10px;
}
.load-more{
font-size: 20px;
text-transform: uppercase;
margin-bottom: 30px;
}
.load-more i{
margin-right: 7px;
}
.sidebar-block{
margin-top: 30px;
max-width: 260px;
}
.sidebar-block .form-group-select{
border:1px solid #ccc;
}
.sidebar-block .form-group-select:after{
right: 15px;
}
.sidebar-block .form-group-select .form-control{
border:0;
}
.sidebar-block-title{
font-size: 15px;
text-transform: uppercase;
color: #261777;
line-height: 1.2;
margin-bottom: 10px;
margin-left: 15px;
}
.content-right-full{
margin-right: -170px;
}
.content-left-full{
margin-left: -170px;
}
.news-page-gallery{
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-bottom: 40px;
}
.news-page-gallery a{
display: block;
padding-right: 20px;
flex:0 0 25%;
}
.news-page-gallery a img{
width: 100%;
}
.news-page-text{
padding-right: 20px;
font-size: 18px;
}
.news-page-img img{
width: 100%;
vertical-align: middle;
}
.news-page-img{
display: block;
margin-bottom: 40px;
}
.box-sub-title{
font-size: 21px;
font-family: 'TTLakes-Medium';
color: #261777;
margin-bottom: 10px;
line-height: 1.2;
}
.news-page-buttom,
.news-page-tags{
margin-top: 40px;
}
.news-box-news{
flex-direction: column;
height: 100%;
}
.news-box-news .home-box-news-item{
margin-top: 70px;
margin-right: 55px;
margin-bottom: 50px;
}
.news-box-news .link-more{
margin-bottom: 40px;
margin-left: 55px;
}
.sidebar-block .news-item-title{
font-size: 18px;
}
.sidebar-block .news-item-text{
font-size: 15px;
margin-top: 10px;
}
.sidebar-block .news-item{
margin-bottom: 15px;
}
.news-page-title h1{
line-height: 1.2;
font-size: 40px;
color: #666;
margin-bottom: 30px;
font-family: 'TTLakes-DemiBold';
}
/*
* end news press
*/
.small-title{
font-size: 21px;
text-transform: uppercase;
margin-bottom: 15px;
font-family: 'TTLakes-Bold' !important;
}
.firm-style-box-col{
margin-bottom: 40px;
}
.firm-style-box .news-item-size{
margin-bottom: 20px;
}
.firm-style-box .news-item-size:last-child{
margin-bottom: 0;
}
.firm-style-box-title{
font-size: 16px;
margin-bottom: 20px;
}
.wAll {
width: 100vw;
position: relative;
margin-left: -50vw;
left: 50%;
}
.global-img-l{
background: url('/local/templates/baseTVEL/assets/img/global-img-l.png') 100% 50% no-repeat;
background-size: cover;
height: 100%;
}
.global-img-l-label{
background: url('/local/templates/baseTVEL/assets/img/global-bg-label.png') 50% 50% no-repeat;
background-size: cover;
position: absolute;
max-width: 375px;
z-index: 1;
margin-left: -400px;
top: 12px;
padding: 25px 20px;
color: #fff;
font-size: 21px;
}
.bg-jp{
background: url('/local/templates/baseTVEL/assets/img/bg-jp.png') 50% 100% no-repeat;
background-size: cover;
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.page-category-box-3 .home-category-box-item .front,
.page-category-box-3 .home-category-box-item .back{
padding-top: 30px;
}
.page-category-box-3 .home-category-box-item-text{
padding-left: 20px;
}
.text-right-bg{
color: #fff;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
}
.text-right-bg:after{
content: '';
background: url('/local/templates/baseTVEL/assets/img/form.jpg') 50% 50% no-repeat;
background-size: cover;
position: absolute;
top:0;
left: -30px;
bottom: 0;
right: -170px;
z-index: -1;
}
.page-top-item{
margin-bottom: 30px;
color: #666666;
display: flex;
flex-direction: row;
}
.page-top-item-ico{
flex: 0 0 50px;
margin-right: 15px;
}
.page-top-item a{
text-decoration: underline;
color: #261777;
}
.page-top-item a:hover{
text-decoration: none;
}
.page-top-item:last-child{
margin-bottom: 0;
}
.fuel-item{
margin-top: 80px;
}
.fuel-item-title{
font-size: 40px;
color: #22b3cd;
margin-bottom: 35px;
line-height: 1;
text-transform: uppercase;
}
.fuel-item-title span{
font-family: 'TTLakes-DemiBold';
}
.fuel-item-content{
display: flex;
flex-direction: row;
/*flex-wrap: wrap;*/
align-items: center;
}
/*.fuel-item-text{
flex:0 0 520px;
width: 520px;
max-width: 520px;
}*/
.fuel-item-text:first-child{
margin-right: 30px;
}
.fuel-item-text:last-child{
margin-left: 30px;
}
/*.fuel-item-text:last-child{
margin-left: 30px;
flex:0 0 620px;
width: 620px;
max-width: 620px;
}*/
.fuel-item:first-child{
margin-left: calc(25% + 7.5px);
}
.fuel-item.content-right-full .fuel-item-text{
/*margin-right: auto;*/
}
.fuel-item.content-left-full .fuel-item-text{
/*margin-left: auto;*/
}
.fuel-item-img{
flex:0 0 auto;
}
.home-category-row .home-category-box-item .front,
.home-category-row .home-category-box-item .back{
padding-top: 30px;
}
.home-category-row .home-category-box-item-title{
padding-right: 50px;
}
.home-category-row .home-category-box-item-text{
padding-left: 20px;
}
.home-category-box-item-ico{
position: absolute;
right: 30px;
top: 30px;
width: 35px;
height: 35px;
text-align: right;
}
.home-category-box-item-ico img{
max-height: 100%;
}
.page-box-counts-text{
font-size: 21px;
}
.page-box-counts-text > span{
text-transform: uppercase;
font-family: 'TTLakes-DemiBold';
}
.pr-img{
position: relative;
z-index: 11;
}
.box-label-box-pr{
padding-right: 150px;
}
.color-blue{
color: #22c5df;
}
.color-dark-blue{
color: #261777;
}
.text-underline{
text-decoration: underline;
}
a.text-underline:hover{
text-decoration: none;
}
.contacts-info{
display: none;
padding-bottom: 50px;
border-bottom: 1px solid #acacac;
}
.box-label-contacts{
text-transform: none;
color: #666;
min-height: 100%;
}
.conacts-map{
background: url('/local/templates/baseTVEL/assets/img/map.jpg') 50% 50% no-repeat;
background-size: cover;
height: 100%;
}
.block-history-1{
background: url('/local/templates/baseTVEL/assets/img/history-bg.jpg') 50% 50% no-repeat;
background-size: cover;
padding: 0 0 65px 0;
color: #fff;
margin-top: -1.5rem;
padding-top: 1.5rem;
}
/* updated 08.11.2019 */
.block-history-1 h1,
.block-history-1 a,
.breadcrumb-item + .breadcrumb-item:before{
color: #666;
}
/* end updated 08.11.2019 */
.text-big{
font-size: 68px;
font-family: 'TTLakes-Light';
line-height: 1;
margin-bottom: 25px;
padding-top: 10px;
}
.text-big-2{
font-size: 122px;
font-family: 'TTLakes-Light';
line-height: 1;
margin-bottom: 5px;
padding-top: 10px;
}
.box-border-mini{
position: relative;
padding-top: 30px;
}
.box-border-mini:after{
content: '';
position: absolute;
top:0;
left: 0;
width: 20px;
border-top: 5px solid #22a6c0;
}
.box-shadow{
box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.1);
background: #fff;
padding: 40px;
font-size: 21px;
z-index: 20px;
position: relative;
}
.margin-top--90{
margin-top: -90px;
}
.margin-top--380{
margin-top: -380px;
}
.margin-top--500{
margin-top: -500px;
}
.pt-370{
padding-top: 370px;
}
.bg-gray{
background: #d3d3d3;
}
.box-video{
position: absolute;
top:0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
}
.box-video > video{
position: absolute;
top: 50%;
left: 50%;
min-width:100%;
min-height:100%;
overflow:hidden;
width: auto;
height: auto;
z-index: 1;
-ms-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
#controlBar_bgndVideo{
display: none !important;
}
.content-right-full-no{
/*padding-right: 15px;*/
}
.content-left-full-no{
padding-left: 15px;
}
.box-shadow .content-left-full-no{
padding-left: 0;
}
.border-bottom-380,
.border-bottom-full{
position: relative;
}
.border-bottom-380:after{
content: '';
position: absolute;
left: 0;
bottom: -10px;
width: 380px;
height: 10px;
background: rgb(128,43,196);
background: -moz-linear-gradient(left, rgba(128,43,196,1) 0%, rgba(76,112,195,1) 50%, rgba(35,167,194,1) 100%);
background: -webkit-linear-gradient(left, rgba(128,43,196,1) 0%,rgba(76,112,195,1) 50%,rgba(35,167,194,1) 100%);
background: linear-gradient(to right, rgba(128,43,196,1) 0%,rgba(76,112,195,1) 50%,rgba(35,167,194,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#802bc4', endColorstr='#23a7c2',GradientType=1 );
}
.border-bottom-full:after{
content: '';
position: absolute;
left: 0;
bottom: -10px;
right: 0;
height: 10px;
background: rgb(128,43,196);
background: -moz-linear-gradient(left, rgba(128,43,196,1) 0%, rgba(76,112,195,1) 50%, rgba(35,167,194,1) 100%);
background: -webkit-linear-gradient(left, rgba(128,43,196,1) 0%,rgba(76,112,195,1) 50%,rgba(35,167,194,1) 100%);
background: linear-gradient(to right, rgba(128,43,196,1) 0%,rgba(76,112,195,1) 50%,rgba(35,167,194,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#802bc4', endColorstr='#23a7c2',GradientType=1 );
}
.box-shadow.border-bottom-380:after{
bottom: 0;
left: 40px;
}
.border-bottom-full:after{
bottom: 0;
left: 40px;
right: 40px;
}
.box-img-100 img{
width: 100%;
}
.history-bg-1{
background: url('/local/templates/baseTVEL/assets/img/history/bg1.jpg') 50% 50% no-repeat;
background-size: cover;
}
.wf-220{
width: 220px;
flex:0 0 220px;
}
.history-bg-2{
background: url('/local/templates/baseTVEL/assets/img/history/bg1.jpg') 50% 50% no-repeat;
background-size: cover;
}
.box-gray{
background-color: #d4d4d4;
}
.history-img-3{
margin-left: -300px;
}
.history-bg-3{
background: url('/local/templates/baseTVEL/assets/img/history/bg3.jpg') 50% 50% no-repeat;
background-size: cover;
height: 100%;
}
.history-bg-4{
background: url('/local/templates/baseTVEL/assets/img/history/bg4.jpg') 50% 50% no-repeat;
background-size: cover;
margin-top: -30px;
z-index: -1;
position: relative;
padding-top: 6rem;
height: calc(100% + 30px);
}
.history-img-4{
position: absolute;
left: -25px;
right: 25px;
}
.pt-150{
padding-top: 150px;
}
.history-img-5{
margin-bottom: -100px;
}
.history-img-9{
margin-bottom: -150px;
}
.history-img-9-text{
padding-top: 150px;
}
.history-img-10{
margin-left: -95px;
}
.history-img-11{
margin-left: -105px;
z-index: -1;
position: relative;
}
.history-img-13{
margin-bottom: -81px;
}
.history-img-18{
margin-bottom: -6rem;
margin-left: -85%;
}
.col-imgs-19-20{
position: absolute;
right: 0;
top:-70px;
z-index: 2;
}
.box-imgs-19-20{
padding: 0 40px 0 0;
margin-left: -14px;
}
.relative{
position: relative;
}
.bg-left-question-president{
background: url('/local/templates/baseTVEL/assets/img/bg_pr.png') no-repeat 50% 100%;
background-size: cover;
}
.header-question{
line-height: 1;
font-size: 10px;
display: flex;
flex-direction: column;
height: 35px;
}
.header-question a,
.header-question span{
display: block;
}
.header-question img{
max-width: 18px;
margin-bottom: 5px;
}
.header-search-box{
display: none !important;
}
.header-search{
padding: 0 10px;
height: 100%;
border: 0;
width: 100%;
}
.header nav{
flex:1;
}
.header.open-search .header-search-box{
display: flex !important;
flex:1;
}
.header.open-search nav{
display: none !important;
}
.search-list-item .link-more{
font-size: 14px !important;
}
.search-list-text{
font-size: 18px;
line-height: 1.3;
}
.search-list-title a{
color: #666;
font-size: 21px;
line-height: 1.3;;
}
.scrollto{
z-index: 1000;
position: fixed;
right: -50px;
bottom: -50px;
width: 50px;
height: 50px;
background: #271c77 url('/local/templates/baseTVEL/assets/img/button.svg') no-repeat 50% 50%;
background-size: cover;
border-radius: 50%;
overflow: hidden;
opacity: 0;
}
.scrollto.show{
opacity: 1;
right: 20px;
bottom: 20px;
}
.scrollto.show.bottom{
position: absolute;
bottom: 100px;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}
@media (max-width: 1850px) {
.page-top + .box-label-box-top,
.box-label-box-top-2{
margin-left: -15px;
}
.page-box-counts-text{
font-size: 18px;
}
.fuel-item-img{
max-width: 500px;
}
.page-top + .box-label-box-top,
.box-label-box-top-2{
margin-top: -60px;
}
.box-label-box-big-p{
margin-right: -170px;
}
.press-items-photo .press-item{
padding: 15px;
}
.press-items-photo .press-item-title{
font-size: 18px;
}
.press-items-photo .press-item{
height: 300px;
}
.content-right-full{
margin-right: -15px;
}
.content-left-full{
margin-left: -15px;
}
.news-box-news .home-box-news-item{
margin-right: 35px;
}
.news-box-news .link-more{
margin-left: 35px;
}
.sidebar-block{
max-width: 390px;
}
.press-items{
margin-right: 0;
}
.press-item{
height: 320px;
}
.box-3d .row{
margin-left: -15px;
}
.page-category-box-2{
margin-left: 0px;
margin-right: 0px;
}
.page-box-counts-2{
margin-right: -15px;
padding-left: 110px !important;
}
.box-people{
margin-right: 100px;
}
.people-title-box{
margin-left: -15px;
padding-left: 100px;
}
.pager{
padding-left: 30px;
}
.box-str{
transform: scale(0.9);
}
.cr-box{
transform: scale(0.8);
margin-top: -325px;
margin-left: -255px;
}
.cr-box-text{
padding-left: 130px;
margin-left: -190px;
margin-top: -20px;
margin-right: -15px;
flex:0 1 100%;
width: 100%;
}
.cr-box-text-title{
font-size: 18px;
margin-bottom: 10px;
}
.cr-box-text-text{
font-size: 14px;
}
.cr-box-text-icons span{
width: 20px;
height: 20px;
margin-right: 20px;
}
.topl-item-title{
font-size: 13px;
padding-top: 7px;
}
.topl-item-title2-top,
.topl-item-title2,
.topl-item-title2-bottom{
font-size: 11px;
}
.topl-items-logo{
width: 250px;
height: 85px;
top:140px;
left: 300px;
}
}
@media (min-width: 1851px) {
.box-str-lgn{
right: -155px;
padding:20px 50px;
}
.box-str-lgn ul li{
margin-bottom: 10px;
font-size: 18px;
}
.box-str-lgn ul li:last-child{
margin-bottom: 0;
}
.box-str-lgn ul li span{
width: 32px;
height: 32px;
margin-right: 10px;
}
.box-str{
margin: -115px 0 0 -50px;
}
.header nav a:after{
bottom: -27px;
}
.container-fluid{
padding-left: 170px;
padding-right: 170px;
}
.content-right-full-no{
padding-right: 170px;
}
.content-left-full-no{
padding-left: 170px;
}
.home-category-box{
padding-left: 250px;
padding-right: 250px;
}
.header nav a{
padding-left: 1rem !important;
padding-right: 1rem !important;
}
.home-top-box-inner{
padding-left: 170px !important
}
.page-top{
margin-left: -170px;
margin-right: -170px;
}
}
@media (max-width: 1850px) {
.menu{
padding-left: 150px;
padding-right: 150px;
}
.menu-title,
.menu ul a{
font-size:18px !important;
}
.menu ul ul{
margin-left: 40px;
}
.header nav a{
font-size: 1rem;
}
.header-btn{
font-size: 16px;
}
.home-top-box,
.page-top{
height: 450px;
}
.home-top-box-title{
font-size: 55px;
}
.header-lang,
.home-box-counts-item-text{
font-size: 14px;
}
.home-box-counts-item-num{
font-size: 120px;
}
.home-top-box-intro{
font-size: 16px;
}
.link-more{
font-size: 15px;
}
.home-box-news-counts {
min-height: 350px;
}
.home-box-news-title{
font-size: 18px;
top:15px;
}
.pr-0 .home-box-news-title{
padding-left: 15px;
left: -15px;
}
.pl-0 .home-box-news-title{
padding-right: 15px;
right: -15px;
}
.home-box-news-item{
font-size: 20px;
margin: 80px 35px 70px;;
}
.home-box-news-arrow{
margin-left: 35px;
}
.pager li{
font-size: 14px;
}
.topl-items-bg{
left: calc(-25% - 358px);
}
}
@media (max-width: 1600px) {
.header nav a{
font-size:0.8rem;
}
.home-box-counts{
padding-left: 50px;
padding-right: 50px;
}
.home-box-counts-2{
padding-right: 65px;
}
.home-box-news-counts-2{
padding-right: 0;
}
.menu{
padding-left: 100px;
padding-right: 100px;
}
.menu ul a{
font-size:16px;
}
.menu ul ul{
margin-left: 30px;
}
/*.home-box-map-content-cir{
width: 100px;
height: 100px;
flex: 0 0 100px;
margin-right: 20px;
}
.home-box-map-content-cir-1{
font-size:22px;
}
.home-box-map-content-info{
font-size: 20px;
}
.home-box-map-content-cir-2{
font-size: 17px;
}
.home-box-map-content-cir-3{
font-size: 50px;
}
.home-box-map-content-cir-4{
font-size: 23px;
}
*/
.box-label-box{
padding-left: 50px;
padding-right: 40px;
}
.box-label-box-big-p{
margin-right: -155px;
padding-left: 390px;
}
.home-top-box-intro{
padding-left: 15px;
}
.home-box-news-counts .box-separator{
left: 35px;
}
.people-title-box{
margin-right: -220px;
}
}
@media (max-width: 1400px) {
.history-bg-4{
margin-top: -20px;
}
.history-img-9{
margin-bottom: 0;
}
.history-img-9-text{
padding-top: 30px;
}
.box-people {
margin-right: 50px;
}
.header nav a {
font-size: 0.8rem;
}
.menu{
padding: 50px;
}
.menu ul{
margin-bottom: 30px;
}
.menu-title{
margin-bottom: 10px;
}
.menu-title,
.menu ul a{
font-size:16px !important;
}
.menu ul ul{
margin-left: 30px;
}
.link-more.pr-5{
padding-right: 1.5rem !important;
font-size:16px;
}
.home-category-box-item{
height: 300px;
}
.home-category-box-item .front{
height: 100%;
padding: 30px 20px 20px 20px;
}
.home-category-box-item .back{
padding: 30px 20px 20px 20px;
}
.home-category-box-item-title{
font-size: 17px;
line-height: 1.2;
}
.home-category-box-item-text{
/*padding-left: 15px;*/
font-size: 14px;
}
.list-soc li {
margin-left: 40px;
}
.list-soc li:first-child{
margin-left: 0;
}
.home-box-map-image-box{
/*height: 757px;*/
}
.box-label-box{
font-size: 18px;
/* padding-left: 80px; */
}
.box-label-box-bottom{
margin-top: -70px;
}
.box-label-box-big-p{
margin-right: -140px;
padding-left: 340px;
}
}
@media (max-width: 1300px) {
.box-people{
margin-right: 20px;
}
}
@media (max-width: 1199px) {
.box-shadow.border-bottom-380:after{
bottom: 0;
left: 20px;
}
.border-bottom-full:after{
bottom: 0;
left: 20px;
right: 20px;
}
.margin-top--380{
margin-top: 20px;
}
.margin-top--500{
margin-top: 0;
}
.pt-150{
padding-top: 0;
}
.pt-370{
padding-top: 20px;
}
.box-imgs-19-20{
padding: 0 20px 0 0;
margin-left: -6px;
}
.box-shadow{
padding: 20px;
}
.text-big{
font-size: 40px;
margin-bottom: 10px;
}
.text-big-2{
font-size: 80px;
}
.fuel-item:first-child {
margin-left: calc(33.3333% + 7.5px)
}
.fuel-item-img{
max-width: 350px;
}
.page-top + .box-label-box-top,
.box-label-box-top-2{
margin-top: -40px;
}
.news-box-news{
width: 250px;
flex: 0 0 250px;
}
.news-box-news .home-box-news-item{
margin: 25px;
font-size: 16px;
}
.news-box-news .link-more{
margin-left: 25px;
margin-bottom: 25px;
}
.news-page-text,
.sidebar-block .news-item-title{
font-size: 16px;
}
.sidebar-block .news-item-text{
font-size: 14px;
}
.news-page-title h1{
font-size: 32px;
}
.news-item-img {
display: block;
width: 250px;
flex: 0 0 250px;
max-width: 250px;
}
.news-item-title,
.news-item-text{
font-size: 18px;
}
.press-items-margin .press-item:first-child{
margin-left: 33.333333%;
}
.press-items-margin {
margin-left: calc(-33.333333% - 30px);
}
.box-label-box-right{
margin-right: -15px;
}
.fz-21{
font-size: 18px;
}
.box-3d{
padding-top: 0;
}
.box-3d .row{
padding-left: 100px;
}
.people-title-box{
margin-right: -120px;
}
.box-people{
height: 1500px;
}
.people-title-box .people-title{
font-size: 25px;
margin-bottom: 10px;
}
.item-people-info .item-people-title{
font-size: 18px;
}
.item-people-img{
height: 380px;
}
.form-job:after{
left: calc(41.666667% - 40px);
}
.cr-box-container{
flex-direction: column;
}
.box-str{
transform: scale(0.65);
margin:-232px 0 0 -270px;
}
.box-str-lgn{
position: relative;
top:0;
margin-top: -180px;
}
.box-str-lgn ul{
display: flex;
flex-direction: row;
flex-wrap: wrap;
line-height: 1.2
}
.box-str-lgn ul li{
width: 50%;
max-width: 50%;
flex:0 1 50%;
padding: 0 10px 0 0;
}
.box-str-lgn ul li span{
flex:0 0 20px;
}
.cr-box-container{
align-items: center;
}
.cr-box{
transform: scale(0.7);
margin-top: -105px;
margin-left: 0;
}
.cr-box-text{
margin-left: 0;
padding: 20px;
margin-top: -110px;
margin-right: 0;
}
.home-top-box-title{
font-size: 45px;
}
.home-top-box-intro{
padding-right: 0;
}
.home-box-news-item{
font-size: 18px;
}
.header nav a:after{
bottom: -23px;
}
.item-person-title{
font-size: 22px;
}
.item-person-sub-title,
.item-person-intro{
font-size: 16px;
}
.page-full .page-right{
margin-left: -33.3333%;
}
.page-full .page-title,
.page-full-no{
margin-left: calc(33.3333% + 7.5px);
}
.home-category-box-item-title{
font-size: 14px;
}
.header nav a{
font-size:0.65rem;
}
.logo{
max-width:110px;
}
.ros{
max-width:35px;
}
.header-lang, .home-box-counts-item-text{
font-size:12px;
}
.w-30{width:40% !important;}
.w-70{width:60% !important;}
.home-box-counts-item-num{
font-size:100px;
}
.home-box-counts-item-text,
.box-label-box{
font-size:18px;
}
.home-box-map-content-info{
font-size:14px;
}
.home-category-box-item{
height:250px;
}
.home-category-box-item-text{
height:105px;
overflow: hidden;
}
.footer-content .list-soc{
font-size:14px;
}
.topl-items{
transform: scale(0.7);
min-width: 870px;
margin: -210px 0 -210px -130px;
}
.topl-items-bg{
left: calc(-25% - 380px);
}
.box-people-col-1 {
padding-top: 650px;
}
.box-people-col-1 .item-people, .box-people-col-3 .item-people{
margin-bottom: 170px;
}
.box-label-box-big-p{
margin-right: -130px;
padding-left: 400px;
}
}
@media (min-width: 992px) {
.home-category-box-pagination{
display: none !important
}
}
@media (max-width: 991px) {
.margin-top--90{
margin-top: 0px;
}
.history-img-3{
margin-left: -200px;
}
.history-img-4{
position: relative;
left: auto;
right: auto;
}
.history-img-10{
margin-left: -60px;
}
.fuel-item{
margin-top: 40px;
}
.fuel-item-img{
max-width: 250px;
}
.fuel-item-title{
font-size: 25px;
margin-bottom: 20px;
}
.page-top + .box-label-box-top,
.box-label-box-top-2{
margin-top: -20px;
}
.global-img-l-label{
max-width: 275px;
margin-left: -300px;
}
.press-items-photo .press-item {
height: 230px;
}
.news-page-gallery a{
flex:0 0 50%;
margin-bottom: 15px;
padding-right: 15px;
}
.news-page-gallery{
margin-bottom: 20px;
}
.news-page-text{
padding-right: 15px;
}
.news-page-img{
margin-bottom: 20px;
}
.news-page-title h1 {
font-size: 25px;
margin-bottom: 20px;
}
.news-item-title,
.news-item-text,
.load-more{
font-size: 15px;
}
.news-items{
margin-bottom: 30px;
}
.load-more{
margin-bottom: 80px;
}
.news-item-date a,
.news-item-date span{
font-size: 14px;
}
.news-item-img {
width: 200px;
flex: 0 0 200px;
max-width: 200px;
}
.press-items-margin .press-item:first-child{
margin-left: 0;
}
.press-items-margin {
margin-left: 0;
}
.box-people {
height: 1000px;
margin: 0;
}
.fz-21{
font-size: 16px;
}
.item-people-img {
height: 180px;
}
.people-title-box{
margin-right: 0;
padding: 20px;
}
.item-people-info{
padding: 20px;
}
.box-people-col-1{
padding-top: 250px;
}
.box-people-col-1 .item-people, .box-people-col-3 .item-people{
margin-bottom: 0;
}
.box-people-toggle{
font-size: 14px;
left: 0;
}
.form-job:after{
left: calc(50% - 20px);
}
.form-job .row .form-job-col:nth-child(1){
padding-right: 40px;
}
.form-job .row .form-job-col:nth-child(2){
padding-left: 40px;
}
.topl-items {
transform: scale(0.55);
margin: -320px 0 -310px -195px;
}
.topl-items-bg{
left: calc(-25% - 412px);
}
.topl-items-logo {
top: 250px;
left: 150px;
}
.tooltipster-sidetip .tooltipster-content{
font-size: 14px;
}
.cr-box{
transform: scale(0.55);
margin-top: -180px;
}
.cr-box-text{
margin-top: -180px;
}
.cr-box-text-title{
font-size: 15px;
}
.box-str{
transform: scale(0.5);
margin:-265px 0 0 -385px;
}
.box-str-lgn{
margin-top: -250px;
}
.box-str-lgn ul{
flex-direction: column;
}
.box-str-lgn ul li{
flex:0 0 100%;
width: 100%;
max-width: 100%;
}
.item-person{
padding-left: 10px;
padding-right: 10px;
}
.chosen-person{
/*padding-right: 0;*/
}
.home-box-news{
width: 300px;
flex:0 0 300px;
}
.news-box-news{
width: 200px;
flex:0 0 200px;
}
.news-page-buttom, .news-page-tags{
margin-top: 20px;
}
.news-page-tags a{
font-size: 14px;
}
.w-px-390,
.home-box-news-slider{
width: 300px;
}
.home-box-map-content{
margin-bottom: 15px;
}
.item-person-img img{
max-width: 100%;
}
.header nav a:after{
bottom: 5px;
border-width: 2px;
}
.header nav a{
margin-bottom: 3px;
margin-top: 3px;
}
.home-category-box-item-title{
font-size: 16px;
}
.link-more.pr-5{
font-size: 12px;
}
.home-top-box-title{
font-size:35px;
}
.home-box-counts-item-num{
font-size:70px;
}
.home-box-counts-item-text, .box-label-box{
font-size:16px;
}
.home-box-news-item{
font-size:16px;
}
.box-label-box{
padding: 20px;
font-size:14px;
}
.menu-title, .menu ul a{font-size: 14px !important;}
.menu{padding:30px;}
.menu ul ul{margin-left: 20px;}
.home-box-map-content{
position: relative;
top:auto;
bottom:auto;
}
.home-box-map-bg{
top:0px;
bottom:0px;
}
.home-box-map-image-box{
height:475px;
}
.home-box-map-image{
margin-top: -170px;
left:20%;
}
.box-label-box-top{
margin-bottom: -20px;
}
.box-label-box-bottom{
margin-top: 0px;
}
.home-box-map-content-item{
margin-bottom: 15px;
}
.page-text{
font-size: 16px;
}
.box-title{
font-size: 22px;
}
.box-title-small{
font-size: 18px;
}
.box-label-box-big-p{
margin-right: -100px;
padding-left: 72%;
}
}
@media (min-width: 768px) {
.menu ul{
display: block !important;
}
.w-md-50{
width: 50% !important;
}
.wAllD{
width: 100vw;
position: relative;
margin-left: -50vw;
left: 50%;
}
}
@media (max-width: 767px) {
html, body{
position: relative;
}
.search-list-text{
font-size: 14px;
}
.search-list-title a{
font-size: 16px;
}
.header-search-box{
z-index: 10;
position: absolute;
top:100%;
left:0;
right:0;
background: #fff;
margin: 1px 0 0 0 !important;
border-bottom: 1px solid #dbdbdb;
}
.header-search{
height: 45px;
}
.header-question{
justify-content: center;
}
.header-question a{
margin-top: 2px;
}
.header-question a span:last-child{
display: none;
}
.box-border-mini{
padding-top: 20px;
}
.col-imgs-19-20{
position: relative;
top:auto;
}
.box-imgs-19-20{
margin: 0;
padding: 0;
}
.history-img-3{
margin-left: 100px;
}
.history-img-13,
.history-img-5{
margin-bottom: 0;
}
.history-img-18{
margin-left: 0;
margin-bottom: 0;
}
.history-img-9{
padding-right: 15px;
}
.history-img-10{
margin-left: 0;
}
.history-bg-4{
margin-top: 30px;
padding-top: 0px;
height: auto;
}
.history-img-11{
margin-left: 0;
}
.block-history-1{
margin-top: 0;
padding: 1rem 15px 0;
}
.conacts-map{
height: 250px;
margin-top: 20px;
}
.box-label-box-top-2,
.page-top + .box-label-box-top{
margin-right: -15px;
}
.page-top + .box-label-box-top{
width: calc(100% + 30px) !important;
}
.page-box-counts-2.page-box-counts-text{
font-size: 14px;
padding: 20px !important;
}
.fuel-item:first-child{
margin-left: 0;
}
.page-top-video:after{
width: 60px;
height: 60px;
margin: -30px 0 0 -30px;
font-size: 35px;
}
.global-img-l-label{
max-width: 100%;
margin-left: 0;
position: relative;
top: auto;
margin-bottom: 15px;
padding: 15px;
font-size: 14px;
}
.global-img-l{
height: 200px;
margin-bottom: 15px;
}
.content-right-full{
margin-right: 0;
}
.content-left-full{
margin-left: 0;
}
.news-page-title h1{
font-size: 20px;
}
.news-box-news {
width: 100%;
flex: 0 0 100%;
}
.news-page-gallery a:nth-child(2n+2),
.news-page-text{
padding-right: 0;
}
.box-sub-title{
font-size: 18px;
}
.news-page-content{
flex:0 0 100% !important;
}
.box-3d{
margin:0;
}
.box-3d-row-text{
padding-right: 15px;
}
.box-3d-img{
margin:0 -15px 20px 0;
}
.box-3d-text{
margin:20px 0 10px;
}
.form-job-title{
margin-bottom: 20px;
}
.form-job{
margin-top: 20px;
}
.form-job:after{
display: none;
}
.form-job-col-right:after{
content: '';
background: url('/local/templates/baseTVEL/assets/img/form.jpg') 50% 50% no-repeat;
background-size: auto;
background-size: cover;
position: absolute;
top: 0;
right: 0;
bottom: 0;
z-index: -1;
left: 0;
}
.form-job .row .form-job-col:nth-child(1){
padding-right: 0;
}
.form-job .row .form-job-col:nth-child(2){
padding-left: 0;
}
.topl-items{
transform: scale(1);
margin: 0;
min-width: 1px;
padding-right: 15px;
}
.topl-items .wow{
visibility: visible !important;
}
.topl-item.topl-item-br-r::before {
clip: rect(0px, auto, auto, 53.5px);
}
.topl-item{
width: 80px;
height: 80px;
}
.topl-item-title{
top:25px;
left: 107px;
}
.topl-item-title2{
height: 80px;
left:107px;
}
.topl-items-arrow-down{
margin-left: 14px;
}
.topl-items-row-item-3 .topl-item{
margin-left: auto;
}
.topl-items-row-item-2 .topl-item{
margin-left: auto;
margin-right: auto;
}
.topl-items-row-item-column{
padding-left: 0;
}
.topl-items-row-item-column .topl-item{
margin-right: -30%;
}
.topl-items-row-item-3 .topl-item-title-top{
text-align: right;
left: auto;
right: 40px;
}
.topl-items-row-item-1 .topl-item-title-top{
text-align: left;
left: 40px;
}
.topl-items-row-item-3 .topl-item-title{
border-left: 1px solid;
border-right: 0;
left: auto;
right: 115px;
}
.topl-items-row-item-3 .topl-items-arrow-down .topl-item-title{
right: 73px;
}
.topl-items-bg{
top: 137px;
height: 656px;
background-size: contain;
}
.topl-item-title2-top-mobile{
height: auto;
left: 0;
right: 0;
max-width: 110px;
margin: auto;
text-align: center;
top: auto;
bottom: calc(100% + 25px);
color: #22bcd6;
}
.topl-item-title2-top-mobile:after{
border-top:0;
border-left: 3px solid #3a98d7;
width: 0;
height: 10px;
top: calc(100% + 2px);
left: 50%;
margin-left: -1.5px;
}
.topl-items-row-item-top-center{
margin-top: 8px;
}
.topl-items-row-item-3 .topl-item-title:after {
left: auto;
right: -11px;
transform: rotate(135deg);
}
.topl-items-row-item-2 .topl-items-arrow-down{
margin-left: auto;
margin-right: auto;
}
.topl-items-row-item-3 .topl-items-arrow-down{
margin-left: auto;
margin-right: 14px;
}
.topl-items-row-item-3 .topl-item.topl-item-br-r::before {
clip: rect(0px, 76.5px, auto, auto);
transform: rotate(-22deg);
}
.topl-items-row-item-3 .topl-item-title2{
left: auto;
right: 107px;
text-align: right;
}
.topl-items-row-item-3 .topl-item-title2::after{
right: -15px;
left: auto;
}
.topl-items-row-item-1 .topl-items-arrow-down .topl-item-title{
right: auto;
left: calc(100% + 20px);
border-left: 0;
border-right: 1px solid;
padding-left: 0;
}
.topl-items-row-item-1 .topl-items-arrow-down .topl-item-title:after{
transform: rotate(-45deg);
left: -11px;
right: auto;
}
.topl-item-title2-top{
right: calc(-30% - 15px);
max-width: 110px;
left: auto;
}
.topl-item-title2-bottom{
top: 205px;
max-width: 110px;
left: auto;
right: calc(-30% - 15px);
}
.topl-item-line-lt{
left: 50%;
top:5px;
width: calc(88% - 110px);
}
.topl-item-line-lt-2{
top:22px;
width: calc(88% - 58px);
}
.topl-item-line-rt{
top: 2px;
left: auto;
width: calc(82% - 80px);
right: calc(-48% - 80px);
}
.topl-items-row-item-right .topl-item:before{
right: -25px;
margin-left: 0;
left: auto;
}
.topl-items-arrow-down.topl-items-arrow-down-big:after{
height: 40px;
}
.topl-item-line-r{
width: calc(138% - 120px);
top: 90px;
left: 95px;
}
.topl-item-line-r:after{
left: 80%;
}
.topl-items-row-item-1-title-1{
left: 105px;
left: 105px;
text-align: left;
width: 106px;
background: #fff;
height: auto;
top: 67px;
padding: 5px 5px;
}
.topl-items-arrow-down-big{
margin-top: -25px;
}
.topl-item-line-r2{
top: 90px;
left: calc(80px + 39%);
width: calc(80px + 90.5%);
}
.topl-item-line-r2:after{
height: 27px;
}
.topl-items-row-item-right .topl-item:after{
left: auto;
right: 0;
height: 497px;
margin-left: auto;
}
.topl-items-row-item-right .topl-item{
border-radius: 0;
padding: 0;
height: 100px;
width: 125px;
font-family: 'TTLakes-DemiBold';
margin-left: auto;
}
.topl-items-row-item-right .topl-item span{
margin-top: -5px;
margin-bottom: -4px;
}
.topl-items-row-item-1-last .topl-item:before{
clip: rect(0px, auto, auto, 53.5px);
}
.topl-items-row-item-1-last .topl-item-title2-bottom{
top: 0;
max-width: unset;
left: 110px;
right: auto;
text-align: left;
}
.topl-items-row-item-1-last .topl-item-title2-bottom:after{
border-top: 3px solid #261777;
border-left: 0;
width: 10px;
height: 0;
top: 50%;
margin-top: -1.5px;
left: -14px;
}
.topl-items-row-item-2 .topl-item-title2-bottom2{
top: 167px;
max-width: 110px;
left: 0;
right: 0;
margin: auto;
}
.topl-items-logo {
left: 50%;
width: 74px;
height: 78px;
background-image: url('/local/templates/baseTVEL/assets/img/topl/logo_m.png');
margin-left: -37px;
top: 400px;
}
.topl-item-title-left{
top:0 !important;
left: auto !important;
right: 145px !important;
}
.topl-item-ico{
max-width: 40px;
max-height: 30px;
}
.topl-item::before{
clip: rect(0px, 56.5px, auto, auto);
}
.tooltipster-sidetip .tooltipster-content{
font-size: 13px;
}
.box-str{
transform: scale(0.55);
margin:-265px 0 0 -325px;
}
.box-str-lgn{
margin-top: -230px;
}
.pager {
padding-left: 5px;
}
.home-top-box-intro{
padding-left: 0;
}
.home-box-counts{
padding-left: 0;
padding-right: 15px;
}
.home-box-news{
width: 100%;
flex:0 0 100%;
}
.home-box-news-slider{
width: 100%;
}
.home-box-news{
overflow: hidden;
}
.w-px-390{
width: 100%;
}
.home-box-news-arrow{
margin-left: 25px;
}
.home-box-news-item{
margin: 70px 20px 50px;
}
.header nav a:after{
display: none;
}
.item-person-title {
font-size: 20px;
}
.item-person-sub-title, .item-person-intro {
font-size: 14px;
}
.page-full .page-title,
.page-full-no{
margin-left: 0;
}
.page-full .page-right{
margin-left: 0;
}
.box-title{
font-size: 20px;
}
.box-title-small{
font-size: 16px;
}
.left-menu{
margin-top: 0;
}
.page-title{
margin-top: 10px;
}
.page-text{
font-size: 14px;
}
.left-menu ul a{
font-size: 14px;
}
.page-title h1,
.page-title span{
font-size: 25px;
}
.home-box-news-counts{
padding-left: 15px !important;
padding-right: 15px !important;
}
.home-box-news-title{
padding-left: 15px !important;
left: -7.5px !important;
right: auto !important;
}
.w-30,.w-35,.w-40,.w-60,.w-65,.w-70,.w-90{width:100% !important;}
.w-55{width:95% !important;}
.home-top-box-inner{
margin-top: 0;
margin-bottom: 0;
}
.home-top-box{
height: auto;
}
.page-top{
height: 350px;
}
.home-top-box-inner{
padding: 30px;
}
.home-box-map-image{
transform: scale(0.7);
}
.home-box-map-image{
left:25%;
}
.home-box-map-image {
margin-top: -257px;
}
.home-box-map-image-box {
height: 335px;
padding-top: 20px;
}
.footer-ros{
page-break-after: always;
break-after: always;
margin-left: auto;
}
footer .container-fluid{
padding-left: 30px;
padding-right: 30px;
}
.footer-contacts{
width: 100%;
margin-top: 10px;
}
.footer-title{
display: none;
}
.footer-contacts br{
display: none !important;
}
.footer-contacts > div > div{
margin-top: 20px;
font-size: 20px;
}
.footer-content .list-soc{
font-size: 22px;
}
.list-soc{
padding-top: 15px;
}
.list-soc li{
flex: 1;
text-align: center;
}
.pager{
text-align: left;
justify-content: flex-start;
}
.menu ul{
display: none
}
.menu ul ul{
display: block;
}
.menu-title{
display: block;
position: relative;
}
.menu-title:not(.not-child):after{
font-weight: 900;
font-family: 'Font Awesome 5 Free';
content: "\f078";
position: absolute;
right: 0;
top:2px;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
}
.menu-title.open:after{
content: "\f077";
}
.menu-title.open + ul{
display: block !important;
}
.home-box-counts .home-box-counts-item:nth-child(2){
page-break-after: always;
break-after: always;
}
.box-label-box-big-p{
margin-right: -15px;
padding-left: 15px;
}
}
@media (min-width: 576px) and (max-width: 991px) {
.pager li{
/*font-size: 20px;*/
}
.box-separator .link-more{
/*font-size: 18px;*/
}
}
@media (min-width: 351px) and (max-width: 767px) {
.header-btn{
font-size: 25px;
}
.header-lang{
font-size:20px;
}
}
@media (max-width: 740px) {
.topl-items{
transform: scale(0.8);
margin: -110px 0 -110px -355px;
width: 710px;
left: 50%;
}
}
@media (max-width: 575px) {
.box-border-mini{
padding-top: 15px;
}
.fz-60 {
font-size: 40px;
}
.box-shadow{
font-size: 16px;
}
.border-bottom-380:after{
right: 0;
}
.box-shadow.border-bottom-380:after{
right: 20px;
width: auto;
}
.text-big-2 {
font-size: 60px;
}
.fuel-item-content{
flex-wrap: wrap;
}
.fuel-item-content > .fuel-item-img{
order: 2;
}
.fuel-item-img{
margin-top: 15px;
}
.fuel-item{
margin-top: 0;
margin-bottom: 30px;
}
.fuel-item-text{
margin-left: 0 !important;
margin-right: 0 !important;
}
.news-item-column .news-item-img.news-item-img-b{
height: auto;
}
.news-item-column .news-item-img-bg{
height: auto;
background: none !important;
}
.news-item-column .news-item-img-bg img{
position: relative;
opacity: 1;
}
.news-page-title h1 {
font-size: 18px;
}
.news-item{
flex-direction: column;
}
.news-item-img{
flex: 0 0 auto;
margin: 0 0 15px 0;
max-width: 100%;
width: 100%;
}
.box-3d-text:after{
width: 25px;
left: -35px;
}
.fz-21 {
font-size: 14px;
}
.box-3d .row{
padding-left: 50px;
}
.page-box-counts-2{
padding-left: 50px !important;
}
.item-people-img{
height: 90px;
}
.item-people-info {
padding: 10px;
}
.item-people-info{
height: 150px;
}
.box-people-col-3 {
padding-top: 150px;
}
.box-people-col-1 {
padding-top: 190px;
}
.box-people {
height: 750px;
}
.item-people-info .item-people-title,
.item-people-text{
font-size: 12px;
}
.topl-items{
transform: scale(0.6);
margin-top: -230px;
margin-bottom: -230px;
}
.tooltipster-sidetip .tooltipster-content{
font-size: 12px;
}
.cr-box{
transform: scale(0.34);
margin-top: -280px;
}
.cr-box-text{
margin-top: -280px;
}
.box-str{
transform: scale(0.3);
margin:-325px 0 0 -502px;
}
.box-str-lgn{
margin-top: -310px;
}
.link-more {
font-size: 12px;
}
.item-person-title {
font-size: 18px;
}
.menu {
padding: 20px;
}
.page-top {
height: 250px;
}
.home-box-counts{
margin-left: -10px;
margin-right: -15px;
width: auto !important
}
.w-50,
.w-md-50{
width: 100% !important;
}
.home-box-news-item {
font-size: 14px;
}
.home-box-map-image{
transform: scale(0.5);
}
.home-box-map-image{
left:15%;
}
.home-box-map-image{
margin-top: -275px;
}
.home-box-map-image-box{
height:263px;
}
.home-box-counts-item:last-child{
margin-top: 10px;
}
.home-box-counts-item-num{
font-size: 40px;
}
.home-box-counts-item-text {
font-size: 12px;
}
.home-box-map-content-cir{
width: 80px;
height: 80px;
flex: 0 0 80px;
margin-right: 15px;
}
.home-box-map-content-cir-1 {
font-size: 17px;
}
.home-box-map-content-cir-2 {
font-size: 12px;
}
.home-box-map-content-cir-3 {
font-size: 35px;
}
.home-box-map-content-cir-4 {
font-size: 15px;
}
.home-box-map-content-info{
font-size: 14px;
}
}
@media (max-width: 440px) {
.topl-items{
transform: scale(0.5);
margin-top: -290px;
margin-bottom: -290px;
}
}
@media (max-width: 380px) {
.topl-items{
transform: scale(0.4);
margin-top: -360px;
margin-bottom: -360px;
}
}
.fancybox-thumbs__list a{
opacity: 0.3;
}
.fancybox-thumbs__list a:before{
display: none;
}
.fancybox-thumbs-active{
opacity: 1 !important;
}
.fancybox-thumbs {
top: auto;
width: auto;
bottom: 0;
left: 0;
right : 0;
height: 95px;
padding: 10px 10px 5px 10px;
box-sizing: border-box;
background: rgba(0, 0, 0, 0.3);
}
.fancybox-show-thumbs .fancybox-inner {
right: 0;
bottom: 95px;
}
.fancybox-thumbs__list{
margin: 0 auto;
}
/*10.12.2020*/
/*@media (min-width: 1076px) and (max-width: 767px) {
.header-btn{
font-size: 25px;
}
.header-lang{
font-size:20px;
}
}*/