News & Updates Registration Form

.listing-detail-container table tr:not(:first-child) td, .WYSIWYG-editor-content table tr:not(:first-child) td { border: 0px !important; } section.section-listing-detail .listing-detail-containerlabel .detail-top ul li span { text-transform: none !important; font-weight: normal !important; } form { font-family: arial, sans-serif; color: #636569; width: 100%; } select, textarea { font-size: 18px } .input-field { font-size: 18px; margin-top: 20px !important; position: relative !important; width: 170%; height: 44px !important; line-height: 44px !important; } .tableContracts label { position: absolute; top: 0; left: 0; width: 395px; color: rgba(0,174,255,1); transition: 0.2s all; cursor: text; font-size: 24px; } .tableContracts input:optional~label { position: absolute; top: 0; left: 0; width: 395px; color: rgba(0,174,255,1); transition: 0.2s all; cursor: text; font-size: 24px; } .tableContracts input, textarea { width: 100%; border: 0; outline: 0; padding: 0.5rem 0; border-bottom: 2px solid #eaeaea; box-shadow: none; color: #111; font-size: 18px; font-weight:normal !important; } .tableContracts input:invalid, textarea:invalid { outline: 0; // color: #ff2300; // border-color: #BF0003; } .tableContracts input:focus, input:valid, textarea:focus, textarea:valid { border-color: #eaeaea; } .tableContracts input:focus~label, input:valid~label, textarea:focus~label, textarea:valid~label { font-size: 16px; top: -24px; color: #00aeff; } .listing-detail-containerlabel table tr td, .WYSIWYG-editor-content table tr td { background: #ffffff; border: 0px !important; } .tableContracts { background: #ffffff !important; border: 0px; } .tableContracts input { font-size: 18px; padding: 0px; border-bottom: 2px #eaeaea solid; border-left: 0px; border-right: 0px; border-top: 0px; } .tableContracts select { font-size: 18px; padding: 10px; } .tableContracts tr { border: 0px; background: #ffffff; } .tableContracts td { padding: 0px; border: 0px; background: #ffffff; } .tableContractsBtn { color: #005696 !important; border: 5px #36a635 solid !important; background-color: #9aea28; font-weight: bold; font-size: 18px !important; width: 150px !important; height: 50px; border-radius: 40px; padding-top: 4px; box-shadow: 0px !important; box-shadow: none !important; transition: 0.3s; } .tableContractsBtn:hover { border: 5px #9aea28 solid !important; color: #ffffff !important; cursor: pointer !important; background-color: #36a635; font-weight: bold; font-size: 18px !important; height: 50px; border-radius: 40px; } #contentt { display: none } #show:checked ~ #contentt { display: block } #contentt1 { display: none } #show1:checked ~ #contentt1 { display: block } .detail-top ul li:nth-child(n+2) { float: left; border-left: 0px !important; } /* The containerlabel */ .containerlabel { font-family: arial, sans-serif !important; display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Hide the browser’s default checkbox */ .containerlabel input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } /* Create a custom checkbox */ .checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #eee; } /* On mouse-over, add a grey background color */ .containerlabel:hover input ~ .checkmark { background-color: #ccc; } /* When the checkbox is checked, add a blue background */ .containerlabel input:checked ~ .checkmark { background-color: #9aea28; } /* Create the checkmark/indicator (hidden when not checked) */ .checkmark:after { content: “”; position: absolute; display: none; } /* Show the checkmark when checked */ .containerlabel input:checked ~ .checkmark:after { display: block; } /* Style the checkmark/indicator */ .containerlabel .checkmark:after { left: 9px; top: 5px; width: 5px; height: 10px; border: solid #005696; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }