Skip to Content

CSS File

URL: https://sonniyzaliv.ru/local/templates/template1/public/css/common/header/header-default.css?20260505105952
HTTP Status: 200 OK
MIME Type: text/css
Last Modified: Tue, 05 May 2026 07:59:52 GMT
Download Time: Less than a second
Cookies: None
Size: 7 KB
Rules: 64 style rules
Imports: 0 stylesheets
HTTP Headers:  7 headers
Links In:  1 pages
Links Out:  0 links
Images:  0 images
CSS:  0 files
JavaScript:  0 files
OK Issues: No issues found

1@charset "UTF-8";.language{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;

-webkit-box-orient:vertical;

-webkit-box-direction:normal;

-ms-flex-direction:column;flex-direction:column}

2@media (max-width:767px){.language{

-webkit-box-ordinal-group:2;

-ms-flex-order:1;order:1}

3}

4.language:focus .language__item--list,.language:hover .language__item--list{

-webkit-transform:scaleY(1);transform:scaleY(1)}

5.language:focus .language__item--list .language__link,.language:hover .language__item--list .language__link{opacity:1}

6.language__item--list{position:absolute;top:100%;display:block;overflow:visible;padding-top:8px;

-webkit-transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s,-webkit-transform .4s;

-webkit-transform:scaleY(0);transform:scaleY(0);

-webkit-transform-origin:top;transform-origin:top}

7.language__link{display:-webkit-box;display:-ms-flexbox;display:flex;

-webkit-box-pack:center;

-ms-flex-pack:center;justify-content:center;

-webkit-box-align:center;

-ms-flex-align:center;align-items:center;width:60px;height:60px;line-height:1;text-transform:uppercase;text-decoration:none;background-color:#fff;border:1px solid transparent;border-radius:50%;

-webkit-box-shadow:0 5px 10px rgba(0,0,0,.1);box-shadow:0 5px 10px rgba(0,0,0,.1);opacity:0;

-webkit-transition:color .4s,opacity .2s;transition:color .4s,opacity .2s;pointer-events:auto}

8@media (max-width:1600px){.language__link{width:50px;height:50px}

9}

10@media (max-width:767px){.language__link{width:40px;height:40px}

11}

12.language__link:focus:not(.language__link--active),.language__link:hover:not(.language__link--active){color:rgba(0,0,0,.8)}

13.language__link--active{opacity:1;color:#fff;border-color:rgba(255,255,255,.3);background-color:transparent;

-webkit-box-shadow:none;box-shadow:none}

14.language__link+.language__link{margin-top:5px}

15.header-default .link--logo{justify-self:left}

16.header-default.header--inner,.header-default.header--static,.header__top-block{min-height:160px}

17@media (max-width:1600px){.header-default.header--inner,.header-default.header--static{min-height:130px}

18}

19@media (max-width:1325px){.header-default.header--inner,.header-default.header--static{min-height:160px}

20}

21@media (max-width:767px){.header-default.header--inner,.header-default.header--static{min-height:70px}

22}

23.header-default .header__button-menu,.header__contacts-phone-link::before{display:none}

24@media (max-width:1325px){.header-default .header__button-menu{display:-webkit-box;display:-ms-flexbox;display:flex}

25}

26.header__button-menu span{display:block;font-family:"Raleway",Verdana,sans-serif;font-size:14px;font-weight:500;line-height:30px;letter-spacing:.4em;text-transform:uppercase}

27.header__button-menu span::before{content:none}

28@media (max-width:1600px){.header__button-menu span{margin-left:16px}

29}

30@media (max-width:767px){.header__button-menu span{margin-left:12px;font-size:12px;line-height:14px}

31}

32@media (max-width:380px){.header__button-menu span{display:none}

33}

34@media (max-width:1600px){.header__top-block{min-height:130px}

35}

36@media (max-width:1325px){.header__top-block{min-height:160px}

37.header__top-block.header__top-block--scrolled{min-height:70px}

38}

39@media (max-width:767px){.header__top-block{min-height:70px}

40}

41.header__top-container{display:grid;grid-template-columns:1fr auto 1fr;grid-column-gap:40px;grid-auto-flow:column;

-webkit-box-pack:justify;

-ms-flex-pack:justify;justify-content:space-between;

-webkit-box-align:center;

-ms-flex-align:center;align-items:center;min-height:90px}

42@media (max-width:1600px){.header__top-container{grid-template-columns:1fr auto 1fr;min-height:80px}

43}

44@media (max-width:1325px){.header__top-container{grid-column-gap:20px}

45}

46@media (max-width:767px){.header__top-container{grid-template-columns:1fr auto auto;min-height:70px}

47}

48@media (max-width:1325px){.header--no-lang .header__top-container{grid-template-columns:1fr auto}

49}

50@media (max-width:767px){.header__top-block--scrolled .header__top-container{grid-template-columns:1fr auto}

51}

52.header__content{display:grid;grid-column-gap:60px;grid-auto-flow:column;

-webkit-box-align:center;

-ms-flex-align:center;align-items:center}

53@media (max-width:1600px){.header__content{grid-column-gap:40px}

54}

55@media (max-width:1325px){.header__content{grid-column-gap:20px}

56}

57.header__content--left{

-webkit-box-pack:start;

-ms-flex-pack:start;justify-content:start}

58@media (max-width:1325px){.header--no-lang .header__content--left{display:none}

59}

60@media (max-width:767px){.header--no-lang .header__content--left{display:grid}

61.header__top-block--scrolled .header__content--left{display:none}

62}

63.header__content--right{justify-items:end;

-webkit-box-pack:end;

-ms-flex-pack:end;justify-content:end}

64@media (min-width:768px){.header__content--right{gap:40px}

65}

66.header__content--right .link--address{max-width:310px}

67@media (max-width:1325px){.header__content .header__contacts-phone{display:none}

68}

69@media (max-width:767px){.header__content .header__contacts-phone-link{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;

-webkit-box-pack:center;

-ms-flex-pack:center;justify-content:center;

-webkit-box-align:center;

-ms-flex-align:center;align-items:center;width:40px;height:40px;font-size:0;color:#fff;background-color:transparent;border:1px solid rgba(255,255,255,.3);border-radius:50%}

70}

71@media (max-width:767px){.header__content .header__contacts-phone-link::before{display:inline-block;font-size:18px}

72.header__content .header__contacts-phone--hidden-number .header__contacts-phone-link,.header__content .header__contacts-phone--list .header__contacts-phone-link{display:none}

73}

74@media (max-width:1325px){.header__contacts-messenger{display:none}

75}

76@media (max-width:767px){.header__content .header__contacts-messenger{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:unset}

77}

78@media (max-width:1325px){.header__contacts-address{display:none}

79}

80.header__top-block--scrolled .header__contacts-address{display:none}

81.page--booking .header__top-block--scrolled .header__contacts-address{display:block}

82@media (max-width:1325px){.page--booking .header__top-block--scrolled .header__contacts-address{display:none}

83}

84.header__lk-wrapper{margin:20px 20px 20px 0;display:block}

85@media (min-width:1326px){.header__lk-wrapper{display:none}

86}

87@media (max-width:1325px){.header__top-block--scrolled .header__lk{display:none}

88}

89.header__lk-link-text{display:-webkit-box;display:-ms-flexbox;display:flex}

90@media (max-width:1325px){.header__lk--top-model{display:none}

91}

92.header__search,.header__search-icon{display:-webkit-box;display:-ms-flexbox;display:flex;

-webkit-box-align:center;

-ms-flex-align:center;align-items:center}

93.header__search{gap:16px}

94.header__search-icon{

-webkit-box-pack:center;

-ms-flex-pack:center;justify-content:center;width:40px;height:40px;min-width:40px;font-size:16px;line-height:1.8;letter-spacing:.03em;color:#fff}

95.header__search-icon:focus,.header__search-icon:hover{color:rgba(255,255,255,.6)}

96@media (min-width:1326px){.search-form--position-top{top:130px;bottom:auto}

97}

98@media (min-width:1601px){.search-form--position-top{top:160px}

99}

100

101/*# sourceMappingURL=header-default.css.map */