.okno-title {
font-size: 22px!important;
margin: 0!important;
font-weight: 400!important;
color: #ffffff!important;
}
.okno-title1 {
font-size: 16px!important;
margin-bottom: 10px!important;
font-weight: 600!important;
color: #000000!important;
}
.inputbutt {
padding: 0px!important;
min-width: 100px;
font-weight: 500;
outline: none!important;
border: 1px solid #000000!important;
color: #ffffff!important;
border-radius: 4px!important;
background: #000!important;
transition: .3s!important;
cursor: pointer!important;
}
.item-text-description {
margin: 10px 0 0px 0!important;
color: #404040!important;
font-weight: 700;
font-size: 1.75rem;
}
.window-buttons {padding-bottom: 1px;}
.window-buttons a {
color: rgba(51, 51, 51, 0.6)!important;
font-size: 14px!important;
}
.window-input-button {
padding: 5px 15px !important;
font-weight: 700;
outline: none !important;
border: 1px solid #606060 !important;
color: #404040 !important;
border-radius: 5px !important;
background: #ffffff !important;
transition: 0.3s !important;
cursor: pointer !important;
box-shadow: 0 0 20px 0 rgb(0 0 0 / 50%);
}
.window-input-button:hover {
border: 1px solid #ed3237!important;
color: #ed3237!important;
background: #fff!important;
}
.input-label {
font-size: 11px!important;
text-transform: uppercase!important;
font-weight: 600!important;
letter-spacing: 0.7px!important;
color: #ffffff!important;
transition: 0.3s!important;
text-align: initial;
margin-left: 5px;
}
.window-input-block {
display: flex !important;
padding: 10px !important;
margin: 0 15px;
border: 1px solid #ddd !important;
border-radius: 10px !important;
margin-bottom: 10px !important;
transition: 0.3s !important;
justify-content: center;
}
.window-input-block p {margin: 0 5px!important;}
.window-input-block input {
outline: 0 !important;
border: 1px solid #00606e !important;
font-size: 14px !important;
border-radius: 25px !important;
padding: 10px 15px !important;
}
.window-input-block input::placeholder {
color: rgb(132, 132, 132)!important;
opacity: 1!important;
}
.window-input-block input.wpcf7-not-valid {
border: 1px solid #ff3b3b !important;
}
.window-input-block input {
transition: border-color 0.2s ease;
}
.window-input-block:focus-within {
border-color: #ed3237!important;
}
.window-input-block:focus-within .input-label {
color: rgba(139, 139, 139, 0.8)!important;
}
.modal {
display: none;
position: fixed;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0,0,0,0.4);
}
.modal-window {
display: none;
position: fixed;
z-index: 9999;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0, 0, 0, 0.4);
}
.modal-content {
background-color: #fff!important;
margin: 10% auto;
padding: 0px;
box-shadow: 0 0 17px -1px rgb(0 0 0 / 40%);
width: 30%;
text-align: center;
border-radius: 0;
}
@media (max-width: 767px) {
.modal-content {width: 90%!important;margin: 15% auto!important;}
.item-itm {display: flex;flex-direction: column;}
.item-itm .illustration-img img {
max-width: 180px;
}
.window-input-block {display: flex;flex-direction: column;}
.window-input-block p {
margin: 1px 10px !important;
}
}
.close {
text-shadow: none !important;
background: #ffffff;
color: #727272 !important;
border: 1px solid #727272;
float: right;
font-weight: bold;
position: absolute;
right: -16px;
top: -16px;
border-radius: 15px;
width: 25px;
height: 25px;
}
.close:hover,
.close:focus {
text-decoration: none;
cursor: pointer;
color: #e53333 !important;
border: 1px solid #e53333;
opacity: 1 !important;
}
.modal-header {padding: 0px!important;border-bottom:none!important;position: relative;}
.modal-close-4 {
float: right;
font-size: 20px;
font-weight: 700;
line-height: 1;
text-shadow:none!important;
color: #fff!important;
opacity: 1;
filter: alpha(opacity=100);
}
.modal-close-4:hover,
.modal-close-4:focus {
text-decoration: none;
cursor: pointer;
color: #ed3237!important;
opacity: 1!important;
}
.item-itm {
text-align: center;
display: flex;
flex-direction: column;
width:100%;
outline: 0;
align-items: center;
padding-top:0;
}
.item-itm .illustration-img {
display: block;
max-width: 100%;
margin: 20px auto;
margin-top:0;
text-align: center;
}
.item-itm .illustration-img img{
max-width: 100%;
}
.item-itm .item-text {
color:#404040;
}
.item-text span {
font-weight: 900;
font-size: 1.53125rem;
}
.item-text p {
font-size: 18px;
}
.modal-contactModal {
position: fixed;
z-index: 9;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0, 0, 0, 0.4);
}
.modal-content-contactModal {
position: absolute;
z-index: 9;
left: 15px;
bottom: 25px;
background-color: rgb(78 78 78) !important;
padding: 10px;
box-shadow: 0 0 17px -1px rgb(0 0 0 / 40%);
text-align: center;
border-radius: 15px;
width: 60% !important;
margin: 16% 16% !important;
}
.close-contactModal {
position: absolute;
right: -10px;
top: -10px;
}
.btn-pluss-tab {
transition: width 0.3s ease, border-radius 0.3s ease, padding-bottom 0.3s ease;
}
.btn-pluss-tab li {
background-color: #eff1ff;
margin-top: 5px;
border-radius: 5px;
height: 25px;
transition: height 1s ease;
display: flex;
align-content: center;
justify-content: center;
align-items: center;
}
.btn-pluss-tab a {
display: block;
position: relative;
color: #1f1f1f;
text-decoration: none;
overflow: hidden;
padding: 0;
border-radius: 5px;
font-size: 14px;
}
.btn-pluss-tab a:hover {
text-decoration: inherit;
color: #FA434B;
transition: background-color 0.5s ease;
}
.btn-pluss-tab li a i {
margin-right: 5px;
}