- Realitná kancelária ikonreality

: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==

Odber noviniek