/*! * Bootstrap v4.2.1 (https://getbootstrap.com/) * Copyright 2011-2018 The Bootstrap Authors * Copyright 2011-2018 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-family:inherit;font-weight:500;line-height:1.2;color:inherit}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.h4,h4{font-size:1.5rem}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:6rem;font-weight:300;line-height:1.2}.display-2{font-size:5.5rem;font-weight:300;line-height:1.2}.display-3{font-size:4.5rem;font-weight:300;line-height:1.2}.display-4{font-size:3.5rem;font-weight:300;line-height:1.2}hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}.small,small{font-size:80%;font-weight:400}.mark,mark{padding:.2em;background-color:#fcf8e3}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:90%;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote-footer{display:block;font-size:80%;color:#6c757d}.blockquote-footer::before{content:"\2014\00A0"}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem;max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:90%;color:#6c757d}code{font-size:87.5%;color:#e83e8c;word-break:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:87.5%;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:100%;font-weight:700}pre{display:block;font-size:87.5%;color:#212529}pre code{font-size:inherit;color:inherit;word-break:normal}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-ms-flex-order:-1;order:-1}.order-last{-ms-flex-order:13;order:13}.order-0{-ms-flex-order:0;order:0}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-last{-ms-flex-order:13;order:13}.order-sm-0{-ms-flex-order:0;order:0}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-ms-flex-order:-1;order:-1}.order-md-last{-ms-flex-order:13;order:13}.order-md-0{-ms-flex-order:0;order:0}.order-md-1{-ms-flex-order:1;order:1}.order-md-2{-ms-flex-order:2;order:2}.order-md-3{-ms-flex-order:3;order:3}.order-md-4{-ms-flex-order:4;order:4}.order-md-5{-ms-flex-order:5;order:5}.order-md-6{-ms-flex-order:6;order:6}.order-md-7{-ms-flex-order:7;order:7}.order-md-8{-ms-flex-order:8;order:8}.order-md-9{-ms-flex-order:9;order:9}.order-md-10{-ms-flex-order:10;order:10}.order-md-11{-ms-flex-order:11;order:11}.order-md-12{-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-last{-ms-flex-order:13;order:13}.order-lg-0{-ms-flex-order:0;order:0}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}.order-lg-3{-ms-flex-order:3;order:3}.order-lg-4{-ms-flex-order:4;order:4}.order-lg-5{-ms-flex-order:5;order:5}.order-lg-6{-ms-flex-order:6;order:6}.order-lg-7{-ms-flex-order:7;order:7}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-9{-ms-flex-order:9;order:9}.order-lg-10{-ms-flex-order:10;order:10}.order-lg-11{-ms-flex-order:11;order:11}.order-lg-12{-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-ms-flex-order:-1;order:-1}.order-xl-last{-ms-flex-order:13;order:13}.order-xl-0{-ms-flex-order:0;order:0}.order-xl-1{-ms-flex-order:1;order:1}.order-xl-2{-ms-flex-order:2;order:2}.order-xl-3{-ms-flex-order:3;order:3}.order-xl-4{-ms-flex-order:4;order:4}.order-xl-5{-ms-flex-order:5;order:5}.order-xl-6{-ms-flex-order:6;order:6}.order-xl-7{-ms-flex-order:7;order:7}.order-xl-8{-ms-flex-order:8;order:8}.order-xl-9{-ms-flex-order:9;order:9}.order-xl-10{-ms-flex-order:10;order:10}.order-xl-11{-ms-flex-order:11;order:11}.order-xl-12{-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.table{width:100%;margin-bottom:1rem;background-color:transparent}.table td,.table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}.table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}.table tbody+tbody{border-top:2px solid #dee2e6}.table .table{background-color:#fff}.table-sm td,.table-sm th{padding:.3rem}.table-bordered{border:1px solid #dee2e6}.table-bordered td,.table-bordered th{border:1px solid #dee2e6}.table-bordered thead td,.table-bordered thead th{border-bottom-width:2px}.table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th{border:0}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-hover tbody tr:hover{background-color:rgba(0,0,0,.075)}.table-primary,.table-primary>td,.table-primary>th{background-color:#b8daff}.table-primary tbody+tbody,.table-primary td,.table-primary th,.table-primary thead th{border-color:#7abaff}.table-hover .table-primary:hover{background-color:#9fcdff}.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#9fcdff}.table-secondary,.table-secondary>td,.table-secondary>th{background-color:#d6d8db}.table-secondary tbody+tbody,.table-secondary td,.table-secondary th,.table-secondary thead th{border-color:#b3b7bb}.table-hover .table-secondary:hover{background-color:#c8cbcf}.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:#c8cbcf}.table-success,.table-success>td,.table-success>th{background-color:#c3e6cb}.table-success tbody+tbody,.table-success td,.table-success th,.table-success thead th{border-color:#8fd19e}.table-hover .table-success:hover{background-color:#b1dfbb}.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#b1dfbb}.table-info,.table-info>td,.table-info>th{background-color:#bee5eb}.table-info tbody+tbody,.table-info td,.table-info th,.table-info thead th{border-color:#86cfda}.table-hover .table-info:hover{background-color:#abdde5}.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#abdde5}.table-warning,.table-warning>td,.table-warning>th{background-color:#ffeeba}.table-warning tbody+tbody,.table-warning td,.table-warning th,.table-warning thead th{border-color:#ffdf7e}.table-hover .table-warning:hover{background-color:#ffe8a1}.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#ffe8a1}.table-danger,.table-danger>td,.table-danger>th{background-color:#f5c6cb}.table-danger tbody+tbody,.table-danger td,.table-danger th,.table-danger thead th{border-color:#ed969e}.table-hover .table-danger:hover{background-color:#f1b0b7}.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#f1b0b7}.table-light,.table-light>td,.table-light>th{background-color:#fdfdfe}.table-light tbody+tbody,.table-light td,.table-light th,.table-light thead th{border-color:#fbfcfc}.table-hover .table-light:hover{background-color:#ececf6}.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#ececf6}.table-dark,.table-dark>td,.table-dark>th{background-color:#c6c8ca}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#95999c}.table-hover .table-dark:hover{background-color:#b9bbbe}.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#b9bbbe}.table-active,.table-active>td,.table-active>th{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(0,0,0,.075)}.table .thead-dark th{color:#fff;background-color:#212529;border-color:#32383e}.table .thead-light th{color:#495057;background-color:#e9ecef;border-color:#dee2e6}.table-dark{color:#fff;background-color:#212529}.table-dark td,.table-dark th,.table-dark thead th{border-color:#32383e}.table-dark.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.05)}.table-dark.table-hover tbody tr:hover{background-color:rgba(255,255,255,.075)}@media (max-width:575.98px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-sm>.table-bordered{border:0}}@media (max-width:767.98px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-md>.table-bordered{border:0}}@media (max-width:991.98px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-lg>.table-bordered{border:0}}@media (max-width:1199.98px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-xl>.table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive>.table-bordered{border:0}.form-control{display:block;width:100%;height:calc(2.25rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media screen and (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control::-ms-expand{background-color:transparent;border:0}.form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.form-control::-webkit-input-placeholder{color:#6c757d;opacity:1}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control:-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}select.form-control:focus::-ms-value{color:#495057;background-color:#fff}.form-control-file,.form-control-range{display:block;width:100%}.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.25rem;line-height:1.5}.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.875rem;line-height:1.5}.form-control-plaintext{display:block;width:100%;padding-top:.375rem;padding-bottom:.375rem;margin-bottom:0;line-height:1.5;color:#212529;background-color:transparent;border:solid transparent;border-width:1px 0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{height:calc(1.8125rem + 2px);padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.form-control-lg{height:calc(2.875rem + 2px);padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}select.form-control[multiple],select.form-control[size]{height:auto}textarea.form-control{height:auto}.form-group{margin-bottom:1rem}.form-text{display:block;margin-top:.25rem}.form-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.form-row>.col,.form-row>[class*=col-]{padding-right:5px;padding-left:5px}.form-check{position:relative;display:block;padding-left:1.25rem}.form-check-input{position:absolute;margin-top:.3rem;margin-left:-1.25rem}.form-check-input:disabled~.form-check-label{color:#6c757d}.form-check-label{margin-bottom:0}.form-check-inline{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;padding-left:0;margin-right:.75rem}.form-check-inline .form-check-input{position:static;margin-top:0;margin-right:.3125rem;margin-left:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#28a745}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(40,167,69,.9);border-radius:.25rem}.form-control.is-valid,.was-validated .form-control:valid{border-color:#28a745;padding-right:2.25rem;background-repeat:no-repeat;background-position:center right calc(2.25rem / 4);background-size:calc(2.25rem / 2) calc(2.25rem / 2);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e")}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.form-control.is-valid~.valid-feedback,.form-control.is-valid~.valid-tooltip,.was-validated .form-control:valid~.valid-feedback,.was-validated .form-control:valid~.valid-tooltip{display:block}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:2.25rem;background-position:top calc(2.25rem / 4) right calc(2.25rem / 4)}.custom-select.is-valid,.was-validated .custom-select:valid{border-color:#28a745;padding-right:3.4375rem;background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") no-repeat center right 1.75rem/1.125rem 1.125rem}.custom-select.is-valid:focus,.was-validated .custom-select:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.custom-select.is-valid~.valid-feedback,.custom-select.is-valid~.valid-tooltip,.was-validated .custom-select:valid~.valid-feedback,.was-validated .custom-select:valid~.valid-tooltip{display:block}.form-control-file.is-valid~.valid-feedback,.form-control-file.is-valid~.valid-tooltip,.was-validated .form-control-file:valid~.valid-feedback,.was-validated .form-control-file:valid~.valid-tooltip{display:block}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#28a745}.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid~.custom-control-label,.was-validated .custom-control-input:valid~.custom-control-label{color:#28a745}.custom-control-input.is-valid~.custom-control-label::before,.was-validated .custom-control-input:valid~.custom-control-label::before{border-color:#28a745}.custom-control-input.is-valid~.valid-feedback,.custom-control-input.is-valid~.valid-tooltip,.was-validated .custom-control-input:valid~.valid-feedback,.was-validated .custom-control-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid:checked~.custom-control-label::before,.was-validated .custom-control-input:valid:checked~.custom-control-label::before{border-color:#34ce57;background-color:#34ce57}.custom-control-input.is-valid:focus~.custom-control-label::before,.was-validated .custom-control-input:valid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before{border-color:#28a745}.custom-file-input.is-valid~.custom-file-label,.was-validated .custom-file-input:valid~.custom-file-label{border-color:#28a745}.custom-file-input.is-valid~.valid-feedback,.custom-file-input.is-valid~.valid-tooltip,.was-validated .custom-file-input:valid~.valid-feedback,.was-validated .custom-file-input:valid~.valid-tooltip{display:block}.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#dc3545}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(220,53,69,.9);border-radius:.25rem}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:#dc3545;padding-right:2.25rem;background-repeat:no-repeat;background-position:center right calc(2.25rem / 4);background-size:calc(2.25rem / 2) calc(2.25rem / 2);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E")}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-control.is-invalid~.invalid-feedback,.form-control.is-invalid~.invalid-tooltip,.was-validated .form-control:invalid~.invalid-feedback,.was-validated .form-control:invalid~.invalid-tooltip{display:block}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:2.25rem;background-position:top calc(2.25rem / 4) right calc(2.25rem / 4)}.custom-select.is-invalid,.was-validated .custom-select:invalid{border-color:#dc3545;padding-right:3.4375rem;background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") no-repeat center right 1.75rem/1.125rem 1.125rem}.custom-select.is-invalid:focus,.was-validated .custom-select:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.custom-select.is-invalid~.invalid-feedback,.custom-select.is-invalid~.invalid-tooltip,.was-validated .custom-select:invalid~.invalid-feedback,.was-validated .custom-select:invalid~.invalid-tooltip{display:block}.form-control-file.is-invalid~.invalid-feedback,.form-control-file.is-invalid~.invalid-tooltip,.was-validated .form-control-file:invalid~.invalid-feedback,.was-validated .form-control-file:invalid~.invalid-tooltip{display:block}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#dc3545}.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label{color:#dc3545}.custom-control-input.is-invalid~.custom-control-label::before,.was-validated .custom-control-input:invalid~.custom-control-label::before{border-color:#dc3545}.custom-control-input.is-invalid~.invalid-feedback,.custom-control-input.is-invalid~.invalid-tooltip,.was-validated .custom-control-input:invalid~.invalid-feedback,.was-validated .custom-control-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-control-input:invalid:checked~.custom-control-label::before{border-color:#e4606d;background-color:#e4606d}.custom-control-input.is-invalid:focus~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before{border-color:#dc3545}.custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-file-input:invalid~.custom-file-label{border-color:#dc3545}.custom-file-input.is-invalid~.invalid-feedback,.custom-file-input.is-invalid~.invalid-tooltip,.was-validated .custom-file-input:invalid~.invalid-feedback,.was-validated .custom-file-input:invalid~.invalid-tooltip{display:block}.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-inline{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center}.form-inline .form-check{width:100%}@media (min-width:576px){.form-inline label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-bottom:0}.form-inline .form-group{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center;margin-bottom:0}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-plaintext{display:inline-block}.form-inline .custom-select,.form-inline .input-group{width:auto}.form-inline .form-check{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:auto;padding-left:0}.form-inline .form-check-input{position:relative;margin-top:0;margin-right:.25rem;margin-left:0}.form-inline .custom-control{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.form-inline .custom-control-label{margin-bottom:0}}.btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media screen and (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:#212529;text-decoration:none}.btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.btn.disabled,.btn:disabled{opacity:.65}.btn:not(:disabled):not(.disabled){cursor:pointer}a.btn.disabled,fieldset:disabled a.btn{pointer-events:none}.btn-primary{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:hover{color:#fff;background-color:#0069d9;border-color:#0062cc}.btn-primary.focus,.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0062cc;border-color:#005cbf}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:hover{color:#fff;background-color:#5a6268;border-color:#545b62}.btn-secondary.focus,.btn-secondary:focus{box-shadow:0 0 0 .2rem rgba(130,138,145,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#545b62;border-color:#4e555b}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(130,138,145,.5)}.btn-success{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:hover{color:#fff;background-color:#218838;border-color:#1e7e34}.btn-success.focus,.btn-success:focus{box-shadow:0 0 0 .2rem rgba(72,180,97,.5)}.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#1e7e34;border-color:#1c7430}.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(72,180,97,.5)}.btn-info{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:hover{color:#fff;background-color:#138496;border-color:#117a8b}.btn-info.focus,.btn-info:focus{box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}.btn-info.disabled,.btn-info:disabled{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle{color:#fff;background-color:#117a8b;border-color:#10707f}.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}.btn-warning{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:hover{color:#212529;background-color:#e0a800;border-color:#d39e00}.btn-warning.focus,.btn-warning:focus{box-shadow:0 0 0 .2rem rgba(222,170,12,.5)}.btn-warning.disabled,.btn-warning:disabled{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle{color:#212529;background-color:#d39e00;border-color:#c69500}.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(222,170,12,.5)}.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:hover{color:#fff;background-color:#c82333;border-color:#bd2130}.btn-danger.focus,.btn-danger:focus{box-shadow:0 0 0 .2rem rgba(225,83,97,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#bd2130;border-color:#b21f2d}.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(225,83,97,.5)}.btn-light{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:hover{color:#212529;background-color:#e2e6ea;border-color:#dae0e5}.btn-light.focus,.btn-light:focus{box-shadow:0 0 0 .2rem rgba(216,217,219,.5)}.btn-light.disabled,.btn-light:disabled{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle{color:#212529;background-color:#dae0e5;border-color:#d3d9df}.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(216,217,219,.5)}.btn-dark{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:hover{color:#fff;background-color:#23272b;border-color:#1d2124}.btn-dark.focus,.btn-dark:focus{box-shadow:0 0 0 .2rem rgba(82,88,93,.5)}.btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#1d2124;border-color:#171a1d}.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(82,88,93,.5)}.btn-outline-primary{color:#007bff;border-color:#007bff}.btn-outline-primary:hover{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary.focus,.btn-outline-primary:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#007bff;background-color:transparent}.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-secondary{color:#6c757d;border-color:#6c757d}.btn-outline-secondary:hover{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary.focus,.btn-outline-secondary:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#6c757d;background-color:transparent}.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-success{color:#28a745;border-color:#28a745}.btn-outline-success:hover{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success.focus,.btn-outline-success:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-success.disabled,.btn-outline-success:disabled{color:#28a745;background-color:transparent}.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-info{color:#17a2b8;border-color:#17a2b8}.btn-outline-info:hover{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info.focus,.btn-outline-info:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-info.disabled,.btn-outline-info:disabled{color:#17a2b8;background-color:transparent}.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-warning{color:#ffc107;border-color:#ffc107}.btn-outline-warning:hover{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning.focus,.btn-outline-warning:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#ffc107;background-color:transparent}.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-danger{color:#dc3545;border-color:#dc3545}.btn-outline-danger:hover{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger.focus,.btn-outline-danger:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#dc3545;background-color:transparent}.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-light{color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:hover{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light.focus,.btn-outline-light:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-light.disabled,.btn-outline-light:disabled{color:#f8f9fa;background-color:transparent}.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-dark{color:#343a40;border-color:#343a40}.btn-outline-dark:hover{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#343a40;background-color:transparent}.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-link{font-weight:400;color:#007bff}.btn-link:hover{color:#0056b3;text-decoration:underline}.btn-link.focus,.btn-link:focus{text-decoration:underline;box-shadow:none}.btn-link.disabled,.btn-link:disabled{color:#6c757d;pointer-events:none}.btn-group-lg>.btn,.btn-lg{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.btn-group-sm>.btn,.btn-sm{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:.5rem}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{transition:opacity .15s linear}@media screen and (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{position:relative;height:0;overflow:hidden;transition:height .35s ease}@media screen and (prefers-reduced-motion:reduce){.collapsing{transition:none}}.dropdown,.dropleft,.dropright,.dropup{position:relative}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.dropdown-menu-right{right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-right{right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-right{right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-right{right:0;left:auto}}@media (min-width:1200px){.dropdown-menu-xl-right{right:0;left:auto}}.dropdown-menu-left{right:auto;left:0}@media (min-width:576px){.dropdown-menu-sm-left{right:auto;left:0}}@media (min-width:768px){.dropdown-menu-md-left{right:auto;left:0}}@media (min-width:992px){.dropdown-menu-lg-left{right:auto;left:0}}@media (min-width:1200px){.dropdown-menu-xl-left{right:auto;left:0}}.dropup .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:.125rem}.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-menu{top:0;right:auto;left:100%;margin-top:0;margin-left:.125rem}.dropright .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropright .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-toggle::after{vertical-align:0}.dropleft .dropdown-menu{top:0;right:100%;left:auto;margin-top:0;margin-right:.125rem}.dropleft .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropleft .dropdown-toggle::after{display:none}.dropleft .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropleft .dropdown-toggle:empty::after{margin-left:0}.dropleft .dropdown-toggle::before{vertical-align:0}.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top]{right:auto;bottom:auto}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid #e9ecef}.dropdown-item{display:block;width:100%;padding:.25rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:first-child{border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.dropdown-item:last-child{border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.dropdown-item:focus,.dropdown-item:hover{color:#16181b;text-decoration:none;background-color:#f8f9fa}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#007bff}.dropdown-item.disabled,.dropdown-item:disabled{color:#6c757d;pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1.5rem;margin-bottom:0;font-size:.875rem;color:#6c757d;white-space:nowrap}.dropdown-item-text{display:block;padding:.25rem 1.5rem;color:#212529}.btn-group,.btn-group-vertical{position:relative;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;-ms-flex:1 1 auto;flex:1 1 auto}.btn-group-vertical>.btn:hover,.btn-group>.btn:hover{z-index:1}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus{z-index:1}.btn-toolbar{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:start;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child){margin-left:-1px}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropright .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropleft .dropdown-toggle-split::before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:-1px}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn{margin-bottom:0}.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.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%}.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control,.input-group>.form-control-plaintext{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;width:1%;margin-bottom:0}.input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control,.input-group>.form-control-plaintext+.custom-file,.input-group>.form-control-plaintext+.custom-select,.input-group>.form-control-plaintext+.form-control{margin-left:-1px}.input-group>.custom-file .custom-file-input:focus~.custom-file-label,.input-group>.custom-select:focus,.input-group>.form-control:focus{z-index:3}.input-group>.custom-file .custom-file-input:focus{z-index:4}.input-group>.custom-select:not(:last-child),.input-group>.form-control:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.custom-file{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label::after{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-file:not(:first-child) .custom-file-label{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-append,.input-group-prepend{display:-ms-flexbox;display:flex}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.input-group-append .btn:focus,.input-group-prepend .btn:focus{z-index:3}.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text{margin-left:-1px}.input-group-prepend{margin-right:-1px}.input-group-append{margin-left:-1px}.input-group-text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem}.input-group-text input[type=checkbox],.input-group-text input[type=radio]{margin-top:0}.input-group-lg>.custom-select,.input-group-lg>.form-control:not(textarea){height:calc(2.875rem + 2px)}.input-group-lg>.custom-select,.input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.input-group-sm>.custom-select,.input-group-sm>.form-control:not(textarea){height:calc(1.8125rem + 2px)}.input-group-sm>.custom-select,.input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.input-group-lg>.custom-select,.input-group-sm>.custom-select{padding-right:1.75rem}.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}.custom-control{position:relative;display:block;min-height:1.5rem;padding-left:1.5rem}.custom-control-inline{display:-ms-inline-flexbox;display:inline-flex;margin-right:1rem}.custom-control-input{position:absolute;z-index:-1;opacity:0}.custom-control-input:checked~.custom-control-label::before{color:#fff;border-color:#007bff;background-color:#007bff}.custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-control-input:focus:not(:checked)~.custom-control-label::before{border-color:#80bdff}.custom-control-input:not(:disabled):active~.custom-control-label::before{color:#fff;background-color:#b3d7ff;border-color:#b3d7ff}.custom-control-input:disabled~.custom-control-label{color:#6c757d}.custom-control-input:disabled~.custom-control-label::before{background-color:#e9ecef}.custom-control-label{position:relative;margin-bottom:0;vertical-align:top}.custom-control-label::before{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;pointer-events:none;content:"";background-color:#fff;border:#adb5bd solid 1px}.custom-control-label::after{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;content:"";background-repeat:no-repeat;background-position:center center;background-size:50% 50%}.custom-checkbox .custom-control-label::before{border-radius:.25rem}.custom-checkbox .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before{border-color:#007bff;background-color:#007bff}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-radio .custom-control-label::before{border-radius:50%}.custom-radio .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-switch{padding-left:2.25rem}.custom-switch .custom-control-label::before{left:-2.25rem;width:1.75rem;pointer-events:all;border-radius:.5rem}.custom-switch .custom-control-label::after{top:calc(.25rem + 2px);left:calc(-2.25rem + 2px);width:calc(1rem - 4px);height:calc(1rem - 4px);background-color:#adb5bd;border-radius:.5rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out}@media screen and (prefers-reduced-motion:reduce){.custom-switch .custom-control-label::after{transition:none}}.custom-switch .custom-control-input:checked~.custom-control-label::after{background-color:#fff;-webkit-transform:translateX(.75rem);transform:translateX(.75rem)}.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-select{display:inline-block;width:100%;height:calc(2.25rem + 2px);padding:.375rem 1.75rem .375rem .75rem;font-weight:400;line-height:1.5;color:#495057;vertical-align:middle;background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-select:focus{border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(128,189,255,.5)}.custom-select:focus::-ms-value{color:#495057;background-color:#fff}.custom-select[multiple],.custom-select[size]:not([size="1"]){height:auto;padding-right:.75rem;background-image:none}.custom-select:disabled{color:#6c757d;background-color:#e9ecef}.custom-select::-ms-expand{opacity:0}.custom-select-sm{height:calc(1.8125rem + 2px);padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem}.custom-select-lg{height:calc(2.875rem + 2px);padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem}.custom-file{position:relative;display:inline-block;width:100%;height:calc(2.25rem + 2px);margin-bottom:0}.custom-file-input{position:relative;z-index:2;width:100%;height:calc(2.25rem + 2px);margin:0;opacity:0}.custom-file-input:focus~.custom-file-label{border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-file-input:disabled~.custom-file-label{background-color:#e9ecef}.custom-file-input:lang(en)~.custom-file-label::after{content:"Browse"}.custom-file-input~.custom-file-label[data-browse]::after{content:attr(data-browse)}.custom-file-label{position:absolute;top:0;right:0;left:0;z-index:1;height:calc(2.25rem + 2px);padding:.375rem .75rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem}.custom-file-label::after{position:absolute;top:0;right:0;bottom:0;z-index:3;display:block;height:2.25rem;padding:.375rem .75rem;line-height:1.5;color:#495057;content:"Browse";background-color:#e9ecef;border-left:inherit;border-radius:0 .25rem .25rem 0}.custom-range{width:100%;height:calc(1rem + .4rem);padding:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-range:focus{outline:0}.custom-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range::-moz-focus-outer{border:0}.custom-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;background-color:#007bff;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;appearance:none}@media screen and (prefers-reduced-motion:reduce){.custom-range::-webkit-slider-thumb{transition:none}}.custom-range::-webkit-slider-thumb:active{background-color:#b3d7ff}.custom-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#007bff;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-moz-appearance:none;appearance:none}@media screen and (prefers-reduced-motion:reduce){.custom-range::-moz-range-thumb{transition:none}}.custom-range::-moz-range-thumb:active{background-color:#b3d7ff}.custom-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-ms-thumb{width:1rem;height:1rem;margin-top:0;margin-right:.2rem;margin-left:.2rem;background-color:#007bff;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media screen and (prefers-reduced-motion:reduce){.custom-range::-ms-thumb{transition:none}}.custom-range::-ms-thumb:active{background-color:#b3d7ff}.custom-range::-ms-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:transparent;border-color:transparent;border-width:.5rem}.custom-range::-ms-fill-lower{background-color:#dee2e6;border-radius:1rem}.custom-range::-ms-fill-upper{margin-right:15px;background-color:#dee2e6;border-radius:1rem}.custom-range:disabled::-webkit-slider-thumb{background-color:#adb5bd}.custom-range:disabled::-webkit-slider-runnable-track{cursor:default}.custom-range:disabled::-moz-range-thumb{background-color:#adb5bd}.custom-range:disabled::-moz-range-track{cursor:default}.custom-range:disabled::-ms-thumb{background-color:#adb5bd}.custom-control-label::before,.custom-file-label,.custom-select{transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media screen and (prefers-reduced-motion:reduce){.custom-control-label::before,.custom-file-label,.custom-select{transition:none}}.nav{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem}.nav-link:focus,.nav-link:hover{text-decoration:none}.nav-link.disabled{color:#6c757d;pointer-events:none;cursor:default}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-item{margin-bottom:-1px}.nav-tabs .nav-link{border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6}.nav-tabs .nav-link.disabled{color:#6c757d;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.nav-pills .nav-link{border-radius:.25rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#007bff}.nav-fill .nav-item{-ms-flex:1 1 auto;flex:1 1 auto;text-align:center}.nav-justified .nav-item{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;text-align:center}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:.5rem 1rem}.navbar>.container,.navbar>.container-fluid{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.navbar-brand{display:inline-block;padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-nav{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu{position:static;float:none}.navbar-text{display:inline-block;padding-top:.5rem;padding-bottom:.5rem}.navbar-collapse{-ms-flex-preferred-size:100%;flex-basis:100%;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.navbar-toggler:not(:disabled):not(.disabled){cursor:pointer}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;content:"";background:no-repeat center center;background-size:100% 100%}@media (max-width:575.98px){.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:576px){.navbar-expand-sm{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-sm .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-sm .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}@media (max-width:767.98px){.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:768px){.navbar-expand-md{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-md .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-md .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}@media (max-width:991.98px){.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:992px){.navbar-expand-lg{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-lg .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-lg .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}@media (max-width:1199.98px){.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:1200px){.navbar-expand-xl{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-xl .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-xl .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}.navbar-expand{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand>.container,.navbar-expand>.container-fluid{padding-right:0;padding-left:0}.navbar-expand .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand>.container,.navbar-expand>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-light .navbar-brand{color:rgba(0,0,0,.9)}.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.5)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{color:rgba(0,0,0,.9)}.navbar-light .navbar-toggler{color:rgba(0,0,0,.5);border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-light .navbar-text{color:rgba(0,0,0,.5)}.navbar-light .navbar-text a{color:rgba(0,0,0,.9)}.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:rgba(0,0,0,.9)}.navbar-dark .navbar-brand{color:#fff}.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.5)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:rgba(255,255,255,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.25)}.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{color:rgba(255,255,255,.5);border-color:rgba(255,255,255,.1)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-dark .navbar-text{color:rgba(255,255,255,.5)}.navbar-dark .navbar-text a{color:#fff}.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}.card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card>hr{margin-right:0;margin-left:0}.card>.list-group:first-child .list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.card>.list-group:last-child .list-group-item:last-child{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.card-body{-ms-flex:1 1 auto;flex:1 1 auto;padding:1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-.375rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;color:inherit;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.card-header+.list-group .list-group-item:first-child{border-top:0}.card-footer{padding:.75rem 1.25rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}.card-header-tabs{margin-right:-.625rem;margin-bottom:-.75rem;margin-left:-.625rem;border-bottom:0}.card-header-pills{margin-right:-.625rem;margin-left:-.625rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.25rem}.card-img{width:100%;border-radius:calc(.25rem - 1px)}.card-img-top{width:100%;border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card-img-bottom{width:100%;border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card-deck{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.card-deck .card{margin-bottom:15px}@media (min-width:576px){.card-deck{-ms-flex-flow:row wrap;flex-flow:row wrap;margin-right:-15px;margin-left:-15px}.card-deck .card{display:-ms-flexbox;display:flex;-ms-flex:1 0 0%;flex:1 0 0%;-ms-flex-direction:column;flex-direction:column;margin-right:15px;margin-bottom:0;margin-left:15px}}.card-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.card-group>.card{margin-bottom:15px}@media (min-width:576px){.card-group{-ms-flex-flow:row wrap;flex-flow:row wrap}.card-group>.card{-ms-flex:1 0 0%;flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:first-child .card-header,.card-group>.card:first-child .card-img-top{border-top-right-radius:0}.card-group>.card:first-child .card-footer,.card-group>.card:first-child .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:last-child .card-header,.card-group>.card:last-child .card-img-top{border-top-left-radius:0}.card-group>.card:last-child .card-footer,.card-group>.card:last-child .card-img-bottom{border-bottom-left-radius:0}.card-group>.card:only-child{border-radius:.25rem}.card-group>.card:only-child .card-header,.card-group>.card:only-child .card-img-top{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.card-group>.card:only-child .card-footer,.card-group>.card:only-child .card-img-bottom{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.card-group>.card:not(:first-child):not(:last-child):not(:only-child){border-radius:0}.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-footer,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-header,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-top{border-radius:0}}.card-columns .card{margin-bottom:.75rem}@media (min-width:576px){.card-columns{-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:1.25rem;-moz-column-gap:1.25rem;column-gap:1.25rem;orphans:1;widows:1}.card-columns .card{display:inline-block;width:100%}}.accordion .card{overflow:hidden}.accordion .card:not(:first-of-type) .card-header:first-child{border-radius:0}.accordion .card:not(:first-of-type):not(:last-of-type){border-bottom:0;border-radius:0}.accordion .card:first-of-type{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.accordion .card:last-of-type{border-top-left-radius:0;border-top-right-radius:0}.accordion .card .card-header{margin-bottom:-1px}.breadcrumb{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:#e9ecef;border-radius:.25rem}.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-item+.breadcrumb-item::before{display:inline-block;padding-right:.5rem;color:#6c757d;content:"/"}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:underline}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:none}.breadcrumb-item.active{color:#6c757d}.pagination{display:-ms-flexbox;display:flex;padding-left:0;list-style:none;border-radius:.25rem}.page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#007bff;background-color:#fff;border:1px solid #dee2e6}.page-link:hover{z-index:2;color:#0056b3;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}.page-link:focus{z-index:2;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.page-link:not(:disabled):not(.disabled){cursor:pointer}.page-item:first-child .page-link{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.page-item.active .page-link{z-index:1;color:#fff;background-color:#007bff;border-color:#007bff}.page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem;line-height:1.5}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem;line-height:1.5}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem}a.badge:focus,a.badge:hover{text-decoration:none}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem}.badge-primary{color:#fff;background-color:#007bff}a.badge-primary:focus,a.badge-primary:hover{color:#fff;background-color:#0062cc}.badge-secondary{color:#fff;background-color:#6c757d}a.badge-secondary:focus,a.badge-secondary:hover{color:#fff;background-color:#545b62}.badge-success{color:#fff;background-color:#28a745}a.badge-success:focus,a.badge-success:hover{color:#fff;background-color:#1e7e34}.badge-info{color:#fff;background-color:#17a2b8}a.badge-info:focus,a.badge-info:hover{color:#fff;background-color:#117a8b}.badge-warning{color:#212529;background-color:#ffc107}a.badge-warning:focus,a.badge-warning:hover{color:#212529;background-color:#d39e00}.badge-danger{color:#fff;background-color:#dc3545}a.badge-danger:focus,a.badge-danger:hover{color:#fff;background-color:#bd2130}.badge-light{color:#212529;background-color:#f8f9fa}a.badge-light:focus,a.badge-light:hover{color:#212529;background-color:#dae0e5}.badge-dark{color:#fff;background-color:#343a40}a.badge-dark:focus,a.badge-dark:hover{color:#fff;background-color:#1d2124}.jumbotron{padding:2rem 1rem;margin-bottom:2rem;background-color:#e9ecef;border-radius:.3rem}@media (min-width:576px){.jumbotron{padding:4rem 2rem}}.jumbotron-fluid{padding-right:0;padding-left:0;border-radius:0}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-right:4rem}.alert-dismissible .close{position:absolute;top:0;right:0;padding:.75rem 1.25rem;color:inherit}.alert-primary{color:#004085;background-color:#cce5ff;border-color:#b8daff}.alert-primary hr{border-top-color:#9fcdff}.alert-primary .alert-link{color:#002752}.alert-secondary{color:#383d41;background-color:#e2e3e5;border-color:#d6d8db}.alert-secondary hr{border-top-color:#c8cbcf}.alert-secondary .alert-link{color:#202326}.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.alert-success hr{border-top-color:#b1dfbb}.alert-success .alert-link{color:#0b2e13}.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.alert-info hr{border-top-color:#abdde5}.alert-info .alert-link{color:#062c33}.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.alert-warning hr{border-top-color:#ffe8a1}.alert-warning .alert-link{color:#533f03}.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert-danger hr{border-top-color:#f1b0b7}.alert-danger .alert-link{color:#491217}.alert-light{color:#818182;background-color:#fefefe;border-color:#fdfdfe}.alert-light hr{border-top-color:#ececf6}.alert-light .alert-link{color:#686868}.alert-dark{color:#1b1e21;background-color:#d6d8d9;border-color:#c6c8ca}.alert-dark hr{border-top-color:#b9bbbe}.alert-dark .alert-link{color:#040505}@-webkit-keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}.progress{display:-ms-flexbox;display:flex;height:1rem;overflow:hidden;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}.progress-bar{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;color:#fff;text-align:center;white-space:nowrap;background-color:#007bff;transition:width .6s ease}@media screen and (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.progress-bar-animated{-webkit-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite}.media{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.media-body{-ms-flex:1;flex:1}.list-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0}.list-group-item-action{width:100%;color:#495057;text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{color:#495057;text-decoration:none;background-color:#f8f9fa}.list-group-item-action:active{color:#212529;background-color:#e9ecef}.list-group-item{position:relative;display:block;padding:.75rem 1.25rem;margin-bottom:-1px;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.list-group-item:focus,.list-group-item:hover{z-index:1;text-decoration:none}.list-group-item.disabled,.list-group-item:disabled{color:#6c757d;pointer-events:none;background-color:#fff}.list-group-item.active{z-index:2;color:#fff;background-color:#007bff;border-color:#007bff}.list-group-flush .list-group-item{border-right:0;border-left:0;border-radius:0}.list-group-flush .list-group-item:last-child{margin-bottom:-1px}.list-group-flush:first-child .list-group-item:first-child{border-top:0}.list-group-flush:last-child .list-group-item:last-child{margin-bottom:0;border-bottom:0}.list-group-item-primary{color:#004085;background-color:#b8daff}.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{color:#004085;background-color:#9fcdff}.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#004085;border-color:#004085}.list-group-item-secondary{color:#383d41;background-color:#d6d8db}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#383d41;background-color:#c8cbcf}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#383d41;border-color:#383d41}.list-group-item-success{color:#155724;background-color:#c3e6cb}.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{color:#155724;background-color:#b1dfbb}.list-group-item-success.list-group-item-action.active{color:#fff;background-color:#155724;border-color:#155724}.list-group-item-info{color:#0c5460;background-color:#bee5eb}.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{color:#0c5460;background-color:#abdde5}.list-group-item-info.list-group-item-action.active{color:#fff;background-color:#0c5460;border-color:#0c5460}.list-group-item-warning{color:#856404;background-color:#ffeeba}.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{color:#856404;background-color:#ffe8a1}.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#856404;border-color:#856404}.list-group-item-danger{color:#721c24;background-color:#f5c6cb}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#721c24;background-color:#f1b0b7}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#721c24;border-color:#721c24}.list-group-item-light{color:#818182;background-color:#fdfdfe}.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{color:#818182;background-color:#ececf6}.list-group-item-light.list-group-item-action.active{color:#fff;background-color:#818182;border-color:#818182}.list-group-item-dark{color:#1b1e21;background-color:#c6c8ca}.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{color:#1b1e21;background-color:#b9bbbe}.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#1b1e21;border-color:#1b1e21}.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}.close:hover{color:#000;text-decoration:none}.close:not(:disabled):not(.disabled){cursor:pointer}.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{opacity:.75}button.close{padding:0;background-color:transparent;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}a.close.disabled{pointer-events:none}.toast{max-width:350px;overflow:hidden;font-size:.875rem;background-color:rgba(255,255,255,.85);background-clip:padding-box;border:1px solid rgba(0,0,0,.1);border-radius:.25rem;box-shadow:0 .25rem .75rem rgba(0,0,0,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0}.toast:not(:last-child){margin-bottom:.75rem}.toast.showing{opacity:1}.toast.show{display:block;opacity:1}.toast.hide{display:none}.toast-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.25rem .75rem;color:#6c757d;background-color:rgba(255,255,255,.85);background-clip:padding-box;border-bottom:1px solid rgba(0,0,0,.05)}.toast-body{padding:.75rem}.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0,-50px);transform:translate(0,-50px)}@media screen and (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{-webkit-transform:none;transform:none}.modal-dialog-centered{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:calc(100% - (.5rem * 2))}.modal-dialog-centered::before{display:block;height:calc(100vh - (.5rem * 2));content:""}.modal-content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #e9ecef;border-top-left-radius:.3rem;border-top-right-radius:.3rem}.modal-header .close{padding:1rem 1rem;margin:-1rem -1rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem}.modal-footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding:1rem;border-top:1px solid #e9ecef;border-bottom-right-radius:.3rem;border-bottom-left-radius:.3rem}.modal-footer>:not(:first-child){margin-left:.25rem}.modal-footer>:not(:last-child){margin-right:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-centered{min-height:calc(100% - (1.75rem * 2))}.modal-dialog-centered::before{height:calc(100vh - (1.75rem * 2))}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{max-width:800px}}@media (min-width:1200px){.modal-xl{max-width:1140px}}.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;opacity:0}.tooltip.show{opacity:.9}.tooltip .arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[x-placement^=top],.bs-tooltip-top{padding:.4rem 0}.bs-tooltip-auto[x-placement^=top] .arrow,.bs-tooltip-top .arrow{bottom:0}.bs-tooltip-auto[x-placement^=top] .arrow::before,.bs-tooltip-top .arrow::before{top:0;border-width:.4rem .4rem 0;border-top-color:#000}.bs-tooltip-auto[x-placement^=right],.bs-tooltip-right{padding:0 .4rem}.bs-tooltip-auto[x-placement^=right] .arrow,.bs-tooltip-right .arrow{left:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=right] .arrow::before,.bs-tooltip-right .arrow::before{right:0;border-width:.4rem .4rem .4rem 0;border-right-color:#000}.bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-bottom{padding:.4rem 0}.bs-tooltip-auto[x-placement^=bottom] .arrow,.bs-tooltip-bottom .arrow{top:0}.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.bs-tooltip-bottom .arrow::before{bottom:0;border-width:0 .4rem .4rem;border-bottom-color:#000}.bs-tooltip-auto[x-placement^=left],.bs-tooltip-left{padding:0 .4rem}.bs-tooltip-auto[x-placement^=left] .arrow,.bs-tooltip-left .arrow{right:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=left] .arrow::before,.bs-tooltip-left .arrow::before{left:0;border-width:.4rem 0 .4rem .4rem;border-left-color:#000}.tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#000;border-radius:.25rem}.popover{position:absolute;top:0;left:0;z-index:1060;display:block;max-width:276px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem}.popover .arrow{position:absolute;display:block;width:1rem;height:.5rem;margin:0 .3rem}.popover .arrow::after,.popover .arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid}.bs-popover-auto[x-placement^=top],.bs-popover-top{margin-bottom:.5rem}.bs-popover-auto[x-placement^=top] .arrow,.bs-popover-top .arrow{bottom:calc((.5rem + 1px) * -1)}.bs-popover-auto[x-placement^=top] .arrow::after,.bs-popover-auto[x-placement^=top] .arrow::before,.bs-popover-top .arrow::after,.bs-popover-top .arrow::before{border-width:.5rem .5rem 0}.bs-popover-auto[x-placement^=top] .arrow::before,.bs-popover-top .arrow::before{bottom:0;border-top-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=top] .arrow::after,.bs-popover-top .arrow::after{bottom:1px;border-top-color:#fff}.bs-popover-auto[x-placement^=right],.bs-popover-right{margin-left:.5rem}.bs-popover-auto[x-placement^=right] .arrow,.bs-popover-right .arrow{left:calc((.5rem + 1px) * -1);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=right] .arrow::after,.bs-popover-auto[x-placement^=right] .arrow::before,.bs-popover-right .arrow::after,.bs-popover-right .arrow::before{border-width:.5rem .5rem .5rem 0}.bs-popover-auto[x-placement^=right] .arrow::before,.bs-popover-right .arrow::before{left:0;border-right-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=right] .arrow::after,.bs-popover-right .arrow::after{left:1px;border-right-color:#fff}.bs-popover-auto[x-placement^=bottom],.bs-popover-bottom{margin-top:.5rem}.bs-popover-auto[x-placement^=bottom] .arrow,.bs-popover-bottom .arrow{top:calc((.5rem + 1px) * -1)}.bs-popover-auto[x-placement^=bottom] .arrow::after,.bs-popover-auto[x-placement^=bottom] .arrow::before,.bs-popover-bottom .arrow::after,.bs-popover-bottom .arrow::before{border-width:0 .5rem .5rem .5rem}.bs-popover-auto[x-placement^=bottom] .arrow::before,.bs-popover-bottom .arrow::before{top:0;border-bottom-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=bottom] .arrow::after,.bs-popover-bottom .arrow::after{top:1px;border-bottom-color:#fff}.bs-popover-auto[x-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:1rem;margin-left:-.5rem;content:"";border-bottom:1px solid #f7f7f7}.bs-popover-auto[x-placement^=left],.bs-popover-left{margin-right:.5rem}.bs-popover-auto[x-placement^=left] .arrow,.bs-popover-left .arrow{right:calc((.5rem + 1px) * -1);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=left] .arrow::after,.bs-popover-auto[x-placement^=left] .arrow::before,.bs-popover-left .arrow::after,.bs-popover-left .arrow::before{border-width:.5rem 0 .5rem .5rem}.bs-popover-auto[x-placement^=left] .arrow::before,.bs-popover-left .arrow::before{right:0;border-left-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=left] .arrow::after,.bs-popover-left .arrow::after{right:1px;border-left-color:#fff}.popover-header{padding:.5rem .75rem;margin-bottom:0;font-size:1rem;color:inherit;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.popover-header:empty{display:none}.popover-body{padding:.5rem .75rem;color:#212529}.carousel{position:relative}.carousel.pointer-event{-ms-touch-action:pan-y;touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out}@media screen and (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-right,.carousel-item-next:not(.carousel-item-left){-webkit-transform:translateX(100%);transform:translateX(100%)}.active.carousel-item-left,.carousel-item-prev:not(.carousel-item-right){-webkit-transform:translateX(-100%);transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;-webkit-transform:none;transform:none}.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{z-index:0;opacity:0;transition:0s .6s opacity}@media screen and (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{transition:none}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:15%;color:#fff;text-align:center;opacity:.5;transition:opacity .15s ease}@media screen and (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:20px;height:20px;background:transparent no-repeat center center;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:15;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}.carousel-indicators li{box-sizing:content-box;-ms-flex:0 1 auto;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media screen and (prefers-reduced-motion:reduce){.carousel-indicators li{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center}@-webkit-keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;-webkit-animation:spinner-border .75s linear infinite;animation:spinner-border .75s linear infinite}.spinner-border-sm{width:1rem;height:1rem;border-width:.2em}@-webkit-keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1}}@keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1}}.spinner-grow{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;background-color:currentColor;border-radius:50%;opacity:0;-webkit-animation:spinner-grow .75s linear infinite;animation:spinner-grow .75s linear infinite}.spinner-grow-sm{width:1rem;height:1rem}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.bg-primary{background-color:#007bff!important}a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover{background-color:#0062cc!important}.bg-secondary{background-color:#6c757d!important}a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover{background-color:#545b62!important}.bg-success{background-color:#28a745!important}a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover{background-color:#1e7e34!important}.bg-info{background-color:#17a2b8!important}a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover{background-color:#117a8b!important}.bg-warning{background-color:#ffc107!important}a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover{background-color:#d39e00!important}.bg-danger{background-color:#dc3545!important}a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover{background-color:#bd2130!important}.bg-light{background-color:#f8f9fa!important}a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover{background-color:#dae0e5!important}.bg-dark{background-color:#343a40!important}a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover{background-color:#1d2124!important}.bg-white{background-color:#fff!important}.bg-transparent{background-color:transparent!important}.border{border:1px solid #dee2e6!important}.border-top{border-top:1px solid #dee2e6!important}.border-right{border-right:1px solid #dee2e6!important}.border-bottom{border-bottom:1px solid #dee2e6!important}.border-left{border-left:1px solid #dee2e6!important}.border-0{border:0!important}.border-top-0{border-top:0!important}.border-right-0{border-right:0!important}.border-bottom-0{border-bottom:0!important}.border-left-0{border-left:0!important}.border-primary{border-color:#007bff!important}.border-secondary{border-color:#6c757d!important}.border-success{border-color:#28a745!important}.border-info{border-color:#17a2b8!important}.border-warning{border-color:#ffc107!important}.border-danger{border-color:#dc3545!important}.border-light{border-color:#f8f9fa!important}.border-dark{border-color:#343a40!important}.border-white{border-color:#fff!important}.rounded{border-radius:.25rem!important}.rounded-top{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.rounded-right{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.rounded-bottom{border-bottom-right-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-left{border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:50rem!important}.rounded-0{border-radius:0!important}.clearfix::after{display:block;clear:both;content:""}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:-ms-flexbox!important;display:flex!important}.d-print-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}.embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden}.embed-responsive::before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-21by9::before{padding-top:42.857143%}.embed-responsive-16by9::before{padding-top:56.25%}.embed-responsive-3by4::before{padding-top:133.333333%}.embed-responsive-1by1::before{padding-top:100%}.flex-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}@media (min-width:576px){.flex-sm-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-sm-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-sm-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-sm-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-sm-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-sm-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-sm-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-sm-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-sm-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-sm-center{-ms-flex-align:center!important;align-items:center!important}.align-items-sm-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:768px){.flex-md-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-md-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-md-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-md-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-md-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-md-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-md-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-md-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-md-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-md-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-md-center{-ms-flex-align:center!important;align-items:center!important}.align-items-md-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-lg-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-lg-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-lg-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-lg-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-lg-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-lg-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-lg-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-lg-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-lg-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-lg-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-lg-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-lg-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-lg-center{-ms-flex-align:center!important;align-items:center!important}.align-items-lg-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-lg-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:1200px){.flex-xl-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-xl-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-xl-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-xl-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-xl-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-xl-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-xl-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-xl-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-xl-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xl-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xl-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xl-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-xl-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xl-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xl-center{-ms-flex-align:center!important;align-items:center!important}.align-items-xl-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xl-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}@media (min-width:576px){.float-sm-left{float:left!important}.float-sm-right{float:right!important}.float-sm-none{float:none!important}}@media (min-width:768px){.float-md-left{float:left!important}.float-md-right{float:right!important}.float-md-none{float:none!important}}@media (min-width:992px){.float-lg-left{float:left!important}.float-lg-right{float:right!important}.float-lg-none{float:none!important}}@media (min-width:1200px){.float-xl-left{float:left!important}.float-xl-right{float:right!important}.float-xl-none{float:none!important}}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}@supports ((position:-webkit-sticky) or (position:sticky)){.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.shadow-none{box-shadow:none!important}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mw-100{max-width:100%!important}.mh-100{max-height:100%!important}.min-vw-100{min-width:100vw!important}.min-vh-100{min-height:100vh!important}.vw-100{width:100vw!important}.vh-100{height:100vh!important}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-n1{margin:-.25rem!important}.mt-n1,.my-n1{margin-top:-.25rem!important}.mr-n1,.mx-n1{margin-right:-.25rem!important}.mb-n1,.my-n1{margin-bottom:-.25rem!important}.ml-n1,.mx-n1{margin-left:-.25rem!important}.m-n2{margin:-.5rem!important}.mt-n2,.my-n2{margin-top:-.5rem!important}.mr-n2,.mx-n2{margin-right:-.5rem!important}.mb-n2,.my-n2{margin-bottom:-.5rem!important}.ml-n2,.mx-n2{margin-left:-.5rem!important}.m-n3{margin:-1rem!important}.mt-n3,.my-n3{margin-top:-1rem!important}.mr-n3,.mx-n3{margin-right:-1rem!important}.mb-n3,.my-n3{margin-bottom:-1rem!important}.ml-n3,.mx-n3{margin-left:-1rem!important}.m-n4{margin:-1.5rem!important}.mt-n4,.my-n4{margin-top:-1.5rem!important}.mr-n4,.mx-n4{margin-right:-1.5rem!important}.mb-n4,.my-n4{margin-bottom:-1.5rem!important}.ml-n4,.mx-n4{margin-left:-1.5rem!important}.m-n5{margin:-3rem!important}.mt-n5,.my-n5{margin-top:-3rem!important}.mr-n5,.mx-n5{margin-right:-3rem!important}.mb-n5,.my-n5{margin-bottom:-3rem!important}.ml-n5,.mx-n5{margin-left:-3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width:576px){.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:.25rem!important}.mt-sm-1,.my-sm-1{margin-top:.25rem!important}.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2,.my-sm-2{margin-top:.5rem!important}.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3,.my-sm-3{margin-top:1rem!important}.mr-sm-3,.mx-sm-3{margin-right:1rem!important}.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}.ml-sm-3,.mx-sm-3{margin-left:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}.m-sm-5{margin:3rem!important}.mt-sm-5,.my-sm-5{margin-top:3rem!important}.mr-sm-5,.mx-sm-5{margin-right:3rem!important}.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}.ml-sm-5,.mx-sm-5{margin-left:3rem!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:.25rem!important}.pt-sm-1,.py-sm-1{padding-top:.25rem!important}.pr-sm-1,.px-sm-1{padding-right:.25rem!important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}.pl-sm-1,.px-sm-1{padding-left:.25rem!important}.p-sm-2{padding:.5rem!important}.pt-sm-2,.py-sm-2{padding-top:.5rem!important}.pr-sm-2,.px-sm-2{padding-right:.5rem!important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}.pl-sm-2,.px-sm-2{padding-left:.5rem!important}.p-sm-3{padding:1rem!important}.pt-sm-3,.py-sm-3{padding-top:1rem!important}.pr-sm-3,.px-sm-3{padding-right:1rem!important}.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}.pl-sm-3,.px-sm-3{padding-left:1rem!important}.p-sm-4{padding:1.5rem!important}.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}.p-sm-5{padding:3rem!important}.pt-sm-5,.py-sm-5{padding-top:3rem!important}.pr-sm-5,.px-sm-5{padding-right:3rem!important}.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}.pl-sm-5,.px-sm-5{padding-left:3rem!important}.m-sm-n1{margin:-.25rem!important}.mt-sm-n1,.my-sm-n1{margin-top:-.25rem!important}.mr-sm-n1,.mx-sm-n1{margin-right:-.25rem!important}.mb-sm-n1,.my-sm-n1{margin-bottom:-.25rem!important}.ml-sm-n1,.mx-sm-n1{margin-left:-.25rem!important}.m-sm-n2{margin:-.5rem!important}.mt-sm-n2,.my-sm-n2{margin-top:-.5rem!important}.mr-sm-n2,.mx-sm-n2{margin-right:-.5rem!important}.mb-sm-n2,.my-sm-n2{margin-bottom:-.5rem!important}.ml-sm-n2,.mx-sm-n2{margin-left:-.5rem!important}.m-sm-n3{margin:-1rem!important}.mt-sm-n3,.my-sm-n3{margin-top:-1rem!important}.mr-sm-n3,.mx-sm-n3{margin-right:-1rem!important}.mb-sm-n3,.my-sm-n3{margin-bottom:-1rem!important}.ml-sm-n3,.mx-sm-n3{margin-left:-1rem!important}.m-sm-n4{margin:-1.5rem!important}.mt-sm-n4,.my-sm-n4{margin-top:-1.5rem!important}.mr-sm-n4,.mx-sm-n4{margin-right:-1.5rem!important}.mb-sm-n4,.my-sm-n4{margin-bottom:-1.5rem!important}.ml-sm-n4,.mx-sm-n4{margin-left:-1.5rem!important}.m-sm-n5{margin:-3rem!important}.mt-sm-n5,.my-sm-n5{margin-top:-3rem!important}.mr-sm-n5,.mx-sm-n5{margin-right:-3rem!important}.mb-sm-n5,.my-sm-n5{margin-bottom:-3rem!important}.ml-sm-n5,.mx-sm-n5{margin-left:-3rem!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width:768px){.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:.25rem!important}.mt-md-1,.my-md-1{margin-top:.25rem!important}.mr-md-1,.mx-md-1{margin-right:.25rem!important}.mb-md-1,.my-md-1{margin-bottom:.25rem!important}.ml-md-1,.mx-md-1{margin-left:.25rem!important}.m-md-2{margin:.5rem!important}.mt-md-2,.my-md-2{margin-top:.5rem!important}.mr-md-2,.mx-md-2{margin-right:.5rem!important}.mb-md-2,.my-md-2{margin-bottom:.5rem!important}.ml-md-2,.mx-md-2{margin-left:.5rem!important}.m-md-3{margin:1rem!important}.mt-md-3,.my-md-3{margin-top:1rem!important}.mr-md-3,.mx-md-3{margin-right:1rem!important}.mb-md-3,.my-md-3{margin-bottom:1rem!important}.ml-md-3,.mx-md-3{margin-left:1rem!important}.m-md-4{margin:1.5rem!important}.mt-md-4,.my-md-4{margin-top:1.5rem!important}.mr-md-4,.mx-md-4{margin-right:1.5rem!important}.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}.ml-md-4,.mx-md-4{margin-left:1.5rem!important}.m-md-5{margin:3rem!important}.mt-md-5,.my-md-5{margin-top:3rem!important}.mr-md-5,.mx-md-5{margin-right:3rem!important}.mb-md-5,.my-md-5{margin-bottom:3rem!important}.ml-md-5,.mx-md-5{margin-left:3rem!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:.25rem!important}.pt-md-1,.py-md-1{padding-top:.25rem!important}.pr-md-1,.px-md-1{padding-right:.25rem!important}.pb-md-1,.py-md-1{padding-bottom:.25rem!important}.pl-md-1,.px-md-1{padding-left:.25rem!important}.p-md-2{padding:.5rem!important}.pt-md-2,.py-md-2{padding-top:.5rem!important}.pr-md-2,.px-md-2{padding-right:.5rem!important}.pb-md-2,.py-md-2{padding-bottom:.5rem!important}.pl-md-2,.px-md-2{padding-left:.5rem!important}.p-md-3{padding:1rem!important}.pt-md-3,.py-md-3{padding-top:1rem!important}.pr-md-3,.px-md-3{padding-right:1rem!important}.pb-md-3,.py-md-3{padding-bottom:1rem!important}.pl-md-3,.px-md-3{padding-left:1rem!important}.p-md-4{padding:1.5rem!important}.pt-md-4,.py-md-4{padding-top:1.5rem!important}.pr-md-4,.px-md-4{padding-right:1.5rem!important}.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}.pl-md-4,.px-md-4{padding-left:1.5rem!important}.p-md-5{padding:3rem!important}.pt-md-5,.py-md-5{padding-top:3rem!important}.pr-md-5,.px-md-5{padding-right:3rem!important}.pb-md-5,.py-md-5{padding-bottom:3rem!important}.pl-md-5,.px-md-5{padding-left:3rem!important}.m-md-n1{margin:-.25rem!important}.mt-md-n1,.my-md-n1{margin-top:-.25rem!important}.mr-md-n1,.mx-md-n1{margin-right:-.25rem!important}.mb-md-n1,.my-md-n1{margin-bottom:-.25rem!important}.ml-md-n1,.mx-md-n1{margin-left:-.25rem!important}.m-md-n2{margin:-.5rem!important}.mt-md-n2,.my-md-n2{margin-top:-.5rem!important}.mr-md-n2,.mx-md-n2{margin-right:-.5rem!important}.mb-md-n2,.my-md-n2{margin-bottom:-.5rem!important}.ml-md-n2,.mx-md-n2{margin-left:-.5rem!important}.m-md-n3{margin:-1rem!important}.mt-md-n3,.my-md-n3{margin-top:-1rem!important}.mr-md-n3,.mx-md-n3{margin-right:-1rem!important}.mb-md-n3,.my-md-n3{margin-bottom:-1rem!important}.ml-md-n3,.mx-md-n3{margin-left:-1rem!important}.m-md-n4{margin:-1.5rem!important}.mt-md-n4,.my-md-n4{margin-top:-1.5rem!important}.mr-md-n4,.mx-md-n4{margin-right:-1.5rem!important}.mb-md-n4,.my-md-n4{margin-bottom:-1.5rem!important}.ml-md-n4,.mx-md-n4{margin-left:-1.5rem!important}.m-md-n5{margin:-3rem!important}.mt-md-n5,.my-md-n5{margin-top:-3rem!important}.mr-md-n5,.mx-md-n5{margin-right:-3rem!important}.mb-md-n5,.my-md-n5{margin-bottom:-3rem!important}.ml-md-n5,.mx-md-n5{margin-left:-3rem!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width:992px){.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-right:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.m-lg-1{margin:.25rem!important}.mt-lg-1,.my-lg-1{margin-top:.25rem!important}.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2,.my-lg-2{margin-top:.5rem!important}.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}.m-lg-3{margin:1rem!important}.mt-lg-3,.my-lg-3{margin-top:1rem!important}.mr-lg-3,.mx-lg-3{margin-right:1rem!important}.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}.ml-lg-3,.mx-lg-3{margin-left:1rem!important}.m-lg-4{margin:1.5rem!important}.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem!important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}.m-lg-5{margin:3rem!important}.mt-lg-5,.my-lg-5{margin-top:3rem!important}.mr-lg-5,.mx-lg-5{margin-right:3rem!important}.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}.ml-lg-5,.mx-lg-5{margin-left:3rem!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.p-lg-1{padding:.25rem!important}.pt-lg-1,.py-lg-1{padding-top:.25rem!important}.pr-lg-1,.px-lg-1{padding-right:.25rem!important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}.pl-lg-1,.px-lg-1{padding-left:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2,.py-lg-2{padding-top:.5rem!important}.pr-lg-2,.px-lg-2{padding-right:.5rem!important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}.pl-lg-2,.px-lg-2{padding-left:.5rem!important}.p-lg-3{padding:1rem!important}.pt-lg-3,.py-lg-3{padding-top:1rem!important}.pr-lg-3,.px-lg-3{padding-right:1rem!important}.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}.pl-lg-3,.px-lg-3{padding-left:1rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}.pr-lg-4,.px-lg-4{padding-right:1.5rem!important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}.p-lg-5{padding:3rem!important}.pt-lg-5,.py-lg-5{padding-top:3rem!important}.pr-lg-5,.px-lg-5{padding-right:3rem!important}.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}.pl-lg-5,.px-lg-5{padding-left:3rem!important}.m-lg-n1{margin:-.25rem!important}.mt-lg-n1,.my-lg-n1{margin-top:-.25rem!important}.mr-lg-n1,.mx-lg-n1{margin-right:-.25rem!important}.mb-lg-n1,.my-lg-n1{margin-bottom:-.25rem!important}.ml-lg-n1,.mx-lg-n1{margin-left:-.25rem!important}.m-lg-n2{margin:-.5rem!important}.mt-lg-n2,.my-lg-n2{margin-top:-.5rem!important}.mr-lg-n2,.mx-lg-n2{margin-right:-.5rem!important}.mb-lg-n2,.my-lg-n2{margin-bottom:-.5rem!important}.ml-lg-n2,.mx-lg-n2{margin-left:-.5rem!important}.m-lg-n3{margin:-1rem!important}.mt-lg-n3,.my-lg-n3{margin-top:-1rem!important}.mr-lg-n3,.mx-lg-n3{margin-right:-1rem!important}.mb-lg-n3,.my-lg-n3{margin-bottom:-1rem!important}.ml-lg-n3,.mx-lg-n3{margin-left:-1rem!important}.m-lg-n4{margin:-1.5rem!important}.mt-lg-n4,.my-lg-n4{margin-top:-1.5rem!important}.mr-lg-n4,.mx-lg-n4{margin-right:-1.5rem!important}.mb-lg-n4,.my-lg-n4{margin-bottom:-1.5rem!important}.ml-lg-n4,.mx-lg-n4{margin-left:-1.5rem!important}.m-lg-n5{margin:-3rem!important}.mt-lg-n5,.my-lg-n5{margin-top:-3rem!important}.mr-lg-n5,.mx-lg-n5{margin-right:-3rem!important}.mb-lg-n5,.my-lg-n5{margin-bottom:-3rem!important}.ml-lg-n5,.mx-lg-n5{margin-left:-3rem!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width:1200px){.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:.25rem!important}.mt-xl-1,.my-xl-1{margin-top:.25rem!important}.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2,.my-xl-2{margin-top:.5rem!important}.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}.m-xl-3{margin:1rem!important}.mt-xl-3,.my-xl-3{margin-top:1rem!important}.mr-xl-3,.mx-xl-3{margin-right:1rem!important}.mb-xl-3,.my-xl-3{margin-bottom:1rem!important}.ml-xl-3,.mx-xl-3{margin-left:1rem!important}.m-xl-4{margin:1.5rem!important}.mt-xl-4,.my-xl-4{margin-top:1.5rem!important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem!important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}.m-xl-5{margin:3rem!important}.mt-xl-5,.my-xl-5{margin-top:3rem!important}.mr-xl-5,.mx-xl-5{margin-right:3rem!important}.mb-xl-5,.my-xl-5{margin-bottom:3rem!important}.ml-xl-5,.mx-xl-5{margin-left:3rem!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:.25rem!important}.pt-xl-1,.py-xl-1{padding-top:.25rem!important}.pr-xl-1,.px-xl-1{padding-right:.25rem!important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}.pl-xl-1,.px-xl-1{padding-left:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2,.py-xl-2{padding-top:.5rem!important}.pr-xl-2,.px-xl-2{padding-right:.5rem!important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}.pl-xl-2,.px-xl-2{padding-left:.5rem!important}.p-xl-3{padding:1rem!important}.pt-xl-3,.py-xl-3{padding-top:1rem!important}.pr-xl-3,.px-xl-3{padding-right:1rem!important}.pb-xl-3,.py-xl-3{padding-bottom:1rem!important}.pl-xl-3,.px-xl-3{padding-left:1rem!important}.p-xl-4{padding:1.5rem!important}.pt-xl-4,.py-xl-4{padding-top:1.5rem!important}.pr-xl-4,.px-xl-4{padding-right:1.5rem!important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important}.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}.p-xl-5{padding:3rem!important}.pt-xl-5,.py-xl-5{padding-top:3rem!important}.pr-xl-5,.px-xl-5{padding-right:3rem!important}.pb-xl-5,.py-xl-5{padding-bottom:3rem!important}.pl-xl-5,.px-xl-5{padding-left:3rem!important}.m-xl-n1{margin:-.25rem!important}.mt-xl-n1,.my-xl-n1{margin-top:-.25rem!important}.mr-xl-n1,.mx-xl-n1{margin-right:-.25rem!important}.mb-xl-n1,.my-xl-n1{margin-bottom:-.25rem!important}.ml-xl-n1,.mx-xl-n1{margin-left:-.25rem!important}.m-xl-n2{margin:-.5rem!important}.mt-xl-n2,.my-xl-n2{margin-top:-.5rem!important}.mr-xl-n2,.mx-xl-n2{margin-right:-.5rem!important}.mb-xl-n2,.my-xl-n2{margin-bottom:-.5rem!important}.ml-xl-n2,.mx-xl-n2{margin-left:-.5rem!important}.m-xl-n3{margin:-1rem!important}.mt-xl-n3,.my-xl-n3{margin-top:-1rem!important}.mr-xl-n3,.mx-xl-n3{margin-right:-1rem!important}.mb-xl-n3,.my-xl-n3{margin-bottom:-1rem!important}.ml-xl-n3,.mx-xl-n3{margin-left:-1rem!important}.m-xl-n4{margin:-1.5rem!important}.mt-xl-n4,.my-xl-n4{margin-top:-1.5rem!important}.mr-xl-n4,.mx-xl-n4{margin-right:-1.5rem!important}.mb-xl-n4,.my-xl-n4{margin-bottom:-1.5rem!important}.ml-xl-n4,.mx-xl-n4{margin-left:-1.5rem!important}.m-xl-n5{margin:-3rem!important}.mt-xl-n5,.my-xl-n5{margin-top:-3rem!important}.mr-xl-n5,.mx-xl-n5{margin-right:-3rem!important}.mb-xl-n5,.my-xl-n5{margin-bottom:-3rem!important}.ml-xl-n5,.mx-xl-n5{margin-left:-3rem!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}.text-monospace{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}.text-justify{text-align:justify!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}@media (min-width:576px){.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.font-weight-light{font-weight:300!important}.font-weight-lighter{font-weight:lighter!important}.font-weight-normal{font-weight:400!important}.font-weight-bold{font-weight:700!important}.font-weight-bolder{font-weight:bolder!important}.font-italic{font-style:italic!important}.text-white{color:#fff!important}.text-primary{color:#007bff!important}a.text-primary:focus,a.text-primary:hover{color:#0056b3!important}.text-secondary{color:#6c757d!important}a.text-secondary:focus,a.text-secondary:hover{color:#494f54!important}.text-success{color:#28a745!important}a.text-success:focus,a.text-success:hover{color:#19692c!important}.text-info{color:#17a2b8!important}a.text-info:focus,a.text-info:hover{color:#0f6674!important}.text-warning{color:#ffc107!important}a.text-warning:focus,a.text-warning:hover{color:#ba8b00!important}.text-danger{color:#dc3545!important}a.text-danger:focus,a.text-danger:hover{color:#a71d2a!important}.text-light{color:#f8f9fa!important}a.text-light:focus,a.text-light:hover{color:#cbd3da!important}.text-dark{color:#343a40!important}a.text-dark:focus,a.text-dark:hover{color:#121416!important}.text-body{color:#212529!important}.text-muted{color:#6c757d!important}.text-black-50{color:rgba(0,0,0,.5)!important}.text-white-50{color:rgba(255,255,255,.5)!important}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.text-decoration-none{text-decoration:none!important}.text-reset{color:inherit!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}@media print{*,::after,::before{text-shadow:none!important;box-shadow:none!important}a:not(.btn){text-decoration:underline}abbr[title]::after{content:" (" attr(title) ")"}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #adb5bd;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}body{min-width:992px!important}.container{min-width:992px!important}.navbar{display:none}.badge{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #dee2e6!important}.table-dark{color:inherit}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#dee2e6}.table .thead-dark th{color:inherit;border-color:#dee2e6}} /*# sourceMappingURL=bootstrap.min.css.map */ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/Plugin/lib/owlcarousel/assets/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} .owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} @import "/Plugin/css/support-right.css"; body { overflow-x: hidden; background: #fff; color: #000; font-family: "Roboto",sans-serif; } /*Fix css add desktop mobile*/ @media only screen and (max-width: 992px){ .ads-desktop { display:none; } } @media only screen and (min-width: 992px) { .ads-mobile { display:none; } } @media (max-width: 768px) { } @media (min-width: 768px) { } img { max-width: 100%; object-fit: contain; height: auto !important; } #footer{ ul,li{ list-style:none; padding:0; margin:0; } } ul,li{ /* list-style:none; padding:0; margin:0; */ } .sidebar-sticky{ position: -webkit-sticky; position: sticky; top: 40px; } .pagination { margin-top:20px; } .align-center-flex{ align-items:center; } .css_revert{ flex-direction:row-reverse; } a { color: #000; transition: .5s; } .radius22{ border-radius:22px; } *,html,h1,h2,h3,h4{ margin:0; /* padding:0; */ } .row-wrapper{ padding-top:40px; padding-bottom:40px; } .aspect-ratio11{ aspect-ratio: 1/1; object-fit: cover; } .aspect-ratio23{ aspect-ratio: 2/3; object-fit: cover; } .aspect-ratio32{ aspect-ratio: 3/2; object-fit: cover; } .aspect-ratio43{ aspect-ratio: 4/3; object-fit: cover; } .aspect-ratio169{ aspect-ratio: 16/9; object-fit: cover; } .d-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .align-items-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .justify-content-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } a:active, a:focus, a:hover { color: #0b6bd3; outline: 0; text-decoration: none; } p { padding: 0; margin: 0 0 20px 0; } img { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 10px; font-family: "Roboto",sans-serif; font-weight: 400; padding: 0; } .bg-green-logo{ background-color:#8eb22b; } .cl-green-logo{ color:#8eb22b; } .bg-blue-logo{ background-color:#194698; } .cl-blue-logo{ color:#194698; } .bg-red-logo{ background-color:#ed1f26; } .cl-red-logo{ color:#ed1f26; } .cl-yellow{ color:yellow; } .bg_bluec { background-color: #1a4697; } .text_bluec { color: #1a4697; } .font23{ font-size:23px; } .font18{ font-size:18px; } .font16{ font-size:18px; } .bg-pri{ background-color:#00328B; } .cl-pri{ color:#00328B; } .cl-second{ color:#FFB800; } .bg-second{ background-color:#FFB800; } .paddingTop30 { padding-top: 30px; } #product_content .youtube-embed-wrapper iframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; max-width: 100%; } .marginTop30 { margin-top: 30px; } .fix_heght-content { max-height: 355px; padding-bottom: 20px; margin-bottom: 5px; overflow: hidden; text-align: justify; } .Hr-toppic { font-size: 27px; font-weight: 600; text-align: center; position: relative; color: #00328B; } .p-topic{ font-size:20px; text-align:center; } .owl-dots { display: none; } .owl-carousel { z-index: 0; } .owl-carousel .owl-nav button { position: absolute; padding: 12px 0 0; margin: 0; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background: rgba(0,0,0,.3) !important; width: 26px; height: 40px; text-align: center; font-size: 26px !important; color: #fff !important; transition: all .3s ease-in; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; opacity: 0; visibility: hidden; } .owl-carousel:hover .owl-nav button { opacity: 1; visibility: visible; } .owl-carousel .owl-nav { position: absolute; top: 50%; transform: translateY(-50%); margin-top: 0 !important; width: 100%; } .owl-carousel .owl-prev { left: 10px; } .owl-carousel .owl-next { right: 10px; } .loader-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1050; } .loader { display: block; position: relative; left: 50%; top: 50%; width: 120px; height: 120px; margin: -75px 0 0 -75px; border-radius: 50%; border: 3px solid transparent; border-top-color: #3498db; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; z-index: 1001; } .loader:before { content: ""; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; border-radius: 50%; border: 3px solid transparent; border-top-color: #e74c3c; -webkit-animation: spin 3s linear infinite; animation: spin 3s linear infinite; } .loader:after { content: ""; position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; border-radius: 50%; border: 3px solid transparent; border-top-color: #f9c922; -webkit-animation: spin 1.5s linear infinite; animation: spin 1.5s linear infinite; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } .loader-wrapper .loader-section { position: fixed; top: 0; width: 100%; height: 100%; z-index: 1000; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } #topbar { background: #1a4697; transition: all .5s; color: #fff; padding: 0; } #header { height: 80px; transition: all .5s; z-index: 997; transition: all .5s; padding: 20px 0; background: #fff; box-shadow: 0 0 5px rgba(127,137,161,.3); } #header .logo a{ display:block; } @media (max-width:480px) { #header.header-scrolled { position: absolute; left: 0; top: 0; right: 0; transition: all .5s; z-index: 997; box-shadow: 1px 0 4px #00000091; } .area-header-icon { display: none; } } #header.header-pages, #header.header-scrolled { height: 60px; padding: 10px 0; } #header .logo h1 { font-size: 36px; margin: 0; padding: 0; line-height: 1; font-weight: 400; letter-spacing: 3px; text-transform: uppercase; } #header .logo img { padding: 0; max-height: 45px; } .main-pages { margin-top: 60px; } @media (min-width:1400px) { .xs-container { max-width: 1350px; } } .xs-container { width: 100%; padding-right: 15px; padding-left: 15px; margin-left: auto; margin-right: auto; } /*#xs-product .Hr-toppic { color: #000; padding-bottom: 0; } #xs-product .product .p_item { padding: 10px; margin-bottom: 30px; box-shadow: none; color: #222; text-align: center; } #xs-product .p_item .item_img { margin: -10px -10px 0; } #xs-product .p_item .item_title { padding-top: 20px; } #xs-product .item_title .title { font-size: 25px; } #xs-product .item_title .title a { font-weight: 800; font-size: 23px; line-height: 23px; text-align: center; color: #00328B; } #xs-product .item_title .font_col4 { font-size: 22px; } #xs-product .p_item .item_title a:hover { color: #0056b3; } #xs-product .p_item h4.price, #xs-product .p_item h5.price { margin: 10px 0; } #xs-product .p_item h4.price { font-weight: 700; font-size: 22px; line-height: 23px; text-align: center; color: #AB0000; } #xs-product .p_item .fix-height { height: 55px; } #xs-product .p_item h5.price { font-size: 20px; } #xs-product .p_item .item_short { padding-bottom: 20px; } #xs-product .p_item .item_short div.text-justify { margin: 0 0 30px 0; } #xs-product .p_item .item_short a { background-color: #fd1414; color: #fff; padding: 5px 10px; border-radius: 3px; font-size: 14px; font-weight: 600; text-transform: uppercase; } #xs-product .p_item .item_short a:after { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; content: "\f105"; margin-left: 3px; }*/ .video-content { background-color: #e4e4e4; padding-top: 30px; padding-bottom: 91px; } .text-video-left h3 { font-size: 25px; position: absolute; top: 50%; padding-left: 30px; padding-right: 30px; line-height: 42px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .video-container { position: relative; padding-bottom: 100%; padding-right: 500px; margin-left: 17%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 5px solid; } .download-xseo { position: absolute; bottom: -50px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .bg-wt { padding: 8px 15px; background-color: #1a4697; color: #fff; font-size: 18px; border-radius: 25px; } .font-weight-bold { font-weight: 700 !important; } .color-link-download:hover { color: #fff; } .partner-user .owl-carousel .owl-item { /*border: .5px solid #d7d7d7; border-radius: 5px; box-shadow: 1px 0 5px 0 #0000004f; margin-bottom: 5px;*/ } .partner-user .owl-carousel .owl-item img { /*height: 181px; max-height: 100%; object-position: 50% 50%; object-fit: cover; border-radius: 5px 5px 0 0;*/ } .partner-user .owl-carousel .owl-item .h-title-blog { padding: 10px; } .partner-user .owl-carousel .owl-item .h-title-blog .h-title { height: 70px; overflow: hidden; } .partner-user .owl-carousel .owl-item .h-title-blog a { color: #222; } .partner-user .owl-carousel .owl-item .h-title-blog a:hover { color: #1a4697; } .partner-user .owl-nav { position: absolute; top: 50%; transform: translateY(-50%); margin-top: 0 !important; width: 100%; } .partner-user .owl-nav button { position: absolute; width: 40px; height: 40px; background-color: #c49239 !important; margin: 0 !important; color: #fff !important; font-size: 26px !important; transition: all .3s ease-in; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; opacity: 0; visibility: hidden; } .partner-user:hover .owl-nav button { opacity: 1; visibility: visible; } .partner-user:hover .owl-nav button .owl-prev { left: -30px; } .partner-user:hover .owl-nav button .owl-next { right: -30px; } .partner-user .owl-nav button.owl-prev { left: 0; top: -20px; } .partner-user .owl-nav button.owl-next { right: 0; top: -20px; } .partner-user .owl-nav button.owl-prev:hover { background-color: #1a4697 !important; } .partner-user .owl-nav button.owl-next:hover { background-color: #1a4697 !important; } /*#footer*/ #footer { background: #FFF9E6; padding:57px 76px 61px; font-size:22px; font-weight:400; } .info-company ul.info-company-item li{ margin:8px 0; } .info-company ul.info-company-item li span{ margin-right: 24px; } .info-company ul.info-company-item li span .fa-phone{ font-size:25px; } .info-company ul.info-company-item li span .fa-map-marker{ font-size: 28px; } #footer ul.menu-footer li{ margin:8px 0; } #footer ul.menu-footer li:first-child{ margin: 30px 0; } #footer ul.menu-footer li:first-child a{ font-weight:600; } @media (max-width:767px) { #footer .footer-top { padding: 40px 0 30px 0; } #footer .footer-info h3 { font-size: 18px; } #footer .footer-contact, #footer .footer-map { padding-left: 30px; } } .main-nav { padding-top: 5px !important; } .main-nav, .main-nav * { margin: 0; padding: 0; list-style: none; } .main-nav > ul > li { position: relative; white-space: nowrap; float: left; margin: 0 10px; } .main-nav a { display: block; position: relative; color: #1a4697; padding: 4px 6px; transition: .5s; font-size: 15px; font-family: 'Roboto',sans-serif; font-weight: 600; } .main-nav .active > a, .main-nav a:hover, .main-nav li:hover > a { color: #fff; background-color: #c49239; border-radius: 4px; } .main-nav .drop-down ul { display: block; position: absolute; left: 0; top: calc(100% + 30px); z-index: 99; opacity: 0; transition: ease all .5s; visibility: hidden; background: #fff; box-shadow: 0 0 10px rgb(127 137 161 / 25%); border-radius: .25rem; margin-top: 3px; padding: 10px; } .main-nav .drop-down:hover > ul { opacity: 1; top: 100%; visibility: visible; } .main-nav .drop-down li { min-width: 180px; position: relative; border-bottom: 1px solid #b5b5b5; } .main-nav .drop-down li:last-child { border-bottom: none; } .main-nav .drop-down ul a { padding: 6px 10px; font-size: 14px; color: #004289; } .main-nav .drop-down ul .active > a, .main-nav .drop-down ul a:hover, .main-nav .drop-down ul li:hover > a { color: #fff; border-radius: 0; } .main-nav .drop-down > a:after { content: "\f107"; font-family: FontAwesome; padding-left: 10px; } .main-nav .drop-down .drop-down ul { top: 0; left: calc(100% - 30px); } .main-nav .drop-down .drop-down:hover > ul { opacity: 1; top: 0; left: 100%; } .main-nav .drop-down .drop-down > a { padding-right: 35px; } .main-nav .drop-down .drop-down > a:after { content: "\f105"; position: absolute; right: 15px; } .login a { margin: 0 0 0 15px; border: 2px solid #fff; color: #fff; border-radius: 15px; padding: 2px 5px; text-transform: uppercase; font-size: 12px; font-weight: 700; letter-spacing: 1px; transition: .3s; margin-top: 5px; display: block; } .login a:hover { color: #fff; background-color: #c49239; } @media (max-width:480px) { .login a { width: 30px; height: 30px; padding: 0 70px 0 0; font-size: 0; border: none; } .login a i { font-size: 30px; } .login a:hover { background-color: transparent; color: #1a4697; } } .lang-nav, .lang-nav * { margin: 0; padding: 0; list-style: none; } .lang-nav > ul > li { position: relative; white-space: nowrap; float: left; } .lang-nav .lang-item { display: block; position: relative; transition: .3s; font-size: 14px; font-family: 'Roboto',sans-serif; font-weight: 500; border: 1px solid #00328B; padding: 2px; } .lang-nav .active > a, .lang-nav a:hover, .lang-nav li:hover > a { border-radius: 4px; -webkit-transition: .3s ease; -moz-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; } .lang-nav .drop-down ul { display: block; position: absolute; left: 0; top: calc(100% + 30px); z-index: 99; opacity: 0; visibility: hidden; background: #fff; transition: ease all .3s; box-shadow: 0 0 10px rgb(127 137 161 / 25%); border-radius: .25rem; margin-left: 10px; } .lang-nav .drop-down:hover > ul { opacity: 1; top: 100%; visibility: visible; } .lang-nav .drop-down li { min-width: 140px; position: relative; border-bottom: 1px solid #b5b5b5; padding: 5px 10px; cursor: pointer; } .lang-nav .drop-down li:last-child { border-bottom: none; } .lang-nav .drop-down ul span { color: #000; } .lang-nav .drop-down ul a { padding: 10px 20px; font-size: 14px; color: #000; } .lang-nav .drop-down ul .active > a, .lang-nav .drop-down ul a:hover, .lang-nav .drop-down ul li:hover > a { color: #000; border-radius: 0; } .lang-nav .drop-down > a:after { content: "\f107"; font-family: FontAwesome; padding-left: 10px; } .lang-nav .drop-down .drop-down ul { top: 0; left: calc(100% - 30px); } .lang-nav .drop-down .drop-down:hover > ul { opacity: 1; top: 0; left: 100%; } .lang-nav .drop-down .drop-down > a { padding-right: 35px; } .lang-nav .drop-down .drop-down > a:after { content: "\f105"; position: absolute; right: 15px; } /*mobile-nav*/ .mobile-nav { position: fixed; top: 0; bottom: 0; z-index: 9999; overflow-y: auto; left: -280px; width: 280px; height: 1000px; padding: 18px 10px; background: #1a4697; transition: .4s; } .mobile-nav * { margin: 0; padding: 0; list-style: none; } .mobile-nav a { display: block; position: relative; color: #fff; padding: 10px; font-size: 14px; font-weight: 600; } .mobile-nav ul li.drop-down ul li a:hover { background: #c49239; color: #fff !important; -webkit-transition: .3s ease; -moz-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; text-decoration: none; } .mobile-nav .drop-down > a:after { content: "\f078"; font-family: FontAwesome; padding-left: 10px; position: absolute; right: 15px; } .mobile-nav .active.drop-down > a:after { content: "\f077"; } .mobile-nav .drop-down > a { padding-right: 35px; } .mobile-nav .drop-down ul { display: none; overflow: hidden; background-color: #fff; } .mobile-nav .drop-down li { border-bottom: 1px solid #b5b5b5; } .mobile-nav .drop-down li:last-child { border-bottom: none; } .mobile-nav .drop-down ul li a { padding-left: 20px; color: #222; } .mobile-nav-toggle { position: fixed; right: 0; top: 0; z-index: 9998; border: 0; background: 0 0; font-size: 24px; transition: all .4s; outline: 0 !important; line-height: 1; cursor: pointer; text-align: right; } .mobile-nav-toggle i { margin: 18px 18px 0 0; color: #004289; } .mobile-nav-overly { width: 100%; height: 100%; z-index: 9997; top: 0; left: 0; position: fixed; background: rgba(19,39,57,.8); overflow: hidden; display: none; } .mobile-nav-active { overflow: hidden; } .mobile-nav-active .mobile-nav { left: 0; } .mobile-nav-active .mobile-nav-toggle i { color: #fff; } #mobi-search { margin: 0 15px; position: relative; } #mobi-search .ip-mobi_search { padding: 5px 40px 5px 15px; border: none; border-radius: 25px; } #mobi-search .btn-mobi-search { width: 20px; height: 20px; top: 7px; left: auto; right: 14px; border-radius: 25px; transform: rotate(90deg); background-color: transparent; border: none; font-size: 24px; cursor: pointer; } #mobi-search .btn-mobi-search:focus { outline: 0; } .area-header-icon{ display: flex; gap: 12px; align-items: center; } .area-header-icon .link-login a{ display:block; } @media (max-width:1920px) { #header .menu-search .icon-search { right: 380px; } } @media (max-width:480px) { .area-header-icon{ display:none; } } .icon-header{ font-size: 20px; color: #00328B; } #header .menu-search:hover .icon-search { visibility: visible; opacity: 1; } #header .menu-search .icon-search { position: absolute; opacity: 0; visibility: hidden; top: 80px; right: 250px; transition: all .3s ease-out; z-index: 1000; } #header .menu-search #form-search .ip_search { height: 40px; width: 300px; padding: 0 40px 0 10px; border-radius: 4px; } #header .menu-search #form-search .btn_search { position: absolute; width: 32px; height: 32px; background: url(/images/spotlight.png) no-repeat; top: 9%; margin-left: -37px; border: none; cursor: pointer; } #form-search .btn_search:focus { outline: 0; } .mobile-nav ul.tree-nav li.d-lg-none:first-child { background: #fff; margin: -18px -10px 0 -10px; } .mobile-nav ul.tree-nav li img.logo-mobile { max-width: 120px; } .mobile-nav ul.tree-nav li.d-lg-none:nth-child(2) { padding: 15px 10px; } .main-category { padding-top: 40px; } .col .title-product { width: 70%; } .col .title-product::before { width: 42%; bottom: -12px; } .text-des.view-content { padding-bottom: 35px; } #lst_news li { border: none; padding: 0; } .fix_heading { height: 80px; line-height: 1.35em; margin: 0; } .fix-height { height: 55px; } /*.breadcrumb*/ .breadcrumb { background-color: #e4e4e4; } .breadcrumb li.fontbold { color: #1a4697; font-weight: 700; } .breadcrumb li:first-child:before { font: normal normal normal 14px/1 FontAwesome; content: "\f015"; font-size: 20px; margin-right: 3px; } .breadcrumb-item + .breadcrumb-item::before { content: ">"; } .mobi-news { margin-bottom: 30px; } .mobi-news .cat_title { font-weight: 700; font-size: 36px; margin: 30px 0; line-height: 1.1; letter-spacing: -.04em; color: #1a4697; } .mobi-news .cat_subtitle { font-size: 16px; line-height: 1.5em; color: #ad9999; } .mobi-news .cat_desc { line-height: 1.5em; margin-top: 10px; } a.post_readmore { color: #53585c; display: inline-block; text-transform: uppercase; letter-spacing: .05em; font-size: 11px; font-weight: 700; padding: 6px 15px; border: 1px solid #e0e0e0; -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 10%); box-shadow: 0 1px 3px rgb(0 0 0 / 10%); text-rendering: auto; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } a.post_readmore:hover { background-color: #1a4697; color: #fff; } .post_title { font-size: 25px; font-weight: 700; margin: 0 0 5px; } .post_meta { font-size: 17px; color: #5F5F5F; font-weight: 400; } .post_meta .post_meta_readmore span { color: #00338a !important; } .post_description { max-height: 160px; overflow: hidden; } .post_thumb { position: relative; } .post_category { position: absolute; z-index: 3; bottom: 15px; left: 15px; margin: 0; line-height: 1; } .post_category a { display: inline-block; font-size: 11px; color: #fff; padding: 3px 6px; background: #f70d28; text-transform: uppercase; letter-spacing: 1px; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; } .scrollbar_product { height: 500px; overflow-y: scroll; margin-bottom: 25px; } .force-overflow { min-height: 350px; } .scroll-type::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); border-radius: 10px; background-color: #f5f5f5; } .scroll-type::-webkit-scrollbar { width: 6px; background-color: #f5f5f5; } .scroll-type::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #d62929; } .bg-sidebar { border: 1px solid #ccc !important; border-radius: 0 0 5px 5px; margin-bottom: 40px; box-shadow: 0 0 3px rgb(1 41 112 / 10%); } .bg-sidebar .news-today { background-color: #1a4697; padding: 5px 0; } .bg-sidebar .news-today h2 { color: #fff; font-size: 23px; text-align: center; } .bg-sidebar .blog-sidebar { padding-left: 8px; padding-right: 8px; } .blog-sidebar .sidebar-blog { height: 180px; padding: 40px 0; border-bottom: 1px dotted #1a4697; } .blog-sidebar .sidebar-blog:last-child { border-bottom: none; } .blog-sidebar .sidebar-blog .w-40 { width: 40%; } .blog-sidebar .sidebar-blog a img { width: 100%; height: 100px; min-height: auto !important; } .sidebar-blog .blog-text-right { width: 57%; margin-left: 3%; } .sidebar-blog .blog-text-right h3 { line-height: 20px; } .blog-sidebar.sidebar-blog .blog-text-right .count-s { letter-spacing: .5px; } .blog-sidebar.sidebar-blog .blog-text-right .count-s:before { margin-right: 5px; font: normal normal normal 14px/1 FontAwesome; content: "\f06e"; } .scrollbar_sidebar { height: 880px; overflow-y: scroll; margin-bottom: 25px; } .blog-text-right h3 a, h3.text-icon { font-size: 14px; color: #222; } .bg-support { background-color: #e4e4e4; padding-bottom: 35px; } .support { padding-top: 50px; } .title-hd { padding-bottom: 40px; } img.w-icon { max-height: 85px; } .title-support { display: inline-block; vertical-align: bottom; margin-bottom: 0; text-transform: uppercase; margin-left: 15px; } .title-support { font-size: 25px; font-weight: 600; text-align: center; } .setting { background-color: #fff; padding: 40px 95px; box-shadow: 1px 4px 10px 1px #00000017; border-radius: 10px; } img.w-icon-2 { max-width: 145px; } .text-support { width: 67%; display: inline-block; text-align: center; vertical-align: middle; font-size: 32px; line-height: 45px; } .info-question > .row { margin: 0 15%; } .mail { cursor: pointer; } .w-icon-info { max-width: 112px; margin-bottom: 20px; margin-top: 10px; } h3.text-icon { font-weight: 600; color: #222; } .w-icon-60 { max-height: 60px; } .sp { margin-bottom: 72px; } .sp > .row { padding-top: 15px; } .question h5 { cursor: pointer; } .qt-tt { background-color: #1a4697; color: #fff; width: 25px; display: inline-block; text-align: center; border-radius: 50%; height: 25px; line-height: 25px; font-family: Arial; } .nd-question { margin-left: 15px; line-height: 25px; } .qt_faq { background-color: #e4e4e4; padding: 10px; margin-bottom: 15px; border-radius: 5px; } .link-question { text-align: center; padding: 20px 0; margin-top: 50px; } .link-question a { padding: 15px 60px; background-color: #1a4697; color: #fff; border-radius: 4px; text-transform: uppercase; letter-spacing: 1px; } .content-banner { position: absolute; width: 59%; text-align: center; top: 50%; left: 50%; background-color: #222222d9; border-radius: 4px; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); font-size: 32px; color: #fff; padding: 46px 0 65px; margin-bottom: 10px; } .text-banner { padding-bottom: 5px; } .banner_search, .col-gt-content { padding-top: 30px; } .banner_search #form-search { line-height: 0; position: relative; } .br_search { width: 75%; border-radius: 25px; padding: 20px 10px 20px 70px; font-size: 14px; font-style: italic; border: none; } .bn_search { position: absolute; width: 57px; height: 57px; padding: 0; left: 13%; top: 1px; border-radius: 25px; transform: rotate( 90deg ); background-color: transparent; border: none; font-size: 24px; } #modal_Faq .Hr-toppic { font-size: 20px; } #btn-openFAQ { border: none; background: 0 0; margin: auto auto; cursor: pointer; } #btn-openFAQ:focus { outline: 0; } #btn-openFAQ .img-faq { float: left; height: 30px; } #btn-openFAQ .text-faq { float: left; margin: 10px 10px; color: #045686; font-weight: 600; } .modal-backdrop { background-color: none !important; } #modal_Regcourse .modal-lg { max-width: 1024px; } .modal-form .modal-header button.close { color: #fff; } .modal-form .input-group { margin-bottom: 3px; } .modal-form .modal-footer, .modal-form .modal-header { background: #2196f3; color: #fff; } .modal-form .modal-body { background: url(/images/bkg-faq.png); padding: 1.5rem; } .modal-form legend { font-size: 15px; color: #b80b0d; font-weight: 600; } .modal-form fieldset label { padding-left: 5px; } .modal-form fieldset input[type=radio] { width: 18px; height: 18px; position: relative; top: 3px; } .modal-form .modal-body .region { font-size: 12px; padding: 5px 0; color: red; font-weight: 600; margin: 5px 0 0 0; } .modal-form .validation { color: red; margin: 0 5px 20px; font-weight: 600; font-size: 13px; } #F_RegService #info .w3-col, #F_RegService #info_login .w3-col, #demoTax .w3-col { width: 50px; } #info #sl_location { width: 40%; } #info .ex_location, #info .ex_website { margin-left: 50px; margin-top: 10px; text-align: left; } #info #expanderHead1 { cursor: pointer; } #info #lb_khuyenmai { cursor: pointer; margin-left: 50px; text-decoration: underline; } #info_login .ex_email, #info_login .ex_pass { margin-left: 20px; margin-top: 10px; } #BankList .image_bank { margin: auto; cursor: pointer; } #BankList .image_bank:hover { /*transform: scale(1.3); transition: all .5s ease 0s;*/ } .bgimg-1 { background-position: center; background-size: cover; /* min-height: 100%; */ height: 800px; } #NotiOrder { background-image: url(/images/bg_success2.jpg); padding-top:1rem; } #NotiOrder .bg_show { background: rgba(186,191,186,.5); line-height: 20px; margin:30px auto 30px auto; } #NotiOrder .cTitle_medium { color: #ff0; font-size: 30px; margin: 2rem 0; } /*#NotiOrder .cTitle_medium { color: #ff0; font-size: 20px; }*/ #NotiOrder .img_dkthanhcong { max-height: 140px; } #NotiOrder .cTitleNews { color: #ff0; font-size: 18px; } #NotiOrder .cl_yellow { color: #ff0; } #NotiOrder .fontbold { font-weight: 700; } #NotiOrder .img_download { max-height: 70px; } #NotiOrder .info-user { text-transform: uppercase; color: #ff0; } #video-huongdan .video-title { text-transform: uppercase; color: #ff0; } #video-huongdan .title-popup { text-transform: uppercase; font-size: 20px; } #video-huongdan iframe { position: absolute; width: 100%; height: 100%; left: 0; } .bankhover img:hover { transform: scale(1.2); transition: all 1s ease 0s; } #imgYtube img:hover { transform: scale(1.1); transition: all .5s ease 0s; } .page-item.active .page-link { z-index: 1; color: #fff; background-color: #337ab7; border-color: #337ab7; } .CardsRight .downloadArea { height: 60px; border-bottom: 1px solid #eee; } .CardsRight .downloadArea .bg-wt { padding: 8px 15px; background-color: #1a4697; color: #fff; font-size: 18px; border-radius: 25px; } .team_expert .expert-content { border: 1px solid #ccc !important; border-radius: 0 0 5px 5px; margin-bottom: 40px; padding-bottom: 30px; box-shadow: 0 0 3px rgb(1 41 112 / 10%); } .team_expert .expert-content .expert-title { background-color: #1a4697; margin-bottom: 25px; } .team_expert .expert-content img { max-height: 200px; } .Q-right .Q-title { background-color: #1a4697; } .Q-right .Q-content li { border-bottom: 1px dotted #1a4697; } .Q-right .Q-content { border: 1px solid #ccc !important; border-radius: 0 0 5px 5px; margin-bottom: 40px; box-shadow: 0 0 3px rgb(1 41 112 / 10%); padding: 0 8px; } .Q-right .Q-content .img-cus { width: 35px; margin-right: 10px; } .Q-right .Q-content .Q-customer { font-weight: 600; color: #1a4697; cursor: pointer; } .Q-right .Q-content .Q-date { font-size: 11px; font-weight: 600; font-style: italic; color: #a0a0a0; margin: 10px 0; } .Q-right .Q-content .Q-linkNews { font-size: 12px; font-weight: 600; } .Q-right .Q-content .Q_readmore { float: right; background-color: #1a4697; color: #fff; text-transform: uppercase; letter-spacing: .05em; font-size: 10px; font-weight: 700; padding: 4px 10px; margin-bottom: 10px; border-radius: 5px; } .Q-right .Q-content .Q_readmore:hover { color: #fff; background-color: #c49239; } #Search-advance { margin-top: 30px; padding: 20px 15px; border: 1px solid #ccc !important; border-radius: 5px; box-shadow: 0 0 0 .25em rgb(1 41 112 / 10%); } #Search-advance .search-keyword { display: flex; align-items: center; font-size: 17px; } #Search-advance .search-keyword span { color: #1a4697; font-weight: 600; } #Search-advance .seach-filter { font-weight: 600; color: red; font-size: 14px; text-align: center; } #Search-advance .custom-control-input:checked ~ .custom-control-label::before { border-color: #1a4697; background-color: #1a4697; } #Search-advance .search-note { color: #000; margin-top: 30px; font-size: 12px; font-weight: 600; font-family: tahoma; } .search-suggest .badge { margin: 0 5px; font-size: 14px; } #Search-advance .btn-search { background-color: #1a4697; border-color: #1a4697; font-size: 13px; padding: 3px 10px; } .search-result { font-weight: 600; } .search-result i { font-size: 35px; } .search-result span { color: red; } #search-view .search-box { margin-bottom: 20px; padding: 6px 8px; border-radius: 5px; border: 1px solid #ddd; max-height: 150px; } #search-view .search-box:after { clear: both; } #search-view .search-box .search-img { float: left; width: 28%; } #search-view .search-box .search-img img { width: 100%; height: 90px; min-height: auto !important; } #search-view .search-box .search-content { float: left; width: 70%; padding-left: 10px; } #search-view .search-box .search-content .search-title { font-size: 16px; line-height: 1.5; } #search-view .search-box .search-content .search-title a { font-weight: 600; font-family: Arial; } #search-view .search-box .search-content .search-title a:hover { color: none; text-decoration: none; } #search-view .search-box .search-content .search-title span { color: red; } #search-view .search-box .search-content .search-date { font-size: 12px; font-style: italic; color: #a0a0a0; text-align: right; } .NewsRelation .list-news { line-height: 18px; padding: 10px 0 0 30px; border-left: 1px solid #bdbdbd; margin: 30px 0; } .NewsRelation .list-news li { margin-bottom: 10px; line-height: 160%; color: #076db6; } .NewsRelation .list-news li a { text-decoration: none; text-underline-position: under; font-size: 15px; } .item_short_out a { background-color: #fd1414; color: #fff; padding: 5px 10px; border-radius: 3px; font-size: 14px; } .autocomplete-suggestions { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #999; background: #fff; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50,50,50,.64); -moz-box-shadow: 1px 4px 3px rgba(50,50,50,.64); box-shadow: 1px 4px 3px rgba(50,50,50,.64); } .autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; } .autocomplete-no-suggestion { padding: 2px 5px; } .autocomplete-selected { background: #f0f0f0; } .autocomplete-suggestions strong { font-weight: 700; color: #000; } .autocomplete-group { padding: 2px 5px; font-weight: 700; font-size: 16px; color: #000; display: block; border-bottom: 1px solid #000; } #contact { box-shadow: 0 0 12px 0 rgba(0,0,0,.1); padding: 60px 0; overflow: hidden; } #contact .section-header { padding-bottom: 30px; } #contact .contact-about h3 { font-size: 36px; margin: 0 0 10px 0; padding: 0; line-height: 1; font-family: 'Roboto',sans-serif; font-weight: 300; letter-spacing: 3px; text-transform: uppercase; color: #007bff; } #contact .contact-about p { font-size: 14px; line-height: 24px; font-family: 'Roboto',sans-serif; color: #888; } #contact .social-links { padding-bottom: 20px; } #contact .social-links a { font-size: 18px; display: inline-block; background: #fff; color: #007bff; line-height: 1; padding: 8px 0; margin-right: 4px; border-radius: 50%; text-align: center; width: 36px; height: 36px; transition: .3s; border: 1px solid #007bff; } #contact .social-links a:hover { background: #007bff; color: #fff; } #contact .info { color: #283d50; } #contact .info i { font-size: 32px; color: #007bff; float: left; line-height: 1; } #contact .info p { padding: 0 0 10px 36px; line-height: 28px; font-size: 14px; } #contact .form #sendmessage { color: #007bff; border: 1px solid #007bff; display: none; text-align: center; padding: 15px; font-weight: 600; margin-bottom: 15px; } #contact .form #errormessage { color: red; display: none; border: 1px solid red; text-align: center; padding: 15px; font-weight: 600; margin-bottom: 15px; } #contact .form #errormessage.show, #contact .form #sendmessage.show, #contact .form .show { display: block; } #contact .form .validation { color: red; display: none; margin: 0 0 20px; font-weight: 400; font-size: 13px; } #contact .form input, #contact .form textarea { border-radius: 0; box-shadow: none; font-size: 14px; } #contact .form button[type=submit] { background: #007bff; border: 0; border-radius: 20px; padding: 8px 30px; color: #fff; transition: .3s; } #contact .form button[type=submit]:hover { background: #0067d5; cursor: pointer; } @media (max-width:991px) { #header { height: 60px; padding: 10px 0; } #header .logo h1 { font-size: 28px; padding: 8px 0; } } @media (max-width:480px) { #modal_Regcourse { margin-top: 50px; } } @media (max-width:768px) { .title-xseo, .title-xseo::before { width: 100%; } } @media (max-width:767px) { .xs-video { padding-top: 15px; } .hide-dt { display: none; } .hide-dt, .visi-dt .text-video-left { display: none; } .hide-dt.visi-dt { display: block; margin-top: 0; margin-bottom: 30px; } .title-xseo { font-size: 20px; line-height: 28px; } } @media (min-width:767px) { .hide-tab-product { display: none; } } @media (max-width:959px) { .download-xseo { left: 15%; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @media (max-width:1200px) { .video-container { margin-left: 0; padding-right: 0; padding-bottom: 60%; } .bg-wt { font-size: 14px; } } @media (max-width: 1200px) { .btn-action { justify-content: space-between; } .btn-action a { font-size: 22px; } } @media (max-width: 768px) { #footer { padding: 0; } #footer ul.menu-footer { margin-bottom: 20px; } #footer ul.menu-footer li:first-child { margin: 20px 0 8px 0; } #footer ul.menu-footer li:first-child a { font-weight: 500; } } label.error { color: red; padding-top: 10px; font-size: 16px; } @media (max-width:768px) { .area-header-icon { display: none; } .Hr-toppic{ font-size: 20px; } .product-lst > div { padding:0; } #footer { font-size: 16px; } } /*có thể bạn quan tâm*/ .NewsLater-section{ padding:40px 0; } .NewsLater-section .Hr-toppic { margin-bottom: 40px; } /*css button download register*/ .btn-action { margin: 30px 0; display: flex; column-gap: 10px !important; } .btn-action a { font-size: 20px; line-height: 20px; padding: 5px 20px; border-radius: 22px; color: #fff; } .btn-action .btn-download a{ background:#00328B; } .btn-action .btn-register a{ background:#B90000; } @media (max-width: 768px) { .btn-action { margin: 20px 0; display: flex; justify-content: space-evenly; } .btn-action a { font-size: 16px; } } .btn-formm { font-weight: 700; font-size: 16px; line-height: 33px; color: #fff; border-radius: 5px; padding: 3px 10px; border: none !important; outline: 0 !important; margin-top: 20px; } .box-NewsMove{ border-radius: 10px; background-color: white; box-shadow: 0 0 10px rgb(0 0 0 / 21%); } .box-NewsMoves{ background-color: white; -webkit-box-shadow: -2 0 10px rgb(0 0 0 / 21%); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.21); -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.21); -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.21); box-shadow: 0 0 10px rgb(0 0 0 / 21%); } .box-NewsMove img{ border-radius: 20px; } .box-NewsMove h3{ font-weight: 500; } .box-NewsMove .des-NewsMove { margin: 0; font-size: 17px; min-height: 1.5rem; color: #111111; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } /*CSS XSEO*/ @media (min-width: 1200px) { .container { max-width: 1300px; } } .latest-trend-left-content:before { content: ""; background-image: url(/images/ngoac-tren.png); background-size: 135px; width: 135px; height: 106px; position: absolute; top: -55px; left: 0; } .latest-trend-left-content:after { content: ""; background-image: url(/images/ngoac-duoi.png); background-size: 135px; width: 135px; height: 106px; position: absolute; bottom: -70px; right: 0; } .latest-trend-left-content{ display: flex; flex-direction: column; gap: 32px; padding: 0 15px 0 38px; position: relative; } .next-gen__title { font-size: 28px; font-weight: bold; color: #333; margin-bottom: 1rem; } .description { font-size: 1.1rem; color: #666; line-height: 1.6; } .arrow-slider { display: flex; gap: 10px; justify-content: flex-end; } @media (max-width: 768px) { .arrow-slider { display: flex; justify-content: space-around; } } .arrow-left, .arrow-right { cursor: pointer; padding: 5px; } .arrow-left svg, .arrow-right svg { width: 37px; height: 14px; } /* Slick Slider Customizations */ .slick-arrow { z-index: 1; } .box-NewsMove .image-container { width: 100%; height: 100%; position: relative; border-radius: 8px; overflow: hidden; cursor: pointer; } .box-NewsMove .image-container img { width: 100%; height: 100%; object-fit: cover; border-radius: 8px; } .box-NewsMove .image-container .see-more-text { padding: 7px 12px; font-size: 12px !important; font-style: normal; font-weight: 400; line-height: 150%; width: 93px; height: 32px; text-transform: unset; margin: 0; position: absolute; bottom: 31px; left: 16px; z-index: 3; background-color: #fc7321; text-align: center; border-radius: 13px; color: white; } .box-NewsMove .image-container .info-wrapper { display: flex; flex-direction: column; justify-content: flex-end; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(to top, rgba(0, 0, 0, .4), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); color: #fff; padding: 31px 16px; padding-bottom: 80px; } .box-NewsMove .image-container .info-wrapper .info-title{ font-size: 22px; font-weight: 700; line-height: 130%; margin-bottom: 8px; } .box-NewsMove .image-container .info-wrapper .info-content-short .short-description .long-item{ display: none; } .box-NewsMove .image-container .info-wrapper .info-content-long { position: absolute; bottom: -500%; left: 0; padding: 31px 16px; padding-bottom: 80px; display: flex; flex-direction: column; justify-content: flex-end; height: auto; } .box-NewsMove .image-container .info-wrapper .info-content-long .long-description{ height: calc(100% - 30px); overflow-y: auto; } /* .box-NewsMove .image-container:hover .info-wrapper .info-content-long { height: 100%; bottom: 0; transition: .4s all; } .box-NewsMove .image-container:hover .info-wrapper .info-content-short { display: none; } .box-NewsMove .image-container:hover .info-wrapper { height: 100%; background: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,.5)); } */ .box-NewsMove .image-container .long-item p{ color: white !important; } .box-NewsMove .image-container .long-item span{ color: white !important; } .js-counter{ color: #000; text-align: center; font-size: 35px; font-style: normal; font-weight: 700; line-height: 150%; margin-top: 24px; margin-bottom: 16px; } .label-index{ color: var(--white, #fff); font-size: 20px; font-style: normal; font-weight: 500; line-height: 23.9px; text-transform: uppercase; } .title-descriptionn{ color: var(--white, #fff); font-size: 48px; font-weight: 700; line-height: 112.5%; } .bg-indexxseo { background-size: cover !important; background-position: center !important; height: 300px; display: flex; align-items: center; position: relative; } .footer-bannerr { display: flex; align-items: center; } .title-descriptionn { color: white; font-size: 36px; line-height: 1.2; margin: 0; } .see-more-text { display: inline-block; background-color: #ff6200; color: white; text-decoration: none; padding: 10px 20px; border-radius: 25px; font-size: 16px; font-weight: 500; text-align: center; text-transform: uppercase; transition: background-color 0.3s ease; } .see-more-text:hover { background-color: #e55a00; color: white; } .filter-layout { opacity: .7; position: absolute; top: 0; width: 100%; height: calc(100%); } .icon-footer-xseo { background: #E7E7E7; width: 35px; height: 35px; border-radius: 50%; text-align: center; display: flex; flex-direction: column; justify-content: center; } .ul-xseo li { margin-left: 10px; } .modal-index-XSEO input{ border: none; border-bottom: 1px solid #d1d1d1; /* Tạo dòng kẻ dÆ°á»›i vá»›i màu xám nhạt */ border-radius: 0; /* Bỏ bo góc để dòng kẻ trông phẳng */ padding: 10px 0; /* Điều chỉnh padding để phù hợp */ background-color: transparent; } .modal-index-XSEO input:focus{ border-bottom: 1px solid #007bff; /* Đổi màu dòng kẻ khi focus (ví dụ: màu xanh) */ outline: none; /* Ẩn viền mặc định của trình duyệt */ border-color: #ffffff00; } .hoidapXSEO .show { border: 1px solid #dee2e6; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .post_description .mota-news{ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .title-blogs a{ -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-size: 20px; font-weight: 700; text-align: justify; } .img-blogs{ aspect-ratio: 15 / 9;object-fit:cover;border-radius: 15px; width: 100%; } .owl-stage-outer .box-product{ box-sizing: border-box; position: relative; border: 1px solid #C8C8C8; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); border-radius: 22px; padding: 50px 10px 14px; text-align: center; margin: 22.5px 0; /* display: flex; flex-direction: column; justify-content: space-between; */ } .title-toppicc{ font-size: 27px; font-weight: 600; text-align: center; position: relative; color: #00328B; margin: 50px 0 22px; } .text-colorX{ color: #204B96; font-size: 17px; font-weight: 500; } .featured-news-content .title-blogs a{ text-transform: uppercase } .post-details .post-content figure{ max-width: fit-content !important; } .box-newsXSEO{ box-sizing: border-box; border: 1px solid #C8C8C8; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); border-radius: 22px; padding: 30px 20px 10px; display: flex; flex-direction: column; box-sizing: border-box; } .titles-counter{ color: #000; text-align: center; font-size: 18px; font-weight: 500; line-height: 150%; margin-top: 15px; } .sticky-header { position: fixed !important; top: 0; width: 100%; z-index: 999; background: #fff; box-shadow: 0 2px 5px rgba(0,0,0,0.1); } .post-details a{ color: #0b6bd3; } .product-details a{ color: #0b6bd3; } .product-details a strong{ color: #0b6bd3; } .post-details a strong{ color: #0b6bd3; } .ep-footer-section .footer-bg { padding: 120px 0 30px; background-color: #020842; background-image: url(/images/footer-bg.svg); background-size: cover; background-repeat: no-repeat; background-position: 50%; } .ep-footer-section .footer-bg .footer-main .footer-about .short-info p { color: #ffffff; opacity: .8; padding-right: 20px; } .ep-footer-section .footer-bg .footer-main .footer-about .contact-info ul li .title { color: #ffffff; font-size: 22px; font-weight: 700; line-height: 36px; margin-left: 10px; } .ep-footer-section .footer-bg .footer-main .footer-widget .footer-title { color: #ffffff; font-size: 22px; font-weight: 700; line-height: 36px; margin-bottom: 32px; }.ep-footer-section .footer-bg .footer-main .footer-widget .footer-title { color: #ffffff; font-size: 22px; font-weight: 700; line-height: 36px; margin-bottom: 32px; } .ep-footer-section .footer-bg .footer-main .footer-links ul li a { color: #ffffff; opacity: .8; font-size: 18px; font-weight: 400; line-height: 28px; letter-spacing: -.36px; } .ep-footer-section p { padding: 0; margin: 0 0 20px 0; } .ep-footer-section .footer-bg .footer-main .footer-about .contact-info ul li a, .ep-footer-section .footer-bg .footer-main .footer-about .contact-info ul li p { margin-top: 10px; opacity: .8; color: #ffffff; } .ep-footer-section .footer-bg .footer-main .footer-about .contact-info ul li .icon i { color: #47B16A; } .ep-footer-section .footer-bg .footer-main .footer-about .contact-info ul li a, .ep-footer-section .footer-bg .footer-main .footer-about .contact-info ul li p { margin-top: 10px; opacity: .8; color: #ffffff; } .ep-footer-section p { font-size: 18px; font-weight: 400; line-height: 28px; color: #49515B; letter-spacing: -.36px; } .ep-footer-section .footer-bg .list-unstyled li .title { color: #ffffff; opacity: .8; font-size: 18px; font-weight: 400; line-height: 28px; letter-spacing: -.36px; } .index-gd6{ position: relative; width: 88%; padding-top: 56.25%; overflow:hidden; border: 3px solid #1e90ff; border-radius: 16px; box-shadow: 0 6px 18px rgba(30,144,255,0.08); } .heading-style1 { color: #020842; font-size: 74px; font-weight: 700; line-height: 84px; letter-spacing: -1.48px; } .banner-if iframe{ max-width: 100%; overflow: hidden; border: 3px solid #1e90ff; border-radius: 16px; box-shadow: 0 6px 18px rgba(30, 144, 255, 0.08); } .theme-btn { color: #ffffff; font-size: 18px; font-weight: 700; line-height: 30px; background-color: #0044EB; padding: 15px 30px; border-radius: 60px; z-index: 9; border: 0; margin-right: 50px; transition: all 0.3s ease-out 0s; } .theme-btn:before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); width: 100%; height: 100%; background-color: var(--bs-black-color); border-radius: 60px; transition: var(--bs-transition); z-index: -1; opacity: 0; } .theme-btn { color: #ffffff; font-size: 18px; font-weight: 700; line-height: 30px; background-color: #0044EB; padding: 15px 30px; border-radius: 60px; z-index: 9; border: 0; margin-right: 50px; transition: all 0.3s ease-out 0s; } .theme-btn .arrow { margin-left: 10px; transition: all 0.3s ease-out 0s; position: relative; top: -1px; } .justify-content-space-between{ justify-content: space-between } @import "/Plugin/css/support-right.css"; html, body { overflow-x: hidden; } /* Magic text for text animation */ .magic-text { display: block; white-space: pre-wrap; word-break: break-word; line-height: 1.3; } .word { display: inline; white-space: nowrap; } .char { opacity: 0; display: inline-block; transform: translateY(10px); animation: charFadeIn 0.6s forwards; } @keyframes charFadeIn { to { opacity: 1; transform: translateY(0); } } /* Magic text for text animation */ body { overflow-x: hidden; background: #fff; color: #000; font-family: "Roboto", sans-serif; } /*Fix css add desktop mobile*/ @media only screen and (max-width: 992px) { .ads-desktop { display: none; } } @media only screen and (min-width: 992px) { .ads-mobile { display: none; } } @media (max-width: 768px) { .footer-header { flex-direction: column; } } @media (min-width: 768px) {} img { max-width: 100%; object-fit: contain; height: auto !important; } #footer { ul, li { list-style: none; padding: 0; margin: 0; } } ul, li { /* list-style:none; padding:0; margin:0; */ } .sidebar-sticky { position: -webkit-sticky; position: sticky; top: 40px; } .pagination { margin-top: 20px; } .align-center-flex { align-items: center; } .css_revert { flex-direction: row-reverse; } a { color: #000; transition: .5s; } .radius22 { border-radius: 22px; } *, html, h1, h2, h3, h4 { margin: 0; /* padding:0; */ } .row-wrapper { padding-top: 40px; padding-bottom: 40px; } .aspect-ratio11 { aspect-ratio: 1/1; object-fit: cover; } .aspect-ratio23 { aspect-ratio: 2/3; object-fit: cover; } .aspect-ratio32 { aspect-ratio: 3/2; object-fit: cover; } .aspect-ratio43 { aspect-ratio: 4/3; object-fit: cover; } .aspect-ratio169 { aspect-ratio: 16/9; object-fit: cover; } .d-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .align-items-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .justify-content-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } a:active, a:focus, a:hover { color: #0b6bd3; outline: 0; text-decoration: none; } p { padding: 0; margin: 0 0 20px 0; } img { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 10px; font-family: "Roboto", sans-serif; font-weight: 400; padding: 0; } .bg-green-logo { background-color: #8eb22b; } .cl-green-logo { color: #8eb22b; } .bg-blue-logo { background-color: #194698; } .cl-blue-logo { color: #194698; } .bg-red-logo { background-color: #ed1f26; } .cl-red-logo { color: #ed1f26; } .cl-yellow { color: yellow; } .bg_bluec { background-color: #1a4697; } .text_bluec { color: #1a4697; } .font23 { font-size: 23px; } .font18 { font-size: 18px; } .font16 { font-size: 18px; } .bg-pri { background-color: #00328B; } .cl-pri { color: #00328B; } .cl-second { color: #FFB800; } .bg-second { background-color: #FFB800; } .paddingTop30 { padding-top: 30px; } #product_content .youtube-embed-wrapper iframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; max-width: 100%; } .marginTop30 { margin-top: 30px; } .fix_heght-content { max-height: 355px; padding-bottom: 20px; margin-bottom: 5px; overflow: hidden; text-align: justify; } .Hr-toppic { font-size: 27px; font-weight: 600; text-align: center; position: relative; color: #00328B; } .p-topic { font-size: 20px; text-align: center; } .owl-dots { display: none; } .owl-carousel { z-index: 0; } .owl-carousel .owl-nav button { position: absolute; padding: 12px 0 0; margin: 0; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background: rgba(0, 0, 0, .3) !important; width: 26px; height: 40px; text-align: center; font-size: 26px !important; color: #fff !important; transition: all .3s ease-in; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; opacity: 0; visibility: hidden; } .owl-carousel:hover .owl-nav button { opacity: 1; visibility: visible; } .owl-carousel .owl-nav { position: absolute; top: 50%; transform: translateY(-50%); margin-top: 0 !important; width: 100%; } .owl-carousel .owl-prev { left: 10px; } .owl-carousel .owl-next { right: 10px; } .loader-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1050; } .loader { display: block; position: relative; left: 50%; top: 50%; width: 120px; height: 120px; margin: -75px 0 0 -75px; border-radius: 50%; border: 3px solid transparent; border-top-color: #3498db; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; z-index: 1001; } .loader:before { content: ""; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; border-radius: 50%; border: 3px solid transparent; border-top-color: #e74c3c; -webkit-animation: spin 3s linear infinite; animation: spin 3s linear infinite; } .loader:after { content: ""; position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; border-radius: 50%; border: 3px solid transparent; border-top-color: #f9c922; -webkit-animation: spin 1.5s linear infinite; animation: spin 1.5s linear infinite; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } .loader-wrapper .loader-section { position: fixed; top: 0; width: 100%; height: 100%; z-index: 1000; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } #topbar { background: #1a4697; transition: all .5s; color: #fff; padding: 0; } #header { height: 80px; transition: all .5s; z-index: 997; transition: all .5s; padding: 20px 0; background: #fff; box-shadow: 0 0 5px rgba(127, 137, 161, .3); } #header .logo a { display: block; } @media (max-width:480px) { #header.header-scrolled { position: absolute; left: 0; top: 0; right: 0; transition: all .5s; z-index: 997; box-shadow: 1px 0 4px #00000091; } .area-header-icon { display: none; } } #header.header-pages, #header.header-scrolled { height: 60px; padding: 10px 0; } #header .logo h1 { font-size: 36px; margin: 0; padding: 0; line-height: 1; font-weight: 400; letter-spacing: 3px; text-transform: uppercase; } #header .logo img { padding: 0; max-height: 45px; } .main-pages { margin-top: 60px; } @media (min-width:1400px) { .xs-container { max-width: 1350px; } } .xs-container { width: 100%; padding-right: 15px; padding-left: 15px; margin-left: auto; margin-right: auto; } /*#xs-product .Hr-toppic { color: #000; padding-bottom: 0; } #xs-product .product .p_item { padding: 10px; margin-bottom: 30px; box-shadow: none; color: #222; text-align: center; } #xs-product .p_item .item_img { margin: -10px -10px 0; } #xs-product .p_item .item_title { padding-top: 20px; } #xs-product .item_title .title { font-size: 25px; } #xs-product .item_title .title a { font-weight: 800; font-size: 23px; line-height: 23px; text-align: center; color: #00328B; } #xs-product .item_title .font_col4 { font-size: 22px; } #xs-product .p_item .item_title a:hover { color: #0056b3; } #xs-product .p_item h4.price, #xs-product .p_item h5.price { margin: 10px 0; } #xs-product .p_item h4.price { font-weight: 700; font-size: 22px; line-height: 23px; text-align: center; color: #AB0000; } #xs-product .p_item .fix-height { height: 55px; } #xs-product .p_item h5.price { font-size: 20px; } #xs-product .p_item .item_short { padding-bottom: 20px; } #xs-product .p_item .item_short div.text-justify { margin: 0 0 30px 0; } #xs-product .p_item .item_short a { background-color: #fd1414; color: #fff; padding: 5px 10px; border-radius: 3px; font-size: 14px; font-weight: 600; text-transform: uppercase; } #xs-product .p_item .item_short a:after { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; content: "\f105"; margin-left: 3px; }*/ .video-content { background-color: #e4e4e4; padding-top: 30px; padding-bottom: 91px; } .text-video-left h3 { font-size: 25px; position: absolute; top: 50%; padding-left: 30px; padding-right: 30px; line-height: 42px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .video-container { position: relative; padding-bottom: 100%; padding-right: 500px; margin-left: 17%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 5px solid; } .download-xseo { position: absolute; bottom: -50px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .bg-wt { padding: 8px 15px; background-color: #1a4697; color: #fff; font-size: 18px; border-radius: 25px; } .font-weight-bold { font-weight: 700 !important; } .color-link-download:hover { color: #fff; } .partner-user .owl-carousel .owl-item { /*border: .5px solid #d7d7d7; border-radius: 5px; box-shadow: 1px 0 5px 0 #0000004f; margin-bottom: 5px;*/ } .partner-user .owl-carousel .owl-item img { /*height: 181px; max-height: 100%; object-position: 50% 50%; object-fit: cover; border-radius: 5px 5px 0 0;*/ } .partner-user .owl-carousel .owl-item .h-title-blog { padding: 10px; } .partner-user .owl-carousel .owl-item .h-title-blog .h-title { height: 70px; overflow: hidden; } .partner-user .owl-carousel .owl-item .h-title-blog a { color: #222; } .partner-user .owl-carousel .owl-item .h-title-blog a:hover { color: #1a4697; } .partner-user .owl-nav { position: absolute; top: 50%; transform: translateY(-50%); margin-top: 0 !important; width: 100%; } .partner-user .owl-nav button { position: absolute; width: 40px; height: 40px; background-color: #c49239 !important; margin: 0 !important; color: #fff !important; font-size: 26px !important; transition: all .3s ease-in; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; opacity: 0; visibility: hidden; } .partner-user:hover .owl-nav button { opacity: 1; visibility: visible; } .partner-user:hover .owl-nav button .owl-prev { left: -30px; } .partner-user:hover .owl-nav button .owl-next { right: -30px; } .partner-user .owl-nav button.owl-prev { left: 0; top: -20px; } .partner-user .owl-nav button.owl-next { right: 0; top: -20px; } .partner-user .owl-nav button.owl-prev:hover { background-color: #1a4697 !important; } .partner-user .owl-nav button.owl-next:hover { background-color: #1a4697 !important; } /*#footer*/ #footer { background: #FFF9E6; padding: 57px 76px 61px; font-size: 22px; font-weight: 400; } .info-company ul.info-company-item li { margin: 8px 0; } .info-company ul.info-company-item li span { margin-right: 24px; } .info-company ul.info-company-item li span .fa-phone { font-size: 25px; } .info-company ul.info-company-item li span .fa-map-marker { font-size: 28px; } #footer ul.menu-footer li { margin: 8px 0; } #footer ul.menu-footer li:first-child { margin: 30px 0; } #footer ul.menu-footer li:first-child a { font-weight: 600; } @media (max-width:767px) { #footer .footer-top { padding: 40px 0 30px 0; } #footer .footer-info h3 { font-size: 18px; } #footer .footer-contact, #footer .footer-map { padding-left: 30px; } } .main-nav { padding-top: 5px !important; } .main-nav, .main-nav * { margin: 0; padding: 0; list-style: none; } .main-nav>ul>li { position: relative; white-space: nowrap; float: left; margin: 0 10px; } .main-nav a { display: block; position: relative; color: #1a4697; padding: 4px 6px; transition: .5s; font-size: 15px; font-family: 'Roboto', sans-serif; font-weight: 600; } .main-nav .active>a, .main-nav a:hover, .main-nav li:hover>a { color: #fff; background-color: #c49239; border-radius: 4px; } .main-nav .drop-down ul { display: block; position: absolute; left: 0; top: calc(100% + 30px); z-index: 99; opacity: 0; transition: ease all .5s; visibility: hidden; background: #fff; box-shadow: 0 0 10px rgb(127 137 161 / 25%); border-radius: .25rem; margin-top: 3px; padding: 10px; } .main-nav .drop-down:hover>ul { opacity: 1; top: 100%; visibility: visible; } .main-nav .drop-down li { min-width: 180px; position: relative; border-bottom: 1px solid #b5b5b5; } .main-nav .drop-down li:last-child { border-bottom: none; } .main-nav .drop-down ul a { padding: 6px 10px; font-size: 14px; color: #004289; } .main-nav .drop-down ul .active>a, .main-nav .drop-down ul a:hover, .main-nav .drop-down ul li:hover>a { color: #fff; border-radius: 0; } .main-nav .drop-down>a:after { content: "\f107"; font-family: FontAwesome; padding-left: 10px; } .main-nav .drop-down .drop-down ul { top: 0; left: calc(100% - 30px); } .main-nav .drop-down .drop-down:hover>ul { opacity: 1; top: 0; left: 100%; } .main-nav .drop-down .drop-down>a { padding-right: 35px; } .main-nav .drop-down .drop-down>a:after { content: "\f105"; position: absolute; right: 15px; } .login a { margin: 0 0 0 15px; border: 2px solid #fff; color: #fff; border-radius: 15px; padding: 2px 5px; text-transform: uppercase; font-size: 12px; font-weight: 700; letter-spacing: 1px; transition: .3s; margin-top: 5px; display: block; } .login a:hover { color: #fff; background-color: #c49239; } @media (max-width:480px) { .login a { width: 30px; height: 30px; padding: 0 70px 0 0; font-size: 0; border: none; } .login a i { font-size: 30px; } .login a:hover { background-color: transparent; color: #1a4697; } } .lang-nav, .lang-nav * { margin: 0; padding: 0; list-style: none; } .lang-nav>ul>li { position: relative; white-space: nowrap; float: left; } .lang-nav .lang-item { display: block; position: relative; transition: .3s; font-size: 14px; font-family: 'Roboto', sans-serif; font-weight: 500; border: 1px solid #00328B; padding: 2px; } .lang-nav .active>a, .lang-nav a:hover, .lang-nav li:hover>a { border-radius: 4px; -webkit-transition: .3s ease; -moz-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; } .lang-nav .drop-down ul { display: block; position: absolute; left: 0; top: calc(100% + 30px); z-index: 99; opacity: 0; visibility: hidden; background: #fff; transition: ease all .3s; box-shadow: 0 0 10px rgb(127 137 161 / 25%); border-radius: .25rem; margin-left: 10px; } .lang-nav .drop-down:hover>ul { opacity: 1; top: 100%; visibility: visible; } .lang-nav .drop-down li { min-width: 140px; position: relative; border-bottom: 1px solid #b5b5b5; padding: 5px 10px; cursor: pointer; } .lang-nav .drop-down li:last-child { border-bottom: none; } .lang-nav .drop-down ul span { color: #000; } .lang-nav .drop-down ul a { padding: 10px 20px; font-size: 14px; color: #000; } .lang-nav .drop-down ul .active>a, .lang-nav .drop-down ul a:hover, .lang-nav .drop-down ul li:hover>a { color: #000; border-radius: 0; } .lang-nav .drop-down>a:after { content: "\f107"; font-family: FontAwesome; padding-left: 10px; } .lang-nav .drop-down .drop-down ul { top: 0; left: calc(100% - 30px); } .lang-nav .drop-down .drop-down:hover>ul { opacity: 1; top: 0; left: 100%; } .lang-nav .drop-down .drop-down>a { padding-right: 35px; } .lang-nav .drop-down .drop-down>a:after { content: "\f105"; position: absolute; right: 15px; } /*mobile-nav*/ .mobile-nav { position: fixed; top: 0; bottom: 0; z-index: 9999; overflow-y: auto; left: -280px; width: 280px; height: 1000px; padding: 18px 10px; background: #1a4697; transition: .4s; } .mobile-nav * { margin: 0; padding: 0; list-style: none; } .mobile-nav a { display: block; position: relative; color: #fff; padding: 10px; font-size: 14px; font-weight: 600; } .mobile-nav ul li.drop-down ul li a:hover { background: #c49239; color: #fff !important; -webkit-transition: .3s ease; -moz-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; text-decoration: none; } .mobile-nav .drop-down>a:after { content: "\f078"; font-family: FontAwesome; padding-left: 10px; position: absolute; right: 15px; } .mobile-nav .active.drop-down>a:after { content: "\f077"; } .mobile-nav .drop-down>a { padding-right: 35px; } .mobile-nav .drop-down ul { display: none; overflow: hidden; background-color: #fff; } .mobile-nav .drop-down li { border-bottom: 1px solid #b5b5b5; } .mobile-nav .drop-down li:last-child { border-bottom: none; } .mobile-nav .drop-down ul li a { padding-left: 20px; color: #222; } .mobile-nav-toggle { position: fixed; right: 0; top: 0; z-index: 9998; border: 0; background: 0 0; font-size: 24px; transition: all .4s; outline: 0 !important; line-height: 1; cursor: pointer; text-align: right; } .mobile-nav-toggle i { margin: 18px 18px 0 0; color: #004289; } .mobile-nav-overly { width: 100%; height: 100%; z-index: 9997; top: 0; left: 0; position: fixed; background: rgba(19, 39, 57, .8); overflow: hidden; display: none; } .mobile-nav-active { overflow: hidden; } .mobile-nav-active .mobile-nav { left: 0; } .mobile-nav-active .mobile-nav-toggle i { color: #fff; } #mobi-search { margin: 0 15px; position: relative; } #mobi-search .ip-mobi_search { padding: 5px 40px 5px 15px; border: none; border-radius: 25px; } #mobi-search .btn-mobi-search { width: 20px; height: 20px; top: 7px; left: auto; right: 14px; border-radius: 25px; transform: rotate(90deg); background-color: transparent; border: none; font-size: 24px; cursor: pointer; } #mobi-search .btn-mobi-search:focus { outline: 0; } .area-header-icon { display: flex; gap: 12px; align-items: center; } .area-header-icon .link-login a { display: block; } @media (max-width:1920px) { #header .menu-search .icon-search { right: 380px; } } @media (max-width:480px) { .area-header-icon { display: none; } } .icon-header { font-size: 20px; color: #00328B; } #header .menu-search:hover .icon-search { visibility: visible; opacity: 1; } #header .menu-search .icon-search { position: absolute; opacity: 0; visibility: hidden; top: 80px; right: 250px; transition: all .3s ease-out; z-index: 1000; } #header .menu-search #form-search .ip_search { height: 40px; width: 300px; padding: 0 40px 0 10px; border-radius: 4px; } #header .menu-search #form-search .btn_search { position: absolute; width: 32px; height: 32px; background: url(/images/spotlight.png) no-repeat; top: 9%; margin-left: -37px; border: none; cursor: pointer; } #form-search .btn_search:focus { outline: 0; } .mobile-nav ul.tree-nav li.d-lg-none:first-child { background: #fff; margin: -18px -10px 0 -10px; } .mobile-nav ul.tree-nav li img.logo-mobile { max-width: 120px; } .mobile-nav ul.tree-nav li.d-lg-none:nth-child(2) { padding: 15px 10px; } .main-category { padding-top: 40px; } .col .title-product { width: 70%; } .col .title-product::before { width: 42%; bottom: -12px; } .text-des.view-content { padding-bottom: 35px; } #lst_news li { border: none; padding: 0; } .fix_heading { height: 80px; line-height: 1.35em; margin: 0; } .fix-height { height: 55px; } /*.breadcrumb*/ .breadcrumb { background-color: #e4e4e4; } .breadcrumb li.fontbold { color: #1a4697; font-weight: 700; } .breadcrumb li:first-child:before { font: normal normal normal 14px/1 FontAwesome; content: "\f015"; font-size: 20px; margin-right: 3px; } .breadcrumb-item+.breadcrumb-item::before { content: ">"; } .mobi-news { margin-bottom: 30px; } .mobi-news .cat_title { font-weight: 700; font-size: 36px; margin: 30px 0; line-height: 1.1; letter-spacing: -.04em; color: #1a4697; } .mobi-news .cat_subtitle { font-size: 16px; line-height: 1.5em; color: #ad9999; } .mobi-news .cat_desc { line-height: 1.5em; margin-top: 10px; } a.post_readmore { color: #53585c; display: inline-block; text-transform: uppercase; letter-spacing: .05em; font-size: 11px; font-weight: 700; padding: 6px 15px; border: 1px solid #e0e0e0; -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 10%); box-shadow: 0 1px 3px rgb(0 0 0 / 10%); text-rendering: auto; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } a.post_readmore:hover { background-color: #1a4697; color: #fff; } .post_title { font-size: 25px; font-weight: 700; margin: 0 0 5px; } .post_meta { font-size: 17px; color: #5F5F5F; font-weight: 400; } .post_meta .post_meta_readmore span { color: #5F5F5F; } .post_description { max-height: 160px; overflow: hidden; } .post_thumb { position: relative; } .post_category { position: absolute; z-index: 3; bottom: 15px; left: 15px; margin: 0; line-height: 1; } .post_category a { display: inline-block; font-size: 11px; color: #fff; padding: 3px 6px; background: #f70d28; text-transform: uppercase; letter-spacing: 1px; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; } .scrollbar_product { height: 500px; overflow-y: scroll; margin-bottom: 25px; } .force-overflow { min-height: 350px; } .scroll-type::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); border-radius: 10px; background-color: #f5f5f5; } .scroll-type::-webkit-scrollbar { width: 6px; background-color: #f5f5f5; } .scroll-type::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); background-color: #d62929; } .bg-sidebar { border: 1px solid #ccc !important; border-radius: 0 0 5px 5px; margin-bottom: 40px; box-shadow: 0 0 3px rgb(1 41 112 / 10%); } .bg-sidebar .news-today { background-color: #1a4697; padding: 5px 0; } .bg-sidebar .news-today h2 { color: #fff; font-size: 23px; text-align: center; } .bg-sidebar .blog-sidebar { padding-left: 8px; padding-right: 8px; } .blog-sidebar .sidebar-blog { height: 180px; padding: 40px 0; border-bottom: 1px dotted #1a4697; } .blog-sidebar .sidebar-blog:last-child { border-bottom: none; } .blog-sidebar .sidebar-blog .w-40 { width: 40%; } .blog-sidebar .sidebar-blog a img { width: 100%; height: 100px; min-height: auto !important; } .sidebar-blog .blog-text-right { width: 57%; margin-left: 3%; } .sidebar-blog .blog-text-right h3 { line-height: 20px; } .blog-sidebar.sidebar-blog .blog-text-right .count-s { letter-spacing: .5px; } .blog-sidebar.sidebar-blog .blog-text-right .count-s:before { margin-right: 5px; font: normal normal normal 14px/1 FontAwesome; content: "\f06e"; } .scrollbar_sidebar { height: 880px; overflow-y: scroll; margin-bottom: 25px; } .blog-text-right h3 a, h3.text-icon { font-size: 14px; color: #222; } .bg-support { background-color: #e4e4e4; padding-bottom: 35px; } .support { padding-top: 50px; } .title-hd { padding-bottom: 40px; } img.w-icon { max-height: 85px; } .title-support { display: inline-block; vertical-align: bottom; margin-bottom: 0; text-transform: uppercase; margin-left: 15px; } .title-support { font-size: 25px; font-weight: 600; text-align: center; } .setting { background-color: #fff; padding: 40px 95px; box-shadow: 1px 4px 10px 1px #00000017; border-radius: 10px; } img.w-icon-2 { max-width: 145px; } .text-support { width: 67%; display: inline-block; text-align: center; vertical-align: middle; font-size: 32px; line-height: 45px; } .info-question>.row { margin: 0 15%; } .mail { cursor: pointer; } .w-icon-info { max-width: 112px; margin-bottom: 20px; margin-top: 10px; } h3.text-icon { font-weight: 600; color: #222; } .w-icon-60 { max-height: 60px; } .sp { margin-bottom: 72px; } .sp>.row { padding-top: 15px; } .question h5 { cursor: pointer; } .qt-tt { background-color: #1a4697; color: #fff; width: 25px; display: inline-block; text-align: center; border-radius: 50%; height: 25px; line-height: 25px; font-family: Arial; } .nd-question { margin-left: 15px; line-height: 25px; } .qt_faq { background-color: #e4e4e4; padding: 10px; margin-bottom: 15px; border-radius: 5px; } .link-question { text-align: center; padding: 20px 0; margin-top: 50px; } .link-question a { padding: 15px 60px; background-color: #1a4697; color: #fff; border-radius: 4px; text-transform: uppercase; letter-spacing: 1px; } .content-banner { position: absolute; width: 59%; text-align: center; top: 50%; left: 50%; background-color: #222222d9; border-radius: 4px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 32px; color: #fff; padding: 46px 0 65px; margin-bottom: 10px; } .text-banner { padding-bottom: 5px; } .banner_search, .col-gt-content { padding-top: 30px; } .banner_search #form-search { line-height: 0; position: relative; } .br_search { width: 75%; border-radius: 25px; padding: 20px 10px 20px 70px; font-size: 14px; font-style: italic; border: none; } .bn_search { position: absolute; width: 57px; height: 57px; padding: 0; left: 13%; top: 1px; border-radius: 25px; transform: rotate(90deg); background-color: transparent; border: none; font-size: 24px; } #modal_Faq .Hr-toppic { font-size: 20px; } #btn-openFAQ { border: none; background: 0 0; margin: auto auto; cursor: pointer; } #btn-openFAQ:focus { outline: 0; } #btn-openFAQ .img-faq { float: left; height: 30px; } #btn-openFAQ .text-faq { float: left; margin: 10px 10px; color: #045686; font-weight: 600; } .modal-backdrop { background-color: none !important; } #modal_Regcourse .modal-lg { max-width: 1024px; } .modal-form .modal-header button.close { color: #fff; } .modal-form .input-group { margin-bottom: 3px; } .modal-form .modal-footer, .modal-form .modal-header { background: #2196f3; color: #fff; } .modal-form .modal-body { background: url(/images/bkg-faq.png); padding: 1.5rem; } .modal-form legend { font-size: 15px; color: #b80b0d; font-weight: 600; } .modal-form fieldset label { padding-left: 5px; } .modal-form fieldset input[type=radio] { width: 18px; height: 18px; position: relative; top: 3px; } .modal-form .modal-body .region { font-size: 12px; padding: 5px 0; color: red; font-weight: 600; margin: 5px 0 0 0; } .modal-form .validation { color: red; margin: 0 5px 20px; font-weight: 600; font-size: 13px; } #F_RegService #info .w3-col, #F_RegService #info_login .w3-col, #demoTax .w3-col { width: 50px; } #info #sl_location { width: 40%; } #info .ex_location, #info .ex_website { margin-left: 50px; margin-top: 10px; text-align: left; } #info #expanderHead1 { cursor: pointer; } #info #lb_khuyenmai { cursor: pointer; margin-left: 50px; text-decoration: underline; } #info_login .ex_email, #info_login .ex_pass { margin-left: 20px; margin-top: 10px; } #BankList .image_bank { margin: auto; cursor: pointer; } #BankList .image_bank:hover { /*transform: scale(1.3); transition: all .5s ease 0s;*/ } .bgimg-1 { background-position: center; background-size: cover; /* min-height: 100%; */ height: 800px; } #NotiOrder { background-image: url(/images/bg_success2.jpg); padding-top: 1rem; } #NotiOrder .bg_show { background: rgba(186, 191, 186, .5); line-height: 20px; margin: 30px auto 30px auto; } #NotiOrder .cTitle_medium { color: #ff0; font-size: 30px; margin: 2rem 0; } /*#NotiOrder .cTitle_medium { color: #ff0; font-size: 20px; }*/ #NotiOrder .img_dkthanhcong { max-height: 140px; } #NotiOrder .cTitleNews { color: #ff0; font-size: 18px; } #NotiOrder .cl_yellow { color: #ff0; } #NotiOrder .fontbold { font-weight: 700; } #NotiOrder .img_download { max-height: 70px; } #NotiOrder .info-user { text-transform: uppercase; color: #ff0; } #video-huongdan .video-title { text-transform: uppercase; color: #ff0; } #video-huongdan .title-popup { text-transform: uppercase; font-size: 20px; } #video-huongdan iframe { position: absolute; width: 100%; height: 100%; left: 0; } .bankhover img:hover { transform: scale(1.2); transition: all 1s ease 0s; } #imgYtube img:hover { transform: scale(1.1); transition: all .5s ease 0s; } .page-item.active .page-link { z-index: 1; color: #fff; background-color: #337ab7; border-color: #337ab7; } .CardsRight .downloadArea { height: 60px; border-bottom: 1px solid #eee; } .CardsRight .downloadArea .bg-wt { padding: 8px 15px; background-color: #1a4697; color: #fff; font-size: 18px; border-radius: 25px; } .team_expert .expert-content { border: 1px solid #ccc !important; border-radius: 0 0 5px 5px; margin-bottom: 40px; padding-bottom: 30px; box-shadow: 0 0 3px rgb(1 41 112 / 10%); } .team_expert .expert-content .expert-title { background-color: #1a4697; margin-bottom: 25px; } .team_expert .expert-content img { max-height: 200px; } .Q-right .Q-title { background-color: #1a4697; } .Q-right .Q-content li { border-bottom: 1px dotted #1a4697; } .Q-right .Q-content { border: 1px solid #ccc !important; border-radius: 0 0 5px 5px; margin-bottom: 40px; box-shadow: 0 0 3px rgb(1 41 112 / 10%); padding: 0 8px; } .Q-right .Q-content .img-cus { width: 35px; margin-right: 10px; } .Q-right .Q-content .Q-customer { font-weight: 600; color: #1a4697; cursor: pointer; } .Q-right .Q-content .Q-date { font-size: 11px; font-weight: 600; font-style: italic; color: #a0a0a0; margin: 10px 0; } .Q-right .Q-content .Q-linkNews { font-size: 12px; font-weight: 600; } .Q-right .Q-content .Q_readmore { float: right; background-color: #1a4697; color: #fff; text-transform: uppercase; letter-spacing: .05em; font-size: 10px; font-weight: 700; padding: 4px 10px; margin-bottom: 10px; border-radius: 5px; } .Q-right .Q-content .Q_readmore:hover { color: #fff; background-color: #c49239; } #Search-advance { margin-top: 30px; padding: 20px 15px; border: 1px solid #ccc !important; border-radius: 5px; box-shadow: 0 0 0 .25em rgb(1 41 112 / 10%); } #Search-advance .search-keyword { display: flex; align-items: center; font-size: 17px; } #Search-advance .search-keyword span { color: #1a4697; font-weight: 600; } #Search-advance .seach-filter { font-weight: 600; color: red; font-size: 14px; text-align: center; } #Search-advance .custom-control-input:checked~.custom-control-label::before { border-color: #1a4697; background-color: #1a4697; } #Search-advance .search-note { color: #000; margin-top: 30px; font-size: 12px; font-weight: 600; font-family: tahoma; } .search-suggest .badge { margin: 0 5px; font-size: 14px; } #Search-advance .btn-search { background-color: #1a4697; border-color: #1a4697; font-size: 13px; padding: 3px 10px; } .search-result { font-weight: 600; } .search-result i { font-size: 35px; } .search-result span { color: red; } #search-view .search-box { margin-bottom: 20px; padding: 6px 8px; border-radius: 5px; border: 1px solid #ddd; max-height: 150px; } #search-view .search-box:after { clear: both; } #search-view .search-box .search-img { float: left; width: 28%; } #search-view .search-box .search-img img { width: 100%; height: 90px; min-height: auto !important; } #search-view .search-box .search-content { float: left; width: 70%; padding-left: 10px; } #search-view .search-box .search-content .search-title { font-size: 16px; line-height: 1.5; } #search-view .search-box .search-content .search-title a { font-weight: 600; font-family: Arial; } #search-view .search-box .search-content .search-title a:hover { color: none; text-decoration: none; } #search-view .search-box .search-content .search-title span { color: red; } #search-view .search-box .search-content .search-date { font-size: 12px; font-style: italic; color: #a0a0a0; text-align: right; } .NewsRelation .list-news { line-height: 18px; padding: 10px 0 0 30px; border-left: 1px solid #bdbdbd; margin: 30px 0; } .NewsRelation .list-news li { margin-bottom: 10px; line-height: 160%; color: #076db6; } .NewsRelation .list-news li a { text-decoration: none; text-underline-position: under; font-size: 15px; } .item_short_out a { background-color: #fd1414; color: #fff; padding: 5px 10px; border-radius: 3px; font-size: 14px; } .autocomplete-suggestions { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #999; background: #fff; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, .64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, .64); box-shadow: 1px 4px 3px rgba(50, 50, 50, .64); } .autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; } .autocomplete-no-suggestion { padding: 2px 5px; } .autocomplete-selected { background: #f0f0f0; } .autocomplete-suggestions strong { font-weight: 700; color: #000; } .autocomplete-group { padding: 2px 5px; font-weight: 700; font-size: 16px; color: #000; display: block; border-bottom: 1px solid #000; } #contact { box-shadow: 0 0 12px 0 rgba(0, 0, 0, .1); padding: 60px 0; overflow: hidden; } #contact .section-header { padding-bottom: 30px; } #contact .contact-about h3 { font-size: 36px; margin: 0 0 10px 0; padding: 0; line-height: 1; font-family: 'Roboto', sans-serif; font-weight: 300; letter-spacing: 3px; text-transform: uppercase; color: #007bff; } #contact .contact-about p { font-size: 14px; line-height: 24px; font-family: 'Roboto', sans-serif; color: #888; } #contact .social-links { padding-bottom: 20px; } #contact .social-links a { font-size: 18px; display: inline-block; background: #fff; color: #007bff; line-height: 1; padding: 8px 0; margin-right: 4px; border-radius: 50%; text-align: center; width: 36px; height: 36px; transition: .3s; border: 1px solid #007bff; } #contact .social-links a:hover { background: #007bff; color: #fff; } #contact .info { color: #283d50; } #contact .info i { font-size: 32px; color: #007bff; float: left; line-height: 1; } #contact .info p { padding: 0 0 10px 36px; line-height: 28px; font-size: 14px; } #contact .form #sendmessage { color: #007bff; border: 1px solid #007bff; display: none; text-align: center; padding: 15px; font-weight: 600; margin-bottom: 15px; } #contact .form #errormessage { color: red; display: none; border: 1px solid red; text-align: center; padding: 15px; font-weight: 600; margin-bottom: 15px; } #contact .form #errormessage.show, #contact .form #sendmessage.show, #contact .form .show { display: block; } #contact .form .validation { color: red; display: none; margin: 0 0 20px; font-weight: 400; font-size: 13px; } #contact .form input, #contact .form textarea { border-radius: 0; box-shadow: none; font-size: 14px; } #contact .form button[type=submit] { background: #007bff; border: 0; border-radius: 20px; padding: 8px 30px; color: #fff; transition: .3s; } #contact .form button[type=submit]:hover { background: #0067d5; cursor: pointer; } @media (max-width:991px) { #header { height: 60px; padding: 10px 0; } #header .logo h1 { font-size: 28px; padding: 8px 0; } } @media (max-width:480px) { #modal_Regcourse { margin-top: 50px; } } @media (max-width:768px) { .title-xseo, .title-xseo::before { width: 100%; } } @media (max-width:767px) { .xs-video { padding-top: 15px; } .hide-dt { display: none; } .hide-dt, .visi-dt .text-video-left { display: none; } .hide-dt.visi-dt { display: block; margin-top: 0; margin-bottom: 30px; } .title-xseo { font-size: 20px; line-height: 28px; } } @media (min-width:767px) { .hide-tab-product { display: none; } } @media (max-width:959px) { .download-xseo { left: 15%; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @media (max-width:1200px) { .video-container { margin-left: 0; padding-right: 0; padding-bottom: 60%; } .bg-wt { font-size: 14px; } } @media (max-width: 1200px) { .btn-action { justify-content: space-between; } .btn-action a { font-size: 22px; } } @media (max-width: 768px) { #footer { padding: 0; } #footer ul.menu-footer { margin-bottom: 20px; } #footer ul.menu-footer li:first-child { margin: 20px 0 8px 0; } #footer ul.menu-footer li:first-child a { font-weight: 500; } } label.error { color: red; padding-top: 10px; font-size: 16px; } @media (max-width:768px) { .area-header-icon { display: none; } .Hr-toppic { font-size: 20px; } .product-lst>div { padding: 0; } #footer { font-size: 16px; } } /*có thể bạn quan tâm*/ .NewsLater-section { padding: 40px 0; } .NewsLater-section .Hr-toppic { margin-bottom: 40px; } /*css button download register*/ .btn-action { /* margin: 30px 0; */ display: flex; column-gap: 36px; white-space: nowrap; } .btn-action a { font-size: 20px; line-height: 20px; padding: 5px 5px; border-radius: 22px I !important; color: #fff; } .btn-action .btn-download a { background: #00328B; } .btn-action .btn-register a { background: #B90000; } @media (max-width: 768px) { .btn-action { margin: 20px 0; display: flex; justify-content: space-evenly; } .btn-action a { font-size: 16px; } } .btn-formm { font-weight: 700; font-size: 16px; line-height: 33px; color: #fff; border-radius: 22px; padding: 3px 10px; border: none !important; outline: 0 !important; margin-top: 20px; } .box-NewsMove { border-radius: 20px; padding: 20px; background-color: white; -webkit-box-shadow: -2 0 10px rgb(0 0 0 / 21%); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.21); -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.21); -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.21); box-shadow: 0 0 10px rgb(0 0 0 / 21%); } .box-NewsMoves { /* border-radius: 20px; */ /* padding: 20px; */ background-color: white; -webkit-box-shadow: -2 0 10px rgb(0 0 0 / 21%); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.21); -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.21); -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.21); box-shadow: 0 0 10px rgb(0 0 0 / 21%); } .box-NewsMove img { border-radius: 20px; } .box-NewsMove h3 { font-weight: 500; } .box-NewsMove .des-NewsMove { margin: 0; font-size: 17px; min-height: 1.5rem; color: #111111; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } /* From Uiverse.io by mi-series */ .btn_xseo1 { outline: 0; display: inline-flex; align-items: center; justify-content: space-between; background: #0067d5; min-width: 200px; border: 0; border-radius: 4px; box-shadow: 0 4px 12px rgba(0, 0, 0, .1); box-sizing: border-box; padding: 16px 20px; color: #fff; font-size: 12px; font-weight: 600; letter-spacing: 1.2px; text-transform: uppercase; overflow: hidden; cursor: pointer; } .btn_xseo1:hover { opacity: 1; } .btn_xseo1 .animation { border-radius: 100%; animation: ripple 0.6s linear infinite; } .btn_xseo2 { position: relative; display: inline-block; padding: 14px 38px; font-size: 1.2rem; font-family: 'Segoe UI', Arial, sans-serif; color: #fff; background: linear-gradient(90deg, #1756A9 0%, #1E88E5 100%); border: none; border-radius: 10px; box-shadow: 0 4px 20px rgba(30, 136, 229, 0.18), 0 1.5px 3px rgba(0, 0, 0, 0.06); cursor: pointer; overflow: hidden; transition: background 0.3s, box-shadow 0.3s; } .btn_xseo2 span { position: relative; z-index: 2; font-weight: 600; letter-spacing: 1px; transition: color 0.3s, text-shadow 0.3s, transform 0.2s; } /* Hiệu ứng khi hover */ .btn_xseo2:hover, .xseo-btn:focus { background: linear-gradient(90deg, #E13A3E 0%, #1756A9 100%); box-shadow: 0 6px 24px 0 rgba(225, 58, 62, 0.17), 0 2px 8px rgba(30, 136, 229, 0.12); } .btn_xseo2:hover span, .xseo-btn:focus span { color: #fff900; text-shadow: 0 2px 12px #1756A9, 0 0 4px #E13A3E; transform: translateY(-2px) scale(1.07); } /* Đường gạch chân đỏ Ä‘á»™ng */ .btn_xseo2::after { content: ""; display: block; position: absolute; left: 38px; right: 38px; bottom: 13px; height: 4px; background: linear-gradient(90deg, #E13A3E 0%, #fff900 100%); border-radius: 2px; opacity: 0; transform: scaleX(0.4); transition: opacity 0.2s, transform 0.3s; } .btn_xseo2:hover::after, .xseo-btn:focus::after { opacity: 1; transform: scaleX(1); } .btn_xseo2 .animation { border-radius: 100%; animation: ripple 0.6s linear infinite; } @keyframes ripple { 0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1), 0 0 0 60px rgba(255, 255, 255, 0.1); } 100% { box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1), 0 0 0 60px rgba(255, 255, 255, 0.1), 0 0 0 80px rgba(255, 255, 255, 0); } } .moving-box { width: 120px; height: 60px; background: linear-gradient(90deg, #1e88e5, #e13a3e); color: #fff; display: flex; align-items: center; justify-content: center; border-radius: 18px; font-size: 1.2rem; font-weight: bold; opacity: 0; transform: translateX(0); animation-fill-mode: forwards; box-shadow: 0 4px 18px rgba(30, 136, 229, 0.15); } /* Animation chỉ khi có .show */ #box1 { animation: moveInLeft 0.9s cubic-bezier(0.18, 0.89, 0.32, 1.28) 0.1s forwards; } #box2 { animation: moveInRight 0.9s cubic-bezier(0.18, 0.89, 0.32, 1.28) 0.35s forwards; } #box3 { animation: moveInLeft 0.9s cubic-bezier(0.18, 0.89, 0.32, 1.28) 0.6s forwards; } @keyframes moveInLeft { from { opacity: 0; transform: translateX(-120px) scale(0.7) rotate(-5deg); } to { opacity: 1; transform: translateX(0) scale(1) rotate(0deg); } } @keyframes moveInRight { from { opacity: 0; transform: translateX(120px) scale(0.7) rotate(5deg); } to { opacity: 1; transform: translateX(0) scale(1) rotate(0deg); } } .pricing-table { display: flex; justify-content: center; gap: 36px; max-width: 900px; margin: 0 auto; } .plan { background: #fff; border: 1.5px solid #ececf1; border-radius: 18px; box-shadow: 0 2px 18px rgba(30, 136, 229, 0.06); flex: 1 1 300px; max-width: 350px; min-width: 250px; padding: 16px 16px 16px 16px; display: flex; flex-direction: column; align-items: center; transition: box-shadow 0.2s; } .plan:hover { box-shadow: 0 6px 24px rgba(30, 136, 229, 0.14); border-color: #1e88e5; } .plan-title { font-size: 1.5rem; font-weight: bold; margin-bottom: 12px; color: #222; letter-spacing: 1px; } .plan-price { font-size: 2.2rem; color: #1e88e5; margin-bottom: 10px; font-weight: bold; } .plan-desc { color: #666; font-size: 1rem; margin-bottom: 24px; } .plan-features { width: 100%; margin-bottom: 26px; color: #333; font-size: 1rem; padding-left: 0; list-style: none; text-align: left; } .plan-features li { margin-bottom: 12px; padding-left: 0px; position: relative; } .plan-features li::before { content: "✓"; color: rgba(33, 37, 41, 0.75); position: absolute; left: 0; top: 0; font-size: 1.1em; font-weight: bold; transform: translateX(-18px); } .plan-btn { padding: 12px 28px; border: none; border-radius: 8px; background: linear-gradient(90deg, #1e88e5 60%, #e13a3e 100%); color: #fff; font-size: 1.1rem; font-weight: 600; cursor: pointer; transition: background 0.2s; margin-top: auto; box-shadow: 0 2px 6px rgba(30, 136, 229, 0.07); } .plan-btn:hover { background: linear-gradient(90deg, #e13a3e 20%, #1e88e5 100%); } @media (max-width: 900px) { .pricing-table { flex-direction: column; gap: 24px; align-items: center; } .plan { width: 90%; max-width: 400px; } } .line-fade { border: none; height: 1px; background: #a3c1e6; opacity: 0.35; margin: 28px 0; } .vertical-line { width: 1.5px; height: 80px; background: #a3c1e6; opacity: 0.35; margin: 0 24px; } .font_chuan_xseo { font-family: 'Inter', 'Segoe UI', Arial, sans-serif; font-size: 1px; } /* FOOTER COMMON STYLE */ @media (min-width: 1328px) { .footer .container { max-width: 1298px; } } .footer { background: linear-gradient(to right, #1E3A8A, #7DD3FC); color: white !important; } .footer li a{ color: white !important; } .footer .f_logo { margin-bottom: 20px; } .footer-header { display: flex; align-items: center; justify-content: space-between; } .footer-header-children { display: flex; align-items: center; } .footer-header-children.icon-phone::before { background: transparent url(/images/footer_telephone.svg) no-repeat center center / 100% auto; } .footer-header-children.icon-mail::before { background: transparent url(/images/footer_mail-outline.svg) no-repeat center center / 100% auto; } .footer-header-children.icon-location::before { background: transparent url(/images/footer_location-outline.svg) no-repeat center center / auto 100%; } .footer-header-children.icon::before { content: ''; display: inline-block; width: 20px; height: 20px; margin-right: 2px; } .footer-col { padding: 0 5px; } .footer-col h4 { font-size: 16px; text-transform: capitalize; margin-bottom: 15px; font-weight: 600; position: relative; } .footer ul { list-style: none; margin: 0; padding: 0; } .footer-col ul li:not(:last-child) { margin-bottom: 5px; } .footer-col ul li a { font-size: 14px; text-transform: capitalize; text-decoration: none; font-weight: 300; color: black; display: block; transition: all 0.3s ease; } .footer-footer { display: flex; align-items: center; column-gap: max(1rem, 5px); } .footer-footer-children_1 { flex-basis: 45%; } .footer-footer-children_2 { flex-basis: 5%; font-size: 1.75rem; text-align: center; } .footer-footer a { color: white !important; } .call-us-btn .icon { width: 55px; height: 55px; background-color: #F1F6FC; border-radius: 50%; transition: all 0.3s ease-out 0s; } .call-us-btn .icon i{ color: #0044EB; transition: all 0.3s ease-out 0s; font-size: 18px; } .call-us-btn .info-help .number { color: #020842; font-size: 18px; font-weight: 700; line-height: 30px; transition: all 0.3s ease-out 0s; } .call-us-btn .info-help .title { color: #49515B; font-size: 18px; font-weight: 400; line-height: 28px; letter-spacing: -.36px; } .support-bubble { position: fixed; bottom: 20px; left: 20px; width: 320px; background: #ffffff; border-radius: 12px; box-shadow: 0 8px 25px rgba(0,0,0,0.2); font-family: "Segoe UI", Arial, sans-serif; z-index: 9999; display: none; animation: fadeInUp 0.4s ease; overflow: hidden; } /* Header */ .support-bubble-header { display: flex; align-items: center; padding: 12px; background: linear-gradient(135deg, #00c6ff, #0072ff); color: #fff; font-size: 15px; font-weight: 600; position: relative; } .support-avatar img { width: 42px; height: 42px; border-radius: 50%; margin-right: 10px; border: 2px solid #fff; box-shadow: 0 2px 6px rgba(0,0,0,0.2); } .support-info { flex: 1; } .support-close { cursor: pointer; font-size: 20px; font-weight: bold; color: #fff; transition: 0.3s; } .support-close:hover { color: #ffd700; } /* Body */ .support-bubble-body { padding: 15px; font-size: 14px; color: #333; line-height: 1.5; } /* Footer */ .support-bubble-footer { display: flex; justify-content: space-between; padding: 12px 15px; background: #f8f9fa; border-top: 1px solid #eee; } .support-bubble-footer button { flex: 1; margin: 0 5px; border: none; padding: 10px; border-radius: 25px; font-size: 14px; font-weight: 600; cursor: pointer; transition: all 0.3s ease; } .support-bubble-footer .btn-chat { background: #ffb400; color: #000; } .support-bubble-footer .btn-chat:hover { background: #ff9800; color: #fff; } .support-bubble-footer .btn-skip { background: #e0e0e0; color: #333; } .support-bubble-footer .btn-skip:hover { background: #d6d6d6; } /* Hiệu ứng */ @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } /* Vùng chính */ #contact-widget { position: fixed; bottom: 5%; right: 20px; z-index: 9999; font-family: Arial, sans-serif; display: flex; flex-direction: column; align-items: flex-end; } /* Nút tròn */ #contact-btn { width: 55px; height: 55px; border-radius: 50%; background: linear-gradient(135deg, #00c6ff, #0072ff); display: flex; align-items: center; justify-content: center; color: #fff; font-size: 22px; cursor: pointer; box-shadow: 0 4px 10px rgba(0,0,0,0.2); transition: transform 0.3s; margin-top: 10px; } #contact-btn:hover { transform: scale(1.1); } /* Danh sách menu */ #contact-menu { display: none; flex-direction: column; background: #fff; border-radius: 6px; box-shadow: 0 4px 12px rgba(0,0,0,0.2); margin-bottom: 10px; overflow: hidden; } #contact-menu a { display: flex !important; align-items: center; gap: 10px; padding: 12px 15px; text-decoration: none; color: #333; font-size: 15px; transition: background 0.2s; } #contact-menu a:hover { background: #f2f2f2; } #contact-menu span.icon { width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 16px; } /* Hiệu ứng hiển thị */ .show { display: flex !important; animation: fadeInUp 0.3s ease; } @keyframes fadeInUp { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } #contact-btn { width: 60px; height: 60px; border-radius: 50%; background: linear-gradient(135deg, #00c6ff, #0072ff); color: #fff; font-size: 24px; display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 0 15px rgba(0, 114, 255, 0.6); animation: pulseGlow 2s infinite, bounce 3s infinite; transition: transform 0.3s ease; } #contact-btn:hover { transform: scale(1.15); box-shadow: 0 0 25px rgba(0, 114, 255, 0.9); } /* Hiệu ứng phát sáng nhịp tim */ @keyframes pulseGlow { 0% { box-shadow: 0 0 10px rgba(0,114,255,0.6); } 50% { box-shadow: 0 0 25px rgba(0,114,255,1); } 100% { box-shadow: 0 0 10px rgba(0,114,255,0.6); } } /* Hiệu ứng bounce nhẹ */ @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-6px); } 60% { transform: translateY(-3px); } } :root { --bodyColor: #222; --bodyBg: #fff; --whiteColor: #fff; --blackColor: #0a0624; --blackBlue: #110c34; --headingColor: #222; --contentColor: #5f6c76; --primaryColor: #fe0094; --secondaryColor: #18239d; --greyColor: #ededed; --borderColor: #eee; --borderColor2: #eacadf; --borderColor3: #ccc; --navyBlue: #18239d; --navyBlue2: #221c49; --pinkcolor: #E1ECFE; --violet: #6e1299; --yellow: #ff912c; /* --gradientColor: linear-gradient(90deg, #00229e, #6e1299 47.92%, #fe0094); */ --gradientColor: linear-gradient(90deg, #00328B, #0075E0); --gradientColor2: linear-gradient(180deg, rgba(8, 21, 42, 0), #08152a); --gradientColor3: linear-gradient(90deg, #0f259e, hsla(0, 0%, 100%, 0)); --borderRadius: 8px; --borderRadius2: 5px; --transition: 0.3s; --fontSource: "Source Sans Pro"; --boxShadow1: 0 0 20px 5px rgba(95, 45, 237, .1); } @media (min-width: 1200px) { .container { max-width: 1350px; } } @media (max-width: 767px) { .herobanner.herobanner__front__img__wrapper .herobanner__button { margin-top: 10px; } } @media (min-width: 320px) and (max-width: 575px) { .herobanner__button { margin-top: 20px; flex-wrap: wrap; } } @media (min-width: 320px) and (max-width: 575px) { .herobanner.herobanner__front__img__wrapper .default__button { padding: 20px 10px; } } @media (min-width: 320px) and (max-width: 575px) { .herobanner.herobanner__front__img__wrapper .herobanner__button .video__button { margin-top: 0; margin-left: 6px; } } @media (min-width: 320px) and (max-width: 575px) { .herobanner.herobanner__front__img__wrapper .herobanner__button .video__button .video__button__text { margin-left: 5px; font-size: 14px; } .default__button { padding: 20px 25px !important; } } .herobanner__small__text span { font-size: 15px; font-weight: 700; color: #fe0094; position: relative; padding-left: 45px; margin-bottom: 15px; display: inline-block; } .text__gradient { background: linear-gradient(90deg, #00229e, #6e1299 47.92%, #fe0094); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: #00229e; /* Fallback */ } .herobanner__small__text span:before { position: absolute; content: ""; height: 4px; width: 30px; background: #fe0094; top: 47%; left: 0; } p { padding: 0; margin: 0 0 0px 0; } .herobanner__text p { color: var(--whiteColor); font-size: 19px; font-style: normal; font-weight: 500; line-height: 40px; max-width: 80%; } .text__notes p,strong{ line-height: 40px; } .default__button { padding: 20px 45px; background: var(--gradientColor); color: var(--whiteColor); font-size: 14px; font-style: normal; font-weight: 700; line-height: normal; border-radius: var(--borderRadius); font-family: var(--fontSource); transition: .3s; display: inline-block; } .video__button { position: static; transform: none; margin-left: 20px; } .video__button a { height: 70px; width: 70px; line-height: 70px; position: relative; border: 1px solid var(--borderColor); border-radius: 100%; background: var(--whiteColor); display: inline-block; text-align: center; } .video__button a:before { content: ""; position: absolute; width: 70px; height: 70px; left: -1px; bottom: -1px; background: rgba(248, 66, 46, 0.5); /* Màu dá»±a trên SVG của bạn */ border-radius: 50%; animation: pulse_2 2s ease 0s infinite normal none running; } @keyframes pulse_2 { 0% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.2); opacity: 0.7; } 100% { transform: scale(1); opacity: 1; } } .service__features__icon { width: 80px; height: 80px; display: flex ; align-items: center; justify-content: center; flex: 0 0 auto; margin-right: 20px; font-size: 40px; position: relative; line-height: 0; border-radius: 14px; background: var(--secondaryColor); } .service__features__icon img { transition: .3s linear; transform: rotateY(0); max-width: 50px; } .service__features__wrap { background: var(--whiteColor); box-shadow: 0 4px 50px rgba(0, 0, 0, .08); border-radius: 10px; padding: 30px 50px 30px; position: relative; z-index: 1; } .about__img__wrapper img { max-width: 100%; } .d-flex-ngang{ display: flex; align-items: center; } .about__hiring__list ul li { width: 100%; display: flex; align-items: center; padding-bottom: 20px; font-size: 20px; border-bottom: 1px solid var(--borderColor); margin-bottom: 20px; padding-left: 10px; } .sp_bottom_30 { padding-bottom: 30px; } .about__inner { padding-left: 35px; } .section__title--2 .section__title__heading { max-width: 100%; } .section__title--2 .section__title__text { max-width: 100%; } .section__title--2 .section__title__heading h3 { text-align: left; } .section__title__heading h3 { color: var(--blackColor); text-align: center; font-size: 37px; font-weight: 700; line-height: 50px; margin: 0; } .section__title__text p { color: var(--contentColor); text-align: center; font-weight: 400; line-height: 32px; margin: 0; } .default__button { padding: 20px 45px; background: var(--gradientColor); color: var(--whiteColor); font-size: 14px; font-style: normal; font-weight: 700; line-height: normal; border-radius: var(--borderRadius); font-family: var(--fontSource); transition: .3s; display: inline-block; } .default__button { position: relative; z-index: 100; } .service { position: relative; background-color: var(--pinkcolor); } .sp_bottom_130 { padding-bottom: 130px; } .sp_top_120 { padding-top: 120px; } .section__title__heading { max-width: 50%; margin: 0 auto; } @media screen and (max-width: 768px) { .section__title__heading { max-width: 90%; } } .section__title__heading h3 { color: var(--blackColor); text-align: center; font-size: 37px; font-weight: 700; line-height: 50px; margin: 0; } .section__title__text { max-width: 50%; margin: 0 auto; } .section__title__text p { color: var(--contentColor); text-align: center; font-weight: 400; line-height: 32px; margin: 0; } html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate { opacity: 1; transform: none; } html:not(.no-js) [data-aos^=fade][data-aos^=fade] { opacity: 0; transition-property: opacity, transform; } [data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] { transition-duration: 1.5s; } [data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] { transition-timing-function: ease; } [data-aos].aos-animate { pointer-events: auto; } [data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] { transition-duration: 1s; } .service__single__4 { padding: 40px 22px; background: var(--whiteColor); box-shadow: 0 0 30px rgba(0, 0, 0, .05); text-align: center; transition: var(--transition); border-radius: 8px; -webkit-clip-path: polygon(0 0, 84% 0, 100% 10%, 100% 80%, 100% 100%, 16% 100%, 0 88%, 0 0); clip-path: polygon(0 0, 84% 0, 100% 10%, 100% 80%, 100% 100%, 16% 100%, 0 88%, 0 0); } .service__img__4 { margin-bottom: 25px; max-width: 100px; margin-left: auto; margin-right: auto; } .service__img__4 img { max-width: 100%; } .service__heading__4 { margin-bottom: 10px; } .service__icon a { height: 62px; width: 62px; line-height: 58px; background: var(--pinkcolor); border-radius: 100%; display: inline-block; text-align: center; font-size: 30px; } .direction__btn svg { position: relative; z-index: 99; } .direction__btn svg path { stroke: var(--blackColor); transition: var(--transition); } .direction__btn:after { background: var(--gradientColor); position: absolute; border-radius: 100%; left: 0; top: 0; height: 100%; width: 100%; content: ""; transition: opacity .65s cubic-bezier(.05,.2,.1,1); opacity: 0; z-index: 9; } .service__heading__4 h3 a { font-weight: 700; line-height: 30px; font-size: 20px; color: var(--blackColor); } .facts { background: var(--gradientColor); } .sp_40 { padding: 40px 0; } .facts__inner { display: flex; align-items: center; justify-content: space-between; } @media (max-width: 767px){ .facts__inner { flex-direction: column; } } .facts__single__counter .counter__number { color: var(--whiteColor); font-size: 15px; margin-bottom: 5px; line-height: 1; } .facts__single__counter .counter__number span { font-size: 32px; font-weight: 700; color: var(--whiteColor); } [data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] { transition-duration: 1.8s; } [data-aos].aos-animate { pointer-events: auto; } .facts__single .btn, a, button, img, input, li, p, select, textarea { transition: all var(--transition) ease-out 0s; } .about__list ul { display: flex; flex-wrap: wrap; } .about__list ul li { width: 50%; margin-bottom: 15px; } li { list-style: none; /* display: inline-block; */ } .about__list ul li i, .bg__black .about__inner--2 p, .bg__black .about__list ul li { color: var(--whiteColor); } .about__list ul li i { background: var(--gradientColor); margin-right: 10px; border-radius: 20px; height: 20px; width: 20px; display: inline-block; line-height: 21px; text-align: center; } [class*=" icofont-"], [class^=icofont-] { font-family: IcoFont !important; speak: none; font-style: normal; font-weight: 400; font-feature-settings: normal; font-variant: normal; text-transform: none; white-space: nowrap; word-wrap: normal; direction: ltr; line-height: 1; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } .icofont-check:before { content: "\eed8"; } .section__title__button { margin-bottom: 20px; } .section__title--3 .section__title__button span, .section__title--3 .section__title__heading h3 { color: var(--whiteColor); } .section__title__button span { color: var(--blackColor); font-size: 17px; font-weight: 500; line-height: 1; border: 1px solid var(--borderColor2); padding: 10px 26px; border-radius: 50px; display: inline-block; } .section__title--2 .section__title__heading { max-width: 100%; } .special__spacing .section__title__heading { max-width: 100%; text-align: left; } .section__title__button span { color: var(--blackColor); font-size: 17px; font-weight: 500; line-height: 1; border: 1px solid var(--borderColor2); padding: 10px 26px; border-radius: 50px; display: inline-block; } .text__gradient { -webkit-text-fill-color: transparent; background: var(--gradientColor); -webkit-background-clip: text; } .project__single { margin-bottom: 27px; } .single__transform { transition: var(--transition); } .project__img--2 { position: relative; } .project__img { margin-bottom: 30px; } .project__img--2:before { bottom: 0; height: 95%; display: block; z-index: 1; background: linear-gradient(to bottom, transparent, var(--secondaryColor) 120%); cursor: pointer; opacity: 0; } .project__img--2:after, .project__img--2:before { position: absolute; left: 0; width: 100%; content: ""; transition: opacity .65s cubic-bezier(.05,.2,.1,1); } .project__img img { max-width: 100%; } .project__heading--2 { position: absolute; bottom: 30px; left: 35px; z-index: 11; } .project__heading { max-width: 55%; } .project__heading--2 h3 a { color: var(--whiteColor); } .project__heading h3 a { font-size: 22px; font-weight: 600; line-height: 30px; color: var(--blackColor); } .project__icon--2 { position: absolute; right: 40px; bottom: 40px; z-index: 11; } .project__icon a { background: var(--pinkcolor); } .direction__btn { height: 62px; width: 62px; line-height: 62px; background: var(--whiteColor); text-align: center; display: inline-block; border-radius: 100%; position: relative; } .direction__btn svg { position: relative; z-index: 99; } .direction__btn svg path { stroke: var(--blackColor); transition: var(--transition); } .sp_top_100 { padding-top: 100px; border-radius: var(--borderRadius); } .position-relative { position: relative !important; } .position-static { position: static !important; } .testimonial__author h6 a { font-size: 23px; color: var(--blackColor); font-weight: 700; line-height: 38px; } .swiper-slide .testimonial__text p { font-size: 20px; font-style: italic; font-weight: 500; line-height: 38px; -webkit-text-decoration-line: underline; text-decoration-line: underline; margin: 0; } /* Testimonial Container */ .testimonial__inner { padding: 60px; background: var(--pinkcolor); margin: 0 130px 0 50px; border-radius: var(--borderRadius); position: relative; } /* Testimonial Slider */ .testimonial__single__slider { background: #fff; border-radius: 10px; padding: 30px; box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1); } /* Testimonial Text */ .testimonial__text p { font: italic 500 20px/38px var(--fontSource); color: #666; text-decoration: underline; margin: 0; } /* Testimonial Bottom */ .testimonial__bottom { display: flex; align-items: center; gap: 15px; margin-top: 20px; } /* Testimonial Author */ .testimonial__author h6 a { font: 700 23px/38px var(--fontSource); color: var(--blackColor); text-decoration: none; } .testimonial__author span { display: block; font: 400 14px var(--fontSource); color: #777; } /* Small Image */ .testimonial__small__img { position: absolute; bottom: 20px; right: 20px; } .testimonial__small__img img { border-radius: 50%; width: 60px; height: 60px; object-fit: cover; } /* Slider Controls */ .slider__controls__arrows--2 { position: absolute; right: -130px; top: 58%; } .arrow-btn { width: 65px; height: 65px; background: #007bff; border-radius: 100%; display: flex; align-items: center; justify-content: center; color: var(--whiteColor); transition: var(--transition); cursor: pointer; border: 2px solid var(--whiteColor); } .arrow-btn:hover { background: #0056b3; } .arrow-btn svg { width: 24px; height: 24px; } .swiper-button-disabled { opacity: 0.5; cursor: not-allowed; } /* Responsive Design cho Mobile */ /* DÆ°á»›i 768px (Tablet và Mobile nhỏ hÆ¡n) */ @media (max-width: 768px) { .testimonial__inner { padding: 20px !important; margin: 0; /* Giảm margin để vừa màn hình nhỏ */ } .testimonial__single__slider { padding: 0px !important; } .testimonial__text p { font-size: 16px; /* Giảm kích thÆ°á»›c chữ cho dá»… đọc */ line-height: 30px; } .testimonial__author h6 a { font-size: 20px; /* Giảm kích thÆ°á»›c tiêu đề */ line-height: 32px; } .testimonial__author span { font-size: 13px; /* Giảm kích thÆ°á»›c chữ phụ */ } .testimonial__small__img img { width: 50px; height: 50px; /* Giảm kích thÆ°á»›c ảnh cho mobile */ } .slider__controls__arrows--2 { position: absolute; /* Chuyển nút Ä‘iều hÆ°á»›ng xuống dÆ°á»›i slider */ display: flex; justify-content: center; gap: 15px; margin-top: 20px; } .arrow-btn { width: 45px; /* Giảm kích thÆ°á»›c nút Ä‘iều hÆ°á»›ng */ height: 45px; } .arrow-btn svg { width: 20px; height: 20px; /* Giảm kích thÆ°á»›c icon */ } } .special__spacing .aos-animate .testimonial__inner .testimonial__single__slider{ background: #E1ECFE; box-shadow: none; } .testimonial__slider__active .swiper-wrapper{ z-index: 0; } /* DÆ°á»›i 575px (Mobile nhỏ hÆ¡n) */ @media (max-width: 575px) { .testimonial__inner { padding: 15px; /* Giảm padding thêm */ margin: 0px; } .testimonial__single__slider { padding: 15px; } .testimonial__text p { font-size: 14px; /* Giảm thêm kích thÆ°á»›c chữ */ line-height: 26px; } .testimonial__author h6 a { font-size: 18px; line-height: 28px; } .testimonial__author span { font-size: 12px; } .testimonial__small__img { bottom: 15px; right: 15px; } .testimonial__small__img img { width: 40px; height: 40px; /* Ảnh nhỏ hÆ¡n trên mobile nhỏ */ } .testimonial__bottom { flex-direction: column; /* Chuyển sang xếp dọc nếu cần */ align-items: flex-start; gap: 10px; } .arrow-btn { width: 40px; height: 40px; } .arrow-btn svg { width: 18px; height: 18px; } .slider__controls__arrows--2 { position: absolute; top: 50%; transform: translateY(-50%); right: 15%; display: flex; flex-direction: column; justify-content: center; gap: 15px; margin-top: 0; } } /* DÆ°á»›i 320px (Mobile rất nhỏ) */ @media (max-width: 320px) { .testimonial__text p { font-size: 12px; /* Tối Æ°u cho màn hình siêu nhỏ */ line-height: 22px; } .testimonial__author h6 a { font-size: 16px; line-height: 24px; } .testimonial__author span { font-size: 11px; } .testimonial__small__img img { width: 35px; height: 35px; } } /* Tab Content */ .tab__content__wrapper { padding: 20px 0; } .tab-pane { display: none; } .tab-pane.active.show { display: block; } /* Pricing Single Wrap */ .pricing__single__wrap { margin-bottom: 30px; } .single__transform { transition: var(--transition); } .pricing__gradient { background: var(--gradientColor); border-radius: var(--borderRadius); padding: 5px; } /* Pricing Single */ .pricing__single { background: var(--whiteColor); border-radius: var(--borderRadius); padding: 30px; position: relative; text-align: center; } /* Pricing Small Button */ .pricing__small__button span { font: 700 14px var(--fontSource); color: var(--blackColor); background: #fff; padding: 8px 20px; border-radius: 20px; display: inline-block; margin-bottom: 20px; } /* Pricing Inner Gradient */ .pricing__inner__gradient { background: var(--gradientColor); padding: 20px; border-radius: var(--borderRadius); margin-bottom: 20px; } .pricing__single__price h6.text__gradient { font: 700 36px var(--fontSource); background: var(--gradientColor); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; margin: 0; } .pricing__single__price span { font: 400 16px var(--fontSource); color: #777; display: block; margin-top: 5px; } /* Pricing Text */ .pricing__single__text ul { list-style: none; padding: 0; margin: 20px 0; } .pricing__single__text ul li { font: 400 16px var(--fontSource); color: #666; margin-bottom: 10px; } .single__transform .pricing__single .pricing__single__text ul li{ width: 100%; } /* Pricing Button */ .default__button { padding: 15px 30px; background: var(--gradientColor); color: var(--whiteColor); font: 700 14px var(--fontSource); border-radius: var(--borderRadius); text-decoration: none; display: inline-block; transition: var(--transition); } .default__button:hover { transform: translateY(-3px); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); } /* Pricing Special */ .pricing__special { position: relative; } .pricing__special__badge { position: absolute; top: -10px; right: -10px; } /* Responsive Design */ @media (max-width: 768px) { .pricing__single { padding: 20px; } .pricing__single__price h6.text__gradient { font-size: 30px; } .pricing__single__price span { font-size: 14px; } .pricing__small__button span { font-size: 12px; padding: 6px 15px; } .pricing__single__text ul li { font-size: 14px; } .default__button { padding: 12px 25px; font-size: 13px; } } @media (max-width: 575px) { .pricing__single { padding: 15px; } .pricing__single__price h6.text__gradient { font-size: 26px; } .pricing__single__price span { font-size: 13px; } .pricing__small__button span { font-size: 11px; padding: 5px 12px; } .pricing__single__text ul li { font-size: 13px; margin-bottom: 8px; } .default__button { padding: 10px 20px; font-size: 12px; } .pricing__special__badge { top: -5px; right: -5px; } .pricing__special__badge svg { width: 30px; height: 45px; } } .testimonial__inner { position: relative; padding: 20px 0; } .testimonial__slider__active { overflow: hidden; } .testimonial__single__slider { background: #fff; border-radius: 10px; padding: 30px; box-shadow: 0 5px 30px rgba(0,0,0,0.1); /* margin: 15px; */ } .testimonial__text p { font-size: 16px; line-height: 1.6; color: #666; margin-bottom: 20px; font-style: italic; } .testimonial__bottom { display: flex; align-items: center; gap: 15px; } .testimonial__author h6 { margin: 0; font-size: 18px; color: #333; } .testimonial__author span { display: block; font-size: 14px; color: #777; } .testimonial__small__img { position: absolute; bottom: 20px; right: 20px; } .testimonial__small__img img { border-radius: 50%; width: 60px !important; height: 60px !important; object-fit: cover; } .slider__controls__wrap { margin-top: 20px; display: flex; justify-content: center; gap: 15px; } .arrow-btn { width: 45px; height: 45px; background: #007bff; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s ease; } .arrow-btn:hover { background: #0056b3; } .arrow-btn.swiper-button-disabled { opacity: 0.5; cursor: not-allowed; } /* Responsive */ @media (max-width: 768px) { .testimonial__single__slider { padding: 20px; } .testimonial__text p { font-size: 14px; } .testimonial__small__img img { width: 50px !important; height: 50px !important; } } .slider__controls__arrows .arrow-btn:before { background: var(--gradientColor); position: absolute; border-radius: 100%; left: -3px; top: -3px; height: 67px; width: 67px; content: ""; transition: opacity .65s cubic-bezier(.05,.2,.1,1); opacity: 0; z-index: 9; } .slider__controls__arrows .arrow-btn { font-size: 40px; color: var(--whiteColor); height: 65px; width: 65px; border: 2px solid var(--whiteColor); border-radius: 100px; position: absolute; transition: var(--transition); line-height: 65px; text-align: center; left: 0; } .swiper-button-next, .swiper-button-prev { position: absolute; top: var(--swiper-navigation-top-offset, 50%); width: calc(var(--swiper-navigation-size) / 44* 27); height: var(--swiper-navigation-size); margin-top: calc(0px -(var(--swiper-navigation-size) / 2)); z-index: 10; cursor: pointer; display: flex ; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); } .slider__controls__arrows--2 .arrow-btn.swiper-button-next { top: -90px; right: 0; } .slider__controls__arrows--2 .arrow-btn { right: 0; left: auto; } .slider__controls__arrows .arrow-btn-2 { border: 2px solid #E1ECFE; } .slider__controls__arrows .arrow-btn:before { background: var(--gradientColor); position: absolute; border-radius: 100%; left: -3px; top: -3px; height: 67px; width: 67px; content: ""; transition: opacity .65s cubic-bezier(.05,.2,.1,1); opacity: 0; z-index: 9; } .slider__controls__arrows .arrow-btn { font-size: 40px; color: var(--whiteColor); height: 65px; width: 65px; border: 2px solid var(--whiteColor); border-radius: 100px; position: absolute; transition: var(--transition); line-height: 65px; text-align: center; left: 0; } .slider__controls__arrows--2 { position: absolute; /* right: -130px; */ top: 58%; } /* .service__features__icon:after, .service__features__icon:before { content: ""; position: absolute; width: 4px; height: 30px; background: var(--primaryColor); border-radius: 2px; } */ /* .service__features__icon:after { left: 0; bottom: 10px; } .service__features__icon:before { right: 0; top: 10px; } */ .service__features__item h4 { font-weight: 600 ; } /* Định nghÄ©a lại style cÆ¡ bản từ Ä‘oạn CSS trÆ°á»›c */ .service__features__item { background: var(--whiteColor); border-radius: 10px; padding: 20px; position: relative; transition: transform 0.3s ease; /* Thêm transition cho transform */ transform-style: preserve-3d; /* Cho phép hiệu ứng 3D */ perspective: 1000px; /* Tạo chiều sâu không gian */ } .service__features__icon { width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; background: var(--gradientColor); border-radius: 14px; color: var(--primaryColor); transition: transform 0.3s ease; /* Transition cho icon */ } .service__features__icon img { max-width: 50px; transition: transform 0.3s ease; /* Transition cho hình ảnh */ } /* Hiệu ứng 3D khi hover */ .service__features__item:hover .service__features__icon { transform: translateZ(20px); /* Đẩy icon ra trÆ°á»›c trong không gian 3D */ } .service__features__item:hover .service__features__icon img { transform: rotateY(360deg); /* Xoay hình ảnh 360 Ä‘á»™ theo trục Y */ } .special__spacing .aos-animate .testimonial__inner .swiper-horizontal{ background: #E1ECFE; } @media (max-width: 767px), (min-width: 768px) and (max-width: 991px) { .facts__single > img { display: none; } } @media (max-width: 767px) { .section__title__heading h3 { font-size: 24px; line-height: 36px; } .section__title__text { max-width: 100%; } .about__list ul li { width: 100%; } .sp_bottom_130 { padding-bottom: 0px; padding-top: 0px; } .sp_bottom_110 { padding-bottom: 40px; } .facts__inner { flex-wrap: wrap; } .service__features__wrap { padding: 35px 20px 10px; } .service__features__wrap .service__features__item{ padding: 10px; } .sp_top_100 { padding-top: 40px; } .pricing__small__button { margin-bottom: 20px; } } .slider__controls__arrows--2 .swiper-button-next{ background-color: white; border: 2px solid #E1ECFE; } .slider__controls__arrows--2 .swiper-button-prev{ background-color: white; border: 2px solid #E1ECFE; } .slider__controls__arrows--2 .swiper-button-next:hover{ background-color: white; border: 2px solid #E1ECFE; } .slider__controls__arrows--2 .swiper-button-prev:hover{ background-color: white; border: 2px solid #E1ECFE; } .slider__controls__arrows--2 .swiper-button-next:after{ color: #0a0624; font-size: 20px; } .slider__controls__arrows--2 .swiper-button-prev:after{ color: #0a0624; font-size: 20px; } .single__transform:hover { transform: translateY(-10px); } .pricing__single__price { background: #E1ECFE; border-radius: var(--borderRadius); margin-bottom: 25px; position: relative; z-index: 9; } .pricing__inner__gradient { transition: var(--transition); } .common__gradient__bg { position: relative; } .pricing__small__button { margin-bottom: 50px; } .pricing__small__button span { padding: 3px 23px; border-radius: 0 0 6px 6px; background: #e70303; /* background: var(--gradientColor); */ color: var(--whiteColor); display: inline-block; font-size: 14px; font-weight: 700; } .pricing__single { background: var(--whiteColor); box-shadow: 0 0 30px rgba(0, 0, 0, .05); border-radius: var(--borderRadius); text-align: center; position: relative; z-index: 99; } .pricing__single__wrap .single__transform .pricing__single .pricing__inner__gradient{ background: none; } .contact__info { padding: 45px 40px 10px 50px; background: var(--gradientColor); margin-bottom: 30px; border-radius: var(--borderRadius); } .contact__input__wrapper { background: var(--whiteColor); padding: 30px; border-radius: var(--borderRadius); box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1); } /* Contact Common Input */ .contact__common__input { width: 100%; padding: 15px 20px; border: 1px solid #eee; border-radius: var(--borderRadius); font: 400 16px var(--fontSource); color: #666; margin-bottom: 20px; transition: var(--transition); } .contact__common__input:focus { border-color: var(--primaryColor); outline: none; box-shadow: 0 0 5px rgba(254, 0, 148, 0.3); } /* Select và Textarea */ .contact__common__input[name="cars"] { appearance: none; -webkit-appearance: none; background: url('data:image/svg+xml;utf8,') no-repeat right 15px center; padding-right: 35px; } textarea.contact__common__input { resize: vertical; min-height: 150px; } /* Contact Button */ .contact__button { text-align: center; } .default__button { padding: 15px 30px; background: var(--gradientColor); color: var(--whiteColor); font: 700 14px var(--fontSource); border: none; border-radius: var(--borderRadius); cursor: pointer; transition: var(--transition); display: inline-block; } .default__button:hover { transform: translateY(-3px); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); } /* Contact Single Item */ .contact__single__item { display: flex; align-items: flex-start; margin-bottom: 30px; } .contact__icon { margin-right: 20px; } .contact__icon span svg { width: 25px; height: 25px; } /* Contact Image */ .contact__img { margin-top: 30px; } .contact__img img { max-width: 100%; height: auto; border-radius: var(--borderRadius); } /* Responsive Design */ @media (max-width: 768px) { .contact__input__wrapper, .contact__info__right { padding: 20px; margin-bottom: 20px; } .contact__common__input { padding: 12px 15px; font-size: 14px; margin-bottom: 15px; } .default__button { padding: 12px 25px; font-size: 13px; } .contact__info { padding: 20px; } .contact__single__item { margin-bottom: 20px; } .contact__text h6 { font-size: 16px; } .contact__text p { font-size: 14px; line-height: 22px; } .contact__img { margin-top: 20px; } } @media (max-width: 575px) { .contact__input__wrapper, .contact__info__right { padding: 15px; } .contact__common__input { padding: 10px 12px; font-size: 13px; margin-bottom: 10px; } textarea.contact__common__input { min-height: 120px; } .default__button { padding: 10px 20px; font-size: 12px; } .contact__info { padding: 15px; } .contact__single__item { flex-direction: column; align-items: flex-start; } .contact__icon { margin-right: 0; margin-bottom: 10px; } .contact__text h6 { font-size: 15px; } .contact__text p { font-size: 13px; line-height: 20px; } } .contact__icon span { height: 62px; width: 62px; line-height: 62px; background: var(--whiteColor); border-radius: 100%; display: inline-block; text-align: center; } .contact__info .contact__single__item .contact__text h6 { font-size: 17px; font-weight: 400; -webkit-text-decoration-line: underline; text-decoration-line: underline; color: var(--whiteColor); margin: 0 0 10px; } .contact__info .contact__single__item .contact__text p { color: var(--whiteColor); margin: 0; } .contact__text p a{ color: white; } .blog__single { display: flex; align-items: center; border-top: 1px solid var(--borderColor2); padding-top: 20px; padding-bottom: 20px; } .blog__img { margin-right: 65px; transition: var(--transition); } .blog__date__inner { background: var(--whiteColor); text-align: center; width: 164px; transition: var(--transition); border-radius: var(--borderRadius); height: 164px; margin-right: 75px; align-content: center; display: flex; flex-wrap: wrap; position: relative; z-index: 15; box-shadow: 0 4px 20px rgba(0, 0, 0, .05); } .direction__btn { height: 62px; width: 62px; line-height: 62px; background: var(--whiteColor); text-align: center; display: inline-block; border-radius: 100%; position: relative; } .direction__btn svg { position: relative; z-index: 99; } .direction__btn svg path { stroke: var(--blackColor); transition: var(--transition); } .direction__btn:after { background: var(--gradientColor); position: absolute; border-radius: 100%; left: 0; top: 0; height: 100%; width: 100%; content: ""; transition: opacity .65s cubic-bezier(.05,.2,.1,1); opacity: 0; z-index: 9; } .blog__single h6 a { font-size: 21px; font-weight: 600; line-height: 33px; color: var(--blackColor); } .blog__single p span { font-size: 17px ; line-height: 32px ; margin: 0; color: var(--contentColor) ; } .blog__single:hover .blog__date__inner { background: var(--gradientColor); color: white; } .blog__date__inner span { margin: 0; font-size: 20px; font-weight: 600; line-height: 30px; width: 100%; } .blog__single .text-desi{ line-height: 32px; margin: 0; font-size: 17px; } .blog__single { position: relative; /* Để thêm overlay nếu cần */ overflow: hidden; /* Giữ ảnh không tràn ra ngoài */ } .blog__single img { transition: transform 0.4s ease; /* Hiệu ứng phóng to mượt mà */ display: block; /* Đảm bảo ảnh không bị lệch */ } .blog__single img { transition: transform 0.4s ease; /* Hiệu ứng mượt mà trong 0.4 giây */ } .blog__single:hover img { transform: rotate(5deg); /* Xoay ảnh 35 Ä‘á»™ khi hover */ } /* Tùy chọn: Thêm overlay khi hover */ .blog__single::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 0.4s ease; } .blog__date__inner::after{ color: white; } .blog__single:hover::after { opacity: 1; /* Hiện overlay khi hover */ } .footer__text p{ color: white !important; } .footer__menu__title h6{ color: white !important; } .footer__menu ul li a{ color: white !important; } .footer__icon ul li a { width: 52px; height: 52px; line-height: 52px; text-align: center; border-radius: 100%; background: var(--whiteColor); display: inline-block; color: var(--blackColor); font-size: 15px; font-weight: 400; } .pink__bg__color { background-color: #E1ECFE; /* Màu nền hồng nhạt */ } /* Badge thÆ°Æ¡ng hiệu footer */ .bastun__brand__badge__footer { position: absolute; top: -94px; /* Ná»­a chiều cao của badge để nhô lên trên footer */ left: 50%; transform: translateX(-50%); } .bastun__brand__badge__inner { position: relative; width: 188px; height: 188px; } .bbb__animate { animation: rotate 20s linear infinite; /* Hiệu ứng xoay nếu có */ } .bbb__icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } /* Container */ .container { max-width: 1200px; margin: 0 auto; padding: 0 15px; } /* Wrapper footer */ .footer__wrapper { padding-bottom: 110px; /* sp_bottom_110 */ } /* Footer widget trái */ .footer__left { position: relative; } .footer__logo img { max-width: 165px; height: auto; } .footer__text p { color: #666; font-size: 16px; line-height: 1.6; margin-top: 20px; } .footer__icon ul { list-style: none; padding: 0; display: flex; gap: 15px; margin-top: 20px; } .footer__icon ul li a { color: #333; font-size: 18px; transition: color 0.3s ease; } .footer__icon ul li a:hover { color: #ff5e62; /* Màu hồng đậm khi hover */ } /* Footer widget há»— trợ và liên kết nhanh */ .footer__support, .footer__quick { margin-top: 30px; } .footer__menu__title h6 { font-size: 16px; font-weight: 600; color: #333; margin-bottom: 20px; } .footer__menu ul { list-style: none; padding: 0; } .footer__menu ul li { margin-bottom: 10px; } .footer__menu ul li a { color: #666; font-size: 16px; text-decoration: none; transition: color 0.3s ease; } .footer__menu ul li a:hover { color: #ff5e62; } /* Footer widget phải (Subscription) */ .footer__right { margin-top: 30px; } .footer__input input { width: 100%; padding: 12px 15px; border: 1px solid #ddd; border-radius: 5px; font-size: 16px; margin-bottom: 20px; } .footer__bottom .default__button { background-color: #ff5e62; color: #fff; padding: 12px 25px; border: none; border-radius: 5px; font-size: 16px; font-weight: 600; text-transform: uppercase; cursor: pointer; transition: background-color 0.3s ease; } .footer__bottom .default__button:hover { background-color: #e04e52; } /* Copyright */ .copyright { border-top: 1px solid #eee; padding: 20px 0; } .copyright__left p { font-size: 14px; color: #666; margin: 0; } .copyright__left a { color: #ff5e62; text-decoration: none; } .copyright__right ul { list-style: none; padding: 0; display: flex; justify-content: flex-end; gap: 15px; } .copyright__right ul li a { font-size: 14px; color: #666; text-decoration: none; } .copyright__right ul li a:hover { color: #ff5e62; } /* Animation cho badge (nếu có) */ @keyframes rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Responsive */ @media (max-width: 1199px) { .footer__wrapper { padding-bottom: 80px; } } @media (max-width: 991px) { .footer__widget { margin-bottom: 40px; } .copyright__left, .copyright__right { text-align: center; } .copyright__right ul { justify-content: center; margin-top: 10px; } } .footer { padding-top: 50px; } .product-item { position: relative; /* Để định vị tuyệt đối các phần tá»­ con */ } .discount-badge { position: absolute; top: 10px; right: 10px; background: #e53935; /* đỏ nổi bật */ color: #fff; font-weight: bold; font-size: 18px; padding: 5px 10px; border-radius: 5px 0 5px 0; /* bo góc kiểu nhãn */ z-index: 10; box-shadow: 0 2px 6px rgba(0,0,0,0.2); } /* W3.CSS 2.95 Feb 2017 by Jan Egil and Borge Refsnes */ html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit} /* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */ html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0} article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block} audio,canvas,progress,video{display:inline-block}progress{vertical-align:baseline} audio:not([controls]){display:none;height:0}[hidden],template{display:none} a{background-color:transparent;-webkit-text-decoration-skip:objects} a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted} dfn{font-style:italic}mark{background:#ff0;color:#000} small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline} sub{bottom:-0.25em}sup{top:-0.5em}figure{margin:1em 40px} img{border-style:none}svg:not(:root){overflow:hidden} code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em} hr{box-sizing:content-box;height:0;overflow:visible} button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:bold} button,input{overflow:visible; /*width: 181px;*/ }button,select{text-transform:none} button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button} button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner{border-style:none;padding:0} button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring{outline:1px dotted ButtonText} fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em} legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto} [type=checkbox],[type=radio]{padding:0} [type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto} [type=search]{-webkit-appearance:textfield;outline-offset:-2px} [type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none} ::-webkit-input-placeholder{color:inherit;opacity:0.54} ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit} /* End extract */ html,body{font-family:Verdana,sans-serif;font-size:15px;line-height:1.5}html{overflow-x:hidden} h1,h2,h3,h4,h5,h6,.w3-slim,.w3-wide{font-family:"Segoe UI",Arial,sans-serif} h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px} .w3-serif{font-family:"Times New Roman",Times,serif} h1,h2,h3,h4,h5,h6{font-weight:400;margin:10px 0}.w3-wide{letter-spacing:4px} h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit} hr{border:0;border-top:1px solid #eee;margin:20px 0} img{margin-bottom:-5px}a{color:inherit} .w3-image{max-width:100%;height:auto} .w3-table,.w3-table-all{border-collapse:collapse;border-spacing:0;width:100%;display:table} .w3-table-all{border:1px solid #ccc} .w3-bordered tr,.w3-table-all tr{border-bottom:1px solid #ddd} .w3-striped tbody tr:nth-child(even){background-color:#f1f1f1} .w3-table-all tr:nth-child(odd){background-color:#fff} .w3-table-all tr:nth-child(even){background-color:#f1f1f1} .w3-hoverable tbody tr:hover,.w3-ul.w3-hoverable li:hover{background-color:#ccc} .w3-centered tr th,.w3-centered tr td{text-align:center} .w3-table td,.w3-table th,.w3-table-all td,.w3-table-all th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top} .w3-table th:first-child,.w3-table td:first-child,.w3-table-all th:first-child,.w3-table-all td:first-child{padding-left:16px} .w3-btn,.w3-btn-block,.w3-button{border:none;display:inline-block;outline:0;padding:6px 16px;vertical-align:middle;overflow:hidden;text-decoration:none!important;color:#fff;background-color:#000;text-align:center;cursor:pointer;white-space:nowrap} .w3-btn:hover,.w3-btn-block:hover,.w3-btn-floating:hover,.w3-btn-floating-large:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)} .w3-button{color:#000;background-color:#f1f1f1;padding:8px 16px}.w3-button:hover{color:#000!important;background-color:#ccc!important} .w3-btn,.w3-btn-floating,.w3-btn-floating-large,.w3-closenav,.w3-opennav,.w3-btn-block,.w3-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .w3-btn-floating,.w3-btn-floating-large{display:inline-block;text-align:center;color:#fff;background-color:#000;position:relative;overflow:hidden;z-index:1;padding:0;border-radius:50%;cursor:pointer;font-size:24px} .w3-btn-floating{width:40px;height:40px;line-height:40px}.w3-btn-floating-large{width:56px;height:56px;line-height:56px} .w3-disabled,.w3-btn:disabled,.w3-button:disabled,.w3-btn-floating:disabled,.w3-btn-floating-large:disabled{cursor:not-allowed;opacity:0.3}.w3-disabled *,:disabled *{pointer-events:none} .w3-btn.w3-disabled:hover,.w3-btn-block.w3-disabled:hover,.w3-btn:disabled:hover,.w3-btn-floating.w3-disabled:hover,.w3-btn-floating:disabled:hover, .w3-btn-floating-large.w3-disabled:hover,.w3-btn-floating-large:disabled:hover{box-shadow:none} .w3-btn-group .w3-btn{float:left}.w3-btn-block{width:100%} .w3-btn-bar .w3-btn{box-shadow:none;background-color:inherit;color:inherit;float:left}.w3-btn-bar .w3-btn:hover{background-color:#ccc} .w3-badge,.w3-tag,.w3-sign{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center} .w3-badge{border-radius:50%} ul.w3-ul{list-style-type:none;padding:0;margin:0}ul.w3-ul li{padding:6px 2px 6px 16px;border-bottom:1px solid #ddd}ul.w3-ul li:last-child{border-bottom:none} .w3-tooltip,.w3-display-container{position:relative}.w3-tooltip .w3-text{display:none}.w3-tooltip:hover .w3-text{display:inline-block} .w3-navbar{list-style-type:none;margin:0;padding:0;overflow:hidden} .w3-navbar li{float:left}.w3-navbar li a,.w3-navitem,.w3-navbar li .w3-btn,.w3-navbar li .w3-input{display:block;padding:8px 16px}.w3-navbar li .w3-btn,.w3-navbar li .w3-input{border:none;outline:none;width:100%} .w3-navbar li a:hover{color:#000;background-color:#ccc} .w3-navbar .w3-dropdown-hover,.w3-navbar .w3-dropdown-click{position:static} .w3-navbar .w3-dropdown-hover:hover,.w3-navbar .w3-dropdown-hover:first-child,.w3-navbar .w3-dropdown-click:hover{background-color:#ccc;color:#000} .w3-navbar a,.w3-topnav a,.w3-sidenav a,.w3-dropdown-content a,.w3-accordion-content a,.w3-dropnav a,.w3-navblock a{text-decoration:none!important} .w3-navbar .w3-opennav.w3-right{float:right!important}.w3-topnav{padding:8px 8px} .w3-navblock .w3-dropdown-hover:hover,.w3-navblock .w3-dropdown-hover:first-child,.w3-navblock .w3-dropdown-click:hover{background-color:#ccc;color:#000} .w3-navblock .w3-dropdown-hover,.w3-navblock .w3-dropdown-click{width:100%}.w3-navblock .w3-dropdown-hover .w3-dropdown-content,.w3-navblock .w3-dropdown-click .w3-dropdown-content{min-width:100%} .w3-topnav a{padding:0 8px;border-bottom:3px solid transparent;-webkit-transition:border-bottom .25s;transition:border-bottom .25s} .w3-topnav a:hover{border-bottom:3px solid #fff}.w3-topnav .w3-dropdown-hover a{border-bottom:0} .w3-opennav,.w3-closenav{color:inherit}.w3-opennav:hover,.w3-closenav:hover{cursor:pointer;opacity:0.8} .w3-btn,.w3-btn-floating,.w3-dropnav a,.w3-btn-floating-large,.w3-btn-block, .w3-navbar a,.w3-navblock a,.w3-sidenav a,.w3-pagination li a,.w3-hoverable tbody tr,.w3-hoverable li, .w3-accordion-content a,.w3-dropdown-content a,.w3-dropdown-click:hover,.w3-dropdown-hover:hover,.w3-opennav,.w3-closenav,.w3-closebtn,*[class*="w3-hover-"] {-webkit-transition:background-color .25s,color .15s,box-shadow .25s,opacity 0.25s,filter 0.25s,border 0.15s;transition:background-color .25s,color .15s,box-shadow .15s,opacity .25s,filter .25s,border .15s} .w3-ripple:active{opacity:0.5}.w3-ripple{-webkit-transition:opacity 0s;transition:opacity 0s} .w3-sidenav{height:100%;width:200px;background-color:#fff;position:fixed!important;z-index:1;overflow:auto} .w3-sidenav a,.w3-navblock a{padding:4px 2px 4px 16px}.w3-sidenav a:hover,.w3-navblock a:hover{background-color:#ccc}.w3-sidenav a,.w3-dropnav a,.w3-navblock a{display:block} .w3-sidenav .w3-dropdown-hover:hover,.w3-sidenav .w3-dropdown-hover:first-child,.w3-sidenav .w3-dropdown-click:hover,.w3-dropnav a:hover{background-color:#ccc;color:#000} .w3-sidenav .w3-dropdown-hover,.w3-sidenav .w3-dropdown-click {width:100%}.w3-sidenav .w3-dropdown-hover .w3-dropdown-content,.w3-sidenav .w3-dropdown-click .w3-dropdown-content{min-width:100%} .w3-main,#main{transition:margin-left .4s} .w3-modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)} .w3-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}.w3-closebtn{text-decoration:none;float:right;font-size:24px;font-weight:bold;color:inherit} .w3-closebtn:hover,.w3-closebtn:focus{color:#000;text-decoration:none;cursor:pointer} .w3-pagination{display:inline-block;padding:0;margin:0}.w3-pagination li{display:inline} .w3-pagination li a{text-decoration:none;color:#000;float:left;padding:8px 16px} .w3-pagination li a:hover{background-color:#ccc} .w3-input-group,.w3-group{margin-top:24px;margin-bottom:24px} .w3-input{padding:8px;display:block;border:none;border-bottom:1px solid #808080;width:100%} .w3-label{color:#009688}.w3-input:not(:valid)~.w3-validate{color:#f44336} .w3-select{padding:9px 0;width:100%;color:#000;border:1px solid transparent;border-bottom:1px solid #009688} .w3-select select:focus{color:#000;border:1px solid #009688}.w3-select option[disabled]{color:#009688} .w3-dropdown-click,.w3-dropdown-hover{position:relative;display:inline-block;cursor:pointer} .w3-dropdown-hover:hover .w3-dropdown-content{display:block;z-index:1} .w3-dropdown-hover:hover,.w3-dropdown-hover:first-child,.w3-dropdown-click:hover{background-color:#ccc;color:#000} .w3-dropdown-content{cursor:auto;color:#000;background-color:#fff;display:none;position:absolute;min-width:160px;margin:0;padding:0} .w3-dropdown-content a{padding:6px 16px;display:block} .w3-dropdown-content a:hover{background-color:#ccc} .w3-accordion {width:100%;cursor:pointer} .w3-accordion-content{cursor:auto;display:none;position:relative;width:100%;margin:0;padding:0} .w3-accordion-content a{padding:6px 16px;display:block}.w3-accordion-content a:hover{background-color:#ccc} .w3-progress-container{width:100%;height:1.5em;position:relative;background-color:#f1f1f1} .w3-progressbar{background-color:#757575;height:100%;position:absolute;line-height:inherit} input[type=checkbox].w3-check,input[type=radio].w3-radio{width:24px;height:24px;position:relative;top:6px} input[type=checkbox].w3-check:checked+.w3-validate,input[type=radio].w3-radio:checked+.w3-validate{color:#009688} input[type=checkbox].w3-check:disabled+.w3-validate,input[type=radio].w3-radio:disabled+.w3-validate{color:#aaa} .w3-bar{width:100%;overflow:hidden}.w3-center .w3-bar{display:inline-block;width:auto} .w3-bar-item{padding:8px 16px;float:left;background-color:inherit;color:inherit;width:auto;border:none;outline:none;display:block} .w3-bar .w3-btn{padding:8px 16px;background-color:inherit;color:inherit;box-shadow:none} .w3-bar .w3-btn:hover{color:#000!important;background-color:#ccc!important} .w3-bar .w3-dropdown-hover,.w3-bar .w3-dropdown-click{position:static;float:left} .w3-bar .w3-dropdown-hover:hover,.w3-bar .w3-dropdown-hover:first-child,.w3-bar .w3-dropdown-click:hover{background-color:#ccc;color:#000} .w3-block{display:block;width:100%} .w3-responsive{overflow-x:auto} .w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before,.w3-cell-row:before,.w3-cell-row:after, .w3-topnav:after,.w3-topnav:before,.w3-clear:after,.w3-clear:before,.w3-btn-group:before,.w3-btn-group:after,.w3-btn-bar:before,.w3-btn-bar:after,.w3-bar:before,.w3-bar:after {content:"";display:table;clear:both} .w3-col,.w3-half,.w3-third,.w3-twothird,.w3-threequarter,.w3-quarter{float:left;width:100%} .w3-col.s1{width:8.33333%} .w3-col.s2{width:16.66666%} .w3-col.s3{width:24.99999%} .w3-col.s4{width:33.33333%} .w3-col.s5{width:41.66666%} .w3-col.s6{width:49.99999%} .w3-col.s7{width:58.33333%} .w3-col.s8{width:66.66666%} .w3-col.s9{width:74.99999%} .w3-col.s10{width:83.33333%} .w3-col.s11{width:91.66666%} .w3-col.s12,.w3-half,.w3-third,.w3-twothird,.w3-threequarter,.w3-quarter{width:99.99999%} @media (min-width:601px){ .w3-col.m1{width:8.33333%} .w3-col.m2{width:16.66666%} .w3-col.m3,.w3-quarter{width:24.99999%} .w3-col.m4,.w3-third{width:33.33333%} .w3-col.m5{width:41.66666%} .w3-col.m6,.w3-half{width:49.99999%} .w3-col.m7{width:58.33333%} .w3-col.m8,.w3-twothird{width:66.66666%} .w3-col.m9,.w3-threequarter{width:74.99999%} .w3-col.m10{width:83.33333%} .w3-col.m11{width:91.66666%} .w3-col.m12{width:99.99999%} .col_product{ width:50% } } @media (min-width:993px){ .w3-col.l1{width:8.33333%} .w3-col.l2{width:16.66666%} .w3-col.l3,.w3-quarter{width:24.99999%} .w3-col.l4,.w3-third{width:33.33333%} .w3-col.l5{width:41.66666%} .w3-col.l6,.w3-half{width:49.99999%} .w3-col.l7{width:58.33333%} .w3-col.l8,.w3-twothird{width:66.66666%} .w3-col.l9,.w3-threequarter{width:74.99999%} .w3-col.l10{width:83.33333%} .w3-col.l11{width:91.66666%} .w3-col.l12{width:99.99999%} .col_product{ width:20% } } .w3-content{max-width:980px;margin:auto} .w3-rest{overflow:hidden} .w3-layout-container,.w3-cell-row{display:table;width:100%}.w3-layout-row{display:table-row}.w3-layout-cell,.w3-layout-col,.w3-cell{display:table-cell} .w3-layout-top,.w3-cell-top{vertical-align:top}.w3-layout-middle,.w3-cell-middle{vertical-align:middle}.w3-layout-bottom,.w3-cell-bottom{vertical-align:bottom} .w3-hide{display:none!important}.w3-show-block,.w3-show{display:block!important}.w3-show-inline-block{display:inline-block!important} @media (max-width:600px){.w3-modal-content{margin:0 10px;width:auto!important}.w3-modal{padding-top:30px} .w3-topnav a{display:block}.w3-navbar li:not(.w3-opennav){float:none;width:100%!important}.w3-navbar li.w3-right{float:none!important} .w3-topnav .w3-dropdown-hover .w3-dropdown-content,.w3-navbar .w3-dropdown-click .w3-dropdown-content,.w3-navbar .w3-dropdown-hover .w3-dropdown-content,.w3-dropdown-hover.w3-mobile .w3-dropdown-content,.w3-dropdown-click.w3-mobile .w3-dropdown-content{position:relative} .w3-topnav,.w3-navbar{text-align:center}.w3-hide-small{display:none!important}.w3-layout-col,.w3-mobile{display:block;width:100%!important}.w3-bar-item.w3-mobile,.w3-dropdown-hover.w3-mobile,.w3-dropdown-click.w3-mobile{text-align:center} .w3-dropdown-hover.w3-mobile,.w3-dropdown-hover.w3-mobile .w3-btn,.w3-dropdown-hover.w3-mobile .w3-button,.w3-dropdown-click.w3-mobile,.w3-dropdown-click.w3-mobile .w3-btn,.w3-dropdown-click.w3-mobile .w3-button{width:100%}} @media (max-width:768px){.w3-modal-content{width:500px}.w3-modal{padding-top:50px}} @media (min-width:993px){.w3-modal-content{width:900px}.w3-hide-large{display:none!important}.w3-sidenav.w3-collapse{display:block!important}} @media (max-width:992px) and (min-width:601px){.w3-hide-medium{display:none!important}} @media (max-width:992px){.w3-sidenav.w3-collapse{display:none}.w3-main{margin-left:0!important;margin-right:0!important}} .w3-top,.w3-bottom{position:fixed;width:100%;z-index:1}.w3-top{top:0}.w3-bottom{bottom:0} .w3-overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:2} .w3-left{float:left!important}.w3-right{float:right!important} .w3-tiny{font-size:10px!important}.w3-small{font-size:12px!important} .w3-medium{font-size:15px!important}.w3-large{font-size:18px!important} .w3-xlarge{font-size:24px!important}.w3-xxlarge{font-size:36px!important} .w3-xxxlarge{font-size:48px!important}.w3-jumbo{font-size:64px!important} .w3-vertical{word-break:break-all;line-height:1;text-align:center;width:0.6em} .w3-left-align{text-align:left!important}.w3-right-align{text-align:right!important} .w3-justify{text-align:justify!important}.w3-center{text-align:center!important} .w3-display-topleft{position:absolute;left:0;top:0}.w3-display-topright{position:absolute;right:0;top:0} .w3-display-bottomleft{position:absolute;left:0;bottom:0}.w3-display-bottomright{position:absolute;right:0;bottom:0} .w3-display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)} .w3-display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)} .w3-display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)} .w3-display-topmiddle{position:absolute;left:50%;top:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)} .w3-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)} .w3-display-container:hover .w3-display-hover{display:block}.w3-display-container:hover span.w3-display-hover{display:inline-block}.w3-display-hover{display:none} .w3-circle{border-radius:50%!important} .w3-round-small{border-radius:2px!important}.w3-round,.w3-round-medium{border-radius:4px!important} .w3-round-large{border-radius:8px!important}.w3-round-xlarge{border-radius:16px!important} .w3-round-xxlarge{border-radius:32px!important}.w3-round-jumbo{border-radius:64px!important} .w3-border-0{border:0!important}.w3-border{border:1px solid #ccc!important} .w3-border-top{border-top:1px solid #ccc!important}.w3-border-bottom{border-bottom:1px solid #ccc!important} .w3-border-left{border-left:1px solid #ccc!important}.w3-border-right{border-right:1px solid #ccc!important} .w3-margin{margin:16px!important}.w3-margin-0{margin:0!important} .w3-margin-top{margin-top:16px!important}.w3-margin-bottom{margin-bottom:16px!important} .w3-margin-left{margin-left:16px!important}.w3-margin-right{margin-right:16px!important} .w3-section{margin-top:16px!important;margin-bottom:16px!important} .w3-padding-tiny{padding:2px 4px!important}.w3-padding-small{padding:4px 8px!important} .w3-padding-medium,.w3-padding,.w3-form{padding:8px 16px!important} .w3-padding-large{padding:12px 24px!important}.w3-padding-xlarge{padding:16px 32px!important} .w3-padding-xxlarge{padding:24px 48px!important}.w3-padding-jumbo{padding:32px 64px!important} .w3-padding-4{padding-top:4px!important;padding-bottom:4px!important} .w3-padding-8{padding-top:8px!important;padding-bottom:8px!important} .w3-padding-12{padding-top:12px!important;padding-bottom:12px!important} .w3-padding-16{padding-top:16px!important;padding-bottom:16px!important} .w3-padding-24{padding-top:24px!important;padding-bottom:24px!important} .w3-padding-32{padding-top:32px!important;padding-bottom:32px!important} .w3-padding-48{padding-top:48px!important;padding-bottom:48px!important} .w3-padding-64{padding-top:64px!important;padding-bottom:64px!important} .w3-padding-128{padding-top:128px!important;padding-bottom:128px!important} .w3-padding-0{padding:0!important} .w3-padding-top{padding-top:8px!important}.w3-padding-bottom{padding-bottom:8px!important} .w3-padding-left{padding-left:16px!important}.w3-padding-right{padding-right:16px!important} .w3-topbar{border-top:6px solid #ccc!important}.w3-bottombar{border-bottom:6px solid #ccc!important} .w3-leftbar{border-left:6px solid #ccc!important}.w3-rightbar{border-right:6px solid #ccc!important} .w3-row-padding,.w3-row-padding>.w3-half,.w3-row-padding>.w3-third,.w3-row-padding>.w3-twothird,.w3-row-padding>.w3-threequarter,.w3-row-padding>.w3-quarter,.w3-row-padding>.w3-col{padding:0 8px} .w3-spin{animation:w3-spin 2s infinite linear;-webkit-animation:w3-spin 2s infinite linear} @-webkit-keyframes w3-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}} @keyframes w3-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}} .w3-container{padding:0.01em 16px} .w3-panel{padding:0.01em 16px;margin-top:16px!important;margin-bottom:16px!important} .w3-example{background-color:#f1f1f1;padding:0.01em 16px} .w3-code,.w3-codespan{font-family:Consolas,"courier new";font-size:16px} .w3-code{line-height:1.4;width:auto;background-color:#fff;padding:8px 12px;border-left:4px solid #4CAF50;word-wrap:break-word} .w3-codespan{color:crimson;background-color:#f1f1f1;padding-left:4px;padding-right:4px;font-size:110%} .w3-example,.w3-code{margin:20px 0}.w3-card{border:1px solid #ccc} .w3-card-2,.w3-example{box-shadow:0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important} .w3-card-4,.w3-hover-shadow:hover{box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)!important} .w3-card-8{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)!important} .w3-card-12{box-shadow:0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19)!important} .w3-card-16{box-shadow:0 16px 24px 0 rgba(0,0,0,0.22),0 25px 55px 0 rgba(0,0,0,0.21)!important} .w3-card-24{box-shadow:0 24px 24px 0 rgba(0,0,0,0.2),0 40px 77px 0 rgba(0,0,0,0.22)!important} .w3-animate-fading{-webkit-animation:fading 10s infinite;animation:fading 10s infinite} @-webkit-keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}} @keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}} .w3-animate-opacity{-webkit-animation:opac 0.8s;animation:opac 0.8s} @-webkit-keyframes opac{from{opacity:0} to{opacity:1}} @keyframes opac{from{opacity:0} to{opacity:1}} .w3-animate-top{position:relative;-webkit-animation:animatetop 0.4s;animation:animatetop 0.4s} @-webkit-keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}} @keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}} .w3-animate-left{position:relative;-webkit-animation:animateleft 0.4s;animation:animateleft 0.4s} @-webkit-keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}} @keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}} .w3-animate-right{position:relative;-webkit-animation:animateright 0.4s;animation:animateright 0.4s} @-webkit-keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}} @keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}} .w3-animate-bottom{position:relative;-webkit-animation:animatebottom 0.4s;animation:animatebottom 0.4s} @-webkit-keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0px;opacity:1}} @keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}} .w3-animate-zoom {-webkit-animation:animatezoom 0.6s;animation:animatezoom 0.6s} @-webkit-keyframes animatezoom{from{-webkit-transform:scale(0)} to{-webkit-transform:scale(1)}} @keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}} .w3-animate-input{-webkit-transition:width 0.4s ease-in-out;transition:width 0.4s ease-in-out}.w3-animate-input:focus{width:100%!important} .w3-opacity,.w3-hover-opacity:hover{opacity:0.60;-webkit-backface-visibility:hidden} .w3-opacity-off,.w3-hover-opacity-off:hover{opacity:1;-webkit-backface-visibility:hidden} .w3-opacity-max{opacity:0.25;-webkit-backface-visibility:hidden} .w3-opacity-min{opacity:0.75;-webkit-backface-visibility:hidden} .w3-greyscale-max,.w3-grayscale-max,.w3-hover-greyscale:hover,.w3-hover-grayscale:hover{-webkit-filter:grayscale(100%);filter:grayscale(100%)} .w3-greyscale,.w3-grayscale{-webkit-filter:grayscale(75%);filter:grayscale(75%)} .w3-greyscale-min,.w3-grayscale-min{-webkit-filter:grayscale(50%);filter:grayscale(50%)} .w3-sepia{-webkit-filter:sepia(75%);filter:sepia(75%)} .w3-sepia-max,.w3-hover-sepia:hover{-webkit-filter:sepia(100%);filter:sepia(100%)} .w3-sepia-min{-webkit-filter:sepia(50%);filter:sepia(50%)} .w3-text-shadow{text-shadow:1px 1px 0 #444}.w3-text-shadow-white{text-shadow:1px 1px 0 #ddd} .w3-transparent{background-color:transparent!important} .w3-hover-none:hover{box-shadow:none!important;background-color:transparent!important} /* Colors */ .w3-amber,.w3-hover-amber:hover{color:#000!important;background-color:#ffc107!important} .w3-aqua,.w3-hover-aqua:hover{color:#000!important;background-color:#00ffff!important} .w3-blue,.w3-hover-blue:hover{color:#fff!important;background-color:#2196F3!important} .w3-light-blue,.w3-hover-light-blue:hover{color:#000!important;background-color:#87CEEB!important} .w3-brown,.w3-hover-brown:hover{color:#fff!important;background-color:#795548!important} .w3-cyan,.w3-hover-cyan:hover{color:#000!important;background-color:#00bcd4!important} .w3-blue-grey,.w3-hover-blue-grey:hover,.w3-blue-gray,.w3-hover-blue-gray:hover{color:#fff!important;background-color:#607d8b!important} .w3-green,.w3-hover-green:hover{color:#fff!important;background-color:#4CAF50!important} .w3-light-green,.w3-hover-light-green:hover{color:#000!important;background-color:#8bc34a!important} .w3-indigo,.w3-hover-indigo:hover{color:#fff!important;background-color:#3f51b5!important} .w3-khaki,.w3-hover-khaki:hover{color:#000!important;background-color:#f0e68c!important} .w3-lime,.w3-hover-lime:hover{color:#000!important;background-color:#cddc39!important} .w3-orange,.w3-hover-orange:hover{color:#000!important;background-color:#ff9800!important} .w3-deep-orange,.w3-hover-deep-orange:hover{color:#fff!important;background-color:#ff5722!important} .w3-pink,.w3-hover-pink:hover{color:#fff!important;background-color:#e91e63!important} .w3-purple,.w3-hover-purple:hover{color:#fff!important;background-color:#9c27b0!important} .w3-deep-purple,.w3-hover-deep-purple:hover{color:#fff!important;background-color:#673ab7!important} .w3-red,.w3-hover-red:hover{color:#fff!important;background-color:#f44336!important} .w3-sand,.w3-hover-sand:hover{color:#000!important;background-color:#fdf5e6!important} .w3-teal,.w3-hover-teal:hover{color:#fff!important;background-color:#009688!important} .w3-yellow,.w3-hover-yellow:hover{color:#000!important;background-color:#ffeb3b!important} .w3-white,.w3-hover-white:hover{color:#000!important;background-color:#fff!important} .w3-black,.w3-hover-black:hover{color:#fff!important;background-color:#000!important} .w3-grey,.w3-hover-grey:hover,.w3-gray,.w3-hover-gray:hover{color:#000!important;background-color:#9e9e9e!important} .w3-light-grey,.w3-hover-light-grey:hover,.w3-light-gray,.w3-hover-light-gray:hover{color:#000!important;background-color:#f1f1f1!important} .w3-dark-grey,.w3-hover-dark-grey:hover,.w3-dark-gray,.w3-hover-dark-gray:hover{color:#fff!important;background-color:#616161!important} .w3-pale-red,.w3-hover-pale-red:hover{color:#000!important;background-color:#ffdddd!important} .w3-pale-green,.w3-hover-pale-green:hover{color:#000!important;background-color:#ddffdd!important} .w3-pale-yellow,.w3-hover-pale-yellow:hover{color:#000!important;background-color:#ffffcc!important} .w3-pale-blue,.w3-hover-pale-blue:hover{color:#000!important;background-color:#ddffff!important} .w3-text-amber,.w3-hover-text-amber:hover{color:#ffc107!important} .w3-text-aqua,.w3-hover-text-aqua:hover{color:#00ffff!important} .w3-text-blue,.w3-hover-text-blue:hover{color:#2196F3!important} .w3-text-light-blue,.w3-hover-text-light-blue:hover{color:#87CEEB!important} .w3-text-brown,.w3-hover-text-brown:hover{color:#795548!important} .w3-text-cyan,.w3-hover-text-cyan:hover{color:#00bcd4!important} .w3-text-blue-grey,.w3-hover-text-blue-grey:hover,.w3-text-blue-gray,.w3-hover-text-blue-gray:hover{color:#607d8b!important} .w3-text-green,.w3-hover-text-green:hover{color:#4CAF50!important} .w3-text-light-green,.w3-hover-text-light-green:hover{color:#8bc34a!important} .w3-text-indigo,.w3-hover-text-indigo:hover{color:#3f51b5!important} .w3-text-khaki,.w3-hover-text-khaki:hover{color:#b4aa50!important} .w3-text-lime,.w3-hover-text-lime:hover{color:#cddc39!important} .w3-text-orange,.w3-hover-text-orange:hover{color:#ff9800!important} .w3-text-deep-orange,.w3-hover-text-deep-orange:hover{color:#ff5722!important} .w3-text-pink,.w3-hover-text-pink:hover{color:#e91e63!important} .w3-text-purple,.w3-hover-text-purple:hover{color:#9c27b0!important} .w3-text-deep-purple,.w3-hover-text-deep-purple:hover{color:#673ab7!important} .w3-text-red,.w3-hover-text-red:hover{color:#f44336!important} .w3-text-sand,.w3-hover-text-sand:hover{color:#fdf5e6!important} .w3-text-teal,.w3-hover-text-teal:hover{color:#009688!important} .w3-text-yellow,.w3-hover-text-yellow:hover{color:#d2be0e!important} .w3-text-white,.w3-hover-text-white:hover{color:#fff!important} .w3-text-black,.w3-hover-text-black:hover{color:#000!important} .w3-text-grey,.w3-hover-text-grey:hover,.w3-text-gray,.w3-hover-text-gray:hover{color:#757575!important} .w3-text-light-grey,.w3-hover-text-light-grey:hover,.w3-text-light-gray,.w3-hover-text-light-gray:hover{color:#f1f1f1!important} .w3-text-dark-grey,.w3-hover-text-dark-grey:hover,.w3-text-dark-gray,.w3-hover-text-dark-gray:hover{color:#3a3a3a!important} .w3-border-amber,.w3-hover-border-amber:hover{border-color:#ffc107!important} .w3-border-aqua,.w3-hover-border-aqua:hover{border-color:#00ffff!important} .w3-border-blue,.w3-hover-border-blue:hover{border-color:#2196F3!important} .w3-border-light-blue,.w3-hover-border-light-blue:hover{border-color:#87CEEB!important} .w3-border-brown,.w3-hover-border-brown:hover{border-color:#795548!important} .w3-border-cyan,.w3-hover-border-cyan:hover{border-color:#00bcd4!important} .w3-border-blue-grey,.w3-hover-border-blue-grey:hover,.w3-border-blue-gray,.w3-hover-border-blue-gray:hover{border-color:#607d8b!important} .w3-border-green,.w3-hover-border-green:hover{border-color:#4CAF50!important} .w3-border-light-green,.w3-hover-border-light-green:hover{border-color:#8bc34a!important} .w3-border-indigo,.w3-hover-border-indigo:hover{border-color:#3f51b5!important} .w3-border-khaki,.w3-hover-border-khaki:hover{border-color:#f0e68c!important} .w3-border-lime,.w3-hover-border-lime:hover{border-color:#cddc39!important} .w3-border-orange,.w3-hover-border-orange:hover{border-color:#ff9800!important} .w3-border-deep-orange,.w3-hover-border-deep-orange:hover{border-color:#ff5722!important} .w3-border-pink,.w3-hover-border-pink:hover{border-color:#e91e63!important} .w3-border-purple,.w3-hover-border-purple:hover{border-color:#9c27b0!important} .w3-border-deep-purple,.w3-hover-border-deep-purple:hover{border-color:#673ab7!important} .w3-border-red,.w3-hover-border-red:hover{border-color:#f44336!important} .w3-border-sand,.w3-hover-border-sand:hover{border-color:#fdf5e6!important} .w3-border-teal,.w3-hover-border-teal:hover{border-color:#009688!important} .w3-border-yellow,.w3-hover-border-yellow:hover{border-color:#ffeb3b!important} .w3-border-white,.w3-hover-border-white:hover{border-color:#fff!important} .w3-border-black,.w3-hover-border-black:hover{border-color:#000!important} .w3-border-grey,.w3-hover-border-grey:hover,.w3-border-gray,.w3-hover-border-gray:hover{border-color:#9e9e9e!important} .w3-border-light-grey,.w3-hover-border-light-grey:hover,.w3-border-light-gray,.w3-hover-border-light-gray:hover{border-color:#f1f1f1!important} .w3-border-dark-grey,.w3-hover-border-dark-grey:hover,.w3-border-dark-gray,.w3-hover-border-dark-gray:hover{border-color:#616161!important} .w3-border-pale-red,.w3-hover-border-pale-red:hover{border-color:#ffe7e7!important}.w3-border-pale-green,.w3-hover-border-pale-green:hover{border-color:#e7ffe7!important} .w3-border-pale-yellow,.w3-hover-border-pale-yellow:hover{border-color:#ffffcc!important}.w3-border-pale-blue,.w3-hover-border-pale-blue:hover{border-color:#e7ffff!important} /*dinh dang cho support_list*/ .stt{ width:5%; } .hoten{ width:20%; } .ghichu{ width:15%; } .ep-service-details-section .service-sidebar { border: 1px solid #CCCCCC; padding: 40px; /* top: 120px; */ } .rounded-20 { border-radius: 20px; } .ep-service-details-section .service-sidebar .sidebar-title { font-size: 22px; font-weight: 700; line-height: 36px; padding-right: 20px; } .ep-service-details-section .service-sidebar .sidebar-title:before { position: absolute; left: 100%; top: 50%; transform: translateY(-50%); background-color: #0044EB; content: ""; width: 30px; height: 2px; } .ep-service-details-section .service-sidebar .sidebar-title:after { position: absolute; right: -40px; top: 50%; transform: translateY(-50%); background-color: #0044EB; content: ""; width: 10px; height: 10px; border-radius: 50%; } .inner_category li a { background-color: #F1F6FC; border-radius: 10px; font-size: 18px; font-weight: 700; color: #020842; line-height: 30px; padding: 10px 20px; gap: 15px; } .inner_category li a span { font-size: 18px; font-weight: 400; color: #49515B; transition: all 0.3s ease-out 0s; } img { max-width: 100%; object-fit: contain; height: auto; } .service-sidebar ul.support-info { list-style: none; } .inner_category li+li { margin-top: 20px; } .post-details .support-info a{ display: flex; gap: 3px; } .support-info li a { display: inline-block; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .support-info { overflow-wrap: break-word; word-break: break-word; } /* Stable mobile navigation icon: does not depend on Font Awesome. */ .mobile-nav-toggle { width: 52px; height: 58px; padding: 17px 15px; } .mobile-nav-toggle span { display: block; width: 23px; height: 2px; margin: 4px 0; border-radius: 2px; background: #004289; transition: transform .25s ease, opacity .2s ease, background-color .25s ease; } .mobile-nav-active .mobile-nav-toggle span { background: #fff; } .mobile-nav-active .mobile-nav-toggle span:nth-child(1) { transform: translateY(6px) rotate(45deg); } .mobile-nav-active .mobile-nav-toggle span:nth-child(2) { opacity: 0; } .mobile-nav-active .mobile-nav-toggle span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); } .vtg-language-switcher { display: inline-flex; align-items: center; gap: 2px; margin-left: 10px; padding: 2px; border: 1px solid #dce4f0; border-radius: 16px; background: #fff; vertical-align: middle; } .vtg-language-switcher button { min-width: 31px; padding: 4px 6px; border: 0; border-radius: 13px; background: transparent; color: #1a4697; font-size: 12px; font-weight: 700; line-height: 1.2; cursor: pointer; } .vtg-language-switcher button.is-active { color: #fff; background: #1a4697; } .mobile-nav .vtg-language-switcher { margin: 8px 10px 10px; } .vtg-translate-engine, .goog-te-banner-frame.skiptranslate, iframe.goog-te-banner-frame, iframe.skiptranslate, .VIpgJd-ZVi9od-ORHb-OEVmcd, body > .skiptranslate { display: none !important; visibility: hidden !important; height: 0 !important; min-height: 0 !important; border: 0 !important; } html { margin-top: 0 !important; } body { top: 0 !important; margin-top: 0 !important; } /* Banner remains visible even if Owl Carousel has not initialized yet. */ .owl-banner-xseo-auto:not(.owl-loaded), .owl-banner-xseo-mobile-auto:not(.owl-loaded) { display: block !important; width: 100%; } .owl-banner-xseo-auto:not(.owl-loaded) > .banner-xseo-item:not(:first-child), .owl-banner-xseo-mobile-auto:not(.owl-loaded) > .banner-xseo-mobile-item:not(:first-child) { display: none !important; } .owl-banner-xseo-auto:not(.owl-loaded) > .banner-xseo-item:first-child, .owl-banner-xseo-mobile-auto:not(.owl-loaded) > .banner-xseo-mobile-item:first-child { display: flex !important; min-height: 1px; } .owl-banner-xseo-auto .banner-xseo-item img, .owl-banner-xseo-mobile-auto .banner-xseo-mobile-item img { display: block; width: 100%; height: auto; } @media (min-width: 992px) { .mobile-nav-toggle { display: none !important; } }