You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
template-for-verstka/assets/css/changed_styles.css

5530 lines
105 KiB

@font-face {
font-family: "MuseoSansCyrl";
src: url("../fonts/MuseoSansCyrl_0.otf") format("opentype");
}
*{
font-family: 'MuseoSansCyrl';
}
.hidden{
display: none;
}
.subscribe-form{
padding: 120px 0;
}
.not-main{
margin: 120px auto 50px auto;
}
.header-green-shadow{
padding-bottom: 10px;
box-shadow: 0px 7px 5px -5px rgba(0, 0, 0, 0.37);
color: #3F6600;
top: 0;
}
footer {
background: url(/local/templates/centrconsult-new/assets/images/footer_bg_2.png) no-repeat;
background-size: 100%;
background-position: bottom;
padding-bottom: 100px;
position: relative;
overflow: hidden;
}
.header-green-shadow .header__logo{
/*background-image: url(/local/templates/centrconsult-new/assets/images/logo-green.svg);*/
background-image: url(/media/logo.png);
}
.header-green-shadow .header__link{
color:#3F6600;
}
.header-green-shadow .header__sub-nav{
padding-top: 15px;
z-index: 1;
}
.header.w-100.position-fixed.header-green-shadow.admin-header-margin.--white{
top:0;
}
/*# sourceMappingURL=style.css.map */
.btn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px
}
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px
}
.btn.focus,
.btn:focus,
.btn:hover {
color: #333;
text-decoration: none
}
.btn.active,
.btn:active {
background-image: none;
outline: 0;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
cursor: not-allowed;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
opacity: .65
}
a.btn.disabled,
fieldset[disabled] a.btn {
pointer-events: none
}
.btn-default {
color: #333;
background-color: #fff;
border-color: #ccc
}
.btn-default.focus,
.btn-default:focus {
color: #333;
background-color: #e6e6e6;
border-color: #8c8c8c
}
.btn-default:hover {
color: #333;
background-color: #e6e6e6;
border-color: #adadad
}
.btn-default.active,
.btn-default:active,
.open>.dropdown-toggle.btn-default {
color: #333;
background-color: #e6e6e6;
border-color: #adadad
}
.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open>.dropdown-toggle.btn-default.focus,
.open>.dropdown-toggle.btn-default:focus,
.open>.dropdown-toggle.btn-default:hover {
color: #333;
background-color: #d4d4d4;
border-color: #8c8c8c
}
.btn-default.active,
.btn-default:active,
.open>.dropdown-toggle.btn-default {
background-image: none
}
.btn-default.disabled.focus,
.btn-default.disabled:focus,
.btn-default.disabled:hover,
.btn-default[disabled].focus,
.btn-default[disabled]:focus,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default.focus,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:hover {
background-color: #fff;
border-color: #ccc
}
.btn-default .badge {
color: #fff;
background-color: #333
}
.btn-primary {
color: #fff;
background-color: #337ab7;
border-color: #2e6da4
}
.btn-primary.focus,
.btn-primary:focus {
color: #fff;
background-color: #286090;
border-color: #122b40
}
.btn-primary:hover {
color: #fff;
background-color: #286090;
border-color: #204d74
}
.btn-primary.active,
.btn-primary:active,
.open>.dropdown-toggle.btn-primary {
color: #fff;
background-color: #286090;
border-color: #204d74
}
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open>.dropdown-toggle.btn-primary.focus,
.open>.dropdown-toggle.btn-primary:focus,
.open>.dropdown-toggle.btn-primary:hover {
color: #fff;
background-color: #204d74;
border-color: #122b40
}
.btn-primary.active,
.btn-primary:active,
.open>.dropdown-toggle.btn-primary {
background-image: none
}
.btn-primary.disabled.focus,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled].focus,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
background-color: #337ab7;
border-color: #2e6da4
}
.btn-primary .badge {
color: #337ab7;
background-color: #fff
}
.btn-success {
color: #fff;
background-color: #5cb85c;
border-color: #4cae4c
}
.btn-success.focus,
.btn-success:focus {
color: #fff;
background-color: #449d44;
border-color: #255625
}
.btn-success:hover {
color: #fff;
background-color: #449d44;
border-color: #398439
}
.btn-success.active,
.btn-success:active,
.open>.dropdown-toggle.btn-success {
color: #fff;
background-color: #449d44;
border-color: #398439
}
.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success:active.focus,
.btn-success:active:focus,
.btn-success:active:hover,
.open>.dropdown-toggle.btn-success.focus,
.open>.dropdown-toggle.btn-success:focus,
.open>.dropdown-toggle.btn-success:hover {
color: #fff;
background-color: #398439;
border-color: #255625
}
.btn-success.active,
.btn-success:active,
.open>.dropdown-toggle.btn-success {
background-image: none
}
.btn-success.disabled.focus,
.btn-success.disabled:focus,
.btn-success.disabled:hover,
.btn-success[disabled].focus,
.btn-success[disabled]:focus,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success.focus,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:hover {
background-color: #5cb85c;
border-color: #4cae4c
}
.btn-success .badge {
color: #5cb85c;
background-color: #fff
}
.btn-info {
color: #fff;
background-color: #5bc0de;
border-color: #46b8da
}
.btn-info.focus,
.btn-info:focus {
color: #fff;
background-color: #31b0d5;
border-color: #1b6d85
}
.btn-info:hover {
color: #fff;
background-color: #31b0d5;
border-color: #269abc
}
.btn-info.active,
.btn-info:active,
.open>.dropdown-toggle.btn-info {
color: #fff;
background-color: #31b0d5;
border-color: #269abc
}
.btn-info.active.focus,
.btn-info.active:focus,
.btn-info.active:hover,
.btn-info:active.focus,
.btn-info:active:focus,
.btn-info:active:hover,
.open>.dropdown-toggle.btn-info.focus,
.open>.dropdown-toggle.btn-info:focus,
.open>.dropdown-toggle.btn-info:hover {
color: #fff;
background-color: #269abc;
border-color: #1b6d85
}
.btn-info.active,
.btn-info:active,
.open>.dropdown-toggle.btn-info {
background-image: none
}
.btn-info.disabled.focus,
.btn-info.disabled:focus,
.btn-info.disabled:hover,
.btn-info[disabled].focus,
.btn-info[disabled]:focus,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info.focus,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:hover {
background-color: #5bc0de;
border-color: #46b8da
}
.btn-info .badge {
color: #5bc0de;
background-color: #fff
}
.btn-warning {
color: #fff;
background-color: #f0ad4e;
border-color: #eea236
}
.btn-warning.focus,
.btn-warning:focus {
color: #fff;
background-color: #ec971f;
border-color: #985f0d
}
.btn-warning:hover {
color: #fff;
background-color: #ec971f;
border-color: #d58512
}
.btn-warning.active,
.btn-warning:active,
.open>.dropdown-toggle.btn-warning {
color: #fff;
background-color: #ec971f;
border-color: #d58512
}
.btn-warning.active.focus,
.btn-warning.active:focus,
.btn-warning.active:hover,
.btn-warning:active.focus,
.btn-warning:active:focus,
.btn-warning:active:hover,
.open>.dropdown-toggle.btn-warning.focus,
.open>.dropdown-toggle.btn-warning:focus,
.open>.dropdown-toggle.btn-warning:hover {
color: #fff;
background-color: #d58512;
border-color: #985f0d
}
.btn-warning.active,
.btn-warning:active,
.open>.dropdown-toggle.btn-warning {
background-image: none
}
.btn-warning.disabled.focus,
.btn-warning.disabled:focus,
.btn-warning.disabled:hover,
.btn-warning[disabled].focus,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning.focus,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:hover {
background-color: #f0ad4e;
border-color: #eea236
}
.btn-warning .badge {
color: #f0ad4e;
background-color: #fff
}
.btn-danger {
color: #fff;
background-color: #d9534f;
border-color: #d43f3a
}
.btn-danger.focus,
.btn-danger:focus {
color: #fff;
background-color: #c9302c;
border-color: #761c19
}
.btn-danger:hover {
color: #fff;
background-color: #c9302c;
border-color: #ac2925
}
.btn-danger.active,
.btn-danger:active,
.open>.dropdown-toggle.btn-danger {
color: #fff;
background-color: #c9302c;
border-color: #ac2925
}
.btn-danger.active.focus,
.btn-danger.active:focus,
.btn-danger.active:hover,
.btn-danger:active.focus,
.btn-danger:active:focus,
.btn-danger:active:hover,
.open>.dropdown-toggle.btn-danger.focus,
.open>.dropdown-toggle.btn-danger:focus,
.open>.dropdown-toggle.btn-danger:hover {
color: #fff;
background-color: #ac2925;
border-color: #761c19
}
.btn-danger.active,
.btn-danger:active,
.open>.dropdown-toggle.btn-danger {
background-image: none
}
.btn-danger.disabled.focus,
.btn-danger.disabled:focus,
.btn-danger.disabled:hover,
.btn-danger[disabled].focus,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger.focus,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:hover {
background-color: #d9534f;
border-color: #d43f3a
}
.btn-danger .badge {
color: #d9534f;
background-color: #fff
}
.btn-link {
font-weight: 400;
color: #337ab7;
border-radius: 0
}
.btn-link,
.btn-link.active,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none
}
.btn-link,
.btn-link:active,
.btn-link:focus,
.btn-link:hover {
border-color: transparent
}
.btn-link:focus,
.btn-link:hover {
color: #23527c;
text-decoration: underline;
background-color: transparent
}
.btn-link[disabled]:focus,
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:focus,
fieldset[disabled] .btn-link:hover {
color: #777;
text-decoration: none
}
.btn-group-lg>.btn,
.btn-lg {
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px
}
.btn-group-sm>.btn,
.btn-sm {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px
}
.btn-group-xs>.btn,
.btn-xs {
padding: 1px 5px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px
}
.btn-block {
display: block;
width: 100%
}
.btn-block+.btn-block {
margin-top: 5px
}
input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
width: 100%
}
.btn.consultrequest{
color: #fff;
background-color: #5cb85c;
border-color: #4cae4c;
color: #fff;
text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
background-color: #70AB00;
*background-color: #70AB00;
background-image: -moz-linear-gradient(top,#70AB00,#6AA300);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#70AB00),to(#6AA300));
background-image: -webkit-linear-gradient(top,#70AB00,#6AA300);
background-image: -o-linear-gradient(top,#70AB00,#6AA300);
background-image: linear-gradient(to bottom,#70AB00,#6AA300);
background-repeat: repeat-x;
border-color: #51a351 #51a351 #387038;
border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
}
iframe{
width: 100%;
}
p {font-size: 15px;}
.thumbnail {
display: block;
padding: 4px;
margin-bottom: 20px;
line-height: 1.42857143;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 0;
-webkit-transition: border .2s ease-in-out;
-o-transition: border .2s ease-in-out;
transition: border .2s ease-in-out;
}
.thumbnail:hover{
border-color: #71A800;
}
.row.gallery img{
max-height: 215px;
width: 167px;
}
.header__sub-nav.container-fluid{
z-index: 1;
}
.btn-primary {
color: #fff;
background-color: #71A800;
border-color: #608f00;
transition: 0.1s;
}
.btn-primary:hover {
color: #fff;
background-color: #5cb85c;
border-color: #5cb85c;
}
.label-success {
background-color: #5cb85c;
}
.label {
display: inline;
padding: .2em .6em .3em;
font-size: 75%;
font-weight: bold;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25em;
margin: 0 5px;
}
.expert-name__avatar {
width: 70px;
height: 70px;
border-radius: 50%;
overflow: hidden;
float: left;
margin-right: 20px;
}
.expert-name__name span.name {
display: block;
font-weight: bold;
}
.expert-name__name span {
display: block;
}
.expert__article-txt{
margin: 10px 0;
}
.float-right{
float: right;
text-align: right;
}
.nav.flex-column.align-items-start{
margin-right: 10px;
}
.nav.flex-column.align-items-start li{
position: relative;
}
.nav.flex-column.align-items-start li:before{
content: ' ';
display: block;
width: 10px;
height: 10px;
background: #71A800;
position: absolute;
left: -10px;
top: calc(50% - 5px);
border-radius: 50%;
}
.nav.flex-column.align-items-start li:hover:before{
background: #375729;
}
@media (max-width: 768px) {
.header__link.flex-grow-1 a.nav-link.first-layer{
width: 45%;
}
.not-main{
margin: 125px auto 50px auto;
}
}
.add-review-message{
margin: 20px 0;
}
.success-block-wrapper{
text-align: center;
max-width: 350px;
margin: 0 auto;
}
.success-block-text{
display: block;
text-transform: uppercase;
font-size: 20px;
font-weight: bold;
}
.success-block-link{
display: block;
margin: 15px auto;
width: 75%;
padding: 10px 15px;
background: #71a800;
color: #fff;
transition: 0.1s;
}
.success-block-link:hover{
text-decoration: none;
color: #fff;
background: #679803;
}
.label-danger {
background-color: #d9534f;
}
.license_form_thanks{
text-align: center;
color: #000;
display: none;
}
.ty_1{
text-transform: uppercase;
font-weight: bold;
font-size: 20px;
}
.ty_2{
text-transform: none;
margin-top: 15px;
font-size: 16px;
}
.custom_fancybox{
max-width: 40%;
}
.secret_form_wrapper{
border: 5px solid #3F6600;
padding: 70px 120px;
}
@media (max-width: 768px){
.secret_form_wrapper{
padding: 40px 20px;
}
}
.secret_form_text{
font-size: 28px;
font-weight: bold;
text-align: left;
margin-bottom: 35px;
}
.secret_form_input{
border-width: 0 0 1px 0;
border-color: #808080;
width: calc(100% - 185px);
font-size: 22px;
padding: 10px 10px;
outline:none;
color: #000;
transition: 0.5s;
}
.secret_form_submit{
color: white;
background: linear-gradient(207.43deg, #71A800 38.68%, #3F6600 94.02%);
padding: 0.8125rem 1.875rem;
border: 0;
width: 180px;
outline: none;
border: 1px solid #71A800;
}
.secret_form_item_inputs{
position: relative;
}
.secret_form_item{
margin: 0 auto;
}
.thank-you{
display: none;
background: #fff;
height: 100%;
width: 100%;
font-size: 24px;
color: #71a800;
text-align: center;
}
.already-subscribed{
display: none;
position: absolute;
top: 0;
left: 0;
background: #fff;
height: 100%;
width: 100%;
font-size: 24px;
color: #71a800;
}
.subscribe-error{
display: none;
}
.breadcrumbs__item{
position: relative;
}
.breadcrumbs__item:not(:last-child):after {
content: "";
position: absolute;
right: -20px;
top: 35%;
margin-top: -3px;
width: 8.64px;
height: 8.64px;
background-color: #3f6600;
border-radius: 2px 0 2px 2px;
transform: matrix(0.71, 0.7, -0.72, 0.71, 0, 0);
}
.license_img img{
width: 100%;
}
.license_form_thanks_home{
display: none;
}
footer{
/*background: url('/local/templates/centrconsult-new/assets/images/footer_bg.png') no-repeat;*/
background: none;
background-size: 100%;
background-position: bottom;
padding-bottom: 100px;
position: relative;
overflow: hidden;
}
@keyframes a1 {
0% {left: 50px; bottom: 170px; opacity: 0}
10% {opacity: 1; box-shadow: -2px 2px 5px 0px rgba(0,0,0,0.65);}
65% {opacity: 1; box-shadow: -2px 2px 5px 0px rgba(0,0,0,0.65);}
70% {opacity: 0; box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.05);}
100% {left: 90px; bottom: 0px;}
}
.tan_1{
position: absolute;
left: 50px;
bottom: 170px;
width: 17px;
height: 17px;
opacity: 0;
background: #445830;
animation: a1 10s ease-in;
animation-delay: 5s;
-webkit-animation-iteration-count: infinite;
box-shadow: -2px 2px 5px 0px rgba(0,0,0,0.65);
}
@keyframes a2 {
0% {left: 220px; bottom: 80px; opacity: 0;}
15% {opacity: 1;}
75% {opacity: 1;}
85% {opacity: 0;}
100% {left: 0px; bottom: 35px;}
}
.tan_2{
position: absolute;
left: 220px;
bottom: 80px;
width: 17px;
height: 17px;
opacity: 0;
background: #445830;
animation: a2 12s linear;
-webkit-animation-iteration-count: infinite;
box-shadow: -2px 2px 5px 0px rgba(0,0,0,0.65);
}
@keyframes a3 {
0% {left: 15px; bottom: 115px; opacity: 0;}
15% {opacity: 1;}
75% {opacity: 1;}
85% {opacity: 0;}
100% {left: 170px; bottom: 115px;opacity: 0;}
}
.tan_3{
position: absolute;
left: 15px;
bottom: 115px;
width: 17px;
height: 17px;
opacity: 0;
background: #a5c04a;
animation: a3 13s linear;
animation-delay: 3s;
-webkit-animation-iteration-count: infinite;
box-shadow: -2px 2px 5px 0px rgba(0,0,0,0.65);
}
@keyframes a4 {
0% {left: 15px; bottom: 65px; opacity: 0;}
15% {opacity: 1;}
75% {opacity: 1;}
85% {opacity: 0;}
100% {left: 130px; bottom: 30px; opacity: 0;}
}
.tan_4{
bottom: 65px;
left: 15px;
width: 9px;
height: 9px;
background: #a5c04a;
opacity: 0;
position: absolute;
animation: a4 10s linear;
animation-delay: 2s;
-webkit-animation-iteration-count: infinite;
box-shadow: -2px 2px 5px 0px rgba(0,0,0,0.65);
}
/*---------------RIGHT--------------------*/
@keyframes a5 {
0% {right: 0px; bottom: 220px; opacity: 0}
5% {opacity: 1}
70% {right: 180px; bottom: 20px; opacity: 0}
55% {opacity: 1}
60% {opacity: 0}
100% {right: 180px; bottom: 20px; opacity: 0}
}
.tan_5{
right: 0px;
bottom: 220px;
position: absolute;
width: 17px;
height: 17px;
background: #445830;
animation: a5 13s ease-in-out;
-webkit-animation-iteration-count: infinite;
box-shadow: 4px 4px 4px 1px rgba(0,0,0,0.65);
}
/*-----------------------------------*/
@keyframes a6 {
0% {right: 0px; bottom: 160px; opacity: 0}
5% {opacity: 1}
50% {right: 250px; bottom: 0px;}
55% {opacity: 1}
65% {opacity: 0}
100% {right: 250px; bottom: 0px; opacity: 0}
}
.tan_6{
right: 0px;
bottom: 120px;
position: absolute;
width: 17px;
height: 17px;
background: #445830;
animation: a6 19s ease-in-out;
opacity: 0;
animation-delay: 9s;
-webkit-animation-iteration-count: infinite;
box-shadow: 4px 4px 4px 1px rgba(0,0,0,0.65);
}
/*-----------------------------------*/
@keyframes a7 {
0% {right: 210px; bottom: 50px; opacity: 0}
5% {opacity: 1}
95% {opacity: 1}
100% {right: -30px; bottom: 20px; opacity: 0}
}
.tan_7{
position: absolute;
right: 210px;
bottom: 50px;
width: 17px;
height: 17px;
background: #a5c04a;
animation: a7 13s linear;
opacity: 0;
animation-delay: 6s;
box-shadow: 4px 4px 4px 1px rgba(0,0,0,0.65);
-webkit-animation-iteration-count: infinite;
}
/*-----------------------------------*/
@keyframes a8 {
0% {right: 210px; bottom: 190px; opacity: 0}
5% {opacity: 0}
35% {opacity: 1}
85% {opacity: 1}
100% {right: 0px; bottom: 20px; opacity: 0}
}
.tan_8{
position: absolute;
width: 17px;
height: 17px;
background: #445618;
right: 210px;
bottom: 150px;
animation: a8 15s linear;
opacity: 0;
animation-delay: 2s;
-webkit-animation-iteration-count: infinite;
box-shadow: 4px 4px 4px 1px rgba(0,0,0,0.65);
}
/*-----------------------------------*/
@keyframes a9 {
0% {right: 130px; bottom: 200px; opacity: 0}
15% {opacity: 1}
65% {opacity: 1}
85% {right: 80px; bottom: 0px; opacity: 0}
10% { opacity: 0}
}
.tan_9{
position: absolute;
height: 9px;
width: 9px;
background: #a5c04a;
right: 130px;
bottom: 200px;
animation: a9 19s linear;
opacity: 0;
animation-delay: 2s;
-webkit-animation-iteration-count: infinite;
box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.65);
}
.tan_1, .tan_2, .tan_3, .tan_4, .tan_5, .tan_6, .tan_7, .tan_8, .tan_9{
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
}
.corespodence-item__img.mb-5.col-12.col-sm-5 img{
max-height: 340px;
width: 100%;
}
.corespondences.mb-6{
overflow: hidden;
}
@keyframes c1 {
0% {top: -50px; left: -50px; opacity: 0}
10% {opacity: 0}
18% {opacity: 1}
100% {left: 600px; top:650px; transform: rotate(120deg);opacity: 1}
}
.cor_tan_1{
position: absolute;
height: 59px;
width: 59px;
top: 0;
opacity: 0;
left: 14px;
background: #4e4e4e;
z-index: 10;
animation: c1 19s linear;
-webkit-animation-iteration-count: infinite;
}
@keyframes c2 {
0% {top: 120px; left: -50px;opacity: 0}
10% {opacity: 0}
18% {opacity: 1}
55% {opacity: 1}
75% {opacity: 0}
100% {left: 600px; top:410px; transform: rotate(120deg); opacity: 0;}
}
.cor_tan_2{
position: absolute;
height: 40px;
width: 40px;
top: 120px;
left: -50px;
background: linear-gradient(246.58deg, #385400 38.68%, #538000 94.02%);
z-index: 10;
animation: c2 17s linear;
animation-delay: 10s;
-webkit-animation-iteration-count: infinite;
}
@keyframes c3 {
0% {top: 235px; left: -70px;opacity: 0.0;}
10% {opacity: 0.5;}
85% {opacity: 0.5;}
100% {left: 600px; top:-60px; transform: rotate(160deg); opacity: 0.0;}
}
.cor_tan_3{
position: absolute;
height: 35px;
width: 35px;
top: 235px;
left: -70px;
opacity: 0.5;
background: #808080;
z-index: 10;
animation: c3 30s linear;
animation-delay: 1s;
-webkit-animation-iteration-count: infinite;
}
@keyframes c4 {
0% {top: 355px; left: -50px;}
75% {opacity: 1;}
85% {opacity: 0;}
100% {left: 450px; top:600px; transform: rotate(160deg); opacity: 0;}
}
.cor_tan_4{
position: absolute;
height: 35px;
width: 35px;
top: 355px;
left: -50px;
background: #808080;
z-index: 10;
animation: c4 18s linear;
animation-delay: 1s;
-webkit-animation-iteration-count: infinite;
}
@keyframes c5 {
0% {top: 655px; left: 550px;}
75% {opacity: 1;}
85% {opacity: 0;}
100% {left: -50px; top:455px; transform: rotate(160deg); opacity: 0;}
}
.cor_tan_5{
position: absolute;
height: 55px;
width: 55px;
top: 655px;
left: 550px;
background: linear-gradient(246.58deg, #71A800 38.68%, #3F6600 94.02%);
opacity: 0.5;
z-index: 10;
animation: c5 18s linear;
animation-delay: 1s;
-webkit-animation-iteration-count: infinite;
}
@keyframes c6 {
0% {top: 455px; left: -75px;}
75% {opacity: 1;}
85% {opacity: 0;}
100% {left: 555px; top:855px; transform: rotate(160deg); opacity: 0;}
}
.cor_tan_6{
position: absolute;
height: 55px;
width: 55px;
top: 455px;
left: -75px;
background: #4e4e4e;
z-index: 10;
animation: c6 24s linear;
animation-delay: 15s;
-webkit-animation-iteration-count: infinite;
}
@keyframes c7 {
0% {bottom: 450px; left: -75px;}
75% {opacity: .5;}
85% {opacity: 0;}
100% {left: 500px; bottom:400px; transform: rotate(160deg); opacity: 0;}
}
.cor_tan_7{
position: absolute;
height: 55px;
width: 55px;
bottom: 410px;
left: -60px;
opacity: .5;
background: linear-gradient(246.58deg, #71A800 38.68%, #3F6600 94.02%);
z-index: 10;
animation: c7 18s linear;
animation-delay: 3s;
-webkit-animation-iteration-count: infinite;
}
@keyframes c8 {
0% {bottom: 320px; left: 600px;}
75% {opacity: .5;}
90% {opacity: 0;}
100% {left: -50px; bottom:160px; transform: rotate(160deg); opacity: 0;}
}
.cor_tan_8{
position: absolute;
height: 55px;
width: 55px;
bottom: 320px;
left: 600px;
opacity: .5;
background: #626262;
z-index: 10;
animation: c8 18s linear;
animation-delay: 0s;
-webkit-animation-iteration-count: infinite;
}
@keyframes c9 {
0% {bottom: -50px; left: 160px;}
75% {opacity: .5;}
90% {opacity: 0;}
100% {left: 500px; bottom:20px; transform: rotate(160deg); opacity: 0;}
}
.cor_tan_9{
position: absolute;
height: 55px;
width: 55px;
bottom: 160px;
left: -50px;
opacity: .5;
background: #626262;
z-index: 10;
animation: c9 18s linear;
animation-delay: 0s;
-webkit-animation-iteration-count: infinite;
}
@keyframes c10 {
0% {bottom: 160px; left: -50px;}
75% {opacity: .5;}
90% {opacity: 0;}
100% {left: 500px; bottom:120px; transform: rotate(160deg); opacity: 0;}
}
.cor_tan_10{
position: absolute;
height: 35px;
width: 35px;
bottom: 160px;
left: -50px;
opacity: .5;
background: linear-gradient(246.58deg, #71A800 38.68%, #3F6600 94.02%);
z-index: 10;
animation: c10 18s linear;
animation-delay: 7s;
-webkit-animation-iteration-count: infinite;
}
.soc_block{
display: flex;
justify-content: space-between;
}
.soc_item{
transition: 0.3s;
}
.soc_item:hover{
filter: contrast(1.5);
}
.glyphicon-chevron-right:before {
content: "\e080";
}
.header-green-shadow{
padding-bottom: 0!important;
}
.font-weight-normal{
cursor: pointer;
}
.region_blur{
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 100;
background: #00000068;
display: none;
opacity: 0;
transition: 0.5s;
}
.region_wrapper{
max-width: 900px;
width: 90%;
max-height: 465px;
background: #f7f7f7;
margin: 0 auto;
padding: 10px 25px 25px 25px;
margin-top: 12vh;
position: relative;
}
.region_title{
color: #000;
font-size: 22px;
font-weight: bold;
display: block;
margin: 15px 0;
}
.region_list a{
display: inline-block;
font-size: 15px;
width: 32%;
}
.region_static_city a{
display: inline-block;
border-bottom: 1px dotted #71a800;
color: #71a800;
transition: 0.2s;
font-size: 15px;
padding-bottom: 2px;
}
.region_static_city a:hover{
text-decoration: none;
display:inline-block;
border-bottom: 1px dotted #71a800;
color: #71a800;
}
.region_list{
overflow-y: scroll;
height: 280px;
}
#searchInput{
width: 100%;
font-size: 24px;
margin: 10px 0 20px;
outline: 0;
padding: 5px 10px;
box-shadow: 1px 2px 8px 1px #c7c7c7;
border: 0;
}
.region_list::-webkit-scrollbar {
width: 0.6em;
border-radius: 50%;
}
.region_list::-webkit-scrollbar-track {
box-shadow: inset 0px 0px 5px #ccc;
}
.region_list::-webkit-scrollbar-thumb {
background-color: #71a800;
outline: 1px solid slategrey;
}
.region_close{
height: 20px;
width: 20px;
position: absolute;
right: 20px;
top: 20px;
cursor: pointer;
}
.region_close:before{
content: ' ';
height: 3px;
width: 20px;
display: block;
background-color: #000;
transform: rotate(45deg);
position: absolute;
top: 9px;
transition: 0.2s;
}
.region_close:after{
content: ' ';
height: 3px;
width: 20px;
display: block;
background-color: #000;
transform: rotate(-45deg);
position: absolute;
top: 9px;
transition: 0.2s;
}
.region_close:hover:before{
transform: rotate(-45deg);
background: #71a800;
}
.region_close:hover:after{
transform: rotate(45deg);
background: #71a800;
}
.license-docs .license-accordion{
margin-top: 0!important;
}
.text-muted-quick{
display:flex!important;
}
.nav.flex-wrap.align-items-start li.nav-item{
position: relative;
margin-left: 15px;
}
.nav.flex-wrap.align-items-start.fs--14.justify-content-start li.nav-item:before {
content: ' ';
display: block;
width: 10px;
height: 10px;
background: #71A800;
position: absolute;
left: -10px;
top: calc(50% - 5px);
border-radius: 50%;
}
.text-block ol.check-list.three-cols {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
}
@media only screen and (max-width: 480px) {
.text-block ol.check-list.three-cols {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
}
.text-block ol.check-list.two-cols {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
}
.reviews-slide-link{
position: absolute;
bottom: 10px;
color: #71A800;
}
.reviews-slide-link:hover{
text-decoration: underline;
}
.header.--white .header__logo {
background-image: url(/media/logo.png);
background-size: contain;
height: 50px;
width: 100%;
}
.blacked--white .header__country.region .font-weight-normal,
.blacked--white .header__link {
color: #91c249;
}
.blacked--white {
background: linear-gradient(to right, rgb(0 0 0) 9%, black 9%, black 100%);
}
.header__logo {
background-image: url(/local/templates/centrconsult-new/assets/images/logo-white.svg);
background-size: contain;
height: 50px;
width: 100%;
}
main table{
width: 100%;
}
main table tr{
border-bottom: 1px solid #71a800;
}
main table tr td{
padding: 5px 15px;
}
.calculator {
background: #ebf4d9;
-webkit-box-shadow: 0 0 4px 0 rgba(82,82,82,0.5);
-moz-box-shadow: 0 0 4px 0 rgba(82,82,82,0.5);
box-shadow: 0 0 4px 0 rgba(82,82,82,0.5);
padding-bottom: 50px;
margin-top: 30px;
/* max-height: 335px; */
width: 100%;
}
.calculator .calc-indent {
padding-top: 35px;
}
.calculator .head-text {
font-size: 26px;
color: #000;
text-align: center;
margin-bottom: 20px;
}
.calculator .calc-indentbot80 {
margin-bottom: 80px;
}
.calculator .one.active {
background: url(/static/img/calculator/one-bg.png);
background-repeat: no-repeat;
background-size: cover;
width: 33%;
padding-bottom: calc(11% + 8px);
margin-top: -6px;
}
.calculator .one {
width: 25%;
height: 0;
padding-bottom: 11%;
cursor: pointer;
position: absolute;
left: -5px;
top: 0px;
}
.calculator .two.active {
background: url(/static/img/calculator/two-bg.png);
background-repeat: no-repeat;
background-size: cover;
width: 30%;
padding-bottom: calc(11% + 8px);
margin-top: -6px;
}
.calculator .two {
width: 25%;
height: 0;
padding-bottom: 11%;
cursor: pointer;
position: absolute;
left: 24%;
top: 0px;
}
.calculator .three.active {
background: url(/static/img/calculator/three-bg.png);
background-repeat: no-repeat;
background-size: cover;
width: 30%;
padding-bottom: calc(11% + 8px);
}
.calculator .three {
width: 25%;
height: 0;
padding-bottom: 11%;
cursor: pointer;
margin-top: -5px;
position: absolute;
left: 46%;
}
.calculator .four.active {
background: url(/static/img/calculator/four-bg.png);
background-repeat: no-repeat;
background-size: cover;
background-position-x: right;
width: 35%;
top: -5px;
padding-bottom: calc(11% + 8px);
right: -6px;
background-position-x: right;
}
.calculator .four {
width: 25%;
height: 0;
padding-bottom: 11%;
cursor: pointer;
cursor: pointer;
position: absolute;
right: 0;
pointer-events: none;
cursor: default;
}
.nav-tabs>li {
float: left;
margin-bottom: -1px;
}
.btn{
color: #fff;
background-color: #5cb85c;
border-color: #4cae4c;
color: #fff;
text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
background-color: #70AB00;
*background-color: #70AB00;
background-image: -moz-linear-gradient(top,#70AB00,#6AA300);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#70AB00),to(#6AA300));
background-image: -webkit-linear-gradient(top,#70AB00,#6AA300);
background-image: -o-linear-gradient(top,#70AB00,#6AA300);
background-image: linear-gradient(to bottom,#70AB00,#6AA300);
background-repeat: repeat-x;
border-color: #51a351 #51a351 #387038;
border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
}
.radio-btn-block label{
line-height: 1.42857143;
color: #333;
font-size: 15px;
}
.tab-pane{
display: none;
min-height: 225px;
}
#calc{
display: none;
max-width: 350px;
min-width: 250px;
padding: 0 10px 50px;
}
.calculator .nav-tabs {
background: url(/static/img/calculator/board-bg.png);
background-repeat: no-repeat;
background-size: 100%;
width: 100%;
max-width: calc(100% - 30px);
height: 30px;
margin-top: 35px;
border-bottom: none!important;
position: relative;
}
.calculator .form {
width: 210px;
}
.calculator .block-input {
width: 100%;
margin-top: 15px;
}
.text-center {
text-align: center;
}
.calculator .ico-input {
float: left;
width: 20%;
font-size: 20px;
color: #8b8b8b;
padding: 5px;
border: 1px solid #d7d7d7;
background: #fff;
}
.calculator .input {
width: 100%;
float: left;
height: 38px;
border: 0px;
border-left: none;
padding-left: 10px;
}
.hidden_text_area_wrapper{
display: none;
}
.hidden_text_area{
display: none;
}
element.style {
}
.form-table.data-table .form-label-custom {
display: inline-block;
width: 40px;
text-align: center;
padding-right: 10px;
font-weight: bold;
padding: 10px 0 0 0;
background: #fff;
height: 40px;
border: 1px solid #d7d7d7;
}
.form-input-calc{
border: 1px solid #d7d7d7;
}
.input-item-calc{
justify-content: center;
max-width: 220px;
margin: 0 auto;
border: 1px solid #ebf4d9;
}
.form-table-calc{
text-align: center;
}
.btn-submit-calc-button{
width: 220px;
border-right: 0;
border-left: 0;
}
.btn-submit-calc-button:hover{
width: 220px;
border-right: 0;
border-left: 0;
}
.btn-submit-calc-button.button.--green:after {
bottom: -1px;
}
.btn-submit-calc-button.button.--green:before {
top: -1px;
}
.calculator .radio:checked+label:after {
opacity: 1;
}
.calculator .radio:not(checked)+label:after{
content: '';
position: absolute;
top: 6px;
left: 10px;
width: 12px;
height: 12px;
border-radius: 50%;
background: #72a701;
box-shadow: inset 0 1px 1px rgba(0,0,0,0.5);
opacity: 0;
transition: all .2s;
}
.calculator .radio:not(checked)+label:before {
content: '';
position: absolute;
top: -3px;
left: 0;
width: 30px;
height: 30px;
border: 1px solid #CDD1DA;
border-radius: 4px;
background: #b4d385;
-webkit-box-shadow: inset 0 2px 2px 0 rgba(82,82,82,0.1);
-moz-box-shadow: inset 0 2px 2px 0 rgba(82,82,82,0.1);
box-shadow: inset 0 2px 2px 0 rgba(82,82,82,0.1);
}
.radio-block{
margin-bottom: 15px;
}
.radio-block label{
margin-left:20px;
margin-top: -18px;
font-weight: bold;
}
#messages .col-md-10.col-md-offset-1{
margin-top: 15px;
}
.radio-block label{
margin-left: 20px;
margin-top: -18px;
font-weight: bold;
font-size: 11px!important;
}
.calculator #profile .radio:not(checked)+label:before{
top: 1px;
}
.calculator #profile .radio:not(checked)+label:after{
top: 10px;
}
.calculator .calc-indent20{
padding-top: 20px;
}
.form-table-calc-thanks{
text-align: center;
}
.form-table-calc-thanks{
display:none;
}
.calc_1_ty{
font-size: 20px;
font-weight: bold;
margin-bottom: 15px;
}
.calc_2_ty{
font-size: 16px;
width: 75%;
margin: 0 auto;
color: #000;
}
.btn-submit-calc-button{
width: 220px
}
.calculator_first_wrapper{
max-width: 350px;
text-align: left;
position: relative;
}
.service-slider .slider-leafs .slide .calc__block{
padding-top: 0;
}
.mobile_menu{
display:none;
}
.get-license-button{
display: flex;
}
.license-video .video-block .green-border{
max-height: 375px;
min-height: 275px;
}
@media only screen and (max-width: 768px) {
.mobile_menu{
display:block;
padding: 10px 0 5px 0;
background: #fff;
z-index: 30;
position: fixed;
width: 100%;
top: 0;
box-shadow: 0px -2px 9px #000000;
}
.header__link.header__link-parent.flex-grow-1 a{
position: relative;
}
.nav-link.first-layer{
display: inline-block;
}
.header.--white .header__link{
z-index: 150;
}
.header.--white .header__link:hover{
border:0;
}
.container-xl.d-flex.justify-content-around.text-left.flex-wrap.flex-md-nowrap{
flex-direction: column;
}
.mobile_header__link.header__link-parent.flex-grow-1{
display: block;
width: 100%;
position: relative;
}
.header.w-100.position-fixed.admin-header-margin{
display: none;
}
.mobile_menu .header.w-100.position-fixed.admin-header-margin{
display: block;
}
.toggle_block{
position: absolute;
top: 10px;
right: 30px;
}
.header__sub-nav.container-fluid {
border: 0;
padding: 0;
max-height: 50vh;
height: 100%;
overflow-y: scroll;
}
.nav.flex-column.align-items-start li{
margin-left: 20px;
}
.mobile_header__logo.logo {
display: inline-block;
background: url(/media/logo.png);
background-size: 100%;
background-repeat: no-repeat;
}
.mobile-nav{
display: none;
}
.mobile-menu-burger{
height: 30px;
width: 30px;
display: inline-block;
position: relative;
float: right;
margin-right: 5px;
}
.mobile-menu-burger:before{
content: ' ';
position: absolute;
width: 30px;
height: 3px;
background: #000;
top: 20%;
transition: 0.1s
}
.mobile-menu-burger:after{
content: ' ';
position: absolute;
width: 30px;
height: 3px;
background: #000;
top: 80%;
transition: 0.1s;
}
.mobile-menu-burger-item{
height: 3px;
width: 30px;
position: absolute;
left: 50%;
background: #000;
left: 0;
top: 50%;
}
.mobile-menu-burger.open-burger .mobile-menu-burger-item{
display: none;
}
.mobile-menu-burger.open-burger:before{
content: ' ';
position: absolute;
width: 30px;
height: 3px;
background: #000;
top: 50%;
transform: rotate(45deg);
}
.mobile-menu-burger.open-burger:after{
content: ' ';
position: absolute;
width: 30px;
height: 3px;
background: #000;
top: 50%;
transform: rotate(-45deg);
}
.mobile_header__country{
padding: 10px;
display: flex;
vertical-align: middle;
}
.region__flag{
width: 49px;
height: 35px;
display: inline-block;
margin-right: 0;
}
.font-weight-normal{
display: inline-block;
padding-top: 10px;
}
.mobile-header__link{
color: #72a701;
padding: 5px 0px;
font-size: 22px;
font-weight: bold;
display: block;
}
.top-telephone{
text-align: center;
border-top: 2px solid #eaebef;
padding-bottom: 0px;
}
.top-telephone .mobile-header__link{
text-decoration: none;
color: #000;
}
.top-telephone p{
text-decoration: none;
color: #777;
margin-bottom: 5px;
}
header{
display:none;
}
.mobile_menu .header__sub-nav.container-fluid{
position: relative;
margin-bottom: 25px;
}
.button.--white-green{
border: 2px solid #71A800;
border-image: inherit;
border-image-slice: inherit;
}
}
/*header*/
.first-slide.first-slide-main{
overflow: hidden;
}
@keyframes h1 {
0% {bottom: 160px; right: -50px;opacity: 0}
15% {opacity: .5}
65% {opacity: .5}
85% {opacity: 0}
100% {right: 90%; bottom:105%; transform: rotate(80deg); opacity: .0;}
}
.cor_h_1{
position: absolute;
height: 35px;
width: 35px;
bottom: 160px;
right: -50px;
opacity: .5;
background: linear-gradient(246.58deg, #71A800 38.68%, #3F6600 94.02%);
z-index: 10;
animation: h1 50s linear;
animation-delay: 7s;
-webkit-animation-iteration-count: infinite;
}
@keyframes h2 {
0% {bottom: 330px; right: -50px;opacity: 0}
15% {opacity: .5}
55% {opacity: .5}
65% {opacity: 0}
100% {right: 110%; bottom:67%; transform: rotate(80deg); opacity: .0;}
}
.cor_h_2{
position: absolute;
height: 35px;
width: 35px;
bottom: 160px;
right: -50px;
opacity: .5;
background: #626262;
z-index: 10;
animation: h2 42s linear;
animation-delay: 15s;
-webkit-animation-iteration-count: infinite;
}
@keyframes h3 {
0% {bottom: -35px; right: 30px;opacity: 0}
15% {opacity: .5}
30% {opacity: .5}
45% {opacity: .0}
60% {opacity: .0}
68% {opacity: .5}
85% {opacity: .5}
90% {opacity: 0}
100% {right: 72%; bottom:105%; transform: rotate(80deg); opacity: .0;}
}
.cor_h_3{
position: absolute;
height: 22px;
width: 22px;
bottom: -35px;
right: 30px;
opacity: .5;
background: linear-gradient(246.58deg, #71A800 38.68%, #3F6600 94.02%);
z-index: 10;
animation: h3 53s linear;
animation-delay: 5s;
-webkit-animation-iteration-count: infinite;
}
@keyframes h4 {
0% {bottom: 350px; right: 500px;opacity: 0}
15% {opacity: .5}
30% {opacity: .5}
45% {opacity: .0}
60% {opacity: .0}
65% {opacity: .5}
85% {opacity: .5}
90% {opacity: 0}
100% {right: 68%; bottom:85%; transform: rotate(80deg); opacity: .0;}
}
.cor_h_4{
position: absolute;
height: 22px;
width: 22px;
bottom: -35px;
right: 280px;
opacity: .5;
background: linear-gradient(246.58deg, #71A800 38.68%, #3F6600 94.02%);
z-index: 10;
animation-delay: 9s;
animation: h4 38s linear;
-webkit-animation-iteration-count: infinite;
}
@keyframes h5 {
0% {bottom: -35px; right: 0px;opacity: 0}
15% {opacity: .5}
25% {opacity: .5}
30% {opacity: .5}
45% {opacity: .0}
50% {opacity: .0}
55% {opacity: .5}
85% {opacity: 0}
90% {opacity: 0}
100% {right: 90%; bottom:105%; transform: rotate(80deg); opacity: .0;}
}
.cor_h_5{
position: absolute;
height: 22px;
width: 22px;
bottom: -35px;
right: 0px;
opacity: .5;
background: linear-gradient(246.58deg, #71A800 38.68%, #3F6600 94.02%);
z-index: 10;
animation-delay: 5s;
animation: h5 45s linear;
-webkit-animation-iteration-count: infinite;
}
@keyframes h6 {
0% {bottom: 50%; right: -50px;opacity: 0}
15% {opacity: .5}
65% {opacity: .5}
85% {opacity: 0}
100% {right: 70%; bottom:75%; transform: rotate(80deg); opacity: .0;}
}
.cor_h_6{
position: absolute;
height: 35px;
width: 35px;
bottom: 160px;
right: -50px;
opacity: .5;
background: #626262;
z-index: 10;
animation: h6 27s linear;
animation-delay: 11s;
-webkit-animation-iteration-count: infinite;
}
@keyframes h7 {
0% {bottom: 70%; right: -50px;opacity: 0}
15% {opacity: .5}
65% {opacity: .5}
85% {opacity: 0}
100% {right: 50%; bottom:15%; transform: rotate(360deg); opacity: .0;}
}
.cor_h_7{
position: absolute;
height: 35px;
width: 35px;
bottom: 70%;
right: -50px;
opacity: .5;
background: linear-gradient(246.58deg, #71A800 38.68%, #3F6600 94.02%);
z-index: 10;
animation: h7 18s linear;
animation-delay: 26s;
-webkit-animation-iteration-count: infinite;
}
@keyframes h8 {
0% {bottom: 40%; right: -50px;opacity: 0}
15% {opacity: .5}
65% {opacity: .5}
85% {opacity: 0}
100% {right: 50%; bottom:85%; transform: rotate(180deg); opacity: .0;}
}
.cor_h_8{
position: absolute;
height: 35px;
width: 35px;
bottom: 70%;
right: -50px;
opacity: .5;
background: linear-gradient(246.58deg, #71A800 38.68%, #3F6600 94.02%);
z-index: 10;
animation: h8 37s linear;
/*animation-delay: 13s;*/
-webkit-animation-iteration-count: infinite;
}
@keyframes h9 {
0% {bottom: 45%; right: 25%;opacity: 0}
5% {opacity: .5}
65% {opacity: .5}
85% {opacity: 0}
100% {right: 50%; bottom:85%; transform: rotate(80deg); opacity: .0;}
}
.cor_h_9{
position: absolute;
height: 35px;
width: 35px;
bottom: 45%;
right: 25%;
opacity: .5;
background: linear-gradient(246.58deg, #71A800 38.68%, #3F6600 94.02%);
z-index: 10;
animation: h9 15s linear;
animation-delay: 4s;
-webkit-animation-iteration-count: infinite;
}
@keyframes h10 {
0% {bottom: 68%; right: -5%;opacity: 0}
5% {opacity: .5}
65% {opacity: .5}
90% {opacity: 0}
100% {right: 75%; bottom:85%; transform: rotate(90deg); opacity: .0;}
}
.cor_h_10{
position: absolute;
height: 35px;
width: 35px;
bottom: 68%;
right: -5%;
opacity: .5;
background: #626262;
z-index: 10;
animation: h10 32s linear;
-webkit-animation-iteration-count: infinite;
}
@keyframes h11 {
0% {bottom: 18%; right: -5%;opacity: 0}
5% {opacity: .5}
65% {opacity: .5}
90% {opacity: 0}
100% {right: 45%; bottom:5%; transform: rotate(80deg); opacity: .0;}
}
.cor_h_11{
position: absolute;
height: 35px;
width: 35px;
bottom: 68%;
right: -5%;
opacity: .5;
background: #626262;
z-index: 10;
animation: h11 28s linear;
animation-delay: 3s;
-webkit-animation-iteration-count: infinite;
}
@keyframes h12 {
0% {bottom: 105%; right: 10%;opacity: 0}
15% {opacity: .5}
65% {opacity: .5}
90% {opacity: 0}
100% {bottom:75%; right: 75%; transform: rotate(80deg); opacity: .0;}
}
.cor_h_12{
position: absolute;
height: 35px;
width: 35px;
bottom: 90%;
right: 20%;
opacity: .5;
background: linear-gradient(246.58deg, #71A800 38.68%, #3F6600 94.02%);
z-index: 10;
animation: h12 27s linear;
-webkit-animation-iteration-count: infinite;
}
/*header*/
/*section 2*/
@keyframes s1 {
0% {bottom: 55%; right: -5%;opacity: 0}
35% {opacity: .5}
65% {opacity: .5}
90% {opacity: 0}
100% {bottom:-5%; right: 80%; transform: rotate(80deg); opacity: .0;}
}
.cor_s_1{
position: absolute;
height: 35px;
width: 35px;
bottom: 90%;
right: 20%;
opacity: .5;
background: linear-gradient(246.58deg, #71A800 38.68%, #3F6600 94.02%);
z-index: 10;
animation: s1 35s linear;
-webkit-animation-iteration-count: infinite;
}
@keyframes s2 {
0% {bottom: 35%; right: -5%;opacity: 0}
35% {opacity: .5}
65% {opacity: .5}
90% {opacity: 0}
100% {bottom:35%; right: 75%; transform: rotate(80deg); opacity: .0;}
}
.cor_s_2{
position: absolute;
height: 35px;
width: 35px;
bottom: 90%;
right: 20%;
opacity: 0;
background: linear-gradient(246.58deg, #71A800 38.68%, #3F6600 94.02%);
z-index: 10;
animation: s2 25s linear;
animation-delay: 10s;
-webkit-animation-iteration-count: infinite;
}
@keyframes s3 {
0% {bottom: 75%; right: -5%;opacity: 0}
35% {opacity: .5}
65% {opacity: .5}
90% {opacity: 0}
100% {bottom:35%; right: 75%; transform: rotate(120deg); opacity: .0;}
}
.cor_s_3{
position: absolute;
height: 35px;
width: 35px;
bottom: 90%;
right: 20%;
opacity: .0;
background: linear-gradient(246.58deg, #71A800 38.68%, #3F6600 94.02%);
z-index: 10;
animation: s3 25s linear;
animation-delay: 15s;
-webkit-animation-iteration-count: infinite;
}
@keyframes s4 {
0% {bottom: 75%; right: 25%;opacity: 0}
35% {opacity: .5}
65% {opacity: .5}
90% {opacity: 0}
100% {bottom:5%; right: 45%; transform: rotate(80deg); opacity: .0;}
}
.cor_s_4{
position: absolute;
height: 35px;
width: 35px;
bottom: 90%;
right: 20%;
opacity: .5;
background: linear-gradient(246.58deg, #71A800 38.68%, #3F6600 94.02%);
z-index: 10;
animation-delay: 4s;
animation: s4 17s linear;
-webkit-animation-iteration-count: infinite;
}
@keyframes s5 {
0% {bottom: 52%; right: 87%;opacity: 0}
35% {opacity: .5}
65% {opacity: .5}
90% {opacity: 0}
100% {bottom:35%; right: 55%; transform: rotate(60deg); opacity: .0;}
}
.cor_s_5{
position: absolute;
height: 35px;
width: 35px;
bottom: 90%;
right: 20%;
opacity: .25;
background: #626262;
z-index: 10;
animation-delay: 2s;
animation: s5 14s linear;
-webkit-animation-iteration-count: infinite;
}
@keyframes s6 {
0% {bottom: 0%; right: 80%;opacity: 0}
35% {opacity: .3}
65% {opacity: .3}
90% {opacity: 0}
100% {bottom:15%; right: 55%; transform: rotate(120deg); opacity: .0;}
}
.cor_s_6{
position: absolute;
height: 35px;
width: 35px;
bottom: 90%;
right: 20%;
opacity: .0;
background: #626262;
z-index: 10;
animation: s6 14s linear;
animation-delay: 4s;
-webkit-animation-iteration-count: infinite;
}
@keyframes s7 {
0% {bottom: 0%; right: 80%;opacity: 0}
35% {opacity: .3}
65% {opacity: .3}
90% {opacity: 0}
100% {bottom:5%; right: 45%; transform: rotate(180deg); opacity: .0;}
}
.cor_s_7{
position: absolute;
height: 35px;
width: 35px;
bottom: 90%;
right: 20%;
opacity: .0;
background: linear-gradient(246.58deg, #71A800 38.68%, #3F6600 94.02%);
z-index: 10;
animation: s7 12s linear;
animation-delay: 12s;
-webkit-animation-iteration-count: infinite;
}
.cor_3_8{
position: absolute;
}
/*section 2*/
/*director*/
.director-contact{
position: relative;
overflow: hidden;
}
@keyframes d1 {
0% {transform: translate(-61vw,calc(350px - 73%));opacity: 0}
35% {opacity: .3}
65% {opacity: .3}
90% {opacity: 0}
100% {transform: rotate(46deg) translate(-64vw,-6px); opacity: .0;}
}
.cor_d_1{
position: absolute;
height: 35px;
width: 35px;
bottom: 90%;
right: 20%;
opacity: .0;
background: linear-gradient(246.58deg, #71A800 38.68%, #3F6600 94.02%);
z-index: 10;
animation: d1 12s linear;
animation-delay: 3s;
-webkit-animation-iteration-count: infinite;
}
@keyframes d2{
0% {transform: rotate(10deg) translate(-64vw,calc(350px - 68%));opacity: 0}
35% {opacity: .3}
65% {opacity: .3}
90% {opacity: 0}
100% {transform: rotate(40deg) translate(-59vw,-12px); opacity: .0;}
}
.cor_d_2{
position: absolute;
height: 35px;
width: 35px;
bottom: 90%;
right: 20%;
opacity: .0;
background: linear-gradient(246.58deg, #71A800 38.68%, #3F6600 94.02%);
z-index: 10;
animation: d2 12s linear;
animation-delay: 6s;
-webkit-animation-iteration-count: infinite;
}
@keyframes d3{
0% {transform: rotate(-22deg) translate(-68vw,calc(350px - 79%));opacity: 0}
35% {opacity: .3}
65% {opacity: .3}
90% {opacity: 0}
100% {transform: rotate(40deg) translate(-50vw,-2px); opacity: .0;}
}
.cor_d_3{
position: absolute;
height: 35px;
width: 35px;
bottom: 90%;
right: 20%;
opacity: .0;
background: #626262;
z-index: 10;
animation: d3 18s linear;
animation-delay: 5s;
-webkit-animation-iteration-count: infinite;
}
@keyframes d4{
0% {transform: rotate(-8deg) translate(-66vw,calc(350px - 75%));opacity: 0}
35% {opacity: .3}
65% {opacity: .3}
90% {opacity: 0}
100% {transform: rotate(40deg) translate(-66vw,-8px); opacity: .0;}
}
.cor_d_4{
position: absolute;
height: 35px;
width: 35px;
bottom: 90%;
right: 20%;
opacity: .0;
background: #626262;
z-index: 10;
animation: d4 18s linear;
animation-delay: 9s;
-webkit-animation-iteration-count: infinite;
}
@keyframes d5 {
0% {transform: translate(135%,calc(350px - 75%));opacity: 0}
35% {opacity: .3}
65% {opacity: .3}
90% {opacity: 0}
100% {transform: rotate(47deg) translate(155%,-26px); opacity: .0;}
}
.cor_d_5{
position: absolute;
height: 35px;
width: 35px;
bottom: 90%;
right: 20%;
opacity: .0;
background: linear-gradient(246.58deg, #71A800 38.68%, #3F6600 94.02%);
z-index: 10;
animation: d5 12s linear;
animation-delay: 3s;
-webkit-animation-iteration-count: infinite;
}
/* От старых разрабов
@keyframes d6{
0% {bottom: 25%; right: -5%;opacity: 0}
35% {opacity: .3}
65% {opacity: .3}
90% {opacity: 0}
100% {bottom:85%; right: 5%; transform: rotate(40deg); opacity: .0;}
} */
/* GP | Web Vitals Optimization */
@keyframes d6{
0% {transform: translate(100%,calc(350px - 75%)); opacity: 0}
35% {opacity: .3}
65% {opacity: .3}
90% {opacity: 0}
100% {transform: rotate(40deg) translate(150%,40px); opacity: .0;}
}
.cor_d_6{
position: absolute;
height: 35px;
width: 35px;
bottom: 90%;
right: 20%;
opacity: .0;
background: linear-gradient(246.58deg, #71A800 38.68%, #3F6600 94.02%);
z-index: 10;
animation: d6 12s linear;
animation-delay: 6s;
-webkit-animation-iteration-count: infinite;
}
@keyframes d7{
/* 0% {bottom: 15%; right: -5%;opacity: 0} */
0% {transform: translate(135%,calc(350px - 75%)); opacity: 0}
35% {opacity: .3}
65% {opacity: .3}
90% {opacity: 0}
/* 100% {bottom:95%; right: 17%; transform: rotate(40deg); opacity: .0;} */
100% {transform: rotate(40deg) translate(155%,-10px); opacity: .0;}
}
.cor_d_7{
position: absolute;
height: 35px;
width: 35px;
bottom: 90%;
right: 20%;
opacity: .0;
background: #626262;
z-index: 10;
animation: d7 18s linear;
animation-delay: 8s;
-webkit-animation-iteration-count: infinite;
}
@keyframes d8{
/* 0% {bottom: -5%; left: 15%;opacity: 0} */
0% {transform: translate(-65vw,0); opacity: 0}
35% {opacity: .3}
65% {opacity: .3}
90% {opacity: 0}
/* 100% {bottom:95%; left: 17%; transform: rotate(40deg); opacity: .0;}*/
100% {transform: rotate(40deg) translate(-68vw,23px); opacity: .0;}
}
.cor_d_8{
position: absolute;
height: 35px;
width: 35px;
bottom: 90%;
right: 20%;
opacity: .0;
background: #626262;
z-index: 10;
animation: d8 18s linear;
animation-delay: 9s;
-webkit-animation-iteration-count: infinite;
}
@keyframes d9{
0% {transform: translate(-65vw,0); opacity: 0}
35% {opacity: .3}
65% {opacity: .3}
90% {opacity: 0}
100% {transform: rotate(40deg) translate(-61vw,18px); opacity: .0;}
}
.cor_d_9{
position: absolute;
height: 35px;
width: 35px;
bottom: 90%;
right: 20%;
opacity: .0;
background: #626262;
z-index: 10;
animation: d9 18s linear;
/*animation-delay: 9s;*/
-webkit-animation-iteration-count: infinite;
}
@keyframes d10{
0% {transform: translate(100%,calc(350px - 90%));opacity: 0}
/* 0% {bottom: -5%; right: 15%;opacity: 0} */
35% {opacity: .3}
65% {opacity: .3}
90% {opacity: 0}
/* 100% {bottom:95%; right: 45%; transform: rotate(40deg); opacity: .0;} */
100% {transform: rotate(47deg) translate(155%,-30px); opacity: .0;}
}
.cor_d_10{
position: absolute;
height: 35px;
width: 35px;
bottom: 90%;
right: 20%;
opacity: .0;
background: linear-gradient(246.58deg, #71A800 38.68%, #3F6600 94.02%);
z-index: 10;
animation: d10 18s linear;
/*animation-delay: 9s;*/
-webkit-animation-iteration-count: infinite;
}
.cor_d_1,
.cor_d_2,
.cor_d_3,
.cor_d_4,
.cor_d_5,
.cor_d_6,
.cor_d_7,
.cor_d_8,
.cor_d_9,
.cor_d_10
{
will-change: transform, opacity;
}
/*director*/
.review_block_1{
height: 25px;
width: 25px;
position: absolute;
background: linear-gradient(246.58deg, #71A800 38.68%, #3F6600 94.02%);
transform: rotate(30deg);
opacity: .5;
left: 15px;
top: 25px;
}
.review_block_2{
height: 15px;
width: 15px;
position: absolute;
background: #D7D7D7;
transform: rotate(26deg);
left: 60px;
top: 8px;
}
.review_block_3{
height: 9px;
width: 9px;
position: absolute;
background: #D7D7D7;
transform: rotate(26deg);
left: 85px;
top: 41px;
}
.review_block_4{
height: 9px;
width: 9px;
position: absolute;
background: linear-gradient(246.58deg, #71A800 38.68%, #3F6600 94.02%);
opacity: .5;
transform: rotate(26deg);
right: 30px;
top: 50px;
}
.review_block_5{
height: 15px;
width: 15px;
position: absolute;
background: linear-gradient(246.58deg, #71A800 38.68%, #3F6600 94.02%);
opacity: .5;
transform: rotate(26deg);
right: 60px;
top: 8px;
}
.review_block_6{
height: 25px;
width: 25px;
position: absolute;
background: #C4C4C4;
transform: rotate(30deg);
opacity: .5;
right: 15px;
top: 10px;
}
.review_block_7{
height: 25px;
width: 25px;
position: absolute;
background: #C4C4C4;
transform: rotate(30deg);
opacity: .5;
right: 15px;
bottom: 10px;
}
.review_block_8{
height: 15px;
width: 15px;
position: absolute;
background: linear-gradient(246.58deg, #71A800 38.68%, #3F6600 94.02%);
transform: rotate(-25deg);
opacity: .5;
right: 13px;
bottom: 55px;
}
.review_block_9{
height: 15px;
width: 15px;
position: absolute;
background: linear-gradient(246.58deg, #71A800 38.68%, #3F6600 94.02%);
transform: rotate(-25deg);
opacity: .5;
right: 55px;
bottom: 13px;
}
.review_block_10{
height: 25px;
width: 25px;
position: absolute;
background: linear-gradient(246.58deg, #71A800 38.68%, #3F6600 94.02%);
transform: rotate(30deg);
opacity: .5;
left: 15px;
bottom: 10px;
}
.review_block_11{
height: 15px;
width: 15px;
position: absolute;
background: linear-gradient(246.58deg, #71A800 38.68%, #3F6600 94.02%);
transform: rotate(-25deg);
opacity: .5;
left: 13px;
bottom: 55px;
}
.review_block_12{
height: 15px;
width: 15px;
position: absolute;
background: #C4C4C4;
transform: rotate(-25deg);
opacity: .5;
left: 55px;
bottom: 13px;
}
.review_block_animated_1{
animation: st_1 50s linear;
}
.review_block_animated_2{
animation: st_1 70s linear;
}
.review_block_7.review_block_animated_2{
bottom: 45px;
}
.review_block_8.review_block_animated_1{
bottom: 165px;
}
.review_block_10.review_block_animated_1{
left: 45px;
}
.review_block_11.review_block_animated_2{
background: #C4C4C4;
}
@media only screen and (max-width: 991px){
.calculator .three.active,
.calculator .four.active{
margin-top: -4px;
}
}
@media (min-width: 992px) {
.calculator_first_wrapper{
width: 350px;
}
}
@media (min-width: 768px) {
.col-12.col-lg-6.image-slider{
height: 460px;
}
.col-12.col-lg-6.image-slider .js-slider.slick-initialized.slick-slider.slick-dotted{
height: 100%;
}.col-12.col-lg-6.image-slider .slick-list.draggable{
height: 100%;
}.col-12.col-lg-6.image-slider .slick-list.draggable .slick-track{
height: 100%;
}
.col-12.col-lg-6.d-flex.flex-column.justify-content-around.align-items-start{
min-height: 460px;
}
.license-video.mb-6{
min-height: 500px;
}
.license-video .video-block{
min-height: 375px;
}
.license-video .video-block .youtube{
top: 40px;
}
.container-xl.first-slide__container.text-uppercase.text-white .my-auto.col-12.col-md-6{
padding-left: 0;
}
.reviews-slider__review{
width: 95%;
padding: 30px 30px;
}
}
.row-icons-4 {
width: 100%;
padding: 25px;
background: #f7f7f7;
}
.row-icons-4 img {
height: 65px;
margin-bottom: 15px;
}
.license-video.mb-6{
position: relative;
overflow: hidden;
min-height: 500px;
}
@keyframes d1_2 {
0% {bottom: 0%; left: 5%;opacity: 0}
35% {opacity: .3}
65% {opacity: .3}
90% {opacity: 0}
100% {bottom:15%; left: 48%; transform: rotate(180deg); opacity: .0;}
}
.cor_d_1_2{
position: absolute;
height: 35px;
width: 35px;
bottom: 90%;
right: 20%;
opacity: .0;
background: linear-gradient(246.58deg, #71A800 38.68%, #3F6600 94.02%);
z-index: 10;
animation: d1_2 19s linear;
animation-delay: 6s;
-webkit-animation-iteration-count: infinite;
z-index: -1;
}
@keyframes d4_2{
0% {bottom: -5%; left: 15%;opacity: 0}
35% {opacity: .3}
65% {opacity: .3}
90% {opacity: 0}
100% {bottom:15%; left: 45%; transform: rotate(40deg); opacity: .0;}
}
.cor_d_4_2{
position: absolute;
height: 35px;
width: 35px;
bottom: 90%;
right: 20%;
opacity: .0;
background: #626262;
z-index: 10;
animation: d4_2 18s linear;
animation-delay: 9s;
-webkit-animation-iteration-count: infinite;
z-index: -1;
}
.how-it-works.mb-6{
position: relative;
}
.mobile-order-2{
z-index: 15;
}
.service-slider-small.mb-6{
position: relative;
overflow: hidden;
}
.service-slider-small.mb-6 .col-12.col-xl-11.col-md-10.lg-order-1{
z-index: 15;
}
.steps-block.mb-6{
position: relative;
overflow: hidden;
}
@keyframes st_1{
0% { transform: rotate(0deg); }
25% { transform: rotate(180deg); }
50% { transform: rotate(0deg); }
75% { transform: rotate(-180deg); }
100% {transform: rotate(0deg); }
}
.steps_tan_1{
position: absolute;
height: 35px;
width: 35px;
top: 15%;
left: 5%;
opacity: .5;
background: linear-gradient(246.58deg, #71A800 38.68%, #3F6600 94.02%);
animation: st_1 60s linear;
-webkit-animation-iteration-count: infinite;
z-index: -1;
}
@keyframes st_2{
0% { transform: rotate(0deg); }
25% { transform: rotate(-180deg); }
50% { transform: rotate(0deg); }
75% { transform: rotate(180deg); }
100% {transform: rotate(0deg); }
}
.steps_tan_2{
position: absolute;
height: 55px;
width: 55px;
top: 25%;
left: 8%;
background: #E1E1E1;
animation: st_2 90s linear;
-webkit-animation-iteration-count: infinite;
z-index: -1;
}
.steps_tan_3{
position: absolute;
height: 55px;
width: 55px;
top: 33%;
left: -1%;
background: #E1E1E1;
background: linear-gradient(246.58deg, #71A800 38.68%, #3F6600 94.02%);
opacity: 0.5;
animation: st_1 90s linear;
-webkit-animation-iteration-count: infinite;
z-index: -1;
}
.steps_tan_4{
position: absolute;
height: 35px;
width: 35px;
top: 42%;
left: 4%;
background: #E1E1E1;
opacity: 0.8;
animation: st_4 90s linear;
-webkit-animation-iteration-count: infinite;
z-index: -1;
}
.steps_tan_5{
position: absolute;
height: 35px;
width: 35px;
top: 50%;
left: 9%;
background: linear-gradient(246.58deg, #71A800 38.68%, #3F6600 94.02%);
opacity: 0.8;
animation: st_2 75s linear;
-webkit-animation-iteration-count: infinite;
z-index: -1;
}
.steps_tan_6{
position: absolute;
height: 28px;
width: 28px;
top: 58%;
left: 4%;
background: #E1E1E1;
opacity: 0.8;
animation: st_1 67s linear;
-webkit-animation-iteration-count: infinite;
}
.steps_tan_7{
position: absolute;
height: 35px;
width: 35px;
top: 15%;
right: 5%;
opacity: .5;
background: #E1E1E1;
animation: st_1 60s linear;
-webkit-animation-iteration-count: infinite;
z-index: -1;
}
.steps_tan_8{
position: absolute;
height: 55px;
width: 55px;
top: 25%;
right: 8%;
background: linear-gradient(246.58deg, #71A800 38.68%, #3F6600 94.02%);
animation: st_2 90s linear;
-webkit-animation-iteration-count: infinite;
z-index: -1;
}
.steps_tan_9{
position: absolute;
height: 55px;
width: 55px;
top: 33%;
right: -1%;
background: #E1E1E1;
opacity: 0.5;
animation: st_1 90s linear;
-webkit-animation-iteration-count: infinite;
z-index: -1;
}
.steps_tan_10{
position: absolute;
height: 35px;
width: 35px;
top: 42%;
right: 4%;
background: linear-gradient(246.58deg, #71A800 38.68%, #3F6600 94.02%);
opacity: 0.8;
animation: st_2 90s linear;
-webkit-animation-iteration-count: infinite;
z-index: -1;
}
.steps_tan_11{
position: absolute;
height: 35px;
width: 35px;
top: 50%;
right: 9%;
background: #E1E1E1;
opacity: 0.8;
animation: st_1 75s linear;
-webkit-animation-iteration-count: infinite;
z-index: -1;
}
.steps_tan_12{
position: absolute;
height: 28px;
width: 28px;
top: 58%;
right: 4%;
background: linear-gradient(246.58deg, #71A800 38.68%, #3F6600 94.02%);
opacity: 0.8;
animation: st_2 67s linear;
-webkit-animation-iteration-count: infinite;
z-index: -1;
}
.steps_tan_13{
position: absolute;
height: 58px;
width: 58px;
top: 67%;
left: 10%;
background: linear-gradient(246.58deg, #71A800 38.68%, #3F6600 94.02%);
opacity: 0.8;
animation: st_1 67s linear;
-webkit-animation-iteration-count: infinite;
z-index: -1;
}
.steps_tan_14{
position: absolute;
height: 58px;
width: 58px;
top: 67%;
right: 10%;
background: #E1E1E1;
opacity: 0.8;
animation: st_2 67s linear;
-webkit-animation-iteration-count: infinite;
z-index: -1;
}
.steps_tan_15{
position: absolute;
height: 28px;
width: 28px;
top: 78%;
left: 6%;
background: #E1E1E1;
opacity: 0.8;
animation: st_1 67s linear;
-webkit-animation-iteration-count: infinite;
z-index: -1;
}
.steps_tan_16{
position: absolute;
height: 28px;
width: 28px;
top: 78%;
right: 6%;
background: linear-gradient(246.58deg, #71A800 38.68%, #3F6600 94.02%);
opacity: 0.8;
animation: st_2 67s linear;
-webkit-animation-iteration-count: infinite;
z-index: -1;
}
.steps_tan_17{
position: absolute;
height: 35px;
width: 35px;
top: 85%;
left: 17%;
background: linear-gradient(246.58deg, #71A800 38.68%, #3F6600 94.02%);
opacity: 0.8;
animation: st_1 95s linear;
-webkit-animation-iteration-count: infinite;
z-index: -1;
}
.steps_tan_18{
position: absolute;
height: 35px;
width: 35px;
top: 85%;
right: 17%;
background: #E1E1E1;
opacity: 0.8;
animation: st_2 95s linear;
-webkit-animation-iteration-count: infinite;
z-index: -1;
}
.steps_tan_19{
position: absolute;
height: 35px;
width: 35px;
top: 74%;
left: 23%;
background: #E1E1E1;
opacity: 0.8;
animation: st_1 120s linear;
-webkit-animation-iteration-count: infinite;
z-index: -1;
}
.steps_tan_20{
position: absolute;
height: 35px;
width: 35px;
top: 74%;
right: 23%;
background: linear-gradient(246.58deg, #71A800 38.68%, #3F6600 94.02%);
opacity: 0.8;
animation: st_2 120s linear;
-webkit-animation-iteration-count: infinite;
z-index: -1;
}
.new-drsign-container section{
overflow: hidden;
position: relative;
}
.steps__inner{
width: 190px;
height: 180px;
}
main{
overflow: hidden;
}
.form-control{
background: unset;
}
.section-title.mobile-hidden{
max-width: 75%;
}
.text-block h1{
font-size:2.125rem;
}
.text-block p{
margin-bottom: 0.5rem;
}
.text-block .alert{
margin: 20px 0;
}
.active_region{
color: #71A800;
display: inline-block;
width: 32%;
cursor: default;
pointer-events: none;
}
.active_region:hover{
text-decoration: none;
}
.col-images img {
max-width: 140px;
}
.col-images div {
text-align: center;
margin-bottom: 15px;
}
.img_p_l{
margin-left: 15px;
}
.img_p_r{
margin-right: 15px;
}
.img_p_t{
margin-top: 15px;
}
.advantages-block{
background-position: top;
}
.advantages-block .advantages__text-hidden{
margin-top: 10px;
margin-bottom: 10px;
font-size: 14px;
}
.youtube img{
max-width: 530px;
/*max-height: 350px;*/
}
.input_wrapper{
position: relative;
margin-bottom: 10px;
}
#searchInputItem{
font-size: 22px;
position: absolute;
right: 10px;
top: 17px;
}
.calc_page_list{
max-width: calc(100% - 30px);
margin-top: 35px;
position: absolute;
left: 15px;
bottom: 10px;
}
.nav.nav-tabs.hidden-xs.center-block{
position: absolute;
left: 15px;
bottom: 15px;
}
.first-slide.service-page .button{
max-width: 300px;
border: 1px;
}
.col-12.order-2.order-md-1.get-license-button .form__button.button.--green:hover{
color: #71A800;
border: 2px solid #71A800;
background: #fff;
}
@media only screen and (max-width: 580px) {
.region_list a{
width: 49%;
}
}
@media only screen and (max-width: 400px) {
.region_list a{
width: 100%;
}
}
.slide iframe{
max-width: 560px;
max-height: 315px;
}
.text-block ul ul li:after{
background: transparent;
}
.text-block ul ul{
margin: 0;
}
.button.--green:hover{
border: 0px;
}
.disabled_subscribe_btn{
border-bottom: 1px solid red;
color: red;
}
.disabled_subscribe_btn::placeholder {
color: red;
}
.disabled_subscribe_btn_calc{
border: 1px solid red;
color: #ff7373;
}
.disabled_subscribe_btn_calc input::placeholder {
color: #ff7373;
}
.secret_form_item_inputs img{
height: 49px;
}
.secret_form_submit:hover{
background: #fff;
border: 1px solid #71A800;
color: #71A800;
}
.first-slide__text.--buisness {
text-transform: initial;
font-weight: normal;
}
@media (max-width: 1113px){
.service__title, .section-title {
color: #71A800;
background: transparent;
-webkit-text-fill-color: #71A800;
-webkit-background-clip: #71A800;
background-clip: inherit!important;
}
}
.bg-block{
margin: 20px 0;
}
.f4-warning{
color: red;
font-size: 12px;
text-transform: initial;
position: absolute;
left: 30px;
bottom: 68px;
display: none;
}
.f4-warning.call_request{
color: red;
font-size: 12px;
text-transform: initial;
position: absolute;
left: 33px;
/* GP | Task 44*/
/* bottom: 120px; */
bottom: 25%;
display: none;
}
.form-group{
margin-bottom: 2rem;
}
.first-slide.service-page .form__subtitle{
margin-bottom: 1rem;
}
.hidden{
display:none!important;
}
#license_submit_3{
display:none;
}
#license_submit_4{
margin-top: 25px!important;
display: block;
max-width: 215px;
margin: 0 auto;
width: 90%;
}
.quick_license_name{
display: none;
color:red;
font-size: 12px;
position: absolute;
}
.quick_license_tel{
color:red;
font-size: 12px;
position: absolute;
display: none;
}
.f4-warning.call_request_home{
color: red;
font-size: 12px;
text-transform: initial;
position: absolute;
left: 30px;
/* GP | Task 44 */
/* bottom: 0; */
display: none;
}
/* GP | Task 44: for Ipad Mini */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px){
.f4-warning.call_request_home {
bottom: 0;
}
}
/* GP | Task 44: for Ipad Air */
@media only screen
and (min-device-width : 820px)
and (max-device-width : 1180px){
.f4-warning.call_request_home {
bottom: 0;
}
}
.paddingt-40{
padding-top: 40px!important;
}
.tan_1, .tan_2, .tan_3, .tan_4, .tan_5, .tan_6, .tan_7, .tan_8, .tan_9 {
display:none;
}
@media (max-width: 768px){
.director-contact__button.button.--white.my-2, .director-contact__button.button.--green.my-2{
max-width: 350px;
margin: 0 auto;
display: block;
}
.director-contact__button.button.--green.my-2 .fa.fa-instagram{
left: 5%;
}
.director-contact__button.button .fa.fa-envelope-o{
left: 5%;
}
}
.director-contact__button.button.--white.my-2, .director-contact__button.button.--green.my-2{
max-width: 350px;
}
.director-contact__button.button .fa.fa-envelope-o{
font-size: 26px;
top: 6px;
position: absolute;
left: 5%;
}
.director-contact__button.button.--green.my-2 .fa.fa-instagram{
font-size: 26px;
top: 6px;
position: absolute;
left: 5%;
}
.footer__company-info .logo {
background-image: url(/local/templates/centrconsult-new/assets/images/ckNewLogo_1.svg);
}
.bottom-links{
display: none;
}
.license_first_slide_decor{
position: absolute;
top: -95px;
right: -120px;
}
.footer_upper_img{
display: none;
}
@media (max-width: 426px){
footer{
/*background: url(/local/templates/centrconsult-new/assets/images/bg_2.svg) no-repeat;*/
background: none;
background-size: 35%;
background-position: bottom right;
padding-bottom: 0px;
/*background: url(http://centrkonsalt.tk/local/templates/centrconsult-new/assets/images/mobile_bg.png) no-repeat;
background-size: 100%;
background-position: bottom;
padding-bottom: 0px;*/
}
.footer_upper_img{
display: block;
}
.tan_1, .tan_2, .tan_3, .tan_4{
display:none;
}
.bottom-links{
display: block;
margin-left: 10px;
margin-bottom: 15px
}
.bottom-links-item{
display: block;
margin-bottom: 10px;
}
.license_first_slide_decor{
display:none;
}
}
@media (min-width: 768px){
.service__description .p-0.p-sm-4{
padding:0!important;
}
}
.header__country.region:hover .region__flag{
transition: 0.3s;
overflow:hidden;
}
.header__country.region:hover{
cursor:pointer;
}
.header__country.region:hover .font-weight-normal{
color:#91c249;
}
.header__country.region.custom{
float:right;
display:none;
}
@media screen and (max-width: 1210px) and (min-width: 768px) {
.header__country.region.main{
display:none;
}
.header__country.region.custom{
display:flex;
}
}
.form__title{
font-size: 1.5rem;
line-height: 2.575rem;
font-weight: bold;
display: block;
margin-bottom: 10px;
margin-top:10px;
color: #000;
}
.first-slide__form-container{
justify-content: center;
border: 0;
}
@media (min-width: 992px){
.services{
justify-content: space-between;
}
.d-flex.flex-wrap.align-items-center.justify-content-start.justify-content-md-between.no-gutters.px-3{
padding-left: 0!important;
}
}
@media (min-width: 1200px){
.video-review{
/*transform: translateX(-15px);*/
}
}
.video-review__video img{
margin-left: 0;
}
.last_review_word{
font-size: 24px;
line-height: 10px;
}
.last_review_word:hover{
text-decoration:none;
}
.buhgalteriya-block .col-md-3.col-xs-12{
margin-top: 25px;
}
.review {
border: 1px #ccc dashed;
padding: 10px;
margin-bottom: 5px;
}
.f4-warning.get_course{
bottom: 120px;
}
.license_review_image_wrapper{
min-height: 110px;
}
.license_review_image_wrapper .reviews-slider__review-pic{
display: block;
max-height: 110px;
width: auto;
max-width: 140px;
height: auto;
}
.reviews-list .white-block{
top: 0;
}
.first-slide.first-slide-main .first-slide__form-container, .form__title.text-center.text-md-left.col-12{
padding-left: 15px;
}
.first-slide__form-container .form-group.col-12.col-md-6{
padding-left: 0;
}
.form__button, .--green.my-2{
border: 1px;
}
#secret_form_submit_2{
border: 2px solid;
height: 45px;
width: 180px;
}
@media (min-width: 1210px){
.order-xl-3 {
order: 3;
}
}
.first-slide__form-container form{
width: 100%;
}
#quick_license_submit_6{
margin-left: 15px;
}
.news-content .thumbnail img{
width: 100%;
}
.blog_list_item{
position: relative;
}
.blog_list_item i {
position: absolute;
right: -20px;
font-size: 20px;
top: 0px;
}
.GotovieFirmy--block .btn-calc .btn-calc_icon {
width: 40px;
}
.GotovieFirmy--block .btn-calc_icon img {
width: 100%;
}
.GotovieFirmy--block .btn-calc_title {
font-weight: 560;
color: #343739;
margin: 0 1rem;
font-size: 14px;
}
.GotovieFirmy--block .btn-calc_g {
font-size: 14px;
padding: .8rem 1.2rem;
color: #fff;
background: rgb(82,180,115);
border-radius: .25rem;
}
.GotovieFirmy--block .btn-calc {
border-radius: .25rem;
background: rgba(247,248,250,1);
display: flex;
align-items: center;
justify-content: space-between;
padding: 20px;
text-decoration: none;
margin-top: 10%;
}
.GotovieFirmy--block .block-btn-calc {
/*display: flex;*/
flex-direction: column;
justify-content: space-around;
height: auto;
align-items: flex-end;
}
.GotovieFirmy--block {
display: flex;
align-items: stretch;
}
.ck-join-sro-slide-gotovie-firm {
background: url(/media/images/159ed0e8ddb700f9ebc34bef50ff1c5e.jpg.1120x410_q85_crop.jpg);
background-repeat: no-repeat;
background-size: cover;
}
.ck-slider {
padding: 40px;
margin-bottom: 20px;
}
.main_section h1:first-child {
margin-top: 10px;
}
.btn-cta {
background-color: #71a800;
color: #fff;
padding: 5px 40px;
display: block;
transition: background-color 200ms linear;
text-decoration: none;
float: left;
}
.mt-20{
margin-top: 20px;
}
.form-inline .form-group {
margin-top: 10px;
vertical-align: top;
}
@media (min-width: 768px){
.form-inline .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
}
}
label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: bold;
}
.form-inline .form-control {
display: block;
width: 100%;
vertical-align: middle;
}
.copyright{
margin: 0 auto;
color: #5d5d5d;
}
.well {
min-height: 20px;
padding: 15px;
margin-bottom: 20px;
background-color: #f7f8fa;
border-bottom: 3px solid #71a800;
border-radius: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
}
.franshiza-btn{
display: inline-block;
margin-bottom: 0;
font-weight: normal;
text-align: center;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
border-radius: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: #70AB00;
border: 1px solid #70AB00;
color: #fff;
transition: 0.2s ;
}
.franshiza-btn:hover {
border: 1px solid #70AB00;
background: #fff;
color: #70AB00;
}
.service__description .button.--green{
border: 0px solid;
}
@media (max-width: 768px){
.services__item.service.--open .service__title{
margin-bottom: 0!important;
}
}
.section-title{
margin-bottom: 10px;
}
.my-company .green-text {
font-size: 30px;
color: #2a4621;
font-family: 'PT Sans Narrow',sans-serif;
margin-top: 70px;
margin-bottom: 40px;
}
.soc_block{
/*max-width: 140px;*/
max-width: 60px;
}
.logo-footer{
background-image:url(/media/ckNewLogo_1.svg)!important;
background-size: contain;
width: 279px;
height: 50px;
}
.header__phone .header__link.--no-hover:hover{
color: #fff;
text-decoration: underline;
}
.header__phone .header__link.--no-hover{
font-size: 17px;
cursor: pointer;
}
.not_click{
pointer-events: none;
}
.nav-link.second-l{
font-weight: bold;
}
.nav-link.second-l:before{
content: '';
display: none!important;
}
.video-reviews-list.mb-6 .video-review__video img{
max-width: 373px;
max-height: 258px;
}
.video-reviews-list .video-review__video{
width: 93%;
}
.head-title-404{
font-size: 150px;
display: block;
text-align: center;
margin-top: 15%;
}
.hidden_table_tr {
opacity: 0;
display: none;
transition: 0.2s;
}
.hidden_table_tr.opened_tr {
opacity: 1;
display: table-row;
transition: 0.2s;
}
.open_table_tr {
text-align:center;
}
.open_table_tr.opened_tr {
display: none;
}
.open_table_tr a.btn {
color: #fff;
padding: 5px 50px;
}
@media (max-width: 766px){
.first-slide__form-container {
position: relative;
max-width: 100% !important;
padding-bottom: 30px !important;
margin-left: 0px;
width: 100%;
}
}
@media (min-width: 768px){
.third_layer_hidden{
margin-top: 17px;
}
}
.third_layer_hidden:before{
content: '';
display: none!important;
}
.subscribe-form{
position: relative;
}
.button-unlinked {
color: #fff;
padding: 0.8125rem 1.875rem;
outline: 0;
display: inline-block;
font-size: 0.875rem;
line-height: 1em;
cursor: pointer;
position: relative;
transition: color 0.3s;
z-index: 0;
color: white;
background: linear-gradient(207.43deg, #71A800 38.68%, #3F6600 94.02%);
position: relative;
border: 0px solid;
}
.definitions-block a {
color: #3F6600;
}
.btn.btn-blue.callrequest.pull-left:hover{
color:#fff;
}
.callrequest-koala{
color: #70AB00;
cursor: pointer;
}
.callrequest-koala:hover{
text-decoration: underline;
}
.dymanic_html_block .form-control{
padding: 0 0.4rem;
}
.modal_form_wrapper_buy_firm{
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: #757575c4;
z-index: 100;
transition: 0.5s;
display: none;
opacity: 0;
}
#license_submit_10{
display: none;
}
.home-button-container{
width: 100%;
padding-right: 25px;
height: 45px;
}
.left{
text-align: left;
}
.right{
text-align: right;
}
.home-button-container .button{
width: 90%;
text-align: center;
}
.dev-koala a{
color: #000;
margin-top: 10px;
display: block;
}
.dev-koala a:hover{
color: #4f9e44;
}
.social-block-mobile{
display:none
}
.koala_img{
margin-right: 3px;
padding: 5px 19px;
background: url('/media/koala-logo.png') no-repeat;
background-position-x: -38px;
}
.dev-koala a:hover .koala_img{
background-position-x: 0;
}
@media (min-width: 1200px) {
.first-slide.first-slide-main .my-auto {
padding-left: 15px;
}
}
@media (max-width: 768px) {
.social-block {
margin-bottom: 25px;
}
.copyright{
margin: 0px 0 15px 50px;
}
.social-block-mobile{
display:block;
margin: 0px 0px 15px 35px;
}
.social-block{
display: none;
}
}
.soc_block a {
width: 24px;
height: 24px;
}
.soc_instagram{
background: url(/media/instagram.svg);
background-size: 100%;
}
.soc_telegram{
background: url(/media/telegram.svg);
}
.soc_viber{
background: url(/media/viber.svg);
}
.soc_whatsapp{
background: url(/media/whatsapp.svg);
}
.first-slide.service-page .form__title{
font-size: 20px;
margin: 0px 0 10px;
}
.blesk_sk {
width: 350px;
position: relative;
overflow: hidden;
display: block;
}
.blesk_sk:after {
content: '';
position: absolute;
top: 0;
right: -100px;
bottom: 0;
left: 0;
background: linear-gradient(to bottom, rgba(229, 172, 142, 0), rgba(255,255,255,0.7) 50%, rgba(229, 172, 142, 0));
transform: rotateZ(60deg) translate(-10em, 12em);
}
.blesk_sk:after, .blesk_sk:after {
animation: sheen 2s forwards;
animation-iteration-count:infinite;
animation-fill-mode: forwards;
}
@keyframes sheen {
100% {
transform: rotateZ(60deg) translate(1em, -9em);
}
}
.third_mobile_layer_hidden{
display: none;
}
@media (max-width: 426px) {
.mobile-hide {
display: none;
}
#quick_license_submit_6{
width: 90%;
}
}
.director-contact__img{
display: block;
}
.advantages-block .advantages__icon.license{
background: url(/media/why_we/cert.png);
background-size: 100%;
background-repeat: no-repeat;
}
.advantages-block .advantages__icon.clock{
background: url(/media/why_we/clock.png);
background-size: 100%;
background-repeat: no-repeat;
}
.advantages-block .advantages__icon.people{
background: url(/media/why_we/persons.png);
background-size: 100%;
background-repeat: no-repeat;
}
.advantages-block .advantages__icon.money{
background: url(/media/why_we/money.png);
background-size: 100%;
background-repeat: no-repeat;
}
.advantages-block .advantages__icon.bank{
background: url(/media/why_we/bank.png);
background-size: 100%;
background-repeat: no-repeat;
}
.advantages-block .advantages__icon.varranty{
background: url(/media/why_we/policy.png);
background-size: 100%;
background-repeat: no-repeat;
}
@media (max-width: 426px) {
.subscribe-form .secret_form_input[type="email"]{
display: block;
width: 100%;
background: transparent;
}
.subscribe-form #secret_form_submit_2{
width: 100%;
margin-top: 5px;
}
}
.custom-sertifikat-rdi img {
width: 100%;
height: auto;
}
#ck-icons-block img {
margin-bottom: 20px;
width: 120px;
}
.callrequest {
background-color: #71A800;
color: #fff;
float: right;
padding: 5px 40px;
display: block;
transition: background-color 200ms linear;
}
.callrequest:hover {
color: #fff;
background-color: #2c4200;
}
.definitions-block .form-inline .form-control{
padding: 0;
}
.definitions-block .form-inline .form-group{
padding: 0 20px 0 0;
}
.question-block .question-asked:before{
content: '';
position: absolute;
bottom: -40px;
left: 50%;
transform: translateX(-50%);
border: 20px solid transparent;
border-top: 20px solid #fff;
}
.question-block .question-asked-footer {
padding: 3rem 1rem 2rem;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
background: #f6f7f9;
}
.question-block {
border: 2px solid #f2f2f2;
margin: 30px 0;
}
.question-block .question-asked {
position: relative;
float: left;
padding: 1.4rem 1rem 1.4rem 3rem;
margin-top: 20px;
width: 100%;
}
.question-block .question-asked-title {
margin-bottom: 20px;
font-weight: 500;
line-height: 1.1;
font-size: 25px;
}
.nav-tabs {
border-bottom: 1px solid #ddd;
align-items: flex-start;
justify-content: flex-start;
}
.nav-tabs>li {
float: left;
margin-bottom: -1px;
}
.nav-tabs>li>a {
margin-right: 2px;
line-height: 1.42857143;
border: 1px solid transparent;
border-radius: 0 0 0 0;
}
.nav>li>a {
position: relative;
display: block;
padding: 0.5rem 0.4rem;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
color: #555;
background-color: #fff;
border: 1px solid #ddd;
border-bottom-color: transparent;
cursor: default;
}
.tab-content > .tab-pane{
margin-top: 15px;
}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
padding: 8px;
line-height: 1.42857143;
vertical-align: top;
border-top: 1px solid #ddd;
}
.bottom-links-item-callback{
display: block;
}
.callback-items{
margin: 15px 0;
}
.callback-items strong{
margin-bottom: 7px;
display: block;
}
.main-404{
margin-top: -52px;
}
@media (max-width: 1199px){
.main-404{
margin-top: -41px;
}
}
@media (max-width: 768px){
.main-404{
margin-top: -60px;
}
}
.footer_upper_img{
position: absolute;
right: 0;
width: 12%;
/*top: 20%;*/
top: 150px;
}
.calculator .nav-tabs>li.active>a{
background-color: transparent;
border: 0;
}
.li_no_point:after{
display: none;
}
.text-block ul li ul li:after{
content: "";
position: absolute;
left: 0;
top: 50%;
margin-top: -4px;
width: 8.64px;
height: 8.64px;
background: linear-gradient(207.43deg, #71A800 38.68%, #3F6600 94.02%);
border-radius: 2px 0px 2px 2px;
transform: matrix(0.71, 0.7, -0.72, 0.71, 0, 0);
}
.profession-head-title{
font-size: 28px;
margin-bottom: 1rem;
font-weight: normal;
}
.profession-head-text {
color: #979595;
}
.profession-head-callrequest.profession-head-text{
margin-bottom: 0;
}
.profession-head-phone {
font-size: 22px;
}
.profession-head-price {
color: #71a800;
font-weight: bold;
font-size: 32px;
}
.profession-head-image{
margin: 0 auto;
display: block;
}
.profession-head-action {
background: #71a800;
color: #fff;
border: 0;
font-size: 18px;
padding: 8px 28px;
margin-top: 10px;
}
.profession-head-element__right {
text-align: right;
}
.profession p, .profession span{
font-style: 16px;
}
.profession h2{
font-weight: normal;
margin: 25px 0;
}
#ck-freecall {
color: #fff;
}
#ck-freecall {
background-image: -moz-linear-gradient(0deg,#9ec12d 0,#008b5f 100%);
background-image: -webkit-linear-gradient(0deg,#9ec12d 0,#008b5f 100%);
background-image: -ms-linear-gradient(0deg,#9ec12d 0,#008b5f 100%);
padding: 30px 40px 20px 40px;
}
#ck-freecall button {
margin-top: 10px;
font-size: 20px;
font-family: "PT Sans";
color: #000;
line-height: .75;
padding: 20px 20px;
text-align: center;
background: #fff;
border: none;
cursor: pointer;
}
.profession-common {
margin-top: 20px;
}
.why_punct img{
max-width: 96px;
}
.bx-breadcrumb-item-text:hover{
text-decoration:none;
}
.visible-xs, .visible-sm, .visible-md, .visible-lg {
display: none;
}
@media (min-width: 1200px) {
.visible-lg {
display: block !important;
}
}
@media (max-width: 1199px) and (min-width: 1024px){
.visible-md {
display: block!important;
}
}
@media (max-width: 1023px) and (min-width: 768px){
.visible-sm {
display: block!important;
}
}
@media (max-width: 767px) {
.visible-xs {
display: block !important;
}
.first-slide.service-page .form__title{
font-size: 16px;
}
}
.first-slide{
padding-top: 75px;
}
.callrequest-profession{
border: 1px;
}
.col-md-6.profession-head-element.profession-head-element__right.button-wrap{
padding-top: 10px;
}
.spoiler btn{
color: #fff;
}
.white_space_inh{
white-space: inherit;
}
@media (max-width: 767px){
.hidden-xs {
display: none!important;
}
.home-button-container .col-md-6.left, .home-button-container .col-md-6.right{
height: 45px;
display: block;
text-align: left;
}
}
.img_resize_1 img{
max-height: 154px;
}
.img_resize_1{
text-align: center;
}
.image_resize_podgotovka img{
max-height: 100px;
margin-top: 25px;
}
.buhgalteriya .col-md-3.col-xs-12{
margin-top: 30px;
}
.buhgalteriya .col-md-3.col-xs-12 h3 a{
color: #70AB00;
}
.kursy .col-md-3.col-xs-12{
margin-top: 30px;
}
.kursy .col-md-3.col-xs-12 h3 a{
color: #70AB00;
}
.pedagogika .col-md-3.col-xs-12 h3 a{
color: #70AB00;
}
.yurisprudenciya .col-md-3.col-xs-12 h3 a{
color: #70AB00;
}
.pedagogika .col-md-3.col-xs-12{
margin-top: 30px;
}
.yurisprudenciya .col-md-3.col-xs-12{
margin-top: 30px;
}
.btn.btn-blue.callrequest{
color: #fff;
}
.iso_name, .iso_inn {
height: 46px;
padding: 11px 16px;
font-size: 17.5px;
line-height: 1.3333333;
border-radius: 0;
}
.iso_submit{
background-color: #70AB00;
border: 0;
color: #fff;
padding: 13.5px 75px;
}
.iso_members_bread{
margin-bottom: 25px;
}
.news-content-info.clear{
margin-bottom: 5px;
}
.badge{
display: inline-block;
min-width: 10px;
padding: 4px 10px;
font-size: 11px;
font-weight: bold;
color: #777;
line-height: 1;
vertical-align: middle;
white-space: nowrap;
text-align: center;
background-color: #ffffff;
border-radius: 10px;
float: right;
border: 1px solid rgba(0,0,0,.125);
transition: .2s;
}
.badge:hover{
color: #fff;
background-color: #70AB00;
cursor: default;
box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}
.kursy .form-inline .form-group {
padding: 0 12px;
}
.col-md-12.col-xs-12.kupit .form-group{
padding: 0 15px;
}
.kupit .btn.btn-large.callrequest.callrequest-inpage{
display: block;
margin-top: 15px;
}
.btn.white-txt{
color: #fff;
}
.callrequest-koala-btn{
background: #71a800;
color: #fff;
padding: 0.625rem 1.0625rem;
border: 2px solid transparent;
transition: .2s;
}
.callrequest-koala-btn:hover{
background: #fff;
color: #71a800;
text-decoration: none;
border: 2px solid #71a800;
}
.blog-card__img{
margin-top: 0;
}
.blog_link_detail, .blog_link_section {
color: #71A800;
}
.kupit{
margin: 0 auto;
}
.license-docs .container-xl{
background: #f7f7f7;
}
.row.align-items-center.justify-content-between.h-100{
/*position: relative;*/
}
#header__menu{
overflow: visible;
}
.choose_region{
position: absolute;
bottom: -130px;
padding: 20px 25px 15px 25px;
width: 220px;
background: #fff;
color: #000;
right: -20px;
z-index: 15px;
opacity: 0;
transition: .5s;
display:none;
z-index: 1500;
box-shadow: 3px 3px 9px #505050;
}
.header.w-100.position-fixed.--white .choose_region{
bottom: -145px;
}
.choose_region_btn{
width: 100%;
text-align: center;
}
.choose_region_close{
position: absolute;
top: 10px;
right: 10px;
width: 15px;
height: 15px;
cursor: pointer
}
.choose_region_arrow{
position: absolute;
background: white;
width: 20px;
height: 20px;
top: -10px;
transform: rotate(45deg);
left: 50%;
border-left: 1px solid #5d5d5d24;
border-top: 1px solid #5d5d5d24;
}
.choose_region_close:hover .choose_region_close_item{
background: #71a800;
}
.choose_region_close_item{
display: block;
height: 2px;
background: #000;
width: 100%;
transition: .2s;
}
.choose_region_close_1{
position: absolute;
top: 5px;
transform: rotate(45deg);
}
.choose_region_close_2{
position: absolute;
top: 5px;
transform: rotate(-45deg);
}
.header__country.region.main{
position:relative;
}
@media (max-width: 1000px) {
.text-block img{
max-width: 100%;
height: auto;
}
.service__items-inner {
padding: 20px 10px 50px !important;
}
.licenze-item .licenze-item-img img{
max-width: 100%;
height: auto;
}
}
@media (max-width: 1200px) {
.choose_region {
position: absolute;
bottom: -130px;
padding: 20px 25px 15px 25px;
width: 220px;
background: #fff;
color: #000;
right: 5px;
z-index: 15px;
opacity: 0;
transition: .5s;
display: none;
z-index: 1500;
box-shadow: 3px 3px 9px #505050;
}
}
@media (max-width: 767px) {
.choose_region {
position: absolute;
bottom: -120px;
padding: 20px 25px 15px 25px;
width: 220px;
background: #fff;
color: #000;
left: calc(50% - 108px);
z-index: 15px;
opacity: 0;
transition: .5s;
display: none;
z-index: 1500;
box-shadow: 3px 3px 9px #505050;
}
.first-slide__form-container.paddingt-40{
height: 100%!important;
}
.paddingt-40{
padding-top: 180px!important;
}
}
.top-telephone .mobile_header__country_name{
padding: 15px;
font-size: 16px;
font-weight: bold;
color: #456f00;
}
.top-telephone .soc_whatsapp{
width: 24px;
height: 24px;
display: inline-block;
}
.ta_left{
text-align:left;
}
.top-telephone .soc_whatsapp{
bottom: 20px;
position: absolute;
right: 10px;
}
.tel_whatsapp{
padding: 15px 15px 15px 30px;
font-size: 16px;
font-weight: bold;
color: #456f00;
position: absolute;
bottom: 5px;
right: 30px;
}
.container.my-company img{
max-width: 100%;
}
.mobile-fixed-phone{
display:none;
position: fixed;
background: #fff;
bottom: 0;
left: 0;
right: 0;
z-index: 99;
box-shadow: 0px 8px 15px #000000;
}
.fixed-phone{
font-size: 20px;
text-align: center;
display: block;
background: #ff0000;
/*background: #F3FD0D;*/
color: #fff;
padding: 9px;
/*margin: 5px 10px;*/
}
.form__title.more_text {
font-size: 15px;
line-height: 21px;
text-transform: initial;
padding-left: 0!important;
margin-top: 0;
}
@media (max-width: 767px) {
.mobile-fixed-phone{
display:block;
}
.all_reviews{
text-align: center!important;
padding-top: 25px;
}
.button.--all_reviews.my-3{
margin-top: -15px;
}
.form__title.more_text {
font-size: 12px;
}
}
@media (max-width: 340px) {
.form__title.more_text {
line-height: 16px;
}
}
.modal_form_wrapper_item{
margin-top: 170px!important;
}
.all_reviews{
text-align: right;
}
.button.--all_reviews.my-3{
background: #fff;
color: #406700;
margin-right: 10px;
}
.button.--all_reviews.my-3:before{
display:none;
}
.button.--all_reviews.my-3:hover{
background: transparent;
color: #fff;
border: 1px solid #fff;
}
.add-services{
margin-top: -3rem;
padding: 30px 0;
background-color: #E7E7E7;
}
.add-services__list{
margin: 30px 0;
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
}
.add-services__item{
margin-bottom: 15px;
}
.add-services__icon{
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.feedback-form .form__title{
margin-bottom: 30px;
font-size: 34px;
font-weight: 600;
padding-left: 15px;
}
.feedback-form .form__subtitle{
max-width: 400px;
margin-bottom: 30px;
}
.feedback-form button{
margin-left: 15px;
}
.feedback-form label{
color: #828282;
font-weight: 400;
margin-bottom: 0;
}
.blog-main-img{
height: auto;
}
.blog-main-img img{
margin-top: 0;
}
.news-main-img img{
max-width: 100%;
}
.g-recaptcha-container{
padding: 10px 15px;
}
.recaptcha-error{
visibility: hidden;
opacity: 0;
transition: all .3s;
margin-bottom: 5px;
font-size: 14px;
line-height: 1;
color: #de1414;
}
.recaptcha-error.visible{
visibility: visible;
opacity: 1;
}
.to-top{
position: fixed;
bottom: 50px;
right: 50px;
width: 40px;
height: 40px;
padding: 0 !important;
background-color: transparent;
visibility: hidden;
opacity: 0;
z-index: 999;
transition: all .3s;
}
.to-top.visible{
visibility: visible;
opacity: 1;
}
.to-top:hover{
background-color: #fff;
transition: all .3s;
transform: translateY(-5px);
}
.to-top:before{
display: none;
}
.to-top:after{
content: '';
position: absolute;
width: 100%;
height: 100%;
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAyMSAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuOTA5MDgxIDUuMzM4NTVIMTcuODk2NEwxMy44NDMgMS40Nzc4OUMxMy40ODc5IDEuMTM5ODkgMTMuNDg3OSAwLjU5MTU5NCAxMy44NDMgMC4yNTM2NDdDMTQuMTk4MSAtMC4wODQ1NDkyIDE0Ljc3MzggLTAuMDg0NTQ5MiAxNS4xMjg0IDAuMjUzNjQ3TDIwLjczMzcgNS41OTIwOUMyMS4wODg4IDUuOTMwMDkgMjEuMDg4OCA2LjQ3ODQ0IDIwLjczMzcgNi44MTYzM0wxNS4xMjg0IDEyLjE1NUMxNC45NTA5IDEyLjMyNDIgMTQuNzE4MyAxMi40MDg2IDE0LjQ4NTcgMTIuNDA4NkMxNC4yNTMxIDEyLjQwODYgMTQuMDIwNSAxMi4zMjQyIDEzLjg0MyAxMi4xNTVDMTMuNDg3OSAxMS44MTcgMTMuNDg3OSAxMS4yNjg3IDEzLjg0MyAxMC45MzA4TDE3Ljg5NjQgNy4wNjk5OEgwLjkwOTA4MUMwLjQwNzA4MiA3LjA2OTk4IDAgNi42ODIzMyAwIDYuMjA0MjRDMCA1LjcyNjE0IDAuNDA3MDI4IDUuMzM4NTUgMC45MDkwODEgNS4zMzg1NVoiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcikiLz4KPGRlZnM+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhciIgeDE9IjExLjE5OTUiIHkxPSIwLjU5OTc1IiB4Mj0iMjIuMDM0OCIgeTI9IjguNTQwOTgiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iIzcxQTgwMCIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMzRjY2MDAiLz4KPC9saW5lYXJHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K) no-repeat center;
transform: rotate(-90deg);
}
.top_visible_logo_mobile{
/* width: 227px; */
height: 33.4px;
margin-bottom: 5px;
}
.top_vivisble_logo{
display: block;
height: 49px;
width: 100%;
}
.scroll_vivisble_logo{
display: none;
height: 49px;
width: 100%;
}
.header-green-shadow .top_vivisble_logo{
display: none;
height: 49px;
width: 100%;
}
.header-green-shadow .scroll_vivisble_logo{
display: block;
height: 49px;
width: 100%;
}
.fixed_logo .top_vivisble_logo{
display: none;
}
.fixed_logo .scroll_vivisble_logo{
display: block;
height: 40px;
width: 266px;
/* margin-left: 12px;
margin-bottom: 10px; */
}
.--green.new-yellow {
background: linear-gradient(207.43deg, #ff0000 38.68%, #ff0000 94.02%);
color: #fff;
}
.--green.new-yellow:hover {
color: #000;
}
.--green.new-yellow:after {
border-top: 1px solid #ff0000;
border-bottom: 1px solid #ff0000;
}
.text_description.call_request_sro_description {
/*font-size: 22px;*/
}
.long_adress {
max-width: 290px;
}
/* task #11374 */
@media (max-width: 767px) {
.first-slide__form-container .blesk_sk {
width: 100%;
}
}
/* task #11374 */
@media (max-width: 767px) {
.marquiz__container_inline .marquiz__button {
display: none !important;
}
.marquiz__container_inline .marquiz__inline-frame {
display: block !important;
}
.service .image-slider.plus_link img {
width: 100%;
}
}
.call_request_second_licence_block_9{
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: #757575c4;
z-index: 100;
transition: 0.5s;
display: none;
opacity: 0;
}
.form_course_q{
display: none;
}
@media screen and (max-width: 1199px){
.video-reviews-list-service .video-review{
padding-top: 0;
margin-top: 15px;
}
.youtube_video_review.youtube{
display: none;
}
.video-review__video{
/*display: none;*/
}
}
@media screen and (max-width: 768px){
.justify-content-end.slick-slide {
justify-content: center!important;
}
.video-reviews-list .video-review__video {
width: 100%;
top: -40px;
}
.video-reviews-list.mb-6 .video-review__video img {
max-width: 300px;
max-height: 210px;
margin-left: auto;
margin-top: auto;
}
.video-review {
margin-top: 45px;
}
}
@media screen and (max-width: 520px){
.video-review {
margin-top: 25px;
}
}
/*тендеры слайдер ==================*/
.d_none{
display: none;
}
.tender_btn{
outline:none;
text-decoration: none;
color: #fff;
cursor: pointer;
padding: 7px;
width: 310px;
border: 2px solid #fff;
text-align: center;
font-size: 17px;
border-radius: 0px;
}
.tender_btn:hover{
text-decoration: none;
color: #507c00 !important;
font-weight: bold !important;
background: #fff;
transition: all 0.3s;
}
.tender_slider_img{
padding: 1%;
}
@media (max-width: 767px){
.tender_btn{
/*color: black;*/
background: linear-gradient(207.43deg, #71A800 38.68%, #3F6600 94.02%);
}
.tender_btn:hover{
}
}
/*====================================*/
/* GP | Новые стили */
.container.bread-container{
position: fixed;
}
.container.bread-container.bread-container--rebase{
position: relative;
}
.soc_block{
max-width: unset;
justify-content: flex-start;
}
.soc_block a {
margin-right: 6px;
background-position: center;
background-repeat: no-repeat;
}
.soc_vk{
background: url(/media/vk.svg);
}
.soc_youtube{
background: url(/media/youtube.svg);
}
main .service-slider .slider-leafs .slide{
/* transition: all 0.5s ease-out; */
transition: unset;
}
.cities__container {
padding: 0px;
padding-bottom: 64px;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 16px
}
.cities__list {
padding: 0;
display: flex;
flex-wrap: wrap;
gap: 8px 16px;
}
.cities__item {
list-style: none;
display: flex;
}
.cities__link {
display: flex;
font-size: 16px;
line-height: 24px;
}
.licenze-item-img img {
max-width: 100%;
}
.nav-link.main {
font-weight: 900;
font-size: 14px;
-webkit-text-stroke: 0.1px black;
}