/* transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; */ /* font-family: 'Source Sans Pro', sans-serif; */ body { font-family: 'Source Sans Pro', sans-serif; font-size:14px; line-height:18px; color: #353a4e; } a { color: #7c7f89; transition: color .25s ease; -webkit-transition: color .25s ease; -moz-transition: color .25s ease; } a:hover { color: #5ebdc7; text-decoration: none; } :-moz-placeholder { opacity: 1; font-size: 14px; font-weight: 400; color: #939598; } ::-moz-placeholder { opacity: 1; font-size: 14px; font-weight: 400; color: #939598; } :-ms-input-placeholder { opacity: 1; font-size: 14px; font-weight: 400; color: #939598; } ::-webkit-input-placeholder { opacity: 1; font-size: 14px; font-weight: 400; color: #939598; } input:hover, input:active, input:focus { outline: none; } .alert-success { background-color: #41BCC5; border-color: #41BCC5; color: #fff; font-size: 15px; line-height: 1.6; } form p.ajaxInfo { display: none; padding: 10px 5px; border: 1px solid #000; text-align: center; color: #FFF; font-weight: 500; font-size: 16px; margin-bottom: 35px; } form p.ajaxInfo.error { background-color: #f85555; border-color: #f8bf55;} form p.ajaxInfo.error_send { background-color: #f85555; border-color: #f8bf55; } form p.ajaxInfo.ok { background-color: #70f855; border-color: #f8bf55; } form p.error { display: none; } .tl { text-align: left; } .tr { text-align: right; } .tc { text-align: center; } .button { display: inline-block; vertical-align: middle; min-width: 225px; padding: 0 10px; border-radius: 100px; text-align: center; text-transform: lowercase; line-height: 54px; font-size: 16px; font-weight: 300; border: 1px solid #5ebdc7; background: #5ebdc7; color: #fff; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; } .button:hover { background: #fff; border-color: #5ebdc7; color: #5ebdc7; } .button__white { background: #fff; border-color: #fff; color: #5ebdc7; } .button__white:hover { background: #5ebdc7; border-color: #fff; color: #fff; } .page { margin: 30px 0 30px; } .page--title { font-size: 30px; font-weight: 400; color: #5ebdc7; margin: 0 0 30px; line-height: 1; } .page--header { margin: -30px 0 30px; background: #5ebdc7; color: #fff; padding: 10px 0; } .page--headerItem { height: 250px; font-size: 30px; line-height: 1.2; font-weight: 300; } .page--header--img { background: center center/cover; } .page--header--text { display: flex; align-items: center; justify-content: center; } .page--text { font-size: 16px; line-height: 1.7; } .alert-info { background-color: #c76565; border-color: #c76565; color: #fff; } .alert__inline { display: inline-block; } :-moz-placeholder { opacity: 1; font-size: 14px; font-weight: 300; color: #fff; } ::-moz-placeholder { opacity: 1; font-size: 14px; font-weight: 300; color: #fff; } :-ms-input-placeholder { opacity: 1; font-size: 14px; font-weight: 300; color: #fff; } ::-webkit-input-placeholder { opacity: 1; font-size: 14px; font-weight: 300; color: #fff; } /* form */ .f-form { } .contactForm { background: #353A4E; padding: 30px; } .f-input, .f-textarea { width: 100%; height: 30px; border: 1px solid #5ebdc7; margin-bottom: 10px; } .f-textarea { height: 350px; } .contactForm .f-input, .contactForm .f-textarea { background: none; border: none; border-bottom: 2px solid #515977; color: #fff; } .intro { height: 630px; min-height: 100vh; background: center center/cover; text-align: center; display: flex; align-items: center; justify-content: center; } .intro--link { width: 363px; height: 363px; margin: 130px 0 0; position: relative; display: inline-block; vertical-align: middle; background: #000; overflow: hidden; border-radius: 50%; transform: scale(.78); transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; } /*.intro--link::before { content: ''; background: #000; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }*/ .intro--linkImg, .intro--linkName { opacity: .6; } .intro--link:hover { transform: scale(1); } .intro--link:hover .intro--linkImgHover { opacity: 1; } .intro--link:hover .intro--linkImg, .intro--link:hover .intro--linkName { opacity: 1; } .intro--linkImg { display: block; height: 220px; position: relative; background: #353a4e center center no-repeat; } .intro--link:nth-child(1) .intro--linkImg { background-image: url('../img/intro-link-1.png') } .intro--link:nth-child(2) .intro--linkImg { background-image: url('../img/intro-link-2.png') } .intro--link:nth-child(3) .intro--linkImg { background-image: url('../img/intro-link-3.png') } .intro--linkImgHover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: center center/cover; opacity: 0; } .intro--linkName { padding-top: 48px; height: 143px; display: block; background: #fff; font-size: 24px; font-weight: 300; color: #5ebdc7; text-align: center; } .page-start .header, .page-start .footer { display: none!important; } .header--top { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#292b37+50,353a4e+50 */ background: #292b37; /* Old browsers */ background: -moz-linear-gradient(left, #292b37 50%, #353a4e 50%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #292b37 50%,#353a4e 50%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #292b37 50%,#353a4e 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#292b37', endColorstr='#353a4e',GradientType=1 ); /* IE6-9 */ } .menuCat li a b { font-weight: 400; } .topLogo, .topMain { height: 90px; } .topLogo { width: unset; line-height: 90px; background: #292b37; } .topLogo img { max-width:200px; } .topMain { width: 832px; padding-left:0; background: #353a4e; } .topMain { padding-right: 0;} .headerSearch--form, .header--topInfo, .header--topLinks { display: inline-block; vertical-align: middle; } .header--topLinks li:last-of-type a { border-color:#fff200; } .header--topLinks li:last-of-type a:hover, .header--topLinks li:last-of-type a:active, .header--topLinks li:last-of-type a:focus { background-color:#fff200; } /* searchbox */ #search-box { padding-left: 45px; position: relative; } #search-box ul { padding: 5px 7.5px; border: 1px solid #777777; list-style: none; z-index: 50; position: absolute; left: -1px; right: 38px; top: 36px; margin: 0; background: #fff; display:none; } #search-box ul li {padding: 7.5px 0;} #search-box ul li:not(:last-of-type) {border-bottom: 1px solid #c6c6c6;} #search-box ul a {display: table;} #search-box ul img {display: table-cell;width: 100%;vertical-align: middle;} #search-box .product-name {display: table-cell;width: 66%;vertical-align: middle;} #search-box .message { text-align: center; color: #000; } #search-box .see-more { cursor: pointer; color:#c76565; } #search-box .see-more:hover { color: #CD3333; } #search-box .loader { } #search-box .holder { display: inline-block; position: relative; } #search-box .holder::before, #search-box .holder::after { content: ''; display: block; clear: both; } .flex { display:flex; flex-wrap:wrap; } .flex-center { justify-content:center; align-items: center; } .header--topInfo { font-size: 24px; color: #fff; font-weight: 300; flex:2; padding-left:25px;} .header--topInfo strong { font-size: 18px; font-weight: 600; color: #6a749c; } .headerSearch--input { width: 240px; border: none; background: none; border-bottom: 1px solid #515977; padding: 4px 20px 8px 5px; color: #fff; } .headerSearch--btn { background: none; border: none; padding: 0; position: absolute; right: 0; top: 4px; } .header--topLinks ul { margin: 0; padding: 0; list-style: none; } .header--topLinks li { padding: 0 5px; display: inline-block; vertical-align: middle; } /*.header--topLinks a { font-size: 14px; font-weight: 300; color: rgba(255,255,255,.5); position:relative; display: block; }*/ /*.header--topLinks a { font-size: 14px; font-weight: 300; position: relative; display: block; background: #fff; color: #353a4e; height: 30px; line-height: 30px; padding: 0 7px; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; }*/ .header--topLinks a { font-size: 14px; font-weight: 300; position: relative; display: flex; justify-content:center; background: transparent; height: 50px; line-height: 16px; padding: 4px 6px; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; border: 3px solid #5ebdc7; text-transform: uppercase; max-width: 110px; text-align: center; color: #fff; min-width: 100px; align-items: center; } .header--topLinks a:hover { color:#353a4e; background: #5ebdc7; } /*.header--topLinks li:nth-child(1) a::before { width: 57px; height: 38px; background-image: url('../img/header-top-link-1.png'); } .header--topLinks li:nth-child(2) a::before { width: 27px; height: 38px; background-image: url('../img/header-top-link-2.png'); }*/ /* nav */ .header--mainContainer { padding-right: 5px; } .mainNav--nav { margin: 0; padding: 0; list-style: none; } .mainNav--nav li { padding-left: 45px; display: inline-block; vertical-align: middle; } .mainNav--nav a { font-size: 16px; line-height: 92px; font-weight: 300; text-transform: lowercase; } /* banner */ .homeBanner { padding-bottom: 32%; background: bottom right no-repeat; background-size:cover; } .homeBanner .container { position: relative; } .homeBanner--text { max-width: 430px; position: absolute; top: 0; left: 15px; color: #fff; text-transform: uppercase; } .homeBanner--text h1 { padding-top: 29%; margin: 0 0 43px; font-size: 48px; font-weight: 300; } .homeBanner--text h2 { margin: 0 0 54px; font-size: 24px; font-weight: 300; } /* home cats */ .homeCats--item { margin-bottom: 20px; } .homeCats--itemImg { display: block; height: 143px; background: center center/cover; } .homeCats--itemName { margin-top: 33px; display: block; color: #353a4e; font-size: 18px; text-align: center; } /* homeInfo */ .homeInfo--about { margin-top: 25px; } .homeInfo--about1 { margin-top: 0px; } .homeInfo { margin-top: 95px; } .homeInfo--aboutImg { float: left; } .homeInfo--aboutImg1 { float: left; padding-top: 5px; } .homeInfo--aboutText--content { width: 370px; float: left; margin-left: 80px; } .homeInfo--aboutText--content1 { width: 390px; float: left; margin-left: 60px; } .homeNews--item { margin-bottom: 30px; } .homeInfo--aboutTitle { margin: 20px 0 60px; } .homeInfo--aboutTitle1 { margin: 00px 0 30px; } .homeInfo--aboutText { font-size: 16px; text-align: justify; line-height: 1.8; } /* home news */ .homeInfo--newsTitle { margin-bottom: 26px; } .homeNews--item, .homeNews--itemImg, .homeNews--itemName, .homeNews--itemLead { display: block; } .homeNews--item { color: #353a4e; } .homeNews--itemName { margin: 10px 0 15px; font-size: 16px; font-weight:700; } .homeNews--itemImg { height: 97px; } .homeNews--itemLead { font-size: 14px; line-height: 1.8; } .footer { margin-top: 110px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#292b37+50,f7f7f7+50 */ background: #292b37; /* Old browsers */ background: -moz-linear-gradient(left, #292b37 50%, #f7f7f7 50%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #292b37 50%,#f7f7f7 50%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #292b37 50%,#f7f7f7 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#292b37', endColorstr='#f7f7f7',GradientType=1 ); /* IE6-9 */ } .footer--info { display: flex; align-items: center; justify-content: center; background: #292B37; color: #5ebdc7; text-align: center; } .footer--Map { background: #F7F7F7; } .footer--item { font-size: 16px; height: auto; padding: 0; } .footer--Map--content { width: auto; float: left; height:100%; flex:1;} .footer--rightInfo { height: 100%; display: flex; align-items: center; justify-content: center; float: left; text-align: center; flex:1;} .division { flex:1; padding:0 15px; } /* news */ .news-item { margin-bottom: 30px; } .news-img { height: 300px; background: center center/cover; height: 200px; } .news-item .text { margin-bottom: 15px; } .newsDetails-img { height: 300px; margin-bottom: 40px; background: center center/cover; } .news--navLi.active a { color: #33949B; } .news--navUl { margin: 0; padding: 0; list-style: none; } .news--navLink { font-size: 21px; line-height: 1.5; } .news--navLi { } @media (min-width: 1023px) { .news-item:nth-child(2n) { clear: both; } } /* shop */ .catList--item { margin-bottom: 50px; } .catItem--title { padding-left: 7px; } .productDetails--description { line-height: 1.6; font-size: 15px; } .productDetails--description img { max-width: 100%; height: auto!important; width: auto!important; } .menuCat--ul { margin: 0; padding: 0; list-style: none; } .menuCat { background: #292B37; padding: 30px 10px; } .menuCat--a { font-size: 16px; font-weight: 300; line-height: 1.7; color: #fff; } .shopItem--img { width: 100%; } .shopItem--data { color: #292B37; font-size: 16px; font-weight: 300; text-align: center; height: 45px; margin-top: 10px; } .shopItem--img-td { width: 74px; } .shopItem.header { text-align: center; font-size: 0.9em; border-bottom: 2px solid #353a4e; } .productDetails--mainImg { max-width: 100px; max-height: 60px; } .productDetails--categoryName { margin: 0 0 10px; } .productDetails--categoryTitle { margin: 0 0 30px; } /* sortowanie */ .sort-box { font-size:14px; position:relative; float:right; line-height:1; padding-bottom: 5px; z-index:10; cursor:pointer; } .sort-box .text {} .sort-box .selected { color: #41BCC5; } .sort-box .wrapper { padding: 10px 0 25px; background:#fff; visibility:hidden; opacity:0; position:absolute; top: 15px; right:0; transition:all .25s ease; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; } .sort-box:hover .wrapper { visibility:visible; opacity:1; } .sort-box .wrapper a { font-weight:900; font-size:13px; display:block; box-sizing:border-box; padding:6px 18px; color:#000; background:#fff; line-height:20px; position:relative; } .sort-box .wrapper a:not(:last-of-type):after { content:''; position:absolute; left:18px; right:18px; bottom:0; height:1px; background:#cfcfcf; } .sort-box .wrapper a:hover:after, .sort-box .wrapper a.active:after { background-color: #41BCC5; } .sort-box .wrapper a.active, .sort-box .wrapper a:hover { text-decoration:none; color:#fff; background-color:#41BCC5; } #cookieinfo { text-align: center; background:#f6f6f6; color:#38393a; font-size:14px; padding: 20px; } #cookieinfo a { color:#38393a; text-decoration: underline; } #cookieinfo::before { content:''; background:url(../img/cookie.png); width:38px; height:38px; display: inline-block; margin-right: 20px; vertical-align: middle; } a#cookiebtn { display: inline-block; border: 2px solid #38393a; padding: 5px 30px; margin-left: 20px; text-decoration: none; } .contactForm .f-textarea { height: 130px; } #contactFormSend .button { height: 45px; line-height: 44px; min-width: 120px; } .page-kontakt .p--text a { color: #5ebdc7; font-weight: 600; } .page-kontakt .p--text { font-size: 15px; line-height: 22px; } .pageId-352 a:hover { background: #353a4e; } .pageId-352 a { background: #5ebdc7; display: inline-block; margin: 10px; width: 31%; padding: 17px 0 11px 12px; color: #fff; text-transform: uppercase; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; } .pageId-352 a img { position: relative; top: -6px; margin-right: 8px; display: inline-block; } .catList--item--imgLink { display: block; border: 1px solid #e0e0e0; border-bottom: none; } .hide-img .catList--item--imgLink { display: none; } .catList--item--imgLink img { max-width: 100%; display: block; margin:0 auto; } .catList--item:nth-of-type(3n-2) { clear: left; } .catList--item:hover .catItem--title { background: #5ebdc7; color:#fff; } .catItem--title { background: #353a4e; display: block; color: #fff; padding: 15px 20px; text-align: center; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; } .hide-img .catItem--title { padding: 25px 20px 35px 20px; min-height: 107px; text-transform: uppercase; } .catItem--title:hover { background: #5ebdc7; color:#fff; } /* Wyjątki dla kategorii */ .categoryList.cat-koncowki-silownikow-ucha a.catItem--title { height: auto !important; } .categoryList.cat-tloczyska-rurowe a.catItem--title { display:flex; align-items:center; justify-content:center; flex-direction:column; } .categoryList.cat-dlawnice a.catItem--title { display:flex; align-items:center; justify-content:center; flex-direction:column; } .categoryList.cat-tloki a.catItem--title { display:flex; align-items:center; justify-content:center; flex-direction:column; } .categoryList.cat-denka a.catItem--title { display:flex; align-items:center; justify-content:center; flex-direction:column; } .categoryList.cat-przylacza-spawalne a.catItem--title { display:flex; align-items:center; justify-content:center; flex-direction:column; } .categoryList.cat-rury-cylindrowe- a.catItem--title { display:flex; align-items:center; justify-content:center; flex-direction:column; } .menuCat a { font-size: 14px; opacity: 0.95; display: block; margin-bottom: 7px; border-bottom: 1px solid rgba(255, 255, 255, 0.19); padding-left:10px; } .menuCat--ul__level-1 { padding-left: 15px; } .menuCat .current > a { color: #5ebdc7; } /*.shopItem--imgLink { width: 100px; float: left; display: inline-block; }*/ .shopItem--imgLink { padding: 0; } .productCode { float: left; display: inline-block; width: 100px; padding: 25px 0; text-align: center; } .shopItem--data {padding: 16px 0; } .shopItem--data.product-code { font-size: 14px; } .data-speed { width: 70px; padding: 16px 0; } .homeNews--itemImg { height: 227px; background: no-repeat center; background-size: cover; } .productList td, .productList th { padding: 6px; text-align: center; } .productList th { font-size: 12px; font-weight: 400; background: #353a4e; color: #fff; } .productOther { border:1px solid #292b37; } .productOther .productImg { height: 200px; background: no-repeat center/contain; display: block; margin: 20px 0; } .productName { background: #292b37; display: block; padding-top: 20px; padding-bottom: 20px; text-align: center; color: #fff; text-transform: uppercase; } .no-img-product { margin-bottom: 30px; } .no-img-product .productImg { display: none!important; } .no-img-product .productName { height: 70px; } .productOther:hover .productName { color:#fff; background: #5ebdc7; } .productOther:hover { border-color: #5ebdc7; } img { max-width: 100%; } @media (max-width:1700px) { .homeBanner--text h1 { padding-top: 11%; font-size:38px; } } @media (max-width:1229px) { .topLogo { width: 25%; } .topMain { width:75%; } #search-box { width: 259px; padding-left: 0; } .header--topInfo { width: 175px;} .homeBanner--text h1 { padding-top: 4%; } .homeInfo--aboutText--content { width: 100%; float: none; margin-left: 0; } .homeInfo--aboutImg { display: none; } .footer--rightInfo { width:209px; } } @media (max-width:1100px) { .header--topLinks { margin: 20px; text-align: center; width: 100%; } .topMain { height:auto; } .intro { height:auto; } .intro-inner { padding-top: 50px; } .intro--link { width: 250px; height: 250px; margin: 68px 0 0; } .intro--linkImg { height: 130px; background-size: 100px; } .intro--link:nth-child(2) .intro--linkImg { background-size: 60px; } .intro--link:nth-child(3) .intro--linkImg { background-size: 60px; } .intro--linkName { padding-top: 30px; font-size: 21px; } } @media (max-width:1021px) { .homeInfo { margin-top: 40px; } .homeInfo--aboutTitle { margin: 0px 0 20px; } .homeInfo--about { margin-top: 0; } .homeInfo--aboutText--content { margin-bottom: 25px; } .topLogo { width: 100%; text-align: center; } .topMain { width:100%; background: #292b37; } .header--top { background: #292b37; } .mainNav--nav li { padding-left: 20px; } .mainNav--nav { text-align: center; } .header--mainContainer .pull-right { float: none!important; width: 100%; } .mainNav--nav li { padding: 0px 10px; } .homeBanner--text h2 { margin: 0 0 14px; } .footer { background: #292b37; } .table-responsive { width: 100%; overflow-x: auto; } .footer { margin-top: 50px; } .footer--item { line-height: 1.5; } } @media (max-width: 797px) { .homeBanner--text h1 { font-size: 25px; margin-bottom: 10px; } .homeBanner--text h2 { font-size: 17px; } .topLogo, .topMain { height: auto; } .icon-bar { background: #292b37; } .homeBanner .button { line-height: 35px; } .topMain { text-align: center; } .homeCats--item { width: 50%; } .homeBanner { padding-bottom: 0; background: bottom left no-repeat/cover; height: 240px; } .footer--Map--content { width:100%; } .homeCats--itemName { height:55px; } .footer--rightInfo { width: 100%; } .brandSidebar { margin-bottom: 40px; } .catList--item { margin-bottom: 40px; } .productDetails--description table { width: 100%!important; } } @media (max-width:759px) { .intro--link { display: block; margin: 0 auto; } } @media (max-width:350px){ .intro--link { width: 323px; height: 323px; } .intro--linkImg { height:180px; } } /* PRĘTY I RURY */ .right-side-btn { display: block; vertical-align: middle; padding: 6px 15px 8px; border-radius: 5px; text-align: center; text-transform: lowercase; position: absolute; font-size: 14px; font-weight: 300; border: 1px solid #5ebdc7; background: #5ebdc7; color: #fff; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; margin: 20px 0 5px; width: 180px; top: 5px; right: 70px; } .right-side-btn.second { top:45px; } .right-side-btn.trzeci { right:257px; } .right-side-btn:hover { background: #fff; border-color: #5ebdc7; color: #5ebdc7; } .homeInfo--aboutTitle12 { width:100%; text-align: right; padding-right: 21%; } /* Strona rpęty i rury */ @media (max-width:900px) { .page-prety .footer--item { height:auto; padding:20px 20px; line-height:20px; } img { height: auto !important; } a.right-side-btn { position: relative; top: initial !important; right: initial !important; margin: 0 15px 15px; display: inline-block; width: 140px; } a.right-side-btn.trzeci { display:block; } .page-prety .topMain { text-align:center !important; } .page-prety .homeInfo--aboutText { font-size: 13px; text-align: justify; line-height: 1.35; } } @media (max-width:500px) { #search-box { width:100%; } .header--topInfo { width:100%; padding:0; margin-top:25px; } .header--topLinks { margin:25px 0; } } @media (max-width:400px) { .header--topLinks li { display:block; } .header--topLinks li a { width:100%; max-width:100%; text-align:center; margin:5px 0; } .header--topLinks a { justify-content: center; } .header--topLinks li a::before { display:none; } } div#cookieinfo { background: #353a4e; color: #fff; font-size: 16px; letter-spacing: .5px; text-align: center; padding: 10px; position:fixed; bottom:0; left:0; width:100%; z-index:10000; } div#cookieinfo p { max-width:600px; margin:10px auto; font-size:18px; line-height:26px; } div#cookieinfo a { white-space: nowrap; padding:0 15px; border: 3px solid #5ebdc7; color:#fff; text-decoration:none; } .g-recaptcha { display:block; margin:10px auto; } .g-recaptcha > div { margin:0 auto; } .agreement-contact { margin-top:25px; } .agreement-contact span { text-align:left; line-height:1 !important; font-weight:200; text-transform: none; line-height: 1.25; color:#333; } .agreement-contact input { margin:0 !important; height:13px !important; width:13px !important; } .rodo-form .box { max-width:600px; margin:10px auto; } .page-rodo .header--main, .page-rodo .headerSearch--form, .page-rodo .header--topInfo { display:none; } .intro--link:nth-child(4) .intro--linkImg { background-image: url(../img/intro-link-4.png); } .hide-buttons ul li:first-of-type { display:none; } .hide-buttons ul li:nth-child(2) { display:none; }