/* Minification failed. Returning unminified contents. (260,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (268,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-check-bg' (269,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-check-bg-image' (273,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width' (273,47): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color' (295,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (368,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-main' (395,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-main' (453,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-main' (920,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (921,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (922,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (923,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (924,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (925,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (927,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (928,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (929,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (930,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (931,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (933,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (934,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (935,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (936,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (937,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (939,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (940,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (941,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (942,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (943,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (955,34): run-time error CSS1039: Token not allowed after unary operator: '-icon-transition' (956,29): run-time error CSS1039: Token not allowed after unary operator: '-icon-transition' (957,26): run-time error CSS1039: Token not allowed after unary operator: '-icon-transition' (963,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-checkmark-size' (964,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-checkmark-color' (971,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-cross-size' (972,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-cross-color' (978,21): run-time error CSS1039: Token not allowed after unary operator: '-switch-width' (979,22): run-time error CSS1039: Token not allowed after unary operator: '-switch-height' (980,26): run-time error CSS1039: Token not allowed after unary operator: '-switch-bg' (989,34): run-time error CSS1039: Token not allowed after unary operator: '-switch-transition' (990,29): run-time error CSS1039: Token not allowed after unary operator: '-switch-transition' (991,26): run-time error CSS1039: Token not allowed after unary operator: '-switch-transition' (996,21): run-time error CSS1039: Token not allowed after unary operator: '-circle-diameter' (997,22): run-time error CSS1039: Token not allowed after unary operator: '-circle-diameter' (998,26): run-time error CSS1039: Token not allowed after unary operator: '-circle-bg' (1000,34): run-time error CSS1039: Token not allowed after unary operator: '-circle-shadow' (1001,26): run-time error CSS1039: Token not allowed after unary operator: '-circle-shadow' (1011,34): run-time error CSS1039: Token not allowed after unary operator: '-circle-transition' (1012,29): run-time error CSS1039: Token not allowed after unary operator: '-circle-transition' (1013,26): run-time error CSS1039: Token not allowed after unary operator: '-circle-transition' (1016,20): run-time error CSS1039: Token not allowed after unary operator: '-switch-offset' (1022,21): run-time error CSS1039: Token not allowed after unary operator: '-effect-width' (1023,22): run-time error CSS1039: Token not allowed after unary operator: '-effect-height' (1024,25): run-time error CSS1039: Token not allowed after unary operator: '-switch-offset' (1024,49): run-time error CSS1039: Token not allowed after unary operator: '-effect-width' (1025,26): run-time error CSS1039: Token not allowed after unary operator: '-effect-bg' (1026,29): run-time error CSS1039: Token not allowed after unary operator: '-effect-border-radius' (1027,34): run-time error CSS1039: Token not allowed after unary operator: '-effect-transition' (1028,29): run-time error CSS1039: Token not allowed after unary operator: '-effect-transition' (1029,26): run-time error CSS1039: Token not allowed after unary operator: '-effect-transition' (1033,26): run-time error CSS1039: Token not allowed after unary operator: '-switch-checked-bg' (1049,36): run-time error CSS1039: Token not allowed after unary operator: '-effect-width' (1049,59): run-time error CSS1039: Token not allowed after unary operator: '-effect-width' (1049,86): run-time error CSS1039: Token not allowed after unary operator: '-switch-offset' (1053,36): run-time error CSS1039: Token not allowed after unary operator: '-circle-diameter' (1053,61): run-time error CSS1039: Token not allowed after unary operator: '-switch-offset' (1054,38): run-time error CSS1039: Token not allowed after unary operator: '-circle-checked-shadow' (1055,30): run-time error CSS1039: Token not allowed after unary operator: '-circle-checked-shadow' (3666,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3667,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3668,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4205,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4206,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4207,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4208,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4534,18): run-time error CSS1039: Token not allowed after unary operator: '-cc-position' (4557,25): run-time error CSS1039: Token not allowed after unary operator: '-cc-size-en' (4561,25): run-time error CSS1039: Token not allowed after unary operator: '-cc-size-vi' (5160,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5161,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5162,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5163,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5164,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5165,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5166,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5167,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5168,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5169,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5170,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5171,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5172,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5173,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5174,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5175,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5176,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5177,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5178,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5179,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5180,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5181,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5182,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5183,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5184,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5185,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5186,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5187,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5188,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5189,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5190,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5191,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5192,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5193,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5194,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5195,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5196,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5197,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5198,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5199,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5200,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5201,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5202,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5203,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5204,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5205,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5206,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5207,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5208,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5209,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5210,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5211,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5212,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5213,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5214,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5215,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5216,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5217,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5218,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5219,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5220,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5221,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5222,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5223,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5224,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5225,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5226,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5227,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5228,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5229,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5230,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5231,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5232,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5233,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5234,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5235,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5236,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5237,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5238,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5239,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5240,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5241,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5242,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5243,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5244,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5245,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5246,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5247,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5248,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5249,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5250,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5251,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5252,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5253,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5254,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5255,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5256,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5257,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5258,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5259,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5260,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5261,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5262,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5263,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5264,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5265,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5266,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5267,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5268,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5269,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5270,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5271,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5272,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5273,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5274,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5275,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5276,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5277,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5297,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-white' (5307,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-red' (5311,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-black' (5315,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-white' (5319,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (5320,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (5321,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width' (5321,47): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color' (5322,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius' (5326,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-main' (5344,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-main' (5520,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-main' (5544,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-white' (5548,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-white' (5593,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-white' (5636,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5637,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5638,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5639,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5640,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-close-color' (5641,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-close-bg' (5642,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-close-opacity' (5646,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-close-color' (5647,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-close-hover-opacity' (5651,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-close-focus-shadow' (5652,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-close-focus-opacity' (5656,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-close-disabled-opacity' (5660,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-white' (5671,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-black' (5701,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-white' (5710,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-white' (5720,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-main' (5747,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-white' (5768,42): run-time error CSS1046: Expect comma, found '229' (5768,50): run-time error CSS1046: Expect comma, found '/' (5776,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-white' (5781,39): run-time error CSS1046: Expect comma, found '127' (5781,46): run-time error CSS1046: Expect comma, found ')' (5811,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-main' (5812,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-main' */ * { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } ::-webkit-scrollbar { background-color: #232E35; width: 1rem; } ::-webkit-scrollbar-thumb { background-color: #39464F; border-radius: 16px; border: 4px solid #232E35; } ::-webkit-scrollbar-track { background-color: #232E35; } body { margin: 0; font: 400 16px; min-height: 100vh; overflow-x: hidden; overflow-y: scroll; } ul, li { list-style-type: none; } a { text-decoration: none; } a:hover { text-decoration: none; } .row { display: flex; flex-wrap: wrap; } .form-control { display: block; width: 100%; padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; -webkit-appearance: none; -moz-appearance: none; background-clip: padding-box; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; } .form-control.form-control-jnv:focus { outline: none; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; opacity: 1 !important; color: #333; } .form-row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .d-flex { display: flex; } .d-inl-flex { display: inline-flex } .hidden { display: none !important; } .cursor-pt { cursor: pointer; } .w-100 { width: 100%; } .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } .margin-center { margin: 0 auto; } .float-right { float: right } .justify-content-between { justify-content: space-between; } .justify-content-center { justify-content: center; } .align-items-start { align-items: flex-start; } .align-items-center { align-items: center; } .align-items-end { align-items: flex-end; } .dis-grid { display: grid; } .align-middle { vertical-align: middle !important; } .font-bold { font-weight: 700 !important; } .title { font-size: 1.1rem !important; font-weight: 600; line-height: 24px; } .main-title { font-size: 1.4rem !important; font-weight: 600; line-height: 28px; } .currency-old { text-decoration: line-through; } .img-fluid { object-fit: cover; } .img-contain { object-fit: contain; } .thumb-art { border-radius: 0.5rem; position: relative; height: auto; overflow: hidden; } .thunb-art-list { width: 100%; } .thunb-art-effect img { -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; } .thunb-art-effect:hover img { transform: scale(1.1); box-shadow: 0px 4px 12px 0px rgba(51, 99, 192, 0.25); } .titlecom-1 { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; } .titlecom-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; } .titlecom-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; } .titlecom-4 { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; } .field-validation-error { color: red; font-size: 14px; font-style: italic; margin-top: .2rem; } .field-validation-error.show { display: block; } .text-nowrap { white-space: nowrap !important; } .fade { transition: opacity 0.15s linear; } .fade:not(.show) { opacity: 0; } .icon::before { background-position: 50%; background-repeat: no-repeat; display: inline-block; vertical-align: middle; background-size: contain; } .form-check-input { --bs-form-check-bg: var(--bs-body-bg); flex-shrink: 0; width: 1.4em; height: 1.4em; vertical-align: top; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: var(--bs-form-check-bg); background-image: var(--bs-form-check-bg-image); background-repeat: no-repeat; background-position: center; background-size: contain; border: var(--bs-border-width) solid var(--bs-border-color); -webkit-print-color-adjust: exact; color-adjust: exact; print-color-adjust: exact; } .form-check-input[type=checkbox] { border-radius: .8em; } .form-check-input:focus { border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .form-check-input:checked { background-color: #0d6efd; border-color: #0d6efd; } .form-check-input:checked[type=checkbox] { --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e"); } .input-group { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: stretch; align-items: stretch; width: 100%; } /*Components input*/ .box-input, .box-input .form-control-jnv:focus + label { padding-left: 0.2rem; padding-right: 0.2rem; } .box-input-v1 .form-control-jnv { font-family: "Lato-Regular" !important; width: 100%; padding-left: 12px; padding-right: 12px; min-height: 45px; background: #e7f0ff; border-radius: 5px; box-shadow: none; font-size: 14px; border: none; } .box-input-v2 { border-radius: 0; height: 50px; position: relative; width: 100%; } .box-input-v2 .form-control-jnv { background-color: #fff; border: 0; border-bottom: 1px solid rgba(145, 158, 171, .2); border-radius: 0; box-sizing: border-box; font-size: 15px; height: 100%; line-height: 24px; padding: 18px 20px 2px 0; width: 100%; } .box-input-v2 label { color: #919eab; font-size: 15px; left: 0; line-height: 24px; margin: 0; opacity: 0; overflow: hidden; pointer-events: none; position: absolute; top: 18px; transition: top .25s ease; -webkit-user-select: none; -moz-user-select: none; user-select: none; white-space: nowrap; width: 100%; } .box-input-v2 .input-line { background-color: var(--bs-main); bottom: 0; height: 0.1rem; left: 0.2rem; position: absolute; transition: .3s ease; width: 0; } .box-input-v2 .form-control-jnv:focus, .box-input-v1 .form-control-jnv:focus { outline: none; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; opacity: 1 !important; color: #333; background-color: #fff; } .box-input-v2 .form-control-jnv:focus::-moz-placeholder { color: transparent } .box-input-v2 .form-control-jnv:focus::placeholder { color: transparent } .box-input-v2 .form-control-jnv:focus + label { color: var(--bs-main); font-size: 11px; line-height: 18px; opacity: 1; top: 0; } .box-input-v2 .form-control-jnv:focus ~ .input-line { width: calc(100% - 0.4rem); } .box-input-v2 .input-arrow { bottom: 5px; position: absolute; right: 2px; } .box-input-v2 .input-dropdown { display: none; bottom: 0; left: 0; padding-top: 5px; position: absolute; transform: translateY(100%); width: 100%; z-index: 1; } .box-input-v2 .input-dropdown.active { display: block; } .box-input-v2 .dropdown { position: relative; background-color: #fff; border-radius: 5px; box-shadow: 0 6px 24px 0 rgba(0, 0, 0, .05), 0 0 0 1px rgba(0, 0, 0, .08); max-height: 200px; overflow-y: auto; padding: 8px; width: 100%; } .box-input-v2 .dropdown-item { cursor: pointer; font-size: 14px; padding: 0 10px; -webkit-user-select: none; -moz-user-select: none; user-select: none; width: 100%; } .box-input-v2 .dropdown-item:hover { background-color: #e4e4e4; } .box-input-v2 .dropdown-item.active { color: var(--bs-main); font-weight: 600; } .box-input-v2 .dropdown-item span { border-bottom: 1px solid hsla(0, 0%, 91%, .46); display: block; padding: 0.7rem 0; } /*Components select*/ .box-select { display: flex; grid-gap: 15px; padding-bottom: 15px; width: 100%; } .px-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-5 { padding-right: 1.2rem !important; padding-left: 1.2rem !important; } .py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-5 { padding-top: 1.2rem !important; padding-bottom: 1.2rem !important; } .pt-0 { padding-top: 0 !important; } .pt-1 { padding-top: 0.25rem !important; } .pt-2 { padding-top: 0.5rem !important; } .pt-3 { padding-top: 1rem !important; } .pt-4 { padding-top: 1.5rem !important; } .pt-5 { padding-top: 1.2rem !important; } .pe-xs-0 { padding-right: 0 !important; } .pe-xs-1 { padding-right: 0.25rem !important; } .pe-xs-2 { padding-right: 0.5rem !important; } .pe-xs-3 { padding-right: 1rem !important; } .pe-xs-4 { padding-right: 1.5rem !important; } .pe-xs-5 { padding-right: 1.2rem !important; } .pb-0 { padding-bottom: 0 !important; } .pb-1 { padding-bottom: 0.25rem !important; } .pb-2 { padding-bottom: 0.5rem !important; } .pb-3 { padding-bottom: 1rem !important; } .pb-4 { padding-bottom: 1.5rem !important; } .pb-5 { padding-bottom: 1.2rem !important; } .ps-0 { padding-left: 0 !important; } .ps-1 { padding-left: 0.25rem !important; } .ps-2 { padding-left: 0.5rem !important; } .ps-3 { padding-left: 1rem !important; } .ps-4 { padding-left: 1.5rem !important; } .ps-5 { padding-left: 1.2rem !important; } .m-auto { margin: auto !important; } .mx-0 { margin-left: 0 !important; margin-right: 0 !important; } .mx-1 { margin-left: 0.25rem !important; margin-right: 0.25rem !important; } .mx-2 { margin-left: 0.5rem !important; margin-right: 0.5rem !important; } .mx-3 { margin-left: 1rem !important; margin-right: 1rem !important; } .mx-4 { margin-left: 1.5rem !important; margin-right: 1.5rem !important; } .mx-5 { margin-left: 1.2rem !important; margin-right: 1.2rem !important; } .mx-auto { margin-left: auto !important; margin-right: auto !important; } .my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-5 { margin-top: 1.2rem !important; margin-bottom: 1.2rem !important; } .my-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-0 { margin-top: 0 !important; } .mt-1 { margin-top: 0.25rem !important; } .mt-2 { margin-top: 0.5rem !important; } .mt-3 { margin-top: 1rem !important; } .mt-4 { margin-top: 1.5rem !important; } .mt-5 { margin-top: 1.2rem !important; } .mt-auto { margin-top: auto !important; } .me-0 { margin-right: 0 !important; } .me-1 { margin-right: 0.25rem !important; } .me-2 { margin-right: 0.5rem !important; } .me-3 { margin-right: 1rem !important; } .me-4 { margin-right: 1.5rem !important; } .me-5 { margin-right: 1.2rem !important; } .me-auto { margin-right: auto !important; } .mb-0 { margin-bottom: 0 !important; } .mb-1 { margin-bottom: 0.25rem !important; } .mb-2 { margin-bottom: 0.5rem !important; } .mb-3 { margin-bottom: 1rem !important; } .mb-4 { margin-bottom: 1.5rem !important; } .mb-5 { margin-bottom: 1.2rem !important; } .mb-auto { margin-bottom: auto !important; } .ms-0 { margin-left: 0 !important; } .ms-1 { margin-left: 0.25rem !important; } .ms-2 { margin-left: 0.5rem !important; } .ms-3 { margin-left: 1rem !important; } .ms-4 { margin-left: 1.5rem !important; } .ms-5 { margin-left: 1.2rem !important; } .ms-auto { margin-left: auto !important; } .fw-700 { font-weight: 700; } .img-max { width: 100%; height: 100%; } h1, .h1 { font-size: 1.2rem; } .btn { font-weight: 400; text-align: center; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: unset; border-radius: .3rem; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; } .btn-main { background-color: #FBA651; color: #fff; } .btn-control { border-radius: 20px; color: #fff; } .col-auto { flex: 0 0 auto; width: auto; } .col-1 { flex: 0 0 auto; width: 8.33333333%; } .col-2 { flex: 0 0 auto; width: 16.66666667%; } .col-3 { flex: 0 0 auto; width: 25%; } .col-4 { flex: 0 0 auto; width: 33.33333333%; } .col-5 { flex: 0 0 auto; width: 41.66666667%; } .col-6 { flex: 0 0 auto; width: 50%; } .col-7 { flex: 0 0 auto; width: 58.33333333%; } .col-8 { flex: 0 0 auto; width: 66.66666667%; } .col-9 { flex: 0 0 auto; width: 75%; } .col-10 { flex: 0 0 auto; width: 83.33333333%; } .col-11 { flex: 0 0 auto; width: 91.66666667%; } .col-12 { flex: 0 0 auto; width: 100%; } /* actions */ .switch { /* switch */ --switch-width: 40px; --switch-height: 22px; --switch-bg: rgb(131, 131, 131); --switch-checked-bg: rgb(0, 218, 80); --switch-offset: calc((var(--switch-height) - var(--circle-diameter)) / 2); --switch-transition: all .2s cubic-bezier(0.27, 0.2, 0.25, 1.51); /* circle */ --circle-diameter: 16px; --circle-bg: #fff; --circle-shadow: 1px 1px 2px rgba(146, 146, 146, 0.45); --circle-checked-shadow: -1px 1px 2px rgba(163, 163, 163, 0.45); --circle-transition: var(--switch-transition); /* icon */ --icon-transition: all .2s cubic-bezier(0.27, 0.2, 0.25, 1.51); --icon-cross-color: var(--switch-bg); --icon-cross-size: 6px; --icon-checkmark-color: var(--switch-checked-bg); --icon-checkmark-size: 10px; /* effect line */ --effect-width: calc(var(--circle-diameter) / 2); --effect-height: calc(var(--effect-width) / 2 - 1px); --effect-bg: var(--circle-bg); --effect-border-radius: 1px; --effect-transition: all .2s ease-in-out; } .switch input { display: none; } .switch { display: inline-block; } .switch svg { -webkit-transition: var(--icon-transition); -o-transition: var(--icon-transition); transition: var(--icon-transition); position: absolute; height: auto; } .switch .checkmark { width: var(--icon-checkmark-size); color: var(--icon-checkmark-color); -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .switch .cross { width: var(--icon-cross-size); color: var(--icon-cross-color); } .switch .slider { -webkit-box-sizing: border-box; box-sizing: border-box; width: var(--switch-width); height: var(--switch-height); background: var(--switch-bg); border-radius: 999px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; -webkit-transition: var(--switch-transition); -o-transition: var(--switch-transition); transition: var(--switch-transition); cursor: pointer; } .switch .circle { width: var(--circle-diameter); height: var(--circle-diameter); background: var(--circle-bg); border-radius: inherit; -webkit-box-shadow: var(--circle-shadow); box-shadow: var(--circle-shadow); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: var(--circle-transition); -o-transition: var(--circle-transition); transition: var(--circle-transition); z-index: 1; position: absolute; left: var(--switch-offset); } .switch .slider::before { content: ""; position: absolute; width: var(--effect-width); height: var(--effect-height); left: calc(var(--switch-offset) + (var(--effect-width) / 2)); background: var(--effect-bg); border-radius: var(--effect-border-radius); -webkit-transition: var(--effect-transition); -o-transition: var(--effect-transition); transition: var(--effect-transition); } .switch input:checked + .slider { background: var(--switch-checked-bg); } .switch input:checked + .slider .checkmark { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .switch input:checked + .slider .cross { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .switch input:checked + .slider::before { left: calc(100% - var(--effect-width) - (var(--effect-width) / 2) - var(--switch-offset)); } .switch input:checked + .slider .circle { left: calc(100% - var(--circle-diameter) - var(--switch-offset)); -webkit-box-shadow: var(--circle-checked-shadow); box-shadow: var(--circle-checked-shadow); } @media (min-width: 360px) { body { font-size: 14px; } .container { max-width: 540px; } h1, .h1 { font-size: 1.6rem; } h2, .h2 { font-size: 1.4rem; } h3, .h3 { font-size: 1.2rem; } h4, .h4 { font-size: 1rem; } .order-now, .buy-now, .add-to-cart { padding: 0.6rem 0.8rem; border-radius: 20px; } .col-xs-1 { flex: 0 0 auto; width: 8.33333333%; } .col-xs-2 { flex: 0 0 auto; width: 16.66666667%; } .col-xs-3 { flex: 0 0 auto; width: 25%; } .col-xs-4 { flex: 0 0 auto; width: 33.33333333%; } .col-xs-5 { flex: 0 0 auto; width: 41.66666667%; } .col-xs-6 { flex: 0 0 auto; width: 50%; } .col-xs-7 { flex: 0 0 auto; width: 58.33333333%; } .col-xs-8 { flex: 0 0 auto; width: 66.66666667%; } .col-xs-9 { flex: 0 0 auto; width: 75%; } .col-xs-10 { flex: 0 0 auto; width: 83.33333333%; } .col-xs-11 { flex: 0 0 auto; width: 91.66666667%; } .col-xs-12 { flex: 0 0 auto; width: 100%; } .mt-xs-0 { margin-top: 0 !important; } .mt-xs-1 { margin-top: 0.2rem !important; } .mt-xs-2 { margin-top: 0.4rem !important; } .mt-xs-3 { margin-top: 0.6rem !important; } .mt-xs-4 { margin-top: 0.8rem !important; } .mt-xs-5 { margin-top: 1rem !important; } .mt-xs-auto { margin-top: auto !important; } .mb-xs-0 { margin-bottom: 0 !important; } .mb-xs-1 { margin-bottom: 0.2rem !important; } .mb-xs-2 { margin-bottom: 0.4rem !important; } .mb-xs-3 { margin-bottom: 0.6rem !important; } .mb-xs-4 { margin-bottom: 0.8rem !important; } .mb-xs-5 { margin-bottom: 1rem !important; } .mb-xs-6 { margin-bottom: 1.2rem !important; } .mb-xs-auto { margin-bottom: auto !important; } .ms-xs-0 { margin-left: 0 !important; } .ms-xs-1 { margin-left: 0.2rem !important; } .ms-xs-2 { margin-left: 0.4rem !important; } .ms-xs-3 { margin-left: 0.6rem !important; } .ms-xs-4 { margin-left: 0.8rem !important; } .ms-xs-5 { margin-left: 1rem !important; } .ms-xs-auto { margin-left: auto !important; } .me-xs-0 { margin-right: 0 !important; } .me-xs-1 { margin-right: 0.2rem !important; } .me-xs-2 { margin-right: 0.4rem !important; } .me-xs-3 { margin-right: 0.6rem !important; } .me-xs-4 { margin-right: 0.8rem !important; } .me-xs-5 { margin-right: 1rem !important; } .me-xs-auto { margin-right: auto !important; } .mx-xs-0 { margin-left: 0 !important; margin-right: 0 !important; } .mx-xs-1 { margin-left: 0.2rem !important; margin-right: 0.2rem !important; } .mx-xs-2 { margin-left: 0.4rem !important; margin-right: 0.4rem !important; } .mx-xs-3 { margin-left: 0.6rem !important; margin-right: 0.6rem !important; } .mx-xs-4 { margin-left: 0.8rem !important; margin-right: 0.8rem !important; } .mx-xs-5 { margin-left: 1rem !important; margin-right: 1rem !important; } .mx-xs-auto { margin-left: auto !important; margin-right: auto !important; } .my-xs-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-xs-1 { margin-top: 0.2rem !important; margin-bottom: 0.2rem !important; } .my-xs-2 { margin-top: 0.4rem !important; margin-bottom: 0.4rem !important; } .my-xs-3 { margin-top: 0.6rem !important; margin-bottom: 0.6rem !important; } .my-xs-4 { margin-top: 0.8rem !important; margin-bottom: 0.8rem !important; } .my-xs-5 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-xs-6 { margin-top: 1.2rem !important; margin-bottom: 1.2rem !important; } .my-xs-auto { margin-top: auto !important; margin-bottom: auto !important; } .pt-xs-0 { padding-top: 0 !important; } .pt-xs-1 { padding-top: 0.2rem !important; } .pt-xs-2 { padding-top: 0.4rem !important; } .pt-xs-3 { padding-top: 0.6rem !important; } .pt-xs-4 { padding-top: 0.8rem !important; } .pt-xs-5 { padding-top: 1rem !important; } .pb-xs-0 { padding-bottom: 0 !important; } .pb-xs-1 { padding-bottom: 0.2rem !important; } .pb-xs-2 { padding-bottom: 0.4rem !important; } .pb-xs-3 { padding-bottom: 0.6rem !important; } .pb-xs-4 { padding-bottom: 0.8rem !important; } .pb-xs-5 { padding-bottom: 1rem !important; } .ps-xs-0 { padding-left: 0 !important; } .ps-xs-1 { padding-left: 0.2rem !important; } .ps-xs-2 { padding-left: 0.4rem !important; } .ps-xs-3 { padding-left: 0.6rem !important; } .ps-xs-4 { padding-left: 0.8rem !important; } .ps-xs-5 { padding-left: 1rem !important; } .pe-xs-0 { padding-right: 0 !important; } .pe-xs-1 { padding-right: 0.2rem !important; } .pe-xs-2 { padding-right: 0.4rem !important; } .pe-xs-3 { padding-right: 0.6rem !important; } .pe-xs-4 { padding-right: 0.8rem !important; } .pe-xs-5 { padding-right: 1rem !important; } .px-xs-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-xs-1 { padding-right: 0.2rem !important; padding-left: 0.2rem !important; } .px-xs-2 { padding-right: 0.4rem !important; padding-left: 0.4rem !important; } .px-xs-3 { padding-right: 0.6rem !important; padding-left: 0.6rem !important; } .px-xs-4 { padding-right: 0.8rem !important; padding-left: 0.8rem !important; } .px-xs-5 { padding-right: 1rem !important; padding-left: 1rem !important; } .py-xs-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-xs-1 { padding-top: 0.2rem !important; padding-bottom: 0.2rem !important; } .py-xs-2 { padding-top: 0.4rem !important; padding-bottom: 0.4rem !important; } .py-xs-3 { padding-top: 0.6rem !important; padding-bottom: 0.6rem !important; } .py-xs-4 { padding-top: 0.8rem !important; padding-bottom: 0.8rem !important; } .py-xs-5 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-xs-6 { padding-top: 1.2rem !important; padding-bottom: 1.2rem !important; } .py-xs-7 { padding-top: 1.4rem !important; padding-bottom: 1.4rem !important; } .py-xs-8 { padding-top: 1.6rem !important; padding-bottom: 1.6rem !important; } .icon-xs-custom::before { width: 32px; height: 16px; } .icon-xs::before { width: 24px; height: 24px; } } @media (min-width: 576px) { .container { max-width: 540px; } .col-sm-1 { flex: 0 0 auto; width: 8.33333333%; } .col-sm-2 { flex: 0 0 auto; width: 16.66666667%; } .col-sm-3 { flex: 0 0 auto; width: 25%; } .col-sm-4 { flex: 0 0 auto; width: 33.33333333%; } .col-sm-5 { flex: 0 0 auto; width: 41.66666667%; } .col-sm-6 { flex: 0 0 auto; width: 50%; } .col-sm-7 { flex: 0 0 auto; width: 58.33333333%; } .col-sm-8 { flex: 0 0 auto; width: 66.66666667%; } .col-sm-9 { flex: 0 0 auto; width: 75%; } .col-sm-10 { flex: 0 0 auto; width: 83.33333333%; } .col-sm-11 { flex: 0 0 auto; width: 91.66666667%; } .col-sm-12 { flex: 0 0 auto; width: 100%; } .mt-sm-0 { margin-top: 0 !important; } .mt-sm-1 { margin-top: 1.2rem !important; } .mt-sm-2 { margin-top: 1.4rem !important; } .mt-sm-3 { margin-top: 1.6rem !important; } .mt-sm-4 { margin-top: 1.8rem !important; } .mt-sm-5 { margin-top: 2rem !important; } .mt-sm-auto { margin-top: auto !important; } .mb-sm-0 { margin-bottom: 0 !important; } .mb-sm-1 { margin-bottom: 1.2rem !important; } .mb-sm-2 { margin-bottom: 1.4rem !important; } .mb-sm-3 { margin-bottom: 1.6rem !important; } .mb-sm-4 { margin-bottom: 1.8rem !important; } .mb-sm-5 { margin-bottom: 2rem !important; } .mb-sm-auto { margin-bottom: auto !important; } .ms-sm-0 { margin-left: 0 !important; } .ms-sm-1 { margin-left: 1.2rem !important; } .ms-sm-2 { margin-left: 1.4rem !important; } .ms-sm-3 { margin-left: 1.6rem !important; } .ms-sm-4 { margin-left: 1.8rem !important; } .ms-sm-5 { margin-left: 2rem !important; } .ms-sm-auto { margin-left: auto !important; } .me-sm-0 { margin-right: 0 !important; } .me-sm-1 { margin-right: 1.2rem !important; } .me-sm-2 { margin-right: 1.4rem !important; } .me-sm-3 { margin-right: 1.6rem !important; } .me-sm-4 { margin-right: 1.8rem !important; } .me-sm-5 { margin-right: 2rem !important; } .me-sm-auto { margin-right: auto !important; } .mx-sm-0 { margin-left: 0 !important; margin-right: 0 !important; } .mx-sm-1 { margin-left: 1.2rem !important; margin-right: 1.2rem !important; } .mx-sm-2 { margin-left: 1.4rem !important; margin-right: 1.4rem !important; } .mx-sm-3 { margin-left: 1.6rem !important; margin-right: 1.6rem !important; } .mx-sm-4 { margin-left: 1.8rem !important; margin-right: 1.8rem !important; } .mx-sm-5 { margin-left: 2rem !important; margin-right: 2rem !important; } .mx-sm-auto { margin-left: auto !important; margin-right: auto !important; } .my-sm-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-sm-1 { margin-top: 1.2rem !important; margin-bottom: 1.2rem !important; } .my-sm-2 { margin-top: 1.4rem !important; margin-bottom: 1.4rem !important; } .my-sm-3 { margin-top: 1.6rem !important; margin-bottom: 1.6rem !important; } .my-sm-4 { margin-top: 1.8rem !important; margin-bottom: 1.8rem !important; } .my-sm-5 { margin-top: 2rem !important; margin-bottom: 2rem !important; } .my-sm-auto { margin-top: auto !important; margin-bottom: auto !important; } .pt-sm-0 { padding-top: 0 !important; } .pt-sm-1 { padding-top: 1.2rem !important; } .pt-sm-2 { padding-top: 1.4rem !important; } .pt-sm-3 { padding-top: 1.6rem !important; } .pt-sm-4 { padding-top: 1.8rem !important; } .pt-sm-5 { padding-top: 2rem !important; } .pb-sm-0 { padding-bottom: 0 !important; } .pb-sm-1 { padding-bottom: 1.2rem !important; } .pb-sm-2 { padding-bottom: 1.4rem !important; } .pb-sm-3 { padding-bottom: 1.6rem !important; } .pb-sm-4 { padding-bottom: 1.8rem !important; } .pb-sm-5 { padding-bottom: 2rem !important; } .ps-sm-0 { padding-left: 0 !important; } .ps-sm-1 { padding-left: 1.2rem !important; } .ps-sm-2 { padding-left: 1.4rem !important; } .ps-sm-3 { padding-left: 1.6rem !important; } .ps-sm-4 { padding-left: 1.8rem !important; } .ps-sm-5 { padding-left: 2rem !important; } .pe-sm-0 { padding-right: 0 !important; } .pe-sm-1 { padding-right: 1.2rem !important; } .pe-sm-2 { padding-right: 1.4rem !important; } .pe-sm-3 { padding-right: 1.6rem !important; } .pe-sm-4 { padding-right: 1.8rem !important; } .pe-sm-5 { padding-right: 2rem !important; } .px-sm-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-sm-1 { padding-right: 1.2rem !important; padding-left: 1.2rem !important; } .px-sm-2 { padding-right: 1.4rem !important; padding-left: 1.4rem !important; } .px-sm-3 { padding-right: 1.6rem !important; padding-left: 1.6rem !important; } .px-sm-4 { padding-right: 1.8rem !important; padding-left: 1.8rem !important; } .px-sm-5 { padding-right: 2rem !important; padding-left: 2rem !important; } .py-sm-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-sm-1 { padding-top: 1.2rem !important; padding-bottom: 1.2rem !important; } .py-sm-2 { padding-top: 1.4rem !important; padding-bottom: 1.4rem !important; } .py-sm-3 { padding-top: 1.6rem !important; padding-bottom: 1.6rem !important; } .py-sm-4 { padding-top: 1.8rem !important; padding-bottom: 1.8rem !important; } .py-sm-5 { padding-top: 2rem !important; padding-bottom: 2rem !important; } .icon-sm::before { width: 26px; height: 26px; } } @media (min-width: 768px) { .container { max-width: 720px; } h1, .h1 { font-size: 1.4rem; } .d-md-none { display: none !important; } .btn-md { padding: .5rem .8rem; font-size: 1.1rem; line-height: 1.5; } .col-md-1 { flex: 0 0 auto; width: 8.33333333%; } .col-md-2 { flex: 0 0 auto; width: 16.66666667%; } .col-md-3 { flex: 0 0 auto; width: 25%; } .col-md-4 { flex: 0 0 auto; width: 33.33333333%; } .col-md-5 { flex: 0 0 auto; width: 41.66666667%; } .col-md-6 { flex: 0 0 auto; width: 50%; } .col-md-7 { flex: 0 0 auto; width: 58.33333333%; } .col-md-8 { flex: 0 0 auto; width: 66.66666667%; } .col-md-9 { flex: 0 0 auto; width: 75%; } .col-md-10 { flex: 0 0 auto; width: 83.33333333%; } .col-md-11 { flex: 0 0 auto; width: 91.66666667%; } .col-md-12 { flex: 0 0 auto; width: 100%; } .mt-md-0 { margin-top: 0 !important; } .mt-md-1 { margin-top: 0.4rem !important; } .mt-md-2 { margin-top: 0.6rem !important; } .mt-md-3 { margin-top: 0.8rem !important; } .mt-md-4 { margin-top: 1rem !important; } .mt-md-5 { margin-top: 1.2rem !important; } .mt-md-auto { margin-top: auto !important; } .mb-md-0 { margin-bottom: 0 !important; } .mb-md-1 { margin-bottom: 0.4rem !important; } .mb-md-2 { margin-bottom: 0.6rem !important; } .mb-md-3 { margin-bottom: 0.8rem !important; } .mb-md-4 { margin-bottom: 1rem !important; } .mb-md-5 { margin-bottom: 1.2rem !important; } .mb-md-auto { margin-bottom: auto !important; } .ms-md-0 { margin-left: 0 !important; } .ms-md-1 { margin-left: 0.4rem !important; } .ms-md-2 { margin-left: 0.6rem !important; } .ms-md-3 { margin-left: 0.8rem !important; } .ms-md-4 { margin-left: 1rem !important; } .ms-md-5 { margin-left: 1.2rem !important; } .ms-md-auto { margin-left: auto !important; } .me-md-0 { margin-right: 0 !important; } .me-md-1 { margin-right: 0.4rem !important; } .me-md-2 { margin-right: 0.6rem !important; } .me-md-3 { margin-right: 0.8rem !important; } .me-md-4 { margin-right: 1rem !important; } .me-md-5 { margin-right: 1.2rem !important; } .me-md-auto { margin-right: auto !important; } .mx-md-0 { margin-left: 0 !important; margin-right: 0 !important; } .mx-md-1 { margin-left: 0.4rem !important; margin-right: 0.4rem !important; } .mx-md-2 { margin-left: 0.6rem !important; margin-right: 0.6rem !important; } .mx-md-3 { margin-left: 0.8rem !important; margin-right: 0.8rem !important; } .mx-md-4 { margin-left: 1rem !important; margin-right: 1rem !important; } .mx-md-5 { margin-left: 1.2rem !important; margin-right: 1.2rem !important; } .mx-md-auto { margin-left: auto !important; margin-right: auto !important; } .my-md-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-md-1 { margin-top: 0.4rem !important; margin-bottom: 0.4rem !important; } .my-md-2 { margin-top: 0.6rem !important; margin-bottom: 0.6rem !important; } .my-md-3 { margin-top: 0.8rem !important; margin-bottom: 0.8rem !important; } .my-md-4 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-md-5 { margin-top: 1.2rem !important; margin-bottom: 1.2rem !important; } .my-md-auto { margin-top: auto !important; margin-bottom: auto !important; } .pt-md-0 { padding-top: 0 !important; } .pt-md-1 { padding-top: 0.4rem !important; } .pt-md-2 { padding-top: 0.6rem !important; } .pt-md-3 { padding-top: 0.8rem !important; } .pt-md-4 { padding-top: 1rem !important; } .pt-md-5 { padding-top: 1.2rem !important; } .pb-md-0 { padding-bottom: 0 !important; } .pb-md-1 { padding-bottom: 0.4rem !important; } .pb-md-2 { padding-bottom: 0.6rem !important; } .pb-md-3 { padding-bottom: 0.8rem !important; } .pb-md-4 { padding-bottom: 1rem !important; } .pb-md-5 { padding-bottom: 1.2rem !important; } .ps-md-0 { padding-left: 0 !important; } .ps-md-1 { padding-left: 0.4rem !important; } .ps-md-2 { padding-left: 0.6rem !important; } .ps-md-3 { padding-left: 0.8rem !important; } .ps-md-4 { padding-left: 1rem !important; } .ps-md-5 { padding-left: 1.2rem !important; } .pe-md-0 { padding-right: 0 !important; } .pe-md-1 { padding-right: 0.4rem !important; } .pe-md-2 { padding-right: 0.6rem !important; } .pe-md-3 { padding-right: 0.8rem !important; } .pe-md-4 { padding-right: 1rem !important; } .pe-md-5 { padding-right: 1.2rem !important; } .px-md-custom { padding-right: 1rem !important; padding-left: 1rem !important; } .px-md-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-md-1 { padding-right: 0.4rem !important; padding-left: 0.4rem !important; } .px-md-2 { padding-right: 0.6rem !important; padding-left: 0.6rem !important; } .px-md-3 { padding-right: 0.8rem !important; padding-left: 0.8rem !important; } .px-md-4 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-md-5 { padding-right: 1.2rem !important; padding-left: 1.2rem !important; } .py-md-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-md-1 { padding-top: 0.4rem !important; padding-bottom: 0.4rem !important; } .py-md-2 { padding-top: 0.6rem !important; padding-bottom: 0.6rem !important; } .py-md-3 { padding-top: 0.8rem !important; padding-bottom: 0.8rem !important; } .py-md-4 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-md-5 { padding-top: 1.2rem !important; padding-bottom: 1.2rem !important; } .py-md-6 { padding-top: 1.4rem !important; padding-bottom: 1.4rem !important; } .icon-md::before { width: 28px; height: 28px; } } @media (min-width: 992px) { body { font-size: 16px; } .container { max-width: 960px; } h1, .h1 { font-size: 1.5rem; } .d-lg-none { display: none !important; } .d-lg-block { display: block !important; } .col-lg-1 { flex: 0 0 auto; width: 8.33333333%; } .col-lg-2 { flex: 0 0 auto; width: 16.66666667%; } .col-lg-3 { flex: 0 0 auto; width: 25%; } .col-lg-4 { flex: 0 0 auto; width: 33.33333333%; } .col-lg-5 { flex: 0 0 auto; width: 41.66666667%; } .col-lg-6 { flex: 0 0 auto; width: 50%; } .col-lg-7 { flex: 0 0 auto; width: 58.33333333%; } .col-lg-8 { flex: 0 0 auto; width: 66.66666667%; } .col-lg-9 { flex: 0 0 auto; width: 75%; } .col-lg-10 { flex: 0 0 auto; width: 83.33333333%; } .col-lg-11 { flex: 0 0 auto; width: 91.66666667%; } .col-lg-12 { flex: 0 0 auto; width: 100%; } .mt-lg-0 { margin-top: 0 !important; } .mt-lg-1 { margin-top: 3.2rem !important; } .mt-lg-2 { margin-top: 3.4rem !important; } .mt-lg-3 { margin-top: 3.6rem !important; } .mt-lg-4 { margin-top: 3.8rem !important; } .mt-lg-5 { margin-top: 4rem !important; } .mt-lg-auto { margin-top: auto !important; } .mb-lg-0 { margin-bottom: 0 !important; } .mb-lg-1 { margin-bottom: 3.2rem !important; } .mb-lg-2 { margin-bottom: 3.4rem !important; } .mb-lg-3 { margin-bottom: 3.6rem !important; } .mb-lg-4 { margin-bottom: 3.8rem !important; } .mb-lg-5 { margin-bottom: 4rem !important; } .mb-lg-auto { margin-bottom: auto !important; } .ms-lg-0 { margin-left: 0 !important; } .ms-lg-1 { margin-left: 3.2rem !important; } .ms-lg-2 { margin-left: 3.4rem !important; } .ms-lg-3 { margin-left: 3.6rem !important; } .ms-lg-4 { margin-left: 3.8rem !important; } .ms-lg-5 { margin-left: 4rem !important; } .ms-lg-auto { margin-left: auto !important; } .me-lg-0 { margin-right: 0 !important; } .me-lg-1 { margin-right: 3.2rem !important; } .me-lg-2 { margin-right: 3.4rem !important; } .me-lg-3 { margin-right: 3.6rem !important; } .me-lg-4 { margin-right: 3.8rem !important; } .me-lg-5 { margin-right: 4rem !important; } .me-lg-auto { margin-right: auto !important; } .mx-lg-0 { margin-left: 0 !important; margin-right: 0 !important; } .mx-lg-1 { margin-left: 3.2rem !important; margin-right: 3.2rem !important; } .mx-lg-2 { margin-left: 3.4rem !important; margin-right: 3.4rem !important; } .mx-lg-3 { margin-left: 3.6rem !important; margin-right: 3.6rem !important; } .mx-lg-4 { margin-left: 3.8rem !important; margin-right: 3.8rem !important; } .mx-lg-5 { margin-left: 4rem !important; margin-right: 4rem !important; } .mx-lg-auto { margin-left: auto !important; margin-right: auto !important; } .my-lg-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-lg-1 { margin-top: 3.2rem !important; margin-bottom: 3.2rem !important; } .my-lg-2 { margin-top: 3.4rem !important; margin-bottom: 3.4rem !important; } .my-lg-3 { margin-top: 3.6rem !important; margin-bottom: 3.6rem !important; } .my-lg-4 { margin-top: 3.8rem !important; margin-bottom: 3.8rem !important; } .my-lg-5 { margin-top: 4rem !important; margin-bottom: 4rem !important; } .my-lg-auto { margin-top: auto !important; margin-bottom: auto !important; } .pt-lg-0 { padding-top: 0 !important; } .pt-lg-1 { padding-top: 3.2rem !important; } .pt-lg-2 { padding-top: 3.4rem !important; } .pt-lg-3 { padding-top: 3.6rem !important; } .pt-lg-4 { padding-top: 3.8rem !important; } .pt-lg-5 { padding-top: 4rem !important; } .pb-lg-0 { padding-bottom: 0 !important; } .pb-lg-1 { padding-bottom: 3.2rem !important; } .pb-lg-2 { padding-bottom: 3.4rem !important; } .pb-lg-3 { padding-bottom: 3.6rem !important; } .pb-lg-4 { padding-bottom: 3.8rem !important; } .pb-lg-5 { padding-bottom: 4rem !important; } .ps-lg-custom { padding-left: 1rem !important; } .ps-lg-0 { padding-left: 0 !important; } .ps-lg-1 { padding-left: 3.2rem !important; } .ps-lg-2 { padding-left: 3.4rem !important; } .ps-lg-3 { padding-left: 3.6rem !important; } .ps-lg-4 { padding-left: 3.8rem !important; } .ps-lg-5 { padding-left: 4rem !important; } .pe-lg-0 { padding-right: 0 !important; } .pe-lg-1 { padding-right: 3.2rem !important; } .pe-lg-2 { padding-right: 3.4rem !important; } .pe-lg-3 { padding-right: 3.6rem !important; } .pe-lg-4 { padding-right: 3.8rem !important; } .pe-lg-5 { padding-right: 4rem !important; } .px-lg-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-lg-1 { padding-right: 3.2rem !important; padding-left: 3.2rem !important; } .px-lg-2 { padding-right: 3.4rem !important; padding-left: 3.4rem !important; } .px-lg-3 { padding-right: 3.6rem !important; padding-left: 3.6rem !important; } .px-lg-4 { padding-right: 3.8rem !important; padding-left: 3.8rem !important; } .px-lg-5 { padding-right: 4rem !important; padding-left: 4rem !important; } .py-lg-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-lg-1 { padding-top: 3.2rem !important; padding-bottom: 3.2rem !important; } .py-lg-2 { padding-top: 3.4rem !important; padding-bottom: 3.4rem !important; } .py-lg-3 { padding-top: 3.6rem !important; padding-bottom: 3.6rem !important; } .py-lg-4 { padding-top: 3.8rem !important; padding-bottom: 3.8rem !important; } .py-lg-5 { padding-top: 4rem !important; padding-bottom: 4rem !important; } .icon-lg::before { width: 32px; height: 32px; } } @media (min-width: 1200px) { body { font-size: 18px; } .container { max-width: 1140px; } h1, .h1 { font-size: 1.6rem; } h2, .h2 { font-size: 1.4rem; } h3, .h3 { font-size: 1.2rem; } .col-xl-1 { flex: 0 0 auto; width: 8.33333333%; } .col-xl-2 { flex: 0 0 auto; width: 16.66666667%; } .col-xl-3 { flex: 0 0 auto; width: 25%; } .col-xl-4 { flex: 0 0 auto; width: 33.33333333%; } .col-xl-5 { flex: 0 0 auto; width: 41.66666667%; } .col-xl-6 { flex: 0 0 auto; width: 50%; } .col-xl-7 { flex: 0 0 auto; width: 58.33333333%; } .col-xl-8 { flex: 0 0 auto; width: 66.66666667%; } .col-xl-9 { flex: 0 0 auto; width: 75%; } .col-xl-10 { flex: 0 0 auto; width: 83.33333333%; } .col-xl-11 { flex: 0 0 auto; width: 91.66666667%; } .col-xl-12 { flex: 0 0 auto; width: 100%; } .mt-xl-0 { margin-top: 0 !important; } .mt-xl-1 { margin-top: 4.2rem !important; } .mt-xl-2 { margin-top: 4.4rem !important; } .mt-xl-3 { margin-top: 4.6rem !important; } .mt-xl-4 { margin-top: 4.8rem !important; } .mt-xl-5 { margin-top: 5rem !important; } .mt-xl-auto { margin-top: auto !important; } .mb-xl-0 { margin-bottom: 0 !important; } .mb-xl-1 { margin-bottom: 4.2rem !important; } .mb-xl-2 { margin-bottom: 4.4rem !important; } .mb-xl-3 { margin-bottom: 4.6rem !important; } .mb-xl-4 { margin-bottom: 4.8rem !important; } .mb-xl-5 { margin-bottom: 5rem !important; } .mb-xl-auto { margin-bottom: auto !important; } .ms-xl-0 { margin-left: 0 !important; } .ms-xl-1 { margin-left: 4.2rem !important; } .ms-xl-2 { margin-left: 4.4rem !important; } .ms-xl-3 { margin-left: 4.6rem !important; } .ms-xl-4 { margin-left: 4.8rem !important; } .ms-xl-5 { margin-left: 5rem !important; } .ms-xl-auto { margin-left: auto !important; } .me-xl-0 { margin-right: 0 !important; } .me-xl-1 { margin-right: 4.2rem !important; } .me-xl-2 { margin-right: 4.4rem !important; } .me-xl-3 { margin-right: 4.6rem !important; } .me-xl-4 { margin-right: 4.8rem !important; } .me-xl-5 { margin-right: 5rem !important; } .me-xl-auto { margin-right: auto !important; } .mx-xl-0 { margin-left: 0 !important; margin-right: 0 !important; } .mx-xl-1 { margin-left: 4.2rem !important; margin-right: 4.2rem !important; } .mx-xl-2 { margin-left: 4.4rem !important; margin-right: 4.4rem !important; } .mx-xl-3 { margin-left: 4.6rem !important; margin-right: 4.6rem !important; } .mx-xl-4 { margin-left: 4.8rem !important; margin-right: 4.8rem !important; } .mx-xl-5 { margin-left: 5rem !important; margin-right: 5rem !important; } .mx-xl-auto { margin-left: auto !important; margin-right: auto !important; } .my-xl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-xl-1 { margin-top: 4.2rem !important; margin-bottom: 4.2rem !important; } .my-xl-2 { margin-top: 4.4rem !important; margin-bottom: 4.4rem !important; } .my-xl-3 { margin-top: 4.6rem !important; margin-bottom: 4.6rem !important; } .my-xl-4 { margin-top: 4.8rem !important; margin-bottom: 4.8rem !important; } .my-xl-5 { margin-top: 5rem !important; margin-bottom: 5rem !important; } .my-xl-auto { margin-top: auto !important; margin-bottom: auto !important; } .pt-xl-0 { padding-top: 0 !important; } .pt-xl-1 { padding-top: 4.2rem !important; } .pt-xl-2 { padding-top: 4.4rem !important; } .pt-xl-3 { padding-top: 4.6rem !important; } .pt-xl-4 { padding-top: 4.8rem !important; } .pt-xl-5 { padding-top: 5rem !important; } .pb-xl-0 { padding-bottom: 0 !important; } .pb-xl-1 { padding-bottom: 4.2rem !important; } .pb-xl-2 { padding-bottom: 4.4rem !important; } .pb-xl-3 { padding-bottom: 4.6rem !important; } .pb-xl-4 { padding-bottom: 4.8rem !important; } .pb-xl-5 { padding-bottom: 5rem !important; } .ps-xl-0 { padding-left: 0 !important; } .ps-xl-1 { padding-left: 4.2rem !important; } .ps-xl-2 { padding-left: 4.4rem !important; } .ps-xl-3 { padding-left: 4.6rem !important; } .ps-xl-4 { padding-left: 4.8rem !important; } .ps-xl-5 { padding-left: 5rem !important; } .pe-xl-0 { padding-right: 0 !important; } .pe-xl-1 { padding-right: 4.2rem !important; } .pe-xl-2 { padding-right: 4.4rem !important; } .pe-xl-3 { padding-right: 4.6rem !important; } .pe-xl-4 { padding-right: 4.8rem !important; } .pe-xl-5 { padding-right: 5rem !important; } .px-xl-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-xl-1 { padding-right: 4.2rem !important; padding-left: 4.2rem !important; } .px-xl-2 { padding-right: 4.4rem !important; padding-left: 4.4rem !important; } .px-xl-3 { padding-right: 4.6rem !important; padding-left: 4.6rem !important; } .px-xl-4 { padding-right: 4.8rem !important; padding-left: 4.8rem !important; } .px-xl-5 { padding-right: 5rem !important; padding-left: 5rem !important; } .py-xl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-xl-1 { padding-top: 4.2rem !important; padding-bottom: 4.2rem !important; } .py-xl-2 { padding-top: 4.4rem !important; padding-bottom: 4.4rem !important; } .py-xl-3 { padding-top: 4.6rem !important; padding-bottom: 4.6rem !important; } .py-xl-4 { padding-top: 4.8rem !important; padding-bottom: 4.8rem !important; } .py-xl-5 { padding-top: 5rem !important; padding-bottom: 5rem !important; } .icon-xl::before { width: 34px; height: 34px; } } @media (min-width: 1400px) { .container { max-width: 1380px; } h1, .h1 { font-size: 1.5rem; } h2, .h2 { font-size: 1.3rem; } h3, .h3 { font-size: 1.1rem; } h5, .h5 { font-size: 0.9rem; } .col-xxl-1 { flex: 0 0 auto; width: 8.33333333%; } .col-xxl-2 { flex: 0 0 auto; width: 16.66666667%; } .col-xxl-3 { flex: 0 0 auto; width: 25%; } .col-xxl-4 { flex: 0 0 auto; width: 33.33333333%; } .col-xxl-5 { flex: 0 0 auto; width: 41.66666667%; } .col-xxl-6 { flex: 0 0 auto; width: 50%; } .col-xxl-7 { flex: 0 0 auto; width: 58.33333333%; } .col-xxl-8 { flex: 0 0 auto; width: 66.66666667%; } .col-xxl-9 { flex: 0 0 auto; width: 75%; } .col-xxl-10 { flex: 0 0 auto; width: 83.33333333%; } .col-xxl-11 { flex: 0 0 auto; width: 91.66666667%; } .col-xxl-12 { flex: 0 0 auto; width: 100%; } .mt-xxl-0 { margin-top: 0 !important; } .mt-xxl-1 { margin-top: 5.2rem !important; } .mt-xxl-2 { margin-top: 5.4rem !important; } .mt-xxl-3 { margin-top: 5.6rem !important; } .mt-xxl-4 { margin-top: 5.8rem !important; } .mt-xxl-5 { margin-top: 6rem !important; } .mt-xxl-auto { margin-top: auto !important; } .mb-xxl-0 { margin-bottom: 0 !important; } .mb-xxl-1 { margin-bottom: 5.2rem !important; } .mb-xxl-2 { margin-bottom: 5.4rem !important; } .mb-xxl-3 { margin-bottom: 5.6rem !important; } .mb-xxl-4 { margin-bottom: 5.8rem !important; } .mb-xxl-5 { margin-bottom: 6rem !important; } .mb-xxl-auto { margin-bottom: auto !important; } .ms-xxl-0 { margin-left: 0 !important; } .ms-xxl-1 { margin-left: 5.2rem !important; } .ms-xxl-2 { margin-left: 5.4rem !important; } .ms-xxl-3 { margin-left: 5.6rem !important; } .ms-xxl-4 { margin-left: 5.8rem !important; } .ms-xxl-5 { margin-left: 6rem !important; } .ms-xxl-auto { margin-left: auto !important; } .me-xxl-0 { margin-right: 0 !important; } .me-xxl-1 { margin-right: 5.2rem !important; } .me-xxl-2 { margin-right: 5.4rem !important; } .me-xxl-3 { margin-right: 5.6rem !important; } .me-xxl-4 { margin-right: 5.8rem !important; } .me-xxl-5 { margin-right: 6rem !important; } .me-xxl-auto { margin-right: auto !important; } .mx-xxl-0 { margin-left: 0 !important; margin-right: 0 !important; } .mx-xxl-1 { margin-left: 5.2rem !important; margin-right: 5.2rem !important; } .mx-xxl-2 { margin-left: 5.4rem !important; margin-right: 5.4rem !important; } .mx-xxl-3 { margin-left: 5.6rem !important; margin-right: 5.6rem !important; } .mx-xxl-4 { margin-left: 5.8rem !important; margin-right: 5.8rem !important; } .mx-xxl-5 { margin-left: 6rem !important; margin-right: 6rem !important; } .mx-xxl-auto { margin-left: auto !important; margin-right: auto !important; } .my-xxl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-xxl-1 { margin-top: 5.2rem !important; margin-bottom: 5.2rem !important; } .my-xxl-2 { margin-top: 5.4rem !important; margin-bottom: 5.4rem !important; } .my-xxl-3 { margin-top: 5.6rem !important; margin-bottom: 5.6rem !important; } .my-xxl-4 { margin-top: 5.8rem !important; margin-bottom: 5.8rem !important; } .my-xxl-5 { margin-top: 6rem !important; margin-bottom: 6rem !important; } .my-xxl-auto { margin-top: auto !important; margin-bottom: auto !important; } .pt-xxl-0 { padding-top: 0 !important; } .pt-xxl-1 { padding-top: 5.2rem !important; } .pt-xxl-2 { padding-top: 5.4rem !important; } .pt-xxl-3 { padding-top: 5.6rem !important; } .pt-xxl-4 { padding-top: 5.8rem !important; } .pt-xxl-5 { padding-top: 6rem !important; } .pb-xxl-0 { padding-bottom: 0 !important; } .pb-xxl-1 { padding-bottom: 5.2rem !important; } .pb-xxl-2 { padding-bottom: 5.4rem !important; } .pb-xxl-3 { padding-bottom: 5.6rem !important; } .pb-xxl-4 { padding-bottom: 5.8rem !important; } .pb-xxl-5 { padding-bottom: 6rem !important; } .ps-xxl-custom { padding-left: 2rem !important; } .ps-xxl-0 { padding-left: 0 !important; } .ps-xxl-1 { padding-left: 5.2rem !important; } .ps-xxl-2 { padding-left: 5.4rem !important; } .ps-xxl-3 { padding-left: 5.6rem !important; } .ps-xxl-4 { padding-left: 5.8rem !important; } .ps-xxl-5 { padding-left: 6rem !important; } .pe-xxl-0 { padding-right: 0 !important; } .pe-xxl-1 { padding-right: 5.2rem !important; } .pe-xxl-2 { padding-right: 5.4rem !important; } .pe-xxl-3 { padding-right: 5.6rem !important; } .pe-xxl-4 { padding-right: 5.8rem !important; } .pe-xxl-5 { padding-right: 6rem !important; } .px-xxl-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-xxl-1 { padding-right: 5.2rem !important; padding-left: 5.2rem !important; } .px-xxl-2 { padding-right: 5.4rem !important; padding-left: 5.4rem !important; } .px-xxl-3 { padding-right: 5.6rem !important; padding-left: 5.6rem !important; } .px-xxl-4 { padding-right: 5.8rem !important; padding-left: 5.8rem !important; } .px-xxl-5 { padding-right: 6rem !important; padding-left: 6rem !important; } .py-xxl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-xxl-1 { padding-top: 5.2rem !important; padding-bottom: 5.2rem !important; } .py-xxl-2 { padding-top: 5.4rem !important; padding-bottom: 5.4rem !important; } .py-xxl-3 { padding-top: 5.6rem !important; padding-bottom: 5.6rem !important; } .py-xxl-4 { padding-top: 5.8rem !important; padding-bottom: 5.8rem !important; } .py-xxl-5 { padding-top: 6rem !important; padding-bottom: 6rem !important; } } @media (min-width: 1530px) { .container { max-width: 1520px !important; } h1, .h1 { font-size: 1.7rem; } h2, .h2 { font-size: 1.5rem; } h3, .h3 { font-size: 1.3rem; } h4, .h4 { font-size: 1.1rem; } } :root, [data-bs-theme=light] { --cc-position: 60px; --cc-size-en: 24px; --cc-size-vi: 18px; } header { position: fixed; top: 0; width: 100%; z-index: 99; } .body-content .middle-content { max-width: 1177px; width: 94%; } .full-screen { position: fixed !important; z-index: 999999; background: #000; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; width: 100% !important; height: 100% !important; max-width: none !important; margin: 0 !important; } /*Search bar*/ input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; height: 1em; width: 1em; border-radius: 50em; background: url(/Resources/Images/icon-times-circle.svg) no-repeat 50% 50%; background-size: contain; opacity: 0; pointer-events: none; } input[type="search"]:focus::-webkit-search-cancel-button { opacity: .3; pointer-events: all; } input[type="search"].dark::-webkit-search-cancel-button { filter: invert(1); } .search-bar { position: relative; } .search-bar input { display: block; width: 100%; font-size: 1rem; font-weight: 400; line-height: 1.9; border-radius: 2rem; border: none; -webkit-appearance: none; -moz-appearance: none; } .search-bar input:focus { outline: none; } .search-bar button { background-color: transparent; border: none; border-radius: 5px; position: absolute; padding: 0; height: 35px; width: 35px; } /*Menu*/ header .menu .main-nav { margin: 0 auto; position: relative; } header .menu .main-nav .logo img { display: flex; width: 60px; height: 60px; } header .menu .main-nav .menu-main ul { display: flex; } header .menu .main-nav .menu-main ul li, header .menu-mobile .main-nav ul li { font-weight: 700; font-size: 18px; margin: auto; cursor: pointer; } header .menu .main-nav .menu-main ul li a { padding: 14px 8px; text-transform: uppercase; } header .menu .main-nav .menu-main ul li a.hot-line, header .menu-mobile .main-nav ul li a.hot-line { text-transform: unset !important; } header .menu .main-nav .menu-main ul li a.hot-line span:last-child, header .menu-mobile .main-nav ul li a.hot-line span:last-child { font-size: 22px; } header .menu-desktop .main-nav .menu-main .parent { position: relative; transition-duration: 200ms; transition-property: color; transition-timing-function: cubic-bezier(.7,1,.7,1); } header .menu-desktop .main-nav .menu-main .parent .list-child { min-width: 200px; position: absolute; opacity: 0; visibility: hidden; z-index: 9; left: 0; top: calc(100% + 28px); transition-duration: 200ms; transition-property: opacity, top, all; transition-timing-function: cubic-bezier(.7,1,.7,1); display: block; } header .menu-desktop .main-nav .menu-main .parent .list-child li { padding: 0.6rem 1rem; display: block; } header .menu-desktop .main-nav .menu-main .parent .list-child li > ul { left: 100%; top: 0; } header .menu-desktop .main-nav .menu-main .parent:hover > ul.list-child { opacity: 1; visibility: visible; } header .menu-desktop .main-nav .menu-extend { position: absolute; top: 80px; left: 0; width: 100%; min-height: 120px; z-index: 6; } header .menu-desktop .main-nav .menu-extend .list-child { padding-left: 0.8rem; padding-top: 0.4rem; } header .menu-desktop .main-nav .menu-extend > div > a { text-transform: uppercase; font-weight: 700; } header .menu .menu-main .select2-container--default .select2-selection--single { border: unset !important; height: 46px !important; } header .menu .menu-main .select2-container--default .select2-selection--single .select2-selection__arrow { height: 46px !important; } header .menu .menu-main .select2-container--default .select2-selection--single .select2-selection__rendered span { font-size: 20px; padding-left: 0.4rem; } header .menu .menu-main .select2-container--default .select2-selection--single .select2-selection__rendered span i { padding-right: 0.3rem; } header .menu .menu-main .select2-selection--single .select2-selection__rendered { line-height: 46px !important; } .select2-container--default .select2-search--dropdown .select2-search__field { outline: none; border-radius: 5px; height: 34px; font-size: 16px; line-height: 26px; } /*Main search*/ .main-search #resultFormMain { position: relative; } .result-form-main { max-width: 400px; width: 100vw; border-radius: 10px; left: 0; min-height: 44px; overflow: hidden; position: absolute; top: 40px; width: 100%; z-index: 31; } .result-form-main .item img { border-radius: 0.6rem; height: 70px; } .result-form-main .item .item-info p { font-size: 16px !important; font-weight: 600; line-height: 22px; } /*Mobile menu*/ header .menu-mobile .main-nav ul li a { padding: 8px 8px; text-transform: uppercase; } header .menu-mobile .div-trigger { position: relative; } header .menu-mobile .div-trigger button { float: right; background-color: transparent; background-image: none; border: 1px solid transparent; position: absolute; top: 48%; left: 50%; z-index: 3; transform: translate(-50%, -50%); } header .menu-mobile .div-trigger button .icon-bar { margin-top: 4px; display: block; width: 22px; height: 2px; border-radius: 1px; } header .menu-mobile .div-trigger button .icon-bar:nth-child(2) { width: 15px; } header .menu-mobile .div-trigger button .icon-bar:nth-child(4) { width: 15px; } header .menu-mobile-group { padding: 0; height: 100%; -webkit-transform: translateX(calc(-100vw + 20px)); transform: translateX(calc(-100vw + 20px)); position: fixed; top: 0 !important; left: 0; visibility: hidden; width: 346px; z-index: 99; -webkit-transition: visibility 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); transition: visibility 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-box-shadow: none; box-shadow: none; -ms-touch-action: manipulation; touch-action: manipulation; overflow-y: scroll; } header .menu-mobile-group.active { visibility: visible; -webkit-transform: translateX(0); transform: translateX(0); } header .menu-mobile-group img { display: flex; width: 60px; height: 60px; } header .menu-mobile-group .title { text-transform: uppercase; font-weight: 600; } header .menu-mobile-group .menu-mobile-list a { position: relative; display: block; height: initial; line-height: 1.5; padding: 10px 20px; font-size: 16px; } header .menu-mobile-group .menu-mobile-list a > .icon-angle-down { position: absolute; right: 15px; margin: 0; transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; } header .menu-mobile-group .menu-mobile-list > ul > li { display: block; margin: 0; width: 100%; } header .menu-mobile-group .menu-mobile-list .list-child { display: none; } header .menu-mobile-group .menu-mobile-list .list-child.show { display: block; } header .menu-mobile-group .menu-mobile-list .has-child.active .icon-angle-down { -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -o-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .backdrop-body-jnv-1 { visibility: hidden; position: fixed; opacity: 0; width: 100%; left: 0; top: 0; right: 0; bottom: 0; z-index: 11; transition: opacity .5s ease; } .backdrop-body-jnv-1.active { transition: opacity .5s ease; visibility: visible; opacity: 1; } /*Swiper*/ .swiper-jnv { margin-top: 1rem; } .swiper-jnv .swiper-slide { background-position: center; background-size: cover; margin-bottom: 1rem; } .swiper-jnv .swiper-slide img { border-radius: 1rem; display: block; width: 100%; height: 100%; /*-webkit-box-reflect: below 1px linear-gradient(transparent, transparent, #0002, #0004);*/ } /*Paging*/ .paging-middle { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .paging-middle .pagination { display: flex; } .paging-middle .pagination .angle-right { display: flex; justify-content: flex-end; padding-right: 0.5rem; } .paging-middle .pagination .angle-left { display: flex; justify-content: flex-start; padding-left: 0.5rem; } .paging-middle .pagination .page-item a { height: 42px; } .paging-middle .pagination .page-item span { border-radius: 0.4rem; width: 28px; height: 42px; background-position: 50%; background-repeat: no-repeat; display: inline-block; } .paging-bottom .pagination { display: -ms-flexbox; display: flex; padding-left: 0; list-style: none; } .paging-bottom .page-item { text-align: center; display: inline-block; width: 35px; height: 35px; margin: 1px; cursor: pointer; border-radius: 20px; } .paging-bottom .page-item a { vertical-align: middle; line-height: 34px; } /*Footer*/ footer .section-footer .contact-group { margin: 0 auto; } footer .section-footer ul { margin-top: 0.2rem; } footer .section-footer ul li { font-size: 17px; margin-top: 1rem; } footer .section-footer iframe { height: 100% } footer .copy-right { display: flex; justify-content: center; } footer .copy-right span { display: flex; align-items: center; } /*Toast*/ .toast .toast-message { padding-top: 0.1rem; font-size: 16px; } /*Modal*/ .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal { position: fixed; top: 0; left: 0; z-index: 99; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; } .modal-dialog { position: relative; width: auto; pointer-events: none; margin: 6.75rem auto; } .modal-content { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-clip: padding-box; border-radius: .3rem; outline: 0 } .modal-header { text-transform: uppercase; display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: justify; justify-content: space-between; padding: 1rem; border-top-left-radius: calc(.3rem - 1px); border-top-right-radius: calc(.3rem - 1px); } .modal-header .modal-title { text-transform: uppercase; width: 100%; } .modal-header .btn-close { --bs-btn-close-opacity: 0.5; --bs-btn-close-hover-opacity: 0.75; --bs-btn-close-focus-opacity: 1; --bs-btn-close-disabled-opacity: 0.25; box-sizing: content-box; width: 1em; height: 1em; padding: 0.25em 0.25em; border: 0; border-radius: 0.375rem; } .modal-header .btn-close:hover { text-decoration: none; } .modal-header .btn-close:focus { outline: 0; } .modal-header .btn-close:disabled, .modal-header .btn-close.disabled { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .modal-body { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; padding: .75rem; border-bottom-right-radius: calc(.3rem - 1px); border-bottom-left-radius: calc(.3rem - 1px); } /*Intro*/ .section-intro article { font-style: italic; line-height: 26px; font-size: 20px; } /*Lang*/ .section-lang span { display: inline-block; padding: 0.6rem 0.7rem; border-radius: 1.5rem; margin: 0.2rem; } /*Contact*/ .section-contact p { line-height: 24px; font-size: 16px; } .section-contact form { border-radius: 1rem; } .section-contact form .div-button { padding-left: 0.2rem; } .section-contact form button { padding: 14px 22px; font-size: 16px; } /*News home*/ .section-news .box-title, .section-slider .box-title { display: inline-flex; border-radius: 3rem; padding: 0.8rem 1.4rem; } .section-news .summary, .news-details .article-details, .news-details .advertise-right .summary { font-size: 16px; } .section-news .info, .news-details .advertise-right .info { font-size: 14px; font-style: italic; } .section-news .item-box-image figure, .news-details .advertise-right .item-box-image figure { display: flex; } .section-news .item .item-box-title { text-align: left; } .section-news #resultFormNews { position: relative; } /*News*/ .section-news .middle-content img, .news-details .article-details img, .news-details .advertise-right img { border-radius: 0.5rem; max-width: 100%; } .section-news .middle-content .result-form-featured .row:not(:last-child), .section-news .middle-content .result-form-new .row:not(:last-child), .news-details .advertise-right .row:not(:last-child) { margin-bottom: 1.2rem; } /*News details*/ .news-details .content-s-jnv .info { font-size: 16px; font-style: italic; } .news-details .article-details table { max-width: 100%; } /*Static pages*/ .section-static-pages .static-pages-middle { max-width: 1200px; } /*Library*/ .section-library .middle-content { max-width: 1200px; } .section-library .movie-search-results .item figure { border-radius: 13px; padding: 0.6rem; width: 100%; height: 100%; } .section-library .movie-search-results .item .item-name { line-height: 24px; } .section-library .movie-search-results .item .group-event > div { text-align: center; margin: 0 auto; width: 48px; } .section-library .movie-search-results .item .group-event > div > div:first-child { display: inline-flex; } .section-library .movie-search-results .item .vip-rank { /*position: relative;*/ /*width: 80px; height: 36px;*/ /*line-height: 36px;*/ border-radius: 6px; /*text-align: right;*/ /*float: right;*/ /*font-size: 16px;*/ /*padding-right: 10px;*/ } .section-library .movie-search-results .item .vip-rank::before { /*position: absolute; left: 9.5px; top: 6px;*/ content: ''; width: 28.604px; height: 20.908px; background: url(/Resources/Images/icon-vip.svg); display: inline-block; } .section-library .movie-search-results .item .item-category { font-size: 16px; } .library-search-results .item img { width: 100%; border-radius: 0.5rem; } .library-search-results .info span { font-size: 1rem; } .library-search-results #resultFormFeatured, .library-search-results #resultFormNew, .library-search-results #resultFormMostViewed, .library-search-results #resultFormMV { position: relative; margin-left: -0.4rem; margin-right: -0.4rem; } /*Library details*/ .plyr, #jnv-video, .plyr__poster { width: 100%; height: 100%; } .library-details > div > div { position: relative; } .content-details > div, .info-detail > div { max-width: 1320px; margin: auto; } .subtitles { width: 100%; height: 100%; overflow-y: auto; padding: 0px 2px 68px 0px; position: relative; /*Value does not change when scrolling*/ } .subtitles .subtitles-cover { position: relative; /*Value does not change when scrolling*/ } .subtitles .subtitles-cover::-webkit-scrollbar { width: 1rem; } .subtitles .subtitles-cover::-webkit-scrollbar-thumb { border-radius: 10px; } .subtitles .subtitles-cover .subtitles-item { min-height: 3.8rem; position: relative; cursor: pointer; padding: 10px 15px; transition: 0.1s all ease; } .subtitles .subtitles-cover .subtitles-item .subtitles-sentence span { line-height: 20px; display: block; transition: 0.1s all ease; } .subtitles .subtitles-cover .subtitles-item .subtitles-sentence span:first-child { font-weight: 400; font-size: 16px; } .subtitles .subtitles-cover .subtitles-item .subtitles-sentence span:not(:first-child) { font-weight: 300; font-size: 15px; } .subtitles .subtitles-cover .subtitles-item.subtitles-active .subtitles-sentence span:first-child { font-size: 18px; } .subtitles .subtitles-cover .subtitles-item .time-second { position: absolute; bottom: 0.14rem; right: 0; } .subtitles .subtitles-cover .subtitles-item .time-second span { padding: 0.1rem 0.3rem; font-size: 0.8rem; border-radius: 0.3rem; } .player-control .cc-control { position: relative; } .player-control .cc-control-panel { display: none; border-radius: 0.5rem; background: rgba(28, 28, 28, .9); height: 172px; width: 180px; left: 0; top: -175px; position: absolute; } .player-control .cc-control-panel.active { display: block !important; } .player-control .cc-control-panel ul { padding: 1.2rem; } .player-control .cc-control-panel ul li { font-size: 16px; color: #fff; vertical-align: middle; } .player-control .cc-control-panel ul li:not(:first-child) { padding-top: 1.2rem; } .player-control .cc-control-panel ul li .switch, .player-control .cc-control-panel ul li .color-picker, .player-control .cc-control-panel ul li .font-size, .player-control .cc-control-panel ul li .position { float: right; } .player-control .cc-control-panel ul li .color-picker { width: 3rem; height: 1.2rem; } .subtitles-control .btn-control { padding: 0.4rem 1.5rem; } .player-subtitles { width: 70%; position: absolute; bottom: var(--cc-position); left: 50%; transform: translateX(-50%); text-align: center; word-break: break-all; } .player-subtitles .jnv-line { display: block; padding-top: 0.2rem; padding-bottom: 0.2rem; } .player-subtitles .jnv-line .word { padding-left: 0.2rem; padding-right: 0.2rem; } .player-subtitles .jnv-line .word:hover { cursor: pointer; } .player-subtitles .jnv-line-en { font-size: var(--cc-size-en); } .player-subtitles .jnv-line-vi { font-size: var(--cc-size-vi); } #dialogListen .modal-body { width: 100%; height: 360px; overflow-y: auto; padding: 15px 2px 15px 15px; position: relative; /*Value does not change when scrolling*/ } #dialogListen .modal-body .listen-cover { position: relative; } #dialogListen .modal-footer { justify-content: center !important; } .listen-subtitles .jnv-line { display: block; padding-top: 0.2rem; padding-bottom: 0.2rem; transition: 0.1s all ease; } .listen-subtitles .jnv-line.active { font-size: 26px; } .listen-control .listen-percent-correct { font-weight: bold; } .listen-control .btn-control { padding: 0.6rem; } .info-detail .description { line-height: 1.68rem; } .list-tags li { display: inline-block; background-color: #f3f4f6; border-radius: 1rem; padding: 0.2rem 0.6rem; } .list-tags li:not(:first-child) { margin-left: 0.5rem; } .list-tags li a { color: #444; font-size: 14px; } /*Advertise righ*/ .advertise-right .title h4 { border-radius: 0.8rem; } .advertise-right .item { width: 320px; } .advertise-right .item figure { border-radius: 13px; padding: 0.6rem; width: 100%; height: 100%; } .advertise-right .item .item-name { line-height: 24px; } .advertise-right .item img { width: 100%; border-radius: 8px; } .advertise-right .item .group-event .row { width: 100%; padding-left: 0.6rem; } .advertise-right .item .vip-rank { position: relative; width: 67px; height: 33px; line-height: 32px; border-radius: 6px; text-align: right; float: right; font-size: 16px; padding-right: 5px; } .advertise-right .item .vip-rank::before { position: absolute; left: 4px; top: 5px; content: ''; width: 26.604px; height: 20.908px; background: url(/Resources/Images/icon-vip.svg); display: inline-block; } .advertise-right .item .item-category { font-size: 16px; } .youtube-details .advertise-right .item img, .spotify-details .advertise-right .item img { height: 134px; } .advertise-right .item{ } .plyr-details .advertise-right .item img { height: 285px; } @media (min-width: 360px) { .body-content { padding-top: 60px; } .img-s-1 { width: 100%; height: 100px; } .img-s-5 { width: 100%; height: 350px; } .paging-middle { display: none !important; } /*Header*/ header .menu-desktop { display: none; } header .menu-desktop .container { margin: 0 auto; } header .menu-mobile { display: block; } header .menu .main-nav { max-width: 88%; } header .menu .main-nav .logo img { width: 60px; height: 60px; } header .menu-mobile .main-nav ul li a.hot-line span { line-height: 22px; } header .menu-mobile .main-nav ul li a.hot-line span:first-child { font-size: 16px; } header .menu-mobile .main-nav ul li a.hot-line span:last-child { font-size: 18px; } /*Mobile menu*/ header .menu-mobile-group img { width: 60px; height: 60px; } /*Search bar*/ .search-bar input { padding-top: .275rem; padding-bottom: .275rem; padding-left: 2.5rem; padding-right: .75rem; } .search-bar button { left: 0.4rem; top: 0.3rem; } /*Vision*/ .section-vision .box { height: 390px; padding: 0px 20px 0px 20px; border-radius: 20px; } .section-vision p { font-size: 16px; } /*Swiper*/ .section-slider .swiper-jnv { width: 90%; height: 300px; } .swiper-jnv .swiper-slide { width: 12rem !important; height: 18rem !important; } /*Library*/ .section-library .movie-search-results .item .group-event { padding-left: 3px; } .section-library .movie-search-results .item .vip-rank { padding: 0.2rem 0.5rem; } .movie-search-results .item img { height: 300px; } .music-search-results #resultFormNew .item img { height: 220px; } /*Library details*/ .content-details > div.box { height: 50rem; } .content-details > div > div:first-child { height: 24rem; } .content-details > div > div:last-child { height: 20rem; } /*Footer*/ .bg-footer { background-repeat: no-repeat; } footer .section-footer .contact-group { width: 94%; } } @media (min-width: 420px) { } @media (min-width: 480px) { .img-s-1 { width: 100%; height: 125px; } .img-s-5 { width: 100%; height: 400px; } /*Header*/ header .menu .main-nav .logo img { width: 68px; height: 68px; } header .menu-mobile .main-nav ul li a.hot-line span { line-height: 26px; } header .menu-mobile .main-nav ul li a.hot-line span:first-child { font-size: 18px; } header .menu-mobile .main-nav ul li a.hot-line span:last-child { font-size: 20px; } /*Mobile menu*/ header .menu-mobile-group img { width: 68px; height: 68px; } } @media (min-width: 576px) { .img-s-1 { width: 100%; height: 145px; } .img-s-5 { width: 100%; height: 450px; } /*Header*/ header .menu .main-nav .logo img { width: 72px; height: 72px; } header .menu-mobile .main-nav ul li a.hot-line span { line-height: 28px; } header .menu-mobile .main-nav ul li a.hot-line span:first-child { font-size: 20px; } header .menu-mobile .main-nav ul li a.hot-line span:last-child { font-size: 22px; } header .menu-mobile .div-trigger button .icon-bar { width: 28px; height: 3px; border-radius: 2px; } /*Mobile menu*/ header .menu-mobile-group img { width: 75px; height: 75px; } } @media (min-width: 768px) { .body-content { padding-top: 80px; } .img-s-1 { width: 100%; height: 160px; } .img-s-5 { width: 100%; height: 620px; } .paging-middle { display: block !important; } /*Header*/ header .menu .main-nav .logo img { width: 80px; height: 80px; } header .menu-mobile .main-nav ul li a.hot-line span { line-height: 32px; } header .menu-mobile .main-nav ul li a.hot-line span:first-child { font-size: 22px; } header .menu-mobile .main-nav ul li a.hot-line span:last-child { font-size: 24px; } header .menu-mobile .div-trigger button .icon-bar { width: 30px; height: 4px; border-radius: 4px; } /*Mobile menu*/ header .menu-mobile-group img { width: 80px; height: 80px; } /*Search bar*/ .search-bar input { padding-top: .375rem; padding-bottom: .375rem; padding-left: 2.5rem; padding-right: .75rem; } .search-bar button { left: 0.4rem; top: 0.4rem; } /*Vision*/ .section-vision .box { height: 478px; padding: 40px 20px 60px 20px; } .section-vision .box-1 { border-radius: 40px 0 0; } .section-vision .box-2 { border-radius: 40px; } .section-vision .box-3 { border-radius: 0 0 40px; } /*Swiper*/ .section-slider .swiper-jnv { height: 520px; } .swiper-jnv .swiper-slide { width: 24rem !important; height: 30rem !important; } /*Library*/ .music-search-results #resultFormNew .item img { height: 92px; } .section-library .movie-search-results .item .group-event { padding-left: 0px; } .section-library .movie-search-results .item .vip-rank { padding: 0.2rem 0.3rem } .movie-search-results .item img { height: 245px; } /*Library details*/ .content-details > div.box { height: 28rem; } .content-details > div > div:first-child, .content-details > div > div:last-child { height: 25rem; } /*Footer*/ footer .section-footer .contact-group { width: 95%; } /*Simple Animation Transforms*/ .animate { opacity: 0; transition: all 1.2s ease-out; } .animate.fade-up { transform: translate3d(0, 100px, 0); } .animate.fade-down { transform: translate3d(0, -100px, 0); } .animate.fade-right { transform: translate3d(80px, 0, 0); } .animate.fade-left { transform: translate3d(-80px, 0, 0); } .animate.visible { opacity: 1; transform: translate3d(0, 0, 0); } } @media (min-width: 992px) { .img-s-1 { width: 100%; height: 110px; } .img-s-5 { width: 100%; height: 380px; } /*Header*/ header .menu-mobile .main-nav ul li a.hot-line span { line-height: 32px; } header .menu-mobile .main-nav ul li a.hot-line span:first-child { font-size: 24px; } header .menu-mobile .main-nav ul li a.hot-line span:last-child { font-size: 28px; } /*Modal*/ .modal-lg { max-width: 800px; } /*Library*/ .section-library .movie-search-results .item .group-event { padding-left: 5px; } .section-library .movie-search-results .item .vip-rank { padding: 0.3rem 0.5rem } .movie-search-results .item img { height: 300px; } /*Library details*/ .content-details > div.box { height: 42rem; } .content-details > div > div:first-child, .content-details > div > div:last-child { height: 38rem; } } @media (min-width: 1200px) { .img-s-1 { width: 100%; height: 120px; } .img-s-5 { width: 100%; height: 440px; } /*Header*/ header .menu-desktop { display: block; } header .menu-mobile { display: none; } /*Footer*/ .bg-footer { background-repeat: round; } footer .section-footer .contact-group { width: 80%; } /*Library*/ .section-library .movie-search-results .item .vip-rank { padding: 0.3rem 0.6rem } .section-library .movie-search-results .item img { height: 285px; } } @media (min-width: 1400px) { .img-s-5 { width: 100%; height: 520px; } } @media (min-width: 1530px) { } :root, [data-bs-theme=light] { --bs-main: #081b27; --bs-blue: #0d6efd; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #dc3545; --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-black: #000; --bs-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-gray-100: #f8f9fa; --bs-gray-200: #e9ecef; --bs-gray-300: #dee2e6; --bs-gray-400: #ced4da; --bs-gray-500: #adb5bd; --bs-gray-600: #6c757d; --bs-gray-700: #495057; --bs-gray-800: #343a40; --bs-gray-900: #212529; --bs-primary: #0d6efd; --bs-secondary: #6c757d; --bs-success: #198754; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #dc3545; --bs-light: #f8f9fa; --bs-dark: #212529; --bs-primary-rgb: 13, 110, 253; --bs-secondary-rgb: 108, 117, 125; --bs-success-rgb: 25, 135, 84; --bs-info-rgb: 13, 202, 240; --bs-warning-rgb: 255, 193, 7; --bs-danger-rgb: 220, 53, 69; --bs-light-rgb: 248, 249, 250; --bs-dark-rgb: 33, 37, 41; --bs-primary-text-emphasis: #052c65; --bs-secondary-text-emphasis: #2b2f32; --bs-success-text-emphasis: #0a3622; --bs-info-text-emphasis: #055160; --bs-warning-text-emphasis: #664d03; --bs-danger-text-emphasis: #58151c; --bs-light-text-emphasis: #495057; --bs-dark-text-emphasis: #495057; --bs-primary-bg-subtle: #cfe2ff; --bs-secondary-bg-subtle: #e2e3e5; --bs-success-bg-subtle: #d1e7dd; --bs-info-bg-subtle: #cff4fc; --bs-warning-bg-subtle: #fff3cd; --bs-danger-bg-subtle: #f8d7da; --bs-light-bg-subtle: #fcfcfd; --bs-dark-bg-subtle: #ced4da; --bs-primary-border-subtle: #9ec5fe; --bs-secondary-border-subtle: #c4c8cb; --bs-success-border-subtle: #a3cfbb; --bs-info-border-subtle: #9eeaf9; --bs-warning-border-subtle: #ffe69c; --bs-danger-border-subtle: #f1aeb5; --bs-light-border-subtle: #e9ecef; --bs-dark-border-subtle: #adb5bd; --bs-white-rgb: 255, 255, 255; --bs-black-rgb: 0, 0, 0; --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-font-family: var(--bs-font-sans-serif); --bs-body-font-size: 1rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.5; --bs-body-color: #212529; --bs-body-color-rgb: 33, 37, 41; --bs-body-bg: #fff; --bs-body-bg-rgb: 255, 255, 255; --bs-emphasis-color: #000; --bs-emphasis-color-rgb: 0, 0, 0; --bs-secondary-color: rgba(33, 37, 41, 0.75); --bs-secondary-color-rgb: 33, 37, 41; --bs-secondary-bg: #e9ecef; --bs-secondary-bg-rgb: 233, 236, 239; --bs-tertiary-color: rgba(33, 37, 41, 0.5); --bs-tertiary-color-rgb: 33, 37, 41; --bs-tertiary-bg: #f8f9fa; --bs-tertiary-bg-rgb: 248, 249, 250; --bs-heading-color: inherit; --bs-link-color: #0d6efd; --bs-link-color-rgb: 13, 110, 253; --bs-link-decoration: underline; --bs-link-hover-color: #0a58ca; --bs-link-hover-color-rgb: 10, 88, 202; --bs-code-color: #d63384; --bs-highlight-color: #212529; --bs-highlight-bg: #fff3cd; --bs-border-width: 1px; --bs-border-style: solid; --bs-border-color: #dee2e6; --bs-border-color-translucent: rgba(0, 0, 0, 0.175); --bs-border-radius: 0.375rem; --bs-border-radius-sm: 0.25rem; --bs-border-radius-lg: 0.5rem; --bs-border-radius-xl: 1rem; --bs-border-radius-xxl: 2rem; --bs-border-radius-2xl: var(--bs-border-radius-xxl); --bs-border-radius-pill: 50rem; --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175); --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075); --bs-focus-ring-width: 0.25rem; --bs-focus-ring-opacity: 0.25; --bs-focus-ring-color: rgba(13, 110, 253, 0.25); --bs-form-valid-color: #198754; --bs-form-valid-border-color: #198754; --bs-form-invalid-color: #dc3545; --bs-form-invalid-border-color: #dc3545; } @font-face { font-family: 'Lato-Regular'; src: url("/Resources/Fonts/Lato-Regular.ttf") format('truetype'); font-weight: normal; font-style: normal; } body { background-color: #F5F5F5; font-family: "Lato-Regular" !important; } .body-content { background-color: #fff; } .bg-white { background-color: var(--bs-white); } .bg-white-main { background-color: #fafafa; border-radius: 0.5rem; box-shadow: 0px 0px 8px 0px #081b27; } .txt-red { color: var(--bs-red); } .txt-black { color: var(--bs-black); } .txt-white { color: var(--bs-white); } .form-control { color: var(--bs-body-color); background-color: var(--bs-body-bg); border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); } .currency-new { color: var(--bs-main); } .currency-old { color: #707070; } .buy-now, .order-now { background-color: #FBA651; color: #000; } .add-to-cart { background-color: #fff; color: #ff0004; } .slides-box .child-list .swiper-button-next:after, .slides-box .child-list .swiper-button-prev:after { color: var(--bs-main); } .icon::before { content: ''; display: inline-block; } .icon-user::before { background-image: url(/Resources/Images/icon-user.svg); } .icon-cart::before { background-image: url(/Resources/Images/icon-cart.svg); } .icon-hot::before { background-image: url(/Resources/Images/icon-hot.svg); } .icon-star::before { background-image: url(/Resources/Images/icon-star.svg); } .icon-love::before { background-image: url(/Resources/Images/icon-love.svg); } .icon-vote::before { background-image: url(/Resources/Images/icon-vote.svg); } .icon-location::before { background-image: url(/Resources/Images/icon-location.svg); } .icon-mail::before { background-image: url(/Resources/Images/icon-mail.svg); } .icon-phone::before { background-image: url(/Resources/Images/icon-phone.svg); } .icon-facebook::before { background-image: url(/Resources/Images/icon-facebook.svg); } .icon-zalo::before { background-image: url(/Resources/Images/icon-zalo.svg); } .icon-clock::before { background-image: url(/Resources/Images/icon-clock.svg); } .icon-call::before { background-image: url(/Resources/Images/icon-call.svg); } .icon-angle-down::before { background-image: url(/Resources/Images/icon-angle-down.svg); } .icon-angle-up::before { background-image: url(/Resources/Images/icon-angle-up.svg); } .icon-angle-right { background-image: url(/Resources/Images/icon-angle-right.svg); } .icon-angle-left { background-image: url(/Resources/Images/icon-angle-left.svg); } .icon-ellipsis::before { background-image: url(/Resources/Images/icon-ellipsis.svg); } .icon-times::before { background-image: url(/Resources/Images/icon-times.svg); } .icon-add-to-cart::before { background-image: url(/Resources/Images/icon-add-to-cart.svg); } .icon-delete::before { background-image: url(/Resources/Images/icon-delete.svg); } .icon-sound::before { background-image: url(/Resources/Images/icon-sound.svg); } .icon-usa::before { background-image: url(/Resources/Images/icon-usa.svg); } .icon-vietnam::before { background-image: url(/Resources/Images/icon-vietnam.svg); } .icon-korea::before { background-image: url(/Resources/Images/icon-korea.svg); } .icon-japan::before { background-image: url(/Resources/Images/icon-japan.svg); } .icon-china::before { background-image: url(/Resources/Images/icon-china.svg); } .icon-france::before { background-image: url(/Resources/Images/icon-france.svg); } .icon-news::before { background-image: url(/Resources/Images/icon-news.svg); } .icon-movie::before { background-image: url(/Resources/Images/icon-movie.svg); } .icon-language::before { background-image: url(/Resources/Images/icon-language.svg); } .icon-listen::before { background-image: url(/Resources/Images/icon-listen.svg); } .icon-play::before { background-image: url(/Resources/Images/icon-play.svg); } .icon-pause::before { background-image: url(/Resources/Images/icon-pause.svg); } .icon-next::before { background-image: url(/Resources/Images/icon-next.svg); } .icon-mic::before { background-image: url(/Resources/Images/icon-mic.svg); } .icon-cc::before { background-image: url(/Resources/Images/icon-cc.svg); } .icon-full-screen::before { background-image: url(/Resources/Images/icon-full-screen.svg); } .icon-exit-full-screen::before { background-image: url(/Resources/Images/icon-exit-full-screen.svg); } /*Search bar*/ .search-bar input { box-shadow: 0px 0px 8px 0px #FBA651; } /*Menu*/ header .menu-bg { background-color: #FFFFFF; box-shadow: 0px 0px 10px -6px #000000; } header .menu .main-nav a, header .menu .main-nav ul li span { color: var(--bs-main); } header .menu-desktop .main-nav .menu-main .parent .list-child { background-color: #fbe8dd; } header .menu-desktop .main-nav .menu-main .parent .list-child li:hover { background-color: #fa9859; } header .menu-desktop .main-nav .menu-main .parent .list-child li:hover > a { color: #fff; } header .menu-desktop .main-nav .menu-extend { background-color: #fff; } header .menu .menu-main .select2-container--default .select2-selection--single { background-color: #0BA5EC !important; } header .menu .menu-main .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: var(--bs-white) transparent transparent transparent; } header .menu .menu-main .select2-selection--single .select2-selection__rendered { color: var(--bs-white) !important; } .select2-container--default .select2-search--dropdown .select2-search__field { -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; } /*Mobile menu*/ header .menu-mobile .div-trigger button .icon-bar { background-color: #FBA651; } header .menu-mobile-group { background-color: #F5F5F5; } header .menu-mobile-group > div:first-child { background-color: #FFFFFF; border-bottom: 4px solid #B07439; } header .menu-mobile-group .title { color: #B07439; } header .menu-mobile-group .menu-mobile-list a { color: #B07439; } header .menu-mobile-group .menu-mobile-list > ul > li > a { background-color: #fff; border-bottom: 1px solid #B07439; } header .menu-mobile-group .menu-mobile-list .list-child { background-color: #f5f5f5; } .backdrop-body-jnv-1 { background-color: rgba(0,0,0,0.55); } /*Main search*/ .result-form-main { background: var(--bs-white); } /*Paging*/ .paging-bottom .page-item.active { background-color: #367fae !important; } .paging-bottom .page-item.active a { color: #fff; } .paging-bottom .page-item:not(.active) a { color: #fff; } .paging-middle .pagination .page-item span { background-color: rgba(255, 255, 255, 0.25); } /*Footer*/ .bg-footer { background-image: url(/Resources/Images/bg-footer.jpg); } .section-footer { color: #fff; } footer .copy-right { background-color: #FDF4EC; } footer .copy-right span { color: #1786F9; } /*Modal*/ .modal-header { border-bottom: 1px solid #e9ecef; } .modal-header .btn-close { --bs-btn-close-color: #000; --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e"); --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%); color: var(--bs-btn-close-color); background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat; opacity: var(--bs-btn-close-opacity); } .modal-header .btn-close:hover { color: var(--bs-btn-close-color); opacity: var(--bs-btn-close-hover-opacity); } .modal-header .btn-close:focus { box-shadow: var(--bs-btn-close-focus-shadow); opacity: var(--bs-btn-close-focus-opacity); } .modal-header .btn-close:disabled, .modal-header .btn-close.disabled { opacity: var(--bs-btn-close-disabled-opacity); } .modal-content { background-color: var(--bs-white); box-shadow: 0 .25rem .5rem rgba(0, 0, 0, .5); } .modal-footer { border-top: 1px solid #e9ecef; } /*Lang*/ .section-lang span { border: 1px solid #fc7321; color: var(--bs-black); } /*Vision*/ .section-vision .box-1 { background-color: #fdf8e3; } .section-vision .box-2 { background-color: #f0f3fa; } .section-vision .box-3 { background-color: #feeff0; } .section-vision .box h4 { color: #1e1666; } .section-vision .border { border-left: 0.15rem solid #5cafe0; } .section-vision .border:not(:last-child) { border-bottom: 0.15rem solid #5cafe0; } /*Contact*/ .section-contact { color: var(--bs-white); background-image: url(/Resources/Images/bg-contact.png); } .section-contact input, .section-contact textarea { background: #e7f0ff; } .section-contact form button { color: var(--bs-white); background-color: #0955de; } /*News*/ .section-news .box-title, .section-slider .box-title { box-shadow: 0px 0px 8px 0px #FBA651; } .section-news .main-title, .section-news .title, .news-details .advertise-right .title { color: var(--bs-main); } .section-news .summary, .section-news .info, .news-details .advertise-right .summary, .news-details .advertise-right .info { color: #4f4f4f; } /*Library*/ .section-library { background-color: #141f23; } .section-library .movie-search-results .item figure { border: 2px solid #39464F; background: #232E35; } .section-library .movie-search-results .item .vip-rank { color: #FFC800; background: #FFF5D3; } .section-library .movie-search-results .item .item-category { color: #aaa; } .library-search-results .title span { color: var(--bs-white); } .library-search-results .info span { color: hsla(0, 0%, 100%, 0.5); } /*Library details*/ .library-details { background-color: #141f23; } .subtitles { background: #232E35; } .subtitles .subtitles-cover::-webkit-scrollbar-thumb { background: #999999; } .subtitles .subtitles-cover .subtitles-item { border-bottom: 1px solid rgb(229 229 229 / 11%); } .subtitles .subtitles-cover .subtitles-item.subtitles-active { background-color: #8d8d8d; } .subtitles .subtitles-cover .subtitles-item .subtitles-sentence span { color: var(--bs-white); } .subtitles .subtitles-cover .subtitles-item .time-second span { color: #fff; background-color: rgb(127 127 127); } .subtitles-control .btn-control.active { background-color: #d7b78d; } .player-subtitles { color: #f5d13f; } .listen-subtitles .jnv-line { color: #000; } .listen-control .listen-recognized, .listen-control .listen-percent-correct { color: #00a67d; } .listen-control .btn-control { background-color: #d7b78d; } .listen-control .btn-control.active { background-color: #7ed0b9; } /*Advertise righ*/ .advertise-right .title h4 { background-color: #fafafa; border: 2px solid var(--bs-main); border-bottom: 0.4rem solid var(--bs-main); } .advertise-right .item figure { border: 2px solid #39464F; background: #232E35; } .advertise-right .item .item-category { color: #aaa; } .library-advertise-right .item .vip-rank { color: #FFC800; background: #FFF5D3; } .select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid #000 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb} /* * Note that this is toastr v2.1.3, the "latest" version in url has no more maintenance, * please go to https://cdnjs.com/libraries/toastr.js and pick a certain version you want to use, * make sure you copy the url from the website since the url may change between versions. * */ .toast-title{font-weight:700}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#FFF}.toast-message a:hover{color:#CCC;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#FFF;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80);line-height:1}.toast-close-button:focus,.toast-close-button:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}.rtl .toast-close-button{left:-.3em;float:left;right:.3em}button.toast-close-button{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999;pointer-events:none}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{position:relative;pointer-events:auto;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#FFF;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>div.rtl{direction:rtl;padding:15px 50px 15px 15px;background-position:right 15px center}#toast-container>div:hover{-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important}#toast-container>.toast-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important}#toast-container>.toast-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important}#toast-container>.toast-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important}#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div{width:300px;margin-left:auto;margin-right:auto}#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{width:96%;margin-left:auto;margin-right:auto}.toast{background-color:#030303}.toast-success{background-color:#51A351}.toast-error{background-color:#BD362F}.toast-info{background-color:#2F96B4}.toast-warning{background-color:#F89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}@media all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container>div.rtl{padding:8px 50px 8px 8px}#toast-container .toast-close-button{right:-.2em;top:-.2em}#toast-container .rtl .toast-close-button{left:-.2em;right:.2em}}@media all and (min-width:241px) and (max-width:480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container>div.rtl{padding:8px 50px 8px 8px}#toast-container .toast-close-button{right:-.2em;top:-.2em}#toast-container .rtl .toast-close-button{left:-.2em;right:.2em}}@media all and (min-width:481px) and (max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}#toast-container>div.rtl{padding:15px 50px 15px 15px}}