body,html{
overflow-x: hidden;
padding-right:0px !important;
font-family: 'Merriweather';
}
/*----------*/
.navbar-dark .navbar-nav .nav-link {
color: rgba(0, 49, 119, 1);
font-size: 16px;
font-family: 'Merriweather'; font-weight: 500;
padding: 15px 17px 15px 0;
margin-bottom: -3px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.navbar-dark .navbar-nav .logo-item-menu {
position: relative;
}
.navbar-dark .navbar-nav .logo-item-menu > img {
position: absolute;
width: 90px;
max-height: 50px;
left: -90px;
top: 0;
}
.bg-primary{
padding: 0;
/*border-bottom: 3px solid #93d5fa;*/
background: rgb(32,58,131);
background: linear-gradient(90deg, rgba(32,58,131,1) 0%, rgba(27,76,144,1) 35%, rgba(15,106,167,1) 100%);
}
.btn-top{
font-size: 16px;
font-family: 'Merriweather'; font-weight: 500;
color: rgba(0, 49, 119, 1);
background: none;
fill:rgba(15,106,167,1);
}
.btn-top-img{
width: 24px;
margin-bottom: -4px;
}
.btn-top:hover, .navbar-dark .navbar-nav .nav-link:hover {
color: rgba(27,76,144,1);
fill:rgba(15,106,167,1);
}
/*-------------*/
.carousel-item{
width: 100%;
height: 670px;
}
.carousel-inner{
position: relative;
}
.sl-img1{
position: absolute;
right: 2%;
top: 10%;
-webkit-animation: shake 1s linear;
animation: shake 1s linear ;
z-index: 10;
}
@-webkit-keyframes shake {
0% {
transform: translateX(120%);
}
100% {
transform: translateX(0%);
}
}
@keyframes shake {
0% {
transform: translateX(120%);
}
100% {
transform: translateX(0%);
}
}
.sl-img2{
position: absolute;
left: 2%;
top: 10%;
-webkit-animation: shake2 1s linear;
animation: shake2 1s linear ;
z-index: 10;
}
@-webkit-keyframes shake2 {
0% {
transform: translateX(-120%);
}
100% {
transform: translateX(0px);
}
}
@keyframes shake2 {
0% {
transform: translateX(-120%);
}
100% {
transform: translateX(0px);
}
}
.carousel-item1{
background-position: center center;
background-size: cover;
background-image: url("../images/sl1.png");
}
.carousel-item2{
background-position: center center;
background-size: cover;
background-image: url("../images/sl2.png");
}
.carousel-item3{
background-position: center center;
background-size: cover;
background-image: url("../images/sl3.png");
}
.carousel-item4{
background-position: center center;
background-size: cover;
background-image: url("../images/sl4.png");
}
.background-sl{
position: absolute;
background-size: cover;
background-image: url("../images/background-sl.png");
height: 100%;
top: 0;
bottom: 0;
left: 0;
right: 35%;
}
.background-sl2{
position: absolute;
background-size: cover;
background-image: url("../images/background-sl2.png");
height: 100%;
top: 0;
bottom: 0;
right: 0;
left: 35%;
}
h1{
color: #fff;
font-size: 42px;
font-family: 'Merriweather'; font-weight: 500;
max-width: 480px;
padding-top: 140px;
position: relative;
z-index: 20;
}
h2{
color: #fff;
font-size: 34px;
line-height: 42px;
font-family: 'Merriweather'; font-weight: 500;
max-width: 480px;
padding-top: 190px;
position: relative;
z-index: 20;
}
.content-sl hr {
background: #ffd43f;
top: 140px;
position: absolute;
width: 70px;
height: 4px;
z-index: 999;
}
.sl-p{
color: #fff;
font-size: 18px;
/*line-height: 23px;*/
font-family: 'Merriweather'; font-weight: 500;
max-width: 450px;
/*padding-top: 20px;*/
position: relative;
z-index: 20;
}
.btn-warning{
margin-top: 30px;
font-size: 18px;
font-family: 'Merriweather'; font-weight: 500;
background: rgba(252, 194, 61, 1);
border: 2px solid rgba(252, 194, 61, 1);
color: #333434;
position: relative;
z-index: 20;
width: 240px;
}
.btn-warning:hover{
background: #fcc813;
border: 2px solid #fcc813;
}
.content-sl-right{
float: right;
display: inline-block;
}
/*--------------*/
.card-width{
text-align: center;
width: 250px;
border-radius: 0;
border: none;
font-size: 32px;
font-family: 'Merriweather'; font-weight: 500;
height: 130px;
}
.card-group{
border-radius: 0;
}
.card-background{
color: rgba(32,58,131,1);
font-family: 'Merriweather';
font-weight: 800;
}
.card-center-background {
color: rgba(32,58,131,1);
font-family: 'Merriweather';
font-weight: 800;
width: 450px;
border-right: 1px solid rgba(32,58,131,1) !important;
border-left: 1px solid rgba(32,58,131,1) !important;
}
.card-group-top{
position: relative;
margin: 0 auto;
/*position: relative;
top: -90px;
margin: 0 auto;*/
}
.card-group .card {
margin: 40px auto 70px auto;
}
.card-group .card .btn-card-body{
background: #fff;
color: #2f93e8;
padding: 0.25rem 0.75rem !important;
cursor: pointer;
}
.card-group .card .btn-card-body > img {
height: 75px;
}
.card-group .card .btn-card-body:hover > img {
height: 90px;
}
.btn-card-body:hover{
background: none;
color: #fff;
}
.container-center{
text-align: center;
overflow: hidden;
}
/*------*/
h3{
width: 100%;
text-align: center;
font-size: 32px;
padding-bottom: 7px;
font-family: 'Merriweather'; font-weight: 800;
color: #353637;
margin-top: 20px;
}
.lainer{
display: inline-block;
width: 90px;
height: 4px;
background: rgb(32,58,131);
background: linear-gradient(90deg, rgba(32,58,131,1) 0%, rgba(27,76,144,1) 35%, rgba(15,106,167,1) 100%);
margin: 0 auto 55px;
}
.us-center{
text-align: center;
}
.us-center-p{
width: 100%;
padding-bottom: 80px;
font-family: 'Merriweather'; font-weight: 500;
font-size: 18px;
}
/*------*/
.block-form{
color: #fff;
padding: 60px 0;
background-size: cover;
background-image: url("../images/20200220/bg_lk.jpg");
background-position: center center;
}
.fotm-titel{
font-size: 26px;
width: 100%;
font-family: 'Merriweather';
font-weight: 500;
}
.lainer-form{
width: 90px;
height: 4px;
background: #fff;
margin-bottom: 20px;
}
.form-body{
width: 100px;
}
.form-body-input{
width: 100%;
background: none;
height: 43px;
color: rgba(255, 255, 255,1);
border: none;
border-bottom: 1px solid rgba(255, 255, 255, 1);
border-radius: 0;
}
.btn-warning-form{
width: 100%;
margin-top: 0;
}
button.btn-small-wide {
width: 100% !important;
padding: 7px !important;
font-size: 16px !important;
}
/*-------*/
.services{
padding: 70px 0 60px;
background-size: cover;
/*background-image: url("../images/services.png");*/
background-position: center center;
}
.services-block-a{
color: #fff;
}
.services-block1{
background: rgba(255, 255, 255, 1);
}
.services-block1:hover{
background: #fff;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.services-block2{
/*background: rgb(32,58,131);
background: linear-gradient(90deg, rgba(32,58,131,1) 0%, rgba(27,76,144,1) 35%, rgba(15,106,167,1) 100%);*/
background: rgba(255, 255, 255, 1);
}
.services-block2:hover{
background: #fff;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.services-block3{
background: rgba(255, 255, 255, 1);
}
.services-block3:hover{
background: #fff;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.services-block4{
background: rgba(255, 255, 255, 1);
}
.services-block4:hover{
background: #fff;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.services-block-a:hover{
text-decoration: none;
background: #fff;
color: rgba(32,58,131,1);
}
.col-padding{
padding: 0;
}
.services-block{
text-align: center;
height: 240px;
position: relative;
}
.services .col-lg-4.col-md-4.col-sm-6.col-padding:nth-of-type(3n - 1) > .services-block {
margin: 0 15px !important;
}
.services-block img {
vertical-align: middle;
border-style: none;
position: absolute;
display: block;
top: 0;
width: 100%;
left: 0;
height: 220px;
}
.services-block:hover .services-block-titel {
color: rgba(255, 255, 255, 1);
padding: 60px 20px;
/* -webkit-box-shadow: 0px 0px 35px -8px rgba(10,10,10,0.74);
-moz-box-shadow: 0px 0px 35px -8px rgba(10,10,10,0.74);
box-shadow: 0px 0px 35px -8px rgba(10,10,10,0.74);*/
}
.services-block-titel{
font-size: 15px;
font-family: 'Merriweather';
position: absolute;
background: rgba(0, 0, 0, .6);
width: 100%;
bottom: 3px;
font-weight: 100;
padding: 20px 20px 0 20px;
line-height: 18px;
height: 80px;
}
.lainer-bottom{
margin-bottom: 60px;
}
/*-------*/
.form-bottom{
position: relative;
height: 490px;
background-size: cover;
background-image: url(../images/20200220/form_2.jpg);
background-position: center center;
}
.block-form-bottom{
padding: 15px 60px;
color: #fff;
position: relative;
height: auto;
text-align: center;
width: 80%;
margin: 0 auto;
}
.block-form-bottom-h{
font-size: 28px;
font-family: 'Merriweather'; font-weight: 500;
padding-top: 5px;
text-align: left;
line-height: 26px;
}
.lainer-color{
background: #fff;
margin-bottom: 30px;
float: left;
}
.block-form-bottom-p{
max-width: 900px;
font-size: 18px;
font-family: 'Merriweather'; font-weight: 500;
margin-bottom: 0;
}
/*-----*/
footer{
background: #3e3f40;
padding: 50px 0 50px;
color: #fff;
}
.contact-data p.footer-h {
font-size: 20px ;
font-family: 'Merriweather';
padding: 40px 0 0 0;
font-weight: 500;
margin-left: -100px;
}
.contact-data .data-name {
border-right: solid 2px rgba(255, 255, 255, 1);
margin-right: 30px !important;
}
.footer-ul li{
list-style: none;
}
.footer-ul{
padding-left: 0;
}
.footer-ul li a {
color: #fff;
font-size: 16px;
font-family: 'Merriweather'; font-weight: 500;
}
.icon-footer{
width: 38px;
fill:#FFFFFF;
margin-right: 7px;
}
.icon-footer:hover{
fill:rgba(15,106,167,1);
}
.footer-p{
font-size: 22px;
font-family: 'Merriweather'; font-weight: 500;
margin-bottom: 0;
}
.footer-p-size{
font-family: 'Merriweather'; font-weight: 800;
font-size: 18px;
margin-bottom: 2px;
margin-top: 9px;
}
.img-footer{
width: 23px;
fill:#FFFFFF;
margin-bottom: -6px;
}
.menu-img{
width: 33px;
}
.navbar-toggler{
border: none;
float: right;
}
/*======================================media==============================================================*/
@media (min-width: 1201px) and (max-width: 1440px){
.with-background-small-map.rus-version {
background-size: 70% !important;
}
.card-center-background {
border-right: 1px solid rgba(32,58,131,1) !important;
border-left: 1px solid rgba(32,58,131,1) !important;
}
.card-group .card .btn-card-body > img {
height: 65px;
}
.card-group .card .btn-card-body:hover > img {
height: 80px;
}
.navbar-dark .navbar-nav .nav-link {
font-size: 16px;
padding: 15px 17px;
margin-bottom: -3px;
}
.btn-top{
font-size: 18px;
}
.btn-top-img{
width: 24px;
margin-bottom: -4px;
}
/*-------------*/
.carousel-item{
width: 100%;
height: 580px;
}
.sl-img1{
width: 650px;
right: 3%;
top: 15%;
}
@-webkit-keyframes shake {
0% {
transform: translateX(90%);
}
100% {
transform: translateX(0%);
}
}
@keyframes shake {
0% {
transform: translateX(120%);
}
100% {
transform: translateX(0%);
}
}
.sl-img2{
width: 650px;
left: 3%;
top: 10%;
}
@-webkit-keyframes shake2 {
0% {
transform: translateX(-120%);
}
100% {
transform: translateX(0px);
}
}
@keyframes shake2 {
0% {
transform: translateX(-120%);
}
100% {
transform: translateX(0px);
}
}
.background-sl{
right: 25%;
}
.background-sl2{
left: 30%;
}
h1{
font-size: 36px;
max-width: 430px;
padding-top: 100px;
}
.sl-p{
font-size: 16px;
line-height: 23px;
max-width: 400px;
padding-top: 20px;
}
.btn-warning{
margin-top: 20px;
font-size: 16px;
width: 220px;
}
/*--------------*/
.card-width{
text-align: center;
width: 250px;
font-size: 20px;
height: 198px;
}
.card-background{
padding-top: 30px;
height: 178px;
margin-top: 10px;
}
.card-center-background{
padding-top: 30px;
z-index: 20;
}
.card-group-top{
position: relative;
margin: 0 auto;
}
.btn-card-body{
font-size: 14px;
width: 170px;
}
.container-center{
text-align: center;
}
/*------*/
h3{
font-size: 32px;
padding-bottom: 7px;
margin-top: 20px;
}
.lainer{
width: 90px;
height: 4px;
margin: 0 auto 55px;
}
.us-center{
text-align: center;
}
.us-center-p{
width: 100%;
padding-bottom: 80px;
font-size: 18px;
}
/*------*/
.block-form{
color: #fff;
padding: 60px 0;
}
.fotm-titel{
font-size: 26px;
}
.lainer-form{
width: 90px;
height: 4px;
background: #fff;
margin-bottom: 20px;
}
.form-body{
width: 100px;
}
.form-body-input{
width: 100%;
height: 43px;
}
.btn-warning-form{
width: 100%;
margin-top: 0;
}
/*-------*/
.services{
padding: 70px 0 50px;
background-size: cover;
background-position: center center;
}
.col-padding{
padding: 0;
}
.services-block{
text-align: center;
height: 237px;
}
.services-block-titel{
font-size: 15px;
font-family: 'Merriweather'; font-weight: 800;
padding: 5px 9px 30px;
}
.lainer-bottom{
margin-bottom: 60px;
}
/*-------*/
.form-bottom{
position: relative;
}
.block-form-bottom-h{
font-size: 20px;
}
.lainer-color{
background: #fff;
margin-bottom: 30px;
}
.block-form-bottom-p{
max-width: 900px;
font-size: 18px;
font-family: 'Merriweather'; font-weight: 500;
margin-bottom: 0;
}
/*-----*/
footer{
background: #3e3f40;
padding: 50px 0 50px;
color: #fff;
}
.footer-h{
font-size: 20px;
font-family: 'Merriweather'; font-weight: 800;
}
.footer-ul li{
list-style: none;
}
.footer-ul{
padding-left: 0;
}
.footer-ul li a{
color: #fff;
font-size: 16px;
font-family: 'Merriweather'; font-weight: 500;
}
.icon-footer{
width: 38px;
fill:#FFFFFF;
margin-right: 7px;
}
.icon-footer:hover{
fill:rgba(15,106,167,1);
}
.footer-p{
font-size: 22px;
font-family: 'Merriweather'; font-weight: 500;
margin-bottom: 0;
}
.footer-p-size{
font-family: 'Merriweather'; font-weight: 800;
font-size: 18px;
margin-bottom: 2px;
margin-top: 9px;
}
.img-footer{
width: 23px;
fill:#FFFFFF;
margin-bottom: -6px;
}
}
@media (min-width: 992px) and (max-width: 1200px){
.with-background-small-map.rus-version {
background-size: 70% !important;
}
.card-center-background {
border-right: 1px solid rgba(32,58,131,1) !important;
border-left: 1px solid rgba(32,58,131,1) !important;
}
.card-group .card .btn-card-body > img {
height: 65px;
}
.card-group .card .btn-card-body:hover > img {
height: 80px;
}
.contact-data p.footer-h {
margin-left: 0px !important;
}
footer .container {
width: 100% !important;
}
.top-panel .container li.language-list > a {
font-size: 16px !important;
}
.top-panel .container li.slogan > p {
font-size: 16px !important;
}
.navbar-dark .navbar-nav .nav-link {
font-size: 15px;
padding: 15px 8px;
margin-bottom: -3px;
}
.btn-top{
font-size: 18px;
}
.btn-top-img{
width: 24px;
margin-bottom: -4px;
}
/*-------------*/
.carousel-item{
width: 100%;
height: 550px;
}
.sl-img1{
width: 550px;
right: 3%;
top: 15%;
}
@-webkit-keyframes shake {
0% {
transform: translateX(90%);
}
100% {
transform: translateX(0%);
}
}
@keyframes shake {
0% {
transform: translateX(120%);
}
100% {
transform: translateX(0%);
}
}
.sl-img2{
width: 550px;
left: 3%;
top: 10%;
}
@-webkit-keyframes shake2 {
0% {
transform: translateX(-120%);
}
100% {
transform: translateX(0px);
}
}
@keyframes shake2 {
0% {
transform: translateX(-120%);
}
100% {
transform: translateX(0px);
}
}
.background-sl{
right: 35%;
background-image: url("../images/background-sl-2.png");
}
.background-sl2{
left: 30%;
}
h1{
font-size: 30px;
max-width: 400px;
padding-top: 90px;
}
.sl-p{
font-size: 16px;
line-height: 21px;
max-width: 350px;
padding-top: 20px;
}
.btn-warning{
margin-top: 20px;
font-size: 16px;
width: 200px;
}
/*--------------*/
.card-width{
text-align: center;
width: 210px;
font-size: 20px;
height: 190px;
}
.card-background{
padding-top: 30px;
height: 170px;
margin-top: 10px;
}
.card-center-background{
padding-top: 30px;
z-index: 20;
}
.card-group-top{
position: relative;
margin: 0 auto;
}
.btn-card-body{
font-size: 13px;
width: 170px;
}
.container-center{
text-align: center;
}
/*------*/
h3{
font-size: 28px;
padding-bottom: 7px;
margin-top: 0px;
}
.lainer{
width: 90px;
height: 4px;
margin: 0 auto 55px;
}
.us-center-p{
padding: 0 20px 70px;
font-size: 16px;
}
/*------*/
.block-form{
padding: 50px 0;
}
.fotm-titel{
font-size: 23px;
}
.lainer-form{
width: 90px;
height: 4px;
margin-bottom: 20px;
}
.form-body{
width: 100px;
}
.form-body-input{
width: 100%;
height: 43px;
}
.btn-warning-form{
width: 100%;
margin-top: 0;
}
.col-padding{
padding: 0;
}
.services-block{
height: 275px;
}
.services-block-titel{
font-size: 14px;
padding: 5px 9px 30px;
}
.lainer-bottom{
margin-bottom: 50px;
}
.block-form-bottom-h{
font-size: 20px;
}
.lainer-color{
margin-bottom: 30px;
}
.block-form-bottom-p{
max-width: 900px;
font-size: 16px;
margin-bottom: 0;
}
/*-----*/
footer{
padding: 40px 0 40px;
}
.footer-h{
font-size: 18px;
}
.footer-ul li a{
font-size: 16px;
}
.icon-footer{
width: 33px;
margin-right: 7px;
}
.footer-p{
font-size: 20px;
margin-bottom: 0;
}
.footer-p-size{
font-size: 18px;
margin-bottom: 2px;
margin-top: 9px;
}
.img-footer{
width: 23px;
margin-bottom: -6px;
}
.services-block{
height: 237px !important;
}
}
@media (min-width: 768px) and (max-width: 991px){
.with-background-small-map.rus-version {
background-size: 60% !important;
}
.full-width .btn {
margin: 40px 0;
}
.form-bottom {
height: 540px !important;
}
.full-width {
width: 100%;
padding: 0;
margin: 0;
}
.block-form-bottom-h {
padding: 0 15px;
}
.lainer {
margin-left: 15px !important;
}
.block-form-bottom .full-width > .left-input {
float: left;
width: 49%;
}
.block-form-bottom .full-width > .right-input {
float: right;
width: 49%;
right: 0px;
position: relative;
}
.block-form-bottom {
padding: 15px 0px !important;
width: 90% !important;
}
.card-center-background {
border-right: 1px solid rgba(32,58,131,1) !important;
border-left: 1px solid rgba(32,58,131,1) !important;
}
.card-group .card .btn-card-body > img {
height: 55px;
}
.card-group .card .btn-card-body:hover > img {
height: 70px;
}
.contact-data p.footer-h {
margin-left: 0px !important;
}
footer .container {
width: 100% !important;
padding: 0;
position: relative;
display: block;
margin: 0;
max-width: 100%;
}
.contact-data .data-name {
border-right:none !important;
margin-right: 0 !important;
}
.top-panel .container li.language-list > a,
.top-panel .container li.slogan > p,
.top-panel .container li.language-list {
font-size: 14px !important;
}
.navbar-dark .navbar-nav .nav-link {
font-size: 12px;
padding: 15px 3px;
margin-bottom: -7px;
}
.btn-top{
font-size: 14px;
}
.btn-top-img{
width: 21px;
margin-bottom: -4px;
}
/*-------------*/
.carousel-item{
width: 100%;
height: 550px;
}
.sl-img1{
display: none;
}
.sl-img2{
display: none;
}
.background-sl{
right: 5%;
background-image: url("../images/background-sl-2.png");
}
.background-sl2{
left: 5%;
}
h1{
font-size: 28px;
max-width: 380px;
padding-top: 90px;
}
.sl-p{
font-size: 16px;
line-height: 21px;
max-width: 320px;
padding-top: 20px;
}
.btn-warning{
margin-top: 20px;
font-size: 16px;
width: 200px;
}
/*--------------*/
.card-width{
text-align: center;
width: 200px;
font-size: 18px;
height: 190px;
}
.card-background{
padding-top: 30px;
height: 170px;
margin-top: 10px;
}
.card-center-background{
padding-top: 30px;
z-index: 20;
}
.card-group-top{
position: relative;
margin: 0 auto;
}
.btn-card-body{
font-size: 13px;
width: 160px;
margin-top: 14px;
}
.container-center{
text-align: center;
}
/*------*/
h3{
font-size: 26px;
padding-bottom: 7px;
margin-top: 0px;
}
.lainer{
width: 80px;
height: 4px;
margin: 0 auto 55px;
}
.us-center-p{
padding: 0 20px 70px;
font-size: 16px;
}
/*------*/
.block-form{
padding: 20px 0;
}
.fotm-titel{
font-size: 18px;
}
.lainer-form{
width: 80px;
height: 4px;
margin-bottom: 20px;
}
.form-body{
width: 100px;
}
.form-body-input{
width: 100%;
height: 43px;
}
.btn-warning-form{
width: 100%;
margin-top: 0;
font-size: 15px;
}
.col-padding{
padding: 0;
}
.services-block{
height: 240px;
}
.services-block-titel{
font-size: 12px;
padding: 5px 11px 30px;
}
.lainer-bottom{
margin-bottom: 50px;
}
.services-block-icon{
width: 130px;
}
.block-form-bottom-h{
font-size: 20px;
}
.lainer-color{
margin-bottom: 30px;
}
.block-form-bottom-p{
max-width: 600px;
font-size: 15px;
margin-bottom: 0;
}
/*-----*/
footer{
padding: 30px 0 30px;
}
.footer-h{
font-size: 15px;
}
.footer-ul li a{
font-size: 14px;
}
.icon-footer{
width: 33px;
margin-right: 7px;
}
.footer-p{
font-size: 14px;
margin-bottom: 0;
}
.footer-p-size{
font-size: 14px;
margin-bottom: 2px;
margin-top: 9px;
}
.img-footer{
width: 20px;
margin-bottom: -6px;
}
}
@media (min-width: 577px) and (max-width: 767px){
.top-panel .container li.mobile-menu {
width: 15%;
float: left;
bottom: 0;
position: relative;
margin-top: 86px;
margin-left: -30px;
}
.top-panel .container li.mobile-menu .collapse.show {
top: 66px !important;
}
body > nav.navbar {
display: none !important;
}
.top-panel .container li.mobile-menu {
display: block !important;
}
.full-width .btn {
margin: 40px 0;
}
.form-bottom {
height: 540px !important;
}
.full-width {
width: 100%;
padding: 0;
margin: 0;
}
.block-form-bottom-h {
padding: 0 15px;
}
.lainer {
margin-left: 15px !important;
}
.block-form-bottom .full-width > .left-input {
float: left;
width: 49%;
}
.block-form-bottom .full-width > .right-input {
float: right;
width: 49%;
right: 0px;
position: relative;
}
.block-form-bottom {
padding: 35px 0px !important;
width: 90% !important;
}
.card-center-background {
border-right: 1px solid rgba(32,58,131,1) !important;
border-left: 1px solid rgba(32,58,131,1) !important;
}
.contact-data p.footer-h {
margin-left: 0px !important;
}
footer .container {
width: 80% !important;
}
.contact-data .data-name {
border-right:none !important;
margin-right: 0 !important;
}
footer .container .contact-data .col {
width: 100% !important;
position: relative;
margin: 0 auto !important;
display: block !important;
flex-basis: 100%;
}
.lainer-color {
margin-bottom: 5px !important;
}
h6 {
padding: 35px 0 0 0 !important;
}
.form-bottom {
height: 600px !important;
}
#personalDataProcessingRules.checkbox {
padding: 15px;
}
.services .col-lg-4.col-md-4.col-sm-6.col-padding:nth-of-type(3n - 1) > .services-block {
margin: 0 !important;
}
.services .col-lg-4.col-md-4.col-sm-6.col-padding:nth-of-type(2n) > .services-block {
margin: 0 0 0 15px !important;
}
.top-panel .container {
max-width: 90%;
}
.top-panel .container li.slogan {
width: 40% !important;
margin: 50px 0 !important;
}
.top-panel .container li.language-list {
width: 35% !important;
text-align: right !important;
}
.top-panel .container li.slogan > p {
display: none;
}
.top-panel .container li.language-list > a,
.top-panel .container li.slogan > p,
.top-panel .container li.language-list {
font-size: 14px !important;
}
.navbar-dark .navbar-nav .nav-link {
font-size: 14px;
padding: 10px 7px;
margin-bottom: -4px;
border: none;
}
.btn-top{
font-size: 15px;
}
.btn-top-img{
width: 21px;
margin-bottom: -4px;
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
border: none;
}
/*-------------*/
.carousel-item{
width: 100%;
height: 500px;
}
.sl-img1{
display: none;
}
.sl-img2{
display: none;
}
.background-sl{
right: -6%;
background-image: url("../images/background-sl-2.png");
}
.background-sl2{
left: -10%;
}
h1{
font-size: 26px;
max-width: 380px;
padding-top: 90px;
}
.sl-p{
font-size: 16px;
line-height: 21px;
max-width: 300px;
padding-top: 10px;
}
.btn-warning{
margin-top: 10px;
font-size: 16px;
width: 200px;
}
/*--------------*/
.card-width{
text-align: center;
width: 230px;
font-size: 14px;
height: 170px;
}
.card-center-background{
width: 290px;
}
.card-body{
padding: 6px 4px;
}
.card-background{
padding-top: 20px;
height: 150px;
margin-top: 10px;
}
.card-center-background{
padding-top: 30px;
z-index: 20;
}
.btn-card-body{
font-size: 15px;
width: 140px;
margin-top: 10px;
}
.container-center{
text-align: center;
}
/*------*/
h3{
font-size: 24px;
padding-bottom: 7px;
margin-top: 0px;
}
.lainer{
width: 70px;
height: 4px;
margin: 0 auto 35px;
}
.us-center-p{
padding: 0 20px 70px;
font-size: 16px;
}
/*------*/
.block-form{
padding: 30px 0;
}
.fotm-titel{
font-size: 18px;
}
.lainer-form{
width: 80px;
height: 4px;
margin-bottom: 20px;
}
.form-body{
width: 100px;
}
.form-body-input{
width: 100%;
height: 43px;
}
.btn-warning-form{
width: 100%;
margin-top: 0;
font-size: 15px;
}
.col-padding{
padding: 0;
}
.services-block{
height: 240px;
}
.services-block-titel{
font-size: 12px;
padding: 5px 11px 30px;
}
.lainer-bottom{
margin-bottom: 50px;
}
.services-block-icon{
width: 160px;
}
.block-form-bottom-h{
font-size: 20px;
}
.lainer-color{
margin-bottom: 30px;
}
.block-form-bottom-p{
max-width: 600px;
font-size: 15px;
margin-bottom: 0;
}
.card-width{
text-align: center;
width: 100%;
min-width: 290px;
font-size: 22px;
height: 170px;
}
.card-center-background{
width: 100%;
min-width: 290px;
padding-top: 30px;
z-index: 20;
}
.card-body{
padding: 6px 4px;
}
.card-background{
position: absolute;
margin: 0;
}
.card-group-top{
position: relative;
top: 20px;
margin: 0 auto;
width: 100%;
height: 150px;
overflow: hidden;
}
.btn-card-body{
font-size: 15px;
width: 140px;
margin-top: 10px;
}
/*-----*/
footer{
padding: 30px 0 30px;
}
.footer-h{
font-size: 15px;
margin-top: 10px;
}
.footer-ul li a{
font-size: 14px;
}
.icon-footer{
width: 33px;
margin-right: 7px;
}
.footer-p{
font-size: 14px;
margin-bottom: 0;
}
.footer-p-size{
font-size: 14px;
margin-bottom: 2px;
margin-top: 9px;
}
.img-footer{
width: 20px;
margin-bottom: -6px;
}
.top-panel .container li.logo-img {
width: 100% !important;
padding: 0 0 5px 0 !important;
position: absolute;
bottom: 5px;
}
.top-panel .container li.logo-img img {
width: 200px !important;
display: block;
margin: 0 auto;
position: relative;
}
.top-panel .container li.slogan {
display:none;
}
.card.card-width {
display: none;
}
.card.card-width.first {
display: block;
}
.card-center-background {
border: none !important;
}
.card-group .card {
margin: 0;
padding: 0;
}
.card-group .card .btn-card-body > img {
height: 70px;
}
.card-group .card .btn-card-body:hover > img {
height: 85px;
}
.card-width{
text-align: center;
width: 100%;
min-width: 290px;
font-size: 22px;
height: 170px;
}
.card-center-background{
width: 100%;
min-width: 290px;
padding-top: 30px;
z-index: 20;
}
.card-body{
padding: 6px 4px;
}
.card-background{
position: absolute;
margin: 0;
}
.card-group-top{
position: relative;
top: 20px;
margin: 0 auto;
width: 100%;
height: 150px;
overflow: hidden;
}
.btn-card-body{
font-size: 15px;
width: 140px;
margin-top: 10px;
}
.container-center{
text-align: center;
}
.left-logo {
position: absolute;
font-size: 32px;
font-weight: 800;
height: 35px;
width: 35px;
z-index: 99;
top: 30px;
left: 20px;
display: block !important;
cursor: pointer;
padding: 10px;
}
.right-logo {
position: absolute;
font-size: 32px;
font-weight: 800;
height: 35px;
width: 35px;
z-index: 99;
top: 30px;
right: 20px;
display: block !important;
cursor: pointer;
padding: 10px;
}
.mobile-title-block h2 {
font-size: 24px !important;
line-height: 28px !important;
}
.mobile-title-block h2 {
color: rgba(32,58,131,1);
padding: 0 10px;
margin: 0;
font-size: 20px;
text-align: center;
max-width: 100%;
line-height: 24px;
}
.mobile-title-block {
width: 100%;
position: relative;
padding: 10px 0;
display: block !important;
font-size: 16px;
margin: 0;
}
.services-block img {
vertical-align: middle;
border-style: none;
position: absolute;
display: block;
top: 0;
width: 100%;
left: 0;
max-height: 160px;
}
.services-block {
height: 180px;
}
}
@media (max-width: 576px){
body > nav.navbar {
display: none !important;
}
.top-panel .container li.mobile-menu {
display: block !important;
}
.top-panel .container li.logo-img {
width: 50% !important;
padding: 40px 0 0 0 !important;
}
.top-panel .container li.logo-img img {
display: block;
margin: 0 auto;
width: 70%;
}
.top-panel .container li.slogan {
display: none;
}
.form-bottom {
height: 620px !important;
}
#personalDataProcessingRules.checkbox {
padding: 15px;
}
.full-width {
width: 100%;
padding: 0;
margin: 0;
}
.block-form-bottom-h {
padding: 0 15px;
}
.lainer {
margin-left: 15px !important;
}
.block-form-bottom .full-width > .left-input {
float: left;
/*width: 49%;*/
}
.block-form-bottom .full-width > .right-input {
float: right;
/*width: 49%;*/
right: 0px;
position: relative;
}
.block-form-bottom {
padding: 15px 0px !important;
width: 90% !important;
}
.block-form-bottom .full-width .btn {
font-size: 14px !important;
margin: 20px 0 0 0;
}
.block-form-bottom-h {
font-size: 24px;
line-height: 28px;
}
.block-form .fotm-titel {
font-size: 18px;
}
.block-form-bottom .full-width input {
font-size: 14px;
margin-bottom: 4px;
}
.block-form button.btn-small-wide {
width: 100% !important;
padding: 5px !important;
font-size: 14px !important;
display: block;
margin: 0 auto;
}
.block-form .form-body-input {
width: 100%;
height: 34px;
}
.carousel h2 {
font-size: 16px;
line-height: 24px;
width: 90%;
padding-top: 50px;
}
.mobile-title-block {
width: 100%;
position: relative;
padding: 10px 0;
display: block !important;
font-size: 16px;
margin: 0;
}
.mobile-title-block h2 {
color: rgba(32,58,131,1);
padding: 0 10px;
margin: 0;
font-size: 20px;
text-align: center;
max-width: 100%;
line-height: 24px;
}
.left-logo {
position: absolute;
font-size: 32px;
font-weight: 800;
height: 35px;
width: 35px;
z-index: 99;
top: 30px;
left: 20px;
display: block !important;
cursor: pointer;
padding: 10px;
}
.right-logo {
position: absolute;
font-size: 32px;
font-weight: 800;
height: 35px;
width: 35px;
z-index: 99;
top: 30px;
right: 20px;
display: block !important;
cursor: pointer;
padding: 10px;
}
footer .container .contact-data {
margin: 0;
padding: 0;
}
footer .container .contact-data .data-name hr {
display: block !important;
margin: 0 auto 15px auto !important;
width: 70px;
height: 2px;
background: #fff;
}
footer .container .contact-data .col {
width: 60% !important;
position: relative;
margin: 0 auto !important;
display: block !important;
flex-basis: 60%;
padding: 0 80px;
}
.contact-data p.footer-h {
margin-left: 0px !important;
margin-top: 0;
padding-top: 0;
}
footer .container {
width: 100% !important;
}
.contact-data .data-name {
border-right:none !important;
margin-right: 0 !important;
}
.services .col-lg-4.col-md-4.col-sm-6.col-padding:nth-of-type(3n - 1) > .services-block {
margin: 0 !important;
}
.services .col-lg-4.col-md-4.col-sm-6.col-padding:nth-of-type(2n) > .services-block {
margin: 0!important;
}
.services {
width: 86% !important;
margin: 0 auto;
padding: 10px 0 10px !important;
}
.lainer-color {
margin-bottom: 5px !important;
}
h6 {
padding: 15px 0 0 0 !important;
}
.top-panel .container {
max-width: 98%;
}
.top-panel .container li.language-list {
text-align: right !important;
position: absolute !important;
}
.top-panel .container li.slogan > p {
display: none;
}
.top-panel .container li.slogan > span {
font-size: 18px !important;
}
.top-panel .container li.language-list > a,
.top-panel .container li.slogan > p,
.top-panel .container li.language-list {
font-size: 14px !important;
}
.navbar-dark .navbar-nav .nav-link {
font-size: 14px;
padding: 10px 7px;
margin-bottom: -4px;
border: none;
}
.btn-top{
font-size: 15px;
}
.btn-top-img{
width: 21px;
margin-bottom: -4px;
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
border: none;
}
/*-------------*/
.carousel-item{
width: 100%;
min-height: 300px;
height: 100%;
padding-bottom: 20px;
}
.content-sl hr {
top: 15px;
}
.sl-img1{
display: none;
}
.sl-img2{
display: none;
}
.background-sl{
right: 0;
background-size: cover;
background-image: url("../images/background-sl-min.png");
}
.background-sl2{
left: 0;
background-size: cover;
background-image: url("../images/background-sl-min.png");
}
h1{
font-size: 25px;
width: 100%;
min-width: 290px;
padding-top: 90px;
}
.sl-p{
font-size: 16px;
line-height: 21px;
width: 100%;
min-width: 290px;
padding-top: 10px;
margin: 0;
}
.btn-warning{
margin-top: 10px;
font-size: 16px;
width: 200px;
}
.content-sl-right-min{
float: right;
display: inline-block;
}
.content-sl {
padding: 0 30px;
width: 290px;
}
/*--------------*/
.card.card-width {
display: none;
}
.card.card-width.first {
display: block;
}
.card-center-background {
border: none !important;
}
.card-group .card {
margin: 0;
padding: 0;
}
.card-group .card .btn-card-body > img {
height: 70px;
}
.card-group .card .btn-card-body:hover > img {
height: 85px;
}
.card-width{
text-align: center;
width: 100%;
min-width: 290px;
font-size: 22px;
height: 170px;
}
.card-center-background{
width: 100%;
min-width: 290px;
padding-top: 30px;
z-index: 20;
}
.card-body{
padding: 6px 4px;
}
.card-background{
position: absolute;
margin: 0;
}
.card-group-top{
position: relative;
top: 20px;
margin: 0 auto;
width: 100%;
height: 150px;
overflow: hidden;
}
.btn-card-body{
font-size: 15px;
width: 140px;
margin-top: 10px;
}
.container-center{
text-align: center;
}
/*------*/
.us-center{
padding-top: 40px;
}
h3{
font-size: 18px;
margin-top: 0px;
padding: 0;
}
.lainer{
width: 70px;
height: 4px;
margin: 0 auto 15px;
}
.us-center-p{
padding: 0 20px 70px;
font-size: 16px;
}
/*------*/
.block-form{
padding: 30px 0;
}
.fotm-titel{
font-size: 18px;
}
.lainer-form{
width: 80px;
height: 4px;
margin-bottom: 20px;
}
.form-body{
width: 100px;
}
.form-body-input{
width: 100%;
height: 43px;
}
.btn-warning-form{
width: 100%;
margin-top: 0;
font-size: 15px;
}
.col-padding{
padding: 0;
}
.services-block{
height: 188px;
}
.services-block img {
max-height: 180px;
}
.services-block-titel{
font-size: 14px;
padding: 15px 11px 20px;
margin-bottom: 5px;
}
.lainer-bottom{
display: block;
margin: 0 auto 15px auto !important;
width: 70px;
}
.services-block-icon{
width: 170px;
}
footer{
padding: 30px 0 30px;
text-align: center;
}
.footer-h{
text-align: center;
width: 100%;
font-size: 15px;
margin-top: 10px;
}
.footer-ul li{
text-align: center;
}
.footer-ul li a{
font-size: 14px;
text-align: center;
}
.icon-footer{
width: 33px;
margin-right: 7px;
}
.footer-p{
font-size: 14px;
margin-bottom: 0;
}
.footer-p-size{
font-size: 14px;
margin-bottom: 2px;
margin-top: 9px;
}
.img-footer{
width: 20px;
margin-bottom: -6px;
}
.top-panel .container {
max-width: 100% !important;
}
.top-panel .container li.language-list {
padding: 0;
position: absolute !important;
bottom: 0;
color: rgba(255, 255, 255, 1);
right: 0;
height: 45px;
width: auto !important;
font-size: 12px !important;
display: block;
}
.top-panel .container li.language-list > a,
.top-panel .container li.slogan > p,
.top-panel .container li.language-list {
font-size: 10px !important;
}
.top-panel {
height: 70px !important;
}
.top-panel ul {
height: 70px !important;
}
.top-panel .container li.logo-img {
width: 100% !important;
padding: 0 0 5px 0 !important;
position: relative;
}
.top-panel .container li.logo-img img {
width: 100px !important;
display: block;
margin: 0 auto;
position: relative;
}
.top-panel .container li.mobile-menu .d-flex.flex-row-reverse {
height: 30px !important;
width: 30px !important;
}
.mobile-title-block h2 {
font-size: 14px !important;
line-height: 14px !important;
}
.btn.btn-warning {
margin-top: 10px;
font-size: 12px;
width: 190px;
padding: 0.5rem 0.75rem !important;
}
.carousel-item {
min-height: 250px !important;
padding-bottom: 20px !important;
padding-top: 20px !important;
}
.content-sl hr {
top: 55px !important;
margin: 0 !important;
}
.card-group-top {
top: 5px !important;
width: 100% !important;
height: 100px !important;
}
.left-logo, .right-logo {
top: 35px;
}
}
/*-----*/
.modal-title{
text-align: center;
font-size: 26px;
font-family: 'Merriweather'; font-weight: 800;
color: rgba(32,58,131,1);
width: 100%;
}
.close{
right: -45px;
top: -45px;
position: absolute;
opacity: 1;
}
.close-img{
width: 40px;
fill:#FFFFFF;
}
.modal-header{
border: 0;
}
.modal-content{
border-radius: 0;
border-bottom: 3px solid rgba(252, 194, 61, 1);
}
.label-modal{
font-family: 'Merriweather'; font-weight: 500;
font-size: 18px;
}
h6{
font-size: 16px;
font-family: 'Merriweather';
font-weight: 500;
padding: 5px 0;
text-align: left;
}
.btn-warning-flot{
float: right;
}
/*---*/
.btn-modal-center{
text-align: center;
padding-bottom: 10px;
font-family: 'Merriweather'; font-weight: 500;
font-size: 16px;
}
.modal-a-right{
float: right;
}
.modal-a{
font-size: 20px;
font-family: 'Merriweather'; font-weight: 500;
color: #000;
}
.modal-a:hover{
color: rgba(32,58,131,1);
text-decoration: none;
}
@media (max-width: 767px){
.btn-modal-center{
font-size: 13px;
}
.modal-a-right{
float: none;
}
.modal-a{
font-size: 16px;
}
.modal-title{
font-size: 20px;
}
.close{
right: 7px;
top: 7px;
}
.close-img{
fill:#000000;
width: 26px;
}
.label-modal{
margin-bottom: 3px;
font-size: 16px;
}
h6{
font-size: 18px;
}
.btn-warning-flot{
float: right;
}
.form-group-displei{
margin-bottom: 0;
}
}
/*-----------------company-------*/
.top-company{
height: 380px;
background-image: url("../images/componu.png");
width: 100%;
background-size: cover;
background-position: center center;
margin-bottom: 30px;
}
.breadcrumb{
background: none;
}
.breadcrumb > .breadcrumb-item{
font-size: 16px;
font-family: 'Merriweather'; font-weight: 500;
}
h5{
font-size: 28px;
padding-bottom: 15px;
font-family: 'Merriweather'; font-weight: 800;
padding-left: 10px;
}
.company-p{
padding-left: 10px;
font-family: 'Merriweather'; font-weight: 500;
font-size: 18px;
margin-bottom: 0;
}
.container-bottom{
padding-bottom: 50px;
}
@media (min-width: 768px) and (max-width: 991px){
h5{
font-size: 24px;
padding-bottom: 15px;
}
.company-p{
font-size: 16px;
}
}
@media (min-width: 577px) and (max-width: 767px){
h5{
font-size: 24px;
padding-bottom: 15px;
}
.company-p{
font-size: 16px;
}
}
@media (max-width: 576px){
.breadcrumb > .breadcrumb-item{
font-size: 14px;
}
.breadcrumb{
background: none;
padding-left: 10px;
}
h5{
font-size: 22px;
padding-bottom: 15px;
padding-left: 10px;
}
.company-p{
font-size: 15px;
padding: 0 10px;
}
.container-bottom{
padding-bottom: 40px;
}
.top-company{
height: 260px;
margin-bottom: 20px;
}
}
/*----services---*/
.container-top{
padding-top: 5px;
}
.services-ul{
padding-left: 6px;
font-size: 18px;
font-family: 'Merriweather'; font-weight: 500;
}
.services-ul li{
list-style: none;
}
.services-img{
width: 100%;
margin-top: 10px;
border-top: 4px solid rgba(32,58,131,1);
}
@media (min-width: 768px) and (max-width: 991px){
.services-ul{
padding-left: 6px;
font-size: 16px;
margin-bottom: 0;
}
}
@media (min-width: 577px) and (max-width: 767px){
.services-ul{
padding-left: 6px;
font-size: 16px;
margin-bottom: 0;
}
}
@media (max-width: 576px){
.services-ul{
padding-left: 9px;
font-size: 15px;
margin-bottom: 0;
}
}
/*----------new------------*/
.media-background{
/*background: #ecedee;
border-top: 3px solid rgba(32,58,131,1);*/
width: 100%;
padding: 18px;
margin-bottom: 40px;
}
.media.media-background > img {
width: 30%;
height: auto !important;
}
.media.media-background > .media-body {
padding: 60px 0;
}
.media.media-background > .media-body .media-body-h {
font-weight: 100;
font-size: 28px;
margin-bottom: 3px;
margin-right: 30px;
width: 70%;
}
.media.media-background > .content-background-sl hr {
background: #ffd43f;
top: 140px;
width: 70px;
height: 3px;
z-index: 999;
left: 0;
float: left;
margin-left: 5px;
}
@media (min-width: 768px) and (max-width: 991px){
.media-background{
display: block;
}
.media.media-background > img {
width: 100%;
}
.media.media-background > .media-body {
width: 100%;
}
.media.media-background > img.desktop-show-image {
display: none;
}
.media.media-background > img.mobile-hidden-image {
display: block !important;
}
}
@media (min-width: 577px) and (max-width: 767px){
.media-background{
display: block;
}
.media.media-background > img {
width: 100%;
}
.media.media-background > .media-body {
width: 100%;
}
.media.media-background > img.desktop-show-image {
display: none;
}
.media.media-background > img.mobile-hidden-image {
display: block !important;
}
}
@media (max-width: 576px){
.media-background{
display: block;
margin-bottom: 60px;
}
.media.media-background > img {
width: 100%;
}
.media.media-background > .media-body {
width: 100%;
}
.media.media-background > .media-body .media-body-h {
font-weight: 800;
font-size: 16px;
margin-bottom: 3px;
margin-right: 10px;
width: 100%;
}
.media.media-background > .media-body {
padding: 10px 0;
}
.media.media-background > img.desktop-show-image {
display: none;
}
.media.media-background > img.mobile-hidden-image {
display: block !important;
}
}
/*.media.media-background:nth-of-type(2n) > img {
float: left;
width: 30%;
}
.media.media-background:nth-of-type(2n) > .media-body {
float: right;
width: 65%;
}
.media.media-background:nth-of-type(2n+1) > img {
float: right;
width: 30%;
}
.media.media-background:nth-of-type(2n+1) > .media-body {
float: left;
width: 65%;
}*/
.new-img{
width: 165px;
height: 160px;
}
.media-body-h{
font-family: 'Merriweather'; font-weight: 800;
font-size: 22px;
margin-bottom: 3px;
margin-left: 3px;
}
.media-body-data{
font-size: 15px;
font-family: 'Merriweather'; font-weight: 500;
color: rgba(32,58,131,1);
margin-bottom: 4px;
margin-left: 3px;
}
.media-body-p{
font-size: 17px;
font-family: 'Merriweather'; font-weight: 500;
margin-bottom: 4px;
}
.box {
overflow: hidden;
height: 47px;
width: 100%;
line-height: 25px;
}
.box:before {
content: "";
float: left;
width: 5px;
height: 200px;
}
.box > *:first-child {
float: right;
width: 100%;
margin-left: -5px;
}
.box:after {
content: "\02026";
box-sizing: content-box;
float: right;
position: relative;
top: -25px;
left: 100%;
width: 3em;
margin-left: -3em;
padding-right: 5px;
text-align: right;
background-size: 100% 100%;
background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
}
.btn-left{
padding-left: 4px;
}
.arrowheads{
width: 25px;
}
.pagination > .page-item > .page-link {
/*border: 2px solid rgba(32,58,131,1);
color: rgba(32,58,131,1);*/
color: #000;
margin: 0 6px;
font-size: 24px;
width: 40px;
text-align: center;
font-family: 'Merriweather';
font-weight: 800;
background: none;
border: none;
}
.pagination > .page-item > .page-link img {
color: #fff;
font-size: 12px;
}
.pagination > .page-item > .page-link:hover{
/*color: #fff;*/
font-weight: 800;
background: none;
/*background: rgb(32,58,131);
background: linear-gradient(90deg, rgba(32,58,131,1) 0%, rgba(27,76,144,1) 35%, rgba(15,106,167,1) 100%);*/
}
.pagination > .active > .page-link{
color: #fff;
background: #000;
/*background: rgb(32,58,131);
background: linear-gradient(90deg, rgba(32,58,131,1) 0%, rgba(27,76,144,1) 35%, rgba(15,106,167,1) 100%);*/
}
.pagination > .page-item-arrow > .page-link{
border: none;
background-color: transparent;
}
.pagination > .page-item-arrow > .page-link:hover{
border: none;
background: none;
}
.arrowheads-left{
transform: scaleX(-1);
}
.page-link:focus {
z-index: 2;
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0);
}
.news-data{
font-family: 'Merriweather'; font-weight: 800;
font-size: 16px;
color: rgba(32,58,131,1);
margin-left: 8px;
}
@media (min-width: 768px) and (max-width: 991px){
.media-background{
padding: 16px;
margin-bottom: 30px;
}
.new-img{
width: 155px;
height: 150px;
}
.media-body-h{
font-size: 19px;
margin-bottom: 3px;
margin-left: 3px;
}
.media-body-data{
font-size: 14px;
margin-bottom: 4px;
margin-left: 3px;
}
.media-body-p{
font-size: 16px;
margin-bottom: 4px;
}
.arrowheads{
width: 20px;
}
.pagination > .page-item > .page-link{
margin: 0 4px;
font-size: 16px;
width: 39px;
}
}
@media (min-width: 577px) and (max-width: 767px){
.media-background{
padding: 16px;
margin-bottom: 30px;
}
.new-img{
width: 155px;
height: 150px;
}
.media-body-h{
font-size: 19px;
margin-bottom: 3px;
margin-left: 3px;
}
.media-body-data{
font-size: 14px;
margin-bottom: 4px;
margin-left: 3px;
}
.media-body-p{
font-size: 16px;
margin-bottom: 4px;
}
.arrowheads{
width: 20px;
}
.pagination > .page-item > .page-link{
margin: 0 4px;
font-size: 16px;
width: 39px;
}
}
@media (max-width: 576px){
.media-background{
padding: 10px;
margin-bottom: 20px;
}
.new-img{
width: 125px;
height: 120px;
}
.media-body-h{
font-size: 17px;
margin-bottom: 3px;
margin-left: 3px;
}
.media-body-data{
font-size: 12px;
margin-bottom: 4px;
margin-left: 3px;
}
.media-body-p{
font-size: 15px;
margin-bottom: 4px;
}
.arrowheads{
width: 20px;
}
.pagination > .page-item > .page-link{
margin: 0 2px;
font-size: 16px;
width: 39px;
}
.box {
height: 40px;
line-height: 20px;
}
}
/*--------top-diltaspidyshnrus----------*/
.top-diltaspidyshnrus{
padding-top: 220px;
background-image: url("../images/top2.png");
text-align: center;
background-size: cover;
background-position: center center;
height: 490px;
margin-bottom: 40px;
}
.width-h{
width: 100%;
padding: 19px 0;
text-align: center;
background-image: url("../images/fon-h.png");
background-size: cover;
background-position: center center;
color: #fff;
font-size: 48px;
font-family: 'Merriweather'; font-weight: 500;
}
.advantages-block{
text-align: center;
width: 100%;
position: relative;
padding: 110px 0 250px;
}
.advantages-taxt{
position: absolute;
}
.advantages-taxt-h{
font-family: 'Merriweather'; font-weight: 800;
font-size: 19px;
margin-bottom: 5px;
}
.advantages-taxt-p{
font-family: 'Merriweather'; font-weight: 500;
font-size: 16px;
line-height: 21px;
}
.advantages-taxt1{
width: 370px;
text-align: right;
top: 75px;
left: 15px;
}
.advantages-taxt2{
width: 330px;
text-align: right;
top: 290px;
left: -55px;
}
.advantages-taxt3{
width: 300px;
text-align: right;
top: 530px;
left: 10px;
}
.advantages-taxt4{
width: 450px;
text-align: center;
bottom: 70px;
left: 340px;
}
.advantages-taxt5{
width: 310px;
text-align:left;
top: 75px;
right: -5px;
}
.advantages-taxt6{
width: 310px;
text-align:left;
top: 350px;
right: -30px;
}
.advantages-taxt7{
width: 330px;
text-align:left;
bottom: 210px;
right: -30px;
}
.background-gru{
background: #eceef0;
}
.comanda-div{
padding: 35px 0;
}
.comanda-img{
width: 240px;
height: 240px;
border-radius: 50%;
-webkit-box-shadow: 0px 0px 41px -8px rgba(10,10,10,0.74);
-moz-box-shadow: 0px 0px 41px -8px rgba(10,10,10,0.74);
box-shadow: 0px 0px 41px -8px rgba(10,10,10,0.74);
}
.comanda-h{
font-size: 24px;
font-family: 'Merriweather'; font-weight: 800;
margin-bottom: 5px;
margin-top: 20px;
}
.comanda-p{
font-size: 18px;
font-family: 'Merriweather'; font-weight: 500;
color: #434445;
}
/*======================================media==============================================================*/
@media (min-width: 992px) and (max-width: 1200px){
.top-diltaspidyshnrus{
padding-top: 180px;
height: 400px;
margin-bottom: 40px;
}
.width-h{
padding: 19px 0;
font-size: 44px;
}
.advantages-block{
width: 100%;
padding: 20px 0 30px;
}
.advantages-taxt{
position: static;
width: 100%;
}
.advantages-taxt-h{
font-size: 17px;
margin-bottom: 5px;
}
.advantages-taxt-p{
font-size: 14px;
line-height: 21px;
margin-bottom: 15px;
}
.advantages-img{
width: 340px;
}
.advantages-taxt1{
width: 100%;
text-align: center;
}
.advantages-taxt2{
width: 100%;
text-align: center;
}
.advantages-taxt3{
width: 100%;
text-align: center;
}
.advantages-taxt4{
width: 100%;
text-align: center;
}
.advantages-taxt5{
width: 100%;
text-align: center;
}
.advantages-taxt6{
width: 100%;
text-align: center;
}
.advantages-taxt7{
width: 100%;
text-align: center;
}
.comanda-div{
padding: 35px 0;
}
.comanda-img{
width: 200px;
height: 200px;
}
.comanda-h{
font-size: 22px;
margin-bottom: 5px;
margin-top: 20px;
}
.comanda-p{
font-size: 16px;
}
}
@media (min-width: 768px) and (max-width: 991px){
.top-diltaspidyshnrus{
padding-top: 160px;
height: 360px;
margin-bottom: 40px;
}
.width-h{
padding: 15px 0;
font-size: 40px;
}
.advantages-block{
width: 100%;
padding: 0px 0 30px;
}
.advantages-taxt{
position: static;
width: 100%;
}
.advantages-taxt-h{
font-size: 17px;
margin-bottom: 5px;
}
.advantages-taxt-p{
font-size: 14px;
line-height: 21px;
margin-bottom: 15px;
}
.advantages-img{
display: none;
width: 340px;
}
.advantages-taxt1{
width: 100%;
text-align: center;
}
.advantages-taxt2{
width: 100%;
text-align: center;
}
.advantages-taxt3{
width: 100%;
text-align: center;
}
.advantages-taxt4{
width: 100%;
text-align: center;
}
.advantages-taxt5{
width: 100%;
text-align: center;
}
.advantages-taxt6{
width: 100%;
text-align: center;
}
.advantages-taxt7{
width: 100%;
text-align: center;
}
.comanda-div{
padding: 35px 0;
}
.comanda-img{
width: 170px;
height: 170px;
}
.comanda-h{
font-size: 20px;
margin-bottom: 5px;
margin-top: 20px;
}
.comanda-p{
font-size: 16px;
}
}
@media (min-width: 577px) and (max-width: 767px){
.top-diltaspidyshnrus{
padding-top: 140px;
height: 320px;
margin-bottom: 40px;
}
.width-h{
padding: 15px 0;
font-size: 36px;
}
.advantages-block{
width: 100%;
padding: 0px 0 30px;
}
.advantages-taxt{
position: static;
width: 100%;
}
.advantages-taxt-h{
font-size: 15px;
margin-bottom: 5px;
}
.advantages-taxt-p{
font-size: 14px;
line-height: 21px;
margin-bottom: 15px;
}
.advantages-img{
display: none;
width: 340px;
}
.advantages-taxt1{
width: 100%;
text-align: center;
}
.advantages-taxt2{
width: 100%;
text-align: center;
}
.advantages-taxt3{
width: 100%;
text-align: center;
}
.advantages-taxt4{
width: 100%;
text-align: center;
}
.advantages-taxt5{
width: 100%;
text-align: center;
}
.advantages-taxt6{
width: 100%;
text-align: center;
}
.advantages-taxt7{
width: 100%;
text-align: center;
}
.comanda-div{
padding: 35px 0;
}
.comanda-img{
width: 170px;
height: 170px;
}
.comanda-h{
font-size: 20px;
margin-bottom: 5px;
margin-top: 20px;
}
.comanda-p{
font-size: 16px;
}
}
@media (max-width: 576px){
.top-diltaspidyshnrus{
padding-top: 120px;
height: 260px;
margin-bottom: 40px;
}
.width-h{
padding: 10px 0;
font-size: 28px;
}
.advantages-block{
width: 100%;
padding: 0px 0 30px;
}
.advantages-taxt{
position: static;
width: 100%;
}
.advantages-taxt-h{
font-size: 15px;
margin-bottom: 5px;
padding: 0 20px;
}
.advantages-taxt-p{
font-size: 14px;
line-height: 21px;
margin-bottom: 15px;
padding: 0 20px;
}
.advantages-img{
display: none;
width: 340px;
}
.advantages-taxt1{
width: 100%;
text-align: center;
}
.advantages-taxt2{
width: 100%;
text-align: center;
}
.advantages-taxt3{
width: 100%;
text-align: center;
}
.advantages-taxt4{
width: 100%;
text-align: center;
}
.advantages-taxt5{
width: 100%;
text-align: center;
}
.advantages-taxt6{
width: 100%;
text-align: center;
}
.advantages-taxt7{
width: 100%;
text-align: center;
}
.comanda-div{
padding: 5px 0;
}
.comanda-img{
width: 150px;
height: 150px;
}
.comanda-h{
font-size: 18px;
margin-bottom: 5px;
margin-top: 20px;
}
.comanda-p{
font-size: 14px;
}
.row-top{
padding-top: 30px;
}
}
/*--------top-diltaspidyshnrus----------*/
.top-diltaspidyshnrus2{
background-image: url("../images/top3.png");
background-size: cover;
background-position: center center;
}
.partners-div{
padding: 48px 0;
background-image: url("../images/fon-sl.png");
background-size: cover;
background-position: center center;
}
.partners-div-h{
text-align: left;
color: #fff;
padding-top: 23px;
}
.carousel-logo{
margin: 0 auto;
text-align: center;
background: #fff;
width: 230px;
height: 120px;
}
.logo-partner{
width: 170px;
margin: 0 auto;
display: inline-block;
}
.carousel-inner-heder{
height: 120px;
padding: 0 90px;
}
.job-block{
position: relative;
margin-bottom: 35px;
width: 100%;
height: 250px;
text-align: center;
padding:20px 30px;
-webkit-box-shadow: 0px 0px 17px 1px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 17px 1px rgba(0,0,0,0.2);
box-shadow: 0px 0px 17px 1px rgba(0,0,0,0.2);
}
.job-block-p{
font-size: 18px;
font-family: 'Merriweather'; font-weight: 800;
line-height: 21px;
padding-top: 15px;
}
.arra-job1{
position: absolute;
bottom: -55px;
left: 43%;
}
.arra-job2{
position: absolute;
right: -55px;
top: 43%;
}
.arra-job3{
position: absolute;
top: -55px;
left: 43%;
}
/*======================================media==============================================================*/
@media (min-width: 992px) and (max-width: 1200px) {
.partners-div{
padding: 45px 0;
}
.partners-div-h{
padding-top: 28px;
}
.carousel-logo{
width: 200px;
height: 90px;
}
.logo-partner{
width: 140px;
}
.carousel-inner-heder{
height: 90px;
padding: 0 90px;
}
.job-block{
margin-bottom: 35px;
height: 270px;
padding:20px 30px;
}
.job-block-p{
font-size: 17px;
line-height: 21px;
padding-top: 10px;
}
.arra-job1{
position: absolute;
bottom: -55px;
left: 43%;
}
.arra-job2{
position: absolute;
right: -55px;
top: 43%;
}
.arra-job3{
position: absolute;
top: -55px;
left: 43%;
}
}
@media (min-width: 992px) and (max-width: 1100px) {
.question-page.bg {
background-size: url('../images/20200220/bg_questions_768.jpg') center no-repeat !important;
}
.with-background-small-map {
background-size: 70% !important;
}
.company-services .container .row .col-padding .pre .company-services-title {
font-size:10px !important;
top: 10px !important;
right: 14px !important;
}
.company-services .container .row .col-padding .pre .company-services-title.small {
font-size: 8px !important;
}
.card-group .card {
margin: 20px auto 20px !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.question-page.bg {
background: url('../images/20200220/bg_questions_768.jpg') center no-repeat !important;
background-size: 140% !important;
}
.card-group .card {
margin: 20px auto 20px !important;
}
.with-background-small-map {
background-image: none !important;
}
.mobile-background {
display: block !important;
position: relative;
background: url('../images/20200220/small_bg_bottom.png') right no-repeat;
max-width: 100%;
background-size: 100%;
width: 100%;
height: 300px;
}
.mobile-background.rus-version {
background: url('../images/20200220/small_bg_rus_bottom.png') right no-repeat;
background-size: 100%;
}
/*.with-background-small-map {
background-size: 100% !important;
}*/
/*.company-services .container .row .col-padding .pre {
width: 75% !important;
}*/
.company-services .container .row .col-padding .pre .company-services-title {
font-size: 7px !important;
top: 8px !important;
right: 10px !important;
}
.company-services .container .row .col-padding .pre .company-services-title.small {
font-size: 6px !important;
}
/*.company-services .container .row .col-padding .pre.center {
margin-left: 25px !important;
}*/
.partners-div{
padding: 40px 0 20px;
}
.partners-div-h{
padding-top: 8px;
}
.carousel-logo{
width: 180px;
height: 90px;
}
.logo-partner{
width: 140px;
}
.carousel-inner-heder{
height: 90px;
padding: 0 30px;
}
.job-block{
margin-bottom: 35px;
height: 230px;
padding:10px 10px;
}
.job-block-p{
font-size: 17px;
line-height: 21px;
padding-top: 10px;
}
.arra-job1{
position: absolute;
bottom: -41px;
left: 43%;
width: 25px;
}
.arra-job2{
position: absolute;
right: -40px;
top: 43%;
height: 25px;
}
.arra-job3{
position: absolute;
top: -42px;
left: 43%;
width: 25px;
}
.job-img{
width: 70px;
}
}
@media (min-width: 577px) and (max-width: 767px) {
.block-form{
background-image: url("../images/20200220/bg_lk_mobile.jpg") !important;
}
.contact-page {
background: url('../images/20200220/bg_contacts_mobile.jpg') center no-repeat !important;
}
.question-page.bg {
background: url('../images/20200220/bg_questions_768.jpg') center no-repeat !important;
background-size: auto !important;
}
.contact-page-left {
float: left;
width: 90% !important;
display: block !important;
margin: 0 auto !important;
}
.contact-page-right {
float: left;
width: 90% !important;
display: block !important;
margin: 150px auto 50px !important;
}
.card-group .card {
margin: 20px auto 20px !important;
}
.with-background-small-map {
background-image: none !important;
}
.mobile-background {
display: block !important;
position: relative;
background: url('../images/20200220/small_bg_bottom.png') right no-repeat;
max-width: 100%;
background-size: 100%;
width: 100%;
height: 300px;
}
.mobile-background.rus-version {
background: url('../images/20200220/small_bg_rus_bottom.png') right no-repeat;
background-size: 100%;
}
.company-text {
font-size: 14px !important;
}
.company-services .container .row .col-padding .pre .company-services-title {
right: 30px !important;
width: 50% !important;
top: 35px !important;
}
/*.with-background-small-map {
background-size: 100% !important;
}
.with-background-small-map {
background-position: 0px 170px !important;
}*/
.with-background-map .lainer {
margin: 0 auto 40px !important;
}
.with-background-map .short-block {
padding: 0 40px;
}
.company-services .container .row .col-lg-4.col-md-4.col-sm-6 {
width: 100% !important;
max-width: 100% !important;
flex: none !important;
}
/*.company-services .container .row .col-padding .pre .company-services-title {
font-size: 12px !important;
}*/
.company-services .container .row .col-padding:nth-of-type(2n+1) .pre {
float: left !important;
margin-left: 30px !important;
}
.company-services .container .row .col-padding:nth-of-type(2n) .pre {
float: right !important;
margin-right: 30px !important;
}
.requisites .container {
width: 100% !important;
max-width: 100%;
padding: 0 0 10px 0;
}
.requisites .container .requisites-overlay {
width: 100%;
padding: 10px 20px 10px 100px !important;
}
.with-background-small-map .requisites-overlay h3 {
padding-bottom: 20px !important;
font-size: 20px;
}
.with-background-small-map .requisites-overlay .text {
font-size: 16px;
}
.with-background-small-map .requisites-overlay p {
margin: 0 !important;
}
.with-background-small-map .requisites-overlay .vertical-lainer {
height: 90% !important;
top: 5% !important;
left: 65px !important;
}
.partners-div{
padding: 40px 0 30px;
}
.partners-div-h{
padding-top: 8px;
text-align: center;
margin-bottom: 20px;
}
.carousel-logo{
width: 180px;
height: 90px;
}
.logo-partner{
width: 140px;
}
.carousel-inner-heder{
height: 90px;
padding: 0 30px;
}
.job-block{
margin-bottom: 15px;
height: 230px;
padding:10px 10px;
}
.job-block-p{
font-size: 17px;
line-height: 21px;
padding-top: 10px;
}
.arra-job1{
display: none;
position: absolute;
bottom: -55px;
left: 43%;
}
.arra-job2{
display: none;
position: absolute;
bottom: -55px;
left: 43%;
}
.arra-job3{
display: none;
position: absolute;
bottom: -55px;
left: 43%;
}
.job-img{
width: 120px;
}
}
@media (min-width: 476px) and (max-width: 576px) {
.block-form{
background-image: url("../images/20200220/bg_lk_mobile.jpg") !important;
}
.contact-page {
background: url('../images/20200220/bg_contacts_mobile.jpg') center no-repeat !important;
padding: 50px !important;
}
.question-page.bg {
background: url('../images/20200220/bg_questions_480.jpg') center no-repeat !important;
background-size: 130% !important;
}
.contact-page-left {
float: left;
width: 90% !important;
display: block !important;
margin: 0 auto !important;
}
.contact-page-right {
float: left;
width: 90% !important;
display: block !important;
margin: 150px auto 50px !important;
}
.contact-page-left h5,
.contact-page-right p {
font-size: 22px !important;
}
form .wide-button {
width: 100% !important;
}
.company-services .container .row .col-padding .pre .company-services-title {
right: 30px !important;
width: 50% !important;
top: 35px !important;
}
/*.container-bottom {
padding-bottom: 180px !important;
}*/
/*.with-background-small-map {
background-position: 0px 170px !important;
}*/
}
@media (min-width: 321px) and (max-width: 475px) {
.block-form{
background-image: url("../images/20200220/bg_lk_mobile.jpg") !important;
}
.contact-page {
background: url('../images/20200220/bg_contacts_mobile.jpg') center no-repeat !important;
padding: 40px !important;
}
.question-page.bg {
background: url('../images/20200220/bg_questions_320.jpg') center no-repeat !important;
background-size: 140% !important;
}
.contact-page-left {
float: left;
width: 90% !important;
display: block !important;
margin: 0 auto !important;
}
.contact-page-right {
float: left;
width: 90% !important;
display: block !important;
margin: 150px auto 50px !important;
}
.contact-page-left h5,
.contact-page-right p {
font-size: 18px !important;
}
form .wide-button {
width: 100% !important;
}
.company-services .container .row .col-padding .pre .company-services-title {
right: 25px !important;
width: 50% !important;
top: 20px !important;
font-size: 10px !important;
}
.company-services .container .row .col-padding .pre .company-services-title.small {
font-size: 8px !important;
}
/*.container-bottom {
padding-bottom: 100px !important;
}*/
/*.with-background-small-map {
background-position: 0px 170px !important;
}*/
}
@media (max-width: 320px){
.block-form{
background-image: url("../images/20200220/bg_lk_mobile.jpg") !important;
}
.contact-page {
background: url('../images/20200220/bg_contacts_mobile.jpg') center no-repeat !important;
padding: 10px !important;
}
.question-page.bg {
background: url('../images/20200220/bg_questions_320.jpg') center no-repeat !important;
background-size: 145% !important;
}
.contact-page-left {
float: left;
width: 90% !important;
display: block !important;
margin: 0 auto !important;
}
.contact-page-right {
float: left;
width: 90% !important;
display: block !important;
margin: 150px auto 50px !important;
}
.contact-page-left h5,
.contact-page-right p {
font-size: 18px !important;
}
form .wide-button {
width: 100% !important;
}
.mobile-background {
display: block !important;
position: relative;
background: url('../images/20200220/small_bg_bottom.png') right no-repeat;
max-width: 100%;
background-size: 100%;
width: 100%;
height: 200px;
}
.mobile-background.rus-version {
background: url('../images/20200220/small_bg_rus_bottom.png') right no-repeat;
background-size: 100%;
}
.company-services .container .row .col-padding .pre .company-services-title {
right: 25px !important;
width: 50% !important;
top: 10px !important;
font-size: 8px !important;
}
.company-services .container .row .col-padding .pre .company-services-title.small {
font-size: 6px !important;
}
/*.container-bottom {
padding-bottom: 80px !important;
}*/
/*.with-background-small-map {
background-position: 0px 170px !important;
}*/
}
@media (max-width: 1200px) {
.with-background-small-map.rus-version {
padding: 20px 0 0 !important;
}
}
@media (max-width: 576px){
.with-background-small-map {
background-image: none !important;
}
.mobile-background {
display: block !important;
position: relative;
background: url('../images/20200220/small_bg_bottom.png') right no-repeat;
max-width: 100%;
background-size: 100%;
width: 100%;
height: 230px;
}
.mobile-background.rus-version {
background: url('../images/20200220/small_bg_rus_bottom.png') right no-repeat;
background-size: 100%;
}
.company-text {
font-size: 14px !important;
}
/*.with-background-small-map {
background-size: 100% !important;
}*/
.company-page-logo {
width: 200px !important;
}
.company-page-logo img {
width: 200px !important;
}
.with-background-map .lainer {
margin: 0 auto 40px !important;
}
.with-background-map .short-block {
padding: 0 40px;
}
.company-services .container .row .col-lg-4.col-md-4.col-sm-6 {
width: 100% !important;
max-width: 100% !important;
flex: none !important;
}
.company-services .container .row .col-padding .pre .vertical-lainer {
height: 90% !important;
top: 5px !important;
}
/*.company-services .container .row .col-padding .pre .company-services-title.small {
font-size: 8px !important;
top: 10px !important;
}
.container .row .col-padding .pre .company-services-title {
font-size: 10px !important;
top: 10px !important;
}*/
.company-services .container .row .col-padding:nth-of-type(2n+1) .pre {
float: left !important;
margin-left: 30px !important;
}
.company-services .container .row .col-padding:nth-of-type(2n) .pre {
float: right !important;
margin-right: 30px !important;
}
.top-panel .container li.mobile-menu .collapse.show {
top: 40px !important;
}
.requisites .container {
width: 100% !important;
max-width: 100%;
padding: 0 0 10px 0;
}
.requisites .container .requisites-overlay {
width: 100%;
padding: 30px 20px 30px 40px !important;
}
.with-background-small-map .requisites-overlay h3 {
padding-bottom: 10px !important;
font-size: 18px;
}
.with-background-small-map .requisites-overlay .text {
font-size: 12px;
}
.with-background-small-map .requisites-overlay p {
margin: 0 !important;
}
.with-background-small-map .requisites-overlay .vertical-lainer {
height: 90% !important;
top: 5% !important;
left: 25px !important;
}
.partners-div{
padding: 40px 0 30px;
}
.partners-div-h{
padding-top: 8px;
text-align: center;
margin-bottom: 20px;
}
.carousel-logo{
width: 180px;
height: 90px;
margin: 5px auto;
}
.logo-partner{
width: 140px;
}
.carousel-inner-heder{
height: 200px;
padding: 0 30px;
}
.job-block{
margin-bottom: 15px;
height: 210px;
padding:10px 10px;
}
.job-block-p{
font-size: 17px;
line-height: 21px;
padding-top: 10px;
}
.arra-job1{
display: none;
position: absolute;
bottom: -55px;
left: 43%;
}
.arra-job2{
display: none;
position: absolute;
bottom: -55px;
left: 43%;
}
.arra-job3{
display: none;
position: absolute;
bottom: -55px;
left: 43%;
}
.job-img{
width: 120px;
}
}
/*--------top-diltaspidyshnrus----------*/
.top-diltaspidyshnrus3{
background-image: url("../images/top4.png");
background-size: cover;
background-position: center center;
}
.counter-p{
margin-bottom: 4px;
font-size: 24px;
font-family: 'Merriweather'; font-weight: 500;
color: #fff;
}
.counter-center{
font-family: 'Merriweather'; font-weight: 800;
font-size: 36px;
color: rgba(252, 194, 61, 1);
margin-bottom: 4px;
}
@media (min-width: 768px) and (max-width: 991px){
.counter-p{
margin-bottom: 0px;
font-size: 22px;
}
.counter-center{
font-size: 33px;
margin-bottom: 0px;
}
}
@media (min-width: 577px) and (max-width: 767px){
.container-top {
display: none;
}
.counter-p{
margin-bottom: 0px;
font-size: 17px;
}
.counter-center{
font-size: 28px;
margin-bottom: 0px;
}
}
@media (max-width: 576px){
.container-top {
display: none;
}
.counter-p{
margin-bottom: 0px;
font-size: 22px;
}
.counter-center{
font-size: 33px;
margin-bottom: 0px;
}
.col-bottom{
padding-bottom: 19px;
}
}
/*------------------*/
.card-header, .card-link,.card-link:hover{
background-color:#2f93e8;
text-align:left;
color:#fff;
font-size: 20px;
font-family: 'Merriweather'; font-weight: 800;
border-radius: 0;
width: 100%;
}
.card-header{
border-radius: 0;
width: 100%;
}
.card-body2{
padding:20px 30px;
margin-top: 0;
border: none;
background: #dfe0e2;
border-radius: 0;
font-size: 16px;
font-family: 'Merriweather'; font-weight: 500;
width: 100%;
}
.card2{
width:100%;
border: none;
border-radius: 0;
}
.p{position:absolute;top:9px;right:20px;font-size:20px;color:white;
-webkit-animation: minus 0.5s;}
@keyframes minus {
from {
transform:rotate(0deg);
}
to {
transform:rotate(360deg);
}
}
[aria-expanded="false"] > .expanded, [aria-expanded="true"] > .collapsed {display: none;}
#accordion{
padding-left: 10px;
padding-right: 10px;
margin-bottom: 40px;
width: 100%;
border-radius: 0;
}
.question-p{
padding-left: 11px;
font-size: 24px;
font-family: 'Merriweather'; font-weight: 800;
}
.question-btn{
margin-right: 14px;
margin-bottom: 70px;
}
@media (max-width: 576px){
.card-header, .card-link,.card-link:hover{
background-color:#2f93e8;
text-align:left;
color:#fff;
font-size: 17px;
font-family: 'Merriweather'; font-weight: 800;
border-radius: 0;
width: 100%;
}
}
/*----------------*/
.contact-p{
margin-bottom: 0;
padding-top: 6px;
font-size: 20px;
font-family: 'Merriweather'; font-weight: 800;
}
.contact-h{
font-size: 24px;
font-family: 'Merriweather'; font-weight: 800;
}
.contact-a:hover{
text-decoration: none;
}
@media (max-width: 576px){
.contact-p{
margin-bottom: 0;
padding-top: 6px;
font-size: 16px;
}
.contact-h{
font-size: 20px; }
}
/*----------------*/
.arrowImg{
position:absolute;
top:20px;
right:20px;
}
.imageCircle{
max-width:80%;
left: 50%;
position: absolute;
transform: translate(-50%);
-webkit-transform: translate(-50%);
-o-transform: translate(-50%);
-moz-transform: translate(-50%);
ms-transform: translate(-50%);
top:10%;
}
.boxes{
list-style:none;
margin-top:90px;
}
.boxes div{
position: absolute;
}
.boxes div div{
width:100%;
top:80%;
}
.boxes div p{
text-align: center;
margin-left:20px;
margin-right:20px;
font-size:22px;
color:#000;
font-family: 'Merriweather'; font-weight: 800;
}
.one{
cursor:pointer;
left:21%;
width:31%;
z-index:1;
height:441px;
}
.two{
width:31%;
z-index:3;
left: 50%;
cursor:pointer;
height:441px;
}
.three{
cursor:pointer;
right:21%;
width:31%;
z-index:1;
height:441px;
}
.cascade-slider_item {
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%) scale(0.5);
-webkit-transform: translateY(-50%) translateX(-50%) scale(0.5);
-o-transform: translateY(-50%) translateX(-50%) scale(0.5);
-moz-transform: translateY(-50%) translateX(-50%) scale(0.5);
ms-transform: translateY(-50%) translateX(-50%) scale(0.5);
transition: all 1s ease;
opacity: 0;
z-index: -1;
}
.cascade-slider_item.next {
left: 50%;
transform: translateY(-50%) translateX(-135%) scale(0.5);
-webkit-transform: translateY(-50%) translateX(-135%) scale(0.5);
-o-transform: translateY(-50%) translateX(-135%) scale(0.5);
-moz-transform: translateY(-50%) translateX(-135%) scale(0.5);
ms-transform: translateY(-50%) translateX(-135%) scale(0.5);
opacity: 0.5;
z-index: 1;
}
.cascade-slider_item.next .sl-p{
opacity: 0;
}
.cascade-slider_item.prev {
left: 50%;
transform: translateY(-50%) translateX(35%) scale(0.5);
-webkit-transform: translateY(-50%) translateX(35%) scale(0.5);
-moz-transform: translateY(-50%) translateX(35%) scale(0.5);
-o-transform: translateY(-50%) translateX(35%) scale(0.5);
ms-transform: translateY(-50%) translateX(35%) scale(0.5);
opacity: 0.5;
z-index: 1;
}
.cascade-slider_item.prev .sl-p{
opacity: 0;
}
.cascade-slider_item.now {
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%) scale(1);
-webkit-transform: translateY(-50%) translateX(-50%) scale(1);
-o-transform: translateY(-50%) translateX(-50%) scale(1);
-moz-transform: translateY(-50%) translateX(-50%) scale(1);
ms-transform: translateY(-50%) translateX(-50%) scale(1);
opacity: 1;
z-index: 5;
}
.cascade-slider_arrow {
display: inline-block;
position: absolute;
top: 50%;
cursor: pointer;
z-index: 5;
}
.cascade-slider_arrow-left { left: 0; }
.cascade-slider_arrow-right { right: 0; }
.cascade-slider_nav {
position: absolute;
bottom: -120px;
width: 100%;
text-align: center;
z-index: 5;
}
.block-height{
height: 590px;
padding-top: 60px;
}
.car-park-img{
width: 100%;
}
/*======================================media==============================================================*/
@media (min-width: 1201px) and (max-width: 1440px){
.block-height{
height: 530px;
padding-top: 60px;
}
.one{
cursor:pointer;
left:21%;
width:31%;
z-index:1;
height:370px;
}
.two{
width:31%;
z-index:3;
left: 50%;
cursor:pointer;
height:370px;
}
.three{
cursor:pointer;
right:21%;
width:31%;
z-index:1;
height:370px;
}
}
@media (min-width: 992px) and (max-width: 1200px){
.block-height{
height: 530px;
padding-top: 60px;
}
.one{
cursor:pointer;
left:21%;
width:31%;
z-index:1;
height:310px;
}
.two{
width:31%;
z-index:3;
left: 50%;
cursor:pointer;
height:310px;
}
.three{
cursor:pointer;
right:21%;
width:31%;
z-index:1;
height:310px;
}
}
@media (min-width: 768px) and (max-width: 991px){
h2 {
font-size: 28px !important;
line-height: 32px !important;
}
.block-height{
height: 530px;
padding-top: 60px;
}
.one{
cursor:pointer;
left:21%;
width:31%;
z-index:1;
height:280px;
}
.two{
width:31%;
z-index:3;
left: 50%;
cursor:pointer;
height:280px;
}
.three{
cursor:pointer;
right:21%;
width:31%;
z-index:1;
height:280px;
}
}
@media (min-width: 577px) and (max-width: 767px){
.block-height{
height: 500px;
padding-top: 60px;
}
.one{
cursor:pointer;
left:21%;
width:37%;
z-index:1;
height:210px;
}
.two{
width:37%;
z-index:3;
left: 50%;
cursor:pointer;
height:210px;
}
.three{
cursor:pointer;
right:21%;
width:37%;
z-index:1;
height:210px;
}
.boxes div p{
text-align: center;
margin-left:20px;
margin-right:20px;
font-size:18px;
}
}
@media (min-width: 401px) and (max-width: 577px){
.block-height{
height: 500px;
padding-top: 60px;
}
.one{
cursor:pointer;
left:21%;
width:37%;
z-index:1;
height:210px;
}
.two{
width:37%;
z-index:3;
left: 50%;
cursor:pointer;
height:210px;
}
.three{
cursor:pointer;
right:21%;
width:37%;
z-index:1;
height:210px;
}
.boxes div p{
text-align: center;
margin-left:20px;
margin-right:20px;
font-size:18px;
}
}
@media (max-width: 400px){
.block-height{
height: 400px;
padding-top: 60px;
}
.one{
cursor:pointer;
left:21%;
width:60%;
z-index:1;
height:200px;
}
.two{
width:60%;
z-index:3;
left: 50%;
cursor:pointer;
height:200px;
}
.three{
cursor:pointer;
right:21%;
width:60%;
z-index:1;
height:200px;
}
.boxes div p{
margin-left:0px;
margin-right:0px;
font-size:14px;
display: inline-block;
text-align: center;
}
.boxes{
list-style:none;
margin-top:10px;
}
}
/*------------------------------*/
.sertificat-block{
position: relative;
margin: 30px 0 40px;
-o-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.sertificat-img{
width: 100%;
}
.shadow{
display: none;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: url("../images/sertificat-img-fon.png");
background-size: cover;
text-align: center;
-o-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.magnifier-img{
margin-top: 50%;
}
.sertificat-block:hover .shadow{
display: block;
-o-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.dev-block {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 9999;
height: 100%;
width: 100%;
background-color: white;
opacity: 0.8;
}
.dev-block > h2 {
text-align: center;
margin-top: 15%;
font-size: 4em;
}
.btn {
font-weight: 100;
padding: 0.7rem 0.75rem !important;
/*border-radius: 1.2rem !important;*/
box-shadow: 0 0 10px rgba(0,0,0,0.5);
border-radius: 10px;
}
.full-width {
width: 100%;
}
.full-width .btn {
width: 100%;
padding: 0.15rem 0 !important;
border-radius: 5px !important;
}
.full-width input {
padding: 0.15rem !important;
background: none;
color: #fff;
border-left: none;
border-right: none;
border-top: none;
border-bottom: 1px solid rgba(255, 255, 255, 1);
border-radius: 0;
}
.contact-data i {
background: #fff;
color: #3e3f40;
border-radius: 100px;
padding: 7px;
width: 32px;
text-align: center;
margin: 10px auto;
display: block;
box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
.contact-data p {
text-align: center;
padding: 0 5px;
font-size: 14px;
}
.contact-data a {
color: #fff !important;
}
.contact-data .col {
padding: 0;
}
.top-panel {
height: 150px;
width: 100%;
}
.top-panel ul {
width: 100%;
padding: 0 0 0 17px;
margin: 0;
height: 150px;
display: block;
position: relative;
}
.top-panel ul li {
float: left;
}
.top-panel .container li.logo-img {
width: 200px;
padding: 20px 0;
}
.top-panel .container li.slogan {
width: 60%;
padding: 42px 20px 0 20px;
border-left: 1px solid rgba(255, 255, 255, 1);
color: rgba(255, 255, 255,1);
margin: 20px 0;
}
.top-panel .container li.slogan > span {
font-size: 24px;
}
.top-panel .container li.slogan > p {
font-size: 20px;
padding: 0;
margin: 0;
}
.top-panel .container li.language-list {
width: 15%;
padding: 20px 0;
position: absolute;
bottom: 0;
color: rgba(255, 255, 255, 1);
right: 0;
font-size: 22px;
text-align: right;
}
.top-panel .container li.language-list > a {
font-size: 16px;
color: rgba(255, 255, 255, 1);
}
.white-background {
background: rgba(255, 255, 255, 1) !important;
}
.without-padding {
padding: 0 !important;
}
input::-webkit-input-placeholder,
input:-ms-input-placeholder,
input::-ms-input-placeholder,
input::placeholder,
input::-moz-placeholder {
color: rgba(255, 255, 255, 1);
}
.top-panel .container li.mobile-menu {
position: absolute;
bottom: 5px;
left: 0;
z-index: 999;
}
.top-panel .container li.mobile-menu > nav.navbar {
padding: 0 !important;
height: 100%;
position: relative;
}
.top-panel .container li.mobile-menu .d-flex.flex-row-reverse {
margin-top: 0px;
height: 45px;
width: 45px;
}
.top-panel .container li.mobile-menu .collapse.show {
width: 300px;
position: absolute;
left: 0px;
background: #fff;
z-index: 99;
padding: 20px;
top: 150px;
}
.top-panel .container li.mobile-menu .collapse.show ul li.nav-item {
width: 100%;
}
.top-panel .container li.mobile-menu .collapse.show ul li.nav-item > a {
padding: 20px 8px;
}
.top-panel .container li.mobile-menu .navbar-toggler.p-2 {
width: 100%;
padding: 0 !important;
}
.carousel-control-next-icon, .card-group-top .right-logo {
background-image: url("../images/arrow_white.svg") !important;
}
.carousel-control-prev-icon, .card-group-top .left-logo {
background-image: url("../images/arrow_white.svg") !important;
-moz-transform: rotate(180deg); /* Для Firefox */
-ms-transform: rotate(180deg); /* Для IE */
-webkit-transform: rotate(180deg); /* Для Safari, Chrome, iOS */
-o-transform: rotate(180deg); /* Для Opera */
transform: rotate(180deg);
}
.card-group-top .right-logo {
padding: 0;
background-image: url("../images/arrow_blue.svg") !important;
width: 20px;
height: 20px;
background: transparent no-repeat center center;
background-size: auto auto;
background-size: 100% 100%;
}
.card-group-top .left-logo {
padding: 0;
background-image: url("../images/arrow_blue.svg") !important;
-moz-transform: rotate(180deg); /* Для Firefox */
-ms-transform: rotate(180deg); /* Для IE */
-webkit-transform: rotate(180deg); /* Для Safari, Chrome, iOS */
-o-transform: rotate(180deg); /* Для Opera */
transform: rotate(180deg);
width: 20px;
height: 20px;
background: transparent no-repeat center center;
background-size: auto auto;
background-size: 100% 100%;
}
nav ul li a.selected {
border-bottom: 2px solid #ffd43f !important;
padding-bottom: 5px !important;
}
.with-background-map {
position: relative;
background: url('../images/20200220/bg_1024.png');
max-width: 100%;
}
.company-page-logo {
display: block;
width: 400px;
margin: 0 auto;
padding: 30px 0
}
.company-page-logo img {
width: 400px;
}
.with-background-map .lainer {
display: inline-block;
width: 150px;
height: 4px;
background: rgb(32,58,131);
background: linear-gradient(90deg, rgba(32,58,131,1) 0%, rgba(27,76,144,1) 35%, rgba(15,106,167,1) 100%);
margin: 30px auto;
}
.company-text {
position: relative;
width: 100%;
}
.company-text .short-block {
max-width: 1024px;
display: block;
margin: 0 auto 40px;
}
.company-text .us-center {
text-align: left !important;
}
.company-services .container .row .col-padding .pre {
width: 90%;
display: block;
position: relative;
margin: 30px 0px;
}
.company-services .container .row .col-padding .pre.left {
float: left;
/*margin-left: 30px;*/
}
.company-services .container .row .col-padding .pre.right {
float: right;
/*margin-right: 30px;*/
}
.company-services .container .row .col-padding .pre.center {
/*margin-left: 70px;*/
}
.company-services .container .row .col-padding .pre .company-services-icon {
position: absolute;
left: -30px;
color: #fff;
font-size: 140px;
text-align: left;
text-shadow: 1px 1px 2px black, 0 0 1em black;
z-index: 6;
top: 0;
line-height: 130px;
font-family: 'Baloo Bhaina 2', cursive;
}
.company-services .container .row .col-padding .pre .company-services-icon.normal-sign {
left: -52px !important;
}
.company-services .container .row .col-padding .pre .company-services-icon.wide-sign {
left: -64px !important;
letter-spacing: -.2em;
}
.company-services .container .row .col-padding .pre .vertical-lainer {
height: 70%;
position: absolute;
top: 20px;
background: #fff;
width: 2px;
left: 15%;
z-index: 5;
}
.company-services .container .row .col-padding .pre .company-services-background {
width: 100%;
position: relative;
}
.company-services .container .row .col-padding .pre .company-services-title {
position: absolute;
top: 25px;
color: #fff;
font-size: 12px;
text-align: left;
width: 55%;
font-weight: 800;
right: 18px;
}
.company-services .container .row .col-padding .pre .company-services-title.small {
top: 10px;
font-size: 10px;
padding: 0 10px 0 0;
}
.with-background-small-map {
position: relative;
background: url('../images/20200220/small_bg_bottom.png') right no-repeat;
max-width: 100%;
background-size: 60%;
}
.with-background-small-map.rus-version {
background: url('../images/20200220/small_bg_rus_bottom.png') right no-repeat;
padding: 20px 0 80px;
}
.with-background-small-map .requisites-overlay {
float: left;
display: block;
position: relative;
background: rgba(255, 255, 255, .7);
border-radius: 10px;
padding: 10px 20px 10px 60px;
}
.with-background-small-map .requisites-overlay h3 {
color: rgba(0, 49, 119, 1);
text-align: left;
padding-bottom: 30px;
}
.with-background-small-map .requisites-overlay p {
text-align: left;
}
.with-background-small-map .requisites-overlay .vertical-lainer {
height: 90px;
position: absolute;
top: 110px;
background: rgba(0, 49, 119, 1);
width: 2px;
left: 25px;
z-index: 5;
}
.question-page {
background: url('../images/20200220/bg_questions_1024.jpg') center no-repeat !important;
background-size: 120% !important;
}
.contact-page {
background: url('../images/20200220/bg_contacts.jpg') center no-repeat;
display: inline-block;
width: 100%;
position: relative;
max-width: 100%;
color: #fff;
padding: 50px 0;
bottom: -10px;
}
.contact-page-left h5,
.contact-page-right p {
width: 100%;
padding-left: 0;
margin-left: 0;
font-weight: 400;
font-size: 28px;
}
.contact-page-left .lainer-form,
.contact-page-right .lainer-form {
margin-bottom: 50px;
}
.contact-page-left {
float: left;
width: 32%;
}
.contact-page-right {
float: left;
margin-left: 100px;
width: 45%;
}
.contact-page input,
.contact-page textarea,
.contact-page .form-group {
width: 100%;
}
.opacity-form input {
background: none;
border-top: none;
border-left: none;
border-right: none;
border-radius: 0;
}
.opacity-form textarea {
background: none;
border-radius: 2px;
}
.padding-top-40 {
padding-top: 40px;
}
form .wide-button {
width: 100%;
margin-bottom: 0px;
}
.lk-page .lainer-form {
height: 2px;
margin-bottom: 50px;
}
.lk-page a.list-group-item {
padding: 1.25rem 0 0.5rem 0 !important;
color: #fff !important;
background: none;
border-top: none;
border-left: none;
border-right: none;
border-bottom: 1px rgba(255, 255, 255, .4) solid;
font-weight: 100 !important;
font-size: 20px;
}
.lk-page .list-group-item.active {
font-weight: 900 !important;
color: #fff !important;
background: none;
border-bottom: 2px #fff solid;
}
.lk-page .page-content {
margin-top: 20px;
}
.lk-page .page-content p {
font-size: 20px;
font-weight: 900;
}
.lk-page .btn {
width: auto !important;
padding: 0.5rem 0.75rem !important;
}
.font-light {
font-weight: 100 !important;
}
.lk-page .page-content.cabinet-content {
padding-left: 30px;
position: relative;
}
.lk-page .page-content .user-short-data {
font-weight: 100;
border-bottom: 1px rgba(255, 255, 255, .2) solid;
width: 60%;
padding-bottom: 10px;
}
.lk-page .page-content .document-item {
font-weight: 100;
text-align: left;
color: #fff;
font-size: 20px;
width: 100%;
background: none;
border:none;
}
.lk-page .page-content .document-item-parent {
width: 60%;
max-width: 60%;
position: relative;
border-bottom: 1px rgba(255, 255, 255, .2) solid;
padding-bottom: 10px;
background: none;
border-top:none;
border-left:none;
border-right:none;
}
.lk-page .page-content .edit-icon {
padding-bottom: 10px;
color: #fff;
font-size: 20px;
position: absolute;
right: 10px;
top:0;
}
.lk-page .page-content .edit-icon i {
padding-bottom: 10px;
color: #fff;
font-size: 20px;
}
.lk-page .documents h5 {
font-size: 20px;
border-bottom: 1px rgba(255, 255, 255, .2) solid;
width: 60%;
padding-left: 0;
}
.lk-page .page-content.cabinet-content input[type="text"],
.lk-page .page-content.cabinet-content input[type="password"],
.lk-page .page-content.cabinet-content input[type="email"] {
background: none;
border-top:none;
border-left:none;
border-right:none;
border-radius: 0;
color: #fff;
border-bottom: 1px solid rgba(255, 255, 255, .2);
}
.lk-page .page-content.cabinet-content .btn.edit-save {
margin: 0;
width: 100% !important;
}
.lk-page .page-content.cabinet-content .manager {
}
.lk-page .page-content.cabinet-content .manager p.manager-name {
font-size: 20px;
font-weight: 900;
}
.lk-page .page-content.cabinet-content .manager p {
font-size: 18px;
font-weight: 100;
}
@media (max-width: 1060px) {
.lk-page a.list-group-item {
font-size: 16px;
}
.lk-page .page-content .user-short-data {
width: 80%;
}
}
@media (max-width: 768px) {
.lk-page a.list-group-item {
font-size: 20px;
}
.lk-page .page-content.cabinet-content {
margin-top: 50px;
padding-top: 30px;
padding-bottom: 30px;
background: rgba(255, 255, 255, .2);
}
.lk-page .page-content.cabinet-content .form-edit form {
width: 100%;
padding: 30px;
}
}
.breadcrumb {
padding: 0 1rem !important;
margin: 0;
}
.page-h1 {
color: #000;
font-size: 24px;
font-family: 'Merriweather';
font-weight: 500;
max-width: none;
padding-top: 20px;
position: relative;
z-index: 20;
}
.small-text {
font-size: 12px;
}
.btn-small {
padding: 0.25rem 0.35rem !important;
font-size: 14px;
width: 180px;
}
#cookies-block.cookies {
position: fixed;
left: 0;
bottom: 0;
display: flex;
align-items: center;
flex-wrap: wrap;
padding: 18px 12px;
width: 100%;
background: linear-gradient(90deg, rgba(32,58,131,1) 0%, rgba(27,76,144,1) 35%, rgba(15,106,167,1) 100%);
background-color: rgba(0, 0, 0, 0);
color: rgba(255, 255, 255, 1);
box-shadow: 0 4px 24px rgba(0,0,0,.08);
transition: all .3s;
z-index: 78;
}
#cookies-block .cookies_text {
font-size: 14px;
line-height: 1.5;
}
#cookies-block.cookies .btns {
margin-left: auto;
max-width: 300px;
display: flex;
width: 100%;
}
#cookies-block .btns > :not(:last-child) {
margin-right: 24px;
}
#cookies-block .btns > * {
flex-grow: 1;
margin-bottom: 0 !important;
width: auto;
white-space: nowrap;
}
#cookies-block .btn {
cursor: pointer;
position: relative;
display: flex;
align-items: center;
justify-content: center;
padding: 12px 24px;
width: 100%;
text-align: center;
font-size: 12px;
line-height: 1.3333333333;
background: rgba(252, 194, 61, 1);
border: 2px solid rgba(252, 194, 61, 1);
color: #333434;
font-weight: 800;
background-position: 50%;
transition: .3s;
transition-property: all;
transition-property: color,background,border,opacity;
}
#cookies-block .btns > * {
flex-grow: 1;
margin-bottom: 0 !important;
width: auto;
white-space: nowrap;
}
#cookies-block .btn__bg_gray {
background-color: #f3f3f3;
}
#cookies-block.cookies.cookies_disabled {
display: none;
}
#personalDataProcessingRules.checkbox {
cursor: pointer;
position: relative;
display: block;
padding-left: 24px;
font-size: 12px;
line-height: 1.3333333333;
font-weight: 500;
color: #fff;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#personalDataProcessingRules.checkbox input {
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 100%;
opacity: 1;
/* z-index: -1;*/
}
input:checked ~ .checkbox_checkmark {
border-color: #e1251b;
background-color: #e1251b;
}
#personalDataProcessingRules.checkbox_checkmark {
position: absolute;
top: -1px;
left: 0;
width: 16px;
height: 16px;
border: 1px solid #727375;
border-top-color: rgb(114, 115, 117);
border-right-color: rgb(114, 115, 117);
border-bottom-color: rgb(114, 115, 117);
border-left-color: rgb(114, 115, 117);
transition: all .3s;
}
.personalDataProcessingRules-error {
color: #e1251b;
font-size: 12px;
}
.footer hr {
background: #fff;
height: 1px;
font-size: 1px;
border: 1px solid #fff;
width: 40%;
margin: 50px auto 30px;
}
.static-page table {
width: 100% !important;
border-collapse: collapse;
}
/* Zebra striping */
.static-page tr:nth-of-type(odd) {
background: #eee;
}
.static-page th {
background: #333;
color: white;
font-weight: bold;
}
.static-page td, .static-page th {
padding: 6px;
border: 1px solid #ccc;
text-align: left;
}
@media
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px) {
/* Force table to not be like tables anymore */
.static-page table, .static-page thead, .static-page tbody, .static-page th, .static-page td, .static-page tr {
display: block;
}
/* Hide table headers (but not display: none;, for accessibility) */
.static-page thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
.static-page tr { border: 1px solid #ccc; }
.static-page td {
/* Behave like a "row" */
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 50%;
}
.static-page td:before {
/* Now like a table header */
position: absolute;
/* Top/left values mimic padding */
top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
}
/*
Label the data
*/
.static-page td:nth-of-type(1):before { content: "Колонка 1"; }
.static-page td:nth-of-type(2):before { content: "Колонка 2"; }
.static-page td:nth-of-type(3):before { content: "Колонка 3"; }
.static-page td:nth-of-type(4):before { content: "Колонка 4"; }
.static-page td:nth-of-type(5):before { content: "Колонка 5"; }
.static-page td:nth-of-type(6):before { content: "Колонка 6"; }
.static-page td:nth-of-type(7):before { content: "Колонка 7"; }
.static-page td:nth-of-type(8):before { content: "Колонка 8"; }
.static-page td:nth-of-type(9):before { content: "Колонка 9"; }
.static-page td:nth-of-type(10):before { content: "Колонка 9"; }
}
@media screen and (max-width: 600px) {
.static-page {
padding: 10px;
font-size: 14px;
}
.static-page table {
font-size: 10px;
}
/*.static-page table thead {
display: none;
}
.static-page table td {
display: flex;
max-width: 90%;
}
.static-page table td tr {
max-width: 90%;
}
.static-page table td::before {
content: attr(label);
font-weight: bold;
width: 20px;
min-width: 20px;
}*/
}