Skip to content
Facebook
Instagram
YouTube
WhatsApp
LinkedIn
+421 944 590 214
|
info@ikonreality.sk
Aktuálna ponuka
Chcem predať
Ocenenie nehnuteľnosti
O nás
Virtuálne prehliadky
Vizualizácie
Kontakt
Aktuálna ponuka
Chcem predať
Ocenenie nehnuteľnosti
O nás
Virtuálne prehliadky
Vizualizácie
Kontakt
mirolovecky
2022-10-05T19:57:47+02:00
:checked, [type="checkbox"]:not(:checked){ position: absolute; left: -9999px; } .checkbox:checked + label, .checkbox:not(:checked) + label{ position: relative; display: block; text-align: center; width: 60px; height: 16px; border-radius: 8px; padding: 0; margin: 10px auto; cursor: pointer; background-color: #ffeba7; } .checkbox:checked + label:before, .checkbox:not(:checked) + label:before{ position: absolute; display: block; width: 36px; height: 36px; border-radius: 50%; color: #ffeba7; background-color: #102770; font-family: 'unicons'; content: '\eb4f'; z-index: 20; top: -10px; left: -10px; line-height: 36px; text-align: center; font-size: 24px; transition: all 0.5s ease; } .checkbox:checked + label:before { transform: translateX(44px) rotate(-270deg); } .card-3d-wrap { position: relative; width: 440px; max-width: 100%; height: 400px; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; perspective: 800px; margin-top: 60px; } .card-3d-wrapper { width: 100%; height: 100%; position:absolute; top: 0; left: 0; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; transition: all 600ms ease-out; } .card-front, .card-back { width: 100%; height: 100%; background-color: #2a2b38; background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/1462889/pat.svg'); background-position: bottom center; background-repeat: no-repeat; background-size: 300%; position: absolute; border-radius: 6px; left: 0; top: 0; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } .card-back { transform: rotateY(180deg); } .checkbox:checked ~ .card-3d-wrap .card-3d-wrapper { transform: rotateY(180deg); } .center-wrap{ position: absolute; width: 100%; padding: 0 35px; top: 50%; left: 0; transform: translate3d(0, -50%, 35px) perspective(100px); z-index: 20; display: block; } .form-group{ position: relative; display: block; margin: 0; padding: 0; } .form-style { padding: 13px 20px; padding-left: 55px; height: 48px; width: 100%; font-weight: 500; border-radius: 4px; font-size: 14px; line-height: 22px; letter-spacing: 0.5px; outline: none; color: #c4c3ca; background-color: #1f2029; border: none; -webkit-transition: all 200ms linear; transition: all 200ms linear; box-shadow: 0 4px 8px 0 rgba(21,21,21,.2); } .form-style:focus, .form-style:active { border: none; outline: none; box-shadow: 0 4px 8px 0 rgba(21,21,21,.2); } .input-icon { position: absolute; top: 0; left: 18px; height: 48px; font-size: 24px; line-height: 48px; text-align: left; color: #ffeba7; -webkit-transition: all 200ms linear; transition: all 200ms linear; } .form-group input:-ms-input-placeholder { color: #c4c3ca; opacity: 0.7; -webkit-transition: all 200ms linear; transition: all 200ms linear; } .form-group input::-moz-placeholder { color: #c4c3ca; opacity: 0.7; -webkit-transition: all 200ms linear; transition: all 200ms linear; } .form-group input:-moz-placeholder { color: #c4c3ca; opacity: 0.7; -webkit-transition: all 200ms linear; transition: all 200ms linear; } .form-group input::-webkit-input-placeholder { color: #c4c3ca; opacity: 0.7; -webkit-transition: all 200ms linear; transition: all 200ms linear; } .form-group input:focus:-ms-input-placeholder { opacity: 0; -webkit-transition: all 200ms linear; transition: all 200ms linear; } .form-group input:focus::-moz-placeholder { opacity: 0; -webkit-transition: all 200ms linear; transition: all 200ms linear; } .form-group input:focus:-moz-placeholder { opacity: 0; -webkit-transition: all 200ms linear; transition: all 200ms linear; } .form-group input:focus::-webkit-input-placeholder { opacity: 0; -webkit-transition: all 200ms linear; transition: all 200ms linear; } .btn{ border-radius: 4px; height: 44px; font-size: 13px; font-weight: 600; text-transform: uppercase; -webkit-transition : all 200ms linear; transition: all 200ms linear; padding: 0 30px; letter-spacing: 1px; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; text-align: center; border: none; background-color: #ffeba7; color: #102770; box-shadow: 0 8px 24px 0 rgba(255,235,167,.2); } .btn:active, .btn:focus{ background-color: #102770; color: #ffeba7; box-shadow: 0 8px 24px 0 rgba(16,39,112,.2); } .btn:hover{ background-color: #102770; color: #ffeba7; box-shadow: 0 8px 24px 0 rgba(16,39,112,.2); } .logo { position: absolute; top: 30px; right: 30px; display: block; z-index: 100; transition: all 250ms linear; } .logo img { height: 26px; width: auto; display: block; }” id=”” font_size=”” border_size=”” border_color=”” border_style=”” background_color=”” line_number_background_color=”” line_number_text_color=”” margin_top=”” margin_right=”” margin_bottom=”” margin_left=””]Cgk8YSBocmVmPSJodHRwczovL2Zyb250LmNvZGVzLyIgY2xhc3M9ImxvZ28iIHRhcmdldD0iX2JsYW5rIj4KCQk8aW1nIHNyYz0iaHR0cHM6Ly9hc3NldHMuY29kZXBlbi5pby8xNDYyODg5L2ZjeS5wbmciIGFsdD0iIj4KCTwvYT4KCgk8ZGl2IGNsYXNzPSJzZWN0aW9uIj4KCQk8ZGl2IGNsYXNzPSJjb250YWluZXIiPgoJCQk8ZGl2IGNsYXNzPSJyb3cgZnVsbC1oZWlnaHQganVzdGlmeS1jb250ZW50LWNlbnRlciI+CgkJCQk8ZGl2IGNsYXNzPSJjb2wtMTIgdGV4dC1jZW50ZXIgYWxpZ24tc2VsZi1jZW50ZXIgcHktNSI+CgkJCQkJPGRpdiBjbGFzcz0ic2VjdGlvbiBwYi01IHB0LTUgcHQtc20tMiB0ZXh0LWNlbnRlciI+CgkJCQkJCTxoNiBjbGFzcz0ibWItMCBwYi0zIj48c3Bhbj5Mb2cgSW4gPC9zcGFuPjxzcGFuPlNpZ24gVXA8L3NwYW4+PC9oNj4KCQkJICAgICAgICAgIAk8aW5wdXQgY2xhc3M9ImNoZWNrYm94IiB0eXBlPSJjaGVja2JveCIgaWQ9InJlZy1sb2ciIG5hbWU9InJlZy1sb2ciLz4KCQkJICAgICAgICAgIAk8bGFiZWwgZm9yPSJyZWctbG9nIj48L2xhYmVsPgoJCQkJCQk8ZGl2IGNsYXNzPSJjYXJkLTNkLXdyYXAgbXgtYXV0byI+CgkJCQkJCQk8ZGl2IGNsYXNzPSJjYXJkLTNkLXdyYXBwZXIiPgoJCQkJCQkJCTxkaXYgY2xhc3M9ImNhcmQtZnJvbnQiPgoJCQkJCQkJCQk8ZGl2IGNsYXNzPSJjZW50ZXItd3JhcCI+CgkJCQkJCQkJCQk8ZGl2IGNsYXNzPSJzZWN0aW9uIHRleHQtY2VudGVyIj4KCQkJCQkJCQkJCQk8aDQgY2xhc3M9Im1iLTQgcGItMyI+TG9nIEluPC9oND4KCQkJCQkJCQkJCQk8ZGl2IGNsYXNzPSJmb3JtLWdyb3VwIj4KCQkJCQkJCQkJCQkJPGlucHV0IHR5cGU9ImVtYWlsIiBuYW1lPSJsb2dlbWFpbCIgY2xhc3M9ImZvcm0tc3R5bGUiIHBsYWNlaG9sZGVyPSJZb3VyIEVtYWlsIiBpZD0ibG9nZW1haWwiIGF1dG9jb21wbGV0ZT0ib2ZmIj4KCQkJCQkJCQkJCQkJPGkgY2xhc3M9ImlucHV0LWljb24gdWlsIHVpbC1hdCI+PC9pPgoJCQkJCQkJCQkJCTwvZGl2PgkKCQkJCQkJCQkJCQk8ZGl2IGNsYXNzPSJmb3JtLWdyb3VwIG10LTIiPgoJCQkJCQkJCQkJCQk8aW5wdXQgdHlwZT0icGFzc3dvcmQiIG5hbWU9ImxvZ3Bhc3MiIGNsYXNzPSJmb3JtLXN0eWxlIiBwbGFjZWhvbGRlcj0iWW91ciBQYXNzd29yZCIgaWQ9ImxvZ3Bhc3MiIGF1dG9jb21wbGV0ZT0ib2ZmIj4KCQkJCQkJCQkJCQkJPGkgY2xhc3M9ImlucHV0LWljb24gdWlsIHVpbC1sb2NrLWFsdCI+PC9pPgoJCQkJCQkJCQkJCTwvZGl2PgoJCQkJCQkJCQkJCTxhIGhyZWY9IiMiIGNsYXNzPSJidG4gbXQtNCI+c3VibWl0PC9hPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgCQkJCTxwIGNsYXNzPSJtYi0wIG10LTQgdGV4dC1jZW50ZXIiPjxhIGhyZWY9IiMwIiBjbGFzcz0ibGluayI+Rm9yZ290IHlvdXIgcGFzc3dvcmQ/PC9hPjwvcD4KCQkJCSAgICAgIAkJCQkJPC9kaXY+CgkJCSAgICAgIAkJCQkJPC9kaXY+CgkJCSAgICAgIAkJCQk8L2Rpdj4KCQkJCQkJCQk8ZGl2IGNsYXNzPSJjYXJkLWJhY2siPgoJCQkJCQkJCQk8ZGl2IGNsYXNzPSJjZW50ZXItd3JhcCI+CgkJCQkJCQkJCQk8ZGl2IGNsYXNzPSJzZWN0aW9uIHRleHQtY2VudGVyIj4KCQkJCQkJCQkJCQk8aDQgY2xhc3M9Im1iLTQgcGItMyI+U2lnbiBVcDwvaDQ+CgkJCQkJCQkJCQkJPGRpdiBjbGFzcz0iZm9ybS1ncm91cCI+CgkJCQkJCQkJCQkJCTxpbnB1dCB0eXBlPSJ0ZXh0IiBuYW1lPSJsb2duYW1lIiBjbGFzcz0iZm9ybS1zdHlsZSIgcGxhY2Vob2xkZXI9IllvdXIgRnVsbCBOYW1lIiBpZD0ibG9nbmFtZSIgYXV0b2NvbXBsZXRlPSJvZmYiPgoJCQkJCQkJCQkJCQk8aSBjbGFzcz0iaW5wdXQtaWNvbiB1aWwgdWlsLXVzZXIiPjwvaT4KCQkJCQkJCQkJCQk8L2Rpdj4JCgkJCQkJCQkJCQkJPGRpdiBjbGFzcz0iZm9ybS1ncm91cCBtdC0yIj4KCQkJCQkJCQkJCQkJPGlucHV0IHR5cGU9ImVtYWlsIiBuYW1lPSJsb2dlbWFpbCIgY2xhc3M9ImZvcm0tc3R5bGUiIHBsYWNlaG9sZGVyPSJZb3VyIEVtYWlsIiBpZD0ibG9nZW1haWwiIGF1dG9jb21wbGV0ZT0ib2ZmIj4KCQkJCQkJCQkJCQkJPGkgY2xhc3M9ImlucHV0LWljb24gdWlsIHVpbC1hdCI+PC9pPgoJCQkJCQkJCQkJCTwvZGl2PgkKCQkJCQkJCQkJCQk8ZGl2IGNsYXNzPSJmb3JtLWdyb3VwIG10LTIiPgoJCQkJCQkJCQkJCQk8aW5wdXQgdHlwZT0icGFzc3dvcmQiIG5hbWU9ImxvZ3Bhc3MiIGNsYXNzPSJmb3JtLXN0eWxlIiBwbGFjZWhvbGRlcj0iWW91ciBQYXNzd29yZCIgaWQ9ImxvZ3Bhc3MiIGF1dG9jb21wbGV0ZT0ib2ZmIj4KCQkJCQkJCQkJCQkJPGkgY2xhc3M9ImlucHV0LWljb24gdWlsIHVpbC1sb2NrLWFsdCI+PC9pPgoJCQkJCQkJCQkJCTwvZGl2PgoJCQkJCQkJCQkJCTxhIGhyZWY9IiMiIGNsYXNzPSJidG4gbXQtNCI+c3VibWl0PC9hPgoJCQkJICAgICAgCQkJCQk8L2Rpdj4KCQkJICAgICAgCQkJCQk8L2Rpdj4KCQkJICAgICAgCQkJCTwvZGl2PgoJCQkgICAgICAJCQk8L2Rpdj4KCQkJICAgICAgCQk8L2Rpdj4KCQkJICAgICAgCTwvZGl2PgoJCSAgICAgIAk8L2Rpdj4KCSAgICAgIAk8L2Rpdj4KCSAgICA8L2Rpdj4KCTwvZGl2Pg==
Toggle Sliding Bar Area
Odber noviniek
Krstné meno alebo celé meno
Email
Pokračovaním prijímate zásady ochrany osobných údajov
Go to Top