@import url("https://fonts.googleapis.com/css?family=Lato:300"); *, *::before, *::after { box-sizing: border-box; padding: 0; margin: 0; } body { font-family: "Lato"; font-size: 16px; background: #e4e5e6; } table { font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 16px; background: white; border-collapse: collapse; text-align: left; margin: 0 auto; } th { font-weight: normal; border-bottom: 2px solid #6678b1; padding: 10px 8px; } td { padding: 9px 8px; transition: .3s linear; border: 1px solid #ddd; } header { padding: 12px 0 12px 24px; box-sizing: border-box; background: #151515; width: 100%; z-index: 999; color: #fff; font-size: 20px; font-weight: 500; } .block-final { max-width: 450px; position: absolute; bottom: 2%; left: 2%; right: 2%; z-index: 999; overflow: visible; margin-right: auto; margin-left: auto; color: #000; opacity: 0; transition: 0.5s; -webkit-transition: 0.5s; bottom: -200px; display: none; } .content-popunder { min-height: 220px; margin-bottom: 5px; padding: 8px; border-radius: 15px; background-color: #fff; } .icon { float: left; width: 18%; } .main-text { float: left; width: 80%; padding-left: 10px; } .text-block-5 { padding-top: 5px; padding-bottom: 6px; color: #000; font-size: 15px; font-weight: 700; text-align: left; } .text-block-6 { font-size: 15px; color: #333; padding-bottom: 4px; } .button-block { margin-top: 7px; padding: 10px; border-radius: 15px; background-color: white; font-weight: bold; text-align: center; color: white; } .button-2 { width: 100%; height: 35px; background-color: #fff; color: #487ede; font-size: 16px; text-align: center; } .w-button { display: inline-block; padding: 6px 6px; background-color: rgba(0,180,100,1); color: white; border: 0; line-height: inherit; text-decoration: none; cursor: pointer; border-radius: 0; } .icon img { max-width: 100%; height: auto; } .bg { display: none; background: rgb(191 24 24 / 69%); height: 100%; opacity: 0.6; position: fixed; width: 100%; z-index: 100; top: 0; left: 0; } .top_img { width: 100px; } .slideup { position:fixed; bottom:0; background:#eee; color:#000; width:100%; display:none; } a.btn { font-weight: 700; color: white; text-decoration: none; padding: 16px 60px; border-radius: 3px; background: rgb(160,16,0); box-shadow: 0 -3px rgb(160,16,0) inset; transition: 0.2s; display: inline-block; } a.btn:hover { background: rgb(140,16,0); cursor: pointer} a.btn:active { background: rgb(140,16,0); box-shadow: 0 3px rgb(140,16,0) inset; } .message_footer { background: #fff; } .message_footer > div { padding: 5px 12px; } .message_footer .title { font-weight: bold; font-size: 13px; } .message_footer .description { font-weight: bold; font-size: 11px; } .message_header { background-color: rgb(200,16,0); border-radius: 8px 8px 0 0; padding: 6px 8px; color: #fff; } .message_header .title { font-size: 14px; font-weight: bold; } .message_header .description { font-size: 12px; font-weight: bold; } .top { text-align: center; background: rgb(0,82,40); background: linear-gradient(90deg, rgba(0,82,40,1) 0%, rgba(0,233,121,1) 100%); } .header { background-color: #fff; font-size: 20px; font-weight: bold; padding: 10px; } .counter { font-size: 20px; font-weight: bold; }