@font-face { font-family: Montserrat-black; src: url(font/Montserrat-Black.ttf); } @font-face { font-family: Montserrat-medium; src: url(font/Montserrat-Medium.ttf); } @font-face { font-family: Montserrat-bold; src: url(font/Montserrat-Bold.ttf); } @font-face { font-family: Montserrat-thin; src: url(font/Montserrat-Thin.ttf); } @font-face { font-family: Montserrat-regular; src: url(font/Montserrat-Regular.ttf); } @font-face { font-family: Roboto; src: url(font/Roboto.ttf); } @font-face { font-family: Merriweather-bold; src: url(font/Merriweather-Bold.ttf); } @font-face { font-family: Merriweather-black; src: url(font/Merriweather-Black.ttf); } @font-face { font-family: Merriweather-regular; src: url(font/Merriweather-Regular.ttf); } @font-face { font-family: Merriweather-light; src: url(font/Merriweather-Light.ttf); } @font-face { font-family: Play; src: url(font/Play-Regular.ttf); } @font-face { font-family: Play-bold; src: url(font/Play-Bold.ttf); } .UpBorder { /*Полоска черная сверху*/ height: 48px; position: absolute; right: 0px; left: 0px; top: 0px; background-color: #1e1e1e; } .text1 { margin-top: 14px; color: #ffffff; font-family: Montserrat-medium; font-size: 16px; display: inline-block; } #TextLux { margin-left: 200px; } #Contacts { margin-left: 792px; } #Help { margin-left: 80px; } .mainFoto > img { /*Фото на главной странице*/ top: 48px; right: 0px; left: 0px; width: 1536px; height: 715px; position: absolute; } .NewPostuplenia { /*Блок с текстом по центру на главной*/ position: absolute; margin-left: 490px; margin-top: 280px; } #Freshness { text-align: center; margin-top: 0px; color: #ffffff; font-family: Montserrat-bold; font-size: 24px; font-weight: 700; } #Receipts { text-align: center; margin-top: 0px; color: #ffffff; font-family: Montserrat-black; font-size: 45px; font-weight: bold; } .BlackButton { width: 177px; height: 43px; position: absolute; margin-left: 665px; margin-top: 460px; } #button_tovars { width: 177px; height: 41px; background-color: #0a0a0a; border: none; text-align: center; color: #ffffff; font-family: Roboto; font-weight: 400; font-size: 18px; font-weight: 400; } #button_tovars:hover { background-color: #ffffff; color: #000000; } #button_tovars:active { background-color: #000000; color: #ffffff; } .StrokaMain { /*Верхняя строка ссылок по сайту*/ margin-top: 42px; width: 1536px; height: 63px; position: absolute; } .logotext { font-family: Merriweather-bold; font-size: 28px; font-weight: bold; color: #ffffff; display: inline-block; } #Lux { /*Логотип*/ margin-left: 190px; margin-right: 10px; } #Centz { margin-left: 10px; } #logo > img { width: 41px; height: 56px; color: #ffffff; display: inline-block; } #textGlavnay { margin-left: 70px; } .TextStrMain { /*ОФормление текста на строке главной*/ font-family: Roboto; font-size: 14px; font-weight: bold; margin-left: 57px; color: #ffffff; display: inline-block; } .buttonLogin { /*Кнопка входа*/ margin-top: 72px; margin-left: 1250px; position: absolute; } #button_logins { width: 120px; height: 30px; background-color: #1e1e1e; color: #f5e6ce; font-family: Roboto; font-size: 20px; font-weight: bold; border: none; } #button_logins:hover { background-color: #f5e6ce; color: #697a4b; } #button_logins:active { background-color: #000000; color: #f5e6ce; } .NewProdusts { /*Блок с новинками, ниже главной фото*/ background-color: #ffffff; position: absolute; width: 1536px; height: 600px; margin-top: 755px; right: 0px; left: 0px; display: flex; justify-content: center; } .Nowinki > img { width: 365px; height: 420px; margin-top: 85px; margin-left: 40px; } #NowinkiZel { margin-left: 0px; } .whiteButton { /*Белые кнопки на картинках*/ background-color: #ffffff; position: absolute; margin-top: 400px; } #white1 { margin-left: -780px; } #white2 { margin-left: 35px; } #white3 { margin-left: 850px; } .textButtonwhite1 { /*Текст на кнопках белых*/ font-family: Roboto; font-weight: bold; font-size: 20px; text-align: center; line-height: 0px; width: 132px; height: 40px; border: none; } .textButtonwhite1:hover { background-color: #000000; color: #ffffff; } .textButtonwhite1:active { background-color: #ffffff; color: #000000; } .SpringFragrance { /*Блок с весенним ароматом*/ background-color: #ffffff; position: absolute; width: 1536px; height: 600px; margin-top: 1355px; right: 0px; left: 0px; } .SpringImage { margin-top: 90px; margin-left: 200px; width: 560px; height: 420px; position: absolute; } .NewSprintAromat { /*Блок с текстом для весеннего аромата*/ position: absolute; margin-left: 900px; margin-top: 170px; } #Discount { text-align: center; margin-top: 0px; margin-bottom: 0px; color: #222222; font-family: Roboto; font-weight: 300; font-size: 24px; font-weight: 700; } #SprintAromat { text-align: center; margin-top: 0px; color: #222222; font-family: Play-bold; font-size: 45px; } .ButtonTovars { position: absolute; margin-left: 995px; margin-top: 290px; } #Tovars2 { text-align: center; color: #222222; font-family: Roboto; font-weight: 700; font-size: 20px; width: 177px; height: 43px; border-width: 5px; border-style: solid; border-color: #000000; background-color: #ffffff; } #Tovars2:hover { background-color: #000000; color: #ffffff; } #Tovars2:active { background-color: #ffffff; color: #000000; } .NashVibor { /*Блок для Наш выбор с духами и ценами*/ background-color: #ffffff; position: absolute; width: 1536px; height: 600px; margin-top: 2000px; right: 0px; left: 0px; } .NashVibor2 { display: flex; justify-content: center; } #TextNashVibor { font-family: Play; font-size: 28px; font-weight: bold; margin-left: 200px; } #ShanelImg { margin-left: 0px; } .BlockVibor > img { margin-left: 30px; height: 267px; width: 262px; display: block; } #TitleOsobennoe { margin-left: 0px; } .TitleDixov { font-family: Montserrat-medium; font-size: 14px; font-weight: 900; margin-left: 30px; } .DiscountImage { margin-top: -300px; height: 30px; width: 45px; position: absolute; background-color: #d6001c; text-align: center; } .Skidka { line-height: 0px; color: #ffffff; font-family: Roboto; font-weight: 400; font-size: 16px; } #id1 { margin-left: 20px; } #id2 { margin-left: 50px; } .poloska { border-color: #757575; border-width: 1px; width: 100px; border-style: solid; margin-left: 30px; } #osobennayPoloska { margin-left: 0px; } .Price { /*Цены*/ font-family: Roboto; font-size: 14px; font-weight: 700; margin-left: 30px; } #OsobenniyText { margin-left: 0px; } .CommonPriceText { color: #232323; display: inline-block; } .UnCommonPrice { margin-right: 10px; color: #757575; text-decoration: line-through; display: inline-block; } .radius_border { /*Область вокруг иконок*/ border-color: #efefef; border-width: 1px; border-style: solid; border-radius: 100%; height: 42px; width: 42px; display: inline-block; } .button_icons { } #radius_border_iscl { margin-left: 50px; } #radius_border_iscl1 { margin-left: 90px; } .icons { /*Иконки: поиск, сердечко, корзина*/ margin-top: 7px; margin-left: 7px; position: absolute; height: 27px; width: 27px; } .Comfort_Plus { /*Блок с двумя девушками с выбором*/ margin-top: 2600px; height: 630px; width: 1536px; right: 0px; left: 0px; position: absolute; display: flex; justify-content: center; } .Choise_comfort > img { height: 508px; width: 558px; } #Choise_one { margin-left: 28px; } .text_comfort { position: absolute; } .text_choise { font-family: Play-bold; font-size: 26px; color: #ffffff; margin-top: 375px; } #text_choise1 { margin-left: -550px; } #text_tutu1 { margin-left: -550px; } #text_choise2 { margin-left: 370px; } #text_tutu2 { margin-left: 370px; } .text_tutu { font-family: Roboto; font-size: 12px; font-weight: 400; color: #ffffff; margin-top: -15px; } .button_comfort { border: #ffffff; border-width: 2px; border-style: solid; background-color: transparent; background-repeat: no-repeat; color: #ffffff; font-family: Roboto; font-size: 13px; font-weight: 400; width: 110px; height: 30px; } .button_comfort:hover { background-color: #000000; color: white; } .button_comfort:active { background-color: #ffffff; transform: translateY(0px); color: #000000; } #but_com_1 { margin-left: -550px; } #but_com_2 { margin-left: 370px; } .Arms_Duxi { /*Фотка с духами на руках на розовом фоне*/ background-color: #fff1f1; margin-top: 3230px; height: 590px; width: 1536px; right: 0px; left: 0px; position: absolute; display: flex; justify-content: center; } .Arms_DuxiIMG > img { margin-top: 88px; height: 414px; width: 1142px; display: block; } .Text_ArmsDuxi { margin-top: 175px; position: absolute; text-align: center; width: 1042px; } #Vibor_Parfuma_Txt { color: #ffffff; font-family: Play-bold; font-size: 40px; } #Txt_Zitata { color: #ffffff; font-family: Roboto; font-size: 18px; font-weight: 400; } .contact_info { /*КОнтактная информация*/ display: flex; height: 440px; position: absolute; right: 0px; left: 0px; top: 3820px; background-color: #ffffff; } .brend_info { margin-left: 195px; margin-top: 30px; } .logotext2 { font-family: Merriweather-bold; font-size: 24px; font-weight: bold; margin-left: 0px; margin-bottom: 30px; color: #000000; display: inline-block; } #Lux2 { margin-right: 10px; } #Centz2 { margin-left: 10px; } #logo2 > img { width: 41px; height: 56px; color: #000000; } #opit_struct { font-family: Roboto; font-size: 14px; font-weight: 400; margin-bottom: 70px; } .sot_seti > img { margin-left: 20px; height: 37px; width: 37px; } .button_seti { border: none; background-color: transparent; background-repeat: no-repeat; height: 37px; width: 37px; background-color: #ffffff; margin-left: -20px; } .SotSeti_div { display: flex; justify-content: space-around; } .Tovars { font-family: Roboto; font-size: 14px; font-weight: 400; display: flex; margin-bottom: 25px; } .Tovars2 { font-family: Roboto; font-size: 14px; font-weight: 400; display: flex; margin-bottom: 25px; margin-left: 78px; margin-right: 78px; } .Tovars3 { font-family: Roboto; font-size: 14px; font-weight: 400; display: flex; margin-bottom: 25px; margin-left: 20px; } #tovars_individ { font-family: Play-bold; font-size: 18px; } .tovars_info { margin-top: 53px; margin-left: 50px; } #phone_gray { color: #767676; font-weight: bold; } .contact_img_text { display: flex; } .img_contact_info { margin-left: 15px; margin-top: 10px; height: 25px; width: 25px; } .end { /*Конечная строка серая*/ background-color: #efefef; display: flex; height: 60px; width: 1536px; position: absolute; right: 0px; left: 0px; top: 4260px; line-height: 60px; } .end_txt { font-family: Roboto; font-size: 15px; font-weight: 500; color: #222222; margin-left: 195px; } #end_img { margin-top: 18px; margin-left: 778px; } .buttonLogin2 { /*Кнопка входа*/ margin-top: 72px; margin-left: 1250px; position: absolute; } #profil_img { height: 50px; width: 50px; } .profil_button { background-color: transparent; background-repeat: no-repeat; border: none; } .isons_profil_div { display: flex; margin-left: -30px; } .isons_profil { height: 25px; width: 25px; margin-left: 3px; } a { text-decoration: none; }