/* Theme Name: Lawyer Theme Theme URL: chursinova.ru Description: Lawyer minimal theme Author: Arseny Smirnov Version: 1.0 */ @font-face { font-family: 'Circe Bold'; src: url('css/fonts/circe_bold.eot'); /* IE 9 Compatibility Mode */ src: url('css/fonts/circe_bold.eot?#iefix') format('embedded-opentype'), /* IE < 9 */ url('css/fonts/circe_bold.woff2') format('woff2'), /* Super Modern Browsers */ url('css/fonts/circe_bold.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */ url('css/fonts/circe_bold.ttf') format('truetype'), /* Safari, Android, iOS */ url('css/fonts/circe_bold.svg#circe_bold') format('svg'); /* Chrome < 4, Legacy iOS */ } @font-face { font-family: 'Circe ExtraBold'; src: url('css/fonts/circe_extrabold.eot'); /* IE 9 Compatibility Mode */ src: url('css/fonts/circe_extrabold.eot?#iefix') format('embedded-opentype'), /* IE < 9 */ url('css/fonts/circe_extrabold.woff2') format('woff2'), /* Super Modern Browsers */ url('css/fonts/circe_extrabold.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */ url('css/fonts/circe_extrabold.ttf') format('truetype'), /* Safari, Android, iOS */ url('css/fonts/circe_extrabold.svg#circe_extrabold') format('svg'); /* Chrome < 4, Legacy iOS */ } @font-face { font-family: 'Circe ExtraLight'; src: url('css/fonts/circe_extralight.eot'); /* IE 9 Compatibility Mode */ src: url('css/fonts/circe_extralight.eot?#iefix') format('embedded-opentype'), /* IE < 9 */ url('css/fonts/circe_extralight.woff2') format('woff2'), /* Super Modern Browsers */ url('css/fonts/circe_extralight.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */ url('css/fonts/circe_extralight.ttf') format('truetype'), /* Safari, Android, iOS */ url('css/fonts/circe_extralight.svg#circe_extralight') format('svg'); /* Chrome < 4, Legacy iOS */ } @font-face { font-family: 'Circe Light'; src: url('css/fonts/circe_light.eot'); /* IE 9 Compatibility Mode */ src: url('css/fonts/circe_light.eot?#iefix') format('embedded-opentype'), /* IE < 9 */ url('css/fonts/circe_light.woff2') format('woff2'), /* Super Modern Browsers */ url('css/fonts/circe_light.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */ url('css/fonts/circe_light.ttf') format('truetype'), /* Safari, Android, iOS */ url('css/fonts/circe_light.svg#circe_light') format('svg'); /* Chrome < 4, Legacy iOS */ } @font-face { font-family: 'Circe'; src: url('css/fonts/circe.eot'); /* IE 9 Compatibility Mode */ src: url('css/fonts/circe.eot?#iefix') format('embedded-opentype'), /* IE < 9 */ url('css/fonts/circe.woff2') format('woff2'), /* Super Modern Browsers */ url('css/fonts/circe.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */ url('css/fonts/circe.ttf') format('truetype'), /* Safari, Android, iOS */ url('css/fonts/circe.svg#circe') format('svg'); /* Chrome < 4, Legacy iOS */ } @font-face { font-family: 'Circe Thin'; src: url('css/fonts/circe_thin.eot'); /* IE 9 Compatibility Mode */ src: url('css/fonts/circe_thin.eot?#iefix') format('embedded-opentype'), /* IE < 9 */ url('css/fonts/circe_thin.woff2') format('woff2'), /* Super Modern Browsers */ url('css/fonts/circe_thin.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */ url('css/fonts/circe_thin.ttf') format('truetype'), /* Safari, Android, iOS */ url('css/fonts/circe_thin.svg#circe_thin') format('svg'); /* Chrome < 4, Legacy iOS */ } * { margin:0; padding:0; box-sizing:border-box; font-family: 'Circe'; font-size:14px; } a { cursor: pointer; } body { background: #39393a; } .mainButton {transition: 0.4s; background: #3D89D4; border:2px solid #3D89D4; color: #fff; padding: 10px 20px; border-radius: 6px; font-size: 22px; cursor: pointer; width: 100%;} .mainButton:hover {background: #f6f6f6; color: #000;} .buttoned { display: flex; justify-content: center; margin: 32px 0; } .buttoned .btn { display: inline-block; color:#fff; text-transform: uppercase; font-size: 18px; width: auto; text-decoration: none; transition: .3s; } .buttoned .btn:hover { background: #38a3fd; } .mainPage h3, #meet h3 { font-size: 50px; line-height: 80px; letter-spacing: 0.1em; text-transform: uppercase; color: #FFFFFF; font-family: 'Circe ExtraBold'; position:relative; z-index:1; margin-left: 70px; display: inline-block; } .mainPage h3:before, #meet h3:before { content:''; position:absolute; top:30px; left:-70px; z-index:-1; height:4px; width:60px;background:#cbb07c; border-radius:4px;} .mainPage h3:after, #meet h3:after { content:''; position:absolute; top:60px; left:140px; z-index:-1; height:56px; width:162px; background:url(img/dots.png)no-repeat; background-size:cover; opacity:0.3; border-radius:4px;} .wrap { max-width: 1240px; margin: 0 auto; } #first { background: url(img/first3.jpg)no-repeat; background-size: cover; min-height:898px;} .logo img { max-width:200px; } .menu { padding-top: 38px; display: flex; justify-content: space-between; align-items: center; padding-bottom: 15px; } .menu a { color:#fff; text-transform: uppercase; text-decoration: none; font-size:14px; font-family: 'Circe Bold'; margin: 0 10px; transition: .3s; padding-bottom: 8px; position: relative; z-index: 44;} .menu .links a:hover { color: #cbb07c; border-bottom:1px #cbb07c solid; } .menu .phones a { font-size:32px; position: relative; } .menu .phones a::before { display: inline-block; background: url(img/phone-header.png); position: relative; top: 2px; margin-right: 8px; content: ''; } .menu .wa a{ text-transform:none; display:flex; align-items:center; justify-content:center;padding-bottom:0; } .menu .wa img { width:28px; height:28px; margin-right:6px; } .menu .wa span { border-bottom:2px #fff dotted; } #first .text { margin-top: 75px; text-align: center; } #first .text h1, #firstPages .text h1 { font-size: 70px; line-height: 1.1; letter-spacing: 0.1em; font-family: 'Circe ExtraBold'; text-transform: uppercase; color:#fff; } #singlePage .text h1 { font-size: 30px; line-height: 1.1; letter-spacing: 0.1em; font-family: 'Circe ExtraBold'; text-transform: uppercase; color:#fff; padding:64px 0; text-align:center; max-width:85%; margin:0 auto; } #singlePage .contentPage p { color:#fff; margin-bottom:12px; font-size:16px;} #first .text h1 span { font-size: 100px; font-family: 'Circe ExtraBold'; } #first .text h1 span i { font-style: normal; color:#fff; font-family: 'Circe'; font-size: 100px; background: none; -webkit-text-fill-color:none} #first .text p { font-size:25px; color:#fff; padding: 40px 20px; max-width: 70%; margin: 0 auto;margin-top: 24px; margin-bottom:28px; } #first .text h1 + span { font-size: 38px; line-height: 41px; text-align: center; color: #FFFFFF; font-family: 'Circe Light'; } #first .text p a { font-size: inherit; color: #cbb07c; border-bottom: 2px #cbb07c dotted; text-decoration: none; } #first .buttons { margin-top: 72px; display: flex; align-items: center; justify-content: center; position: relative;} #first .buttons a { border:1px solid #cbb07c; color:#fff; text-decoration:none; margin:0 12px; padding:10px 30px;border-radius:6px; font-size:23px; } .pseudo__title { position:absolute; top:30px; left: 17%; font-size:100px; opacity:0.05; color:#fff; text-transform:uppercase; font-family:'Circe ExtraBold' } #about { background: #39393a; position: relative; background-position:0px 0; padding-top:100px; padding-bottom: 80px;} #about .parent { display:flex; justify-content:space-between;align-items: flex-start; } #about h3 { margin-bottom: 50px; } #about p { margin-bottom: 22px; font-size: 26px; line-height: 1.5; font-family: 'Circe Light'; color: #FFFFFF; position:relative; margin-left:36px; } #about .parent p:before { content:''; background:url(img/check.svg)no-repeat; width:20px; height:18px; position:absolute; left:-36px; background-size: cover; top:12px; opacity: .7;} #about .centered {width: 65%;padding: 50px 50px 0 50px; position: relative; background: #575656 url(img/235.jpg)no-repeat; height: 472px; margin-left:5%; margin-bottom: 64px; background-size: cover; background-position: center;} #about .centered p { font-size: 27px; line-height: 120%; color: #FFFFFF;margin-bottom: 48px; position: relative; z-index: 2; } #about .centered p span { color: #44ADD9; font-size:inherit;} #about .texted p { color:#fff; font-size: 18px; margin-bottom: 12px; } .quote { background: #575656; color:#fff; margin-top: 40px; padding: 40px; position: relative;} .quote p { font-size: 22px!important; } #about .quote p b { font-size:inherit; } #about .quote p.sign { position: relative; } #about .quote p.sign:after { display:none; content:''; position: absolute; top:48px; left: -32px; background: url(img/sign.png)no-repeat; width: 300px; height: 107px; background-size: cover;} #reviews { background: #39393a; background-size: cover; padding-bottom: 42px; padding-top:100px; position: relative; } #reviews h3 { margin-bottom: 60px; } #reviews .text { display: flex; } #reviews .left p {font-size: 24px; line-height: 35px; color: #FFFFFF; margin-bottom: 50px; margin-right: 70px;} #reviews .right p { margin-top: 54px; font-size: 24px; line-height: 28px; text-align: center; color: #3D89D4; font-style: italic; margin-bottom: 50px; } #reviews .block { display: flex; align-items: center; justify-content:center; color:#fff; height:177px; background-size: cover!important; background: url(img/borders.svg)no-repeat, linear-gradient(115.47deg, rgba(61, 137, 212, 0.2) 16.81%, rgba(61, 137, 212, 0) 148.71%); } #reviews .block p { font-size: 28px; text-align: center; letter-spacing: 0.01em; } #reviews .slider { margin-top: 80px; } #reviews .slide { padding: 60px; background: rgba(87, 86, 86, 0.2); color:#fff; } #reviews .slide .name { margin-top: 40px; display: flex; align-items: center; } #reviews .slide .name .icon { margin-right: 21px; } #reviews .slide img { max-width:100%; } #reviews .slide p { font-size: 20px; line-height: 30px; color: #FFFFFF; } #reviews .slide .name p { font-family: 'Circe Bold'; } #reviews .slick-list { } #reviews .slick-slide { margin: 0 24px; position:relative;} #reviews .slick-slide.slick-current { background:#eee; } #reviews .slick-slide.slick-current p { color:#333; } #reviews .navi, #certificates .navi { margin: 42px 0 0 0; display: flex; justify-content: center; align-items:center; height:104px; background-position: center; } #reviews .numbers, #certificates .numbers { margin: 0 67px; display: flex; justify-content: center; align-items:center; } #reviews .numbers span, #certificates .numbers span { font-size: 30px; line-height: 44px; letter-spacing: 0.155em; color: #FFFFFF; font-family: 'Circe Light'; } #reviews .navi .prev, #certificates .navi .prev { width:25px; height:20px; background: url(img/prev.svg)no-repeat; background-size: cover; position:relative; z-index:22; cursor:pointer; } #reviews .navi .next, #certificates .navi .next { width:25px; height:20px; background: url(img/next.svg)no-repeat; background-size: cover; position:relative; z-index:22; cursor:pointer; } #token { background: #000 url(img/about-group.png)no-repeat; padding-bottom: 130px; position:relative; } #token:before { position:absolute; content:''; width:1021px; height:1081px; background: url(img/token-before.png)no-repeat; background-size: cover; top:-129px; left:0; } #token:after { position:absolute; content:''; width:529px; height:986px; background: url(img/token-after.png)no-repeat; background-size: cover; top:129px; right:0; } #token .wrap { padding-top: 110px; display: flex; justify-content: flex-end; } #token .wrap .txt { width:50%; position: relative; z-index: 22; } #token .wrap .txt h3 { text-align: left!important; } #token .wrap .txt .list { margin-top: 51px; display: flex; flex-wrap: wrap; width:650px; justify-content: space-between; } #token .wrap .txt .list div { margin-bottom: 84px; } #token .wrap .txt .list div p { color:#fff; font-size: 24px; line-height: 35px; color: #FFFFFF; max-width: 295px; } #token .wrap .txt .buttons { margin-top: 0px; margin-left: -24px;justify-content: flex-start; } #services { overflow: hidden; padding-bottom: 64px; position: relative;} #services h3 { text-align: left; margin-bottom: 30px; color: #fff;} #services .quote { margin-bottom:40px; } #services .list { padding-top:159px; } #services .list .item { display: flex; } #services .list .item .left { width:100%; } #services .list .item .right { background: #373737; height:100%; width:617px; flex:0 0 auto; position: relative;} #services .num { color: #fff; font-size: 120px; font-family: 'Circe Bold'; line-height: 95px; margin-right: 67px; position: relative; z-index: 2; } #services .list .item .left .slogan { margin-bottom: 42px; } #services .list .item .left .slogan img { margin-right: 27px; } #services .list .item .left .slogan .pretitle { margin-top: 54px; margin-left: 92px; margin-bottom:32px; color:#fff; font-size: 24px; font-family: 'Circe Light'; } #services .list .item .left .slogan .lst .block { padding: 9px 23px; display: flex; align-items: center; background: #303030; border-radius: 5px; margin-bottom: 24px; } #services .list .item .left p { color:#fff; font-size: 20px; line-height: 1.2; } #services .list .item .left p.f24 { font-size:24px; } #services .list .item .left p.f28 { font-size:28px; font-weight: bold; margin-bottom: 16px; margin-top: 16px; } #services .list .item .left ul { padding-left: 24px; } #services .list .item .left ul li { font-size: 20px; color:#fff;} #services .list .item .left .slogan p span { font-size: inherit; color:rgba(55, 160, 255, 1) } #services .list .item .left .items { margin-top: 36px; } #services .list .item .left .items .elem { display:inline-flex; padding: 10px 23px; margin-right: 20px; background: #575656; border-radius: 5px;font-size: 24px; color:#fff; margin-bottom: 17px; } #services .services_slider { margin-top:100px; padding-bottom:100px; } #services .services_slide { display:flex; width:1112px; background: #575656; padding: 60px 25px 76px 188px; position: relative; height: 389px;} #services .services_slide:before { content:''; top:0px; left:-6.5px; position:absolute; width:7.5px; height:312px; background:url(img/union_before.svg)no-repeat; } #services .slick-slide { margin: 0 30px; } #services .slick-list { margin-left: -30px; margin-right: -30px; } #services .services_slide .left { display: flex; align-items: flex-start; margin-right: 42px; } #services .services_slide .right p { color:#fff; font-size: 40px; } #services .services_slide .right p.mb_big { margin-bottom: 30px; } #services .services_slide .right p.mb_medium { font-size: 22px; } #services .services_slide .elements .el { margin-bottom: 26px; display: flex; align-items: center;} #services .services_slide .elements .el span { font-size: 24px; line-height: 123.9%; color: #FFFFFF; margin-left: 23px; } /*.services_slide.slick-slide:first-child + div, .services_slide.slick-cloned.slick-center:first-child + div, .services_slide:not(.slick-center)[data-slick-index="0"]{ visibility: hidden; opacity: 0;} */ #services .services_slide:after { /* filter:grayscale(90); */ } #man:after { position:absolute; top: -0%; background-size: cover!important; left: -80px; width: 439px; height: 520px; background:url(img/physical.png)no-repeat; content:''; } #armed:after { position:absolute; top: 40px;background-size: cover!important; left: 20px; width: 399px; height: 357px; background:url(img/armed.png)no-repeat; content:''; } #law:after { position:absolute; top: -0%;background-size: cover!important; left: -80px; width: 419px; height: 520px; background:url(img/man.png)no-repeat; content:''; } #bankrupcy:after { position:absolute; top: 30px; background-size: cover !important; left: -40px; width: 267px; height: 360px; background:url(img/bankrupcy.png)no-repeat; content:''; } .services_navi { margin-top: 50px; display: flex; align-items: center; justify-content: center; } .services_navi .numbers { margin: 0 67px; display: flex; justify-content: center; align-items: center; } .services_navi .numbers span { font-size: 30px; line-height: 44px; letter-spacing: 0.155em; color: #fff; font-family: 'Circe Light'; } #advantages { padding: 68px 0; position: relative;} #advantages h3 { letter-spacing: 0.1em; text-transform: uppercase; color: #fff; } #advantages .list { display: grid; grid-template-columns: repeat(4, 1fr); margin-top:90px; gap:25px; justify-content: center; margin-bottom: 64px;} #advantages .list .item { background: rgba(69,69,69,0.8); padding: 30px; } #advantages .list .item img {width:300px; } #advantages .list .item.blue { border: 5px solid #3D89D4; } #advantages .list .item p { color:#fff; font-size: 20px; font-weight: 500; line-height: 35px; text-align: center; width: 100%; } #advantages .list .item.blue p { color:#fff; } #video { padding-top: 70px; padding-bottom: 92px; } #video h3 { color:#fff; } #video .list { margin-top:60px; display:grid; justify-content:center; grid-template-columns: repeat(3, 1fr);gap:100px; } #video .item { padding:40px 20px; position:relative; border: 2px solid #cbb07c; width: 400px; height: 640px;} #video .item .video { height: 100%; width:100%; overflow:hidden;} #video .item .video video { max-width:100%; filter: grayscale(1); } #video .item:after { content:''; bottom:-7.5px; left:18px; position:absolute; width:312px; height:7.5px; background:url(img/get_after.svg)no-repeat; } #video .item span { display:block; font-weight: 400;font-size: 24px; font-weight: bold; line-height: 36px; position:relative; height: 83px; color:#fff; } #video button {margin-top: 28px;} /* #get .item:nth-child(1){background:#fff url(img/promo1.png)no-repeat !important; background-size:contain!important; background-position:130% 115%!important; background-size:70%!important;} #get .item:nth-child(2){background:#fff url(img/promo2.png)no-repeat !important; background-size:contain!important; background-position:130% 105%!important; background-size:70%!important;} #get .item:nth-child(3){background:#fff url(img/promo3.png)no-repeat !important; background-size:contain!important; background-position:130% 105%!important; background-size:70%!important;} */ #video p { font-size: 17px; line-height:1.5; height: 130px; color:#fff;} #partners { padding: 100px 0; padding-top: 50px;} #partners h3 { margin-bottom: 50px; text-align: left; color: #fff; } #partners .list { display: grid; justify-content:center; grid-template-columns: repeat(12, 1fr);gap:20px; } #partners .list .partner {border: 1px solid #E4E4E4; padding: 8px;} #partners .list img {max-width: 100%;} #meet { margin-bottom: 64px; padding-top: 72px; position: relative;} #meet h3 { margin-bottom: 98px; } #meet form .row { display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 32px;} #meet form input { border:none; padding-bottom: 19px; width:100%; background: none; color: #fff; height: 100%; font-size:18px; padding:8px; border-bottom: 1px #6c6c6c solid;} #meet form input::placeholder { opacity:1; } #meet form input:focus { border: none; outline: none; border-bottom: 1px #6c6c6c solid; } #meet form .row { } #meet form .form-group{ width: 24%; } #meet form button, .btn { background: #cbb07c; padding:30px 60px; border:none; text-align: center; cursor:pointer; width: 100%; } #meet form button span { display: block; color:#fff; font-size: 14px; text-transform: uppercase; font-family: 'Circe Bold'; } #articles .list { margin-top: 60px; } #articles .list .article { margin: 32px 0; background: rgba(69,69,69,0.8); padding: 40px;} #articles .list .article a { color: #fff; text-decoration: none; border-bottom: 1px #fff dotted; } #articles .list h4 { color: #fff; font-size: 22px; margin-bottom: 16px;} #articles .list p { font-size: 18px; color: #fff; margin-bottom: 12px; } footer .footer_top { background: #575656; padding:86px 0; position:relative; } footer .footer_top .wrap { display: flex; align-items: flex-start; } footer .footer_logo img { position: relative; right:6px; margin-top: -16px; max-width:200px; } footer .footer_top span.label { display:block; margin-bottom:12px; font-size: 22px; color: #7a7a7a; } footer .footer_top a { font-size: 20px; display:block; margin-bottom:12px; text-decoration:none; color: #FFFFFF; } footer .footer_logo .links { margin-top: 28px; display: flex; flex-wrap:wrap; } footer .footer_top .socials { display: flex; flex-wrap:wrap; max-width: 140px; } footer .footer_top .socials a { margin-right: 12px; } footer .footer_top .mb56 { margin-bottom: 56px; } footer .footer_top .column { width:33%; } footer .footer_top .underlined a { color: #fff; font-size: 16px; margin-right: 30px; } footer .footer_logo .links a { width:100%; margin-bottom: 13px; font-size: 14px; text-transform: uppercase; color: #FFFFFF; font-family: 'Circe ExtraBold'; text-decoration: none; } footer .footer_bottom { padding: 33px 0; text-align: center; } footer .footer_bottom p { font-size: 18px; color:#616161; font-size: 18px; } footer .socials { display: flex; align-items: center; } footer .socials img { height: 24px; } #recall-mobile { width:100%; height:100vh; background:rgba(0,0,0,.41); display: none; } #recall-mobile.flex { display: flex!important; align-items: center; justify-content: center; padding: 0 20px; color:#fff; z-index: 100000; position: fixed; top:0; left:0; } #recall-mobile .recall-child { max-width:536px; background:#39393a; padding:80px 62px 48px 62px; border-radius:3px; position:relative; } #recall-mobile .close { position: absolute; right:24px; top:24px; cursor:pointer; } #recall-mobile h3 { font-size:33px; line-height: 36px; font-weight: 700; text-align: center; margin-bottom: 32px; } #recall-mobile h3:after { display: none; } #recall-mobile input { display: block; width:100%; font-size:15px; margin-bottom: 11px; outline:none; background: #fff; border:none; padding: 16px 24px; color:#262626; } #recall-mobile input::placeholder,#recall-mobile input::-webkit-input-placeholder { color:#262626; } #recall-mobile button { display: block; width:100%; background: #F1D61D; cursor: pointer; color:#25693A; border:none; text-align: center; padding: 22px 0; font-size:16px; } #recall-mobile p { font-size:19px; margin-top: 20px; } #recall-mobile h3 + p { font-size:16px; padding:24px 0; margin-top:0px; text-align: center; } #recall-mobile .disclaimer p { font-size: 14px; } #recall-mobile .disclaimer p a { text-decoration: underline; color:#fff; } /*кнопка звонка*/ .callback-bt { background: #38a3fd url(img/wa-white.svg)no-repeat; background-position: center; background-size: 26px; border-radius: 50%; box-shadow: 0 8px 10px rgba(56, 163, 253, 0.3); cursor: pointer; border: 2px solid transparent; display: block; height: 54px; width: 54px; text-align: center; position: fixed; right: 3%; bottom: 8%; z-index: 999; transition: .3s ease-in-out; -webkit-animation: hoverWave linear 1s infinite; animation: hoverWave linear 1s infinite; } .callback-bt .text-call { height: 54px; width: 54px; border-radius: 50%; position: relative; } .callback-bt .text-call span { color: #38a3fd; display: block; left: 50%; top: 50%; position: absolute; transform: translate(-50%, -50%); opacity: 0; font-size: 11px; line-height: 12px; font-weight: 600; text-transform: uppercase; transition: .3s ease-in-out; font-family: 'montserrat', Arial, Helvetica, sans-serif; } @keyframes hoverWave { 0% { box-shadow: 0 8px 10px rgba(56, 163, 253, 0.3), 0 0 0 0 rgba(56, 163, 253, 0.2), 0 0 0 0 rgba(56, 163, 253, 0.2) } 40% { box-shadow: 0 8px 10px rgba(56, 163, 253, 0.3), 0 0 0 15px rgba(56, 163, 253, 0.2), 0 0 0 0 rgba(56, 163, 253, 0.2) } 80% { box-shadow: 0 8px 10px rgba(56, 163, 253, 0.3), 0 0 0 30px rgba(56, 163, 253, 0), 0 0 0 26.7px rgba(56, 163, 253, 0.067) } 100% { box-shadow: 0 8px 10px rgba(56, 163, 253, 0.3), 0 0 0 30px rgba(56, 163, 253, 0), 0 0 0 40px rgba(56, 163, 253, 0.0) } } /* animations icon */ @keyframes shake { 0% { transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -webkit-transform: rotateZ(0deg); } 10% { transform: rotateZ(-30deg); -ms-transform: rotateZ(-30deg); -webkit-transform: rotateZ(-30deg); } 20% { transform: rotateZ(15deg); -ms-transform: rotateZ(15deg); -webkit-transform: rotateZ(15deg); } 30% { transform: rotateZ(-10deg); -ms-transform: rotateZ(-10deg); -webkit-transform: rotateZ(-10deg); } 40% { transform: rotateZ(7.5deg); -ms-transform: rotateZ(7.5deg); -webkit-transform: rotateZ(7.5deg); } 50% { transform: rotateZ(-6deg); -ms-transform: rotateZ(-6deg); -webkit-transform: rotateZ(-6deg); } 60% { transform: rotateZ(5deg); -ms-transform: rotateZ(5deg); -webkit-transform: rotateZ(5deg); } 70% { transform: rotateZ(-4.28571deg); -ms-transform: rotateZ(-4.28571deg); -webkit-transform: rotateZ(-4.28571deg); } 80% { transform: rotateZ(3.75deg); -ms-transform: rotateZ(3.75deg); -webkit-transform: rotateZ(3.75deg); } 90% { transform: rotateZ(-3.33333deg); -ms-transform: rotateZ(-3.33333deg); -webkit-transform: rotateZ(-3.33333deg); } 100% { transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -webkit-transform: rotateZ(0deg); } } /* конец кнопки звонка */ #certificates {overflow-x:hidden;} .certifSlider {margin-top:65px; } #certificates .cartifItem {background: rgba(69,69,69,0.8); padding:20px; } #certificates .cartifItem img {width:300px;} .certifSlider .slick-slide { margin:0 20px; } .certifSlider .slick-list { margin:0 -20px; } #firstPages .banner {padding:70px 0;text-align:center; position:relative;} #firstPages .banner .pseudo__title {opacity:0.15; right:17%; left:auto;} .newsPage {display:grid; grid-template-columns:repeat(3, 380px); grid-row-gap: 50px; justify-content: space-between; padding:100px 0 20px 0;} .newsItem {background: #eee; position:relative; padding-bottom:50px; } .newsItemImg {width:100%; height:250px; position:relative; } .newsItemImg a { display:block; position:absolute; top:0; left:0; width:100%; height:100%; } .newItemText {padding:10px 18px 15px 18px; text-align:center;} .newItemText h3 {font-size:22px; line-height:30px; padding-bottom:8px;} .newsItem:after { content:''; position:absolute; top:-20px; left:-20px; z-index:-1; height:56px; width:162px; background:url(img/dots.png)no-repeat; background-size:cover; opacity:0.3; border-radius:4px;} .newsItem .line {margin: 0 auto; margin-top:10px; margin-bottom:10px; height:1px; background: #cbb07c; border-radius: 4px; width: 100%;} .newsItem .excerpt { text-align: left !important; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;} .newsItem .excerpt p {font-size:18px; line-height:28px;} .newsItem .readMore {position:absolute; bottom:18px; left:18px; text-decoration:none!important; background:#ddd; padding:5px 8px; color:#000; transition:0.4s;} .newsItem .readMore:hover {background: #cbb07c; color:#fff;} .bannerSingle {background:#575656; padding: 70px 0; text-align:center;} .bannerSingle h1 {font-size: 40px; line-height: 1.1;letter-spacing: 0.1em; font-family: 'Circe ExtraBold'; text-transform: uppercase; color: #fff;} .singleNewsContent {background:#eee; padding:30px; margin-top:70px; position:relative;} .singleNewsContent:after { content:''; position:absolute; top:-20px; left:-20px; z-index:-1; height:56px; width:162px; background:url(img/dots.png)no-repeat; background-size:cover; opacity:0.3; border-radius:4px;} .singleNewsContent p, .singleNewsContent li, .singleNewsContent span, .singleNewsContent a, .singleNewsContent b, .singleNewsContent i {font-size: 18px; line-height: 28px; padding-bottom:10px;} .singleNewsContent h2 {font-size: 22px; line-height: 30px; padding-bottom: 8px;} .singleNewsContent h3 {font-size: 22px; line-height: 30px; padding: 8px 0;} .singleNewsContent li {list-style:none; position:relative; padding-left:18px; } .singleNewsContent li:before {content:''; position:absolute; top:11px; left:0px; height:8px; width:8px; background:#cbb07c; border-radius:50%;} .singleNewsContent a {text-decoration:underline; color:#000;} .singleNewsContent a:hover {color:#cbb07c;} .singleNewsContent ul {margin-left:30px;} .singleNewsContent .backToNews { margin-top:30px;text-decoration:none!important; background:#ddd; padding:5px 8px; color:#000; transition:0.4s; display: inline-block;} .singleNewsContent .backToNews:hover {background: #cbb07c; color:#fff;} .singleNewsContent .line {width:100%; margin-top:20px; margin-bottom:20px; height:1px; background: #cbb07c; border-radius: 4px;} .singleExcerptImg {display:flex; justify-content:space-between; align-items:center;} .singleExcerpt {width:calc(100% - 500px);} .singleExcerpt p { font-weight: bold; font-size: 22px; } .singleExcerpt span { color: #7a7a7a; } .singleImg {width:400px;} .singleImg img {max-width:100%; border:5px solid #797575;} .breadcrumbs {padding:20px 0;} .breadcrumbs a {color:#fff; text-decoration:none; transition:0.4s;} .breadcrumbs a:hover {color:#cbb07c;} .breadcrumbs span {color:#cbb07c;} .breadcrumbs .divider {padding:0 8px; color:#fff;} .wp-pagenavi { display:flex; justify-content:center; margin-top:32px; width: 100%; } .wp-pagenavi a { display:flex; justify-content:center; align-items:center; width:64px; height:64px; margin:2px; background:#eee; text-decoration:none; color:#333; font-size: 18px;} .wp-pagenavi span.current { display:flex!important; justify-content:center; align-items:center; color:#fff; width:64px; height:64px; background:#cbb07c; margin: 2px; font-weight:bold; font-size: 18px; } .wp-pagenavi span.extend { display:flex!important; justify-content:center; align-items:center; width:64px; height:64px; color:#333; margin-bottom:0px!important; font-weight:bold; } /* ----------- Media -------------- */ @media (max-width: 1680px) and (min-width: 768px) { #first { min-height:700px; } #first .text h1 span { display:inline-block; } #first .buttons { margin-top:32px; } footer { overflow: hidden; background: rgba(87, 86, 86, 0.2); } footer .footer_bottom { padding: 33px 0 97px 0;} footer .footer_top { background: none; } } @media (min-width: 2000px) { #first { min-height: 1100px; } } @media (max-width: 1290px) { .wrap { padding: 0 15px;} h3 {font-size: 24px; line-height: 34px; margin-left: 50px;} .h3 {text-align: center;} h3::before {top: 15px; left: -50px; height: 2px; width: 40px;} h3::after {display: none;} #advantages {padding: 30px 0;} #advantages .list { grid-template-columns: repeat(2, 300px); margin-top: 30px;} #get .list {grid-template-columns: fit-content(346px); margin-top: 30px; gap: 30px;} #get {margin-top: 30px;margin-bottom: 30px;} #get .item {padding: 20px 20px; min-height: 450px; height: auto;} #get .item span {margin-bottom: 20px; line-height: 26px;} #get .item::after {width:200px; height: 5px;background-size: cover; left: calc((100% - 200px) / 2);} } @media (max-width: 700px) { h3 { margin-left: 0; } h3::before { display: none; } .h3 { text-align: left; } #first { background-size: cover; min-height: auto; padding-bottom: 60px;background-position: center;} #first .text h1 { font-size: 40px; } #first .text h1 span { font-size: 50px; } #first .menu a { margin: 0; } #first .menu .links { display: none; } #first .menu .phones a { font-size: 22px; display:none; } #first .text h1 + span { display:block; max-width:80%; margin:0 auto; font-size: 20px; margin-top: 16px; line-height: 1.35; } #first .logo img { max-width: 130px; } #first .text p { max-width: 100%; padding: 0px; font-size: 20px; } #first .text p br { display: none; } .pseudo__title { display:none; left:5%; font-size: 40px; } #first .buttons { margin-top: 0; flex-wrap: wrap; } #first .buttons a { margin-top: 12px; width: 270px; font-size: 17px; padding: 10px 20px; } #about { padding-top: 32px; padding-bottom: 32px; } #about .parent { flex-wrap: wrap; } #about h3 { font-size: 32px; margin-bottom: 24px; } #about p { margin-bottom: 12px; font-size: 16px; margin-left: 0; } .quote { padding: 30px; } .quote p { font-size: 16px!important; } #about .parent p::before { top:4px; } #about .centered { margin-left: 0px; width:100%; margin-top:24px; max-width: 100%; padding: 20px; margin-bottom: 16px; } #about .centered p { margin-bottom: 12px; font-size: 17px; } #about .texted p { font-size: 16px; margin-left: 0;} #services .list { padding-top: 32px; } #services .list .item .left .items { margin-top: 24px; } #services .list .item .left p.f24 {font-size: 20px;} #services .list .item .left p { font-size: 18px; } #services .list .item .left .items .elem { display: block; font-size: 20px;} #services .services_slider { margin-top: 32px; padding-bottom: 0; } .services_navi { margin-top: 32px; } #services .services_slide { display: block; width:335px; padding: 20px;} #services .services_slide .left { margin-right: 0px; } #services .services_slide .right { position: relative; z-index: 3; padding: 20px; border-radius: 10px;} #services .services_slide .right p.mb_big { font-size: 24px; font-weight: 700; margin-bottom: 12px; } #services .num { font-size: 80px; } #services .services_slide .right p.mb_medium { font-size: 18px; margin-bottom: 4px;} #services .services_slide::after { position: relative!important; display: none!important; left: 0px!important; top:auto!important; width: 100%!important; } #car::after { height: 220px; } #truck::after { height: 170px; } #spec::after { height: 210px;} #equipment::after { height: 170px; background-position: 0 bottom; } #water::after { height: 172px; } #train::after { height: 170px; } #house::after { height: 190px; } #plane::after { height: 140px; } #reviews { padding: 32px 20px!important; } #reviews .slider { margin-top: 32px; } #reviews .slick-slide { margin: 0; padding: 20px; height: auto; } #reviews .navi { height: auto; margin: 0;} #reviews .numbers span { font-size: 24px; } #reviews .slide p { font-size: 17px; } #reviews .left p { font-size: 19px; line-height: 1.35; margin-bottom:12px; margin-right: 0px;} #reviews h3 { margin-bottom: 16px; } #get { margin-top: 0; margin-bottom: 0;} #get p { height: auto; } #get .item { min-height: 340px; } #get button { width: 100%; } #get .item span { height: auto; } #advantages .list {grid-template-columns: repeat(1, 1fr); gap:18px; } #advantages .list .item p, #get p {font-size: 16px;line-height: 26px;} #advantages .list .item img {width: 60px;height: 60px;margin-bottom: 10px;} #advantages .list .item {padding: 20px 16px;} .mainButton {font-size: 18px;} #partners { padding: 0 0 100px 0!important; } #partners .list { display: flex; flex-wrap: wrap; justify-content: flex-start; } #partners .list .partner { max-width: 29%; } #meet { margin-bottom: 32px; padding-top: 32px; } #meet form { display: block; margin-top: 42px; } #meet form .form-group { margin-bottom: 12px!important; } #meet h3 { margin-bottom: 0; } #meet form .row { margin-right: 0; } #meet form button { width: 100%; border-radius: 4px; height: auto; padding: 20px 0; } #meet form button span { margin-top: 0; } #meet form button img { display: none; } #meet form input { display: block; width: 100%; padding: 8px!important; margin-top: 8px; font-size: 14px; } footer .footer_top { padding: 42px 0 0 0; } footer .footer_top .column { width: 100%; margin-bottom: 48px;} footer .footer_top .socials { max-width: 100%; } footer .footer_top .wrap { flex-wrap: wrap; } #video { padding-top: 20px; } #video .list {display: flex; flex-flow: row nowrap; max-width: 100%; overflow-x: scroll; scrollbar-width: none; justify-content: flex-start; gap:20px} #video .item { width: 80%; height: auto; flex:0 0 auto } #video .item::after { display: none; } #meet form .form-group { width: 100%; } #meet form .form-group:last-child { margin-top: 12px; } h3 { display:block!important; margin-left:0!important; font-size: 32px!important; line-height: 1.35!important; text-align:center;} #reviews .numbers, #certificates .numbers { margin: 32px 67px; } #recall-mobile h3 { font-size:23px; } #recall-mobile .recall-child { height:auto; padding: 90px 22px 84px 22px; } #recall-mobile input { padding: 13px 0px 13px 37px; } #recall-mobile .disclaimer p {text-align:center; } } @media (max-width: 420px) { #get .list {grid-template-columns: fit-content(1fr);} }