/* Theme Name: SiteRussia Theme URI: siterussia.ru Description: Дизайн сайта разработанный компанией Site Russia Author: Wolf Author URI: siterussia.ru Version: 1.0 */ @font-face { font-family: 'Stolzl'; src: url('/fonts/Stolzl-Book.woff') format('woff'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Stolzl'; src: url('/fonts/Stolzl-Regular.woff') format('woff'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Stolzl'; src: url('/fonts/Stolzl-Bold.woff') format('woff'); font-weight: 700; font-style: normal; } @media (max-width: 365px){ #header .slide .phone{font-size: 25px!important;} #header .slide h1 {font-size: 30px!important;} .block h2 {font-size: 20px!important;} #tagsimage .item .info{padding: 10px!important;;font-size: 14px!important;;} #dog .title{font-size: 14px!important;} #map a{font-size: 12px;} #tagsimage .item .info .title{ font-size: 12px!important;} } @media (max-width: 921px) { #top, #header .head, #headerin{display: none;} #mobile{background-color: #151515;padding: 10px;} #mobile img{width: 200px;} #mobile .logo{position: relative;} #mobile .logo .city{position: absolute;left: 37px;bottom: 0px;font-size: 12px;color: #4196A0;font-weight: bold;white-space: nowrap;} .grid{gap: 20px;} .col-m-2{grid-template-columns: repeat(2, 1fr);} .o1{order: 1;} .o2{order: 2;} .full .title{font-size: 20px!important;padding-top: 20px;} #mmenu{background-color: #fff;} #mmenu .modal-content{width: 100%;border: none;margin-bottom: 40px;} #mmenu .cont>a{display: block;padding: 5px 0px;} #mmenu .cont span{display: block;padding-top: 30px;} #mmenu .cont .phone{font-size: 22px;font-weight: bold;color: black;} #mmenu .cont .mail{color: #71af48;} #mmenu .nav a{color: black;} #mmenu .nav{display: inline-block;width: 100%;list-style: none;} #mmenu .nav>ul{padding: 0px;} #mmenu .nav>li{border-bottom: 1px solid #F8F8F8;padding: 10px 0px;list-style: none;} #mmenu .nav>li>a{text-transform: uppercase;font-weight: 500;} #mmenu .nav .sub-menu{padding-top: 10px;padding-left: 30px;} #mmenu .nav .sub-menu>li{padding: 10px 0px;list-style: none;} #mmenu .nav ul.hide {display: none!important;} #mmenu .nav .menu-item-has-children {position: relative;} #mmenu .nav span.menu-closed:after {content: "";width: 50px;max-height: 50px;position: absolute;right: 0;top: 6px;bottom: 6px;background-image: url('/images/marrow.svg');background-size: 12px 7px;background-position: center;background-repeat: no-repeat;transform-origin: center;transform: rotate(-90deg);-webkit-transition: transform 0.4s cubic-bezier(0, 0.5, 0.5, 1), opacity 0.3s cubic-bezier(0, 0.5, 0.5, 1);transition: transform 0.4s cubic-bezier(0, 0.5, 0.5, 1), opacity 0.3s cubic-bezier(0, 0.5, 0.5, 1);} #mmenu .nav span.menu-closed:before {content: "";position: absolute;right: 50px;top: 6px;bottom: 6px;border-left: 1px solid #F8F8F8;} #mmenu .nav span.menu-closed.menu-open:after{transform: rotate(0deg);opacity: 0.3;} #mmenu .nav span.menu-closed.menu-open:before{opacity: 0;} #mmenu .cont .city{font-weight:bold;color: #71af48;} #mmenu .button{width: 100%;margin-top: 10px;} #za {padding: 0px!important;-webkit-overflow-scrolling: touch;} #za .modal-dialog{height: 100%;margin: 0;} #za .modal-content {height: 100%;width: 100%;border-radius: 0;} #za .modal-body .t{font-size: 35px;line-height: 40px;padding-bottom: 15px;} #za .modal-body .st{font-size: 16px;padding-bottom: 15px;} #za .modal-body .poly{margin-top: 10px;} #za .info{width: 100%;} .alignright{float: none!important;width: 100%!important;padding: 0px 0px 10px 0px!important;} .block{padding-top: 40px;padding-bottom: 40px;} #header .slide{padding: 50px 0px;} #header .slide .ac{margin-top: 20px;text-align: center;} #header .slide h1{font-size: 35px;} #header .slide h1 span{display: block;} #header .slide .inf, #header .slide .ac{font-size: 16px!important;} #header .slide .ac span{font-size: 20px!important;} #dog .title, #svaiprice .title, #accordion .card .title{font-size: 16px!important;line-height: 20px!important;} #tagsimage .item .info .title{font-size: 14px;} #text1 img{width: 100%;} #mes .buttons .item{width: 100%!important;} .block h2{font-size: 25px;} #map .grid{font-size: 14px;} #dog .col-6, #svaiprice .col-sm-4{margin-bottom: 20px;} #svaiprice .button{width: 100%;} .kolocalc .thumbnails .thumbnail{padding-bottom: 20px!important;} #etap{text-align: center;} #etap .title{background: url(/images/line.svg) center bottom / auto auto no-repeat!important;} #banner3 .items .button{width: 100%;} #header .slide .phone a{display: block;} #header .slide .button{padding: 25px 5px;width: 100%;} .button{padding: 15px 10px!important;font-size: 14px;} #usl .row, #prem .row, #etap .row{padding-top: 15px;padding-bottom: 10px;} #usl .item , #prem .col-sm-6{text-align: center;} #contacts{font-size: 20px;} #contacts .form{font-size: 25px;} #footer{padding-top: 40px;padding-bottom: 40px;text-align: center;} #footer .widget_nav_menu{padding-top: 20px!important;} #footer .phones{padding-top: 20px;} #footer .info{padding-top: 20px;} } @media (min-width: 992px) { #mobile{display: none!important;} .block{padding-top: 60px;padding-bottom: 60px;} .block h2{font-size: 40px;} .block .st{font-size: 20px;color: #21212199;padding-bottom: 40px;} #header .slide h1{font-size: 55px;} .grid{gap: 30px;} .col-pc-2{grid-template-columns: repeat(2, 1fr);} .col-pc-3{grid-template-columns: repeat(3, 1fr);} .col-pc-4{grid-template-columns: repeat(4, 1fr);} .col-pc-5{grid-template-columns: repeat(5, 1fr);} .col-pc-6{grid-template-columns: repeat(6, 1fr);} .col-pc-1-2{grid-template-columns: 1fr 2fr;} .col-pc-2-1{grid-template-columns: 2fr 1fr;} h1{font-size: 45px;} #za .modal-dialog{margin: 0px;right: 0px;position: absolute;} #za .modal-body{padding: 40px;} #za .modal-body .t{font-size: 45px;line-height: 54px;padding-bottom: 30px;} #za .modal-body .st{font-size: 22px;line-height: 34px;padding-bottom: 30px;} #za .modal-body .poly{padding-top: 3vh;} #header .slide{padding: 70px 0px 130px;} #tagsimage .item .info .title{font-size: 18px;} #banner3 .text{font-size: 20px;max-width: 65%;} #banner3 .items{display: inline-flex;} #contacts{font-size: 22px;} #contacts .form{font-size: 35px;line-height: 40px;} #footer{padding-top: 65px;padding-bottom: 65px;} #footer .info{padding-top: 50px;} } @media (min-width: 992px) { } @media (min-width: 1200px) { } html, body{ font-family: 'Stolzl'!important; font-size: 16px!important; margin: 0px; padding: 0px; } h1{margin-bottom: 0px!important;margin-top: 0px!important; padding-top: 20px!important;font-weight: bold!important;} h2{margin-bottom: 0px!important;margin-top: 0px!important; padding-bottom: 20px!important;padding-top: 20px!important;font-weight: bold!important;} .aligncenter{display: block;margin: 5px auto 5px auto;} .box {overflow:hidden;} .box img {-moz-transition: all 0.25s ease-out;-o-transition: all 0.25s ease-out;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;} .box img:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);} .page{min-height: 500px;padding-top: 40px;} .page h1{padding-bottom: 20px;} .rank-math-breadcrumb, .rank-math-breadcrumb a{color: #ababab;font-size: 15px;} .alignleft{float: left;padding-right: 10px;padding-bottom: 10px;} .alignright{float: right;padding-left: 10px;padding-bottom: 10px;} .block h2{text-align: center;} .h-100{height: 100%;} /* Кнопка вверх */ .btn-back-top {opacity: 0;background: black;border-radius: 2px;cursor: pointer;display: block!important;width: 45px;height: 45px;position: fixed;right: 15px;bottom: 15px;transition: .5s;z-index: 1030;} .btn-back-top:hover{opacity: 1!important;} .btn-back-top:before {border-radius: 4px;border-color: #fff;border-style: solid;border-width: 5px 0 0 5px;content: "";width: 17px;height: 17px;position: absolute;top: 17px;left: 15px;transform: rotate(45deg);} /* Кнопка вотсап */ .whatsapp-button{position: fixed;right: 70px;bottom: 70px;background: #25D366;border-radius: 50%;width: 65px;height: 65px;z-index: 9999;display: flex;align-items: center;justify-content: center;box-shadow: 0px 0px 11px rgb(37 211 102);} .whatsapp-button:before, .whatsapp-button:after {content: " ";display: block;position: absolute;border: 50%;border: 1px solid #25D366;left: -20px;right: -20px;top: -20px;bottom: -20px;border-radius: 50%;animation: animate 1.5s linear infinite;opacity: 0;backface-visibility: hidden; } .whatsapp-button:after{animation-delay: .5s;} @keyframes animate{0%{transform: scale(0.5);opacity: 0;}50%{opacity: 1;}100%{transform: scale(1.2);opacity: 0;}} @media (max-width: 921px) {.whatsapp-button {bottom: 10px!important;left: 10px;}} /* Топ акция */ .ntf{background-color: #f32c11;color: white;padding: 10px;} .ntf .but{color: white;font-weight: bold;} .ntf .ntf-close{color: white;text-decoration: none;font-size: 35px;line-height: 20px;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .ntf .container{display: flex;gap: 15px;justify-content: space-between;align-items: center;} .time{font-size: 14px;color: gray;} .p404{text-align: center;padding: 50px 0px;} .grid{display: grid;} .ac{align-items: center;} .citylist a, .rank-math-html-sitemap a{color: black;} @-webkit-keyframes pulsate { 50% { color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff; } } @keyframes pulsate { 50% { color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff; } } :root { --hovercolor: #4196A0; } /* Заголовок сайта */ #header{background: url(/images/slide.jpg) left 50% top 50% / cover no-repeat #212121;color: white;} #header .head{padding: 20px 0px;} #header .head .logo{position: relative;} #header .head .logo .city{position: absolute;right: 16px;bottom: 6px;font-size: 14px;color: #4196A0;font-weight: bold;} #header .head .seotext{font-size: 14px;} #header .head .nav{justify-content: space-around;margin-top: 15px;background-color: #4196A0;padding: 10px;border-radius: 10px;} #header .head .nav a{color: white;text-decoration:none;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;font-weight: 500;text-transform: uppercase;} #header .head .nav a:hover{color: black;} #header .head > .current-menu-item > a, #header .head > .current-menu-parent > a{color: white;font-weight: 800;} #header .head .menu-item-has-children:after{content: url(/images/arr.svg);margin-left: 3px;position: relative;top: -2px;} #header .head .menu-item-has-children:hover .sub-menu{display: block;} #header .head .sub-menu{display: none;position: absolute;background: white;box-shadow: 0 10px 29px 0 rgba(0,0,0,.05);padding: 10px 0px;list-style: none;z-index: 10;} #header .head .sub-menu li{padding: 5px 20px;} #header .head .sub-menu li a{color: black;} #header .head .phone{display: block;font-weight: 500;color:white;font-size: 20px;} #header .head .button{padding: 10px 40px;text-transform: uppercase;font-weight: 500;font-size: 14px;} #header .slide h1{padding-top: 0px!important;padding-bottom: 20px;text-transform: uppercase;} #header .slide h1 span{color: #4196A0;} #header .slide .text{font-size: 18px;margin: 20px 0px;} #header .slide .phone{font-size: 20px;margin-bottom: 20px;-webkit-animation: pulsate 1.2s linear infinite;animation: pulsate 1.2s linear infinite;font-weight: bold;font-size: 35px;color: #4196A0;} #header .slide .ac {background-color: #4196A0;padding: 20px;border-radius: 10px;font-size: 18px;} #header .slide .ac span{font-weight: bold;display: block;font-size: 25px;} #header .slide .inf{margin-top: 20px;text-align: right;list-style: none;font-size: 18px;background-color: #00000090;padding: 20px;border-radius: 10px;} #header .slide .ac p, #header .slide .inf p{margin-bottom: 0px;} /*#header .slide .inf span{font-weight: bold;font-size: 25px;color: #4196A0;display: block;}*/ #text1, #text2, #service{background-color: whitesmoke;} /* Любая кнопка со стрелкой */ .button{text-align: center;display: inline-block;background-color: #4196A0;padding: 15px 35px;color: white!important;border-radius: 4px;text-decoration: none!important;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;border: none;font-weight: 500;text-transform: uppercase;} .button:hover{background-color: black;color: white!important;} .button svg{margin-left: 25px;} .button svg path{fill: white;} /* Форма заявки сбоку */ #za .modal-content{border-radius: 0px;border: none;} #za .modal-body{height: 100vh;} #za .modal-body .close{right: 0px;} #za .modal-body .t{font-weight: bold;} #za .modal-body .st{color: #545560;} #za .modal-body .wpcf7-text{border: none;border-bottom: 1px solid #54556020;margin-bottom: 30px;padding: 10px 0px;} #za .modal-body .poly{color: #A8A8A8;font-size: 12px;line-height: 14px;} #dog{text-align: center;text-transform: uppercase;} #dog .title{font-size: 26px;font-weight: bold;margin: 10px 0px;line-height: 30px;} #dog .st{font-size: 14px;} #dog svg{margin: 15px 0px;} #svaiprice{background-color: #EFF3F8;text-align: center;} #svaiprice .col-sm-4{margin-bottom: 20px;} #svaiprice img{border-radius: 15px;box-shadow: 0 1px 1px rgba(0,0,0,.22);} #svaiprice img:hover{border: 2px solid #4196A0;} #svaiprice .title{font-size: 18px;font-weight: bold;text-transform: uppercase;padding-top: 10px;color: #565656;} #svaiprice .line:before, #svaiprice .line:after { content: ''; display: inline-block; width: calc(50% - 50px); height: 1px; background-color: #ccc; vertical-align: middle; } #svaiprice .line span { display: inline-block; width: 50px; height: 3px; background-color: #4196A0; margin-right: 25px; margin-left: 25px; vertical-align: middle; } #svaiprice .line2 svg {display: inline-block;margin-right: 20px;margin-left: 20px;vertical-align: middle;} #svaiprice .line2:before, #svaiprice .line2:after {content: '';display: inline-block;width: calc(50% - 30px);height: 1px;background-color: #4196A0;vertical-align: middle;} #svaiprice .price{font-size: 17px;font-weight: bold;color: #565656;} #svaiprice .price span{color: #4196A0;} #svaiprice .pod{font-size: 13px;text-transform: uppercase;} #svaiprice .pod p{margin-bottom: 0px;} #svaiprice .s{font-size: 13px;font-weight: 500;color: #4196A0;padding-top: 5px;text-transform: uppercase;} #svaiprice .price2{font-weight: bold;white-space: nowrap;} #svaiprice .img{position: relative;} #svaiprice .button{padding: 10px 30px;font-size: 14px;margin-top: 10px;} .kolocalc .copy{margin-top: 10px;} #map{background: url(/images/map.webp) center top no-repeat;background-size: contain;} #map .grid{row-gap: 5px;} #map a{color: black;} #price table, #voz table{width: 100%;margin-bottom: 1rem;border-collapse: collapse;font-family: var(--fonttitle);} #price td, #price th, #voz td, #voz th{padding: 0.75rem;vertical-align: top;border-bottom: 1px solid #E4E4E4;} #price .more{justify-content: center;display: flex;align-items: center;gap: 5px;color: var(--hovercolor);font-size: 18px;text-decoration: underline;} #price tbody tr:nth-of-type(odd), #voz tbody tr:nth-of-type(odd){background-color: rgba(0,0,0,.05);} #tags .flex{display: flex;flex-wrap: wrap;gap: 8px;} #tags a{background: #F6F6F6;border: 1px solid #F6F6F6;border-radius: 8px;padding: 10px 15px;text-decoration: none;color: #484848;text-align: center;} #tags a:hover{background: #4196A0;color: white;} #service{padding-top: 20px;} #service h1{padding-top: 0px!important;padding-bottom: 20px;} .owl-controls{display: flex;margin-top: 30px;} .owl-controls svg path{opacity: 0.5;} .owl-controls svg:hover path{opacity: 1;} .owl-controls .owl-next, .owl-controls .owl-dots{margin-left: 30px;} .owl-dot span {width: 10px;height: 10px;margin: 0px 5px;background: #D6D6D6;display: block;-webkit-backface-visibility: visible;border-radius: 30px;} .owl-dot.active span, .owl-dots .owl-dot:hover span {background: #4196A0;} #tagsimage .items{justify-content: center;} #tagsimage a{color: black;text-decoration: none;} #tagsimage a:hover{color: #4196A0;} #tagsimage .item{border: 1px solid #F0F0F0;border-radius: 2px;margin-bottom: 20px;background-color: white;border-radius: 3px;} #tagsimage .item img{border-top-right-radius: 3px;border-top-left-radius: 3px;} #tagsimage .item .info{padding: 20px;text-align: center;background-color: whitesmoke;} #tagsimage .item .info .desc{margin-bottom: 20px;margin-top: 15px;} #accordion{display: inline-block;width: 100%;} #accordion .card{border: none;border-radius: 0px;padding: 15px 0px;border-bottom: 1px solid #00000020;background: transparent;} #accordion .card .title{color: black;font-size: 20px;padding-bottom: 10px;display: flex;justify-content: space-between;} #accordion .card .title:after {content:"\2014";float: right;color: inherit;font-size: 30px;line-height: 30px;color: black;} #accordion .card .collapsed:after {content:"+";font-size: 40px;line-height: 30px;} #accordion .card .phone{color: #4196A0;font-weight: 500;} #mes{font-size: 20px;background-color: whitesmoke;} #mes .buttons .item, #slide .buttons .item{ display: flex; align-items: center; justify-content: center; border-width: 2px; text-align: center; color: rgb(255, 255, 255); border-color: rgb(105, 140, 200); font-size: 20px; border-style: solid; box-shadow: rgba(1, 1, 1, 0.29) 0px 4px 10px 0px; background: rgb(105, 140, 200); border-radius: 30px; width: 237px; height: 59px; text-decoration: none; margin: 10px 0px; } #mes .buttons .tg{background: #6194ed;border-color: #6194ed;} #mes .buttons .wa, #slide .buttons .wa{background: #83d05b;border-color: #83d05b;} #mes .buttons .vb, #slide .buttons .vb{background: #614d9b;border-color: #614d9b;} #mes .buttons .item img, #slide .buttons .item img{margin-right: 10px;width: 30px;} #mes .phone{color: #4196A0;font-weight: 500;} .phone{white-space: nowrap;} #kak h2{text-align: left;} #kak .nav{width: 100%;} #kak .nav a{background-color: #EFF3F8;color: #888888;padding: 5px 10px;margin-right: 10px;margin-bottom: 10px;border-radius: 2px;} #kak .nav .active{background-color: #4196A0;color: white;} #kak .tab-content{margin-top: 20px;padding: 40px;border: 8px solid #EAF0F9;} #kak .tab-content h3{padding-bottom: 20px;} #voz em{margin-top: 20px;display: block;} #rews .item{background-color: whitesmoke;padding: 20px;border-radius: 6px;} #rews .item{margin-top: 20px;} #rews .user{display: flex;align-items: center;margin-top: 20px;} #rews .user .info .name{font-size: 18px;font-weight: 500;} #rews .user .info .inf{font-size: 15px;color: #444444;} #rews .date{font-size: 14px;color: gray;} #banner3{background: url(/images/skidka.webp) no-repeat bottom right/ contain, #4196A0;color: white;position: relative;} #banner3 h2{text-align: left;} #banner3 img{position: absolute;} #banner3 .phone{color: white;font-weight: bold;} #banner3 .items{align-items: center;background-color: white;padding: 5px;border-radius: 10px;} #banner3 .items .maskphone{width: 100%;border: none;outline: none;padding: 14px 0px;} #banner3 .items .button{border: none;} #banner3 .wpcf7-spinner{display: none;} #usl a{color: black;text-decoration: none;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;} #usl a:hover{color: #4196A0;} #usl .row, #prem .row{margin: 0px;} #usl .col-sm-3, #prem .col-sm-6{padding: 0px;padding: 30px; margin: 0 0 -1px;-webkit-box-shadow: inset 0px 0px 0px 1px rgba(33, 33, 33, 0.1);-moz-box-shadow: inset 0px 0px 0px 1px rgba(33, 33, 33, 0.1);box-shadow: inset 0px 0px 0px 1px rgba(33, 33, 33, 0.1);} #usl svg{height: 100%;} #usl h3, #prem h3{font-size: 18px;margin-top: 20px;} #usl .desc, #prem .desc{color: #212121b3;font-size: 15px;} #usl .image{height: 90px;} #etap{background-color: whitesmoke;} #etap .col-sm-4{display: flex;align-items: start;} #etap img{margin-right: 20px;} #etap .title{font-weight: bold;font-size: 17px;padding-bottom: 10px;margin: 10px 0px;background: url(/images/line.svg) left 0px bottom 0px / auto auto no-repeat;} #etap p{color: #212121b3;font-size: 14px;} #about .more{display: inline-block;padding: 15px 50px;border: 2px solid #4196A0;border-radius: 25px;color: black;text-decoration: none;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;} #about .more:hover{background-color: #4196A0;color: white;} .flexslider .slides > li{display: none;-webkit-backface-visibility: visible;} .slides,.slides > li,.flex-control-nav,.flex-direction-nav {margin: 0;padding: 0;list-style: none;} .flex-viewport {max-height: 2000px;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;} .flexslider{overflow:hidden;position: relative;} .flex-direction-nav svg path{-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;} .flex-direction-nav svg:hover path{fill: #4196A0;} #contacts{padding-bottom: 0px;background-color: whitesmoke;} #contacts .row{padding-bottom: 40px;} #contacts .form{font-weight: bold;} #contacts .form a{color: #CBCBCB;text-decoration: underline;} #contacts .con{padding-top: 15px;} #contacts .con a{display: block;color: black;} #contacts .con .cord{color: #CBCBCB;} #contpage .item{font-size: 24px;padding-top: 5px;padding-bottom: 5px;} #contpage .item .title{color: #6C6C6C;font-size: 15px;} #contpage .item a{color: black;} #contpage .item .mail{display: block;color: #71af48;} .full{background-color: #fff;} .full a{color: black;} .full .modal-content{border: none;} .full .modal-dialog{max-width: 100%;position: relative;} .full .title{font-size: 30px;font-weight: 500;padding-bottom: 15px;} .full .st{font-size: 18px;padding-bottom: 10px;} .full .list{list-style: none;padding-left: 0px;padding-top: 15px;font-size: 18px;gap: 5px;} .full .select2-selection, .full .select2-selection__arrow{height: 40px!important;} .full .select2-selection__rendered{line-height: 40px!important;} #footer{background-color: #212121;color: #ababab;} #footer .text{margin-top: 15px;font-size: 14px;} #footer .phone{display: block;font-size: 18px;} #footer a{color: white;} #footer .mail{display: block;margin: 15px 0px;;} #footer .menu{padding: 0px;margin: 0px;list-style: none;font-size: 15px;} #footer .widget-title{font-size: 18px;} #footer .soc img{padding-right: 10px;padding-top: 10px;} #footer .info{font-size: 15px;} #footer .poly{color: #ababab;} #footer .button{padding: 10px 20px;margin-top: 20px;font-weight: 500;font-size: 14px;} #top{background-color: #1D1D1F;color: white;font-size: 14px;padding: 10px 0px;} #top a{color: white;} #top .container{display: flex;align-items: center;justify-content: space-between;} #top .nav{gap: 20px;} #top .ad{display: flex;gap: 30px;} #top .ad .time{color: #FFF;} #top .ad .city{display: flex;align-items: center;gap: 5px;} #top .ad .city:before{content: ' ';background-image: url(/images/loc.svg);width: 13px;height: 13px;} #header .head .sub-menu { display: none; position: absolute; background: white; box-shadow: 0 10px 29px 0 rgba(0,0,0,.05); padding: 10px 0px; list-style: none; z-index: 10; }