@font-face { font-family: "font awesome 5 brands"; font-style: normal; font-weight: 400; font-display: block; src: url(/i/f/free-fa-brands-400.eot); src: url(/i/f/free-fa-brands-400.eot?#iefix) format("embedded-opentype"), url(/i/f/free-fa-brands-400.woff2) format("woff2"), url(/i/f/free-fa-brands-400.woff) format("woff"), url(/i/f/free-fa-brands-400.ttf) format("truetype"), url(/i/f/free-fa-brands-400.svg#fontawesome) format("svg") } @font-face { font-family: "font awesome 5 free"; font-style: normal; font-weight: 400; font-display: block; src: url(/i/f/free-fa-regular-400.eot); src: url(/i/f/free-fa-regular-400.eot?#iefix) format("embedded-opentype"), url(/i/f/free-fa-regular-400.woff2) format("woff2"), url(/i/f/free-fa-regular-400.woff) format("woff"), url(/i/f/free-fa-regular-400.ttf) format("truetype"), url(/i/f/free-fa-regular-400.svg#fontawesome) format("svg") } @font-face { font-family: "font awesome 5 pro"; font-style: normal; font-weight: 400; font-display: block; src: url(/i/f/free-fa-regular-400.eot); src: url(/i/f/free-fa-regular-400.eot?#iefix) format("embedded-opentype"), url(/i/f/free-fa-regular-400.woff2) format("woff2"), url(/i/f/free-fa-regular-400.woff) format("woff"), url(/i/f/free-fa-regular-400.ttf) format("truetype"), url(/i/f/free-fa-regular-400.svg#fontawesome) format("svg") } @font-face { font-family: "font awesome 5 free"; font-style: normal; font-weight: 900; font-display: block; src: url(/i/f/free-fa-solid-900.eot); src: url(/i/f/free-fa-solid-900.eot?#iefix) format("embedded-opentype"), url(/i/f/free-fa-solid-900.woff2) format("woff2"), url(/i/f/free-fa-solid-900.woff) format("woff"), url(/i/f/free-fa-solid-900.ttf) format("truetype"), url(/i/f/free-fa-solid-900.svg#fontawesome) format("svg") } @font-face { font-family: "font awesome 5 pro"; font-style: normal; font-weight: 900; font-display: block; src: url(/i/f/free-fa-solid-900.eot); src: url(/i/f/free-fa-solid-900.eot?#iefix) format("embedded-opentype"), url(/i/f/free-fa-solid-900.woff2) format("woff2"), url(/i/f/free-fa-solid-900.woff) format("woff"), url(/i/f/free-fa-solid-900.ttf) format("truetype"), url(/i/f/free-fa-solid-900.svg#fontawesome) format("svg") } .fab, .far { font-weight: 400 } .fab { font-family: "Font Awesome 5 Brands" } .fa, .far, .fas { font-family: "Font Awesome 5 Free" } .fa, .fas { font-weight: 900 } .fa, .fab, .fad, .fal, .far, .fas { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1 } .fa-search:before { content: "\f002" } .fa-download:before { content: "\f019" } .fa-searchengin:before { content: "\f3eb" } .fa-desktop:before { content: "\f108" } .fa-mobile-alt:before { content: "\f3cd" } .fa-ban:before { content: "\f05e" } .fa-users:before { content: "\f0c0" } .fa-hand-holding-usd:before { content: "\f4c0" } .fa-globe:before { content: "\f0ac" } .a-20:before { content: "\f0c9"; font-size: 25px; } .a-31:before { content: "\f00d"; } * { margin: 0; padding: 0 } :focus { outline: 0 } ::placeholder { color: #999; opacity: 1 } :-ms-input-placeholder { color: #999 } ::-ms-input-placeholder { color: #999 } html { height: 100%; min-width: 320px; box-sizing: border-box } body { background: #fff; font-family: Helvetica, Arial; font-size: 15px; line-height: 1.4em; color: #333; position: relative; min-height: 100%; overflow-x: hidden; } main .b, main section { padding: 0 15px 0 15px } a, a:active, a:hover, a:visited { color: #DD3333; } a:hover { text-decoration: underline; color: #000; } .z32, h1, h2, h3, h4, h5, h6 { color: #2a2c2d; font-weight: 700; padding: 0 0 5px } h3, h4, h5, h6 { font-size: 18px } h1 { max-width: 700px; margin: auto; padding-top: 20px; line-height: 1; font-size: 32px } .c, h2 { font-size: 22px } .c2 { font-size: 18px; } .o2 { color: #DD3333; } img { width: 100%; height: auto } section:not(.d) { margin-bottom: 50px } .suggestlang { text-align: center; border-bottom: 2px solid #ccc; padding: 10px; display: none; } .logo { padding-top: 30px!important; } .logo a { white-space: nowrap; } .e { text-align: center; } .e p { max-width: 650px; margin: auto } .e i.z35 { text-decoration: underline } .e strong:nth-of-type(1) { color: #DD3333; } .e strong:nth-of-type(2) { color: #1f4ba7 } .e strong:nth-of-type(3) { color: #ff0157 } .e strong:nth-of-type(4) { color: #009dfd } .e strong:nth-of-type(5) { color: #0052ff } .e i.z35 strong:nth-of-type(1), .e strong:nth-of-type(6) { color: red } .nosearch h2 { margin-top: 20px; font-size: 16px; } footer { margin: auto; max-width: 1000px; padding: 0 15px 0 15px; font-size: 14px; color: #a3a3a3 } footer h4 { margin-top: 40px; text-align: center; } footer a { text-decoration: none } footer ul { list-style-type: none } footer ul li { display: inline } footer ul:first-child { text-align: center; padding: 0 0 50px; border-bottom: 1px solid #444; } footer.f ul:first-child { text-align: center; padding-top: 50px; border-bottom: 1px solid #444; } footer ul:first-child li a { display: inline-block; width: 26px; padding: 3px 0 3px 0; margin: 0 6px; border-radius: 3px; font-size: 13px; } footer ul:first-child li a i { color: #000; } footer ul:last-child { padding: 20px 0 20px; } footer ul:not(:first-child) li:not(:last-child):after { content: "-"; padding: 5px } footer span { display: inline-block; margin: auto; padding: 20px 0 50px; } footer ul.fll { padding: 20px 0 20px; width: 330px; float: right; } footer .flfriends { text-align: center; margin-top: 30px; } hr { margin-bottom: 50px; height: 1px; border: 0; background-color: #d9d9d9 } .g { background-color: #afafaf; } .h { background-color: #afafaf; } .i { background-color: #afafaf; } .j { background: #fff; } .k { background: #fff; position: relative; } .k2 { background: #fff; border-top: 2px solid #DD3333; padding-bottom: 0!important; padding-top: 60px!important; } .k2 h2 { text-align: center; } .ntline-desktop { background-color: #333; padding-top: 7px; padding-bottom: 5px; text-align: center; font-size: 12px; color: #fff; } .ntline-desktop a { font-weight: normal; padding-left: 14px; padding-right: 7px; color: #eee; } header { height: 92px } header a { text-decoration: none } header i { padding: 0 10px 0 0; font-size: 24px; vertical-align: middle } header#z21 div { padding: 35px 0 25px } header>div:first-of-type a i { display: inline-block; background-image: url(/i/daftsexdownload.com/favicon-32x32.png); background-position: 0 0; width: 26px; height: 32px; background-repeat: no-repeat; background-size: 30px 30px; background-position: 5px 1px; } header>div:first-of-type a span { position: relative; top: 2px } header>div:first-of-type a:hover { text-decoration: none; } header>div:first-of-type a span strong { font-weight: 800; padding: 5px 7px 5px 7px; border-radius: 2px; color: #DD3333; } header#z21>div:first-of-type, header>div:first-of-type { float: left; padding-left: 15px } header>div:first-of-type a { color: #363636; font-size: 19px; font-weight: 700 } header#z21>div:last-of-type, header>div:last-of-type { float: right; padding-right: 15px } header>div:last-of-type a { color: #363636; } header>div:last-of-type i { font-size: 19px; cursor: pointer; display: none } header>div:last-of-type li:not(:last-child):after { content: "|"; padding: 10px } header ul { list-style: none } header ul li { display: inline } .l { margin: auto; background: #fff; border-radius: 4px; border: 1px solid #444; } form { width: 100% } input { width: calc(100% - 152px); padding: 0 10px; outline: 0; font-size: 25px; color: #525252; background: 0 0; border: none; box-shadow: none } input:-moz-placeholder, input:focus { box-shadow: none } input::-ms-clear { display: none } .o a, button { display: inline-block; text-decoration: none; font-size: 25px; background: #fff; color: #DD3333; border: none; border-radius: 4px; cursor: pointer } .o a { padding: 11px 24px } .l button { width: 73px; height: 51px } #z8 button[type=reset], .l button[type=reset], button[type=reset] { width: 50px; background: 0 0; color: #fff; cursor: none; pointer-events: none } #m { position: relative; max-width: 750px; margin-top: 70px; margin-bottom: 70px; padding: 4px } #m input { font-size: 17px; background-color: #fff; color: #363636; } #m button { font-size: 21px } .z20 { max-width: 610px } .d { padding-top: 50px; padding-bottom: 30px; } .d2 { padding-bottom: 70px; } .n { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 1000px; margin: auto } .n div { width: 50%; padding-bottom: 50px; } .n.pad div { padding-left: 5px; padding-right: 5px; } .n.z23 div { width: calc(50% - 20px); } .n.z30 { margin-top: 30px } .n.z30 div:first-of-type p, .n.z31 div:first-of-type p { padding-right: 10px } .n.z30 div:last-of-type p, .n.z31 div:last-of-type p { padding-left: 10px } .n:not(.p) i { float: left; width: 60px; height: 45px; font-size: 40px; line-height: 1.3; color: #DD3333; } .q { max-width: 360px } .o a, .o p { margin-top: 15px } .r { margin: auto; max-width: 1000px; padding: 70px 0 70px 0 } .r h3 { font-size: 19px } .r ul { color: #0d0d0d; list-style: outside; padding-left: 40px; margin: 20px 0 40px } .r.z22 ul { list-style: none } .r ul li { margin: 15px 0 } .r form { max-width: 800px; overflow: hidden } .r form label { color: #000; font-size: 16px; display: block; margin: 20px 0 12px } .r form input, textarea { font-size: 17px; background: #fafafa; border: 1px solid #ccc; color: #000; width: 100%; height: 35px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } textarea { height: 150px; padding: 10px; resize: none; overflow: auto } .r form button { padding: 10px 28px; margin-top: 20px; float: right } .r .d { padding-bottom: 50px } .s div { width: 33% } .n.s i { display: inline-block; width: 100%; height: 125px; font-size: 94px; color: #484848 } .n.s i:hover { opacity: .5 } .t div { width: 45% } .t img { max-width: 500px } .t div:first-child { padding-right: 10% } .t div:first-child a, .t div:first-child h3 { display: inline-block; margin-top: 20px } .t div:first-child a { color: red } .u ul { list-style-type: none; padding-left: 30px } .u i { width: 30px; font-size: 12px } .p h2, .p h3 { line-height: 1; font-size: 32px; margin-bottom: 20px } .p div { width: 40%; border: 1px solid #ccc; border-width: 7px 1px 1px 1px; padding: 30px; margin: 30px auto; color: #000 } .p div:last-of-type { border-top: 7px solid #d4ab31 } .p div p { font-size: 20px } .p ul { list-style-type: none; padding: 0 } .p hr { margin: 30px 0 30px } .p i { font-size: 12px; padding-right: 8px } .v { opacity: .5 } .z24 { border-radius: 3px } .w { height: 350px } .w i { font-size: 60px; height: 80px; width: 80px; margin: 40px 0 20px; color: red } .x div { width: 33%; margin: auto } .x p { padding: 0 5px 0 5px; text-align: center } .x .y { position: relative; width: 80%; margin: auto; padding: 0 } .x .y a { display: inline-block; position: relative; width: 100%; color: #fff; text-decoration: none } .x .y a img { border-radius: 4px } .x .y a:before, .z a:before { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); content: "\f0ab"; font-size: 50px; text-shadow: 0 0 15px rgba(0, 0, 0, 1) } .x .y a:hover:before { transition: all .2s ease-out; color: red; text-shadow: none } .x .y a span { display: block; position: absolute; bottom: 2px; height: 18px; background: rgba(0, 0, 0, .75); width: 100%; text-align: center; color: #fff; line-height: 1.15em; font-size: 13px; border-radius: 0 0 4px 4px; font-weight: 600 } .z1 { display: block; max-width: 1000px; padding: 10px 0; margin: auto; text-align: center; background: #e6e5e3; border-radius: 4px; color: #525252; font-weight: 600; text-decoration: none } .n.z, .z2 { max-width: 610px } .z div:first-of-type { width: 35% } .z div:last-of-type { width: 65% } .z a { display: inline-block; position: relative; width: 185px; height: 139px; text-decoration: none } .z img { border-radius: 10px } .z a:before { content: "\f144"; font-size: 50px; color: #fff } #z3, .z a:hover:before { transition: all .2s ease-out; color: red; text-shadow: none } select { height: 50px; width: 168px; border-radius: 5px; border: 1px solid #ccc; padding-left: 20px; margin: 13px 0 10px; color: #555; cursor: pointer; background: #fff url(data:image/svg+xml; base64, PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzU1NTt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 98% 50%; -moz-appearance: none; -webkit-appearance: none; appearance: none; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) } #z25 { border: none } #z25 input { width: 50px; height: 41px; border-radius: 5px; border: 1px solid #ccc; background: #fff; font-size: 11px; text-align: center; -moz-appearance: none; -webkit-appearance: none; appearance: none; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) } #z25 input:first-of-type { margin-right: 4px } optgroup { font-style: normal } #z3 { height: 50px; float: right; margin-top: 13px; padding: 11px 24px; background: 0 0; border: 1px solid red; font-size: 15px; font-weight: 600 } #z3:hover { background: red; color: #fff } #z3 img { width: 20px; position: relative; top: 2px; margin-right: 10px; -webkit-animation: rotateLoop 2s linear infinite; -moz-animation: rotateLoop 2s linear infinite; -o-animation: rotateLoop 2s linear infinite; animation: rotateLoop 2s linear infinite } #z3 i { float: none; width: auto; font-size: 14px; line-height: 1.9 } #z28, #z4, #z5, .z37 { display: none } #z4 span { position: relative; top: -3px } #z28 span, #z5 span { position: relative; top: -2px; left: 2px } .z2 { padding-bottom: 270px; margin: auto; list-style-type: none } .z2 li { display: inline; padding-right: 20px } .z2 li a { color: #525252; font-size: 12px; text-decoration: none } .z2 li a:hover { color: red } .z6 { border-top: 1px solid #e6e6e6 } #z27 div { margin: auto; margin-bottom: 50px } #z40 div { margin: auto; margin-top: 25px } h2.z42 { color: #0052ff } @keyframes rotateLoop { from { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0) } to { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg) } } @-webkit-keyframes rotateLoop { 0% { -webkit-transform: rotate(0) } 100% { -webkit-transform: rotate(360deg) } } @-moz-keyframes rotateLoop { 0% { -moz-transform: rotate(0) } 100% { -moz-transform: rotate(360deg) } } @-o-keyframes rotateLoop { 0% { -o-transform: rotate(0) } 100% { -o-transform: rotate(360deg) } } @keyframes rotateLoop { 0% { transform: rotate(0) } 100% { transform: rotate(360deg) } } .z7 { display: none; position: absolute; width: 100%; left: -1px; margin-top: 6px; background: #fff; border: 1px solid #ddd; border-width: 0 1px 1px; list-style: none; text-align: left; overflow: hidden; z-index: 9 } .z7 li a { display: block; width: 100%; padding: 10px; color: red; cursor: pointer } .z33, .z7 li a:hover { text-decoration: none; background: #e0e0e0 } #z8 { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; position: fixed; top: -71px; width: 100%; height: 70px; z-index: 9; background: #1b1b1b; border-top: 1px solid #555; border-bottom: 1px solid #1f1f1f; transition: all .3s ease-out, box-shadow .3s ease-out; } #z8 div { width: 65%; padding-top: 25px; float: none } #z8>div:first-of-type { width: 15% } #z8>div:last-of-type { width: 15%; text-align: right } #z8>div:last-of-type i { display: block; color: #ccc; } #z8 #z9 { position: relative; max-width: 600px; padding: 4px 2px 4px; height: 50px } #z8 #z9 form button i { vertical-align: baseline } #z8 #z9 form input { position: relative; top: -2px } #z8 #z9 i { padding: 0 } #z8 ul { display: none } #z8 button { width: 72px; height: 50px } #z8 ul.z10, header ul.z10 { display: block; width: calc(100% - 4px); position: absolute; top: 110px; left: 0; z-index: 99; background-color: #fff; border: 2px solid #DD3333; } #z8 ul.z10 li, header ul.z10 li { display: list-item; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-bottom: 1px solid #333; } #z8 ul.z10 li:last-of-type, header ul.z10 li:last-of-type { border-bottom: none; } header ul.z10 li a { display: block; padding-top: 15px; padding-bottom: 15px; text-align: left; padding-left: 50px; } #z8 ul.z10 li:first-of-type { padding-top: 15px } header>div:last-of-type ul.z10 li:not(:last-child):after { content: none; padding: 0 } .k div div { margin-top: 30px; } .j { padding-top: 70px; } #loading-message { margin-top: 50px; padding-bottom: 30px!important; display: none; padding: 0 20px; text-align: center; overflow: hidden; } #loading-message .status { text-align: center; font-size: 21px; color: #2a2c2d; padding-top: 20px; } .loader { font-size: 5px; display: inline-block; margin: 0 auto; text-indent: -9999em; width: 100px; height: 100px; border-radius: 50%; background: #DD3333; background: linear-gradient(to right, #DD3333 10%, rgba(2, 4, 1, 0) 42%); position: relative; animation: load3 1.4s infinite linear; transform: translateZ(0); } .loader:before { width: 50%; height: 50%; background: #DD3333; border-radius: 100% 0 0 0; position: absolute; top: 0; left: 0; content: ''; } .loader:after { background: #fff; width: 75%; height: 75%; border-radius: 50%; content: ''; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } @keyframes load3 { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } } .searchsection { padding-bottom: 80px; padding-top: 20px; } .searchsection .error-msg { margin-top: 30px; margin-bottom: 30px; } .dsection { border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; padding-top: 50px; } .dsection h2, .searchsection h2 { margin-bottom: 40px; font-size: 26px; line-height: 30px; } .dsection h3, .searchsection h3 { margin-bottom: 20px; text-align: left; } .dpage { max-width: 800px; margin: auto; } .dpage:after { content: ""; display: table; clear: both; } .dpage .thumbdiv { max-width: 290px; float: left; padding-bottom: 30px; } .dpage .selection { width: 460px; float: right; } #dtable .loader { margin-top: 30px; margin-bottom: 10px; } #dtable .error-msg { margin-top: 50px !important; margin-bottom: 60px !important; } #dtable .notice-msg { text-align: left; font-size: 15px; padding-top: 17px; font-weight: normal; background-color: #e0180b; margin: auto; padding: 15px; color: #fff; border-radius: 3px; margin-bottom: 30px; } #dtable .htmldownloader { text-align: center } #dtable .htmldownloader a { color: #fff; font-weight: 700 } #dtable .success-msg { text-align: left; font-size: 15px; padding-top: 17px; font-weight: normal; background-color: green; margin: auto; padding: 15px; color: #fff; border-radius: 3px; margin-bottom: 30px; } #dtable .success-msg h3 { padding-bottom: 0; } #dtable .success-msg p { margin-top: 20px; margin-bottom: 5px; } #dtable .success-msg a { color: #fff; font-weight: bold; } .dpage table { width: 100%; margin: auto; border-spacing: 0; margin-top: 40px; } .dpage td { width: 33%; text-align: center; padding: 10px 0 10px 0; } .dpage tr:not(:first-child) td { border-top: 1px solid #555; } .dpage .hint { font-size: 13px; text-align: left; margin: auto; margin-top: 40px; } .dpage .hint p { margin-bottom: 20px; } .dpage .hint b { color: #000; } .dpage .dlbtn { font-weight: 700; background-color: #DD3333; padding: 5px 14px 5px 14px; border-radius: 2px; color: #fff; text-decoration: none; display: inline-block; width: auto; } .dpage .dlbtn:hover { color: #000; } .dpage .dlbtn-big, .e2 .dlbtn-big, .itg .dlbtn-big { font-weight: 700; font-size: 14px; background-color: #DD3333; padding: 7px 14px; border-radius: 2px; color: #fff; text-decoration: none; display: inline-block; width: auto; margin-bottom: 10px; } .dpage .dlbtn-big:hover, .e2 .dlbtn-big:hover, .dlbtn-itube:hover, .itg .dlbtn-big:hover { color: #000!important; text-decoration: none; } .e2 .dlbtn-big:before { color: #fff; font-family: "font awesome 5 pro"; content: "\f358"; padding-right: 10px; font-size: 20px; } .e2 .dlbtn-big { font-size: 16px; padding: 10px 20px; } .dlbtn-itube { font-weight: bold; padding: 7px 14px; border-radius: 2px; color: #fff!important; text-decoration: none; background-color: #DD3333; } .dlpage-tt1 { max-width: 800px; margin: auto } .itgban1 { max-width: 904px; max-height: 149px; border: 3px solid black; } .itgban1:hover { border: 3px solid #DD3333; } .searchkey { color: #000; } .subpage { width: 930px; margin: auto; font-size: 14px; text-align: justify; } .subpage h1 { text-align: center; padding-bottom: 20px; } .subpage h2 { padding-top: 20px; padding-bottom: 5px; } .subpage h3 { padding-top: 10px; padding-bottom: 0; font-size: 16px; } .subpage ul { padding-left: 20px; } .subpage ul, .subpage p { padding-top: 10px; padding-bottom: 10px; } .faq { max-width: 700px; margin: auto; text-align: justify; } .faq h3 { font-size: 22px; border-bottom: 1px solid #ccc; } .faq-row { margin-top: 30px; } .faq .as { margin-top: 10px; padding-bottom: 10px; margin-left: 15px; margin-right: 15px; } .it1 { text-align: left; margin-top: 20px; border: 2px solid red; padding: 10px; font-size: 14px; } .it2 { width: 500px; margin: auto; } .it1-hdline { text-decoration: underline; font-weight: 700; font-size: 16px } .it1-btn-plc { text-align: center } .it1-btn { font-weight: 700; background-color: red; border-radius: 3px; color: #fff!important; text-decoration: none; display: inline-block; padding: 10px 14px; text-align: center; width: auto; margin: auto; margin-top: 20px; font-size: 18px } .it1-btn:hover { color: black!important; text-decoration: none!important } #wappBtn { padding: 10px 20px 10px 20px; -webkit-animation: wappblink 5s infinite; -moz-animation: wappblink 5s infinite; -o-animation: wappblink 5s infinite; animation: wappblink 5s infinite; border: 2px solid #DD3333; position: absolute; top: 163px; right: 0; font-size: 18px; cursor: pointer; font-weight: bold; background: #DD3333; color: blue; z-index: 55; border-radius: 3px; } #wappBtn:hover { border: 2px solid red!important; } .wappHide { display: none; } @-webkit-keyframes wappblink { 0%, 49% { color: #000; } 50%, 100% { color: white; } } .e2 { padding-bottom: 20px; text-align: center; } .t1 { display: inline-block; text-align: center; margin: auto; margin-top: auto; margin-bottom: auto; border-radius: 4px; border: 2px solid #DD3333; padding: 10px 15px 10px 15px; line-height: 25px; font-size: 13px; } .t1 label { font-weight: bold; color: #DD3333; display: block; font-size: 14px; text-align: center; border-bottom: 1px solid #333; padding-bottom: 9px; margin-bottom: 10px; } .t1 .red, .t1 .notranslate { color: #DD3333; } .ld-add { margin: auto; width: 900px; } .ld-addc { float: left; } .ld-addc:not(:first-of-type) iframe { width: 290px; margin-left: 10px; } .ld1 { max-width: 980px; margin: auto; margin-top: 20px; border-radius: 4px; border: 1px solid #DD3333; } .ld2 { border: 0; } .ld2 .dlc { height: 240px; } .dlc { width: 230px; min-height: 215px; float: left; margin-left: 10px; padding-top: 20px; padding-bottom: 20px; } .dlc a { display: block; height: 100%; width: 100%; text-decoration: none; } .dlc a .dl-title { text-decoration: underline; } .dlt { height: 150px; background-size: contain; background-position: center; background-repeat: no-repeat; } .dlt-dur { color: #fff; text-align: right; padding-right: 7px; padding-top: 117px; font-weight: bold; font-size: 12px; } .ld1:after, .ld-add:after { content: ""; display: table; clear: both; } .locatorbtn a { text-decoration: none; display: inline-block; margin: auto; border-radius: 3px; background-color: #DD3333; color: black; font-size: 20px; padding: 7px 17px 7px 17px; } .locatorbtn a:hover { color: #fff; } .locator-hint { max-width: 500px; margin: auto; margin-top: 40px; text-align: left; margin-bottom: 20px; } .cat1 { margin: auto; max-width: 820px; } .cat1 a { display: block; width: 230px; border: 1px solid #333; float: left; padding: 10px 10px 10px 10px; border-radius: 4px; margin: 5px 10px 5px 10px; font-size: 16px; } .cat1:after { content: ""; display: table; clear: both; } .itfloater { display: none; width: 600px; background: #fff; border-radius: 15px; border: 4px solid #31a51a; padding-top: 20px; padding-bottom: 30px; padding-left: 20px; padding-right: 20px; color: #000; position: fixed; top: 50%; left: 50%; margin-top: -290px; margin-left: -325px; } .itfloater_close:before { content: "\f00d"; } .itfloater_close { font-size: 24px; font-family: "font awesome 5 free"; font-weight: bold; color: #999; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; text-align: right; padding-right: 5px; padding-bottom: 5px; cursor: pointer; } .itfloater_headline { font-size: 26px; text-align: center; color: black; font-weight: bold; } .itfloater_ph { text-transform: uppercase; font-weight: bold; color: #DD3333; } .itfloater_images { height: 156px; width: 560px; margin: auto; margin-top: 30px; } .itfloater_images:after { content: ""; display: table; clear: both } .itfloat_area_img { height: 155px; width: 240px; float: left; } .itfloat_area_txt { width: 294px; margin-left: 20px; margin-top: 20px; float: left; } .itfloat_area { display: none; } .itfloat_area_count { float: left; width: 40px; height: 70px; } .itfloat_area_txtr { float: left; width: 254px; } .itfloat_area_txtr:after { content: ""; display: table; clear: both } .itfloat_area_count_btn { background-color: #38a169; color: #fff; text-align: center; padding: 5px; padding-top: 7px; border-radius: 5px; font-size: 20px; width: 20px; font-weight: bold; } .itfloat_area_txt_hd { font-size: 26px; font-weight: bold; padding-top: 8px; padding-bottom: 12px; line-height: 23px; } .itfloat_area_txt_txt { font-size: 17px; line-height: 22px; } .itfloat_prev1 .itfloat_area_img { background: url(/i/itubego/assets/images/step-1-thumbzilla.jpg); background-size: cover; background-repeat: no-repeat; } .itfloat_prev2 .itfloat_area_img { background: url(/i/itubego/assets/images/step-2.jpg); background-size: cover; background-repeat: no-repeat; } .itfloat_prev3 .itfloat_area_img { background: url(/i/itubego/assets/images/step-3.jpg); background-size: cover; background-repeat: no-repeat; } .itfloat_prev4 .itfloat_area_img { background: url(/i/itubego/assets/images/step-4.jpg); background-size: cover; background-repeat: no-repeat; } .itfloater_args { margin: auto; margin-top: 30px; width: 350px; } .itfloater_args_two { margin: auto; margin-top: 20px; margin-left: 40px; width: 250px; float: left; } .itfloater_row:after { content: ""; display: table; clear: both } .itfloater_args_two .itfloater_row { margin-top: 3px; } .itfloater_icon { background-image: url(/i/option-3.svg); background-size: cover; width: 50px; height: 50px; float: left; } .itfloater_args_two .itfloater_icon { width: 25px; height: 25px; } .itfloater_label { font-size: 20px; padding-top: 17px; float: left; margin-left: 20px; } .itfloater_args_two .itfloater_label { font-size: 16px; margin-left: 10px; padding-top: 5px; } .itfloater_btn { text-align: center; } .itfloater_btn a { font-weight: 700; background-color: #31a51a; border-radius: 3px; color: #fff !important; text-decoration: none; display: inline-block; padding: 10px 14px; text-align: center; width: auto; margin: auto; margin-top: 30px; font-size: 18px; color: #fff; text-decoration: none; } .itfloater_btn a:hover { background-color: #298616; } .itbrstk { width: 308px; height: 95px; position: fixed; right: 15px; bottom: 40px; background-color: #DD3333; border-radius: 10px; } .itbrstk a { font-family: Arial; display: block; text-decoration: none; background: url(/i/itubego/itubego-icon-1.png) no-repeat; background-size: 60px; background-position: 18px 18px; padding-left: 90px; padding-top: 25px; padding-bottom: 10px; color: #fff; } .itbrstk .itbrstk-txt1 { font-size: 19px; font-weight: bold; } .itbrstk-txt2 { font-size: 24px; font-weight: bold; padding-top: 8px; } .contact { max-width: 900px; margin: auto; border-radius: 5px; padding: 20px; } .contact .error-msg, .contact .success-msg { max-width: unset; margin-bottom: 20px; } .contact input[type=text], .contact select, .contact textarea { width: 100%; padding: 12px; background-color: #fff; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; resize: vertical; font-size: 14px; color: #000; font-family: Helvetica, Arial; } .contact label { padding: 12px 12px 12px 0; display: inline-block; } .contact button { color: #000; background-color: #ccc; padding: 12px 20px; border-radius: 4px; cursor: pointer; float: right; font-size: 14px; border: 1px solid #aaa; } .contact .tbl-col-25 { float: left; width: 25%; margin-top: 6px; } .contact .tbl-col-75 { float: left; width: 75%; margin-top: 6px; } .contact .tbl-row { padding-top: 3px; padding-bottom: 3px; } .contact .tbl-row:after { content: ""; display: table; clear: both; } .contact .input-cptc { width: 75px!important; } .cptc { width: 80px; height: 40px; background-repeat: no-repeat!important; background-size: contain!important; float: left; margin-right: 10px; margin-top: 3px; } .pagination { list-style-type: none; display: inline-block; border: 1px solid #ccc; background-color: #ddd; border-radius: 5px; font-weight: bold; } .pagination a, .pagination .disabled { display: block; text-decoration: none; padding: 10px 14px 10px 14px; } .pagination a:hover { background-color: #bbb; } .pagination li { float: left; border-radius: 3px; } .pagination li.active { background-color: #bbb; } .pagination:after { content: ""; clear: both; } @media only screen and (max-width:1100px) { #z8>div:first-of-type, #z8>div:last-of-type { display: none } #z8 #z9 { width: 100%; max-width: 95% } .subpage { width: 750px; } } @media only screen and (max-width: 999px) { .ld1 { max-width: 494px; } .itgban1 { widtH: 100%; } } @media only screen and (max-width: 940px) { .ld-add { text-align: center; width: auto; } .ld-addc { float: unset; } .ld-addc iframe { width: 300px!important; margin-left: 0!important; margin-top: 10px; } } @media only screen and (max-width: 845px) { .cat1 { margin: auto; max-width: 546px; } .cat1 a { margin: 10px 10px 10px 10px; font-size: 18px; } #dtable .notice-msg, #dtable .success-msg { font-size: 18px; line-height: 24px; } } @media only screen and (max-width:800px) { header ul { display: none } header>div:last-of-type i { display: block } h1 { font-size: 22px; padding-bottom: 20px; } .n:not(.z11), .z button, .z select { display: block } .n:not(.z11) div, .s div, .z button, .z select { width: 100%; float: none } .n.p div { width: 80% } .n.s div { margin-bottom: 100px } .t:not(.z11) div:first-child { padding: 0; margin-bottom: 50px } .x .y, .z div:first-child { text-align: center } .z div:first-child { padding-bottom: 20px } .z button { margin-bottom: 20px } #z3 { background: red; color: #fff } .n.z h2 { text-align: center } #z25 input { width: 100%; padding: 0 } #z25 input:first-of-type { margin-bottom: 10px; margin-right: 0 } .k div div { margin-top: 0; } .z31 div:last-child { margin-top: 40px; padding-bottom: 20px; } #m { margin-top: 40px } #m input { font-size: 17px; } #m.z29 { margin-top: 0 } .r.z38 { padding: 0 } .k { background: #fff; position: relative } .subpage { width: auto; } .dpage .thumbdiv { float: unset; max-width: unset; width: 100%; } .dsection h2, .searchsection h2 { font-size: 22px; } .dpage h3 { text-align: center; } .dpage .selection { width: 100%; float: unset; margin-top: 30px; } .dpage .hint { margin-top: 70px; } .eaa iframe { width: 100%; } } @media only screen and (max-width: 725px) { .ntline-desktop { display: none; } header ul.z10 { top: 80px; } #dtable .notice-msg, #dtable .success-msg { font-size: 15px; line-height: 16px } } @media only screen and (max-width: 573px) { .cat1 { margin: auto; max-width: 300px; } .cat1 a { float: unset; width: auto; } .contact .tbl-col-25, .contact .tbl-col-75, .contact button { width: 100%; margin-top: 0; } } @media only screen and (max-width:564px) { footer ul.fll { float: unset; margin: auto; } footer span.copyr { display: block; text-align: center; } .dlc { float: unset; width: auto; min-height: unset; } } .error-msg { background-color: #e0180b; max-width: 600px; margin: auto; padding: 15px; color: #fff; font-weight: bold; font-size: 16px; border-radius: 3px; } .success-msg { background-color: #2FB717; max-width: 600px; margin: auto; padding: 15px; padding-top: 18px; color: #fff; font-weight: bold; font-size: 16px; border-radius: 5px; } .error-msg a { color: #fff; } @media only screen and (min-width:800px) { .formobile { display: none!important; } } @media only screen and (max-width:800px) { .fordesktop { display: none!important; } } .sdlifr { width: 100%; height: 400px; border: 0; } #sddlitbtn, #sddlbtn { border: 1px solid #298616; border-radius: 10px; margin-right: 25px; padding: 15px; font-size: 18px; font-weight: bold; text-decoration: none; text-align: center; } #sddlbtn { background: #31a51a; color: #fff; } .sapkbtn { border: 1px solid #b10326; border-radius: 10px; margin-right: 25px; padding: 15px; font-size: 18px; font-weight: bold; text-decoration: none; text-align: center; background: #b10326; color: #fff!important; display: block; max-width: 280px; margin: auto; margin-top: 50px; } .sapkbtn:hover { text-decoration: none; color: #fff; background-color: #8c001c; } #sddlbtn:hover { background: #298616; } main #sddlbtn { display: block; max-width: 280px; margin: auto; margin-top: 50px; } #sdovl { position: absolute; display: none; top: 0px; left: 0px; background-color: black; opacity: 0.6; height: 100%; width: 100%; } #sdovl1 { position: absolute; display: none; top: 10px; left: 50%; width: 80%; } #sdovl122 { position: relative; left: -50%; background-color: white; border: 2px solid green; border-radius: 5px; padding: 10px 10px 40px 10px; margin: auto; margin-top: 100px; } #sdovl11 { color: black; font-size: 16px; width: 80%; margin: auto; margin-top: 40px; text-align: left; } #sdovl11 p { margin-top: 8px; margin-bottom: 12px; } #sdovl12 { margin-top: 40px; text-align: center; } #sdovl13 { border: 1px solid #298616; border-radius: 5px; background: #31a51a; color: #fff; padding: 12px 25px 9px 25px; font-size: 16px; font-weight: bold; text-decoration: none; } #sdovl3:before { content: "\f00d"; } #sdovl3 { font-size: 24px; font-family: "font awesome 5 free"; font-weight: bold; color: #999; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; text-align: right; padding-right: 5px; padding-bottom: 5px; cursor: pointer; float: right; } #sdovl3:hover { text-decoration: none; }