/*!
 * Bootstrap v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 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;-webkit-text-decoration-skip-ink:none;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}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[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-weight:500;line-height:1.2}.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:flex;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{flex-basis:0;flex-grow:1;max-width:100%}.col-auto{flex:0 0 auto;width:auto;max-width:100%}.col-1{flex:0 0 8.333333%;max-width:8.333333%}.col-2{flex:0 0 16.666667%;max-width:16.666667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.333333%;max-width:33.333333%}.col-5{flex:0 0 41.666667%;max-width:41.666667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.333333%;max-width:58.333333%}.col-8{flex:0 0 66.666667%;max-width:66.666667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.333333%;max-width:83.333333%}.col-11{flex:0 0 91.666667%;max-width:91.666667%}.col-12{flex:0 0 100%;max-width:100%}.order-first{order:-1}.order-last{order:13}.order-0{order:0}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-7{order:7}.order-8{order:8}.order-9{order:9}.order-10{order:10}.order-11{order:11}.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{flex-basis:0;flex-grow:1;max-width:100%}.col-sm-auto{flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-7{flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-10{flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{flex:0 0 100%;max-width:100%}.order-sm-first{order:-1}.order-sm-last{order:13}.order-sm-0{order:0}.order-sm-1{order:1}.order-sm-2{order:2}.order-sm-3{order:3}.order-sm-4{order:4}.order-sm-5{order:5}.order-sm-6{order:6}.order-sm-7{order:7}.order-sm-8{order:8}.order-sm-9{order:9}.order-sm-10{order:10}.order-sm-11{order:11}.order-sm-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{flex-basis:0;flex-grow:1;max-width:100%}.col-md-auto{flex:0 0 auto;width:auto;max-width:100%}.col-md-1{flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{flex:0 0 100%;max-width:100%}.order-md-first{order:-1}.order-md-last{order:13}.order-md-0{order:0}.order-md-1{order:1}.order-md-2{order:2}.order-md-3{order:3}.order-md-4{order:4}.order-md-5{order:5}.order-md-6{order:6}.order-md-7{order:7}.order-md-8{order:8}.order-md-9{order:9}.order-md-10{order:10}.order-md-11{order:11}.order-md-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{flex-basis:0;flex-grow:1;max-width:100%}.col-lg-auto{flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{flex:0 0 100%;max-width:100%}.order-lg-first{order:-1}.order-lg-last{order:13}.order-lg-0{order:0}.order-lg-1{order:1}.order-lg-2{order:2}.order-lg-3{order:3}.order-lg-4{order:4}.order-lg-5{order:5}.order-lg-6{order:6}.order-lg-7{order:7}.order-lg-8{order:8}.order-lg-9{order:9}.order-lg-10{order:10}.order-lg-11{order:11}.order-lg-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{flex-basis:0;flex-grow:1;max-width:100%}.col-xl-auto{flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{flex:0 0 25%;max-width:25%}.col-xl-4{flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{flex:0 0 50%;max-width:50%}.col-xl-7{flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{flex:0 0 75%;max-width:75%}.col-xl-10{flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{flex:0 0 100%;max-width:100%}.order-xl-first{order:-1}.order-xl-last{order:13}.order-xl-0{order:0}.order-xl-1{order:1}.order-xl-2{order:2}.order-xl-3{order:3}.order-xl-4{order:4}.order-xl-5{order:5}.order-xl-6{order:6}.order-xl-7{order:7}.order-xl-8{order:8}.order-xl-9{order:9}.order-xl-10{order:10}.order-xl-11{order:11}.order-xl-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;color:#212529}.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-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{color:#212529;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:#343a40;border-color:#454d55}.table .thead-light th{color:#495057;background-color:#e9ecef;border-color:#dee2e6}.table-dark{color:#fff;background-color:#343a40}.table-dark td,.table-dark th,.table-dark thead th{border-color:#454d55}.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{color:#fff;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}.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}.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}.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}.table-responsive-xl>.table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive>.table-bordered{border:0}.form-control{display:block;width:100%;height:calc(1.5em + .75rem + 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 (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:-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.5em + .5rem + 2px);padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.form-control-lg{height:calc(1.5em + 1rem + 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:flex;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:inline-flex;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:calc(1.5em + .75rem);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");background-repeat:no-repeat;background-position:center right calc(.375em + .1875rem);background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.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:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.custom-select.is-valid,.was-validated .custom-select:valid{border-color:#28a745;padding-right:calc((1em + .75rem) * 3 / 4 + 1.75rem);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") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)}.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:calc(1.5em + .75rem);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='%23dc3545' 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");background-repeat:no-repeat;background-position:center right calc(.375em + .1875rem);background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.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:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.custom-select.is-invalid,.was-validated .custom-select:invalid{border-color:#dc3545;padding-right:calc((1em + .75rem) * 3 / 4 + 1.75rem);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='%23dc3545' 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") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)}.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:flex;flex-flow:row wrap;align-items:center}.form-inline .form-check{width:100%}@media (min-width:576px){.form-inline label{display:flex;align-items:center;justify-content:center;margin-bottom:0}.form-inline .form-group{display:flex;flex:0 0 auto;flex-flow:row wrap;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:flex;align-items:center;justify-content:center;width:auto;padding-left:0}.form-inline .form-check-input{position:relative;flex-shrink:0;margin-top:0;margin-right:.25rem;margin-left:0}.form-inline .custom-control{align-items: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 (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}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;text-decoration:none}.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 (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 (prefers-reduced-motion:reduce){.collapsing{transition:none}}.dropdown,.dropleft,.dropright,.dropup{position:relative}.dropdown-toggle{white-space:nowrap}.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-left{right:auto;left:0}.dropdown-menu-right{right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-left{right:auto;left:0}.dropdown-menu-sm-right{right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-left{right:auto;left:0}.dropdown-menu-md-right{right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-left{right:auto;left:0}.dropdown-menu-lg-right{right:0;left:auto}}@media (min-width:1200px){.dropdown-menu-xl-left{right:auto;left:0}.dropdown-menu-xl-right{right:0;left:auto}}.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: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:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;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:flex;flex-wrap:wrap;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{flex-direction:column;align-items:flex-start;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:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control,.input-group>.form-control-plaintext{position:relative;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:flex;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: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:flex;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(1.5em + 1rem + 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.5em + .5rem + 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: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:no-repeat 50%/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 (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(1.5em + .75rem + 2px);padding:.375rem 1.75rem .375rem .75rem;font-size:1rem;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(0,123,255,.25)}.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{display:none}.custom-select-sm{height:calc(1.5em + .5rem + 2px);padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem}.custom-select-lg{height:calc(1.5em + 1rem + 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(1.5em + .75rem + 2px);margin-bottom:0}.custom-file-input{position:relative;z-index:2;width:100%;height:calc(1.5em + .75rem + 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(1.5em + .75rem + 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:calc(1.5em + .75rem);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 (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 (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 (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 (prefers-reduced-motion:reduce){.custom-control-label::before,.custom-file-label,.custom-select{transition:none}}.nav{display:flex;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{flex:1 1 auto;text-align:center}.nav-justified .nav-item{flex-basis:0;flex-grow:1;text-align:center}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:.5rem 1rem}.navbar>.container,.navbar>.container-fluid{display:flex;flex-wrap:wrap;align-items:center;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:flex;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{flex-basis:100%;flex-grow:1;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-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{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-sm .navbar-nav{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{flex-wrap:nowrap}.navbar-expand-sm .navbar-collapse{display:flex!important;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{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-md .navbar-nav{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{flex-wrap:nowrap}.navbar-expand-md .navbar-collapse{display:flex!important;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{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{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{flex-wrap:nowrap}.navbar-expand-lg .navbar-collapse{display:flex!important;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{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-xl .navbar-nav{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{flex-wrap:nowrap}.navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}.navbar-expand{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand>.container,.navbar-expand>.container-fluid{padding-right:0;padding-left:0}.navbar-expand .navbar-nav{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{flex-wrap:nowrap}.navbar-expand .navbar-collapse{display:flex!important;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:flex;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{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;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:flex;flex-direction:column}.card-deck .card{margin-bottom:15px}@media (min-width:576px){.card-deck{flex-flow:row wrap;margin-right:-15px;margin-left:-15px}.card-deck .card{display:flex;flex:1 0 0%;flex-direction:column;margin-right:15px;margin-bottom:0;margin-left:15px}}.card-group{display:flex;flex-direction:column}.card-group>.card{margin-bottom:15px}@media (min-width:576px){.card-group{flex-flow:row wrap}.card-group>.card{flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom{border-bottom-left-radius:0}}.card-columns .card{margin-bottom:.75rem}@media (min-width:576px){.card-columns{-webkit-column-count:3;column-count:3;-webkit-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:flex;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:none}.breadcrumb-item.active{color:#6c757d}.pagination{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-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;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 (prefers-reduced-motion:reduce){.badge{transition:none}}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}a.badge-primary.focus,a.badge-primary:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.badge-secondary{color:#fff;background-color:#6c757d}a.badge-secondary:focus,a.badge-secondary:hover{color:#fff;background-color:#545b62}a.badge-secondary.focus,a.badge-secondary:focus{outline:0;box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.badge-success{color:#fff;background-color:#28a745}a.badge-success:focus,a.badge-success:hover{color:#fff;background-color:#1e7e34}a.badge-success.focus,a.badge-success:focus{outline:0;box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.badge-info{color:#fff;background-color:#17a2b8}a.badge-info:focus,a.badge-info:hover{color:#fff;background-color:#117a8b}a.badge-info.focus,a.badge-info:focus{outline:0;box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.badge-warning{color:#212529;background-color:#ffc107}a.badge-warning:focus,a.badge-warning:hover{color:#212529;background-color:#d39e00}a.badge-warning.focus,a.badge-warning:focus{outline:0;box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.badge-danger{color:#fff;background-color:#dc3545}a.badge-danger:focus,a.badge-danger:hover{color:#fff;background-color:#bd2130}a.badge-danger.focus,a.badge-danger:focus{outline:0;box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.badge-light{color:#212529;background-color:#f8f9fa}a.badge-light:focus,a.badge-light:hover{color:#212529;background-color:#dae0e5}a.badge-light.focus,a.badge-light:focus{outline:0;box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.badge-dark{color:#fff;background-color:#343a40}a.badge-dark:focus,a.badge-dark:hover{color:#fff;background-color:#1d2124}a.badge-dark.focus,a.badge-dark:focus{outline:0;box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.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:flex;height:1rem;overflow:hidden;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}.progress-bar{display:flex;flex-direction:column;justify-content:center;color:#fff;text-align:center;white-space:nowrap;background-color:#007bff;transition:width .6s ease}@media (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 (prefers-reduced-motion:reduce){.progress-bar-animated{-webkit-animation:none;animation:none}}.media{display:flex;align-items:flex-start}.media-body{flex:1}.list-group{display:flex;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{z-index:1;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.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-horizontal{flex-direction:row}.list-group-horizontal .list-group-item{margin-right:-1px;margin-bottom:0}.list-group-horizontal .list-group-item:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal .list-group-item:last-child{margin-right:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:0}@media (min-width:576px){.list-group-horizontal-sm{flex-direction:row}.list-group-horizontal-sm .list-group-item{margin-right:-1px;margin-bottom:0}.list-group-horizontal-sm .list-group-item:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-sm .list-group-item:last-child{margin-right:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:0}}@media (min-width:768px){.list-group-horizontal-md{flex-direction:row}.list-group-horizontal-md .list-group-item{margin-right:-1px;margin-bottom:0}.list-group-horizontal-md .list-group-item:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-md .list-group-item:last-child{margin-right:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:0}}@media (min-width:992px){.list-group-horizontal-lg{flex-direction:row}.list-group-horizontal-lg .list-group-item{margin-right:-1px;margin-bottom:0}.list-group-horizontal-lg .list-group-item:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-lg .list-group-item:last-child{margin-right:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:0}}@media (min-width:1200px){.list-group-horizontal-xl{flex-direction:row}.list-group-horizontal-xl .list-group-item{margin-right:-1px;margin-bottom:0}.list-group-horizontal-xl .list-group-item:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-xl .list-group-item:last-child{margin-right:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:0}}.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):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);box-shadow:0 .25rem .75rem rgba(0,0,0,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;border-radius:.25rem}.toast:not(:last-child){margin-bottom:.75rem}.toast.showing{opacity:1}.toast.show{display:block;opacity:1}.toast.hide{display:none}.toast-header{display:flex;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 (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{-webkit-transform:none;transform:none}.modal-dialog-scrollable{display:flex;max-height:calc(100% - 1rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 1rem);overflow:hidden}.modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header{flex-shrink:0}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 1rem)}.modal-dialog-centered::before{display:block;height:calc(100vh - 1rem);content:""}.modal-dialog-centered.modal-dialog-scrollable{flex-direction:column;justify-content:center;height:100%}.modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height:none}.modal-dialog-centered.modal-dialog-scrollable::before{content:none}.modal-content{position:relative;display:flex;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:flex;align-items:flex-start;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #dee2e6;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;flex:1 1 auto;padding:1rem}.modal-footer{display:flex;align-items:center;justify-content:flex-end;padding:1rem;border-top:1px solid #dee2e6;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-scrollable{max-height:calc(100% - 3.5rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-dialog-centered::before{height:calc(100vh - 3.5rem)}.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 .tooltip-arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .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] .tooltip-arrow,.bs-tooltip-top .tooltip-arrow{bottom:0}.bs-tooltip-auto[x-placement^=top] .tooltip-arrow::before,.bs-tooltip-top .tooltip-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] .tooltip-arrow,.bs-tooltip-right .tooltip-arrow{left:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=right] .tooltip-arrow::before,.bs-tooltip-right .tooltip-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] .tooltip-arrow,.bs-tooltip-bottom .tooltip-arrow{top:0}.bs-tooltip-auto[x-placement^=bottom] .tooltip-arrow::before,.bs-tooltip-bottom .tooltip-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] .tooltip-arrow,.bs-tooltip-left .tooltip-arrow{right:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=left] .tooltip-arrow::before,.bs-tooltip-left .tooltip-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 .popover-arrow{position:absolute;display:block;width:1rem;height:.5rem;margin:0 .3rem}.popover .popover-arrow::after,.popover .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]>.popover-arrow,.bs-popover-top>.popover-arrow{bottom:calc((.5rem + 1px) * -1)}.bs-popover-auto[x-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::before{bottom:0;border-width:.5rem .5rem 0;border-top-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=top]>.popover-arrow::after,.bs-popover-top>.popover-arrow::after{bottom:1px;border-width:.5rem .5rem 0;border-top-color:#fff}.bs-popover-auto[x-placement^=right],.bs-popover-right{margin-left:.5rem}.bs-popover-auto[x-placement^=right]>.popover-arrow,.bs-popover-right>.popover-arrow{left:calc((.5rem + 1px) * -1);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=right]>.popover-arrow::before,.bs-popover-right>.popover-arrow::before{left:0;border-width:.5rem .5rem .5rem 0;border-right-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=right]>.popover-arrow::after,.bs-popover-right>.popover-arrow::after{left:1px;border-width:.5rem .5rem .5rem 0;border-right-color:#fff}.bs-popover-auto[x-placement^=bottom],.bs-popover-bottom{margin-top:.5rem}.bs-popover-auto[x-placement^=bottom]>.popover-arrow,.bs-popover-bottom>.popover-arrow{top:calc((.5rem + 1px) * -1)}.bs-popover-auto[x-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::before{top:0;border-width:0 .5rem .5rem .5rem;border-bottom-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=bottom]>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::after{top:1px;border-width:0 .5rem .5rem .5rem;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]>.popover-arrow,.bs-popover-left>.popover-arrow{right:calc((.5rem + 1px) * -1);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=left]>.popover-arrow::before,.bs-popover-left>.popover-arrow::before{right:0;border-width:.5rem 0 .5rem .5rem;border-left-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=left]>.popover-arrow::after,.bs-popover-left>.popover-arrow::after{right:1px;border-width:.5rem 0 .5rem .5rem;border-left-color:#fff}.popover-header{padding:.5rem .75rem;margin-bottom:0;font-size:1rem;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{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 (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 (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:flex;align-items:center;justify-content:center;width:15%;color:#fff;text-align:center;opacity:.5;transition:opacity .15s ease}@media (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:no-repeat 50%/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:flex;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}.carousel-indicators li{box-sizing:content-box;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 (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-sm{border-radius:.2rem!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-lg{border-radius:.3rem!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:flex!important}.d-inline-flex{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:flex!important}.d-sm-inline-flex{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:flex!important}.d-md-inline-flex{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:flex!important}.d-lg-inline-flex{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:flex!important}.d-xl-inline-flex{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:flex!important}.d-print-inline-flex{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-4by3::before{padding-top:75%}.embed-responsive-1by1::before{padding-top:100%}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-fill{flex:1 1 auto!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}@media (min-width:576px){.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}}@media (min-width:768px){.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}}@media (min-width:1200px){.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{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}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:auto;content:"";background-color:rgba(0,0,0,0)}.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!important}.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-break{word-break:break-word!important;overflow-wrap:break-word!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 */

@charset "utf-8";
/* CSS Document */

/* ---------------------------------------------------------
	
	* Filename:				default.css
	* Description: 			sets typography, basic grids, 
							and standard formstyles
	* Version:				1.0.0 (2012-06-16)
	* Author:				Ryan Martinez / Soheil Kheiri / www.Dnnplus.ir 2023
	
	== INDEX ===============================================
	
	$__generic classes		classes used globally, should be at bottom to prevent semantic inheritance
	
------------------------------------------------------------*/


/*-------------------------------------*/
/* RESET */
/*-------------------------------------*/

/* http://meyerweb.com/eric/tools/css/reset/
    v2.0 | 20110126
    License: none (public domain)
    */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

    blockquote:before, blockquote:after,
    q:before, q:after { content: ''; content: none; }

html, button, input, select, textarea { font-family: sans-serif; color: #222; }

/*
     * Remove text-shadow in selection highlight: h5bp.com/i
     * These selection declarations have to be separate
     * Also: hot pink! (or customize the background color to match your design)
     */

::-moz-selection { background: rgba(2,139,255,1); /* blue */ color: #fff; text-shadow: none; }

::selection { background: rgba(2,139,255,1); /* blue */ color: #fff; text-shadow: none; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

body { color: #444; font-size: 12px; line-height: 18px; font-family: Tahoma, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: 100%; }

/*-------------------------------------*/
/* HEADER STYLES */
/*-------------------------------------*/

h1, h2, h3, h4, h5, h6 { display: block; color: #333; font-family: Tahoma, Helvetica, sans-serif; font-weight: bold; }

    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }

h1 { font-size: 38px; line-height: 54px; letter-spacing: normal; margin-top: 8px; margin-bottom: 10px; }

h2 { font-size: 32px; line-height: 36px; letter-spacing: normal; margin-top: 8px; margin-bottom: 10px; }

h3 { font-size: 28px; line-height: 36px; letter-spacing: normal; margin-top: 8px; margin-bottom: 10px; }

h4 { font-size: 22px; line-height: 36px; letter-spacing: normal; }

h5 { font-size: 16px; line-height: 18px; letter-spacing: normal; }

h6 { font-size: 14px; line-height: 18px; letter-spacing: normal; }

/* Module titles */
.Head { display: inline-block; margin-bottom: 6px; }

/* Some old forge modules use .Head, .SubHead, .SubSubHead in table td, We keep this to be compatible */
td.Head, td.SubHead, td.SubSubHead { display: table-cell; margin-bottom: 0; }

input[type="image"] + span.Head, input[type="image"] + span.SubHead { display: inline; }

/*-------------------------------------*/
/* PARAGRAPH STYLES */
/*-------------------------------------*/
p { margin: 0 0 18px 0; }
    /* margin bottom is equal to line-height */
    p img { margin: 0; }

em, i { font-style: italic; }

strong, b { font-weight: bold; }

small { font-size: 80%; }

/* Set text size in modules*/
.Normal,
.NormalDisabled,
.NormalDeleted { color: #444; font-size: 12px; font-weight: normal; line-height: 18px; word-wrap: break-word; }

/* disabled text styles */
.NormalDisabled,
.NormalDeleted { color: #999; }



/* text style used for help text rendered by modules */
.Help { padding: 2px; border: #000 1px solid; background-color: #ff9; font-weight: normal; font-size: 11px; color: #000; }
/* text style used for rendered text which requires emphasis */
.NormalBold { font-weight: bold; color: #222; }

/* text style used for error messages */
.NormalRed { font-weight: bold; color: red; }

/* text style used for rendered text which should appear deleted */
.NormalDeleted { text-decoration: line-through; }

/*	Blockquotes  */
blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }

blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }

    blockquote cite { display: block; font-size: 12px; color: #555; }

        blockquote cite:before { content: "\2014 \0020"; }

        blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

hr { clear: both; margin: 17px 0 17px; height: 0; border: solid #ddd; border-width: 1px 0 0; }

/*-------------------------------------*/
/* ANCHOR STYLES */
/*-------------------------------------*/
a, a:visited { color: rgb(2,139,255); /*blue*/ text-decoration: underline; outline: 0; }

    a:hover, a:focus, a:active { color: #222; outline: 0; }

p a, p a:visited { line-height: inherit; }

/*-------------------------------------*/
/* IMAGE STYLES */
/*-------------------------------------*/
img.dnn-scale-img { max-width: 100%; height: auto; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

#dnn_dnnLOGO_imgLogo { border: 0; }

/*-------------------------------------*/
/* lIST STYLES */
/*-------------------------------------*/
ul, ol { margin-bottom: 18px; margin-left: 18px; }

ul { list-style: square outside; }

ol { list-style: decimal; }

    /* Nested Styles */
    ul ul, ul ol,
    ol ol, ol ul { margin-left: 18px; margin-bottom: 0; }

    ol ol { list-style: lower-roman; }

li p { line-height: 18px; }

/*-------------------------------------*/
/* MESSAGE STYLES */
/*-------------------------------------*/
.dnnFormMessage { display: block; padding: 17px 18px; margin-bottom: 18px; border: 1px solid rgba(2,139,255,0.2); /* blue */ background: rgba(2,139,255,0.15); /* blue */ -webkit-border-radius: 3px; border-radius: 3px; max-width: 100%; }

    .dnnFormMessage.dnnFormError,
    .dnnFormMessage.dnnFormValidationSummary { background-color: rgba(255,0,0,0.15); /* red */ border-color: rgba(255,0,0,0.2); /* red */ }

    .dnnFormMessage.dnnFormWarning { background-color: rgba(255,255,0,0.15); /* yellow */ border-color: #CDB21F; /* yellow */ }

    .dnnFormMessage.dnnFormSuccess { background-color: rgba(0,255,0,0.15); /* green */ border-color: rgba(0,255,0,0.5); /* green */ }

/*-------------------------------------*/
/* TABLE STYLES */
/*-------------------------------------*/
.dnnTableHeader { display: block; padding: 15px; background: none repeat scroll 0 0 #E3E3E5; }
    .dnnTableHeader a,
    .dnnTableHeader input,
    .dnnTableHeader select { margin: 0; }
.dnnTableDisplay { margin-bottom: 18px; border: 1px solid #d1d1d1; border-left: 0; border-bottom: 0; }

    .dnnTableDisplay td, .dnnTableDisplay th { padding: 5px 9px; border-bottom: 1px solid #d1d1d1; }

    .dnnTableDisplay th { padding: 0; border-left: 1px solid #d1d1d1; -webkit-box-shadow: 1px 0px 0px 0px rgba(255, 255, 255, 0.9); box-shadow: 1px 0px 0px 0px rgba(255, 255, 255, 0.9); }

        .dnnTableDisplay th > span,
        .dnnTableDisplay th > a { display: block; padding: 5px 9px; }

    .dnnTableDisplay td:first-child { border-left: 1px solid #cfcfcf; }

    .dnnTableDisplay label { display: inline; padding-left: 5px; }

    .dnnTableDisplay caption { display: none; }

    /* thead styles */
    .dnnTableDisplay th { background: -moz-linear-gradient(top, #f5f5f5 0%, #dfdfdf 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#dfdfdf)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%); /* IE10+ */ background: linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%); /* W3C */ text-align: left; text-shadow: 1px 1px 0px rgba(255,255,255,0.8); color: #333; }

        .dnnTableDisplay th a, .dnnTableDisplay th label { font-weight: normal; color: #333; text-decoration: none; }

        .dnnTableDisplay th a { padding: 8px 9px; }

            .dnnTableDisplay th a:hover { background: #fefefe; /* Old browsers */ background: -moz-linear-gradient(top, #fefefe 0%, #e8e8e8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fefefe 0%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fefefe 0%,#e8e8e8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fefefe 0%,#e8e8e8 100%); /* IE10+ */ background: linear-gradient(top, #fefefe 0%,#e8e8e8 100%); /* W3C */ color: #333; }

            .dnnTableDisplay th a:active { border-color: #999; background: #c6c6c6; /* Old browsers */ background: -moz-linear-gradient(top, #c6c6c6 0%, #f3f3f3 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c6c6c6), color-stop(100%,#f3f3f3)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #c6c6c6 0%,#f3f3f3 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #c6c6c6 0%,#f3f3f3 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #c6c6c6 0%,#f3f3f3 100%); /* IE10+ */ background: linear-gradient(top, #c6c6c6 0%,#f3f3f3 100%); /* W3C */ -webkit-box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.3); box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.3); }
    /* tbody styles */
    .dnnTableDisplay tr:nth-child(2n) td { background: rgba(0,0,0,0.04); }

    .dnnTableDisplay tr:hover td { background: rgba(2,139,255,0.15); /* blue */ }

    /* tfooter styles */
    .dnnTableDisplay tfoot tr:hover td { background: none; }

/* table filter styles */
.dnnTableFilter { margin-bottom: 18px; background: rgba(0,0,0,0.04); }

    .dnnTableFilter .dnnTableDisplay { margin-bottom: 0; }

.dnnFilterSet { padding: 18px; }

    .dnnFilterSet label { display: inline-block; }

    .dnnFilterSet input,
    .dnnFilterSet select { display: inline-block; margin: 0 5px; }

/* table filter vertical styles */
.verticalFilter .dnnFilterSet { float: left; width: 20%; padding: 2% 18px; }

.verticalFilter .dnnTableDisplay { float: right; width: 75%; }

.verticalFilter input[type=search], .verticalFilter select, .verticalFilter input[type=text] { margin: 0; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari */ }

/*-------------------------------------*/
/* PAGINATION & RESULT STYLES */
/*-------------------------------------*/
.dnnResults { float: left; margin-bottom: 0; }

.dnnPagination { float: right; margin: 0; padding: 0; }

    .dnnPagination li { float: left; list-style: none; }

        .dnnPagination li a, .dnnPagination li span { display: inline-block; padding: 0 5px; text-decoration: none; color: #333; }

            .dnnPagination li a:hover { text-decoration: underline; color: #222; }

        .dnnPagination li span { color: #222; text-decoration: underline; }

/*-------------------------------------*/
/* FORM STYLES */
/*-------------------------------------*/

.dnnFormItem input[type="text"],
.dnnFormItem select,
.dnnFormItem textarea,
.dnnFormItem input[type="email"],
.dnnFormItem input[type="search"],
.dnnFormItem input[type="password"] { margin-bottom: 18px; padding: 8px; background: #ffffff; border: 1px solid #c9c9c9; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8), inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8), inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1); color: #333; font-size: 12px; }

    .dnnFormItem input.aspNetDisabled,
    .dnnFormItem textarea.aspNetDisabled { background: #ebebeb; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border-color: #a7a7a7; border-width: 1px; }

.aspNetDisabled, a.aspNetDisabled,
.dnnDisabled, a.dnnDisabled { color: #ccc; cursor: not-allowed; text-decoration: none; }

/* Active and Focus States */
.dnnFormItem input[type="text"]:active, .dnnFormItem input[type="text"]:focus,
.dnnFormItem input[type="password"]:focus, .dnnFormItem input[type="password"]:active,
.dnnFormItem input[type="email"]:active, .dnnFormItem input[type="email"]:focus,
.dnnFormItem select:active, .dnnFormItem select:focus,
.dnnFormItem textarea:active, .dnnFormItem textarea:focus,
.dnnFormItem input[type="search"]:active, .dnnFormItem input[type="search"]:focus { background: #fff; border: 1px solid rgba(2,139,255,0.5); /* blue */ -webkit-box-shadow: 0px 0px 3px 0px rgba(2, 139, 255, 0.4); box-shadow: 0px 0px 3px 0px rgba(2, 139, 255, 0.4); color: #333; }
/* Required Fields */
.required label:after,
legend.required:after { display: inline-block; margin-top: -2px; margin-left: 9px; padding: 1px 9px; border: 1px solid rgba(0,0,0,0.1); border-radius: 3px; -webkit-border-radius: 3px; background: rgba(0,0,0,0.03); content: 'Required'; font-weight: normal; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; font-style: italic; color: #777; }

/* Error Styles */
.error label, legend.error { color: rgba(255,0,0,0.9); /* opaque red*/ }

.error input[type="text"],
.error select, .error textarea,
.error input[type="email"],
.error input[type="search"] { border: 1px solid rgba(255,0,0,0.6); /* opaque red*/ color: rgba(255,0,0,0.7); /* opaque red*/ }

/*
	 * 1. Display hand cursor for clickable form elements
	 * 2. Allow styling of clickable form elements in iOS
	 * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
	 */

.dnnFormItem button, .dnnFormItem input[type="button"],
.dnnFormItem input[type="reset"],
.dnnFormItem input[type="submit"],
.dnnPrimaryAction,
.dnnSecondaryAction,
.dnnTertiaryAction,
ul.dnnAdminTabNav li a,
.dnnLogin .LoginTabGroup span { display: inline-block; padding: 9px 9px; margin-bottom: 9px; cursor: pointer; min-width: 75px; *overflow: visible; border: 1px solid #c2c2c2; background: #eaeaea; -webkit-border-radius: 3px; border-radius: 3px; color: #333; font-weight: bold; text-decoration: none; text-align: center; }

.dnnFormItem button, .dnnFormItem input[type="button"],
.dnnFormItem input[type="reset"],
.dnnFormItem input[type="submit"],
.dnnPrimaryAction,
.dnnSecondaryAction,
.dnnTertiaryAction { padding: 6px 6px; }

/* Primary Action */

.dnnPrimaryAction, .dnnFormItem input[type="submit"], a.dnnPrimaryAction { border-color: #0D569E; /*dark blue*/ background: #3792ED; background: -moz-linear-gradient(top, #358eea 0%, #2170cd 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#358eea), color-stop(100%,#2170cd)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #358eea 0%,#2170cd 100%); /* Chrome10+,Safari5.1+ */ background: linear-gradient(top, #358eea 0%,#2170cd 100%); /* W3C */ -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.6), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4); box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.6), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4); color: #efefef; text-shadow: 0px -1px 0px #185B93; }

    .dnnPrimaryAction:hover, .dnnFormItem input[type="submit"]:hover, a.dnnPrimaryAction:hover { border-color: #0D569E; background: #6cb6f3; /* Old browsers */ background: -moz-linear-gradient(top, #6cb6f3 0%, #4387d2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6cb6f3), color-stop(100%,#4387d2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #6cb6f3 0%,#4387d2 100%); /* Chrome10+,Safari5.1+ */ background: linear-gradient(top, #6cb6f3 0%,#4387d2 100%); /* W3C */ color: #fff; }

    .dnnPrimaryAction:active, .dnnFormItem input[type="submit"]:active, a.dnnPrimaryAction:active { border-color: #0D569E; background: #1f66be; /* Old browsers */ background: -moz-linear-gradient(top, #1f66be 0%, #3085e0 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1f66be), color-stop(100%,#3085e0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #1f66be 0%,#3085e0 100%); /* Chrome10+,Safari5.1+ */ background: linear-gradient(top, #1f66be 0%,#3085e0 100%); /* W3C */ -webkit-box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.4); box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.4); color: #fff; }

    .dnnPrimaryAction[disabled], .dnnPrimaryAction[disabled]:hover, .dnnPrimaryAction[disabled]:active { background: #ccc !important; border: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; color: #aaa !important; text-shadow: none; }

/* Secondary Action */
.dnnFormItem button, .dnnFormItem input[type="button"],
.dnnFormItem input[type="reset"],
.dnnSecondaryAction,
a.dnnSecondaryAction,
ul.dnnAdminTabNav li a,
.dnnLogin .LoginTabGroup span { background: #f5f5f5; /* Old browsers */ background: -moz-linear-gradient(top, #f5f5f5 0%, #dfdfdf 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#dfdfdf)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%); /* IE10+ */ background: linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%); /* W3C */ -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.4), inset 0px 1px 0px 0px rgba(255, 255, 255, 1); box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.4), inset 0px 1px 0px 0px rgba(255, 255, 255, 1); text-shadow: 0px 1px 0px #ffffff; color: #333; }

    .dnnFormItem button:hover, .dnnFormItem input[type="button"]:hover,
    .dnnFormItem input[type="reset"]:hover,
    .dnnSecondaryAction:hover,
    a.dnnSecondaryAction:hover,
    ul.dnnAdminTabNav li a:hover,
    .dnnLogin .LoginTabGroup span:hover { background: #fefefe; /* Old browsers */ background: -moz-linear-gradient(top, #fefefe 0%, #e8e8e8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fefefe 0%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fefefe 0%,#e8e8e8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fefefe 0%,#e8e8e8 100%); /* IE10+ */ background: linear-gradient(top, #fefefe 0%,#e8e8e8 100%); /* W3C */ color: #555; }

    .dnnFormItem button:active,
    .dnnFormItem input[type="button"]:active,
    .dnnFormItem input[type="reset"]:active,
    .dnnFormItem input[type="reset"]:active,
    .dnnSecondaryAction:active,
    a.dnnSecondaryAction:active,
    ul.dnnAdminTabNav li a:active { border-color: #999; background: #c6c6c6; /* Old browsers */ background: -moz-linear-gradient(top, #c6c6c6 0%, #f3f3f3 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c6c6c6), color-stop(100%,#f3f3f3)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #c6c6c6 0%,#f3f3f3 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #c6c6c6 0%,#f3f3f3 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #c6c6c6 0%,#f3f3f3 100%); /* IE10+ */ background: linear-gradient(top, #c6c6c6 0%,#f3f3f3 100%); /* W3C */ -webkit-box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.4); box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.4); }

/* Fix some old forge modules use .dnnPrimaryAction and .dnnSecondaryAction in wrong way */
span.dnnPrimaryAction > input[type="image"],
span.dnnSecondaryAction > input[type="image"] { display: none; }

span.dnnPrimaryAction > a.dnnPrimaryAction,
span.dnnSecondaryAction > a.dnnSecondaryAction { display: inline; background: transparent; border: none; -webkit-box-shadow: none; box-shadow: none; }

/* Tertiary Action */
.dnnTertiaryAction, a.dnnTertiaryAction { padding: 10px 10px; border: none; background: #eaeaea; color: #333; }

    .dnnTertiaryAction:hover, a.dnnTertiaryAction:hover { background: #f2f2f2; }

    .dnnTertiaryAction:active, a.dnnTertiaryAction:active { background: #d8d8d8; }

/* Action Button behind input */
.dnnFormItem input[type="text"] + a.dnnPrimaryAction,
.dnnFormItem input[type="text"] + a.dnnSecondaryAction,
.dnnFormItem input[type="text"] + a.dnnTerriaryAction { margin-left: 5px; }

.dnnFormItem input[type="checkbox"] + span,
.dnnFormItem input[type="radio"] + span { margin: 5px; }

/* text style for buttons and link buttons used in the portal admin pages */

/* button style for standard HTML buttons */
.StandardButton { border: 1px solid blue; }


/* Re-set default cursor for disabled elements */
.dnnFormItem button[disabled],
.dnnFormItem input[disabled] { cursor: default; opacity: 0.5; }


/* Consistent box sizing and appearance */
.dnnFormItem input[type="checkbox"],
.dnnFormItem input[type="radio"] { *width: 13px; *height: 13px; /*why are we using hacks here*/ padding: 0; box-sizing: border-box; }

.dnnFormItem input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

    .dnnFormItem input[type="search"]::-webkit-search-decoration,
    .dnnFormItem input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }


/* Remove inner padding and border in FF3/4: h5bp.com/l */
.dnnFormItem button::-moz-focus-inner, .dnnFormItem input::-moz-focus-inner { border: 0; padding: 0; }

/*
	 * 1. Remove default vertical scrollbar in IE6/7/8/9
	 * 2. Allow only vertical resizing
	 */

.dnnFormItem textarea { overflow: auto; vertical-align: top; resize: vertical; }

    /* Colors for form validity */
    .dnnFormItem input:valid, .dnnFormItem textarea:valid { }

    .dnnFormItem input:invalid, .dnnFormItem textarea:invalid { background-color: #f0dddd; }

/*-------------------------------------*/
/* TAXONOMY */
/*-------------------------------------*/

/* Horizontal taxonomy styles */
.horizontal ul.categories,
.horizontal ul.tags { list-style: none; }

.horizontal ul.categories { }

.horizontal ul.tags { }

    .horizontal ul.categories li, .horizontal ul.tags li { }

        .horizontal ul.tags li.add-tags { }

            .horizontal ul.tags li.add-tags img { }

/* Vertical taxonomy styles */
.vertical ul.categories,
.vertical ul.tags { list-style: none; }

    .vertical ul.categories li,
    .vertical ul.tags li { }

    .vertical ul.categories li { }

    .vertical ul.tags li { }

        .vertical ul.tags li.add-tags { }

            .vertical ul.tags li.add-tags img { }

/*-------------------------------------*/
/* TABS : JQUERY UI TABS 1.8.14 */
/*-------------------------------------*/
/* Tabs */
ul.dnnAdminTabNav { display: inline-block; margin-top: 5px; margin-left: 0; width: 100%; min-height: 37px; border-bottom: 1px solid #c2c2c2; }

    ul.dnnAdminTabNav li { float: left; margin-right: 4px; list-style: none; }

        ul.dnnAdminTabNav li a { /* most styles are inherited from typography.css */ margin-bottom: 0; border-bottom: 0; box-shadow: none; webkit-box-shadow: none; -webkit-border-radius: 3px 3px 0px 0px; border-radius: 3px 3px 0px 0px; }

        ul.dnnAdminTabNav li.ui-tabs-active a { margin-top: -3px; padding: 12px 9px 10px 9px; background: #fff; }

/* Panels */
.ui-tabs .ui-tabs-panel { position: relative; display: block; }

.ui-tabs .ui-tabs-hide { display: none; }

/*-------------------------------------*/
/* LOGIN TAB GROUP */
/*-------------------------------------*/
.dnnLogin .LoginTabGroup { display: inline-block; width: 100%; height: 37px; margin-left: 0; margin-top: 5px; border-bottom: 1px solid #C2C2C2; }

    .dnnLogin .LoginTabGroup span { margin-right: 4px; margin-bottom: 0; border-bottom: 0 none; border-radius: 3px 3px 0 0; box-shadow: none; }

        .dnnLogin .LoginTabGroup span.LoginTabSelected { margin-top: -3px; padding: 12px 9px 10px; background: none repeat scroll 0 0 #FFFFFF; }

/*-------------------------------------*/
/* TABS : JQUERY UI RESIZABLE 1.8.14 */
/*-------------------------------------*/
.dnnForm .ui-resizable { position: relative; }

.dnnForm .ui-resizable-handle { position: absolute; display: block; z-index: 99999; font-size: 0.1px; }

.dnnForm .ui-resizable-disabled .ui-resizable-handle,
.dnnForm .ui-resizable-autohide .ui-resizable-handle { display: none; }

.dnnForm .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }

.dnnForm .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }

.dnnForm .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }

.dnnForm .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }

.dnnForm .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }

.dnnForm .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }

.dnnForm .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }

.dnnForm .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; }
/*	

/*-------------------------------------*/
/* FORM ITEMS
/*-------------------------------------*/
.dnnForm { width: 100%; }

    .dnnForm fieldset { clear: none; position: relative; margin-bottom: 18px; text-align: left; }

        .dnnForm fieldset fieldset { width: 100%; }

    .dnnForm .dnnFormItem { clear: both; width: 100%; display: block; position: relative; text-align: left; }

/* Label */
.dnnTooltip { position: relative; display: block; width: 32.075%; margin-right: 18px; }

.dnnHelperTip { position: relative; display: block; }

.dnnDragdropTip { z-index: 10000; position: absolute; width: auto !important; height: auto !important; padding: 10px; padding-left: 30px; border-radius: 3px; background: rgba(0, 0, 0, 0.75) url("/images/pin-icn.png") no-repeat 7px 12px; font-size: 11px; color: #DDD; text-align: left; }

span.dnnFormRequired:after,
div.dnnFormItem.dnnFormRequired > div.dnnLabel span:after { content: "*"; display: inline-block; margin: 0 0 0 5px; color: Red; font-size: 16px; line-height: 1em; font-weight: bold; }

.dnnFormItem input[type="checkbox"] + span,
.dnnFormItem input[type="radio"] + span { display: inline-block; width: auto; margin: 6px 5px 6px 5px; }

/* Help Label */
a.dnnFormHelp,
.dnnForm .dnnFormItem a.dnnFormHelp,
.dnnTooltip label a.dnnFormHelp { color: #333; text-decoration: none; font-weight: bold; }

a.dnnFormHelp { display: inline-block; position: absolute; right: 0; top: 2px; width: 14px; height: 15px; background: url("/images/helpI-icn-grey.png") no-repeat left 2px; padding: 0 !important; margin: 0 !important; }

.dnnLabel { display: inline-block; float: left; position: relative; width: 32.075%; padding-right: 20px; margin-right: 18px; overflow: visible; text-align: right; }

.dnnFormItem > .dnnLabel { margin-top: 5px; }

.dnnLabel > span { text-align: right; }

.dnnForm .dnnFormItem a.dnnFormHelp span { position: relative; }

.dnnForm .dnnFormItem a.dnnFormHelp img { display: block; }

.dnnLabel + span { display: inline-block; margin-top: 6px; margin-bottom: 6px; white-space: pre-line; }

/* Compatible with some old forge modules */
td > .dnnLabel { width: 220px; }

/* Help tooltip */
.dnnTooltip .dnnFormHelpContent,
.dnnHelperTip .dnnFormHelpContent { visibility: hidden; z-index: 10; position: absolute; width: 200px; padding: 10px; padding-left: 30px; border-radius: 3px; background: rgba(0,0,0,0.75); font-size: 11px; color: #ddd; text-align: left; }

.dnnFormHelpContent span { display: block; word-wrap: break-word; }

/*.dnnTooltip .dnnFormHelpContent span:after,
.dnnHelperTip .dnnFormHelpContent span:after {
    position: absolute;
    content: "";
    left: 15px;
    bottom: -7px;
    width: 0;
    height: 0;
    opacity: 0.75;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #000;
}*/

.dnnTooltip .dnnFormHelpContent .dnnHelpText { word-wrap: break-word; }

.bottomArrow:after { position: absolute; content: ""; left: 15px; bottom: -7px; width: 0; height: 0; opacity: 0.75; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #000; }
.topArrow:before { position: absolute; content: ""; left: 15px; top: -7px; width: 0; height: 0; opacity: 0.75; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #000; }

a.pinHelp { display: block; position: absolute; left: 7px; top: 12px; width: 15px; height: 15px; opacity: 0.5; background: url("/images/pin-icn.png") no-repeat 0 0; }

    .ui-draggable a.pinHelp,
    a.pinHelp:hover { opacity: 1; }

/* Error tooltip */
.dnnFormItem span.dnnFormMessage.dnnFormError { display: block; position: absolute; overflow: visible; /*top:-95%; right: 12%;*/ bottom: 95%; right: 12%; width: 200px; margin-bottom: 0; padding: 10px; border: none; border-radius: 3px; background: rgba(255,0,0,0.75); font-size: 12px; color: #fff; text-align: left; }

    .dnnFormItem span.dnnFormMessage.dnnFormError:after { position: absolute; bottom: -7px; left: 15px; content: ""; width: 0; height: 0; opacity: 0.75; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid red; }

/* Input Types*/
.dnnFormItem input[type="text"],
.dnnFormItem input[type="password"],
.dnnFormItem input[type="email"],
.dnnFormItem input[type="tel"],
.dnnFormItem select,
.dnnFormItem textarea { width: 45%; max-width: 445px; }

.dnnFormItem select { width: 47%; }

    .dnnFormItem select option { color: #333; }

.dnnFormItem table { background: none; }

/* Input Customised Checkbox*/

.dnnCheckbox { display: inline-block; cursor: pointer; }

    .dnnCheckbox .mark { display: inline-block; /*margin-top: 3px;*/ }

    .dnnCheckbox img { display: inline-block; width: 20px; height: 18px; min-width: 20px; vertical-align: middle; }

    .dnnCheckbox img { background: transparent url("/images/checkbox.png") no-repeat; }

    .dnnCheckbox img { background-position: 0px 0px; }

.dnnCheckbox-hover img { background-position: 0px 0px; }

.dnnCheckbox-checked img { background-position: -51px 0px; }

.dnnCheckbox-disabled { cursor: not-allowed; }

    .dnnCheckbox-disabled img { opacity: .5; }

.dnnCheckbox-checked-error img { background-position: -150px 0px; }

.dnnCheckbox-error img { background-position: -100px 0px; }
.dnnCheckbox-focus { background-color: #e3e3e5; }
.dnnBoxLabel { display: inline-block; }
/* normal checkbox fix */
.dnnFormItem input[type="checkbox"].normalCheckBox { display: inline-block; margin: 8px 0 4px 0; }

/* Input Customised Radiobutton */

.dnnRadiobutton { display: inline-block; cursor: pointer; }

    .dnnRadiobutton .mark { display: inline-block; }

    .dnnRadiobutton img { width: 20px; height: 18px; min-width: 20px; vertical-align: middle; }

    .dnnRadiobutton img { background: transparent url("/images/radiobutton.png") no-repeat; }

    .dnnRadiobutton img { background-position: 0px 0px; }

.dnnRadiobutton-hover img { background-position: 0px 0px; }

.dnnRadiobutton-checked img { background-position: -50px 0px; }

.dnnRadiobutton-disabled img { opacity: .5; }

.dnnRadiobutton-checked-error img { background-position: -150px 0px; }

.dnnRadiobutton-error img { background-position: -100px 0px; }
.dnnRadiobutton-focus { background-color: #e3e3e5; }
/* Input RadioButton group */
div.dnnFormRadioButtons,
div.dnnHSRadioButtons,
span.dnnFormRadioButtons,
span.dnnHSRadioButtons { display: inline-block; padding: 10px; margin-bottom: 5px; background-color: #f0f0f0; }

table.dnnFormRadioButtons { background-color: #f0f0f0; margin-bottom: 5px; }

.RadComboBox_Default .rcbInput { width: 100% !important; }

/* general group*/
div.dnnFormGroup { display: inline-block; padding: 10px; margin-bottom: 5px; background-color: #f0f0f0; width: 65%; }

/* Input Customised Spinner */
.dnnSpinner { display: inline-block; position: relative; width: 150px; padding: 6px 6px; *overflow: visible; border: 1px solid #c9c9c9; background: #fff; background: -moz-linear-gradient(top, #fff 0%, #f0f2f1 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f0f2f1)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fff 0%,#f0f2f1 100%); /* Chrome10+,Safari5.1+ */ background: linear-gradient(top, #fff 0%,#f0f2f1 100%); /* W3C */ -webkit-border-radius: 3px; border-radius: 3px; color: #333; text-decoration: none; -webkit-box-shadow: 0px 1px 0px 0px #bbb; box-shadow: 0px 1px 0px 0px #bbb; }

.dnnFormItem .dnnSpinner { width: 45%; margin-bottom: 18px; }

.dnnSpinnerDisplay { margin: 0 25px 0 8px; background: transparent; color: #999; }

.dnnFormItem .dnnSpinnerDisplay > input[type="text"],
.dnnFormItem .dnnSpinnerDisplay > input[type="text"]:focus { border: none; margin: 0; box-shadow: none; padding: 0; background: transparent; }

.dnnSpinnerCtrl { position: absolute; top: 0; right: 0; width: 25px; background-color: transparent; border-left: 1px solid #c9c9c9; }

    .dnnSpinnerCtrl > a.dnnSpinnerTopButton { display: block; width: 25px; height: 16px; background: transparent url("/images/dnnSpinnerUpArrow.png") no-repeat; background-position: center; cursor: pointer; }

    .dnnSpinnerCtrl > a.dnnSpinnerBotButton { display: block; width: 25px; height: 16px; background: transparent url("/images/dnnSpinnerDownArrow.png") no-repeat; background-position: center; cursor: pointer; }

/* Input Customised Tags */
div.dnnTagsInput { display: inline-block; margin: 0; padding: 5px 0 0 5px; border: 1px solid #c9c9c9; -webkit-border-radius: 3px; border-radius: 3px; background: #FFF; -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8), inset 0 1px 2px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8), inset 0 1px 2px 0 rgba(0, 0, 0, 0.3); }

.dnnFormItem .dnnTagsInput { width: 45%; }

div.dnnTagsInput span.tag { display: block; float: left; padding: 2px 6px 2px 6px; margin-right: 5px; margin-bottom: 5px; border: 1px solid #c9c9c9; border-radius: 3px; -webkit-border-radius: 3px; font-size: 12px; text-decoration: none; color: #888; cursor: pointer; background-color: #eee; word-break: break-word; }

    div.dnnTagsInput span.tag:hover { background-color: #e8f1fa; color: #444; }

    div.dnnTagsInput span.tag a { display: inline-block; width: 8px; height: 8px; margin: 6px 0 0 0; background: transparent url("/images/dnnTagClose.png") no-repeat; background-position: center; }

div.dnnTagsInput > div > input,
div.dnnTagsInput > div > input:focus { border: none; background: transparent; outline: none; font-weight: normal; font-family: Tahoma; font-size: 12px; display: inline-block; vertical-align: top; height: 19px; padding: 3px 0 3px 3px; margin-bottom: 5px; }

    div.dnnTagsInput > div > input::-ms-clear { display: none; }

div.dnnTagsInput div { display: block; float: left; }

    div.dnnTagsInput div.dnnTags_filter { float: right; position: relative; margin: 0 0 5px 5px; }

        div.dnnTagsInput div.dnnTags_filter > .dnnTags_filter_label { display: inline-block; border-left: 1px solid #ccc; padding: 3px 15px 0 10px; margin-right: 3px; color: #999; cursor: pointer; background: url("/images/dnnSpinnerDownArrow.png") no-repeat; background-position: right center; height: 22px; }

            div.dnnTagsInput div.dnnTags_filter > .dnnTags_filter_label.dnnExpanded { color: #666; background: url("/images/dnnSpinnerUpArrow.png") no-repeat; background-position: right center; }

        div.dnnTagsInput div.dnnTags_filter > ul.dnnTags_filter_dropdownUl { display: none; position: absolute; list-style-type: none; background: #fff; border: 1px solid #c9c9c9; right: 22px; top: 28px; margin: 0; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 2px 0px 0px #bbb; box-shadow: 0px 2px 0px 0px #bbb; z-index: 15; }

.dnnTagsInput div.dnnTags_filter > ul.dnnTags_filter_dropdownUl > li { white-space: nowrap; padding: 6px 12px 6px 8px; border-top: 1px solid #c9c9c9; list-style: none; color: #666; min-width: 150px; }

    .dnnTagsInput div.dnnTags_filter > ul.dnnTags_filter_dropdownUl > li:first-child { border-top: none; }

    .dnnTagsInput div.dnnTags_filter > ul.dnnTags_filter_dropdownUl > li:hover { background-color: #e8f1fa; color: #333; }

    .dnnTagsInput div.dnnTags_filter > ul.dnnTags_filter_dropdownUl > li > input { display: inline-block; vertical-align: top; margin-right: 10px; cursor: pointer; }

    .dnnTagsInput div.dnnTags_filter > ul.dnnTags_filter_dropdownUl > li > span.dnnCheckbox { margin-right: 8px; }

    .dnnTagsInput div.dnnTags_filter > ul.dnnTags_filter_dropdownUl > li > label { display: inline-block; vertical-align: top; cursor: pointer; }

div.dnnTagsInput div.dnnTags_filter a.dnnSearchButton { display: inline-block; width: 18px; height: 18px; background-image: url("/images/search/searchButton.png"); background-repeat: no-repeat; background-position: center center; vertical-align: top; cursor: pointer; margin: 4px 5px 0 4px; }

.dnnTagsClear { clear: both; width: 100%; height: 0px; }

div.dnnTagsInput > div > input.dnnTagsInvalid { display: block; float: left; margin-right: 5px; border: none; outline: none; border-radius: 3px; -webkit-border-radius: 3px; background: #FBD8DB; /*light red*/ cursor: pointer; font-size: 12px; color: #90111A !important; /* dark red*/ text-decoration: none; }

/* DNN Auto Complete */
.dnn_acResults { padding: 0px; border: 1px solid #c9c9c9; background-color: #fff; overflow: hidden; z-index: 900001; -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; -webkit-box-shadow: 0px 2px 0px 0px #bbb; box-shadow: 0px 2px 0px 0px #bbb; min-width: 150px; }

    .dnn_acResults ul { margin: 0px; padding: 0px; list-style-position: outside; list-style: none; }

        .dnn_acResults ul li { margin: 0px; padding: 6px 22px 6px 22px; border-top: 1px solid #c9c9c9; color: #666; cursor: pointer; display: block; overflow: hidden; color: #333; }

            .dnn_acResults ul li:first-child { border-top: none; }

.dnn_acLoading { }

.dnn_acSelect { background-color: #e8f1fa; color: #333; }

/* Form Item */
.dnnFormMessage .dnnLabel { float: none; width: 90%; text-align: left; }

/* Pane header */
.dnnFormSectionHead span { font-size: 18px; color: #222; }

/* Progressbar*/
.dnnProgressbar { height: 25px !important; padding: 18px 10px 0 10px; border: 1px solid #c9c9c9; background: #fff; background: -moz-linear-gradient(top, #f0f2f1 0%, #fff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f2f1), color-stop(100%,#fff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f0f2f1 0%,#fff 100%); /* Chrome10+,Safari5.1+ */ background: linear-gradient(top, #f0f2f1 0%,#fff 100%); /* W3C */ -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.25), 0px 1px 0px 0px #fff; box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.25), 0px 1px 0px 0px #fff; }

.ui-progressbar { height: 10px !important; overflow: hidden; background-color: #ccc; -webkit-box-shadow: inset 0px 1px 0px 0px #bbb; box-shadow: inset 0px 1px 0px 0px #bbb; text-align: left; }

    .ui-progressbar .ui-progressbar-value { margin: 0; height: 100%; background-color: #1a82f7; background: -moz-linear-gradient(left, #2b7fda 0%, #3fbdff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#2b7fda), color-stop(100%,#3fbdff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #2b7fda 0%, #3fbdff 100%); /* Chrome10+,Safari5.1+ */ background: linear-gradient(left, #2b7fda 0%, #3fbdff 100%); /* W3C */ }

/* Button Dropdown */
.dnnDropdownSettings { position: relative; height: 30px !important; }

.dnnButtonDropdown { width: 50px; height: 30px !important; background: #fff; background: -moz-linear-gradient(top, #fff 0%, #f0f2f1 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f0f2f1)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fff 0%,#f0f2f1 100%); /* Chrome10+,Safari5.1+ */ background: linear-gradient(top, #fff 0%,#f0f2f1 100%); /* W3C */ -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 1px 0px 0px #bbb; box-shadow: 0px 1px 0px 0px #bbb; border: 1px solid #c9c9c9; cursor: pointer; }

.dnnButtonIcon, .dnnButtonArrow { display: inline-block; height: 30px !important; }

.dnnButtonIcon { width: 32px; }

.dnnButtonArrow { width: 10px; background: transparent url("/images/dnnSpinnerDownArrow.png") no-repeat center; }

.dnnButtonDropdown-clicked { z-index: 100; position: absolute; width: 50px; height: 30px !important; background: #fff; border: 1px solid #c9c9c9; border-bottom: 1px solid #fff; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; }

.dnnButtonDropdown-ul { display: none; position: absolute; z-index: 99; top: 29px; left: 0; width: 200px; margin-left: 0; background: #fff; border: 1px solid #c9c9c9; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 2px 0px 0px #bbb; box-shadow: 0px 2px 0px 0px #bbb; list-style-type: none; }

    .dnnButtonDropdown-ul > li, .dnnButtonDropdown-ul > ul > li { padding: 8px; border-bottom: 1px solid #c9c9c9; color: #333; cursor: pointer; vertical-align: middle; list-style: none; margin: 0; }
    .dnnButtonDropdown-ul > ul { margin: 0; }
        .dnnButtonDropdown-ul > ul > li { padding-left: 16px; }

    .dnnButtonDropdown-ul > li:last-child { border-bottom: none !important; }

    .dnnButtonDropdown-ul > li:hover { background-color: #e8f1fa; color: #000; }

/* Button Group */
ul.dnnButtonGroup { display: inline-block; margin: 0; padding: 0; background: #fff; background: -moz-linear-gradient(top, #fff 0%, #f0f2f1 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f0f2f1)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fff 0%,#f0f2f1 100%); /* Chrome10+,Safari5.1+ */ background: linear-gradient(top, #fff 0%,#f0f2f1 100%); /* W3C */ -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 1px 0px 0px #bbb; box-shadow: 0px 1px 0px 0px #bbb; border: 1px solid #c9c9c9; cursor: pointer; list-style: none; }

    ul.dnnButtonGroup > li { display: block; float: left; border-left: 1px solid #c9c9c9; margin: 0; }

        ul.dnnButtonGroup > li:hover { background-color: #e8f1fa; }

        ul.dnnButtonGroup > li.dnnButtonGroup-first { display: none; }

            ul.dnnButtonGroup > li.dnnButtonGroup-first + li { border-left: none; }

        ul.dnnButtonGroup > li > a { display: inline-block; padding: 7px 7px 6px 7px; text-decoration: none; color: #333; }

    ul.dnnButtonGroup span { color: #333; }


/* Grouped Multi Input */
.dnnFormItem .dnnInputGroup { float: left; display: block; width: 32.075%; padding: 5px; margin-bottom: 18px; background: rgba(0,0,0,0.05); /* opaque black */ }

    .dnnFormItem .dnnInputGroup .dnnLeft { width: 100%; }

    .dnnFormItem .dnnInputGroup span { display: inline-block; width: 33%; text-align: right; }

/* Error Styles */
.dnnFormError label a span { color: red; }

.dnnFormError input[type="text"],
.dnnFormError input[type="password"],
.dnnFormError input[type="email"],
.dnnFormError input[type="tel"],
.dnnFormError select,
.dnnFormError textarea { border: 1px solid red; }


/* Tertiary Actions */
.dnnFormItem input[type="text"] + .dnnTertiaryAction,
.dnnFormItem input[type="password"] + .dnnTertiaryAction,
.dnnFormItem input[type="email"] + .dnnTertiaryAction,
.dnnFormItem input[type="tel"] + .dnnTertiaryAction,
.dnnFormItem select + .dnnTertiaryAction { display: inline-block; max-width: 60px; }

/* Information Feedback Aside */
.dnnForm fieldset.dnnFormInformation { float: left; width: 32.075%; margin-left: 16px; padding: 18px 0; background: rgba(0,0,0,0.05); }

.dnnFormItem textarea { min-height: 80px; }

.dnnAddress input[type="checkbox"] { margin: 0 5px; }

/* Required Fields */
.dnnFormRadioButtons { float: left; display: block; width: auto; }

    .dnnFormRadioButtons input[type=radio] { float: none; }

    .dnnFormRadioButtons label,
    .dnnFormItem input[type=radio] + label { float: none; display: inline; width: auto; padding-right: 0; margin: 0 10px 0 0; text-align: left; font-weight: normal; }

/* Text Editor */
.dnnTextEditor { margin-bottom: 18px; }

/* Action Items */
.dnnActions { float: none; clear: both; display: block; /* prevent ul from collapsing */ margin: 0; padding-top: 18px; text-align: left; }

    .dnnActions li { float: left; margin-right: 5px; list-style: none; }

.dnnLoginActions { display: inline-block; }

/* Short Form */
.dnnForm.dnnShortForm .dnnFormItem label { float: none; width: 100%; margin-bottom: 0.25em; text-align: left; }

.dnnForm.dnnShortForm .dnnFormItem input,
.dnnForm.dnnShortForm .dnnFormItem select,
.dnnForm.dnnShortForm .dnnFormItem textarea { float: none; text-align: left; }

.dnnForm.dnnShortForm .dnnFormItem a.dnnFormHelp { background-position: left; padding-left: 22px; }

/* UI Helpers */
.dnnForm .ui-helper-hidden { display: none; }

.dnnForm .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); }

/* Interaction Cues */
.dnnForm .ui-state-highlight,
.dnnForm .ui-widget-content .ui-state-highlight,
.dnnForm .ui-widget-header .ui-state-highlight { border: 1px solid #fed22f; background: #ffe45c; color: #363636; }

    .dnnForm .ui-state-highlight a,
    .dnnForm .ui-widget-content .ui-state-highlight a,
    .ui-widget-header .ui-state-highlight a { color: #363636; }

.dnnForm .ui-state-error,
.dnnForm .ui-widget-content .ui-state-error,
.dnnForm .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #b81900; color: #ffffff; }

    .dnnForm .ui-state-error a,
    .dnnForm .ui-widget-content .ui-state-error a,
    .dnnForm .ui-widget-header .ui-state-error a { color: #ffffff; }

.dnnForm .ui-state-error-text,
.dnnForm .ui-widget-content .ui-state-error-text,
.dnnForm .ui-widget-header .ui-state-error-text { color: #ffffff; }

.dnnForm .ui-priority-primary,
.dnnForm .ui-widget-content .ui-priority-primary,
.dnnForm .ui-widget-header .ui-priority-primary { font-weight: bold; }

.dnnForm .ui-priority-secondary,
.dnnForm .ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary { opacity: .7; filter: Alpha(Opacity=70); font-weight: normal; }

.dnnForm .ui-state-disabled,
.dnnForm .ui-widget-content .ui-state-disabled,
.dnnForm .ui-widget-header .ui-state-disabled { opacity: .35; filter: Alpha(Opacity=35); background-image: none; }

.dnnForm .ui-draggable { cursor: move; }

/* Corner radius */
.dnnForm .ui-corner-all,
.dnnForm .ui-corner-top,
.dnnForm .ui-corner-left,
.dnnForm .ui-corner-tl { border-radius: 4px; }

.dnnForm .ui-corner-all,
.dnnForm .ui-corner-top,
.dnnForm .ui-corner-right,
.dnnForm .ui-corner-tr { border-radius: 4px; }
/*-------------------------------------*/
/* MODULE TITLE - TEMPORARY */
/*-------------------------------------*/

/* Need to determine what this is */
.ModuleTitle_MenuContainer { border: 1px solid blue; }

.ModuleTitle_MenuBar { }

.ModuleTitle_MenuItem { }

.ModuleTitle_MenuIcon { }

.ModuleTitle_SubMenu { }

.ModuleTitle_MenuBreak { }

.ModuleTitle_MenuItemSel { }

.ModuleTitle_MenuArrow { }

.ModuleTitle_RootMenuArrow { }

/*-------------------------------------*/
/* MAIN MENU - TEMPORARY */
/*-------------------------------------*/

/* Need to determine what this is */
.MainMenu_MenuContainer { border: 1px solid green; }

.MainMenu_MenuBar { }

.MainMenu_MenuItem { }

.MainMenu_MenuIcon { }

.MainMenu_SubMenu { }

.MainMenu_MenuBreak { }

.MainMenu_MenuItemSel { }

.MainMenu_MenuArrow { }

.MainMenu_RootMenuArrow { }

/*-------------------------------------*/
/* POPUP */
/*-------------------------------------*/

/* Popup Menu */
.ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.65); z-index: 9999; }

.dnnFormPopup { position: absolute; padding: 18px; background: #fff; -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.75); box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.75); z-index: 100000; }
    /* Popup header */
    .dnnFormPopup, .dnnFormPopup > * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

        .dnnFormPopup .ui-dialog-titlebar { position: relative; padding: 0 0 18px 0; border-bottom: 1px solid #ddd; cursor: move; font-size: 18px; font-weight: bold; }

        .dnnFormPopup .dnnModalCtrl { display: block; position: absolute; top: -30px; right: -30px; width: 69px; height: 26px; border-radius: 10px; background-color: #fff; -webkit-border-radius: 10px; box-shadow: 0px 0px 5px #666; }

            .dnnFormPopup .dnnModalCtrl .ui-dialog-titlebar-close { float: right; display: block; height: 18px; width: 30px; margin: 4px 4px 0 1px; overflow: hidden; -webkit-border-top-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; border: none; outline: none; border-top-right-radius: 8px; border-bottom-right-radius: 8px; background: #585858 url("/images/closeBtn.png") no-repeat; background-position: 8px 4px; text-indent: -9999em; min-width: 0 !important; }

                .dnnFormPopup .dnnModalCtrl .ui-dialog-titlebar-close:hover { background: #358EEA url("/images/closeBtn.png") no-repeat; background-position: 8px 4px; cursor: pointer; }

            .dnnFormPopup .dnnModalCtrl a.dnnToggleMax { float: left; display: block; height: 18px; width: 30px; margin: 4px 0 0 4px; overflow: hidden; -webkit-border-top-left-radius: 8px; -webkit-border-bottom-left-radius: 8px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; background: #585858 url("/images/resizeBtn.png") no-repeat; background-position: 10px 2px; text-indent: -9999em; }

                .dnnFormPopup .dnnModalCtrl a.dnnToggleMax:hover { background: #358EEA url("/images/resizeBtn.png") no-repeat; background-position: 10px 2px; }

div.ui-dialog-titlebar > .ui-dialog-titlebar-close { display: block; position: absolute; top: -30px; right: -30px; height: 24px; width: 24px; margin: 0px; overflow: hidden; -webkit-border-radius: 12px; border-radius: 12px; background: #585858 url("/images/closeBtn.png") no-repeat; background-position: 4px 4px; border: 3px solid #fff; text-indent: -9999em; min-width: 0 !important; }

/* Poup Iframe styles*/
.dnnFormPopup #iPopUp { width: 100% !important; /* to overwrite inline javscript styles */ padding-top: 10px; }

.dnnFormPopup .ui-dialog-content, #iPopUp .ui-dialog-content { position: relative; border: 0; padding: 0px; overflow: auto; background: #fff; zoom: 1; }

.dnnFormPopup .ui-dialog-buttonpane { margin: .5em 0 0 0; padding: .3em 1em 0em 0em; overflow: hidden; border-width: 1px 0 0 0; background-image: none; text-align: left; border-top: 1px solid #ddd; }

    .dnnFormPopup .ui-dialog-buttonpane button { margin: 0.5em 0.4em 0.5em 0em; padding: 0.5em 1em; cursor: pointer; border: none; outline: none; }

.dnnFormPopup .ui-resizable-se { float: right; height: 24px; width: 24px; background: url("/images/modal-resize-icn.png") no-repeat bottom; }

.dnnFormPopup .dnnDialog { padding: 10px; }

.dnnLoading { background: #fff url("/images/loading.gif") no-repeat center center; position: absolute; z-index: 9999; }
.dnnPanelLoading { left: 0; top: 0; width: 100%; height: 100%; -ms-opacity: 0.7; opacity: 0.7; }

/*-------------------------------------*/
/* URL ACTION */
/*-------------------------------------*/
.urlControl label { width: auto; margin-top: 0; font-weight: normal; }

.urlControlLinkType { width: auto; }

    .urlControlLinkType span,
    .dnnFormItem .urlControlLinkType span { float: none; display: block; width: auto; text-align: left; }

.dnnFormItem .ucLinkTypeRadioButtons label { display: inline-block; width: 260px; padding-right: 0; margin-top: 0; font-weight: normal; text-align: left; }

.urlControlLinkType span input { min-width: 3%; }

.dnnForm.dnnModuleSettings .dnnFormItem .urlControlLinkType span label { text-align: left; }

.urlControlFileRow { clear: both; }

    .urlControlFileRow span.dnnFormLabel { width: auto; text-align: right; }

    .urlControlFileRow select, .urlControlFileRow input[type=file] { clear: both; }

.urlControlImagesRow { overflow: hidden; clear: both; }

    .urlControlImagesRow span.dnnFormLabel { width: auto; text-align: right; }

    .urlControlImagesRow select { clear: both; }

/*-------------------------------------*/
/* WIZARD TABS STEPS
/*-------------------------------------*/

/* Jquery UI tabs base */
.dnnWizardTab.ui-tabs { position: relative; padding: 0; }

    .dnnWizardTab.ui-tabs .ui-tabs-nav { display: block; height: 46px; margin: 0; padding: 0; background: transparent url("/images/InstallWizardBG.png") repeat-x; }

        .dnnWizardTab.ui-tabs .ui-tabs-nav li { float: left; position: relative; margin: 0; padding: 0; border-bottom: 0 !important; list-style: none; white-space: nowrap; }

            .dnnWizardTab.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: 0; }

                .dnnWizardTab.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
                .ui-tabs .ui-tabs-nav li.ui-state-disabled a,
                .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }

            .dnnWizardTab.ui-tabs .ui-tabs-nav li a,
            .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; }

    .dnnWizardTab.ui-tabs .ui-tabs-panel { clear: both; display: block; padding: 3em 1em 1.4em; border-width: 0; background: none; }

    .dnnWizardTab.ui-tabs .ui-tabs-hide { display: none !important; }

    .dnnWizardTab.ui-tabs .ui-tabs-nav li a { display: block; }

.dnnWizardStep > span { display: block; float: left; }

.dnnWizardStep { height: 46px; padding: 0 0 0 20px; background: transparent url("/images/InstallWizardBG.png") repeat-x; background-position: 0 0; cursor: pointer; }

.ui-tabs .ui-tabs-nav li:first-child .dnnWizardStep { padding-left: 30px; }

.dnnWizardStepNumber { margin: 10px 10px 0 0; padding: 3px 8px 3px 8px; background-color: #999; -webkit-border-radius: 18px; border-radius: 18px; color: #fff; font-weight: bold; }

.dnnWizardStepTitle { margin: 13px 20px 0 0; color: #999; font-weight: bold; text-decoration: none; }

.dnnWizardStepArrow { width: 25px; height: 46px; background: transparent url("/images/InstallWizardBG.png") no-repeat; background-position: 0 -401px; }

.dnnWizardTab.ui-tabs .ui-tabs-nav li.ui-tabs-active .dnnWizardStep { height: 46px; background-position: 0 -100px; }

.dnnWizardTab.ui-tabs .ui-tabs-nav li.ui-tabs-active .dnnWizardStepNumber { background-color: #333; }

.dnnWizardTab.ui-tabs .ui-tabs-nav li.ui-tabs-active .dnnWizardStepTitle { color: #333; }

.dnnFormExpandContent { margin: 10px 0; }

    .dnnFormExpandContent > a { color: #333; font-size: 13px; font-weight: bold; }
/*-------------------------------------*/
/* DNN SIMPLE GRID
/*-------------------------------------*/

table.dnnPermissionsGrid,
table.dnnGrid,
table.dnnASPGrid { margin-bottom: 20px; border: 1px solid #c9c9c9; }

table.dnnPermissionsGrid { color: #777; }

    table.dnnPermissionsGrid tr.dnnGridHeader td { padding: 4px 4px 4px 4px; vertical-align: middle; line-height: 120%; text-align: center; }

    table.dnnPermissionsGrid tr.dnnGridItem td,
    table.dnnPermissionsGrid tr.dnnGridAltItem td { padding: 5px 4px 5px 4px; border-top: 1px solid #c9c9c9; border-bottom: 1px solid #c9c9c9; width: 70px; text-align: center; }

        table.dnnPermissionsGrid tr.dnnGridItem td.permissionHeader,
        table.dnnPermissionsGrid tr.dnnGridAltItem td.permissionHeader { border-right: 1px solid #c9c9c9; text-align: left; padding-left: 10px; width: 150px; }

    table.dnnPermissionsGrid tr.dnnGridHeader td.permissionHeader { padding-left: 10px; text-align: left; }

.dnnPermissionsGrid > .dnnFormItem label { margin-right: 8px; color: #777; }

.dnnPermissionsGrid > .dnnFormItem select { width: 25%; margin: 0 5px 5px 0; min-width: 180px; color: #777; }

.dnnPermissionsGrid > .dnnFormItem input { margin-bottom: 0; height: 17px; color: #777; width: 25%; }
.dnnPermissionsGrid > .dnnFormItem ul.token-input-list-facebook { display: inline-block; vertical-align: top; }

.dnnPermissionsGrid > .dnnFormItem > .leftGroup { margin-right: 35px; float: left; }

.dnnPermissionsGrid > .dnnFormItem > .rightGroup { float: left; }

    .dnnPermissionsGrid > .dnnFormItem > .rightGroup > .dnnSecondaryAction { position: absolute; }

.dnnPermissionsGrid > .dnnFormItem { margin-bottom: 18px; overflow: auto; }

.dnnGridHeader td, thead.dnnGridHeader th, tr.dnnGridHeader th { padding: 6px 12px 6px 12px; border-bottom: 1px solid #c9c9c9; border-right: 1px solid #c9c9c9; background: #f0f2f1; background: -moz-linear-gradient(top, #fff 0%, #f0f2f1 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f0f2f1)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fff 0%,#f0f2f1 100%); /* Chrome10+,Safari5.1+ */ background: linear-gradient(top, #fff 0%,#f0f2f1 100%); /* W3C */ }

.dnnGridItem td, .dnnGridAltItem td { padding: 6px; border-right: 1px solid #c9c9c9; }

    .dnnGridItem td input, .dnnGridAltItem td input { margin-bottom: none; }

.dnnGridAltItem { background: #F2F2F2; }

    .dnnGridItem:hover, .dnnGridAltItem:hover { background-color: #e8f1fa; }

/* td > input[type="image"],
    td > input[type="image"] + a,
    td a > img{
        display:block;
        float: left;
        margin-right: 3px;
    } */

/*-------------------------------------*/
/* URL Control
/*-------------------------------------*/

.urlControl { float: left; display: block; padding: 15px; margin-bottom: 10px; background-color: #f0f0f0; }

    .urlControl select,
    .urlControl input { width: 180px; margin-bottom: 10px; }

    .urlControl dnnFormItem > a.dnnSecondaryAction { margin: 10px 10px 0 0; float: left; }

    .urlControl .urlControlLinkType { float: left; width: 100%; }

        .urlControl .urlControlLinkType .dnnFormLabel { float: left; width: auto; margin-right: 5px; }

        .urlControl .urlControlLinkType input[type="radio"] { width: auto; margin-right: 5px; }

/*-------------------------------------*/
/* File Picker
/*-------------------------------------*/
span[id$="FileControl"] { display: block; float: left; }

.dnnFilePicker { display: block; float: left; background-color: #f0f0f0; margin-bottom: 10px; margin-right: 10px; padding: 0 15px 0 15px; width: 450px; }

    .dnnFilePicker .dnnLeft { margin: 0; padding: 0; margin-top: -30px; }

    .dnnFilePicker dnnFormItem { margin: 0; margin-top: -10px; padding: 0; position: static; }

    .dnnFilePicker .dnnLeft img { max-width: 135px; max-height: 100px; }

    .dnnFilePicker .dnnLeft .dnnFilePickerImageHolder { width: 135px; height: 100px; background-color: #ccc; margin: 20px 15px; }

    .dnnFilePicker .dnnFormItem span { display: block; float: left; width: 40px; margin-top: 8px; padding-left: 5px; text-align: left; }

    .dnnFilePicker select,
    .dnnFilePicker input { width: 200px; margin: 0; margin-right: 10px; float: none; }

    .dnnFilePicker .dnnLeft a.dnnSecondaryAction { margin: 10px 10px 0 0; display: inline-block; }

    .dnnFilePicker .dnnLeft img { display: block; margin: 20px 15px; }

/* FILE UPLOAD CSS */
span.dnnInputFileWrapper > input[type="file"] { /* force file upload style here, cause some module just override */ position: absolute; top: 0; right: 0; margin: 0; opacity: 0; filter: alpha(opacity=0); direction: ltr; cursor: pointer; height: 100%; font-size: 200px; }

span.dnnInputFileWrapper { /* Notes(by Richard): here must set !important */ overflow: hidden !important; margin: 0px 4px 0 0; width: auto !important; display: block !important; float: left !important; position: relative; }

    span.dnnInputFileWrapper > span.dnnSecondaryAction { display: inline-block; float: none; width: auto; }

/* DNN DRAG n DROP FILE PICKER UPLOAD */
.dnnFileUploadScope { display: block; float: left; background-color: #F0F0F0; margin-bottom: 10px; margin-right: 10px; padding: 0; width: 500px; }

    .dnnFileUploadScope .dnnLeft { margin: 0; padding: 15px 10px 15px 10px; }

        .dnnFileUploadScope .dnnLeft .dnnFormItem { margin-bottom: 10px; }

    .dnnFileUploadScope .dnnFormItem span, .urlControlTab .dnnFormItem > span { display: block; float: left; width: 40px; margin-top: 8px; padding-left: 5px; text-align: left; }

    .dnnFileUploadScope .dnnFormItem .dnnDropDownList span { margin: 0; width: auto; }

    .dnnFileUploadScope .dnnFormItem .RadComboBox_Default, .dnnFileUploadScope .dnnFormItem .dnnDropDownList { width: 180px; margin: 0; float: none; }

    .dnnFileUploadScope .dnnLeft .dnnFileUploadDropZone { position: relative; margin: 0; width: 180px; height: 150px; background: #d9eeff; border: 1px dashed #bbb; box-shadow: 0px 1px 0px #fff; -webkit-border-radius: 3px; border-radius: 3px; color: #4577a2; }

        .dnnFileUploadScope .dnnLeft .dnnFileUploadDropZone span { display: block; position: absolute; left: 38px; top: 60px; color: #fff; font-size: 12px; background: rgba(0,0,0,0.5); padding: 5px 7px; border-radius: 3px; box-shadow: 0px 1px 0px #fff, inset 1px 1px 0px #555; opacity: 0.5; cursor: default; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; }

        .dnnFileUploadScope .dnnLeft .dnnFileUploadDropZone:hover span { opacity: 1; }

input.dnnFixedSizeComboBox { width: 200px !important; margin-right: 10px; float: left; }

div.dnnFixedSizeComboBox { width: 218px !important; margin-right: 15px; float: left; }

.dnnFixedSizeComboBox + a.dnnSecondaryAction { float: left; margin-right: 10px; }

input.dnnSmallSizeComboBox { width: 100px !important; margin-right: 10px; float: left; }

div.dnnSmallSizeComboBox { width: 118px !important; margin-right: 15px; float: left; }

.dnnSmallSizeComboBox + a.dnnSecondaryAction { float: left; margin-right: 10px; }

td.dnnGridHeaderTD-NoBorder { border-right: none !important; }

tr.dnnGridItem td, tr.dnnGridAltItem td { border-right: none; }

    tr.dnnGridItem td input { margin-bottom: 0; }

/*-------------------------------------*/
/* ACCORDIAN
/*-------------------------------------*/
h2.dnnFormSectionHead { margin-top: 8px; margin-bottom: 18px; border-bottom: 1px solid #ddd; font-size: 32px; line-height: 36px; letter-spacing: -0.03em; }

    h2.dnnFormSectionHead a { display: block; padding-left: 3px; background: url("/images/down-icn.png") no-repeat right 50%; text-decoration: none; color: #333; font-size: 18px; letter-spacing: normal; font-weight: normal; }

        h2.dnnFormSectionHead a:hover { color: #222; background: rgba(2,139,255,0.05) /* blue */ url("/images/down-icn.png") no-repeat right 50%; }

        h2.dnnFormSectionHead a.dnnSectionExpanded { background: url("/images/up-icn.png") no-repeat right 50%; color: #222; }

            h2.dnnFormSectionHead a.dnnSectionExpanded:hover { color: #222; background: rgba(2,139,255,0.05) /* blue */ url("/images/up-icn.png") no-repeat right 50%; /* ACTIVE BLUE */ }

/*-------------------------------------*/
/* VERTICAL TABS */
/*-------------------------------------*/
.dnnVerticalTabs { margin-left: 0; }

    .dnnVerticalTabs li { list-style: none; }

        .dnnVerticalTabs li a { display: block; padding: 15px 15px; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; background: rgba(0, 0, 0, 0.04); color: #999; text-decoration: none; }

            .dnnVerticalTabs li a:hover { background: rgba(0, 0, 0, 0.06); color: #333; }

        .dnnVerticalTabs li.active a { background: none; color: #333; border-right: 1px solid transparent; }

.tabBody { display: none; }

/*-------------------------------------*/
/* SCROLL BAR */
/*-------------------------------------*/

.jspContainer { overflow: hidden; position: relative; }

.jspPane { position: absolute; }

.jspVerticalBar { position: absolute; top: 0; right: 0; width: 11px; height: 100%; background: #ccc; }

.jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 11px; background: #ccc; }

    .jspVerticalBar *,
    .jspHorizontalBar * { margin: 0; padding: 0; }

.jspCap { display: none; }

.jspHorizontalBar .jspCap { float: left; }

.jspTrack { background: transparent; position: relative; }

.jspVerticalBar .jspTrack { width: 10px; margin: 0 0 0 3px; }

.jspHorizontalBar .jspTrack { height: 5px; margin: 3px 0 3px 0; }

.jspVerticalBar .jspCap { display: block; height: 3px; width: 11px; }

.jspHorizontalBar .jspCap { display: block; width: 3px; height: 11px; }

.jspDrag { position: relative; top: 0; left: 0; border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; opacity: .75; background: #000; cursor: pointer; }

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag { float: left; height: 5px; }

/*-------------------------------------*/
/* UPGRADE FIXES */
/*-------------------------------------*/

/* Compatible with some old forge modules---*/
div.ModDNNAnnouncementsC table.ucLinkTypeRadioButtons label { display: inline !important; }

div.ModDNNAnnouncementsC table.ucLinkTypeRadioButtons span.dnnRadiobutton { display: inline !important; }

div.ModDNNAnnouncementsC .urlControl label, div.ModDNNLinksC .urlControl label { display: inline !important; }

div.ModDNNFAQsC .Normal { width: auto !important; }

div.ModDNNFeedbackC .dnnFormItem > label { display: inline-block; width: 33%; text-align: right; }

div.ModDNNUserDefinedTableC div.RadEditor { height: auto !important; }

div.ModDNNUserDefinedTableC ul.dnnActions { display: block; }

div.ModDNNIFrameC .urlControl span.dnnRadiobutton { display: inline !important; }

div.ModDNNIFrameC table.Normal td .dnnLabel { width: 100px; }

div.ModDNNIFrameC table.Normal td span.dnnRadiobutton { margin: 5px 0 0 30px; }

div.ModDNNLinksC .urlControl span.dnnRadiobutton { display: inline !important; }

/*-------------------------------------*/
/* GENERIC CLASSES */
/*-------------------------------------*/
.left { float: left; }

.right { float: right; }

.dnnLeft { float: left; }

.dnnRight { float: right; }

.dnnClear { clear: both; }

    .dnnClear:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0; }

* + html .dnnClear { min-height: 1%; }

/* used to set the different module align options - from module settings */
.DNNAlignleft { text-align: left; }

.DNNAlignright { text-align: right; }

.DNNAligncenter { text-align: center; }

/* used to collapse panes without any content in them */
body:not(.dnnEditState) .DNNEmptyPane { width: 0px; }

/* style to apply if the content should be hidden */
.Hidden { display: none; }
.wordwrap { white-space: pre-wrap; /* CSS3 */ white-space: -moz-pre-wrap; /* Firefox */ white-space: -pre-wrap; /* Opera <7 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* IE */ }
/*Edit In Place Tool Bar Classes*/
.eipbackimg { position: absolute; margin-top: -32px; white-space: nowrap; background: url("/images/eip_toolbar.png") repeat-x; height: 32px; z-index: 1; }
    .eipbackimg.editMode { border: 1px solid #777777 !important; background: -moz-linear-gradient(top, #303030 0%, #191919 100%) !important; /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#303030), color-stop(100%,#191919)) !important; /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #303030 0%,#191919 100%) !important; /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #303030 0%,#191919 100%) !important; /* Opera 11.10+ */ background: -ms-linear-gradient(top, #303030 0%,#191919 100%) !important; /* IE10+ */ background: linear-gradient(to bottom, #303030 0%,#191919 100%) !important; /* W3C */ opacity: 0.8; }
    .eipbackimg.containerTitle { margin-top: -8px; }
        .eipbackimg.containerTitle.editMode { left: auto; right: 0px; margin-top: 2px; background: none !important; border: none !important; }
.eipbuttonbackimg { width: 32px; height: 32px; cursor: pointer; float: left; background: url("/images/eip_toolbar.png") no-repeat; }
.eipbackimg.editMode .eipbuttonbackimg { border-left: 1px solid #1f1f1f; border-right: 1px solid #393939; opacity: 0.5; }

.eipbackimg.editMode.containerTitle .eipbuttonbackimg { border: none; opacity: 1; }

.eipbuttonbackimg.eipbutton_cancel { background-position: -32px 0; }
.eipbuttonbackimg.eipbutton_bold { background-position: -64px 0; }
.eipbuttonbackimg.eipbutton_italic { background-position: -96px 0; }
.eipbuttonbackimg.eipbutton_underline { background-position: -128px 0; }
.eipbuttonbackimg.eipbutton_justifyleft { background-position: -160px 0; }
.eipbuttonbackimg.eipbutton_justifycenter { background-position: -192px 0; }
.eipbuttonbackimg.eipbutton_justifyright { background-position: -224px 0; }
.eipbuttonbackimg.eipbutton_orderedlist { background-position: -256px 0; }
.eipbuttonbackimg.eipbutton_unorderedlist { background-position: -288px 0; }
.eipbuttonbackimg.eipbutton_outdent { background-position: -320px 0; }
.eipbuttonbackimg.eipbutton_indent { background-position: -352px 0; }
.eipbuttonbackimg.eipbutton_createlink { background-position: -384px 0; }

.eipbackimg.containerTitle .eipbutton_cancel { background: url("/images/eip_title_cancel.png") no-repeat center center; }

.eipbutton_edit { background: url("/images/eip_edit.png") no-repeat 100% center; float: left; }

.eipbutton_save { background: url("/images/eip_save.png") no-repeat 100% center; float: left; }
.eipbackimg.containerTitle .eipbutton_save { background-image: url("/images/eip_title_save.png"); }

.eipbackimg.editMode .eipborderhover { background-color: #333; opacity: 1; }
.eipbackimg.editMode.containerTitle .eipborderhover { background-color: inherit; }
div[id$=titleLabel_tb].visible ~ span { margin-left: 32px; }

/*Critical Error Popup*/
div.errorWin p { margin: 0 0 10px 0; }

input[type="button"].rspCollapseBarSpacer { min-width: 0; padding: 0 0; }


/*------------------------------------------------*/
/* DEFAULT PROFILE STYLE */
/*------------------------------------------------*/

.UserProfileControls ul li { list-style-type: none; }

/*------------------------------------------------*/
/* PROFILE STYLE */
/*------------------------------------------------*/
.console.profile { /*width: 250px;*/ width: 100% !important; /* updated for responsive*/ height: auto; background-color: #484848; /* Menu Background Color */ }

    .console.profile .console-none div { cursor: pointer; cursor: hand; float: left; height: auto; /*width: 250px;*/ width: 100% !important; /* updated for responsive*/ padding: 0px; margin: 0px; text-align: left; }

    .console.profile .console-none h3 { padding: 10px 8px 10px 40px; margin: 0; border-bottom: solid 1px #fff; background: url("/Resources/images/arrow-right-white.png") 18px center no-repeat; color: #eee; font-size: 13px; line-height: 1; font-weight: bold; }

    .console.profile .console-none div div { display: none; }

    .console.profile .console-mouseon { background-color: #70b1c7; /* Menu Hover Background Color */ }
/*-------------------------------------------------*/

/* Login/register/reset paswsword controls in mobile view */
body.mobileView.dnnFormPopup.dnnFormPopupMobileView { margin: 0; padding: 0; width: 100%; height: inherit !important; }
    body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnFormMessage { margin: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; padding: 10px 0 10px 0; }
        body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnFormMessage.dnnFormValidationSummary { padding: 10px; }
    body.mobileView.dnnFormPopup.dnnFormPopupMobileView .LoginPanel,
    body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnSendPasswordContent,
    body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnRegistrationForm { width: 100%; padding: 18px 0 0 0; margin: 0; float: none; min-width: inherit !important; }

    body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm { width: 100%; margin: 0; float: none; min-width: inherit !important; }



        body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > .dnnLabel { display: block; text-align: left; float: none; width: 100% !important; font-size: 14px; margin: 0 0 7px 0; vertical-align: top; padding: 0; }

    body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnSocialRegistration { display: none; }

    body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnCaptcha { width: 100%; }

    body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnLeft img { display: block; margin: 0 0 5px 0; }

    body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > .dnnLabel a.dnnFormHelp { display: none !important; width: 0 !important; margin: 0 !important; }

    body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > .dnnLabel div.dnnTooltip { display: none !important; width: 0 !important; position: static !important; right: 0 !important; margin: 0 !important; }

    body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem input[type="text"],
    body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > input[type="password"] { display: block; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; width: 100% !important; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; max-width: 100% !important; margin-bottom: 18px; min-width: 100% !important; }

    body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > span#dnn_ctr_Login_Login_DNN_lblLogin { display: none !important; width: 0; margin: 0; }

    body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem span.dnnFormMessage.dnnFormError { border-radius: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; right: 0; width: auto; max-width: 100%; padding: 10px; }

    body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm.dnnLoginService a.dnnPrimaryAction,
    body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm.dnnLoginService a.dnnSecondaryAction { width: 45%; padding: 18px 0 18px 0; display: block; float: left; margin: 0 5px 0 0; }

    body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnLoginRememberMe { display: block; float: left; margin: 10px 0 0 5px; }

    body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnLoginActions { display: block; }

    body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnActions a.dnnSecondaryAction,
    body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnActions a.dnnPrimaryAction { width: 100%; padding: 18px 0 18px 0; display: block; }

    body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnActions { padding: 0; }
        body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnActions li { width: 45%; }

    /* password strength control in iPopup */
    body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnRegistrationForm .password-strength-container { width: 100%; margin: 0 0 12px 0; padding: 8px 0 8px 0; display: block; max-width: inherit !important; }

    body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnRegistrationForm .dnnFormItem .password-strength-container input[type="password"] { display: block; margin: 0 8px 0 8px; width: calc(100% - 20px); box-sizing: border-box; -moz-box-sizing: border-box; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; max-width: inherit !important; }

    body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnRegistrationForm .dnnFormItem .password-strength-container span.min-length-text { display: block; margin: 5px 0 5px 8px; }

    body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnRegistrationForm .dnnFormItem .password-strength-container div.meter { float: none; width: 90%; margin: 0 0 0 8px; }
    body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnFormItem input.unmatched { background: none !important; }

    body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnRegistrationForm .dnnFormItem .password-strength-tooltip,
    body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnRegistrationForm .dnnFormItem .confirm-password-tooltip { display: none !important; }

.mobileView .dnnFormPopup .ui-dialog-content, .mobileVie #iPopUp .ui-dialog-content { max-height: none !important; }

.mobileView .ui-widget-overlay { display: none; }
.dnnFormPopup.dnnFormPopupMobileView { width: auto !important; left: 0 !important; right: 0 !important; top: 0 !important; box-shadow: none !important; }
    .dnnFormPopup.dnnFormPopupMobileView div.ui-dialog-titlebar > .ui-dialog-titlebar-close { display: none; }

    .dnnFormPopup.dnnFormPopupMobileView .ui-dialog-titlebar { border-bottom: none; cursor: inherit; font-size: 22px; color: #000; padding: 5px 0 0 0; }

    .dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > .dnnLabel { display: block; text-align: left; float: none; width: auto !important; font-size: 14px; margin: 0 0 7px 0; vertical-align: top; }

    .dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > input[type="text"] { display: block; box-sizing: border-box; -moz-box-sizing: border-box; width: 100% !important; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; max-width: inherit !important; }

    .dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > textarea,
    .dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > .redactor_box { display: block; box-sizing: border-box; -moz-box-sizing: border-box; width: 100% !important; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; max-width: inherit !important; }

    .dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > select { box-sizing: border-box; -moz-box-sizing: border-box; width: 100% !important; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; max-width: inherit !important; }

    .dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > .dnnTagsInput { box-sizing: border-box; -moz-box-sizing: border-box; width: 100% !important; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 18px; max-width: inherit !important; }

    .dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > .dnnLabel > input[type="checkbox"].normalCheckBox { display: inline-block; margin: 0 5px 0 12px; }

    .dnnFormPopup.dnnFormPopupMobileView .dnnFormItem span.dnnFormMessage.dnnFormError { right: 0; width: auto; border-radius: 0; text-align: right; max-width: 100%; }

    .dnnFormPopup.dnnFormPopupMobileView a.dnnPrimaryAction,
    .dnnFormPopup.dnnFormPopupMobileView .ui-dialog-buttonpane button.dnnPrimaryAction,
    .dnnFormPopup.dnnFormPopupMobileView a.dnnSecondaryAction,
    .dnnFormPopup.dnnFormPopupMobileView .ui-dialog-buttonpane button.dnnSecondaryAction { width: 49%; margin: 0; padding: 20px 0 20px 0; display: block; }

    .dnnFormPopup.dnnFormPopupMobileView a.dnnPrimaryAction,
    .dnnFormPopup.dnnFormPopupMobileView .ui-dialog-buttonpane button.dnnPrimaryAction { float: left; }

    .dnnFormPopup.dnnFormPopupMobileView a.dnnSecondaryAction,
    .dnnFormPopup.dnnFormPopupMobileView .ui-dialog-buttonpane button.dnnSecondaryAction { float: right; }

    .dnnFormPopup.dnnFormPopupMobileView .ui-dialog-buttonpane { border-top: none; }

        .dnnFormPopup.dnnFormPopupMobileView .ui-dialog-buttonpane .ui-dialog-buttonset { float: none; }

    .dnnFormPopup.dnnFormPopupMobileView .four-btn-panel a.dnnPrimaryAction,
    .dnnFormPopup.dnnFormPopupMobileView .four-btn-panel a.dnnSecondaryAction { width: 24%; display: inline-block; margin-right: 1%; float: none; }

    .dnnFormPopup.dnnFormPopupMobileView .dnnFormMessage { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; margin: 25px 0 15px 0; }

html.mobileView { overflow: auto !important; }

.mobileView .dnnFormPopup .ui-dialog-content,
.mobileView #iPopUp .ui-dialog-content { max-height: none !important; }

.dnnPlaceholder { color: #666; }

/* DNN Slider Input Style */
div.dnnSliderInput { position: relative; display: inline-block; width: 47%; margin: 15px 0 23px 0; max-width: 445px; border: 1px solid #d3d3d3; -ms-border-radius: 3px; border-radius: 3px; height: 10px; }

    div.dnnSliderInput .ui-slider-handle { position: absolute; z-index: 2; width: 14px; height: 14px; cursor: default; border: 1px solid #aaaaaa; background-color: #cccccc; font-weight: normal; color: #555555; outline: none; top: -2px; margin-left: -7px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    div.dnnSliderInput .dnnTooltip { top: -37px; margin-left: -22px; }
        div.dnnSliderInput .dnnTooltip .dnnFormHelpContent { visibility: visible; padding: 4px 10px; width: 25px; text-align: center; z-index: 1; }
/*END DNN Slider Input Style*/

/* Overflow for dnnMenu dropdown */
#dnnMenu .dropdown-menu { word-wrap: break-word; }

/* End Overflow for dnnMenu dropdown */

/*------------------------------------------------*/
/* Fix RTL Dnnplus.ir 2023 DNN9.x                 */
/*------------------------------------------------*/
body.rtl { direction: rtl; text-align: right; font-family: tahoma; }
.rtl iframe#personaBar-iframe { left: auto !important; right: 0 !important; }
.rtl .dnn-persona-bar-page-header button { float: left; }
.rtl .editBarFrameContainer.personabar-shown { left: 0; right: 80px !important; }
.rtl #languageFlags { float: left !important; }
.rtl .ui-tabs .ui-tabs-nav li:first-child .dnnWizardStep { padding-left: 0; padding-right: 30px; }
.rtl .dnnWizardStep > span { float: right; }
.rtl .dnnWizardStepTitle { margin: 13px 0 0 20px; }
.rtl .dnnWizardTab.ui-tabs .ui-tabs-nav li { float: right; }
.rtl .dnnWizardStepArrow { background: transparent url("/images/InstallWizardBG.rtl.png") no-repeat scroll 0 -401px; }
.rtl .dnnWizardStepNumber { margin: 10px 0 0 10px; }
.rtl .dnnForm .dnnFormItem { text-align: right; }
.rtl .dnnLabel { float: right; margin-left: 18px; margin-right: 0; text-align: left; padding-left: 20px; padding-right: 0; }
.rtl a.dnnFormHelp { right: auto; left: 0; }
.rtl .dnnTooltip .dnnFormHelpContent, .rtl .dnnHelperTip .dnnFormHelpContent { text-align: right; padding: 10px 30px 10px 10px; }
.rtl a.pinHelp { left: 0; right: 7px; }
.rtl .dnnFormItem .information { margin-left: 0; margin-right: 29%; text-align: justify; }
.rtl .dnnFormItem.information-checkbox .dnnLabel { margin-left: 0; }
.rtl #advancedDatabase input { direction: ltr; }
.rtl .dnnFormItem input.validate-success, .rtl .dnnFormItem input.matched,
.rtl .dnnFormItem input.validate-fail, .rtl .dnnFormItem input.unmatched { background-position: 2% center !important; }
.rtl .dnnFormItem #advancedDatabase input.validate-success, .rtl .dnnFormItem #advancedDatabase input.matched,
.rtl .dnnFormItem #advancedDatabase input.validate-fail, .rtl .dnnFormItem #advancedDatabase input.unmatched { background-position: 98% center !important; }
.rtl .bottomArrow::after { left: 0; right: 15px; }
.rtl .dnnWizardStep { padding: 0 20px 0 0; }
.rtl div#installation-progress { float: right; margin-left: 0; margin-right: -20px !important; }
.rtl div#banners { margin-left: 0; margin-right: -20px !important; }
.rtl div#installation-steps { float: left; }
.rtl .visitSiteLink { float: left; }
.rtl span.states-icons { background-image: url("/images/installer-feedback-states-sprite.rtl.png"); }
.rtl p.step-done > span.states-icons { background-position: 5px 3px; }
.rtl .jspPane { left: 0; }
.rtl ul.dnnAdminTabNav li { float: right; }
.rtl h2.dnnFormSectionHead a { padding-right: 20px; }
.rtl div.dnnFixedSizeComboBox { float: right; margin-left: 15px; margin-right: 0; }
.rtl .dnnFixedSizeComboBox + a.dnnSecondaryAction { float: right; margin-left: 10px; margin-right: 0; }
.rtl input.dnnFixedSizeComboBox { float: right; margin-left: 15px; margin-right: 0; }
.rtl .dnnFormRadioButtons { float: right; }
    .rtl .dnnFormRadioButtons label, .rtl .dnnFormItem input[type="radio"] + label { margin: 0 0 0 10px; text-align: right; }
.rtl .dnnFileUploadScope { float: right; margin-left: 10px; margin-right: 0; }
.rtl .dnnLeft { float: right; }
.rtl .dnnRight { float: left; }
.rtl .dnnFileUploadScope .dnnFormItem span, .rtl .urlControlTab .dnnFormItem > span { float: right; padding-left: 0; padding-right: 5px; text-align: right; }
.rtl .dnnActions { text-align: right; }
.rtl .dnnForm fieldset { text-align: right; }
.rtl .dnnPermissionsGrid > .dnnFormItem > .rightGroup { float: right; }
.rtl .dnnPermissionsGrid > .dnnFormItem > .leftGroup { float: right; margin-left: 25px; margin-right: 0; }
.rtl table.dnnPermissionsGrid tr.dnnGridHeader td.permissionHeader { padding-left: 0; padding-right: 10px; text-align: right; }
.rtl table.dnnPermissionsGrid tr.dnnGridItem td.permissionHeader, .rtl table.dnnPermissionsGrid tr.dnnGridAltItem td.permissionHeader { border-left: 1px solid #c9c9c9; border-right: 0 none; padding-left: 0; padding-right: 10px; text-align: right; }
.rtl .urlControl .urlControlLinkType { float: right; }
    .rtl .urlControl .urlControlLinkType .dnnFormLabel { float: right; }
.rtl .urlControlLinkType span, .rtl .dnnFormItem .urlControlLinkType span { text-align: right; }
.rtl .dnnActions li { float: right; }
.rtl div.dnnSliderInput .dnnTooltip { margin-left: auto; margin-right: 423px; }
.rtl span.dnnInputFileWrapper { float: right !important; margin: 0 0 0 4px; }
.rtl .sqlQuery .cm-s-dnn-sql.CodeMirror { direction: ltr; text-align: left; }
.rtl div.dnnSmallSizeComboBox { float: right; margin-left: 15px; margin-right: 0; }
.rtl input.dnnSmallSizeComboBox { float: right; margin-left: 10px; margin-right: 0; }
.rtl .dnnFormItem .ucLinkTypeRadioButtons label { text-align: right; }
.rtl .urlControl { float: right; }
.rtl .dnnTableDisplay th { text-align: right; }


#tblUrlDetailBodyModal tr td:nth-child(1) {
    max-width: 250px;
    line-height: 2;
    min-width: auto;
    width: 250px;
}

label {
    color: #000000;
}

#tblUrlDetailBodyModal tr td:nth-child(2) {
    max-width: 10px;
    width: 10px;
    overflow: hidden;
    background: #f7f7f7;
    line-height: 2;
}

#tblUrlDetailBodyModal tr td:nth-child(3) {
    max-width: 150px;
    width: 150px;
    min-width: auto;
    overflow: hidden;
    line-height: 2;
}

#tblUrlDetailBodyModal tr td:nth-child(4) {
    width: 100px;
    min-width: auto;
    max-width: 100px;
    overflow: hidden;
    background: #f7f7f7;
    line-height: 2;
}

.nice-checkbox input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    height: 44px !important;
    background-color: #f3f3f3;
    border-radius: 6px;
    border: solid 1px #ddd;
    outline: none !important;
    position: relative;
    transition: all 0.3s;
    cursor: pointer;
    margin: 0;
}

.checkout-summary {
    position: relative;
}

span[id*="CheckOut_lblTotalPriceStg2"],
span[id*="CheckOut_lblTotalPriceValueStg3"] {
    position: absolute;
    left: 0;
}

#txtAdvanceSearch::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: gray;
    font-size: 12px;
}

.search-container::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: gray;
    font-size: 12px;
}

#txtAdvanceSearch::-moz-placeholder {
    /* Firefox 19+ */
    color: gray;
    font-size: 12px;
}

.search-container::-moz-placeholder {
    /* Firefox 19+ */
    color: gray;
    font-size: 12px;
}

#txtAdvanceSearch:-ms-input-placeholder {
    /* IE 10+ */
    color: gray;
    font-size: 12px;
}

.search-container:-ms-input-placeholder {
    /* IE 10+ */
    color: gray;
    font-size: 12px;
}

#txtAdvanceSearch:-moz-placeholder {
    /* Firefox 18- */
    color: gray;
    font-size: 12px;
}

.search-container:-moz-placeholder {
    /* Firefox 18- */
    color: gray;
    font-size: 12px;
}

.select-gateway-old {
    display: none;
}

.nice-checkbox input[type="checkbox"]:checked {
    background-color: #cccccc;
}

.nice-checkbox input[type="checkbox"]:checked ~ label {
    color: #585858;
}

.nice-checkbox input[type="checkbox"]:checked:after {
    opacity: 1;
    transform: translateY(-50%) scale(1);
}

.nice-checkbox input[type="checkbox"]:checked:before {
    /* opacity:0; */
    /* font-size:0; */
}

.nice-checkbox input[type="checkbox"]:after,
.nice-checkbox input[type="checkbox"]:before {
    font-family: fontawesome;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s;
}

.nice-checkbox input[type="checkbox"]:after {
    content: "\f00c";
    font-size: 17px;
    opacity: 0;
    color: #585858;
    transform: translateY(-50%) scale(0);
}

.nice-checkbox input[type="checkbox"]:before {
    content: " ";
    font-size: 17px;
    opacity: 1;
    color: #696969;
    width: 20px;
    height: 20px;
    border-radius: 6px;
    border: solid 1px #ddd;
    background-color: #fff;
}

.nice-checkbox label {
    /* margin-top: 38px; */
    /* float: right; */
    /* font-weight:normal; */
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    color: #bdbdbd;
    font-weight: normal;
    width: 100%;
    text-align: center;
}

/**/

.1default-email input[type="checkbox"] {
    font-size: 30px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 1.5em;
    height: 0.7em !important;
    background: #ddd !important;
    border-radius: 3em !important;
    position: relative;
    cursor: pointer;
    outline: none;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    padding: 0 !important;
    top: 35px;
    margin-right: 12px;
}

.1default-email input[type="checkbox"]:checked {
    background: #00aae8 !important;
}

.1default-email input[type="checkbox"]:checked:after {
    left: calc(100% - 0.7em);
}

.1default-email input[type="checkbox"]:after {
    position: absolute;
    content: "";
    width: 0.7em;
    height: 0.7em;
    border-radius: 50%;
    background: #fff;
    -webkit-box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.3);
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    left: 0;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

/* Back Office Button */

.NBright_ButtonDiv {
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: left;
}

.NBright_MenuDiv .NBright_ButtonDiv {
    margin: 12px;
}

.DNNModuleContent.ModNBStoreBackOfficeC {
    color: transparent;
}

.divItems,
.divItems > div {
    display: inline-block;
    width: 100%;
}

span#spnModelColor {
    width: 17px;
    height: 17px;
    position: absolute;
    right: 36px;
    top: 8px;
    border-radius: 5px;
    border: 1px solid #ccc;
    content: "";
}

.divItems > div > div {
    display: inline-block;
    width: auto;
    float: right;
}

a.NBright_EnterButton {
    color: #3e81b5 !important;
    background-color: #f5f5f5;
    border: 1px solid #dedede;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    text-decoration: none !important;
    font-weight: bold;
    padding: 5px 10px 6px 30px;
}

.Detail .right {
    padding: 0 0 15px 15px;
    width: 38%;
    display: inline-block;
    vertical-align: top;
}

a.NBright_EnterButton:hover {
    color: #5fa1d6 !important;
}

.NBright_EnterButton {
    background: url("/DesktopModules/NB_Store/img/application_key.png") no-repeat 10px 50%;
}

/* Store Order Manager */

.NBright_CartOptDiv,
.NBright_ClientButtonDiv {
    text-align: left;
    font-weight: bold;
    line-height: 30px;
}

.NBright_ClientButton {
    background-color: white;
    text-align: left;
    padding: 4px;
    margin: 10px 0;
    border: #d0ccc9 solid 1px;
}

.NBright_RecalcButtonDiv {
    text-align: right;
    margin: 10px 0;
    font-weight: bold;
}

.NBright_RecalcButton {
    background-color: white;
    text-align: left;
    padding: 4px;
    border: #d0ccc9 solid 1px;
}

.NBright_NormalTextBox {
    margin-right: 8px;
    width: 144px;
}

.NBright_SelectDiv > div {
    display: inline;
}

.NBright_SearchTextBox {
    margin-right: 8px;
    width: 200px;
    height: 20px;
    border-radius: 3px;
    -moz-border-radius: 3px;
}

.NBright_ContentDiv {
    width: 100%;
}

.NBright_HeaderStyle {
    color: white;
    font-weight: bold;
    background-color: #bac815;
}

.NBright_FooterStyle {
    color: black;
    font-weight: bold;
    background-color: white;
}

.NBright_EditItemStyle {
    color: black;
    font-weight: normal;
    background-color: #e2ded6;
}

.NBright_SelectedItemStyle {
    color: #333333;
    font-weight: bold;
    background-color: #e2ded6;
}

.NBright_PagerStyle {
    color: black;
    font-weight: bold;
    background-color: white;
    text-align: center;
}

.NBright_AlternatingItemStyle {
    color: #777777;
    font-weight: bold;
    background-color: #f3f6f8;
}

.NBright_ItemStyle {
    color: #777777;
    font-weight: bold;
    background-color: white;
}

.NBright_SelectDiv,
.NBright_ActionDiv {
    text-align: left;
    padding: 10px 0;
    font-weight: bold;
}

.NBright_ButtonDiv a,
a.NBright_CommandButton,
a.NBright_ActionButton {
    background-color: #f5f5f5;
    border: 1px solid #dedede;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    text-decoration: none !important;
    font-weight: bold;
    color: #565656;
    cursor: pointer;
    padding: 5px 10px 6px 30px;
}

.NBright_ButtonDiv a:hover,
a.NBright_CommandButton:hover {
    background-color: #fff !important;
    text-decoration: none !important;
}

a.NBright_CommandButton {
    padding: 5px 10px 6px;
}

.NBright_ButtonDiv a,
a.NBright_CommandButton {
    background-color: #f5f5f5;
}

.NBright_SaveButton,
.NBright_ActionButton {
    background: url("/DesktopModules/NB_Store/img/accept2.png") no-repeat 10px 50%;
}

.NBright_ReturnButton {
    background: url("/DesktopModules/NB_Store/img/return.png") no-repeat 10px 50%;
}

.NBright_PrintButton {
    background: url("/DesktopModules/NB_Store/img/printer.png") no-repeat 10px 50%;
}

.NBright_ActionButton {
    background-color: white;
    text-align: left;
    padding: 4px;
    border: #d0ccc9 solid 1px;
}

.SpecialInstructions {
    width: 450px;
    height: 45px;
    font-family: inherit;
}

/* Checkout Cart stage options */

.NBright_CartOptDiv .Label {
    display: inline-block;
    min-width: 110px;
    vertical-align: top;
    white-space: nowrap;
}

.NBright_CartOptDiv .ShippingMethods {
    display: inline-block;
}

/* product list pager*/

div[id*="pnlProductList"] .PagingTable {
    background-color: #ffffff !important;
    min-height: 40px !important;
    border: 1px solid #9c9c9c !important;
    padding: 8px;
    border-radius: 5px;
    display: inline-block;
    width: 100% !important;
    margin: 15px 0 !important;
}

div[id*="pnlProductList"] .PagingTable tbody,
div[id*="pnlProductList"] .PagingTable tbody tr {
    display: block;
    width: 100%;
}

div[id*="pnlProductList"] .PagingTable td {
    text-align: center;
    font-family: Tahoma;
}

div[id*="pnlProductList"] .PagingTable td:nth-child(2n + 2) {
    width: 630px;
}

div[id*="pnlProductList"] .PagingTable td:first-child {
    width: 100px;
}

.ProductList .ListA,
.ProductList .ListB {
    float: left;
}

@media (max-width: 1000px) {
    div[id*="pnlProductList"] .PagingTable td:nth-child(2n + 2) {
        width: 86%;
    }
    div[id*="pnlProductList"] .PagingTable td:first-child {
        width: 14%;
    }
}

.paging-span {
    width: 22px !important;
    min-width: 20px !important;
    height: 22px !important;
    margin: 0 5px !important;
    line-height: 20px !important;
    background-color: #d3d3d3;
    color: #737399;
    display: inline-block;
    text-align: center;
}

.paging-span:hover {
    text-align: center;
}

.paging-span a {
    background-color: #efefef;
    color: #737399;
    min-width: 100%;
    height: 100%;
    display: inline-block;
    padding: 0 2px;
    transition: all 0.4s ease-in-out;
}

.paging-span:hover a {
    background-color: #d3d3d3;
    text-align: center;
    text-decoration: none;
    color: #eee;
}

.paging-span:first-child {
    background: url("/DesktopModules/NB_Store/img/bg-end.jpg");
    background-repeat: no-repeat;
    color: transparent;
    background-color: transparent;
}

.paging-span:first-child:hover a {
    background: url("/DesktopModules/NB_Store/img/bg-end-hover.jpg") no-repeat;
    background-position: right top;
}

.paging-span:last-child {
    background: url("/DesktopModules/NB_Store/img/bg-home.jpg");
    background-repeat: no-repeat;
    color: transparent;
    background-color: transparent;
}

.paging-span:last-child:hover a {
    background: url("/DesktopModules/NB_Store/img/bg-home-hover.jpg") no-repeat;
    background-position: right top;
}

.paging-span:nth-child(13n + 2) {
    background: url("/DesktopModules/NB_Store/img/bg-next.jpg");
    background-repeat: no-repeat;
    color: transparent;
    background-color: transparent;
}

.paging-span:nth-child(13n + 2):hover a {
    background: url("/DesktopModules/NB_Store/img/bg-next-hover.jpg") no-repeat;
    background-position: right top;
}

.paging-span:nth-last-child(-13n + 2) {
    background: url("/DesktopModules/NB_Store/img/bg-prev.jpg");
    background-repeat: no-repeat;
    color: transparent;
    background-color: transparent;
}

.paging-span:nth-last-child(-13n + 2):hover a {
    background: url("/DesktopModules/NB_Store/img/bg-prev-hover.jpg") no-repeat;
    background-position: right top;
}

.paging-span:first-child a,
.paging-span:last-child a,
.paging-span:nth-child(13n + 2) a,
.paging-span:nth-last-child(-13n + 2) a {
    color: transparent;
    background-color: transparent;
    background-position: right top;
}

.ListHeader {
    text-align: right !important;
}

.ListHeader .NormalTextBox {
    height: 25px !important;
    border-radius: 5px !important;
    border: 1px solid #b1b1b1 !important;
    font-family: "BYekan";
}

.highlight {
    background-color: yellow;
}

@-webkit-keyframes anim-open {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.6, 0.6, 1);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
    }
}

@keyframes anim-open {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.6, 0.6, 1);
        transform: scale3d(0.6, 0.6, 1);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.anim-open {
    -moz-animation: anim-open 1s steps(10);
    -o-animation: anim-open 1s steps(10);
    -webkit-animation: anim-open 1s steps(10);
    animation: anim-open 1s steps(10);
    -moz-animation-timing-function: cubic-bezier(0.1, 0.4, 0.2, 1.4);
    -o-animation-timing-function: cubic-bezier(0.1, 0.4, 0.2, 1.4);
    -webkit-animation-timing-function: cubic-bezier(0.1, 0.4, 0.2, 1.4);
    animation-timing-function: cubic-bezier(0.1, 0.4, 0.2, 1.4);
}

.likesBtn {
    width: 50px;
    height: 50px;
    text-align: center;
    /*padding-left: 20px;*/
    cursor: pointer;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -em-transition: all 0.3s;
    -moz-transition: all 0.3s;
    display: inline-block;
    margin: 5px;
    vertical-align: middle;
    position: relative;
    overflow: hidden;
}

#divLike {
}

#divDisLike {
}

.FileManager_FileList a {
    display: inline-block;
    width: 20px;
}

.likesBtn:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.likesBtn:hover:before,
.likesBtn:focus:before,
.likesBtn:active:before {
    -webkit-transform: scale(2);
    transform: scale(2);
}

.likesBtn:hover .counter-text {
    color: #fff;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -em-transition: all 0.3s;
    -moz-transition: all 0.3s;
}

.likesBtn {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -em-transition: all 0.3s;
    -moz-transition: all 0.3s;
    position: rrelative;
}

.likesBtn:after {
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 50%;
    font-size: 25px;
    margin-top: -16px;
    font-family: FontAwesome;
}

#divLike:after {
    content: "\f087";
}

#divDisLike:after {
    content: "\f088";
}

.Liked:after {
    content: "\f164";
    font-size: 27px;
}

.DisLiked:after {
    content: "\f165";
    font-size: 27px;
}

.likesBtn:hover img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -em-transform: scale(1.2);
    -moz-transform: scale(1.2);
}

/* Start Comparison */

.WishListEmptyBg {
    display: inline-block;
    width: 100%;
    text-align: center;
    background: #ddd;
}

.WishListEmptyBg a {
    font-size: 14px;
    color: #333;
    padding: 15px;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.WishListEmptyBg a:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #2098d1;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.WishListEmptyBg a i,
.WishListEmptyBg a em {
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin-left: 5px;
}

.WishListEmptyBg a:hover {
    color: #fff;
}

.WishListEmptyBg a:hover:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

.WishListEmptyBg a:hover i,
.WishListEmptyBg a:hover em {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

/* End Comparison */

#lightbox-nav-btnPrev,
#lightbox-nav-btnNext {
    width: 22%;
    height: 100%;
    display: block;
}

.Liked:after {
    /* content: "\f164" !important; */
    /* font-size: 27px; */
}

.DisLiked:after {
    /* content: "\f165" !important; */
    /* font-size: 27px; */
}

.likesBtn:hover img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -em-transform: scale(1.2);
    -moz-transform: scale(1.2);
}

/* Start Comparison */

.WishListEmptyBg {
    display: inline-block;
    width: 100%;
    text-align: center;
    background: #ddd;
}

.WishListEmptyBg a {
    font-size: 14px;
    color: #333;
    padding: 15px;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.WishListEmptyBg a:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #2098d1;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.WishListEmptyBg a i,
.WishListEmptyBg a em {
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin-left: 5px;
}

.WishListEmptyBg a:hover {
    color: #fff;
}

.WishListEmptyBg a:hover:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

.WishListEmptyBg a:hover i,
.WishListEmptyBg a:hover em {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

/* End Comparison */

#lightbox-nav-btnPrev,
#lightbox-nav-btnNext {
    width: 22%;
    height: 100%;
    display: block;
}

.rtl .wb-Checkout {
    text-align: right !important;
}

.wb-Checkout {
    text-align: left !important;
    /* max-width: 700px; */
    /* margin: auto; */
}

.wb-Checkout .right-side-wrap,
.wb-Checkout .left-side-wrap,
.wb-Checkout .checkout-box-wrap {
    background-color: #fff;
    border: solid 1px #ddd;
    box-shadow: 0 8px 13px -7px rgba(0, 0, 0, 0.05);
    border-radius: 6px;
}

.checkout-box-wrap {
    margin-bottom: 20px;
    padding-bottom: 15px;
    /* padding: 15px; */
}

.wb-Checkout .right-side {
    margin-bottom: 20px;
}

.wb-Checkout .left-side-wrap {
    padding: 15px;
    margin-bottom: 15px;
    font-size: 14px;
}

.wb-Checkout .checkout-summary .mainPriceTotal {
    float: left;
}

.wb-Checkout .checkout-summaryShipping > span:last-child {
    float: left;
}

.wb-Checkout .checkout-content {
    text-align: center;
    margin-top: 20px;
    padding-top: 20px;
    position: relative;
}

.wb-Checkout .checkout-content:after {
    content: "";
    padding: 1px 0;
    border-top: solid 1px #eee;
    border-bottom: solid 1px #eee;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.wb-Checkout .checkout-content .price-title {
    font-size: 18px;
    margin-bottom: 10px;
}

.wb-Checkout .checkout-content .price-value {
    font-size: 18px;
    color: #fb3449;
    margin-bottom: 10px;
}

.next-step {
    font-size: 18px;
    color: #fff;
    margin-bottom: 10px;
    display: block;
    border: solid 1px #2b82bb;
    background-color: #4aa6e3;
    border-radius: 6px;
    padding: 9px;
    transition: all 0.3s;
    width: 100%;
    cursor: pointer !important;
    font-family: inherit;
}

.next-step:hover {
    background-color: #348fcc;
}

.next-step:disabled {
    background-color: #ddd;
    border: solid 1px #cecece;
    color: #989898 !important;
    cursor: not-allowed !important;
}

.wb-Checkout .buy-process {
    display: flex;
    justify-content: space-between;
    margin: 20px 0 60px;
}

.wb-Checkout .buy-process li {
    width: 100%;
    text-align: center;
    position: relative;
    padding-bottom: 15px;
}

.wb-Checkout .buy-process li:before {
    content: "";
    position: absolute;
    bottom: 5px;
    left: 50%;
    width: 100%;
    height: 3px;
    background-color: #4aa4e3;
}

.wb-Checkout .buy-process li.active ~ *:before {
    background-color: #e4e4e4;
}

.wb-Checkout .buy-process li.active:before {
    background-color: #4aa5e3;
}

.wb-Checkout .buy-process li:first-child:before {
    display: none;
}

.wb-Checkout .buy-process li:last-child:before {
}

.wb-Checkout .buy-process li:after {
    content: "\f058";
    font-family: fontawesome;
    position: absolute;
    bottom: -2px;
    left: 50%;
    transform: translateX(-50%);
    width: 17px;
    height: 17px;
    background-color: #ffffff;
    border-radius: 100%;
    z-index: 4;
    font-size: 20px;
    color: #4aa4e3;
    line-height: 1;
}

.wb-Checkout .buy-process li.active ~ *:after {
    content: "";
    background-color: #e4e4e4;
}

.wb-Checkout .buy-process li.active:after {
    content: "";
    background-color: #4aa6e3;
}

.wb-Checkout .buy-process li.active:last-child:after {
    content: "\f058";
    background-color: #fff;
}

.wb-Checkout ul {
    list-style: none;
    margin: 0;
}

.wb-Checkout .select-gateway {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
}

.wb-Checkout .select-gateway input {
    display: none;
}

.wb-Checkout .select-gateway label {
    display: flex;
    flex-direction: column;
    text-align: center;
    max-width: 150px;
    position: relative;
    margin: 0 10px;
    cursor: pointer;
    padding: 15px;
    z-index: 2;
}

.wb-Checkout .select-gateway img {
    /* border: solid 1px #ddd; */
}

.wb-Checkout .select-gateway span:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: solid 1px #d4d4d4;
    border-radius: 6px;
    z-index: 1;
    transition: all 0.3s;
}

.wb-Checkout .select-gateway span:before {
    content: "\f00c";
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%) scale(0);
    font-family: fontawesome;
    width: 20px;
    height: 20px;
    line-height: 20px;
    background-color: #338000;
    border-radius: 100%;
    z-index: 2;
    color: #fff;
    font-weight: normal;
    transition: all 0.3s;
}

.wb-Checkout .select-gateway input:checked ~ span:after {
    border-color: green;
}

.wb-Checkout .select-gateway input:checked ~ span:before {
    transform: translateX(-50%) scale(1);
}

.wb-Checkout .checkout-express {
    border-bottom: solid 1px #4aa7e3;
    padding: 15px 15px 10px 15px;
    margin-bottom: 15px;
    font-size: 15px;
}

.wb-Checkout .content-wrapper {
    padding: 0 20px 20px;
}

.wb-Checkout .checkout-thumb img {
    max-height: 100px;
}

.wb-Checkout .checkout-price {
    text-align: center;
    font-size: 12px;
    color: #bbb;
    text-decoration: line-through;
    display: none;
}

.wb-Checkout .onDiscount .checkout-price {
    display: block;
}

.wb-Checkout .checkout-price .main-currency {
    /* display:none; */
}

.wb-Checkout .price-box {
    flex-direction: column;
    align-items: flex-end !important;
    /* padding-left: 40px; */
}

.wb-Checkout .checkout-discountPrice {
    font-size: 12px;
    color: #ef394e;
    display: none;
}

.wb-Checkout .onDiscount .checkout-discountPrice {
    display: block;
}

.wb-Checkout .onDiscount .checkout-afterDiscountPrice {
    font-size: 16px;
    color: #2e7b32;
}

.wb-Checkout .checkout-afterDiscountPrice {
    color: #404040;
    font-size: 16px;
    text-align: left;
}

.checkout-item > .row {
    display: flex;
    flex-wrap: wrap;
}

.checkout-item > .row > div {
    display: flex;
    justify-content: center;
    align-items: center;
}

.checkout-item .remove-item {
    border: 1px solid red;
    border-radius: 6px;
    padding: 3px;
    color: red !important;
    background: none;
    font-family: inherit;
    transition: 0.3s;
}

.checkout-item .remove-item:hover {
    color: #fff !important;
    border: 1px solid red;
    background: red;
}

.checkout-item .remove-item.hidden-lg {
    border: solid 1px #ddd;
    border-radius: 5px;
    padding: 5px;
    margin-right: 5px;
    color: #737373;
}

.checkout-item .checkout-qnty-col > .remove-item {
    display: none;
}

.checkout-item .fa-remove {
    background-color: #eee;
    color: #929292;
    border-radius: 100%;
    padding: 5px;
    width: 22px;
    height: 22px;
    text-align: center;
    transition: all 0.3s;
    position: relative;
}

.checkout-item .fa-remove:hover {
    background-color: #ddd;
}

.checkout-item > .row > div.col-sm-5 {
    justify-content: right;
}

.checkout-item > .row > div.col-sm-2 {
    flex-direction: column;
}

.checkout-item .checkout-qnty-wrap {
    /* width: 100%; */
    display: inline-block;
    text-align: center;
    border: solid 1px #eee;
    border-radius: 6px;
    margin-right: 10px;
}

.checkout-qnty-col *::selection {
    background: transparent;
    /* WebKit/Blink Browsers */
    color: inherit;
}

.checkout-qnty-col *::-moz-selection {
    background: transparent;
    /* WebKit/Blink Browsers */
    color: inherit;
}

.checkout-item .checkout-qnty-wrap .fa {
    padding: 7px 10px;
    display: inline;
    color: #4aa6e3;
    font-weight: normal;
    cursor: pointer;
    position: relative;
}

.checkout-item .checkout-qnty-wrap .fa-trash {
    display: none;
}

.checkout-item .checkout-qnty-wrap .qnty-count {
    margin: 0 8px;
}

.checkout-item input[type="number"] {
    max-width: 100%;
    border: solid 1px #ddd;
    border-radius: 5px;
    padding: 5px 5px 5px 15px;
    color: #808080;
    font-family: inherit;
    text-align: left;
    direction: ltr;
    font-size: 15px;
    transition: all 0.3s;
    max-width: 85px;
    margin-right: 10px;
}

.checkout-item .checkout-qnty {
    display: none;
}

.checkout-alert {
    display: none;
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 100%;
    background-color: #ff0808;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    box-shadow: 0px 0px 6px 0px #0000006e;
}

.checkout-alert:after {
    content: "";
    border-left: solid 6px transparent;
    border-right: solid 6px transparent;
    border-top: solid 6px transparent;
    border-bottom: solid 6px #ff0808;
    position: absolute;
    top: -11px;
    left: 50%;
    transform: translateX(-50%);
}

.checkout-item input[type="number"]:focus {
    border-color: #b5b5b5;
}

.checkout-item {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: solid 1px #eee;
}

.checkout-item > div.row {
    margin: 0;
    justify-content: flex-end;
}

.checkout-item:last-child {
    border: none;
    margin-bottom: 0;
}

.checkout-item .checkout-thumb {
    margin-left: 15px;
    display: inline-block;
    vertical-align: top;
    width: 25%;
}

.checkout-item .checkout-desc .product-name {
    margin-bottom: 8px;
    font-size: 15px;
    display: block;
    background-color: transparent !important;
}

.checkout-item .checkout-desc .product-name:hover {
    color: inherit !important;
}

.checkout-item .checkout-desc {
    color: #636363;
}

.wb-CheckoutSteps {
    margin-bottom: 24px;
}

.wb-Checkout table {
    width: 100%;
}

.wb-Checkout .factor .checkout-express {
    margin-bottom: 0;
    text-align: center;
}

.wb-Checkout .factor > .col-md-3 {
    border-left: solid 1px #fff;
    background-color: #353535;
    padding: 10px 15px;
    color: #fff;
    text-align: center;
}

.wb-Checkout .factor .DetailTemplateRows .col-sm-3 {
    border-left: solid 1px #bdbdbd;
    border-bottom: solid 1px #bdbdbd;
    padding: 10px 15px;
    text-align: left;
    font-size: 14px;
}

.wb-Checkout .factor .DetailTemplateRows .col-sm-3:first-child {
    text-align: right;
}

.wb-Checkout .factor .DetailTemplateRows .col-sm-3:nth-child(3) {
    text-align: center;
}

.wb-Checkout .factor .DetailTemplateRows .col-sm-3:last-child {
    border-left: none;
}

.wb-Checkout .factor .factor-table {
    display: inline-block;
    width: 50%;
    float: left;
    font-size: 13px;
    font-weight: bold;
    margin-top: 10px;
    padding-left: 15px;
}

.wb-Checkout .factor .factor-table span.label-text {
    display: inline-block;
    width: 50%;
    /* padding-left:15px; */
    text-align: left;
    font-weight: normal;
}

.wb-Checkout .factor .factor-table span.label-number {
    text-align: left;
    width: 50%;
    display: inline-block;
}

.wb-Checkout .stg4 {
    max-width: 800px;
    margin: auto;
}

.wb-Checkout .stg4 .order-property {
    margin-bottom: 15px;
}

.wb-Checkout .stg4 .order-date {
    text-align: left;
}

.wb-Checkout .stg4 .buyer-profile > .col-md-6 {
    margin-bottom: 6px;
}

table[id*="CheckOut_cartlist1_dgCartList"],
table[id*="CheckOut_cartlist2_dgCartList"] {
    border: 1px solid #ccc;
}

table[id*="CheckOut_cartlist1_dgCartList"] > tbody > tr:nth-child(odd),
table[id*="CheckOut_cartlist2_dgCartList"] > tbody > tr:nth-child(odd) {
    background: #ebebeb;
}

.NBright_cartheader {
    border-bottom: 4px double #abb0b3;
    font-weight: bold;
    background: transparent;
}

td.NBright_cartheader {
    padding: 10px;
    background-color: #1d201c;
    color: #fff;
    font-size: 16px;
}

table[id*="CheckOut_cartlist1_dgCartList"] td,
table[id*="CheckOut_cartlist2_dgCartList"] td {
    border: 1px solid #ccc;
}

.NBright_CartItem td,
.NBright_AltCartItem td {
    text-align: center;
    padding: 5px;
}

.NBright_CartItem td,
.NBright_AltCartItem td {
    border-bottom: 1px #ccc dotted;
}

.NBright_CartList input[type="text"] {
    text-align: center;
}

.discountTotal {
    float: left;
    color: #ef394e;
}

.discountTotalStg2 {
    float: left;
}

.NBright_RecalcButtonDiv {
    text-align: right;
    margin: 10px 0;
    font-weight: bold;
}

.wb-Checkout .NBright_ClientButtonDivRight .NBright_ClientButton {
    margin-left: 0;
}

.NBright_RecalcButtonDiv a {
    background-color: #ff4e00;
    padding: 5px 15px;
    color: #fff !important;
}

.NBright_RecalcButtonDiv a {
    color: #444 !important;
}

a.Button {
    line-height: 30px;
    width: 120px;
}

a.Button {
    background: #eaeaea url("/DesktopModules/NB_Store/img/GlossyButtons.png") repeat-x;
}

a.Recalculate {
    margin-left: 0 !important;
}

a.Button,
a.Button:link {
    font-size: 12px;
    font-weight: bold;
    text-decoration: none !important;
    padding: 0;
    margin-left: 12px;
    margin-bottom: 12px;
    display: inline-block;
    text-align: center;
}

a.Button,
a.Button:link {
    color: #444;
    border: 1px solid #b7b7b7;
    border-radius: 5px;
}

.NBright_RecalcButton {
    background-color: white;
    text-align: left;
    padding: 4px;
    border: #d0ccc9 solid 1px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.NBright_ClientButtonDivLeft {
    text-align: left;
}

.NBright_ClientButtonDivRight {
    text-align: right;
}

.NBright_ClientButton.Button.ContinueOrder {
    background: #02bd5a !important;
    color: #fff !important;
    -webkit-transition: all 0.25s linear !important;
    -moz-transition: all 0.25s linear !important;
    -ms-transition: all 0.25s linear !important;
    -o-transition: all 0.25s linear !important;
    transition: all 0.25s linear !important;
}

table[id*="CheckOut_cartlist1_dgCartList"] > tbody > tr:last-child span,
table[id*="CheckOut_cartlist2_dgCartList"] > tbody > tr:last-child span {
    padding: 5px;
    display: inline-block;
}

table[id*="CheckOut_cartlist1_dgCartList"] table td,
table[id*="CheckOut_cartlist2_dgCartList"] table td {
    border: 0 !important;
}

.divPriceCurrency {
    margin-bottom: 10px;
}

.wb-Checkout fieldset {
    border: 1px solid #ececec;
    padding: 25px;
    background-color: #ffffff;
    border-radius: 6px;
    position: relative;
    top: -12px;
}

.promo-input input {
    margin-bottom: 0 !important;
}

.field-wrap {
    position: relative;
}

.float-placeholder input {
    width: 100%;
    margin-bottom: 15px;
    margin-top: 0px;
    background-color: #fff;
    margin-bottom: 15px;
    border-radius: 5px;
    border: solid 1px #ddd;
    padding: 9px;
    transition: all 0.3s;
    font-family: inherit;
}

.float-placeholder input::placeholder {
    color: transparent;
}

.float-placeholder input:focus {
    border-color: #b9b9b9;
}

.float-placeholder label,
.float-placeholder .float-label {
    position: absolute;
    left: 0;
    top: 9px;
    padding: 0 9px;
    font-weight: normal;
    transition: all 0.3s;
    cursor: text;
    color: #868686;
    background-color: #fff;
}

/* ShipMethodBox */

.ShipMethodBox {
    display: flex;
    flex-wrap: wrap;
}

.shipping-methods_Title {
    font-size: 20px;
    font-weight: 500;
    display: flex;
    align-items: center;
    margin-top: 1rem !important;
    flex-wrap: wrap;
}

.shipping-methods_Title img {
    margin-left: 0.5rem;
}

.ShipMethodBox table.ShippingMethods {
    order: 1;
}

.ShipMethodBox table.ShippingMethods tbody,
.ShipMethodBox table.ShippingMethods tr,
.ShipMethodBox table.ShippingMethods td {
    display: block;
    width: 100%;
}

.ShipMethodBox table.ShippingMethods td {
    order: 1;
}

.ShipMethodBox table.ShippingMethods td input {
    width: auto;
}

.ShipMethodBox table.ShippingMethods td label {
    position: static !important;
    transform: unset !important;
}

.ShipMethodBox label {
    order: 0;
}

.shipping-methods_Headers {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    border-radius: 4px;
    margin-top: 1rem;
}

a.next-step.disable {
    background: #b0adad !important;
    border-color: #b0adad !important;
    pointer-events: none !important;
}

.shipping-method_Header {
    display: flex;
    align-items: center;
    cursor: pointer;
    border: 2px solid var(--mc1);
    border-radius: 4px;
    background: #fff;
    padding-block: 1rem;
    padding-inline: 1rem;
    flex: 1;
}

.shipping-method_Header span {
    font-size: 1rem;
    font-weight: 400;
    color: #2F2F2F;
    white-space: nowrap;
}

.shipping-method_Header.active {
    background-color: #d2b38433;
}

.shipping-method_Header.active span {
    font-weight: 700;
}

.shipping-method_Header input {
    margin-left: 0.5rem;
    cursor: pointer;
}

.shipping-method_Header label {
    cursor: pointer;
}

.shipping-methods_Desc {
    margin-top: 1rem;
    position: relative;
}

.shipping_Method__Desc {
    display: none;
    width: 100%;
    height: 100%;
    transition: 0.4s;
}

.shipping_Method__Desc.active {
    display: block !important;
}

.shipment-box {
    border: 1px solid #ddd;
    padding: 1rem;
    border-radius: 6px;
    margin-bottom: 1rem;
}

.shipment-titles {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ddd;
}

.shipment-title {
    margin-left: 1rem;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid transparent;
}

.shipment-title.active {
    border-bottom: 2px solid var(--mc1);
}

@media (max-width:991px) {
    .shipment-titles {
        overflow: auto;
        gap: 0.5rem;
    }
    
    .shipment-title {
        white-space: nowrap;
    }
}


.append__Shipping-values {
    position: relative;
    margin-top: 0.5rem;
    min-height: 120px;
}

.shipment-value {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transition: 0.4s;
    opacity: 0;
    visibility: hidden;
}

.shipment-value.active {
    opacity: 1 !important;
    visibility: visible !important;
}

.shipment-value-input {
    display: flex;
    align-items: center;
    border-bottom: 1px dashed #e6e6e6;
    padding: 0.5rem 0rem !important;
}

.shipment-value-input:last-child {
    border-bottom: none !important;
}

.shipment-value-input label {
    position: relative !important;
    right: unset !important;
    top: unset !important;
    transform: unset !important;
    font-size: 16px !important;
    cursor: pointer;
}

.shipment-value-input input {
    width: auto !important;
    margin: 0 !important;
    margin-left: 0.25rem !important;
    cursor: pointer;
}

.rtl .float-placeholder label,
.rtl .float-placeholder .float-label {
    left: auto;
    right: 6px;
}

.float-placeholder input:focus ~ label,
.float-placeholder input:not(:placeholder-shown) ~ label,
.float-placeholder input:focus ~ .float-label,
.float-placeholder input:not(:placeholder-shown) ~ .float-label,
.float-placeholder textarea:focus ~ label,
.float-placeholder textarea:not(:placeholder-shown) ~ label {
    transform: translate(0.25em, -20px) scale(0.8);
    color: #4a4a4a;
}

.float-placeholder .radio label {
    transform: unset !important;
    position: relative;
    top: 0px;
    right: 0;
}

.float-placeholder .radio .Value > label {
    top: -10px;
}

.float-placeholder .radio input {
    margin: 0;
    position: relative;
    width: auto;
}

.float-placeholder .radio table {
    width: auto;
    display: inline;
}

.apply-btn {
    position: absolute;
    right: 0;
    top: 0px;
    line-height: 50px;
    padding: 0 10px;
    height: 50px;
    border-right: solid 1px #ddd;
}

.rtl .apply-btn {
    left: 0;
    right: auto;
}

.AddressCollector {
    text-align: right;
    margin-top: 10px;
}

.wb-Checkout table {
    width: 100%;
}

.AddressCollector td {
    padding: 4px;
}

.AddressCollector td,
.AddressOptions td {
    padding: 4px;
}

.AddressCollector .Label {
    white-space: nowrap;
    font-weight: normal;
    width: 110px;
}

span.required {
    color: red;
}

.AddressCollector > tbody > tr:last-child > .Label {
    vertical-align: top;
    padding-top: 15px !important;
}

.wb-Checkout textarea {
    width: 100%;
    background-color: transparent;
    border: solid 1px #ddd;
    border-radius: 6px;
    resize: none;
    margin: 0px 0 5px;
    font-family: inherit;
    font-size: 13px;
    color: #5d5d5d;
    height: 100px;
    padding: 9px 15px;
}

.Email-field input.email {
    direction: ltr;
    width: 100%;
    font-family: sans-serif;
}

.Email-field label {
    font-weight: normal;
}

.NormalRed {
    font-weight: bold;
    color: red;
}

.CommandButton,
.StandardButton,
.NormalRed {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
    border: 1px solid #ccc !important;
    border-radius: 5px;
    padding: 10px 20px;
    margin: 5px;
    margin-right: -1px;
    display: inline-block;
    transition: all 0.5s ease-in;
}

.wb-Checkout .validation,
.wb-Checkout .AddressCollector .Value > .NormalRed {
    background: red !important;
    color: #fff;
    border: none !important;
    position: absolute;
    left: 0;
    top: -35px;
    margin: 0;
    font-weight: normal;
    padding: 4px 14px;
    border-radius: 6px;
}

.wb-Checkout .AddressCollector .Value {
    position: relative;
}

.wb-Checkout .AddressCollector .validation:after,
.wb-Checkout .AddressCollector .Value > .NormalRed:after {
    content: "";
    position: absolute;
    left: 13px;
    bottom: -17px;
    border-left: solid 10px transparent;
    border-top: solid 10px #ec2c00;
    border-bottom: solid 10px transparent;
    border-right: solid 10px transparent;
}

.StateandCity-Box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.wb-Checkout .select2-container {
    width: 80% !important;
}

.wb-Checkout .select2-container--default .select2-selection--single {
    width: 100% !important;
    margin-top: 0px !important;
    background-color: #fff !important;
    border-radius: 5px !important;
    border: solid 1px #ddd !important;
    padding: 8px !important;
    transition: all 0.3s !important;
    font-family: inherit !important;
    height: 45px !important;
}

.wb-Checkout .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 50% !important;
    transform: translateY(-50%) !important;
}

.wb-Checkout legend,
.wb-Checkout legend span {
    font-size: 18px !important;
    color: #666;
}

.wb-Checkout legend {
    font-size: 18px !important;
    color: #666;
    padding: 0 15px;
    display: inline-block;
    width: auto;
    border: 0;
}

.AddressCollector > tbody > tr:last-child > .Label {
    vertical-align: top;
    padding-top: 15px !important;
}

.AddressCollector > tbody > tr:last-child > .Address1 {
    top: 0;
}

/* .Address1 {
    position: relative;
    top: 40px;
}
td .Address1 textarea {
    width: 97%;
    background-color: white;
    margin-bottom: 0px;
}
.AddressCollector>tbody>tr:last-child>.Address1 textarea {
    width: 33% !important;
} */

.SpecialInstructions {
    width: 450px;
    height: 45px;
    font-family: inherit;
}

.SpecialInstructions {
    background-color: white;
}

.AddressOptions textarea {
    /* margin-top: 20px; */
}

.wb-Checkout .next-step:hover,
.wb-Checkout .next-step:focus {
    color: #fff;
}

.NBright_ClientButton.Button.ContinueOrder:hover {
    background: #039648 !important;
}

.AddressOptions {
    text-align: right;
}

input[type="checkbox"],
input[type="checkbox"] + label {
    /* float: right; */
    /* margin-left: 6px; */
}

a.CancelOrder:link {
    border: 1px solid #bc0000;
}

.OrderDetailRow {
    background: #f5f5f5;
    border-bottom: 1px solid #ddd;
    height: 50px !important;
}

.OrderDetailRow2 td {
    text-align: center;
}

div[id$="pnlOrderEdit"] td {
    padding: 5px;
}

.ModelImageTable {
    width: 50px;
}

.ModelImageTable:hover {
    width: 500px;
}

.back-btn {
    margin-top: 40px;
}

.back-btn a {
    display: inline-block;
    padding: 4px 0 4px 4px;
    border: solid 1px #ddd;
    border-radius: 10px;
    padding: 0 15px;
    transition: all 0.3s;
}

.back-btn a:hover {
    color: #8c8c8c;
    background-color: #eee;
}

.back-btn a:before {
    content: "\f105";
    font-family: fontawesome;
    position: relative;
    top: 2px;
    margin-left: 10px;
    font-size: 13px;
}

/************PAGING*************/

div[id*="pnlProductList"] .PagingTable {
    text-align: center;
}

div[id*="pnlProductList"] .PagingTable span {
    display: none;
}

div[id*="pnlProductList"] .PagingTable em {
    border: solid 1px #ddd;
    background-color: #eee;
}

div[id*="pnlProductList"] .PagingTable em,
div[id*="pnlProductList"] .PagingTable a {
    font-style: normal;
    background-color: #eee;
    padding: 2px 10px;
    border-radius: 5px;
    font-family: inherit !important;
    color: #3d3d3d;
    display: inline-block;
    margin: 0 3px;
    height: 30px;
}

div[id*="pnlProductList"] .PagingTable a {
    border: solid 1px transparent;
    background: transparent !important;
    transition: all 0.4s;
}

div[id*="pnlProductList"] .PagingTable a.PagerNormalDisabled {
    display: none;
}

div[id*="pnlProductList"] .PagingTable .NextPage:before {
    content: "";
    height: 20px;
    width: 1px;
    background-color: #ddd;
    position: absolute;
    left: -7px;
    right: auto;
    top: 4px;
}

.rtl div[id*="pnlProductList"] .PagingTable .NextPage:before {
    right: -7px;
    left: auto;
}

div[id*="pnlProductList"] .PagingTable .NextPage {
    margin-right: 10px;
    position: relative;
}

div[id*="pnlProductList"] .PagingTable .PreviousPage:after {
    content: "";
    height: 20px;
    width: 1px;
    background-color: #ddd;
    position: absolute;
    right: -7px;
    left: auto;
    top: 4px;
}

.rtl div[id*="pnlProductList"] .PagingTable .PreviousPage:after {
    left: -7px;
    right: auto;
}

div[id*="pnlProductList"] .PagingTable .PreviousPage {
    margin-left: 10px;
    position: relative;
}

div[id*="pnlProductList"] .PagingTable a:hover {
    background: #eee !important;
    color: #3d3d3d !important;
    border: solid 1px #eee;
}

div[id*="pnlProductList"] .PagingTable a:after,
div[id*="pnlProductList"] .PagingTable a:before {
    font-family: fontawesome;
}

.rtl div[id*="pnlProductList"] .PagingTable a.FirstPage:before {
    content: "\f101";
    margin-left: 7px;
}

.rtl div[id*="pnlProductList"] .PagingTable a.PreviousPage:before {
    content: "\f105";
    margin-left: 10px;
}

.rtl div[id*="pnlProductList"] .PagingTable a.NextPage:after {
    content: "\f104";
    margin-right: 7px;
}

.rtl div[id*="pnlProductList"] .PagingTable a.LastPage:after {
    content: "\f100";
    margin-right: 10px;
}

/*ENG*/

div[id*="pnlProductList"] .PagingTable a.FirstPage:before {
    content: "\f100";
    margin-right: 7px;
}

div[id*="pnlProductList"] .PagingTable a.PreviousPage:before {
    content: "\f104";
    margin-right: 10px;
}

div[id*="pnlProductList"] .PagingTable a.NextPage:after {
    content: "\f105";
    margin-left: 7px;
}

div[id*="pnlProductList"] .PagingTable a.LastPage:after {
    content: "\f101";
    margin-left: 10px;
}

/***/

@media all and (min-width: 768px) and (max-width: 991px) {
    .checkout-item > .row > div {
        flex-direction: column;
    }
    .checkout-item > .row > div.product-specs {
        align-items: start;
    }
    .checkout-item .checkout-qnty-wrap {
        margin: 0;
    }
    .wb-Checkout .left-side-wrap {
        text-align: center;
    }
    .wb-Checkout .checkout-summary .mainPriceTotal {
        display: block;
        text-align: center;
        float: none;
    }
}

@media screen and (max-width: 991px) {
    .wb-Checkout .right-side {
        order: 1;
    }
    .StateandCity-Box {
        align-items: flex-start;
        flex-direction: column;
    }

    .wb-Checkout .select2-container {
        width: 100% !important;
        margin-top: 0.5rem !important;
    }

    .shipping-methods_Headers {
        border: unset;
        padding: 0 !important;
    }

    .shipping-method_Header {
        padding: 0.5rem;
        border: 1px solid #333;
        margin: 0 !important;
        border-radius: 4px;
        position: relative;
    }

    .shipping-method_Header span {
        width: 40px;
        height: 40px;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        transition: 0.4s;
    }

    .shipping-method_Header .fa.fa-chevron-down {
        position: absolute;
    }

    .shipping-method_Header span.active {
        transform: translateY(-50%) rotate(180deg) !important;
    }

    .shipping-method_Header label {
        width: 100%;
    }

    .shipping-method_accordion_content {
        border: 1px solid #ccc;
        border-top: 0;
    }

    .shipping_Method__Desc {
        padding: 0.5rem;
    }

    .shipping_Method__Desc {
        display: block;
        position: relative;
        transition: 0.4s;
        top: unset;
        left: unset;
        opacity: 1 !important;
        visibility: visible !important;
    }

    .shipping-method_accordion {
        width: 100%;
        margin-bottom: 1rem;
        overflow: hidden;
    }
}

@media screen and (max-width: 767px) {
    .checkout-item .checkout-qnty-col > .remove-item {
        display: inline-block;
    }
    .wb-Checkout .factor .factor-table {
        width: 100%;
    }
    .wb-Checkout .factor .DetailTemplateRows > .row {
        border-bottom: solid 1px #ddd;
    }
    .wb-Checkout .factor .DetailTemplateRows .col-sm-3 {
        text-align: right !important;
        padding-right: 100px;
        border: none;
    }
    .wb-Checkout .factor .DetailTemplateRows .col-sm-3:before {
        content: attr(data-column);
        position: absolute;
        right: 10px;
    }
    .wb-Checkout .factor > .col-md-3 {
        display: none;
    }
    .wb-Checkout .stg4 .order-date {
        text-align: right;
    }
    .checkout-item > .row {
        /* display: block; */
        margin: 0;
        justify-content: flex-end;
        position: relative;
    }
    .checkout-item > .row:after {
        content: "";
        display: table;
        clear: both;
    }
    /* .checkout-item > .row > div {
        justify-content: flex-end;
    } */
    .checkout-item > .row .remove-product {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }
    .checkout-item .row .product-specs {
        display: flex;
        margin-bottom: 15px;
    }
    .checkout-item > .row > div.col-xs-6 {
        float: left;
        text-align: left;
    }
    .checkout-item > .row .checkout-qnty-col,
    .checkout-item > .row .price-box {
        width: 50%;
    }
    .wb-Checkout .checkout-afterDiscountPrice {
        text-align: right !important;
    }
    .wb-Checkout .checkout-price {
        text-align: right;
        padding-right: 15px;
        color: #fb3449;
    }
    .checkout-item .checkout-desc .product-name {
        margin-bottom: 0;
    }
    .checkout-item > .row > div.col-sm-5 {
        margin-bottom: 20px;
    }
    .checkout-item .checkout-count {
        display: inline-block;
        /* padding-right: 15px; */
        /* padding-left: 7px; */
        margin-left: 10px;
    }
    .checkout-item input[type="number"] {
        /* display:inline-block; */
        max-width: 45px;
    }
    .checkout-item .checkout-qnty-wrap {
        margin-bottom: 10px;
        padding: 5px 0;
    }
    .checkout-item .checkout-desc {
        display: inline-block;
        width: calc(100% - 104px);
        padding-right: 15px;
    }
    .checkout-item .checkout-thumb {
        /* max-width:100px; */
        margin: 0;
        width: 100px;
    }
    div[id*="pnlProductList"] .PagingTable.row a {
        display: none !important;
    }
    div[id*="pnlProductList"] .PagingTable.row a.showInMobile {
        display: inline-block !important;
    }
    div[id*="pnlProductList"] .PagingTable .PreviousPage:after,
    div[id*="pnlProductList"] .PagingTable .NextPage:before {
        display: none;
    }
    .MobilePagingdiv[id*="pnlProductList"] .PagingTable {
        padding: 0;
        margin: 0 !important;
    }
}

@media screen and (max-width: 365px) {
    .checkout-item .checkout-count {
        margin: 0 10px 2px;
    }
    .checkout-item input[type="number"] {
        margin: 0;
    }
    .checkout-item .remove-item.hidden-lg {
        margin: 0;
    }
    .checkout-qnty-wrap {
        margin-bottom: 5px;
    }
}

/*------------------------------------------------*/

/*-------- model colors --------*/

div.colors > table {
    width: 100%;
    text-align: right;
}

div.colors > table tr {
    display: inline-block;
    margin-left: 20px;
}

div.colors > table input {
    display: none;
}

div.colors > table input[type="radio"]:checked ~ label span.spnModelColor {
    background-color: #f0f0f0;
}

span.spnModelColor {
    float: right;
    margin: 0 !important;
    position: relative;
    padding: 3px 30px 3px 10px;
    border: solid 1px #f0f0f0;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.4s;
}

span.spnModelColorCode {
    float: right;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 5px;
    top: 5px;
    border-radius: 4px;
    border: solid 1px #ddd;
}

span.modelColorPrice {
    display: inline-block !important;
    direction: rtl;
}

/*------------------------*/

/*-----------Drop Model----------*/

.ModelPrices > span,
.ModelDesc > div {
    display: none;
}

/*------------------------*/

/*------------------------------------------------*/

/*--------------NBSTORE LOGIN PAGE----------------*/

/*------------------------------------------------*/

.row.LoginPage {
    /* max-width:900px; */
    /* margin:40px auto 20px; */
}

.row.LoginPage .bx a:before {
    content: "";
    width: 42px;
    height: 42px;
    display: inline-block;
    transition: all 0.3s;
}

.row.LoginPage .bx.log a:before {
    background: url("/DesktopModules/NB_Store/img/key.png") no-repeat;
}

.row.LoginPage .bx.reg a:before {
    background: url("/DesktopModules/NB_Store/img/user.png") no-repeat;
}

.row.LoginPage .bx a:hover:before {
    transform: translateY(4px);
}

.row.LoginPage .bx {
    display: inline-block;
    width: 100%;
    text-align: center;
}
.row.LoginPage .bx.Vown {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.row.LoginPage .bx a {
    line-height: 50px;
    display: inline-block;
    width: 100%;
    font-size: 16px;
    padding: 40px;
    border: solid 1px #f1f1f1;
    border-radius: 15px;
    transition: all 0.4s;
    position: relative;
    margin-bottom: 20px;
}

.row.LoginPage .bx a:hover {
    background-color: inherit !important;
    box-shadow: 0px 0px 4px 2px #f1f1f199;
}

.row.LoginPage .bx a span.firstSpan {
    color: #464646;
    display: block;
    margin-bottom: 10px;
}

.row.LoginPage .bx a span.secondSpan {
    color: #ffffff;
    display: block;
    width: 80%;
    margin: auto;
    /* padding:10px; */
    border-radius: 50px;
    background-color: #ababab;
    transition: all 0.3s;
}

.row.LoginPage .bx a:hover span.secondSpan {
    background-color: #838383;
}

/*------------------------------------------------*/

/*------------END NBSTORE LOGIN PAGE--------------*/

/*------------------------------------------------*/

/*-----STARTLiCENCE------*/

.licenseLoginForm {
    width: 350px;
    background: #fff;
    box-shadow: 1px 1px 6px 3px #ddd;
    margin: 0 auto;
    margin-top: 18vh;
    position: relative;
    transform: translate(0, -50%);
    padding: 25px;
    border-radius: 5px;
}

.licenseLoginForm input[type="text"] {
    background-color: #f7f7f7;
    border: 1px solid #e2e2e2;
    border-radius: 5px !important;
    margin-bottom: 15px;
    padding: 12px;
    font-family: inherit;
    height: calc(2em + 0.75rem + 2px);
    transition: all 0.3s ease;
    border-right: 3px solid #b70000;
}

.licenseLoginForm input[type="text"]:focus {
    box-shadow: 0 0 5px #ddd !important;
    background-color: #fff;
    border: 1px solid #e2e2e2;
}

.getLicense {
    color: #fff !important;
}

.licenseLoginForm .btn-success {
    color: #fff;
    background-color: #219e3e;
    border: 0;
    float: right;
    width: 48%;
    padding: 0;
    margin: 5px 0 0 3px;
    font-family: inherit;
    font-weight: normal;
    font-size: 14px;
    padding: 0;
    border-radius: 5px;
    transition: all 0.3s ease;
}

.licenseLoginForm .btn-success.focus,
.licenseLoginForm .btn-success:focus {
    box-shadow: none;
}

.licenseLoginForm .btn-success:hover,
.licenseLoginForm .btn-primary:hover {
    background-color: #047a1f;
    box-shadow: 0 0 5px #ababab;
}

.licenseLoginForm .btn-primary:hover {
    background-color: #0467d1;
}

.licenseLoginForm .btn-primary {
    color: #fff;
    background-color: #007bff;
    border: 0;
    width: 49%;
    margin: 5px 3px 0 0;
    font-family: inherit;
    font-weight: normal;
    font-size: 14px;
    border-radius: 5px;
    transition: all 0.3s ease;
}

.licenseLoginForm .form-group {
    margin-bottom: 0;
}

.licenseLoginForm input:focus::-webkit-input-placeholder {
    color: transparent !important;
}

.licenseLoginForm input:focus::-moz-placeholder {
    color: transparent !important;
}

.licenseLoginForm input:focus:-moz-placeholder {
    color: transparent !important;
}

/*-----ENDLiCENCE------*/

/*---- Check out pop up -----*/

body.display {
    overflow: hidden;
}

body.display:before {
    display: block;
}

body:before {
    content: "";
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #0000009e;
    z-index: 1005;
    transition: all 0.5s;
    opacity: 0;
    /* transform:scale(0) */
    display: none;
}

body.dark:before {
    opacity: 1;
    /* transform:scale(1) */
}

.alert-confirm {
    background-color: rgb(255, 255, 255);
    border-color: rgba(149, 149, 149, 0.3);
    border-radius: 3px;
    color: rgb(149, 149, 149);
    padding: 10px;
    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    transform: translate(-50%, -50%);
    /* transition:all 0.3s; */
    text-align: center;
    min-width: 290px;
}

.alert-confirm p {
    text-align: center;
}

.alert-confirm.animate-alert {
    /* transform: translate(-50%,-50%) scale(1); */
}

.confirmDelete {
    border-radius: 3px;
    background-color: orangered;
    min-width: 124px;
    color: #fff;
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    font-family: inherit;
    margin-right: 15px;
    transition: all 0.3s;
}

.confirmDelete:hover {
    background-color: #c53500;
}

.cancelDelete {
    border-radius: 3px;
    background-color: #979ba7;
    min-width: 124px;
    color: #fff;
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    font-family: inherit;
    transition: all 0.3s;
}

.cancelDelete:hover {
    background-color: #828282;
}

.confirmDelete i,
.cancelDelete i {
    margin-left: 10px;
    position: relative;
    top: 1px;
    font-size: 15px;
}

/*---- END Check out pop up -----*/

/*******************filter***********************/

/*Body.noFilter .DnnModule-WB_FilterProducts {
    display: none
}*/

.price-max-range {
    float: right;
}

.price-min-range {
    float: left;
}

/*------------------------------------------------*/

/*--------------START NEW SEARCH STYLE-------------*/

/*------------------------------------------------*/

#txtAdvanceSearch {
    width: 100%;
    height: 40px;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    border: 0;
    background-color: #fff !important;
    background: #fff;
    font-family: inherit;
    text-indent: 18px;
    font-size: 13px;
    color: gray !important;
    border-bottom: 0;
    box-shadow: 0 0 2px 1px #d2d2d2;
}

.search-container {
    width: 100%;
    height: 40px;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    border: 0;
    background-color: #fff !important;
    background: #fff;
    font-family: inherit;
    text-indent: 18px;
    font-size: 13px;
    color: gray !important;
    border-bottom: 0;
    box-shadow: 0 0 2px 1px #d2d2d2;
}

.ModWBAdvanceSearchC {
    z-index: 99;
    width: 90%;
    position: relative;
}

label[for="txtAdvanceSearch"] {
    display: none;
}

label[for="search-container"] {
    display: none;
}

.searchBoxContainer .search-icon::before {
    content: "\f002";
    font-family: "FontAwesome";
    left: 4px;
    top: 2px;
    position: absolute;
    z-index: 52;
    color: #ceced0;
    font-size: 24px;
    cursor: pointer;
    width: 36px;
    height: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#resultAdvanceSearch {
    width: 100%;
    max-height: 65vh;
    overflow: auto;
    border-bottom: 0;
    box-shadow: 0 0px 2px 1px #d2d2d2;
    margin: 0;
    border-top: 0;
    background: #fff;
    position: absolute;
    top: 100%;
}

#resultAdvanceSearch a {
    display: block;
}

#resultAdvanceSearch button {
    width: 100%;
}

#resultAdvanceSearch > div:last-child {
    padding-bottom: 10px;
}

.search-result {
    width: 100%;
    max-height: 65vh;
    overflow: auto;
    border-bottom: 0;
    box-shadow: 0 0px 2px 1px #d2d2d2;
    margin: 0;
    border-top: 0;
    background: #fff;
}

#resultAdvanceSearch .product-title {
    border-top: 1px solid #d8d8d8;
}

.search-result .product-title {
    border-top: 1px solid #d8d8d8;
}

#resultAdvanceSearch .category-title,
#resultAdvanceSearch .product-title {
    padding: 10px 0;
    font-weight: 900;
    color: #000000;
    padding: 10px;
}

.search-result .category-title,
.search-result .product-title {
    padding: 10px 0;
    font-weight: 900;
    color: #000000;
    padding: 10px;
}

#resultAdvanceSearch .category-content,
#resultAdvanceSearch .product-content {
    padding: 10px;
    color: aliceblue;
    transition: 0.1s;
}

.search-result .category-content,
.search-result .product-content {
    padding: 10px;
    color: aliceblue;
    transition: 0.1s;
}

#resultAdvanceSearch .category-content .is-category,
#resultAdvanceSearch .product-content .is-product {
    display: block;
    width: 100%;
}

.search-result .category-content .is-category,
.search-result .product-content .is-product {
    display: block;
    width: 100%;
}

#resultAdvanceSearch .category-content:hover,
#resultAdvanceSearch .product-content:hover {
    background: #f3f3f3;
    cursor: pointer;
}

.search-result .category-content:hover,
.search-result .product-content:hover {
    background: #f3f3f3;
    cursor: pointer;
}

#resultAdvanceSearch .category-content .search-name,
#resultAdvanceSearch .product-content .product-name {
    transition: 0.1s;
    padding-right: 5px;
}

.search-result .category-content .search-name,
.search-result .product-content .product-name {
    transition: 0.1s;
    padding-right: 5px;
}

#resultAdvanceSearch .category-content:hover .search-name,
#resultAdvanceSearch .product-content:hover .product-name {
    color: #000;
}

.search-result .category-content:hover .search-name,
.search-result .product-content:hover .product-name {
    color: #000;
}

#resultAdvanceSearch .product-content img {
    border: 1px solid #dadada;
}

.search-result .product-content img {
    border: 1px solid #dadada;
}

#resultAdvanceSearch.loading {
    height: 200px;
    /* position: relative; */
}
#resultAdvanceSearch.loading::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff url("/DesktopModules/NB_Store/img/Rolling-1s-50px.svg") no-repeat center;
    background-size: 48px;
}

/*------------------------------------------------*/

/*--------------END NEW SEARCH STYLE---------------*/

/*------------------------------------------------*/

/**** new comment system ****/

#dnn_ctr568_ProductList_dlProductDetail tbody tr td {
    width: 100%;
}

#dnn_ctr568_ProductList_pnlSPO {
    font-family: inherit;
    border-radius: 6px;
    border: solid 1px #ddd;
    padding: 15px;
    width: 100%;
}

#dnn_ctr568_ProductList_pnlSPO .pnlRule {
    display: none;
}

#dnn_ctr568_ProductList_pnlSPO #dnn_ctr568_ProductList_pnlSPO-ttl {
    margin-bottom: 20px;
    font-size: 15px;
}

#dnn_ctr568_ProductList_pnlSPO #txtComment {
    border-radius: 6px;
    border: solid 1px #c2c2c2;
    transition: border-color 0.4s;
    padding: 5px 10px;
    font-family: inherit;
    display: inline-block;
    height: 100%;
    vertical-align: text-top;
}

#dnn_ctr568_ProductList_pnlSPO #txtComment:focus {
    border-color: #a5a5a5;
}

#dnn_ctr568_ProductList_pnlSPO #btnCommentClient,
#dnn_ctr568_ProductList_pnlSPO .reply-box #txtNameClient {
    font-family: inherit;
    background-color: #28a745;
    border: solid 1px #6cbb23;
    padding: 5px 15px;
    border-radius: 6px;
    color: #fff;
    transition: all 0.4s;
}

#dnn_ctr568_ProductList_pnlSPO #btnCommentClient:hover {
    background-color: #218838;
    border-color: #1e7e34;
}

#dnn_ctr568_ProductList_pnlSPO #commentContentTable {
    margin-top: 20px;
}

#dnn_ctr568_ProductList_pnlSPO .modern-wrap {
    position: relative;
    margin-bottom: 15px;
}

#dnn_ctr568_ProductList_pnlSPO .modern-label {
    position: absolute;
    top: 9px;
    right: 5px;
    background: #fff;
    padding: 0 13px;
    transition: all 0.4s cubic-bezier(0.45, 0.05, 0.55, 0.95);
    color: #a5a5a5;
    pointer-events: none;
}

/*
#dnn_ctr568_ProductList_pnlSPO .modern-input:focus ~ .modern-label {
top: -10px !important;
right: 15px !important;
}*/

#dnn_ctr568_ProductList_pnlSPO .modern-input:not(:placeholder-shown) ~ .modern-label,
#dnn_ctr568_ProductList_pnlSPO .modern-input:focus ~ .modern-label {
    top: -10px;
    right: 15px;
    color: #424242;
    font-size: 10px;
}

#dnn_ctr568_ProductList_pnlSPO .modern-input {
    width: 100%;
    border: solid 1px #c2c2c2;
    padding: 8px 10px;
    border-radius: 6px;
    font-family: inherit;
}

#dnn_ctr568_ProductList_pnlSPO .modern-input::placeholder {
    color: transparent !important;
}

#dnn_ctr568_ProductList_pnlSPO .half-right,
#dnn_ctr568_ProductList_pnlSPO .half-left {
    width: 50%;
    display: inline-block;
    vertical-align: top;
}

#dnn_ctr568_ProductList_pnlSPO .half-right {
    /* float: right; */
}

#dnn_ctr568_ProductList_pnlSPO .half-left {
    text-align: left;
    float: left;
    line-height: 48px;
}

#dnn_ctr568_ProductList_pnlSPO .main-comment {
    border: solid 1px #eee;
    border-radius: 6px;
    padding: 15px;
    margin-bottom: 15px;
    background: aliceblue;
}

#dnn_ctr568_ProductList_pnlSPO .LikeAndDisLike,
#dnn_ctr568_ProductList_pnlSPO .reply-btn {
    display: inline-block;
}

#dnn_ctr568_ProductList_pnlSPO .reply-btn {
    position: relative;
}

#dnn_ctr568_ProductList_pnlSPO .reply-btn input {
    padding-right: 20px;
    border: none;
    background: none;
    font-family: inherit;
    position: relative;
    z-index: 1;
}

.main-comment label.switch,
.replay-comment label.switch {
    float: left;
    left: 81px;
}

.replay-comment {
    border: 2px dashed #e4e4e4;
    padding: 15px;
    margin: 5px 50px 20px 0;
    border-radius: 6px;
}

#dnn_ctr568_ProductList_pnlSPO .reply-btn i {
    position: absolute;
    right: 0;
    top: 7px;
    color: #676767;
    font-size: 14px;
}

#dnn_ctr568_ProductList_pnlSPO .reply-wrap .reply-box {
    display: none;
}

#dnn_ctr568_ProductList_pnlSPO .reply-wrap .reply-fields-wrap {
    margin-top: 25px;
}

#dnn_ctr568_ProductList_pnlSPO .LikeAndDisLike input {
    display: none;
}

span.answer {
    font-weight: 600;
    font-size: 15px;
    color: #a8a5a5;
}

#dnn_ctr568_ProductList_pnlSPO .LikeAndDisLike .like-label:after,
#dnn_ctr568_ProductList_pnlSPO .LikeAndDisLike .dislike-label:after {
    font-family: fontawesome;
    margin-left: 5px;
    font-size: 20px;
    color: #989898;
    position: relative;
    top: 3px;
    transition: all 0.4s;
}

#dnn_ctr568_ProductList_pnlSPO .LikeAndDisLike .like-label:hover:after {
    color: #629262;
}

#dnn_ctr568_ProductList_pnlSPO .LikeAndDisLike .dislike-label:hover:after {
    color: #926262;
}

#dnn_ctr568_ProductList_pnlSPO .LikeAndDisLike .like-input[data-likestatus="Liked"] + .like-label:after {
    color: #28a745;
}

#dnn_ctr568_ProductList_pnlSPO
    .LikeAndDisLike
    .dislike-input[data-likestatus="DisLiked"]
    + .dislike-label:after {
    color: #a72828;
}

#dnn_ctr568_ProductList_pnlSPO .LikeAndDisLike .like-label:after {
    content: "\f164";
}

#dnn_ctr568_ProductList_pnlSPO .LikeAndDisLike .dislike-label:after {
    content: "\f165";
}

#dnn_ctr568_ProductList_pnlSPO .LikeAndDisLike .dislike-label,
#dnn_ctr568_ProductList_pnlSPO .LikeAndDisLike .like-label {
    margin-left: 25px;
    cursor: pointer;
}

.showControlBar #dnn_ctr568_ProductList_pnlSPO .user-comments-view {
    margin-bottom: 5px;
    margin-top: 30px;
}

#dnn_ctr568_ProductList_pnlSPO .user-comments-view:nth-child(even) {
    border-color: #ddd;
}

#dnn_ctr568_ProductList_pnlSPO .user-comments-view .user-name {
    font-size: 15px;
    font-weight: bold;
    display: inline-block;
    width: 50%;
    /* margin-right: 10px; */
}

#dnn_ctr568_ProductList_pnlSPO .user-avatar {
    display: inline-block;
}

#dnn_ctr568_ProductList_pnlSPO .user-comments-view .user-comment {
    margin: 20px 5px 20px 0;
    font-size: 13px;
    padding: 0 30px;
}

#dnn_ctr568_ProductList_pnlSPO .user-comments-view .comment-date {
    font-size: 12px;
    color: #6d6d6d;
    width: 48%;
    display: inline-block;
    text-align: left;
}

#dnn_ctr568_ProductList_pnlSPO .user-comments-view .comment-date i.fa {
    margin-left: 10px;
}

#dnn_ctr568_ProductList_pnlSPO .approve-comment,
#dnn_ctr568_ProductList_pnlSPO .delete-comment {
    margin: 0 5px 35px;
    border: none;
    padding: 4px 15px;
    font-family: inherit;
    border-radius: 6px;
    color: #fff;
    transition: all 0.4s;
}

#dnn_ctr568_ProductList_pnlSPO .approve-comment {
    background-color: #28a745;
    border: solid 1px #6cbb23;
}

#dnn_ctr568_ProductList_pnlSPO .approve-comment:hover {
    background-color: #218838;
    border-color: #1e7e34;
}

.wb-Checkout .fa::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#dnn_ctr568_ProductList_pnlSPO .delete-comment {
    background-color: #a72828;
    border: solid 1px #bb2323;
    float: left;
}

#dnn_ctr568_ProductList_pnlSPO .delete-comment:hover {
    background-color: #882121;
    border-color: #7e1e1e;
}
/*------------------------------------------------*/

/*--------------product Reminder---------------*/

/*------------------------------------------------*/
.ModNBStoreProductListC .modal-footer {
    display: none;
}
.ModNBStoreProductListC .product-reminder {
    background-color: transparent;
    border: none;
}
.ModNBStoreProductListC button.product-reminder:focus {
    outline: none;
}
.ModNBStoreProductListC .modal-dialog .modal-content {
    border: none;
    border-radius: 0;
}
.ModNBStoreProductListC .modal-dialog .modalRight .modal-header {
    border: none;
}
.ModNBStoreProductListC .modal-dialog .modalRight .modal-body {
    height: 323px;
}
.ModNBStoreProductListC .modal-dialog .modalRight .modal-body .imgAlert::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #e0e0e0;
}
.ModNBStoreProductListC .modal-dialog .modalRight .modal-content {
    margin-right: 20px;
}
.ModNBStoreProductListC .modal-dialog .modalLeft .modal-content {
    background-color: #fcfcfc;
}
.ModNBStoreProductListC .modal-dialog .modalLeft .modal-header h6 {
    font-weight: 400;
    text-align: right;
}
.ModNBStoreProductListC .modal-dialog .modalLeft .modal-header .close {
    font-size: 40px;
    font-weight: normal;
    margin-top: -30px;
    color: #a3a3a3;
}
.ModNBStoreProductListC .modal-dialog .modalLeft .modal-header .close::before {
    content: none;
}
.ModNBStoreProductListC .modal-body input[type="button"] {
    border-radius: 8px;
    padding: 14px 31px;
    margin-bottom: 28px;
    font-family: inherit;
    margin-right: 10px;
    margin-top: 15px;
}
.ModNBStoreProductListC .modal-dialog {
    background-color: white;
}
.ModNBStoreProductListC button.product-reminder {
    display: flex;
    /* width: 100%; */
    border-width: 0;
    background: #7a7a7a;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    cursor: pointer;
    padding: 15px 25px;
    direction: rtl;
    font-family: inherit;
}
.ModNBStoreProductListC button.product-reminder:active {
    background: #e3122a;
    border: 1px solid #e3122a;
}
.ModNBStoreProductListC button.product-reminder .fa.fa-bell {
    display: flex;
    align-items: center;
    justify-content: center;
}
@media all and (max-width: 767px) {
    .ModNBStoreProductListC .modal-dialog .modalRight .modal-body,
    .close {
        display: none;
    }
    .ModNBStoreProductListC .modal-dialog .modalRight .modal-content {
        margin-right: 0;
    }
    .ModNBStoreProductListC .modal-dialog .modalRight .modal-content {
        border-bottom: 1px solid #d5d5d542;
    }

    .ModNBStoreProductListC .modal-dialog .modalLeft .modal-body .userEmail input[type="email"],
    .ModNBStoreProductListC .modal-dialog .modalLeft .modal-body .userPhoneNumber input[type="tel"] {
        margin-top: 9px;
    }
}


/* 1095 */
.wb-Checkout:has(.snap-pay-checkout) .select-gateway {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    margin-bottom: unset;
    padding-inline: 1rem;
    padding-block: 1rem;
    gap: 2rem;
}

.wb-Checkout:has(.snap-pay-checkout) .select-gateway input {
    display: block;
}

.wb-Checkout:has(.snap-pay-checkout) .select-gateway label {
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: unset;
    max-width: unset;
    gap: 16px;
    position: relative;
    margin: 0;
    cursor: pointer;
    padding: 0;
    z-index: 2;
}

.wb-Checkout:has(.snap-pay-checkout) .select-gateway label span.line-0 {
    margin-right: 0.25rem;
    line-height: 0.5;
}

.wb-Checkout:has(.snap-pay-checkout) .select-gateway label span {
    display: inline !important;
    font-weight: 400;
}

.wb-Checkout:has(.snap-pay-checkout) .select-gateway label span:first-of-type {
    display: block !important;
    line-height: 1.5;
    font-weight: 600;
}

.wb-Checkout:has(.snap-pay-checkout) .select-gateway span::before {
    content: none;
}

.wb-Checkout:has(.snap-pay-checkout) .select-gateway span::after {
    content: none;
}

.wb-Checkout:has(.snap-pay-checkout) .select-gateway img {
    aspect-ratio: 1/1;
}

.wb-Checkout:has(.snap-pay-checkout) .select-gateway input {
    appearance: none;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid #9b9b9b;
    transition: 200ms;
}

.wb-Checkout:has(.snap-pay-checkout) .select-gateway input:checked {
    background-color: #348FCC;
    border-color: #127ac0;
}

@media (max-width: 991px) {
    .wb-Checkout:has(.snap-pay-checkout) .select-gateway img {
        width: 52px;
        aspect-ratio: 1/1;
    }

    .wb-Checkout:has(.snap-pay-checkout) .select-gateway label {
        gap: 12px;
    }

    .wb-Checkout:has(.snap-pay-checkout) .select-gateway label span {
        display: block;
        line-height: 1.5;
    }

    .wb-Checkout:has(.snap-pay-checkout) .select-gateway label span.line-0 {
        display: block !important;
        margin-right: 0;
    }
}

@media (min-width: 992px) {
        .wb-Checkout:has(.snap-pay-checkout) .select-gateway img {
            width: 75px;
        }
}



.AjaxMiniCartWrapper {
    position: relative;
    text-align: center;
    display: inline-block;
}

    .AjaxMiniCartWrapper #cart {
        display: inline-block;
        padding: 0 10px;
        border-radius: 6px;
    }

div.pnlLoginMini {
    width: 320px;
    height: 400px;
    padding: 5px;
    background: #fff;
    box-shadow: 1px 1px 6px 3px #ddd;
    margin: 0 auto;
    margin-top: 50vh;
    position: relative;
    transform: translate(0, -50%);
}

a.minicart-box {
    color: #7a7a7a;
    display: inline-block;
    width: 100%;
}

#cart.pulse {
    animation: pulse 1s;
}

@keyframes pulse {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.2)
    }

    100% {
        transform: scale(1)
    }
}

.emp .icon-cart {
    background: #eee url("/desktopmodules/nb_store/img/shopping-basket.svg") no-repeat center center !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 5px;
    display: inline-block;
    background-size: 20px 20px !important;
    position: relative;
    vertical-align: middle;
    margin-right: 6px;
}

.icon-cart {
    width: 32px;
    height: 32px;
    max-width: fit-content;
    border-radius: 5px;
    display: inline-block;
    background-size: 20px 20px !important;
    position: relative;
    vertical-align: middle;
    /* margin-right: 6px; */
    /* fill: green; */
}

    .icon-cart svg {
        width: 24px;
        height: auto;
        transform: scale(1,1) scale(-1,1);
    }

        .icon-cart svg path {
            fill: black;
        }

#cartNum .num {
    position: absolute;
    top: -8px;
    color: #fff;
    font-family: arial;
    font-weight: bold;
    font-size: 11px;
    right: -7px;
    background-color: #a7a7a7;
    border-radius: 50%;
    display: block;
    width: 17px;
    height: 17px;
    line-height: normal;
    text-align: center;
    padding-top: 2px;
    transition: all 0.3s;
}

.cartinfo {
    display: none;
    position: absolute;
    /*left: 0;*/
    top: calc(100% - 3px);
    width: 300px;
    background: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .2);
    z-index: 1;
}

    .cartinfo .cartheader {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 12px 16px 12px 12px;
        font-size: 16px;
        font-size: 1.143rem;
        line-height: normal;
    }

    .cartinfo .cartcount {
        font-size: 12px;
        font-size: .857rem;
        line-height: normal;
        color: #81858b;
    }

    .cartinfo .cartlink {
        font-weight: 700;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #0fabc6;
        font-size: 12px !important;
        font-size: .857rem !important;
        line-height: normal !important;
    }

        .cartinfo .cartlink span:after {
            content: "\E0BF\00FE0E";
            font-size: 18px;
            font-size: 1.286rem;
            line-height: normal;
        }

    .cartInfo .basketList {
        max-height: 293px;
        overflow-y: scroll;
        overflow-x: hidden;
        list-style: none;
        border-top: 1px solid #f0f0f1;
        margin-bottom: 0;
        /*display: flex;
    justify-content: center;
    flex-direction: column;*/
    }

        .cartInfo .basketList::-webkit-scrollbar {
            width: 0px;
            background: transparent;
        }

    .cartInfo .basketListItem {
        padding: 5px 0;
        border-bottom: 1px solid #f0f0f1;
        position: relative;
    }

        .cartInfo .basketListItem:last-child {
            border-bottom: none;
        }

    .cartInfo .basketListItemImage {
        width: 75px;
        max-width: 75px;
        max-height: 75px;
        position: relative;
    }

        .cartInfo .basketListItemImage img {
            max-height: 100%;
            max-width: 100%;
            overflow: hidden;
            max-height: 75px;
        }

    .cartInfo .basketListItemContent {
    }

    .cartInfo .basketListItem .titleItem {
        font-size: 12px !important;
        font-weight: 700;
        margin-bottom: 5px;
        color: #424750;
    }

    .cartInfo .basketListItem .footerItem {
    }

    .cartInfo .basketListItem .props {
        color: #81858b;
        font-size: 10px;
        line-height: normal;
        width: calc(100% - 40px);
        display: inline-block;
    }

        .cartInfo .basketListItem .props .propsItem:not(:last-child) {
            padding-left: 8px;
            margin-left: 8px;
            border-left: 1px solid #f0f0f1;
        }

        .cartInfo .basketListItem .props .propsItem {
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

    .cartInfo .basketListItem .remove {
        background: #fff;
        border: 0;
        outline: 0;
        color: #a1a3a8;
        cursor: pointer;
        float: left;
        transition: all 0.3s;
        position: absolute;
        left: 15px;
        bottom: 4px;
    }

        .cartInfo .basketListItem .remove:hover {
            color: #a56565;
        }

        .cartInfo .basketListItem .remove:before {
            content: "\f1f8";
            font-family: fontawesome;
            font-size: 14px;
            line-height: normal;
        }

    .cartInfo .footer {
        padding: 8px;
        border-top: solid 1px #ddd;
        margin-top: 8px;
    }

        .cartInfo .footer .totalText {
            margin-bottom: 4px;
            font-size: 10px;
            /* float: right; */
        }

        .cartInfo .footer .total:after {
            content: '';
            display: table;
            clear: both;
        }

        .cartInfo .footer .totalAmount {
            font-size: 10px;
            /* font-weight: 700; */
            display: inline-block;
            /* margin-right: 15px; */
            margin-bottom: 0;
            float: right;
            line-height: 35px !important;
        }

        .cartInfo .footer .submit-order {
            transition: all 0.3s;
            border: solid 1px #ddd;
            padding: 5px 15px;
            background-color: #66c36f;
            color: #fff;
            border-radius: 6px;
            float: left;
        }

            .cartInfo .footer .submit-order:hover {
                background-color: #4ba554
            }

        .cartInfo .footer .totalAmount .totalAmountNumber {
            font-size: 16px;
            line-height: normal;
            margin-left: 1px;
            margin-right: 5px;
            font-weight: bold;
        }

.cartInfo {
    display: none;
    Position: absolute;
    right: 0;
    top: 30px;
    width: 300px;
    z-index: 1;
    padding-top: 10px;
}

    .cartInfo .cartInfo-wrap:after {
        content: '';
        position: absolute;
        right: 12px;
        top: -20px;
        border-left: solid 10px transparent;
        border-top: solid 10px transparent;
        border-right: solid 10px transparent;
        border-bottom: solid 10px #ffffff;
        /* box-shadow: 0px 0px 6px 2px #0000004f; */
    }

.cartInfo-wrap {
    min-height: 100px;
    /* box-shadow: 0px 0px 6px 2px #0000004f; */
    border-radius: 4px;
    background-color: #fff;
    filter: drop-shadow(0px 0px 6px rgba(0,0,0,0.3));
}

.cartInfo .empty-cart {
    /* line-height:100px; */
    text-align: center;
    padding: 84px 0 34px;
    font-size: 15px;
    background: url("/desktopmodules/nb_store/img/icon-empty-cart.png") no-repeat center 15px;
    background-size: 50px;
    color: #696969;
}

    .cartInfo .empty-cart i {
        display: inline-block;
        width: 100%;
    }

.cartInfo .loader-shade {
    content: '';
    width: 100%;
    /* height: 100%; */
    position: absolute;
    lefT: 0;
    top: 10px;
    background-color: #00000021;
    z-index: 1;
    min-height: 100px;
    transition: all 0.2s;
    /* transform: scale(0); */
    display: none;
    border-radius: 4px;
}

.cartInfo.loading .loader-shade {
    /* transform: scale(1);*/
    display: block;
}

.show-loading .cartInfo {
    min-height: 40px;
}

    .show-loading .cartInfo .loading {
        position: absolute;
        left: 0;
        top: 0;
        background-color: red;
        width: 100%;
        height: 100%;
    }

/*#cart:hover~.cartInfo,
.cartInfo:hover {
    display: block
}*/

.addToCart {
    position: relative;
    width: 100%;
    transition: all 0.3s;
}

.show-loading.addToCart,
.show-loading.addToCart span,
.show-loading.addToCart span:after {
    font-size: 0;
}

.addToCart:after,
.addToCart:before {
    content: "";
    position: absolute;
    top: calc(50% - 10px);
    left: calc(50% - 10px);
    width: 20px;
    height: 20px;
    opacity: 0;
    transition: all 0.3s;
}

.show-loading.addToCart:after,
.show-loading.addToCart:before {
    opacity: 1;
}

.addToCart:after {
    background: url("/desktopmodules/NB_Store/img/Spin.gif") no-repeat;
    background-position: center;
    background-size: contain;
}

.addToCart:before {
    z-index: 100;
    animation: spin 1s infinite;
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.cartInfo .cartheader .cartcount {
    float: right;
}

.cartInfo .cartheader .cartlink {
    float: left;
    color: #49a4e3;
    transition: all 0.3s;
}

    .cartInfo .cartheader .cartlink:hover {
        color: #3889c1
    }

.cartInfo .cartheader {
    padding: 4px 15px;
}

    .cartInfo .cartheader:after {
        display: table;
        content: '';
        clear: both
    }

.basketList .basketListItem a {
    display: flex;
    width: 100%;
    padding: 0 15px 0 29px;
}

.basketList .basketListItem .basketListItemImage {
    float: right;
}

.basketList .basketListItem .basketListItemContent {
    float: right;
    width: calc(100% - 75px);
    padding-right: 15px;
    text-align: right;
}



.cartInfo .loader,
.cartInfo .loader:before,
.cartInfo .loader:after {
    border-radius: 50%;
    width: 1.5em;
    height: 1.5em;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: load7 1.8s infinite ease-in-out;
    animation: load7 1.8s infinite ease-in-out;
    /* transform:translate(-50%,-50%) scale(0); */
}

.cartInfo.loading .loader {
    /*transform: translate(-50%,-50%) scale(1);*/
    display: block;
}

.cartInfo .loader {
    color: #585858;
    font-size: 10px;
    /* margin: 80px auto; */
    position: relative;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
    position: absolute;
    left: 50%;
    top: calc(50% - 2.5em);
    transform: translate(-50%,-50%);
    display: none;
}

    .cartInfo .loader:before,
    .cartInfo .loader:after {
        content: '';
        position: absolute;
        top: 0;
    }

    .cartInfo .loader:before {
        left: -3.5em;
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
    }

    .cartInfo .loader:after {
        left: 3.5em;
    }

@-webkit-keyframes load7 {
    0%, 80%, 100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }

    40% {
        box-shadow: 0 2.5em 0 0;
    }
}

@keyframes load7 {
    0%, 80%, 100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }

    40% {
        box-shadow: 0 2.5em 0 0;
    }
}

@media all and (max-width:767px) {
    .cartInfo {
        display: none !important;
    }
}


/* Modified for NB Store ta lines 60, 62, 64 */
/*
 * jQuery UI CSS Framework 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*
 * jQuery UI CSS Framework 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
 */


/* Component containers
----------------------------------*/
.ui-widget { font-family: inherit; font-size: inherit; }/* Modified for NB Store */
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: inherit; font-size: inherit; }/* Modified for NB Store */
.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url("/DesktopModules/NB_Store/js/images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x; color: #222222; }
.ui-widget-content a {}/* Modified for NB Store */
.ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url("/DesktopModules/NB_Store/js/images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x; color: #222222; font-weight: bold; }
.ui-widget-header a { color: #222222; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url("/DesktopModules/NB_Store/js/images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x; font-weight: normal; color: #555555; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada url("/DesktopModules/NB_Store/js/images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x; font-weight: normal; color: #212121; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url("/DesktopModules/NB_Store/js/images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x; font-weight: normal; color: #212121; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fcefa1; background: #fbf9ee url("/DesktopModules/NB_Store/js/images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url("/DesktopModules/NB_Store/js/images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url("/DesktopModules/NB_Store/js/images/ui-icons_222222_256x240.png"); }
.ui-widget-content .ui-icon {background-image: url("/DesktopModules/NB_Store/js/images/ui-icons_222222_256x240.png"); }
.ui-widget-header .ui-icon {background-image: url("/DesktopModules/NB_Store/js/images/ui-icons_222222_256x240.png"); }
.ui-state-default .ui-icon { background-image: url("/DesktopModules/NB_Store/js/images/ui-icons_888888_256x240.png"); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url("/DesktopModules/NB_Store/js/images/ui-icons_454545_256x240.png"); }
.ui-state-active .ui-icon {background-image: url("/DesktopModules/NB_Store/js/images/ui-icons_454545_256x240.png"); }
.ui-state-highlight .ui-icon {background-image: url("/DesktopModules/NB_Store/js/images/ui-icons_2e83ff_256x240.png"); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url("/DesktopModules/NB_Store/js/images/ui-icons_cd0a0a_256x240.png"); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa url("/DesktopModules/NB_Store/js/images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url("/DesktopModules/NB_Store/js/images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/*
 * jQuery UI Tabs 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
/*
 * jQuery UI Datepicker 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://igorlino.github.io/fancybox-plus/
 *
 * Version: 1.3.5 (20.06.2015)
 * Requires: jQuery v1.3+
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 */

#fbplus-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    cursor: pointer;
    overflow: hidden;
    z-index: 1104;
    display: none;
}

#fbplus-loading div {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 480px;
    background-image: url("/DesktopModules/NB_Store/img/fbplus.png");
}

#fbplus-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1100;
    display: none;
}

#fbplus-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    overflow: auto;
    display: none;
}

#fbplus-wrap {
    position: absolute;
    top: 0;
    left: 0;
    /* padding: 20px; */
    z-index: 1101;
    outline: none;
    display: none;
    /* height: 100% !important; */
}

#fbplus-outer {
    position: relative;
    width: 100%;
    height: auto;
    background: #fff;
    padding: 10px 10px 10px 10px;
}

#fbplus-content {
    width: 0;
    height: 0;
    /* padding: 10px 10px 20px 10px; */
    outline: none;
    position: relative;
    overflow: hidden;
    z-index: 1102;
    border: 0px solid #fff !important;
    margin: auto;
}

#fbplus-hide-sel-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 1101;
}

#fbplus-close {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 30px;
    height: 30px;
    background: transparent url("/DesktopModules/NB_Store/img/fbplus.png") -40px 0px;
    cursor: pointer;
    z-index: 1103;
    display: none;
}

#fbplus-error {
    color: #444;
    font: normal 12px/20px Arial;
    padding: 14px;
    margin: 0;
}

#fbplus-img {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
    line-height: 0;
    vertical-align: top;
}

#fbplus-frame {
    width: 100%;
    height: 100%;
    border: none;
    display: block;
}

#fbplus-left, #fbplus-right {
    position: absolute;
    bottom: 0px;
    height: 100%;
    width: 35%;
    cursor: pointer;
    outline: none;
    background: transparent url("/DesktopModules/NB_Store/img/blank.gif");
    z-index: 1102;
    display: none;
}

#fbplus-left {
    left: 0px;
}

#fbplus-right {
    right: 0px;
}

#fbplus-left-ico, #fbplus-right-ico {
    position: absolute;
    top: 50%;
    left: -9999px;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    cursor: pointer;
    z-index: 1102;
    /* display: none; */
    transition: all 0.3s;
    opacity: 0;
}
#fbplus-right-ico {
    left: auto;
    right: 20px;
}
#fbplus-left-ico {
    left: 20px;
}
#fbplus-left-ico {
    background-image: url("/DesktopModules/NB_Store/img/fbplus.png");
    background-position: -40px -30px;
}

#fbplus-right-ico {
    background-image: url("/DesktopModules/NB_Store/img/fbplus.png");
    background-position: -40px -60px;
}

#fbplus-left:hover, #fbplus-right:hover {
    visibility: visible; /* IE6 */
}

#fbplus-left:hover span {
    left: 20px;
    opacity: 1;
}

#fbplus-right:hover span {
    left: auto;
    right: 20px;
    opacity: 1;
}

.fbplus-bg {
    position: absolute;
    padding: 0;
    margin: 0;
    border: 0;
    width: 20px;
    height: 20px;
    z-index: 1001;
}

#fbplus-bg-n {
    top: -20px;
    left: 0;
    width: 100%;
    background-image: url("/DesktopModules/NB_Store/img/fbplus-x.png");
}

#fbplus-bg-ne {
    top: -20px;
    right: -20px;
    background-image: url("/DesktopModules/NB_Store/img/fbplus.png");
    background-position: -40px -162px;
}

#fbplus-bg-e {
    top: 0;
    right: -20px;
    height: 100%;
    background-image: url("/DesktopModules/NB_Store/img/fbplus-y.png");
    background-position: -20px 0px;
}

#fbplus-bg-se {
    bottom: -20px;
    right: -20px;
    background-image: url("/DesktopModules/NB_Store/img/fbplus.png");
    background-position: -40px -182px;
}

#fbplus-bg-s {
    bottom: -20px;
    left: 0;
    width: 100%;
    background-image: url("/DesktopModules/NB_Store/img/fbplus-x.png");
    background-position: 0px -20px;
}

#fbplus-bg-sw {
    bottom: -20px;
    left: -20px;
    background-image: url("/DesktopModules/NB_Store/img/fbplus.png");
    background-position: -40px -142px;
}

#fbplus-bg-w {
    top: 0;
    left: -20px;
    height: 100%;
    background-image: url("/DesktopModules/NB_Store/img/fbplus-y.png");
}

#fbplus-bg-nw {
    top: -20px;
    left: -20px;
    background-image: url("/DesktopModules/NB_Store/img/fbplus.png");
    background-position: -40px -122px;
}

#fbplus-title {
    font-family: Helvetica;
    font-size: 12px;
    z-index: 1102;
}

.fbplus-title-inside {
    padding-bottom: 10px;
    text-align: center;
    color: #333;
    background: #fff;
    position: relative;
}

.fbplus-title-outside {
    padding-top: 10px;
    color: #fff;
}

.fbplus-title-over {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #FFF;
    text-align: left;
}

#fbplus-title-over {
    padding: 10px;
    background-image: url("/DesktopModules/NB_Store/img/fbplus_title_over.png");
    display: block;
}

.fbplus-title-float {
    position: absolute;
    left: 0;
    bottom: -20px;
    height: 32px;
}

#fbplus-title-float-wrap {
    border: none;
    border-collapse: collapse;
    width: auto;
}

#fbplus-title-float-wrap td {
    border: none;
    white-space: nowrap;
}

#fbplus-title-float-left {
    padding: 0 0 0 15px;
    background: url("/DesktopModules/NB_Store/img/fbplus.png") -40px -90px no-repeat;
}

#fbplus-title-float-main {
    color: #FFF;
    line-height: 29px;
    font-weight: bold;
    padding: 0 0 3px 0;
    background: url("/DesktopModules/NB_Store/img/fbplus-x.png") 0px -40px;
}

#fbplus-title-float-right {
    padding: 0 0 0 15px;
    background: url("/DesktopModules/NB_Store/img/fbplus.png") -55px -90px no-repeat;
}

/* IE6 */

.fbplus-ie6 #fbplus-close {
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fbplus_close.png', sizingMethod='scale');
}

.fbplus-ie6 #fbplus-left-ico {
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fbplus_nav_left.png', sizingMethod='scale');
}

.fbplus-ie6 #fbplus-right-ico {
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fbplus_nav_right.png', sizingMethod='scale');
}

.fbplus-ie6 #fbplus-title-over {
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fbplus_title_over.png', sizingMethod='scale');
    zoom: 1;
}

.fbplus-ie6 #fbplus-title-float-left {
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fbplus_title_left.png', sizingMethod='scale');
}

.fbplus-ie6 #fbplus-title-float-main {
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fbplus_title_main.png', sizingMethod='scale');
}

.fbplus-ie6 #fbplus-title-float-right {
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fbplus_title_right.png', sizingMethod='scale');
}

.fbplus-ie6 #fbplus-bg-w, .fbplus-ie6 #fbplus-bg-e, .fbplus-ie6 #fbplus-left, .fbplus-ie6 #fbplus-right, #fbplus-hide-sel-frame {
    height: expression(this.parentNode.clientHeight + "px");
}

#fbplus-loading.fbplus-ie6 {
    position: absolute;
    margin-top: 0;
    top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#fbplus-loading.fbplus-ie6 div {
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fbplus_loading.png', sizingMethod='scale');
}

/* IE6, IE7, IE8 */

.fbplus-ie .fbplus-bg {
    background: transparent !important;
}

.fbplus-ie #fbplus-bg-n {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fbplus_shadow_n.png', sizingMethod='scale');
}

.fbplus-ie #fbplus-bg-ne {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fbplus_shadow_ne.png', sizingMethod='scale');
}

.fbplus-ie #fbplus-bg-e {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fbplus_shadow_e.png', sizingMethod='scale');
}

.fbplus-ie #fbplus-bg-se {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fbplus_shadow_se.png', sizingMethod='scale');
}

.fbplus-ie #fbplus-bg-s {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fbplus_shadow_s.png', sizingMethod='scale');
}

.fbplus-ie #fbplus-bg-sw {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fbplus_shadow_sw.png', sizingMethod='scale');
}

.fbplus-ie #fbplus-bg-w {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fbplus_shadow_w.png', sizingMethod='scale');
}

.fbplus-ie #fbplus-bg-nw {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fbplus_shadow_nw.png', sizingMethod='scale');
}


body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
@import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);
.stars-outer {
    position: relative;
    display: inline-block;
}

.stars-inner {
    position: absolute;
    top: 0;
    left: 0;
    white-space: nowrap;
    overflow: hidden;
    width: 0;
}

.stars-outer::before {
    content: '\f005 \f005 \f005 \f005 \f005';
    font-weight: 900;
    font-family: 'FontAwesome';
    color: #ccc;
}

.stars-inner::before {
    content: '\f005 \f005 \f005 \f005 \f005';
    font-weight: 900;
    font-family: 'FontAwesome';
    color: #f8ce0b;
}

@import url("//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css");

fieldset, label {
    margin: 0;
    padding: 0;
}
/****** Style Star Rating Widget *****/

.rating {
    border: none;
    float: left;
}

    .rating > input {
        display: none;
    }

    .rating > label:before {
        margin: 5px;
        font-size: 1.25em;
        font-family: FontAwesome;
        display: inline-block;
        content: "\f005";
    }

    .rating > .half:before {
        content: "\f089";
        position: absolute;
    }

    .rating > label {
        color: #ddd;
        float: right;
    }

    /***** CSS Magic to Highlight Stars on Hover *****/

    .rating > input:checked ~ label, /* show gold star when clicked */
    .rating:not(:checked) > label:hover, /* hover current star */
    .rating:not(:checked) > label:hover ~ label {
        color: #FFD700;
    }
        /* hover previous stars in list */

        .rating > input:checked + label:hover, /* hover current star when changing rating */
        .rating > input:checked ~ label:hover,
        .rating > label:hover ~ input:checked ~ label, /* lighten current selection */
        .rating > input:checked ~ label:hover ~ label {
            color: #FFED85;
        }

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}


.show-loading .cartInfo {
    min-height: 40px;
}

    .show-loading .cartInfo .loading {
        position: absolute;
        left: 0;
        top: 0;
        background-color: red;
        width: 100%;
        height: 100%;
    }

/*#cart:hover~.cartInfo,
.cartInfo:hover {
    display: block
}*/

.WB-qnt {
    position: relative;
    width: 35px;
    transition: all 0.3s;
    display: inline-block;
    padding: 0px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.show-loading.WB-qnt,
.show-loading.addToCart span,
.show-loading.addToCart span:after {
    font-size: 0;
}

.WB-qnt:after,
.WB-qnt:before {
    content: "";
    position: absolute;
    top: calc(50% - 10px);
    left: calc(50% - 10px);
    width: 20px;
    height: 20px;
    opacity: 0;
    transition: all 0.3s;
}

.show-loading.WB-qnt:after,
.show-loading.WB-qnt:before {
    opacity: 1;
}

.WB-qnt {
    background: none;
    text-align: center;
}

.show-loading.WB-qnt {
    background: url("/desktopmodules/NB_Store/img/Spin.gif") no-repeat;
    background-position: center;
    background-size: contain;
}

.WB-qnt:before {
    z-index: 100;
    animation: spin 1s infinite;
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/*Wishlist*/
.large-font {
    font-size: xx-large;
}

ion-icon.active {
    animation: like 0.5s 1;
    fill: red;
    stroke: none;
}

ion-icon {
    fill: transparent;
    stroke: gray;
    stroke-width: 20;
    transition: all 0.5s;
}


@-webkit-keyframes like {
    0% {
        transform: scale(1);
    }

    90% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1.1);
    }
}

/* ---------------- NOT FOUND ---------------- */

.productList_Notfound {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding-bottom: 3rem;
}

    .productList_Notfound img {
        max-width: 90%;
    }

    .productList_Notfound p {
        margin-bottom: 24px;
        font-size: 16px;
        color: #7E7E7E;
    }

    .productList_Notfound a {
        padding: 10px 16px;
        border-radius: 8px;
        border: 1px solid #A3A3A3;
        background-color: #F2F2F2;
        color: #393939;
        font-size: 16px;
        transition: 0.4s;
    }

        .productList_Notfound a:hover {
            background-color: #e0e0e0;
        }
/* ------------------------------------------- */
.alert {
    width: fit-content !important;
}

@media (max-width: 991px) {
    .alert {
        width: 90% !important;
    }
}


@charset "UTF-8";

/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */

@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.animated.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.animated.fast {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
}

.animated.faster {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}

.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}

@media (print), (prefers-reduced-motion: reduce) {
  .animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }
}





.btn-login {
    margin: 2px
}

a#getProductKey:visited {
    color: white;
}

.m3 {
    margin-top: 3px;
}
/*-----STARTLiCENCE------*/
div.pnlLogin {
    width: 350px;
    padding: 5px;
    background: #fff;
    box-shadow: 1px 1px 6px 3px #ddd;
    margin: 0 auto;
    margin-top: 40vh;
        padding: 25px;
    border-radius: 5px;
    position: relative;
    transform: translate(0,-50%);
}
.pnlLogin input[type="text"] {
    background-color: #f7f7f7;
    border: 1px solid #e2e2e2;
    border-radius: 5px !important;
    margin-bottom: 15px;
    padding: 12px;
    font-family: inherit;
    height: calc(2em + .75rem + 2px);
    transition:all 0.3s ease;
        border-right: 3px solid #b70000;
}
.pnlLogin input[type="text"]:focus {
    box-shadow: 0 0 5px #ddd !important;
    background-color: #fff;
    border: 1px solid #e2e2e2;
}
.getLicense {
    color: #fff !important;
}
.pnlLogin .btn-success {
    color: #fff;
    background-color: #219e3e;
    border:0;
    float: right;
    width: 48%;
    padding: 0;
    margin:5px 0 0 3px;
    font-family: inherit;
    font-weight: normal;
    font-size: 14px;
    padding: 0;
    border-radius:5px;
    transition:all 0.3s ease;

}
.pnlLogin .btn-success.focus,.pnlLogin .btn-success:focus {
    box-shadow: none;
}
.pnlLogin .btn-success:hover,.pnlLogin .btn-primary:hover  {
    background-color: #047a1f;
    box-shadow:0 0 5px #ababab;
}
.pnlLogin .btn-primary:hover {
    background-color:#0467d1;
}
.pnlLogin .btn-primary {
    color: #fff;
    background-color: #007bff;
    border:0;
    width: 49%;
    margin:5px 3px 0 0;
    font-family: inherit;
    font-weight: normal;
    font-size: 14px;
    border-radius:5px;
        transition:all 0.3s ease;
}
.pnlLogin .form-group {
    margin-bottom: 0;
}
.pnlLogin input:focus::-webkit-input-placeholder{
    color: transparent!important;
}
.pnlLogin input:focus::-moz-placeholder{
    color: transparent!important;
}
.pnlLogin input:focus:-moz-placeholder{
    color: transparent!important;
}
/*-----ENDLiCENCE------*/

/* -------------------------------------------------------------------------- */
/*                                 Scrollbar                                  */
/* -------------------------------------------------------------------------- */

/* width */
html::-webkit-scrollbar {
    width: 10px;
}

/* Track */
html::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;

}

/* Handle */

html::-webkit-scrollbar-thumb {
   
    transition: var(--transition);
    background: var(--mc1,#a1a3a8);
    border-radius: 10px;
    
}


/* -------------------------------------------------------------------------- */
/*                              LinK DetaliArticle                            */
/* -------------------------------------------------------------------------- */
.article__InternalLink, .article__InternalLink:visited {
    color: var(--mc3);
    transition: var(--transition);
}

/* -------------------------------------------------------------------------- */
/*                           Navbar and pain                                  */
/* -------------------------------------------------------------------------- */



.personabar--btn,.personabar-usertype {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0;
    border-bottom: solid 1px #3d3c3c;
    cursor: pointer;
    z-index: 10000000;
    background-color: #026790;
    position: fixed;
    left: 0;
    top: 0;
    width: 80px;
}
.personabar-usertype {
    right: 0;
    top: 42px;
    color:white;
}
.rtl .personabar--btn{
    right: 0;
    left:auto;

}
.personabar--btn svg,.test svg {
    fill: white;
}
iframe#personaBar-iframe,
.personabar-placeholder ,
.editBarFrameContainer{
    transition: .5s;
}
.personabar--closed iframe#personaBar-iframe,
.personabar--closed .personabar-placeholder{
    left: -80px ;
}
.rtl.personabar--closed iframe#personaBar-iframe,
.rtl.personabar--closed .personabar-placeholder{
    left: auto;
    right: -80px !important;
}
.personabar--closed {
    margin:0 !important
}

.personabar--closed .editBarFrameContainer {
    bottom: -80px;    
}

.DNNEmptyPane.d-none {
    display:none !important
}



/* -------------------------------------------------------------------------- */
/*                           Icon  Navbar                                     */
/* -------------------------------------------------------------------------- */

.personabar--btn {
    display: flex;
    flex-direction: column;
    cursor: pointer;
    transform: scale(-1);
}
.personabar--btn .icon-bar {
    height: 3px;
    background-color: white;
    transition: var(--transition);
    margin: 2px 0;
    width: 20px;
    border-radius: 10px;
}
body:not(.personabar--closed ) .personabar--btn .icon-bar:nth-child(1) {
    transform: rotatez(-45deg) translate(-6px, 6px);
    transform-origin: bottom;
}

body:not(.personabar--closed )  .personabar--btn .icon-bar:nth-child(2) {
    transform-origin: top;
    transform: rotatez(-45deg);
    width: 0;
    opacity: 0;
}

body:not(.personabar--closed ) .personabar--btn .icon-bar:nth-child(3) {
    transform-origin: bottom;
    transform: translate(-2px, -6px) rotatez(45deg);
}
/* -------------------------------------------------------------------------- */
/*                               Slider                                       */
/* -------------------------------------------------------------------------- */

.DnnModule-DNNGoDNNGalleryPro .wb-slides .slick-track{
    min-width: 100%;
}


/* -------------------------------------------------------------------------- */
/*                           Live Form                                        */
/* -------------------------------------------------------------------------- */

.LiveForms .Toolbar-Item .glyphicon-floppy-saved , .LiveForms .Toolbar-Item .glyphicon-floppy-saved ~ .Toolbar-Text{
    display: none !important;
  
}






/* Home Page style */
.banner-container { background: #00a4e3 url("/Portals/0/Images/background_header.gif") no-repeat center center; padding: 25px 0; min-height: 255px; display: table; }
    .banner-container h2 { font-weight: bold; font-size: 33px; color: #fff; /*font-family: Arial;*/ text-align: right; margin: 25px 0; }
    .banner-container span { font-size: 18px; color: #fff; line-height: 150%; text-align: right; /*font-family: Arial;*/ }
.intro-container { background: -moz-linear-gradient(top, #d3d3d3 0%, #e6e6e6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d3d3d3), color-stop(100%, #e6e6e6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d3d3d3 0%, #e6e6e6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d3d3d3 0%, #e6e6e6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d3d3d3 0%, #e6e6e6 100%); /* IE10+ */ background: linear-gradient(top, #d3d3d3 0%, #e6e6e6 100%); /* W3C */ margin: -10px; margin-top: 10px; }
    .intro-container * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .intro-container .main { margin: 50px 0; }
        .intro-container .main h2 { font-size: 30px; color: #47292a; font-weight: normal; /*font-family: Arial;*/ text-align: center; }
        .intro-container .main ul { margin: 0; padding: 0; list-style: none; }
            .intro-container .main ul li { margin-top: 15px; padding: 0 7.5px; }
                .intro-container .main ul li a { background-repeat: no-repeat; background-position: center 38px; }
                .intro-container .main ul li > a { display: block; position: relative; border: 1px solid #c5c5c5; -webkit-border-radius: 5px; border-radius: 5px; background-color: #fafafa; text-decoration: none; }
                .intro-container .main ul li a span.overlay { background-color: #000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-border-radius: 5px; border-radius: 5px; -moz-transition: opacity 3s ease-out; -webkit-transition: opacity 0.2s ease-out; -o-transition: opacity 3s ease-out; transition: opacity 0.2s ease-out; padding: 0 10px 20px 10px; color: #fff; /*font-family: Arial;*/ font-size: 14px; display: table-cell; vertical-align: middle; height: 235px; position: relative; z-index: 1; }
                    .intro-container .main ul li a span.overlay p { margin: 0; font-size: 18px; }
                    .intro-container .main ul li a span.overlay label { text-transform: uppercase; /*font-family: Arial;*/ font-size: 20px; color: #fff; margin-top: 10px; background: url("/Portals/0/Images/icon-btn-sm-circle-arrow.png") no-repeat right center; padding-right: 18px; display: block; float: left; cursor: pointer; }
                .intro-container .main ul li a:hover span.overlay,
                .intro-container .main ul li a:focus span.overlay,
                .intro-container .main ul li a:active span.overlay { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: 0.8; -moz-transition: opacity 3s ease-in; -webkit-transition: opacity 0.2s ease-in; -o-transition: opacity 3s ease-in; transition: opacity 0.2s ease-in; }
                .intro-container .main ul li a span.text { display: block; height: 65px; line-height: 65px; margin-top: -65px; background-color: #47292a; font-size: 24px; color: #fff; text-align: center; /*font-family: Arial Bold;*/ text-transform: uppercase; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
                .intro-container .main ul li.docs a::after { content: "\e233"; font-family: "Glyphicons Halflings"; display: flex; justify-content: center; align-items: center; bottom: 146px; position: relative; line-height: 0; font-size: 80px; color: #47292a; z-index: 0; }
                .intro-container .main ul li.community a::after { content: "\e135"; font-family: "Glyphicons Halflings"; display: flex; justify-content: center; align-items: center; bottom: 146px; position: relative; line-height: 0; font-size: 80px; color: #47292a; z-index: 0; }
                .intro-container .main ul li.code a::after { content: "\e079 \e080"; font-family: "Glyphicons Halflings"; display: flex; justify-content: center; align-items: center; bottom: 146px; position: relative; line-height: 0; font-size: 80px; color: #47292a; z-index: 0; }
                .intro-container .main ul li.forums a::after { content: "\e111"; font-family: "Glyphicons Halflings"; display: flex; justify-content: center; align-items: center; bottom: 146px; position: relative; line-height: 0; font-size: 80px; color: #47292a; z-index: 0; }
                .intro-container .main ul li.blogs a::after { content: "\e122"; font-family: "Glyphicons Halflings"; display: flex; justify-content: center; align-items: center; bottom: 146px; position: relative; line-height: 0; font-size: 80px; color: #47292a; z-index: 0; }
                .intro-container .main ul li.extensions a::after { content: "\e136"; font-family: "Glyphicons Halflings"; display: flex; justify-content: center; align-items: center; bottom: 146px; position: relative; line-height: 0; font-size: 80px; color: #47292a; z-index: 0; }
    .intro-container .social { margin-top: 30px; }
        .intro-container .social .social-links { text-align: center; }
            .intro-container .social .social-links h3 { /*font-family: Arial;*/ font-size: 17px; }
            .intro-container .social .social-links ul { list-style: none; width: 152px; margin: 0 auto; }
                .intro-container .social .social-links ul li { width: 29px; height: 29px; background-size: 100% 100%; margin-top: 0; margin-left: 10px; }
                    .intro-container .social .social-links ul li a { display: block; height: 100%; border: none; background: transparent; width: 29px; margin-left: -7px; text-indent: -100px; overflow: hidden; }
                    .intro-container .social .social-links ul li.facebook { background-image: url("/Portals/0/Images/icon-social-facebook.png"); }
                    .intro-container .social .social-links ul li.linkedin { background-image: url("/Portals/0/Images/icon-social-linkedin.png"); }
                    .intro-container .social .social-links ul li.twitter { background-image: url("/Portals/0/Images/icon-social-twitter.png"); }
                    .intro-container .social .social-links ul li.youtube { background-image: url("/Portals/0/Images/icon-social-youtube.png"); }

.platform-intro p { padding: 23px; font-size: 18px; color: #47292a; background-color: #fafafa; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #c5c5c5; line-height: 164%; margin: 29px -9px 0 -6px }
.intro-container .main ul li a span.text { font-size: 28px; }
.col-md-12 { float: left; }

@media (max-width: 1199px) {
    .banner-container h2 { font-size: 25px; }
    .intro-container .main ul li a span.overlay label { font-size: 20px }
    .intro-container .main ul li a span.text { font-size: 20px; }
}

@media (min-width: 1200px) {
    .banner-container img { right: 135px; }
    .intro-container .main h2 { font-size: 38px; }
}

@media (min-width: 769px) and (max-width: 979px) {
    .intro-container .main ul li a span.text { font-size: 18px; }
}

@media (min-width: 769px) and (max-width: 788px) {
    .intro-container .main ul li a span.overlay p,
    .intro-container .main ul li a span.overlay label { font-size: 9px; }
}

@media (max-width: 768px) {
    .banner-container { min-height: 205px; min-width: 0px; }
        .banner-container h2 { font-size: 20px; color: #fff; margin-top: 20px; font-family: Arial; max-width: auto; float: none; text-align: center; }
        .banner-container span { margin-right: 0; font-size: 14px; color: #fff; line-height: 24px; text-align: center; display: inline-block; font-family: Arial; max-width: auto; float: none; }
        .banner-container img { display: none; }
    .banner-container { background: #00a4e3 url("/Portals/0/Images/background_header.gif") no-repeat center center; padding: 25px 0; }
    .platform-intro p { clear: both; font-size: 16px; color: #47292a; background-color: #fafafa; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #c5c5c5; padding: 15px; margin: 10px -14px 25px -10px; line-height: 22px; }
}

@media(max-width: 640px) {
    .platform-intro p { margin: 10px -15px 0 -10px; }
}

ul li { list-style-type: none; }

/*Fix RTL Dnnplus.ir 2020*/
.rtl .banner-container h2 { margin: 0 0 20px; }
.rtl .banner-container { text-align: justify; }
    .rtl .banner-container span { font-size: 16px; }

.rtl .intro-container .main ul li a span.overlay label { float: right; }


@font-face {
    font-family: "FontAwesome";
    src: url("/DesktopModules/NB_Store/fonts/fontawesome-webfont.eot?v=4.4.0");
    src:
        url("/DesktopModules/NB_Store/fonts/fontawesome-webfont.eot?#iefix&v=4.4.0")
            format("embedded-opentype"),
        url("/DesktopModules/NB_Store/fonts/fontawesome-webfont.woff?v=4.4.0")
            format("woff"),
        url("/DesktopModules/NB_Store/fonts/fontawesome-webfont.ttf?v=4.4.0")
            format("truetype"),
        url("/DesktopModules/NB_Store/fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular")
            format("svg");
    font-weight: normal;
    font-style: normal;
}

.FeaturePanle[id*="_AdminProduct_FeaturePanle"] .FturItemPanel {
    padding: 0 12px;
}

.FeaturePanle[id*="_AdminProduct_FeaturePanle"] .FturItemPanel .chkList {
    display: grid;
    grid-template-columns: repeat(4, 20px 150px);
    gap: 2rem 1rem;
}

@media all and (min-width: 1800px) {
    .FeaturePanle[id*="_AdminProduct_FeaturePanle"] .FturItemPanel .chkList {
        grid-template-columns: repeat(6, 20px 150px);
    }
}

.feature-content.feature-content {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-bottom: 16px;
}

/* Feature wrapper styling */
.feature-wrapper {
    margin-bottom: 20px;
    border: 1px solid #e4e4e7;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0px 0px 40px 0px #0000000d;
    overflow: hidden;
}

.FturItemPanel > * {
    white-space: nowrap;
}

.feature-header {
    padding: 16px 16px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: background-color 0.2s ease;
    user-select: none;
    display: flex;
    flex-direction: row-reverse;
    gap: 8px;
}

.feature-header:hover {
    background: #e9ecef;
}

.feature-header .GrpLable {
    background: transparent !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    font-weight: 600;
    font-size: 16px;
    color: #333;
}

.chevron-icon {
    transition: transform 0.3s ease;
    color: #666;
    font-size: 14px;
}

.feature-content {
    display: none;
    background: #fff;
}

.feature-content .FturItemPanel {
    background: transparent !important;
}

.feature-content .FturItemPanel:last-child {
    border-bottom: none;
}

.FturItemPanel:nth-child(odd) {
    background: transparent !important;
}

.FeaturePanle[id*="_AdminProduct_FeaturePanle"] .FturItemPanel .FturLable {
    width: 250px;
    margin-inline-end: 4rem;
}

.FeaturePanle[id*="_AdminProduct_FeaturePanle"] .FturItemPanel .chkList input {
    margin-inline-start: auto;
}

.FeaturePanle {
    display: inline-block;
    width: 100%;
    margin-top: 10px;
}

.hideElement {
    display: none !important;
}

.GrpLable {
    display: inline-block;
    width: 100%;
    padding: 5px 24px;
    margin: 10px 0;
    font-size: 16px;
    cursor: pointer;
    background-color: #eee;
    border-radius: 6px;
    line-height: 2;
    border: solid 1px #ddd;
}

.GrpLable.rotate180:before {
    transform: rotate(180deg);
}

.TablePanel {
    display: none;
    background-color: #fff;
    padding: 10px;
}

.Chklist td label,
.DivColorFilter label,
.DivBrandFilter label,
.DivSizeFilter label {
    margin: 0 5px;
    vertical-align: top;
    font-weight: normal;
    color: #555;
}

.Txtbox {
    margin-right: 30px;
}

.Drpdon {
    margin-right: 30px;
}

.MltLine {
    margin-right: 30px;
    margin: 5px 0;
    width: 80%;
}

.Txtrang {
    margin-right: 30px;
    margin: 4px 0;
    width: 80%;
    padding: 7px 5px;
}

.BrandSmallIcon {
    width: 20px;
    height: 20px;
}

.ProductListColor {
    border-radius: 50%;
    width: 15px;
    height: 15px;
    display: inline-block;
    margin: 2px;
    vertical-align: middle;
}

.FeaturePanle > span {
    position: relative;
}

.brand-select {
    background-color: #f3f2f3;
    padding: 12px;
}

.FturItemPanel {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
}

.FturItemPanel .chkList {
    display: flex;
    align-items: center;
}

.FturItemPanel input[type="checkbox"] {
    width: 18px;
    height: 18px;
    margin-top: 0;
    margin-left: 6px;
}

.FturItemPanel .chkList label.multiChecked {
    margin-bottom: 0;
    margin-left: 20px;
    font-size: 14px;
}

.FturItemPanel:nth-child(odd) {
    background-color: #f3f3f3;
}

.FturItemPanel .FturLable {
    padding: 10px;
    flex: 0 0 20%;
    max-width: 20%;
    display: inline-block;
    /* margin: 5px 0 5px 10px; */
    vertical-align: top;
    cursor: auto;
    font-size: 14px;
}

.FturItemPanel .Txtbox {
    background: #fff;
    border: 1px solid #e4e4e7 !important;
    padding: 8px;
    width: 80%;
    display: inline-block;
    border: 0;
    border-radius: 0;
    margin: 4px 0;
    height: 40px;
}

.FturItemPanel .Drpdon {
    flex: 1;
    min-width: 0;
    margin: 4px 0;
    height: 40px;
    border: 1px solid #e4e4e7 !important;
    border-radius: 8px !important;
    background: #fff;
    padding: 6px 10px;
}

.FeaturePanle .FturItemPanel .select2-container {
    flex: 1;
    min-width: 0;
    max-width: none;
}

.FeaturePanle .FturItemPanel .select2-container--default .select2-selection--single {
    height: 40px !important;
    border-radius: 8px !important;
    border: 1px solid #e4e4e7 !important;
    background: #fff;
}
.select2-container--default .select2-selection__rendered {
    display: flex !important;
    align-items: center;
    height: 100%;
    padding-right: 12px;
    padding-left: 28px;
    line-height: normal;
    font-size: 14px;
}

.select2-container--default .select2-results__option {
    font-size: 14px;
}

.FeaturePanle .FturItemPanel .select2-container--default .select2-selection__arrow {
    height: 100% !important;
}

.FeaturePanle .FturItemPanel .select2-dropdown {
    border: 1px solid #e4e4e7 !important;
    border-radius: 8px;
}

#custom-handle,
#custom-handle2 {
    width: 1em;
    height: 1.6em;
    top: 50%;
    margin-top: -0.8em;
    text-align: center;
    line-height: 4.6em;
    color: #555;
    font-family: inherit;
    pointer-events: none;
}

.submit-btn {
    display: inline-block;
    width: 100%;
}

.submit-btn input[type="submit"] {
    background-color: #0073ef;
    margin: 16px auto;
    display: block;
    border: 1px solid #0051a9;
    padding: 5px 40px;
    color: #f5f5f5 !important;
    font-family: inherit;
    border-radius: 5px;
    transition: all 0.3s ease-out;
}

.submit-btn input[type="submit"]:hover {
    background-color: #0051a9;
}

.ImgModelProduct {
    width: 60px;
    height: 60px;
    background: #e0e0e0;
    display: block;
}

.ProductModelImageModal {
    max-height: 150px;
    max-width: 150px;
    background: #e0e0e0;
}

/********************/

div[id$="FilterProducts_FilterItemPanle"] table {
    width: 100%;
}

div[id$="FilterProducts_FilterItemPanle"] table td {
    background-color: #fff;
    display: inline-block;
    margin: 1px 0;
    position: relative;
    width: 100%;
    border: none !important;
    overflow: hidden;
}

div[id$="FilterProducts_FilterItemPanle"] table td label,
.DivBrandFilter label,
.DivSizeFilter label {
    padding: 7px 50px 7px 0;
    width: 100%;
    display: block;
    text-align: right;
    color: #3c454c;
    cursor: pointer;
    position: relative;
    z-index: 2;
    /* background-color: #eee; */
    transition: color 200ms ease-in;
    /* overflow: hidden; */
    direction: rtl;
    user-select: none;
}

div[id$="FilterProducts_FilterItemPanle"] table td label:before,
.DivBrandFilter label:before,
.DivSizeFilter label:before {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    content: "";
    background-color: #e6e6e6;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) scale3d(1, 1, 1);
    transform: translate(-50%, -50%) scale3d(1, 1, 1);
    transition: all 500ms cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
    z-index: -1;
}

div[id$="FilterProducts_FilterItemPanle"] table td label:after,
.DivBrandFilter label:after,
.DivSizeFilter label::after {
    width: 16px;
    height: 16px;
    content: "";
    border: 2px solid #d1d7dc;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E ");
    background-repeat: no-repeat;
    background-position: -3px -6px;
    background-size: 29px;
    border-radius: 4px;
    z-index: 2;
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    transition: all 200ms ease-in;
}

div[id$="FilterProducts_FilterItemPanle"] table td input:checked ~ label,
.DivBrandFilter input:checked ~ label,
.DivSizeFilter input:checked ~ label {
    /* color: #fff !important; */
}

div[id$="FilterProducts_FilterItemPanle"] table td input:checked ~ label:before,
.DivBrandFilter input:checked ~ label:before,
.DivSizeFilter input:checked ~ label:before {
    -webkit-transform: translate(-50%, -50%) scale3d(56, 56, 1);
    transform: translate(-50%, -50%) scale3d(56, 56, 1);
    opacity: 1;
}

div[id$="FilterProducts_FilterItemPanle"] table td input:checked ~ label:after,
.DivBrandFilter input:checked ~ label:after,
.DivSizeFilter input:checked ~ label:after {
    background-color: #55d8bf;
    border-color: #55d8bf;
}

div[id$="FilterProducts_FilterItemPanle"] table td input,
.DivBrandFilter input,
.DivSizeFilter input {
    width: 32px;
    height: 32px;
    order: 1;
    z-index: 2;
    position: absolute;
    right: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    visibility: hidden;
}

.TablePanel {
    padding: 10px 0 0 !important;
    border-top: solid 2px #eee;
    margin-top: 10px;
}

.Chklist td label {
    margin: 0 !important;
}

.FturItemPanel input,
.FturItemPanel select,
.FturItemPanel textarea {
    border: 1px solid #bfbfbf;
    border-radius: 4px !important;
    outline: none;
}

div.pnlLogin {
    width: 320px;
    height: 400px;
    padding: 5px;
    background: #fff;
    box-shadow: 1px 1px 6px 3px #ddd;
    margin: 0 auto;
    margin-top: 50vh;
    position: relative;
    transform: translate(0, -50%);
}

.btn-login {
    margin: 2px;
}

.chosen-container {
    min-width: 250px !important;
}

.filter-close {
    position: fixed;
    top: -150%;
    right: 0;
    left: 0;
    background-color: #f9f9f9;
    z-index: 11111111111111111;
    padding: 75px 15px 15px;
    height: 100vh;
    overflow: auto;
    transition: all 0.4s ease-in-out;
    padding-bottom: 75px;
    /* overflow: hidden; */
}

.filter-head i.fa {
    float: left;
    font-size: 18px;
    color: #797979;
}

.filter-head span {
    font-size: 16px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: calc(100% - 36px);
    display: inline-block;
}

.filter-open {
    top: 0;
}

.filter-head {
    position: fixed;
    left: 0;
    right: 0;
    padding: 20px 20px 10px;
    top: -100px;
    z-index: 11;
    background-color: #fff;
    border-bottom: solid 1px #ddd;
    box-shadow: 0px 0px 11px 2px #0000000d;
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -ms-transform: all 0.4s;
    -webkit-transition: all 0.4s;
}

.filter-open .filter-head {
    top: 0;
}

.namojod {
    color: #e62a0d;
}

@media all and (max-width: 991px) {
    body.no-overflow {
        overflow: hidden;
    }
    .submit-btn {
        position: fixed;
        bottom: 0;
        right: 0;
        left: 0;
        z-index: 11;
        transition: all 0.4s;
        -webkit-transform: all 0.4s;
        -ms-transform: all 0.4s;
        -webkit-transition: all 0.4s;
    }
    .filter-close .submit-btn {
        bottom: -100%;
    }
    .filter-open .submit-btn {
        bottom: 0;
    }
    .submit-btn input[type="submit"] {
        width: 100%;
        margin: 0 !important;
        border-radius: 0;
        padding: 12px;
        font-size: 15px;
    }
    .FilterColorPanel,
    .FilterBrandPanel,
    .FilterItemBox,
    .PriceFilter {
        background-color: #fff;
    }
}

/*****************/

#overlay {
    position: fixed;
    background-color: #ffffff;
    width: 100%;
    height: 100%;
    top: 0;
    left: 100%;
    bottom: 0;
    z-index: 1111111;
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -ms-transform: all 0.4s;
    -webkit-transition: all 0.4s;
    overflow-y: auto;
}

#overlay.open {
    left: 0;
}

#overlay .ol-head {
    position: fixed;
    top: 0px;
    background-color: #ffffff;
    width: 100%;
    border-bottom: solid 1px #ddd;
    /* padding: 16px 0; */
    z-index: 1111;
    left: 100%;
    transition: all 0.4s;
}

#overlay.open .ol-head {
    left: 0;
}

#overlay #ol-close {
    margin: 0 10px;
    display: inline-block;
    float: left;
    z-index: 11111;
    padding: 15px 0;
    font-size: 15px;
}

#overlay #ol-close i {
    font-weight: bold;
    font-size: 18px;
    margin-right: 5px;
    position: relative;
    top: 1px;
}

#overlay #ol-name {
    margin-right: 10px;
    padding: 15px 0;
    float: right;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: calc(100% - 110px);
    display: inline-block;
}

#overlay .ol-content {
    margin-top: 55px;
    padding: 0 15px;
}

body.no-overflow {
    overflow: hidden;
}

/***********************/

/*********FILTER COLOR BEGIN**************/

.DivColorFilter > div {
    display: inline-flex;
    width: 20%;
    padding: 2px;
    justify-content: center;
}

.ChkFilterColor {
    opacity: 0;
    display: none;
}

.DivColorFilter > div label {
    padding: 0;
    width: 30px;
    height: 30px;
    font-size: 0;
    border-radius: 50%;
}

.DivColorFilter label:after {
    content: "";
}

.DivColorFilter input:checked ~ label:after {
    border: 3px solid #a80d45;
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

/*********FILTER COLOR END**************/

.RelatedProducts .currentRelated {
    margin-top: 50px !important;
    min-height: 300px !important;
    overflow: auto;
    background-color: #f5f5f5;
    border: solid 1px #ddd;
    padding: 16px;
    display: flex;
    flex-wrap: wrap;
}

.RelatedProducts .RelatedBox,
.RelatedBoxList {
    padding: 0 14px;
    /* border: solid 1px #bfbfbf; */
    /* margin: 20px; */
    /* background-color: #f3f3f3; */
    border-radius: 6px;
    cursor: pointer;
    position: relative;
    transition: all 0.3s;
    min-height: 180px;
    display: flex;
    width: 100%;
    text-align: right;
    align-items: center;
    flex-direction: column;
    overflow: hidden;
    margin: 16px 0;
}
.RelatedBoxList {
    border-radius: 4px !important;
}
.RelatedBoxList h5 {
    margin-top: 12px !important;
    line-height: 24px;
}
.RelatedProducts .RelatedBox .switch,
.RelatedBoxList .switch {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.RelatedProducts .RelatedBox .switch label,
.RelatedBoxList .switch label {
    width: auto;
}
.RelatedProducts .RelatedBox .switch span,
.RelatedBoxList .switch span {
    font-size: 14px;
}
.RelatedProducts .RelatedBox {
    padding: 0;
}
.RelatedProducts .RelatedBox .RelatedBoxContent {
    height: 225px !important;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: auto;
    padding: 14px;
    border: 1px solid #dfdfdf;
    border-radius: 4px;
    margin-bottom: 7px;
}
.removeRelatedProduct {
    width: 100%;
    padding: 3px 0;
    display: flex;
    align-items: center;
}
.removeRelatedProduct span {
    font-size: 14px;
}
.removeRelatedProduct span.fa {
    margin-left: 4px;
}
.RelatedProducts .RelatedBox .RelatedBoxContent h5 {
    text-align: right;
    margin-top: 16px;
    line-height: 24px;
    max-width: 100%;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.alreadyRelated .RelatedBox,
.newRelatedWrap .RelatedBox {
    min-height: 260px;
}
.RelatedProducts > .row {
    overflow-x: hidden;
}
.RelatedSearch input[type="text"] {
    height: 44px;
    width: 200px;
}
.RelatedFilter span.select2 {
    width: 200px !important;
    height: 44px;
    margin: 0 1rem;
}
.RelatedFilter span.select2 .select2-selection {
    height: 44px;
    padding-top: 6px;
}
.RelatedFilter span.select2 .select2-selection .select2-selection__arrow {
    height: 44px;
}

.ModalLabel {
    width: 100%;
    text-align: right !important;
    font-family: inherit;
    font-size: 20px;
    font-family: "BYekan", tahoma, Arial, Sans-Serif !important;
    font-weight: 500;
}

.modal-footer,
.modal-header {
    border: none !important;
}

.modal-body {
    padding-top: 0 !important;
}

.modal-header {
    padding-bottom: 0 !important;
}

.ModalBtn {
    width: 145px !important;
    font-family: "BYekan", tahoma, Arial, Sans-Serif !important;
}

.lstArticles .RelatedBox {
    position: relative;
}

.lstArticles .RelatedBox .SelectedRelated {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 10px;
    right: 10px;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    box-shadow: 0px 4px 4px 0px #00000040;
    opacity: 0;
    visibility: hidden;
}

.lstArticles .Selected .SelectedRelated {
    opacity: 1 !important;
    visibility: visible !important;
}

.lstArticles .Selected .RelatedBoxContent {
    border: 1px solid #27ae60 !important;
}

.currentRelated .Selected .SelectedRelated,
.relatedWrap.loaded .SelectedRelated {
    display: none !important;
}

.lstArticles .RelatedBox .SelectedRelated span {
    color: #27ae60;
    font-size: 14px;
}

.greenFlash {
    animation: greenFlash 0.7s;
}

@keyframes greenFlash {
    0% {
        background-color: #f3f3f3;
    }

    50% {
        background-color: #acdbac;
    }

    100% {
        background-color: #f3f3f3;
    }
}
.selectLang {
    display: flex;
    cursor: pointer;
}
.redFlash {
    animation: redFlash 0.7s;
}
@keyframes redFlash {
    0% {
        background-color: #f3f3f3;
    }

    50% {
        background-color: #dbacac;
    }

    100% {
        background-color: #f3f3f3;
    }
}

.WB_TooltipParrent {
    position: relative;
}

.WB_Tooltip {
    position: absolute;
    bottom: calc(100% + 1rem);
    left: 50%;
    translate: -50% 0;
    padding: 0.5rem;
    border-radius: 0.25rem;
    background-color: #000;
    color: #fff;
    text-align: center;
    opacity: 0;
    pointer-events: none;
    transition: 0.3s;
    width: 200px;
}

.WB_Tooltip::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 100%;
    translate: -50% 0;
    border-left: solid 0.5rem transparent;
    border-bottom: solid 0.5rem transparent;
    border-right: solid 0.5rem transparent;
    border-top: solid 0.5rem #000;
}

.WB_TooltipParrent:hover .WB_Tooltip {
    opacity: 1;
    pointer-events: all;
}

.WB_TooltipParrent[data-original-title] .WB_Tooltip {
    display: none;
}


/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	/* Support: IE <= 11 */
	overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2em;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
	text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -9999px;
	white-space: nowrap;

}

input.ui-button.ui-icon-notext .ui-icon {
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-controlgroup {
	vertical-align: middle;
	display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
	float: left;
	margin-left: 0;
	margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
	z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
	display: block;
	float: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
	box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
	padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
	font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
	border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
	border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
	border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
	border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {

	/* Support: IE8 only, Android < 4.4 only */
	width: 75%;
	width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
	border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
	box-shadow: inset 1px 1px 1px #ccc;
	border-radius: .12em;
	border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
	width: 16px;
	height: 16px;
	border-radius: 1em;
	overflow: visible;
	border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background-image: none;
	width: 8px;
	height: 8px;
	border-width: 4px;
	border-style: solid;
}
.ui-checkboxradio-disabled {
	pointer-events: none;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-n {
	height: 2px;
	top: 0;
}
.ui-dialog .ui-resizable-e {
	width: 2px;
	right: 0;
}
.ui-dialog .ui-resizable-s {
	height: 2px;
	bottom: 0;
}
.ui-dialog .ui-resizable-w {
	width: 2px;
	left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
	width: 7px;
	height: 7px;
}
.ui-dialog .ui-resizable-se {
	right: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-sw {
	left: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-ne {
	right: 0;
	top: 0;
}
.ui-dialog .ui-resizable-nw {
	left: 0;
	top: 0;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	filter: alpha(opacity=25); /* support: IE8 */
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-text {
	display: block;
	margin-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
	text-align: left;
	white-space: nowrap;
	width: 14em;
}
.ui-selectmenu-icon.ui-icon {
	float: right;
	margin-top: 0;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: .222em 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 2em;
}
.ui-spinner-button {
	width: 1.6em;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
}
body .ui-tooltip {
	border-width: 2px;
}
/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc;
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff;
	background: #007fff;
	font-weight: normal;
	color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
}
.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("/DesktopModules/NB_Store/Main/images/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("/DesktopModules/NB_Store/Main/images/ui-icons_444444_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("/DesktopModules/NB_Store/Main/images/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("/DesktopModules/NB_Store/Main/images/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("/DesktopModules/NB_Store/Main/images/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("/DesktopModules/NB_Store/Main/images/ui-icons_cc0000_256x240.png");
}
.ui-button .ui-icon {
	background-image: url("/DesktopModules/NB_Store/Main/images/ui-icons_777777_256x240.png");
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
	-webkit-box-shadow: 0px 0px 5px #666666;
	box-shadow: 0px 0px 5px #666666;
}

.filterCategoryContainer {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.filterIcon {
    top: -1px;
    position: relative;
    font-size: 15px;
}
.toggle-control {
    display: block;
    position: relative;
    padding-left: 100px;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: inherit;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .toggle-control input[type=checkbox] {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

        .toggle-control input[type=checkbox]:checked ~ .control {
            background-color: dodgerblue;
        }

            .toggle-control input[type=checkbox]:checked ~ .control:after {
                left: 23px;
            }

    .toggle-control .control {
        position: absolute;
        top: 18px;
        left: 16px;
        height: 19px;
        width: 40px;
        border-radius: 25px;
        background-color: darkgray;
        transition: background-color 0.15s ease-in;
    }

        .toggle-control .control:after {
            content: "";
            position: absolute;
            left: 2px;
            top: 2px;
            width: 15px;
            height: 15px;
            border-radius: 25px;
            background: white;
            transition: left 0.15s ease-in;
        }
.FturLable {
    position: relative;
}
.FturLable, .lblPriceFilter, .LblColorFilter, .LblBrandFilter, .LblSizeFilter {
    padding: 6px 10px;
    display: inline-block;
    font-size: 15px;
    width: 100%;
    cursor: pointer;
    font-weight: normal;
    color: #5a5a5a;
    border: none;
    position: relative;
}
    .lblPriceFilter {
        cursor: default;
        border-bottom: 1px solid #eee;
    }

.DivColorFilter, .DivBrandFilter, DivSizeFilter {
    display: none;
    background-color: #fff;
    padding: 10px 0px 0px;
}

.DivSizeFilter {
    border-top: solid 2px #eee;
    margin-top: 10px;
}

    .DivColorFilter > div, .DivBrandFilter > div, .DivSizeFilter > div {
        display: inline-block;
        width: 100%;
        position: relative;
        overflow: hidden;
        vertical-align: text-top;
    }

.FturLable i.fa, .FilterColorPanel i.fa, .FilterBrandPanel i.fa {
    position: absolute;
    top: 0px;
    left: 0;
    font-size: 20px;
    color: #0073ef;
    width: 100%;
    height: 35px;
    text-align: left;
    padding: 9px 14px;
    cursor: pointer;
}

.FilterBrandPanel span.fa {
    padding: 0 23px;
    top: 10px;
    line-height: 35px;
    left: 0;
}

.FilterColorPanel .fa-angle-down, .FilterColorPanel .fa-angle-up {
    left: 10px !important;
    top: 10px !important
}

.filter-mobile-nav {
    text-align: center;
    border: solid 1px #ddd;
    border-radius: 6px;
    background-color: #eee;
    padding: 6px;
    position: relative;
}

    .filter-mobile-nav i {
        position: absolute;
        left: 15px;
        top: 8px;
        font-size: 18px;
    }
#FilterColorPanel, #FilterBrandPanel {
    display: inline-block;
    width: 100%;
    position: relative;
    margin-bottom: 3px;
    padding: 10px;
    border-bottom: solid 2px #eee;
}


.PriceFilter {
    margin-bottom: 3px;
    padding: 10px;
}

.PricefilterDiv {
    margin: 0;
    background-color: #fff;
    padding: 20px 20px 20px;
}
.FilterItemBox .TablePanel {
    padding: 10px 0 0 !important;
    border-top: none;
    margin-top: 0;
}

.FilterItemBox {
    margin-bottom: 3px;
    padding: 10px;
    border-bottom: solid 2px #eee;
}

.FilterItemPanle {
    display: inline-block;
    width: 100%;
    padding: 0;
    position: relative;
}

/*----------VersionInfo: 2.0----------*/

@font-face {
    font-family: "IranYekan";
    src: url("/Portals/_default/skins/wb-skin/fonts/iranyekan/iranyekanwebregular.eot");
    src:
        url("/Portals/_default/skins/wb-skin/fonts/iranyekan/iranyekanwebregular.eot?#iefix") format("embedded-opentype"),
        url("/Portals/_default/skins/wb-skin/fonts/iranyekan/iranyekanwebregular.woff") format("woff"),
        url("/Portals/_default/skins/wb-skin/fonts/iranyekan/iranyekanwebregular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "abar";
    src: url("/Portals/_default/skins/wb-skin/fonts/abar/AbarNoEn-VF.woff2") format("woff2");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "YekanBakh";
    src: url("/Portals/_default/skins/wb-skin/fonts/YekanBakh/YekanBakh-Light.eot");
    src:
        url("/Portals/_default/skins/wb-skin/fonts/YekanBakh/YekanBakh-Light.eot?#iefix") format("embedded-opentype"),
        url("/Portals/_default/skins/wb-skin/fonts/YekanBakh/YekanBakh-Light.woff") format("woff"),
        url("/Portals/_default/skins/wb-skin/fonts/YekanBakh/YekanBakh-Light.ttf") format("truetype"),
        url("/Portals/_default/skins/wb-skin/fonts/YekanBakh/YekanBakh-Light.svg#YekanBakh-Thin") format("svg");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "YekanBakh";
    src: url("/Portals/_default/skins/wb-skin/fonts/YekanBakh/YekanBakh-Medium.eot");
    src:
        url("/Portals/_default/skins/wb-skin/fonts/YekanBakh/YekanBakh-Medium.eot?#iefix") format("embedded-opentype"),
        url("/Portals/_default/skins/wb-skin/fonts/YekanBakh/YekanBakh-Medium.woff") format("woff"),
        url("/Portals/_default/skins/wb-skin/fonts/YekanBakh/YekanBakh-Medium.ttf") format("truetype"),
        url("/Portals/_default/skins/wb-skin/fonts/YekanBakh/YekanBakh-Medium.svg#YekanBakh-Thin") format("svg");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "YekanBakh";
    src: url("/Portals/_default/skins/wb-skin/fonts/YekanBakh/YekanBakh-Heavy.eot");
    src:
        url("/Portals/_default/skins/wb-skin/fonts/YekanBakh/YekanBakh-Heavy.eot?#iefix") format("embedded-opentype"),
        url("/Portals/_default/skins/wb-skin/fonts/YekanBakh/YekanBakh-Heavy.woff") format("woff"),
        url("/Portals/_default/skins/wb-skin/fonts/YekanBakh/YekanBakh-Heavy.ttf") format("truetype"),
        url("/Portals/_default/skins/wb-skin/fonts/YekanBakh/YekanBakh-Heavy.svg#YekanBakh-Thin") format("svg");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

.LoginPanel {
    width: auto !important;
}
.DNNEmptyPane {
    min-height: 0 !important;
    margin: 0 !important;
}
#lightbox-nav {
    z-index: 0 !important;
}
/*------------------------------------------------*/
/* START TOP Panel */
/*------------------------------------------------*/
img {
    max-width: 100%;
}
#ControlBar,
#ControlBar::before,
#ControlBar::after,
#ControlBar *::before,
#ControlBar *::after,
#ControlBar li,
#ControlBar li::before,
#ControlBar li::after,
#ControlBar a,
#ControlBar a::before,
#ControlBar a::after,
.dnn_mact,
.dnn_mact::before,
.dnn_mact::after,
.dnn_mact *::before,
.dnn_mact *::after,
.dnn_mact li,
.dnn_mact li::before,
.dnn_mact li::after,
.rtl .dnnDropDownList .selected-item a,
.rtl .dnnDropDownList .selected-item a:link,
.rtl .dnnDropDownList .selected-item a:visited,
.rtl .dnnDropDownList .selected-item a:hover,
.rtl .dnnDropDownList .selected-item a:active {
    box-sizing: content-box !important;
}
#ControlEditPageMenu > li > a.controlBar_editPageInEditMode {
    background-color: #ff8c04 !important;
}

#ControlBar a {
    font-family: "IRANSans-Light" !important;
}
mark,
.mark {
    background-color: transparent;
}
#ControlEditPageMenu .dnnCheckbox + label {
    margin-right: 28px !important;
}
#ControlBar li {
    font-family: "IRANSans-Light" !important;
}
#ControlBar {
    border-bottom: 1px solid #1b1b1b !important;
}
#ControlBar,
#ControlBar .subNav,
.subNav.advanced dl {
    background-color: #461d54 !important;
}
.subNav.advanced dl {
    border: 0 !important;
}
.subNav.advanced dl a {
    padding-top: 9px !important;
}
#ControlNav > li.hover > a,
#ControlNav > li:hover > a,
#ControlActionMenu > li > a:hover {
    background-color: #6e2b85 !important;
}
.subNav li:hover a {
    color: #fff !important;
}
#ControlEditPageMenu .dnnCheckbox:hover + label,
#ControlEditPageMenu .dnnCheckbox + label:hover {
    color: #fff !important;
}
#ControlBar_ControlPanel .dnnBlackDropDown .selected-item {
    background-color: #6e2b85 !important;
    border: 1px solid #461d54 !important;
}
#ControlBar_CustomMenuItems > li,
#ControlActionMenu > li {
    border-left: 1px solid #300d3d !important;
    border-right: 1px solid #300d3d !important;
}
#ControlBar_ControlPanel .dnnBlackDropDown .dt-container {
    background-color: #6e2b85 !important;
    border: 1px solid #461d54 !important;
}
#ControlBar_ControlPanel .dnnBlackDropDown .selected-item .selected-value,
#ControlBar_ControlPanel .dnnBlackDropDown .dt-container ul.tv-nodes a.text {
    color: #fff !important;
}
#ControlBar_ControlPanel .dnnBlackDropDown .dt-container ul.tv-nodes a.text:hover {
    background-color: #461d54 !important;
    border: 1px solid #461d54 !important;
}
#ControlBar_ControlPanel .dnnBlackDropDown .dt-container .dt-header {
    background-color: #3b004f !important;
    border: 1px solid #3b104a !important;
    padding: 2px 0 0 !important;
}
div.ControlBar_ModuleListWaiter,
div.ControlBar_ModuleListMessage {
    background-color: #2e003e !important;
}
#ControlBar_SiteSelector p,
#ControlBar_LanguageSelector p {
    font-size: 17px !important;
    margin-bottom: 6px !important;
}

#ControlBar_ControlPanel .dnnBlackDropDown .dt-container .dt-footer {
    background-color: #3b004f !important;
    border-top: 1px solid #3b104a !important;
}
#ControlBar_ControlPanel .dnnBlackDropDown .dt-container .search-container .search-input-container,
#ControlBar_ControlPanel .dnnBlackDropDown .dt-container .search-container input.search-input {
    background-color: #3b104a !important;
}
#ControlBar_ControlPanel .dnnBlackDropDown .dt-container .search-container .search-input-container {
    border: 1px solid #350148 !important;
    box-shadow: 0 0 2px -2px #ccc !important;
}
#ControlBar_ControlPanel .dnnBlackDropDown .dt-container .sort-button {
    background-color: #944dad !important;
}
#ControlBar_CustomMenuItems > li:hover > a,
#ControlActionMenu > li.active > a,
#ControlActionMenu > li:hover > a,
#ControlActionMenu > li.active > a {
    background: #6e2b85 !important;
}
#ControlBar_CustomMenuItems > li > a.onActionMenu,
#ControlActionMenu > li > a.onActionMenu {
    background: #6e2b85 !important;
}
#ControlBar_CustomMenuItems > li ul,
#ControlActionMenu > li ul,
#ControlEditPageMenu > li ul {
    background: #461d54 !important;
    border-top: 1px solid #444 !important;
}
#ControlEditPageMenu > li {
    background-color: #167afb !important;
}
#ControlEditPageMenu > li > a {
    color: #fff !important;
}
span.controlBar_editPageIcon {
    background-position: 0 -20px !important;
}
#ControlEditPageMenu > li:hover > a .controlBar_editPageIcon,
a.controlBar_editPageInEditMode > span.controlBar_editPageIcon {
    background-position: 100% -2px !important;
}
#ControlEditPageMenu > li:hover > a {
    color: #fafafa !important;
    background-color: #1687c3 !important;
}
#ControlBar .subNav.advanced dl ul li,
.subNavToggle li a {
    background-color: #330e40 !important;
    border-color: #330e40;
}
.subNavToggle li:hover a,
.subNavToggle li.active a {
    background: #167afb !important;
    border-color: #167afb !important;
}
#ControlBar .subNav {
    border-top: 1px solid #6e2b85 !important;
}
#ControlBar .subNav.advanced dl ul li {
    padding-right: 23px !important;
}
.ControlModulePanel {
    background-color: #461d54 !important;
}
ul.ControlBar_ModuleList > li > div,
#ControlBar_Module_AddNewModule .search-container .search-input-container {
    background-color: #6e2b85 !important;
}
#ControlBar_Module_AddNewModule .search-container .search-input-container {
    border: 1px solid #461d54 !important;
    height: 38px !important;
    width: 198px !important;
}
.RadComboBox_DnnBlack td.rcbInputCellLeft,
.RadComboBox_DnnBlack td.rcbInputCellRight {
    background: linear-gradient(to bottom, #6e2b85 1%, #8b3aa7 100%) !important;
    border: 1px solid #461d54 !important;
}
.rtl .RadComboBox_DnnBlack td.rcbArrowCellLeft,
.rtl .RadComboBoxDropDown_DnnBlack td.rcbArrowCellRight {
    background: linear-gradient(to bottom, #6e2b85 1%, #8b3aa7 100%) !important;
    border: 1px solid #461d54 !important;
}
.rcbSlide .RadComboBoxDropDown_DnnBlack .rcbScroll {
    background-color: #461d54 !important;
    border: 1px solid #370449 !important;
}
.rcbSlide .RadComboBoxDropDown_DnnBlack .rcbItem,
.RadComboBoxDropDown_DnnBlack .rcbHovered {
    border-top: 1px solid #370449 !important;
}
.ControlModulePanel .jspDrag,
.rcbSlide .jspDrag {
    background-color: #370449 !important;
    left: 3px;
}
.rcbSlide .RadComboBoxDropDown_DnnBlack_rtl .jspScrollable .jspContainer .rcbList {
    margin-right: 0 !important;
}
.rcbSlide .RadComboBoxDropDown_DnnBlack .rcbHovered {
    background-color: #944dad !important;
    color: #fff !important;
}
.jspVerticalBar {
    width: 14px;
}
.rcbSlide .jspVerticalBar {
    background-color: #944dad !important;
    width: 14px !important;
}
.rcbSlide .jspVerticalBar .jspTrack {
    margin-right: 2px !important;
}
.ControlModulePanel .jspHorizontalBar {
    background-color: #6e2b85 !important;
}
.rcbSlide .RadComboBoxDropDown_DnnBlack .rcbItem {
    color: #fff !important;
}
.controlBar_ModuleListScrollDummy .jspHorizontalBar {
    border-radius: 7px !important;
}
ul.ControlBar_ModuleList > li > div.ControlBar_Module_Selected {
    background-color: #944dad !important;
}
ul.ControlBar_ModuleList > li > div > span {
    white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
    white-space: -webkit-pre-wrap; /*Chrome & Safari */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    white-space: pre-wrap; /* css-3 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
    word-break: break-all;
    white-space: normal;
    width: 150px !important;
    padding: 5px !important;
    right: 0 !important;
}
#ControlBar_CustomMenuItems > li ul li:hover a,
#ControlActionMenu > li ul li:hover a {
    color: #fff !important;
}
/*------------------------------------------------*/
/* END TOP Panel */
/*------------------------------------------------*/

/*------------------------------------------------*/
/* START Popup */
/*------------------------------------------------*/
.dnnForm {
    padding: 10px 0;
}
.dnnFormPopup {
    font-family: "IRANSans-Light" !important;
}
.dnnFormPopup .ui-dialog-titlebar {
    font-family: "IRANSans-Light" !important;
}
.dnnFormPopup .dnnModalCtrl a.dnnToggleMax {
    /*background:#6e2b85 !important;*/
    background: #6e2b85 url("/images/resizeBtn.png") no-repeat scroll 10px 2px;
}
.dnnFormPopup .dnnModalCtrl .ui-dialog-titlebar-close {
    background: #6e2b85 url("/images/closeBtn.png") no-repeat scroll 8px 4px;
}
.dnnFormSectionHead {
    font-family: "IRANSans-Light" !important;
}
.jspPane {
    margin-right: 14px !important;
    margin-left: 0 !important;
}

/*----Popup-Title----*/
ul.dnnAdminTabNav li a {
    font-family: "IRANSans-Light" !important;
}
/*----Popup-Detail----*/
.RadAjaxPanel {
    font-family: "IRANSans-Light" !important;
    padding: 0 20px;
}
.dnnFormItem .dnnLabel span,
.dnnFormItem input,
.dnnFormItem textarea,
.dnnFormItem select {
    font-family: "IRANSans-Light" !important;
}
.dnnDropDownList .selected-item,
.rtl .dnnDropDownList .dt-container ul.tv-nodes a.text {
    font-family: "IRANSans-Light" !important;
}
.dnnDropDownList .dt-container .dt-footer .result,
.dnnDropDownList .dt-container .search-container input.search-input {
    font-family: "IRANSans-Light" !important;
}
h2.dnnFormSectionHead a.dnnSectionExpanded {
    font-family: "IRANSans-Light" !important;
}
h2.dnnFormSectionHead a {
    font-family: "IRANSans-Light" !important;
}
.dnnFormItem .dnnLabel {
    /* width:15% !important; */
}
.dnnContainerPreview .dnnLabel {
    float: right !important;
}
.dnnContainerPreview .RadComboBox_Default {
    float: right !important;
    margin-left: 15px !important;
    margin-right: 0 !important;
}
.dnnContainerPreview .dnnSecondaryAction {
    float: right !important;
}
.dnnPermissionsGrid > .dnnFormItem ul.token-input-list-facebook {
    margin-left: 5px;
}
.dnnFormItem .dnnCacheSettings .dnnLabel,
.dnnCacheSettings .RadComboBox_Default,
span.labelCacheInherited {
    float: right !important;
}

/*------------------------------------------------*/
/* END Popup */
/*------------------------------------------------*/
.dnnForm.dnnSiteSettings.dnnClear.ui-tabs.ui-widget.ui-widget-content.ui-corner-all .dnnLabel {
    width: 25%;
}
.dnnForm.dnnSiteSettings.dnnClear.ui-tabs.ui-widget.ui-widget-content.ui-corner-all .dnnLabel span {
    font-size: 14px !important;
}
form .dnn_mact li {
    font-family: "IRANSans-Light" !important;
}
.paneOutline {
    border: 1px dashed #ccc;
}
/*------------------------------------------------*/
/* StartArticelEditStyle */
/*------------------------------------------------*/
.DNNModuleContent.ModDNNArticleC .DivGroupEdit {
    padding: 10px;
}
.DNNModuleContent.ModDNNArticleC #divCategory {
    margin-top: 10px;
}
.DivGroupEdit {
    background-color: #fafafa;
}
.dnnModuleSettings table[id*="Table1"] {
    width: 100% !important;
}
.DivGroupEdit table[id*="Table1"] {
    width: 90% !important;
    margin: 5px auto;
}
img[id*="EditDNNArticle_ctlURL_img"] {
    margin-right: 40px;
    border: 1px solid #ccc;
    padding: 5px;
    box-shadow: 0 0 5px #ccc;
    border-radius: 5px;
}
.DivGroupEdit input,
.DivGroupEdit textarea,
.DivGroupEdit select,
.DivGroupEdit #divCategory,
.DNNModuleContent.ModDNNArticleC .urlControl {
    background-color: #fff !important;
    border-radius: 5px !important;
}
.DivGroupEdit input[type="text"],
.DivGroupEdit input[type="email"],
.DivGroupEdit input[type="search"],
.DivGroupEdit input[type="password"] {
    border-radius: 5px !important;
}

.DivGroupEdit .urlControl {
    width: 100%;
    display: inline-block;
    border: 1px solid #ebebeb;
}
.DivGroupEdit .dnnLabel {
    float: left !important;
}
.DivGroupEdit td.SubHead {
    width: 35% !important;
}
input[id*="chkViewRoles"] {
    margin: 0 5px;
}
input[id*="EditDNNArticle_myFiles_txtTitle"] {
    margin-left: 37px;
}
span[id*="EditDNNArticle_myFiles_lbFile"] {
    display: inline-block;
    margin-bottom: 10px;
    text-align: right;
}
.DivGroupEdit input[type="file"] {
    margin-bottom: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
}
table[id*="EditDNNArticle_myFiles_chkViewRoles"] {
    margin-top: 10px;
}
input[id*="EditDNNArticle_tvCategoryn0CheckBox"] {
    margin: 5px;
}
.level1 .static {
    background-color: #85baff;
    border-radius: 5px;
    color: #fff;
    float: left;
    margin: 5px;
    border: 1px solid #2a87ff;
    transition: background-color 1s ease-in;
}
.level1 .static:hover {
    background-color: #2a87ff;
}
.level1.ZLDNN_MenuItem.static {
    color: #fff;
}
a[id*="MyArticleList_rptContent_lkEdit"] {
    display: block;
}
.PagingTable a.CommandButton {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(
        top,
        #ffffff 0%,
        #f3f3f3 50%,
        #ededed 51%,
        #ffffff 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
        to bottom,
        #ffffff 0%,
        #f3f3f3 50%,
        #ededed 51%,
        #ffffff 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    border: 1px solid #ccc !important;
}
.PagingTable a.CommandButton,
.PagingTable .NormalDisabled {
    padding: 5px 20px !important;
    border-radius: 5px !important;
    font-family: "IRANSans-Light" !important;
    font-size: 14px !important;
}
.NormalDisabled {
    background: #96db8c; /* Old browsers */
    background: -moz-linear-gradient(top, #96db8c 0%, #5bbf18 50%, #96db8c 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #96db8c 0%, #5bbf18 50%, #96db8c 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
        to bottom,
        #96db8c 0%,
        #5bbf18 50%,
        #96db8c 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#96db8c', endColorstr='#96db8c',GradientType=0 ); /* IE6-9 */
    display: inline-block;
    border: 1px solid #4dad16 !important;
    color: #fff !important;
}
.PagingTable a.CommandButton:hover {
    background: #f5f5f5;
    color: #007cae !important;
}
.NormalDisabledButton {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(
        top,
        #ffffff 0%,
        #f3f3f3 50%,
        #ededed 51%,
        #ffffff 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
        to bottom,
        #ffffff 0%,
        #f3f3f3 50%,
        #ededed 51%,
        #ffffff 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    border: 1px solid #ebebeb !important;
    color: #ccc !important;
}

img[id*="DNNArticle_List_MyArticleList_rptContent_imgedit"] {
    position: absolute;
    z-index: 1000;
}
/*------------------------------------------------*/
/* ENDArticelEditStyle */
/*------------------------------------------------*/

/*------------------------------------------------*/
/* START Comment Moduls*/
/*------------------------------------------------*/

.CommandButton,
.StandardButton,
.NormalRed {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(
        top,
        #ffffff 0%,
        #f3f3f3 50%,
        #ededed 51%,
        #ffffff 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
        to bottom,
        #ffffff 0%,
        #f3f3f3 50%,
        #ededed 51%,
        #ffffff 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    border: 1px solid #ccc !important;
    border-radius: 5px;
    padding: 10px 20px;
    margin: 5px;
    margin-right: -1px;
    display: inline-block;
    transition: all 0.5s ease-in;
}
.CommandButton:hover,
.StandardButton:hover,
.NormalRed:hover {
    background: #f3f3f3;
    border: 1px solid #ebebeb;
}
a.CommandButton:hover {
    color: #2a87ff !important;
    text-decoration: none !important;
}
img[alt="print"] {
    display: none;
}
a[id*="cmdRating"].CommandButton {
    background: none;
    border: 0 !important;
    display: block;
    width: 70%;
    margin: 0 auto;
    padding: 0;
}
tr[id*="trComment"] .SubHead {
    background-color: #f5f5f5;
    margin-bottom: 30px;
}
tr[id*="trComment"] .SubHead table {
    margin: 50px auto !important;
    width: auto !important;
}
tr[id*="trComment"] .SubHead td[width="99%"] {
    width: 90% !important;
}
.CommentLeftTD {
    width: 10% !important;
    padding-left: 5px;
}
.dnnLeft input {
    margin-top: 5px;
}
.MYDNNUSERIMG {
    text-align: center;
    padding-top: 3px;
}
.MYDNNUSERIMG img {
    border-radius: 5px;
}
table[id*="Table1"] {
    width: 70% !important;
    margin: 5px auto;
}
table[id*="trComment"] {
    width: 70% !important;
    margin: 10px auto;
}
tr[id*="trComment"] input,
tr[id*="trComment"] textarea {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 99%);
    background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 99%);
    background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 );
    border-radius: 5px !important;
    padding: 5px 10px;
    border: 1px solid #ccc;
    margin-bottom: 5px;
}

/*------------------------------------------------*/
/* END Comment Moduls*/
/*------------------------------------------------*/
/*------------------------------------------------*/
/* Start NB_STORE Moduls*/
/*------------------------------------------------*/

/*------------------------------------------------*/
/* END NB_STORE Moduls*/
/*------------------------------------------------*/
#jquery-overlay {
    z-index: 1000 !important;
}
#jquery-lightbox {
    z-index: 1001 !important;
}
#lightbox-container-image-data-box {
    font-size: 14px !important;
    position: absolute !important;
    margin-top: -37px !important;
    right: 0 !important;
    left: 0 !important;
}
#lightbox-secNav-btnClose {
    float: left !important;
    text-align: left !important;
    cursor: pointer !important;
}

.ModNBStoreProductListC .ddlSortCatalogue {
    margin-right: 5px;
}
.ModNBStoreProductListC .ddlPageLength,
.ModNBStoreProductListC .ddlSortCatalogue {
    float: left;
}
/*------------------------------------------------*/
/* Start NB_STORE Moduls*/
/*------------------------------------------------*/

/*------------------------------------------------*/
/* Start ZOne_Edit Moduls*/
/*------------------------------------------------*/
.dnnDragHint {
    outline: 1px dashed #8b3aa6 !important;
}
.dnnTooltip .dnnFormHelpContent,
.dnnHelperTip .dnnFormHelpContent {
    background: rgba(70, 29, 84, 0.75) !important;
}
.dnnTooltip .dnnFormHelpContent span::after,
.dnnHelperTip .dnnFormHelpContent span::after {
    border-top: 7px solid #461d54 !important;
}
/*------------------------------------------------*/
/* END ZOne_Edit Moduls*/
/*------------------------------------------------*/

/*------------------------------------------------*/
/* Start HTML Moduls*/
/*------------------------------------------------*/
.eipbackimg.editMode {
    background: linear-gradient(to bottom, #461d54 0%, #38024a 100%) !important;
}
.reToolbar {
    float: right !important;
}
.reTool span:hover {
    background-color: #461d54 !important;
}
/*------------------------------------------------*/
/* END HTML Moduls*/
/*------------------------------------------------*/

/* new basket styles */
.wbmc-panel {
    --cart-green: #123d36;
    --cart-gold: #bc8a3b;
    --cart-border: #f0f0ee;
    --cart-row-height: 96px;

    position: relative;
    width: 390px;
    max-width: calc(100vw - 24px);
    padding: 0 16px;
    border-radius: 7px;
    background: #fff;
    box-shadow: 0px 0px 10px 0px #0000001f;
    color: var(--cart-green);
    font-family: inherit;
    direction: rtl;
    text-align: right;
}

.wbmc-panel[hidden] {
    display: none;
}

.wbmc-panel::before {
    content: "";
    position: absolute;
    top: -8px;
    left: 50%;
    width: 16px;
    height: 16px;
    border-radius: 2px;
    background: #fff;
    transform: translateX(-50%) rotate(45deg);
}

.wbmc-panel a {
    color: inherit;
    text-decoration: none;
}

.wbmc-panel button {
    font: inherit;
    cursor: pointer;
}

.wbmc-panel .wbmc-header {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 60px;
    border-bottom: 1px solid var(--cart-border);
}

.wbmc-panel .wbmc-cart-link {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 16px;
    font-weight: 700;
}

.wbmc-panel .wbmc-count {
    color: #999;
    font-size: 11px;
    font-weight: 400;
}

.wbmc-panel .wbmc-close {
    position: relative;
    flex-shrink: 0;
    width: 30px;
    height: 30px;
    padding: 0;
    border: 0;
    border-radius: 1px;
    background: #e6d2b2;
    color: #444;
}

.wbmc-panel .wbmc-close::before,
.wbmc-panel .wbmc-close::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 15px;
    height: 1.5px;
    background: currentColor;
}

.wbmc-panel .wbmc-close::before {
    transform: translate(-50%, -50%) rotate(45deg);
}

.wbmc-panel .wbmc-close::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

/* Scroll after five product rows */
.wbmc-panel .wbmc-items {
    max-height: calc(var(--cart-row-height) * 5);
    margin: 0;
    padding: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    list-style: none;
    scrollbar-width: thin;
    scrollbar-color: #d7c09c #f8f6f2;
}

.wbmc-panel .wbmc-items::-webkit-scrollbar {
    width: 5px;
}

.wbmc-panel .wbmc-items::-webkit-scrollbar-track {
    background: #f8f6f2;
}

.wbmc-panel .wbmc-items::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #d7c09c;
}

.wbmc-panel .wbmc-item {
    display: flex;
    align-items: center;
    gap: 12px;
    height: var(--cart-row-height);
    margin: 0;
    padding: 15px 0;
    border-bottom: 1px solid var(--cart-border) !important;
}

.wbmc-panel .wbmc-product-link {
    display: flex;
    flex: 1;
    align-items: center;
    gap: 9px;
    min-width: 0;
}

.wbmc-panel .wbmc-image {
    flex: 0 0 64px;
    width: 64px;
    height: 64px;
    overflow: hidden;
    background: #f7f5f1;
}

.wbmc-panel .wbmc-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wbmc-panel .wbmc-content {
    flex: 1;
    min-width: 0;
}

.wbmc-panel .wbmc-title {
    display: -webkit-box;
    margin: 0 0 7px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: var(--cart-green);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.7;
}

.wbmc-panel .wbmc-item-footer {
    min-width: 0;
}

.wbmc-panel .wbmc-properties {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    color: #656565;
    font-size: 12px;
    line-height: 1.6;
    font-weight: 400;
}

.wbmc-panel .wbmc-property {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.wbmc-panel .wbmc-property:empty {
    display: none;
}

.wbmc-panel .wbmc-remove {
    display: inline-flex;
    flex: 0 0 22px;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 32px;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--cart-gold);
}

.wbmc-panel .wbmc-remove:hover {
    color: #9a6b25;
}

.wbmc-panel .wbmc-remove svg {
    display: block;
    flex-shrink: 0;
}

.wbmc-panel .wbmc-footer {
    padding: 15px 0 21px;
}

.wbmc-panel .wbmc-summary {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.wbmc-panel .wbmc-total {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    margin: 0;
}

.wbmc-panel .wbmc-total-label {
    flex-shrink: 0;
    font-size: 14px;
    font-weight: 700;
}

.wbmc-panel .wbmc-total-value {
    color: #656565;
    font-size: 12px;
    line-height: 1.8;
    font-weight: 400;
}

.wbmc-panel .wbmc-total-number {
    font-variant-numeric: tabular-nums;
}

.wbmc-panel .wbmc-checkout {
    display: inline-flex;
    flex: 0 0 139px;
    align-items: center;
    justify-content: center;
    min-height: 39px;
    padding: 8px 12px;
    border: 1px solid #d5af77;
    border-radius: 8px;
    background: linear-gradient(180deg, #fffdf9 0%, #eee1ca 55%, #d2b383 100%);
    box-shadow: 0 2px 4px rgb(115 82 34 / 18%);
    color: #171710;
    font-size: 13px;
    font-weight: 700;
}

.wbmc-panel .wbmc-checkout:hover {
    filter: brightness(0.97);
}

.wbmc-panel .wbmc-mobile-label,
.wbmc-panel .wbmc-continue {
    display: none;
}

.wbmc-panel :is(a, button):focus-visible {
    outline: 2px solid var(--cart-gold);
    outline-offset: 3px;
}

.wbmc-header span {
    color: #0a2f2a;
}

.wbmc-header .wbmc-count {
    font-size: 12px;
}

/* Mobile bottom sheet */
@media (max-width: 600px) {
    .wbmc-panel {
        position: fixed;
        inset: auto 0 0;
        z-index: 10001;
        display: flex;
        flex-direction: column;
        width: 100%;
        max-width: none;
        max-height: 90vh;
        max-height: 90dvh;
        margin: 0;
        padding: 20px 24px calc(16px + env(safe-area-inset-bottom));
        border-radius: 12px 12px 0 0;
        box-shadow:
            0 -4px 20px rgb(0 0 0 / 12%),
            0 0 0 100vmax rgb(0 0 0 / 50%);
        isolation: isolate;
    }

    .wbmc-panel::before {
        top: 15px;
        left: 50%;
        width: 76px;
        height: 3px;
        border-radius: 10px;
        background: #999;
        transform: translateX(-50%);
    }

    .wbmc-panel .wbmc-header {
        flex-shrink: 0;
        min-height: 70px;
        padding-top: 10px;
    }

    .wbmc-panel .wbmc-close {
        width: 32px;
        height: 32px;
    }

    .wbmc-panel .wbmc-items {
        flex: 0 1 auto;
        min-height: 0;
        max-height: calc(var(--cart-row-height) * 5);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    .wbmc-panel .wbmc-item {
        gap: 10px;
    }

    .wbmc-panel .wbmc-image {
        flex-basis: 68px;
        width: 68px;
        height: 68px;
        border-radius: 2px;
    }

    .wbmc-panel .wbmc-footer {
        flex-shrink: 0;
        padding: 16px 0 0;
    }

    .wbmc-panel .wbmc-summary {
        flex-direction: column;
        align-items: stretch;
        gap: 11px;
    }

    .wbmc-panel .wbmc-total {
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        min-height: 51px;
        margin: 0 0 12px;
        padding: 12px 16px;
        border-radius: 2px;
        background: #f5f1e9;
    }

    .wbmc-panel .wbmc-total-value {
        color: #777;
        font-size: 12px;
    }

    .wbmc-panel .wbmc-checkout,
    .wbmc-panel .wbmc-continue {
        display: flex;
        flex: none;
        align-items: center;
        justify-content: center;
        width: 100%;
        min-height: 46px;
        padding: 10px 16px;
        border: 1px solid #00594d;
        border-radius: 8px;
        box-shadow: none;
        font: inherit;
        font-size: 14px;
        font-weight: 500;
        text-align: center;
        cursor: pointer;
    }

    .wbmc-panel .wbmc-checkout {
        background: #00594d;
        color: #fff;
    }

    .wbmc-panel .wbmc-continue {
        background: #fff;
        color: #00594d;
    }

    .wbmc-panel .wbmc-desktop-label {
        display: none;
    }

    .wbmc-panel .wbmc-mobile-label {
        display: inline;
    }
}

.AjaxMiniCartWrapper .cartInfo.cartInfo {
    right: 0;
    translate: 46.5%;
    top: 45px;
    width: 390px;
}

.cartInfo .cartInfo-wrap.cartInfo-wrap {
    filter: none !important;
}

.cartInfo .cartInfo-wrap.cartInfo-wrap:after {
    display: none;
}

@media (max-width: 992px) {
    .AjaxMiniCartWrapper .cartInfo.cartInfo {
        translate: unset;
    }
}

.cartInfo .wbmc-item.basketListItem .remove:before {
    display: none;
}

.cartInfo .wbmc-item.basketListItem .remove {
    position: static;
}

@media (max-width: 600px) {
    .wbmc-notice {
        /* Set this to your actual mobile bottom navigation height */
        --wbmc-bottom-nav-height: 65px;

        position: fixed;
        right: 0;
        bottom: calc(var(--wbmc-bottom-nav-height) + env(safe-area-inset-bottom));
        left: 0;
        z-index: 10000;

        display: grid;
        grid-template-columns: 40px minmax(0, 1fr) 150px;
        align-items: center;
        gap: 12px;

        min-height: 88px;
        padding: 16px 20px;
        background: #fff;
        box-shadow: 0 -3px 12px rgb(0 0 0 / 10%);

        /* Arrow left, checkout right */
        direction: ltr;
        font-family: inherit;
    }

    .wbmc-notice,
    .wbmc-notice * {
        box-sizing: border-box;
    }

    .wbmc-notice-expand {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        padding: 0;
        border: 0;
        border-radius: 2px;
        background: #e6d2b2;
        color: #444;
        cursor: pointer;
    }

    .wbmc-notice-count {
        direction: rtl;
        color: #123d36;
        font-size: 14px;
        font-weight: 700;
        line-height: 1.7;
        text-align: center;
    }

    .wbmc-notice-checkout {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 42px;
        padding: 8px 12px;
        border: 1px solid #d5af77;
        border-radius: 8px;
        background: linear-gradient(180deg, #fffdf9 0%, #eee1ca 55%, #d2b383 100%);
        box-shadow: 0 2px 4px rgb(115 82 34 / 18%);
        color: #000 !important;
        font-size: 14px;
        font-weight: 700;
        direction: rtl;
        text-decoration: none;
    }

    .wbmc-notice :is(button, a):focus-visible {
        outline: 2px solid #bc8a3b;
        outline-offset: 3px;
    }
    .wbmc-panel .wbmc-header {
        touch-action: none;
        user-select: none;
    }

    .wbmc-panel .wbmc-items {
        overscroll-behavior: contain;
        touch-action: pan-y;
    }

    .wbmc-panel.wbmc-dragging {
        animation: none;
        transition: none;
    }
}

@media (max-width: 360px) {
    .wbmc-notice {
        grid-template-columns: 34px minmax(0, 1fr) 115px;
        gap: 8px;
        padding-inline: 12px;
    }

    .wbmc-notice-expand {
        width: 34px;
        height: 36px;
    }

    .wbmc-notice-count,
    .wbmc-notice-checkout {
        font-size: 12px;
    }
}

@media (max-width: 600px) {
    .wbmc-panel.wbmc-opening {
        animation: wbmc-slide-in 280ms cubic-bezier(0.22, 1, 0.36, 1) both;
    }

    .wbmc-panel.wbmc-closing {
        animation: wbmc-slide-out 220ms ease-in both;
        pointer-events: none;
    }
}

@keyframes wbmc-slide-in {
    from {
        transform: translateY(100%);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes wbmc-slide-out {
    from {
        transform: translateY(0);
        opacity: 1;
    }

    to {
        transform: translateY(100%);
        opacity: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .wbmc-panel.wbmc-opening,
    .wbmc-panel.wbmc-closing {
        animation: none;
    }
}

.wbmc-notice {
    display: none;
}

@media (max-width: 600px) {
    .wbmc-panel {
        display: none;
    }

    .wbmc-panel.is-open {
        display: flex;
    }

    .wbmc-notice.is-visible {
        display: grid;
    }
}

@media (max-width: 600px) {
    .wbmc-panel .wbmc-drag-handle {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        height: 30px;
        z-index: 2;
        touch-action: auto;
    }

    .wbmc-panel .wbmc-header,
    .wbmc-panel .wbmc-items {
        touch-action: auto;
    }

    .wbmc-panel.wbmc-dragging {
        animation: none !important;
        transition: none !important;
        will-change: transform;
        user-select: none;
    }
}

.wbmc-backdrop {
    display: none;
}

.wbmc-panel.wbmc-opening,
.wbmc-panel.wbmc-closing {
    animation: none !important;
}

@media (max-width: 600px) {
    .wbmc-backdrop {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 100;
        background: rgb(0 0 0 / 50%);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition:
            opacity 220ms ease,
            visibility 220ms ease;
    }

    .wbmc-backdrop.is-visible {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    .wbmc-panel {
        display: none;
        z-index: 10001;
        box-shadow: 0 -4px 20px rgb(0 0 0 / 12%);
    }

    .wbmc-panel.is-open {
        display: flex;
    }

    .wbmc-panel .wbmc-drag-handle {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        height: 30px;
        z-index: 2;
        touch-action: auto;
    }

    .wbmc-panel .wbmc-header,
    .wbmc-panel .wbmc-items {
        touch-action: auto;
    }

    .wbmc-panel .wbmc-items {
        overscroll-behavior: contain;
    }

    .wbmc-panel.wbmc-dragging {
        animation: none !important;
        transition: none !important;
        will-change: transform;
        user-select: none;
    }

    .wbmc-panel.wbmc-closing {
        pointer-events: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .wbmc-backdrop {
        transition: none;
    }
}

@media (max-width: 600px) {
    .wbmc-panel {
        position: fixed;
        z-index: 10001;
        isolation: isolate;
        background: #fff;
        box-shadow: 0 -4px 20px rgb(0 0 0 / 12%);
    }
}

section.checkout-cta {
    display: none;
}

@media (max-width: 600px) {
    .wbmc-panel .wbmc-drag-handle,
    .wbmc-panel .wbmc-header {
        touch-action: none !important;
    }

    body:has(#wb_CheckOut__submitBtn) section.checkout-cta {
        display: none;
    }

    section.checkout-cta {
        background: #fff;
        position: fixed;
        bottom: 64px;
        right: 0;
        left: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-inline: 22px;
        padding-block: 20px;
        z-index: 9;
        box-shadow: 0px -4px 8px 0px #0000001f;
    }

    section.checkout-cta a {
        width: 139px;
        height: 38px;
        font-size: 14px;
        color: #fff;
        font-weight: 600;
        box-shadow: 0px 1px 4px 0px #d2b3848c;
        border-radius: 8px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #47b404;
        text-align: center;
    }

    p.checkout-cta-price {
        color: #0a2f2a;
        font-weight: 700;
        font-size: 14px;
    }

    section.checkout-cta span {
        color: #7c7c7c;
        font-weight: 600;
        margin-right: 12px;
    }
}


/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url("/Portals/_default/skins/wb-skin/fonts/fontawesome-webfont.eot?v=4.7.0");src:url("/Portals/_default/skins/wb-skin/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format('embedded-opentype'),url("/Portals/_default/skins/wb-skin/fonts/fontawesome-webfont.woff2?v=4.7.0") format('woff2'),url("/Portals/_default/skins/wb-skin/fonts/fontawesome-webfont.woff?v=4.7.0") format('woff'),url("/Portals/_default/skins/wb-skin/fonts/fontawesome-webfont.ttf?v=4.7.0") format('truetype'),url("/Portals/_default/skins/wb-skin/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}


/*Page.aspx Css*/
/*Start special CSS*/

:root {
    --mc1: #d2b384;
    --mc2: #00584c;
    --mc3: #f9f9f9;
    --tc1: #2f2f2f;
    --tc2: #4e4e4e;
    --tc3: #000;
    --gray: #e6e6e6;
    --transition: 0.5s;
    --border-radius: 4px;
}

* {
    margin: 0;
    padding: 0;
    outline: 0;
    box-sizing: border-box;
}

.WB-breadcrumb ol {
    line-height: 2.2;
    max-width: 100%;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    list-style: none;
    width: 100%;
}

.WB-breadcrumb li {
    list-style: none;
    display: inline-block;
    padding: 5px 0;
}

main:has(#print-receipt-root) {
    background-color: #fff;
}

main:has(.mainSlider) {
    padding-top: 0;
}

body:has(#new_page_header .headerTop__In__left .header__Tools .header__Login .wb-dropdown-menu.active) {
    overflow: hidden;
}

.m-hight-none {
    min-height: 0;
}

.pad-none {
    padding-right: 0;
    padding-left: 0;
}

html {
    font-size: 100%;
    /* 1rem = 16px */
}

body,
span,
option,
html,
button,
input,
select,
textarea,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
button,
article,
li,
div {
    font-family: "YekanBakh";
    color: inherit;
}

a:focus {
    outline: none;
}

a,
a:hover,
a:visited,
a:focus {
    text-decoration: none;
    color: inherit;
}

button {
    outline: none !important;
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
    margin: 0 !important;
}

ul,
ol {
    margin-right: 0 !important;
    margin-left: 0 !important;
    margin-bottom: 0;
}

body {
    padding: 0;
    line-height: 24px;
    overflow-x: clip;
    background: var(--mc3);
}

p {
    margin: 0;
}

li {
    list-style: none;
}

li p {
    line-height: inherit;
}

/*--------------- font size ---------------*/

/* p , a , span , li ,button , input ,label , article , div, input , textarea , .btn{
    line-height: 1.75rem !important;
    font-size: 1rem ;
} */

#wrap {
    position: relative;
    min-height: 100dvh;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

#contentWrapper1 {
    position: relative;
    padding: 0 0;
}

.main-content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

main {
    min-height: calc(100vh - 300px);
    min-height: calc(100dvh - 300px);
    overflow: hidden;
    padding-top: 32px;
}

/*Repier Magement Menu*/

.subNav.advanced dl {
    width: 600px !important;
}

.subNav.advanced {
    width: 695px !important;
}

img {
    border: 0 none;
    height: auto;
}

img,
object,
embed {
    max-width: 100%;
}

.hephaistos .tp-bullet:hover,
.hephaistos .tp-bullet.selected {
    border-color: var(--main-text-color);
}

.wb-carousel {
    background-color: #fff;
    padding: 16px 15px;
    /* display: flex !important; */
    /* justify-content: center; */
    /* align-items: center; */
}

.wb-carousel .slick-track {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.wb-carousel .img-wrap {
    /* display: flex !important; */
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}

.wb-carousel img {
    max-height: 60px;
    width: auto;
    display: block;
    margin: auto;
}

.Normal,
.NormalDisabled,
.NormalDeleted {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    word-wrap: break-word;
}

.dnnModuleManager.dnnSortable {
    min-height: unset !important;
}

.faNum {
    font-family: "IranYekan" !important;
}

/* -------------------------------------------------------------------------- */
/*                                 Components                                 */
/* -------------------------------------------------------------------------- */

/* font size */
.fz-xs,
.WB-breadcrumb {
    font-size: 0.75rem;
    line-height: 1.5rem;
    /* 12px */
}

.fz-sm {
    font-size: 0.875rem;
    line-height: 1.5rem;
    /* 14px */
}

.fz-md,
.PricefilterDiv,
.faq_accordion,
.btnGuide,
.Detail .addToCart,
.btnStyle1,
.btnStyle2,
.headerCategory,
.Main-Menu li a,
.title3,
.title2,
.LiveForm.Default input[type="submit"],
.LiveForm.Default input[type="button"] {
    font-size: 1rem;
    line-height: 1.75rem;
    transition: var(--transition);
}

.fz-lg,
.BlogDetail article h2 {
    font-size: 1.4rem;
    line-height: 2rem;
    /* 18px */
}

.BlogDetail article h3,
.BlogDetail article h4 {
    font-size: 1.2rem;
    line-height: 1.75rem;
}

.fz-xl,
.title1,
.ProName__Title,
.ProductPane .DNNContainer_Title_Section2 .sectionTtl {
    font-size: 1.5rem;
    line-height: normal;
    /* 24px */
}

.fz-xxl {
    font-size: 2rem;
    line-height: normal;
    /* 32px */
}

/* text color */
.tc1 {
    color: var(--tc1);
}

.tc2 {
    color: var(--tc2);
}

.tc3 {
    color: var(--tc3);
}

/* font weight */
.fw-md {
    font-weight: 500;
}

.fw-bl {
    font-weight: 600;
}

/* buttons */
.btnStyle1,
.btnStyle1:visited,
.btnStyle1:focus,
.Detail .addToCart,
#btnSubmitReminder {
    display: inline-block;
    padding: 8px 28px;
    border-radius: var(--border-radius);
    background-color: var(--mc1);
    cursor: pointer;
    color: #fff;
    user-select: none;
    border: 1px solid var(--mc1);
    transition: var(--transition);
}

.btnStyle1,
.btnStyle1:visited,
.btnStyle1:focus {
    color: var(--tc3);
}

.Detail .addToCart {
    padding: 8px 74px 8px 28px;
}

#btnSubmitReminder {
    padding: 0.5rem 2rem;
    font-size: 1rem;
}

.btnStyle1:hover,
#btnSubmitReminder:hover {
    background-color: transparent;
    color: var(--mc1);
}

.btnStyle2,
.btnStyle2:visited,
.btnStyle2:focus {
    display: inline-block;
    padding: 8px 20px;
    border-radius: var(--border-radius);
    background-color: var(--mc1);
    cursor: pointer;
    color: #fff;
    user-select: none;
    border: 1px solid var(--mc1);
    transition: var(--transition);
    background-image: url("/Portals/_default/skins/wb-skin/Images/arrowLeft.svg");
    background-position: left 16px center;
    background-repeat: no-repeat;
    padding-left: 42px;
    transition: var(--transition);
}

.btnStyle2:hover {
    background-position: left 12px center;
}

.btnGuide,
.btnGuide:visited,
.btnGuide:focus {
    text-decoration: underline;
    color: var(--mc2);
    font-weight: bold;
    display: inline-block;
    padding: 6px 0px;
    text-align: center;
}

/* Title */

.DNNContainer_Title_Section1 {
    background: #f8f9fa;
}

.DnnModule-487 .DNNContainer_Title_Section1,
.DnnModule-441 .DNNContainer_Title_Section1,
.DnnModule-489 .DNNContainer_Title_Section1 {
    background: none;
}

.DnnModule-489 .DNNContainer_Title_Section1 {
    padding-top: 0;
}

.DNNContainer_Title_Section2,
.filter-wrap {
    border-radius: var(--border-radius);
    background: #fff;
    padding: 18px 24px;
    margin-bottom: 16px;
}

.DNNContainer_Title_Section2 .sectionTtl {
    color: #000;
}

.DNNContainer_Title_Section2 .sectionTtl .Head {
    font-size: 14px;
    margin-bottom: 6px;
    font-weight: bold;
    display: block;
    padding: 6px 0 !important;
    border-bottom: 1px solid #d6d9dd;
    color: var(--tc1);
}

.DNNContainer_Title_Section1 .sectionTtl,
.title1 {
    border-bottom: 1px solid var(--mc1);
    margin-bottom: 24px !important;
    color: #000;
}

.heading_title_container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 64px;
    gap: 12px;
    margin-bottom: 8px;
}

#dnn_RightThreePane .heading_title_container {
    margin-top: unset !important;
}

#dnn_RightThreePane {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.heading_title_container .sectionTtl {
    border-bottom: unset !important;
    margin-bottom: unset !important;
    font-weight: 500;
}

.title2 {
    color: var(--tc1);
    font-weight: bold;
}

.title3 {
    color: var(--mc2);
    font-weight: bold;
}

/* List Style */

.listStyle li {
    position: relative;
    padding-right: 12px;
    margin-bottom: 4px;
}

.listStyle li::before {
    content: "";
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    background: var(--tc1);
    right: 0;
    top: 10px;
    border-radius: 50%;
}

/* Icon Svg */
.WbIcon {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.WbIcon__Icon {
    width: 24px;
    height: 24px;
    display: inline-block;
    background: var(--mc2);
    mask-position: center;
    -webkit-mask-position: center;
    mask-size: cover;
    -webkit-mask-size: cover;
}

.imgStyle {
    border-radius: var(--border-radius);
    width: 100%;
}

.TableBox {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.TableImg {
    margin: 32px 16px;
    width: auto;
}

.flexBetween {
    display: flex;
    justify-content: space-between;
    margin-bottom: 4px;
}

.OptionPrice {
    display: none;
}

/* -------------------------------------------------------------------------- */
/*                                  PAGINATION                                */
/* -------------------------------------------------------------------------- */
.PagingTable {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 30px 0;
    padding: 15px 5px;
}

.PagingTable a,
.PagingTable em {
    width: 30px !important;
    height: 30px !important;
}

.PagingTable a:not(.PreviousPage, .NextPage) {
    border: 1px solid #bdbdbd;
}

.PagingTable a:is(.PreviousPage, .NextPage) {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border: 1px solid #00000021 !important;
    font-size: 0 !important;
}

.PagingTable a:is(.PreviousPage, .NextPage)::before,
.PagingTable a:is(.PreviousPage, .NextPage)::after {
    font-size: 16px;
}

.PagingTable em {
    background: var(--mc1) !important;
    color: var(--tc3) !important;
    border: 1px solid transparent;
}

.PagingTable a.FirstPage::before,
.PagingTable a.PreviousPage::before,
.PagingTable a.NextPage::after,
.PagingTable a.LastPage::after {
    margin-top: -2px !important;
}

.PagingTable a:not([href]),
.PagingTable a:is(.FirstPage, .LastPage) {
    display: none !important;
}

/* -------------------------------------------------------------------------- */
/*                                  BREADCRUMB                                */
/* -------------------------------------------------------------------------- */

.WB-breadcrumb ol {
    color: var(--tc1) !important;
    font-weight: 600;
}

.WB-breadcrumb li i {
    color: var(--tc1) !important;
    font-size: 12px !important;
}

.WB-breadcrumb {
    margin: 0 0 32px;
    max-width: 100% !important;
    padding: 0 !important;
}

.WB-breadcrumb .lblFinalUrl {
    color: var(--mc2);
}

.WB-breadcrumb li a {
    font-size: inherit !important;
}

/* -------------------------------------------------------------------------- */
/*                                    SLICK                                   */
/* -------------------------------------------------------------------------- */
.slick-arrow {
    width: 40px;
    height: 40px;
    background: unset !important;
    border: none !important;
    font-size: 0 !important;
    transition: var(--transition) !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    position: absolute !important;
    border-radius: 50% !important;
    z-index: 1 !important;
}

.slick-arrow.slick-prev {
    left: auto !important;
    right: -30px !important;
}

.slick-arrow.slick-next {
    left: -30px !important;
    right: auto !important;
}

.slick-slider .slick-arrow::before {
    color: var(--mc1) !important;
    font-size: 24px !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-60%, -55%) !important;
    font-weight: bold !important;
    transition: var(--transition) !important;
}

.slick-slider .slick-arrow:hover:before {
    color: var(--mc2) !important;
}

.slick-arrow.slick-next::before {
    transform: translate(-30%, -55%) !important;
}

.slick-arrow:hover::before {
    color: #636363 !important;
}

.slick-prev:before {
    content: "\f105" !important;
}

.slick-next:before {
    content: "\f104" !important;
}

/* --------------- */

.slide-arrow {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    cursor: pointer;
    z-index: 1;
    background: #f4f4f4;
    border-radius: 50%;
    text-align: center;
}

.slide-arrow.arrow-prev {
    left: 0;
}

.slide-arrow.arrow-prev:before {
    content: "\f104";
    font-family: "fontawesome";
    line-height: 20px;
    font-size: 20px;
}

.slide-arrow.arrow-next {
    right: 0;
}

.slide-arrow.arrow-next:before {
    content: "\f105";
    font-family: "fontawesome";
    line-height: 20px;
    font-size: 20px;
}

.slick-dots {
    /* bottom: -32px !important; */
}

.slick-dots li {
    width: auto !important;
    height: auto !important;
}

.slick-dots li button {
    background: #c4c4c4 !important;
    /* border-radius: 50% !important; */
    width: 24px !important;
    height: 3px !important;
    transition: var(--transition);
    padding: 0 !important;
}

.slick-dots li.slick-active button {
    background: var(--mc1) !important;
    width: 40px !important;
    /* border-radius: 30px !important; */
}

.slick-dots li button::before {
    display: none;
}

.slick-dotted.slick-slider {
    margin-bottom: 0 !important;
}

@media (max-width: 991px) {
    .slick-arrow {
        width: 32px;
        height: 32px;
        background: unset !important;
        border: 1px solid #aaaaaa !important;
        font-size: 0 !important;
        transition: var(--transition) !important;
        top: 90% !important;
        transform: translateY(-50%) !important;
        position: absolute !important;
        border-radius: 50% !important;
        z-index: 1 !important;
        background: white !important;
    }

    .wb-slides-parent .slick-arrow  {
        top: 50% !important; 
    }

    .slick-arrow.slick-prev {
        left: auto !important;
        right: 10px !important;
    }

    #dnn_ctr441_ProductList_dlProductList .slick-arrow.slick-next,
    #dnn_ctr487_ProductList_dlProductList .slick-arrow.slick-next {
        left: -25px !important;
        right: auto !important;
    }

    #dnn_ctr441_ProductList_dlProductList .slick-arrow.slick-prev,
    #dnn_ctr487_ProductList_dlProductList .slick-arrow.slick-prev {
        left: auto !important;
        right: -23px !important;
    }

    .slick-arrow.slick-next {
        left: 10px !important;
        right: auto !important;
    }

    .slick-slider .slick-arrow::before {
        color: #aaaaaa !important;
        font-size: 24px !important;
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-30%, -55%) !important;
        font-weight: bold !important;
        transition: var(--transition) !important;
    }

    .slick-slider .slick-arrow:hover:before {
        color: var(--mc2) !important;
    }

    .slick-arrow.slick-next::before {
        transform: translate(-60%, -50%) !important;
    }

    .heading_title_container {
        margin-top: 48px;
        gap: unset;
        margin-bottom: unset;
    }
}

/* -------------------------------------------------------------------------- */
/*                                 little  slick                              */
/* -------------------------------------------------------------------------- */

#slider560_container {
    margin: 38px 0 48px;
}

@media (min-width: 1200px) {
    .whyus_container .wb-slides-parent {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 48px;
    }

    .whyus_container .wb-slides .item {
        width: 100%;
    }
}

.whyus_container .wb-slides .item {
    display: flex !important;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border: 2px solid #ede6dc;
    height: unset !important;
    padding: 24px 0 !important;
    gap: 12px;
    border-radius: 10px;
}

.whyus_container .wb-slides .item img {
    width: 55px;
}

.whyus_container .wb-slides .item .Description {
    position: unset !important;
    width: unset !important;
    padding: unset !important;
    color: #2c2c2c !important;
    font-size: 16px !important;
    text-shadow: unset !important;
}

.whyus_container .wb-slides .item .Description h1 {
    font-size: 16px !important;
    margin: unset !important;
    word-spacing: 2px;
    font-weight: 500;
}

.whyus_container .wb-slides .slick-dots {
    bottom: 0px !important;
}

.DnnModule-DNNGoDNNGalleryPro .wb-slides .slick-track {
    display: flex;
    gap: 8px;
}

.category_names_container .SCat-Nav .slick-track {
    display: flex;
    gap: 8px;
}

#dnn_ContentPaneCateGroup .heading_wrapper {
    padding: 0 !important;
}

.category_names_container .SCat-Nav .slick-arrow {
    width: 32px;
    height: 32px;
    border: 1px solid #aaaaaa !important;
    top: 122% !important;
    background-color: unset !important;
}

.category_names_container .SCat-Nav .slick-arrow::before {
    color: #aaaaaa !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-30%, -50%) !important;
}

.category_names_container .SCat-Nav .slick-arrow.slick-next::before {
    transform: translate(-60%, -50%) !important;
}

.category_names_container .SCat-Nav li {
    margin: 0 2px !important;
}

.category_names_container .SCat-Nav li button,
#dnn_ctr560_ModuleContent .slick-dots button {
    width: 24px !important;
    height: 3px !important;
    border-radius: unset !important;
}

.category_names_container .SCat-Nav .slick-active button,
#dnn_ctr560_ModuleContent .slick-dots .slick-active button {
    width: 40px !important;
}

.category_names_container .slick-list {
    margin-bottom: 80px !important;
}

.category_names_container .slick-dotted.slick-slider {
    margin-bottom: 30px !important;
}

.category_names_container .slick-dots {
    bottom: -50px !important;
}

.category_names_container .SCat-Main {
    grid-template-columns: repeat(5, 1fr);
}

@media (min-width: 991px) {
    .category_names_container .SCat-Main > li:last-child {
        display: none;
    }

    .category_names_container #pnlResult {
        margin-bottom: 48px;
    }

    .category_names_container .SCat-Main {
        display: grid;
        gap: 16px;
    }

    .category_names_container .SCat-Nav li {
        height: auto;
        transition:
            transform 0.3s ease,
            box-shadow 0.3s ease;
    }

    .category_names_container .SCat-Nav li:hover {
        transform: scale(1.05);
        z-index: 2;
    }
}

/* -------------------------------------------------------------------------- */
/*                                 Userdash                                   */
/* -------------------------------------------------------------------------- */

.ModDDRMenuC .nav.nav-pills {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0;
    list-style: none;
    flex-direction: column;
    border: 1px solid #dfdfdf;
    padding: 0px;
    background-color: #f3f3f3;
}

.userProfileBox {
    border-radius: 7px !important;
    padding: 15px !important;
    box-shadow: 0 1px 6px 0 rgb(0 0 0 / 10%) !important;
    background: #fbfbfb !important;
}

#btnUpdateUser,
.ModWBUserOrderC .user-order .firstNav input[type="button"] {
    border-radius: 7px !important;
    background: var(--mc1) !important;
    border: 1px solid var(--mc1) !important;
    font-family: inherit !important;
    transition: var(--transition) !important;
    float: left;
    font-size: 1rem;
}

#btnUpdateUser:focus,
#btnUpdateUser:hover,
.ModWBUserOrderC .user-order .firstNav input[type="button"]:focus,
.ModWBUserOrderC .user-order .firstNav input[type="button"]:hover {
    background: transparent !important;
    color: var(--mc1) !important;
    box-shadow: unset !important;
}

.ModDDRMenuC .nav-pills {
    border-radius: 7px;
    overflow: hidden;
    box-shadow: 0 1px 6px 0 rgb(0 0 0 / 10%);
}

.ModDDRMenuC .nav-pills > li {
    width: 100%;
    margin: 0 !important;
    padding: 10px;
    font-size: 0.875rem;
    border-bottom: 1px dashed#821c6b14;
}

.ModDDRMenuC .nav-pills > li.active,
.ModDDRMenuC .nav-pills > li.active > a:focus,
.ModDDRMenuC .nav-pills > li.active > a:hover {
    background: var(--mc1);
}

.ModDDRMenuC .nav-pills > li.active a {
    background-color: transparent;
    color: white;
}

table#orderList thead {
    background: var(--mc1) !important;
    color: #fff;
}

table.dataTable thead th::before,
table.dataTable thead td::before,
table.dataTable thead th::after,
table.dataTable thead td::after {
    content: none !important;
}

.ModWBUserChangePasswordC .user-password .btnBox button,
.ModWBUserChangePasswordC .user-password .btnBox button:hover {
    font-size: inherit;
    background-color: var(--mc1);
    border-color: var(--mc1);
    box-shadow: none;
    font-family: inherit;
}

.user-order .tableBox {
    margin-top: 15px;
}

.user-order .modal-header .close {
    margin: -1rem auto -1rem -1rem;
}

.user-order .modal-header .close span {
    font-size: 24px;
}

.DnnModule-DDRMenu,
.userProfileBox,
.DnnModule-WB_User_Order,
.DnnModule-WB_User_ChangePassword {
    margin-top: 48px;
}

/* -------------------------------------------------------------------------- */
/*                                 LIVE FORM                                  */
/* -------------------------------------------------------------------------- */

/* General Style */

.LiveForm.Default {
    margin-bottom: 0;
}

.LiveForm.Default ul.page-break-section,
.LiveForm.Default .thank-you {
    background-color: transparent !important;
    border: none !important;
    border-radius: unset !important;
    padding: 0 !important;
    box-shadow: unset !important;
    font-size: 14px;
    margin-top: 0;
}

.LiveForm.Default .Field.mobile-under label[class*="Field-Label-"] {
    display: none !important;
}

.LiveForm.Default ul.page-break-section .Field {
    padding: 0 0 16px !important;
}

.LiveForm.Default ul.page-break-section .Field:last-child {
    padding: 0 !important;
}

.LiveForm .Field textarea {
    height: calc(5 * 1.5rem) !important;
    max-height: calc(5 * 1.5rem) !important;
    min-height: calc(5 * 1.5rem) !important;
}

.LiveForm.Default .Submit-Align-Right {
    text-align: left !important;
}

.LiveForm.Default input[type="submit"],
.LiveForm.Default input[type="button"] {
    padding: 8px 28px !important;
    border-radius: var(--border-radius) !important;
    background: var(--mc1) !important;
    color: #fff !important;
    min-width: unset !important;
    display: inline-block !important;
    font-size: inherit !important;
    height: auto;
    min-height: auto;
    max-height: auto;
    text-transform: capitalize;
    font-weight: inherit;
}

.LiveForm.Default input[type="submit"]:hover,
.LiveForm.Default input[type="button"]:hover {
    box-shadow:
        0 0 0 2px white,
        0 0 0 3px var(--mc1) !important;
}

.LiveForm.Default .Field.Required input,
.LiveForm.Default .Field.Required textarea {
    border: 1px solid var(--gray) !important;
    border-radius: var(--border-radius) !important;
    font-size: inherit !important;
    padding: 12px !important;
    max-height: unset !important;
    height: 48px !important;
    transition: var(--transition);
    font-family: inherit !important;
}

.LiveForm.Default .Field.Required input:focus,
.LiveForm.Default .Field.Required textarea:focus {
    border: 1px solid var(--mc1) !important;
}

.LiveForm.Default .Field input[type="text"]::placeholder,
.LiveForm.Default .Field textarea::placeholder {
    color: #c2c2c2;
    text-transform: capitalize;
}

/* Order Form */

.orderForm .LiveForm.Default ul.page-break-section,
.orderForm .LiveForm.Default .thank-you {
    max-width: 600px !important;
    border: 1px solid var(--gray) !important;
    border-radius: var(--border-radius) !important;
    background-color: #fff !important;
    margin: 32px auto !important;
    padding: 16px 24px 24px !important;
}

.orderForm .LiveForm.Default .Field.mobile-under label[class*="Field-Label-"] {
    display: block !important;
}

.orderForm .LiveForm.Default .Field.Heading .Header {
    border-bottom: 1px solid var(--mc1) !important;
    margin-bottom: 16px !important;
    padding-bottom: 12px !important;
}

.orderForm .plupload_container {
    border: unset !important;
}

.orderForm .LiveForm.Default .Field.Required .plupload_filelist_footer {
    border: 1px solid var(--gray) !important;
    border-radius: var(--border-radius) !important;
    font-size: inherit !important;
    padding: 12px !important;
    max-height: unset !important;
    transition: var(--transition);
    font-family: inherit !important;
}

.orderForm .LiveForm.Default .plupload_filelist_header {
    border-radius: 4px 4px 0 0;
}

.orderForm .LiveForm.Default .plupload_container .plupload_filelist {
    border-radius: 0 0 4px 4px;
}

.orderForm .LiveForm .plupload_container {
    direction: ltr;
    text-align: left;
    border: unset;
}

.orderForm .plupload_container .plupload_filelist {
    overflow-y: auto !important;
    margin-bottom: 12px !important;
}

.orderForm .plupload_filelist_header {
    width: 100% !important;
}

.orderForm .plupload_filelist li {
    background: unset !important;
}

.orderForm .plupload_file_icon {
    display: none;
}

/* ....... */

/* Upload Style */

/* .LiveForm .plupload_filelist_header, .LiveForm .plupload_filelist {
    display: none !important;
}

.LiveForm .plupload_filelist_header, .LiveForm .plupload_filelist_footer, .LiveForm .plupload_container {
    background: transparent !important;
    padding: 0 !important;
    border: none !important;
}

.LiveForm.Default .Fileupload>label {
    display: none !important;
}

.LiveForm.Default .plupload_buttons {
    position: relative !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

.LiveForm.Default .plupload_buttons__Text {
    display: flex;
    align-items: center;
    width: 100%;
    height: 48px;
    border: 1px solid #BDBDBD;
    border-left: none;
    border-radius: 0 10px 10px 0;
    font-size: .875rem !important;
    color: var(--tc1);
    padding: 12px;
    max-width: calc(100% - 120px);
    overflow: auto;
}

.LiveForm.Default .plupload_button {
    position: relative !important;
    display: inline-block !important;
    padding-right: 16px !important;
    padding-left: 40px !important;
    border-radius: 10px 0 0 10px !important;
    margin-right: 0 !important;
    white-space: nowrap;
    min-width: 120px !important;
}

.LiveForm.Default .plupload_button::before {
    content: '\f093 ';
    font-family: 'FontAwesome';
    display: block;
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    font-size: .875rem;
}

.LiveForm.Default .plupload_button__Upload::before {
    content: '\f110 ';
    animation: 1s rotateAnime infinite ease-in-out;
}

.LiveForm.Default .plupload_button__Failed::before {
    content: '\f071 ';

}

.LiveForm.Default .plupload_button__Done::before {
    content: '\f00c ';

}


@keyframes rotateAnime {
    to {
        transform: translateY(-50%) rotate(360deg);
    }
} */

/* -------------------------------------------------------------------------- */
/*                                 MOBILE FIX MENU                            */
/* -------------------------------------------------------------------------- */
.bottomNav {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    justify-content: space-around;
    background: #fff;
    padding: 8px 0;
    align-items: flex-end;
    transition-property: z-index;
    transition-delay: 0.5s;
    background-color: var(--mc2);
    color: #ffffff;
    /* border-top: 1px solid var(--mc1); */
    box-shadow: 4px 0px 4px 0px #00000038;
}

.bottomNav > div {
    flex: 0 0 20%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bottomNav > div img.icon {
    display: block;
    color: #fff;
    margin: 0 auto;
    height: 24px;
}

.bottomNav a.bottomNavOpener,
.bottomNav .icon-cart::before {
    text-align: center;
}

.sideUp {
    position: fixed;
    left: 0;
    top: 0;
    padding: 60px 15px 0;
    height: 100vh;
    width: 100vw;
    background: #f7f7f7;
    background-position: center bottom;
    background-size: cover;
    z-index: 999;
    display: flex;
    transform: translateX(100%);
    transition: all 0.2s;
    flex-direction: column;
    justify-content: flex-start;
    overflow-y: auto;
}

.sideUp.active {
    transform: translateX(0);
    transition: all 0.2s;
    opacity: 1;
}

.sideUp .closeBtn {
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
    z-index: 999;
    width: 16px;
    height: auto;
}

.closeTimes {
    font-style: normal;
    font-weight: 100;
    font-family: monospace;
}

.appendCatsMobile .SCat-Main > li.SCat-have-sub-menu i.fa-angle-down,
.appendCatsMobile .SCat-Main > li.SCat-have-sub-menu i.fa-angle-up {
    height: 25px;
    top: 12px !important;
}

.appendCatsMobile .SCat-Main > li.SCat-have-sub-menu i.fa-angle-down::before,
.appendCatsMobile .SCat-Main > li.SCat-have-sub-menu i.fa-angle-up::before {
    font-size: 20px;
}

.appendCatsMobile .SCat-Main li > a {
    font-size: 16px;
    padding: 12px !important;
    margin-bottom: 0 !important;
}

.appendCatsMobile ul.SCat-Main {
    background: #ffffff85;
    padding: 8px;
    color: #000;
}

.appendCatsMobile .SCat-Main > li {
    border-bottom: 1px dashed var(--mc1);
}

/* -------------------------------------------------------------------------- */
/*                             Product Category                               */
/* -------------------------------------------------------------------------- */

.categoryStyle .SCat-Main li {
    padding: 0;
    position: relative;
}

.categoryStyle .SCat-Main li > a {
    display: inline-flex;
    align-items: center;
    /* margin-bottom: 8px; */
    padding: 4px 8px;
    width: 80%;
    margin: 0.25rem 0;
}

.categoryStyle .SCat-Main li.SCat-Active > a,
.categoryStyle .SCat-Main li.SCat-Active > i {
    color: var(--tc3);
}

.categoryStyle .SCat-Main a > i {
    margin-left: 4px;
    margin-bottom: 2px;
    transition: var(--transition);
    display: none;
}

.categoryStyle .SCat-Main li > a:hover i {
    margin-left: 8px;
}

.categoryStyle .SCat-sub-menu {
    width: 100%;
}

.categoryStyle .SCat-Main > li.SCat-have-sub-menu i.fa-angle-down,
.categoryStyle .SCat-Main > li.SCat-have-sub-menu i.fa-angle-up {
    width: 20%;
    position: absolute;
    left: 8px;
    text-align: left;
    top: 12px;
}

.categoryStyle .SCat-Main > li.SCat-have-sub-menu ul.SCat-sub-menu a i {
    display: none;
}

.categoryStyle .SCat-Main > li.SCat-have-sub-menu ul.SCat-sub-menu a {
    padding-right: 12px;
    vertical-align: sub;
}

.categoryStyle .SCat-Main > li.SCat-have-sub-menu > ul {
    display: none !important;
}

.categoryStyle .SCat-Main > li.SCat-have-sub-menu > ul.open-sub {
    display: block !important;
    background-color: white;
}

.categoryStyle .SCat-Main li.SCat-Active {
    background-color: var(--mc1);
}

/* .categoryStyle .SCat-Main>li.SCat-have-sub-menu a:before {
    content: "\f107";
    font-family: 'FontAwesome';
    left: 0;
    position: absolute;
    top: 0px;
    width: 20%;
    text-align: left;
} */

/* .categoryStyle li:not(.SCat-Active, .SCat-ActiveParent),
.categoryStyle .SCat-Active>a,
.categoryStyle .SCat-ActiveParent>a {
    display: none !important;
} */

.categoryStyle .SCat-Active > .SCat-sub-menu > li,
.categoryStyle .lastCategory li,
.categoryStyle .SCat-Main > li {
    display: block !important;
    /* padding: 0.25rem 0; */
}

/* -------------------------------------------------------------------------- */
/*                                     HOME                                   */
/* -------------------------------------------------------------------------- */

/* Home Slider */

.wb-slides-parent .Description {
    position: absolute;
    top: 80px;
    right: 0;
    width: 100%;
    padding: 0 80px;
    text-align: right;
    color: var(--mc2);

    /* color: #fff;
    text-shadow: 3px 0 5px #877355; */
}

/* color: #fff; */
/* text-shadow: 3px 0 5px #877355; */

.mainSlider__Description,
.mainSlider__Description a,
.wb-slides-parent .Description h1,
.wb-slides-parent .Description h2 {
    font-family: "abar" !important;
}

.wb-slides-parent .Description a {
    display: flex;
    width: 115px;
    height: 42px;
    border-radius: 8px;
    padding: 10px 36px 10px 22px;
    background: #d2b384;
    border: 1px solid #d2b384;
    font-size: 14px;
    font-weight: 500;
    color: #1c1c1c !important;
    transition: all 0.3s ease;
    margin-top: 16px;
    box-shadow: 0 1px 4px 0 #D2B3848C;
    position: relative;
    width: fit-content;
    border-radius: 8px;
    box-shadow: 0 1px 4px 0 #d2b3848c;
    padding: 0;
    color: black !important;
    border-radius: 8px;
    font-size: 14px !important;
    font-weight: 600;
    background: linear-gradient( 180deg,rgba(255,255,255,1) 0%,rgba(210,179,132,1) 100% );
    position: relative;
    height: 32px;
    width: 100px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 4px;
}

.wb-slides-parent .Description a::before {
    content: '';
    display: none;
    background: url("/portals/0/images/new_arrow.svg");
    width: 24px;
    height: 24px;
    position: absolute;
    right: 10px;
    background-position: center;
    background-repeat: no-repeat;
    top: 8px;
}

.wb-slides-parent .Description a:hover {
    background: linear-gradient(
        0deg,
        rgba(255, 255, 255, 1) 0%,
        rgba(210, 179, 132, 1) 100%
      );
}

.wb-slides .slick-dots {
    bottom: 12px !important;
}

.wb-slides .slick-dots li button {
    background: #fff !important;
}

.wb-slides .slick-dots li.slick-active button {
    background-color: var(--mc1) !important;
}

.wb-slides .item {
    height: 750px !important;
    border-radius: var(--border-radius);
    overflow: hidden;
}

#slider428_container .item .itemBack {
    background-position: right;
}

.homeEffect {
    background: url("/Portals/_default/skins/wb-skin/Images/sp2.jpg") no-repeat center;
    background-size: cover;
    border-radius: var(--border-radius);
    padding: 16px 28px;
    min-height: 210px;
    margin-bottom: 16px;
}

/* Services */

#dnn_LeftEightPane {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.Services__Card {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-weight: bold;
}

.Services__Card img {
    margin-left: 8px;
}

.CallToAction {
    background: url("/Portals/_default/skins/wb-skin/Images/back1.jpg") no-repeat center;
    background-size: cover;
    padding: 24px 0;
    /* margin-top: 32px; */
}

.wbSlides__Item__Video {
    border-radius: 0.5rem;
}

.wbSlides__Item__Video video {
    border-radius: 0.25rem;
}

@media (min-width: 992px) {
    .wbSlides__Item .video_describtion {
        display: none !important;
    }
}

.wbSlides__Item .video_describtion {
    position: absolute;
    bottom: 32px;
    left: 50%;
    translate: -50%;
    width: calc(100% - 64px);
    background: #00584c;
    height: 126px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.wbSlides__Item .video_title {
    font-size: 16px;
    color: white;
    width: 100%;
    text-align: center;
    white-space: nowrap;
}

.wbSlides__Item .video_button {
    width: 151px;
    height: 42px;
    color: #1c1c1c;
    background: #d2b384;
    border: 1px solid #d2b384;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
}

.wbSlides__Item .video_button:hover {
    background: white;
    color: #d2b384;
}

.CallToAction__In {
    border-radius: var(--border-radius);
    border: 1px solid var(--mc1);
    padding: 24px;
}

.CallToAction2 {
    background: var(--mc2) url("/Portals/_default/skins/wb-skin/Images/AbstractPattern.png") center;
    padding: 24px 0;
    color: #fff;
    margin-top: 32px;
}

.CallToAction2__Text {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
}

.CallToAction2__Effect {
    position: absolute;
    opacity: 0.5;
    max-width: 80px;
}

.CallToAction2__Effect:nth-of-type(1) {
    top: 2%;
    right: 15%;
}

.CallToAction2__Effect:nth-of-type(2) {
    top: 2%;
    right: 60%;
}

.CallToAction2__Effect:nth-of-type(3) {
    bottom: 2%;
    left: 27%;
}

.CallToAction2__Effect:nth-of-type(4) {
    bottom: 3%;
    right: 11%;
}

.CallToAction2__Effect:nth-of-type(5) {
    top: 46%;
    left: 5%;
}

@media (min-width: 992px) {
    .wbSlides__Item__Video video {
        border-radius: 0.25rem;
        height: 855px;
        width: 100%;
        object-fit: cover;
    }
}

@media (max-width: 991px) {
    .CallToAction2__Text {
        justify-content: center;
        align-items: center;
    }
}

/* -------------------------------------------------------------------------- */
/*                                  CONTACT US                                */
/* -------------------------------------------------------------------------- */

.tabid-36 .ContactUs {
    background: #fff;
    padding: 32px 0;
    margin-top: 32px;
}

.mapBox {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

.mapBox iframe {
    width: 100%;
    height: 446px;
    opacity: 0.5;
    filter: grayscale(1);
    transition: var(--transition);
}

.mapBox iframe:hover {
    opacity: 1;
    filter: grayscale(0);
}

.ContactList li,
.ContactList p {
    display: flex;
    align-items: flex-start;
}

.ContactList li img {
    margin-top: 4px;
    margin-left: 6px;
    width: 16px;
}

/* -------------------------------------------------------------------------- */
/*                                Size Guide                                  */
/* -------------------------------------------------------------------------- */

.livetabsdefault .ui-tabs {
    padding: 0;
    border: unset;
    background: transparent;
}

.livetabsdefault .ui-tabs .ui-tabs-nav {
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    border: 1px solid var(--gray);
    border-radius: var(--border-radius);
    padding: 0;
}

.livetabsdefault .ui-tabs .ui-tabs-nav li {
    border: unset !important;
    background: transparent;
    text-align: center;
    float: unset;
    display: inline-flex;
    justify-content: center;
    margin: 16px !important;
}

.livetabsdefault .ui-tabs .ui-tabs-nav li a {
    display: inline-flex;
    align-items: center;
    padding-right: 62px !important;
    background-image: url("/Portals/_default/skins/wb-skin/Images/gi1.svg");
    background-repeat: no-repeat;
    background-position: right center;
    height: 50px;
    cursor: pointer;
    font-weight: bold;
    font-size: 14px;
}

.livetabsdefault .ui-tabs .ui-tabs-nav li:nth-child(2) a,
.livetabsdefault .ui-tabs .ui-tabs-nav li:nth-child(4) a {
    background-image: url("/Portals/_default/skins/wb-skin/Images/gi2.svg");
}

.livetabsdefault .ui-tabs .ui-tabs-nav li:nth-child(3) a {
    background-image: url("/Portals/_default/skins/wb-skin/Images/gi3.svg");
}

.livetabsdefault .ui-tabs .ui-tabs-nav li.ui-tabs-active,
.livetabsdefault .ui-tabs .ui-tabs-nav li:hover {
    filter: invert(26%) sepia(14%) saturate(3653%) hue-rotate(130deg) brightness(95%) contrast(102%);
    padding: 0 !important;
}

.livetabsdefault .ui-tabs .ui-tabs-panel {
    border: 1px solid var(--gray) !important;
    border-radius: var(--border-radius);
    background: #fff !important;
    margin-top: 16px;
}

/* -------------------------------------------------------------------------- */
/*                                    FAQ                                     */
/* -------------------------------------------------------------------------- */

.faq_accordion_group a {
    display: none;
}

.faq_accordion .fa-question {
    display: none;
}

.faq_accordion-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.faq_accordion-item {
    padding: 0 0 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid var(--mc1);
}

.faq_accordion-content {
    margin-top: 8px;
}

.faq_accordion .fa-chevron-down:before {
    content: "";
    width: 18px;
    height: 18px;
    display: inline-block;
    background: url("/Portals/_default/skins/wb-skin/Images/plus.svg") no-repeat;
    transition: var(--transition);
}

.faq_accordion-header.active .fa-chevron-down:before {
    transform: rotate(45deg);
    transform-origin: center;
}

/* -------------------------------------------------------------------------- */

/*                                  whatsapp                                  */

/* -------------------------------------------------------------------------- */
/* .suggestPopUp {
    position: fixed;
    bottom: 10px;
    left: 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 999;
    text-align: center;
    font-family: inherit;
}

.suggestPopUp .desktop {
    background: #fff;
    width: 340px;
    height: 240px;
    box-shadow: 0px 0px 50px 0px rgb(0 0 0 / 20%);
    padding: 16px;
    border: 1px solid #D3D3D3;
    border-radius: 10px;
    text-align: center;
}

.closeDesktop {
    left: 10px;
    width: 60px;
    height: 60px;
    right: auto;
    font-size: 36px;
    background: #31BF53;
    color: #fff;
    border-radius: 50%;
    position: fixed;
    bottom: 10px;
    box-shadow: 0px 0px 50px 0px rgb(0 0 0 / 20%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 16px;
    z-index: 999;
    border: 1px solid #D3D3D3;
    text-align: center;
}

.closeDesktop a {
    color: white;
}

.closeDesktop .fa-whatsapp {
    font-size: 36px !important;
}


.suggestPopUp h3 {
    border-bottom: 1px dotted #C4C4C4;
    width: 100%;
    text-align: center;
    padding-bottom: 5px;
    margin-bottom: 8px !important;
    font-family: inherit;
    font-size: 1.3rem;
}
.suggestPopUp h3 i{color: #31bf53;margin-left: 5px;}
.suggestPopUp p{font-size: 14px;}
.suggestPopUp img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin-top: -60px;
    border: 1px solid #31bf53;
    box-shadow: 0 4px 4px 0 rgb(0 0 0 / 25%);
    margin-bottom: 12px;
}

a.closePopUp {
    position: absolute;
    top: 0;
    right: 0;
    border: 1px solid;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    transition: all .3s;
    transform: translate(50%, -50%);
    color: #fff !important;
    background: #434343;
    cursor: pointer;
}

a.closePopUp:hover {
    background: red;
    color: #fff;
    transition: all .3s;
}

.btn-advice {
    border: 1px solid #2ca84a;
    border-radius: 50px;
    width: 70%;
    padding: 5px;
    color: #fff !important;
    transition: all .3s;
    background: #31bf53;
    display: inline-block;
    margin: 10px auto;
}

.btn-advice:hover {
    background: transparent;
    color: #31bf53 !important;
    transition: all .3s;
}
.mobile .fa-whatsapp {
    color: #fff !important;
    font-size: 36px;
} */

/* SOCIAL */

.social-nav {
    position: fixed !important;
    transition-delay: 3.2s;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
    top: 70%;
    right: 0;
    z-index: 999;
}

.social-nav .social-btn {
    position: relative;
    display: inline-block;
    -webkit-transition: transform 0.4s ease;
    -moz-transition: transform 0.4s ease;
    -ms-transition: transform 0.4s ease;
    -o-transition: transform 0.4s ease;
    transition: transform 0.4s ease;

    border-radius: 5px 0px 0px 5px;
}

.social-nav ul {
    position: absolute;
    right: 0;
    transform: translateX(100%);
    top: 50%;
    width: 65px;
    margin-top: -200px;
    text-align: center;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    background-color: #ffffff;
    -webkit-border-radius: 18px 0 0 18px;
    -moz-border-radius: 18px 0 0 18px;
    -ms-border-radius: 18px 0 0 18px;
    border-radius: 18px 0 0 18px;
    padding: 16px 20%;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 10%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.social-nav ul li {
    display: inline-block;
}

.social-nav .social-btn span:nth-child(1) {
    display: block;
    width: 60px;
    height: 40px;
}

/* .social-nav .social-btn span:nth-child(2) {
    position: absolute;
    top: 100%;
    margin-top: 8px;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 1px;
    color: var(--mc1);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    width: 100%;
    text-align: center;
} */

.social-nav ul li a {
    display: inline-block;
    height: 28px;
    width: 28px;
    position: relative;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
}

.social-nav ul li:not(:last-child) a {
    margin-bottom: 8px;
}

.social-nav ul li a::before,
.social-nav ul li a::after {
    content: "";
    display: inline-block;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-position: center;
    -webkit-mask-position: center;
    position: absolute;
    transition: var(--transition);
    top: 0;
    left: 0;
}

.social-nav ul li a::before {
    opacity: 0;
}

.social-nav ul li a::after {
    background-color: var(--mc1);
    z-index: 2;
    opacity: 1;
}

.social-nav ul li a:hover::before {
    opacity: 1;
}

.social-nav ul li a:hover::after {
    opacity: 0;
}

/* .social-nav ul li:nth-child(1) a {
    fill: var(--mc1);
    transition: 1s;
} */

.social-nav:hover ul {
    /* left: 0;
    border: 1px solid var(--main-bg-btn); */
    transform: translateX(0);
}

.social-nav:hover .social-btn {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}

/* .social-nav ul li a.sm svg {
    height: 17px;
    display: inline-block;
} */
/* 
.social-nav ul li:nth-child(4) svg path:nth-child(2){
    fill: #fff !important;
} 
.social-nav ul li:nth-child(1):hover svg path{
    fill: #00584C;
}
.social-nav ul li:nth-child(2):hover svg path{
    fill: #00A8F0;
}
.social-nav ul li:nth-child(6):hover svg path{
    fill: #0E54A3;
} 
 .social-nav ul li:nth-child(3):hover svg path{
    fill: linear-gradient(0deg, #E09B3D 0.29%, #C74C4D 29.97%, #C21975 59.65%, #7024C4 99.22%);
} */

.social-nav .social_phone::before {
    background-image: url("/Portals/0/Images/social-phone.svg");
}

.social-nav .social_phone::after {
    mask-image: url("/Portals/0/Images/social-phone.svg");
    -webkit-mask-image: url("/Portals/0/Images/social-phone.svg");
}

.social-nav .social_telegram::before {
    background-image: url("/Portals/0/Images/social-telegram.svg");
}

.social-nav .social_telegram::after {
    mask-image: url("/Portals/0/Images/social-telegram.svg");
    -webkit-mask-image: url("/Portals/0/Images/social-telegram.svg");
}

.social-nav .social_whatsapp::before {
    background-image: url("/Portals/0/Images/social-whatsapp.svg");
}

.social-nav .social_whatsapp::after {
    mask-image: url("/Portals/0/Images/social-whatsapp.svg");
    -webkit-mask-image: url("/Portals/0/Images/social-whatsapp.svg");
}

.social-nav .social_instagram::before {
    background-image: url("/Portals/0/Images/insta.svg");
}

.social-nav .social_instagram::after {
    mask-image: url("/Portals/0/Images/insta.svg");
    -webkit-mask-image: url("/Portals/0/Images/insta.svg");
}

.social-nav .social_bale::before {
    background-image: url("/Portals/0/Images/social-bale.svg");
}

.social-nav .social_bale::after {
    mask-image: url("/Portals/0/Images/social-bale.svg");
    -webkit-mask-image: url("/Portals/0/Images/social-bale.svg");
}

.social-nav .social_aparat::before {
    background-image: url("/Portals/0/Images/social-aparat.svg");
}

.social-nav .social_aparat::after {
    mask-image: url("/Portals/0/Images/social-aparat.svg");
    -webkit-mask-image: url("/Portals/0/Images/social-aparat.svg");
}

.social-nav .social_sorosh::before {
    background-image: url("/Portals/0/Images/social-sorosh.svg");
}

.social-nav .social_sorosh::after {
    mask-image: url("/Portals/0/Images/social-sorosh.svg");
    -webkit-mask-image: url("/Portals/0/Images/social-sorosh.svg");
}

div[id*="pnlProductList"] .PagingTable {
    border: 0 !important;
}

.ContactusMap {
    border-radius: 6px;
}

.ContactusMap iframe {
    width: 100%;
    height: 446px;
}

/* 

.social-nav .social_instagram{
    background-image: url("/Portals/0/Images/insta.svg");
	background-repeat: no-repeat;
    background-position: center;
}
.social-nav .social_bale{
    background-image: url("/Portals/0/Images/bale.svg");
	background-repeat: no-repeat;
    background-position: center;
}
.social-nav .social_bale:hover{
    background-image: url("/Portals/0/Images/baleC.svg");
}
.social-nav .social_instagram:hover{
    background-image: url("/Portals/0/Images/instaC.svg");
}


.social-nav ul li:nth-child(5):hover svg path:nth-child(1){
    fill: #263238;
}
.social-nav ul li:nth-child(5):hover svg path:nth-child(2){
    fill: #E91E63;
}

.social-btn svg {
    height: 36px;
}

 */
/* checkout */
.wb-Checkout .select-gateway label {
    height: 150px !important;
    justify-content: center !important;
    flex-direction: row !important;
}

.wb-Checkout .select-gateway label img {
    width: 100px !important;
}

.basketAlert {
    font-size: 16px;
    text-align: center;
    margin-bottom: 2.5rem;
}

/* -------------------------------------------------------------------------- */
/*                                         TERMS                              */
/* -------------------------------------------------------------------------- */

.terms {
    display: flex;
    flex-direction: column;
    gap: 7.25rem;
    background-color: #fff;
    padding: 1.75rem 2rem 7.25rem;
}

.terms__Item {
    border: 1px solid var(--icon-color-2);
    border-radius: 30px;
    display: flex;
    align-items: center;
    gap: 1rem;
}

.terms__Item:has(.terms__Image_Inner) {
    flex-direction: column;
    gap: 2rem;
}

.terms__Image_Inner {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.terms__Content,
.terms__Image {
    width: 50%;
}

.terms h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 37px;
    color: #2f2f2f;
    padding-bottom: 1rem;
    border-bottom: 1px solid #d2b384;
    margin-bottom: 2rem !important;
}

.terms p {
    font-size: 16px;
    line-height: 25px;
    color: #333333;
    text-align: justify;
    margin-bottom: 0.5rem;
}

.terms p:last-child {
    margin-bottom: 0;
}

.terms p.terms__StrongFont {
    font-weight: var(--fw-500);
}

.terms p.terms__paddingSmall {
    margin-bottom: 0.5rem;
}

.terms p.terms__ShadowText {
    text-shadow: 0px 4px 4px #00000040;
}

.terms__Image {
    display: flex;
    justify-content: center;
}

@media (min-width: 992px) {
    .terms__End {
        justify-content: end;
        padding-inline-end: 3rem;
    }
}

@media (max-width: 991px) {
    .terms {
        gap: 3rem;
    }

    .terms__Item {
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    .terms__Image_Inner {
        flex-wrap: wrap;
    }

    .terms__Item:has(.terms__Image_Inner) {
        gap: 1.5rem;
    }

    .terms__Image_Inner {
        gap: 0.5rem;
    }

    .terms__Content,
    .terms__Image {
        width: 100%;
    }

    .terms__Image {
        margin: 1rem 0;
    }

    .terms h3 {
        text-align: center;
    }

    .terms p {
        text-align: right;
    }

    .terms__Image {
        order: 1;
        justify-content: center;
    }

    .terms__Image img {
        width: 70%;
    }
}

/* home available Products */

.availableProd_Wrapper {
    padding: 18px 0.75rem 14px;
    background-color: var(--white);
    margin-bottom: 10px;
    border-radius: 5px;
}

.availableProd {
    position: relative;
    border-radius: 5px;
    background: url("/portals/0/Images/available-prod-bg.jpg") no-repeat center;
    background-size: cover;
    padding: 0.75rem 2.25rem 1.25rem 2rem;
}

.availableProd > img {
    position: absolute;
    left: -5px;
    top: -5px;
}

.availableProd__Inner {
    display: flex;
    flex-direction: column;
    align-items: end;
}

.availableProd__Inner img {
    align-self: start;
}

.availableProd__Inner p:nth-child(2) {
    font-size: 26px;
    font-weight: 600;
    line-height: 37px;
    color: var(--white);
    text-shadow: 0px 4px 4px #00000040;
    padding-inline-start: 0.5rem;
}

.availableProd__Inner p:nth-child(3) {
    font-size: 14px;
    line-height: 22px;
    color: var(--white);
    text-shadow: 0px 4px 4px #00000040;
}

.availableProd__Inner a {
    margin-top: 1.5rem;
    font-size: 13px;
    line-height: 20px;
    align-self: center;
}

@media (max-width: 991px) {
    .availableProd_Wrapper {
        padding: 0;
        margin-bottom: 10px;
        border-radius: 0;
        background-color: transparent;
        margin-bottom: 1.5rem;
    }

    .availableProd_Wrapper {
        margin: 0 0.25rem;
    }

    .availableProd_Mobile {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        position: relative;
        background: url("/portals/0/Images/available-prod-bg-mobile.jpg") no-repeat center;
        background-size: cover;
        padding: 14px 0.75rem;
        border-radius: 2px;
    }

    .availableProd_Mobile > img:first-child {
        position: absolute;
        top: -6px;
        left: -6px;
    }

    .availableProd_Mobile > img:nth-child(2) {
        width: 3rem;
    }

    .availableProd_Mobile__Inner p:nth-child(1) {
        font-size: 20px;
        font-weight: 600;
        color: #fff;
        text-shadow: 0px 4px 0px #00000040;
        padding-bottom: 0.5rem;
    }

    .availableProd_Mobile__Inner p:nth-child(2) {
        font-size: 16px;
        color: #fff;
        text-shadow: 0px 4px 0px #00000040;
    }
}

/* -------------------------------------------------------------------------- */
/*                                 RESPONSIVE                                 */
/* -------------------------------------------------------------------------- */

@media all and (max-width: 991px) {
    .social-nav {
        top: unset;
        bottom: 160px;
    }

    .basketAlert {
        margin-bottom: 1.5rem;
    }

    .fz-xs {
        font-size: 0.75rem;
        line-height: 1.5rem;
        /* 10px */
    }

    .fz-sm,
    .Main-Menu li a {
        font-size: 0.75rem;
        line-height: 1.5rem;
        /* 12px */
    }

    .fz-md,
    .faq_accordion,
    .btnGuide,
    .Detail .addToCart,
    .btnStyle1,
    .btnStyle2,
    .headerCategory,
    .Main-Menu li a,
    .title3,
    .title2,
    .LiveForm.Default input[type="submit"],
    .LiveForm.Default input[type="button"],
    .BlogDetail article h3,
    .BlogDetail article h4 {
        font-size: 0.875rem;
        line-height: 1.5rem;
        /* 14px */
    }

    .fz-lg,
    .BlogDetail article h2 {
        font-size: 1rem;
        line-height: 1.75rem;
        /* 16px */
    }

    .fz-xl,
    .title1,
    .ProName__Title,
    .ProductPane .DNNContainer_Title_Section2 .sectionTtl {
        font-size: 1.125rem;
        line-height: 2rem;
    }

    .fz-xxl {
        font-size: 1.5rem;
        line-height: normal;
    }

    .Services__Card {
        justify-content: flex-start;
        margin: 8px 0;
    }

    .Services__Card img {
        width: 35px;
        height: 35px;
    }

    .container:has(.mainSlider__Description),
    .container:has(.videoTest_Section) {
        padding: 0;
    }

    .DnnModule-DNNGoDNNGalleryPro .wb-slides .slick-track {
        gap: 0;
    }

    .wb-slides .item {
        height: 460px !important;
    }

    .wb-slides {
        margin-bottom: 16px;
    }

    .listStyle li::before {
        top: 7px;
    }

    .btnGuide,
    .btnGuide:visited,
    .btnGuide:focus {
        text-align: right;
        margin: 12px 0;
    }

    .tabid-21 #dnn_RightThreePane {
        order: 1;
    }

    .DNNContainer_Title_Section1 {
        /* padding: 16px 0; */
    }

    .wb-slides-parent .Description {
    }

    .mainSlider .wb-slides-parent .Description {
        display: flex;
        flex-direction: column;
        right: 15px;
        max-width: calc(100% - 48px);
        width: max-content;
        padding: 0;
        color: #00584c;
        top: 2.5rem;
    }

    .mainSlider .wb-slides-parent .Description h1,
    .mainSlider .wb-slides-parent .Description h2 {
        font-size: 19px !important;
    }

    .wb-slides-parent .mainSlider__Description a {
        font-size: 16px !important;
        margin-top: 5px !important;
    }

    .wb-slides-parent .Description a {
        width: 83px;
        font-size: 14px;
        margin-top: 8px;
    }

    #wrap {
        padding-bottom: 58px;
    }

    .CallToAction2__Effect:nth-of-type(1) {
        top: 107%;
        right: 15%;
    }

    .CallToAction2__Effect:nth-of-type(2) {
        top: 186%;
        right: 60%;
    }

    .CallToAction2__Effect:nth-of-type(3) {
        bottom: 2%;
        left: 27%;
    }

    .CallToAction2__Effect:nth-of-type(4) {
        bottom: 3%;
        right: 11%;
    }

    .CallToAction2__Effect:nth-of-type(5) {
        top: 46%;
        left: 5%;
    }

    .social-nav ul li a {
        height: 24px;
        width: 24px;
    }

    .homeEffect {
        display: none;
    }

    .HomePrice .container {
        display: flex;
        justify-content: space-between;
    }

    .HomePrice .container > p:first-child {
        margin-inline-end: 0;
    }
}

@media all and (min-width: 992px) {
    .ContactList.ContactUsPage {
        display: flex;
    }

    .ContactList.ContactUsPage li {
        margin-left: 64px;
    }
}

@media all and (min-width: 1200px) {
    .container {
        max-width: 1320px;
    }
}

@media (min-width: 767px) {
    #dnn_LeftEightPane .heading_title_container {
        margin-top: unset !important;
    }
}

@media all and (max-width: 767px) {
    .suggestPopUp .mobile {
        display: block;
    }

    .suggestPopUp .desktop {
        display: none;
    }

    .closeDesktop {
        display: none;
    }

    .suggestPopUp {
        right: 10px;
        width: 60px;
        height: 60px;
        left: auto;
        font-size: 36px;
        background: #31bf53;
        color: #fff;
        border-radius: 50%;
        position: fixed;
        bottom: 60px;
        box-shadow: 0px 0px 50px 0px rgb(0 0 0 / 20%);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 16px;
        z-index: 999;
        border: 1px solid #d3d3d3;
        text-align: center;
    }

    .suggestPopUp a {
        color: #fff;
    }

    .ContactusMap iframe {
        margin-top: 24px;
    }

    /* 
    .c-jhUgDw .raychat_sc_launcher {
        
        width: 55px !important;
        height: 55px !important;
        bottom: 57px !important;

} */
    div#animation-root {
        margin-bottom: 43px !important;
    }

    /* iframe#raychat_widget {
    margin-bottom: 45px;
} */
    .whyus_container .wb-slides-parent {
        margin: 8px 0 !important;
    }
}

.wb-Checkout .right-side .right-side-wrap {
    order: 1;
}

@media (max-width: 991px) {
    .wb-Checkout .right-side {
        order: 0;
    }

    .wb-Checkout .right-side {
        display: flex;
        flex-direction: column;
    }
}

div.cartInfo-wrap::after {
    pointer-events: none;
}

.shipping-methods_Title img {
    filter: brightness(0) saturate(100%) invert(66%) sepia(10%) saturate(7231%) hue-rotate(177deg) brightness(95%)
        contrast(87%);
}

@media (max-width: 991px) {
    .pymnt-in-place.pymnt-in-place.pymnt-in-place .shipping_Method__Desc {
        display: none !important;
    }
}

.price_range__wrapper {
    padding-right: 16px;
}

.price_range__InnerWrapper {
    background: url("/portals/0/Images/homePriceRangeBG3-new.png") no-repeat center;
    background-size: cover;
    padding: 87px 83px;
    padding-inline-start: 232px;
    border-radius: 4px;
    background-position-x: right;
}

.price_range {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    justify-content: space-between;
}

.price_dollar_icon {
    background: url("/Portals/0/images/dollar_products.svg");
    width: 34px;
    height: 34px;
}

.price_range_left {
    display: flex;
    gap: 12px;
}

.price_range_Item {
    padding: 10px 1rem 8px;
    border-radius: 5px;
    background-color: var(--white);
    font-size: 16px;
    font-weight: 700;
    line-height: 25px;
    color: #2f2f2f;
    width: 240px;
    text-align: center;
    transition: var(--transition);
}

.price_range_Item:hover {
    background-color: #c0a47b;
    color: var(--white);
}

@media (max-width: 991px) {
    .price_range__wrapper {
        padding: 0;
    }

    .price_range__InnerWrapper {
        padding: 3.5rem 3rem 1rem;
        padding-inline-start: 1rem;
        background: url("/portals/0/Images/homePriceRangeBG-mobile-new.png") no-repeat center;
        background-size: cover;
        margin: 0 0.25rem;
        background-position: top;
    }

    .price_range__InnerWrapper > p {
        display: none;
    }

    .price_range__InnerWrapper > p span {
        font-size: 20px;
        line-height: 31px;
    }

    .price_range_Item,
    .price_range_Item:visited {
        padding: 10px 0.5rem;
        font-size: 14px;
        line-height: 20px;
        width: 140px;
    }
}

/* temperery for slick - arrow style */

#dnn_ctr489_ProductList_dlProductList .slick-prev,
#dnn_ctr445_DNNArticle_List_divForSlick .slick-prev {
    right: -22px !important;
}

#dnn_ctr489_ProductList_dlProductList .slick-next,
#dnn_ctr445_DNNArticle_List_divForSlick .slick-next {
    left: -25px !important;
}

.home_cat_List .slick-slide:has(a[name="حلقه و پشت حلقه"]) {
    display: none !important;
}

.home_cat_List .SCat-Main li span {
    transition: 300ms;
}

.home_cat_List .SCat-Main li span.showMore {
    visibility: hidden;
    opacity: 0;
}

.home_cat_List .SCat-Main .SCat-have-sub-menu:has(a[name="حلقه و پشت حلقه"]) {
    display: none;
}

.home_cat_List .SCat-Main li:hover .original {
    visibility: hidden;
    opacity: 0;
}

.home_cat_List .SCat-Main li:hover span.showMore {
    visibility: visible;
    opacity: 1;
}

.wb-slides-parent .mainSlider__Description a {
    width: max-content;
    height: auto;
    border-radius: 0;
    padding: 0;
    background: transparent;
    border: none;
    font-size: 24px;
    font-weight: 500;
    color: #00584c !important;
    margin-top: 8px;
    transition: var(--transition);
}

.wb-slides-parent .mainSlider__Description a:hover {
    color: #00584c !important;
    border: none;
    background-color: transparent;
    text-decoration: underline;
}

.preset-price-buttons {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px;
    row-gap: 8px;
}

.preset-price-buttons button {
    padding: 8px;
    flex: 1;
    border: none;
    font-size: 14px;
    font-weight: 400;
    border-radius: 4px;
}

.preset-price-buttons button.active {
    background-color: var(--tc2);
    color: #fff;
}

#slider.DivPriceFilter,
.price-min-range,
.price-max-range {
    display: none;
}

#WB_StoreReact_Root
    > div
    > div.MuiBox-root.muirtl-178yklu
    > div
    > div.MuiGrid-root.MuiGrid-item.MuiGrid-grid-xs-12.MuiGrid-grid-md-9.muirtl-1yt5doj
    > div
    > div.MuiPaper-root.MuiPaper-elevation.MuiPaper-rounded.MuiPaper-elevation1.muirtl-lhawm3
    > div.MuiPaper-root.MuiPaper-elevation.MuiPaper-rounded.MuiPaper-elevation1.muirtl-1pfou45 {
    display: none;
}

/* ------------------- */
/* ------------------- */

.videoTest_Section {
    height: 750px;
    position: relative;
}

.videoTest_Section video {
    height: 100%;
    object-fit: cover;
    border-radius: 6px;
}

.videoTest_Section__Content {
    position: absolute;
    bottom: 1.5rem;
    left: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

.videoTest_Section__Content p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: #fff;

    display: none;
}

.videoTest_Section__Content a {
    width: 134px;
    height: 38px;
    border-radius: 8px;
    background: #E4D1B494;
    transition: var(--transition);
    padding: 8px 20px;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    color: #414042;
    display: flex;
    align-items: center;
    justify-content: center;
}

.videoTest_Section__Content a:hover {
    background: #E4D1B4;
}

@media (max-width: 991px) {
    .videoTest_Section {
        height: 450px;
        display: none;
    }

    .videoTest_Section.mobile {
        display: block;
    }
}

/* new faq skin (uses previous faq styles , with some differences) */

/* .new_faq .faq_accordion-item {
    padding-top: 24px;
    padding-bottom: 24px;
    border-top: 1px solid #b7b7b7;
    margin: 0 !important;
    border-bottom: unset;
}

.new_faq .faq_accordion-item:first-child {
    margin-top:58px !important ;
}

.new_faq .faq_accordion-item:last-child {
    border-bottom: 1px solid #B7B7B7;
}

.new_faq .faq_accordion-item:has(.active) {
    border-top: 1px solid #00584C;
}

.new_faq .faq_accordion .fa-chevron-down:before {
    background: url("/Portals/0/images/ArrowDown.svg") no-repeat;
    width: 16px;
    height: 9px;
}

.new_faq .faq_accordion-header.active .fa-chevron-down:before {
    transform: rotate(180deg);
    transform-origin: center;
} */

@media (max-width: 991px) {
    html.firefox-mobile .bottomNav {
        bottom: auto;

        top: calc(var(--visual-viewport-top, 0px) + var(--window-inner-height) - var(--bottom-panel-height, 64px));
    }

    html.firefox-mobile .CTA_Section {
        bottom: auto;

        top: calc(
            var(--visual-viewport-top, 0px)
            + var(--window-inner-height)
            - var(--bottom-panel-height, 64px)
            - var(--product-cart-height, 82px)
        );
    }
}

html {
    scrollbar-color: #00705f #e5e5e5;
    scrollbar-width: thin;
}

body.no-overflow {
  overflow: hidden;
}

.header {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  background: #fff;
  position: sticky;
  top: -166px;
  z-index: 99;
}

.headerTop__In {
  /* height: 90px; */
  padding-block: 2rem;
}

.headerBottom {
  background: var(--mc2);
  padding: 12px 0;
  color: #fff;
  position: relative;
}

.headerCategory .SCat-Main {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  width: 100%;
  overflow: auto;
  white-space: nowrap;
}

.headerCategory .SCat-Main li {
  position: relative;
  padding: 8px 0;
  transition: var(--transition);
}

.headerCategory .SCat-Main li::before {
  content: "";
  display: block;
  position: absolute;
  width: 0%;
  height: 2px;
  background: var(--mc1);
  bottom: 0;
  right: 0;
  transition: var(--transition);
}

.headerCategory .SCat-Main li:hover {
  color: var(--mc1);
}

.headerCategory .SCat-Main li:hover::before {
  width: 100%;
}

.installment_btn {
  box-shadow: 0 1px 4px 0 #d2b3848c;
  border: 1px solid #d2b384;
  border-radius: 8px;
  color: black;
  font-size: 16px;
  font-weight: 400;
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
  justify-content: center;
  transition: all 0.3s ease;
  padding: 0;
  width: 132px;
  height: 46px;
  padding-left: 28px;
  padding-top: 4px;
}

.installment_btn::before {
  content: "";
  display: none;
  background: url("/portals/0/images/new_arrow.svg");
  width: 24px;
  height: 24px;
  position: absolute;
  right: 6px;
  background-position: center;
  background-repeat: no-repeat;
  top: 12px;
}
.installment_btn:after {
  content: "";
  background: url("/portals/0/images/wallet_icon.svg");
  width: 24px;
  height: 24px;
  position: absolute;
  left: 12px;
  background-position: center;
  background-repeat: no-repeat;
  top: 10px;
}

.installment_btn:hover {
  background: #d2b384;
}

.installment_btn:hover:after {
  background: url("/portals/0/images/wallet_icon_hover.svg");
}

.Mobile-Menu-Icon {
  display: none;
}

.header__Tools {
  align-items: center;
  justify-content: flex-end;
}

.headerTop .headerTop__In__left {
  gap: 4px;
}

.header__Btn .btnStyle1,
.header__Btn .btnStyle1:focus,
.header__Btn .btnStyle1:active {
  color: #1c1c1c !important;
  position: relative;
  padding: 6px 28px 6px 14px !important;
}

.header__Btn .btnStyle1::before,
.header__Btn .btnStyle1:visited::before {
  right: 6px;
}

.header__Tools__Item {
  margin-left: 12px;
  /* padding-left: 12px; */
  position: relative;
  display: inline-flex;
  color: var(--mc2);
  font-weight: bold;
  user-select: none;
}

.header__Tools__Item.header__Basket {
  margin-left: 22px;
}

.header__Tools__Item.header__Login a span {
  font-size: 16px;
  font-weight: 500;
  color: black;
}

.header__Tools__Item.header__WishList {
  margin-left: 16px;
}

.header__Tools__Item.header__WishList a span {
  margin-right: 16px;
}

.header__Tools__Item .WbIcon__Icon {
  background: #ab8d54;
}

/* .header__Tools__Item:not(:last-child)::before {
    content: '';
    display: block;
    border-left: 1px dashed #ACACAC;
    width: 1px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
} */

/* .WbIcon .WbIcon__Icon,
.header__Login .WbIcon__Icon {
  margin-right: 8px;
} */

.header__Login.header__Tools__Item {
  margin-left: 0px;
}

.header__Search__Content {
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none !important;
  padding-top: 12px;
  width: 364px;
}

.header__Search__Content.active {
  display: block !important;
}

/* Search Style */

.ModWBAdvanceSearchC {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}

.searchBoxContainer {
  position: relative;
}

.searchBoxContainer .search-icon {
  width: 24px;
  height: 24px;
  background: url("/Portals/_default/skins/wb-skin/Images/search.svg");
  display: block;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
}

.searchBoxContainer .closeBtn {
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}

.searchBoxContainer .closeBtn img {
  width: 20px;
  height: 20px;
}

.searchBoxContainer .search-icon::before {
  display: none;
}

#txtAdvanceSearch {
  padding-right: 42px;
  text-indent: 0;
  border-radius: var(--border-radius);
  border: 1px solid var(--gray);
  box-shadow: unset;
}

#resultAdvanceSearch {
  box-shadow: unset;
}

input#txtAdvanceSearch:focus {
  border-bottom: 1px solid var(--mc1);
  border-radius: 4px 4px 0 0;
}

#resultAdvanceSearch {
  box-shadow: 0 5px 10px 0px #d2d2d240;
  border-radius: 0 0 5px 5px;
}

#resultAdvanceSearch .category-content,
#resultAdvanceSearch .product-content,
.search-result .category-content .search-name,
.search-result .product-content .product-name {
  color: var(--tc1);
  text-transform: capitalize;
}

#resultAdvanceSearch .product-content img {
  border: 1px solid #dadada;
  border-radius: 5px;
  margin-right: 5px;
}

.header__Login a {
  display: inline-flex;
  align-items: center;
  display: flex;
  align-items: center;
  gap: 8px;
}

.header__Login .nav {
  flex-direction: column;
}

.header__Login .nav li {
  padding: 8px 0;
}

.AjaxMiniCartWrapper #cart {
  padding: 12px 0 !important;
  /* padding-right: 60px !important; */
}

/* .AjaxMiniCartWrapper #cart::before {
    content: 'سبدخرید';
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
} */

.AjaxMiniCartWrapper .icon-cart {
  background: url("/Portals/0/Images/basket-new.svg") no-repeat center;
  width: 24px;
  height: 24px;
  max-width: unset;
  margin: 0;
  background-size: 24px !important;
  position: relative;
}

.AjaxMiniCartWrapper .icon-cart svg {
  display: none;
}

.AjaxMiniCartWrapper #cartNum .num {
  /* background: var(--mc2); */
  background: var(--mc1);
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: unset;
}

#cartNum .num {
  font-family: "IranYekan" !important;
}

.AjaxMiniCartWrapper .cartInfo {
  /* top: 25px !important; */
}

.Main-Menu li {
  color: var(--tc1);
}

.header__Logo img {
  max-width: 84px;
}

.Main-Menu li {
  margin-left: 10px;
  transition: var(--transition);
  position: relative;
  padding-left: 10px;
}

.Main-Menu li:last-child::after {
  content: unset;
}

.Main-Menu li.active,
.Main-Menu li:hover {
  color: var(--mc1);
}

.header .menu .navbar-out {
  height: 100%;
}

.header .menu .navbar {
  padding: 0;
  height: 100%;
}

/* -------------------------------------------------------------------------- */
/*                                  drop down                                 */
/* -------------------------------------------------------------------------- */

.wb-dropdown-menu {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 1000;
  min-width: 12.5rem;
  padding: 0.5rem;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: right;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
  opacity: 0;
  transform: translateY(20%);
  transition: all ease-in 0.3s;
  pointer-events: none;
  max-height: 430px;
  overflow: auto;
}

.wb-dropdown-menu.active {
  opacity: 1;
  transform: translateY(0);
  transition: all ease-in 0.3s;
  pointer-events: auto;
}

.wb-dropdown {
  position: relative;
  padding-right: 4px;
}

.wb-dropdown i {
  position: absolute;
  right: 0;
  top: 50%;
  font-size: inherit;
  color: inherit;
  transform: translateY(-50%);
}

.header__Login.wb-dropdown i {
  display: none;
}

.Main-Menu .dropdown-menu li {
  text-align: right;
}

body.isOn {
  overflow: hidden;
}

.header__Search.header__Search__Btn.header__Tools__Item {
  margin-left: 2px;
}

/*------------------------------------------------*/
/* Start Submenu Menu */
/*------------------------------------------------*/

.Main-Menu li.dropdown {
  position: relative;
  /* margin-left: 20px; */
}

.Main-Menu li.dropdown b:after {
  content: "\f107";
  font-family: "FontAwesome";
  font-weight: 100;
}

.Main-Menu li.dropdown b.livicaret {
  position: absolute;
  left: 0;
  top: 0;
}

.Main-Menu li.dropdown:hover .dropdown-menu {
  display: block;
  padding-right: 10px;
  border: none;
  margin-top: 0;
}

/*------------------------------------------------*/
/* End Submenu Menu */
/*------------------------------------------------*/

/* -------------------------------------------------------------------------- */
/*                              Start Ajax Basket                             */
/* -------------------------------------------------------------------------- */

.icon-cart svg path {
  fill: var(--tc3);
}

/* -------------------------------------------------------------------------- */
/*                               End Ajax Basket                              */
/* -------------------------------------------------------------------------- */

@media all and (max-width: 991px) {
  .AjaxMiniCartWrapper .icon-cart {
    /* background: url("/Portals/0/Images/basket-mobile.svg") no-repeat center; */
    background: url("/Portals/0/Images/basket-mobile1.svg") no-repeat center;
  }

  /*------------------------------------------------*/
  /* Start Mobile Menu */
  /*------------------------------------------------*/

  .headerMenu {
    margin-right: auto;
  }

  .Mobile-Menu-Icon {
    display: flex;
    flex-direction: column;
    width: 24px;
    height: 24px;
    cursor: pointer;
    position: relative;
    z-index: 99;
    transform: scale(-1);
  }

  .Mobile-Menu-Icon .icon-bar {
    height: 3px;
    background-color: var(--mc1);
    transition: var(--transition);
    margin: 2px 0;
    width: 100%;
    border-radius: 10px;
  }

  .show-effect .Mobile-Menu-Icon .icon-bar:nth-child(1) {
    transform: rotatez(-45deg) translate(-6px, 6px);
    transform-origin: bottom;
  }

  .show-effect .Mobile-Menu-Icon .icon-bar:nth-child(2) {
    transform-origin: top;
    transform: rotatez(-45deg);
    width: 0;
    opacity: 0;
  }

  .show-effect .Mobile-Menu-Icon .icon-bar:nth-child(3) {
    transform-origin: bottom;
    transform: translate(-2px, -6px) rotatez(45deg);
  }

  .Main-Menu {
    visibility: hidden;
    opacity: 0;
    transform: translateY(10px);
    z-index: 102;
    width: 100%;
    z-index: -1;
    position: fixed;
    top: 100px;
    left: 0;
    right: 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    background: #fff;
  }

  .show-effect .Main-Menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
    display: flex;
    z-index: 999;
  }

  .menu .nav.nav-pills {
    margin-right: 0px !important;
    margin-left: 0;
    margin-top: 0;
    width: 100%;
    height: 100%;
    border-top: 1px solid var(--mc1);
  }

  .Main-Menu .nav.nav-pills > li {
    text-align: right;
    width: 100%;
    margin: 0px;
    padding: 8px 0;
  }

  .Main-Menu .nav.nav-pills > li:not(:last-child) {
    border-bottom: 1px dashed #d2b38442;
  }

  .headerMenu .nav > li > a {
    display: block;
    padding-bottom: 6px;
    margin-bottom: 6px;
  }

  .headerMenu .nav > li:not(:last-child) > a {
    border: unset;
    border-bottom: 1px solid #e1e1e1;
    margin-left: 0;
  }

  .nav.nav-pills {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    width: 100%;
    padding: 0 15px;
  }

  .header .menu {
    height: 100%;
    justify-content: end;
    align-items: center;
    line-height: normal;
    display: flex;
  }

  /*------------------------------------------------*/
  /* End Mobile Menu */
  /*------------------------------------------------*/

  /*------------------------------------------------*/
  /* Start Submenu Menu */
  /*------------------------------------------------*/

  .Main-Menu li.dropdown > a:after {
    position: absolute;
    left: -15px;
    top: 5px;
    color: #fff;
  }

  .Main-Menu li.dropdown b:after {
    color: #fff;
  }

  .Main-Menu .nav.nav-pills > li.dropdown > a {
    pointer-events: none;
  }

  .Main-Menu .nav-pills li.dropdown .dropdown-menu {
    position: relative;
    float: none;
    top: 0;
    background: transparent;
    text-align: center;
    display: none;
  }

  /*------------------------------------------------*/
  /* End Submenu Menu */
  /*------------------------------------------------*/
  .header__Logo img {
    max-height: 42px;
  }

  /* .headerTop__In {
        height: 60px;
        padding-block: 0;
    } */

  .searchBoxContainer .closeBtn {
    display: none;
  }

  .searchBoxContainer .search-icon {
    right: auto;
    left: 8px;
  }

  #txtAdvanceSearch {
    border: 1px solid var(--gray);
    border-radius: var(--border-radius);
    padding-right: 12px;
    padding-left: 42px;
  }

  .headerCategory .SCat-Main li {
    margin-left: 16px;
  }

  .headerCategory .SCat-Main {
    justify-content: flex-start;
  }

  .AjaxMiniCartWrapper #cart::before {
    display: none;
  }

  .AjaxMiniCartWrapper #cart {
    padding: 0 !important;
  }

  .ModWBNBStoreMiniCartAjaxC {
    text-align: center;
  }

  .headerBottom {
    padding: 6px 0;
    display: none;
  }

  .header {
    top: -40px;
  }

  .categoryStyle .SCat-Main > li.SCat-have-sub-menu i.fa-angle-down {
    display: none;
  }
}

@media all and (min-width: 991px) {
  .headerCategory .SCat-Main li.SCat-have-sub-menu ul.SCat-sub-menu {
    display: none !important;
  }

  .Main-Menu li::after {
    content: "";
    display: block;
    border-left: 1px solid #D1D5D1;
    width: 1px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }

  .Main-Menu li.dropdown::after {
    left: -4px;
  }
}

.weightReportWrapper .card.card.card h4 {
  background-color: #00584c;
}

.weightReportWrapper .card.card.card:nth-child(5) h4 {
  background-color: transparent;
}

.basket_Route_Wrapper a {
  display: flex;
  align-items: center;
  gap: 4px;
}

.basket_Route_Wrapper a > span {
  display: flex;
  align-items: center;
  gap: 4px;
}

.basket_Route_Wrapper a > span img {
  width: 24px;
  height: 24px;
  border-radius: 50%;
}

.header_banner_bg {
  background-image: url("/Portals/0/Images/header_banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  /* display: flex !important; */
}

.header_banner {
  display: flex !important;
  height: 68px;
  align-items: center;
  justify-content: space-between;
  color: white;
}

.header_banner_right {
  display: flex;
  align-items: center;
  gap: 80px;
}

.header_banner_right span {
  font-size: 24px;
}

.header_banner_right a {
  font-size: 16px;
  background: #d2b384;
  border-radius: 4px;
  padding: 8px 24px;
  color: #4e4e4e;
  font-weight: 600;
}

.header_banner_left {
  font-size: 20px;
  font-weight: 400;
  display: flex;
  align-items: center;
  gap: 34px;
  z-index: 2;
  padding-left: 74px;
}

.HomePrice_Wrapper::before {
  content: "";
  position: absolute;
  background: url("/Portals/0/gold-landing/gold-bar.webp") no-repeat;
  display: block;
  width: 147px;
  height: 78px;
  left: -80px;
  bottom: -20px;
}

.header_banner_left .toman_icon {
  display: none !important;
}

.header_banner_gold_price {
  color: #ffe1b3;
}

@media all and (max-width: 991px) {
  .header_banner_left {
    display: none;
  }

  .header_banner_right span {
    font-size: 16px;
    white-space: nowrap;
  }

  .header_banner_right a {
    white-space: nowrap;
    font-size: 14px;
    width: 114px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
  }
}

section.gold-landing {
  margin-bottom: 130px;
  position: relative;
}

.third-section-content {
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  right: 8%;
  width: 75%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.gold-landing-left-pattern {
  display: none;
}

.gold-landing-section-title {
  display: flex;
  justify-content: center;
}

.gold-landing-section-title > h3 {
  font-size: 32px;
  font-weight: 700;
  color: var(--tc1);
  text-align: center;
  margin-bottom: 40px !important;
  width: fit-content;
  position: relative;
}

@media (max-width: 992px) {
  .gold-landing-section-title > h3 {
    font-size: 18px;
    font-weight: 700;
    color: var(--tc1);
    position: relative;
    margin-bottom: 24px !important;
  }

  section.gold-landing {
    margin-bottom: 60px;
  }
}

.landing {
  position: relative;
}

.landing {
  color: var(--tc1);
}

.landing > img {
  width: 100%;
}

.landing-content {
  position: absolute;
  top: 50%;
  right: 100px;
  text-align: justify;
  translate: 0 -50%;
  width: 700px;
  font-size: 20px !important;
  line-height: 1.5;
}

.landing-content p {
  margin-bottom: 8px;
}

.landing-content p:last-of-type {
  margin-top: 16px;
  color: var(--mc2);
  font-weight: 700;
}

.landing-content h1 {
  font-weight: 500;
  line-height: 39.22px;
  font-size: 36px !important;
  margin-bottom: 18px !important;
  position: relative;
  width: fit-content;
}

.landing-content h1::before {
  content: "";
  background: url("/Portals/0/gold-landing/gold-star.svg");
  position: absolute;
  width: 25px;
  height: 30px;
  background-size: contain;
  background-repeat: no-repeat;
  top: -19px;
  right: -20px;
}

.landing-content h1::after {
  content: "";
  background: url("/Portals/0/gold-landing/gold-star.svg");
  position: absolute;
  width: 16px;
  height: 30px;
  background-size: contain;
  background-repeat: no-repeat;
  bottom: -15px;
  left: -18px;
}

.landing-content a,
.gold-landing-btn {
  font-size: 20px !important;
  border-radius: 8px;
  padding: 8px 12px;
  line-height: 24px;
  background-color: var(--mc1);
  color: #fff !important;
  display: block;
  width: fit-content;
  outline: none;
  border: none !important;
  transition: 300ms;
  border: 1px solid var(--mc1) !important;
}

.gold-landing-btn {
  box-shadow: 0 1px 4px 0 #d2b3848c;
  padding: 8px 32px 8px 20px;
  color: #00584c !important;
  border-radius: 8px;
  font-size: 14px !important;
  font-weight: 400;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(210, 179, 132, 1) 100%
  );
}

.landing-content a:hover,
.gold-landing-btn:hover {
  background: #fff;
  color: var(--mc1) !important;
}

@media (max-width: 992px) {
  .landing-content h1 {
    font-size: 20px !important;
  }

  .landing-content {
    font-size: 14px !important;
  }

  .landing-content a {
    font-size: 14px !important;
  }

  .landing-content {
    position: static;
    text-align: center;
    width: 100%;
    translate: unset;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 16px;
  }

  .landing-content p:last-of-type {
    margin-top: 8px;
    margin-bottom: 16px;
  }

  .landing-content h1::before {
    width: 23px;
    height: 25px;
    top: -12px;
  }
}

/* perks */
.gold-landing-left-pattern {
  position: absolute;
  left: -34%;
  top: 23%;
}

.landing-perks > .gold-landing-section-title h3::before {
  content: "";
  background: url("/Portals/0/gold-landing/gold-star.svg");
  position: absolute;
  width: 30px;
  height: 30px;
  background-size: contain;
  background-repeat: no-repeat;
  top: -20px;
  right: -10%;
}

.landing-perks > .gold-landing-section-title h3::after {
  content: "";
  background: url("/Portals/0/gold-landing/gold-star.svg");
  position: absolute;
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  top: -20px;
  right: -2%;
  opacity: 0.5;
}

.perks {
  padding: 12px;
  background-color: #f2f0ea;
  border-radius: 24px;
  display: flex;
  gap: 8px;
  border-radius: 24px;
  align-items: center;
  margin-inline: 16px;
  font-size: 20px;
  position: relative;
}

.perks::before {
  z-index: -1;
  content: "";
  position: absolute;
  width: 100%;
  left: 18px;
  /* right: 0; */
  top: -20px;
  bottom: 26px;
  border-radius: 24px;
  background-color: #c6aa76;
  rotate: 10deg;
}

.perk-image-wrapper {
  padding: 6px;
  background-color: #e8ddc8;
  border-radius: 10px;
}

@media (max-width: 992px) {
  .landing-perks > .gold-landing-section-title h3::before {
    width: 22px;
    height: 22px;
  }

  .landing-perks > .gold-landing-section-title h3::after {
    width: 12px;
    height: 12px;
  }

  .perks {
    font-size: 14px;
  }

  .perks .perk-text {
    white-space: nowrap;
  }

  .perk-image-wrapper img {
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
  }
}

.gold-landing.gold-landing.gold-landing .slick-arrow {
  background: url("/Portals/0/gold-landing/arrow.svg") !important;
  background-repeat: no-repeat !important;
  border: none !important;
  width: 18px;
  height: 24px;
  translate: 0 -50%;
}

.third-section-badge {
  display: flex;
  gap: 16px;
  padding: 8px;
  border-radius: 36px;
  backdrop-filter: blur(4px);
  background: hsl(0deg 0% 100% / 20%);
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  align-items: center;
}

.third-section-badge img {
  width: 24px;
}

.third-section-content {
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  right: 8%;
  width: 88%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.third-section-content-right {
  display: flex;
  justify-content: space-between;
  width: 37%;
  align-items: center;
  margin-bottom: 24px;
}

#landing-perks > div > div.third-section-content-right > div:nth-child(1) {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.third-section-content-left-text {
  display: flex;
  gap: 8px;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 16px;
}

#landing-perks > div > div.third-section-content-left > div > p:nth-child(1) {
  font-size: 2rem;
}

.gold-landing-btn {
  width: 150px;
  text-align: center;
}

.gold-landing.landing-perks {
  margin-bottom: 60px;
}

@media (max-width: 992px) {
  .third-section-content-left .gold-landing-btn {
    display: none;
  }

  .third-section-content {
    flex-direction: column;
    right: 5%;
    /* margin-top: 8px; */
  }

  .third-section-content-left-text {
    font-size: 14px;
  }

  .third-section-content-left-text p:last-child {
    color: var(--mc1);
  }

  #landing-perks > div > div.third-section-content-left > div > p:nth-child(1) {
    font-size: 14px;
  }

  .third-section-badge img {
    width: 16px;
    height: 16px;
  }

  .third-section-badge {
    font-size: 10px;
  }

  #landing-perks > div > div.third-section-content-right > div:nth-child(1) {
    flex-direction: row;
    gap: 4px;
  }

  .third-section-content-right {
    width: 100%;
    margin-bottom: unset;
    gap: 4px;
    justify-content: center;
    flex-wrap: wrap;
  }

  .gold-landing-btn.btn-mb.btn-mb {
    display: block !important;
    margin-top: 16px;
    font-size: 14px;
  }

  .third-section-badge {
    gap: 4px;
    height: 24px;
    white-space: nowrap;
  }
}

.gold-landing.third-section {
  margin-bottom: 60px;
}

.easy-buy-main {
  display: flex;
}

.easy-buy-main-right {
  width: 40%;
}

.easy-buy-main-left {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.easy-buy-card {
  display: flex;
}

.easy-buy-card div {
  z-index: -1;
  margin-right: -13px;
  font-size: 20px;
  font-weight: 700;
  padding-inline: 20px;
  padding-block: 28px;
  background: #f2f0ea;
  border-radius: 16px;
  width: 752px;
}

.easy-buy-card:nth-child(odd) {
  translate: 104px;
}

.easy-buy-main-right {
  position: relative;
}

#landing-perks
  > div.easy-buy-main
  > div.easy-buy-main-right
  > img:nth-child(2) {
  position: absolute;
  right: 100px;
  bottom: 0;
}

.easy-buy > .gold-landing-section-title h3::before {
  content: "";
  background: url("/Portals/0/gold-landing/gold-star.svg");
  position: absolute;
  width: 30px;
  height: 30px;
  background-size: contain;
  background-repeat: no-repeat;
  top: -20px;
  right: -10%;
  rotate: 30deg;
}

.easy-buy > .gold-landing-section-title h3::after {
  content: "";
  background: url("/Portals/0/gold-landing/gold-star.svg");
  position: absolute;
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  top: -20px;
  right: -2%;
  opacity: 0.5;
  rotate: 30deg;
}

@media (max-width: 992px) {
  .gold-landing.easy-buy {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .easy-buy-main {
    display: contents;
  }

  .easy-buy-main-right {
    order: 1;
    width: 100%;
    margin-bottom: 26px;
  }

  .gold-landing-section-title {
    order: 2;
  }

  .easy-buy-main-left {
    order: 3;
  }

  .easy-buy > .gold-landing-section-title h3::before {
    width: 22px;
    height: 22px;
  }

  .easy-buy > .gold-landing-section-title h3::after {
    width: 10px;
    top: -14px;
    height: 10px;
    right: 0px;
  }

  #landing-perks
    > div.easy-buy-main
    > div.easy-buy-main-right
    > img:nth-child(2) {
    bottom: -20px;
  }

  .easy-buy-card img {
    width: 78px;
  }

  .easy-buy-card div {
    width: 70%;
    font-size: 12px;
    padding-block: 4px;
    display: flex;
    align-items: center;
  }

  .easy-buy-card:nth-child(odd) {
    translate: 0;
  }

  .easy-buy-card:nth-child(even) {
    justify-content: flex-end;
  }
}

/* -----------------------------------------
   Block: gold-installment
   ----------------------------------------- */

.gold-installment {
  background: url("/Portals/0/gold-landing/calc-bg.webp") no-repeat;
  display: flex;
  align-items: center;
  aspect-ratio: 3;
  flex-direction: column;
  background-size: contain;
  padding-top: 2.5rem;
}

.gold-installment__title {
  text-align: center;
  font-size: 24px;
  margin-bottom: 16px !important;
  color: #5c4212;
}

.gold-installment__field {
  margin-bottom: 12px;
}

.gold-installment__label {
  font-size: 20px;
  margin-bottom: 4px;
  display: block;
  font-weight: 700;
}

.gold-installment__input {
  width: 100%;
  padding: 12px 10px;
  border: 1px solid transparent !important;
  border-radius: 6px;
  font-size: 16px !important;
}

.gold-installment__input,
.landing-form-box input {
  text-align: center;
}

.gold-installment__input::placeholder {
  color: #d4d4d4;
}

.gold-installment__input.installment-error {
  border-color: #ff1414 !important;
}

.gold-installment__input:disabled {
  background-color: #fff !important;
}

/* Chrome, Safari, Edge */
.gold-installment__input::-webkit-outer-spin-button,
.gold-installment__input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.gold-installment__input {
  -moz-appearance: textfield;
}

.gold-installment__input:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(25, 118, 210, 0.2);
}

.gold-installment__results {
  display: flex;
  gap: 8px;
  align-items: center;
  color: #fff;
}

.gold-installment__results-title {
  font-size: 16px;
  margin-bottom: 10px;
}

.gold-installment__result-row {
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  width: 300px;
  padding: 8px;
  border-radius: 8px;
  color: #fff !important;
}

.gold-installment__result-row:first-of-type {
  background-color: #27a392;
}

.gold-installment__result-row:first-of-type p span {
  background-color: #00584c;
  padding: 4px;
  border-radius: 8px;
  font-size: 10px;
  margin-right: 8px !important;
}

.gold-installment__result-row {
  background-color: #c6aa76;
}

.gold-installment__result-row p span {
  background-color: #5c4212;
  padding: 4px;
  border-radius: 8px;
  font-size: 10px;
  margin-right: 8px;
}

.gold-installment__result-row span {
  font-weight: 700;
}

.gold-installment__form {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 26px;
  row-gap: 8px;
  align-items: center;
  width: 100%;
  max-width: 960px;
  margin-bottom: 8px;
}

.gold-installment__form .gold-landing-btn {
  padding-block: 12px;
  width: 65%;
  margin-inline: auto;
  grid-column: 2/3;
}

@media (max-width: 992px) {
  .gold-installment {
    background: url("/Portals/0/gold-landing/calc-bg-mb.webp") no-repeat;
    display: flex;
    align-items: center;
    flex-direction: column;
    background-size: cover;
    padding-block: 24px;
    width: 100%;
    border-radius: 24px;
    position: relative;
  }

  .gold-installment::before {
  }

  .gold-installment__form {
    display: flex;
    column-gap: unset;
    flex-direction: column;
    padding-inline: 52px;
  }

  .gold-installment__field,
  .gold-installment__form .gold-landing-btn {
    width: 100%;
  }

  .gold-installment__form .gold-landing-btn {
    margin-top: 8px;
    margin-bottom: 8px;
  }

  .gold-installment__results {
    flex-direction: column;
  }

  .gold-installment__title {
    font-size: 16px;
  }

  .gold-installment__label {
    font-size: 14px;
  }

  .gold-installment__input {
    font-size: 14px;
    padding-block: 8px;
  }

  .gold-installment__field {
    margin-bottom: 4px !important;
  }

  .gold-installment__results {
    width: 63%;
    font-size: 14px;
  }

  .gold-installment__result-row {
    width: 100%;
  }

  .gold-installment__label {
    margin-bottom: 0 !important;
  }

  .gold-installment__title {
    margin-bottom: 8px !important;
  }
}

.gold-landing-section-title h3::before {
  content: "";
  background: url("/Portals/0/gold-landing/gold-star.svg");
  position: absolute;
  width: 30px;
  height: 30px;
  background-size: contain;
  background-repeat: no-repeat;
  bottom: -10px;
  left: -6%;
  rotate: 30deg;
}

.gold-landing-section-title h3::after {
  content: "";
  background: url("/Portals/0/gold-landing/gold-star.svg");
  position: absolute;
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  bottom: -20px;
  left: -3px;
  opacity: 0.5;
  rotate: 30deg;
}

@media (max-width: 992px) {
  .gold-landing-section-title h3::before {
    width: 22px;
    height: 22px;
    bottom: -5px;
    left: -10%;
  }

  .gold-landing-section-title h3::after {
    width: 8px;
    height: 8px;
    bottom: -8px;
    left: -4%;
  }
}

.faq > .gold-landing-section-title h3::before {
  content: "";
  background: url("/Portals/0/gold-landing/gold-star.svg");
  position: absolute;
  width: 30px;
  height: 30px;
  background-size: contain;
  background-repeat: no-repeat;
  bottom: -10px;
  left: -25%;
  rotate: 30deg;
}

.faq > .gold-landing-section-title h3::after {
  content: "";
  background: url("/Portals/0/gold-landing/gold-star.svg");
  position: absolute;
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  bottom: 15px;
  left: -23%;
  opacity: 0.5;
  rotate: 30deg;
}

.faq_accordion-header {
  display: block;
  width: 100%;
  background: #f2f0ea;
  border-bottom: none;
  padding-inline: 24px;
  padding-block: 28px;
  margin-bottom: 0;
  border-radius: 16px;
  color: #5c4212;
  font-size: 20px;
  position: relative;
}

.faq_accordion-header::after {
  content: "";
  background: url("/Portals/0/gold-landing/gold-star.svg");
  position: absolute;
  width: 30px;
  height: 30px;
  background-size: contain;
  background-repeat: no-repeat;
  bottom: 50%;
  translate: 0 50%;
  right: -15px;
}

.faq_accordion-item:nth-child(even) .faq_accordion-header::after {
  content: "";
  background: url("/Portals/0/gold-landing/gold-star.svg");
  position: absolute;
  width: 30px;
  height: 30px;
  background-size: contain;
  background-repeat: no-repeat;
  bottom: 50%;
  translate: 0 50%;
  left: -15px;
  right: unset;
}

.faq_accordion-header::before {
  position: absolute;
  content: "";
  background: url("/Portals/0/Images/chev-down.svg") no-repeat;
  left: 24px;
  bottom: 50%;
  translate: 0 50%;
  display: block;
  width: 12px;
  height: 8px;
  z-index: 1;
}

.faq_accordion-item {
  border-bottom: 0;
  padding: 0;
  margin-bottom: 0;
}

.faq_wrapper article {
  color: #5c4212;
  background: #e8ddc8;
  padding-inline: 24px;
  padding-block: 16px;
  border-radius: 16px;
  font-size: 18px;
}

.faq_wrapper .faq_accordion-content {
  margin-top: 0 !important;
}

.faq_wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  max-width: 1100px;
  margin-inline: auto;
}

.faq_accordion-header_back {
  width: 12%;
  background-color: #e8ddc8;
  height: 96%;
  z-index: 0;
  display: block;
  position: absolute;
  top: 2px;
  left: 91%;
  z-index: -1;
  border-radius: 24px;
  rotate: 9deg;
}

.faq_accordion-item:nth-child(even) .faq_accordion-header_back {
  left: unset;
  right: 91%;
  rotate: -9deg;
}

.HomePrice {
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
}

/* .HomePrice::before {
  content: "";
  position: absolute;
  background: url("/Portals/0/gold-landing/gold-bar.webp") no-repeat;
  display: block;
  width: 147px;
  height: 78px;
  left: 5%;
  bottom: -6px;
} */

@media (min-width: 991px) {
  .HomePrice {
    background: url("/Portals/0/gold-landing/banner-back.webp") no-repeat;
    height: 72px;
    background-size: cover;
  }
}

.HomePrice_Wrapper {
  width: 100%;
  display: flex;
  justify-content: space-between;
  max-width: 90%;
  margin-inline: auto;
  position: relative;
}

.header_banner_right p {
  color: #fff !important;
  font-size: 24px !important;
}

.header_banner_right p b {
  color: #d2b384 !important;
  font-size: 24px !important;
}

.HomePrice_Wrapper .gold-landing-btn {
  width: fit-content;
  border-radius: 8px;
  box-shadow: 0 1px 4px 0 #d2b3848c;
  padding: 0;
  color: black !important;
  border-radius: 8px;
  font-size: 14px !important;
  font-weight: 600;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(210, 179, 132, 1) 100%
  );
  position: relative;
  height: 32px;
  width: 100px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 4px;
}

.HomePrice_Wrapper .gold-landing-btn:hover {
  background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(210, 179, 132, 1) 100%);
}

.HomePrice_Wrapper .gold-landing-btn::before {
  display: none;
  content: "";
  background: url("/portals/0/images/new_arrow.svg");
  width: 24px;
  height: 24px;
  position: absolute;
  right: 6px;
  background-position: center;
  background-repeat: no-repeat;
}

.header_banner_left p {
  color: #fff !important;
}

.header_banner_left.header_banner_left.header_banner_left p span {
  color: #fff !important;
  font-weight: 700;
}

.header_banner_right.header_banner_right {
  gap: 40px !important;
}

/* @media (min-width: 990px) and (max-width: 1441px) {
  .HomePrice::before {
    left: -42px;
  }
} */

@media (max-width: 992px) {
  .HomePrice {
    background: transparent;
    height: unset;
    overflow: hidden;
  }

  .HomePrice_Wrapper::before {
    width: 65px;
    height: 34px;
    left: -30px;
    bottom: 0;
    background-size: cover;
    z-index: 3;
  }

  .HomePrice_Wrapper {
    max-width: 100%;
  }

  .header_banner_right.header_banner_right.header_banner_right p {
    font-size: 16px !important;
  }

  .HomePrice.HomePrice {
    background: transparent;
    padding: 0 !important;
  }

  .HomePrice_Wrapper {
    flex-direction: column;
  }

  .HomePrice .container {
    padding: 0;
  }

  .header_banner_right {
    gap: 0 !important;
    display: flex;
    justify-content: space-between;
    background: url("/Portals/0/gold-landing/landing-back-mb.webp");
    align-items: center;
    padding-inline: 16px !important;
    padding-block: 8px !important;
  }

  .header_banner_left {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #00584c;
    background: #eaf7f5;
    padding-inline: 16px !important;
    padding-block: 8px !important;
  }

  .header_banner_left * {
    color: #00584c !important;
    font-size: 12px !important;
  }

  .header_banner_left.header_banner_left.header_banner_left p {
    color: #00584c !important;
    font-size: 16px !important;
  }

  .header_banner_left p span {
    color: #00584c !important;
    font-size: 16px !important;
  }

  .header_banner_left.header_banner_left.header_banner_left p span {
    color: #00584c !important;
  }

  div.header_banner_left > p:nth-child(2) {
    margin-left: 24px;
  }

  .header_banner_right p b {
    font-size: 20px !important;
  }

  #new_page_header#new_page_header {
    top: -92px;
  }
}

/* seven section */
.gold-landing.seven-section {
  background: #00584c;
  color: #fff;
  border-radius: 24px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: relative;
}

.gold-landing.seven-section > img {
  position: absolute;
  right: 0;
  width: 186px;
  height: 226px;
}

.gold-landing.seven-section::before {
  content: "";
  background: url("/Portals/0/gold-landing/gold-star.svg");
  position: absolute;
  width: 44px;
  height: 44px;
  background-size: contain;
  background-repeat: no-repeat;
  bottom: 50%;
  translate: 0 50%;
  left: -22px;
  right: unset;
}

.gold-landing.seven-section::after {
  content: "";
  background: url("/Portals/0/gold-landing/gold-star.svg");
  position: absolute;
  width: 44px;
  height: 44px;
  background-size: contain;
  background-repeat: no-repeat;
  bottom: 50%;
  translate: 0 50%;
  right: -22px;
  left: unset;
}

.seven-wrapper {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  gap: 24px;
  position: relative;
  padding: 2rem;
  overflow: hidden;
}

.seven-wrapper::after {
  content: "";
  background: url("/Portals/0/gold-landing/seven-wave.webp");
  position: absolute;
  width: 414px;
  height: 414px;
  background-size: contain;
  background-repeat: no-repeat;
  bottom: 50%;
  translate: 0 50%;
  right: -2%;
  left: unset;
}

.seven-right {
  flex: 1;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  white-space: nowrap;
  justify-content: center;
}

.seven-left {
  margin-right: 10%;
}

.seven-left-gold_title {
  color: var(--mc1);
  font-weight: 600;
}

.seven-left p:first-of-type {
  font-weight: 500;
  font-size: 2rem;
  margin-bottom: 24px;
}

.seven-left p:first-of-type b {
  color: var(--mc1);
  font-size: 48px;
}

.seven-left p:last-of-type {
  font-size: 20px;
}

.seven-cards-top,
.seven-cards-bottom {
  display: flex;
  gap: 20px;
  align-items: center;
}

.seven-cards-top {
  margin-bottom: 20px;
}

.seven-cards-bottom {
  gap: 8px;
}

.seven-card {
  color: #fff;
  font-size: 20px;
  padding-block: 12px;
  padding-inline: 12px;
  background-color: var(--mc1);
  border: 1px solid var(--mc1);
  border-radius: 8px;
  flex: 1;
  text-align: center;
  width: 216px;
  max-width: 216px;
  min-width: 216px;
  transition: all 0.3s ease;
}

.seven-card:hover {
  background-color: #fff;
  color: var(--mc1);
}

.seven-cards-bottom .seven-card {
  font-size: 18px;
}

.seven-left {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

@media (max-width: 992px) {
  .gold-landing.seven-section > img {
    display: none;
  }

  .seven-wrapper {
    flex-direction: column;
    padding-inline: 16px;
    padding-block: 24px;
  }

  .seven-left {
    margin-right: unset;
  }

  .seven-wrapper::after {
    bottom: -100%;
    translate: -50% 0;
    left: 50%;
    right: unset;
  }

  .seven-left p:first-of-type {
    font-size: 18px;
    margin-bottom: 8px;
  }

  .seven-left p:first-of-type b {
    font-size: 24px;
  }

  .seven-left p:last-of-type {
    font-size: 14px;
  }

  .seven-card {
    font-size: 14px;
    padding-block: 8px;
    padding-inline: 4px;
    max-width: unset;
    min-width: unset;
    font-weight: 600;
    width: 136px;
  }

  .seven-cards-bottom .seven-card {
    font-size: 12px;
  }

  .seven-cards-top,
  .seven-cards-bottom {
    gap: 4px;
    white-space: nowrap;
    flex-wrap: wrap;
  }

  .seven-cards-top {
    margin-bottom: 4px;
  }
}

/* testemonial */
.testemonial-wrapper {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}

.testemonial-left {
  width: 50%;
  position: relative;
}

.testemonial-left img {
  width: 100%;
}

.testemonial-left a {
  text-decoration: underline !important;
  position: absolute;
  color: #5c4212 !important;
  background-color: #e8ddc88f;
  border-radius: 58px;
  padding-inline: 20px;
  padding-block: 8px;
  white-space: nowrap;
  bottom: -12px;
  right: 34%;
  font-size: 20px;
}

.testemonial-text {
  display: flex;
  align-items: center;
  gap: 16px;
  background-color: #f2f0ea;
  padding: 14px;
  border-radius: 8px;
  font-size: 20px;
  padding-block: 12px;
  line-height: 1.1;
}

.testemonial-right {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  flex: 1;
}

@media (max-width: 992px) {
  .testemonial-wrapper {
    flex-direction: column;
    gap: 34px;
  }

  .testemonial-left {
    width: 100%;
  }

  .testemonial-text {
    font-size: 14px;
    padding: 8px;
    padding-block: 8px;
  }

  .testemonial-left a {
    right: unset;
    left: 0;
    font-size: 12px;
    padding-inline: 8px;
  }

  .testemonial-right {
    align-items: unset;
  }
}

.landing-form-wrapper {
  padding-top: 50px;
  aspect-ratio: 3.2 / 1;
  background: url("/Portals/0/gold-landing/form-back.png") no-repeat;
  margin-bottom: 130px;
  height: 416px;
  background-size: cover;
  width: 100%;
}

.landing-form-wrapper h3 {
  text-align: center;
  color: #5c4212;
  font-size: 2rem;
  margin-bottom: 42px !important;
}

.landing-callus {
  background: #f2f0ea;
  padding: 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 16px;
}

.landing-form-box {
  background-color: #fff;
  border-radius: 24px;
  position: relative;
  padding-block: 24px;
  max-width: 855px;
  margin-inline: auto;
}

.landing-form-box > div {
  position: relative;
  z-index: 2;
}

.landing-form-box
  .LiveForm.Default
  .Field.mobile-under
  label[class*="Field-Label-"] {
  display: block !important;
  font-size: 20px;
  line-height: 24px;
}

.landing-form-box .LiveForm.Default .Field-Container-Wide input {
  background-color: #faf9f6;
  border-radius: 8px;
  height: 50px;
  border: none !important;
}

.landing-form-box.landing-form-box.landing-form-box
  .Field.Textbox:nth-of-type(odd) {
  padding-right: 85px !important;
  padding-left: 18px !important;
}

.landing-form-box.landing-form-box.landing-form-box
  .Field.Textbox:nth-of-type(even) {
  padding-left: 85px !important;
  padding-right: 18px !important;
}

.landing-form-box.landing-form-box.landing-form-box .Submit-Align-Center input {
  font-size: 20px !important;
  width: 160px !important;
  text-align: center;
}

.landing-form-box .Field.Textbox {
  margin-bottom: 36px;
}

.landing-form-box::before {
  content: "";
  background-color: #ffffff66;
  backdrop-filter: blur(20);
  border-radius: 24px;
  width: 40%;
  height: 90%;
  left: -13px;
  bottom: 18px;
  rotate: -6deg;
  display: block;
  position: absolute;
}

.landing-form-box::after {
  content: "";
  background-color: #ffffff66;
  backdrop-filter: blur(20);
  border-radius: 24px;
  width: 40%;
  height: 90%;
  bottom: 18px;
  right: -13px;
  rotate: 6deg;
  display: block;
  position: absolute;
}

.landing-callus > div {
  display: flex;
  align-items: center;
  gap: 24px;
}

.landing-callus > div a {
  display: flex;
  align-items: center;
  gap: 8px;
}

.landing-callus * {
  font-size: 24px;
  color: #2f2f2f;
}

@media (max-width: 992px) {
  .landing-form-box.landing-form-box.landing-form-box
    .Field.Textbox:nth-of-type(odd) {
    padding-right: 30px !important;
    padding-left: 30px !important;
    padding: 0 30px !important;
  }

  .landing-form-box.landing-form-box.landing-form-box
    .Field.Textbox:nth-of-type(even) {
    padding-left: 30px !important;
    padding-right: 30px !important;
    padding: 0 30px !important;
  }

  .landing-form-box
    .LiveForm.Default
    .Field.mobile-under
    label[class*="Field-Label-"] {
    font-size: 14px !important;
  }

  .landing-form-box.landing-form-box.landing-form-box
    .Submit-Align-Center
    input {
    width: calc(100% - 60px) !important;
  }

  .LiveForm.Default .Field label[class*="Field-Label-"],
  .LiveForm.Default .Field > label,
  .LiveForm.Default .Field .MatrixWrapper > label {
    margin-bottom: 0;
  }

  .LiveForm.Default ul.page-break-section .Field.Submitbutton {
    margin-top: 8px;
    padding: 0 30px !important;
  }

  .LiveForm.Default ul.page-break-section .Field.Submitbutton > div {
    width: 100% !important;
  }

  .landing-form-box.landing-form-box.landing-form-box
    .Field
    .Submit-Align-Center
    input[type="submit"] {
    width: 100% !important;
  }

  .landing-form-box {
    margin: 0 44px;
  }

  .landing-form-box > div {
    position: relative;
    z-index: 2;
  }

  .landing-form-wrapper h3 {
    font-size: 18px;
    padding: 0 16px;
    margin-bottom: 20px !important;
  }

  .landing-callus {
    flex-direction: column;
    gap: 24px;
    width: calc(100% - 16px);
  }

  .landing-callus * {
    font-size: 14px;
    font-weight: 700;
    text-align: center;
  }

  .landing-form-wrapper {
    margin-bottom: 192px;
    background: url("/Portals/0/gold-landing/form-back-mobile.png") no-repeat;
    background-size: cover;
    aspect-ratio: 402 / 416;
    width: 100%;
    padding-top: 28px;
  }

  .landing-form-box .Field.Textbox {
    margin-bottom: 8px;
  }

  .gold-landing .faq_wrapper {
    grid-template-columns: 1fr;
    gap: 8px;
    width: 92%;
  }

  .faq_wrapper article,
  .faq_accordion-header {
    font-size: 14px;
  }

  .faq_accordion-header {
    padding-block: 16px;
  }
}

@media print {
  body:has(.WB_Zarei_Online_Basket) * {
    visibility: hidden;
  }

  body:has(.WB_Zarei_Online_Basket) .WB_Zarei_Online_Basket,
  body:has(.WB_Zarei_Online_Basket) .WB_Zarei_Online_Basket * {
    visibility: visible;
  }
}


@media (min-width: 992px) {
  main:has(.mainSlider) {
    padding-top: 32px;
  }
}

.header__Btn .btnStyle1 {
  padding: 6px 28px;
}

.headerTop__In {
  justify-content: space-between;
  align-items: center;
  padding-block: 1rem;
}

.home_slider_buttons_wrapper {
  display: flex;
  position: absolute;
  bottom: 28px;
  right: 22px;
  gap: 12px;
}

.home_slider_buttons_wrapper div.slick-arrow {
  position: static !important;
  transform: unset !important;
  width: unset !important;
  height: unset !important;
}

.home_slider_buttons_wrapper span {
  width: 32px;
  height: 32px;
  display: block;
}
.home_slider_buttons_wrapper .next_button span {
  background: url("/Portals/0/images/slick_arrow_right.svg") !important;
}
.home_slider_buttons_wrapper .prev_button span {
  background: url("/Portals/0/images/slick_arrow_left.svg") !important;
}

.headerTop__In__right,
.headerTop__In__left {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
}

.header__Tools {
  justify-content: space-between;
}

.header__Search__Content {
  display: block !important;
  position: static !important;
  height: unset;
  padding: unset;
}

.header__Tools_wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}

.searchBoxContainer .search-icon {
  background: url("/Portals/0/Images/search_new.svg");
  right: unset;
  left: 8px;
}

.searchBoxContainer .closeBtn {
  display: none;
}

#txtAdvanceSearch {
  border-radius: 8px;
  background-color: #f4f4f0 !important;
  border: unset;
  padding-right: 12px;
}

input#txtAdvanceSearch:focus {
  border-bottom: 1px solid var(--mc1);
  border-radius: 8px !important;
}

.wbSlides__Item .video_describtion {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  translate: unset;
  width: 100%;
  background: linear-gradient(to top, #1b1b1b, #61616100);
  border-radius: unset;
  display: flex !important;
  height: unset;
  padding: 20px;
}

.wbSlides__Item .video_title {
  color: white;
}

.wbSlides__Item .video_button {
  opacity: 0.7;
  background: white;
  border: unset;
}

.wbSlides__Item .video_button:hover {
  color: #1c1c1c;
}

.wbSlides__Item__Video video {
  height: 750px;
}

.whyus_container .wb-slides .item {
  height: 92px !important;
  padding: unset !important;
}

.whyus_container .wb-slides-parent {
  margin: 64px 0;
}

.heading_title_container {
  margin-top: unset;
}

/* .productList__Card__Countdown {
  display: none;
} */

.heading_wrapper {
  margin: 48px 0;
}

.heading_wrapper:has(.mobile_category_dropdown_wrapper) {
  margin: 16px 0;
}

.heading_wrapper > .productList__Card__Countdown {
  background-color: unset;
}

.heading_title_container_content {
  display: flex;
  align-items: center;
  gap: 8px;
}

.heading_title_container_content .WbIcon {
  width: 56px;
  height: 56px;
  background: url("/portals/0/images/gift.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.heading_title_container_content h3 {
  font-size: 26px;
  font-weight: 500;
}

.heading_title_container_content strong {
  color: #d2b384;
  font-weight: 500;
}

.heading_title_container_new {
  margin-top: unset;
  flex-direction: row;
  justify-content: space-between;
}

.heading_title_container_surprise {
  display: none !important;
}

.heading_title_showMore_button {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 24px;
  cursor: pointer;
  color: #000000;
  font-weight: 400;
  transition: var(--transition);
}

.heading_title_showMore_button span {
  border-bottom: 1px solid #d2b384;
}

.heading_title_showMore_button:hover {
  color: #93703e;
  font-weight: 700;
}

.heading_title_showMore_button_icon {
  display: inline-block;
  height: 24px;
  width: 24px;
  background: url("/portals/0/images/arrow_new_page.svg");
  background-repeat: no-repeat;
  background-size: contain;
  display: none;
}

.price_range__InnerWrapper,
.products_banner_InnerWrapper {
  background: #00584c;
  background-size: cover;
  padding: unset;
  padding-inline-start: unset;
  border-radius: unset;
  background-position-x: right;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
}

.price_range__InnerWrapper {
  height: 200px;
  flex-direction: column;
  justify-content: space-evenly;
}

.price_range,
.products_banner {
  display: flex;
  z-index: 2;
  align-items: center;
}

.price_range_Item,
.btnStyle1,
.btnStyle1:visited,
.btnStyle1:focus,
.btnStyle1:active {
  padding: unset;
  width: unset;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  background-color: var(--white);
  font-size: 16px;
  line-height: unset;
  color: #2f2f2f;
  text-align: center;
  transition: var(--transition);
  padding: 6px 24px;
  border: unset;
}

.products_banner_Item,
.footer_banner .btnStyle1,
.footer_banner .btnStyle1:visited,
.footer_banner .btnStyle1:focus,
.footer_banner .btnStyle1:active {
  width: fit-content;
  border-radius: 8px;
  box-shadow: 0 1px 4px 0 #d2b3848c;
  padding: 0;
  color: black !important;
  border-radius: 8px;
  font-size: 14px !important;
  font-weight: 600;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(210, 179, 132, 1) 100%
  );
  position: relative;
  height: 32px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 44px;
  transition: all 0.3s ease;
}

.products_banner_Item:hover,
.footer_banner .btnStyle1:hover,
.footer_banner .btnStyle1:focus,
.footer_banner .btnStyle1:active {
  background: linear-gradient(
    0deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(210, 179, 132, 1) 100%
  );
}

.products_banner_Item::before,
.btnStyle1::before,
.btnStyle1:visited::before {
  display: none;
  content: "";
  background: url("/portals/0/images/new_arrow.svg");
  width: 24px;
  height: 24px;
  position: absolute;
  right: 10px;
  background-position: center;
  background-repeat: no-repeat;
  top: 50%;
  transform: translate(0, -50%);
}

.price_range_Item {
  font-size: 15px;
  padding: 6px 21px;
}

@media (min-width: 991px) {
  .price_range_Item {
    width: 164px;
  }

  a.price_range_Item.price_range_Item1 {
    width: 244px;
  }
}

.btnStyle1:hover,
.btnStyle1:focus,
.btnStyle1:active {
  background-color: #c0a47b;
  color: var(--white);
}

.price_range__InnerWrapper > img,
.products_banner_InnerWrapper > img {
  position: absolute;
  opacity: 0.3;
  left: 0;
  z-index: 1;
  width: 100vw;
}

.price_range_icon {
  background: url("/Portals/0/images/gift_products.svg");
  width: 34px;
  height: 34px;
}

.price_range_title,
.products_banner_title {
  color: white;
  font-size: 24px;
}

.products_banner_title {
  font-size: 30px;
}

.price_range_title span {
  color: #d2b384;
  font-size: 26px;
}

.price_range_title_wrapper {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 16px;
}

.products_banner {
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}

.products_banner_description {
  color: white;
  font-size: 20px;
}

.products_banner_OuterWrapper {
  position: relative;
}

.products_banner_icon {
  position: absolute;
  background: url("/Portals/0/images/new_badge.svg");
  width: 66px;
  height: 66px;
  top: -33px;
  right: 50px;
  z-index: 3;
}

.footer_banner {
  background: #00584c;
  position: relative;
}

.footer_banner > img {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.2;
  z-index: 1;
}

.footer_banner_container {
  display: flex;
  align-items: center;
  gap: 20px;
  z-index: 2;
  position: relative;
  justify-content: space-around;
}

.footer_banner_Text {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 16px;
  color: white;
}

.footer_banner_Text h3 {
  font-size: 26px;
  font-weight: 800;
}

.footer_banner_Text span {
  font-size: 16px;
}

.footer_banner_images {
  display: flex;
  padding: 20px 0;
  gap: 20px;
}

.mainSlider .wb-slides .slick-dots {
  bottom: 32px !important;
  width: fit-content;
  right: 12%;
  transform: unset;
}

.mainSlider .wb-slides .slick-dots li {
  margin: 0 3px;
}

.mainSlider .wb-slides .slick-dots li.slick-active button {
  background-color: #f1e8da !important;
  width: 8px !important;
  height: 8px !important;
}

.mainSlider .wb-slides .slick-dots li button {
  width: 6px !important;
  height: 6px !important;
  border-radius: 100px;
  background: #e4d1b4 !important;
}

.wb-slides-parent .mainSlider__Description a {
  font-size: 16px;
}

/* .wb-slides-parent .Description a {
  width: fit-content;
} */

#dnn_ContentPane2 .heading_title_container_wrapper_new {
  position: relative;
}

#dnn_ContentPane2 .heading_title_container_new img {
  display: none;
}

.new_page_countdwon_container {
  display: flex;
  align-items: center;
  position: absolute;
  top: 12px;
  left: 50%;
  transform: translate(-50%, -16px);
}

#dnn_ContentPane2
  .heading_title_container_wrapper_new
  .productList__Card__Countdown {
  display: flex;
  width: fit-content;
  background: unset;
  align-items: center;
  gap: 8px;
}

.new_page_countdwon_container .updateTime {
  align-items: center;
}

.new_page_countdwon_container > img {
  width: 36px;
  display: none;
  aspect-ratio: 1/1;
}

.slick-next.slick-arrow::before,
.slick-prev.slick-arrow::before {
  content: unset !important;
}

.slick-next.slick-arrow {
  background: url("/Portals/0/images/arrow_new_page.svg") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  border: 1px solid #c0a47b !important;
  left: -14px !important;
  background-color: white !important;
}

.wb-slides-parent .slick-next.slick-arrow {
  background: url("/Portals/0/images/slick_arrow_left.svg") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  border: unset !important;
  left: 22px !important;
  background-color: unset !important;
}

.slick-arrow.slick-disabled {
  display: none !important;
}

.slick-prev.slick-arrow {
  background: url("/Portals/0/images/arrow_new_page.svg") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  border: 1px solid #c0a47b !important;
  right: -14px !important;
  background-color: white !important;
  rotate: 180deg !important;
}

body:has(.homeSpacialOrder) .ProductListSlider .slick-next.slick-arrow {
  left: unset !important;
  right: -14px !important;
  rotate: unset !important;
}

body:has(.homeSpacialOrder) .ProductListSlider .slick-prev.slick-arrow {
  right: unset !important;
  left: -14px !important;
  rotate: 180deg !important;
}

.wb-slides-parent .slick-prev.slick-arrow {
  background: url("/Portals/0/images/slick_arrow_right.svg") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  border: unset !important;
  right: 22px !important;
  background-color: unset !important;
  rotate: unset !important;
}

.slick-arrow {
  transform: unset !important;
}

#dnn_RightFourPane {
  display: none;
}

body.personabar-visible #dnn_RightFourPane {
  display: block;
}

.category_names_container .home_cat_List .SCat-Main li:has(.آویزساعت) {
  display: none;
}

.timer_line.timer_line_right {
  width: 94px;
  height: 1px;
  background: linear-gradient(
    90deg,
    rgba(210, 179, 132, 1) 0%,
    rgba(241, 232, 218, 1) 100%
  );
}

.timer_line.timer_line_left {
  width: 94px;
  height: 1px;
  background: linear-gradient(
    -90deg,
    rgba(210, 179, 132, 1) 0%,
    rgba(241, 232, 218, 1) 100%
  );
}

.products_banner_wages_titles .products_banner_title {
  font-size: 32px;
  font-weight: 500;
}

.products_banner_wages_titles {
  display: flex;
  flex-direction: row;
  gap: 8px;
}

@media (max-width: 990px) {
  body:has(.installment_btn) .headerTop__In {
    flex-wrap: nowrap;
    justify-content: space-between;
    padding-block: 12px;
  }

  .timer_line {
    display: none;
  }

  .headerTop__In__right {
    width: 100%;
    justify-content: space-between;
    flex-direction: row-reverse;
  }

  body:has(.installment_btn) .headerTop__In__right {
    width: unset;
    flex-direction: row-reverse;
    gap: 24px;
  }

  body:has(.installment_btn) .header__Search__Content {
    display: none !important;
  }

  body:has(.installment_btn) .headerTop .headerTop__In__left {
    white-space: nowrap;
  }

  #wrap {
    padding-bottom: 0;
  }

  .heading_title_container_new {
    position: relative;
  }

  .heading_title_container_new img {
    position: absolute;
    top: -22px;
    left: 50%;
    transform: translate(-50%);
  }

  .heading_title_container_new h3 span {
    font-size: 20px;
    font-weight: 600;
  }

  .heading_title_showMore_button span {
    font-size: 16px;
    line-height: 1;
  }

  .heading_title_showMore_button_icon {
    display: none;
  }

  #dnn_ContentPane2 .heading_wrapper.container {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-bottom: 26px;
  }

  #dnn_ContentPane2
    .heading_title_container_wrapper_new
    .new_page_countdwon_container {
    transform: translate(-50%, 36px);
    top: -8px;
  }

  .new_page_countdwon_container > img {
    width: 24px;
  }

  .whyus_container .wb-slides .slick-dots {
    bottom: -24px !important;
  }

  .products_banner {
    flex-direction: column;
    gap: 10px;
    padding: 20px;
    align-items: start;
  }

  .price_range__InnerWrapper > img,
  .products_banner_InnerWrapper > img {
    height: 100%;
    object-fit: cover;
  }

  .price_range__InnerWrapper {
    margin: unset;
  }

  .price_range__InnerWrapper,
  .products_banner_InnerWrapper {
    height: unset;
  }

  .products_banner_description {
    margin-bottom: 8px;
  }

  .price_range {
    /* display: grid; */
    padding: 16px;
    flex-direction: column;
  }

  .price_range_title_wrapper {
    grid-column: 1 / 3;
    grid-row: 1 / 2;
    margin: 8px 0;
    flex-direction: row;
    align-items: center;
    gap: 4px;
  }

  .price_range_left {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column: 1 / 3;
    grid-row: 2 / 3;
    width: 100%;
  }

  .price_range_Item1 {
    grid-column: 1 / 3;
    grid-row: 2 / 3;
  }

  .price_range_title {
    font-size: 20px;
    font-weight: 800;
  }

  .price_range_title span {
    font-size: 20px;
    font-weight: 800;
  }

  .price_range_Item,
  .price_range_Item:visited {
    padding: unset;
    font-size: 14px;
    width: 100%;
  }

  .products_banner_Item,
  .products_banner_Item:visited {
    align-self: end;
    width: 106px;
    padding: 0;
    font-size: 14px;
    text-align: center;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .products_banner_Item::before {
    right: 4px;
  }

  .btnStyle1,
  .btnStyle1:visited {
    width: 150px;
    align-self: end;
  }

  .products_banner_icon {
    right: unset;
    left: 20px;
  }

  .mainSlider .wb-slides-parent .Description {
    bottom: 0;
    height: fit-content;
    top: unset;
    width: 100%;
    left: unset;
    right: unset;
    /* background: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.2) 40%,
      rgba(0, 0, 0, 0.5) 70%,
      rgba(0, 0, 0, 0.8) 90%,
      #000 100%
    ); */

    max-width: unset;
    padding: 30px 20px 44px;
    height: 100%;
    justify-content: end;
  }

  #dnn_RightFourPane {
    display: block;
  }

  /* #dnn_RightThreePane {
    display: none;
  } */
  .wbSlides__Item__Video video {
    height: unset;
  }

  .price_range__InnerWrapper {
    margin-top: 64px;
  }

  .footer_banner_Text {
    position: absolute;
    width: 300px;
    height: 100%;
    padding: 46px;
    justify-content: end;
    padding-bottom: 27px;
    z-index: 2;
  }

  .footer_banner_Text h3 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: -14px !important;
  }

  .footer_banner_Text span {
    font-size: 14px;
  }

  .footer_banner_Text span br {
    display: none;
  }

  .footer_banner_images img {
    display: none;
  }

  .footer_banner_images img:last-child {
    display: block;
    opacity: 0.5;
  }

  .ProductListSlider,
  .ProductCounterListSlider {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
  }

  .ProductCounterListSlider .slick-dots,
  .ProductListSlider .slick-dots {
    position: unset !important;
    margin-top: 8px;
    margin-bottom: 6px;
  }

  .category_names_container .SCat-Nav .slick-arrow {
    border: 1px solid #c0a47b !important;
  }

  .category_names_container .SCat-Nav .slick-arrow.slick-prev {
    right: 0 !important;
    top: unset !important;
    bottom: -56px !important;
  }

  .category_names_container .SCat-Nav .slick-arrow.slick-next {
    left: 0 !important;
    top: unset !important;
    bottom: -56px !important;
  }

  #dnn_ctr579_ContentPane .mainSlider .wb-slides-parent .Description h1,
  #dnn_ctr579_ContentPane .mainSlider .wb-slides-parent .Description h2 {
    color: white !important;
    font-size: 24px !important;
  }

  #dnn_ctr579_ContentPane .mainSlider__Description a {
    color: white !important;
    font-size: 16px !important;
  }

  .whyus_container .wb-slides .item .Description h1 {
    font-size: 14px !important;
  }

  #dnn_ctr574_dnnTITLE_titleLabel {
    font-size: 20px;
  }

  .products_banner_wages_titles .products_banner_title {
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 0.5rem;
  }

  .products_banner_description,
  .products_banner_title {
    font-size: 20px;
  }

  .products_banner_wages_titles {
    flex-direction: column;
    gap: 0;
  }

  .footer_banner .btnStyle1 {
    font-size: 14px;
  }

  .heading_title_container_new:has(.heading_title_container_content) {
    top: -50px;
    margin: 0 -16px;
  }
  .heading_title_container_content h3 {
    font-size: 18px;
  }
  .heading_title_container_content .WbIcon {
    display: none;
  }
  .home_slider_buttons_wrapper {
    display: none  !important;
  }

  .mainSlider .wb-slides .slick-dots {
    bottom: 32px !important;
    width: fit-content;
    right: 50% !important;
    transform: translate(50%, 0);
  }
}


.FooterPane {
    background-color: #fff;
    padding: 32px 0 16px;
    margin-top: 48px;
}
.Footer__Logo {
    text-align: center;
}
.Footer__Logo img {
    max-width: 100px;
}
.Footer__Menu ul {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 32px;
    margin-bottom: 16px;
}
.Footer__Menu ul li {
    padding: 0 16px;
    position: relative;
}
.Footer__Menu ul li:not(:last-child)::before {
    content: "";
    display: block;
    border-left: 1px dashed #acacac;
    width: 1px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.FooterImg {
    display: flex;
    justify-content: flex-end;
}
.FooterImg__Card {
    border-radius: var(--border-radius);
    border: 1px solid #ede6dc;
    margin-right: 8px;
    overflow: hidden;
    display: flex;
    align-items: center;
    width: 30%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.FooterImg__Card a {
    display: block;
}
.FooterImg__Card:last-child a {
    width: 100%;
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: center;
}
.FooterImg__Card:last-child a img {
    width: 65%;
}
.FooterTop {
    border-bottom: 1px solid #ede6dc;
    padding-bottom: 32px;
    margin-bottom: 32px;
}
.copyright {
    font-size: 12px;
    border-top: 1px solid #ede6dc;
    padding-top: 16px;
    color: #c0a47b;
}

.copyright img {
    margin-top: -6px;
    margin-right: 2px;
}

.Footer__Links li {
    transition: var(--transition);
}

.Footer__Links li:hover {
    color: var(--mc1);
}

@media (max-width: 991px) {
    .FooterPane .container .row {
        display: grid;
    }
    #dnn_FooterPane1 {
        display: none;
    }
    #dnn_FooterPane2 {
        grid-row: 4/5;
    }
    .FooterImg {
        justify-content: flex-start;
        margin-bottom: 24px;
    }
}

.factor-zarine-show {
    display: block !important;
}

.basket_Route_Wrapper {
    padding-top: 14px;
    height: 100px;
    display: flex;
    gap: 40px;
    padding-inline: 24px;
    align-items: flex-start;
    position: relative;
    margin-top: 2rem;
    overflow: hidden;
    justify-content: center;
}

.basket_Route_Wrapper::before {
    content: "";
    width: 130%;
    position: absolute;
    height: 1px;
    background: #dbdbdb;
    top: 60%;
    translate: 0 50%;
}

.basket_Route_Img .basket_Img_Green {
    display: none;
}

.basket_Route {
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
}

.azki_section,
.digipay_section.digipay_section.digipay_section {
    display: none !important;
}

.basket_Route::before {
    content: "";
    height: 4px;
    background: transparent;
    width: 100%;
    bottom: 0;
    position: absolute;
}

.basket_Route_Wrapper .basket_Route a {
    padding: 12px;
    border-radius: 8px;
}

body:has(.wb_CheckOut):not(:has(#widget)) .basket_Route_Wrapper .basket_Route:has(.digipay-redirect)::before {
    background: #00584c;
}

body:has(.wb_CheckOut):not(:has(#widget)) .basket_Route_Wrapper .basket_Route:has(.digipay-redirect) a {
    background: rgb(233 231 231);
}

body:has(.wb_CheckOut):not(:has(#widget)) .basket_Route_Wrapper .basket_Route:has(.digipay-redirect) p {
    color: #00584c;
}

body:has(.wb_CheckOut):not(:has(#widget)) .basket_Route_Wrapper .basket_Route:has(.digipay-redirect) svg {
    color: #00584c;
}

/* digikala */
body:has(#widget) .basket_Route_Wrapper .basket_Route:first-child::before {
    background: #00584c;
}

body:has(#widget) .basket_Route_Wrapper .basket_Route:first-child a {
    background: rgb(233 231 231);
}

body:has(#widget) .basket_Route_Wrapper .basket_Route:first-child p {
    color: #00584c;
}

body:has(#widget) .basket_Route_Wrapper .basket_Route:first-child svg {
    color: #00584c;
}

body:not(:has(.wb_CheckOut, #widget)) .basket_Route_Wrapper .basket_Route:last-child::before {
    background: #00584c;
}

body:not(:has(.wb_CheckOut, #widget)) .basket_Route_Wrapper .basket_Route:last-child p {
    color: #00584c;
}

body:not(:has(.wb_CheckOut, #widget)) .basket_Route_Wrapper .basket_Route:last-child svg {
    color: #00584c;
}

body:not(:has(.wb_CheckOut, #widget)) .basket_Route_Wrapper .basket_Route:last-child a {
    background: rgb(233 231 231);
}

.basket_Route p {
    font-size: 1rem;
    color: #2f2f2f;
    font-weight: 500;
}

.ModelItem.chooseModel.radioSelect .modelId {
    background: cornflowerblue;
    color: #fff;
    border-radius: 4px;
    padding-inline: 4px;
}

@media (max-width: 992px) {
    .basket_Route_Wrapper {
        gap: 8px;
        padding-inline: 0;
        justify-content: flex-start;
        gap: 16px;
        overflow: auto;
    }

    .basket_Route {
        white-space: nowrap;
        flex-shrink: 0;
    }

    .basket_Route p {
        font-size: 14px;
    }

    .installment-coming-soon.installment-coming-soon {
        border-radius: 8px;
    }

    .installment-coming-soon.installment-coming-soon p {
        font-size: 1.75rem;
        text-align: center;
        line-height: 1.5;
    }

    .installment-coming-soon img {
        margin-bottom: 1rem !important;
        width: 160px !important;
    }
}

@media (max-width: 991px) {
    .ModelItem.chooseModel.radioSelect .modelId {
        margin-block: 4px;
    }
}

/* this is belong to order details page */
.order-edit {
    .container {
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        gap: 46px;
        padding: 20px 0;
    }

    /* Order Status Section */
    .order-status-section {
        height: 261px;
        display: flex;
        flex-direction: column;
        gap: 11px;
    }

    .order-header {
        height: 129px;
        display: flex;
        flex-direction: column;
        gap: 27px;
        margin-bottom: 1.5rem;
    }

    .order-info-box {
        position: relative;
        background: white;
        border: 1px solid #00584c;
        border-radius: 8px;
        height: 71px;
        display: flex;
        align-items: center;
        padding: 0 32px;
    }

    .order-info-content {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        font-size: 20px;
        color: #2f2f2f;
        font-weight: 400;
        line-height: 31px;
    }

    .order-number {
        font-size: 20px;
        color: #2f2f2f;
        font-weight: 400;
        line-height: 31px;
    }

    .order-date {
        font-size: 20px;
        color: #2f2f2f;
        font-weight: 400;
        line-height: 31px;
    }

    .section-title {
        height: 31px;
        font-size: 20px;
        color: #2f2f2f;
        font-weight: 600;
        line-height: 31px;
        text-align: right;
    }

    /* Progress Bar */
    .progress-container {
        position: relative;
        height: 140px;
        display: flex;
        align-items: center;
    }

    .progress-track {
        position: relative;
        width: 98%;
        height: 16px;
        right: 50%;
        translate: 50%;
        background: #e6e6e6;
        border-radius: 8px;
        overflow: hidden;
        position: absolute;
        top: 7px;
    }

    .progress-bar-fill {
        position: absolute;
        right: 0;
        top: -3px;
        height: 22px;
        width: 0;
        background: #00584c;
        transition: width 0.3s ease;
    }

    .progress-steps {
        position: absolute;
        top: -18px;
        left: 0;
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding: 0 6px;
    }

    .progress-step {
        position: relative;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .progress-dot {
        width: 62px;
        height: 62px;
        border-radius: 50%;
        background: #e6e6e6;
        display: grid;
        place-items: center;
        transition:
            background 0.2s ease,
            box-shadow 0.2s ease;
        position: relative;
    }

    .progress-dot-inner {
        width: 46px;
        height: 46px;
        border-radius: 50%;
        background: #e6e6e6;
        transition: background 0.2s ease;
        position: relative;
    }

    .check-icon-wrapper {
        position: absolute;
        width: 56px;
        height: 56px;
        background: #e6e6e6;
        border-radius: 50%;
        display: none;
        align-items: center;
        justify-content: center;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 2;
        display: flex;
    }

    .check-icon-wrapper:is(.active, .completed) {
        background: #beebcc;
        border: 8px solid #00584c;
    }

    .check-icon-wrapper.active,
    .check-icon-wrapper.completed {
        display: flex;
        box-shadow: 0 0 0 3px rgba(0, 88, 76, 0.2);
    }

    .check-icon-wrapper img {
        width: 24px;
        height: 24px;
    }

    .check-icon-active {
        display: none;
    }

    .check-icon-not-active {
        display: block;
    }

    .progress-dot.completed {
        background: #00584c;
        box-shadow: 0 0 0 4px rgba(0, 88, 76, 0.15);
    }

    .progress-dot.completed .progress-dot-inner {
        background: #a8dcc0;
    }

    .progress-dot.active {
        background: #00584c;
        box-shadow: 0 0 0 4px rgba(0, 88, 76, 0.15);
    }

    .progress-dot.active .progress-dot-inner {
        background: #beebcc;
    }

    .progress-label {
        margin-top: 10px;
        font-size: 18px;
        font-weight: 600;
        line-height: 28px;
        color: #2f2f2f;
        white-space: nowrap;
    }

    .progress-step:last-child {
        align-items: flex-end;
    }

    .progress-step:first-child {
        align-items: flex-start;
    }

    .progress-step[data-step="3"] {
        margin-right: 35px;
    }

    .purchase-section {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .purchase-total-item {
        display: flex;
        justify-content: space-between;
        padding: 8px 10px;
    }

    .purchase-total-wrapper {
        border-radius: 8px;
        overflow: hidden;
        height: fit-content;
        position: sticky;
        top: 8px;
    }

    .purchase-total-item:nth-child(even) {
        background: #e6e6e6;
    }

    .purchase-total-item:nth-child(odd) {
        background: #fff;
    }
    .purchase-box {
        position: relative;
        background: white;
        border: 1px solid #9b9b9b;
        border-radius: 8px;
        display: flex;
        padding: 14px;
        gap: 18px;
    }

    .product-image {
        width: 77px;
        height: 96px;
        border: 1px solid #e6e6e6;
        border-radius: 8px;
        object-fit: cover;
    }

    .purchase-content {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    .product-info {
        display: flex;
        flex-direction: column;
        gap: 8px;
        align-items: flex-start;
        width: 362px;
    }

    .purchase-box-wrapper {
        width: 100%;
        display: flex;
        gap: 24px;
    }

    .purchase-products {
        display: flex;
        flex-direction: column;
        gap: 12px;
        width: 60%;
    }

    .purchase-total-wrapper {
        width: 40%;
    }

    .product-title {
        font-size: 18px;
        color: #2f2f2f;
        font-weight: 700;
        line-height: 28px;
        text-align: right;
        width: 100%;
    }

    .product-description {
        font-size: 16px;
        color: #4e4e4e;
        font-weight: 400;
        line-height: 25px;
        text-align: right;
        width: 100%;
    }

    .product-weight-accessories {
        display: flex;
        flex-direction: column;
        gap: 15px;
        align-items: flex-end;
        width: 329px;
        font-size: 16px;
        color: #4e4e4e;
        font-weight: 400;
        line-height: 25px;
        text-align: right;
    }
    .product-weight,
    .product-accessories {
        color: #4e4e4e;
    }

    .price-container {
        display: flex;
        flex-direction: column;
        gap: 3px;
        align-items: flex-start;
    }

    .price-row {
        display: flex;
        align-items: center;
        gap: 4px;
        justify-content: center;
    }

    .discount-badge {
        background: #fa3b3b;
        border-radius: 50px;
        color: white;
        font-size: 16px;
        font-weight: 700;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 25px;
        width: 40px;
        aspect-ratio: 1/1;
    }

    .original-price {
        text-decoration: line-through;
        color: #4e4e4e;
        font-size: 16px;
        font-weight: 500;
        line-height: 25px;
    }

    .final-price {
        font-size: 20px;
        color: #00584c;
        font-weight: 700;
        line-height: 31px;
        text-align: right;
        width: 100%;
    }

    .final-price .currency {
        font-weight: 500;
    }

    /* Buyer Info Section */
    .buyer-section {
        height: 322px;
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .buyer-box {
        position: relative;
        background: white;
        border: 1px solid #9b9b9b;
        border-radius: 8px;
        padding: 16px;
    }

    .buyer-content {
        display: flex;
        flex-direction: column;
        gap: 12px;
        align-items: flex-start;
    }

    .buyer-row {
        display: flex;
        align-items: center;
        gap: 16px;
        font-size: 16px;
        line-height: 25px;
        height: 25px;
        color: #2f2f2f;
    }

    .buyer-row-name {
        gap: 24px;
    }

    .buyer-row-email {
        gap: 10px;
    }

    .buyer-label {
        color: #2f2f2f;
        font-weight: 700;
        font-size: 16px;
        line-height: 25px;
    }

    .buyer-value {
        color: #2f2f2f;
        font-weight: 400;
        font-size: 16px;
        line-height: 25px;
    }

    .address-section {
        width: 1204px;
        display: flex;
        flex-direction: column;
        gap: 12px;
        align-items: flex-end;
    }

    .address-title {
        width: 100%;
        font-size: 16px;
        color: #2f2f2f;
        font-weight: 700;
        line-height: 25px;
        text-align: right;
        height: 25px;
    }

    .address-row {
        width: 100%;
        height: 25px;
        display: flex;
        gap: 60px;
        align-items: center;
    }

    .address-item {
        display: flex;
        gap: 16px;
        align-items: center;
        font-size: 16px;
        line-height: 25px;
        height: 25px;
        color: #2f2f2f;
    }

    .address-item-postal {
        width: 155px;
    }

    .address-item-full {
        width: 571px;
    }

    .address-item-city-province {
        display: flex;
        gap: 38px;
        align-items: center;
    }

    .address-city-item {
        display: flex;
        gap: 16px;
        align-items: center;
    }

    .address-province-item {
        display: flex;
        gap: 16px;
        align-items: center;
    }

    .address-label {
        color: #2f2f2f;
        font-weight: 700;
        font-size: 16px;
        line-height: 25px;
    }

    .address-value {
        color: #2f2f2f;
        font-weight: 400;
        font-size: 16px;
        line-height: 25px;
    }

    .address-city {
        width: 81px;
    }

    .address-postal {
        width: 94px;
    }

    .address-full {
        width: 511px;
    }

    /* Payment Section */
    .payment-section {
        height: 137px;
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .payment-box {
        position: relative;
        background: white;
        border: 1px solid #9b9b9b;
        border-radius: 8px;
        padding: 1rem;
    }

    .payment-content {
        display: flex;
        gap: 108px;
        align-items: center;
    }

    .payment-group-1 {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .payment-group-2 {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .payment-row {
        display: flex;
        align-items: center;
        font-size: 16px;
        line-height: 25px;
        height: 25px;
        color: #2f2f2f;
        gap: 8px;
        white-space: nowrap;
    }

    .payment-row-justify {
        justify-content: space-between;
        width: 100%;
    }

    .payment-row-gap {
        gap: 16px;
    }

    .payment-row-gap-21 {
        gap: 21px;
    }

    .payment-label {
        color: #2f2f2f;
        font-weight: 700;
        font-size: 16px;
        line-height: 25px;
    }

    .payment-value {
        color: #2f2f2f;
        font-weight: 400;
        font-size: 16px;
        line-height: 25px;
    }

    /* Shipping Section */
    .shipping-section {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .progress-dot.danger.active {
        background: #bf0303;
    }

    .shipping-content {
        display: flex;
        gap: 36px;
    }

    .shipping-left {
        position: relative;
        flex: 1;
        min-height: 400px;
    }

    .shipping-image {
        object-fit: cover;
    }

    .shipping-text {
        position: absolute;
        font-size: 16px;
        color: #2f2f2f;
        text-align: right;
    }

    .shipping-text-1 {
        right: 714.74px;
        top: 24px;
        width: 300.44px;
        height: 25px;
        line-height: 25px;
        font-weight: 500;
    }

    .shipping-text-2 {
        right: 558.72px;
        top: 57px;
        width: 530px;
        height: 70px;
        line-height: 29px;
        font-weight: 400;
    }

    .shipping-text-3 {
        right: 616.7px;
        top: 135px;
        width: 473px;
        height: 35px;
        line-height: 35px;
        font-weight: 400;
    }

    .shipping-text-4 {
        right: 558.72px;
        top: 178px;
        width: 534px;
        height: 35px;
        line-height: 35px;
        font-weight: 500;
    }

    .shipping-text-regular {
        font-weight: 400;
    }

    .shipping-text-bold {
        font-weight: 700;
    }

    .shipping-text-underline {
        text-decoration: underline;
    }

    .shipping-options {
        width: 254px;
        height: 192px;
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

    .shipping-option {
        position: relative;
        background: white;
        border: 1px solid #d4d4d4;
        border-radius: 4px;
        width: 254px;
        height: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 16px;
        color: #d2d5da;
        font-weight: 400;
    }

    .shipping-option.active {
        border-color: #00584c;
        color: #2f2f2f;
    }

    .shipping-option.disabled {
        opacity: 0.5;
        cursor: not-allowed;
        pointer-events: none;
    }

    .shipping-option-text {
        width: 97px;
        height: 25px;
        line-height: 25px;
        text-align: center;
        white-space: nowrap;
    }

    .shipping-option.active .shipping-option-text {
        width: 89px;
    }

    /* Shipping Method Template Styles */
    .ShipmentMethod {
        width: 100%;
    }

    .shipping_Method__Desc {
        margin-top: 20px;
    }

    .ShipmentMethod__Wrapper {
        display: flex;
        gap: 20px;
        align-items: flex-start;
    }

    .ShipmentMethod__Content {
        flex: 1;
    }

    .ShipmentMethod__Content__List {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .ShipmentMethod__Content__List li {
        font-size: 16px;
        color: #2f2f2f;
        line-height: 25px;
    }

    .ShipmentMethod__Image {
        width: 200px;
        flex-shrink: 0;
    }

    .ShipmentMethod__Image img {
        width: 100%;
        height: auto;
        border-radius: 8px;
    }

    .ShipmentMethod__Sp {
        margin-bottom: 20px;
    }

    .ShipmentMethod__Address {
        display: flex;
        flex-direction: column;
        gap: 16px;
        margin-top: 20px;
    }

    .ShipmentMethod__AddressCard {
        background: white;
        border: 1px solid #e6e6e6;
        border-radius: 8px;
        padding: 16px;
        display: flex;
        gap: 8px;
        height: auto;
    }

    .ShipmentMethod__AddressCard__Title {
        font-size: 16px;
        font-weight: 700;
        color: #2f2f2f;
        line-height: 25px;
    }

    .ShipmentMethod__AddressCard__Content {
        font-size: 16px;
        font-weight: 400;
        color: #4e4e4e;
        line-height: 25px;
    }

    .ShipmentMethod p {
        font-size: 18px;
        font-weight: 500;
        color: #2f2f2f;
        margin-bottom: 16px;
    }

    .purchase-products .order-prod-list {
        display: none;
    }

    .purchase-total-wrapper .purchase-box {
        display: none;
    }

    .order-discount {
        direction: ltr;
    }

    .shipping_Method__Desc {
        display: block !important;
    }

    /* Mobile Responsive Styles */
    @media (max-width: 992px) {
        .container {
            width: 100%;
            gap: 2rem;
        }

        .order-status-section {
            height: auto;
            width: 100%;
        }

        .order-header {
            height: auto;
            width: 100%;
        }

        .order-info-box {
            height: auto;
            min-height: 60px;
            padding: 1rem;
            width: 100%;
        }

        .order-info-content {
            flex-direction: column;
            align-items: flex-start;
            gap: 0.5rem;
            font-size: 0.875rem;
            line-height: 1.4;
        }

        .order-number,
        .order-date {
            font-size: 0.875rem;
            line-height: 1.4;
        }

        .section-title {
            height: auto;
            font-size: 1rem;
            line-height: 1.4;
        }

        .order-status-error {
            color: #fa3b3b;
            font-weight: 600;
            display: block;
            margin-top: 0.5rem;
        }

        /* Progress Bar Mobile */
        .progress-container {
            height: auto;
            min-height: 40px;
            width: 100%;
            padding: 1rem 0;
        }

        .progress-track {
            width: 95%;
            height: 12px;
            top: -3px;
        }

        .progress-bar-fill {
            height: 18px;
        }

        .progress-steps {
            padding: 0 2px;
        }

        .progress-step {
            flex: 1;
            min-width: 0;
        }

        .progress-dot {
            width: 40px;
            height: 40px;
        }

        .progress-dot-inner {
            width: 30px;
            height: 30px;
        }

        .check-icon-wrapper {
            width: 36px;
            height: 36px;
            border-width: 6px;
        }

        .check-icon-wrapper img {
            width: 16px;
            height: 16px;
        }

        .progress-label {
            font-size: 0.75rem;
            line-height: 1.3;
            margin-top: 0.5rem;
            white-space: normal;
            word-break: break-word;
        }

        /* Purchase Section Mobile */
        .purchase-box-wrapper {
            gap: 1rem;
            flex-direction: column;
        }

        .price-container {
            margin-right: auto;
        }

        .purchase-products,
        .purchase-total-wrapper {
            width: 100%;
        }

        .purchase-box {
            padding: 1rem;
            gap: 1rem;
        }

        .product-image {
            width: 100%;
            max-width: 120px;
            height: auto;
            aspect-ratio: 77/96;
        }

        .purchase-content {
            flex-direction: column;
            align-items: flex-start;
            gap: 0.75rem;
        }

        .product-info {
            width: 100%;
        }

        .product-weight-accessories {
            width: 100%;
        }

        /* Buyer Section Mobile */
        .buyer-section {
            width: 100%;
            height: auto;
        }

        .buyer-box {
            padding: 1rem;
        }

        .buyer-row {
            flex-direction: column;
            align-items: flex-start;
            height: auto;
            gap: 0.5rem;
            font-size: 0.875rem;
        }

        .buyer-row-name {
            gap: 0.5rem;
        }

        .buyer-row-email {
            gap: 0.5rem;
        }

        .buyer-label,
        .buyer-value {
            font-size: 0.875rem;
            line-height: 1.4;
        }

        .address-section {
            width: 100%;
        }

        .address-title {
            height: auto;
            font-size: 0.875rem;
        }

        .address-row {
            flex-direction: column;
            align-items: flex-start;
            height: auto;
            gap: 0.75rem;
        }

        .address-item {
            width: 100%;
            height: auto;
            flex-direction: column;
            align-items: flex-start;
            gap: 0.5rem;
            font-size: 0.875rem;
        }

        .address-item-postal,
        .address-item-full {
            width: 100%;
        }

        .address-item-city-province {
            flex-direction: column;
            align-items: flex-start;
            width: 100%;
            gap: 0.75rem;
        }

        .address-city-item,
        .address-province-item {
            width: 100%;
        }

        .address-city,
        .address-postal,
        .address-full {
            width: 100%;
        }

        .address-label,
        .address-value {
            font-size: 0.875rem;
            line-height: 1.4;
        }

        /* Payment Section Mobile */
        .payment-section {
            width: 100%;
            height: auto;
        }

        .payment-box {
            width: 100%;
            height: auto;
            padding: 1rem;
            position: relative;
        }

        .payment-content {
            position: static;
            flex-direction: column;
            gap: 1rem;
            align-items: flex-start;
        }

        .payment-group-1,
        .payment-group-2 {
            width: 100%;
        }

        .payment-row {
            flex-direction: column;
            align-items: flex-start;
            height: auto;
            gap: 0.5rem;
            font-size: 0.875rem;
            white-space: normal;
        }

        .payment-row-justify {
            flex-direction: column;
        }

        .payment-label,
        .payment-value {
            font-size: 0.875rem;
            line-height: 1.4;
            line-break: anywhere;
        }

        .product-title {
            font-size: 14px;
        }

        .price-row {
            margin-right: auto;
        }

        .discount-badge {
            font-size: 13px;
            width: 28px;
        }

        /* Shipping Section Mobile */
        .shipping-section {
            width: 100%;
            height: auto;
        }

        .shipping-content {
            flex-direction: column;
            gap: 1.5rem;
        }

        .shipping-left {
            width: 100%;
            min-height: auto;
        }

        .shipping-text {
            position: static;
            font-size: 0.875rem;
            margin: 0.5rem 0;
        }

        .shipping-text-1,
        .shipping-text-2,
        .shipping-text-3,
        .shipping-text-4 {
            position: static;
            width: 100%;
            height: auto;
            line-height: 1.5;
        }

        .shipping-options {
            width: 100%;
            height: auto;
        }

        .shipping-option {
            width: 100%;
            height: auto;
            min-height: 44px;
            font-size: 0.875rem;
        }

        .shipping-option-text {
            width: auto;
            height: auto;
            white-space: normal;
        }

        /* Shipping Method Mobile */
        .ShipmentMethod__Wrapper {
            flex-direction: column;
            gap: 1rem;
        }

        .ShipmentMethod__Image {
            width: 100%;
            max-width: 100%;
        }

        .ShipmentMethod__Content {
            width: 100%;
        }

        .ShipmentMethod__Content__List li {
            font-size: 0.875rem;
            line-height: 1.4;
        }

        .ShipmentMethod__AddressCard__Title,
        .ShipmentMethod__AddressCard__Content {
            font-size: 0.875rem;
            line-height: 1.4;
        }

        .ShipmentMethod p {
            font-size: 1rem;
        }

        .purchase-total-item p {
            white-space: normal;
            line-height: 1.5;
            max-height: 1.5em;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
        }

        .purchase-total-item p span {
            white-space: normal;
        }
    }
}

.ModNBStoreOrderHistoryC .menu-nb-bg {
    display: none !important;
}

.border-panel.email-print-section {
    display: none !important;
}

.ModNBStoreOrderHistoryC .btns-back.btn-grp {
    display: none !important;
}

/* pdf print file */
body:has(.pdfFile)
    :is(
        .header,
        footer.FooterPane,
        .basket_Route_Wrapper,
        .banner_Top,
        .header_Logo,
        .personaBarContainer,
        .checkout-nav-tabs-wrap,
        #eruda
    ) {
    display: none;
}

body:has(.pdfFile) {
    margin-right: 0 !important;
}

@media print {
    #WB_BreadCrumb {
        display: none !important;
    }

    .categoryStyle {
        display: none !important;
    }

    .checkout-nav-tabs-wrap {
        display: none !important;
    }

    #eruda {
        display: none !important;
    }
}

body:has(.pdfFile) #WB_BreadCrumb {
    display: none;
}

body:has(.pdfFile) #dnn_ctr652_ContentPane {
    display: none;
}

.MuiModal-root .MuiBox-root:has(img[alt="دیجی پی"]) {
    display: none;
}

.digikala-widget.digikala-widget {
    width: 100%;
}

.digikala-widget.digikala-widget {
    display: block !important;
}

body:has(digify-clickable-box) #WB_StoreReact_Root > div > div > div.MuiBox-root.muirtl-f0tjzh > button {
    display: none;
}

body:has(img[alt="empty basket"]) digify-clickable-box {
    display: none;
}

.checkout-nav-tabs-wrap {
    margin-inline: auto;
    margin-bottom: 2rem;
}

.checkout-nav-tabs {
    display: flex;
    gap: 22px;
    justify-content: center;
}


.checkout-nav-tab {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    width: 297px;
    padding: 16px 8px;
    border: none;
    background: none;
    cursor: pointer;
    font-family: inherit;
    border-radius: 6px;
    background-color: #fff;
    text-align: center;
    transition:
        background-color 0.2s ease,
        color 0.2s ease;
}

.checkout-nav-tab .checkout-nav-lbl {
    font-size: 16px;
    font-weight: 700;
    color: #0a2f2a;
}

.checkout-nav-tab img {
    margin-bottom: 12px;
    margin-inline: auto;
}

.checkout-nav-tab .tab-active-img {
    display: none;
}

.checkout-nav-tab.checkout-nav-active .tab-active-img {
    display: block;
}

.checkout-nav-tab .tab-img {
    display: block;
}
.checkout-nav-tab.checkout-nav-active .tab-img {
    display: none;
}


.checkout-nav-tab.digi-nav-tab.checkout-nav-active {
    box-shadow: 0px 0px 22px 0px #ea214729;
}

.checkout-nav-tab.cash-nav-tab.checkout-nav-active {
    box-shadow: 0px 0px 22px 0px #d2b38466;
}

.checkout-nav-tab.install-nav-tab.checkout-nav-active {
    box-shadow: 0px 0px 22px 0px #d2b38466;
}

.checkout-nav-tab span {
    display: block;
}

.checkout-nav-tab .checkout-nav-sub {
    font-size: 14px;
    font-weight: 600;
    color: #717171;
}

@media (max-width:992px) {
    .checkout-nav-tabs {
        flex-direction: column;
        gap: 12px;
    }

    .checkout-nav-tab {
        width: 100%;
        display: flex;
        flex-direction: row;
        gap: 22px;
        padding-inline: 22px;
    }

    .checkout-nav-tab img {
        margin-bottom: unset;
        margin-inline: unset;
    }

    .checkout-nav-tab span {
        text-align: right;
    }
}

.productReminder button.product-reminder span {
    margin-left: 1.5rem;
}

.close-modal-btn {
    position: absolute;
    top: 16px;
    right: 16px;
    cursor: pointer;
}

.zrn-empty-card {
    width: 100%;
    max-width: 524px;
    padding: 8px 4px;
    margin-inline: auto;
}

.zrn-empty-title {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    text-align: center;
    margin-bottom: 16px;
    line-height: 1.7;
}

.zrn-empty-notice {
    background: #eaeaea;
    border-radius: 4px;
    padding: 10px;
    font-size: 14px;
    color: #000;
    text-align: center;
    margin-bottom: 2rem;
}

.zrn-empty-illustration {
    display: flex;
    justify-content: center;
}

.zrn-empty-illustration img {
    width: 229px;
    height: 220px;
}

.zrn-empty-actions {
    display: flex;
    gap: 22px;
    margin-top: 44px;
}

.zrn-empty-btn {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    padding: 10px 16px;
    border-radius: 4px;
    font-size: 14px;
    cursor: pointer;
    transition: opacity 0.15s ease;
}

.zrn-empty-btn:hover {
    opacity: 0.9;
}

.zrn-empty-btn--outline {
    color: #00584c;
    border: 1px solid #00584c;
    background: transparent;
}

.zrn-empty-btn--outline img {
    width: 30px;
    height: 30px;
    flex-shrink: 0;
}

.zrn-empty-btn--solid {
    background: #00584c !important;
    color: #fff !important;
    border: none;
}

@media (max-width: 992px) {
    .zrn-empty-btn {
        gap: 4px;
        padding: 8px;
        border-radius: 4px;
        font-size: 12px;
    }

    .zrn-empty-actions {
        gap: 8px;
    }

    .zrn-empty-btn--outline img {
        width: 20px;
        height: 20px;
    }
}

@media (max-width: 390px) {
    .zrn-empty-btn--outline img {
        display: none;
    }
}


.DnnModule-DNNArticle-ArticleView .CommandButton {
    display: none !important;
}

/* List Style */

.BlogListSlider,
.blogRelated .related {
    margin: 0 -8px;
}

.articleListOut {
    padding: 8px;
}
.articleList__Card {
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #f4f4f0;
    transition: var(--transition);
    padding: 16px;
    background: #fff;
}
.BlogListOut .articleList__Card {
    margin-bottom: 8px;
}
.articleList__Card:hover {
    border: 1px solid transparent;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
}
.articleList__Card__ImgBox {
    border-radius: 8px;
    border: 1px solid #f4f4f0;
    overflow: hidden;
    margin-bottom: 12px;
}

.articleList__Card .ttl {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #1d2b47;
    margin-bottom: 0.5rem !important;
    direction: rtl;
    text-align: right;
}
.articleList__Card .txt {
    height: calc(3 * 1.5rem);
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: none;
}
.articleList__Card__Btn,
.articleList__Card__Btn:hover {
    color: var(--mc1) !important;
}
.articleList__Card__Btn i {
    font-size: 12px;
    margin-right: 4px;
    font-weight: 100;
}
.dateCreate {
    padding-right: 20px;
    position: relative;
    display: inline-block;
    font-weight: 400;
    color: #9393a2 !important;
    margin-bottom: 0.5rem !important;
}
.dateCreate::before {
    content: "";
    display: block;
    background: url("/Portals/_default/skins/wb-skin/Images/calendar.svg") no-repeat center;
    background-size: cover;
    position: absolute;
    top: 1px;
    right: 0;
    width: 16px;
    height: 16px;
}
.BlogListOut .mainArticleWrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -8px;
}
.articleList__Card__Btn,
.articleList__Card__Btn:hover {
    color: var(--mc1) !important;
}

/* Detail */
.BlogDetail {
    border-radius: var(--border-radius);
    background: #fff;
    padding: 24px;
}
.BlogDetail .title1 {
    padding-bottom: 6px !important;
}
.BlogDetail article img {
    width: auto !important;
    height: auto !important;
    border-radius: var(--border-radius);
    margin: 32px auto;
    display: block;
}
.BlogDetail article h2 {
    margin-top: 16px !important;
    margin-bottom: 8px !important;
}

.BlogDetail article h3,
.BlogDetail article h4 {
    font-weight: bold;
    margin-top: 16px !important;
    margin-bottom: 8px !important;
}

.BlogDetail a[href*="zarine.ir"] {
    color: var(--mc1);
}

/* Latest List*/

.blogLatest {
    border: 1px solid #efefef;
    border-radius: 5px;
    padding: 8px 12px;
    display: flex;
    transition: var(--transition);
}
.blogLatest:hover {
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
}
.blogLatest:not(:last-child) {
    margin-bottom: 12px;
}
.blogLatest .imgBox {
    display: inline-block;
    border-radius: 5px;
    border: 1px solid #bdbdbd;
    overflow: hidden;
    width: 110px;
}
.blogLatest .pic {
    display: flex;
    align-items: center;
}
.blogLatest .ttl {
    height: calc(2 * 1.5rem);
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.blogRelated .slick-dots {
    position: relative !important;
    bottom: 0 !important;
}

/* TOC */
.cannibalization-box .About-Article {
    display: block;
    background: #d2b384;
    padding: 12px 10px;
    color: #fff;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    font-size: 16px;
}

.cannibalization-box {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 60px;
}
ul#boxBuilder {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    background: #fff;
    border: 1px solid #d2b384;
    border-top: 0;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    list-style-type: none;
    margin: 0;
    height: 100%;
    align-items: flex-start;
}

#boxBuilder li {
    cursor: pointer;
    transition: 0.5s;
    width: 50%;
    position: relative;
    padding-left: 8px;
    padding-right: 24px;
    margin: 8px 0;
}
#boxBuilder li:hover {
    color: #d2b384;
}

#boxBuilder li::before {
    content: "";
    display: block;
    background: #d2b384;
    position: absolute;
    right: 8px;
    top: 7px;
    border-radius: 50%;
    width: 8px;
    height: 8px;
}

@media (max-width: 991px) {
    .BlogListSlider,
    .blogRelated .related {
        margin: 0 -15px;
    }
    .BlogListSlider .mainArticleWrapper,
    .blogRelated .related {
        display: flex !important;
        overflow-x: auto !important;
    }
    .BlogListSlider .mainArticleWrapper .articleList__Card,
    .blogRelated .related .articleList__Card {
        width: 270px;
    }
    #boxBuilder li {
        width: 100%;
    }
}
@media (min-width: 992px) {
}

:is(:is(#NbStore-reminder, #installment-reminder), #installment-reminder) .modal-content img {
    width: 86px;
    height: 84px;
}

:is(#NbStore-reminder, #installment-reminder) .modal-content {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    gap: 16px;
    border: none;
}

:is(#NbStore-reminder, #installment-reminder) .modalLeft .modal-content {
    background: #fff;
    box-shadow: 0px 0px 6px 0px #00584c4a;
    border-radius: 12px;
    width: 326px;
    gap: 2rem;
}

:is(#NbStore-reminder, #installment-reminder) .modal-dialog .modalLeft .modal-body h5 {
    line-height: normal;
    text-align: center;
    font-size: 14px;
    margin-top: 0 !important;
}

:is(#NbStore-reminder, #installment-reminder) .modal-dialog .modalLeft .modal-body h5 label {
    color: #3d3d3d;
}

:is(#NbStore-reminder, #installment-reminder) .modalRight .modal-content {
    background-color: transparent;
}

:is(#NbStore-reminder, #installment-reminder) .userEmail {
    display: none;
}

:is(#NbStore-reminder, #installment-reminder) .modal-dialog {
    border-radius: 10px;
    background-color: #f5f5f5;
    padding-block: 38px;
    position: relative;
    max-width: 679px;
}

:is(#NbStore-reminder, #installment-reminder) :is(.userPhoneNumber, .Field-Container) {
    background: #eeeeee;
    border: none;
    border-radius: 6px;
    padding-block: 4px;
    padding-right: 6px;
    width: 200px;
}

#installment-reminder .ModLiveFormsC > div:first-of-type {
    display: none;
}

:is(#NbStore-reminder, #installment-reminder) :is(.userPhoneNumber, .Field-Container) input {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    font-size: 12px;
}

#installment-reminder .Field-Container {
    margin-top: 21px !important;
}

#installment-reminder .Field-Container input::placeholder {
    color: #898989;
    font-size: 12px;
}

:is(#NbStore-reminder, #installment-reminder) .modal-header {
    padding-top: 26px;
    border: none !important;
}

:is(#NbStore-reminder, #installment-reminder) .userPhoneNumber .svg-wrapper {
    width: 34px;
    height: 34px;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
}

:is(#NbStore-reminder, #installment-reminder) .userPhoneNumber svg path {
    stroke: #00584c;
}

:is(#NbStore-reminder, #installment-reminder) .left-ellipse {
    position: absolute;
    width: 600px;
    height: 300px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(100, 200, 180, 0.2) 0%, transparent 90%);
    top: -150px;
    right: -100px;
    filter: blur(40px);
    pointer-events: none;
    z-index: 0;
}

:is(#NbStore-reminder, #installment-reminder) .right-ellipse {
    position: absolute;
    width: 600px;
    height: 300px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(210, 179, 132, 0.2) 0%, transparent 90%);
    top: -100px;
    left: -100px;
    filter: blur(40px);
    pointer-events: none;
    z-index: 0;
}

:is(#NbStore-reminder, #installment-reminder) .modal-header .text-right {
    background: #eeeeee;
    padding-block: 6px;
    padding-inline: 24px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    gap: 2px;
}

:is(#NbStore-reminder, #installment-reminder) .modal-header h6 label {
    font-size: 12px;
    color: #656565;
}

:is(#NbStore-reminder, #installment-reminder) .modal-header h4 label {
    color: #3d3d3d;
    font-size: 14px;
}

:is(#NbStore-reminder, #installment-reminder) :is(#btnSubmitReminder, .bSubmit) {
    width: 100% !important;
    background: #00584c !important;
    border-radius: 4px !important;
    margin-block: 2.5rem !important;
    margin-right: 0 !important;
}

:is(#NbStore-reminder, #installment-reminder) .modal-body {
    padding: 0 !important;
}

@media (max-width: 992px) {
    :is(#NbStore-reminder, #installment-reminder) .modal-content img {
        width: 42px;
        height: 40px;
    }

    :is(#NbStore-reminder, #installment-reminder) .modal-dialog {
        padding-block: 14px;
        margin-inline: 1rem;
    }

    :is(#NbStore-reminder, #installment-reminder) .modalRight .modal-content {
        flex-direction: row;
    }

    :is(#NbStore-reminder, #installment-reminder) .modalLeft {
        display: flex;
        justify-content: center;
    }

    :is(#NbStore-reminder, #installment-reminder) .modalLeft .modal-content {
        width: 294px;
    }

    :is(#NbStore-reminder, #installment-reminder) .modal-dialog {
        top: 50%;
        translate: 0 -50%;
        overflow: hidden;
    }
}


.Price-list,
.Price-list *,
.Price,
.Price *,
.price-min-range,
.price-max-range {
    font-family: "IranYekan" !important;
}

@media (min-width: 992px) {
    .container.ProductPane #dnn_ProductRightThreePane {
        flex: 0 0 28%;
        max-width: 28%;
    }
    .container.ProductPane #dnn_ProductLeftninePane {
        flex: 0 0 72%;
        max-width: 72%;
    }
}

.container.ProductPane #dnn_ProductLeftninePane:has(.Detail){
    flex: unset;
    max-width: unset;
}

.Title_Section_CounterDiscount:not(:has(.ProductCounterListSlider)) .heading_wrapper {
    display: none;
}

.DnnModule-WB_NB_Store_SimpleCategory:has(.category_wrapper) {
    display: none;
}

.DnnModule-WB_NB_Store_SimpleCategory:has(.category_wrapper .SCat-Main) {
    display: block;
}

.heading_wrapper .Detail {
    margin-top: -24px;
}

.heading_wrapper .categoryStyle .SCat-Main {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px;
    row-gap: 8px;
    padding: 20px 0;
}
.heading_wrapper .categoryStyle .SCat-Main:has(a[title*="نیم ست"]),
.heading_wrapper .categoryStyle .SCat-Main:has(a[title*="انگشتر"]) {
    grid-template-columns: 1fr;
}
.heading_wrapper .categoryStyle .SCat-Main li {
    padding: 0;
    position: relative;
    background: gray;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: #f0f0f0;
    transition: all 0.3s ease;
    border-radius: 4px;
}
.heading_wrapper .categoryStyle .SCat-Main li:hover {
    background: #b3b3b3;
}

.heading_wrapper .categoryStyle .SCat-Main li > a {
    width: unset !important;
    margin: unset !important;
    font-size: 14px;
    white-space: nowrap;
    padding: 8px;
}
.heading_wrapper .categoryStyle .SCat-Main li > a i {
    display: none;
}

.toman_icon {
    display: inline-block !important;
    width: 18px;
    padding-bottom: 6px;
    margin-right: 2px;
}

.home_cat_List .SCat-Main li {
    position: relative;
    border-radius: 4px;
    transition: all 0.5s;
    will-change: transform;
}

.home_cat_List .SCat-Main li img {
    object-fit: contain;
    object-position: center;
    width: 247px;
    transition: 0.3s all ease-in-out;
}

.cate_img_desktop {
    display: block;
}

.cate_img_mobile {
    display: none !important;
}

.home_cat_List .SCat-Main li a {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.home_cat_List .SCat-Main li a[name = 'اجرت اقتصادی'] {
    display: none !important;
}

.home_cat_List .SCat-Main li a span.original {
    position: absolute;
    left: 50%;
    translate: -50% 0;
    bottom: 10px;
    font-weight: 500;
    font-size: 24px;
    white-space: nowrap;
    display: block;
    color: #00584c;
}

.home_cat_List .SCat-Main li a span.showMore {
    position: absolute;
    left: 50%;
    translate: -50% 0;
    bottom: 10px;
    font-weight: 500;
    font-size: 24px;
    white-space: nowrap;
    color: var(--tc3);
}

/* List Style */

.ProductListSlider .draggable,
.ProductListOfferSlider .draggable,
#dnn_ctr391_ProductList_pnlProductList {
    margin: 0 -7px;
}

.RelatedWrapper .RelatedOuter {
    padding: 15px 7px;
}

.ProductList .ListCell {
    padding: 15px 7px 0;
}

.ProductPane .ListCell {
    padding: 0 7px 15pxf18;
}

.ProductListOfferSlider .ListCell {
    padding: 0px 7px;
}

.productlist {
    /* height: 340px; */
    background: #ffffff;
    border-radius: var(--border-radius);
    transition: var(--transition);
    position: relative;
}

.ProductListOfferSlider .productlist,
.ProductPane .productlist {
    border: 1px solid var(--gray);
}

.productlist:hover {
    box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);
}

.productlist .productlist-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 12px;
}

.productlist .img-list {
    width: auto;
    /* display: block; */
    overflow: hidden;
    margin-bottom: 12px;
    position: relative;
    padding-top: 100%;
    display: flex;
    justify-content: center;
}

.productlist .img-list img {
    /* width: 100%; */
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    transition: var(--transition);
    position: absolute;
    top: 0;
    border-radius: 2px;
}

.productlist .wishlsitBox {
    position: absolute;
    top: 6px;
    left: 0px;
    z-index: 1;
    transition: var(--transition);
}

.wishlsitBox ion-icon {
    stroke: var(--mc1);
    cursor: pointer;
}

.wishlsitBox ion-icon.active {
    fill: var(--mc1);
}

.productlist .item-info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 80px;
}

.RelatedOuter .item-info {
    height: 40px !important;
}

.productlist .Img__Second {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
}

.productlist:hover .Img__First {
    opacity: 0;
}

.productlist:hover .Img__Second {
    opacity: 1;
}

.productlist .ttl {
    text-align: right;
}

.productlist .ttl__Name {
    height: calc(1 * 1.75rem);
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500 !important;
    color: #4a4a4a !important;
    direction: rtl;
    text-align: right;
}

.productList__Card__FinalPrice.SalePrice {
    font-weight: 600;
}

.OutOfStock {
    text-align: right;
    color: #ef394e;
    position: relative;
    font-size: 14px;
}

.inStock {
    text-align: right;
    color: #00584c;
    font-size: 14px;
}

.OutOfStock::before {
    content: "\f057";
    font-family: "FontAwesome";
    color: red;
    width: 16px;
    font-size: 19px;
    margin-left: 0.25rem;
    vertical-align: middle;
}

.OutOfStock,
.inStock {
    display: none !important;
}

.homeSpacialOrder {
    position: relative;
    padding-bottom: 3rem;
}

.ProductList .Price-list {
    text-align: left;
    position: relative;
    overflow: hidden;
    color: var(--mc2);
}

/* .SpacialOrder .productList__Card__PriceBox {
    display: flex;
    flex-direction: column;
} */

.SpacialOrder .productList__Card__FinalPrice,
.SpacialOrder a.btnShow {
    order: 2;
}

.SpacialOrder .productList__Card__OldPrice,
.productslist_homepage .OldPrice {
    display: flex;
    align-items: center;
    gap: 2px;
    width: max-content;
    margin-inline-start: auto;
}

.SpacialOrder .productList__Card__OldPrice::after {
    content: "";
    height: 18px;
    width: 18px;
    min-width: 18px;
    min-height: 18px;
    display: inline-flex;
    vertical-align: middle;
    background: #a4a4a4;
    mask: url("/Portals/0/tomanSVG.svg") no-repeat center;
    mask-size: cover;
    -webkit-mask: url("/Portals/0/tomanSVG.svg") no-repeat center;
    -webkit-mask-size: cover;
    margin-bottom: 4px;
}

.SpacialOrderPage .ProductListOffer {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr);
    row-gap: 1rem;
}

.ProductList .Price-list .RetailPrice,
.ProductList .Price-list .SalePrice {
    font-weight: 600 !important;
}

.productlist .Price-list .btnShow {
    position: absolute;
    height: 100%;
    width: 100%;
    display: inline-flex;
    align-items: flex-end;
    background: rgb(255, 255, 255);
    top: 100%;
    left: 0;
    transition: var(--transition);
    justify-content: flex-end;
}

.productlist:hover .Price-list .btnShow {
    top: 0;
}

.productlist .DiscountsPercent {
    position: absolute;
    left: 12px;
    bottom: 16px;
    width: 34px;
    height: 20px;
    display: flex;
    border-radius: 15px;
    font-size: 12px;
    font-weight: 600;
    font-family: "IranYekan" !important;
    line-height: 1.5;
}

.DiscountsPercent {
    background: #ef394e;
    color: #fff;
    width: 34px;
    height: 22px;
    justify-content: center;
    border-radius: 15px;
    display: flex;
    font-size: 12px;
    font-weight: 600;
    margin-right: 4px;
    font-family: "IranYekan" !important;
    line-height: 1.5;
}

.OldPrice {
    position: relative;
    color: #a4a4a4;
    margin-left: 40px;
    display: flex;
    align-items: center;
    width: max-content;
    gap: 2px;
    margin-inline-start: auto;
}

.Detail .DetailInfo .OldPrice {
    margin-left: 0;
}

/* .SpacialOrder .productList__Card__OldPrice::after {
    content: "";
} */

.OldPrice::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 1px;
    background: #a4a4a4;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.productlist .DiscountsPercent {
    /* display: none; */
}

.CategoryMessage:has(p) {
    margin-top: 56px;
}

.CategoryMessage p {
    font-size: 1rem;
    line-height: 1.75rem;
}

/* sorting box */

.ModNBStoreProductListC .nice-select {
    position: absolute;
    top: 10px;
    left: 24px;
    padding-left: 30px;
    padding-right: 18px;
    border-radius: 0;
}

.ModNBStoreProductListC .nice-select .list {
    border-radius: 0;
}

/* .ModNBStoreProductListC .nice-select .list>li[data-value^="orderby/price"] {
    display: none;
} */

.ModNBStoreProductListC .nice-select:after {
    right: unset;
    left: 12px;
    height: 7px;
    width: 7px;
}

/* counter list style */
.productList__Card__Countdown {
    background-color: white;
    border-radius: var(--border-radius);
    padding: 8px;
    font-size: 1.2rem;
    margin-bottom: 4px;
    border-bottom-left-radius: unset;
    border-bottom-right-radius: unset;
}

.productList__Card__Countdown .updateTime {
    color: #D2B384;
    text-align: center;
    font-family: "IranYekan" !important;
    display: flex;
    gap: 6px;
}

.productList__Card__Countdown .updateTime .little_timer_box span:last-child {
    font-size: 12px;
    font-weight: 300;
    color: #898989;
}

.productList__Card__Countdown .updateTime .little_timer_box {
    width: 44px !important;
    height: 44px;
    border-radius: 6px;
    border: 1px solid #D2B384;
    background: #FAF7F1;
    font-size: 18px;
    font-weight: 600 !important;
    color: #EA2147;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.productList__Card__Countdown .timer__Box .wb_Icon {
    width: 1rem;
    height: 1rem;
    background: red;
    margin-right: 6px;
}

.more_product {
    position: absolute;
    bottom: 0;
    left: 50%;
    translate: -50% 0;
    color: var(--mc2);
    display: flex;
    align-items: center;
}

.more_product .wb_Icon {
    width: 0.65rem;
    height: 0.65rem;
    display: inline-block;
    background: var(--mc2);
    margin-right: 0.35rem;
}

/* Filter Style */
.FilterAvailability {
    padding: 12px 19px !important;
}

.FilterAvailability label::after {
    content: "";
    right: -20px !important;
}

.FilterAvailability input:checked ~ label:after {
    background-image: url("data:image/svg+xml,<svg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23FAFAFA' fill-rule='nonzero'/></svg>") !important;
}

.FilterAvailability input {
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    visibility: hidden;
}

.FilterAvailability label::after {
    right: 0;
    border-radius: 3px;
    border: 1px solid var(--mc1);
    background-color: transparent;
    background-size: 20px;
    background-position: -1px -1px;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    z-index: 2;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    transition: all 200ms ease-in;
}

.filter-wrap .TablePanel {
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

.filter-wrap .FilterSizePanel,
.filter-wrap .FilterColorPanel {
    display: none !important;
}

div[id$="FilterProducts_FilterItemPanle"] table td label:after,
.DivBrandFilter label:after,
.DivSizeFilter label::after,
.FilterAvailability label::after {
    right: 0;
    border-radius: 0;
    border: 1px solid var(--mc1);
    background-color: transparent;
    background-size: 20px;
    background-position: -1px -1px;
}

div[id$="FilterProducts_FilterItemPanle"] table td input:checked ~ label:after,
.DivBrandFilter input:checked ~ label:after,
.DivSizeFilter input:checked ~ label:after,
.FilterAvailability input:checked ~ label:after {
    background-color: var(--mc1);
    border-color: var(--mc1);
}

div[id$="FilterProducts_FilterItemPanle"] table td label,
.DivBrandFilter label,
.DivSizeFilter label,
.FilterAvailability label {
    padding: 7px 24px 7px 0;
    font-size: 14px;
}

div[id$="FilterProducts_FilterItemPanle"] table td input:checked ~ label:before,
.DivBrandFilter input:checked ~ label:before,
.DivSizeFilter input:checked ~ label:before {
    display: none;
}

.FturLable,
.lblPriceFilter {
    margin-bottom: 6px;
    font-weight: bold;
    display: block;
    padding: 6px 0 !important;
    border-bottom: 1px solid #d6d9dd;
    color: var(--tc1);
}

.FturLable i.fa,
.FilterColorPanel i.fa,
.FilterBrandPanel i.fa {
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    height: auto;
    font-size: 16px;
    color: var(--mc1);
}

div[id$="FilterProducts_FilterItemPanle"] table td,
.filter-wrap .TablePanel {
    background-color: transparent;
}

.sideProductList {
    border: 1px solid #d6d9dd;
    background: var(--mc2);
    margin-bottom: 32px;
    /* padding: 12px; */
}

.sideProductList .title {
    border-bottom: 1px solid #d6d9dd;
    margin: 0 15px 15px;
    padding: 6px 0;
}

.FilterItemBox,
.PriceFilter {
    border: unset !important;
    padding: 0;
    margin: 0 0 8px;
}

.filter-close .FilterItemBox {
    margin: 0 0 8px;
}

.filter-head {
    padding-left: 15px;
    padding-right: 15px;
}

.FturLable,
.lblPriceFilter,
.LblColorFilter,
.LblBrandFilter,
.LblSizeFilter {
    padding: 0;
}

.FturLable i.fa,
.FilterColorPanel i.fa,
.FilterBrandPanel i.fa {
    padding: 0;
}

.filter-wrap .submit-btn input[type="submit"] {
    width: 100%;
    color: var(--tc3) !important;
    border-radius: var(--border-radius);
    font-size: 1rem;
    padding: 8px 28px;
    background-color: var(--mc1);
    cursor: pointer;
    user-select: none;
    border: 1px solid var(--mc1);
    transition: var(--transition);
    margin: 16px 0;
}

.filter-wrap .submit-btn input[type="submit"]:hover {
    background-color: transparent !important;
    color: var(--mc1) !important;
}

.filter-close {
    background: #fff !important;
}

.filter-close .submit-btn input[type="submit"] {
    border-radius: 0;
    width: 100%;
    font-weight: 400;
}

.filter-mobile-nav {
    border-radius: 0;
    overflow: hidden;
    color: var(--tc1);
    font-size: 0.875rem;
    padding: 8px 32px;
    text-align: right;
    background: #fff url("/Portals/_default/skins/wb-skin/Images/filter.svg") no-repeat center right 8px;
    border: none;
    margin-bottom: 16px;
}

.filter-mobile-nav i {
    top: 10px;
}

.PriceFilter .DivPriceFilter {
    margin-bottom: 12px;
}

.PriceFilter .PricefilterDiv {
    margin-bottom: 12px;
}

.PricefilterDiv {
    padding: 20px 8px 20px;
}

/* new filter style */

.filter-wrap {
    display: flex;
    flex-direction: column;
}

.PriceFilter {
    order: 0;
}

.FilterAvailability {
    order: 1;
    position: relative;
}

.FilterItemPanle {
    order: 3;
}

.submit-btn {
    order: 6;
}

.FilterAvailability label {
    padding: 7px 4px 7px 0;
    font-size: 14px;
    width: 100%;
    display: block;
    text-align: right;
    color: #3c454c;
    cursor: pointer;
    position: relative;
    z-index: 2;
    transition: color 200ms ease-in;
    direction: rtl;
    user-select: none;
}

.FilterAvailability input#availability {
    width: 16px;
    height: 16px;
    z-index: 2;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    transition: all 200ms ease-in;
    right: 0;
    border-radius: 0;
    border: 1px solid var(--mc1) !important;
    background-color: transparent;
    background-size: 20px;
    background-position: -1px -1px;
}

.filter-wrap .FilterItemPanle .FilterItemBox:first-child span.filterCategoryContainer {
    display: none;
}

/* --------- Detail ----------*/

.detail .DnnModule-NB_Store_ProductList .sectionTtl {
    display: none;
}

.detail .DnnModule-NB_Store_ProductList .DNNContainer_Title_Section2 {
    background-color: transparent;
    padding: 0;
}

.detail #dnn_ProductLeftninePane {
    padding: 0 !important;
}

.Detail .ProName {
    margin-bottom: 24px !important;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--mc1);
    display: flex;
    justify-content: space-between;
}

.Detail .widgetBox {
    display: flex;
    align-items: center;
}

.Detail .shareBoxOut {
    display: flex;
    position: relative;
    cursor: pointer;
}

.Detail .shareBoxOut i.fa.fa-share-alt.icon {
    font-family: "FontAwesome";
    font-size: 20px;
    font-style: inherit;
    color: var(--mc1);
}

.Detail .sharingBox {
    width: 200px;
    border: 1px solid #ddd;
    padding: 10px;
    position: relative;
    margin-top: 10px;
    position: absolute;
    z-index: 999;
    top: 25px;
    left: 0;
    background: white;
    display: none;
}

.Detail .twobut {
    margin: 5px 0;
    display: flex;
}

.sharingBox i.fa.fa-caret-up {
    position: absolute;
    top: -22px;
    font-size: 30px;
    color: #ddd;
    left: 50%;
    transform: translateX(-50%);
}

.Detail .shareCopyLink {
    width: 100%;
    height: 30px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f9f9f9;
    cursor: pointer;
}

.Detail .shareCopyLink .icon {
    color: #444;
    font-size: 13px;
    margin-left: 5px;
}

.Detail .sharingBox .half {
    /* width: 49%; */
    height: 30px;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border: 1px solid #ccc;
    cursor: pointer;
}

.Detail .twobut a {
    width: 100%;
}

.Detail .sharingBox .halfright {
    border-radius: 0 5px 5px 0;
    background-color: #25d366 !important;
}

.Detail .sharingBox .halftelegram {
    background-color: #2fa3d9 !important;
    border-radius: 5px 0 0 5px;
    margin-right: 2%;
}

.Detail .twobut .icon {
    font-size: 15px;
    color: #fff;
    font-family: "FontAwesome";
    font-style: inherit;
    margin-left: 5px;
}

.Detail .wishlsitBoxOut {
    display: flex;
    margin-left: 0.5rem;
    border-left: 1px solid var(--mc1);
    padding-left: 0.5rem;
}

.Detail .wishlsitText,
.Detail .shareText {
    color: var(--mc1);
    margin-left: 8px;
}

.Detail .addToCart {
    background: var(--mc2);
    border: 1px solid var(--mc2);
    overflow: hidden;
}

.CategoryMessage table {
    width: 100%;
    border-spacing: 0;
    overflow: hidden;
    color: #383555;
    text-align: center;
    font-size: 1rem;
    margin: 0 auto;
    border-color: #c9c9c9;
}

.CategoryMessage table th,
.CategoryMessage table td {
    padding: 0.3rem;
}

.CategoryMessage table th {
    color: var(--mc2);
}

/* Detail Image Gallery */

.Detail .imageBox {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-content: flex-start;
}

.Detail .image {
    width: 100%;
}

.Detail .image a {
    display: block;
    border-radius: var(--border-radius);
    overflow: hidden;
    box-shadow: 0 0 10px rgb(0 0 0 / 15%);
}

.Detail .image a img {
    width: 100%;
}

.Detail .GalleryWrapper {
    padding-left: 15px;
    width: auto;
    order: 1;
    display: flex;
    padding: 15px 0 0;
    margin: 0 -7px 0;
    min-width: 100%;
}

.Detail .GalleryInner {
    box-shadow: 0 0 10px rgb(0 0 0 / 15%);
    border-radius: var(--border-radius);
    overflow: hidden;
    position: relative;
}

.Detail .GalleryOuter {
    margin-bottom: 0;
    width: 33.333%;
    padding: 0 7px;
}

.GalleryVideo {
    cursor: pointer;
}

.Detail .GalleryOuter .more-img {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #2f2f2f80;
    color: #fff;
    z-index: 1;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

/* ........... */

.Detail .DetailTop,
.Detail .Information,
.relatedProduct {
    border: 1px solid var(--gray);
    border-radius: var(--border-radius);
    padding: 24px;
    background: #fff;
}

.Detail .ProDescIn {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.Detail .Bottom {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    border-top: 1px solid #d9d9d9;
    padding-top: 2rem;
}

.Detail .delivery_cards {
    display: flex;
    gap: 16px;
}

.Detail .delivery_card {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 8px 12px;
    border: 1px solid #d2b384;
    border-radius: 6px;
}

.Detail .desc__specs {
    height: 132px;
    font-size: 14px;
}

.Detail .desc__specs li {
    list-style: disc inside !important;
}

.Detail .Services__Card {
    flex-direction: column;
}

.Detail .Services__Card img {
    width: 24px;
    height: 24px;
}

.Detail .Services_Tehran {
    width: 100%;
    margin: 16px 0;
    font-weight: bold;
}

.Detail .ProDesc {
    display: flex;
    gap: 50px;
    flex-direction: row-reverse;
}

.pro-price-box {
    width: 340px;
}

@media (max-width: 992px) {
    .Detail .ProDesc {
        flex-direction: column;
    }

    .pro-price-box {
        width: 100%;
    }

    .Detail .DetailTop {
        flex-direction: column;
    }
}

.Detail .priceAndBasket {
    position: relative;
    padding: 12px 16px 16px;
    border-radius: var(--border-radius);
    border: 1px solid var(--mc1);
    /* height: 100%; */
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    /* overflow: hidden; */
    justify-content: space-around;
    max-height: fit-content;
}

.Detail .priceAndBasket .time_Wrapper {
    display: flex;
    align-items: center;
    background-color: #2e766c;
    justify-content: space-between;
    position: relative;
    padding: 0.75rem;
    border-radius: 6px 6px 0px;
    margin: 0px -2.5rem 0.75rem -2rem;
    padding-right: 20px;
    padding-left: 22px;
    /* #408279 */
}

.Detail .priceAndBasket .time_Wrapper::before {
    content: "";
    position: absolute;
    display: inline-block;
    right: 0px;
    bottom: -1.5rem;
    width: 1.5rem;
    height: 1.5rem;
    /* background-color: rgb(136, 31, 43); */
    background-color: var(--mc2);
    clip-path: polygon(0px 0px, 100% 0px, 0px 100%);
}

.Detail .priceAndBasket .time_Wrapper > .WbIcon__Icon {
    width: 24px;
    height: 24px;
    background: white;
}

.Detail .priceAndBasket .time {
    display: flex;
    color: #dc3545;
    align-items: center;
    gap: 8px;
}

.Detail .priceAndBasket .time__Item {
    width: 44px !important;
    height: 44px;
    border-radius: 6px;
    border: 1px solid #D2B384;
    background: #FAF7F1;
    font-size: 18px;
    font-weight: 600 !important;
    color: #EA2147;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.Detail .priceAndBasket .time__Item .amount {
    font-size: 18px;
    font-weight: 700;
}

.Detail .priceAndBasket .time__Item span:last-child {
    font-size: 12px;
    font-weight: 300;
    color: #898989;
}

.Detail .priceAndBasket .divider {
    font-size: 1.25rem;
}

.Detail .priceAndBasket .priceAndBasket__Loading {
    position: absolute;
    background: #fff url("/Portals/_default/skins/wb-skin/Images/Rolling-2s.gif") center no-repeat;
    background-size: 85px;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9;
}

.priceInfo__Drop__Head {
    color: var(--mc2);
    cursor: pointer;
    user-select: none;
}

.priceInfo__Drop__Body .flexBetween img {
    margin-left: 4px;
    display: none;
}

.flexBetween.fw-bl.fz-md span:first-child {
    position: relative;
    padding-right: 20px;
}

.flexBetween.fw-bl.fz-md span:first-child:before {
    background-image: url("/Portals/_default/Skins/WB-Skin/Images/sprite.webp");
    background-position: -64px -406px;
    top: 2px;
    right: 0;
    width: 16px;
    height: 16px;
    position: absolute;
    content: "";
}

.Detail__CalcutePrice_Btn {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    width: 100%;
    padding: 0.5rem;
    padding-bottom: 4px;
    border: 1px dashed #d2b384;
    background-color: #d2b3844d;
    font-size: 16px;
    line-height: 25px;
    color: #2f2f2f;
    border-radius: 4px;
    margin: 1rem 0 2rem;
    cursor: pointer;
}

.Detail__CalcutePrice_Btn img {
    margin-bottom: 0.5rem;
}

body:has(.Detail__CalcutePriceModal) .modal-backdrop.show {
    opacity: 0.8;
}

.Detail__CalcutePriceModal .modal-dialog {
    max-width: 743px;
    border-radius: 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2rem 1rem 3.75rem;
}

.Detail__CalcutePriceModal .modal-body {
    padding: 0;
}

.Detail__CalcutePriceModal .modal-content {
    max-width: 495px;
}

.Detail__CalcutePriceModal .close {
    margin-inline-start: auto;
    opacity: 1;
    cursor: pointer;
}

.Detail__CalcutePriceModal__Top {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    width: 100%;
    padding: 0.5rem;
    padding-bottom: 4px;
    border: 1px dashed #d2b384;
    background-color: #d2b3844d;
    font-size: 16px;
    line-height: 25px;
    color: #2f2f2f;
    border-radius: 4px;
    margin: 2rem 0 1rem;
}

.Detail__CalcutePriceModal__Body {
    border: 1px solid #d2b384;
    border-radius: 4px;
    padding: 2rem 1rem 1rem;
}

.Detail__CalcutePriceModal__Item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.Detail__CalcutePriceModal__Item:has(span[style="display: none;"]) {
    display: none;
}

.Detail__CalcutePriceModal__ItemInner {
    padding-bottom: 0.5rem;
    border-bottom: 1px dashed #d2b384;
    margin-bottom: 10px;
}

.Detail__CalcutePriceModal__ItemInner i {
    font-style: normal;
}

.Detail__CalcutePriceModal__ItemInner:last-child {
    padding-bottom: 0;
    border: none;
    margin-bottom: 0;
}

.Detail__CalcutePriceModal__Item span:first-child,
.Detail__CalcutePriceModal__ItemInner > div span:first-child,
.Detail__CalcutePriceModal__ItemInner > div span:last-child {
    font-size: 16px;
    font-weight: 600;
    line-height: 25px;
    color: #000;
}

.Detail__CalcutePriceModal__Item span:last-child {
    font-size: 16px;
    line-height: 25px;
    color: #2f2f2f;
}

.Detail__CalcutePriceModal__BodyInner {
    background-color: #d2b3844d;
    border-radius: 4px;
    padding: 1rem;
}

.Detail__CalcutePriceModal__ItemInner > div {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.Detail__CalcutePriceModal__ItemInner > div span:last-child {
    font-size: 14px;
}

.Detail__CalcutePriceModal__ItemInner > span {
    font-size: 14px;
    line-height: 22px;
    color: #000;
    margin-top: 2px;
}

.Detail__CalcutePriceModal__ItemInner > span:has(i) {
    display: flex;
    gap: 2px;
}

.SpacialOrderPage .productList__Card__Countdown {
    display: none;
}

@media (max-width: 120px) {
    .home_cat_List .SCat-Main li a span.original {
        font-size: 16px;
    }

    .home_cat_List .SCat-Main li a span.showMore {
        font-size: 16px;
    }
}

@media (max-width: 991px) {
    .homeSpacialOrder {
        padding-top: 1.25rem;
    }

    .SpacialOrderPage .ProductListOffer {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr);
        gap: 0;
        row-gap: 12px;
    }

    .SpacialOrderPage .ProductList .ListCell {
        padding: 0 1px;
    }

    .SpacialOrderPage .productList__Card,
    .SpacialOrderPage .productList__Card__Countdown {
        border: 1px solid var(--gray);
    }

    .SpacialOrderPage .productList__Card__Countdown {
        margin-bottom: 1px;
        display: none;
    }

    .Detail__CalcutePriceModal .close {
        display: block;
    }

    .Detail__CalcutePriceModal__Top {
        margin: 1rem 0 0.5rem;
    }

    .Detail__CalcutePriceModal__ItemInner > div span:first-child,
    .Detail__CalcutePriceModal__ItemInner > span {
        font-size: 14px;
        line-height: 20px;
    }

    .productlist .item-info {
        height: 80px;
    }

    .home_cat_List .SCat-Main li a span.original {
        bottom: 12px !important;
        font-size: 14px;
    }

    .home_cat_List .SCat-Main li a span.showMore {
        bottom: 12px !important;
        font-size: 14px;
    }

    .cate_img_desktop {
        object-fit: cover !important;
        width: unset;
        height: 154px;
    }

    .cate_img_mobile {
        display: none !important;
    }

    .productList__Card__Countdown .updateTime span {
        width: 24px !important;
    }
}

.Detail .addToCart span:before {
    content: "\f291";
    font-family: "FontAwesome";
    background: #2e766c;
    right: -1px;
    top: 50% !important;
    translate: 0 -50%;
    position: absolute;
    width: 40px;
    border-radius: 0;
    height: 50px;
    font-size: 1.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.Detail .CTA_Section .addToCart span:before {
    top: 1px;
}

.Detail .cart-btn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: fit-content;
    align-self: end;
    margin-top: auto;
    /* display: none !important; */
    position: relative;
}

.Detail .Price-list {
    width: 100%;
}

.Detail .infoQty {
    width: 100%;
    margin-top: auto;
}

.Detail .infoQty__ICon {
    min-width: 24px;
    object-fit: contain;
}

.Detail .notExist {
    display: flex;
    flex-direction: column;
}

/* .Detail .notExist__Qty {
    width: max-content;
} */

/* .Detail .notExist__Price {
    display: flex;
} */

.Detail .notExist__Text {
    font-family: "IranYekan" !important;
}

.Detail .SalePriceBox,
.Detail .notExist__PriceBox {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.Detail .old_prices {
    display: flex;
    justify-content: end;
    align-items: center;
    flex-direction: row-reverse;
}

.Detail .unavailablePro {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    text-align: center;
    width: 100%;
    border: 1px solid #ef394e;
    /* margin-top: auto; */
    border-radius: var(--border-radius);
    color: #ef394e;
    font-weight: normal;
    padding: 8px;
}

/* modal add to basket */
.Detail .cart-btn .warningBtn {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    border-radius: var(--border-radius-sm);
    cursor: pointer;
}

.buyAlertModal__Title {
    font-size: 20px;
    font-weight: 500;
}

/* modal for v- p- n */

.modal-header-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 200px;
    margin-bottom: 20px;
    border-bottom: 1px dashed #c6c6c6;
    position: relative;
}
.modal-header-wrapper span {
    font-size: 25px;
    color: var(--mc2);
    font-weight: 700;
}
.modal-icon-left {
    width: 98px;
    position: absolute;
    left: 0;
    top: 0;
}
.modal-icon-right {
    width: 60px;
    position: absolute;
    right: 0;
    bottom: 24px;
}

.modal-text-wrapper span {
    font-size: 20px;
    font-weight: 500;
}
.modal-text-wrapper b {
    color: #bf0000bf;
}

.modal-text-wrapper {
    display: flex;
    flex-direction: column;
}

.buyAlertModal__Text {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    flex-wrap: wrap;
}

.buyAlertModal__Text_Mobile {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.buyAlertModal__Text_Mobile div {
    display: flex;
    align-items: center;
}

.buyAlertModal__Text_Mobile span {
    font-size: 16px;
    font-weight: 500;
}

.buyAlertModal__Text img,
.buyAlertModal__Text_Mobile img {
    width: 70px;
    display: flex;
    /* margin: 0px -7px; */
}

.Detail #buyAlertModal .modal-dialog {
    background-color: transparent !important;
}

.Detail #buyAlertModal .modal-content {
    border: 1px solid #e2d4c1;
    border-radius: 53px !important;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    padding: 1.5rem 7rem;
    width: auto !important;
    margin: 0 auto;
}

.Detail #buyAlertModal .modalAction {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
}

.Detail #buyAlertModal .addToBasketBtn {
    cursor: pointer;
    display: inline-block;
    padding: 8px 28px;
    border-radius: 14px;
    background-color: var(--mc2);
    cursor: pointer;
    color: #fff;
    user-select: none;
    border: 1px solid var(--mc2);
    transition: var(--transition);
    width: 185px;
    height: 62px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

.Detail #buyAlertModal .addToBasketBtn:hover {
    background-color: transparent;
    color: var(--mc2);
}

.Detail #buyAlertModal .modal-body {
    padding: 0 !important;
}

.Detail .cart-btn .dontAct {
    pointer-events: none;
}

/*************************productReminder*************************/
.productReminder button.product-reminder {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    font-size: 0.95rem;
    border-radius: 5px;
    margin-bottom: 0.5rem;
    background: #d2b384;
    border: 1px solid transparent;
}

.ModNBStoreProductListC button.product-reminder[disabled] {
    background: #7a7a7a;
    cursor: not-allowed !important;
}

.productReminder button.product-reminder span {
    padding-left: 1.25rem;
}

.ModNBStoreProductListC .modal-dialog .modalRight .modal-body .imgAlert::before {
    font-size: 10rem;
}

.modalLeft .modal-header .text-right {
    width: 100%;
}

.ModNBStoreProductListC .modal-dialog .modalLeft .modal-header h6.modal-title {
    display: inline-block;
}

.ModNBStoreProductListC .modal-dialog .modalLeft .modal-header h4.modal-title {
    display: inline-block;
    font-size: 1rem;
    padding-right: 1rem;
}

.ModNBStoreProductListC .modal-dialog .modalLeft .modal-body h5 {
    margin-top: 1rem;
}

.modalRight,
.modalLeft {
    padding: 15px !important;
}

/* .............. */

/* Models */

.Detail .Models {
    font-size: 14px;
    border-radius: 4px;
    background-color: #f0f0f0;
    position: relative;
    user-select: none;
    margin-bottom: 16px;
}

.Detail .DropModels {
    margin: 0 !important;
    background-color: #f0f5f4;
    list-style: none;
    padding: 8px 1px;
    position: absolute;
    width: 100%;
    z-index: 5;
    top: calc(100% - 6px);
    max-height: 212px;
    overflow-y: auto;
}

.Detail .Models .ModelItem {
    transition: 0.5s background;
    position: relative;
}

.Detail .Models .ModelItem:hover {
    background: #f8f8f8;
    /* border-radius: 10px; */
}

.Detail .Models .ModelItem:not(:last-child) {
    border-bottom: 1px solid #fff;
}

.Detail .Models .ModelItem label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.chooseModel label,
.chooseSize label {
    background-color: transparent !important;
}

.Detail .Models .ModelItem.chooseSize .modelName {
    display: none !important;
}

.Detail .Models .ModelItem.chooseSize .modelName.modelSizeWeight {
    display: block !important;
}

.Models.invalidColor {
    border: 1px solid white;
    background-color: transparent;
    margin-bottom: 30px !important;
}

.Models.invalidColor .colorTitle {
    position: absolute;
    top: -43px;
    right: 56px;
}

.ModelItem.chooseColor.radioSelect {
    border: 0;
}

.Detail .ModelItem.chooseColor:hover {
    background: transparent;
}

.Detail .chooseColor input:checked ~ div {
    top: 51%;
    left: 55%;
    position: absolute;
    width: 30px;
    height: 30px;
    display: flex;
    background-position: center;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.4));
    -webkit-filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.4));
    background: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.6117 6.62275C19.7121 6.52035 19.8319 6.43899 19.9641 6.38346C20.0963 6.32792 20.2382 6.29932 20.3816 6.29932C20.525 6.29932 20.6669 6.32792 20.7991 6.38346C20.9313 6.43899 21.0511 6.52035 21.1514 6.62275C21.572 7.04775 21.5779 7.73451 21.1661 8.16687L12.4706 18.4463C12.3718 18.5547 12.252 18.6418 12.1185 18.7023C11.9849 18.7629 11.8404 18.7955 11.6938 18.7982C11.5472 18.801 11.4016 18.7738 11.2658 18.7184C11.1301 18.6629 11.0071 18.5803 10.9044 18.4757L5.6132 13.1139C5.40914 12.9058 5.29483 12.626 5.29483 12.3345C5.29483 12.0431 5.40914 11.7632 5.6132 11.5551C5.71356 11.4527 5.83335 11.3713 5.96554 11.3158C6.09773 11.2603 6.23967 11.2317 6.38305 11.2317C6.52644 11.2317 6.66838 11.2603 6.80057 11.3158C6.93276 11.3713 7.05254 11.4527 7.15291 11.5551L11.6411 16.1036L19.5823 6.6551C19.5915 6.64374 19.6013 6.63293 19.6117 6.62275Z' fill='white'/%3E%3C/svg%3E%0A")
        no-repeat;
}

#colorInput {
    display: flex;
    gap: 8px;
}

.chooseColor label {
    width: 40px;
    height: 40px;
    border-radius: 5px;
    border: 1px solid #d3d3d3;
}

.chooseColor label :last-child {
    display: none;
}

.chooseColor .modelName,
.chooseColor input {
    display: none;
}

.Detail .Display {
    background: #2e766c;
    border: 1px dashed #2e766c;
    border-radius: 4px;
    padding: 8px 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 2;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
}

.Detail .Display i {
    transition: 0.5s;
}

.Detail .Display.open i {
    transform: rotate(180deg);
}

.Detail .Display i::before {
    content: "\f107";
    font-size: 18px;
}

.Detail .DropModels .ModelItem input {
    display: none;
}

.Detail .ModelsTtl {
    margin-bottom: 16px;
    font-weight: 600;
    font-size: 16px;
    line-height: 25px;
    display: flex;
    align-items: center;
}

.Detail .ModelsCatgoryName {
    margin-bottom: 8px;
}

.Detail .ModelsTtl span {
    font-weight: 700;
    margin-inline-end: 4px;
}

.Detail .ModelsTtl::before {
    content: "";
    width: 1.5rem;
    min-width: 1.5rem;
    height: 1.5rem;
    min-height: 1.5rem;
    background: url("/portals/0/Images/model.svg") no-repeat center;
    background-size: cover;
    margin-inline-end: 4px;
}

/* .Detail .ModelsTtl:first-child{
    margin-top: 0;
} */
/* .............. */

/* Options  */

/* .Detail .modelOptions {
    margin-top: 24px;
} */

.Detail .modelOptions input[type="radio"] {
    position: relative;
    appearance: none;
    width: 16px;
    height: 16px;
    margin-left: 4px;
}

.Detail .modelOptions input[type="radio"]::after {
    width: 100%;
    height: 100%;
    border: 1px solid #b1b1b1;
}

.Detail .modelOptions input[type="radio"]::after,
.Detail .modelOptions input[type="radio"]::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
}

.Detail .modelOptions input[type="radio"]:checked:before {
    background-color: var(--tc1);
    width: 62%;
    height: 62%;
}

.Detail .modelOptions input[type="radio"]:checked::after {
    border: 1px solid #3f3f3f;
}

.Detail .modelOptions input[type="radio"]:checked ~ label {
    color: var(--tc1);
    font-weight: bold;
}

.Detail .modelOptions .optionValues {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 12px 0;
}

.Detail .modelOptions .option-itemBox {
    display: flex;
    align-items: center;
    margin-left: 24px;
    margin-bottom: 8px;
}

/* .............. */

/* ------- Shipment Information ------- */

.shipping-methods_Headers input[type="radio"] {
    accent-color: var(--tc3);
}

.shipping_Method__Desc {
    padding: 1rem 1.5rem;
    background: white;
    box-shadow: 0px 4px 4px 0px #00000026;
    border-radius: 4px;
}

.ShipmentMethod__Content {
    display: flex;
    justify-content: space-between;
    max-width: calc(60% - 16px);
    flex: 0 0 calc(60% - 16px);
}

#ship-time-1 {
    position: relative;
}

#ship-time-1::before {
    content: "🚀";
}

.ShipmentMethod__Wrapper {
    display: flex;
    justify-content: space-between;
}

.ShipmentMethod__Content__List li {
    position: relative;
    padding: 0 24px 0 0;
    font-size: 16px;
    line-height: 35px;
    font-weight: 500;
}

.ShipmentMethod__Content__List li::before {
    content: "";
    position: absolute;
    top: 8px;
    right: 0px;
    width: 16px;
    height: 16px;
    background: url("/portals/0/Images/diamond-icon.svg") no-repeat;
}

.shipping-method_Header label {
    font-size: 16px;
    font-weight: 400;
    text-wrap: nowrap;
}

.ShipmentMethod__Image {
    max-width: 40%;
    flex: 0 0 40%;
}

.ShipmentMethod__Image img {
    mix-blend-mode: darken;
    width: 100%;
    height: auto;
}

.ShipmentMethod__Address {
    margin-top: 1rem;
    border: 1px dashed var(--mc1);
    padding: 1rem;
    background: #c0a47b1a;
}

.ShipmentMethod__AddressCard {
    display: flex;
    align-items: center;
    font-size: 16px;
    height: 32px;
}

.ShipmentMethod__AddressCard__Title {
    width: 120px;
    display: block;
    font-weight: bold;
}

.shipment-value-input {
    accent-color: var(--tc3);
}

/* .................................... */

/* ------- Detail Information ------- */

.Information__Nav {
    border-bottom: 1px solid var(--mc1);
    margin-bottom: 16px !important;
}

.Information__Nav__Item {
    display: block;
    padding-bottom: 12px;
    margin-left: 24px;
    font-weight: bold;
    color: #b8b8b8;
}

.active > .Information__Nav__Item {
    border-bottom: 2px solid var(--tc1);
    color: var(--tc1);
}

.Information__Nav__Icon {
    margin-left: 6px;
    filter: invert(72%) sepia(95%) saturate(0%) hue-rotate(134deg) brightness(87%) contrast(88%);
}

.active > .Information__Nav__Item .Information__Nav__Icon {
    filter: none;
}

.Information__Tab__Content .showMore {
    position: relative;
    padding-bottom: 50px;
}

.Information__Tab__Content .showMore::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background: linear-gradient(
        0deg,
        rgba(255, 255, 255, 1) 0%,
        rgba(255, 255, 255, 0.5018382352941176) 50%,
        rgba(255, 255, 255, 0) 100%
    );
}

.Information__Tab__Content .showmore-button {
    color: var(--mc1);
    cursor: pointer;
    margin-top: 12px;
    font-family: inherit;
    text-align: left;
}

.Information__Tab__Content .showmore-button i {
    font-size: 12px;
    margin-right: 6px;
    color: var(--mc1);
}

.Information__Tab__Content .feature h2,
h3,
h4,
h5 {
    font-size: 1.2rem;
}

.Information__Tab__Content .feature p {
    font-size: 1rem;
    line-height: 2rem;
}

.Information__Tab__Content .feature a {
    color: var(--mc1);
}

/* Information In Mobile */

.InformationAc__Card {
    padding: 0 15px;
    border: 1px solid var(--gray);
    border-radius: var(--border-radius);
    margin-bottom: 16px;
    position: relative;
    background: #fff;
}

.InformationAc__Card__Body {
    border-top: 1px solid var(--gray);
    padding: 16px 0;
}

.InformationAc__Card__Head {
    padding: 12px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--tc1);
}

.InformationAc__Card__Head i {
    font-size: 12px;
    transition: var(--transition);
    color: var(--mc1);
    transform: rotate(-180deg);
}

.InformationAc__Card.open .InformationAc__Card__Head {
    color: var(--mc1);
}

.InformationAc__Card.open .InformationAc__Card__Head i {
    transform: rotate(0);
}

.InformationAc__Card__Head .Information__Nav__Icon {
    filter: none;
}

.InformationAc__Card.open .Information__Nav__Icon {
    filter: invert(78%) sepia(31%) saturate(226%) hue-rotate(6deg) brightness(95%) contrast(88%);
}

/*checkout*/
.wb-Checkout .left-side-wrap .checkout-content .next-step {
    background: var(--mc2);
    border-color: var(--mc2);
}

.wb-Checkout .buy-process li.active:before,
.wb-Checkout .buy-process li:before,
.wb-Checkout .buy-process li.active:after {
    color: var(--mc2);
    background: var(--mc2);
}

.wb-Checkout .checkout-express {
    border-color: var(--mc2);
}

.wb-Checkout .buy-process li:after {
    color: var(--mc2);
}

.float-placeholder input,
.wb-Checkout textarea {
    border-color: var(--mc1);
}

.StateandCity-Box .select2-container--default .select2-selection--single {
    border-color: var(--mc1) !important;
}

.wb-Checkout .TnxMessage {
    text-align: center;
    color: var(--mc1);
    font-size: 1rem;
    margin-bottom: 24px;
}

/* .ModNBStoreCheckoutC .wb-Checkout table {
    width: 60%;
    margin: 0 auto;
    background-color: #e9e9e94d;
    height: 100px;
    border-radius: 10px;
} */

.ModNBStoreCheckoutC .wb-Checkout .pymnt-in-place table:nth-child(2) tbody tr:first-child td {
    font-size: 17px !important;
    background-color: var(--tc3) !important;
}

.ModNBStoreCheckoutC .wb-Checkout .pymnt-in-place table:first-child tbody tr td,
.ModNBStoreCheckoutC .wb-Checkout .pymnt-in-place table:nth-child(2) tbody tr td,
.ModNBStoreCheckoutC .wb-Checkout .pymnt-in-place table:nth-child(3) tbody tr td,
.ModNBStoreCheckoutC .wb-Checkout .pymnt-in-place table:nth-child(5) tbody tr td,
.ModNBStoreCheckoutC .wb-Checkout .pymnt-in-place table:nth-child(3) tbody tr td span {
    font-family: "YekanBakh";
}

.ModNBStoreCheckoutC .wb-Checkout .pymnt-in-place table:nth-child(2) tbody tr td:last-child {
    padding-bottom: 10px;
}

.ModNBStoreCheckoutC .wb-Checkout .pymnt-in-place table:nth-child(2) tbody tr td {
    padding: 10px 10px 0 0;
}

.ModNBStoreCheckoutC .wb-Checkout .pymnt-in-place table:nth-child(3) tbody tr:first-child td {
    background-color: var(--tc3);
    color: white;
    height: 40px;
    padding-right: 10px;
    text-align: center;
}

.ModNBStoreCheckoutC .wb-Checkout .pymnt-in-place table:nth-child(3) tbody .OrderDetailRow td {
    text-align: center !important;
}

.ModNBStoreCheckoutC .wb-Checkout .pymnt-in-place table:nth-child(3) tbody tr td {
    height: 40px;
    vertical-align: middle;
    padding-right: 15px;
}

/* .wb-Checkout .left-side{
    order: 1;
} */

.slick-slide .productList__Card__Countdown {
    display: none;
}

@media all and (max-width: 991px) {
    .Detail .priceAndBasket .time_Wrapper {
        margin: 0px -2rem 0.75rem -2rem;
    }

    .Detail .priceAndBasket .time_Wrapper::before {
        content: "";
        position: absolute;
        display: inline-block;
        right: 0px;
        bottom: -1rem;
        width: 1rem;
        height: 1rem;
        background-color: rgb(136, 31, 43);
        clip-path: polygon(0px 0px, 100% 0px, 0px 100%);
    }

    /* hiding special products in mobile */

    #dnn_RightThreePane .DnnModule-NB_Store_ProductList {
        display: none;
    }

    /*  */

    .productList_Wrapper #dnn_ctr391_ProductList_pnlProductList {
        width: 100%;
        margin: 0;
    }

    .DNNContainer_Title_Section2:has(.productList_Wrapper) {
        padding: 18px 0;
        background-color: transparent;
    }

    .productList_Wrapper .ProductList {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr);
        gap: 0;
    }

    .productList_Wrapper .ProductList:has(.relatedPro_Inner) {
        display: block !important;
    }

    .productList_Wrapper .ListCell {
        padding: 0;
    }

    .relatedPro_Inner .ListCell {
        /* min-width: 150px !important; */
        /* margin: 0 4px !important; */
    }

    .ProductListSlider .draggable {
        margin: 0px -15px;
    }

    .ProductCounterListSlider .draggable {
        margin: 0px -15px 10px;
    }

    .Detail .imageBox {
        margin-bottom: 16px;
    }

    .Detail .ProDescIn {
        margin-bottom: 12px;
        position: static;
    }

    .ProductListSlider {
        overflow-x: unset !important;
        display: flex !important;
        overflow-y: clip;
    }

    /* .relatedProduct .RelatedWrapper {
        display: flex;
        overflow-x: auto;
    } */

    .RelatedWrapper .RelatedOuter {
        margin: 0 4px !important;
        padding: 0 !important;
    }

    .relatedProduct .RelatedWrapper .slick-arrow.slick-prev {
        right: -12px !important;
        top: 50% !important;
    }

    .relatedProduct .RelatedWrapper .slick-arrow.slick-next {
        left: -12px !important;
        top: 50% !important;
    }

    .ProductCounterListSlider {
        overflow-x: unset !important;
        display: flex !important;
        overflow-y: clip;
    }

    .productList__Card__Countdown {
        font-size: 0.8rem;
    }

    .filter-wrap {
        padding-top: 75px;
        padding-bottom: 52px;
    }

    .sharingBox i.fa.fa-caret-up {
        left: 0;
        transform: translateX(10px);
    }

    .more_product {
        bottom: 1rem;
    }

    .filter-close .FilterItemBox {
        margin: 0 0 16px;
    }

    .filter-close .FilterItemBox:nth-child(1) {
        margin: 0 !important;
    }

    .FilterAvailability {
        padding-top: 0 !important;
    }

    .ModNBStoreProductListC .nice-select {
        top: 8px;
        left: 0;
    }

    .ShipmentMethod__Image {
        display: none !important;
    }

    .ShipmentMethod__Content {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .ShipmentMethod__AddressCard {
        height: auto;
        min-height: 35px;
        flex-wrap: wrap;
        margin-bottom: 1rem;
    }

    .ShipmentMethod__AddressCard:last-child {
        margin-bottom: 0 !important;
    }

    .shipping-methods_Headers {
        box-shadow: unset !important;
    }

    .CTA_Section {
        position: fixed;
        bottom: 64px;
        right: 0;
        width: 100%;
        padding: 0.75rem 15px;
        background-color: #f5f5f5;
        justify-content: space-between;
        align-items: end;
        z-index: 999;
        display: flex;
        pointer-events: all;
    }

    .CTA_Section .productReminder button.product-reminder {
        background-color: #b1c9c6;
        padding: 0;
        white-space: nowrap;
        align-items: center;
        width: 175px;
        margin-bottom: 0;
    }

    .CTA_Section .productReminder button.product-reminder span {
        padding-left: 0 !important;
        background-color: #73a19b;
        width: 40px;
        border-radius: 4px;
        height: 44px;
        margin-left: 8px !important;
        border-radius: 0;
    }

    .CTA_Section .productReminder button.product-reminder span::before {
        font-size: 1.25rem;
    }

    .CTA_Section .addToCart {
        display: block;
        padding: 10px 36px 10px 0;
    }

    /* .CTA_Section .addToCart span:before {
        display: none !important;
    } */

    .CTA_Section .old_prices {
        justify-content: start;
        width: fit-content;
        float: left;
    }

    .CTA_Section .unavailablePro {
        width: max-content;
        padding: 10px 29px;
        margin: 0 auto;
    }

    .CTA_Section .productReminder {
        margin: 0 auto;
    }

    .CTA_Section .SalePriceBox.SalePriceBox.SalePriceBox {
        gap: 8px;
        width: 100%;
        margin-left: 12px;
        display: flex !important;
    }

    .CTA_Section .cart-btn {
        max-width: 160px;
    }

    .CTA_Section .SalePrice_Wrapper {
        display: flex;
    }

    .CTA_Section .toman_icon {
        padding-bottom: 0;
        width: 28px;
        height: 34px;
    }

    .CTA_Section .SalePrice {
        font-weight: 700;
        font-size: 18px;
        line-height: 31px;
        color: #1b1b1b;
        display: flex;
        align-items: center;
        gap: 6px;
    }

    .CTA_Section .OldPrice {
        color: #aeaeae;
        font-weight: 300;
        font-size: 12px;
    }

    .CTA_Section .DiscountsPercent {
        margin-right: 0.5rem;
    }

    .CTA_Section .priceInfo__Weight {
        font-size: 13px;
        line-height: 20px;
        color: #2f2f2f;
    }

    .CTA_Section:has(.unavailablePro.d-none) .priceInfo__Weight {
        display: block;
        width: fit-content;
    }

    .CTA_Section .Price-list.detail_page {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        column-gap: 20px;
    }

    /* ------ */

    .Detail .Display {
        background-color: #fff;
    }

    .Detail .ProDesc {
        position: relative;
        padding-top: 112px;
    }

    .Detail:has(.ModelItem.chooseSize) .ProDesc {
        padding-top: 220px;
    }

    .Detail .col-lg-8 {
        position: static;
    }

    .ModleTitles,
    .invalidModel {
        position: absolute !important;
        top: 0;
        right: 0;
        width: 100%;
    }

    .SizeTitles,
    .invalidSize {
        position: absolute !important;
        top: 9rem;
        right: 0;
        width: 100%;
    }

    .SizeTitles {
        top: 7rem;
    }

    .invalidModel,
    .invalidSize,
    .Detail .ModleTitles,
    .Detail .SizeTitles {
        width: calc(100% - 2rem);
        right: unset;
        left: 50%;
        translate: -50% 0;
    }

    .Detail .ModleTitles,
    .Detail .SizeTitles {
        margin-bottom: 0.5rem;
        color: #fff;
    }

    .invalidModel {
        top: 32px;
        z-index: 9;
    }

    .invalidModel::before,
    .invalidSize::before {
        content: "";
        position: absolute;
        left: -1rem;
        top: 0;
        width: calc(100% + 2rem);
        height: calc(100% + 1rem);
        background-color: #00584c;
        border-radius: 0 0 4px 4px;
    }

    .Detail .Display {
        background: #fff;
        border: none;
        padding: 8px 12px;
        color: #4e4e4e;
    }

    .Detail .ModleTitles::before,
    .Detail .SizeTitles::before {
        display: none;
    }

    .Detail .ModleTitles::after,
    .Detail .SizeTitles::after {
        content: "";
        position: absolute;
        left: -1rem;
        top: -1rem;
        width: calc(100% + 2rem);
        height: calc(100% + 1.5rem);
        background-color: #00584c;
        border-radius: 4px 4px 0 0;
        z-index: -1;
    }

    .home_cat_List .SCat-Main a span {
        font-size: 1rem;
    }

    .Detail #buyAlertModal .modal-content {
        border-radius: 16px !important;
        padding: 0.5rem;
    }
    .modal-header-wrapper {
        padding-top: 54px;
        height: 120px;
    }
    .modal-header-wrapper span {
        font-size: 19px;
    }
    .modal-icon-left {
        width: 58px;
    }
    .modal-icon-right {
        width: 48px;
        bottom: unset;
        top: 0;
    }
    .modal-text-wrapper span {
        font-size: 17px;
        font-weight: 500;
    }
    .Detail #buyAlertModal .addToBasketBtn {
        width: 164px;
        height: 52px;
        font-size: 20px;
    }
    .buyAlertModal__Text img {
        width: 56px;
    }
    .modal-text-wrapper {
        padding: 0 16px;
    }
}

.Services_guarantee {
    margin: 0.75rem 0;
    width: 100%;
}

.detail_size_Info {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
}

.detail_size_Icon {
    width: 18px;
    height: 18px;
}

@media (max-width: 991px) {
    .detail_size_Info {
        justify-content: flex-start;
    }

    .Services_guarantee {
        margin: 0.25rem 0 0.5rem;
    }
}

.btnGuide {
    text-underline-offset: 6px;
}

@media (max-width: 447px) {
    .home_cat_List .SCat-Main {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 991px) {
    .filter-wrap {
        display: none !important;
    }

    .filter-wrap.filter-close {
        display: block !important;
    }
}

/* changing images of categories in mobile screen */

.preset-price-buttons button {
    display: flex;
    gap: 4px;
    align-items: center;
    justify-content: center;
    background: #f0f0f0;
    transition: all 0.3s ease;
}

.preset-price-buttons button:hover {
    background: #b3b3b3;
}

.preset-price-buttons svg {
    width: 20px;
    height: 20px;
}

/* body:has(.homeSpacialOrder) .ProductListSlider {
    direction: ltr !important;
} */

body:has(.homeSpacialOrder) .ProductListSlider .slick-next.slick-arrow {
    right: unset !important;
    left: -14px !important;
}

body:has(.homeSpacialOrder) .ProductListSlider .slick-prev.slick-arrow {
    left: unset !important;
    right: -14px !important;
    rotate: 180deg !important;
}

/* mobile category drop down in products page */

.mobile_category_dropdown_wrapper,
.mobile_category_dropdown_wrapper.show {
    display: none;
}

.mobile_category_dropdown_wrapper .nice-select {
    background-color: var(--mc2) !important;
    color: white;
    padding-left: 28px;
    padding-right: 10px;
}

.mobile_category_dropdown_wrapper .nice-select .current {
    font-size: 12px;
}

.mobile_category_dropdown_wrapper .nice-select.open .list {
    right: 0;
    left: unset;
    z-index: 8;
}

.mobile_category_dropdown_wrapper .nice-select:after {
    border-bottom: unset !important;
    border-right: unset !important;
    background: url("/Portals/0/images/arrow_niceSelect.svg") no-repeat center center;
    width: 12px !important;
    height: 12px !important;
    right: unset;
    left: 12px;
    top: 58%;
    transform-origin: unset !important;
    transform: translate(0, -50%);
}

.mobile_category_dropdown_wrapper .nice-select.open:after {
    transform: rotate(-180deg);
    top: 38%;
}

.mobile_category_dropdown_wrapper .nice-select li,
.mobile_category_dropdown_wrapper .nice-select .list:hover .option:not(:hover) {
    background-color: var(--mc2) !important;
    padding-right: 20px !important;
    text-align: right !important;
}

.mobile_category_dropdown_wrapper .nice-select li.focus,
.mobile_category_dropdown_wrapper .nice-select li:hover {
    background-color: var(--mc1) !important;
}

@media (max-width: 991px) {
    .mobile_category_dropdown_wrapper.show {
        display: none;
        justify-content: center;
        margin-bottom: 24px;
        align-items: center;
        gap: 6px;
    }
}

.cate_test {
    display: none !important;
}

@media (max-width: 991px) {
    .DnnModule-WB_NB_Store_SimpleCategory.DnnModule-449 {
        display: none !important;
    }
}

.heading_wrapper:has(.category_wrapper) {
    margin: 0 !important;
}

.category_wrapper i {
    display: none;
}

.removeFilter {
    width: 100%;
    color: white !important;
    border-radius: var(--border-radius);
    font-size: 1rem;
    padding: 8px 28px;
    background-color: #ca2727;
    cursor: pointer;
    user-select: none;
    border: 1px solid #ca2727;
    transition: var(--transition);
    margin: 16px 0;
    grid-column: 1 / 3;
    margin-top: 40px;
}

.removeFilter:hover {
    background-color: transparent !important;
    color: #ca2727 !important;
}

.wagesLabel {
    position: absolute;
    top: 19px;
    right: 0;
    width: 60px;
}

.qtyLabel {
    display: block;
    position: absolute;
    left: 0;
    top: 19px;
}

/*  pagination style  */

div[id*="pnlProductList"] .MobilePaging {
    background: unset !important;
    position: relative;
}

div[id*="pnlProductList"] .PagingTable {
    position: relative;
}

div[id*="pnlProductList"] .PagingTable .PreviousPage {
    position: absolute;
    top: 0;
    right: 10px;
}
div[id*="pnlProductList"] .PagingTable .NextPage {
    position: absolute;
    top: 0;
    left: 10px;
}

div[id*="pnlProductList"] .PagingTable .NextPage:before , div[id*="pnlProductList"] .PagingTable a.PreviousPage:after {
    display: none;
}

.img-list > .wishlsitBox {
    display: none !important;
}

@media (max-width: 991px) {
    .wagesLabel {
        scale: 0.8;
        right: -7px;
    }
    .product_weight {
        display: none;
    }

    div[id*="pnlProductList"] .PagingTable .PreviousPage {
        position: absolute;
        top: -52px;
        right: 10px;
    }
    div[id*="pnlProductList"] .PagingTable .NextPage {
        position: absolute;
        top: -52px;
        left: 10px;
    }
}

.products_banner_wages_icon {
    background-image: url("/Portals/0/Images/wages_cloud.svg");
    background-repeat: no-repeat;
    background-size: contain;
    width: 96px;
    aspect-ratio: 1 / 1;
    position: absolute;
    top: -40px;
    z-index: 2;
    right: 48px;
}


.installment_section {
    display: flex !important;
    align-items: center;
    flex-direction: column;
    gap: 13px;
    margin-top: 10px;
}

.delivery_card > div {
    font-size: 14px;
}

.delivery_card > div p:first-of-type {
    font-weight: 600;
}

.azki_section,
.digipay_section {
    background: #f9f9f9;
    border: 1px solid #00584c;
    border-radius: 4px;
    display: flex;
    padding: 12px 5px 12px 14px;
    align-items: center;
    gap: 6px;
    width: 86%;
    height: 46px;
    justify-content: center;
}

.azki_section span,
.digipay_section span {
    font-size: 14px;
    font-weight: 400;
    color: #2f2f2f;
}

@media (max-width: 991px) {
    .products_banner_wages_icon {
        position: absolute;
        top: -49px;
        width: 114px;
        left: 0px;
        background-size: cover;
        right: unset;
        scale: 0.8;
    }
    .products_banner_InnerWrapper_wages {
        overflow: unset !important;
    }
    .products_banner_InnerWrapper_wages .products_banner {
        padding: 32px 20px 16px;
    }
}

/* .ProductCounterListSlider .DiscountsPercent {
    bottom: 44px;
} */

@media (max-width: 991px) {
    .DiscountsPercent {
        font-size: 10px;
        height: 17px;
    }

    /* .ProductCounterListSlider .DiscountsPercent {
        bottom: 40px;
    } */

    .mobile_category_dropdown_wrapper .nice-select li[data-value="زیر ۵ میلیون"] {
        display: flex;
        align-items: center;
        justify-content: start;
        gap: 12px;
    }
}

.price__Options {
    font-family: "DanaFaNum", "YekanBakh", sans-serif;
}

.product__Installment_Notice {
    margin-top: 0.8125rem;
    text-align: center;
    overflow: hidden;
    border-radius: var(--border-radius);
    border: 1px dashed #e4d1b4;
    background-color: #faf7f1;
    padding-block: 1rem;
    padding-inline: 0.5rem;
    margin-bottom: 22px;
}

.product__Installment_Notice h4 {
    font-size: 14px;
    margin-bottom: 1rem;
    color: var(--mc2);
    line-height: 100%;
}

.product__Installment_Notice_Card {
    display: flex;
    color: #000;
    justify-content: space-between;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 8px;
}

.product__Installment_Notice_Card span {
    font-weight: 400;
}

@media (max-width: 991px) {
    .product__Installment_Notice {
        margin-top: 2.5rem;
    }

    .product__Installment_Notice p {
        font-size: 12px;
    }
}

.zarine-info {
    border: 1px dashed #f1e8da;
    padding-block: 20px;
    padding-inline: 12px;
    border-radius: 10px;
    margin-top: 20px;
}

.Services__Cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    row-gap: 24px;
    column-gap: 20px;
    text-align: center;
    margin-inline: 16px;
    width: 100%;
    position: relative;
}

.Services__Cards::before {
    content: "";
    position: absolute;
    background-color: #d2d2d2;
    height: 1px;
    width: 100%;
    right: 0;
    top: 44%;
}

.Services__Cards::after {
    content: "";
    position: absolute;
    background-color: #d2d2d2;
    height: 100%;
    width: 1px;
    right: 50%;
    translate: 50% 0;
    top: 0;
}

.Services__Card {
    display: flex;
    justify-content: center;
    align-items: center;
}

.Services__Card div {
    width: 86px;
}

.Detail .DetailTop {
    display: flex;
    gap: 1rem;
}

.Detail .first-section {
    width: 316px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.Detail .DetailInfo {
    flex: 1;
}

.imageBox .image img {
    aspect-ratio: 1;
    object-fit: cover;
}

.product__Installment_Notice_Card span {
    font-family: "IranYekan" !important;
}

@media (max-width: 992px) {
    .Detail :is(.delivery_cards, .DetailTop) {
        flex-direction: column;
    }

    .delivery_cards {
        flex-direction: column;
    }

    .Detail .first-section {
        width: 100%;
    }

    .first-section .Bottom {
        margin-bottom: 20px;
    }

    .zarine-info {
        margin-bottom: 1rem;
    }

    .Detail .desc__specs {
        height: auto;
    }

    .Models.invalidColor {
        margin-bottom: 1rem !important;
    }

    .product__Installment_Notice {
        margin-top: 1rem;
    }

    .filter-mobile-nav .fa-angle-left , .filter-head .fa-remove{
        display: block;
    }

    div[id*="pnlProductList"] .PagingTable.row a.active , div[id*="pnlProductList"] .PagingTable span.mobile-pagination-dots {
        display: block !important;
    }
}

@media (max-width: 360px) {
    div[id*="pnlProductList"] .PagingTable .NextPage {
        top: 0;
    }
    div[id*="pnlProductList"] .PagingTable .PreviousPage {
        top: 0;
    }
}

.filter_button_mobile {
    display: none;
}

@media (max-width: 992px) {
    .filter_button_mobile {
        position: absolute;
        top: -16px;
        right: 0;
        padding-left: 30px;
        padding-right: 18px;
        border-radius: 0;
        height: 48px;
        width: 168px;
        box-shadow: 0 1px 5px 1px #0000001A;
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        font-weight: 600;
        color: #414042;
        gap: 12px;
        background: #FDFCF9; 
    }

    body:has(.Detail) .filter_button_mobile {
        display: none !important;
    }

    .ModNBStoreProductListC .nice-select {
        position: absolute;
        top: -16px;
        left: 0;
        padding-left: 30px;
        padding-right: 18px;
        border-radius: 0;
        height: 48px;
        width: 168px;
        box-shadow: 0 1px 5px 1px #0000001A;
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        font-weight: 600;
        color: #414042;
        gap: 12px;
        background: #FDFCF9;
        padding: 0;
    }

    .ModNBStoreProductListC .nice-select::before {
        content: '';
        background: url("/Portals/_default/skins/wb-skin/Images/order_icon.svg");
        width: 24px;
        height: 24px;
        display: block;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .filter_button_mobile::before {
        content: '';
        background: url("/Portals/_default/skins/wb-skin/Images/filter.svg");
        width: 24px;
        height: 24px;
        display: block;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .ModNBStoreProductListC .nice-select:after {
        display: none !important;
    }

    .filter-mobile-nav {
        display: none;
    }

    .heading_wrapper .categoryStyle .SCat-Main {
        grid-template-columns: 1fr;
        padding: 0 0 20px;
    }
    .heading_wrapper .categoryStyle .SCat-Main li {
        background: unset;
        justify-content: start;
    }
    .heading_wrapper .categoryStyle .SCat-Main li > a {
        padding: 7px 16px 7px 0;
    }
    .heading_wrapper .categoryStyle .SCat-Main li::after {
        width: 10px;
        height: 10px;
        content: "";
        border: 2px solid #d1d7dc;
        background-color: #fff;
        background-repeat: no-repeat;
        background-position: -3px -6px;
        background-size: 29px;
        border-radius: 4px;
        z-index: 2;
        position: absolute;
        right: 15px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        cursor: pointer;
        transition: all 200ms ease-in;
        right: 0;
        border-radius: 50px;
        border: 1px solid var(--mc1);
        background-color: transparent;
        background-size: 20px;
        background-position: -1px -1px;
        pointer-events: none;

    }

    .filter-wrap.filter-close .heading_wrapper .Head {
        margin-bottom: 6px;
        font-weight: bold;
        display: block;
        padding: 6px 0 !important;
        border-bottom: 1px solid #d6d9dd;
        color: var(--tc1); 
    }

    .filter-open .submit-btn {
        display: flex;
        align-items: center;
        gap: 12px;
    }

    .removeFilter {
        display: none !important;
    }

    a.delete_filter {
        width: 100%;
        color: white !important;
        font-size: 1rem;
        padding: 8px 28px;
        cursor: pointer;
        user-select: none;
        border: 1px solid #CA2727;
        transition: var(--transition);
        display: flex;
        align-items: center;
        justify-content: center;
        background: #CA2727;
        font-weight: 400;
    }

    .DNNContainer_Title_Section2 .sectionTtl .Head {
        margin: 32px 0 20px;
        display: flex;
        align-items: center;
        justify-content: start;
        gap: 4px;
    }

    .DNNContainer_Title_Section2 .sectionTtl .Head::before {
        content: '';
        width: 7px;
        height: 7px;
        background: #D2B384;
        border-radius: 100px;
        display: block;
    }
}

/*CSS3 Animation*/
.animated, .animated .animation_item {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-delay: 200ms;
    -webkit-animation-delay: 200ms
}

span.animation, a.animation, b.animation, i.animation, span.animationhover, a.animationhover, b.animationhover, i.animationhover, span.animation_item, a.animation_item, b.animation_item, i.animation_item {
    display: inline-block
}

.animated.infinite, .animation_item.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.hinge, .animation_item.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.animation img, .animationhover img, .animated .animation_item img {
    max-width: 100%;
}

.animation {
    opacity: 0
}

.animationhover, .animated {
    opacity: 1
}

.animationhover {
    animation-delay: 0ms;
    -webkit-animation-delay: 0ms
}

@keyframes bounce {
    0%,100%,20%,53%,80% {
        -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        -webkit-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    40%,43% {
        -webkit-transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
        transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
        -webkit-transform: translate3d(0,-30px,0);
        -ms-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }

    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
        transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
        -webkit-transform: translate3d(0,-15px,0);
        -ms-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        -ms-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0)
    }
}

@-webkit-keyframes bounce {
    0%,100%,20%,53%,80% {
        -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    40%,43% {
        -webkit-transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
        transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }

    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
        transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0)
    }
}

.animated.bounce, .animated .animation_item.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes flash {
    0%,100%,50% {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

@keyframes flash {
    0%,100%,50% {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

.animated.flash, .animated .animation_item.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }

    100% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale3d(1,1,1);
        -ms-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        -ms-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }

    100% {
        -webkit-transform: scale3d(1,1,1);
        -ms-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

.animated.pulse, .animated .animation_item.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(0.75,1.25,1);
        transform: scale3d(0.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }

    100% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1,1,1);
        -ms-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        -ms-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(0.75,1.25,1);
        -ms-transform: scale3d(0.75,1.25,1);
        transform: scale3d(0.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        -ms-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        -ms-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        -ms-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }

    100% {
        -webkit-transform: scale3d(1,1,1);
        -ms-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

.animated.rubberBand, .animated .animation_item.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shake {
    0%,100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }
}

@keyframes shake {
    0%,100% {
        -webkit-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        -ms-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px,0,0);
        -ms-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }
}

.animated.shake, .animated .animation_item.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0,0,1,15deg);
        transform: rotate3d(0,0,1,15deg)
    }

    40% {
        -webkit-transform: rotate3d(0,0,1,-10deg);
        transform: rotate3d(0,0,1,-10deg)
    }

    60% {
        -webkit-transform: rotate3d(0,0,1,5deg);
        transform: rotate3d(0,0,1,5deg)
    }

    80% {
        -webkit-transform: rotate3d(0,0,1,-5deg);
        transform: rotate3d(0,0,1,-5deg)
    }

    100% {
        -webkit-transform: rotate3d(0,0,1,0deg);
        transform: rotate3d(0,0,1,0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0,0,1,15deg);
        -ms-transform: rotate3d(0,0,1,15deg);
        transform: rotate3d(0,0,1,15deg)
    }

    40% {
        -webkit-transform: rotate3d(0,0,1,-10deg);
        -ms-transform: rotate3d(0,0,1,-10deg);
        transform: rotate3d(0,0,1,-10deg)
    }

    60% {
        -webkit-transform: rotate3d(0,0,1,5deg);
        -ms-transform: rotate3d(0,0,1,5deg);
        transform: rotate3d(0,0,1,5deg)
    }

    80% {
        -webkit-transform: rotate3d(0,0,1,-5deg);
        -ms-transform: rotate3d(0,0,1,-5deg);
        transform: rotate3d(0,0,1,-5deg)
    }

    100% {
        -webkit-transform: rotate3d(0,0,1,0deg);
        -ms-transform: rotate3d(0,0,1,0deg);
        transform: rotate3d(0,0,1,0deg)
    }
}

.animated.swing, .animated .animation_item.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
        transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
    }

    100% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale3d(1,1,1);
        -ms-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
        -ms-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
        transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        -ms-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        -ms-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
    }

    100% {
        -webkit-transform: scale3d(1,1,1);
        -ms-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

.animated.tada, .animated .animation_item.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
        transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
        transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
        transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
        transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
        transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
        -ms-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
        transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
        -ms-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
        transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
        -ms-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
        transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
        -ms-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
        transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
        -ms-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
        transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
    }

    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.animated.wobble, .animated .animation_item.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes bounceIn {
    0%,100%,20%,40%,60%,80% {
        -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        transition-timing-function: cubic-bezier(0.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@keyframes bounceIn {
    0%,100%,20%,40%,60%,80% {
        -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        transition-timing-function: cubic-bezier(0.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        -ms-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        -ms-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        -ms-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        -ms-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        -ms-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        -ms-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

.animated.bounceIn, .animated .animation_item.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes bounceInDown {
    0%,100%,60%,75%,90% {
        -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        transition-timing-function: cubic-bezier(0.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0);
        transform: translate3d(0,-3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0);
        transform: translate3d(0,25px,0)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0);
        transform: translate3d(0,5px,0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInDown {
    0%,100%,60%,75%,90% {
        -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        transition-timing-function: cubic-bezier(0.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0);
        -ms-transform: translate3d(0,-3000px,0);
        transform: translate3d(0,-3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0);
        -ms-transform: translate3d(0,25px,0);
        transform: translate3d(0,25px,0)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0);
        -ms-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0);
        -ms-transform: translate3d(0,5px,0);
        transform: translate3d(0,5px,0)
    }

    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.animated.bounceInDown, .animated .animation_item.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    0%,100%,60%,75%,90% {
        -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        transition-timing-function: cubic-bezier(0.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0);
        transform: translate3d(-3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0);
        transform: translate3d(25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInLeft {
    0%,100%,60%,75%,90% {
        -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        transition-timing-function: cubic-bezier(0.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0);
        -ms-transform: translate3d(-3000px,0,0);
        transform: translate3d(-3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0);
        -ms-transform: translate3d(25px,0,0);
        transform: translate3d(25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0);
        -ms-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0);
        -ms-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0)
    }

    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.animated.bounceInLeft, .animated .animation_item.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    0%,100%,60%,75%,90% {
        -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        transition-timing-function: cubic-bezier(0.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0);
        transform: translate3d(3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0);
        transform: translate3d(-25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0);
        transform: translate3d(-5px,0,0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInRight {
    0%,100%,60%,75%,90% {
        -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        transition-timing-function: cubic-bezier(0.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0);
        -ms-transform: translate3d(3000px,0,0);
        transform: translate3d(3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0);
        -ms-transform: translate3d(-25px,0,0);
        transform: translate3d(-25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0);
        -ms-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0);
        -ms-transform: translate3d(-5px,0,0);
        transform: translate3d(-5px,0,0)
    }

    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.animated.bounceInRight, .animated .animation_item.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    0%,100%,60%,75%,90% {
        -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        transition-timing-function: cubic-bezier(0.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0);
        transform: translate3d(0,3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0);
        transform: translate3d(0,-5px,0)
    }

    100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes bounceInUp {
    0%,100%,60%,75%,90% {
        -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        transition-timing-function: cubic-bezier(0.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0);
        -ms-transform: translate3d(0,3000px,0);
        transform: translate3d(0,3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        -ms-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0);
        -ms-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0);
        -ms-transform: translate3d(0,-5px,0);
        transform: translate3d(0,-5px,0)
    }

    100% {
        -webkit-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.animated.bounceInUp, .animated .animation_item.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        -ms-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        -ms-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        -ms-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
}

.animated.bounceOut, .animated .animation_item.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0);
        -ms-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        -ms-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        -ms-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

.animated.bounceOutDown, .animated .animation_item.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0);
        transform: translate3d(20px,0,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0);
        -ms-transform: translate3d(20px,0,0);
        transform: translate3d(20px,0,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        -ms-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0);
        transform: translate3d(-20px,0,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0);
        -ms-transform: translate3d(-20px,0,0);
        transform: translate3d(-20px,0,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        -ms-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

.animated.bounceOutRight, .animated .animation_item.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0);
        -ms-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0);
        -ms-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        -ms-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

.animated.bounceOutUp, .animated .animation_item.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.animated.fadeIn, .animated .animation_item.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-20px,0);
        -ms-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.animated.fadeInDown, .animated .animation_item.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        -ms-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.animated.fadeInDownBig, .animated .animation_item.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-20px,0,0);
        transform: translate3d(-20px,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-20px,0,0);
        -ms-transform: translate3d(-20px,0,0);
        transform: translate3d(-20px,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.animated.fadeInLeft, .animated .animation_item.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        -ms-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.animated.fadeInLeftBig, .animated .animation_item.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(20px,0,0);
        transform: translate3d(20px,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(20px,0,0);
        -ms-transform: translate3d(20px,0,0);
        transform: translate3d(20px,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.animated.fadeInRight, .animated .animation_item.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        -ms-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.animated.fadeInRightBig, .animated .animation_item.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,20px,0);
        -ms-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.animated.fadeInUp, .animated .animation_item.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        -ms-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.animated.fadeInUpBig, .animated .animation_item.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.animated.fadeOut, .animated .animation_item.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        -ms-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

.animated.fadeOutDown, .animated .animation_item.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        -ms-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

.animated.fadeOutDownBig, .animated .animation_item.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        -ms-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

.animated.fadeOutLeft, .animated .animation_item.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        -ms-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

.animated.fadeOutLeftBig, .animated .animation_item.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        -ms-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

.animated.fadeOutRight, .animated .animation_item.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        -ms-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

.animated.fadeOutRightBig, .animated .animation_item.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        -ms-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

.animated.fadeOutUp, .animated .animation_item.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        -ms-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

.animated.fadeOutUpBig, .animated .animation_item.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-360deg);
        transform: perspective(400px) rotate3d(0,1,0,-360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95);
        transform: perspective(400px) scale3d(.95,.95,.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-360deg);
        -ms-transform: perspective(400px) rotate3d(0,1,0,-360deg);
        transform: perspective(400px) rotate3d(0,1,0,-360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        -ms-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        -ms-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95);
        -ms-transform: perspective(400px) scale3d(.95,.95,.95);
        transform: perspective(400px) scale3d(.95,.95,.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    100% {
        -webkit-transform: perspective(400px);
        -ms-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flip, .animated .animation_item.flip {
    -webkit-backface-visibility: visible;
    -ms-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotate3d(1,0,0,-20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg);
        transform: perspective(400px) rotate3d(1,0,0,10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg);
        transform: perspective(400px) rotate3d(1,0,0,-5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        -ms-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        -ms-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotate3d(1,0,0,-20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg);
        -ms-transform: perspective(400px) rotate3d(1,0,0,10deg);
        transform: perspective(400px) rotate3d(1,0,0,10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg);
        -ms-transform: perspective(400px) rotate3d(1,0,0,-5deg);
        transform: perspective(400px) rotate3d(1,0,0,-5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        -ms-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.animated.flipInX, .animated .animation_item.flipInX {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg);
        transform: perspective(400px) rotate3d(0,1,0,-20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);
        transform: perspective(400px) rotate3d(0,1,0,10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);
        transform: perspective(400px) rotate3d(0,1,0,-5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        -ms-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg);
        -ms-transform: perspective(400px) rotate3d(0,1,0,-20deg);
        transform: perspective(400px) rotate3d(0,1,0,-20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);
        -ms-transform: perspective(400px) rotate3d(0,1,0,10deg);
        transform: perspective(400px) rotate3d(0,1,0,10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);
        -ms-transform: perspective(400px) rotate3d(0,1,0,-5deg);
        transform: perspective(400px) rotate3d(0,1,0,-5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        -ms-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.animated.flipInY, .animated .animation_item.flipInY {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotate3d(1,0,0,-20deg);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        -ms-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        -ms-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotate3d(1,0,0,-20deg);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        -ms-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        opacity: 0
    }
}

.animated.flipOutX, .animated .animation_item.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg);
        transform: perspective(400px) rotate3d(0,1,0,-15deg);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        -ms-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg);
        -ms-transform: perspective(400px) rotate3d(0,1,0,-15deg);
        transform: perspective(400px) rotate3d(0,1,0,-15deg);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        -ms-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        opacity: 0
    }
}

.animated.flipOutY, .animated .animation_item.flipOutY {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        -ms-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        -ms-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        -ms-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1
    }
}

.animated.lightSpeedIn, .animated .animation_item.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

    100% {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

    100% {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        -ms-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0
    }
}

.animated.lightSpeedOut, .animated .animation_item.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0,0,1,-200deg);
        transform: rotate3d(0,0,1,-200deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0,0,1,-200deg);
        -ms-transform: rotate3d(0,0,1,-200deg);
        transform: rotate3d(0,0,1,-200deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1
    }
}

.animated.rotateIn, .animated .animation_item.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        -ms-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1
    }
}

.animated.rotateInDownLeft, .animated .animation_item.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        -ms-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1
    }
}

.animated.rotateInDownRight, .animated .animation_item.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        -ms-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1
    }
}

.animated.rotateInUpLeft, .animated .animation_item.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,-90deg);
        transform: rotate3d(0,0,1,-90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,-90deg);
        -ms-transform: rotate3d(0,0,1,-90deg);
        transform: rotate3d(0,0,1,-90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1
    }
}

.animated.rotateInUpRight, .animated .animation_item.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0,0,1,200deg);
        transform: rotate3d(0,0,1,200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0,0,1,200deg);
        -ms-transform: rotate3d(0,0,1,200deg);
        transform: rotate3d(0,0,1,200deg);
        opacity: 0
    }
}

.animated.rotateOut, .animated .animation_item.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0,0,1,45deg);
        transform: rotate(0,0,1,45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0,0,1,45deg);
        -ms-transform: rotate(0,0,1,45deg);
        transform: rotate(0,0,1,45deg);
        opacity: 0
    }
}

.animated.rotateOutDownLeft, .animated .animation_item.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        -ms-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }
}

.animated.rotateOutDownRight, .animated .animation_item.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        -ms-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }
}

.animated.rotateOutUpLeft, .animated .animation_item.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,90deg);
        transform: rotate3d(0,0,1,90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,90deg);
        -ms-transform: rotate3d(0,0,1,90deg);
        transform: rotate3d(0,0,1,90deg);
        opacity: 0
    }
}

.animated.rotateOutUpRight, .animated .animation_item.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate3d(0,0,1,80deg);
        transform: rotate3d(0,0,1,80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        -webkit-transform: rotate3d(0,0,1,60deg);
        transform: rotate3d(0,0,1,60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    100% {
        -webkit-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate3d(0,0,1,80deg);
        -ms-transform: rotate3d(0,0,1,80deg);
        transform: rotate3d(0,0,1,80deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        -webkit-transform: rotate3d(0,0,1,60deg);
        -ms-transform: rotate3d(0,0,1,60deg);
        transform: rotate3d(0,0,1,60deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    100% {
        -webkit-transform: translate3d(0,700px,0);
        -ms-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

.animated.hinge, .animated .animation_item.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
        transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
        -ms-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
        transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.animated.rollIn, .animated .animation_item.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
        transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
        -ms-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
        transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg)
    }
}

.animated.rollOut, .animated .animation_item.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        -ms-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

.animated.zoomIn, .animated .animation_item.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(0.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
        animation-timing-function: cubic-bezier(0.175,.885,.32,1)
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -ms-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(0.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -ms-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
        animation-timing-function: cubic-bezier(0.175,.885,.32,1)
    }
}

.animated.zoomInDown, .animated .animation_item.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(0.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
        animation-timing-function: cubic-bezier(0.175,.885,.32,1)
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -ms-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(0.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -ms-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
        animation-timing-function: cubic-bezier(0.175,.885,.32,1)
    }
}

.animated.zoomInLeft, .animated .animation_item.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(0.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
        animation-timing-function: cubic-bezier(0.175,.885,.32,1)
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -ms-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(0.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -ms-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
        animation-timing-function: cubic-bezier(0.175,.885,.32,1)
    }
}

.animated.zoomInRight, .animated .animation_item.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(0.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
        animation-timing-function: cubic-bezier(0.175,.885,.32,1)
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -ms-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(0.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -ms-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
        animation-timing-function: cubic-bezier(0.175,.885,.32,1)
    }
}

.animated.zoomInUp, .animated .animation_item.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    100% {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        -ms-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    100% {
        opacity: 0
    }
}

.animated.zoomOut, .animated .animation_item.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(0.55,.055,.675,.19)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
        animation-timing-function: cubic-bezier(0.175,.885,.32,1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -ms-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(0.55,.055,.675,.19)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -ms-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
        animation-timing-function: cubic-bezier(0.175,.885,.32,1)
    }
}

.animated.zoomOutDown, .animated .animation_item.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        transform: scale(.1) translate3d(-2000px,0,0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        -ms-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        -ms-transform: scale(.1) translate3d(-2000px,0,0);
        transform: scale(.1) translate3d(-2000px,0,0);
        -webkit-transform-origin: left center;
        -ms-transform-origin: left center;
        transform-origin: left center
    }
}

.animated.zoomOutLeft, .animated .animation_item.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        transform: scale(.1) translate3d(2000px,0,0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        -ms-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        -ms-transform: scale(.1) translate3d(2000px,0,0);
        transform: scale(.1) translate3d(2000px,0,0);
        -webkit-transform-origin: right center;
        -ms-transform-origin: right center;
        transform-origin: right center
    }
}

.animated.zoomOutRight, .animated .animation_item.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(0.55,.055,.675,.19)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
        animation-timing-function: cubic-bezier(0.175,.885,.32,1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -ms-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(0.55,.055,.675,.19)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -ms-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
        animation-timing-function: cubic-bezier(0.175,.885,.32,1)
    }
}

.animated.zoomOutUp, .animated .animation_item.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}

@keyframes scaleUp {
    0% {
        opacity: 0;
        transform: scale(.8)
    }

    100% {
        opacity: 1;
        transform: scale(1)
    }
}

@-webkit-keyframes scaleUp {
    0% {
        opacity: 0;
        -webkit-transform: scale(.8)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1)
    }
}

.animated.scaleUp, .animated .animation_item.scaleUp {
    -webkit-animation-name: scaleUp;
    -moz-animation-name: scaleUp;
    -o-animation-name: scaleUp;
    animation-name: scaleUp
}

.animated.delay1, .animated .animation_item.delay1 {
    animation-delay: 400ms;
    -webkit-animation-delay: 400ms
}

.animated.delay2, .animated .animation_item.delay2 {
    animation-delay: 600ms;
    -webkit-animation-delay: 600ms
}

.animated.delay3, .animated .animation_item.delay3 {
    animation-delay: 800ms;
    -webkit-animation-delay: 800ms
}

.animated.delay4, .animated .animation_item.delay4 {
    animation-delay: 1000ms;
    -webkit-animation-delay: 1000ms
}

.animated.delay5, .animated .animation_item.delay5 {
    animation-delay: 1200ms;
    -webkit-animation-delay: 1200ms
}

.animated.delay6, .animated .animation_item.delay6 {
    animation-delay: 1400ms;
    -webkit-animation-delay: 1400ms
}

.animated.delay7, .animated .animation_item.delay7 {
    animation-delay: 1600ms;
    -webkit-animation-delay: 1600ms
}

.animated.delay8, .animated .animation_item.delay8 {
    animation-delay: 1800ms;
    -webkit-animation-delay: 1800ms
}

.animated.delay9, .animated .animation_item.delay9 {
    animation-delay: 2000ms;
    -webkit-animation-delay: 2000ms
}

.animated.delay10, .animated .animation_item.delay10 {
    animation-delay: 2200ms;
    -webkit-animation-delay: 2200ms
}

.animated.delay11, .animated .animation_item.delay11 {
    animation-delay: 2400ms;
    -webkit-animation-delay: 2400ms
}

.animated.delay12, .animated .animation_item.delay12 {
    animation-delay: 2600ms;
    -webkit-animation-delay: 2600ms
}

@-webkit-keyframes star {
    0%,50%,100% {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }

    0% {
        -webkit-transform: rotate(0deg) scale(1)
    }

    50% {
        -webkit-transform: rotate(180deg) scale(0.7)
    }

    100% {
        -webkit-transform: rotate(360deg) scale(1)
    }
}

@-moz-keyframes star {
    0%,50%,100% {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }

    0% {
        -moz-transform: rotate(0deg) scale(1)
    }

    50% {
        -moz-transform: rotate(180deg) scale(0.7)
    }

    100% {
        -moz-transform: rotate(360deg) scale(1)
    }
}

@-o-keyframes star {
    0%,50%,100% {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }

    0% {
        -o-transform: rotate(0deg) scale(1)
    }

    50% {
        -o-transform: rotate(180deg) scale(0.7)
    }

    100% {
        -o-transform: rotate(360deg) scale(1)
    }
}

@keyframes star {
    0%,50%,100% {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }

    0% {
        transform: rotate(0deg) scale(1)
    }

    50% {
        transform: rotate(180deg) scale(0.7)
    }

    100% {
        transform: rotate(360deg) scale(1)
    }
}

@-webkit-keyframes cloud {
    0% {
        left: -100px
    }

    100% {
        left: 100%
    }
}

@-moz-keyframes cloud {
    0% {
        left: -100px
    }

    100% {
        left: 100%
    }
}

@-o-keyframes cloud {
    0% {
        left: -100px
    }

    100% {
        left: 100%
    }
}

@keyframes cloud {
    0% {
        left: -100px
    }

    100% {
        left: 100%
    }
}

@-webkit-keyframes snowflake {
    0% {
        top: -100px;
        -webkit-transform: rotate(0deg) translateX(0)
    }

    25% {
        -webkit-transform: rotate(360deg) translateX(20px)
    }

    50% {
        -webkit-transform: rotate(720deg) translateX(0px)
    }

    75% {
        -webkit-transform: rotate(1080deg) translateX(-20px)
    }

    100% {
        top: 100%;
        -webkit-transform: rotate(1440deg) translateX(0px)
    }
}

@-moz-keyframes snowflake {
    0% {
        top: -100px;
        -moz-transform: rotate(0deg) translateX(0)
    }

    25% {
        -moz-transform: rotate(360deg) translateX(20px)
    }

    50% {
        -moz-transform: rotate(720deg) translateX(0px)
    }

    75% {
        -moz-transform: rotate(1080deg) translateX(-20px)
    }

    100% {
        top: 100%;
        -moz-transform: rotate(1440deg) translateX(0px)
    }
}

@-o-keyframes snowflake {
    0% {
        top: -100px;
        -o-transform: rotate(0deg) translateX(0)
    }

    25% {
        -o-transform: rotate(360deg) translateX(20px)
    }

    50% {
        -o-transform: rotate(720deg) translateX(0px)
    }

    75% {
        -o-transform: rotate(1080deg) translateX(-20px)
    }

    100% {
        top: 100%;
        -o-transform: rotate(1440deg) translateX(0px)
    }
}

@keyframes snowflake {
    0% {
        top: -100px;
        transform: rotate(0deg) translateX(0)
    }

    25% {
        transform: rotate(360deg) translateX(20px)
    }

    50% {
        transform: rotate(720deg) translateX(0px)
    }

    75% {
        transform: rotate(1080deg) translateX(-20px)
    }

    100% {
        top: 100%;
        transform: rotate(1440deg) translateX(0px)
    }
}

@-webkit-keyframes dandelion {
    0% {
        opacity: 0;
        left: 20%
    }

    10% {
        opacity: 1
    }

    100% {
        bottom: 100%
    }
}

@-moz-keyframes dandelion {
    0% {
        opacity: 0;
        left: 20%
    }

    10% {
        opacity: 1
    }

    100% {
        bottom: 100%
    }
}

@-o-keyframes dandelion {
    0% {
        opacity: 0;
        left: 20%
    }

    10% {
        opacity: 1
    }

    100% {
        bottom: 100%
    }
}

@keyframes dandelion {
    0% {
        opacity: 0;
        left: 20%
    }

    10% {
        opacity: 1
    }

    100% {
        bottom: 100%
    }
}

@keyframes arrows {
    0%,100%,20%,53%,80% {
        -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        bottom: 0
    }

    40%,43% {
        -webkit-transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
        transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
        bottom: 20px
    }

    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
        transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
        bottom: -10px
    }

    90% {
        bottom: -3px
    }
}

@-webkit-keyframes arrows {
    0%,100%,20%,53%,80% {
        -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        bottom: 0
    }

    40%,43% {
        -webkit-transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
        transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
        bottom: 20px
    }

    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
        transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
        bottom: -10px
    }

    90% {
        bottom: -3px
    }
}

@media only screen and (max-width:767px) {
    .animated, .animated .animation_item {
        -webkit-animation-name: none !important;
        -moz-animation-name: none !important;
        -o-animation-name: none !important;
        animation-name: none !important
    }

    .animation {
        opacity: 1;
    }
}

@media print {



    .animation {
        opacity: 1 !important;
    }

    .animated,
    .animated .animation_item {
        -webkit-animation-name: none !important;
        -moz-animation-name: none !important;
        -o-animation-name: none !important;
        animation-name: none !important
    }
}

/* Slider */
.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}

/*@charset 'UTF-8';*/
/* Slider */
/*.slick-loading .slick-list*/
/*{*/
/*    background: #fff url("/Portals/_default/skins/wb-skin/css/ajax-loader.gif") center center no-repeat;*/
/*}*/

/* Icons */



/*@font-face*/
/*{*/
/*    font-family: 'slick';*/
/*    font-weight: normal;*/
/*    font-style: normal;*/

/*    src: url("/Portals/_default/skins/wb-skin/css/fonts/slick.eot");*/
/*    src: url("/Portals/_default/skins/wb-skin/css/fonts/slick.eot?#iefix") format('embedded-opentype'), url("/Portals/_default/skins/wb-skin/css/fonts/slick.woff") format('woff'), url("/Portals/_default/skins/wb-skin/css/fonts/slick.ttf") format('truetype'), url("/Portals/_default/skins/wb-skin/css/fonts/slick.svg#slick") format('svg');*/
/*}*/




/* Arrows */
/*.slick-prev,*/
/*.slick-next*/
/*{*/
/*    font-size: 0;*/
/*    line-height: 0;*/

/*    position: absolute;*/
/*    top: 40%;*/

/*    display: block;*/

/*    width: 20px;*/
/*    height: 20px;*/
/*    padding: 0;*/
/*    -webkit-transform: translate(0, -50%);*/
/*    -ms-transform: translate(0, -50%);*/
/*    transform: translate(0, -50%);*/

/*    cursor: pointer;*/

/*    color: transparent;*/
/*    border: none;*/
/*    outline: none;*/
/*    background: transparent;*/
/*}*/
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    font-family: FontAwesome;
    content: "\f104";
    font-size: 70px;
    font-weight: lighter;
    color: #989a98 !important;


}
[dir='rtl'] .slick-prev:before
{
    font-family: FontAwesome;
    content: "\f104";
    font-size: 70px;
    font-weight: lighter;
    color: #989a98 !important;

}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    font-family: FontAwesome;
    content: "\f105";
    font-size: 70px;
    font-weight: lighter;
    color: #989a98 !important;}
[dir='rtl'] .slick-next:before
{
    font-family: FontAwesome;
    content: "\f105";
    font-size: 70px;
    font-weight: lighter;
    color: #989a98 !important;}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}


/* --------------------- */

/* Comment Style */

/* --------------------- */

.CommentOut {
    padding: 18px !important;
    border: 1px solid #E1E1E1;
    border-radius: 10px;
    margin-top: 48px;
    font-size: 1rem;
}

.CommentHead {
    border-bottom: 1px solid #E1E1E1;
}

.CommentHead span {
    border-bottom: 1px solid var(--mc1);
    display: inline-block;
    padding-bottom: 8px;
}

.DnnModule-DNNArticle-ArticleView .outerCommentSection {
    padding: 0 !important;
    margin: 0 auto !important;
    border: none;
    border-radius: 10px;
}

.DnnModule-DNNArticle-ArticleView .submitBox, .DnnModule-DNNArticle-ArticleView .commentTextBox .reply-wrap .reply-fields-wrap, .comment-view .btnCommentClientBox, .comment-view .txtNameClientBox {
    text-align: left;
}

.DnnModule-DNNArticle-ArticleView #btnCommentClient, .DnnModule-DNNArticle-ArticleView .commentTextBox #btnCommentClient, .DnnModule-DNNArticle-ArticleView .commentTextBox .reply-box #txtNameClient,
.comment-view #btnCommentClient, .comment-view .reply-box #txtNameClient {
    background: var(--mc1) !important;
    border: 1px solid var(--mc1) !important;
    outline: none !important;
    transition: var(--transition) !important;
    padding: 6px 24px !important;
    height: 44px !important;
    font-size: 1rem !important;

}

.DnnModule-DNNArticle-ArticleView #btnCommentClient:hover, .DnnModule-DNNArticle-ArticleView .commentTextBox #btnCommentClient:hover, .DnnModule-DNNArticle-ArticleView .commentTextBox .reply-box #txtNameClient:hover,
.comment-view #btnCommentClient:hover, .comment-view .reply-box #txtNameClient:hover {
    background: transparent !important;
    color: var(--mc1) !important;
}

.DnnModule-DNNArticle-ArticleView .commentTextBox .main-comment, .comment-view .main-comment {
    border-radius: 10px !important;
    background: transparent !important;
    border: 1px solid #E1E1E1 !important;

}

.DnnModule-DNNArticle-ArticleView .commentTextBox {
    padding: 0;
    border: none !important;
    margin-top: 24px;
}

.DnnModule-DNNArticle-ArticleView .insertCommentBox .modern-label , .comment-view .modern-label {
    line-height: normal;
}

.commentTextBox .user-comments-view .user-comment, .comment-view .user-comments-view .user-comment {
    padding: 0px !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    border: none;
}

.insertCommentBox input[type="text"], .insertCommentBox textarea, .commentTextBox .modern-input, .comment-view .modern-input {
    padding: 10px 10px 8px !important;

}

.commentTextBox .user-comments-view .user-name, .comment-view .user-comments-view .user-name {
    position: relative;
    padding-right: 32px !important;
    color: var(--mc1) !important;
}

.commentTextBox .user-comments-view .user-name::before, .comment-view .user-comments-view .user-name::before {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 24px;
    height: 24px;
    mask-image: url("/Portals/_default/skins/wb-skin/Images/commentUser.svg");
    -webkit-mask-image: url("/Portals/_default/skins/wb-skin/Images/commentUser.svg");
    mask-size: 24px;
    -webkit-mask-size: 24px;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: right center;
    -webkit-mask-position: right center;
    background-color: var(--mc1);
    z-index: 1;
    padding: 0;
}

.replay-comment {
    margin-top: 16px !important;
}

.comment-view .user-comments-view .comment-date {
    padding: 0;
}


@media (max-width:991px) {
    .CommentOut {
        margin-bottom: 32px !important;
    }

}

@media (min-width:992px) {

    .CommentOut .insertCommentBox {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .insertCommentBox .nameBox, .insertCommentBox .emailBox {
        width: calc(50% - 6px);
    }

    .insertCommentBox .opinionBox, .insertCommentBox .submitBox {
        width: 100%;
    }

}

.nice-select {
  -webkit-tap-highlight-color: transparent;
  background-color: #fff;
  border-radius: 5px;
  border: solid 1px #e8e8e8;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
  font-family: inherit;
  font-size: 14px;
  font-weight: normal;
  height: 42px;
  line-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 30px;
  position: relative;
  text-align: left !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: nowrap;
  width: auto; }
  .nice-select:hover {
    border-color: #dbdbdb; }
  .nice-select:active, .nice-select.open, .nice-select:focus {
    border-color: #999; }
  .nice-select:after {
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: '';
    display: block;
    height: 5px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
        -ms-transform-origin: 66% 66%;
            transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 5px; }
  .nice-select.open:after {
    -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
            transform: rotate(-135deg); }
  .nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
        -ms-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0); }
  .nice-select.disabled {
    border-color: #ededed;
    color: #999;
    pointer-events: none; }
    .nice-select.disabled:after {
      border-color: #cccccc; }
  .nice-select.wide {
    width: 100%; }
    .nice-select.wide .list {
      left: 0 !important;
      right: 0 !important; }
  .nice-select.right {
    float: right; }
    .nice-select.right .list {
      left: auto;
      right: 0; }
  .nice-select.small {
    font-size: 12px;
    height: 36px;
    line-height: 34px; }
    .nice-select.small:after {
      height: 4px;
      width: 4px; }
    .nice-select.small .option {
      line-height: 34px;
      min-height: 34px; }
  .nice-select .list {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
            transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
        -ms-transform: scale(0.75) translateY(-21px);
            transform: scale(0.75) translateY(-21px);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: 9; }
    .nice-select .list:hover .option:not(:hover) {
      background-color: transparent !important; }
  .nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    -webkit-transition: all 0.2s;
    transition: all 0.2s; }
    .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
      background-color: #f6f6f6; }
    .nice-select .option.selected {
      font-weight: bold; }
    .nice-select .option.disabled {
      background-color: transparent;
      color: #999;
      cursor: default; }

.no-csspointerevents .nice-select .list {
  display: none; }

.no-csspointerevents .nice-select.open .list {
  display: block; }