.about-us{ background-image: url(../images/block_2.jpg); background-size:cover; z-index: -1; height: 100%; top:100px; background-attachment:fixed; min-width: 100%; font-family: "AvenirNextLTPro-Demi"; } .about-us-main { background-image: url(../images/about_fullscreen_bg.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 100vh; padding-top: 130px; position: relative; } .about-us-main h3{ max-width: 500px; width: 100%; font-weight: 700; margin: 0; padding: 60px 0; color: #fff; font-size: 70px; letter-spacing: .72px; line-height: 80px; text-align: center; margin: 0 auto; z-index: 0; position: absolute; left: 50%; top: calc(50% - 65px); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .about-us-counter{ background: #fff; padding: 20px; max-width: 900px; text-align: center; position: absolute; top: 100vh; left: 50%; z-index: 1; transform: translate(-50%,-50%); box-shadow: 0 1px 1px 0 rgba(84,84,84,.3); } .about-us-description{ font-weight: 300; color: #676767; font-size: 16px; letter-spacing: .16px; line-height: 24px; text-align: center; max-width: 560px; margin: 0 auto 10px; } .about-us-timer-left{ width: 50%; float: left; } .about-us-timer-brend{ margin: 0 auto; font-weight: 700; color: #e4ca87; font-size: 110px; } .about-us-timer-right{ width: 50%; float: right; } .about-us-timer-restaurant{ margin: 0 auto; font-weight: 700; color: #e4ca87; font-size: 110px; } .about-us-block_1{ background-image: url(../images/block_1.png); background-repeat: no-repeat; background-position: center calc(100% + 140px); background-color: #f3f3f3; padding-top: 420px; padding-bottom: 140px; } .about-us-block_2{ padding: 100px 20px; position: relative; overflow: hidden; } .about-us-block_2 h2{ font-family: "AvenirNextLTPro-Demi"; letter-spacing: .3px; font-weight: 700; font-size: 48px; color: #fff; text-align: center; z-index: 1; position: relative; display: block; } .about-us-block_3{ background: white; } .about-us-block_3 h2{ font-size: 30px; text-align: center; padding-top: 25px; padding-bottom: 25px; color: #4d4d4d; font-weight: 700; } .about-us-block_4{ background: white; font-family: "AvenirNextLTPro-Demi"; text-align: center; padding: 60px 15px; /*padding-bottom: 15px;*/ color: #4d4d4d; } .about-us-block_4 p { display: block; padding: 0 10px;; } .about-us-block_4 h2{ font-size: 30px; text-align: center; padding-top: 25px; color: #4d4d4d; font-weight: 700; } .about-us-slick { background: #ffffff; width: 70vw !important; } .slick-container { position: relative; text-align: center; width: 100%; margin: 0 auto; /* padding: 15px; */ } .about-us-slick-item { display: flex; } .slick-dots li button{ font-size: 0 ; border: 1px solid gray ; border-radius: 50%; background: #606060 ; width: 10px; height: 10px; } .slick-dots li button:hover{ background: white ; } .slick-dots li button:before{ content: '' ; } /* .slick-track { display: flex; align-items: center; } */ .about-us-slick-item.slick-active:nth-of-type(3){ margin-right: 0px; } .about-us-slick-item { display: flex; justify-content: space-between; width: 33%; } .about-us-slick-item img { width: 250px; margin: 0 auto; } @media screen and (max-width: 1024px){ .about-us-slick-item img { width: 220px; } @media screen and (max-width: 768px){ .about-us-counter{ width: 65vw; } .about-us-slick-item img { width: 160px; } .about-us-timer-brend, .about-us-timer-restaurant{ font-size: 90px; } } @media screen and (max-width: 490px){ .about-us-slick-item img { width: 90px; } } @media screen and (max-width: 375px){ .about-us-slick-item img { width: 50px; } } }