*{ margin: 0px; padding: 0px; } body{ font-family: arial, helvetica, sans-serif; display: block; } .main-block{ height: 1754px; width: 1240px; margin: 0 auto 10px auto; } #content-block{ height: auto; } .main-block:last-child{ margin-bottom: 0; } #head-block .content{ width: 1240px; height: 631px; } .logo{ background: url("image/logo.jpg") no-repeat; background-size: 100%; height: 246px; width: 1240px; } .bottom-image{ background: url("image/bottom-image.jpg") no-repeat; background-size: 100%; height: 877px; width: 1240px; } #head-block{ background: url("image/Untitled-1.jpg") no-repeat; background-size: 100%; } #head-block .content .contacts{ width: 740px; margin: 48px auto 0 409px; position: relative; } #head-block .content .contacts div{ display: inline-block; width: 233px; } #head-block .content .contacts div p{ font-size: 25px; position: relative; } #head-block .content .contacts .first-phone-block:after{ content: ''; display: block; background: url("image/phone.png") no-repeat; height: 32px; width: 28px; position: absolute; top: 0px; left: -33px; } #head-block .content .contacts .second-phone-block:after{ content: ''; display: block; background: url("image/phone.png") no-repeat; height: 32px; width: 28px; position: absolute; top: 29px; left: -34px; } #head-block .content .contacts .email{ position: relative; color: #1e7ec9; } #head-block .content .contacts .email:after{ content: ''; display: block; background: url("image/email.png") no-repeat; height: 19px; width: 28px; position: absolute; top: 7px; left: -39px; } #head-block .content .contacts div p span{ font-weight: bold; } #head-block .content .contacts .email { display: block; width: 256px; margin: 13px 125px; font-size: 24px; } #head-block .title{ font-weight: bold; font-size: 111px; display: block; width: 1000px; margin-left: 118px; margin-top: 136px; line-height: 0.9; text-transform: uppercase; text-align: center; } #head-block .site-link{ color: #1e7ec9; display: block; width: 500px; font-weight: bold; text-decoration: none; margin-left: 410px; font-size: 55px; } #head-block .info{ display: block; background: #dcf1fe; width: 396px; text-align: center; padding-top: 16px; padding-bottom: 16px; margin-top: 34px; margin-left: 420px; color: #1e7ec9; font-weight: bold; font-size: 17px; border-radius: 5px; } #bottom-block{ } #bottom-block .logo{ background: url("image/bottom-logo.jpg") no-repeat; background-size: 100%; width: 1240px; height: 160px; } #bottom-block .logo .contacts{ float: right; width: 465px; position: relative; margin-top: 60px; height: 75px; line-height: 1; } #bottom-block .logo .contacts div{ display: inline-block; width: 180px; position: relative; } #bottom-block .logo .contacts div p{ font-size: 20px; position: relative; } #bottom-block .logo .contacts:after{ content: ''; display: block; background: url("image/contacts.png") no-repeat; width: 29px; height: 76px; position: absolute; top: 0px; left: -27px; } #bottom-block .logo .contacts .email{ position: relative; color: #1e7ec9; } #bottom-block .logo .contacts div p span{ font-weight: bold; } #bottom-block .logo .contacts .email { display: block; width: 256px; font-size: 20px; } #bottom-block .title{ font-weight: bold; font-size: 79px; display: block; width: 1000px; margin-left: 132px; margin-top: 80px; line-height: 0.9; text-transform: uppercase; text-align: center; } #bottom-block .site-link{ color: #1e7ec9; display: block; width: 500px; font-weight: bold; text-decoration: none; margin-left: 410px; font-size: 55px; } #bottom-block .info{ display: block; background: #dcf1fe; width: 396px; text-align: center; padding-top: 16px; padding-bottom: 16px; margin-top: 20px; margin-left: 420px; color: #1e7ec9; font-weight: bold; font-size: 17px; border-radius: 5px; } #bottom-block .contacts{ position: relative; margin-top: 60px; margin-left: 302px; } #bottom-block .contacts div{ display: inline-block; width: 180px; position: relative; } #bottom-block .contacts div p{ position: relative; margin-bottom: 8px; } #bottom-block .contacts:after{ content: ''; display: block; background: url("image/contacts-all.png") no-repeat; width: 29px; height: 234px; position: absolute; top: 2px; left: -27px; } #bottom-block .contacts .email{ position: relative; color: #1e7ec9; margin-top: 5px; display: block; } #bottom-block .contacts .address{ display: block; margin-top: 22px; width: 640px; } #bottom-block .contacts .time-table{ display: block; margin-top: 20px; } #bottom-block .contacts .coordinates{ display: block; margin-top: 25px; } #bottom-block .contacts div p span{ font-weight: bold; font-size: 18px; } #bottom-block.contacts .email { display: block; width: 256px; } .map{ background: url("image/map.jpg") no-repeat; background-size: 100%; height: 745px; width: 600px; margin-top: 43px; margin-left: 320px; } /****************************************#content-block*************************************************/ #content-block{ } #content-block .logo{ background: url("image/content-logo.jpg") no-repeat; background-size: 100%; width: 1240px; height: 160px; } #content-block .logo .contacts{ float: right; width: 465px; position: relative; margin-top: 25px; height: 75px; line-height: 1.3; } #content-block .logo .contacts div{ display: inline-block; width: 180px; position: relative; } #content-block .logo .contacts div p{ font-size: 20px; position: relative; } #content-block .logo .contacts:after{ content: ''; display: block; background: url("image/contacts.png") no-repeat; width: 29px; height: 76px; position: absolute; top: 0px; left: -27px; } #content-block .logo .contacts .email{ position: relative; color: #1e7ec9; } #content-block .logo .contacts div p span{ font-weight: bold; } #content-block .logo .contacts .email { display: block; width: 256px; font-size: 20px; } #content-block .row img{ height: 120px; } #content-block .row{ position: relative; background: url('image/row-background.jpg') no-repeat; background-size: 100%; width: 900px; height: 150px; padding-top: 15px; padding-left: 31px; box-sizing: border-box; } #content-block .row .price{ background: url('image/price-background.png') no-repeat; background-size: 100%; width: 146px; height: 52px; display: block; font-weight: bold; color: #1e7ec9; text-align: center; padding-top: 17px; position: absolute; top: 49px; right: 27px; } #content-block .row .name{ display: block; font-weight: bold; position: absolute; top: 66px; left: 260px; width: 450px; font-size: 18px; } #content-block .content { width: 900px; margin: auto; } #content-block h1{ font-weight: bold; color: #1e7ec9; font-size: 30px; text-transform: uppercase; margin-left: 256px; margin-top: 12px; } #content-block h2{ display: block; background: #1e7ec9; color: #fff; text-align: center; font-weight: bold; font-size: 19px; margin-top: 40px; padding-top: 19px; padding-bottom: 18px; border-radius: 5px 5px 0px 0px; } .price-list{ margin-top: 2000px; } .price-list:first-child{ margin-top: 0px; } .footer-block-main{ margin-top: 2000px; }