Blame view
public/styles/style_.css
5.38 KB
48b64e32f Презентация pdf |
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} |