/* Minification failed. Returning unminified contents. (774,28): run-time error CSS1039: Token not allowed after unary operator: '-color' (801,17): run-time error CSS1039: Token not allowed after unary operator: '-color' (811,28): run-time error CSS1039: Token not allowed after unary operator: '-color' (827,28): run-time error CSS1039: Token not allowed after unary operator: '-color' (1445,3578): run-time error CSS1030: Expected identifier, found '.' (1445,3594): run-time error CSS1031: Expected selector, found ')' (1445,3594): run-time error CSS1025: Expected comma or open brace, found ')' (1445,4027): run-time error CSS1030: Expected identifier, found '.' (1445,4043): run-time error CSS1031: Expected selector, found ')' (1445,4043): run-time error CSS1025: Expected comma or open brace, found ')' (1445,4147): run-time error CSS1030: Expected identifier, found '.' (1445,4163): run-time error CSS1031: Expected selector, found ')' (1445,4163): run-time error CSS1025: Expected comma or open brace, found ')' (1445,4231): run-time error CSS1030: Expected identifier, found '.' (1445,4247): run-time error CSS1031: Expected selector, found ')' (1445,4247): run-time error CSS1025: Expected comma or open brace, found ')' (1445,4416): run-time error CSS1030: Expected identifier, found '.' (1445,4432): run-time error CSS1031: Expected selector, found ')' (1445,4432): run-time error CSS1025: Expected comma or open brace, found ')' (1445,4583): run-time error CSS1030: Expected identifier, found '.' (1445,4599): run-time error CSS1031: Expected selector, found ')' (1445,4599): run-time error CSS1025: Expected comma or open brace, found ')' (1445,4762): run-time error CSS1030: Expected identifier, found '.' (1445,4778): run-time error CSS1031: Expected selector, found ')' (1445,4778): run-time error CSS1025: Expected comma or open brace, found ')' (1445,4836): run-time error CSS1030: Expected identifier, found '.' (1445,4852): run-time error CSS1031: Expected selector, found ')' (1445,4852): run-time error CSS1025: Expected comma or open brace, found ')' (1445,4925): run-time error CSS1030: Expected identifier, found '.' (1445,4941): run-time error CSS1031: Expected selector, found ')' (1445,4941): run-time error CSS1025: Expected comma or open brace, found ')' (1445,5072): run-time error CSS1030: Expected identifier, found '.' (1445,5088): run-time error CSS1031: Expected selector, found ')' (1445,5088): run-time error CSS1025: Expected comma or open brace, found ')' (1445,5220): run-time error CSS1030: Expected identifier, found '.' (1445,5236): run-time error CSS1031: Expected selector, found ')' (1445,5236): run-time error CSS1025: Expected comma or open brace, found ')' (1445,5324): run-time error CSS1030: Expected identifier, found '.' (1445,5340): run-time error CSS1031: Expected selector, found ')' (1445,5340): run-time error CSS1025: Expected comma or open brace, found ')' (1445,5489): run-time error CSS1030: Expected identifier, found '.' (1445,5505): run-time error CSS1031: Expected selector, found ')' (1445,5505): run-time error CSS1025: Expected comma or open brace, found ')' (1445,5648): run-time error CSS1030: Expected identifier, found '.' (1445,5664): run-time error CSS1031: Expected selector, found ')' (1445,5664): run-time error CSS1025: Expected comma or open brace, found ')' (1445,5749): run-time error CSS1030: Expected identifier, found '.' (1445,5765): run-time error CSS1031: Expected selector, found ')' (1445,5765): run-time error CSS1025: Expected comma or open brace, found ')' (1445,5911): run-time error CSS1030: Expected identifier, found '.' (1445,5927): run-time error CSS1031: Expected selector, found ')' (1445,5927): run-time error CSS1025: Expected comma or open brace, found ')' (1445,6057): run-time error CSS1030: Expected identifier, found '.' (1445,6073): run-time error CSS1031: Expected selector, found ')' (1445,6073): run-time error CSS1025: Expected comma or open brace, found ')' (1445,6211): run-time error CSS1030: Expected identifier, found '.' (1445,6227): run-time error CSS1031: Expected selector, found ')' (1445,6227): run-time error CSS1025: Expected comma or open brace, found ')' (1445,6286): run-time error CSS1030: Expected identifier, found '.' (1445,6302): run-time error CSS1031: Expected selector, found ')' (1445,6302): run-time error CSS1025: Expected comma or open brace, found ')' (1445,6569): run-time error CSS1030: Expected identifier, found '.' (1445,6585): run-time error CSS1031: Expected selector, found ')' (1445,6585): run-time error CSS1025: Expected comma or open brace, found ')' (1445,6640): run-time error CSS1030: Expected identifier, found '.' (1445,6656): run-time error CSS1031: Expected selector, found ')' (1445,6656): run-time error CSS1025: Expected comma or open brace, found ')' (1445,6724): run-time error CSS1030: Expected identifier, found '.' (1445,6740): run-time error CSS1031: Expected selector, found ')' (1445,6740): run-time error CSS1025: Expected comma or open brace, found ')' (1445,6943): run-time error CSS1030: Expected identifier, found '.' (1445,6959): run-time error CSS1031: Expected selector, found ')' (1445,6959): run-time error CSS1025: Expected comma or open brace, found ')' (1445,7141): run-time error CSS1030: Expected identifier, found '.' (1445,7157): run-time error CSS1031: Expected selector, found ')' (1445,7157): run-time error CSS1025: Expected comma or open brace, found ')' (1445,7250): run-time error CSS1030: Expected identifier, found '.' (1445,7266): run-time error CSS1031: Expected selector, found ')' (1445,7266): run-time error CSS1025: Expected comma or open brace, found ')' (1445,7417): run-time error CSS1030: Expected identifier, found '.' (1445,7433): run-time error CSS1031: Expected selector, found ')' (1445,7433): run-time error CSS1025: Expected comma or open brace, found ')' (1445,7585): run-time error CSS1030: Expected identifier, found '.' (1445,7601): run-time error CSS1031: Expected selector, found ')' (1445,7601): run-time error CSS1025: Expected comma or open brace, found ')' (1445,7911): run-time error CSS1030: Expected identifier, found '.' (1445,7927): run-time error CSS1031: Expected selector, found ')' (1445,7927): run-time error CSS1025: Expected comma or open brace, found ')' (1445,8080): run-time error CSS1030: Expected identifier, found '.' (1445,8096): run-time error CSS1031: Expected selector, found ')' (1445,8096): run-time error CSS1025: Expected comma or open brace, found ')' (1445,8167): run-time error CSS1030: Expected identifier, found '.' (1445,8183): run-time error CSS1031: Expected selector, found ')' (1445,8183): run-time error CSS1025: Expected comma or open brace, found ')' (1445,8343): run-time error CSS1030: Expected identifier, found '.' (1445,8359): run-time error CSS1031: Expected selector, found ')' (1445,8359): run-time error CSS1025: Expected comma or open brace, found ')' (1445,8477): run-time error CSS1030: Expected identifier, found '.' (1445,8493): run-time error CSS1031: Expected selector, found ')' (1445,8493): run-time error CSS1025: Expected comma or open brace, found ')' (1445,8650): run-time error CSS1030: Expected identifier, found '.' (1445,8666): run-time error CSS1031: Expected selector, found ')' (1445,8666): run-time error CSS1025: Expected comma or open brace, found ')' (1445,8779): run-time error CSS1030: Expected identifier, found '.' (1445,8795): run-time error CSS1031: Expected selector, found ')' (1445,8795): run-time error CSS1025: Expected comma or open brace, found ')' (1445,8954): run-time error CSS1030: Expected identifier, found '.' (1445,8970): run-time error CSS1031: Expected selector, found ')' (1445,8970): run-time error CSS1025: Expected comma or open brace, found ')' (1445,9087): run-time error CSS1030: Expected identifier, found '.' (1445,9103): run-time error CSS1031: Expected selector, found ')' (1445,9103): run-time error CSS1025: Expected comma or open brace, found ')' (1445,9221): run-time error CSS1030: Expected identifier, found '.' (1445,9237): run-time error CSS1031: Expected selector, found ')' (1445,9237): run-time error CSS1025: Expected comma or open brace, found ')' (1445,9304): run-time error CSS1030: Expected identifier, found '.' (1445,9320): run-time error CSS1031: Expected selector, found ')' (1445,9320): run-time error CSS1025: Expected comma or open brace, found ')' (1445,9387): run-time error CSS1030: Expected identifier, found '.' (1445,9403): run-time error CSS1031: Expected selector, found ')' (1445,9403): run-time error CSS1025: Expected comma or open brace, found ')' (1445,9545): run-time error CSS1030: Expected identifier, found '.' (1445,9561): run-time error CSS1031: Expected selector, found ')' (1445,9561): run-time error CSS1025: Expected comma or open brace, found ')' (1445,9756): run-time error CSS1030: Expected identifier, found '.' (1445,9772): run-time error CSS1031: Expected selector, found ')' (1445,9772): run-time error CSS1025: Expected comma or open brace, found ')' (1445,9871): run-time error CSS1030: Expected identifier, found '.' (1445,9887): run-time error CSS1031: Expected selector, found ')' (1445,9887): run-time error CSS1025: Expected comma or open brace, found ')' (1445,9958): run-time error CSS1030: Expected identifier, found '.' (1445,9974): run-time error CSS1031: Expected selector, found ')' (1445,9974): run-time error CSS1025: Expected comma or open brace, found ')' (1445,10337): run-time error CSS1030: Expected identifier, found '.' (1445,10353): run-time error CSS1031: Expected selector, found ')' (1445,10353): run-time error CSS1025: Expected comma or open brace, found ')' (1445,10452): run-time error CSS1030: Expected identifier, found '.' (1445,10468): run-time error CSS1031: Expected selector, found ')' (1445,10468): run-time error CSS1025: Expected comma or open brace, found ')' (1445,10582): run-time error CSS1030: Expected identifier, found '.' (1445,10598): run-time error CSS1031: Expected selector, found ')' (1445,10598): run-time error CSS1025: Expected comma or open brace, found ')' (1445,10664): run-time error CSS1030: Expected identifier, found '.' (1445,10680): run-time error CSS1031: Expected selector, found ')' (1445,10680): run-time error CSS1025: Expected comma or open brace, found ')' (1445,10924): run-time error CSS1030: Expected identifier, found '.' (1445,10940): run-time error CSS1031: Expected selector, found ')' (1445,10940): run-time error CSS1025: Expected comma or open brace, found ')' (1445,11275): run-time error CSS1030: Expected identifier, found '.' (1445,11291): run-time error CSS1031: Expected selector, found ')' (1445,11291): run-time error CSS1025: Expected comma or open brace, found ')' (1445,11689): run-time error CSS1030: Expected identifier, found '.' (1445,11705): run-time error CSS1031: Expected selector, found ')' (1445,11705): run-time error CSS1025: Expected comma or open brace, found ')' (1445,11977): run-time error CSS1030: Expected identifier, found '.' (1445,11993): run-time error CSS1031: Expected selector, found ')' (1445,11993): run-time error CSS1025: Expected comma or open brace, found ')' (1445,12274): run-time error CSS1030: Expected identifier, found '.' (1445,12290): run-time error CSS1031: Expected selector, found ')' (1445,12290): run-time error CSS1025: Expected comma or open brace, found ')' (1445,12491): run-time error CSS1030: Expected identifier, found '.' (1445,12507): run-time error CSS1031: Expected selector, found ')' (1445,12507): run-time error CSS1025: Expected comma or open brace, found ')' (1445,12567): run-time error CSS1030: Expected identifier, found '.' (1445,12583): run-time error CSS1031: Expected selector, found ')' (1445,12583): run-time error CSS1025: Expected comma or open brace, found ')' (1445,12624): run-time error CSS1030: Expected identifier, found '.' (1445,12640): run-time error CSS1031: Expected selector, found ')' (1445,12640): run-time error CSS1025: Expected comma or open brace, found ')' (1445,12730): run-time error CSS1030: Expected identifier, found '.' (1445,12746): run-time error CSS1031: Expected selector, found ')' (1445,12746): run-time error CSS1025: Expected comma or open brace, found ')' (1445,12888): run-time error CSS1030: Expected identifier, found '.' (1445,12904): run-time error CSS1031: Expected selector, found ')' (1445,12904): run-time error CSS1025: Expected comma or open brace, found ')' (1445,12960): run-time error CSS1030: Expected identifier, found '.' (1445,12976): run-time error CSS1031: Expected selector, found ')' (1445,12976): run-time error CSS1025: Expected comma or open brace, found ')' (1445,13088): run-time error CSS1030: Expected identifier, found '.' (1445,13104): run-time error CSS1031: Expected selector, found ')' (1445,13104): run-time error CSS1025: Expected comma or open brace, found ')' (1445,13160): run-time error CSS1030: Expected identifier, found '.' (1445,13176): run-time error CSS1031: Expected selector, found ')' (1445,13176): run-time error CSS1025: Expected comma or open brace, found ')' (1445,13310): run-time error CSS1030: Expected identifier, found '.' (1445,13326): run-time error CSS1031: Expected selector, found ')' (1445,13326): run-time error CSS1025: Expected comma or open brace, found ')' (1445,13467): run-time error CSS1030: Expected identifier, found '.' (1445,13483): run-time error CSS1031: Expected selector, found ')' (1445,13483): run-time error CSS1025: Expected comma or open brace, found ')' (1445,13596): run-time error CSS1030: Expected identifier, found '.' (1445,13612): run-time error CSS1031: Expected selector, found ')' (1445,13612): run-time error CSS1025: Expected comma or open brace, found ')' (1445,13721): run-time error CSS1030: Expected identifier, found '.' (1445,13737): run-time error CSS1031: Expected selector, found ')' (1445,13737): run-time error CSS1025: Expected comma or open brace, found ')' (1445,13835): run-time error CSS1030: Expected identifier, found '.' (1445,13851): run-time error CSS1031: Expected selector, found ')' (1445,13851): run-time error CSS1025: Expected comma or open brace, found ')' (1445,14048): run-time error CSS1030: Expected identifier, found '.' (1445,14064): run-time error CSS1031: Expected selector, found ')' (1445,14064): run-time error CSS1025: Expected comma or open brace, found ')' (1445,14317): run-time error CSS1030: Expected identifier, found '.' (1445,14333): run-time error CSS1031: Expected selector, found ')' (1445,14333): run-time error CSS1025: Expected comma or open brace, found ')' (1445,14486): run-time error CSS1030: Expected identifier, found '.' (1445,14502): run-time error CSS1031: Expected selector, found ')' (1445,14502): run-time error CSS1025: Expected comma or open brace, found ')' (1445,14578): run-time error CSS1030: Expected identifier, found '.' (1445,14594): run-time error CSS1031: Expected selector, found ')' (1445,14594): run-time error CSS1025: Expected comma or open brace, found ')' (1445,14777): run-time error CSS1030: Expected identifier, found '.' (1445,14793): run-time error CSS1031: Expected selector, found ')' (1445,14793): run-time error CSS1025: Expected comma or open brace, found ')' (1445,14894): run-time error CSS1030: Expected identifier, found '.' (1445,14910): run-time error CSS1031: Expected selector, found ')' (1445,14910): run-time error CSS1025: Expected comma or open brace, found ')' (1445,15043): run-time error CSS1030: Expected identifier, found '.' (1445,15059): run-time error CSS1031: Expected selector, found ')' (1445,15059): run-time error CSS1025: Expected comma or open brace, found ')' (1445,15186): run-time error CSS1030: Expected identifier, found '.' (1445,15202): run-time error CSS1031: Expected selector, found ')' (1445,15202): run-time error CSS1025: Expected comma or open brace, found ')' (1445,15344): run-time error CSS1030: Expected identifier, found '.' (1445,15355): run-time error CSS1031: Expected selector, found ')' (1445,15355): run-time error CSS1025: Expected comma or open brace, found ')' (1445,15613): run-time error CSS1030: Expected identifier, found '.' (1445,15624): run-time error CSS1031: Expected selector, found ')' (1445,15624): run-time error CSS1025: Expected comma or open brace, found ')' (1445,15705): run-time error CSS1030: Expected identifier, found '.' (1445,15716): run-time error CSS1031: Expected selector, found ')' (1445,15716): run-time error CSS1025: Expected comma or open brace, found ')' (1445,15775): run-time error CSS1030: Expected identifier, found '.' (1445,15786): run-time error CSS1031: Expected selector, found ')' (1445,15786): run-time error CSS1025: Expected comma or open brace, found ')' (1445,15854): run-time error CSS1030: Expected identifier, found '.' (1445,15865): run-time error CSS1031: Expected selector, found ')' (1445,15865): run-time error CSS1025: Expected comma or open brace, found ')' (1445,16037): run-time error CSS1030: Expected identifier, found '.' (1445,16048): run-time error CSS1031: Expected selector, found ')' (1445,16048): run-time error CSS1025: Expected comma or open brace, found ')' (1445,16150): run-time error CSS1030: Expected identifier, found '.' (1445,16161): run-time error CSS1031: Expected selector, found ')' (1445,16161): run-time error CSS1025: Expected comma or open brace, found ')' (1445,16261): run-time error CSS1030: Expected identifier, found '.' (1445,16272): run-time error CSS1031: Expected selector, found ')' (1445,16272): run-time error CSS1025: Expected comma or open brace, found ')' (1445,16351): run-time error CSS1030: Expected identifier, found '.' (1445,16362): run-time error CSS1031: Expected selector, found ')' (1445,16362): run-time error CSS1025: Expected comma or open brace, found ')' (1445,16457): run-time error CSS1030: Expected identifier, found '.' (1445,16468): run-time error CSS1031: Expected selector, found ')' (1445,16468): run-time error CSS1025: Expected comma or open brace, found ')' (1445,16529): run-time error CSS1030: Expected identifier, found '.' (1445,16540): run-time error CSS1031: Expected selector, found ')' (1445,16540): run-time error CSS1025: Expected comma or open brace, found ')' (1445,16621): run-time error CSS1030: Expected identifier, found '.' (1445,16632): run-time error CSS1031: Expected selector, found ')' (1445,16632): run-time error CSS1025: Expected comma or open brace, found ')' (1445,16729): run-time error CSS1030: Expected identifier, found '.' (1445,16740): run-time error CSS1031: Expected selector, found ')' (1445,16740): run-time error CSS1025: Expected comma or open brace, found ')' (1445,16798): run-time error CSS1030: Expected identifier, found '.' (1445,16809): run-time error CSS1031: Expected selector, found ')' (1445,16809): run-time error CSS1025: Expected comma or open brace, found ')' (1445,16887): run-time error CSS1030: Expected identifier, found '.' (1445,16898): run-time error CSS1031: Expected selector, found ')' (1445,16898): run-time error CSS1025: Expected comma or open brace, found ')' (1445,16992): run-time error CSS1030: Expected identifier, found '.' (1445,17003): run-time error CSS1031: Expected selector, found ')' (1445,17003): run-time error CSS1025: Expected comma or open brace, found ')' (1445,17065): run-time error CSS1030: Expected identifier, found '.' (1445,17076): run-time error CSS1031: Expected selector, found ')' (1445,17076): run-time error CSS1025: Expected comma or open brace, found ')' (1445,17158): run-time error CSS1030: Expected identifier, found '.' (1445,17169): run-time error CSS1031: Expected selector, found ')' (1445,17169): run-time error CSS1025: Expected comma or open brace, found ')' (1445,17274): run-time error CSS1030: Expected identifier, found '.' (1445,17285): run-time error CSS1031: Expected selector, found ')' (1445,17285): run-time error CSS1025: Expected comma or open brace, found ')' (1445,17346): run-time error CSS1030: Expected identifier, found '.' (1445,17357): run-time error CSS1031: Expected selector, found ')' (1445,17357): run-time error CSS1025: Expected comma or open brace, found ')' (1445,17482): run-time error CSS1030: Expected identifier, found '.' (1445,17493): run-time error CSS1031: Expected selector, found ')' (1445,17493): run-time error CSS1025: Expected comma or open brace, found ')' (1445,17684): run-time error CSS1030: Expected identifier, found '.' (1445,17695): run-time error CSS1031: Expected selector, found ')' (1445,17695): run-time error CSS1025: Expected comma or open brace, found ')' (1445,17880): run-time error CSS1030: Expected identifier, found '.' (1445,17891): run-time error CSS1031: Expected selector, found ')' (1445,17891): run-time error CSS1025: Expected comma or open brace, found ')' (1445,18094): run-time error CSS1030: Expected identifier, found '.' (1445,18105): run-time error CSS1031: Expected selector, found ')' (1445,18105): run-time error CSS1025: Expected comma or open brace, found ')' (1445,18254): run-time error CSS1030: Expected identifier, found '.' (1445,18265): run-time error CSS1031: Expected selector, found ')' (1445,18265): run-time error CSS1025: Expected comma or open brace, found ')' (1445,18422): run-time error CSS1030: Expected identifier, found '.' (1445,18433): run-time error CSS1031: Expected selector, found ')' (1445,18433): run-time error CSS1025: Expected comma or open brace, found ')' (1445,18563): run-time error CSS1030: Expected identifier, found '.' (1445,18574): run-time error CSS1031: Expected selector, found ')' (1445,18574): run-time error CSS1025: Expected comma or open brace, found ')' (1445,18704): run-time error CSS1030: Expected identifier, found '.' (1445,18715): run-time error CSS1031: Expected selector, found ')' (1445,18715): run-time error CSS1025: Expected comma or open brace, found ')' (1445,18827): run-time error CSS1030: Expected identifier, found '.' (1445,18838): run-time error CSS1031: Expected selector, found ')' (1445,18838): run-time error CSS1025: Expected comma or open brace, found ')' (1445,18952): run-time error CSS1030: Expected identifier, found '.' (1445,18963): run-time error CSS1031: Expected selector, found ')' (1445,18963): run-time error CSS1025: Expected comma or open brace, found ')' */ * { margin: 0; padding: 0; box-sizing: border-box; } p, ol { margin: 0; } a { color: #000; } .text-white { color: white; } .ml-5 { margin-left: 25px; } .ml-10 { margin-left: 10px; } .ml-15 { margin-left: 15px; } .ml-20 { margin-left: 20px; } .ml-30 { margin-left: 30px; } .fw-bold { font-weight: bold; } .lh-2 { line-height: 2; } .pagination { display: inline-block; padding: 0; } ul.pagination li { display: inline; } ul.pagination li a { float: left; padding: 8px 16px; text-decoration: none; transition: background-color .3s; border-radius: 50%; color: #0d3050 !important; } .pagination li.active a { background-color: #0d3050; color: #fff !important; } ul.pagination li a:hover:not(.active) { background-color: #0d3050; color: #fff !important; /*border: 1px solid #0d3050;*/ } .image_scale { overflow: hidden; } .image_scale p { color: dodgerblue; } .image_scale img { transition: transform 0.4s ease-in-out; width: auto; } .image_scale:hover img { transform: scale(1.4); } .container .promotion_column_mobile { display: none; } .publication_wrapper { position: relative; z-index: 140; } .background_left_publication { background-image: url('../../assets/images/bachground_left.jpg'); width: 25%; height: 900px; position: absolute; background-repeat: no-repeat; background-size: contain; top: 160px; } .frame_animation_hover { position: relative; display: block; overflow: hidden; } .slide-item .frame_animation_hover { border-radius: 10px; } .frame_animation_hover:hover:before { -webkit-transform: scale(1, 1); transform: scale(1, 1); } .frame_animation_hover:before { content: ""; position: absolute; top: 10px; left: 10px; bottom: 10px; right: 10px; z-index: 9; border-top: 1px solid rgba(255, 255, 255, .8); border-bottom: 1px solid rgba(255, 255, 255, .8); -ms-transform: scale(0, 1); -webkit-transform: scale(0, 1); transform: scale(0, 1); -ms-transition: all 500ms ease; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .frame_animation_hover:hover:after { -webkit-transform: scale(1, 1); transform: scale(1, 1); opacity: 1; } .frame_animation_hover:after { content: ""; position: absolute; top: 10px; left: 10px; bottom: 10px; right: 10px; z-index: 9; border-left: 1px solid rgba(255, 255, 255, .8); border-right: 1px solid rgba(255, 255, 255, .8); -ms-transform: scale(1, 0); -webkit-transform: scale(1, 0); transform: scale(1, 0); -ms-transition: all 500ms ease; -webkit-transition: all 500ms ease; transition: all 500ms ease; } @media (max-width: 576px) { .container { width: 100%; } body { font-size: 12px; } .col-mobile-6 { width: 50%; } .col-mobile-3 { width: 30%; } .col-mobile-9 { width: 70%; } .col-mobile-1 { width: 8%; } .col-mobile-11 { width: 92%; } .back-to-top { right: 5px; } .zalo-chat-widget { bottom: 55px !important; right: 20px !important; } /* .float-contact-fb { left: 163px !important; bottom: 125px !important; }*/ .float-contact-hotline { left: 163px !important; bottom: 190px !important; } .product_price { /*display: none;*/ } .container .promotion_column_mobile { display: block; } .container .promotion_column_desktop { display: none; } } html { scroll-behavior: smooth; } .sub_header { background-color: #0e2f50; height: 60px; } .sub_header .btn_notice_price { background-color: #f3e401; border: none; padding: 5px 15px; border-radius: 40px; color: #0e2f50; } .sub_header .container { display: flex; height: 100%; } .sub_header .sub_header_left { width: 30%; height: 100%; display: flex; align-items: center; } .sub_header .sub_header_right { width: 50%; text-align: right; display: flex; align-items: center; } .sub_header .sub_header_right_wrap { display: flex; width: 100%; justify-content: flex-end; } .sub_header .search { width: 50%; height: 100%; padding: 5px 10px; } .sub_header .search form { position: relative; } .sub_header .search form i { position: absolute; top: 3px; right: 15px; font-size: 18px; color: #0e2f50; } .sub_header .search form input { outline: none; border: none; border-radius: 12px; width: 100%; height: 25px; padding: 5px 15px; } .line_horizontal { width: 2px; background-color: #fff; } .main_header { height: 60px; width: 100%; } .main_header .container { padding: 0px; height: 100%; display: flex; } .main_header a { color: #000; text-decoration: none; } .main_header .main_navbar { float: right; } .main_header .main_navbar a { font-size: 16px; } .main_header .main_navbar a.active { /*background-color: #0e2f50;*/ color: #f24c4c !important; border-radius: 4px; } .main_header .main_navbar a:hover { /*background-color: #0e2f50;*/ color: #f24c4c !important; border-radius: 4px; } .navbar-nav { display: flex; align-items: center; } .nav-item { position: inherit !important; } .main_header .main_navbar .dropdown-menu a:hover { color: #21a2dcd9 !important; background-color: transparent !important; } .dropdown-menu { display: none; top: 78%; background-color: #f8f9fa; border: 1px solid #ddd; border-radius: 0.25rem; z-index: 1000; position: absolute; right: 478px; width: 20%; padding: 10px; } .dropdown-menu .demo_product { width: 25%; display: block; text-align: center; } .dropdown-menu .demo_product .demo_product_name { font-size: 20px; color: #0e2f50; font-weight: bold; margin-top: 15px; } .dropdown-menu .demo_product p { color: #000; } .dropdown-menu .demo_product .demo_product_wrapper { max-width: 322px; max-height: 300px; } .dropdown-menu .demo_product img { display: block; width: 100%; height: 100%; object-fit: cover; } .dropdown-item { padding: 0.5rem 1rem; color: #212529; text-decoration: none; display: block; } .dropdown-item:hover { color: #21a2dcd9; } .nav-item:hover .dropdown-menu { display: block; } .nav-link:hover { color: #21a2dcd9; } .sticky-top { position: fixed; top: 0; width: 100%; z-index: 1030; } .menu_multi_level { display: flex; } .menu_multi_level .navbarRow { column-count: 3; column-gap: 10px; } .menu_multi_level .menu_level_1 { width: 300px; } .dropdown-menu ul { list-style: none; padding: 0; margin: 0; } .dropdown-menu li { padding: 0; margin: 0; } .menu_level_1 { width: 300px; } .menu_level_1 a { padding: 5px 10px; } .menu_level_1 .parent_menu_level_1 { font-size: 20px !important; font-weight: bold; } .menu_level_2 { padding: 0 15px !important; break-inside: avoid; margin-bottom: 20px !important; } .menu_level_2 .parent_menu_level_2 { font-size: 18px !important; font-weight: bold; margin-left: 10px; width: 100%; border-bottom: 1px solid #939393; } .menu_level_3 .parent_menu_level_3 { font-size: 18px !important; margin-left: 20px; } .menu_level_3 .parent_menu_level_4 { font-size: 15px !important; margin-left: 10px; } .show_more_menu { display: none; } .marketing-link, .design-for-kid-link { position: relative; } .dropdown-marketing, .dropdown-design-for-kid { display: none; top: 100%; background-color: #f8f9fa; border: 1px solid #ddd; border-radius: 0.25rem; z-index: 1000; position: absolute; left: -130px; width: 400%; padding: 10px; animation: fade 0.5s linear forwards; list-style: none; } .marketing-link:hover .dropdown-marketing, .design-for-kid-link:hover .dropdown-design-for-kid { display: block; } .dropdown-marketing-link, .dropdown-design-for-kid-link { display: block; font-size: 18px; margin: 5px 0; } .main_header .main_navbar a.dropdown-marketing-link:hover, .main_header .main_navbar a.dropdown-design-for-kid-link:hover { color: #21a2dcd9 !important; background-color: transparent !important; } @media (max-width: 576px) { .sub_header .sub_header_left { width: 40% !important; } .sub_header .sub_header_right { width: 80% !important; } .sub_header { height: 60px !important; } .sub_header .btn_notice_price { position: absolute; transform: translate(-50%, -50%); top: 44px; right: -10%; } .navbar-light .navbar-toggler { margin-left: auto; } .main_header .main_navbar { background-color: #0e2f50; position: relative; z-index: 90; width: 100%; } .navbar-light .navbar-nav .nav-link { color: #fff; font-size: 14px; text-align: center; } .sub_header .search { margin-top: 27px; width: 60%; position: absolute; left: 0; } .sub_header .sub_header_right_wrap { font-size: 10.5px; } .sub_header .ml-20 { margin-left: 2px; } .navbar-collapse { position: absolute; width: 83%; } .navbar-nav .dropdown-menu { position: absolute; /* left: -210%; min-width: 83vw;*/ padding: 5px; margin-left: 25px !important; } .dropdown-menu { overflow: scroll; max-height: 500px; } .menu_multi_level .navbarRow { column-count:1; } .menu_multi_level { display: block; } .menu_multi_level .menu_level_1 { width: 300px; } .menu_level_1 a { padding: 2px 5px; } .menu_level_1 .parent_menu_level_1 { font-size: 14px !important; font-weight: bold; margin-left: 5px; } .menu_level_2 .parent_menu_level_2 { font-size: 12px !important; font-weight: bold; margin-left: 15px; } .menu_level_3 .parent_menu_level_3 { font-size: 12px !important; margin-left: 30px; } .menu_level_3 .parent_menu_level_4 { font-size: 12px !important; margin-left: 15px; } .children_menu_wrapper { display: none !important; } .show_more_menu { display: block; } .dropdown-menu .demo_product { display: none; } .nav-item:hover .dropdown-menu { min-width: 330px; left: calc(24% - 99px); } } @media (max-width: 375px) { .dropdown-menu .demo_product { display: none; } .nav-item:hover .dropdown-menu { min-width: 250px; left: 0; } .dropdown-marketing, .dropdown-design-for-kid { width: 348%; left: -95px; } } @media (max-width: 391px) { .navbar-nav .dropdown-menu { /*left: -187%;*/ } .nav-item { width: 100%; } .dropdown-menu .demo_product { display: none; } .menu_level_2 { width: 100%; } .nav-item:hover .dropdown-menu { width: 100%; } } @media (min-width: 576px) { ul.children_menu_wrapper { display: none !important; position: absolute; left: 60%; top: 0; background-color: white; z-index: 1000; min-width: 320px; padding: 5px 0; border: 1px solid #ddd; box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2); } li.menu_level_2 { position: relative; } li.menu_level_2:hover > ul.children_menu_wrapper { display: block !important; } .parent_menu_level_2:hover, .parent_menu_level_4:hover { background-color: #eee; color: #000; } } .ml-10 { margin-left: 15px !important; } @keyframes fade { from { transform: translateY(-10px); } to { transform: translateY(0px); } } .dropdown-menu { animation: fade 0.5s linear forwards; } .dropdown-menu .demo_product img { animation: fade 0.5s linear forwards; } .menu_multi_level { animation: fade 0.5s linear forwards; } .bg-white-spinner { background-color: rgba(0, 0, 0, 0.2); } .swiper { width: 100%; } .swiper-wrapper { width: 100%; height: 35em; display: flex; align-items: center; } .card { width: 26em; height: 100%; background-color: #fff; border-radius: 2rem; padding: 0.5em 0.5em; display: flex; align-items: center; flex-direction: column; margin: 0 2em; } .card-gioi-thieu{ width:auto; margin:0 0; } .swiper-slide:not(.swiper-slide-active) { filter: blur(1px); } .card__image { width: 100%; height: 50%; border-radius: 2rem; border: 5px solid var(--color); padding: 3px; margin-bottom: 0.5em; } .card__image img { width: 100%; height: 100%; border-radius: 2rem; object-fit: cover; } .card__content { display: flex; align-items: center; flex-direction: column; text-align: justify; } .card__title { font-size: 1.5rem; font-weight: 500; position: relative; top: .2em; } .card__name { color: var(--color); } .card__text { text-align: center; font-size: 1.1rem; margin: 1em 0; } .card__btn { background-color: var(--color); color: #e31e25; font-size: 1rem; text-transform: uppercase; font-weight: 600; border: none; padding: .5em; border-radius: .5em; margin-top: .5em; cursor: pointer; } .card__image_event { width: 100%; height: 70%; border-radius: 50%; border: 5px solid var(--color); padding: 3px; margin-bottom: 0.5em; } .card__image_event img { width: 100%; height: 100%; object-fit: cover; } .card__text_event { text-align: center; font-size: 20px; margin: 0em 0; } body { font-family: Arial, sans-serif !important; } footer { /*background-image: url('/Images/uploaded/footer_background.jpg');*/ /*background-color: lightseagreen;*/ background-color: #051c3c; background-repeat: no-repeat; background-size: 100% auto; /*padding-bottom: 20px;*/ } footer .map { width: 100%; height: 150px; } footer .map iframe { width: 100%; height: 100%; } /*footer .main_footer { padding: 30px 0;*/ /*padding-top: 160px;*/ /*}*/ footer .main_footer .staff_list { width: 100%; display: flex; margin: 0 auto; } footer .main_footer .staff_item { width: calc(100% / 5); text-align: center; padding: 0 30px; } footer .main_footer .staff_item .avatar .avatar_shape { width: 140px; height: 140px; margin: 0 auto; overflow: hidden; } footer .main_footer .staff_item .avatar img { display: block; width: 100%; height: 100%; object-fit: cover; clip-path: circle(50%); } footer .main_footer .staff_item .phone { font-weight: bold; text-align: center; border: 2px solid #fff; padding: 5px 10px; } footer .main_footer .staff_item .phone a { color: #fff; text-decoration: none; } footer .main_footer .staff_item .name { text-align: center; display: inline-block; } footer .main_footer .information { color: #000; } footer .main_footer .information .phone_bottom { margin-left: 75px; } footer .main_footer .information .phone_bold { font-weight: bold; } footer .main_footer .information a { color: #000; text-decoration: none; } footer .main_footer .information .zalo img { width: 100%; } footer .main_footer .information .fanpage iframe { width: 100% } footer .sub_footer { height: 30px; background-color: black; margin-top: 0px; padding: 5px 0; margin-top: 22px; } footer .sub_footer .container { display: flex; align-items: center; justify-content: space-between; } footer .sub_footer .sub_footer_left { display: flex; align-items: center; } footer .sub_footer .sub_footer_left .logo_sub_footer { width: 50px; } footer .sub_footer .sub_footer_left .logo_sub_footer img { display: block; width: 100%; } footer .sub_footer .sub_footer_left .dmca_protected { width: 80px; } footer .sub_footer .sub_footer_left .dmca_protected img { display: block; width: 100%; } footer .sub_footer .sub_footer_right a { color: #0e2f50; text-decoration: none; } footer .main_footer .nav-link { padding: 0 !important; } footer .slick-wrapper { position: relative; width: 100%; margin: 0 auto; } footer .slide-item { margin: 2px 5px; } footer .slick-slide { margin: 0px 5px; display: none; float: left; min-height: 1px; } footer .slick-slider { position: relative; display: block; box-sizing: border-box; user-select: none; -webkit-touch-callout: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } footer .slick-track { position: relative; top: 0; left: 0; display: block; } footer .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } footer .slick-slider .slick-list { transform: translate3d(0, 0, 0); } footer .slick-list:focus { outline: none; } footer .slick-list.dragging { cursor: pointer; } footer .slick-slide img { width: 100%; height: 100%; object-fit: cover; display: block; } footer .slick-slide.slick-loading img { display: none; } footer .slick-slide.dragging img { pointer-events: none; } footer .slick-track:before, footer .slick-track:after { display: table; content: ''; } footer .slick-track:after { clear: both; } footer .slick-loading .slick-track { visibility: hidden; } footer [dir='rtl'] .slick-slide { float: right; } footer .slick-initialized .slick-slide { display: block; } footer .slick-loading .slick-slide { visibility: hidden; } footer .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } footer .slick-arrow.slick-hidden { display: none; } footer .slide { display: flex !important; justify-content: center !important; align-items: center !important; } footer .slide-height { height: 150px; } footer .arrow_wrapper { text-align: right; margin-bottom: 10px; } footer .prev,footer .next { border-radius: 50%; border: 3px solid #fff; width: 30px; height: 30px; background-color: transparent; color: #fff; } @media (max-width: 576px) { footer .main_footer .staff_list { width: 100%; } footer .main_footer .staff_list .staff_item { padding: 0 5px; } footer .main_footer { padding-top: 20px; } footer .main_footer .staff_list .staff_item .avatar .avatar_shape { width: 80px; height: 80px; } footer .container { padding: 0px; } footer { background-size: 400% auto; } footer .information .title { margin-top: 20px !important; } footer .information img { margin-top: 5px !important; } footer .main_footer .information .phone_bottom { margin-left: 57px; } footer .main_footer .staff_item { padding: 0; } } @media (min-width: 768px) { .footer-col-md-2 { width: 20% !important; } .footer-col-md-1 { width: 13% !important; } } .border-bottom-tt { border-bottom: 1px solid; } .title { font-size: 34px; /*font-weight: bold;*/ text-transform: uppercase; } .title-footer { font-size: 18px; /*font-weight: bold;*/ text-transform: uppercase; color: #d24444 !important; } .sub-title { font-size: 14px; } .resize-hr { height: 2px; opacity: 1; margin: 0 0 0 0; width: 110px; color: #f27474 } footer p,footer a{ color: #d1d5db !important; } footer i.fa { color: #ef4444; } .line_container { width: 30%; display: block; margin: 0 auto; } .line_container .line { width: 25%; height: 4px; } .line_container .black { background-color: #202e37; } .line_container .yellow { background-color: #fae97d; } .line_container .blue { background-color: #4c9ac0; } .line_container .pink { background-color: #ba2777; } .partner { /*margin-top: 50px;*/ margin-bottom: -70px; } .partner .slick-wrapper { position: relative; width: 100%; margin: 0 auto; } .partner .slide-item { height: 120px; margin: 2px 5px; } .partner .slick-slide { margin: 0px 40px; display: none; float: left; min-height: 1px; } .partner .slick-slider { position: relative; display: block; box-sizing: border-box; user-select: none; -webkit-touch-callout: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .partner .slick-track { position: relative; top: 0; left: 0; display: block; } .partner .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .partner .slick-slider .slick-list { transform: translate3d(0, 0, 0); } .partner .slick-list:focus { outline: none; } .partner .slick-list.dragging { cursor: pointer; } .partner .slick-slide img { /* width: 100%;*/ height: 70%; object-fit: cover; display: block; } .partner .slick-slide.slick-loading img { display: none; } .partner .slick-slide.dragging img { pointer-events: none; } .partner .slick-track:before, .partner .slick-track:after { display: table; content: ''; } .partner .slick-track:after { clear: both; } .partner .slick-loading .slick-track { visibility: hidden; } .partner [dir='rtl'] .slick-slide { float: right; } .partner .slick-initialized .slick-slide { display: block; } .partner .slick-loading .slick-slide { visibility: hidden; } .partner .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .partner .slick-arrow.slick-hidden { display: none; } .partner .slide { display: flex !important; justify-content: center !important; align-items: center !important; } .partner .slide-height { height: 150px; } .partner .title_wrapper .title { color: #f24c4c; font-size: 20px; font-weight: normal; } /* Mobile (<= 576px) */ @media (max-width: 576px) { /* Styles cho điện thoại */ .navbar-collapse { z-index: 99; } .description-p { margin: 0 0 0 0; } .pd-path { padding-top: 0 !important; } } /* Tablet portrait (<= 768px) */ @media (max-width: 768px) { /* Styles cho tablet dọc */ .navbar-collapse { z-index: 99; } .pd-path { padding-top: 0; } } /* Tablet landscape và Laptop nhỏ (<= 992px) */ @media (max-width: 992px) { /* Styles cho màn hình vừa */ .navbar-collapse { z-index: 99; } .pd-path { padding-top: 0; } } /* Laptop và Desktop vừa (<= 1200px) */ @media (max-width: 1200px) { /* Styles cho laptop nhỏ */ .main_header{ width:94%; } .navbar-toggler { right: 3%; position: absolute; } .height-img { max-height: calc(90vh - 490px) !important; min-height: calc(90vh - 490px) !important; } .navbar-collapse{ z-index:99; } .main_header .main_navbar { /*background-color: #f5f6f7;*/ text-align: left; } .ml-5 { margin-right:10px; } .pd-path { padding-top: 0; } } /* Desktop lớn (>= 1400px) */ @media (min-width: 1400px) { /* Styles cho màn hình rất lớn */ .language-dropdown { right: calc(100vh - 630px); } .pd-path { padding-top: 0; } } .title { font-size: clamp(12px, 7vw, 34px); } .description-p { font-size: clamp(18px, 5vw, 25px); } .card-body{ width:100%; } .pd-path{ padding-top:0.5rem; } .swal2-popup.swal2-toast{box-sizing:border-box;grid-column:1/4 !important;grid-row:1/4 !important;grid-template-columns:min-content auto min-content;padding:1em;overflow-y:hidden;background:#fff;box-shadow:0 0 1px rgba(0,0,0,.075),0 1px 2px rgba(0,0,0,.075),1px 2px 4px rgba(0,0,0,.075),1px 3px 8px rgba(0,0,0,.075),2px 4px 16px rgba(0,0,0,.075);pointer-events:all}.swal2-popup.swal2-toast>*{grid-column:2}.swal2-popup.swal2-toast .swal2-title{margin:.5em 1em;padding:0;font-size:1em;text-align:initial}.swal2-popup.swal2-toast .swal2-loading{justify-content:center}.swal2-popup.swal2-toast .swal2-input{height:2em;margin:.5em;font-size:1em}.swal2-popup.swal2-toast .swal2-validation-message{font-size:1em}.swal2-popup.swal2-toast .swal2-footer{margin:.5em 0 0;padding:.5em 0 0;font-size:.8em}.swal2-popup.swal2-toast .swal2-close{grid-column:3/3;grid-row:1/99;align-self:center;width:.8em;height:.8em;margin:0;font-size:2em}.swal2-popup.swal2-toast .swal2-html-container{margin:.5em 1em;padding:0;overflow:initial;font-size:1em;text-align:initial}.swal2-popup.swal2-toast .swal2-html-container:empty{padding:0}.swal2-popup.swal2-toast .swal2-loader{grid-column:1;grid-row:1/99;align-self:center;width:2em;height:2em;margin:.25em}.swal2-popup.swal2-toast .swal2-icon{grid-column:1;grid-row:1/99;align-self:center;width:2em;min-width:2em;height:2em;margin:0 .5em 0 0}.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content{display:flex;align-items:center;font-size:1.8em;font-weight:bold}.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line]{top:.875em;width:1.375em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:.3125em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:.3125em}.swal2-popup.swal2-toast .swal2-actions{justify-content:flex-start;height:auto;margin:0;margin-top:.5em;padding:0 .5em}.swal2-popup.swal2-toast .swal2-styled{margin:.25em .5em;padding:.4em .6em;font-size:1em}.swal2-popup.swal2-toast .swal2-success{border-color:#a5dc86}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line]{position:absolute;width:1.6em;height:3em;border-radius:50%}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left]{top:-0.8em;left:-0.5em;transform:rotate(-45deg);transform-origin:2em 2em;border-radius:4em 0 0 4em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right]{top:-0.25em;left:.9375em;transform-origin:0 1.5em;border-radius:0 4em 4em 0}.swal2-popup.swal2-toast .swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-success .swal2-success-fix{top:0;left:.4375em;width:.4375em;height:2.6875em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line]{height:.3125em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip]{top:1.125em;left:.1875em;width:.75em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long]{top:.9375em;right:.1875em;width:1.375em}.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-toast-animate-success-line-tip .75s}.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-toast-animate-success-line-long .75s}.swal2-popup.swal2-toast.swal2-show{animation:swal2-toast-show .5s}.swal2-popup.swal2-toast.swal2-hide{animation:swal2-toast-hide .1s forwards}div:where(.swal2-container){display:grid;position:fixed;z-index:1060;inset:0;box-sizing:border-box;grid-template-areas:"top-start top top-end" "center-start center center-end" "bottom-start bottom-center bottom-end";grid-template-rows:minmax(min-content, auto) minmax(min-content, auto) minmax(min-content, auto);height:100%;padding:.625em;overflow-x:hidden;transition:background-color .1s;-webkit-overflow-scrolling:touch}div:where(.swal2-container).swal2-backdrop-show,div:where(.swal2-container).swal2-noanimation{background:rgba(0,0,0,.4)}div:where(.swal2-container).swal2-backdrop-hide{background:rgba(0,0,0,0) !important}div:where(.swal2-container).swal2-top-start,div:where(.swal2-container).swal2-center-start,div:where(.swal2-container).swal2-bottom-start{grid-template-columns:minmax(0, 1fr) auto auto}div:where(.swal2-container).swal2-top,div:where(.swal2-container).swal2-center,div:where(.swal2-container).swal2-bottom{grid-template-columns:auto minmax(0, 1fr) auto}div:where(.swal2-container).swal2-top-end,div:where(.swal2-container).swal2-center-end,div:where(.swal2-container).swal2-bottom-end{grid-template-columns:auto auto minmax(0, 1fr)}div:where(.swal2-container).swal2-top-start>.swal2-popup{align-self:start}div:where(.swal2-container).swal2-top>.swal2-popup{grid-column:2;place-self:start center}div:where(.swal2-container).swal2-top-end>.swal2-popup,div:where(.swal2-container).swal2-top-right>.swal2-popup{grid-column:3;place-self:start end}div:where(.swal2-container).swal2-center-start>.swal2-popup,div:where(.swal2-container).swal2-center-left>.swal2-popup{grid-row:2;align-self:center}div:where(.swal2-container).swal2-center>.swal2-popup{grid-column:2;grid-row:2;place-self:center center}div:where(.swal2-container).swal2-center-end>.swal2-popup,div:where(.swal2-container).swal2-center-right>.swal2-popup{grid-column:3;grid-row:2;place-self:center end}div:where(.swal2-container).swal2-bottom-start>.swal2-popup,div:where(.swal2-container).swal2-bottom-left>.swal2-popup{grid-column:1;grid-row:3;align-self:end}div:where(.swal2-container).swal2-bottom>.swal2-popup{grid-column:2;grid-row:3;place-self:end center}div:where(.swal2-container).swal2-bottom-end>.swal2-popup,div:where(.swal2-container).swal2-bottom-right>.swal2-popup{grid-column:3;grid-row:3;place-self:end end}div:where(.swal2-container).swal2-grow-row>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup{grid-column:1/4;width:100%}div:where(.swal2-container).swal2-grow-column>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup{grid-row:1/4;align-self:stretch}div:where(.swal2-container).swal2-no-transition{transition:none !important}div:where(.swal2-container) div:where(.swal2-popup){display:none;position:relative;box-sizing:border-box;grid-template-columns:minmax(0, 100%);width:32em;max-width:100%;padding:0 0 1.25em;border:none;border-radius:5px;background:#fff;color:#545454;font-family:inherit;font-size:1rem}div:where(.swal2-container) div:where(.swal2-popup):focus{outline:none}div:where(.swal2-container) div:where(.swal2-popup).swal2-loading{overflow-y:hidden}div:where(.swal2-container) h2:where(.swal2-title){position:relative;max-width:100%;margin:0;padding:.8em 1em 0;color:inherit;font-size:1.875em;font-weight:600;text-align:center;text-transform:none;word-wrap:break-word}div:where(.swal2-container) div:where(.swal2-actions){display:flex;z-index:1;box-sizing:border-box;flex-wrap:wrap;align-items:center;justify-content:center;width:auto;margin:1.25em auto 0;padding:0}div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled[disabled]{opacity:.4}div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:hover{background-image:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1))}div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:active{background-image:linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2))}div:where(.swal2-container) div:where(.swal2-loader){display:none;align-items:center;justify-content:center;width:2.2em;height:2.2em;margin:0 1.875em;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;border-width:.25em;border-style:solid;border-radius:100%;border-color:#2778c4 rgba(0,0,0,0) #2778c4 rgba(0,0,0,0)}div:where(.swal2-container) button:where(.swal2-styled){margin:.3125em;padding:.625em 1.1em;transition:box-shadow .1s;box-shadow:0 0 0 3px rgba(0,0,0,0);font-weight:500}div:where(.swal2-container) button:where(.swal2-styled):not([disabled]){cursor:pointer}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm){border:0;border-radius:.25em;background:initial;background-color:#7066e0;color:#fff;font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):focus-visible{box-shadow:0 0 0 3px rgba(112,102,224,.5)}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny){border:0;border-radius:.25em;background:initial;background-color:#dc3741;color:#fff;font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):focus-visible{box-shadow:0 0 0 3px rgba(220,55,65,.5)}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel){border:0;border-radius:.25em;background:initial;background-color:#6e7881;color:#fff;font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):focus-visible{box-shadow:0 0 0 3px rgba(110,120,129,.5)}div:where(.swal2-container) button:where(.swal2-styled).swal2-default-outline:focus-visible{box-shadow:0 0 0 3px rgba(100,150,200,.5)}div:where(.swal2-container) button:where(.swal2-styled):focus-visible{outline:none}div:where(.swal2-container) button:where(.swal2-styled)::-moz-focus-inner{border:0}div:where(.swal2-container) div:where(.swal2-footer){margin:1em 0 0;padding:1em 1em 0;border-top:1px solid #eee;color:inherit;font-size:1em;text-align:center}div:where(.swal2-container) .swal2-timer-progress-bar-container{position:absolute;right:0;bottom:0;left:0;grid-column:auto !important;overflow:hidden;border-bottom-right-radius:5px;border-bottom-left-radius:5px}div:where(.swal2-container) div:where(.swal2-timer-progress-bar){width:100%;height:.25em;background:rgba(0,0,0,.2)}div:where(.swal2-container) img:where(.swal2-image){max-width:100%;margin:2em auto 1em}div:where(.swal2-container) button:where(.swal2-close){z-index:2;align-items:center;justify-content:center;width:1.2em;height:1.2em;margin-top:0;margin-right:0;margin-bottom:-1.2em;padding:0;overflow:hidden;transition:color .1s,box-shadow .1s;border:none;border-radius:5px;background:rgba(0,0,0,0);color:#ccc;font-family:monospace;font-size:2.5em;cursor:pointer;justify-self:end}div:where(.swal2-container) button:where(.swal2-close):hover{transform:none;background:rgba(0,0,0,0);color:#f27474}div:where(.swal2-container) button:where(.swal2-close):focus-visible{outline:none;box-shadow:inset 0 0 0 3px rgba(100,150,200,.5)}div:where(.swal2-container) button:where(.swal2-close)::-moz-focus-inner{border:0}div:where(.swal2-container) .swal2-html-container{z-index:1;justify-content:center;margin:0;padding:1em 1.6em .3em;overflow:auto;color:inherit;font-size:1.125em;font-weight:normal;line-height:normal;text-align:center;word-wrap:break-word;word-break:break-word}div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea),div:where(.swal2-container) select:where(.swal2-select),div:where(.swal2-container) div:where(.swal2-radio),div:where(.swal2-container) label:where(.swal2-checkbox){margin:1em 2em 3px}div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea){box-sizing:border-box;width:auto;transition:border-color .1s,box-shadow .1s;border:1px solid #d9d9d9;border-radius:.1875em;background:rgba(0,0,0,0);box-shadow:inset 0 1px 1px rgba(0,0,0,.06),0 0 0 3px rgba(0,0,0,0);color:inherit;font-size:1.125em}div:where(.swal2-container) input:where(.swal2-input).swal2-inputerror,div:where(.swal2-container) input:where(.swal2-file).swal2-inputerror,div:where(.swal2-container) textarea:where(.swal2-textarea).swal2-inputerror{border-color:#f27474 !important;box-shadow:0 0 2px #f27474 !important}div:where(.swal2-container) input:where(.swal2-input):focus,div:where(.swal2-container) input:where(.swal2-file):focus,div:where(.swal2-container) textarea:where(.swal2-textarea):focus{border:1px solid #b4dbed;outline:none;box-shadow:inset 0 1px 1px rgba(0,0,0,.06),0 0 0 3px rgba(100,150,200,.5)}div:where(.swal2-container) input:where(.swal2-input)::placeholder,div:where(.swal2-container) input:where(.swal2-file)::placeholder,div:where(.swal2-container) textarea:where(.swal2-textarea)::placeholder{color:#ccc}div:where(.swal2-container) .swal2-range{margin:1em 2em 3px;background:#fff}div:where(.swal2-container) .swal2-range input{width:80%}div:where(.swal2-container) .swal2-range output{width:20%;color:inherit;font-weight:600;text-align:center}div:where(.swal2-container) .swal2-range input,div:where(.swal2-container) .swal2-range output{height:2.625em;padding:0;font-size:1.125em;line-height:2.625em}div:where(.swal2-container) .swal2-input{height:2.625em;padding:0 .75em}div:where(.swal2-container) .swal2-file{width:75%;margin-right:auto;margin-left:auto;background:rgba(0,0,0,0);font-size:1.125em}div:where(.swal2-container) .swal2-textarea{height:6.75em;padding:.75em}div:where(.swal2-container) .swal2-select{min-width:50%;max-width:100%;padding:.375em .625em;background:rgba(0,0,0,0);color:inherit;font-size:1.125em}div:where(.swal2-container) .swal2-radio,div:where(.swal2-container) .swal2-checkbox{align-items:center;justify-content:center;background:#fff;color:inherit}div:where(.swal2-container) .swal2-radio label,div:where(.swal2-container) .swal2-checkbox label{margin:0 .6em;font-size:1.125em}div:where(.swal2-container) .swal2-radio input,div:where(.swal2-container) .swal2-checkbox input{flex-shrink:0;margin:0 .4em}div:where(.swal2-container) label:where(.swal2-input-label){display:flex;justify-content:center;margin:1em auto 0}div:where(.swal2-container) div:where(.swal2-validation-message){align-items:center;justify-content:center;margin:1em 0 0;padding:.625em;overflow:hidden;background:#f0f0f0;color:#666;font-size:1em;font-weight:300}div:where(.swal2-container) div:where(.swal2-validation-message)::before{content:"!";display:inline-block;width:1.5em;min-width:1.5em;height:1.5em;margin:0 .625em;border-radius:50%;background-color:#f27474;color:#fff;font-weight:600;line-height:1.5em;text-align:center}div:where(.swal2-container) .swal2-progress-steps{flex-wrap:wrap;align-items:center;max-width:100%;margin:1.25em auto;padding:0;background:rgba(0,0,0,0);font-weight:600}div:where(.swal2-container) .swal2-progress-steps li{display:inline-block;position:relative}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step{z-index:20;flex-shrink:0;width:2em;height:2em;border-radius:2em;background:#2778c4;color:#fff;line-height:2em;text-align:center}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step{background:#2778c4}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step{background:#add8e6;color:#fff}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line{background:#add8e6}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step-line{z-index:10;flex-shrink:0;width:2.5em;height:.4em;margin:0 -1px;background:#2778c4}div:where(.swal2-icon){position:relative;box-sizing:content-box;justify-content:center;width:5em;height:5em;margin:2.5em auto .6em;border:0.25em solid rgba(0,0,0,0);border-radius:50%;border-color:#000;font-family:inherit;line-height:5em;cursor:default;user-select:none}div:where(.swal2-icon) .swal2-icon-content{display:flex;align-items:center;font-size:3.75em}div:where(.swal2-icon).swal2-error{border-color:#f27474;color:#f27474}div:where(.swal2-icon).swal2-error .swal2-x-mark{position:relative;flex-grow:1}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line]{display:block;position:absolute;top:2.3125em;width:2.9375em;height:.3125em;border-radius:.125em;background-color:#f27474}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=left]{left:1.0625em;transform:rotate(45deg)}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=right]{right:1em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-error.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-error.swal2-icon-show .swal2-x-mark{animation:swal2-animate-error-x-mark .5s}div:where(.swal2-icon).swal2-warning{border-color:#facea8;color:#f8bb86}div:where(.swal2-icon).swal2-warning.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-warning.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .5s}div:where(.swal2-icon).swal2-info{border-color:#9de0f6;color:#3fc3ee}div:where(.swal2-icon).swal2-info.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-info.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .8s}div:where(.swal2-icon).swal2-question{border-color:#c9dae1;color:#87adbd}div:where(.swal2-icon).swal2-question.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-question.swal2-icon-show .swal2-icon-content{animation:swal2-animate-question-mark .8s}div:where(.swal2-icon).swal2-success{border-color:#a5dc86;color:#a5dc86}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line]{position:absolute;width:3.75em;height:7.5em;border-radius:50%}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=left]{top:-0.4375em;left:-2.0635em;transform:rotate(-45deg);transform-origin:3.75em 3.75em;border-radius:7.5em 0 0 7.5em}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=right]{top:-0.6875em;left:1.875em;transform:rotate(-45deg);transform-origin:0 3.75em;border-radius:0 7.5em 7.5em 0}div:where(.swal2-icon).swal2-success .swal2-success-ring{position:absolute;z-index:2;top:-0.25em;left:-0.25em;box-sizing:content-box;width:100%;height:100%;border:.25em solid rgba(165,220,134,.3);border-radius:50%}div:where(.swal2-icon).swal2-success .swal2-success-fix{position:absolute;z-index:1;top:.5em;left:1.625em;width:.4375em;height:5.625em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-success [class^=swal2-success-line]{display:block;position:absolute;z-index:2;height:.3125em;border-radius:.125em;background-color:#a5dc86}div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=tip]{top:2.875em;left:.8125em;width:1.5625em;transform:rotate(45deg)}div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=long]{top:2.375em;right:.5em;width:2.9375em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-animate-success-line-tip .75s}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-animate-success-line-long .75s}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-circular-line-right{animation:swal2-rotate-success-circular-line 4.25s ease-in}[class^=swal2]{-webkit-tap-highlight-color:rgba(0,0,0,0)}.swal2-show{animation:swal2-show .3s}.swal2-hide{animation:swal2-hide .15s forwards}.swal2-noanimation{transition:none}.swal2-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.swal2-rtl .swal2-close{margin-right:initial;margin-left:0}.swal2-rtl .swal2-timer-progress-bar{right:0;left:auto}@keyframes swal2-toast-show{0%{transform:translateY(-0.625em) rotateZ(2deg)}33%{transform:translateY(0) rotateZ(-2deg)}66%{transform:translateY(0.3125em) rotateZ(2deg)}100%{transform:translateY(0) rotateZ(0deg)}}@keyframes swal2-toast-hide{100%{transform:rotateZ(1deg);opacity:0}}@keyframes swal2-toast-animate-success-line-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-0.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@keyframes swal2-toast-animate-success-line-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}@keyframes swal2-show{0%{transform:scale(0.7)}45%{transform:scale(1.05)}80%{transform:scale(0.95)}100%{transform:scale(1)}}@keyframes swal2-hide{0%{transform:scale(1);opacity:1}100%{transform:scale(0.5);opacity:0}}@keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-0.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.8125em;width:1.5625em}}@keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}@keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;transform:scale(0.4);opacity:0}50%{margin-top:1.625em;transform:scale(0.4);opacity:0}80%{margin-top:-0.375em;transform:scale(1.15)}100%{margin-top:0;transform:scale(1);opacity:1}}@keyframes swal2-animate-error-icon{0%{transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0deg);opacity:1}}@keyframes swal2-rotate-loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes swal2-animate-question-mark{0%{transform:rotateY(-360deg)}100%{transform:rotateY(0)}}@keyframes swal2-animate-i-mark{0%{transform:rotateZ(45deg);opacity:0}25%{transform:rotateZ(-25deg);opacity:.4}50%{transform:rotateZ(15deg);opacity:.8}75%{transform:rotateZ(-5deg);opacity:1}100%{transform:rotateX(0);opacity:1}}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow:hidden}body.swal2-height-auto{height:auto !important}body.swal2-no-backdrop .swal2-container{background-color:rgba(0,0,0,0) !important;pointer-events:none}body.swal2-no-backdrop .swal2-container .swal2-popup{pointer-events:all}body.swal2-no-backdrop .swal2-container .swal2-modal{box-shadow:0 0 10px rgba(0,0,0,.4)}@media print{body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow-y:scroll !important}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown)>[aria-hidden=true]{display:none}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container{position:static !important}}body.swal2-toast-shown .swal2-container{box-sizing:border-box;width:360px;max-width:100%;background-color:rgba(0,0,0,0);pointer-events:none}body.swal2-toast-shown .swal2-container.swal2-top{inset:0 auto auto 50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-top-end,body.swal2-toast-shown .swal2-container.swal2-top-right{inset:0 0 auto auto}body.swal2-toast-shown .swal2-container.swal2-top-start,body.swal2-toast-shown .swal2-container.swal2-top-left{inset:0 auto auto 0}body.swal2-toast-shown .swal2-container.swal2-center-start,body.swal2-toast-shown .swal2-container.swal2-center-left{inset:50% auto auto 0;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-center{inset:50% auto auto 50%;transform:translate(-50%, -50%)}body.swal2-toast-shown .swal2-container.swal2-center-end,body.swal2-toast-shown .swal2-container.swal2-center-right{inset:50% 0 auto auto;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-start,body.swal2-toast-shown .swal2-container.swal2-bottom-left{inset:auto auto 0 0}body.swal2-toast-shown .swal2-container.swal2-bottom{inset:auto auto 0 50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-end,body.swal2-toast-shown .swal2-container.swal2-bottom-right{inset:auto 0 0 auto} .related_product .slick-wrapper { position: relative; width: 100%; margin: 0 auto; } .related_product .slide-item { height: 350px; margin: 10px 5px; } .related_product .slick-slide { margin: 0px 5px; display: none; float: left; min-height: 1px; } .related_product .slick-slider { position: relative; display: block; box-sizing: border-box; user-select: none; -webkit-touch-callout: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .related_product .slick-track { position: relative; top: 0; left: 0; display: block; } .related_product .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .related_product .slick-slider .slick-list { transform: translate3d(0, 0, 0); } .related_product .slick-list:focus { outline: none; } .related_product .slick-list.dragging { cursor: pointer; } .related_product .slick-slide img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 10px; } .related_product .slick-slide.slick-loading img { display: none; } .related_product .slick-slide.dragging img { pointer-events: none; } .related_product .slick-track:before, .related_product .slick-track:after { display: table; content: ''; } .related_product .slick-track:after { clear: both; } .related_product .slick-loading .slick-track { visibility: hidden; } .related_product [dir='rtl'] .slick-slide { float: right; } .related_product .slick-initialized .slick-slide { display: block; } .related_product .slick-loading .slick-slide { visibility: hidden; } .related_product .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .related_product .slick-arrow.slick-hidden { display: none; } .related_product .slide { display: flex !important; justify-content: center !important; align-items: center !important; } .related_product .slide-height { height: 150px; } .related_product .arrow_wrapper { text-align: right; margin-bottom: 10px; } .related_product .prev, .related_product .next { border-radius: 50%; border: 3px solid #44535a; width: 30px; height: 30px; background-color: transparent; } .related_product .title_wrapper .title { color: #f24c4c; } .line_container { width: 30%; display: block; margin: 0 auto; } .related_product .title_wrapper .line_container .line { width: 25%; height: 4px; } .related_product .title_wrapper .line_container .black { background-color: #202e37; } .related_product .title_wrapper .line_container .yellow { background-color: #fae97d; } .related_product .title_wrapper .line_container .blue { background-color: #4c9ac0; } .related_product .title_wrapper .line_container .pink { background-color: #ba2777; } @media (max-width: 576px) { .related_product .slide-item { padding: 0; margin: 5px 0px; height: 210px; } .related_product .slick-slide img { height: 180px !important; } } .services .slick-wrapper { position: relative; width: 85%; margin: 0 auto; } .services .slide-item { height: 360px; margin: 2px 5px; } .services .slick-slide { margin: 0px 5px; display: none; float: left; min-height: 1px; } .services .slick-slider { position: relative; display: block; box-sizing: border-box; user-select: none; -webkit-touch-callout: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .services .slick-track { position: relative; top: 0; left: 0; display: block; } .services .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .services .slick-slider .slick-list { transform: translate3d(0, 0, 0); } .services .slick-list:focus { outline: none; } .services .slick-list.dragging { cursor: pointer; } .services .slick-slide img { width: 100%; height: 100%; object-fit: cover; display: block; } .services .slick-slide.slick-loading img { display: none; } .services .slick-slide.dragging img { pointer-events: none; } .services .slick-track:before, .services .slick-track:after { display: table; content: ''; } .services .slick-track:after { clear: both; } .services .slick-loading .slick-track { visibility: hidden; } .services [dir='rtl'] .slick-slide { float: right; } .services .slick-initialized .slick-slide { display: block; } .services .slick-loading .slick-slide { visibility: hidden; } .services .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .services .slick-arrow.slick-hidden { display: none; } .services .slide { display: flex !important; justify-content: center !important; align-items: center !important; } .services .slide-height { height: 150px; } .services .arrow_wrapper { text-align: center; margin-bottom: 10px; } .services .prev, .services .next { border-radius: 50%; border: 3px solid #44535a; width: 30px; height: 30px; background-color: transparent; } .services .service_icon { background-color: #00a8f9; height: 140px; width: 140px; border-radius: 50%; display: flex !important; flex-direction: column; align-items: center; justify-content: center; margin: auto; } .services .service_icon img { display: block; height: 40px; width: 40px; } .services .service_item p { font-size: 12px; margin-top: 4px; } .services { height: auto; padding-top: 30px; } .galleries .slick-wrapper { position: relative; width: 90%; margin: 0 auto; } .galleries .slide-item { height: 120px; margin: 2px 5px; } .galleries .slick-slide { margin: 0px 5px; display: none; float: left; min-height: 1px; } .galleries .slick-slider { position: relative; display: block; box-sizing: border-box; user-select: none; -webkit-touch-callout: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .galleries .slick-track { position: relative; top: 0; left: 0; display: block; } .galleries .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .galleries .slick-slider .slick-list { transform: translate3d(0, 0, 0); } .galleries .slick-list:focus { outline: none; } .galleries .slick-list.dragging { cursor: pointer; } .galleries .slick-slide img { width: 100%; height: 100%; object-fit: cover; display: block; } .galleries .slick-slide.slick-loading img { display: none; } .galleries .slick-slide.dragging img { pointer-events: none; } .galleries .slick-track:before, .galleries .slick-track:after { display: table; content: ''; } .galleries .slick-track:after { clear: both; } .galleries .slick-loading .slick-track { visibility: hidden; } .galleries [dir='rtl'] .slick-slide { float: right; } .galleries .slick-initialized .slick-slide { display: block; } .galleries .slick-loading .slick-slide { visibility: hidden; } .galleries .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .galleries .slick-arrow.slick-hidden { display: none; } .galleries .slide { display: flex !important; justify-content: center !important; align-items: center !important; } .galleries .slide-height { height: 150px; } .galleries .arrow_wrapper { text-align: right; margin-bottom: 10px; } .galleries .prev, .galleries .next { border-radius: 50%; border: 3px solid #44535a; width: 30px; height: 30px; background-color: transparent; } .banner_promotion .slick-wrapper { position: relative; width: 100%; margin-left: auto; } .banner_promotion .slide-item { height: 320px; margin: 2px 5px; } .banner_promotion .slick-slide { margin: 0px 5px; display: none; float: left; min-height: 1px; } .banner_promotion .slick-slider { position: relative; display: block; box-sizing: border-box; user-select: none; -webkit-touch-callout: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .banner_promotion .slick-track { position: relative; top: 0; left: 0; display: block; } .banner_promotion .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .banner_promotion .slick-slider .slick-list { transform: translate3d(0, 0, 0); } .banner_promotion .slick-list:focus { outline: none; } .banner_promotion .slick-list.dragging { cursor: pointer; } .banner_promotion .slick-slide img { width: 100%; height: 100%; object-fit: cover; display: block; } .banner_promotion .slick-slide.slick-loading img { display: none; } .banner_promotion .slick-slide.dragging img { pointer-events: none; } .banner_promotion .slick-track:before, .banner_promotion .slick-track:after { display: table; content: ''; } .banner_promotion .slick-track:after { clear: both; } .banner_promotion .slick-loading .slick-track { visibility: hidden; } .banner_promotion [dir='rtl'] .slick-slide { float: right; } .banner_promotion .slick-initialized .slick-slide { display: block; } .banner_promotion .slick-loading .slick-slide { visibility: hidden; } .banner_promotion .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .banner_promotion .slick-arrow.slick-hidden { display: none; } .banner_promotion .slide { display: flex !important; justify-content: center !important; align-items: center !important; } .banner_promotion .slide-height { height: 150px; } .banner_promotion .arrow_wrapper { text-align: center; margin-top: 15px; } .banner_promotion .prev, .banner_promotion .next { border-radius: 50%; border: 3px solid #44535a; width: 30px; height: 30px; background-color: transparent; } .banner_promotion .video_promotion iframe{ width: 100%; } .banner_promotion .video_promotion{ width: 100%; height: 323px; } .banner_promotion .youtube-container { position: relative; width: 100%; cursor: pointer; height: 100%; } .banner_promotion .youtube-container img { width: 100%; object-fit: cover; display: block; height: 100%; border-radius: 10px; } .banner_promotion .youtube-player { width: 100%; height: 315px; background-size: cover; background-position: center; cursor: pointer; position: relative; } .banner_promotion .play-button { width: 64px; height: 64px; background: url('../../assets/images/play-button-youtube.png') no-repeat; background-size: contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } @media (max-width: 576px) { /*.banner_promotion .col-md-6 { padding: 0 !important; }*/ .pe-5{ padding-right:0 !important; } .row-res { margin-right: 0 !important; margin-left: 0 !important; } .promotions-last { margin-bottom: 10px; margin-top: 10px; } } .advertising_publication { position: relative; z-index: 100; } .advertising_publication .slick-wrapper { position: relative; width: 100%; margin: 0 auto; } .advertising_publication .slide-item { height: 360px; margin: 2px 5px; } .advertising_publication .slick-slide { margin: 0px 5px; display: none; float: left; min-height: 1px; } .advertising_publication .slick-slider { position: relative; display: block; box-sizing: border-box; user-select: none; -webkit-touch-callout: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .advertising_publication .slick-track { position: relative; top: 0; left: 0; display: block; } .advertising_publication .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .advertising_publication .slick-slider .slick-list { transform: translate3d(0, 0, 0); } .advertising_publication .slick-list:focus { outline: none; } .advertising_publication .slick-list.dragging { cursor: pointer; } .advertising_publication .slick-slide img { width: 100%; height: 100%; object-fit: cover; display: block; } .advertising_publication .slick-slide.slick-loading img { display: none; } .advertising_publication .slick-slide.dragging img { pointer-events: none; } .advertising_publication .slick-track:before, .advertising_publication .slick-track:after { display: table; content: ''; } .advertising_publication .slick-track:after { clear: both; } .advertising_publication .slick-loading .slick-track { visibility: hidden; } .advertising_publication [dir='rtl'] .slick-slide { float: right; } .advertising_publication .slick-initialized .slick-slide { display: block; } .advertising_publication .slick-loading .slick-slide { visibility: hidden; } .advertising_publication .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .advertising_publication .slick-arrow.slick-hidden { display: none; } .advertising_publication .slide { display: flex !important; justify-content: center !important; align-items: center !important; } .advertising_publication .slide-height { height: 150px; } .advertising_publication .arrow_wrapper { text-align: right; margin-bottom: 10px; } .advertising_publication .prev, .advertising_publication .next { border-radius: 50%; border: 3px solid #44535a; width: 30px; height: 30px; background-color: transparent; } .advertising_publication .title_wrapper .title { color: #f24c4c; } .advertising_publication .title_wrapper .line_container { width: 30%; display: flex; margin: 0 auto; } .advertising_publication .title_wrapper .line_container .line { width: 25%; height: 4px; } .advertising_publication .title_wrapper .line_container .black { background-color: #202e37; } .advertising_publication .title_wrapper .line_container .yellow { background-color: #fae97d; } .advertising_publication .title_wrapper .line_container .blue { background-color: #4c9ac0; } .advertising_publication .title_wrapper .line_container .pink { background-color: #ba2777; } .other_publication { position: relative; z-index: 120; } .other_publication .container { position: relative; z-index: 130; } .other_publication_background { background-image: url('../../assets/images/bachground_right.jpg'); width: 100%; height: 900px; background-repeat: no-repeat; position: absolute; background-position: right; top: -130px; background-size: contain; z-index: 20; } @media (max-width: 576px) { .advertising_publication .slick-slide img { height: 180px !important; } .advertising_publication .slide-item { height: 220px; } .background_left_publication { width: 35%; top: 200px; } .other_publication_background { top: 0; height: 300px; } } .news { position: relative; z-index: 150; } .news .title_wrapper .title { color: #f24c4c; } .news .title_wrapper .line_container { width: 20%; display: flex; margin: 0; } .news .title_wrapper .line_container .line { width: 25%; height: 3px; } .news .title_wrapper .line_container .black { background-color: #202e37; } .news .title_wrapper .line_container .yellow { background-color: #fae97d; } .news .title_wrapper .line_container .blue { background-color: #4c9ac0; } .news .title_wrapper .line_container .pink { background-color: #ba2777; } .news .content a { color: #000; } .news .content .news_item_img { height: 240px; border-radius: 10px; } .news .content .news_item_img img { object-fit: cover; display: block; width: 100%; height: 100%; } .news .content .news_item { display: flex; width: 100%; margin-bottom: 20px; } .news .content .news_item .news_item_img { width: 140px; height: 80px; margin-right: 20px; } .news .content .news_item .news_item_img img { width: 100%; height: 100%; object-fit: cover; } .news .content .news_item .news_item_text { width: 55%; } .news_item_text{ margin-top:10px; } @media (max-width: 576px) { .news .title_wrapper .line_container { width: 30%; } .news .content .news_item .news_item_img { margin-right: 20px; } .news .content .news_item .news_item_text { width: 60%; } .news .outstanding_news { margin-bottom: 20px; } } .news_packaging { position: relative; z-index: 100; } .news_packaging .slick-wrapper { position: relative; width: 100%; margin: 0 auto; } .news_packaging .slide-item { height: 360px; margin: 2px 5px; object-fit: cover; object-position: center; } .news_packaging .slick-slide { margin: 0px 5px; display: none; float: left; min-height: 1px; } .news_packaging .slick-slider { position: relative; display: block; box-sizing: border-box; user-select: none; -webkit-touch-callout: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .news_packaging .slick-track { position: relative; top: 0; left: 0; display: block; } .news_packaging .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .news_packaging .slick-slider .slick-list { transform: translate3d(0, 0, 0); } .news_packaging .slick-list:focus { outline: none; } .news_packaging .slick-list.dragging { cursor: pointer; } .news_packaging .slick-slide img { width: 100%; height: 100%; object-fit: cover; display: block; } .news_packaging .slick-slide.slick-loading img { display: none; } .news_packaging .slick-slide.dragging img { pointer-events: none; } .news_packaging .slick-track:before, .news_packaging .slick-track:after { display: table; content: ''; } .news_packaging .slick-track:after { clear: both; } .news_packaging .slick-loading .slick-track { visibility: hidden; } .news_packaging [dir='rtl'] .slick-slide { float: right; } .news_packaging .slick-initialized .slick-slide { display: block; } .news_packaging .slick-loading .slick-slide { visibility: hidden; } .news_packaging .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .news_packaging .slick-arrow.slick-hidden { display: none; } .news_packaging .slide { display: flex !important; justify-content: center !important; align-items: center !important; } .news_packaging .slide-height { height: 150px; } .news_packaging .arrow_wrapper { text-align: right; margin-bottom: 10px; } .news_packaging .prev, .news_packaging .next { border-radius: 50%; border: 3px solid #44535a; width: 30px; height: 30px; background-color: transparent; } .news_packaging .title_wrapper .title { color: #f24c4c; } .news_packaging .title_wrapper .line_container { width: 30%; display: block; margin: 0 auto; } .news_packaging .title_wrapper .line_container .line { width: 25%; height: 4px; } .news_packaging .title_wrapper .line_container .black { background-color: #202e37; } .news_packaging .title_wrapper .line_container .yellow { background-color: #fae97d; } .news_packaging .title_wrapper .line_container .blue { background-color: #4c9ac0; } .news_packaging .title_wrapper .line_container .pink { background-color: #ba2777; } @media (max-width: 576px) { /* .news_packaging .slick-slide img { height: 180px !important; }*/ .news_packaging .slide-item { height: calc(100vh - 480px); } .background_left_publication { width: 35%; top: 200px; } .other_publication_background { top: 0; height: 300px; } } .news_notice_price { position: relative; width: 100%; height: 350px; } .news_notice_price .rectangle_1 { position: absolute; background-color: #1ea3dc; width: 100%; height: 400px; z-index: 10; } .news_notice_price .triangle_1 { position: absolute; width: 0; height: 0; border-top: 25px solid transparent; border-right: 50px solid #021b26; border-bottom: 25px solid transparent; z-index: 20; top: 260px; left: -15px; } .news_notice_price .rectangle_2 { background-color: #fff; position: absolute; width: 85%; height: 300px; z-index: 30; top: 170px; left: 50%; transform: translate(-50%, -50%); } .news_notice_price .rectangle_3 { position: absolute; background-color: #1ea3dc; width: 90%; height: 240px; z-index: 40; top: 45px; left: -15px; } .news_notice_price .rectangle_3 .title { background-color: white; width: 70%; text-align: center; margin-top: 15px; padding: 5px 10px; font-weight: bold; margin-left: 20%; } .news_notice_price .news_btn_notice_price { position: absolute; z-index: 50; border: none; padding: 10px 20px; top: 106%; transform: translate(-50%, -50%); left: 50%; border-radius: 8px; background-color: #f0de00; font-weight: bold; font-size: 18px; } .capcha-notice-price { /*position: absolute;*/ z-index: 50; border: none; /*padding: 10px 20px;*/ /*top: 87%;*/ /*transform: translate(-50%, -50%);*/ /*left: 50%;*/ border-radius: 8px; } .news_notice_price .rectangle_3 input { padding: 5px 20px; border-radius: 8px; border: none; outline: none; margin-left: 25%; } .news_notice_price .rectangle_3 p { color: #fff; display: inline-block; margin-left: 40%; } @media (max-width: 576px) { .form_notice_price_container { padding: 0 15px; } } .landing_page_container { position: fixed; z-index: 1000; top: 0; left: 0; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.3); } .landing_page_container .landing_page_banner { position: absolute; display: block; width: 40%; height: 45%; transform: translate(-50%, -50%); top: 50%; left: 50%; } .landing_page_container .landing_page_banner img { width: 100%; height: 100%; display: block; object-fit: cover; } .landing_page_container .landing_page_banner .button_cancel { position: absolute; width: 40px; height: 40px; color: #fff; border: 2px solid #fff; border-radius: 50%; right: -20px; top: -20px; text-align: center; line-height: 2.4; background-color: rgba(0, 0, 0, 0.5); cursor: pointer; transition: all 0.3s; } .landing_page_container .landing_page_banner .button_cancel:hover { background-color: rgba(0, 0, 0, 0.9); } .landing_page_container .landing_page_banner .button_cancel i { font-size: 20px; } @media (max-width: 1920px) { .landing_page_container .landing_page_banner { width: 40%; height: 45%; } } @media (max-width: 1400px) { .landing_page_container .landing_page_banner { width: 40%; height: 30%; } } @media (max-width: 1200px) { .landing_page_container .landing_page_banner { width: 45%; height: 35%; } } @media (max-width: 992px) { .landing_page_container .landing_page_banner { width: 50%; height: 30%; } } @media (max-width: 768px) { .landing_page_container .landing_page_banner { width: 60%; height: 30%; } } @media (max-width: 576px) { .landing_page_container .landing_page_banner { width: 75%; height: 25%; } .landing_page_container .landing_page_banner .button_cancel { line-height: 3.4; } } .product_packaging { position: relative; z-index: 100; } .product_packaging .slick-wrapper { position: relative; width: 100%; margin: 0 auto; } .product_packaging .slide-item { height: 360px; margin: 2px 5px; object-fit: cover; object-position: center; } .product_packaging .slick-slide { margin: 0px 5px; display: none; float: left; min-height: 1px; } .product_packaging .slick-slider { position: relative; display: block; box-sizing: border-box; user-select: none; -webkit-touch-callout: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .product_packaging .slick-track { position: relative; top: 0; left: 0; display: block; } .product_packaging .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .product_packaging .slick-slider .slick-list { transform: translate3d(0, 0, 0); } .product_packaging .slick-list:focus { outline: none; } .product_packaging .slick-list.dragging { cursor: pointer; } .product_packaging .slick-slide img { width: 100%; height: 100%; object-fit: cover; display: block; } .product_packaging .slick-slide.slick-loading img { display: none; } .product_packaging .slick-slide.dragging img { pointer-events: none; } .product_packaging .slick-track:before, .product_packaging .slick-track:after { display: table; content: ''; } .product_packaging .slick-track:after { clear: both; } .product_packaging .slick-loading .slick-track { visibility: hidden; } .product_packaging [dir='rtl'] .slick-slide { float: right; } .product_packaging .slick-initialized .slick-slide { display: block; } .product_packaging .slick-loading .slick-slide { visibility: hidden; } .product_packaging .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .product_packaging .slick-arrow.slick-hidden { display: none; } .product_packaging .slide { display: flex !important; justify-content: center !important; align-items: center !important; } .product_packaging .slide-height { height: 150px; } .product_packaging .arrow_wrapper { text-align: right; margin-bottom: 10px; } .product_packaging .prev, .product_packaging .next { border-radius: 50%; border: 3px solid #44535a; width: 30px; height: 30px; background-color: transparent; } .product_packaging .title_wrapper .title { color: #f24c4c; } .product_packaging .title_wrapper .line_container { width: 30%; display: block; margin: 0 auto; } .product_packaging .title_wrapper .line_container .line { width: 25%; height: 4px; } .product_packaging .title_wrapper .line_container .black { background-color: #202e37; } .product_packaging .title_wrapper .line_container .yellow { background-color: #fae97d; } .product_packaging .title_wrapper .line_container .blue { background-color: #4c9ac0; } .product_packaging .title_wrapper .line_container .pink { background-color: #ba2777; } @media (max-width: 576px) { /* .product_packaging .slick-slide img { height: 180px !important; }*/ .product_packaging .slide-item { height: 370px; } .background_left_publication { width: 35%; top: 200px; } .other_publication_background { top: 0; height: 300px; } } .slick-prev, .slick-next { position: absolute; transform: translateY(-50%); z-index: 10; background: rgba(0,0,0,0); border: none; font-size: 24px; color: #f24c4c; width: 36px; height: 36px; border-radius: 50%; cursor: pointer; } .slick-prev { left: -50px; /* điều chỉnh sang trái ngoài khung */ } .slick-next { right: -50px; /* điều chỉnh sang phải ngoài khung */ } .slick-prev:hover, .slick-next:hover { background-color: #f24c4c; color: #fff; }