header { margin: 10px; border-radius: 15px; z-index: 3; top: 0; left: 0; position: fixed; width: -webkit-fill-available; height: 60px; background-image: url(../img/topBackground.png); background-size: cover; background-position: center; transition: 0.4s all ease-in-out; -webkit-box-shadow: -2px 11px 53px -8px rgb(0 0 0 / 40%); -moz-box-shadow: -2px 11px 53px -8px rgba(0, 0, 0, 0.40); box-shadow: -2px 11px 53px -8px rgb(0 0 0 / 40%); } ::-webkit-scrollbar { margin: 20px; width: 10px; height: 10px; } ::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #494e52; } ::-webkit-scrollbar-track { background-color: #d5d4d3; border-radius: 10px; } html { scroll-behavior: smooth; } header.shrink { margin-top: 0px; z-index: 3; height: 45px; position: fixed; border-radius: 0px 0px 20px 20px; } body { padding: 0; margin: 0; background-color: #F4F4F4; font-family: 'Montserrat', sans-serif; overflow-x: hidden; } .contactsCenterMode { width: 100%; position: absolute; transform: translateY(-50%); top: 55%; } .infLinksUl { margin: 0; border: 1px solid red; height: -webkit-fill-available; width: max-content; padding: 0; display: flex; } .infLinksLi { list-style: none; width: fit-content; margin: 0; } .infLinks p { margin-top: 5px; margin-right: 8px; } .infLinks { border: 1px solid red; border-radius: 20px; height: 30px; padding-left: 40px; margin-right: 12px; margin-bottom: 12px; } .infLinksLiBett { } .js-load { background-color: #494e52; color: white; border: none; border-radius: 20px; cursor: pointer; font-size: 17px; padding-top: 8px; padding-right: 10px; padding-left: 10px; padding-bottom: 7px; margin: 20px; font-family: 'Montserrat', sans-serif; /* font-family: 'Rubik', sans-serif; */ transition: 0.6s all ease-in-out; } .js-load:hover { border-radius: 18px; background-color: white; color: #5c493e; -webkit-box-shadow: 5px 5px 10px -2px rgba(0,0,0,0.75); -moz-box-shadow: 5px 5px 10px -2px rgba(0,0,0,0.75); box-shadow: 5px 5px 10px -2px rgba(0,0,0,0.75); } @keyframes animModalSeach { 0% { top: 100%; opacity: 0; } 1% { top: 0%; } 100% { opacity: 1; } } @keyframes animModalSeachOff { 0% { opacity: 1; } 100% { opacity: 0; display: none; } } @keyframes animAchtung { 0% { margin-top: 15px; color: #666666; } 30% { margin-top: 15px; margin-left: 0px; margin-right: 0px; padding: 15px; -webkit-box-shadow: 10px 10px 29px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 10px 10px 29px 0px rgba(0, 0, 0, 0.75); box-shadow: 10px 10px 29px 0px rgba(0, 0, 0, 0.75); border-radius: 20px; background-color: #494e52; color: white; } 40% { margin-left: 15px; margin-right: -15px; } 50% { margin-left: -15px; margin-right: 15px; } 60% { margin-left: 15px; margin-right: -15px; } 70% { margin-left: -15px; margin-right: 15px; } 80% { margin-left: 15px; margin-right: -15px; } 90% { margin-top: 15px; padding: 15px; -webkit-box-shadow: 10px 10px 29px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 10px 10px 29px 0px rgba(0, 0, 0, 0.75); box-shadow: 10px 10px 29px 0px rgba(0, 0, 0, 0.75); border-radius: 20px; background-color: #494e52; color: white; } 100% { margin-top: 15px; color: #666666; } } .mobilefillter4550 { overflow: hidden; display: none; z-index: 1; width: 50px; height: 50px; background-color: #5C493E; border-radius: 50px; position: fixed; cursor: pointer; left: 10px; bottom: 20px; -webkit-box-shadow: 4px 4px 20px -2px rgba(0, 0, 0, 0.75); -moz-box-shadow: 4px 4px 20px -2px rgba(0, 0, 0, 0.75); box-shadow: 4px 4px 20px -2px rgba(0, 0, 0, 0.75); transition: 1s all ease-in-out; } .mobilefillter4550 img { height: 60%; width: 60%; margin-left: 20%; margin-top: 20%; animation-name: animBlogIntrocenterhrty1; animation-duration: 6s; animation-timing-function: linear; animation-iteration-count: infinite; } .filterimg { position: absolute; animation-name: animBlogIntrocenterhrty1; animation-duration: 6s; animation-direction: reverse; animation-timing-function: linear; animation-iteration-count: infinite; } @keyframes animBlogIntrocenterhrty1 { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .filterButt1213 { width: 110px; height: 33px; border-radius: 33px; margin-top: -250px; margin-left: 150px; position: absolute; background-color: #5C493E; -webkit-box-shadow: 4px 4px 20px -2px rgba(0, 0, 0, 0.75); -moz-box-shadow: 4px 4px 20px -2px rgba(0, 0, 0, 0.75); box-shadow: 4px 4px 20px -2px rgba(0, 0, 0, 0.75); display: flex; cursor: pointer; transition: 1s all ease-in-out; } .filterButt1213img { height: 15px; width: 15px; margin-top: 8px; margin-left: 15px; } .filterButt1213text { position: relative; height: 15px; width: 90px; margin-top: 7px; margin-left: 8px; } .filterButt1213img img { width: 100%; } .closeSeartchtablet { position: absolute; width: 80px; height: 28px; background-color: black; cursor: pointer; transition: 1s all ease-in-out; border-radius: 28px; margin-left: -150px; margin-top: 7px; margin-bottom: 10px; } .topBlogImg { position: relative; width: 100%; height: 700px; top: 0px; -webkit-box-shadow: 10px 10px 29px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 10px 10px 29px 0px rgba(0, 0, 0, 0.75); box-shadow: 10px 10px 29px 0px rgba(0, 0, 0, 0.75); } .textBlogBack { padding-top: 10px; padding-right: 15px; padding-bottom: 10px; padding-left: 15px; z-index: 1; position: absolute; transform: translate(-50%, -50%); margin-left: 50%; margin-top: 220px; color: white; font-size: 55px; border: 1px solid white; font-weight: 100; } .onlyYouMarginWithShadow { -webkit-box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75); } .blogfirstslider1textbackground000 { position: relative; background-color: transparent; z-index: 1; height: 600px; margin: 10px; transition: 1s all ease-in-out; } .blogfirstslider1textbackground000121 { position: relative; background-color: transparent; z-index: 1; height: 600px; margin: 10px; } .blogfirstslider1textbackground000 img { width: 100%; height: 100%; object-fit: cover; transition: 1s all ease-in-out; } .blogfirstslider1textbackground000:hover { transform: scale(1.04); } .blogfirstslider1textbackground000121 img { width: 100%; height: 100%; object-fit: cover; transition: 1s all ease-in-out; } .blogfirstslider1textbackground000111 { position: relative; height: 290px; width: 100%; -webkit-box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75); transition: 1s all ease-in-out; } .blogfirstslider1textbackground000111:hover { transform: scale(1.04); } .onlyYouMarginTop { margin-top: 20px; } .contentBlogSite000 { max-width: 1350px; height: auto; margin: auto; margin-top: -140px; display: grid; grid-template-columns: repeat(2, 1fr); } .contentBlogSite { max-width: 1350px; height: auto; margin: 90px auto; display: grid; grid-template-columns: repeat(2, 1fr); } .contentBlogSitePost { position: relative; height: 400px; margin: 10px; overflow: hidden; -webkit-box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75); transition: 1s all ease-in-out; } .contentBlogSitePost img { width: 100%; height: 100%; object-fit: cover; transition: 1s all ease-in-out; } .contentBlogSitePost:hover img { width: 120%; height: 120%; margin-left: -10%; margin-top: -10%; } .contentBlogSitePost a { text-decoration: none; color: white; } .blogartt { max-width: 1340px; height: auto; margin: 50px auto; } .mobileButtText { display: none; width: 100%; height: auto; text-align: center; padding-bottom: 2px; } .mobileButtText h1 { color: #5C493E; font-size: 33px; } .blockblogintrocenter h1 { color: #5C493E; font-size: 33px; margin: 0; padding: 0; width: 80%; margin: auto; } .blockblogintroright { position: absolute; width: 36%; height: 100%; right: 0; animation-name: animBlogIntroLeft; animation-duration: 4s; animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); background-size: cover; background-position: center; -webkit-box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75); } .blockblogintroright img { width: 100%; height: 100%; object-fit: cover; } @keyframes animBlogIntro { 0% { margin: 250px auto; opacity: 0; } 20% { margin: 250px auto; opacity: 0; } 100% { margin: 50px auto; opacity: 1; } } @keyframes animBlogIntrocenterh1 { 0% { opacity: 0; } 90% { opacity: 0; } 100% { opacity: 1; } } @keyframes animBlogIntroLeft { 0% { width: 100%; } 70% { width: 100%; } 100% { width: 36%; } } .blogfirstslider { position: relative; max-width: 1340px; margin: 40px auto; height: 450px; -webkit-box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75); } .blogfirstslider img { width: 100%; height: 100%; object-fit: cover; } .topBlogImg img { width: 100%; height: 100%; object-fit: cover; } .blogfirstslider1 { cursor: pointer; transform: translate(-50%, -50%); top: 43%; left: 50%; position: absolute; width: 1330px; height: auto; border: 0.1px solid transparent; } .blogfirstslider121 { transform: translate(-50%, -50%); top: 50%; left: 50%; position: absolute; width: 1038px; height: auto; border: 0.1px solid transparent; } .sliderUnderText { width: 100%; height: auto; margin-top: 15px; } .topBlogImg0 { overflow: hidden; width: 100%; height: 700px; -webkit-box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75); } .NoonlyHerewidth100 { position: absolute; bottom: 15px; left: 15px; font-size: 10px; cursor: pointer; width: 400px; height: auto; border: 0.1px solid transparent; background-color: black; opacity: 0.8; transition: 1s all ease-in-out; -webkit-box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75); } .NoonlyHerewidth100 h1 { margin: 10px; color: white; } .blogfirstslider1textbackground { z-index: 1; cursor: pointer; position: relative; width: 400px; height: auto; border: 0.1px solid transparent; background-color: black; opacity: 0.8; transition: 1s all ease-in-out; -webkit-box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75); } .blogfirstslider1textbackground:hover { border-radius: 20px; } .blogfirstslider1textbackground13212 { z-index: 1; margin: 10px; cursor: pointer; position: relative; width: fit-content; height: auto; border: 0.1px solid transparent; background-color: black; opacity: 0.8; transition: 1s all ease-in-out; -webkit-box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75); } .blogfirstslider1textbackground13212:hover { border-radius: 20px; } .blogfirstsliderbutton { display: inline-block; padding: 10px 20px; text-align: center; text-decoration: none; color: white; background-color: #5C493E; border-radius: 0px; outline: none; margin-top: 15px; transition: 1s all ease-in-out; -webkit-box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75); } .blogfirstsliderbutton:hover { border-radius: 15px; background-color: white; color: #5C493E; } .blogfirstslider1textbackground h1 { margin: 10px; color: white; } .blogfirstslider1textbackground13212 h1 { margin: 10px; color: white; } .blogartttext { max-width: 1038px; margin: auto; } /* .blogartttext a { text-decoration: none; color: white; background-color: #5C493E; border-bottom: 1px solid #5C493E; padding: 1px 5px; border-radius: 7px; -webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.75); } */ .alinkk { text-decoration: none; color: black; border-bottom: 2px solid #5C493E; padding: 0px 2px; border-radius: 7px; animation-name: animlinks; animation-duration: 3s; transition: 1s all ease-in-out; } .alinkk:hover { text-decoration: none; color: white; background-color: #5C493E; border-bottom: 2px solid #5C493E; padding: 0px 5px; border-radius: 7px; -webkit-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.75); } @keyframes animlinks { 0% { text-decoration: none; color: black; border-bottom: 2px solid #5C493E; padding: 0px 2px; border-radius: 7px; } 50% { text-decoration: none; color: white; background-color: #5C493E; border-bottom: 2px solid #5C493E; padding: 0px 5px; border-radius: 7px; -webkit-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.75); } 100% { text-decoration: none; color: black; border-bottom: 2px solid #5C493E; padding: 0px 2px; border-radius: 7px; } } .blogartttext p { text-align: justify; font-size: 18px; } .photoUnderText { margin-top: 50px; margin-bottom: 50px; position: relative; width: 100%; height: 450px; transition: 1s all ease-in-out; animation-name: animphotoUnderText; animation-duration: 1.5s; animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); } .photoUnderTextleft { position: absolute; height: 100%; width: 64%; left: 0; background-size: cover; background-position: center; animation-name: animphotoUnderTextleft; animation-duration: 1.5s; animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); -webkit-box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75); } .photoUnderTextleft img { width: 100%; height: 100%; object-fit: cover; } .photoUnderTextright img { width: 100%; height: 100%; object-fit: cover; } .photoUnderTextright { position: absolute; height: 100%; width: 35%; right: 0; background-size: cover; background-position: center; animation-name: animphotoUnderTextright; animation-duration: 1.5s; animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); -webkit-box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75); } @keyframes animphotoUnderText { 0% { margin: 250px auto; opacity: 0; } 100% { margin: 50px auto; opacity: 1; } } @keyframes animphotoUnderTextleft { 0% { width: 50%; } 100% { width: 64%; } } @keyframes animphotoUnderTextright { 0% { width: 50%; } 100% { width: 35%; } } .photoUnderTextleft1 { position: absolute; height: 100%; width: 35%; left: 0; background-size: cover; background-position: center; animation-name: animphotoUnderTextright; animation-duration: 1.5s; animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); -webkit-box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75); } .photoUnderTextleft1 img { width: 100%; height: 100%; object-fit: cover; } .photoUnderText img { width: 100%; height: 100%; object-fit: cover; } .photoUnderTextright1 img { width: 100%; height: 100%; object-fit: cover; } .photoUnderTextright1 { position: absolute; height: 100%; width: 64%; right: 0; background-size: cover; background-position: center; animation-name: animphotoUnderTextleft; animation-duration: 1.5s; animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); -webkit-box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75); } .contentBlogSitePostText { width: 100%; height: 30%; bottom: 0px -webkit-box-shadow: 0px 29px 41px 27px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 29px 41px 27px rgba(0, 0, 0, 0.75); box-shadow: 0px 29px 41px 27px rgba(0, 0, 0, 0.75); transition: 1s all ease-in-out; } .contentBlogSitePost:hover .contentBlogSitePostImg { height: 65%; } .contentBlogSitePost:hover .contentBlogSitePostText { height: 35%; } .contentBlogSitePost:hover .contentBlogSitePostTextDate { bottom: 40px; } .contentBlogSitePostTextDate { position: absolute; height: 180px; width: 160px; background-color: #5C493E; bottom: 20px; left: 20px; -webkit-box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.75); transition: 1s all ease-in-out; } .contentBlogSitePostTextDateDate { position: relative; width: 80%; height: 55%; margin-top: 14%; margin-left: 10%; border-bottom: 2px solid white; } .contentBlogSitePostTextDateDate h1 { position: absolute; color: white; font-size: 100px; margin-top: -10px; transform: translateX(-50%); margin-left: 50%; font-weight: 100; } .contentBlogSitePostTextDateMonth { position: relative; width: 80%; height: 25%; margin-top: 3%; margin-left: 10%; } .contentBlogSitePostTextDateMonth p { position: absolute; color: white; font-size: 20px; margin-top: 0px; transform: translateX(-50%); margin-left: 50%; font-weight: 100; } .contentBlogSitePostTextIn { width: auto; height: 70%; border: 1px solid transparent; margin-left: 195px; } .contentBlogSitePostTextIn p { font-size: 17px; } .closeFilterr { width: 30px; height: 30px; margin-left: 261px; margin-top: 10px; border-radius: 100%; background-position: center; background-size: cover; background-image: url(../img/closeFilterpn.png); -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75); transition: 1s all ease-in-out; } .closeFilterropo { z-index: 1; cursor: pointer; width: 25px; height: 25px; margin-left: 258px; margin-top: -1px; border-radius: 100%; background-position: center; background-size: cover; background-image: url(../img/closeFilterpn1.png); -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75); transition: 1.2s all ease-in-out; } .closeFilterBackground { z-index: 1; top: 0px; right: -100%; opacity: 0; position: fixed; width: 100%; height: 100%; background-color: black; transition: 1s all ease-in-out; } .textAnim { animation-name: animAchtung; animation-duration: 1.5s; animation-delay: 5.5s; animation-timing-function: ease-in-out; } .preloader { align-items: center; background-color: #F4F4F4; display: flex; justify-content: center; height: 100vh; width: 100%; position: fixed; z-index: 5; } .cssload-thecube { width: 73px; height: 73px; margin: 0 auto; margin-top: 49px; position: relative; transform: rotateZ(45deg); -o-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg); -webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); } .cssload-thecube .cssload-cube { position: relative; transform: rotateZ(45deg); -o-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg); -webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); } .cssload-thecube .cssload-cube { float: left; width: 50%; height: 50%; position: relative; transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); } .cssload-thecube .cssload-cube:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(92, 73, 62, 0.97); animation: cssload-fold-thecube 2.76s infinite linear both; -o-animation: cssload-fold-thecube 2.76s infinite linear both; -ms-animation: cssload-fold-thecube 2.76s infinite linear both; -webkit-animation: cssload-fold-thecube 2.76s infinite linear both; -moz-animation: cssload-fold-thecube 2.76s infinite linear both; transform-origin: 100% 100%; -o-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; } .cssload-thecube .cssload-c2 { transform: scale(1.1) rotateZ(90deg); -o-transform: scale(1.1) rotateZ(90deg); -ms-transform: scale(1.1) rotateZ(90deg); -webkit-transform: scale(1.1) rotateZ(90deg); -moz-transform: scale(1.1) rotateZ(90deg); } .cssload-thecube .cssload-c3 { transform: scale(1.1) rotateZ(180deg); -o-transform: scale(1.1) rotateZ(180deg); -ms-transform: scale(1.1) rotateZ(180deg); -webkit-transform: scale(1.1) rotateZ(180deg); -moz-transform: scale(1.1) rotateZ(180deg); } .cssload-thecube .cssload-c4 { transform: scale(1.1) rotateZ(270deg); -o-transform: scale(1.1) rotateZ(270deg); -ms-transform: scale(1.1) rotateZ(270deg); -webkit-transform: scale(1.1) rotateZ(270deg); -moz-transform: scale(1.1) rotateZ(270deg); } .cssload-thecube .cssload-c2:before { animation-delay: 0.35s; -o-animation-delay: 0.35s; -ms-animation-delay: 0.35s; -webkit-animation-delay: 0.35s; -moz-animation-delay: 0.35s; } .cssload-thecube .cssload-c3:before { animation-delay: 0.69s; -o-animation-delay: 0.69s; -ms-animation-delay: 0.69s; -webkit-animation-delay: 0.69s; -moz-animation-delay: 0.69s; } .cssload-thecube .cssload-c4:before { animation-delay: 1.04s; -o-animation-delay: 1.04s; -ms-animation-delay: 1.04s; -webkit-animation-delay: 1.04s; -moz-animation-delay: 1.04s; } .fegggt { height: 695px; } .fegggt1 { height: 330px; margin-top: 20px; } .why1321 { width: 1335px; position: absolute; transform: translateX(-50%); left: 50%; } .why1321 h1 { font-size: 35px; } @keyframes cssload-fold-thecube { 0%, 10% { transform: perspective(136px) rotateX(-180deg); opacity: 0; } 25%, 75% { transform: perspective(136px) rotateX(0deg); opacity: 1; } 90%, 100% { transform: perspective(136px) rotateY(180deg); opacity: 0; } } @-o-keyframes cssload-fold-thecube { 0%, 10% { -o-transform: perspective(136px) rotateX(-180deg); opacity: 0; } 25%, 75% { -o-transform: perspective(136px) rotateX(0deg); opacity: 1; } 90%, 100% { -o-transform: perspective(136px) rotateY(180deg); opacity: 0; } } @-ms-keyframes cssload-fold-thecube { 0%, 10% { -ms-transform: perspective(136px) rotateX(-180deg); opacity: 0; } 25%, 75% { -ms-transform: perspective(136px) rotateX(0deg); opacity: 1; } 90%, 100% { -ms-transform: perspective(136px) rotateY(180deg); opacity: 0; } } @-webkit-keyframes cssload-fold-thecube { 0%, 10% { -webkit-transform: perspective(136px) rotateX(-180deg); opacity: 0; } 25%, 75% { -webkit-transform: perspective(136px) rotateX(0deg); opacity: 1; } 90%, 100% { -webkit-transform: perspective(136px) rotateY(180deg); opacity: 0; } } @-moz-keyframes cssload-fold-thecube { 0%, 10% { -moz-transform: perspective(136px) rotateX(-180deg); opacity: 0; } 25%, 75% { -moz-transform: perspective(136px) rotateX(0deg); opacity: 1; } 90%, 100% { -moz-transform: perspective(136px) rotateY(180deg); opacity: 0; } } .filtcloss2332 { width: 30px; height: 30px; background-color: black; margin-left: 10px; } .variable-width { width: 100%; transition: 1s all ease-in-out; } .variable-width1 { height: 150px; margin-right: 15px; padding-bottom: 20px; } .thousandpxblock { display: none; } .sidebarFilterCat:hover .sidebarFilterCatIcon { -webkit-box-shadow: 2px 4px 24px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 2px 4px 24px 0px rgba(0, 0, 0, 0.75); box-shadow: 2px 4px 24px 0px rgba(0, 0, 0, 0.75); } .sidebarFilterCat:hover ~ .sidebarFilterCat1 { margin-top: -100px; margin-left: 100%; } .sidebarFilterCat:hover ~ .sidebarFilterCat2 { margin-top: -100px; margin-left: 100%; } .sidebarFilterCat:hover ~ .sidebarFilterCat3 { margin-top: -100px; margin-left: 100%; } .sidebarFilterCat:hover ~ .sidebarFilterCat4 { margin-top: -100px; margin-left: 100%; } .sidebarFilterCat:hover ~ .sidebarFilterCat5 { margin-top: -100px; margin-left: 100%; } .sidebarFilterCat:hover ~ .sidebarFilterCat6 { margin-top: -100px; margin-left: 100%; } .sidebarFilterCat1:hover { margin-top: -100px; margin-left: 0%; } .sidebarFilterCat1:hover .sidebarFilterCatIcon1 { -webkit-box-shadow: 2px 4px 24px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 2px 4px 24px 0px rgba(0, 0, 0, 0.75); box-shadow: 2px 4px 24px 0px rgba(0, 0, 0, 0.75); } .sidebarFilterCat1:hover ~ .sidebarFilterCat2 { margin-top: -100px; margin-left: 100%; } .sidebarFilterCat1:hover ~ .sidebarFilterCat3 { margin-top: -100px; margin-left: 100%; } .sidebarFilterCat1:hover ~ .sidebarFilterCat4 { margin-top: -100px; margin-left: 100%; } .sidebarFilterCat1:hover ~ .sidebarFilterCat5 { margin-top: -100px; margin-left: 100%; } .sidebarFilterCat1:hover ~ .sidebarFilterCat6 { margin-top: -100px; margin-left: 100%; } .sidebarFilterCat2:hover { margin-top: -100px; margin-left: 0%; } .sidebarFilterCat2:hover .sidebarFilterCatIcon2 { -webkit-box-shadow: 2px 4px 24px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 2px 4px 24px 0px rgba(0, 0, 0, 0.75); box-shadow: 2px 4px 24px 0px rgba(0, 0, 0, 0.75); } .sidebarFilterCat2:hover ~ .sidebarFilterCat3 { margin-top: -100px; margin-left: 100%; } .sidebarFilterCat2:hover ~ .sidebarFilterCat4 { margin-top: -100px; margin-left: 100%; } .sidebarFilterCat2:hover ~ .sidebarFilterCat5 { margin-top: -100px; margin-left: 100%; } .sidebarFilterCat2:hover ~ .sidebarFilterCat6 { margin-top: -100px; margin-left: 100%; } .sidebarFilterCat3:hover { margin-top: -100px; margin-left: 0%; } .mobversioncatalogcontentCollection { position: relative; overflow: hidden; min-height: 250px; max-height: 300px; width: auto; border-radius: 15px; /* margin-left: 26px; */ /* margin-right: 26px; */ /* margin-top: 20px; */ margin: 10px; transition: all 0.4s ease-in-out; z-index: 0; } .gradd { z-index: 1; position: absolute; height: 100%; width: 100%; transition: 0.4s all ease-in-out; opacity: 0.9; } .mobversioncatalogcontentCollection:hover .mobversioncatalogcontentCollectionh1 { scale: 1.1; } .mobversioncatalogcontentCollection:hover .gradd { opacity: 0.7; } .mobversioncatalogcontentCollection.shrink { position: relative; overflow: hidden; min-height: 250px; max-height: 300px; width: auto; border-radius: 25px; /* margin-left: 26px; */ /* margin-right: 26px; */ /* margin-top: 20px; */ /* margin: 10px; */ transition: all 1s ease-in-out; } .mobversioncatalogcontentCollectionh1 { width: 100%; height: 100%; object-fit: cover; } .footerrtyInside11er { z-index: 2; position: absolute; width: fit-content; height: auto; bottom: 0px; margin: 10px; } .footerrtyInside11er p { float: left; font-weight: 800; font-size: 15px; margin: 5px; width: fit-content; color: #494e52; background-color: white; padding-left: 8px; padding-top: 2px; padding-right: 8px; padding-bottom: 2px; border-radius: 15px; } .footerrtyInside11erprod p { float: left; font-weight: 800; font-size: 11px; margin: 2px; width: fit-content; color: #494e52; background-color: white; padding-left: 7px; padding-top: 1px; padding-right: 7px; padding-bottom: 2px; border-radius: 20px; } .footerrtyInside11er h2 { color: white; margin: 5px; margin-bottom: 1px; } .footerrtyInside11erprod h2 { font-size: 18px; } .mobversioncatalogcontentCollectionh1 { width: 100%; height: 100%; object-fit: cover; transition: all 0.5s ease-in-out; } .sidebarFilterCat3:hover .sidebarFilterCatIcon3 { -webkit-box-shadow: 2px 4px 24px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 2px 4px 24px 0px rgba(0, 0, 0, 0.75); box-shadow: 2px 4px 24px 0px rgba(0, 0, 0, 0.75); } .sidebarFilterCat3:hover ~ .sidebarFilterCat4 { margin-top: -100px; margin-left: 100%; } .sidebarFilterCat3:hover ~ .sidebarFilterCat5 { margin-top: -100px; margin-left: 100%; } .sidebarFilterCat3:hover ~ .sidebarFilterCat6 { margin-top: -100px; margin-left: 100%; } .sidebarFilterCat4:hover { margin-top: -100px; margin-left: 0%; } .sidebarFilterCat4:hover .sidebarFilterCatIcon4 { -webkit-box-shadow: 2px 4px 24px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 2px 4px 24px 0px rgba(0, 0, 0, 0.75); box-shadow: 2px 4px 24px 0px rgba(0, 0, 0, 0.75); } .sidebarFilterCat4:hover ~ .sidebarFilterCat5 { margin-top: -100px; margin-left: 100%; } .sidebarFilterCat4:hover ~ .sidebarFilterCat6 { margin-top: -100px; margin-left: 100%; } .sidebarFilterCat5:hover { margin-top: -100px; margin-left: 0%; } .sidebarFilterCat5:hover ~ .sidebarFilterCat6 { margin-top: -100px; margin-left: 100%; } .sidebarFilterCat6:hover { margin-top: -100px; margin-left: 0%; } .sliskSlider { position: relative; margin: 10px; display: block; width: -webkit-fill-available !important; border-radius: 15px; height: 70vh; top: 0; right: 0; bottom: 0; left: 0; background-position: center; background-size: cover; transition: all 0.5s ease-in-out; } .sliskSlider.shrink { position: relative; margin: 10px; display: block; width: -webkit-fill-available !important; border-radius: 25px; height: 70vh; top: 0; right: 0; bottom: 0; left: 0; background-position: center; background-size: cover; transition: all 0.5s ease-in-out; } .bottom3 { position: relative; margin-top: 10px; height: 350px; background-color: transparent; display: flex; justify-content: center; max-width: 1340px; overflow: hidden; transition: all 1s ease-in-out; transform: translateX(-50%); left: 50%; border-radius: 30px; } .backgrrbot { width: 100%; height: 77%; position: absolute; background-color: #494e52; bottom: 0; border-radius: 30px; } .backgrrbot1 { z-index: 1; background-color: transparent; background-image: url(../img/gradiktt.png); background-size: cover; background-position: center; } .bottom33 { position: absolute; width: 1280px; margin: auto; height: 100%; } @keyframes slideInUp3 { from { margin-top: 600px; } to { margin-top: 100px; } } .slideInUp { animation-name: slideInUp3; } @keyframes slideInUp1 { from { margin-top: 600px; } to { margin-top: 60px; } } .filter_data { display: grid; grid-template-columns: repeat(3, 1fr); position: relative; } .slideInUp { animation-name: slideInUp1; } @keyframes slideInUp2 { from { margin-top: 600px; } to { margin-top: 20px; } } .slideInUp { animation-name: slideInUp2; } .saleProcentPositionBlock1 { margin-top: 13px; margin-left: 13px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; background-color: white; border-radius: 15px; font-size: 17px; font-weight: 700; color: #494e52; } .plan { position: absolute; width: 500px; height: 380px; background-color: white; right: 0px; margin-top: 100px; transition: 1.2s all ease-in-out; animation: slideInUp3 1.3s ease-in-out; -webkit-box-shadow: 2px 4px 24px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 2px 4px 24px 0px rgba(0, 0, 0, 0.75); box-shadow: 2px 4px 24px 0px rgba(0, 0, 0, 0.75); background-image: url(/img/gres.jpg); background-size: cover; background-position: center; } .plan1 { position: absolute; width: 500px; height: 380px; background-color: white; right: 75px; margin-top: 60px; transition: 1.5s all ease-in-out; animation: slideInUp1 1.3s ease-in-out; -webkit-box-shadow: 2px 4px 24px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 2px 4px 24px 0px rgba(0, 0, 0, 0.75); box-shadow: 2px 4px 24px 0px rgba(0, 0, 0, 0.75); background-image: url(/img/gres1.jpg); background-size: cover; background-position: center; } .plan2 { position: absolute; width: 500px; height: 380px; background-color: white; right: 150px; margin-top: 20px; transition: 1.8s all ease-in-out; animation: slideInUp2 1.3s ease-in-out; -webkit-box-shadow: 2px 4px 24px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 2px 4px 24px 0px rgba(0, 0, 0, 0.75); box-shadow: 2px 4px 24px 0px rgba(0, 0, 0, 0.75); background-image: url(/img/gres.jpg); background-size: cover; background-position: center; } @keyframes slideInUp6 { from { margin-top: 600px; } to { margin-top: 5px; } } @keyframes slideInUp61 { from { opacity: 0; } to { opacity: 1; } } @keyframes slideInUp62 { from { bottom: 600px; } to { bottom: -150px; } } @keyframes slideInUp63 { from { bottom: 600px; } to { bottom: -100px; } } @keyframes slideInUp64 { from { bottom: 600px; } to { bottom: -50px; } } .text { transition: all 1s ease-in-out; position: absolute; width: 520px; height: 255px; color: white; font-size: 17px; margin-top: 5px; animation: slideInUp6 1.7s ease-in-out; float: left; bottom: 0; z-index: 1; } .moree { text-decoration: none; background-color: #1C85E8; cursor: pointer; transition: 1s all ease-in-out; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 20px; padding: 10px; color: white; border-radius: 7px; -webkit-box-shadow: -2px 11px 53px -8px rgba(0, 0, 0, 0.75); -moz-box-shadow: -2px 11px 53px -8px rgba(0, 0, 0, 0.75); box-shadow: -2px 11px 53px -8px rgba(0, 0, 0, 0.75); } .introAbout { display: block; width: 100%; height: 38vh; top: 0; right: 0; bottom: 0; left: 0; background-attachment: fixed; background-position: center; background-size: cover; background-image: url(../img/about.jpg); } .logo { font-weight: 300; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 80px; color: #D8D9D9; text-align: center; margin-top: 25px; margin-left: 25px; margin-right: 25px; } .logo12 { position: absolute; width: 90%; } .logo1 { font-weight: 500; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 45px; color: #D8D9D9; text-align: center; margin-left: 25px; margin-right: 25px; margin-top: 200px; } .center { padding: 12px 24px !important; position: absolute; top: 50%; left: 50%; width: 600px; margin-right: -50%; transform: translate(-50%, -50%); margin: 0 auto; } .registration { height: 32px; text-align: center; font-size: 18px; padding: 5px; border: 1px solid #5C493E; background-color: transparent; transition: 1s all ease-in-out; } .registration:hover { -webkit-box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.75); -moz-box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.75); box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.75); } .corzina { height: 32px; width: 32px; float: right; margin-left: 10px; background-color: #5C493E; cursor: pointer; transition: 1s all ease-in-out; } .corzina:hover { border-radius: 5px; -webkit-box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.75); -moz-box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.75); box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.75); } #barBody { left: -280px; width: 280px; height: 100%; position: fixed; z-index: 1; background-color: #1C85E8; -webkit-transition: all 700ms cubic-bezier(0.455, 0, 0.390, 1); /* older webkit */ -webkit-transition: all 700ms cubic-bezier(0.455, -0.410, 0.390, 1.420); -moz-transition: all 700ms cubic-bezier(0.455, -0.410, 0.390, 1.420); -o-transition: all 700ms cubic-bezier(0.455, -0.410, 0.390, 1.420); transition: all 700ms cubic-bezier(0.455, -0.410, 0.390, 1.420); /* custom */ } #barBody.active { left: 0; } #barBody ul { position: relative; top: 47%; transform: translateY(-50%); } #barBody a { text-align: center; position: relative; letter-spacing: 1.2px; text-decoration: none; color: white; font-size: 20px; font-family: Arial, sans-serif; transition: 1s all ease-in-out; } #barBody li { text-align: center; list-style: none; padding: 25px; margin-left: -40px; transition: 1s all ease-in-out; } #barBody li:hover { background-color: white; } #barBody li:hover > a { color: black; } .top1 { margin: auto; max-width: 1350px; height: 100%; } .sliskSliderInterior { transform: translateY(-50%) translateX(-50%); top: 50%; left: 50%; width: 1335px; position: absolute; } .sliskSliderInteriorLeft { max-width: 550px; font-size: 20px; transition: 1s all ease-in-out; } .buttonn111 { border-radius: 15px; width: 160px; height: 40px; background-color: white; margin-left: 6px; font-size: 18px; transition: 1s all ease-in-out; -webkit-box-shadow: 10px 10px 12px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 10px 10px 12px 0px rgba(0, 0, 0, 0.75); box-shadow: 10px 10px 12px 0px rgba(0, 0, 0, 0.75); } .buttonn111 p { padding-top: 9px; color: #494e52; text-align: center; transform: rotate(0deg); cursor: pointer; transition: 1s all ease-in-out; } .buttonn111:hover { border-radius: 8px; color: white; background-color: #5C493E; text-align: center; cursor: pointer; -webkit-box-shadow: 1px 2px 17px -4px rgba(0, 0, 0, 0.75); -moz-box-shadow: 1px 2px 17px -4px rgba(0, 0, 0, 0.75); box-shadow: 1px 2px 17px -4px rgba(0, 0, 0, 0.75); } .buttonn111:hover p { color: white; } #userimg2 { margin-right: 2%; float: right; position: relative; top: 50%; transform: translateY(-50%); width: 31px; transition: 1s all ease-in-out; } #userimg1 { margin-right: 5%; float: right; position: relative; top: 50%; transform: translateY(-50%); width: 31px; transition: 1s all ease-in-out; } #userimg { height: 32px; padding-top: 0px; float: right; display: block; margin-right: 10px; position: relative; top: 50%; transform: translateY(-50%); transition: 1s all ease-in-out; } .top2 { transition: 1s all ease-in-out; float: right; position: relative; margin-right: 10px; height: 100%; } .logimg { float: left; position: relative; margin-left: 5.4px; top: 50%; transform: translateY(-50%); width: 180px; transition: 1s all ease-in-out; } .logimg.shrink { float: left; position: relative; margin-left: 5.4px; top: 50%; transform: translateY(-50%); width: 150px; transition: 1s all ease-in-out; } #navCity { transition: 1s all ease-in-out; margin-left: 8.3%; margin-top: -1px; width: 27px; } #navCitya { text-decoration: none; color: #60C3FE; font-family: Arial, sans-serif; letter-spacing: 1.2px; margin-left: 10px; position: relative; top: 39%; transform: translateY(-50%); transition: 1s all ease-in-out; } .navbarButt { height: 100%; float: left; margin-right: 10px; transition: 0.4s all ease-in-out; cursor: pointer; overflow: hidden; } .navbarButt2413 { float: left; margin-right: 10px; transition: 0.4s all ease-in-out; cursor: pointer; height: 60px; background-image: url(../img/100ttr.png); border-radius: 0px; overflow: hidden; } .navbarButt2413.shrink { height: 44px; } .navbarButt2413:hover.shrink { height: 113px; } .fillfilter { display: grid; grid-template-columns: repeat(4, 1fr); } .buttP { color: #494e52; margin-top: 22px; transition: 0.4s all ease-in-out; } .buttP.shrink { color: #494e52; margin-top: 14.5px; } .navbarButt:hover { -webkit-box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.40); -moz-box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.40); box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.40); } .navbarButt2413:hover { -webkit-box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.75); -moz-box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.75); box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.75); background-image: url(../img/topBackground.png); border-radius: 20px; height: 138px; } .navigation { padding-right: 10px; padding-left: 10px; height: 100%; float: left; margin-top: -23px; margin-right: 10px; transition: 0.4s all; cursor: pointer; } .navigation123korzina { position: relative; padding-right: 15px; padding-left: 10px; height: 100%; float: left; width: 15px; transition: 0.4s all ease-in-out; cursor: pointer; } .navigation123 { position: relative; padding-right: 15px; padding-left: 10px; margin-right: 5px; height: 100%; float: left; width: 15px; transition: 0.4s all ease-in-out; cursor: pointer; } .navigation123:hover { position: relative; padding-right: 30px; padding-left: 10px; height: 100%; float: left; width: 200px; transition: 0.4s all ease-in-out; cursor: pointer; -webkit-box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.75); -moz-box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.75); box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.75); } .navigation123re { display: none; position: relative; padding-right: 15px; padding-left: 10px; margin-right: 5px; height: 100%; float: left; width: 15px; transition: 0.4s all ease-in-out; cursor: pointer; } .navigation1234Lang { background-image: url(../img/changeLangRo.png) !important; } .navigation123reSearch { position: relative; padding-right: 15px; padding-left: 10px; margin-right: 5px; height: 100%; float: left; width: 15px; transition: 0.4s all ease-in-out; cursor: pointer; } .navigation123Language { position: relative; padding-right: 15px; padding-left: 10px; margin-right: 5px; height: 100%; float: left; width: 15px; transition: 0.4s all ease-in-out; cursor: pointer; } .navigation123Language:hover { position: relative; padding-right: 30px; padding-left: 10px; height: 100%; float: left; width: 95px; transition: 0.4s all ease-in-out; cursor: pointer; -webkit-box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.75); -moz-box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.75); box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.75); } .navigation123korzina { position: relative; padding-right: 15px; padding-left: 10px; margin-right: 2px; height: 100%; float: left; width: 15px; transition: 0.4s all ease-in-out; cursor: pointer; animation-duration: 1s; animation-timing-function: ease-in-out; } .navigation123korzinaNrOfProducts { position: absolute; width: 16px; height: 16px; background-color: #494e52; border-radius: 16px; top: 8px; right: -3px; z-index: 1; -webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 75%); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 75%); transition: 0.4s all ease-in-out; } .navigation123korzinaNrOfProducts.shrink { position: absolute; width: 16px; height: 16px; background-color: #494e51; border-radius: 16px; top: 4px; right: -3px; z-index: 1; -webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 75%); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 75%); } .navigation123korzinaNrOfProducts p { margin: 0; padding: 0; text-align: center; width: 100%; line-height: 16px; position: absolute; font-size: 13px; font-weight: 600; color: white; } @keyframes animaddincartt { 0% { position: relative; padding-right: 15px; padding-left: 10px; margin-right: 2px; height: 100%; float: left; width: 15px; transition: 0.4s all ease-in-out; cursor: pointer; } 40% { position: relative; padding-right: 30px; padding-left: 10px; height: 100%; float: left; width: 140px; transition: 0.4s all ease-in-out; cursor: pointer; -webkit-box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.75); -moz-box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.75); box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.75); } 60% { position: relative; padding-right: 30px; padding-left: 10px; height: 100%; float: left; width: 140px; transition: 0.4s all ease-in-out; cursor: pointer; -webkit-box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.75); -moz-box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.75); box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.75); } 100% { position: relative; padding-right: 15px; padding-left: 10px; margin-right: 2px; height: 100%; float: left; width: 15px; transition: 0.4s all ease-in-out; cursor: pointer; } } /*.navigation123korzina:hover { position: relative; padding-right: 30px; padding-left: 10px; height: 100%; float: left; width: 140px; transition: 0.4s all ease-in-out; cursor: pointer; -webkit-box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.75); -moz-box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.75); box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.75); }*/ .navigation123456 { overflow: hidden; margin-left: 5px; position: relative; padding-right: 15px; padding-left: 10px; height: 100%; float: left; width: 15px; transition: 0.4s all ease-in-out; cursor: pointer; display: none; } .navigation12345 { display: none; position: fixed; font-size: 19px; color: #494e52; margin-top: 18.5px; transition: 1s all ease-in-out; } .navigation12345.shrink { position: fixed; font-size: 19px; color: #5C493E; margin-top: 11px; transition: 1s all ease-in-out; } .navigation12345Language { display: none; position: fixed; font-size: 19px; color: #5C493E; margin-top: 18.5px; transition: 1s all ease-in-out; } .navigation12345Language.shrink { position: fixed; font-size: 19px; color: #5C493E; margin-top: 11px; transition: 1s all ease-in-out; } .navigation12345korzina { display: none; position: fixed; font-size: 19px; color: #5C493E; margin-top: 18.5px; transition: 1s all ease-in-out; } .navigation12345korzina.shrink { position: fixed; font-size: 19px; color: #5C493E; margin-top: 11px; transition: 1s all ease-in-out; } @keyframes slideInPhone123456 { 0% { opacity: 0; display: none; } 50% { opacity: 1; display: block; } 100% { opacity: 0; display: none; } } .navigation123:hover .navigation12345 { display: block; animation: slideInPhone123456 2s ease-in-out; } .navigation123Language:hover .navigation12345Language { display: block; animation: slideInPhone123456 1s ease-in-out; } .navigation1234SearchAllSite { width: 44px; height: 40px; float: right; margin-top: 7px; margin-right: -21px; background-size: cover; background-position: center no-repeat; background-image: url(/img/searchProdAllSite.png); transition: 0.4s all ease-in-out; } .navigation1234SearchAllSite.shrink { margin-top: 0px; } .navigation1234SearchAllSite:active { transform: scale(0.9); } .navigation1234SearchAllSite.shrink { width: 44px; height: 40px; float: right; margin-top: 0px; margin-right: -21px; background-size: cover; background-position: center no-repeat; background-image: url(/img/searchProdAllSite.png); } .navigation1234 { width: 44px; height: 40px; float: right; margin-top: 7px; margin-right: -21px; background-size: cover; background-position: center no-repeat; background-image: url(/img/phoneGgrey.png); transition: 0.4s all ease-in-out; } .navigation1234.shrink { width: 44px; height: 40px; float: right; margin-top: 0px; margin-right: -21px; background-size: cover; background-position: center no-repeat; background-image: url(/img/phoneGgrey.png); } .navigation1234Language { width: 44px; height: 40px; float: right; margin-top: 7px; margin-right: -21px; background-size: cover; background-position: center no-repeat; background-image: url(/img/contact45666.png); transition: 1s all ease-in-out; } .navigation1234Language.shrink { width: 44px; height: 40px; float: right; margin-top: 0px; margin-right: -21px; background-size: cover; background-position: center no-repeat; background-image: url(/img/contact45666.png); } .navigation1234k { width: 44px; height: 40px; float: right; margin-top: -14px; margin-right: -21px; transition: 1s all ease-in-out; } .navigation1234k.shrink { width: 44px; height: 40px; float: right; margin-top: -15.5px; margin-right: -21px; background-size: cover; background-position: center no-repeat; background-image: url(/img/contact212.png); } .navigation1234567 { width: 44px; height: 40px; float: right; margin-top: 7px; margin-right: -17px; background-size: cover; background-position: center no-repeat; background-image: url(../img/menuSidebarGrey.png); transition: 0.2s all ease-in-out; } .navigation1234567.shrink { width: 44px; height: 40px; float: right; margin-top: 0px; margin-right: -17px; background-size: cover; background-position: center no-repeat; } .sidebarButtonsss { width: 120%; height: 36px; margin-top: 10px; margin-left: -3.6px; transition: 0.4s all ease-in-out; border: 0.1px solid transparent; } .sidebarButtonsss:hover { -webkit-box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.75); -moz-box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.75); box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.75); } .sidebarButtonsss p { text-align: center; font-size: 18px; margin-top: 8px; color: #5C493E; } .top2 a { color: #5C493E; } .top2 a { position: relative; letter-spacing: 1.2px; text-decoration: none; color: white; transform: translateY(-50%); transition: 1s all ease-in-out; } .top2 a:hover { color: #63C6FF; } .navigation:hover { -webkit-box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.75); -moz-box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.75); box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.75); } #bar { width: 40px; margin-right: 17px; cursor: pointer; transition: 1s all ease-in-out; } .underTop { background-color: white; width: 100%; height: auto; margin-bottom: 50px; -webkit-box-shadow: -2px 11px 53px -8px rgba(0, 0, 0, 0.75); -moz-box-shadow: -2px 11px 53px -8px rgba(0, 0, 0, 0.75); box-shadow: -2px 11px 53px -8px rgba(0, 0, 0, 0.75); transition: 1s all ease-in-out; padding-bottom: 25px; } .underTop1 { margin: auto; border: 0.1px solid white; max-width: 1620px; height: auto; transition: 1s all ease-in-out; } .underTop1 h1 { transition: 1s all ease-in-out; margin-left: 8.5px; margin-top: 150px; color: black; font-family: 'Roboto', sans-serif; font-weight: 100; letter-spacing: 1.2px; font-size: 55px; } .underTop1 p { margin-left: 8.5px; margin-top: -25px; color: black; font-family: 'Roboto', sans-serif; letter-spacing: 1.2px; font-size: 20px; transition: 1s all ease-in-out; } .underTop2 { margin-top: 50px; width: 100%; height: auto; display: grid; grid-template-columns: repeat(4, 1fr); transition: 1s all ease-in-out; } .underTop2 div { height: 40px; margin: 10px; border: 1px solid #B8B8B8; transition: 1s all ease-in-out; } .underTop2 p { font-family: 'Source Sans Pro', sans-serif; letter-spacing: 1.2px; margin-top: 7px; margin-left: 8px; } .underTop2 img { float: right; margin-top: 11px; margin-right: 10px; } #show p { font-family: 'Source Sans Pro', sans-serif; letter-spacing: 1.2px; text-align: center; color: white; cursor: pointer; } #show { transition: 1s all ease-in-out; background-color: #FF9800; border: none; } #show:hover { -webkit-box-shadow: -2px 11px 53px -8px rgba(0, 0, 0, 0.75); -moz-box-shadow: -2px 11px 53px -8px rgba(0, 0, 0, 0.75); box-shadow: -2px 11px 53px -8px rgba(0, 0, 0, 0.75); transform: scale(1.01); } .content { display: grid; grid-template-columns: repeat(4, 1fr); margin: auto; max-width: 1620px; } .post { cursor: pointer; height: auto; margin: 10px; background-color: white; -webkit-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75); -moz-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75); box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75); transition: 1s all ease-in-out; } .post3 { cursor: pointer; height: auto; margin: 10px; transition: 1s all ease-in-out; } .post:hover { transform: scale(1.04); } .postImg { width: 100%; height: 240px; background-image: url(../img/car3.jpg); background-size: cover; background-position: center; transition: 1s all ease-in-out; } .post p { font-family: 'Source Sans Pro', sans-serif; letter-spacing: 1.2px; font-size: 21px; margin-top: 25px; margin-left: 23px; transition: 1s all ease-in-out; } .centr { text-align: center; } .post2 img { height: 200px; transition: 1s all ease-in-out; } .post3 img { height: 260px; } .post3 h3 { color: #39355B; font-family: 'Source Sans Pro', sans-serif, bold; font-size: 24px; } .post3 h4 { color: #39355B; font-family: 'Source Sans Pro', sans-serif, bold; font-size: 18px; margin-top: -23px; } .why h1 { color: #5C493E; } .why { margin-top: 40px; margin-bottom: 40px; } .why1 { margin-top: -35px; margin-left: 10px; position: absolute; height: 30px; } .why1 h1 { color: #00A986; margin-top: -20px; } .contentAbout { display: grid; grid-template-columns: repeat(3, 1fr); margin: auto; max-width: 1350px; } .postImg p { background-color: #FF1744; padding: 10px; width: auto; float: right; font-size: 16px; margin-top: 15px; margin-right: 15px; border-radius: 7px; color: white; transition: 1s all ease-in-out; } #more { margin: auto; max-width: 1600px; height: 50px; border: 1px solid #B5BABE; } #more p { font-family: 'Source Sans Pro', sans-serif; letter-spacing: 1.2px; font-weight: 300; } #more span { color: #3592E9; } #more a { text-decoration: none; } footer { display: ; width: 1340px; height: 550px; border-radius: 30px; margin-bottom: 30px; transform: translateX(-50%); margin-left: 50%; overflow: hidden; } .form-control-span { font-size: 25px; font-weight: 600; color: #4a4f53; } .resultSearch { display: grid; grid-template-columns: 1fr 1fr 1fr; } .blockSearchOpenOnSite { display: none; width: 100%; height: 100%; /* min-height: 10%; */ position: fixed; z-index: 3; background-color: white; /* border-radius: 30px; */ overflow: hidden; top: 0%; /* transform: translateX(-50%); */ /* left: 50%; */ /* padding: 30px; */ box-shadow: 0px 0px 53px -4px rgb(0 0 0 / 21%); -webkit-box-shadow: 0px 0px 53px -4px rgb(0 0 0 / 21%); -moz-box-shadow: 0px 0px 53px -4px rgba(0,0,0,0.21); animation-name: animModalSeach; animation-duration: .5s; animation-timing-function: ease-in-out; } .blockFilterrOpenOnSite { display: none; width: 100%; height: 100%; /* min-height: 10%; */ position: fixed; z-index: 3; background-color: white; /* border-radius: 30px; */ overflow: hidden; top: 0%; /* transform: translateX(-50%); */ /* left: 50%; */ /* padding: 30px; */ box-shadow: 0px 0px 53px -4px rgb(0 0 0 / 21%); -webkit-box-shadow: 0px 0px 53px -4px rgb(0 0 0 / 21%); -moz-box-shadow: 0px 0px 53px -4px rgba(0,0,0,0.21); animation-name: animModalSeach; animation-duration: .5s; animation-timing-function: ease-in-out; } .blockSearchOpenOnSiteAuto { width: 1273px; height: 100%; position: fixed; z-index: 3; background-color: white; /* border-radius: 30px; */ top: 0%; margin: 0px; /* padding: 30px; */ transform: translateX(-50%); left: 50%; } .blockSearchForWrite { position: relative; height: 17%; } .blockSearchForWrite12123 { height: auto; width: 100%; position: absolute; transform: translateY(-50%); top: 50%; } .resClass { border-radius: 15px; width: 100%; height: 83%; overflow: auto; } .footGrid { display: grid; grid-template-columns: 1.3fr 0.7fr; } .footMap { height: 550px; border-radius: 30px; width: 100%; overflow: hidden; position: relative; } .footShadowFromRight { position: absolute; height: 600px; right: -310px; z-index: 1; background-color: white; width: 300px; box-shadow: 0px 0px 118px 0px rgba(0,0,0,0.25); -webkit-box-shadow: 0px 0px 118px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 118px 0px rgba(0,0,0,0.25); } .footerrty { position: relative; width: auto; height: 550px; overflow: hidden; /* margin: 30px; */ border-radius: 30px; -webkit-box-shadow: 0px 0px 24px -4px rgb(0 0 0 / 75%); -moz-box-shadow: 0px 0px 24px -4px rgba(0,0,0,0.75); box-shadow: 0px 0px 24px -4px rgb(0 0 0 / 75%); } .menuiframe { height: 145px; width: 100%; /* border-radius: 30px; */ position: absolute; white-space: nowrap; overflow: auto; bottom: 0px; background-color: white; /* -webkit-box-shadow: 0px 0px 24px -4px rgb(0 0 0 / 75%); */ -moz-box-shadow: 0px 0px 24px -4px rgba(0,0,0,0.75); /* box-shadow: 0px 0px 24px -4px rgb(0 0 0 / 75%); */ } .imgLogFoot { width: 230px; padding-top: 30px; padding-left: 30px; } .menuiframe::-webkit-scrollbar { height: 5px; } .menuiframe::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #494e52; } .footerrtyyy0 { display: inline-block; position: relative; width: 300px; margin-top: 12px; margin-left: 1.5%; height: 115px; border-radius: 30px; background-color: #494E52; /* margin-bottom: 20px; */ overflow: hidden; border: 1px solid #494E52; transition: 1s all ease-in-out; cursor: pointer; } .inflocation000 { position: absolute; height: 100%; width: 25%; } .inflocation000 img { height: 45%; position: absolute; transform: translate(-50%, -50%); top: 48%; left: -35%; transition: 1s all ease-in-out; } .inflocation0000 { position: absolute; height: 100%; width: 25%; } .inflocation0000 img { height: 45%; position: absolute; transform: translate(-50%, -50%); top: 48%; left: 42%; transition: 1s all ease-in-out; } .inflocation { width: 80%; height: auto; position: absolute; transform: translateY(-50%); top: 48%; right: 0px; } .inflocationp { margin: 0px; font-size: 16px; font-weight: 600; color: white; transition: 1s all ease-in-out; } .inflocationpq1q { color: #494E52; margin: 0px; font-size: 16px; font-weight: 600; transition: 1s all ease-in-out; } .inflocationpqq { margin: 0px; font-size: 16px; font-weight: 600; color: #4a4f53; transition: 1s all ease-in-out; } .inflocationpqq334 { margin: 0px; font-size: 16px; font-weight: 600; color: #4a4f53; transition: 1s all ease-in-out; } .infmobilewwp { margin: 0px; font-size: 16px; font-weight: 600; color: #494E52; transition: 1s all ease-in-out; } .infmobilewwpqq { margin: 0px; font-size: 16px; font-weight: 600; color: #4a4f53; transition: 1s all ease-in-out; } .infmobileww { width: fit-content; height: auto; padding-left: 4px; font-size: 14px; padding-right: 4px; padding-top: 1px; padding-bottom: 1px; border-radius: 20px; margin: 0; background-color: white; float: left; margin-right: 5px; margin-top: 4px; transition: 1s all ease-in-out; } .footerrtyyy0qq { display: inline-block; position: relative; width: 300px; margin-top: 12px; margin-left: 1.5%; height: 115px; border-radius: 30px; background-color: white; /* margin-bottom: 20px; */ overflow: hidden; border: 1px solid #494E52; transition: 1s all ease-in-out; cursor: pointer; } .footerrtyyy0right { margin-right: 5px; } .inflocationpq1q { color: #494E52; margin: 0px; font-size: 16px; font-weight: 600; transition: 1s all ease-in-out; } .infmobilewwq1q { width: fit-content; height: auto; padding-left: 4px; font-size: 14px; padding-right: 4px; padding-top: 1px; padding-bottom: 1px; border-radius: 20px; margin: 0; background-color: #494E52; float: left; margin-right: 5px; margin-top: 4px; transition: 1s all ease-in-out; } .infmobilewwqq { width: fit-content; } .infmobilewwp22 { color: white; } .infmobilewwp { margin: 0px; font-size: 16px; font-weight: 600; color: #494E52; transition: 1s all ease-in-out; } .rightFooterContent { border-radius: 30px; width: 100%; height: 550px; position: relative; } .footerrtyiframe { width: 100%; height: 405px; } .footerrtyiframe1 { width: 100%; height: 405px; margin-top: -810px; transition: 1s all ease-in-out; } #footer { padding: 10px; margin: auto; position: relative; max-width: 1600px; top: 50%; } .footerrtyy { position: relative; width: auto; height: auto; border-radius: 30px; margin: 30px; margin-bottom: 70px; } .footerrtyyy0qqer { position: relative; width: auto; height: 60px; border-radius: 30px; background-color: white; margin-bottom: 20px; overflow: hidden; -webkit-box-shadow: 0px 0px 24px -4px rgb(0 0 0 / 25%); -moz-box-shadow: 0px 0px 24px -4px rgba(0,0,0,0.25); box-shadow: 0px 0px 24px -4px rgb(0 0 0 / 25%); transition: 1s all ease-in-out; } .inflocation000qqer1 { position: absolute; height: 100%; width: 25%; } .inflocation000qqer1 img { height: 60%; position: absolute; /* transform: translate(-50%, -50%); */ top: 19%; left: 20%; transition: 1s all ease-in-out; } .inflocation000qqer { position: absolute; height: 100%; width: 20%; right: 0px } .inflocation000qqer img { height: 60%; /* transform: translate(-50%, -50%); */ margin-top: 15%; margin-left: 30%; transition: 1s all ease-in-out; } .infmobilewwq1q p { color: white; } .inflocationqq334 { width: 78%; height: auto; position: absolute; transform: translateY(-50%); top: 48%; right: 0px; } .inflocationpqq334 { margin: 0px; font-size: 16px; font-weight: 600; color: #4a4f53; transition: 1s all ease-in-out; } .infmobilewwqq334 { width: fit-content; height: auto; padding-left: 8px; font-size: 14px; padding-right: 8px; padding-top: 1.6px; padding-bottom: 2px; border-radius: 20px; margin: 0; background-color: #494E52; float: left; margin-right: 5px; margin-top: 4px; transition: 1s all ease-in-out; } .infmobilewwqq334 p { color: white; font-size: 15px !important; font-weight: 600; } #footer { color: #6D828E; } #footer img { width: 48px; float: right; margin-top: -50px; transition: 0.7s all ease-in-out; } #footer img:hover { margin-top: -55px; } #footer p { font-family: 'Source Sans Pro', sans-serif; letter-spacing: 1.2px; font-weight: 300; } .footinf { position: relative; float: left; margin-right: 100px; } #inf { margin-left: 700px; margin-top: -50px; position: absolute; width: 780px; height: 50px; transition: 1s all ease-in-out; } #inf a { color: black; } .icconns { background-color: black; width: 100%; height: 670px; background-attachment: fixed; background-size: cover; background-position: center; transition: 1s all ease-in-out; } .leftContent { margin-top: 65px; height: auto; display: grid; grid-template-columns:1fr 1fr 1fr; transform: translate(-50%, 0%); margin-left: 50%; width: 1350px; } .post1 { position: relative; overflow: hidden; cursor: pointer; height: 240px; margin: 10px; background-color: white; background-image: url(../img/backpost.png); background-size: cover; background-position: center; -webkit-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75); -moz-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75); box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75); } .postImg1 { position: relative; width: 100%; height: 100%; background-position: center; background-size: cover; background-image: url(../img/imgElite.jpg); transition: 1s all ease-in-out; } .post1 p { position: absolute; color: #333333; font-size: 18px; bottom: 0; padding: 5px; margin-bottom: 0; font-family: 'Source Sans Pro', sans-serif, bold; background-image: url(../img/backpost2.png); background-size: cover; background-position: center; -webkit-box-shadow: 4px -1px 10px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 4px -1px 10px 0px rgba(0, 0, 0, 0.75); box-shadow: 4px -1px 10px 0px rgba(0, 0, 0, 0.75); } .post1:hover .postImg1 { transform: scale(1.1); } .contactIcons { text-decoration-line: none; list-style-type: none; float: right; margin-top: -214px; } .contactIcons img { z-index: 5; width: 50px; margin-top: -5px; margin-right: 10px; transition: 0.6s all ease-in-out } .contactIcons img:hover { transform: scale(1.18); } .rightpost { cursor: pointer; margin-top: -6px; width: 100%; height: 87px; background-position: center; background-size: cover; background-image: url(../img/backpost1.png); -webkit-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75); -moz-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75); box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75); transition: 0.5s all ease-in-out; } .rightpost:hover { margin-left: 15px; } .rightpost ul > li > h3 { font-family: 'Source Sans Pro', sans-serif; color: #5D6361; } .rightpost ul > li > p { font-family: 'Source Sans Pro', sans-serif; color: #5D6361; margin-top: -11px; } .rightpost ul { width: 90%; } .rightpost { margin-left: 4px; } .roghtcontent ul { left: 0; margin-top: 11px; } .roghtcontent { margin-top: 110px; padding-right: 13px; } .roghtcontent ul > li { margin-top: 0px; list-style: none; margin-left: -40px; margin-bottom: 12px; } .roghtcontent ul > li > a { text-decoration: none; } .rightpostimg { margin-right: 6px; float: left; position: relative; height: 100%; width: 110px; background-position: center; background-size: cover; background-image: url(../img/imgElite.jpg); } .buttt { text-align: center; text-decoration: none; font-family: 'Source Sans Pro', sans-serif; color: #1C85E8; } .butttt { width: 120px; height: 40px; margin-left: 23px; margin-bottom: 10px; background-color: transparent; border: 1.4px solid #1C85E8; } .post img { width: 44px; float: right; margin-right: 8.7px; transition: 0.5s all ease-in-out; } .post img:hover { transform: scale(1.07); } .contentContact { display: grid; grid-template-columns: 2fr 1fr; margin: auto; max-width: 1620px; } input[type=text], select, textarea { font-family: 'Montserrat', sans-serif; width: 100%; font-size: 15px; font-weight: 700; padding: 12px; border: 3px solid #494e52; border-radius: 4px; box-sizing: border-box; margin-top: 10px; resize: vertical; } .closeModalSearrch { width: 30px; height: 30px; position: absolute; right: 0; /* border: 2px solid red; */ border-radius: 22px; background-image: url(../img/day.night.close.jpg); background-position: center; background-size: cover; cursor: pointer; transition: 0.1s all ease-in-out; } .closeModalSearrch:active { transform: scale(0.9); } .closeModalFilterr { width: 30px; height: 30px; position: absolute; right: 30px; top: 30px; /* border: 2px solid red; */ border-radius: 22px; background-image: url(../img/day.night.close.jpg); background-position: center; background-size: cover; cursor: pointer; transition: 0.1s all ease-in-out; } .closeModalFilterr:active { transform: scale(0.9); } input[type=email], select, textarea { font-family: 'Montserrat', sans-serif; width: 100%; font-size: 15px; font-weight: 700; padding: 12px; border: 3px solid #494e52; border-radius: 4px; box-sizing: border-box; margin-top: 10px; resize: vertical; } input[type=tel], select, textarea { font-family: 'Montserrat', sans-serif; width: 100%; font-size: 15px; font-weight: 700; padding: 12px; border: 3px solid #494e52; border-radius: 4px; box-sizing: border-box; margin-top: 10px; resize: vertical; } input[type=submit] { background-color: #4CAF50; color: white; padding: 12px 20px; border: none; border-radius: 4px; cursor: pointer; } .container { border-radius: 5px; padding: 20px; font-family: 'Source Sans Pro', sans-serif; color: #1C85E8; } @media screen and (max-width: 700px) { .center { width: 400px; } } @media screen and (max-width: 450px) { .center { width: 250px; } } .containerContact { position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100vh; } .cont { height: 30px; width: 450px; margin-top: 15px; margin-left: 50%; transform: translateX(-50%); } .containerContact:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100vh; background-image: url(/img/imgArt/1f3b24138071c903a0dbf3476ee09bda63928554.jpg); background-position: center no-repeat; background-size: cover; z-index: -1; filter: blur(10px); } .containerContact-box { max-width: 1000px; display: grid; grid-template-columns: repeat(2, 1fr); justify-content: center; align-items: center; text-align: center; margin: 10px; background-color: white; -webkit-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75); -moz-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75); box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75); } .containerContact-left { height: 100%; background-image: url(/img/imgArt/1f3b24138071c903a0dbf3476ee09bda63928554.jpg); background-size: cover; background-position: center; transition: 1s all ease-in-out; } .containerContact-right { padding: 25px 40px; transition: 1s all ease-in-out; } .containerContact-right h2 { position: relative; padding-bottom: 10px; margin-bottom: 10px; } .containerContact-right h2:after { content: ''; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); height: 4px; width: 50px; border-radius: 2px; background-color: #5C493E; } .field { width: 100%; font-family: 'Montserrat', sans-serif; padding: 0.5rem 1rem; outline: none; border: 2px solid rgba(0, 0, 0, 0); background-color: rgba(230, 230, 230, 0.6); font-size: 1.1rem; margin-bottom: 22px; transition: .3s; } .field:hover { background-color: rgba(0, 0, 0, 0.1); -webkit-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75); -moz-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75); box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75); transition: 0.5s all ease-in-out; color: #5C493E; } .field:focus { background-color: #fff; border: 2px solid rgba(30, 85, 250, 0.47); } .areaa { min-height: 150px; } .btn { color: white; width: 100%; padding: 0.5rem 1rem; font-size: 1.1rem; background-color: #5C493E; cursor: pointer; outline: none; border: none; transition: .3s } .btn:hover { background-color: white; -webkit-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75); -moz-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75); box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75); transition: 0.5s all ease-in-out; color: #5C493E; } .articleImgTop { height: 170px; width: 100%; border: 0.1px solid #5C493E; background-image: url(/img/bkk2.jpg); background-position: center; background-size: cover; -webkit-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75); -moz-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75); box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75); transition: 1s all ease-in-out; } .articleImgTop17 { height: 110px; width: 100%; border: 0.1px solid #5C493E; background-image: url(/img/bgmram.jpg); background-position: center; background-size: cover; -webkit-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75); -moz-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75); box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75); transition: 1s all ease-in-out; } .articleImgTopContent7 { height: 100%; max-width: 1340px; margin: auto; } .articleImgTopContent17 { margin-top: 70px; height: 40px; width: 100%; transition: 1s all ease-in-out; } .articleImgTopContent17 h3 { font-size: 28px; float: left; color: white; text-shadow: 0px -1px 7px rgba(0, 0, 0, 1); margin-top: 0px; margin-left: 10px; transition: 1s all ease-in-out; } .articleImgTopContent17 p { font-size: 17px; float: right; color: white; text-shadow: 0px -1px 7px rgba(0, 0, 0, 1); margin-top: 6px; margin-right: 10px; transition: 1s all ease-in-out; } .articleImgTopContent17 a { color: white; text-decoration: none; text-shadow: 0px -1px 7px rgba(0, 0, 0, 1); } .articleImgTop2 { display: none; height: 120px; width: 100%; border: 0.1px solid #5C493E; background-image: url(/img/bgmram.jpg); background-position: center; background-size: cover; -webkit-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75); -moz-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75); box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75); transition: 1s all ease-in-out; } .articleImgTop2 h3 { color: white; margin-top: 60px; font-size: 22px; text-shadow: 0px 0px 5px #000000; } .articleImgTop2 p { color: white; margin-top: -20px; font-size: 17px; text-shadow: 0px 0px 5px #000000; } .articleImgTop2 a { color: white; text-decoration: none; -webkit-text-decoration: none; } .oformlenie { max-width: 1340px; height: auto; margin-top: 50px; margin-bottom: 50px; display: grid; grid-template-columns: 71% 29%; } .leftContentOformlenie { height: auto; margin-right: 10px; } .formOformlenie { display: grid; grid-template-columns: 48.5% 48.5%; height: auto; width: 100%; } .formOrd { width: 100%; height: 100%; } .formOrd1 { width: 100%; height: 100%; margin-left: 5%; } .rightContentOformlenie { border-radius: 15px; overflow: hidden; height: 305px; margin-left: 10px; background-color: white; transition: 1s all ease-in-out; -webkit-box-shadow: 2px 2px 28px -7px rgba(0, 0, 0, 0.75); -moz-box-shadow: 2px 2px 28px -7px rgba(0, 0, 0, 0.75); box-shadow: 2px 2px 28px -7px rgba(0, 0, 0, 0.75); } .rightContentOformlenieContent { width: 85%; height: 100%; margin-left: 25px; } .infoOrder { position: relative; width: 100%; height: 70px; } .infoOrder h2 { position: absolute; margin-left: 0px; color: #494e52; transition: 1s all ease-in-out; } .infoOrder .imgInf { position: absolute; right: 0px; top: 15px; width: 40px; transition: 1s all ease-in-out; } .infoOrder .imgInf1 { position: absolute; right: 0px; top: -55px; width: 40px; transition: 1s all ease-in-out; } .imgOformlenie { position: relative; overflow: hidden; width: 100px; height: 100px; background-color: #D9DADA; float: right; margin-top: 25px; margin-right: 25px; border-radius: 100%; transition: 1s all ease-in-out; -webkit-box-shadow: 2px 2px 28px -7px rgba(0, 0, 0, 0.75); -moz-box-shadow: 2px 2px 28px -7px rgba(0, 0, 0, 0.75); box-shadow: 2px 2px 28px -7px rgba(0, 0, 0, 0.75); } .textOformlenie { padding: 0px; height: auto; width: 71%; float: left; transform: translateY(-50%); top: 50%; position: absolute; margin-left: 25px; transition: 1s all ease-in-out; } .textOformlenie h3 { transition: 1s all ease-in-out; margin-top: 0px; margin-bottom: 5px; color: #333333; } .textOformlenie p { transition: 1s all ease-in-out; color: #333333; margin: 0; } .imgOformlenie .imgShip { position: absolute; width: 40px; margin-top: 40px; margin-left: 30px; transition: 1s all ease-in-out; } .imgOformlenie .imgShip1 { position: absolute; width: 40px; margin-top: 40px; margin-left: -150px; transition: 1s all ease-in-out; } .imgOformlenie .imgShip2 { position: absolute; width: 30px; margin-top: 33px; margin-left: 35px; transition: 1s all ease-in-out; } .imgOformlenie .imgShip3 { position: absolute; width: 30px; margin-top: 33px; margin-left: -150px; transition: 1s all ease-in-out; } .imgOformlenie .imgShip4 { position: absolute; width: 40px; margin-top: 43px; margin-left: 30px; transition: 1s all ease-in-out; } .imgOformlenie .imgShip5 { position: absolute; width: 40px; margin-top: 43px; margin-left: -150px; transition: 1s all ease-in-out; } .imgOformlenie .imgShip6 { position: absolute; width: 30px; margin-top: 40px; margin-left: 35px; transition: 1s all ease-in-out; } .imgOformlenie .imgShip7 { position: absolute; width: 30px; margin-top: 40px; margin-left: -150px; transition: 1s all ease-in-out; } .imgOformlenie .imgShip8 { position: absolute; width: 30px; margin-top: 33px; margin-left: 39px; transition: 1s all ease-in-out; } .imgOformlenie .imgShip9 { position: absolute; width: 30px; margin-top: 33px; margin-left: -150px; transition: 1s all ease-in-out; } .dostavkaOformlenie { border-radius: 15px; cursor: pointer; position: relative; width: 100%; height: 150px; background-color: white; margin-bottom: 15px; transition: 1s all ease-in-out; -webkit-box-shadow: 2px 2px 28px -7px rgb(0 0 0 / 75%); -moz-box-shadow: 2px 2px 28px -7px rgba(0, 0, 0, 0.75); box-shadow: 2px 2px 28px -7px rgb(0 0 0 / 75%); } .dostavkaOformlenie1 { border-radius: 15px; cursor: pointer; position: relative; width: 100%; height: 150px; background-color: white; margin-bottom: 15px; transition: 1s all ease-in-out; -webkit-box-shadow: 2px 2px 28px -7px rgb(0 0 0 / 75%); -moz-box-shadow: 2px 2px 28px -7px rgba(0, 0, 0, 0.75); box-shadow: 2px 2px 28px -7px rgb(0 0 0 / 75%); } .dostavkaOformlenie2 { border-radius: 15px; cursor: pointer; position: relative; width: 100%; height: 150px; background-color: white; margin-bottom: 15px; transition: 1s all ease-in-out; -webkit-box-shadow: 2px 2px 28px -7px rgb(0 0 0 / 75%); -moz-box-shadow: 2px 2px 28px -7px rgba(0, 0, 0, 0.75); box-shadow: 2px 2px 28px -7px rgb(0 0 0 / 75%); } .imgOformlenie1 { position: relative; overflow: hidden; width: 100px; height: 100px; background-color: #D9DADA; float: right; margin-top: 25px; margin-right: 25px; border-radius: 100%; transition: 1s all ease-in-out; -webkit-box-shadow: 2px 2px 28px -7px rgba(0, 0, 0, 0.75); -moz-box-shadow: 2px 2px 28px -7px rgba(0, 0, 0, 0.75); box-shadow: 2px 2px 28px -7px rgba(0, 0, 0, 0.75); } .imgOformlenie2 { position: relative; overflow: hidden; width: 100px; height: 100px; background-color: #D9DADA; float: right; margin-top: 25px; margin-right: 25px; border-radius: 100%; transition: 1s all ease-in-out; -webkit-box-shadow: 2px 2px 28px -7px rgba(0, 0, 0, 0.75); -moz-box-shadow: 2px 2px 28px -7px rgba(0, 0, 0, 0.75); box-shadow: 2px 2px 28px -7px rgba(0, 0, 0, 0.75); } .imgOformlenie2 .imgShip2q { position: absolute; width: 30px; margin-top: 33px; margin-left: 35px; transition: 1s all ease-in-out; } .imgOformlenie2 .imgShip3q { position: absolute; width: 30px; margin-top: 33px; margin-left: -150px; transition: 1s all ease-in-out; } /*.dostavkaOformlenie2:hover .imgOformlenie2 .imgShip2q { margin-left: 130px; }*/ /*.dostavkaOformlenie2:hover .imgOformlenie2 .imgShip3q { margin-left: 35px; }*/ /*.dostavkaOformlenie2:hover .imgOformlenie2 { background-color: #5C493E; }*/ /*.dostavkaOformlenie2:hover { transform: scale(1.02); background-color: #6B574D; }*/ /*.dostavkaOformlenie2:hover .textOformlenie h3 { color: white; }*/ /*.dostavkaOformlenie2:hover .textOformlenie p { color: white; }*/ .imgOformlenie1 .imgShip1q { position: absolute; width: 40px; margin-top: 40px; margin-left: 30px; transition: 1s all ease-in-out; } .imgOformlenie1 .imgShip11 { position: absolute; width: 40px; margin-top: 40px; margin-left: -150px; transition: 1s all ease-in-out; } /*.dostavkaOformlenie1:hover { transform: scale(1.02); background-color: #6B574D; }*/ /*.dostavkaOformlenie1:hover .imgOformlenie .imgShip { margin-left: 130px; }*/ /*.dostavkaOformlenie1:hover .textOformlenie h3 { color: white; }*/ /*.dostavkaOformlenie1:hover .textOformlenie p { color: white; }*/ /*.dostavkaOformlenie1:hover .imgOformlenie .imgShip1 { margin-left: 30px; }*/ /*.dostavkaOformlenie1:hover .imgOformlenie .imgShip2 { margin-left: 130px; }*/ /*.dostavkaOformlenie1:hover .imgOformlenie { background-color: #5C493E; }*/ /*.dostavkaOformlenie:hover { transform: scale(1.02); background-color: #6B574D; }*/ .rightContentOformlenie:hover { transform: scale(1.02); background-color: #494e52; } .rightContentOformlenie:hover h2 { color: white; } .rightContentOformlenie:hover span { color: white; } .rightContentOformlenie:hover p { color: white; } .rightContentOformlenie:hover .imgInf1 { top: 15px; } .rightContentOformlenie:hover .imgInf { right: -80px; } /*.dostavkaOformlenie:hover .imgOformlenie .imgShip { margin-left: 130px; }*/ /*.dostavkaOformlenie:hover .textOformlenie h3 { color: white; }*/ /*.dostavkaOformlenie:hover .textOformlenie p { color: white; }*/ /*.dostavkaOformlenie:hover .imgOformlenie .imgShip1 { margin-left: 30px; }*/ .dostavkaOformlenie:hover .imgOformlenie .imgShip2 { margin-left: 130px; } .dostavkaOformlenie:hover .imgOformlenie .imgShip3 { margin-left: 35px; } .dostavkaOformlenie:hover .imgOformlenie .imgShip4 { margin-left: 130px; } .dostavkaOformlenie:hover .imgOformlenie .imgShip5 { margin-left: 30px; } .dostavkaOformlenie:hover .imgOformlenie .imgShip6 { margin-left: 130px; } .dostavkaOformlenie:hover .imgOformlenie .imgShip7 { margin-left: 35px; } .dostavkaOformlenie:hover .imgOformlenie .imgShip8 { margin-left: 130px; } .dostavkaOformlenie:hover .imgOformlenie .imgShip9 { margin-left: 39px; } /*.dostavkaOformlenie:hover .imgOformlenie { background-color: #5C493E; }*/ .articleImgTopContent { height: 100%; max-width: 1340px; margin: auto; } .articleImgTopContent1 { margin-top: 73px; height: 40px; width: 100%; transition: 1s all ease-in-out; } .articleImgTopContent1 h3 { font-size: 28px; float: left; color: white; text-shadow: 0px -1px 7px rgba(0, 0, 0, 1); margin-top: 0px; margin-left: 3px; transition: 1s all ease-in-out; } .articleImgTopContent1 p { font-size: 17px; float: right; color: white; text-shadow: 0px -1px 7px rgba(0, 0, 0, 1); margin-top: 6px; margin-right: 3px; transition: 1s all ease-in-out; } .articleImgTopp { display: none; height: 130px; width: 100%; border: 0.1px solid #5C493E; background-image: url(/img/backgroundsd12.jpg); background-position: center; background-size: cover; -webkit-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75); -moz-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75); box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75); transition: 1s all ease-in-out; } .articleImgTopContentt { height: 100%; max-width: 1340px; margin: auto; } .articleImgTopContent11 { height: 100%; width: 100%; transition: 1s all ease-in-out; text-align: center; } .articleImgTopContent11 h3 { color: white; text-shadow: 0px -1px 7px rgba(0, 0, 0, 1); margin-top: 65px; margin-left: 3px; transition: 1s all ease-in-out; } .articleImgTopContent11 p { font-size: 13px; color: white; text-shadow: 0px -1px 7px rgba(0, 0, 0, 1); margin-top: -10px; margin-right: 3px; transition: 1s all ease-in-out; } .articleImgTopContent1 a { color: white; text-decoration: none; text-shadow: 0px -1px 7px rgba(0, 0, 0, 1); } .articleImgTopContent11 a { color: white; text-decoration: none; text-shadow: 0px -1px 7px rgba(0, 0, 0, 1); } .cos { max-width: 1333px; margin: auto; height: auto; transition: 1s all ease-in-out; } .tovar { border-radius: 15px; position: relative; max-width: 100%; height: 220px; margin-bottom: 16px; background-color: white; transition: 1s all ease-in-out; cursor: pointer; -webkit-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75); -moz-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75); box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75); } .tovar:hover { transform: scale(1.03); } .cosImg { height: 220px; width: 220px; float: left; transition: 1s all ease-in-out; } .infmobile { display: none; width: fit-content; height: auto; padding-left: 8px; font-size: 14px; padding-right: 8px; padding-top: 2px; padding-bottom: 2px; border-radius: 20px; margin: 0; background-color: #494e52; float: left; margin-right: 5px; margin-bottom: 5px; } .infmobile p { color: white; margin: 0px; } .infmobileh { display: none; width: fit-content; height: 21px; border: 2px solid #494e52; margin-bottom: 5px; background-color: #f4f4f4; color: #494e52; border-radius: 15px; } .infmobileh h1 { margin-right: 5px; margin-left: 5px; margin-top: 2px; margin-bottom: 2px; font-size: 15px; } .cosText { margin-left: 230px; width: 250px; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); float: left; transition: 1s all ease-in-out; } .pretnone { display: none; } .cosText ul { color: #333333; padding-left: 40px; transition: 1s all ease-in-out; } .cosText ul p { margin: 1px; margin-bottom: 5px; transition: 1s all ease-in-out; background-color: #494e52; color: white; width: fit-content; padding-left: 7px; padding-right: 7px; padding-top: 3px; padding-bottom: 3px; border-radius: 20px; display: inline-flex; } .cosText h2 { margin-left: 0px; margin-bottom: -5px; font-size: 20px; margin-top: 5px; transition: 1s all ease-in-out; color: #494e52; } .cosImg img { margin: 4%; width: 92%; transform: translateY(-50%); margin-top: 50%; -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15); } .priceee { font-size: 15px; float: left; height: 100%; width: 106px; } .priceee input { border: none; outline: none; padding-top: 5px; border-radius: 21px; padding-right: 5px; padding-bottom: 6px; padding-left: 5px; text-align: center; background-color: #494e52; color: white; font-size: 16px; width: 40px; height: 20px; margin-top: 12px; margin-bottom: 12px; margin-left: 28px; font-family: 'Rubik', sans-serif; } .priceee h2 { margin: 15px; color: #494e52; font-size: 22px; } .priceee input:hover, .priceee input:focus { background-color: #5C493E; color: white; } .prrais { width: 215px; margin-left: 0px; transition: 1s all ease-in-out; } .prissminus { width: 20px; position: relative; height: 20px; border-radius: 20px; margin-top: 17px; margin-left: 3px; position: absolute; background-color: #5C493E; transition: 0.1s all ease-in-out; overflow: hidden; } .prissminus:active { transform: scale(0.8); } .prissplus { width: 20px; position: relative; height: 20px; border-radius: 20px; margin-top: 17px; margin-left: 83px; position: absolute; background-color: #5C493E; transition: 0.1s all ease-in-out; overflow: hidden; } .prissplus:active { transform: scale(0.8); } .prissplus p { margin: 0; left: 5.5px; position: absolute; top: 0px; font-weight: 700; color: white; } .prissminus p { margin: 0; left: 6.5px; position: absolute; top: 0px; font-weight: 700; color: white; } .prissminus img { width: 100%; height: 100% } .prissplus img { width: 100%; height: 100% } .glassbutton { position: absolute; width: 100%; height: 100%; } .cartinfo { max-width: 1333px; height: 20px; position: relative; margin: 30px auto; transition: 1s all ease-in-out; } .cartinfoimg { width: 220px; height: 20px; position: absolute; transition: 1s all ease-in-out; } .cartinfoimg p { margin-top: 0px; margin-left: 7px; } .cartinfoinf { width: 300px; height: 20px; left: 230px; position: absolute; transition: 1s all ease-in-out; } .cartinfoinf p { margin-top: 0px; margin-left: 40px; transition: 1s all ease-in-out; } .cartinfopricem22 { width: 150px; height: 20px; right: 75px; position: absolute; transition: 1s all ease-in-out; } .cartinfopricem22 p { margin-top: 0px; position: absolute; right: 0px; } .cartinfoconverter { width: 150px; height: 20px; right: 260px; position: absolute; transition: 1s all ease-in-out; } .cartinfoconverter p { margin-top: 0px; position: absolute; left: 0px; } .cartinfoprice { width: 97px; height: 20px; right: 483px; position: absolute; transition: 1s all ease-in-out; } .cartinfoprice p { margin-top: 0px; } .cartinfohowmuch { width: 215px; height: 20px; right: 580px; position: absolute; transition: 1s all ease-in-out; } .cartinfohowmuch p { margin-top: 0px; position: absolute; left: 11px; } .priceee1 { float: right; height: 100%; width: 160px; transition: 1s all ease-in-out; } .comptextunderinputcompp { } .priceee1 img { height: 100%; } .priceee1 h2 { margin-top: 13px; color: #333333; transition: 1s all ease-in-out; } .priceee1 h2 span { transition: 1s all ease-in-out; background-color: #494e52; color: white; padding: 10px; padding-top: 5px; padding-bottom: 5px; border-radius: 40px; font-size: 23px; } .close23 { width: 35px; height: 35px; margin: 10px; margin-left: 20px; background-image: url(/img/closeKorzina.png); background-size: cover; background-position: center; transition: 1s all ease-in-out; } .tovar:hover .close23 { transform: rotate(180deg); } .cosSettings { right: 10px; height: 55px; width: 790px; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); transition: 1s all ease-in-out; } .convertor { border-radius: 15px; width: 150px; position: absolute; top: -50%; left: 388px; transition: 1s all ease-in-out; } .outputMeterss555 { margin-top: 5px; width: 100%; position: absolute; transform: translateX(-50%); margin-left: 40%; text-align: center; } .outputMeterss55 { margin-top: 5px; width: 100%; position: absolute; transform: translateX(-50%); margin-left: 40%; text-align: center; } .outputMeterss { margin-top: 6px; width: 100%; position: absolute; transform: translateX(-50%); margin-left: 40%; text-align: center; } .outputMeterss777 { margin-top: 6px; width: 100%; position: absolute; transform: translateX(-50%); margin-left: 30%; text-align: center; } .outputMeters { margin-top: 6px; width: 100%; position: absolute; transform: translateX(-50%); margin-left: 30%; text-align: center; } .comptextunderinput { font-size: 12px; margin-top: -10px; text-align: center; color: #333333; } .comptextunderinputbucc { font-size: 12px; margin-top: -10px; text-align: center; color: #333333; } .comptextunderinputcompp { font-size: 12px; margin-top: -10px; text-align: center; color: #333333; } .comptextunderinputegal { position: absolute; top: -6.5px; margin-left: 120px; color: #333333; font-size: 20px; font-weight: bold; transition: 1s all ease-in-out; } .comptextunderinputegal3 { position: absolute; top: -6.5px; margin-left: 112px; color: #333333; font-size: 20px; font-weight: bold; transition: 1s all ease-in-out; } .askform2 { width: 12px; margin-top: -37px; margin-left: 90px; height: 12px; padding: 2px; border-radius: 12px; background-color: #494e52; transition: 0.5s all ease-in-out; } .askform2 p { color: white; margin-left: 4px; margin-top: -2px; } .answerform2 { width: 168px; text-align: center; height: auto; padding-left: 7px; padding-right: 7px; padding-top: 7px; padding-bottom: 7px; margin-top: 18px; background-color: #494e52; color: white; border-radius: 15px; opacity: 0; transition: 0.5s all ease-in-out; } .askform2:hover + .answerform2 { opacity: 1; } .answerform2 p { margin: 0; } .tovar:hover .askform2 { margin-left: 114px; } .comptextunderinputegal1 { position: absolute; top: 19.5px; margin-left: 128px; color: #333333; font-size: 20px; font-weight: bold; transition: 1s all ease-in-out; } .comptextunderinputegal2 { position: absolute; top: -6.5px; margin-left: 516px; color: #333333; font-size: 20px; font-weight: bold; transition: 1s all ease-in-out; } .p-third-second { width: 110px; height: 30px; padding-top: -100px; position: relative; margin-left: 390px; margin-top: -10px; border-radius: 15px; background-color: #494e52; color: white; transition: 1s all ease-in-out; } .first-p { width: 110px; height: 30px; padding-top: -100px; position: relative; border-radius: 15px; background-color: #494e52; color: white; } .second-p { width: 110px; height: 30px; padding-top: -100px; position: relative; border-radius: 15px; background-color: #494e52; color: white; } .p-second-form { width: 110px; height: 30px; padding-top: -100px; position: relative; margin-left: 390px; margin-top: 12px; border-radius: 15px; background-color: #494e52; color: white; transition: 1s all ease-in-out; } .p-third-third { width: 110px; height: 30px; padding-top: -100px; position: relative; margin-left: 390px; margin-top: 0px; border-radius: 15px; background-color: #494e52; color: white; transition: 1s all ease-in-out; } .edinitsam2 { position: absolute; height: 28px; width: 28px; border-radius: 15px; right: 0; background-color: white; border: 1px solid #494e52; color: #494e52; text-align: center; line-height: 28px; } .edinitsabuc { position: absolute; height: 28px; width: 48px; border-radius: 15px; right: 0; background-color: white; border: 1px solid #494e52; color: #494e52; text-align: center; line-height: 27px; } .korzinka132Answer { max-width: 1333px; margin: auto; margin-bottom: 70px; height: auto; } .cosOformlenieZakaza { max-width: 1333px; margin: auto; margin-bottom: 70px; height: 900px; -webkit-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75); -moz-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75); box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75); } .articleDet1 { max-width: 1340px; margin: 50px auto; display: grid; grid-template-columns: 50% 50%; } .articleDet1432 { height: 350px; max-width: 800px; margin: auto; margin-top: 100px; } .articleDet { max-width: 1340px; margin: 120px auto; margin-bottom: 0px; display: grid; grid-template-columns: 55% 45%; } .articleDet768 { margin-top: 110px; display: none; width: 100%; height: auto; } .articlePhoto768 { overflow: hidden; width: 80%; margin: auto; -webkit-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75); -moz-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75); box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75); } .articlePhoto7688 { display: none; width: 80%; margin: 25px auto; } .articlePhoto768 img { margin-bottom: -5px; } .articlePhoto131 { position: relative; margin-left: 2px; height: 100%; width: 94%; } .backgroundprice131 { position: absolute; z-index: 1; padding: 10px; width: auto; color: white; margin: 15px; font-size: 23px; border-radius: 20px; background-image: url(../img/backsale.png); transition: 1s all ease-in-out; -webkit-box-shadow: 8px 8px 25px -6px rgb(0 0 0 / 32%); -moz-box-shadow: 8px 8px 25px -6px rgba(0, 0, 0, 0.32); box-shadow: 8px 8px 25px -6px rgb(0 0 0 / 32%); } .backgroundprice2131 { z-index: 1; float: right; padding: 10px; width: fit-content; color: white; margin-top: -15px; margin-right: -15px; font-size: 23px; border-radius: 20px; background-image: url(../img/backsale.png); transition: 1s all ease-in-out; -webkit-box-shadow: 8px 8px 25px -6px rgb(0 0 0 / 32%); -moz-box-shadow: 8px 8px 25px -6px rgba(0, 0, 0, 0.32); box-shadow: 8px 8px 25px -6px rgb(0 0 0 / 32%); } .backgroundprice131 span { font-size: 18px; text-decoration-line: line-through; } .backgroundshadow131 { position: absolute; height: 100%; width: 100%; background-color: #eaeaea; transition: 1s all ease-in-out; } .articlePhoto1313 { position: absolute; transform: translateY(-50%); top: 50%; width: 90%; margin-left: 5%; -webkit-box-shadow: 8px 8px 25px -6px rgba(0, 0, 0, 0.32); -moz-box-shadow: 8px 8px 25px -6px rgba(0, 0, 0, 0.32); box-shadow: 8px 8px 25px -6px rgba(0, 0, 0, 0.32); } .articleTextasdas { border: 1px solid red; height: 100%; } .articlePhoto { position: relative; margin-left: 2px; height: auto; width: 100%; } .articlePhoto654564 { transition: 1s all ease-in-out; } .articlePhoto1 { position: relative; overflow: hidden; border-radius: 10px; } .articlePhoto1:hover .slick-next { right: 20px; } .articlePhoto1:hover .slick-prev { left: 10px; } .slider:hover .slick-prev { left: 10px; } .topBlogImg0:hover .slick-prev { left: 10px; } .topBlogImg0:hover .slick-next { right: 20px; } .slider:hover .slick-next { right: 20px; } .designeri:hover .slick-prev { left: 10px; } .designeri:hover .slick-next { right: 20px; } .variable-width1323:hover .slick-prev { left: 10px; } .variable-width1323:hover .slick-next { right: 20px; } .articlePhoto131 img { margin-bottom: -5px; width: 100%; cursor: pointer; transition: 2s all ease-in-out; } .articlePhoto img { margin-bottom: -5px; width: 100%; cursor: pointer; transition: 2s all ease-in-out; } .articleText { margin-left: 5%; width: 93%; height: auto; margin-right: 10px; } .articleText2 { width: 100%; height: auto; border-top: 1px solid #D9D2D2; display: grid; grid-template-columns: 140px auto; padding-bottom: 10px; padding-top: 10px; } .articleText22 { width: 140px; height: 100%; } .articleText222 { width: auto height: auto; } ul.categories { list-style-type: none; color: #666666; } .categories5656 { margin: 0; padding: 0; } .categoriesDivLi { height: auto; width: fit-content; background-color: #494e52; color: white; top: -12px; left: 0; float: left; margin-right: 5px; margin-top: 3px; margin-bottom: 2px; padding-top: 3.5px; padding-bottom: 4px; padding-left: 8px; padding-right: 8px; border-radius: 20px; } .categories li { margin-left: -39px; margin-bottom: -10px; margin-top: -10px; } .catDiv { height: auto; width: 150px; } .catSpan { display: inline-block; width: 150px; color: #333333; } .articleText3 { width: 100%; height: 30px; border: 1px solid red; } .articleText4 { width: 30%; height: 30px; border: 1px solid blue; float: left; } .articleText5 { width: 68%; height: 30px; float: left; } .articleTextH1 { border-bottom: 1px solid #494e52; height: auto; padding-bottom: 0px; } .articleTextH1 h1 { font-size: 30px; color: #494e52; margin-top: 0px; margin-bottom: 10px; margin-left: -4px; } .articleText p { margin-top: 15px; color: #666666; } .galleryDiv231 { display: none; width: 90%; margin: auto; } .mobilePost { display: none; overflow: hidden; margin: 3%; margin-bottom: 15px; s height: auto; width: 94%; -webkit-box-shadow: 10px 10px 15px -9px rgba(0, 0, 0, 0.75); -moz-box-shadow: 10px 10px 15px -9px rgba(0, 0, 0, 0.75); box-shadow: 10px 10px 15px -9px rgba(0, 0, 0, 0.75); } .mobilePost img { height: auto; width: 100%; } .mobilePostText { height: auto; } .mobilePostText h3 { margin-left: 7px; margin-top: 10px; color: #333333 } .mobilePostText p { margin-left: 7px; margin-top: -10px; color: #333333 } .galleryDiv { height: auto; max-width: 1350px; margin: 50px auto; display: grid; grid-template-columns: repeat(4, 1fr); } .galleryDivnono { display: none !important; } .aclasspos { text-decoration: none; } .galleryDiv121 { min-height: 700px; max-width: 1350px; margin: -10px auto; } @keyframes korzinkaAnim { 0% { width: 36px; } 40% { width: 150px; } 60% { width: 150px; } 100% { width: 36px; } } @keyframes korzinkaAnimh6 { 0% { margin-left: -110px; } 40% { margin-left: 11px; } 60% { margin-left: 11px; } 100% { margin-left: -110px; } } .galleryDivv { padding-bottom: 30px; border-radius: 15px; overflow: hidden; position: relative; height: auto; cursor: pointer; margin: 10px; -webkit-box-shadow: 10px 10px 15px -9px rgba(0, 0, 0, 0.75); -moz-box-shadow: 10px 10px 15px -9px rgba(0, 0, 0, 0.75); box-shadow: 10px 10px 15px -9px rgba(0, 0, 0, 0.75); } .blockMalo { z-index: 1; position: absolute; width: 100%; height: 100%; background-image: url(../img/backContactUs.png); background-position: center; background-size: cover; margin-top: -170%; transition: 1s all ease-in-out; } .blockMalo h2 { color: white; } .blockMalo h4 { color: white; width: 80%; margin-left: 10px; } .galleryDivv:hover .blockMalo { margin-top: 0%; } .galleryDivvImg { position: relative; height: 300px; margin: 5px; } .galleryDivvImg img { position: absolute; transform: translateY(-50%); top: 50%; -webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.75); } .galleryDivvText { position: relative; width: 95%; overflow: hidden; padding-right: 15px; } .korzinka { position: absolute; overflow: hidden; width: 36px; height: 36px; z-index: 1; right: 7px; bottom: 7px; border-radius: 36px; cursor: pointer; background-color: #494e52; transition: 0.1s all ease-in-out; -webkit-box-shadow: 2px 2px 7px 0px rgba(0,0,0,0.75); -moz-box-shadow: 2px 2px 7px 0px rgba(0,0,0,0.75); box-shadow: 2px 2px 7px 0px rgba(0,0,0,0.75); animation-duration: 1s; animation-timing-function: ease-in-out; } .korzinka:active { transform: scale(0.8); } @keyframes animaddincart { 0% { width: 36px; } 40% { width: 136px; } 60% { width: 136px; } 100% { width: 36px; } } .korzinka h6 { position: absolute; margin-left: -110px; margin-top: 9px; font-size: 15px; color: white; font-weight: 100; transition: 1s all ease-in-out; } .korzinka img { width: 22px; margin-right: 8px; margin-top: 8px; float: right; } .korzinka1 { position: absolute; overflow: hidden; width: 36px; height: 36px; z-index: 1; right: 5px; margin-top: -43px; border-radius: 36px; cursor: pointer; background-color: #5C493E; transition: 1s all ease-in-out; -webkit-box-shadow: -1px 3px 11px -1px rgba(0, 0, 0, 0.75); -moz-box-shadow: -1px 3px 11px -1px rgba(0, 0, 0, 0.75); box-shadow: -1px 3px 11px -1px rgba(0, 0, 0, 0.75); } .korzinka1:hover { width: 165px; } .korzinka1:hover h6 { margin-left: 15px; } .korzinka1 h6 { position: absolute; margin-left: -120px; margin-top: 9px; font-size: 15px; color: white; font-weight: 100; transition: 1s all ease-in-out; } .korzinka1 img { width: 22px; margin-right: 9px; margin-top: 7px; float: right; } .korzinka2 { position: absolute; overflow: hidden; width: 36px; height: 36px; z-index: 1; right: 5px; margin-top: -43px; border-radius: 36px; cursor: pointer; background-color: #5C493E; transition: 1s all ease-in-out; -webkit-box-shadow: -1px 3px 11px -1px rgba(0, 0, 0, 0.75); -moz-box-shadow: -1px 3px 11px -1px rgba(0, 0, 0, 0.75); box-shadow: -1px 3px 11px -1px rgba(0, 0, 0, 0.75); } .korzinka2:hover { width: 165px; } .korzinka2:hover h6 { margin-left: 15px; } .korzinka2 h6 { position: absolute; margin-left: -120px; margin-top: 9px; font-size: 15px; color: white; font-weight: 100; transition: 1s all ease-in-out; } .korzinka2 img { width: 22px; margin-right: -25px; margin-top: 7px; float: right; transition: 1s all ease-in-out; } .korzinka2:hover img { margin-right: 8px; } .noHave { width: 22px; height: 22px; margin-right: 7px; margin-top: 7px; float: right; transition: 1s all ease-in-out; background-position: center; background-size: cover; background-image: url(../img/noHaveIt.png); } .korzinka2:hover .noHave { opacity: 0; } .korzinka132Answer { position: relative; height: 40px; width: auto; margin-top: -10px; margin-bottom: 8px; } .korzinka132 { float: left; overflow: hidden; width: 150px; height: 36px; z-index: 1; border-radius: 36px; cursor: pointer; background-color: #5C493E; transition: 1s all ease-in-out; -webkit-box-shadow: -1px 3px 11px -1px rgba(0, 0, 0, 0.75); -moz-box-shadow: -1px 3px 11px -1px rgba(0, 0, 0, 0.75); box-shadow: -1px 3px 11px -1px rgba(0, 0, 0, 0.75); } .korzinka132:hover { width: 175px; } .korzinka132:hover h6 { margin-left: 25px; } .korzinka132 h6 { position: absolute; margin-left: 11px; margin-top: 9px; font-size: 15px; color: white; font-weight: 100; transition: 1s all ease-in-out; } .korzinka132 img { width: 22px; margin-right: 8px; margin-top: 8px; float: right; } .korzinka132123 { float: left; overflow: hidden; width: 180px; height: 36px; z-index: 1; border-radius: 36px; cursor: pointer; background-color: #5C493E; transition: 1s all ease-in-out; -webkit-box-shadow: -1px 3px 11px -1px rgba(0, 0, 0, 0.75); -moz-box-shadow: -1px 3px 11px -1px rgba(0, 0, 0, 0.75); box-shadow: -1px 3px 11px -1px rgba(0, 0, 0, 0.75); } .korzinka132123:hover { width: 195px; } .korzinka132123:hover h6 { margin-left: 25px; } .korzinka132123 h6 { position: absolute; margin-left: 11px; margin-top: 9px; font-size: 15px; color: white; font-weight: 100; transition: 1s all ease-in-out; } .korzinka132123 img { width: 14px; margin-right: 11px; margin-top: 11px; float: right; } .korzinka13232 { float: left; overflow: hidden; width: 158px; height: 40px; z-index: 1; border-radius: 36px; cursor: pointer; background-color: #494e52; transition: 1s all ease-in-out; -webkit-box-shadow: -1px 3px 11px -1px rgb(0 0 0 / 75%); -moz-box-shadow: -1px 3px 11px -1px rgba(0, 0, 0, 0.75); box-shadow: -1px 3px 11px -1px rgb(0 0 0 / 75%); } .korzinka13232:hover { width: 175px; } .korzinka13232:hover h6 { margin-left: 25px; } .korzinka13232 h6 { position: absolute; margin-left: 15px; margin-top: 11px; font-size: 16px; color: white; font-weight: 200; transition: 1s all ease-in-out; } .korzinka13232 img { width: 24px; margin-right: 12px; margin-top: 9px; float: right; } .korzinka1322 { float: right; overflow: hidden; width: 250px; height: 44px; z-index: 1; border-radius: 36px; cursor: pointer; background-color: #5C493E; transition: 1s all ease-in-out; -webkit-box-shadow: -1px 3px 11px -1px rgba(0, 0, 0, 0.75); -moz-box-shadow: -1px 3px 11px -1px rgba(0, 0, 0, 0.75); box-shadow: -1px 3px 11px -1px rgba(0, 0, 0, 0.75); } .korzinka1322:hover { width: 270px; } .korzinka1322:hover h6 { margin-left: 31px; } .korzinka1322 h6 { position: absolute; margin-left: 18px; margin-top: 11px; font-size: 18px; color: white; font-weight: 100; transition: 1s all ease-in-out; } .korzinka1322 img { width: 30px; margin-right: 8px; margin-top: 8px; float: right; } .galleryDivvText h3 { margin-left: 4px; margin-top: 15px; font-size: 20px; color: #494e52; transition: 1s all ease-in-out; } .galleryDivvText h2 { margin-left: 1.5px; margin-top: -5px; margin-bottom: -5px; color: #494e52; } .ulPost { border: 1px solid red; width: 100%; height: 20px; } .galleryDivvText ul { list-style: none; margin-left: -38px; margin-top: -15px; margin-bottom : -4px; } .galleryDivvText p { margin-left: 3px; margin-top: -11px; font-size: -12px; color: white; background-color: #494e52; transition: 1s all ease-in-out; width: fit-content; padding-top: 3px; padding-right: 7px; border-radius: 15px; padding-bottom: 3px; /* float: left; */ padding-left: 7px; } .galleryDivvText ul li { margin-top: 3px; } .sidebarFilter { display: none; overflow: hidden; position: relative; margin: 30px auto; width: 1333px; height: 100px; -webkit-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75); -moz-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75); box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75); } .sidebarFilterCat { position: relative; width: 100%; height: 100%; background-color: #F4F4F4; cursor: pointer; transition: 1.6s all ease-in-out; } .iconsImgP { position: absolute; width: 80%; height: 70px; margin-left: 10%; margin-top: 15px; } .iconsImg { position: relative; width: 100%; height: 45px; } .iconsImg img { position: absolute; height: 100%; transform: translateX(-50%); margin-left: 50%; } .iconsP { width: 100%; height: 25px; } .iconsP p { font-size: 17px; text-align: center; margin-top: 5px; color: white; } .sidebarFilterCatIcon { position: relative; width: 16.6%; height: 100%; float: left; background-color: #5C493E; transition: 1.6s all ease-in-out; } .sidebarFilterCat1 { z-index: 2; position: absolute; margin-top: -100px; margin-left: 16.6%; width: 100%; z-index: 2; height: 100%; background-color: #F4F4F4; cursor: pointer; transition: 1.6s all ease-in-out; } .sidebarFilterCatIcon1 { position: relative; width: 16.6%; height: 100%; z-index: 2; left: 0; background-color: #5C493E; transition: 1.6s all ease-in-out; -webkit-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75); -moz-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75); box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75); } .sidebarFilterCat2 { z-index: 2; position: absolute; margin-top: -100px; margin-left: 33.2%; width: 100%; height: 100%; background-color: #F4F4F4; cursor: pointer; transition: 1.6s all ease-in-out; } .sidebarFilterCatIcon2 { position: relative; width: 16.9%; height: 100%; z-index: 2; left: 0; background-color: #5C493E; transition: 1.6s all ease-in-out; -webkit-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75); -moz-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75); box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75); } .sidebarFilterCat3 { z-index: 2; position: absolute; margin-top: -100px; margin-left: 50%; width: 100%; height: 100%; background-color: #F4F4F4; cursor: pointer; transition: 1.6s all ease-in-out; } .sidebarFilterCatIcon3 { position: relative; width: 16.8%; height: 100%; z-index: 2; left: 0; background-color: #5C493E; transition: 1.6s all ease-in-out; -webkit-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75); -moz-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75); box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75); } .sidebarFilterCat4 { z-index: 2; position: absolute; margin-top: -100px; margin-left: 66.8%; width: 100%; height: 100%; background-color: #F4F4F4; cursor: pointer; transition: 1.6s all ease-in-out; } .sidebarFilterCatIcon4 { position: relative; width: 16.6%; height: 100%; z-index: 2; left: 0; background-color: #5C493E; transition: 1.6s all ease-in-out; -webkit-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75); -moz-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75); box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75); } .sidebarFilterCat5 { z-index: 2; position: absolute; margin-top: -100px; margin-left: 83.4%; width: 100%; height: 100%; background-color: #F4F4F4; cursor: pointer; transition: 1.6s all ease-in-out; } .sidebarFilterCatIcon5 { position: relative; width: 16.6%; height: 100%; z-index: 2; left: 0; background-color: #5C493E; transition: 1.6s all ease-in-out; -webkit-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75); -moz-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75); box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75); } .sidebarFilterCat6 { z-index: 2; position: absolute; margin-top: -100px; margin-left: 85.68%; width: 100%; height: 100%; background-color: #F4F4F4; cursor: pointer; transition: 1.6s all ease-in-out; } .sidebarFilterCatIcon6 { position: relative; width: 14.28%; height: 100%; z-index: 2; left: 0; background-color: #5C493E; transition: 1.6s all ease-in-out; -webkit-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75); -moz-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75); box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75); } .sidebarFilter1350 { padding-left: 0.7%; margin-top: 10px; position: absolute; width: 22%; height: auto; left: 0px; display: none; background-color: #F4F4F4; } .sidebarFilter1350768 { position: fixed; top: 0px; height: 100vh; left: -320px; padding-left: 5px; margin-top: 0px; overflow: scroll; z-index: 3; width: 300px; background-color: #F4F4F4; transition: 1s all ease-in-out; -webkit-box-shadow: 10px 10px 24px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 10px 10px 24px 0px rgba(0, 0, 0, 0.75); box-shadow: 10px 10px 24px 0px rgba(0, 0, 0, 0.75); } .sidebarFilterCatCheckbox1350 { position: relative; width: 95%; height: 60px; margin-bottom: 10px; margin-left: 2.5%; margin-top: 10px; border-radius: 10px; overflow: hidden; background-color: #F4F4F4; transition: 1s all ease-in-out; -webkit-box-shadow: 10px 10px 24px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 10px 10px 24px 0px rgba(0, 0, 0, 0.75); box-shadow: 10px 10px 24px 0px rgba(0, 0, 0, 0.75); } .sidebarFilterCatCheckbox13501 { position: relative; width: 100%; height: 60px; background-color: #5C493E; -webkit-box-shadow: 0px 0px 19px 1px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 19px 1px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 19px 1px rgba(0, 0, 0, 0.75); } .sidebarFilterCatCheckbox13502 { position: absolute; height: 70%; width: 94%; margin-top: 7.5px; margin-left: 3%; } .sidebarFilterCatCheckbox13504 { height: 100%; width: 72%; margin-left: 28%; } .sidebarFilterCatCheckbox13503 { height: auto; width: 100%; transition: 1s all ease-in-out; } .sidebarFilterCatCheckbox13502 img { float: left; } .sidebarFilterCatCheckbox13504 p { font-size: 18px; color: white; margin-top: 11px; } .contentCatalog { margin: auto; margin-top: 30px; max-width: 1353px; min-height: 100vh; } .contentCatalog450 { display: none; margin: 40px auto; max-width: 1353px; height: auto; } .contentPostmobile { height: 500px; } .contentCatalog1 { margin: 20px auto; margin-bottom: 40px; max-width: 1353px; height: auto; display: grid; grid-template-columns: repeat(3, 1fr); } .contentCatalog122 { display: none; margin: auto; max-width: 1353px; height: auto; margin-bottom: -30px; } .contentCatalog122.shrink { position: fixed; width: 100%; z-index: 1; top: 40px; } .contentCatalog12 { top: 0px; margin: auto; width: 100%; margin-bottom: -20px; height: auto; } .contentCatalogSale { margin: 30px auto; max-width: 1353px; height: auto; display: grid; grid-template-columns: repeat(2, 1fr); } .contentPost { position: relative; overflow: hidden; height: 400px; margin: 10px; -webkit-box-shadow: 3px 3px 16px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 3px 3px 16px 0px rgba(0, 0, 0, 0.75); box-shadow: 3px 3px 16px 0px rgba(0, 0, 0, 0.75); transition: 0.6s all ease-in-out; } .contentPost:hover { transform: scale(1.05); } .contentPost123321 { position: relative; overflow: hidden; height: 350px; margin: 10px; transition: 1s all ease-in-out; -webkit-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75); -moz-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75); box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75); } .SalePost { overflow: hidden; margin-top: 0px; height: 100%; transition: 1s all ease-in-out; display: grid; grid-template-columns: repeat(2, 1fr);; } .imgSalePost { position: relative; height: 100%; background-size: cover; background-position: center; -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.75); } .imgSall { position: absolute; width: 130px; top: 50%; right: 0; transform: translate(50%, -50%); -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.75); } .imgSall1 { position: absolute; width: 220px; top: 50%; right: 45px; transform: translate(50%, -50%); -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.75); } .harakteristikiSalePost { height: 100%; background-color: #5C493E; } .harFirst { margin-top: 55px; } .harak { float: right; height: auto; width: 76%; margin-bottom: 5px; } .harakzagolovok { float: left; border-bottom: 0.5px solid white; height: auto; width: auto; } .harakName { float: left; height: auto; width: 45%; } .harakName222 { height: auto; float: right; width: 53%; } .harak p { font-size: 14px; color: white; margin: 0; } .harak h2 { font-size: 22px; color: white; margin: 0; } .contentPostImg { width: 100%; height: 100%; background-size: cover; background-position: center; cursor: pointer; transition: 2s all ease-in-out; } .contentPostImg:hover { transform: scale(1.15); } .contentPostImgMobile img { width: 100%; height: auto; overflow: hidden; margin-bottom: -10px; } .contentPostImg h4 { font-weight: 100; float: left; margin: 7px; top: 0px; background-color: #5c493e; border-radius: 30px; padding-top: 2px; padding-bottom: 2px; padding-right: 5px; padding-left: 5px; color: white; font-size: 14px; -webkit-box-shadow: 10px 10px 6px -8px rgba(0, 0, 0, 0.75); -moz-box-shadow: 10px 10px 6px -8px rgba(0, 0, 0, 0.75); box-shadow: 10px 10px 6px -8px rgba(0, 0, 0, 0.75); } .contentPostImg450 { position: relative; width: 100%; height: auto; background-size: cover; background-position: center; cursor: pointer; overflow: hidden; } .contentPostImg450 img { width: 100%; left: 0; margin-bottom: -5px } .contentPostImg450 h4 { z-index: 1; font-weight: 100; float: left; margin-top: 0; margin-bottom: 0; margin: 3px; background-image: url(../img/backpost2.png); background-size: cover; background-position: center; border-radius: 30px; padding-top: 2px; padding-bottom: 2px; padding-right: 5px; padding-left: 5px; color: #333333; font-size: 14px; -webkit-box-shadow: 10px 10px 6px -8px rgba(0, 0, 0, 0.75); -moz-box-shadow: 10px 10px 6px -8px rgba(0, 0, 0, 0.75); box-shadow: 10px 10px 6px -8px rgba(0, 0, 0, 0.75); } .contentPost p { position: absolute; color: #333333; font-size: 18px; bottom: 0; padding-top: 2px; padding-bottom: 2px; padding-right: 7px; padding-left: 7px; margin-bottom: 0; font-family: 'Source Sans Pro', sans-serif, bold; background-image: url(../img/backpost2.png); background-size: cover; background-position: center; -webkit-box-shadow: 4px -1px 10px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 4px -1px 10px 0px rgba(0, 0, 0, 0.75); box-shadow: 4px -1px 10px 0px rgba(0, 0, 0, 0.75); } .inputSearch { float: left; width: 50%; height: 53px; margin-top: 23.5px; padding-top: -50px; margin-left: 15%; } .inputSearch input { height: 40px; font-size: 17px; font-family: 'Source Sans Pro', sans-serif, bold; transition: 1s all ease-in-out; } .inputSearch input:hover { font-size: 18px; font-family: 'Source Sans Pro', sans-serif, bold; -webkit-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75); -moz-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75); box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75); } .inputSearchaa { float: left; width: 90%; height: 53px; margin-top: 15px; margin-left: 5%; margin-bottom: 7px; padding-top: -50px; } .inputSearchaa input { height: 40px; font-size: 17px; font-family: 'Source Sans Pro', sans-serif, bold; transition: 1s all ease-in-out; } .inputSearchaa input:hover { font-size: 18px; font-family: 'Source Sans Pro', sans-serif, bold; -webkit-box-shadow: 0px 0px 18px -4px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 18px -4px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 18px -4px rgba(0, 0, 0, 0.75); } .containerContact132 { max-width: 1330px; margin: auto; } .containerContact { width: 100%; cursor: pointer; } .containerContact1 { height: 200px; margin: 10px; } .containerContact1 p { margin-top: 5px; color: #333333; } .containerContact111 { height: 200px; margin: 10px; } .containerContact111 p { margin-top: 5px; color: #333333; } .containerContact1 img { -webkit-box-shadow: 10px 10px 13px -5px rgba(0, 0, 0, 0.75); -moz-box-shadow: 10px 10px 13px -5px rgba(0, 0, 0, 0.75); box-shadow: 10px 10px 13px -5px rgba(0, 0, 0, 0.75); } .photoArticle { max-width: 1365px; height: auto; margin: auto; display: grid; grid-template-columns: repeat(4, 1fr) } .photoArticle1 { overflow: hidden; height: auto; width: 310px; margin: 15px; cursor: pointer; -webkit-box-shadow: 10px 10px 15px -9px rgba(0, 0, 0, 0.75); -moz-box-shadow: 10px 10px 15px -9px rgba(0, 0, 0, 0.75); box-shadow: 10px 10px 15px -9px rgba(0, 0, 0, 0.75); transition: 1s all ease-in-out; } .photoArticle1:hover { height: auto; width: 310px; margin: 15px; cursor: pointer; transform: scale(1.04); -webkit-box-shadow: 10px 10px 15px -4px rgba(0, 0, 0, 0.75); -moz-box-shadow: 10px 10px 15px -4px rgba(0, 0, 0, 0.75); box-shadow: 10px 10px 15px -4px rgba(0, 0, 0, 0.75); } .photoArticle2 { width: 310px; height: 310px; } .photoArticle2 img { width: 100%; margin-top: 50%; transform: translate(0, -50%); transition: 1s all ease-in-out; -webkit-box-shadow: 2px 5px 18px -1px rgba(0, 0, 0, 0.75); -moz-box-shadow: 2px 5px 18px -1px rgba(0, 0, 0, 0.75); box-shadow: 2px 5px 18px -1px rgba(0, 0, 0, 0.75); } .photoArticle1:hover .photoArticle2 img { -webkit-box-shadow: -1px 10px 18px -1px rgba(0, 0, 0, 0.75); -moz-box-shadow: -1px 10px 18px -1px rgba(0, 0, 0, 0.75); box-shadow: -1px 10px 18px -1px rgba(0, 0, 0, 0.75); } .photoArticle1 p { margin-top: -15px; margin-bottom: 5px; margin-left: 5px; color: #333333; } .photoArticle1 h3 { margin-top: 10px; margin-left: 5px; color: #333333; } .canvas-interactive-wrapper { position: relative; height: 280px; } .canvas-interactive-wrapper canvas { position: absolute; display: block; width: 100%; height: 100%; } .footerContent { position: absolute; width: 1355px; height: 100%; z-index: 1; transform: translateX(-50%); margin-left: 50%; display: grid; grid-template-columns: 50% 25% 25%; } .footerContent1 { height: 280px; } .footerContent143 { height: 280px; } .footNone1 { display: none; } .icconns { width: 152px; height: 50px; transition: 1s all ease-in-out; transform: translateX(-50%); margin-left: 50%; background-color: transparent; } .footerText { transition: 1s all ease-in-out; } .icconns a { transition: 1s all ease-in-out; } .icconns a:hover { transform: scale(1.1); } .icconns1 a { transition: 1s all ease-in-out; } .icconns1 a:hover { transform: scale(1.1); } .sidebarFilterCatCheckbox { position: relative; width: 83%; height: 100%; float: right; margin-top: -100px; } ul.ks-cboxtags { list-style: none; transition: 1s all ease-in-out; padding-left: 10px; margin-top: 2px; } ul.ks-cboxtags li { margin-top: 10px; margin-right: 3px; display: inline; transition: 1s all ease-in-out; } ul.ks-cboxtags li label { display: inline-block; background-color: rgba(255, 255, 255, .9); border: 2px solid rgba(139, 139, 139, .3); color: #adadad; border-radius: 25px; white-space: nowrap; margin: 3px 0px; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; transition: 1s all ease-in-out; } ul.ks-cboxtags li label { padding: 8px 12px; cursor: pointer; transition: 1s all ease-in-out; } ul.ks-cboxtags li label::before { display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-weight: 900; font-size: 12px; padding: 2px 6px 2px 2px; content: url(/img/plus.png); transition: 0.4s all ease-in-out; } ul.ks-cboxtags li input[type="checkbox"]:checked + label::before { content: url(/img/galocika.png); transform: rotate(-360deg); transition: 0.4s all ease-in-out; } ul.ks-cboxtags li input[type="checkbox"]:checked + label { border: 2px solid #AD9E95; background-color: #5C493E; color: #fff; transition: 0.4s all ease-in-out; } ul.ks-cboxtags li input[type="checkbox"] { display: absolute; transition: 0.4s all ease-in-out; } ul.ks-cboxtags li input[type="checkbox"] { position: absolute; opacity: 0; transition: 0.4s all ease-in-out; } ul.ks-cboxtags li input[type="checkbox"]:focus + label { border: 2px solid #AD9E95; transition: 0.4s all ease-in-out; } @keyframes slideInUpLogo { from { opacity: 0; } to { opacity: 1; } } .slideRight { position: relative; z-index: 2; width: auto; height: 600px; right: 0; } .slideRight1 { right: 0; height: 46px; margin-top: 15px; margin-right: 0%; background-size: cover; background-position: center no-repeat; background-image: url(../img/sedebarBackground.png); -webkit-box-shadow: 1px 3px 12px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 1px 3px 12px 0px rgba(0, 0, 0, 0.75); box-shadow: 1px 3px 12px 0px rgba(0, 0, 0, 0.75); cursor: pointer; transition: 1s all ease-in-out; } .slideRight1:hover { margin-right: 20px; } .slideRight1Icon { width: 46px; height: 46px; float: left; } .slideRight1Text { position: relative; width: auto; height: 46px; border: 0.1px solid transparent; } .slideRight1Text p { margin-right: 20px; margin-top: 13px } .slideRight1Icon img { height: 80%; margin-top: 10%; transform: translateX(-50%); margin-left: 50%; } .contactDiv { width: 100%; height: 97vh; margin-top: 60px; position: relative; transition: 1s all ease-in-out; } .textAbout21 { max-width: 1000px; margin: 80px auto; margin-bottom: 0px; color: #494e52; padding: 10px; font-size: 18px; text-align: justify; } .filternazncenie { overflow: hidden; position: relative; max-width: 1333px; height: 100px; margin: 50px auto; -webkit-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75); -moz-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75); box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75); } .nasnceniebutton { position: relative; height: 100px; cursor: pointer; margin: 10px; background-color: #5C493E; color: white; -webkit-box-shadow: 3px 3px 16px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 3px 3px 16px 0px rgba(0, 0, 0, 0.75); box-shadow: 3px 3px 16px 0px rgba(0, 0, 0, 0.75); transition: 0.5s all ease-in-out; } .nasnceniebutton p { z-index: 1; position: absolute; top: 20px; margin-left: 50%; transform: translateX(-50%); text-shadow: 0px 0px 9px rgba(0, 0, 0, 1); padding: 5px; } .nasnceniebutton12 { display: none; position: relative; height: 50px; cursor: pointer; margin: 10px; background-color: #5C493E; color: white; -webkit-box-shadow: 3px 3px 16px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 3px 3px 16px 0px rgba(0, 0, 0, 0.75); box-shadow: 3px 3px 16px 0px rgba(0, 0, 0, 0.75); transition: 0.5s all ease-in-out; } .nasnceniebutton1212 { position: absolute; width: 107px; height: 25px; margin-top: 12.5px; display: flex; transform: translateX(-50%); margin-left: 50%; } .nasnceniebutton1212 p { float: left; margin-top: 4px; } .nasnceniebutton1212 img { float: left; } .nasnceniebuttonImg { position: absolute; width: 100%; height: 100%; background-position: center; background-size: cover; top: 0; transition: 1.5s all ease-in-out; } .show { display: block; } .filterDiv { display: none; } .despreProdus { max-width: 1330px; margin: auto; height: 100px; } .despreProdus h1 { color: #5C493E; font-family: 'Source Sans Pro', sans-serif, bold; font-size: 40px; float: left; } .designeri { position: relative; margin-top: 10px; height: 460px; overflow: hidden; } .designPost { height: 100%; width: 350px; } .center21 { height: 450px; } .centerPost { height: 450px; position: relative; transition: 1s all ease-in-out; } .centerPost11 { position: relative; overflow: hidden; width: 94%; height: 94%; margin: 3%; cursor: pointer; transition: 1s all ease-in-out; -webkit-box-shadow: 10px 10px 12px -5px rgba(0, 0, 0, 0.75); -moz-box-shadow: 10px 10px 12px -5px rgba(0, 0, 0, 0.75); box-shadow: 10px 10px 12px -5px rgba(0, 0, 0, 0.75); } .centerPost11 img { width: 100%; height: 100%; object-fit: cover; transition: 1s all ease-in-out; } .centerPost11:hover img { transform: scale(1.1); } .centerPost11 p { z-index: 1; position: absolute; color: #333333; font-size: 19px; bottom: 0; padding: 5px; margin-bottom: 0; font-family: 'Source Sans Pro', sans-serif, bold; background-image: url(../img/backpost2.png); background-size: cover; background-position: center; -webkit-box-shadow: 4px -1px 10px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 4px -1px 10px 0px rgba(0, 0, 0, 0.75); box-shadow: 4px -1px 10px 0px rgba(0, 0, 0, 0.75); transition: 1s all ease-in-out; } .centerPost11:hover .centerPost11Hover { margin-top: 0%; } .centerPost121 { position: relative; overflow: hidden; width: 94%; height: 94%; margin: 3%; cursor: pointer; transition: 1s all ease-in-out; -webkit-box-shadow: 10px 10px 12px -5px rgba(0, 0, 0, 0.75); -moz-box-shadow: 10px 10px 12px -5px rgba(0, 0, 0, 0.75); box-shadow: 10px 10px 12px -5px rgba(0, 0, 0, 0.75); } .centerPost121 p { z-index: 1; position: absolute; color: #333333; font-size: 19px; margin-top: 0px; padding: 5px; margin-bottom: 0; font-family: 'Source Sans Pro', sans-serif, bold; background-image: url(../img/backpost2.png); background-size: cover; background-position: center; -webkit-box-shadow: 4px -1px 10px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 4px -1px 10px 0px rgba(0, 0, 0, 0.75); box-shadow: 4px -1px 10px 0px rgba(0, 0, 0, 0.75); transition: 1s all ease-in-out; } .centerPost121:hover p { margin-bottom: -50%; } .centerPost121:hover .centerPost11Hover { margin-top: 0%; } .centerPost121 img { height: 100%; transform: translateX(-50%); margin-left: 50%; transition: 1s all ease-in-out; } .centerPost:hover .centerPost121 img { height: 110%; transform: translateX(-50%); margin-left: 50%; } .centerPost:hover .leftSale img { margin-bottom: 30px; } .centerPost11Hover { z-index: 1; position: absolute; margin-top: -155%; color: white; width: 100%; height: 100%; background-size: cover; background-position: center; transition: 1s all ease-in-out; } .centerPost11Hover1 { z-index: 1; position: absolute; bottom: 0px; width: 94%; height: 75px; display: grid; margin-left: 3%; margin-bottom: 15px; grid-template-columns: 45% 55%; background-image: url(../img/backpost2.png); background-size: cover; background-position: center; transition: 1s all ease-in-out; -webkit-box-shadow: -1px -6px 24px -5px rgba(0, 0, 0, 0.75); -moz-box-shadow: -1px -6px 24px -5px rgba(0, 0, 0, 0.75); box-shadow: -1px -6px 24px -5px rgba(0, 0, 0, 0.75); } .leftSale { position: relative; height: 75px; bottom: 0px; background-color: #5C493E; -webkit-box-shadow: -1px -6px 24px -5px rgba(0, 0, 0, 0.75); -moz-box-shadow: -1px -6px 24px -5px rgba(0, 0, 0, 0.75); box-shadow: -1px -6px 24px -5px rgba(0, 0, 0, 0.75); } .leftSale img { z-index: 2; position: absolute; width: 80%; margin: 10%; bottom: 0px; transition: 1s all ease-in-out; -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.75); } .leftSaleImg { position: absolute; z-index: 2; width: 90%; margin-left: 5%; margin-bottom: 5%; -webkit-box-shadow: -1px -6px 24px -5px rgba(0, 0, 0, 0.75); -moz-box-shadow: -1px -6px 24px -5px rgba(0, 0, 0, 0.75); box-shadow: -1px -6px 24px -5px rgba(0, 0, 0, 0.75); } .rightSale { height: 100%; } .rightSale h3 { margin-top: 13px; margin-left: -30px; } .rightSale h2 { margin-top: -16px; font-size: 22px; margin-left: -30px; } .rightSale ul { color: #333333; margin-top: 0px; } .centerPost11Hover h4, h2 { margin-left: 10px; } .variable-width111er { margin-left: 10px; margin-right: 10px; } .variable-width132 { margin-top: 30px; } /* The Modal (background) */ .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 100px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0, 0, 0); /* Fallback color */ background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */ } /* Modal Content */ .modal-content { position: relative; background-color: #fefefe; margin: auto; padding: 0;; max-width: 1100px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); -webkit-animation-name: animatetop; -webkit-animation-duration: 0.8s; animation-name: animatetop; animation-duration: 0.8s -webkit-box-shadow: 4px -1px 10px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 4px -1px 10px 0px rgba(0, 0, 0, 0.75); box-shadow: 4px -1px 10px 0px rgba(0, 0, 0, 0.75); } /* Add Animation */ @-webkit-keyframes animatetop { from { top: -300px; opacity: 0 } to { top: 0; opacity: 1 } } @keyframes animatetop { from { top: -300px; opacity: 0 } to { top: 0; opacity: 1 } } /* The Close Button */ .close { color: white; float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; } .modal-header { padding: 2px 16px; background-color: #5C493E; color: white; -webkit-box-shadow: 4px -1px 10px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 4px -1px 10px 0px rgba(0, 0, 0, 0.75); box-shadow: 4px -1px 10px 0px rgba(0, 0, 0, 0.75); } .modal-body { display: grid; grid-template-columns: repeat(2, 1fr); max-height: 500px; } .textModal { height: auto; padding-left: 25px; } .photoModal { position: relative; height: auto; } .fielddd { position: absolute; width: 600px; top: 200px; } .photoModal img { width: 94%; margin: 3%; -webkit-box-shadow: 0px 0px 25px 3px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 25px 3px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 25px 3px rgba(0, 0, 0, 0.75); } .photoModal1 { position: relative; height: 100%; } .photoModal1 img { width: 100%; } @keyframes butAnim1 { 0% { background-color: white; } 50% { background-color: #5C493E; } 100% { background-color: white; } } @keyframes butAnim11 { 0% { transform: scale(1.0); } 50% { transform: scale(1.2); } 100% { transform: scale(1.0); } } .varwitth { width: 18px; height: 18px; background-color: white; border-radius: 100%; -webkit-box-shadow: 10px 10px 12px -5px rgba(0, 0, 0, 0.75); -moz-box-shadow: 10px 10px 12px -5px rgba(0, 0, 0, 0.75); box-shadow: 10px 10px 12px -5px rgba(0, 0, 0, 0.75); z-index: 1; position: absolute; cursor: pointer; animation-name: butAnim11; animation-timing-function: ease-in-out; animation-duration: 3s; animation-iteration-count: infinite; } .varwitth1 { margin-top: 15%; margin-left: 15%; width: 70%; height: 70%; background-color: #5C493E; border-radius: 100%; z-index: 1; transition: 1s all ease-in-out; animation-name: butAnim1; animation-timing-function: ease-in-out; animation-duration: 3s; animation-iteration-count: infinite; } .modal-contenttt { width: 500px; height: 150px; border: 1px solid red; } .textModal ul { margin-left: -40px; margin-top: -5px; } .textModal h2 { margin-left: -0px; margin-top: -5px; } .infoOrderBlockMini { width: 100%; height: 40px; color: #333333; font-size: 18px; } .infoOrderBlockMini span { transition: 1s all ease-in-out; color: #494e52; font-size: 25px; font-weight: 700; } .infoOrderBlockMini p { transition: 1s all ease-in-out; margin-top: 0px; } .ssMini { margin-top: 20px; } @keyframes salepostAnim { 0% { transform: scale(1); } 50% { transform: scale(1.05); } 100% { transform: scale(1); } } .salePost { border: 1px solid #5C493E; animation: salepostAnim 2s infinite ease-in-out; } .maloPlitkiModal { width: 460px; height: 290px; margin: 20px; } .knopKar { z-index: 4; position: absolute; width: 20px; height: 20px; border: 1px solid red; } .SalePost:hover { margin-top: 25px; } .divPrice11 { z-index: 1; position: absolute; width: 100%; height: 15%; background-color: #5C493E; transition: 1s all ease-in-out; top: -15%; -webkit-box-shadow: 0px 3px 30px 2px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 3px 30px 2px rgba(0, 0, 0, 0.75); box-shadow: 0px 3px 30px 2px rgba(0, 0, 0, 0.75); } .contentPost123321:hover .divPrice11 { top: 0%; } .divPrice11 p { position: absolute; position: relative; color: white; margin-left: 10px; margin-top: 3px; } .divPrice11 span { position: absolute; font-size: 20px; top: 12px; } .inbutton { top: 0px; } .dibaviVkorzinu1243 { overflow: hidden; position: absolute; width: 30px; height: 30px; right: 12px; top: 12px; border-radius: 25px; cursor: pointer; -webkit-box-shadow: 5px 5px 26px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 5px 5px 26px 0px rgba(0, 0, 0, 0.75); box-shadow: 5px 5px 26px 0px rgba(0, 0, 0, 0.75); } .dibaviVkorzinu1243233 { overflow: hidden; position: absolute; width: 30px; height: 30px; right: 12px; top: 15px; border-radius: 25px; background-image: url(../img/filterCatalog.png); background-position: center; background-size: cover; cursor: pointer; -webkit-box-shadow: 5px 5px 26px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 5px 5px 26px 0px rgba(0, 0, 0, 0.75); box-shadow: 5px 5px 26px 0px rgba(0, 0, 0, 0.75); } .dibaviVkorzinu12432343 { overflow: hidden; position: absolute; width: 30px; height: 30px; right: -35px; top: 15px; border-radius: 25px; background-image: url(../img/filterCatalogClose.png); background-position: center; background-size: cover; cursor: pointer; -webkit-box-shadow: 5px 5px 26px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 5px 5px 26px 0px rgba(0, 0, 0, 0.75); box-shadow: 5px 5px 26px 0px rgba(0, 0, 0, 0.75); } .dibaviVkorzinu12432343closs { overflow: hidden; margin-top: 15px; margin-bottom: 15px; margin-left: 235px; width: 30px; height: 30px; right: 12px; top: 15px; border-radius: 25px; background-image: url(../img/filterCatalogClose.png); background-position: center; background-size: cover; cursor: pointer; -webkit-box-shadow: 5px 5px 26px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 5px 5px 26px 0px rgba(0, 0, 0, 0.75); box-shadow: 5px 5px 26px 0px rgba(0, 0, 0, 0.75); } .dibaviVkorzinu1243 img:hover { position: absolute; height: 30px; right: -35px; } .IconsNafoto { position: absolute; z-index: 1; } .IconsNafoto h4 { font-weight: 100; float: left; margin-top: 0; margin-bottom: 0; margin: 5px; border-radius: 30px; padding-top: 3px; padding-bottom: 3px; padding-right: 5px; padding-left: 5px; background-color: #5c493e; color: white; font-size: 14px; -webkit-box-shadow: 10px 10px 6px -8px rgba(0, 0, 0, 0.75); -moz-box-shadow: 10px 10px 6px -8px rgba(0, 0, 0, 0.75); box-shadow: 10px 10px 6px -8px rgba(0, 0, 0, 0.75); } .IconsNafoto450 { position: absolute; z-index: 1; top: 0; } .IconsNafoto450 h4 { font-weight: 100; float: left; margin-top: 0; margin-bottom: 0; margin: 5px; background-image: url(../img/backpost2.png); background-size: cover; background-position: center; border-radius: 30px; padding-top: 3px; padding-bottom: 3px; padding-right: 5px; padding-left: 5px; color: #333333; font-size: 14px; -webkit-box-shadow: 10px 10px 6px -8px rgba(0, 0, 0, 0.75); -moz-box-shadow: 10px 10px 6px -8px rgba(0, 0, 0, 0.75); box-shadow: 10px 10px 6px -8px rgba(0, 0, 0, 0.75); } .contentPostImg450 p { position: absolute; color: #333333; font-size: 18px; bottom: 0; padding-top: 2px; padding-bottom: 2px; padding-right: 7px; padding-left: 7px; margin-bottom: 0; font-family: 'Source Sans Pro', sans-serif, bold; background-image: url(../img/backpost2.png); background-size: cover; background-position: center; -webkit-box-shadow: 4px -1px 10px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 4px -1px 10px 0px rgba(0, 0, 0, 0.75); box-shadow: 4px -1px 10px 0px rgba(0, 0, 0, 0.75); } .pricePosition { margin: 0px auto; width: 100%; height: fit-content; padding-bottom: 9px; padding-left: 6px; font-size: 15px; position: absolute; bottom: 0; color: #494e52; } .pricePosition span { text-decoration-line: line-through; -webkit-text-decoration-line: line-through; text-decoration-color: #333333; -webkit-text-decoration-color: #333333; font-size: 20px; margin-left: 5px; } .pvmestoinput { margin-left: 30px; margin-top: 14.5px; width: 40px; padding: 3px; border-radius: 20px; color: white; font-weight: 600; text-align: center; background-color: #5c493e; } .infusr { width: 100%; height: auto; margin-bottom: 20px; display: grid; grid-template-columns: repeat(2, 1fr); } .infinf { margin: 6px; margin-bottom: 20px; height: 40px; font-size: 13px; text-align: center; line-height: 41px; border-radius: 20px; -webkit-box-shadow: 4px -1px 10px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 4px -1px 10px 0px rgba(0, 0, 0, 0.75); box-shadow: 4px -1px 10px 0px rgba(0, 0, 0, 0.75); } .infinf p { margin: 0px; } .inftext { padding: 13px; width: 90%; height: auto; margin: 6px; text-align: center; line-height: 24px; border-radius: 20px; -webkit-box-shadow: 4px -1px 10px 0px rgb(0 0 0 / 75%); -moz-box-shadow: 4px -1px 10px 0px rgba(0, 0, 0, 0.75); box-shadow: 4px -1px 10px 0px rgb(0 0 0 / 75%); } .contentPost3d { position: absolute; transform: translateX(-50%); left: 50%; max-width: 1350px; display: grid; grid-template-columns: repeat(4, 1fr); position: relative; } .ul3d { padding: 0; } .ul3d li { list-style: none; margin-bottom: 10px; color: #666666; } .blockHarakter { width: 100%; display: flex; flex-wrap: wrap; } .harakterBlock { width: fit-content; margin: 1px; } .whyNotWork { max-width: 1340px; margin: auto; } #canvas-basic { position: fixed; display: block; width: 101%; z-index: -1; height: 100%; top: 0; right: 0; bottom: 0; left: 0; } .mobileGallDivv { display: none; } navigation123re