style_.css
5.38 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
@page{margin:0;size:A4 landscape}
*{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:none;box-shadow:none;outline:none}
::-webkit-input-placeholder{color:inherit;opacity:1}
:-ms-input-placeholder{color:inherit;opacity:1}
::-ms-input-placeholder{color:inherit;opacity:1}
::-moz-placeholder{color:inherit;opacity:1}
::placeholder{color:inherit;opacity:1}
:focus::-webkit-input-placeholder{color:transparent}
:focus:-ms-input-placeholder{color:transparent}
:focus::-ms-input-placeholder{color:transparent}
:focus::-moz-placeholder{color:transparent}
:focus::placeholder{color:transparent}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}
html{font-size:8px}
body{font-family:'DejaVu Sans',sans-serif;background:#fff;font-size:1.6rem;font-weight:400;color:#363A3F}
a,button{color:inherit}
a{text-decoration:none}
a,input[type=button],input[type=submit],button{cursor:pointer;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.bold,b{font-weight:700}
.br,img{display:block}
.floatLeft{float:left}
.floatRight{float:right}
.clearBoth:after{content:'';display:block;clear:both}
.blue{color:#42AAFF}
.contain img{-o-object-fit:contain!important;object-fit:contain!important;height:500px}
.root{width:1122px;height:793px;overflow:hidden}
.content{width:100%;height:683px;line-height:1.3;z-index:1;background:#fff no-repeat 50%/cover;position:relative}
.content:before{content:'';z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(3,9,15,0.7)}
.content__wrapper{position:relative;z-index:2;padding:65px 60px}
.content__title{font-weight:700;font-size:4rem;margin:0;margin-bottom:30px;line-height:1.1}
.content__subtitle{margin:0;margin-bottom:24px;font-size:2rem;max-width:450px}
.content__list{margin:0;padding:0}
.content__listItem{position:relative;display:block;border-bottom:1px dashed #E6E7E7;height:24px}
.content__listItem:after{content:'';display:block;clear:both}
.content__listItem+.content__listItem{margin-top:12px}
.content__listItem span{width:50%;position:relative;z-index:1;background:#fff;padding-right:8px;color:#9A9C9F;float:left;height:23px;line-height:23px}
.content__listItem span+span{color:#363A3F;text-align:right;float:right;padding:0;padding-left:8px}
.content__row .content__list{width:46%}
.content__row .content__list+.content__list{margin-left:4%}
.content__quote{padding:2px 0;margin:0;max-width:850px;padding-left:16px;position:relative;margin-bottom:30px;font-size:2rem;line-height:1.3;border-left:2px solid #42AAFF}
.content__quote.min{max-width:640px}
.content__text{margin:0;color:#686B6F}
.content__2pics{margin-top:40px}
.content__2pics:after{content:'';display:block;clear:both}
.content__2pics img{float:left;border-radius:20px;-o-object-fit:cover;object-fit:cover;width:48%;-webkit-box-shadow:0 4px 24px rgba(6,15,26,0.08),0 4px 12px rgba(6,15,26,0.04);box-shadow:0 4px 24px rgba(6,15,26,0.08),0 4px 12px rgba(6,15,26,0.04);height:380px}
.content__2pics img+img{margin-left:4%}
.content__2pics.min img{height:380px}
.content__2pics.last img{height:280px}
.content__3pics{margin-top:40px}
.content__3pics:after{content:'';display:block;clear:both}
.content__3pics img{float:left;border-radius:20px;-o-object-fit:cover;object-fit:cover;width:31%;-webkit-box-shadow:0 4px 24px rgba(6,15,26,0.08),0 4px 12px rgba(6,15,26,0.04);box-shadow:0 4px 24px rgba(6,15,26,0.08),0 4px 12px rgba(6,15,26,0.04);height:220px}
.content__3pics img+img{margin-left:3.5%}
.content__phone{margin-top:30px;font-size:0}
.content__phone a{display:inline-block;padding-top:3px;position:relative;background:#42AAFF;border-radius:0 999px 999px 0;font-size:4.8rem;text-align:center;padding-right:100px;color:#fff;height:77px}
.content__phone a:before{content:'';z-index:1;position:absolute;top:0;left:-60px;width:60px;height:100%;background:#42aaff}
.content__phone span{position:relative;z-index:2}
.footer{border-top:1px solid #E6E7E7;width:100%;height:109px;font-size:1.4rem;line-height:1.3;z-index:2;background:#fff;-webkit-box-shadow:0 -2px 16px rgba(14,56,94,0.08);box-shadow:0 -2px 16px rgba(14,56,94,0.08)}
.footer>div{width:60%;padding-left:60px}
.footer>div+div{width:40%;text-align:right;padding:0;padding-right:60px}
.footer__logo{display:inline-block;vertical-align:middle;margin-top:32px}
.footer__contacts{display:inline-block;vertical-align:middle;margin-top:34px;margin-left:20px}
.footer__contacts span{display:inline-block;vertical-align:middle;background:#42AAFF;border-radius:999px;width:2px;height:48px;margin:0 6px}
.footer__contactsPhone{display:inline-block;vertical-align:middle;font-size:3.2rem}
.footer__contactsEmail{display:inline-block;vertical-align:middle;font-size:2.4rem}
.footer__address{display:inline-block;vertical-align:middle;margin-top:10px}
.footer__link{display:inline-block;vertical-align:middle;margin-top:10px}
.slide1__body{width:40%;color:#fff;padding-top:70px}
.slide1__photo{width:60%;border-radius:20px;height:553px;-o-object-fit:cover;object-fit:cover}
.slide1__title{font-weight:700;font-size:3.2rem;margin:0;line-height:1.1;padding-right:20px}
.slide1__list{margin:0;padding:4px 0;margin-top:10px}
.slide1__list li{display:block}
.slide1__list li:before{content:'';width:8px;height:8px;background:#fff;border-radius:2px;display:inline-block;margin-right:8px}
.slide1__list li.red:before{background:#E9162F}
.slide1__text{max-width:250px;margin:0;margin-top:10px}