.header {
margin-left: auto;
margin-right: auto;
position: fixed;
left: 0;
top: 0;
width: 100%;
z-index: 10;
transition: background 0.3s, box-shadow 0.3s;
box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0);
}
.header-banner {
position: relative;
color: #fff;
background: #f03444;
width: 100%;
color: #fff;
font-weight: 700;
z-index: 30;
text-align: center;
padding: 10px;
}
.header-banner a {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 2;
cursor: pointer;
}
.header-banner p {
margin: 0;
font-size: 18px;
}
.header+.breadcrumbs {
padding-top: 200px;
}
@media screen and (max-width: 960px) {
.header+.breadcrumbs {
padding-top: 150px;
}
}
@media screen and (max-width: 560px) {
.header+.breadcrumbs {
padding-top: 140px;
}
.header-banner p {
font-size: 16px;
}
}
.header+.p404,
.header+.thanks {
padding-top: 181px;
}
@media screen and (max-width: 960px) {
.header+.p404,
.header+.thanks {
padding-top: 150px;
}
}
@media screen and (max-width: 560px) {
.header+.p404,
.header+.thanks {
padding-top: 162px;
}
}
.header--static {
position: static;
}
.header .container {
max-width: 1780px;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
}
.header-top,
.header-bottom {
max-width: calc(100vw - 40px);
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 960px) {
.header-top,
.header-bottom {
max-width: 100%;
padding-left: 22px;
padding-right: 22px;
}
}
.header-top {
padding: 15px 0;
border-bottom: 1px solid #3A547F;
background: rgba(255, 255, 255, 0);
transition: background-color 0.3s, border-color 0.3s, padding 0.3s;
}
@media screen and (max-width: 960px) {
.header-top {
padding: 13px 15px;
border-bottom: 0;
position: relative;
}
.header-top::before {
content: "";
display: block;
position: absolute;
width: calc(100% - 44px);
left: 50%;
transform: translateX(-50%);
bottom: 0;
height: 1px;
background: #3A547F;
}
}
.header-top__row {
display: flex;
align-items: center;
}
@media screen and (max-width: 960px) {
.header-top__row {
flex-direction: row-reverse;
}
}
.header-top__logo-wrapper {
position: relative;
margin-right: 30px;
flex: 0 0 150px;
}
@media screen and (max-width: 960px) {
.header-top__logo-wrapper {
display: none;
}
}
.header-top__logo-wrapper img {
transition: opacity 0.3s;
max-width: 100%;
}
@media screen and (max-width: 1700px) {
.header-top__logo-wrapper img {
width: 180px;
}
}
@media screen and (max-width: 1100px) {
.header-top__logo-wrapper img {
width: 150px;
}
}
.header-top__logo-wrapper img.dark {
opacity: 0;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.header-top__logo-wrapper.--link {
transition: all 0.3s;
}
.header-top__logo-wrapper.--link:hover {
opacity: 0.8;
}
.header-top__logo-wrapper.--link:active {
opacity: 0.6;
}
.header-top__menu {
margin-right: 30px;
}
.header-top__search-wrapper {
max-width: 260px;
}
@media screen and (max-width: 1300px) {
.header-top__search-wrapper {
margin-right: 0;
}
}
@media screen and (max-width: 1200px) {
.header-top__search-wrapper {
display: none;
}
}
.header-top__search-wrapper label {
display: none;
}
.header-top__search-wrapper>form>div {
display: flex;
}
.header-top__search-wrapper input {
border: 1px solid #fff;
background: transparent;
}
.header-top__search-wrapper input[type=text] {
width: 255px;
border-right: 0;
border-radius: 6px 0 0 6px;
padding: 12px 14px;
color: #ffffff;
font-weight: 700;
font-size: 16px;
}
@media screen and (max-width: 1750px) {
.header-top__search-wrapper input[type=text] {
width: 230px;
}
}
@media screen and (max-width: 1200px) {
.header-top__search-wrapper input[type=text] {
font-size: 14px;
font-weight: 500;
width: 190px;
}
}
.header-top__search-wrapper input[type=text]::placeholder {
color: rgba(255, 255, 255, 0.5);
}
.header-top__search-wrapper input[type=submit] {
width: 45px;
background: url(//line-prava.com/wp-content/themes/linia-prava/img/icon-search.svg) no-repeat center/auto, #fff;
font-size: 0;
border-radius: 0 6px 6px 0;
cursor: pointer;
transition: background-color 0.3s;
}
@media screen and (max-width: 1200px) {
.header-top__search-wrapper input[type=submit] {
width: 35px;
background-size: 19px;
}
}
.header-top__search-wrapper input[type=submit]:hover {
background-color: whitesmoke;
}
.header-top__address {
position: relative;
margin-right: 25px;
margin-left: auto;
margin-top: 0;
margin-bottom: 0;
}
@media screen and (max-width: 1600px) {
.header-top__address {
display: none;
}
}
@media screen and (max-width: 960px) {
.header-top__address {
display: block;
}
}
.header-top__address span {
font-size: 20px;
font-weight: 700;
color: #ffffff;
transition: color 0.3s;
}
@media screen and (max-width: 1850px) {
.header-top__address span {
font-size: 16px;
font-weight: 500;
}
}
@media screen and (max-width: 960px) {
.header-top__address {
margin-right: 0;
margin-left: 30px;
}
}
@media screen and (max-width: 560px) {
.header-top__address {
margin-left: 15px;
font-size: 14px;
}
}
.header-top__address-active {
margin: 0;
font-size: 16px;
text-align: left;
color: #fff;
background: transparent;
border: none;
padding-right: 20px;
max-width: 250px;
cursor: pointer;
transition: all 0.3s;
}
@media screen and (max-width: 1700px) {
.header-top__address-active {
font-size: 14px;
max-width: 180px;
}
}
@media screen and (max-width: 960px) {
.header-top__address-active {
font-size: 16px;
max-width: 100%;
}
.header-top__address-active br {
display: none;
}
}
@media screen and (max-width: 560px) {
.header-top__address-active {
font-size: 12px;
}
}
.header-top__address-active:hover {
color: #7a95c0 !important;
}
.header-top__address-active:hover svg {
stroke: #7A95C0 !important;
}
.header-top__address-active:active {
color: #f03444 !important;
}
.header-top__address-active:active svg {
stroke: #F03444 !important;
}
.header-top__address-active svg {
content: "";
display: block;
position: absolute;
width: 12px;
height: 6px;
right: 0;
top: 50%;
transform: translateY(-50%);
stroke: #fff;
transition: all 0.3s;
}
.header-top__address-dropdown {
display: flex;
flex-direction: column;
align-items: flex-start;
position: absolute;
left: 0;
top: calc(100% + 10px);
background: #fff;
border-radius: 10px;
padding: 20px 30px 0 30px;
width: 100%;
pointer-events: none;
opacity: 0;
transition: all 0.3s;
transform: translateY(10px);
box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.1);
z-index: 2;
}
@media screen and (max-width: 780px) {
.header-top__address-dropdown {
padding: 15px 20px 4px 20px;
}
}
.header-top__address-item {
display: inline-block;
background: transparent;
border: none;
text-align: left;
padding: 0;
cursor: pointer;
transition: all 0.3s;
font-size: 16px;
color: #303030;
margin-bottom: 20px;
}
@media screen and (max-width: 780px) {
.header-top__address-item {
font-size: 14px;
margin-bottom: 10px;
}
}
.header-top__address-item:hover {
color: #f03444;
}
.header-top__address-item:active {
opacity: 0.8;
}
.header-top__address-item.active {
display: none;
}
.header-top__address.active .header-top__address-dropdown {
opacity: 1;
transform: translateY(0);
pointer-events: all;
}
.header-top__address.active .header-top__address-active {
color: #f03444 !important;
}
.header-top__address.active .header-top__address-active svg {
transform: rotate(-180deg) translateY(50%);
stroke: #f03444 !important;
}
.header-top__phone {
font-size: 20px;
font-weight: 800;
line-height: 1.3;
color: #fff;
text-decoration: none;
transition: all 0.3s;
margin-right: 25px;
white-space: nowrap;
}
@media screen and (max-width: 1600px) {
.header-top__phone {
font-size: 16px;
margin-left: auto;
}
}
@media screen and (max-width: 960px) {
.header-top__phone {
font-size: 20px;
margin-right: auto;
flex-shrink: 0;
margin-left: 0;
}
}
@media screen and (max-width: 560px) {
.header-top__phone {
font-size: 14px;
}
}
.header-top__phone:hover {
color: #f03444 !important;
}
.header-top__phone:active {
color: #e01122 !important;
}
.header-top__btn {
display: inline-block;
margin-right: 25px;
background: transparent;
font-size: 16px;
font-weight: bold;
color: #fff;
padding: 12px 34px;
border-radius: 6px;
border: solid 1px #fff;
text-decoration: none;
transition: all 0.3s;
}
@media screen and (max-width: 1700px) {
.header-top__btn {
font-size: 14px;
padding: 9px 30px;
}
}
@media screen and (max-width: 1500px) {
.header-top__btn {
display: none;
}
}
.header-top__btn:hover {
color: #fff;
background: #f03444;
border-color: #f03444;
}
.header-top__btn:active {
background: #1C427F;
border-color: #1C427F;
}
.header-top__socials {
display: flex;
align-items: center;
}
@media screen and (max-width: 1300px) {
.header-top__socials {
display: none;
}
}
.header-top__socials a {
text-decoration: none;
transition: all 0.3s;
width: 45px;
height: 45px;
border-radius: 6px;
background: #2B579F;
display: flex;
justify-content: center;
align-items: center;
}
@media screen and (max-width: 1750px) {
.header-top__socials a {
width: 35px;
height: 35px;
}
}
@media screen and (max-width: 780px) {
.header-top__socials a {
width: 30px;
height: 30px;
}
}
.header-top__socials a img {
max-width: 70%;
}
.header-top__socials a.--wa {
background: #5BDA60;
}
@media screen and (max-width: 960px) {
.header-top__socials a.--wa img {
width: 20px;
}
}
@media screen and (max-width: 780px) {
.header-top__socials a.--wa img {
width: 15px;
}
}
.header-top__socials a.--tg {
background: #5884CE;
}
@media screen and (max-width: 960px) {
.header-top__socials a.--tg img {
width: 20px;
}
}
@media screen and (max-width: 780px) {
.header-top__socials a.--tg img {
width: 15px;
}
}
@media screen and (max-width: 960px) {
.header-top__socials a.--vk img {
width: 20px;
}
}
@media screen and (max-width: 780px) {
.header-top__socials a.--vk img {
width: 18px;
}
}
.header-top__socials a:hover {
background: #F03444 !important;
}
.header-top__socials a:active {
background: #1C427F !important;
}
.header-top__socials a:not(:last-child) {
margin-right: 20px;
}
@media screen and (max-width: 1750px) {
.header-top__socials a:not(:last-child) {
margin-right: 15px;
}
}
@media screen and (max-width: 780px) {
.header-top__socials a:not(:last-child) {
margin-right: 10px;
}
}
.header-top__socials img {
display: block;
}
@media screen and (max-width: 960px) {
.header-top__menu {
display: none;
}
}
.header-top__menu ul {
padding: 0;
margin: 0;
list-style: none;
}
.header-top__menu>div>ul {
display: flex;
}
.header-top__menu>div>ul>li:not(:last-child) {
margin-right: 40px;
}
@media screen and (max-width: 1700px) {
.header-top__menu>div>ul>li:not(:last-child) {
margin-right: 20px;
}
}
@media screen and (max-width: 1500px) {
.header-top__menu>div>ul>li:not(:last-child) {
margin-right: 15px;
}
}
.header-top__menu>div>ul>li.menu-item-has-children {
position: relative;
z-index: 2;
}
.header-top__menu>div>ul>li.menu-item-has-children.active svg {
transform: rotate(-180deg);
stroke: #F03444;
}
.header-top__menu>div>ul>li.menu-item-has-children.active>a {
color: #F03444;
}
.header-top__menu>div>ul>li.menu-item-has-children.active>ul {
opacity: 1;
pointer-events: all;
transform: translateY(0);
}
.header-top__menu>div>ul>li.menu-item-has-children>a {
padding-right: 18px;
}
.header-top__menu>div>ul>li.menu-item-has-children svg {
stroke: #7A95C0;
position: absolute;
right: 0;
top: 8px;
transition: all 0.3s;
}
.header-top__menu>div>ul>li.menu-item-has-children>ul {
position: absolute;
border-radius: 10px;
background: #fff;
padding: 40px;
left: 0;
top: calc(100% + 20px);
opacity: 0;
pointer-events: none;
transform: translateY(15px);
transition: all 0.3s;
}
.header-top__menu>div>ul>li.menu-item-has-children>ul li:not(:last-child) {
margin-bottom: 30px;
}
.header-top__menu>div>ul>li.menu-item-has-children>ul li a {
font-size: 16px;
font-weight: 700;
color: #303030;
text-decoration: none;
transition: color 0.3s;
}
.header-top__menu>div>ul>li.menu-item-has-children>ul li a:hover {
color: #f03444;
}
.header-top__menu>div>ul>li.menu-item-has-children>ul li a:active {
color: #e01122;
}
.header-top__menu>div>ul>li>a {
font-size: 16px;
text-align: left;
color: #7a95c0;
transition: color 0.3s;
text-decoration: none;
}
@media screen and (max-width: 1500px) {
.header-top__menu>div>ul>li>a {
font-size: 14px;
}
}
.header-top__menu>div>ul>li:hover a {
color: #9bb8e7;
}
.header-top__menu>div>ul>li:hover svg {
stroke: #9bb8e7;
}
.header-top__menu>div>ul>li:active a {
color: #c4d5f1;
}
.header-top__menu>div>ul>li:active svg {
stroke: #c4d5f1;
}
.header-bottom {
padding: 30px 0;
background: rgba(255, 255, 255, 0);
transition: background-color 0.3s, padding 0.3s;
}
@media screen and (max-width: 960px) {
.header-bottom {
padding: 13px 15px;
}
}
@media screen and (max-width: 960px) {
.header-bottom__row {
display: flex;
align-items: center;
}
}
.header-bottom__row .header-top__socials {
display: flex;
margin-left: auto;
}
.header-bottom__row .header-top__socials a:not(:last-child) {
margin-right: 10px;
}
.header-bottom__row .header-top__socials img {
width: 40px;
}
@media screen and (max-width: 400px) {
.header-bottom__row .header-top__socials img {
width: 30px;
}
}
.header-bottom__burger-btn {
display: none;
width: 40px;
height: 40px;
position: relative;
border-radius: 6px;
background: #f03444;
border: none;
flex-shrink: 0;
transition: background 0.3s;
order: 10;
margin-left: 10px;
}
@media screen and (max-width: 780px) {
.header-bottom__burger-btn {
width: 30px;
height: 30px;
}
}
.header-bottom__burger-btn span {
width: 15px;
height: 2px;
background: #fff;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
transition: all 0.3s;
}
.header-bottom__burger-btn span:nth-child(1) {
top: calc(50% - 6px);
}
.header-bottom__burger-btn span:nth-child(3) {
top: calc(50% + 6px);
}
.header-bottom__burger-btn.active span:nth-child(2) {
opacity: 0;
}
.header-bottom__burger-btn.active span:nth-child(1) {
transform: translate(-50%, -50%) rotate(-45deg);
top: 50%;
}
.header-bottom__burger-btn.active span:nth-child(3) {
transform: translate(-50%, -50%) rotate(45deg);
top: 50%;
}
@media screen and (max-width: 960px) {
.header-bottom__burger-btn {
display: block;
}
}
.header-bottom .header-top__logo-wrapper {
display: none;
position: relative;
}
@media screen and (max-width: 960px) {
.header-bottom .header-top__logo-wrapper {
display: block;
margin-right: 16px;
flex: 1 1 auto;
max-width: 140px;
}
.header-bottom .header-top__logo-wrapper img {
width: 100%;
display: block;
}
}
@media screen and (max-width: 360px) {
.header-bottom .header-top__logo-wrapper {
max-width: 120px;
}
}
.header-bottom .header-top__logo-wrapper img {
transition: opacity 0.3s;
}
.header-bottom .header-top__logo-wrapper img.dark {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0;
}
@media screen and (max-width: 960px) {
.header-bottom__nav {
display: none;
}
}
.header-bottom__nav>div>ul {
display: flex;
justify-content: center;
padding: 0;
margin: 0;
list-style: none;
margin-left: -20px;
margin-right: -20px;
}
@media screen and (max-width: 1700px) {
.header-bottom__nav>div>ul {
margin-left: -10px;
margin-right: -10px;
}
}
@media screen and (max-width: 1400px) {
.header-bottom__nav>div>ul {
row-gap: 20px;
flex-wrap: wrap;
}
}
@media screen and (max-width: 960px) {
.header-bottom__nav>div>ul {
row-gap: 0;
}
}
.header-bottom__nav>div>ul>li {
margin-left: 20px;
margin-right: 20px;
}
@media screen and (max-width: 1700px) {
.header-bottom__nav>div>ul>li {
margin-left: 10px;
margin-right: 10px;
}
}
.header-bottom__nav>div>ul>li>a {
font-size: 16px;
font-weight: 600;
color: #fff;
text-decoration: none;
transition: color 0.3s;
}
@media screen and (max-width: 1700px) {
.header-bottom__nav>div>ul>li>a {
font-size: 14px;
}
}
.header-bottom__nav>div>ul>li>a:hover {
color: #f03444;
}
.header-bottom__nav>div>ul>li>a:hover+svg {
stroke: #f03444 !important;
}
.header-bottom__nav>div>ul>li>a:active {
color: #e01122;
}
.header-bottom__nav>div>ul>li.menu-item-has-children svg {
stroke: #fff;
transition: all 0.3s;
}
.header-bottom__nav>div>ul>li.menu-item-has-children {
position: relative;
}
.header-bottom__nav>div>ul>li.menu-item-has-children.active svg {
transform: rotate(-180deg);
stroke: #F03444;
}
.header-bottom__nav>div>ul>li.menu-item-has-children.active>a {
color: #F03444;
}
.header-bottom__nav>div>ul>li.menu-item-has-children.active>ul {
opacity: 1;
pointer-events: all;
transform: translateY(0);
}
.header-bottom__nav>div>ul>li.menu-item-has-children>a {
padding-right: 18px;
}
.header-bottom__nav>div>ul>li.menu-item-has-children svg {
stroke: #7A95C0;
position: absolute;
right: 0;
top: 8px;
transition: all 0.3s;
}
.header-bottom__nav>div>ul>li.menu-item-has-children>ul {
position: absolute;
border-radius: 10px;
background: #fff;
padding: 40px;
left: 0;
top: calc(100% + 20px);
opacity: 0;
pointer-events: none;
transform: translateY(15px);
transition: all 0.3s;
display: flex;
flex-direction: column;
align-items: flex-start;
list-style: none;
min-width: 337px;
}
@media screen and (max-width: 1600px) {
.header-bottom__nav>div>ul>li.menu-item-has-children>ul {
min-width: unset;
}
}
.header-bottom__nav>div>ul>li.menu-item-has-children>ul li:not(:last-child) {
margin-bottom: 12px;
}
.header-bottom__nav>div>ul>li.menu-item-has-children>ul li a {
font-size: 15px;
font-weight: 400;
color: #303030;
text-decoration: none;
transition: color 0.3s;
}
.header-bottom__nav>div>ul>li.menu-item-has-children>ul li a:hover {
color: #f03444;
}
.header-bottom__nav>div>ul>li.menu-item-has-children>ul li a:active {
color: #e01122;
}
.mob-menu {
position: fixed;
width: 100%;
height: 100%;
background: #fff;
z-index: 50;
bottom: 0;
padding: 20px 20px 35px 20px;
display: flex;
flex-direction: column;
transition: opacity 0.3s, left 0.3s;
opacity: 0;
pointer-events: none;
}
.mob-menu.active {
opacity: 1;
pointer-events: all;
}
.mob-menu__btn {
margin-top: auto;
width: 100%;
font-size: 16px;
}
.mob-menu__nav-holder {
overflow-y: auto;
flex: 1 1 auto;
margin-bottom: 30px;
position: relative;
}
.mob-menu__nav-holder.submenu-active {
overflow: hidden;
}
.mob-menu__nav-holder li.menu-item .sub-menu {
display: none;
}
.mob-menu__nav-holder .submenu-holder {
position: absolute;
z-index: 3;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #fff;
}
.mob-menu__nav-holder .submenu-holder .back a {
color: #7a95c0;
padding-left: 25px;
display: inline-block;
position: relative;
}
.mob-menu__nav-holder .submenu-holder .back a svg {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%) rotate(90deg);
stroke: #7A95C0;
}
.mob-menu__nav-holder .header-top__menu {
margin-right: 0;
}
.mob-menu__nav-holder .header-bottom__nav+.header-top__menu {
margin-top: 30px;
}
.mob-menu__nav-holder .header-bottom__nav,
.mob-menu__nav-holder .submenu-holder,
.mob-menu__nav-holder .header-top__menu {
display: block;
}
.mob-menu__nav-holder .header-bottom__nav>div>ul,
.mob-menu__nav-holder .submenu-holder>div>ul,
.mob-menu__nav-holder .header-top__menu>div>ul {
flex-direction: column;
margin: 0;
padding: 0;
list-style: none;
}
.mob-menu__nav-holder .header-bottom__nav>div>ul>li,
.mob-menu__nav-holder .submenu-holder>div>ul>li,
.mob-menu__nav-holder .header-top__menu>div>ul>li {
margin: 0;
}
.mob-menu__nav-holder .header-bottom__nav>div>ul>li:not(:last-child),
.mob-menu__nav-holder .submenu-holder>div>ul>li:not(:last-child),
.mob-menu__nav-holder .header-top__menu>div>ul>li:not(:last-child) {
margin-bottom: 30px;
}
.mob-menu__nav-holder .header-bottom__nav>div>ul a,
.mob-menu__nav-holder .submenu-holder>div>ul a,
.mob-menu__nav-holder .header-top__menu>div>ul a {
color: #303030;
font-size: 16px;
font-weight: 700;
display: block;
width: 100%;
text-decoration: none;
}
.mob-menu .header-bottom__nav>div>ul>li.menu-item-has-children svg,
.mob-menu .header-top__menu>div>ul>li.menu-item-has-children svg {
transform: rotate(-90deg);
stroke: #303030 !important;
}
.mob-menu__search-wrapper {
display: block;
margin-top: 27px;
}
.mob-menu__search-wrapper input[type=text] {
border-color: rgb(21, 60, 113);
color: #141414;
font-size: 16px;
width: auto;
flex: 1 1 auto;
}
.mob-menu__search-wrapper input[type=text]::placeholder {
color: rgba(48, 48, 48, 0.6);
}
.mob-menu__search-wrapper input[type=submit] {
background: url(//line-prava.com/wp-content/themes/linia-prava/img/icon-search-white.svg) no-repeat center/22px, rgb(21, 60, 113);
border-color: rgb(21, 60, 113);
}
.mob-menu__search-wrapper input[type=submit]:hover {
background: url(//line-prava.com/wp-content/themes/linia-prava/img/icon-search-white.svg) no-repeat center/22px, rgb(15, 52, 101);
}
body.menu-opened .header-top,
body.menu-opened .header-bottom {
background: #fff;
}
body.menu-opened .header-top {
border-color: #D8E1EA;
}
body.menu-opened .header-top__address-active {
color: #303030;
}
body.menu-opened .header-top__phone {
color: #303030;
}
body.menu-opened .header-top__address span {
color: rgb(48, 48, 48);
}
body.menu-opened .header-top__logo-wrapper img.light {
opacity: 0;
}
body.menu-opened .header-top__logo-wrapper img.dark {
opacity: 1;
}
header.scrolled {
background: #fff;
box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
}
header.scrolled .header-top {
border-color: #D8E1EA;
padding: 5px 0;
}
@media screen and (max-width: 960px) {
header.scrolled .header-top {
padding: 5px 22px;
}
}
@media screen and (max-width: 960px) {
header.scrolled .header-top::before {
background: #E1E9F7;
}
}
header.scrolled .header-bottom {
padding: 10px 0;
}
@media screen and (max-width: 960px) {
header.scrolled .header-bottom {
padding: 10px 22px;
}
}
header.scrolled .header-top__address-active {
color: #303030;
}
header.scrolled .header-top__phone {
color: #303030;
}
header.scrolled .header-top__address span {
color: #141414;
}
header.scrolled .header-top__search-wrapper input[type=text] {
border-color: rgb(21, 60, 113);
color: #141414;
}
header.scrolled .header-top__search-wrapper input[type=text]::placeholder {
color: rgba(48, 48, 48, 0.6);
}
header.scrolled .header-top__search-wrapper input[type=submit] {
background: url(//line-prava.com/wp-content/themes/linia-prava/img/icon-search-white.svg) no-repeat center/22px, rgb(21, 60, 113);
border-color: rgb(21, 60, 113);
}
header.scrolled .header-top__search-wrapper input[type=submit]:hover {
background: url(//line-prava.com/wp-content/themes/linia-prava/img/icon-search-white.svg) no-repeat center/22px, rgb(15, 52, 101);
}
header.scrolled .header-top__logo-wrapper img.light {
opacity: 0;
}
header.scrolled .header-top__logo-wrapper img.dark {
opacity: 1;
}
header.scrolled .header-top__btn {
border-color: #ee1c2e;
color: #ee1c2e;
}
header.scrolled .header-top__btn:hover {
color: #ffffff;
}
header.scrolled .header-bottom__nav>div>ul>li>a {
color: #303030;
}
header.scrolled .header-bottom__nav>div>ul>li>a:hover {
color: #ee1c2e;
}
header.scrolled .header-bottom__nav>div>ul>li>a:active {
opacity: 0.8;
}
header.scrolled .header-bottom__nav>div>ul>li.menu-item-has-children svg {
stroke: #141414;
}
header.header--white {
background: #fff;
}
header.header--white .header-top {
border-color: #D8E1EA;
}
header.header--white .header-top__address-active {
color: #303030;
}
header.header--white .header-top__phone {
color: #303030;
}
header.header--white .header-top__logo-wrapper img.light {
opacity: 0;
}
header.header--white .header-top__logo-wrapper img.dark {
opacity: 1;
}
header.header--white .header-top__btn {
border-color: #ee1c2e;
color: #ee1c2e;
}
header.header--white .header-top__btn:hover {
color: #ffffff;
}
header.header--white .header-bottom__nav>div>ul>li>a {
color: #303030;
}
header.header--white .header-bottom__nav>div>ul>li>a:hover {
color: #ee1c2e;
}
header.header--white .header-bottom__nav>div>ul>li>a:active {
opacity: 0.8;
}
header.header--white .header-bottom__nav>div>ul>li.menu-item-has-children svg {
stroke: #303030;
}
header.header--white .header-top__address-active svg {
stroke: #303030;
}
header.header--white .header-top__address span {
color: #141414;
}
header.header--white .header-top__search-wrapper input[type=text] {
border-color: rgb(21, 60, 113);
color: #141414;
}
header.header--white .header-top__search-wrapper input[type=text]::placeholder {
color: rgba(48, 48, 48, 0.6);
}
header.header--white .header-top__search-wrapper input[type=submit] {
background: url(//line-prava.com/wp-content/themes/linia-prava/img/icon-search-white.svg) no-repeat center/22px, rgb(21, 60, 113);
border-color: rgb(21, 60, 113);
}
header.header--white .header-top__search-wrapper input[type=submit]:hover {
background: url(//line-prava.com/wp-content/themes/linia-prava/img/icon-search-white.svg) no-repeat center/22px, rgb(15, 52, 101);
}
.hero .header-bottom__nav>div>ul>li.menu-item-has-children svg {
stroke: #ffffff;
}
.header-top__socials a:not(:last-child) {
margin-right: 10px;
}
.header-top__socials a {
width: 36px;
}
@media screen and (max-width: 1750px) {
.header-top__socials a:not(:last-child) {
margin-right: 5px;
}
}
.header-top__consult {
display: flex;
flex-direction: column;
align-items: flex-start;
margin-right: 25px; }
.header-top__consult-text {
font-size: 16px;
font-weight: 700;
color: #f03444;
margin: 0 0 6px;
}
.header-top__consult-btns {
display: flex;
gap: 10px;
}
.header-top__consult a {
font-weight: 700;
font-size: 16px;
border-radius: 6px;
background: #f03444;
padding: 4px 8px;
color: #fff;
text-decoration: none;
transition: all 0.3s ease;
}
.header-top__consult a:hover {
background: #fff;
color: #f03444;
}
.header-top__consult a:active {
background: #f03444;
color: #fff;
}
.header-bottom .header-top__consult {
display: none;
}
@media screen and (max-width: 1300px) {
.header-top__consult {
margin-left: 15px;
}
}
@media screen and (max-width: 960px) {
.header-top .header-top__consult {
display: none;
margin-left: 0;
}
.header-bottom .header-top__consult {
display: flex;
margin-left: auto;
}
.header-top__consult .header-top__btn {
display: inline-block;
}
.header-top__socials {
display: none !important;
}
}
.header-top__btn {
background-color: #F04E23;
color: #fff !important;
font-weight: 600;
font-size: 15px;
padding: 12px 22px;
border-radius: 50px;
text-decoration: none;
transition: all 0.3s ease;
box-shadow: 0 4px 12px rgba(240, 78, 35, 0.3);
display: inline-flex;
align-items: center;
justify-content: center;
text-align: center;
gap: 6px;
max-width: 210px;
}
@media screen and (max-width: 960px) {
.header-top__btn {
max-width: 260px;
}
}
.header-top__btn:hover {
background-color: #d73d16;
transform: scale(1.04);
box-shadow: 0 6px 15px rgba(240, 78, 35, 0.4);
}
@keyframes pulse {
0%,
100% {
transform: scale(1);
}
50% {
transform: scale(1.05);
}
}
.pulse-btn {
animation: pulse 2.8s infinite ease-in-out;
}
@media (max-width: 768px) {
.header-top__btn {
font-size: 14px;
padding: 10px 15px;
width: 100%;
max-width: 260px;
margin-right: 0;
}
.header-top__consult {
justify-content: flex-end;
}
}
.header.scrolled .header-bottom .header-top__consult-text {
color: #f03444;
}
.header.scrolled .header-bottom .header-top__consult-btns a {
color: #f03444;
}
.header.scrolled .header-bottom .header-top__consult-btns a:nth-child(1) {
border-right: 1px solid rgba(0, 0, 0, 0.5);
}
.header.scrolled .header-top .header-top__consult-text,
.header--white .header-top .header-top__consult-text {
color: #f03444;
}
.header--white .header-top .header-top__consult a,
.header.scrolled .header-top .header-top__consult a
{
background: #f03444;
color: #fff;
}
.header--white .header-top .header-top__consult a:hover,
.header.scrolled .header-top .header-top__consult a:hover {
background: #d12c3a;
}
@media screen and (max-width: 560px) {
.header-top__btn {
font-size: 12px;
padding: 8px 10px;
}
.header-top__consult-text {
font-size: 14px;
font-weight: 500;
}
.header-top__consult-btns { gap: 6px;
}
.header-top__consult-btns a {
color: #f03444;
padding: 0;
background: none;
border-radius: 0;
font-size: 14px;
}
.header-top__consult-btns a:nth-child(1) {
padding-right: 6px;
border-right: 1px solid rgba(255, 255, 255, 0.5);
}
.header-top__consult-btns a {
font-size: 12px;
font-weight: 500;
}
.header-top__consult-text {
font-size: 12px;
font-weight: 400;
}
.header-bottom .header-top__consult-btns a:hover {
background: transparent !important;
color: #d12c3a;
}
}
@media screen and (max-width: 360px) {
.header-bottom .header-top__consult {
margin-left: 0;
}
}