@font-face { font-family: 'Geometria'; src: url(//exstraeconom.kiev.ua/wp-content/themes/extra/fonts/Geometria-Thin.eot); src: local('Geometria Thin'), local('Geometria-Thin'), url(//exstraeconom.kiev.ua/wp-content/themes/extra/fonts/Geometria-Thin.eot?#iefix) format('embedded-opentype'), url(//exstraeconom.kiev.ua/wp-content/themes/extra/fonts/Geometria-Thin.woff) format('woff'), url(//exstraeconom.kiev.ua/wp-content/themes/extra/fonts/Geometria-Thin.ttf) format('truetype'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Geometria'; src: url(//exstraeconom.kiev.ua/wp-content/themes/extra/fonts/Geometria-MediumItalic.eot); src: local('Geometria MediumItalic'), local('Geometria-MediumItalic'), url(//exstraeconom.kiev.ua/wp-content/themes/extra/fonts/Geometria-MediumItalic.eot?#iefix) format('embedded-opentype'), url(//exstraeconom.kiev.ua/wp-content/themes/extra/fonts/Geometria-MediumItalic.woff) format('woff'), url(//exstraeconom.kiev.ua/wp-content/themes/extra/fonts/Geometria-MediumItalic.ttf) format('truetype'); font-weight: 500; font-style: italic; } @font-face { font-family: 'Geometria'; src: url(//exstraeconom.kiev.ua/wp-content/themes/extra/Geometria-Italic.eot); src: local('Geometria Italic'), local('Geometria-Italic'), url(//exstraeconom.kiev.ua/wp-content/themes/extra/fonts/Geometria-Italic.eot?#iefix) format('embedded-opentype'), url(//exstraeconom.kiev.ua/wp-content/themes/extra/fonts/Geometria-Italic.woff) format('woff'), url(//exstraeconom.kiev.ua/wp-content/themes/extra/fonts/Geometria-Italic.ttf) format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Geometria'; src: url(//exstraeconom.kiev.ua/wp-content/themes/extra/fonts/Geometria-Heavy.eot); src: local('Geometria Heavy'), local('Geometria-Heavy'), url(//exstraeconom.kiev.ua/wp-content/themes/extra/fonts/Geometria-Heavy.eot?#iefix) format('embedded-opentype'), url(//exstraeconom.kiev.ua/wp-content/themes/extra/fonts/Geometria-Heavy.woff) format('woff'), url(//exstraeconom.kiev.ua/wp-content/themes/extra/fonts/Geometria-Heavy.ttf) format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Geometria'; src: url(//exstraeconom.kiev.ua/wp-content/themes/extra/fonts/Geometria-ExtraBoldItalic.eot); src: local('Geometria ExtraBoldItalic'), local('Geometria-ExtraBoldItalic'), url(//exstraeconom.kiev.ua/wp-content/themes/extra/fonts/Geometria-ExtraBoldItalic.eot?#iefix) format('embedded-opentype'), url(//exstraeconom.kiev.ua/wp-content/themes/extra/fonts/Geometria-ExtraBoldItalic.woff) format('woff'), url(//exstraeconom.kiev.ua/wp-content/themes/extra/fonts/Geometria-ExtraBoldItalic.ttf) format('truetype'); font-weight: 800; font-style: italic; } @font-face { font-family: 'Geometria'; src: url(//exstraeconom.kiev.ua/wp-content/themes/extra/fonts/Geometria-Medium.eot); src: local('Geometria Medium'), local('Geometria-Medium'), url(//exstraeconom.kiev.ua/wp-content/themes/extra/fonts/Geometria-Medium.eot?#iefix) format('embedded-opentype'), url(//exstraeconom.kiev.ua/wp-content/themes/extra/fonts/Geometria-Medium.woff) format('woff'), url(//exstraeconom.kiev.ua/wp-content/themes/extra/fonts/Geometria-Medium.ttf) format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Geometria'; src: url(//exstraeconom.kiev.ua/wp-content/themes/extra/fonts/Geometria-BoldItalic.eot); src: local('Geometria BoldItalic'), local('Geometria-BoldItalic'), url(//exstraeconom.kiev.ua/wp-content/themes/extra/fonts/Geometria-BoldItalic.eot?#iefix) format('embedded-opentype'), url(//exstraeconom.kiev.ua/wp-content/themes/extra/fonts/Geometria-BoldItalic.woff) format('woff'), url(//exstraeconom.kiev.ua/wp-content/themes/extra/fonts/Geometria-BoldItalic.ttf) format('truetype'); font-weight: bold; font-style: italic; } @font-face { font-family: 'Geometria'; src: url(//exstraeconom.kiev.ua/wp-content/themes/extra/fonts/Geometria-LightItalic.eot); src: local('Geometria LightItalic'), local('Geometria-LightItalic'), url(//exstraeconom.kiev.ua/wp-content/themes/extra/fonts/Geometria-LightItalic.eot?#iefix) format('embedded-opentype'), url(//exstraeconom.kiev.ua/wp-content/themes/extra/fonts/Geometria-LightItalic.woff) format('woff'), url(//exstraeconom.kiev.ua/wp-content/themes/extra/fonts/Geometria-LightItalic.ttf) format('truetype'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Geometria'; src: url(//exstraeconom.kiev.ua/wp-content/themes/extra/fonts/Geometria-HeavyItalic.eot); src: local('Geometria HeavyItalic'), local('Geometria-HeavyItalic'), url(//exstraeconom.kiev.ua/wp-content/themes/extra/fonts/Geometria-HeavyItalic.eot?#iefix) format('embedded-opentype'), url(//exstraeconom.kiev.ua/wp-content/themes/extra/fonts/Geometria-HeavyItalic.woff) format('woff'), url(//exstraeconom.kiev.ua/wp-content/themes/extra/fonts/Geometria-HeavyItalic.ttf) format('truetype'); font-weight: 900; font-style: italic; } @font-face { font-family: 'Geometria'; src: url(//exstraeconom.kiev.ua/wp-content/themes/extra/fonts/Geometria.eot); src: local('Geometria'), url(//exstraeconom.kiev.ua/wp-content/themes/extra/fonts/Geometria.eot?#iefix) format('embedded-opentype'), url(//exstraeconom.kiev.ua/wp-content/themes/extra/fonts/Geometria.woff) format('woff'), url(//exstraeconom.kiev.ua/wp-content/themes/extra/fonts/Geometria.ttf) format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Geometria'; src: url(//exstraeconom.kiev.ua/wp-content/themes/extra/fonts/Geometria-Bold.eot); src: local('Geometria Bold'), local('Geometria-Bold'), url(//exstraeconom.kiev.ua/wp-content/themes/extra/fonts/Geometria-Bold.eot?#iefix) format('embedded-opentype'), url(//exstraeconom.kiev.ua/wp-content/themes/extra/fonts/Geometria-Bold.woff) format('woff'), url(//exstraeconom.kiev.ua/wp-content/themes/extra/fonts/Geometria-Bold.ttf) format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Geometria'; src: url(//exstraeconom.kiev.ua/wp-content/themes/extra/fonts/Geometria-ExtraBold.eot); src: local('Geometria ExtraBold'), local('Geometria-ExtraBold'), url(//exstraeconom.kiev.ua/wp-content/themes/extra/fonts/Geometria-ExtraBold.eot?#iefix) format('embedded-opentype'), url(//exstraeconom.kiev.ua/wp-content/themes/extra/fonts/Geometria-ExtraBold.woff) format('woff'), url(//exstraeconom.kiev.ua/wp-content/themes/extra/fonts/Geometria-ExtraBold.ttf) format('truetype'); font-weight: 800; font-style: normal; } @font-face { font-family: 'Geometria'; src: url(//exstraeconom.kiev.ua/wp-content/themes/extra/fonts/Geometria-ThinItalic.eot); src: local('Geometria ThinItalic'), local('Geometria-ThinItalic'), url(//exstraeconom.kiev.ua/wp-content/themes/extra/fonts/Geometria-ThinItalic.eot?#iefix) format('embedded-opentype'), url(//exstraeconom.kiev.ua/wp-content/themes/extra/fonts/Geometria-ThinItalic.woff) format('woff'), url(//exstraeconom.kiev.ua/wp-content/themes/extra/fonts/Geometria-ThinItalic.ttf) format('truetype'); font-weight: 100; font-style: italic; } @font-face { font-family: 'Geometria'; src: url(//exstraeconom.kiev.ua/wp-content/themes/extra/fonts/Geometria-ExtraLightItalic.eot); src: local('Geometria ExtraLightItalic'), local('Geometria-ExtraLightItalic'), url(//exstraeconom.kiev.ua/wp-content/themes/extra/fonts/Geometria-ExtraLightItalic.eot?#iefix) format('embedded-opentype'), url(//exstraeconom.kiev.ua/wp-content/themes/extra/fonts/Geometria-ExtraLightItalic.woff) format('woff'), url(//exstraeconom.kiev.ua/wp-content/themes/extra/fonts/Geometria-ExtraLightItalic.ttf) format('truetype'); font-weight: 200; font-style: italic; } @font-face { font-family: 'Geometria'; src: url(//exstraeconom.kiev.ua/wp-content/themes/extra/fonts/Geometria-Light.eot); src: local('Geometria Light'), local('Geometria-Light'), url(//exstraeconom.kiev.ua/wp-content/themes/extra/fonts/Geometria-Light.eot?#iefix) format('embedded-opentype'), url(//exstraeconom.kiev.ua/wp-content/themes/extra/fonts/Geometria-Light.woff) format('woff'), url(//exstraeconom.kiev.ua/wp-content/themes/extra/fonts/Geometria-Light.ttf) format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Geometria'; src: url(//exstraeconom.kiev.ua/wp-content/themes/extra/fonts/Geometria-ExtraLight.eot); src: local('Geometria ExtraLight'), local('Geometria-ExtraLight'), url(//exstraeconom.kiev.ua/wp-content/themes/extra/fonts/Geometria-ExtraLight.eot?#iefix) format('embedded-opentype'), url(//exstraeconom.kiev.ua/wp-content/themes/extra/fonts/Geometria-ExtraLight.woff) format('woff'), url(//exstraeconom.kiev.ua/wp-content/themes/extra/fonts/Geometria-ExtraLight.ttf) format('truetype'); font-weight: 200; font-style: normal; } body, html { font-family: 'Geometria'; position: relative; min-height: 100%; } .page-id-84 section { height: 80vh; } body .navbar-toggle { position: relative; background: #2C2C2C; text-align: center; float: none; margin: 0 auto; width: 100%; padding: 9px 10px; font-family: Geometria; border: 0; border-radius: 0; font-size: 20px; line-height: 25px; letter-spacing: 0.05em; color: #FFFFFF; } .content { height: 100%; } body .martop0 h1 { margin-top: 0; } .gryzhuku { margin-bottom: 20px; } .titgryzhuku { font-family: Geometria; font-size: 26px; line-height: 138.8%; font-weight: 500; margin-bottom: 10px; color: #202020; } .podtitgryzhuku { font-family: Geometria; font-size: 16px; line-height: 24px; color: #202020; margin-bottom: 15px; display: inline-block; } .butgryz a { border: 2px solid #202020; box-sizing: border-box; padding: 10px 20px; color: #202020; } .butgryz a:hover { background: #202020; color: #fff; } .pohemymu { background: #2C2C2C; overflow: hidden; padding: 20px 0; margin: 30px 0; } .komanda, .blog { margin: 30px 0; } .blog .titgryzhuku, .blog .butgryz { text-align: center; margin: 20px 0; } .blog .butgryz { display: block; z-index: 7; position: relative; } .dopopusfon { background: #2C2C2C; overflow: hidden; padding: 40px 0; margin: 30px 0; } .titpohemymu { font-family: Geometria; font-size: 30px; line-height: 38px; text-align: center; color: #FFFFFF; display: block; margin: 20px 0; } .gryzhuku-fon { background: #EFEFEF; width: 100%; overflow: hidden; padding: 20px; } .fotogryzhuku img { width: 100%; } .blockcity { display: inline-block; width: 100%; } .cityname { height: auto; text-align: center; display: inline-block; margin: 10px 5px; } .cityname a { background: #FFD400; text-align: center; padding: 20px 0px; font-family: Geometria; font-size: 16px; display: block; width: 100%; line-height: 20px; color: #202020; } header, footer { background: #FFD400; padding: 10px 0; } .footer-bottom-b0ttom .cop-footer2 img{ width: 50px; } .footer-bottom-b0ttom .cop-footer img{ height: 25px; } .footer-bottom-b0ttom .cop-footer{ padding-right: 20px; } .footer-bottom-b0ttom{ display: flex; margin-top: auto; margin-bottom: auto; padding-left: 20px; padding-top: 10px; padding-bottom: 10px; justify-content: center; } .fotpodval .row{ display: flex; justify-content: space-between; } .fotpodval .row div:first-child{ display: flex; justify-content: space-between; flex-wrap: wrap; } html.pum-open.pum-open-overlay.pum-open-scrollable body>[aria-hidden]{ padding-right: 16px; } html.pum-open.pum-open-overlay, html.pum-open.pum-open-overlay.pum-open-fixed .pum-overlay{ overflow: hidden; } html.pum-open body.page-template-page-service-main{ padding-right: 16px; } html.pum-open.pum-open-overlay.pum-open-scrollable body.page-template-page-service-main>[aria-hidden]{ padding-right: 0; } html.pum-open.pum-open-overlay.pum-open-scrollable body.page-template-page-service-main>.container[aria-hidden]{ padding-right: 16px; } html.pum-open.pum-open-overlay.pum-open-scrollable body.page-template-page-service-main div[role~="navigation"], html.pum-open.pum-open-overlay.pum-open-scrollable body.page-template-page-service-main> header[aria-hidden] { padding-right: 16px; } .home .content{ //height: auto; } @media (min-width: 992px) and (max-width: 1200px){ .container{ width: 931px; } } .fonblockdopservice { background: #EFEFEF; padding: 20px; } .fonblockdopservicehome { background: #EFEFEF; padding: 15px; } .fonblockdopservicehome:hover a { text-decoration: none; } .navbar-header img { margin-right: 10px; width: 20px; margin-top: -3px; } .titblockdopservice { font-family: Geometria; font-size: 20px; font-weight: 500; margin-bottom: 10px; line-height: 129.3%; color: #202020; } .titblockdopservicehome { font-family: Geometria; font-size: 18px; font-weight: 600; margin-top: 10px; margin-bottom: 10px; line-height: 129.3%; color: #202020; } .zenablockdopservice { font-family: Geometria; font-size: 18px; margin-bottom: 10px; line-height: 38px; color: #202020; } .zenablockdopservicehome { font-family: Geometria; font-size: 16px; margin-bottom: 10px; line-height: 38px; color: #202020; } .zenablockdopservice span, .zenablockdopservicehome span, .opusblockdopservicehome span{ font-weight: 600; } .blockudopservice { margin-top: 40px; } .opusblockdopservice { font-family: Geometria; font-size: 16px; line-height: 138.3%; color: #202020; } .opusblockdopservicehome { font-family: Geometria; font-size: 14px; display: inline-block; line-height: 138.3%; color: #202020; background-color:#EFEFEF; position: absolute; top: calc(100% - 7px); padding: 0 15px 15px; left: 15px; width: calc(100% - 30px); -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; opacity: 0; pointer-events: none; -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); z-index: 5; -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, .15), -10px 10px 10px rgba(0, 0, 0, .15); box-shadow: 10px 10px 10px rgba(0, 0, 0, .15), -10px 10px 10px rgba(0, 0, 0, .15); } .fonblockdopservicehome.content:hover .opusblockdopservicehome { opacity: 1; pointer-events: all; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .nopadding.fotoyslyga img{ transform:scale(1); transition: all .5s; } .nopadding.fotoyslyga{ position: relative; padding-bottom: 30px!important; min-height: 156px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .fonblockdopservicehome.content:hover .nopadding.fotoyslyga img{ transform:scale(0.9); } .product-card__button { position: absolute; bottom: -10px; font-weight: 600; font-size: 15px; line-height: 1.44; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; letter-spacing: .04em; text-transform: uppercase; background: #FFD400; color: #2C2C2C; padding: 8px 25px; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; opacity: 0; -webkit-transform: translate3d(0, 10px, 0) scale(.9); transform: translate3d(0, 10px, 0) scale(.9); box-sizing: border-box; } .fonblockdopservicehome.content:hover .product-card__button { opacity: 1; -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); } .fonblockdopservicehome.content{ -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0); -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .fonblockdopservicehome.content:hover{ -webkit-box-shadow: 10px 5px 10px rgba(0, 0, 0, .15), -10px 5px 10px rgba(0, 0, 0, .15), 0px -5px 20px rgba(0, 0, 0, .15); box-shadow: 10px 5px 10px rgba(0, 0, 0, .15), -10px 5px 10px rgba(0, 0, 0, .15), 0px -5px 20px rgba(0, 0, 0, .15); } .lang-item { margin-top: 3px; } .titpodxodut { font-family: Geometria; font-size: 16px; font-weight: 600; line-height: 138.3%; color: #202020; } .formyellow { display:flex; align-items:center; justify-content:center; background: #FFD400; padding: 30px 40px; } .formyellow img{ height:100%; width:100%; } .formyellow p { width:100%; } .formandinfo { margin-top: 30px; } body .fon-beluy-text, body .fon-beluy-text .doptext2bloka1, body .fon-beluy-text .doptext2bloka2 { color: #fff; } .dopyslygugryz { margin-top: 30px; } .blockdopyslygugryz { background: #EFEFEF; } .formpagetit { font-family: Geometria; margin-bottom: 20px; font-size: 30px; font-weight: 600; text-align: center; line-height: 129.3%; color: #202020; } .fonyslygu { margin-top: 40px; min-height: 350px; } .formpagepodtit { font-family: Geometria; font-size: 14px; line-height: 148.8%; text-align: center; color: #202020; margin-bottom: 20px; } .formpagepole input { width: 100%; border: 1px solid #fff; padding: 10px; margin-bottom: 10px; } .formpagebut input { width: 100%; background: #202020; border: 1px solid #202020; padding: 10px; font-family: Geometria; font-size: 14px; line-height: 18px; text-align: center; letter-spacing: 0.11em; text-transform: uppercase; color: #FFD400; font-weight: 600; margin-top: 10px; content: ""; background: #202020 url(//exstraeconom.kiev.ua/wp-content/themes/extra/img/icon-car-y.png); background-repeat: no-repeat; background-position: 25% 50%; } .formpagebut input:hover { background: #FFD400 url(//exstraeconom.kiev.ua/wp-content/themes/extra/img/icon-car.png); background-repeat: no-repeat; color: #202020; background-position: 25% 50%; } .fonknptop { background: #202020; border: 1px solid #202020; color: #FFD400; text-transform: uppercase; } .fonknptop:hover { background: #FFD400; color: #333; } body .fonknptop:hover a { color: #202020; text-decoration: none; } body .fonknptop a { color: #FFD400; font-size: 14px; } body .nopaddingleft { padding-left: 0 !important; } body .nopaddingright { padding-right: 0 !important; } .titpageservice { display: inline-block; padding-left: 13px; } .fonknptop img { margin-top: -5px; } .blockinfo { background: #EFEFEF; display: inline-block; padding: 40px; width: 100%; } .titformzakazcar { font-family: Geometria; font-size: 16px; font-weight: 500; text-align: center; margin-bottom: 15px; line-height: 138.3%; color: #000000; margin-top: 20px; } .poleformzakazcar { width: 100%; text-align: center; margin: 0 auto; } .burformzakazcar { margin: 20px auto; text-align: center; } .burformzakazcar input { width: 60%; background: #FFD400 url(//exstraeconom.kiev.ua/wp-content/themes/extra/img/icon-car.png); background-repeat: no-repeat; background-position: 18% 50%; margin: 0 auto; font-weight: 500; font-size: 14px; text-transform: uppercase; border: 1px solid #FFD400; color: #202020; padding-left: 30px; padding-top: 10px; padding-bottom: 10px; } .burformzakazcar input:hover { background: #202020 url(//exstraeconom.kiev.ua/wp-content/themes/extra/img/icon-car-y.png); background-repeat: no-repeat; background-position: 18% 50%; color: #FFD400; border: 1px solid #202020; } .poleformzakazcar input { font-weight: 300; color: #202020; border: 1px solid #202020; box-sizing: border-box; padding: 10px; margin-bottom: 10px; width: 426px; max-width: 100%; } .nameinfo, .zenainfo { font-family: Geometria; font-size: 20px; line-height: 138.3%; color: #202020; margin-bottom: 15px; } .zenainfo { text-align: right; font-weight: 600; } .carpage { background: #EFEFEF; padding: 15px 0; display: inline-block; margin-top: 30px; } .podxodutli li { display: inline-block; list-style-type: disc; } .punktupodhodut ul { padding: 0; text-align: right; } .punktupodhodut li { display: inline-block; font-family: Geometria; font-size: 14px; line-height: 138.3%; color: #202020; margin-right: 5px; background: url(//exstraeconom.kiev.ua/wp-content/themes/extra/img/marker.png); background-repeat: no-repeat; padding-left: 15px; background-position: left center; } .podxodut { margin-top: 15px; } .namecar { font-family: Geometria; font-size: 30px; line-height: 129.3%; color: #202020; font-weight: 600; padding-top: 30px; padding-left: 30px; margin-bottom: 15px; } .zanahaccar { font-family: Geometria; font-size: 24px; line-height: 38px; color: #202020; padding-left: 30px; } .dopzena { font-family: Geometria; font-size: 20px; line-height: 138.3%; margin-bottom: 5px; font-weight: 500; color: #202020; } .dopzena span { font-weight: 700; } .marbot20 { margin-bottom: 20px; } .opusdopzena { margin-bottom: 15px; font-family: Geometria; font-size: 14px; line-height: 138.3%; color: #202020; } .top30 { margin-top: 30px; } .zanahaccar span { font-weight: 600; } .carpage img { width: 100%; } .kont { margin-top: 30px; } .nomercont img, .adreskont img { margin-right: 10px; } .nomercont a, .adreskont { font-family: Geometria; font-size: 18px; line-height: 23px; font-weight: bold; letter-spacing: 0.05em; color: #202020; } .yslyguhome { padding: 30px 0; } .tityslyguhome { font-family: Geometria; font-weight: 500; font-size: 30px; line-height: 38px; text-align: center; color: #202020; } .adreskont { margin-top: 50px; display: inline-block; } .adreskont span { margin-top: 5px; } .martop30 { margin-top: 30px; display: inline-block; } .lang-item span { font-family: Geometria; font-size: 18px; line-height: 23px; color: #FFFFFF; } .menutop li, .menufot li { padding: 10px 15px; } .menutel { margin-top: 15px; } .menutelli { padding: 0 20px; width: 100%; display: flex; flex-wrap: wrap; justify-content: center; } .menutop { padding-right: 0; } .menutop .navbar-collapse .wpml-ls-slot-2 { display: none; } .menutop .navbar-collapse { padding: 0; } .menucoz{ display: flex; justify-content: flex-start; } .menucoz #top-nav-ul { float: right; margin-right: -5px; } .menucoz { margin-top: 10px; } .menucoz:before, .menucoz:after { content: ''; display: table; clear: both; } .podhead { background: #2C2C2C; } .podhead>.navbar-collapse>.container>.row>.col-md-8 { position: static; } .podhead>.navbar-collapse>.container>.row>div:last-child { padding: 0; } .podhead>.navbar-collapse>.container { position: relative; } .viber-li, .telega-li, .mail-li { margin-right: 5px; } .menutelli a { font-family: Geometria; font-size: 16px; line-height: 20px; letter-spacing: 0.05em; color: #FFFFFF; padding: 0 10px; } .navbar-default, .bottom-menu { float: right; justify-content: center; display: flex; flex-wrap: wrap; } body .nav-pills>li>a{ text-align: center; } .navbar-default { width: 100%; } .top-menu a, .menufot a { font-size: 18px; line-height: 23px; color: #202020; font-weight: 500; } .sidpodhead .widgettitle { font-family: Geometria; font-size: 14px; line-height: 138.3%; color: #FFFFFF; } .sidpodhead .textwidget { font-family: Geometria; font-size: 18px; line-height: 138.3%; letter-spacing: 0.085em; text-transform: uppercase; color: #FFD400; font-weight: 600; } .xleb, .xleb a { font-family: Geometria; font-size: 13px; line-height: 168.8%; color: #B6B6B6; } .xleb { padding-top: 20px; } .photoonas img, .fototextabout img { width: 100%; } .aboutpage { margin-top: 30px; display: block; } .titpage h1 { font-family: Geometria; font-size: 30px; line-height: 38px; color: #202020; } .titkont { margin-top: 35px; font-family: Geometria; font-size: 30px; line-height: 38px; font-weight: 500; color: #202020; } .opuspage { font-family: Geometria; font-size: 14px; line-height: 24px; color: #202020; padding-right: 20px; } .prunzupu { background: #202020; padding: 25px 0; margin: 30px 0; width: 100%; display: inline-block; } .titprunzup { font-family: Geometria; font-size: 30px; line-height: 38px; text-align: center; margin-bottom: 25px; color: #FFFFFF; } .blockprunzup { text-align: center; font-family: Geometria; font-size: 20px; line-height: 138.3%; text-align: center; color: #FFFFFF; } .nameprunzup { margin-top: 15px; } .textabout { background: #EFEFEF; display: inline-block; margin: 30px 0; } .textabout2 { display: inline-block; margin: 30px 0; } .fototextabout, .textabout { min-height: 280px; } body .nopadding { padding: 0 !important; } .titdopopus { font-family: Geometria; font-size: 30px; line-height: 129.3%; color: #FFFFFF; margin-bottom: 20px; } .dopopus { font-family: Geometria; font-size: 16px; line-height: 27px; color: #FFFFFF; } .tittextabout { font-family: Geometria; font-size: 28px; line-height: 138.8%; color: #202020; font-weight: 500; margin-bottom: 15px; } .podtextabout { font-family: Geometria; font-size: 14px; line-height: 27px; color: #202020; } .buttextabout { display: block; margin-top: 25px; margin-bottom: 10px; } .buttextabout a { font-family: Geometria; font-size: 14px; line-height: 18px; text-align: center; letter-spacing: 0.11em; text-transform: uppercase; color: #202020; background: #FFD400; padding: 10px 15px; font-weight: 600; } .buttextabout span { font-family: Geometria; font-size: 14px; line-height: 18px; text-align: center; letter-spacing: 0.11em; text-transform: uppercase; color: #202020; background: #FFD400; padding: 10px 15px; font-weight: 600; } .buttextabout span:hover{ text-decoration: underline; } .doptext2bloka1, .doptext2bloka2 { font-family: Geometria; font-size: 16px; line-height: 27px; color: #202020; margin: 20px 0; } .pad { padding: 20px; } .cattit { font-family: Geometria; font-size: 30px; line-height: 38px; text-align: center; color: #202020; margin-bottom: 70px; } .blocknews { padding: 0 20px; margin-bottom: 30px; } .categoryfotonews img { width: 100%; height: auto; max-height: 250px; } .categorytitnews a { font-family: Geometria; font-size: 20px; line-height: 129.3%; color: #202020; } .fonpost { min-height: 320px; } .titpost { font-family: Geometria; font-size: 30px; line-height: 129.3%; color: #202020; margin-bottom: 30px; margin-top: 70px; } .opuspost { font-family: Geometria; font-size: 16px; line-height: 27px; color: #202020; } .textnewssingle { margin-bottom: 50px; } .mapcont { margin-top: 40px; } .pagecont { margin-bottom: 40px; } .pruvuleg { background: #2C2C2C; padding: 30px 0; } .pruvulegtit { font-family: Geometria; font-size: 18px; line-height: 138.3%; font-weight: 500; color: #FFD400; } .pruvulegopus { font-family: Geometria; font-size: 14px; line-height: 22px; color: #FFFFFF; } .pruvulegtext { margin-top: 10px; padding-left: 25px; } .buttextabout img { margin-right: 10px; } .pruvulegblok { margin: 30px 0; display: inline-block; } .fonh { padding-bottom: 70px; } .fotoyslyga img { width: 100%; } #sample_slider a { color: #202020; } .caryselhome { margin: 20px 0; } .sa_hover_container:hover { background: #FFD400; } .item_content_tabs { display: none; } .nav_tabs .line:last-child { display: none; } #tabs, #reviews, #faq, #form { padding: 40px 0; } #reviews { padding-bottom: 10px; } .item_review { margin-bottom: 30px; } .nav_tabs { display: flex; align-items: center; padding: 0 80px; margin: 0px 0 80px; } .item_tab { padding-left: 8px; padding-right: 8px; cursor: pointer; position: relative; min-width: 46px; min-height: 46px; display: flex; align-items: center; } .item_tab div { width: 30px; border: 1px solid #ECEBED; height: 30px; margin: 3px; display: flex; margin-top: 2px; transition: .3s; align-items: center; border-radius: 50%; margin-bottom: 7px; justify-content: center; } .item_tab.act div { background-color: #fff6cc; border-color: #fff6cc; } .item_tab div:before { width: 8px; height: 8px; background-color: #f1f0f1; content: ''; border-radius: 50%; } .item_tab.act div:before { background-color: #ffd400; } .item_tab span { position: absolute; bottom: 0px; width: 160px; transform: translate(-50%, 100%); text-align: center; left: 50%; color: #C8C8C8; text-transform: uppercase; font-weight: 500; transition: all ease-out .3s; } .item_tab.act span { color: #ffd400; } .nav_tabs .line { border-color: #ECEBED; border-top-style: dashed; border-top-width: 1px; flex: 1 1 auto; } .name_item_review { font-size: 18px; font-weight: 600; color: #2c2c2c; } .data_item_review { margin: 5px 0 15px; font-size: 12px; color: #C8C8C8; } .star { -webkit-mask-image: url(//exstraeconom.kiev.ua/wp-content/themes/extra/img/star.svg); -webkit-mask-size: 20px 20px; height: 20px; width: 20px; display: inline-flex; background: #e8e8e8; } .star.star-full { background: #ffd400; } .d-flex { display: flex; } .star-rating .screen-reader-text { display: none; } .ocenka_item_review, .star-rating { display: flex; align-items: center; height: 100%; justify-content: flex-end; } .block_faq { max-width: 800px; margin: 0 auto; } #faq .container { background: url(//exstraeconom.kiev.ua/wp-content/themes/extra/img/faq-left.svg), url(//exstraeconom.kiev.ua/wp-content/themes/extra/img/faq-right.svg); background-repeat: no-repeat; background-position: left top, right top; background-size: 200px auto, 200px auto; } .item_faq { display: flex; border-radius: 10px; padding: 15px; flex-wrap: wrap; border: 1px solid #E8E8E8; cursor: pointer; transition: all ease-out .3s; background: #fff; } .item_faq:hover { background: #fff6c7; } .answer { display: none; } .item_faq + .item_faq { margin-top: 15px; } .question { font-size: 18px; color: #2c2c2c; width: 100%; position: relative; min-height: 50px; align-items: center; display: flex; padding-right: 30px; } .plus { width: 24px; height: 24px; border-radius: 50%; border: 1px solid #2c2c2c; position: absolute; top: 0; bottom: 0; right: 0; margin: auto; transform: rotate(0deg); transition: all ease-out .3s; } .act .plus { transform: rotate(45deg); } .plus:before, .plus:after { content: ''; width: 12px; height: 12px; height: 1px; background: #2c2c2c; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .plus:before { transform: rotate(90deg); } .page-template-page-service-main span{ text-align: center; //margin-bottom: 60px; } .page-template-page-service-main #form .container >span{ text-align: center; margin-bottom: 60px; font-size: 30px; margin-top: 20px; font-weight: 500; line-height: 1.1; } .page-template-page-service-main #faq .container >span{ font-size: 30px; margin-top: 20px; margin-bottom: 10px; font-weight: 500; line-height: 1.1; text-align: center; margin-bottom: 60px; display: block; } .item_block { border-radius: 10px; padding: 20px 20px 0 20px; flex-wrap: wrap; border: 1px solid #E8E8E8; margin-bottom: 30px; } #form form p { margin: 0; } #form input::-webkit-input-placeholder{ color: #202020 !important; } #form input::-moz-placeholder{ color: #202020 !important; } .page-template-page-service-main span.caret{ margin-bottom: 0; } #form input, #form select { width: 100%; max-width: 100%; border: none; height: 60px; display: flex; align-items: center; font-size: 16px; color: #202020; background-color: transparent; margin-bottom: 15px; border-bottom: 1px dashed #fff; -moz-appearance: none; -webkit-appearance: none; padding-left: 10px; } #form input.wpcf7-submit { text-transform: uppercase; color: #202020; background: #FFD400; width: 100%; text-align: center; justify-content: center; font-weight: 600; border-radius: 10px; font-size: 14px; border-bottom: none; height: 40px; margin: 10px 0 0 0; } span.date-607 { margin-right: -10px; } #form input:focus, #form select:focus { outline: 0 !important; } #form select { cursor: pointer; } #form span:not(.ajax-loader) { display: block; } #form input.street { border-bottom: none; } #form form br { display: none; } #form .line { border-color: #ECEBED; border-top-style: dashed; border-top-width: 1px; margin-top: -7px; display: block; } #form input::placeholder { font-size: 16px; color: #C8C8C8; } #form .row > div { position: relative; } #form .info { position: absolute; z-index: 1; top: -20px; background: #ffd400; height: 20px; padding: 0 20px; border-radius: 0 0 22px 22px; width: 130px; text-align: center; left: 50%; transform: translate(-50%, 0px); text-transform: uppercase; font-size: 10px; font-weight: 600; display: flex; align-items: center; justify-content: center; } #form input#street_from { background-image: url(//exstraeconom.kiev.ua/wp-content/themes/extra/img/home.png); } #form input#street_to { background-image: url(//exstraeconom.kiev.ua/wp-content/themes/extra/img/finish.png); } #form input#street_from, #form input#street_to { background-position: left center; background-repeat: no-repeat; background-size: 20px auto; padding-left: 40px; } .line { width: 100%; height: 1px; background: rgba(44, 44, 44, 0.2); clear: both; margin-bottom: 15px; } @media (min-width: 979px) { ul.nav li.dropdown.show-on-hover:hover > ul.dropdown-menu { display: block; } .blockcity { padding: 30px 0; margin: 30px 0; text-align: center; } .nopc { display: none !important; } .podhead { padding: 10px 0; } .row-flex { display: flex; flex-wrap: wrap; } .categoryfotonews { height: 250px; overflow: hidden; } .comment-list .children { padding: 0; margin-left: 74px; padding-bottom: 15px; } .comment-list .media { margin-top: 0; } } @media (max-width: 978px) { .item_tab span { width: 100px; } .categoryfotonews { height: 100%; overflow: hidden; } .nomob { display: block; } .blockcity { padding: 10px 0; margin: 10px 0; } .cityname { margin: 10px 0; width: 100%; } .cityname a { display: block; width: 100%; } .lastviber { margin-bottom: 20px; } .lastviber img { padding-right: 0 !important; } .mobmenutel a { margin-bottom: 10px; font-weight: 600; } .mobcent { text-align: center; margin: 0 auto; } .mobmartop10 { margin-top: 10px; } } .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float:right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } .content.align-items-center { align-items: center; display: flex; width: 100%; flex-wrap: wrap; } .content.align-items-center > * { width: 100%; } .clear { display: block; clear: both; } .nodesk { display: none; position: fixed; right: 25px; bottom: 15px; } header { position: fixed; top: 0; left: 0; right: 0; z-index: 9; } header .logo { width: 100%; height: auto; } header .logo a { width: 100%; height: auto; } header .logo a img { max-width: 100%; height: auto; } div[role~="navigation"] { position: fixed; top: 65px; left: 0; right: 0; z-index: 8; } body { padding-top: 139px; } body div.wpcf7 .ajax-loader { display: none; } @media screen and (max-width: 767px) { #faq .container { background: none; } .nav_tabs { padding: 0; } .item_tab { position: initial; } .item_tab span { opacity: 0; width: 100%; } .item_tab.act span { opacity: 1; } .nav_tabs { position: relative; } header { position: fixed; top: 0; left: 0; right: 0; z-index: 9; } div[role~="navigation"] { position: fixed; top: 60px; left: 0; right: 0; z-index: 9; } header .logo img { max-width: 100%; } header .logo { max-width: 230px; } button#responsive-menu-button { position: fixed !important; } .page-id-84 section { height: auto; } .menucoz.nodesk { display: block; } ul#top-nav-ul li { margin: 10px 0 0 0; } .namecar, .zanahaccar { padding-left: 0; } .carpage .top30 > div { padding: 0; } .punktupodhodut ul { text-align: left; } .formpagebut input { background: #202020; } img, .alignleft { max-width: 100%; } .blockinfo { padding: 15px; } .zenainfo { text-align: left; font-weight: 600; } .nameinfo { margin-bottom: 0px; } .formyellow { padding: 15px 20px; } .burformzakazcar input { width: 100%; } .col-md-12 .doptext2bloka .col-md-12 { padding: 0; } .carpage { display: block; } } #top-nav-ul .wpml-ls-slot-6.wpml-ls-current-language { z-index: 3; } #top-nav-ul .wpml-ls-slot-6 a { padding: 0 15px; } #top-nav-ul .wpml-ls-slot-6 { position: absolute; right: 0; top: 0; bottom: 0; margin: auto; height: 20px; width: 60px; background: #2C2C2C; color: #fff; z-index: 2; transition: all .3s; padding: 0; } #top-nav-ul .wpml-ls-current-language a:after { content: ''; width: 10px; height: 10px; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; background: url(//exstraeconom.kiev.ua/wp-content/uploads/2020/08/chevron.png) center center / 100% 100% no-repeat; transition: all .3s; } #top-nav-ul .wpml-ls-current-language.active a:after{ transform: rotate(180deg); } #top-nav-ul .wpml-ls-slot-6 a { background: transparent; color: #fff; } .pagination{ display: inline-flex; padding-left: 0; margin: 20px 0; border-radius: 4px; width: 100%; justify-content: center; } .pagination>li:last-child>a, .pagination>li:last-child>span{ border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .pagination>li>a, .pagination>li>span{ position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #337ab7; text-decoration: none; background-color: #fff; border: 1px solid #ddd; } .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{ z-index: 3; color: #fff; cursor: default; background-color: #337ab7; border-color: #337ab7; } .pagination li{ list-style-type: none; } @media (max-width: 375px){ .pagination>li>a, .pagination>li>span{ padding: 6px 8px; } } .sitemap .xleb{ padding-top: 60px; padding-bottom: 20px; } .sitemap h1{ padding: 40px 10px 60px; min-width: fit-content; margin-top: 40px; } .sitemap h2{ line-height: 32px; padding-bottom: 30px; } .sitemap h3{ line-height: 32px; padding-bottom: 15px; } .sitemap li{ padding-bottom: 10px; } .sitemap a{ color: #9E9E9E; } .simple-sitemap-container ul{ margin-top: 10px; } .sitemap ul{ //list-style-type:none; } @media (max-width: 768px){ .sitemap h1{ margin-top: 0; padding: 0px 10px 20px; } } @media (max-width: 991px){ .carpage{ display: block; } } @media (max-width: 991px) and (min-width: 768px){ .bredcrumbs{ margin-top: 70px; } } @media (min-width: 992px){ .pruvulegbloku{ display: flex; flex-wrap: wrap; } } @media (min-width: 979px){ body .cityname a{ height: 60px; width: 285px; align-items: center; justify-content: center; display: flex; } } input#date::-webkit-input-placeholder{ color: #202020; } .page404{ height:calc(100vh - 270px) ; } .page404 p{ font-size: 25px; text-align: center; padding: 180px 10px; } .cars-title{ padding: 0 10px; } .home .categorytitnews span{ margin-top: 20px; margin-bottom: 10px; font-weight: 500; line-height: 1.1; font-size: 30px; display: block; } .menu-item-2592 .dropdown-menu li a{ font-size: 14px; } @media (min-width: 768px){ #menu-item-2592:hover >.dropdown-menu{ display: block; } } .menu-item-has-children{ position: relative; } .menu-item-has-children .dropdown-menu{ left: 100%; top: 0; } .top-menu >li.menu-item >ul{ left: 0; top: 100%; } .menu-item-has-children:hover >.dropdown-menu{ display: block; } .navbar-default .navbar-nav>li>a:focus{ outline:none; } .navbar-default .navbar-nav>li>a:hover{ color: #333; } header .menutop #top-nav-ul .fonknptop .menu-image-hover-wrapper img{ transition: opacity 0s; } @media (max-width: 475px){ .page-template-page-gryzhuku .blockdopyslygugryz{ background-size: 35%; } } @media (max-width: 1200px) and (min-width: 991px){ .formpagebut input{ background-position: 8% 50%; } } @media (max-width: 400px){ .textnewssingle h1{ font-size: 28px; } .textnewssingle .opuspost h2{ font-size: 25px; } } @media (max-width: 768px){ .textnewssingle .single-row{ margin-right: 0px; margin-left: 0px; } } @media (max-width: 991px) and (min-width: 768px){ .blockudopservice{ margin-top: 100px; } body button#responsive-menu-button{ display: none; } } @media (max-width: 991px) and (min-width: 574px){ .martop30{ margin-left: 20px; } } @media (max-width: 461px) and (min-width: 333px){ .alignleft{ width: 100%; height: auto; } } @media (max-width: 331px){ .adreskont span{ font-size: 16px; } } @media (min-width: 992px){ body .aboutpage .col-md-6{ width: 100%; } .page-template-page-about .first-sec .col-md-12{ padding-bottom: 20px; } } @media (max-width: 800px){ section.doptext2bloka1 .row{ margin-right: 0; margin-left: 0; } } @media (max-width: 991px) { body { padding-top: 205px; } #top-nav-ul .wpml-ls-slot-6 { bottom: auto; right: -60px; } #top-nav-ul { width: 100%; display: flex; justify-content: center; } .podhead .row .col-md-2:last-child{ margin-bottom: 10px; } div[role~="navigation"] { top: 110px; } } @media (max-width: 978px) { body { padding-top: 230px; } #top-nav-ul .wpml-ls-slot-6 { bottom: 0; right: 0; } } @media (max-width: 798px) { #top-nav-ul .wpml-ls-slot-6 { display: none; } } @media (max-width: 767px) { body { padding-top: 103px; } div[role~="navigation"] { top: 60px; } } .page-template-sitemap .post-nav-links{ text-align: center; margin: 0px 0 20px; } .page-template-sitemap .post-nav-links a{ padding: 6px 12px; } @media(min-width: 1201px){ .blockudopservice .fonblockdopservicehome img[alt="JCB погрузчик"], .blockudopservice .fonblockdopservicehome img[alt="photo_2021-03-25_22-58-42"]{ max-height: 129.5px; width: auto; } } body a:focus{ outline: none; } @media(min-width: 768px){ header #topnav .dropdown-menu .menu-item-has-children:after{ content: url(//exstraeconom.kiev.ua/wp-content/themes/extra/img/VectorRight.svg); position: absolute; top: 30%; right: 15px; color: #333; } }