* { box-sizing: border-box; margin: 0; padding: 0; } .container { position: relative; width: 1140px; margin: 0 auto; } .promo { height: 800px; background: url("../img/bg/main_bg.png") center center/cover no-repeat; padding: 39px 0 62px 0; } .logo .logo_img { display: block; margin: 0 auto; } .logo .logo_text { color: #ffffff; font-family: Roboto; font-size: 15px; font-weight: 500; line-height: 15px; text-transform: uppercase; text-align: center; margin-top: 14px; } h1 { margin-top: 53px; } .title { color: #f9bf3b; font-family: "Roboto - Black"; font-size: 41px; font-weight: 400; text-align: center; line-height: 41px; text-transform: uppercase; } h2.title { margin-top: 30px; } .simple .title_big { color: #ffffff; font-family: "Roboto - Black"; font-size: 80px; line-height: 80px; font-weight: 400; text-align: center; text-transform: uppercase; margin-top: 21px; } .promo .promo_text { padding: 0 111px; margin-top: 23px; color: #ffffff; font-size: 21px; font-weight: 300; line-height: 21px; text-align: center; font-family: "Roboto Light"; } .promo .promo_text span { color: #f9bf3b; font-family: "Roboto - Bold"; font-weight: 700; } .promo .promo_btn { display: block; margin: 0 auto; margin-top: 73px; width: 313px; height: 72px; box-shadow: inset 0 -5px 0 rgba(0, 0, 0, 0.18); border: 4px solid rgba(0, 0, 0, 0.23); background-image: linear-gradient(to top, #2798b9 0%, #3ab6da 100%); text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.22); color: #ffffff; font-family: "Roboto Condensed"; font-size: 21px; font-weight: 400; line-height: 21px; text-align: center; text-transform: uppercase; cursor: pointer; outline: none; } .more { margin-top: 73px; } .more .more_text { color: #ffffff; font-family: "Roboto - Thin"; font-size: 15px; font-weight: 400; text-align: center; line-height: 15px; text-transform: uppercase; } .more .more_img { display: block; margin: 0 auto; margin-top: 13px; } .waiting { min-height: 604px; background-color: #efefef; padding: 85px 0 75px 0; } .waiting .waiting_header, .finish .finish_header { color: #252525; font-family: Roboto; font-size: 30px; font-weight: 400; text-align: center; text-transform: uppercase; line-height: 30px; } .finish .finish_header { color: #fff; } .waiting .waiting_divider, .finish .finish_divider { width: 217px; height: 4px; background-color: #f9bf3b; margin: 0 auto; margin-top: 18px; } .waiting .waiting_subheader { margin-top: 17px; color: #4a4a4a; font-family: Roboto; font-size: 23px; font-weight: 400; text-align: center; line-height: 23px; } .waiting .waiting_wrapper { display: flex; justify-content: space-between; margin-top: 45px; } .waiting .waiting_wrapper .waiting_item { width: 339px; text-align: center; } .waiting .waiting_wrapper .waiting_item .waiting_img { width: 100%; } .waiting .waiting_wrapper .waiting_item .waiting_descr { margin-top: 33px; color: #4a4a4a; font-family: Roboto; font-size: 15px; font-weight: 300; line-height: 15px; text-align: center; } @font-face { font-family: "Roboto - Black"; src: url("../fonts/Roboto-Black.ttf"); font-style: normal; font-weight: normal; } @font-face { font-family: "Roboto Light"; src: url("../fonts/Roboto-Light.ttf"); font-style: normal; font-weight: normal; } @font-face { font-family: "Roboto"; src: url("../fonts/Roboto-Regular.ttf"); font-style: normal; font-weight: normal; } @font-face { font-family: "Roboto - Thin"; src: url("../fonts/Roboto-Thin.ttf"); font-style: normal; font-weight: normal; } .optimization { min-height: 550px; padding: 102px 0 107px 0 ; } .optimization .optimization_header { margin-left: 391px; color: #299cbd; font-family: "Roboto - Black"; font-size: 29px; font-weight: 400; line-height: 29px; text-transform: uppercase; } .optimization .optimization_text { margin-top: 25px; margin-left: 391px; width: 750px; color: #4a4a4a; font-size: 17px; font-weight: 300; line-height: 17px; font-family: "Roboto Light"; font-weight: 300; } .optimization .optimization_text span { font-family: "Roboto - Bold"; font-weight: 700; } .optimization .optimization_img { position: absolute; top: -54px; left: -240px; z-index: -1; } .finish { min-height: 447px; padding: 86px 0 79px 0; background: url("../img/bg/second_bg.png") center center/cover no-repeat } .finish .finish_wrapper { margin-top: 41px; display: flex; justify-content: space-between; } .finish .finish_wrapper .finish_item { width: 204px; } .finish .finish_wrapper .finish_item .finish_round { display: flex; justify-content: center; align-items: center; width: 115px; margin: 0 auto; height: 115px; background-color: #b4e2ff; border-radius: 100%; } .finish .finish_wrapper .finish_item .finish_descr { margin-top: 25px; text-align: center; color: #efefef; font-family: Roboto; font-size: 17px; font-weight: 300; line-height: 17px; } .icons_item .logo_gift { display: block; margin: 0 auto; } .gift .logo_gift { margin-top: 147px; } .gift .icons_text { margin-top: 42px; color: #252525; font-family: Roboto; font-size: 30px; font-weight: 400; line-height: 30px; text-align: center; } .gift .gift_btn { display: block; margin: 0 auto; margin-top: 52px; width: 313px; height: 72px; box-shadow: inset 0 -5px 0 rgba(0, 0, 0, 0.18); border: 4px solid rgba(0, 0, 0, 0.23); background-image: linear-gradient(to top, #2798b9 0%, #3ab6da 100%); text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.22); color: #ffffff; font-family: "Roboto Condensed"; font-size: 21px; font-weight: 400; line-height: 21px; text-align: center; text-transform: uppercase; cursor: pointer; outline: none; } .webinar_item .webinar_icon { display: block; margin: 0 auto; } .date .webinar_icon { margin-top: 89px; } h2.text_first { margin-top: 37px; color: #252525; font-family: Roboto; font-size: 30px; font-weight: 400; line-height: 30px; text-align: center; } h2.text_second { margin-top: 30px; color: #299cbd; font-family: "Roboto - Black"; font-size: 36px; font-weight: 400; line-height: 36px; text-transform: uppercase; text-align: center; } .date .little_text { margin-top: 25px; color: #4a4a4a; font-family: Roboto; font-size: 23px; font-weight: 400; line-height: 23px; text-align: center; } footer { margin-top: 64px; min-height: 166px; background-color: #1a1a1a; padding: 61px 0 69px 0; } .info { margin: 0 auto; width: 377px; text-align: center; color: #888888; font-family: Roboto; font-size: 15px; font-weight: 300; line-height: 21px; } footer a { color: #888888; font-family: Roboto; font-size: 15px; font-weight: 300; line-height: 21px; text-decoration: none; } .underlined { text-decoration: underline; }