/*! * Bootstrap v4.0.0 (https://getbootstrap.com) * Copyright 2011-2018 The Bootstrap Authors * Copyright 2011-2018 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */:root{--color-primary:#06d260;--color-secondary:#8337e6;--color-light:#fff;--color-dark:#333;--color-grey:#999}*,::after,::before{box-sizing:border-box;outline:0}.-clearfix:after{display:block;content:"";clear:both}html{line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent;font-size:14px}body{margin:0;background:#f3f2f5;}article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}p{margin-top:0;margin-bottom:1rem;color:inherit;line-height:1.9;font-size:1.1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0}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}dfn{font-style:italic}b,strong{font-weight:700}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:#000;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects;-webkit-transition:.3s all ease-in-out;-moz-transition:.3s all ease-in-out;-o-transition:.3s all ease-in-out;transition:.3s all ease-in-out}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:monospace,monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none;max-width:100%}svg:not(:root){overflow:hidden}table{width:100%;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,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit;outline:0;font-family:inherit;-webkit-transition:.3s all ease-in-out;-moz-transition:.3s all ease-in-out;-o-transition:.3s all ease-in-out;transition:.3s all ease-in-out}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}input[type=email],input[type=file],input[type=number],input[type=password],input[type=phone],input[type=search],input[type=text],select,textarea{border:none;border:1px solid #e5e5e5;border-radius:2px;height:50px;padding:0 15px;width:100%;color:#999;font-family:inherit;line-height:40px;background-color:#fff;box-shadow:1px 1px 2px 1px rgba(0,0,0,.07);font-size:1.1rem}input[type=email]:focus,input[type=file]:focus,input[type=number]:focus,input[type=password]:focus,input[type=phone]:focus,input[type=search]:focus,input[type=text]:focus,select:focus,textarea:focus{box-shadow:1px 6px 6px 1px rgba(0,0,0,.05)}select{padding-right:30px;background-color:#fff;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAAI0lEQVQImWOYMmXKf2IwAwMDAwNRimCAKEW4FGNVhK4YXRwAe5JR6xMYuYgAAAAASUVORK5CYII=);background-repeat:no-repeat;background-position:calc(100% - 15px) center;line-height:40px}input[type=password],input[type=text],select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}.form input[type=submit]{background:var(--color-secondary);display:inline-block;vertical-align:top;padding:0 30px;border:0 none;position:relative;cursor:pointer;border:none;height:50px;line-height:50px;color:#fff;border-radius:3px;font-weight:600;font-size:1.2rem;font-weight:600;margin:0 10px 0 0;-webkit-transition:.3s all ease-in-out;-moz-transition:.3s all ease-in-out;-o-transition:.3s all ease-in-out;transition:.3s all ease-in-out}.form input[type=button]{background:#333;display:inline-block;vertical-align:top;padding:0 30px;border:0 none;position:relative;cursor:pointer;border:none;height:50px;line-height:50px;color:#fff;border-radius:3px;font-weight:600;font-size:1.2rem;font-weight:600;-webkit-transition:.3s all ease-in-out;-moz-transition:.3s all ease-in-out;-o-transition:.3s all ease-in-out;transition:.3s all ease-in-out}.form input[type=reset]{background:#333;display:inline-block;vertical-align:top;padding:0 30px;border:0 none;position:relative;cursor:pointer;border:none;height:50px;line-height:50px;color:#fff;border-radius:3px;font-weight:600;font-size:1.2rem;font-weight:600;-webkit-transition:.3s all ease-in-out;-moz-transition:.3s all ease-in-out;-o-transition:.3s all ease-in-out;transition:.3s all ease-in-out}textarea{height:120px;padding:10px}input[type=file]{height:auto;padding:10px;min-height:50px;line-height:20px}.spn_must_field{color:red;margin:0 0 0 5px}.form small{font-style:italic;font-size:1rem;margin:10px 0 0;display:block;color:#888}.field-set{display:inline-block;width:100%;margin-bottom:20px}.field_label{font-size:1.15rem;color:#000;font-weight:600;min-height:20px}.form--horizontal .field-set{display:table;table-layout:fixed;width:100%}.form--horizontal .caption-wraper{display:table-cell;vertical-align:top;padding:10px 0 0;width:35%}.form--horizontal .field-wraper{display:table-cell;vertical-align:top;width:65%}.layout--rtl{direction:rtl!important;text-align:right}.form--small input,.form--small select{height:40px;box-shadow:none;font-size:.98rem}.form--small select{padding-left:5px}.form--small input[type=reset],.form--small input[type=submit]{height:40px;line-height:40px;font-size:1rem}.form .form-heading,.form h5{margin:0 0 25px;color:var(--color-secondary);font-size:1.3rem}.list-inline li{display:inline-block;padding:0 10px 10px 0}.list-inline label{background:#fff;min-height:50px;border:1px solid #eaeaea;border-radius:2px;display:inline-block;margin:0 2px 0 0;padding:14px 15px 12px 15px;line-height:1.4;box-shadow:1px 1px 2px 1px rgba(0,0,0,.07);cursor:pointer}.list-inline label .checkbox,.list-inline label .radio{vertical-align:top;position:relative;top:1px}.list-inline label:active,.list-inline label:focus{background:rgba(0,0,0,.02)}.list-inline label .radio .input-helper:before{top:-1px}.list-inline label .checkbox .input-helper:after,.list-inline label .radio .input-helper:after{top:4px}.list-inline label .checkbox .input-helper:before{top:-2px}.list-inline.list-inline--onehalf{margin:0 0 0 -20px}.list-inline.list-inline--onehalf li{padding:0 0 10px 20px;width:50%;margin:0 -4px 0 0}.list-inline.list-inline--onehalf li label{display:block}.list-onethird li{display:inline-block;vertical-align:top;padding:10px 20px 10px 0;margin:0 -4px 0 0;width:33.3%}.field_cover label,.list-onethird li label{margin:0;line-height:1.6}.list-onethird.list-onethird--bg{background:rgba(0,0,0,.02);padding:20px;border-radius:2px}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-cancel-button,[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:0;font-weight:700;line-height:1.4;color:inherit}.h1,h1{font-size:2.2rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.h4,h4{font-size:1.3rem}.h5,h5{font-size:1.4rem}.h6,h6{font-size:1.2rem}.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:1.5rem;margin-bottom:1.5rem;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,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}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{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;position:relative}@media (min-width:1299px){.container--fixed{max-width:1440px}}@media (max-width:1599px){.container--fixed{max-width:1260px}}.container--narrow{max-width:1220px}.container--fluid{width:100%;padding:0}.row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-sm-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-sm-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-sm-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-sm-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-sm-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-sm-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-sm-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-sm-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-sm-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-sm-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-sm-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-sm-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-sm-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-sm-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-sm-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-md-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-md-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-md-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-md-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-md-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-md-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-md-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-md-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-md-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-md-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-md-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-md-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-md-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-md-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-md-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-lg-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-lg-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-lg-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-lg-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-lg-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-lg-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-lg-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-lg-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-lg-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-lg-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-lg-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-lg-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-lg-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-lg-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-lg-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-xl-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-xl-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-xl-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-xl-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-xl-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-xl-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-xl-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-xl-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-xl-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-xl-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-xl-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-xl-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-xl-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-xl-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-xl-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.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:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-print-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}.flex-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}@media (min-width:576px){.flex-sm-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-sm-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-sm-start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-sm-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-sm-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-sm-baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:768px){.flex-md-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-md-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-md-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-md-start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-md-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-md-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-md-baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-lg-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-lg-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-lg-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-lg-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-lg-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-lg-start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-lg-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-lg-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-lg-baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-lg-stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:1200px){.flex-xl-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-xl-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-xl-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-xl-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xl-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xl-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xl-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-xl-start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xl-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xl-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-xl-baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xl-stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}ul{list-style:none;margin:0;padding:0}.-float-left{float:left!important}.-float-right{float:right!important}.-align-left{text-align:left!important}.-align-right{text-align:right!important}.-align-center{text-align:center!important}.-align-justify{text-align:justify!important}.-gap{height:30px;display:block;clear:both}.-gap-10{height:10px;display:block;clear:both}.-clearfix:after{clear:both;display:block;content:""}.-link-underline{text-decoration:underline}img{max-width:100%;display:block}.-color-light{color:#999}.mandatory{color:red}.-text-small{font-size:.85rem;color:#999}.-text-italic{font-style:italic}.-text-bold{font-weight:700}.-line{width:100%;display:inline-block;background:rgba(0,0,0,.1);margin:20px 0;height:2px}.-display-inline{display:inline-block!important;vertical-align:middle!important}.-display-block{display:block!important}.-hide-desktop{display:none!important}.-skin{background:#fff;border-radius:3px;box-shadow:0 0 5px 4px rgba(0,0,0,.05)}.-padding-40{padding:40px}.-padding-20{padding:20px}.-padding-30{padding:30px}.-color-secondary{color:var(--color-secondary)}.-color-primary{color:var(--color-primary)}.-color-danger{color:#fd4444}.-transition{-webkit-transition:.3s all ease-in-out;-moz-transition:.3s all ease-in-out;-o-transition:.3s all ease-in-out;transition:.3s all ease-in-out}.-no-border{border:none!important}.-no-border-bottom{border-bottom:none!important}.-no-border-top{border-top:none!important}.-no-border-right{border-right:none!important}.-no-border-left{border-left:none!important}.-no-margin{margin:0!important}.-no-margin-top{margin-top:0!important}.-no-margin-left{margin-left:0!important}.-no-margin-right{margin-right:0!important}.-no-margin-bottom{margin-bottom:0!important}.-no-padding{padding:0!important}.-no-padding-top{padding-top:0!important}.-no-padding-left{padding-left:0!important}.-no-padding-right{padding-right:0!important}.-no-padding-bottom{padding-bottom:0!important}.-no-hover{box-shadow:none!important;cursor:default!important}.-no-shadow{box-shadow:none!important}.-style-bold{font-weight:500}.-clear-right{float:right!important;clear:right!important}.-clear-left{float:left!important;clear:left!important}.-border{border:1px solid #e5e5e5}.-margin-tb-10{margin:10px 0!important}.-margin-tb-15{margin:15px 0!important}.-margin-b-15{margin-bottom:15px}.-margin-b-30{margin-bottom:30px}.-style-italic{font-style:italic}::-webkit-input-placeholder{color:#cacaca}:-moz-placeholder{color:#666}::-moz-placeholder{color:#666}:-ms-input-placeholder{color:#666}.btn{background:#333;display:inline-block;vertical-align:top;padding:0 30px;position:relative;cursor:pointer;border:none;height:40px;line-height:40px;color:#fff;border-radius:3px;font-weight:500;font-size:1.1rem;-webkit-transition:.3s all ease-in-out;-moz-transition:.3s all ease-in-out;-o-transition:.3s all ease-in-out;transition:.3s all ease-in-out}.btn.btn--small{height:30px;line-height:30px;font-size:.95rem;padding:0 15px}.btn.btn--large{height:50px;line-height:50px;padding:0 40px;font-size:1.2rem}.btn.btn--xlarge{height:60px;line-height:60px;padding:0 50px;font-size:1.2rem}.btn.btn--xsmall{height:28px;line-height:28px;font-size:.83em;padding:0 10px}.btn.btn--block{display:block;width:100%;text-align:center;padding:0 10px}.btn.btn--primary{background:var(--color-primary)}.btn.btn--danger{background:#fd4444}.btn.btn--secondary{background:var(--color-secondary)}.btn.btn--gray{background:#e9e8eb;color:#000}.btn.btn--primary-bordered{background:#fff;border:1px solid var(--color-primary);box-shadow:1px 1px 2px 1px rgba(0,0,0,.07);color:var(--color-primary)}.btn.btn--secondary-bordered{background:#fff;border:1px solid var(--color-secondary);box-shadow:1px 1px 2px 1px rgba(0,0,0,.07);color:var(--color-secondary)}.btn.btn--bordered{background:#fff;color:var(--color-dark);border:1px solid rgba(0,0,0,.1)}.btn.btn--bordered-inverse{background:0 0;border:1px solid rgba(255,255,255,.8);color:#fff}.btn.btn--shadow{box-shadow:1px 2px 2px 1px rgba(0,0,0,.07)}.btn .svg-icon{margin:0 5px 0 0;overflow:hidden;position:relative;display:inline-block;vertical-align:middle;width:22px;height:22px;top:-2px}.btn .svg-icon svg{fill:#333;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}.btn--wide.btn{min-width:150px;text-align:center}.btn.btn--arrow{padding-right:50px;padding-left:30px}.btn.btn--arrow:after{position:absolute;top:50%;right:35px;content:"";width:6px;height:6px;border-right:1px solid #000;border-bottom:1px solid #000;transform:rotate(45deg);margin:-4px 0 0}.btn--social-fb{background-color:#3a5795;border-color:#3a5795;height:43px;line-height:41px;margin-top:2px;margin-right:5px}.btn--social-gp{background-color:#fff;border:1px solid #e5e5e5;color:inherit;box-shadow:1px 1px 2px 1px rgba(0,0,0,.07);height:50px;line-height:50px}.svg-icon{overflow:hidden}.btn--social-fb .svg-icon,.btn--social-gp .svg-icon{width:24px;height:26px;display:inline-block;vertical-align:middle;margin:0 5px 0 0;position:relative}.btn--social-fb .svg-icon svg,.btn--social-gp .svg-icon svg{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}.btn--fileupload{overflow:hidden;position:relative;cursor:pointer}.btn--fileupload input{opacity:0;position:absolute;left:0;right:0;top:0;bottom:0;cursor:pointer;height:auto!important}.btn.btn--disabled{cursor:not-allowed;opacity:.5}.checkbox,.radio{margin:0;line-height:1.8;display:inline-block;position:relative;vertical-align:top;padding:0 0 0 30px;color:#888}.checkbox input,.radio input{top:0;left:0;margin:0!important;z-index:1;cursor:pointer;opacity:0}.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{position:absolute;margin-left:-20px}.checkbox.disabled,.radio.disabled{cursor:not-allowed}input[type=checkbox][disabled],input[type=password][disabled],input[type=radio][disabled],input[type=text][disabled],select[disabled]{cursor:not-allowed;background-color:rgba(0,0,0,.03);-webkit-text-fill-color:#333;-webkit-opacity:1;color:#333}.inline.checkbox,.inline.radio{padding-right:20px}.checkbox .input-helper:after,.checkbox .input-helper:before,.radio .input-helper:after,.radio .input-helper:before{-webkit-transition:all;-o-transition:all;transition:all;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;position:absolute;content:""}.checkbox .input-helper:before,.radio .input-helper:before{left:0;border:1px solid #e5e5e5;background:#fff}.checkbox.disabled,.radio.disabled{opacity:.6}.checkbox input{width:17px;height:17px}.checkbox input:checked+.input-helper:after{-webkit-transform:scale(1) rotate(-50deg);-ms-transform:scale(1) rotate(-50deg);-o-transform:scale(1) rotate(-50deg);transform:scale(1) rotate(-50deg);opacity:1}.checkbox input:checked+.input-helper:before,.radio input:checked+.input-helper:before{border-color:var(--color-primary)}.checkbox .input-helper:before{top:1px;width:20px;border-radius:3px;height:20px;box-shadow:1px 1px 2px 1px rgba(0,0,0,.07)}.checkbox .input-helper:after{opacity:0;-webkit-transform:scale(0) rotate(80deg);-ms-transform:scale(0) rotate(80deg);-o-transform:scale(0) rotate(80deg);transform:scale(0) rotate(80deg);width:11px;height:6px;border-bottom:2px solid #8437e7;border-left:2px solid #8437e7;border-bottom-left-radius:2px;left:4px;top:7px}.radio input{width:19px;height:19px}.radio input:checked+.input-helper:after{-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.radio .input-helper:before{top:2px;width:18px;height:18px;border-radius:50%;box-shadow:1px 1px 2px 1px rgba(0,0,0,.07)}.radio .input-helper:after{width:8px;height:8px;background:var(--color-secondary);border-radius:50%;top:7px;left:5px;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}body[dir=rtl] .checkbox input,body[dir=rtl] .radio input{right:0;left:auto}body[dir=rtl] .checkbox .input-helper:before,body[dir=rtl] .radio .input-helper:before{right:0;left:auto}body[dir=rtl] .checkbox .input-helper:after{right:4px;left:auto}body[dir=rtl] .checkbox,body[dir=rtl] .radio{padding:0 30px 0 0}.message-display{text-align:center;padding:50px}.message-display h5{margin:0 0 20px 0;line-height:1.6}.message-display h2{text-transform:uppercase;color:var(--color-secondary);font-size:4rem;font-weight:800}.message-display__media{display:table;margin:0 auto 30px}.message-display__icon{width:130px;height:130px;position:relative;display:block;overflow:hidden;margin:0 auto}.message-display__icon svg{fill:#1a1a1a}.message-display__icon .-color-fill{fill:var(--color-secondary)}.message-display.message-display--404 .message-display-content h5{font-size:2.5rem;color:var(--color-primary);line-height:1}@media(min-width:767px){.message-display.message-display--404 .message-display__media{width:280px;margin:0;float:left}.message-display.message-display--404 .message-display-content{text-align:left;width:calc(100% - 280px);float:left;padding-top:158px;margin-left:-30px}.message-display.message-display--404 .message-display-content h2{font-size:3.2rem;line-height:1}}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-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);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}.table{width:100%;border-spacing:0;font-size:1.1rem}.table th{text-align:left;padding:15px 10px;border-bottom:2px solid #eee;font-weight:600}.table td{text-align:left;padding:15px 10px;border-bottom:1px solid #eee;color:#666;vertical-align:middle}.table td:first-child,.table th:first-child{padding-left:0}.table td:first-child.-style-bold{vertical-align:top;color:#333}.table td:last-child,.table th:last-child{padding-right:0}.-link-close{text-align:center;position:absolute;top:0;right:5px;display:inline-block;width:45px;height:45px}[dir="rtl"] .-link-close {right: auto;left: 5px;}.-link-close:before{content:"+";font-size:2.5rem;transform:rotate(45deg);position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;line-height:42px}.gototop{width:50px;height:50px;display:none;-webkit-animation:hide 350ms ease-out forwards 1;animation:hide 350ms ease-out forwards 1;padding:5px;border:0;text-align:center;background-color:var(--color-secondary);color:#fff;position:fixed;bottom:16px;right:16px;box-shadow:0 2px 10px rgba(131,55,230,.6);-webkit-transition:background-color .1s ease-in-out;transition:background-color .1s ease-in-out;z-index:11}.gototop:before{width:12px;height:12px;top:50%;left:50%;margin:-6px 0 0 -6px;position:absolute;content:"";border-left:3px solid #fff;border-bottom:3px solid #fff;transform:rotate(135deg);-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg)}.gototop.isvisible{display:block;-webkit-animation:show 1s ease-out forwards 1;animation:show 1s ease-out forwards 1}@-webkit-keyframes hide{0%{opacity:1;-webkit-transform:translateY(0)}25%{opacity:.5;-webkit-transform:rotate(-5deg) translateY(-40px)}75%{-webkit-transform:rotate(5deg)}100%{opacity:0;-webkit-transform:translateY(100px)}}@keyframes hide{0%{opacity:1;transform:translateY(0)}25%{opacity:.5;transform:rotate(-5deg) translateY(-40px)}75%{transform:rotate(5deg)}100%{opacity:0;transform:translateY(100px)}}@-webkit-keyframes show{0%{-webkit-transform:rotate(0)}25%{opacity:.5;-webkit-transform:rotate(-5deg) translateY(-40px)}75%{-webkit-transform:rotate(5deg)}100%{opacity:1;-webkit-transform:rotate(0)}}@keyframes show{0%{transform:rotate(0)}25%{opacity:.5;transform:rotate(-5deg) translateY(-40px)}75%{transform:rotate(5deg)}100%{opacity:1;transform:rotate(0)}}.avtar{border-radius:100%;display:block;position:relative;width:150px;height:150px;position:relative;overflow:hidden;background:#eee}.avtar img{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;z-index:1}.avtar.avtar--xsmall{width:35px;height:35px}.avtar.avtar--small{width:60px;height:60px}.avtar.avtar--normal{width:100px;height:100px;padding:5px;border:6px solid #fff}.avtar:after{pointer-events:none;content:attr(data-text);font-size:2rem;color:#000;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);font-weight:700;text-transform:uppercase}.avtar.avtar--xsmall:after{font-size:1em}.avtar.avtar--small:after{font-size:1.4em}.avtar-cover{position:relative;display:inline-block}.avtar.avtar--centered{margin:auto;display:block}.breadcrumb{margin:0 0 15px;display:inline-block}.breadcrumb.breadcrumb--centered{display:table;margin:15px auto 0}.breadcrumb li{float:left;color:#999;padding:0 10px 0 0;margin:0 10px 0 0;font-size:.95rem}.breadcrumb li:last-child{margin:0;padding:0}.breadcrumb li a{color:var(--color-secondary);position:relative}.breadcrumb li a:after{content:"/";pointer-events:none;position:absolute;right:-11px;top:2px}.breadcrumb li a:hover{text-decoration:underline}.pagination.pagination--center{display:table;margin:20px auto 0;text-align:center}.pagination li{display:inline-block;vertical-align:top;padding:0;margin:2px 1px}.pagination li a{text-transform:uppercase;width:40px;line-height:40px;text-align:center;height:40px;display:block;font-size:.9rem;color:#333;border:1px solid #ddd;border-radius:5px;font-weight:600;position:relative;overflow:hidden;background:#fff}.pagination li.is-active a{background:var(--color-secondary);border-color:var(--color-secondary);color:#fff}.pagination li.is-disabled{opacity:.4}.pagination li.is-disabled a{cursor:not-allowed}.pagination li.is-prev a:before{position:absolute;left:50%;top:50%;content:"";border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid #000;margin:-5px 0 0 -5px}.pagination li.is-first a:before{position:absolute;left:50%;top:50%;content:"";border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid #000;margin:-5px 0 0 -1px}.pagination li.is-first a:after{position:absolute;left:50%;top:50%;content:"";border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid #000;margin:-5px 0 0 -6px}.pagination li.is-next a:before{position:absolute;left:50%;top:50%;content:"";border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #000;margin:-5px 0 0 -3px}body[dir=rtl] .pagination li.is-next a:before{right:50%;left:auto;border-right:5px solid #000;border-left:0}.pagination li.is-last a:before{position:absolute;left:50%;top:50%;content:"";border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #000;margin:-5px 0 0 -1px}.pagination li.is-last a:after{position:absolute;left:50%;top:50%;content:"";border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #000;margin:-5px 0 0 -6px}.progress{width:100%;height:10px;background:rgba(12,216,105,.07)}.progress__bar{width:100%;height:10px;background:#0cd866}.label{color:#fff;display:inline;font-size:.85em;padding:0 10px 0;text-align:center;color:#fff;vertical-align:baseline;white-space:nowrap;display:inline-block;min-width:70px;height:30px;line-height:31px;margin:0 5px 5px 0}.label.label--default{color:#666;background:#e3e3e3 url(images/icon_inactive.svg) no-repeat 6px 7px;padding-left:26px;background-size:11px}.label.label--success{color:#4ca146;background:#e7fae6 url(images/icon_success.svg) no-repeat 6px 7px;padding-left:26px;background-size:14px; border-radius: 8px}.label.label--primary{color:#7a6fbe;background:#e9d9ff url(images/icon_active.svg) no-repeat 5px 5px;padding-left:26px;background-size:16px}.label.label--info{color:#009cff;background:#e6f2fa url(images/icon_info.svg) no-repeat 6px 7px;padding-left:26px;background-size:14px}.label.label--danger{color:#cf1b21;background:#fae6e7 url(images/icon_danger.svg) no-repeat 6px 8px;padding-left:26px;background-size:14px}.label.label--warning{color:#e79500;background:#faf4e6 url(images/icon_warning.svg) no-repeat 6px 7px;padding-left:26px;background-size:14px}.label.label--process{color:#666;background:#e3e3e3 url(images/icon_process.svg) no-repeat 6px 7px;padding-left:26px;background-size:14px}.loader{border:10px solid rgba(0,0,0,.1);border-radius:50%;border-top:10px solid var(--color-secondary);width:120px;height:120px;-webkit-animation:spin 1 linear infinite;animation:spin 1s linear infinite;margin:0 auto 30px;position:relative}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.cms-container ol,.cms-container ul{margin:10px 0 30px;color:inherit;line-height:1.9;font-size:1.1rem}.cms-container ul li{position:relative;padding:0 0 10px 20px;color:inherit}.cms-container ul li:before{position:absolute;left:0;top:10px;content:"";width:8px;height:8px;background:var(--color-secondary);border-radius:100%}.cms-container ol{list-style:decimal}.cms-container ol li{position:relative;padding:0 0 15px 0;color:inherit;margin:0 0 0 15px}.cms-container ol li a{color:inherit}@media(min-width:1200px){.btn.btn--primary:hover{background:var(--color-secondary);border-color:var(--color-secondary);color:var(--color-light)}.btn.btn--secondary:hover{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-light)}.form input[type=submit]:hover{background-color:var(--color-primary)}.btn.btn--bordered:hover{box-shadow:1px 6px 6px 1px rgba(0,0,0,.05)}.btn.btn--bordered:active,.btn.btn--bordered:focus{box-shadow:none;background:rgba(0,0,0,.02)}.btn.btn--bordered-inverse:hover{background:#fff;border-color:#fff;color:var(--color-dark)}.btn.btn--primary-bordered:hover{background:var(--color-secondary);border-color:var(--color-secondary);color:#fff}.btn.btn--secondary-bordered:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.-hover-shadow:hover{box-shadow:1px 10px 16px 1px rgba(0,0,0,.08)}.pagination li a:hover{box-shadow:1px 10px 16px 1px rgba(0,0,0,.08)}.pagination li a{width:50px;height:50px;line-height:50px;font-size:1.2rem}}@media(max-width:1599px){.table{font-size:1rem}.form input[type=reset],.page-filters .form input[type=button],.page-filters .form input[type=submit]{padding:0 20px}}@media(max-width:1200px){.-show-responsive{display:inline-block!important}}@media(max-width:1023px){.form--horizontal .field-set{width:100%}.table-scroll{overflow:auto;white-space:nowrap}}@media(max-width:767px){html{font-size:13px}.h1,h1{font-size:1.8rem}.h2,h2{font-size:1.6rem}.h3,h3{font-size:1.5rem}.h4,h4{font-size:1.4rem}.h5,h5{font-size:1.3rem}.h6,h6{font-size:1.2rem}.cms-container ol,.cms-container ul,p{line-height:1.7;font-size:1rem}.-padding-30,.-padding-40{padding:20px}.-show-mobile{display:inline-block!important}.-hide-mobile{display:none!important}.btn.btn--large{padding:0 20px}.message-display{padding:10px}.field-set{margin-bottom:15px}.table{font-size:1.1rem}.pagination li a{width:38px}.form .form-heading,.form h5{font-size:1.5rem}.list-onethird li{width:50%}.message-display.message-display--404 .message-display__media{width:200px}.message-display h2{font-size:3rem}.form input[type=button],.form input[type=reset],.form input[type=submit]{padding:0 20px}.table tr td .td__caption{display:none!important}.table tr.-hide-mobile{display:table-row!important}}@media(max-width:500px){.form--horizontal .field-set{display:block;table-layout:auto;width:100%;margin-bottom:10px}.form--horizontal .caption-wraper{display:block;width:100%}.form--horizontal .field-wraper{display:block;width:100%}.form input[type=button],.form input[type=reset],.form input[type=submit]{width:100%;display:block;margin:0 0 5px 0}.field_label:empty{display:none}.list-onethird li{width:100%}}@media(max-width:400px){.table tr td .td__caption{width:100%;padding-bottom:3px}.table tr td .td__data{width:100%;padding-top:5px}} /*+========================ROOT============================*/ :root { --color-primary: #3d91e8; --color-secondary: #e84c3d; --color-main: #3d91e8; --color-black: #1a1a1a; --color-light: #fff; --color-dark: #333; --color-grey: #666666; --border-color: #454545; --color-grey-light: #f1f1f1; } .custom-general-container { padding-inline: 130px; } /*========================LABEL FOR INNER PAGES============================*/ .field_label { font-size: 1rem; } /*========================USER ICON============================*/ @media (min-width: 768px) { .svg-icon.user-icon { display: none; } } /*========================OVERLAY============================*/ .overlay { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.8); z-index: 11; display: none; } @media (max-width: 1200px) { html.show-nav-js .overlay--nav { display: block; } } /*========================MAIN/RANDOM============================*/ p { color: var(--color-dark); font-size: 1rem; font-weight: 400; } .-gap-negative { margin-top: -30px; } .-singleTopBorder { border-top: 1px solid var(--border-color); } .section-teacher.-singleTopBorder { border-color: var(--color-grey-light); } .align-center { text-align: center; } /*========================CONTAINER============================*/ .is-landing .container--fixed { max-width: 1280px; } .is-landing .container--mdnarrow { max-width: 1160px; } .is-landing .container--smnarrow { max-width: 1000px; } /*========================BUTTONS==============================*/ /* .header .btn.btn--primary{background: var(--color-main);} */ .btn.btn--primary:hover { background: var(--color-black); } /*===========================GOTOTOP=============================*/ .gototop { box-shadow: 0 2px 10px rgba(232, 76, 61, 0.6); -moz-box-shadow: 0 2px 10px rgba(232, 76, 61, 0.6); -webkit-box-shadow: 0 2px 10px rgba(232, 76, 61, 0.6); } /*========================INPUT FIELDS============================*/ input[type="text"], input[type="email"], input[type="phone"], input[type="search"], input[type="password"], textarea, select, input[type="number"], input[type="file"] { border-radius: 4px; /* height: 50px;*/ } textarea[disabled] { cursor: not-allowed; background-color: rgba(0, 0, 0, 0.03); -webkit-text-fill-color: #333; /* Override iOS / Android font color change */ -webkit-opacity: 1; /* Override iOS opacity change affecting text & background color */ color: #333; /* Override IE font color change */ } /*========================BODY/HTML============================*/ html, body { font-family: "Inter", "Noto Sans", sans-serif; font-weight: 500; background: #f3f7fb; } body { font-size: 14px; /* position: relative; */ /* line-height: 1; */ } h1, h2, h3, h4, h5, h6 { font-family: inherit; font-weight: 700; } /*========================ARROWS============================*/ .arrow-link { position: relative; font-weight: 600; padding-right: 20px; display: inline-block; } .arrow-link:after { content: ""; position: absolute; right: 5px; top: 5px; width: 8px; height: 8px; border-left: 2px solid currentColor; border-bottom: 2px solid currentColor; -moz-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); -moz-transition: 0.3s ease-in-out all; -webkit-transition: 0.3s ease-in-out all; -ms-transition: 0.3s ease-in-out all; transition: 0.3s ease-in-out all; } .arrow-link:hover:after { right: 0; } /*========================TOGGLE NAV============================*/ .toggle--nav { width: 30px; height: 30px; vertical-align: middle; margin: 0 10px 0 0; padding: 3px 1px; display: none; } .toggle--nav span { width: 100%; height: 3px; background: #333; display: block; margin: 12px 0 0; position: relative; } .toggle--nav span:before { width: 100%; height: 3px; background: #333; content: ""; position: absolute; top: -8px; left: 0; } .toggle--nav span:after { width: 100%; height: 3px; background: #333; content: ""; position: absolute; bottom: -8px; left: 0; } @media (max-width: 1200px) { .toggle--nav { display: inline-block; } } /*========================HEADER============================*/ .header { padding: 20px 0; position: absolute; left: 0; right: 0; top: 0; z-index: 10; color: #000; font-weight: 300; font-size: 16px; background: #fff; -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; /* box-shadow: 3.536px 3.536px 8px 0px rgba(0, 0, 0, 0.08); */ } .header__logo { margin: 0 20px 0 0; width: 135px; position: relative; } .header__logo img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } @media (max-width: 767px) { .header { padding: 10px 0; } } /*+========================NAVIGATION PRIMARY============================*/ .nav.nav--primary { text-align: left; } .nav.nav--primary > ul > li { display: inline-block; vertical-align: top; color: inherit; padding-inline-start: 12px; position: relative; } .nav.nav--primary > ul > li > a { color: inherit; position: relative; /* height: 40px; */ /* display: block; */ /* padding: 0 5px; */ line-height: 38px; border-radius: 3px; } .nav.nav--primary > ul > li > a:hover { color: var(--color-main); } .nav.nav--primary > ul > li.nav__dropdown > a { /* padding-right: 20px; */ } .nav.nav--primary > ul > li.nav__dropdown > .language-item { display: flex; align-items: center; padding-inline: 8px; /* padding: 0 5px; */ } body[dir="rtl"] .nav.nav--primary > ul > li.nav__dropdown > .language-item { padding-inline-end: 0; padding-inline: 8px; } @media (min-width: 767px) { body[dir="rtl"] .website-dashboard-switcher-btn-container { padding-inline-start: 12px !important; } } .nav.nav--primary > ul > li > a.btn { color: #fff; } .nav.nav--primary > ul > li.nav__dropdown > a:after { position: absolute; right: 5px; top: 18px; content: ""; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid #333; display: none; } /*+========================HEADER SUB NAVIGATION============================*/ .nav.nav--vertical li a, .header__actionList .menu-vertical li { font-size: 0.857rem; padding: 8px; display: block; color: var(--color-dark); font-weight: 400; } .nav.nav--vertical li a { display: flex; gap: 10px; color: #333; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; } .nav.nav--vertical .custom-nav-dropdown-items { display: flex; flex-direction: column; gap: 16px; } .nav.nav--vertical .settings-nav-menu-item { margin-top: 16px; } .nav.nav--vertical .dropdown-top-divider { margin-top: 0.8rem; margin-bottom: 1.5rem; } .nav.nav--vertical li .custom-btn-logout { display: flex; padding: 8px; justify-content: center; align-items: center; gap: 8px; align-self: stretch; border-radius: 16px; background: #e84c3d; color: #fff; color: #fff; font-size: 12px; font-style: normal; font-weight: 600; line-height: normal; } .nav.nav--vertical li .custom-btn-logout:hover { display: flex; padding: 8px; justify-content: center; align-items: center; gap: 8px; align-self: stretch; border-radius: 16px; background: #fd6767; color: #fff; color: #fff; font-size: 12px; font-style: normal; font-weight: 600; line-height: normal; } .nav.nav--vertical li a:hover { color: var(--color-primary); } .nav.nav--vertical li.is-active a { color: var(--color-primary); font-weight: 600; } .nav.nav--vertical li:first-child { border-top: none; } .nav.nav--vertical li:last-child { border-bottom: none; } /* nav dropdown for desktop */ .nav__dropdown-target { min-width: 280px; z-index: 2; right: 0; top: 100%; position: absolute; opacity: 0; filter: alpha(opacity=0); visibility: hidden; width: 50%; display: flex; padding: 12px 24px; flex-direction: column; justify-content: center; gap: 16px; border-radius: 16px; border: 1px solid #e5e5e5; background: #fff; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25); transition: opacity 0.3s ease, visibility 0.3s ease; } body[dir="rtl"] .nav__dropdown-target { right: unset; left: 0px; } @media (min-width: 767px) { .nav__dropdown-target { margin-right: -10px; } body[dir="rtl"] .nav__dropdown-target { left: 0px; } } .nav__dropdown-target .user-info { display: flex !important; align-items: center; gap: 8px; } .nav__dropdown-target .user-name-email-container { display: flex; flex-direction: column; gap: 8px; } .nav__dropdown-target .user-name-email-container .user-name { color: #333; font-size: 15px; font-style: normal; font-weight: 600; line-height: normal; } .nav__dropdown-target .user-name-email-container .user-email { color: #333; font-size: 12px; font-style: normal; font-weight: 300; line-height: normal; } @media (max-width: 1200px) { .nav.nav--primary-offset { bottom: 0; background: #fff; padding: 0; box-shadow: 0 0 10px rgba(51, 51, 51, 0.38); left: 0; margin: 0; overflow: auto; position: fixed; text-align: left; top: 0; transform: translate3d(-100%, 0px, 0px); -webkit-transform: translate3d(-100%, 0px, 0px); -ms-transform: translate3d(-100%, 0px, 0px); transition: all 300ms ease 0s; -webkit-transition: all 300ms ease 0s; -ms-transition: all 300ms ease 0s; opacity: 0; visibility: hidden; z-index: 11; width: 280px; } .nav.nav--primary > ul > li.nav__dropdown.is-active .nav__dropdown-target, .nav.nav--primary > ul > li.nav__dropdown:hover .nav__dropdown-target { visibility: visible; top: 100%; opacity: 1; filter: alpha(opacity=100); } .nav.nav--primary > ul > li.nav__dropdown.nav__dropdown--account .nav__dropdown-target { left: auto; right: 15px; } html.show-nav-js .nav.nav--primary-offset { opacity: 1; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px); visibility: visible; } html.show-nav-js { position: fixed; left: 0; right: 0; top: 0; bottom: 0; } html.show-nav-js .overlay--nav { display: block; } .nav.nav--primary-offset > ul > li { display: block; border-bottom: 1px solid #eee; padding: 0; } .nav.nav--primary-offset > ul > li > a { padding: 0 15px; } .nav.nav--primary > ul > li.nav__dropdown > a:after { position: absolute; right: 5px; top: 18px; content: ""; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid #333; } .nav.nav--primary > ul > li.nav__dropdown > a.is-active:after { border-top: 5px solid transparent; border-bottom: 5px solid #333; top: 12px; } .nav.nav--primary-offset > ul > li .nav__dropdown-target { min-width: 100%; position: relative; box-shadow: none; border-top: 1px solid #eee; top: auto; right: auto; } .nav__dropdown-target { opacity: 1; visibility: visible; display: none; padding: 10px; top: 45px; right: 0; left: auto; } } /*+========================HEADER ACTIONS============================*/ .header__right { text-align: left; } .header__actionList .btn { text-transform: uppercase; font-size: 1rem; } .header__actions { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; white-space: nowrap; margin: 0; } .header__actionList ul li { display: inline-block; vertical-align: middle; color: inherit; position: relative; } .header__actionList ul li .nav.nav--vertical li { padding: 0; display: block; } /*+========================HEADER NAV============================*/ @media (min-width: 1200px) { .nav.nav--primary > ul > li.nav__dropdown.is-active .nav__dropdown-target, .nav.nav--primary > ul > li.nav__dropdown:hover .nav__dropdown-target { visibility: visible; top: 100%; opacity: 1; filter: alpha(opacity=100); -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; } .header.is-fixed { background: #fff; color: #333; /* padding: 10px 0; */ box-shadow: 3.536px 3.536px 8px 0px rgba(0, 0, 0, 0.08); z-index: 9999999999999; } .header.is-fixed .header__logo-white { display: none; } .header.is-fixed .header__logo-black { display: block; } .header.is-fixed .nav.nav--primary > ul > li.nav__dropdown > a:after { border-top: 5px solid #333; } .header.is-fixed .nav.nav--primary > ul > li > a.btn { color: #fff; } .nav.nav--primary > ul > li.nav__dropdown.nav__dropdown--account .nav__dropdown-target { right: 0; left: auto; } } .nav__dropdown-action .count { position: absolute; right: 4px; top: 2px; padding: 1px 1px; border-radius: 50px; background: var(--color-secondary); font-size: 10px; color: #fff; min-width: 16px; text-align: center; line-height: normal; } .nav__dropdown-action { /* width: 40px; */ /* height: 40px; */ position: relative; display: flex; align-items: center; justify-content: center; border: 1px solid transparent; } /* .nav.nav--actions ul li { display: flex; justify-content: center; align-items: center; } */ .nav.nav--actions ul li svg { width: 30px; height: 30px; } .nav__dropdown-action .svg-icon svg { position: absolute; left: 0; right: 0; top: 0; bottom: 1px; margin: auto; width: 100%; } .nav.nav--primary > ul > li.nav__dropdown.nav__dropdown--notification .count { background: var(--color-secondary); } .nav.nav--primary > ul > li.nav__dropdown.nav__dropdown--notification > a { padding-right: 0; } .nav.nav--primary > ul > li.nav__dropdown.nav__dropdown--notification > a:after { display: none; } .nav.nav--primary > ul > li.nav__dropdown.nav__dropdown--notification .nav__dropdown-target { min-width: 300px; } .list-container { position: relative; } .list-container .list-container__body { max-height: 500px; overflow: auto; } .list-container .list-container__head { position: relative; padding: 10px; color: #000; font-weight: 600; font-size: 1.2rem; text-align: center; border-bottom: 1px solid #ddd; } .list-container .list { width: 100%; border-bottom: 1px solid #ddd; position: relative; padding: 10px; margin: 0; } .list-container .list:last-child { border-bottom: none; } .list-container .list:after { display: block; clear: both; content: ""; } .list-container .list .list__action { position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: block; } .list-container .list .list__action:hover { background: rgba(131, 55, 230, 0.05); } .list-container .list p { font-size: 0.9rem; color: #666; line-height: 1.4; margin: 0; } .list-container .list h6 { font-size: 1.1rem; padding: 0; margin: 0 0 5px; line-height: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .list-container .list__media { width: 35px; float: left; } .list-container .list__content { width: calc(100% - 35px); float: left; padding: 0 0 0 15px; } .list-container .message-display { padding: 10px 0; } .list-container .message-display .message-display__icon { width: 80px; height: 80px; } .nav.nav--primary > ul > li.nav__dropdown .avtar { margin: 0 6px 0 0; } .group--social a span, .group--social a { font-size: 13px; } .group.group--social .-gap { height: 15px; font-weight: 500; } .group.group--social p { margin: 10px 0; } .group.group--social .btn { /* margin: 0 0; */ float: left; width: 48%; } .group.group--social .btn.btn--social-gp { float: right; } .group.group--social .btn .svg-icon { position: absolute; left: 15px; top: 8px; } .group--social a { margin-right: 5px; } .group--social a:last-child { margin-right: 0; } .group--social { display: flex; justify-content: center; align-items: center; } @media (max-width: 375px) { .nav.nav--primary > ul > li.nav__dropdown.nav__dropdown--notification .nav__dropdown-target { min-width: 260px; } } @media (max-width: 340px) { .nav.nav--actions ul li svg { width: 22px; height: 22px; } .website-dashboard-switcher-btn { font-size: 12px !important; } } /*+========================BANNER============================*/ .body { padding: 80px 0 0; } .banner { overflow: hidden; position: relative; } .banner { overflow: hidden; position: relative; } .caraousel__item img { display: block; margin: auto; width: 100%; } .banner__content { position: absolute; left: 50%; top: 50%; min-width: 545px; max-width: 545px; color: #fff; margin: 0 0 0 -600px; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); z-index: 2; } .banner__content h1 { margin-bottom: 20px; font-size: 2.6rem; font-weight: 600; } .banner__content p { font-weight: 500; font-size: 1.2rem; color: #fff; } .search-form { position: relative; margin: 50px 0 30px 0; } .banner .slick-dots { position: absolute; left: 50%; bottom: 50px; margin: 0 0 0 -600px; } .banner__content .banner-link { font-size: 1.3rem; font-weight: 500; text-decoration: underline; color: #fff; } @media (max-width: 1200px) { .banner__content, .banner .slick-dots { margin: 0; left: 20px; z-index: 2; } .banner .slick-dots { bottom: 25px; } .banner__content h1 { font-size: 2.2rem; margin-bottom: 10px; } .banner__content p { font-weight: 500; font-size: 1.1rem; } .search-form { margin: 20px 0 20px 0; } .banner__content .banner-link { font-size: 1.1rem; } } @media (max-width: 767px) { .banner__content { position: relative; top: auto; min-width: 100%; max-width: 100%; margin: -4px 0 0; transform: translate(0, 0); -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); left: auto; background: #333; padding: 20px; text-align: center; } .banner__content h1 { font-size: 1.6rem; } .body { padding: 55px 0 0; } .nav.nav--primary > ul > li.nav__dropdown.is-active .nav__dropdown-target, .nav.nav--primary > ul > li.nav__dropdown:hover .nav__dropdown-target { top: 60px; } } /*+========================SLIDER============================*/ .slick-slider { position: relative; display: block; 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 !important; } .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; margin-left: auto; margin-right: auto; } .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; margin: auto; } .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; } .slick-arrow.slick-hidden { display: none; } .slick-arrow { position: absolute; top: 50%; background: #fff; width: 56px; height: 56px; border-radius: 100%; font-size: 0; box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1); margin: -28px 0 0 0; z-index: 1; border: none; cursor: pointer; } .slick-arrow:before { width: 14px; height: 14px; position: absolute; left: 50%; top: 50%; margin: -7px 0 0 -7px; content: ""; border-left: 2px solid #333; border-bottom: 2px solid #333; } .slick-arrow.slick-prev { left: 0; } .slick-arrow.slick-prev:before { transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); margin-left: -6px; } .slick-arrow.slick-next { right: 0; } .slick-arrow.slick-next:before { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); margin-left: -10px; } .slick-arrow.slick-disabled { opacity: 0; } .slick-dots li { display: inline-block; vertical-align: top; margin: 0 10px 0 0; } .slick-dots li button { width: 16px; height: 16px; background: rgba(255, 255, 255, 0.5); border: 2px solid rgba(255, 255, 255, 0.5); font-size: 0; } .slick-dots li.slick-active { margin-top: -4px; } .slick-dots li.slick-active button { background: rgba(255, 255, 255, 1); border-color: var(--color-main); margin-top: -15px; } /*+========================SECTION============================*/ .section { padding: 60px 0; position: relative; } .section--gray, .section--grey { background: #f1f1f1 !important; /* to overwrite style.css*/ } .section--black { background: #1a1a1a; color: #fff; } .section-title { text-align: center; color: var(--color-dark); margin-bottom: 55px; } .section--black .section-title { color: #fff; } .section-title h2 { color: inherit; font-size: 2rem; font-weight: 700; } @media (max-width: 1200px) { .section { padding: 30px 0; } .section-title { margin-bottom: 30px; } .section.section_course_card { } } @media (max-width: 992px) { .section-title h2 { font-size: 1.8rem; } } @media (max-width: 767px) { .slick-arrow { width: 45px; height: 45px; } .section.section_course_card { padding: 30px 5px; } } /*+========================TABS VERTICAL============================*/ .tabs-vertical { } .tabs-vertical ul { counter-reset: number; } .tabs-vertical ul li, .container--cms .tabs-vertical ul li { position: relative; z-index: 1; padding: 25px; display: flex; } .tabs-vertical ul li:before, .tabs-vertical ul li:after { display: none; /*Clashes with the class of aplying container--cms listing arrow shown*/ } .tabs-vertical ul li .tab-wrap { display: flex; flex-wrap: wrap; flex-direction: column; } .tabs-vertical ul li .tab-click { border-radius: 4px; left: 0; top: 0; right: 0; bottom: 0; position: absolute; z-index: 0; cursor: pointer; } .tabs-vertical ul li .counter { position: relative; margin-right: 20px; z-index: 1; } .tabs-vertical ul li .counter:before { content: "" counter(number, decimal-leading-zero) " "; counter-increment: number; overflow: hidden; font-size: 54px; opacity: 0.1; font-weight: 700; } .tabs-vertical ul li .tab-info { z-index: 1; position: relative; } .tabs-vertical ul li .tab-info h3 { font-size: 1.4285rem; font-weight: 600; color: var(--color-dark); margin-bottom: 6px; } .tabs-vertical ul li .tab-info .btn { opacity: 0; visibility: hidden; display: none; position: absolute; } .tabs-vertical ul li.is-active { background: #f1f1f1; } .section--gray .tabs-vertical ul li.is-active { background: #fff; } .tabs-vertical ul li.is-active .tab-info .btn { opacity: 1; visibility: visible; display: inline-block; position: relative; } .tabs-vertical ul li.is-active .tab-info h3 { color: var(--color-main); } @media (max-width: 1200px) { .tabs-vertical ul li .tab-info h3 { font-size: 1.3rem; } .tabs-vertical ul li .counter:before { font-size: 44px; } } @media (max-width: 992px) { .tabs-vertical { margin-bottom: 25px; } .tabs-vertical ul { display: flex; justify-content: center; } .tabs-vertical ul li { text-align: center; display: block; padding: 15px; } } @media (max-width: 768px) { .tabs-vertical ul { overflow: auto; white-space: nowrap; justify-content: start; } .tabs-vertical ul li .tab-wrap { white-space: normal; width: 205px; justify-content: center; } .tabs-vertical ul li .counter { margin-right: 0; } } /*+========================FOOTER============================*/ .footer { } .footer .footer-lang-social-container { display: flex; flex-direction: column; justify-content: space-between; padding-inline-start: 20px; } .footer .footer-lang-social-container .social-links { margin: 0; } .footer h5 { font-weight: 400; font-size: 1.132rem; margin: 0 0 30px 0; text-transform: uppercase; } .settings-group { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 15px; margin-bottom: 20px; } .links--vertical li { margin: 15px 0 0; } .links--vertical li a { color: #fff; display: block; font-size: 16px; font-weight: 400; display: flex; line-height: 1.5; } .links--vertical li a img { margin-right: 10px; } /*Social Links[*/ .social-links { margin-bottom: 30px; } .social-links ul { display: flex; margin-left: -5px; } .social-links li { margin: 0 5px; } .social-links li a { width: 39px; height: 39px; display: block; border-radius: 100%; position: relative; /* border: 1px solid rgba(255, 255, 255, 0.2); */ border-radius: 50%; } .social-links li a img { position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; } .social-links li a:hover { border-color: var(--color-main); } /*Social Links]*/ /*Language Selector[*/ .settings { /* margin: 10px 0 0; */ position: relative; } .settings .settings_title { color: #f5f9fe; font-size: 15.8px; font-style: normal; font-weight: 400; line-height: 22.19px; text-transform: uppercase; } .settings a { display: flex !important; padding: 8px !important; align-items: center !important; gap: 16px !important; border-radius: 6px !important; border: 1px solid #d5d9d9 !important; } @media (max-width: 767px) { .settings a { display: inline-block !important; } } .settings:last-child { margin-top: 0; } .settings-group a img { display: inline-block; margin-right: 5px; } .settings .settings__target { position: absolute; left: 0; right: 0; /*bottom: 110%;*/ display: none; } .settings-group .btn.btn--bordered { background: transparent; color: #f5f9fe; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; } .settings-group .settings:last-child .btn.btn--bordered { border-top: 0; } /*Language Selector]*/ /*Footer Form[*/ .footer-head { background: var(--color-grey-light); } .footer-subscribe { max-width: 745px; margin: 0 auto; } .footer-subscribeForm { margin-top: 40px; } /*Footer Form]*/ /*Footer Inline[*/ .footer-inline { margin-top: 50px; padding-top: 50px; } .footer-inline .inline-listing, .footer-inline .fineprint-listing { display: flex; justify-content: center; flex-wrap: wrap; } .footer-inline .fineprint-listing { margin-top: 15px; } .footer-inline li { margin: 0 25px; } .footer-inline li a, .footer-inline li p { color: #fff; font-size: 0.857rem; font-weight: 400; } .footer-inline .fineprint-listing p { margin-bottom: 0; } .footer-inline.-singleTopBorder { border-color: rgba(255, 255, 255, 0.1); } .footer-inline li a:hover, .links--vertical li a:hover { color: var(--color-secondary); } @media only screen and (max-width: 450px) { .custom-general-container { padding-inline: 10px; } } @media only screen and (min-width: 450px) { .custom-general-container { padding-inline: 15px; } } /*Footer Inline]*/ @media (min-width: 767px) { .footer h5 { pointer-events: none; } .footer-bottom .toggle__target { display: block !important; } } @media (min-width: 1200px) { .btn.btn--bordered:focus, .btn.btn--bordered:active { } .btn.btn--secondary:hover { background: var(--color-black); border-color: var(--color-black); color: var(--color-light); } .custom-general-container { padding-inline: 50px; } } @media (max-width: 1200px) { .footer-subscribe { max-width: 600px; } } @media (max-width: 992px) { .settings-group { display: flex; } .settings { margin: 0; } .settings-group .settings:last-child .btn.btn--bordered { border-top: 1px solid rgba(255, 255, 255, 0.2); } .toggle-group { padding: 0 0 50px 0; } .footer-inline { margin-top: 0; } .footer-subscribeForm { text-align: center; } } /*+=========================MEDIA============================*/ @media (max-width: 767px) { .-hide-mobile { display: none !important; } .header__actionList .user-click .btn { font-size: 0; padding: 0; width: 35px; line-height: 35px; height: 35px; text-align: center; } .header__actionList .user-click .btn .svg-icon { top: 0; margin: 0; } .header__actionList .user-click .user-icon svg { fill: #fff; width: 20px; } /*To add scroller[*/ .scroller--horizontal { display: inline-block; overflow: auto; white-space: nowrap; width: 100%; margin-left: auto; margin-right: auto; } .scroller--horizontal [class*="col-"] { display: inherit; } /*To add scroller]*/ .toggle-group { padding: 0; } .footer .toggle__trigger, .settings-group .settings .btn.btn--bordered { width: 100%; display: inline-block; position: relative; text-align: left; position: relative; margin: 1px 0 0 0; cursor: pointer; font-size: 1.1em; text-transform: uppercase; padding: 15px 10px 15px 15px !important; color: #fff; background: var(--color-black); height: auto; line-height: normal; font-weight: 400; -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } .settings-group { display: block; } .settings-group .btn.btn--bordered-inverse { background: var(--color-black); color: #fff; text-align: left; font-weight: 600; text-transform: uppercase; border-color: transparent; border-radius: 0; padding: 0 15px; } .footer .toggle__trigger:before, .settings-group .btn.btn--bordered-inverse:before { position: absolute; right: 15px; top: 18px; width: 10px; height: 10px; content: ""; border-left: 2px solid rgba(255, 255, 255, 1); border-bottom: 2px solid rgba(255, 255, 255, 1); transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } .footer .toggle__target { display: none; padding: 10px; -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } .settings .settings__target { position: relative; background: none; color: #fff; } .footer-bottom { padding: 0; background: none; } .footer-bottom [class*="col-"] { padding-left: 0; padding-right: 0; } .links--vertical li a, .links--vertical.footer_contact_details li { color: var(--color-dark) !important; } .links--vertical li:first-child { margin-top: 0; } .social-links { margin-bottom: 0; } .footer-inline { background: var(--color-grey-light); padding-top: 0; padding: 10px; } .footer-inline li a, .footer-inline li p { color: var(--color-dark); } .footer-inline li { margin: 0 15px; margin-bottom: 15px; } .footer-inline .fineprint-listing { margin-top: 0; } } @media only screen and (min-width: 400px) and (max-width: 767px) { .scroller--horizontal [class*="col-"] { width: 60%; } } .list-inline label { padding: 14px 10px 12px 10px; } .list-onethird li label, .field_cover label { display: flex; } @media (max-width: 767px) { .teach_language_row .field_label, .spoken_language_row .field_label { min-height: 20px; } } @media (min-width: 767px) { .footer h5 { pointer-events: none; } .footer-bottom .toggle__target { display: block !important; } } @media only screen and (min-width: 1440px) { .custom-general-container { padding-inline: 80px; } } @media only screen and (min-width: 1600px) { .custom-general-container { padding-inline: 130px; } } /* @media only screen and (min-width: 768px) and (max-width: 1024px) { */ /* html.show-dashboard-js .overlay{     z-index: 0;     top: 60px;} */ /* } */ #facebox { position: absolute; top: 0; left: 0; z-index: 999; text-align: left; } #facebox .popup { position: relative; } #facebox .content { display: block; min-width: 610px; background: #fff; border-radius: 3px; } @media (min-width: 320px) { #facebox .content { overflow: auto; max-height: 90vh !important; }  } @media (min-width: 767px) { #facebox .content { max-height: 90vh !important; overflow-y: auto; overflow-x: hidden; } } @media (min-width: 1024px) { #facebox .content { max-height: 90vh !important; overflow-y: auto; overflow-x: hidden; } } @media (min-width: 1300px) { #facebox .content { max-height: 90vh !important; overflow-y: auto; overflow-x: hidden; } } @media (min-width: 1500px) { #facebox .content { max-height: 90vh !important; overflow-y: auto; overflow-x: hidden; } } #facebox .close { width: 35px; height: 35px; position: absolute; top: -35px; right: 0; transform: none; } #facebox .close img { display: none; } #facebox .close:after { color: #000000; content: "+"; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; font-size: 2rem; font-weight: 900; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); line-height: 1.2; text-align: center; } #facebox .loading { text-align: center; } #facebox .image { text-align: center; } #facebox_overlay { position: fixed; top: 0px; left: 0px; height: 100%; width: 100%; } #facebox .scrollbar { max-height: 700px; } .facebox_hide { z-index: -100; } .facebox_overlayBG { background-color: #000; z-index: 99; opacity: 0.3; } @media(min-width:1199px) { #facebox .content.facebox-medium { min-width: 800px; max-width: 800px; } #facebox .content.facebox-large{ min-width: 920px; } } @media(max-width:1199px) { #facebox .scrollbar { overflow: auto; } #facebox { left: 30px !important; right: 30px !important; } } @media(max-width:1023px) { #facebox { left: 10px !important; right: 10px !important; } } @media(max-width:767px) { #facebox .content { min-width: 1%; width: 100%; } #facebox .close { top: 0; } #facebox .close:after { top: 0 } } /*! jQuery UI - v1.12.0 - 2016-07-08 * 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 */.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:after,.ui-helper-clearfix:before{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)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.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}.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;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-active,.ui-menu .ui-state-focus{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.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;overflow:visible}.ui-button,.ui-button:active,.ui-button:hover,.ui-button:link,.ui-button:visited{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.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}button.ui-button::-moz-focus-inner,input.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.ui-visual-focus,.ui-controlgroup>.ui-controlgroup-item: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}.ui-controlgroup-vertical .ui-spinner-input{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-next,.ui-datepicker .ui-datepicker-prev{position:absolute;top:6px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-next span,.ui-datepicker .ui-datepicker-prev 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:48%;height:30px;padding-left:5px;line-height:30px}.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:500;text-transform:uppercase;color:#666;border:0}.ui-datepicker td{border:0;padding:0;border:1px solid #eee}.ui-datepicker td a,.ui-datepicker td span{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;border-top:none}.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}.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}.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}.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:0 0;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-ne,.ui-dialog .ui-resizable-nw,.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw{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:.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-autohide .ui-resizable-handle,.ui-resizable-disabled .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%;opacity:.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 #000}.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:700;line-height:1.5;padding:2px .4em;margin:.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{border:none!important;position:relative;text-align:left}.ui-slider .ui-slider-handle{border-radius:100%;border:none!important;background:#c4c8cc!important;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{border:none!important;background:#0064ca!important;position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{background:#e9e9e9!important;height:6px}.ui-slider-horizontal .ui-slider-handle{top:-.4em;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:0 0;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}.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;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-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-active .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:0 0}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget button,.ui-widget input,.ui-widget select,.ui-widget textarea{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:700}.ui-widget-header a{color:#333}.ui-button,.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,html .ui-button.ui-state-disabled:active,html .ui-button.ui-state-disabled:hover{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:400;color:#454545}.ui-visual-focus{box-shadow:0 0 3px 1px #5e9ed6}.ui-button.ui-state-active:hover,.ui-button:active,.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active{background:#54d1f1;font-weight:400;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.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:700}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:400}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url(images/ui-icons_222222_256x240.png)}.ui-widget-header .ui-icon{background-image:url(images/ui-icons_222222_256x240.png)}.ui-button .ui-icon{background-image:url(images/ui-icons_777777_256x240.png)}.ui-button:focus .ui-icon,.ui-button:hover .ui-icon,.ui-state-default .ui-icon,.ui-state-focus .ui-icon,.ui-state-hover .ui-icon{background-image:url(images/ui-icons_222222_256x240.png)}.ui-button:active .ui-icon,.ui-state-active .ui-icon{background-image:url(images/ui-icons_ffffff_256x240.png)}.ui-button .ui-state-highlight.ui-icon,.ui-state-highlight .ui-icon{background-image:url(images/ui-icons_777620_256x240.png)}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(images/ui-icons_cc0000_256x240.png)}.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{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}.ui-corner-all,.ui-corner-left,.ui-corner-tl,.ui-corner-top{border-top-left-radius:3px}.ui-corner-all,.ui-corner-right,.ui-corner-top,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bl,.ui-corner-bottom,.ui-corner-left{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-br,.ui-corner-right{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}.ui-datepicker{border:none!important;box-shadow:0 0 35px 10px rgba(0,0,0,.1);padding:15px;border-radius:5px!important;width:auto;min-width:400px}.ui-datepicker-header.ui-widget-header{background:0 0;border:none}.ui-datepicker-month,.ui-datepicker-year{margin:0 2px!important}.ui-datepicker td .ui-state-default{background:0 0;border:none;text-align:center;padding:10px}.ui-datepicker td.ui-datepicker-current-day{background:var(--color-secondary)}.ui-datepicker td.ui-datepicker-current-day:before{position:absolute;left:-4px;top:-4px;right:-4px;bottom:-4px;content:"";background:var(--color-primary)}.ui-datepicker td{position:relative}.ui-datepicker td>a{position:relative}.ui-datepicker td.ui-datepicker-today .ui-state-active{background:#fff}.ui-datepicker td.ui-datepicker-today .ui-state-active:before{display:none}.ui-datepicker td.ui-datepicker-today .ui-state-active>a{color:var(--color-secondary)}.ui-datepicker td.ui-datepicker-current-day .ui-state-active>a{color:var(--color-secondary)}.ui-datepicker td.ui-datepicker-current-day.ui-datepicker-today{background:0 0}.ui-datepicker td.ui-datepicker-current-day.ui-datepicker-today:before{display:none}.ui-datepicker td.ui-datepicker-today a{color:var(--color-secondary);font-weight:600;background:#f9f5fe!important}.ui-datepicker .ui-datepicker-buttonpane button{opacity:1;padding:8px 20px;font-weight:400!important;border:none;background:var(--color-secondary);color:#fff;-webkit-transition:.5s all ease;-moz-transition:.5s all ease;-o-transition:.5s all ease;transition:.5s all ease}.dropdown-menu{box-shadow:0 0 35px 10px rgba(0,0,0,.1);background:#fff;border-radius:5px;padding:0;position:absolute;top:100%;min-width:300px;z-index:2;display:none;list-style:none;max-height:200px;overflow:auto}.dropdown-menu li{border-bottom:1px solid rgba(0,0,0,.1)}.dropdown-menu li a{display:block;padding:10px;color:inherit} /**************** Slider Edited ********************/ .box { background: #fff; /*border: 1px solid #e5e5e5;*/ padding: 32px 24px; border-radius: 16px; border: 2px solid #e5e5e5; } .box .box__head { /* box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.08); */ padding: 20px; border-bottom: 2px solid var(--Divider, #e5e5e5); } .box .box__head .-link-underline { line-height: 1.4; display: inline-block; } .box .box__head p, .box .box__head h4 { margin: 0; } .box .box__head h1 { font-size: 1.75rem; } .box .box__head h4 { color: #333; font-size: 22px; font-style: normal; font-weight: 600; line-height: normal; } /**************** page css ********************/ .banner__media { position: relative; } .banner__media img { display: block; margin: auto; } .banner__media:before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.65); content: ""; pointer-events: none; } .banner__content.banner__content--centered { margin: 0; text-align: center; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); max-width: 850px; } .banner__content.banner__content--centered h1 { margin-bottom: 0; } /*cookies*/ .cc-window { background-color: rgba(0, 0, 0, 0.75); bottom: 0; left: 0; opacity: 1; position: fixed; right: 0; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 100%; z-index: 999; } .cc-window .box-cookies { color: #dbe0df; font-size: 13px; font-weight: 400; line-height: 30px; padding: 15px; text-align: center; } .cc-window .box-cookies a { color: #fff; text-decoration: underline; } .cc-window .cc-close { background-color: var(--color-secondary); cursor: pointer; display: inline-block; font-weight: bold; height: 25px; line-height: 25px; margin-left: 10px; padding: 0 10px; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } /*cookies end*/ /* section */ .page-content-container .section__head { display: flex; align-items: center; gap: 16px; margin-bottom: 16px; } .page-content-container .section__head .back-arrow { cursor: pointer; } body[dir="rtl"] .page-content-container .section__head .back-arrow svg { transform: rotate(180deg); } .section .section__head { padding: 0 0 30px; } .section .section__head h2 { line-height: 1; } .section.section--caraousel { background: #f9f7f0; padding-bottom: 0; } .section.section--caraousel:before { position: absolute; left: 0; right: 0; bottom: 0; content: ""; background: #fff; height: 40%; } .section--white { background: #fff; } .section--advert { padding: 20px 0; } .section--sort { padding: 20px 0; border-bottom: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8; } .section--sort h1 { font-size: 1.6rem; margin: 0; } .is-landing .section p { font-size: 1.1rem; color: #666; } .is-landing .section p a { color: inherit; } .section--content { padding: 0; } .section--content .row { padding: 90px 0; } .section--content .row:first-child { padding-bottom: 0; } .section--content .icon { width: 120px; height: 120px; border-radius: 100%; position: relative; border: 1px solid #eaeaea; box-shadow: 3.536px 3.536px 8px 0px rgba(0, 0, 0, 0.08); margin: 0 0 40px; } .section--content [class*="col-"] { min-height: 450px; } .section--content h2 { font-weight: normal; margin-bottom: 30px; color: var(--color-primary); } .section--content .icon img { position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; } .media-group .media { position: relative; width: 100%; border-radius: 3px; overflow: hidden; } .media-group .media img { position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; width: 100%; } .media-group .media:before { position: relative; padding-bottom: 77%; content: ""; display: block; } .media-group .media.media--small { width: 70%; right: -20%; top: 45%; position: absolute; } .section--content .row:nth-child(even) .media-group .media.media--small { right: auto; left: -20%; } .section--content .row:nth-child(even) h2 { color: var(--color-secondary); } .section--gray .media, .section--hiw .media, .section--slider .media { position: relative; background: #fff; } .section--gray .media:before, .section--hiw .media:before, .section--slider .media:before { position: relative; display: block; content: ""; /*padding-bottom: 62.5%;*/ padding-bottom: 80%; } .section--gray .media img, .section--hiw .media img, .section--slider .media img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; padding: 0 6px; } .section--hiw:before { background: #f3f2f5; right: 0; width: 50%; top: 150px; bottom: 90px; position: absolute; content: ""; } .section--hiw .media { margin: 60px 0 0; position: relative; } .section--hiw .col__content:before { background: #f3f2f5; left: -12%; width: 50%; top: 0; bottom: 0; position: absolute; content: ""; z-index: 0; } .section--slider { padding-bottom: 120px; } .section--slider .media { z-index: 1; } .section--slider .slick-dots { left: 0; right: 0; text-align: center; bottom: -80px; position: absolute; } .section--slider:before { background: url(images/patterns.svg) repeat; background-size: 44px 44px; opacity: 0.05; content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 40%; } .section--slider .quote__col-right { padding: 0 100px 0 0; } .section--slider .caraousel--single { z-index: 1; } .section--slider .quote__content h5 { line-height: 1.6; } .section--slider .container--fixed:before { background: #f3f2f5; position: absolute; right: 20px; bottom: -30px; top: -30px; content: ""; width: 50%; } .section--slider .container--fixed:after { background: #f3f2f5; position: absolute; right: 50%; bottom: -30px; top: -30px; content: ""; width: 15%; } /* footer */ /* overlay */ .overlay { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.8); z-index: 11; display: none; } .box--narrow { padding: 30px; min-width: 450px; } .box--narrow h2 { margin-bottom: 25px; } .box--narrow .box__logo { width: 140px; margin: auto; } .box--narrow .form input[type="submit"], .box--narrow .form input[type="button"] { width: 100%; text-align: center; } /* listing */ .section--listing { padding: 40px 0; } .section--search { background: transparent; padding: 50px 0; /* box-shadow: 3.536px 3.536px 8px 0px rgba(0, 0, 0, 0.08); */ } .section__tags { /* border-top: 1px solid #eee; */ padding: 0 0; background: #fff; position: relative; z-index: 1; } .form__element { position: relative; } .form-filters .form__element { width: 50%; float: left; } .form-filters .form__element:first-child input { border-right: none; } .form-filters .form__element:after { position: absolute; right: 24px; top: 28px; content: ""; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid #333; pointer-events: none; } body[dir="rtl"] .form-filters .form__element:after { left: 24px; right: auto; } .form-filters .form__element .svg-icon { width: 20px; height: 20px; position: absolute; overflow: hidden; left: 24px; top: 22px; } body[dir="rtl"] .form-filters .form__element .svg-icon { right: 24px; left: auto; } .form__element .form__input { border-radius: 0; box-shadow: none; height: 60px; padding-right: 50px; line-height: 60px; } .form-filters .form__element .form__input { padding-left: 50px; cursor: default; } .form-search .form__action { width: 100%; height: 100%; position: absolute; right: 0; top: 0; background: none; border: none; cursor: pointer; } .form-search .form__action-wrap { position: absolute; right: 0; top: 0; width: 40px; height: 50px; } .form-search--inline .keyword-search { padding: 0 40px 0 20px; } .form-search .form__action-wrap .svg-icon { position: absolute; right: 0; top: 0; bottom: 0; left: 0; width: 21px; height: 20px; margin: auto; pointer-events: none; } .form-search .form__action-wrap .svg-icon svg { height: 100%; } .form__element .form__target { display: none; position: absolute; left: 0; right: 0; top: 100%; z-index: 2; max-height: 400px; overflow: auto; } .form__element.form-target-visible .form__target { display: block; } /* @media(min-width:767px){ .form__element.form-target-visible:before{position: fixed;left: 0;right: 0; top: 0; bottom: 0;content: "";background: rgba(243,242,245,0.8);z-index: -1;} }     */ .section--listing.section-invisible { z-index: -2; } .tag-list li { display: inline-block; padding: 10px 10px 10px 0; } .tag-list li a { height: 40px; line-height: 40px; display: block; } .tag-list li a.tag__clickable { position: relative; background: #e9e8eb; border-radius: 3px; padding: 0 45px 0 20px; } .tag-list li a.tag__clickable:after { width: 20px; height: 20px; border-radius: 100%; background: #fff; content: "+"; position: absolute; right: 12px; top: 10px; line-height: 19px; text-align: center; transform: rotate(45deg); font-size: 1.2rem; transform-origin: center center; } .sort-by { /* margin: 0 0 30px; */ display: flex; flex-direction: column; /* justify-content: center; */ align-items: flex-end; gap: 16px; flex: 1 0 0; width: 150px; white-space: nowrap; align-self: end; text-overflow: ellipsis; } .sort-by select { box-shadow: none; } .scrollbar { width: 100% !important; max-height: 350px; padding: 0; position: relative; } .scrollbar-track { width: 8px; right: -10px !important; position: relative; } .scrollbar-handle { width: 5px; border-radius: 30px; background: rgba(0, 0, 0, 0.1); -webkit-transition: width 250ms; transition: width 250ms; } .listing--vertical li { font-size: 0.9rem; margin: 15px 0 0; } .listing--vertical li:first-child { margin: 0; } .block__head { position: relative; padding: 15px 20px; border-bottom: 1px solid #e9e8eb; } .block__body { position: relative; padding: 20px; border-bottom: 1px solid #e9e8eb; } .block__head h6 { margin: 0; font-size: 1.1rem; font-weight: 500; } .block__head-trigger { padding-right: 40px; cursor: pointer; position: relative; } .block__head-trigger:after { position: absolute; right: 20px; top: 15px; content: "+"; font-size: 1.6rem; line-height: 1; } .block__head-trigger.is-active:after { content: "-"; } .ratings__star img { display: inline-block; } /* range slider ---------------------- */ /* .range{margin:15px 0 0;} */ .range .ui-slider-horizontal { background: #eee; height: 6px; position: relative; border-radius: 30px; margin-bottom: 10px; } .range .ui-slider .ui-slider-range { top: 0; bottom: 2px; height: 6px; position: absolute; z-index: 1; background: var(--color-secondary); } .range .ui-slider-horizontal .ui-slider-handle { border-radius: 100%; margin-left: -0.6em; top: -0.6rem; background: #fff; color: #555555; cursor: move; font-weight: normal; border: 1px solid #ddd; cursor: move; height: 1.8em; position: absolute; width: 1.8rem; z-index: 2; box-shadow: 0 5px 5px 5px rgba(0, 0, 0, 0.06); } .slide__fields { margin: 20px -6px 0; padding-bottom: 10px; } .slide__fields:after { clear: both; content: ""; display: block; height: 0; } .slide__fields li { float: left; padding: 0 6px; width: 50%; position: relative; } .slide__fields li input { padding-left: 40px; } .slide__fields li .rsText { position: absolute; left: 17px; top: 0; bottom: 0; line-height: 50px; color: #999; font-size: 0.9rem; } .box-list { margin: 0 0 30px; position: relative; } .box-list .box__price h6 { font-size: 1.1rem; font-weight: 700; } .box-list__head { margin-bottom: 10px; } .box-list__head h3 { font-size: 1.4rem; margin: 0 5px 0 0; } .box-list__head .ratings { margin: 0 0 0 30px; } .box__description { margin: 10px 0 20px; min-height: 60px; } .box__description p { line-height: 1.4; font-size: 1.05rem; color: #666; line-height: 1.8; } .box__slip { display: none; height: 100%; width: 55%; position: absolute; right: 0; top: 0; bottom: 0; background: #fff; padding: 20px; /*display: none;*/ } .box__slip-data .btn { margin: 20px 0 0 90px; } .box-list.is-selected .box__content { opacity: 0.4; pointer-events: none; } .box__tabs { margin: 0 0 20px 0; } .box__tabs li { display: inline-block; position: relative; margin: 0 20px 0 0; } .box__tabs li a { color: #999999; position: relative; } .box__tabs li a:after { position: absolute; left: 5px; right: 5px; bottom: -5px; content: ""; height: 2px; background: #333; display: none; } .box__tabs li.is-active a { color: #000; } .box__tabs li.is-active a:after { display: block; } .box__calender li .time { min-width: 80px; display: inline-block; min-height: 15px; } .box__calender li .span { display: inline-block; padding: 5px; width: 10%; font-size: 0.85rem; } .box__calender li .point { background: #ddd; min-height: 12px; width: 100%; display: block; } .box__calender li .point.is-available { background: var(--color-primary); } /* reviews ---------------------- */ .ratings .ratings__count { margin-left: 10px; } .ratings h6 { margin: 10px 0 0; } .txt-inline .txt-inline__tag.last { margin-left: 40px; } .txt-inline .txt-inline__tag .svg-icon { overflow: hidden; display: inline-block; vertical-align: middle; } .txt-inline .txt-inline__tag .svg-icon svg { fill: var(--color-secondary); } .tag-online { width: 18px; height: 18px; border-radius: 100%; background: #14e06e; border: 2px solid #fff; position: absolute; left: 30px; bottom: 20px; z-index: 1; } .load-more .btn { min-width: 200px; text-align: center; margin: 20px 0 10px; } /* tooltip */ .tooltip { display: inline-block; vertical-align: middle; position: relative; cursor: help; } .tooltip .tooltip__content { color: #fff; background: #333; padding: 3px 10px; max-width: 200px; position: absolute; right: 0; bottom: 0; font-size: 0.85rem; line-height: 1.4; opacity: 0; visibility: hidden; z-index: 3; -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; border-radius: 3px; white-space: normal; } .tooltip .tooltip__content:before { position: absolute; right: 15px; bottom: -7px; content: ""; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #333; } .tooltip:hover .tooltip__content { opacity: 1; visibility: visible; bottom: 30px; } .tooltip.tooltip--centered .tooltip__content { right: auto; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); } .tooltip.tooltip--centered .tooltip__content:before { right: auto; left: 50%; margin: 0 0 0 -8px; } .tooltip.tooltip--left .tooltip__content { right: auto; left: 0; } .tooltip.tooltip--left .tooltip__content:before { right: auto; left: 10px; } .tooltip.tooltip--bottom .tooltip__content { right: auto; left: 50%; margin: 0 0 0 -100px; bottom: auto; top: 0; } .tooltip.tooltip--bottom .tooltip__content:before { border-top: none; border-bottom: 8px solid #333; bottom: auto; top: -7px; } .tooltip.tooltip--bottom .tooltip__content:before { right: auto; left: 50%; margin: 0 0 0 -8px; } .tooltip.tooltip--bottom:hover .tooltip__content { opacity: 1; visibility: visible; top: 30px; bottom: auto; } .video { position: relative; width: 100%; background: #eee; min-height: 200px; } .video:before { display: block; padding-bottom: 60%; content: ""; position: relative; } .video iframe, .video .video__enlarge .svg-icon svg { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .video .video__enlarge { position: absolute; right: 10px; bottom: 10px; width: 40px; height: 40px; background: #fff; border-radius: 3px; } .video .video__enlarge .svg-icon { width: 26px; height: 26px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; overflow: hidden; } .box__slip .video:before { padding-bottom: 45%; } .btn--fav.is-active { color: #fff; background: var(--color-secondary); } .btn--fav.is-active svg { fill: #fff; } .box--cta { border-radius: 16px; margin-top: 30px; } .box--cta:first-child { margin-top: 0; } .box--cta h4 { margin-bottom: 10px; } .box--cta p { font-size: 1.14rem; line-height: 1.4; color: #888; margin-bottom: 30px; } /* profile */ .section--details { padding: 30px 0 60px; } .box__profile-head h3 { margin: 0; } .box__profile-head .location { position: relative; padding: 0 0 0 20px; color: #888; margin: 5px 0 0; } .box__profile-head .location .svg-icon { position: absolute; left: 0; top: 0; width: 20px; height: 20px; overflow: hidden; opacity: 0.5; } .box-highlighted { display: flex; /* padding: 10px 20px; */ /* background: #f3f2f5; */ /* margin: 10px 0; */ } /* toggle */ .toggle-dropdown { position: relative; display: inline-block; } .toggle-dropdown .toggle-dropdown__link { padding-right: 15px; color: #6a6a6a; font-size: 1.1em; } .toggle-dropdown .toggle-dropdown__link .-txt--bold { font-weight: 500; color: #333; } .toggle-dropdown .toggle-dropdown__link:after { border-right: 1px solid #000; border-top: 1px solid #000; content: ""; height: 7px; pointer-events: none; position: absolute; right: 0; top: 6px; width: 7px; transform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); } .toggle-dropdown__target { min-width: 260px; z-index: 9; left: 50%; top: 100%; background: #fff; box-shadow: 0 0 40px rgba(0, 0, 0, 0.2); position: absolute; margin: 0 0 0 -140px; padding: 20px; text-align: center; -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; -webkit-transform-origin: top center; -moz-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; } .toggle-dropdown.is-active .toggle-dropdown__target { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); } .social--share li { display: inline-block; margin: 10px 3px 0 0; } .social--share li a, .social--share li span { width: 35px; height: 35px; border-radius: 100%; display: block; padding: 5px; overflow: hidden; position: relative; background: rgba(0, 0, 0, 0.05); } .social--share li a img, .social--share li span img { width: 16px; display: block; margin: 5px auto 0; opacity: 0.6; pointer-events: none; } .social--share li a:hover { background: rgba(0, 0, 0, 0.05); } .social--share li .stButton { position: absolute; opacity: 0; z-index: 1; left: 0; right: 0; top: 0; bottom: 0; } .tags-inline ul { margin: 0 -5px; } .tags-inline li { margin: 5px; display: inline-block; } .tags-inline li a { padding: 4px 6px; border: 1px solid #ddd; border-radius: 2px; display: block; font-size: 0.9rem; color: #777; } .box.box--toggle { margin: 30px 0 0; border-radius: 16px; border: 1px solid #e5e5e5; background: #fff; box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.25); } .box.box--cta { border-radius: 16px; border: 1px solid #e5e5e5; background: #fff; box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.25); } .tick-listing li { position: relative; padding: 0 0 0 34px; margin: 5px 0 5px 0; color: #333; font-size: 14px; font-style: normal; font-weight: 400; line-height: 14px; } body[dir="rtl"] .tick-listing li { padding: 0 34px 0 0; } .tick-listing.tick-listing--onehalf li { width: 50%; margin-right: -4px; display: inline-block; color: #333; font-size: 14px; font-style: normal; font-weight: 400; line-height: 14px; } /* .tick-listing li:before { width: 10px; height: 6px; border-left: 2px solid #ddd; border-bottom: 2px solid #ddd; content: ""; transform: rotate(-45deg); position: absolute; left: 0; top: 4px; } */ .content-repeated [class*="col-"]:last-child { /* border-bottom: 1px solid #ebebeb; */ /* padding-bottom: 15px; */ padding-left: 0; /* margin-bottom: 20px; */ } .content-repeated [class*="col-"]:last-child p { margin: 0; } .content-repeated.preferencesSkills-custom-content-repeated { display: flex; flex-direction: column; gap: 5px; } .content-repeated.preferencesSkills-custom-content-repeated .-small-title { color: #333; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; } .-small-title { font-size: 1.08rem; display: flex; align-items: center; gap: 8px; } .content-repeated--action.content-repeated [class*="col-"]:last-child { margin-bottom: 0; } .content-repeated__divider { border-bottom: 1px solid #e5e5e5; margin: 20px 0; } .content-repeated__divider:last-child { display: none; } .content-repeated:last-child { border-bottom: none; margin-bottom: 0; } .content-repeated .avtar { float: left; margin: 0 15px 0 0; } .content-repeated .avtar + h6 { margin: 0; color: #333; font-size: 15.1px; font-style: normal; font-weight: 600; line-height: 21.17px; } .content-repeated .teacher-review-content { margin-inline-start: 16px; } .content-repeated .review-date { color: #333; font-size: 12px; font-style: normal; font-weight: 300; line-height: 12.6px; } .content-repeated h5 { color: #333; font-size: 18px; font-style: normal; font-weight: 600; line-height: 27.44px; } .content-repeated .lessText { color: #333; font-size: 16px; font-style: normal; font-weight: 300; line-height: 27.44px; } .content-repeated .avtar + h6 + p { line-height: 1; font-size: 0.9rem; } .select-box { position: relative; } .select-box .select-box__value { position: relative; display: block; padding: 10px 40px 10px 15px; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 2px; font-size: 1.15rem; color: #999; line-height: 1; min-height: 40px; } .select-box .select-box__value:after { position: absolute; right: 15px; top: 50%; content: ""; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #999; margin: -2px 0 0; } .select-box .select-box__value small, .select-box .select-box__target .listing li a small { display: block; font-size: 0.8rem; margin: 5px 0 0; } .select-box .select-box__target { border: 1px solid #dddddd; background: #fff; max-height: 350px; overflow: auto; position: absolute; right: 0; z-index: 2; min-width: 200px; width: 100%; } .select-box .select-box__target .listing li { text-align: left; margin: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.06); } .select-box .select-box__target .listing li a { font-size: 1.05rem; font-weight: 500; display: block; padding: 10px 20px; color: #999; } .select-box .select-box__target .listing li a:hover { background: rgba(0, 0, 0, 0.03); } .select-box.select-box--small { display: inline-block; vertical-align: middle; margin: 0 0 0 20px; } .select-box.select-box--small .select-box__value { padding: 0 40px 0 0; border-color: transparent; height: 30px; line-height: 28px; font-weight: 500; min-height: 1%; } .select-box.select-box--small .select-box__value:after { top: 13px; } .select-box.select-box--small .select-box__target { min-width: 200px; } .select-box.select-box--small .select-box__target .listing li a { font-weight: 400; font-size: 1rem; } .select-box--up.select-box .select-box__target { bottom: 100%; right: auto; width: auto; left: 0; min-width: 250px; } @media (max-width: 568px) { .timer-block .select-box .buttons-toggle { display: flex; } .timer-block .select-box .buttons-toggle .btn:first-child { width: 100%; } .timer-block .timer.timer--small { display: block; text-align: center; } .timer-block .btn.end_lesson_now { width: 100%; text-align: center; margin-top: 10px; } } .form .select-box .select-box__value { min-height: 50px; padding: 16px 40px 12px 20px; box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.07); } .form .select-box .select-box__target .listing li { padding: 10px; } .form .select-box .select-box__target .listing li label { display: block; } .box-btn-group { display: flex; flex-direction: column; gap: 10px; } .box-btn-group .btn { margin: 10px 0 0; } .box--medium { padding: 40px; min-width: 800px; } .direction { margin: 0 0 0 30px; } .direction .direction__action { width: 30px; height: 30px; border: 1px solid #e5e5e5; border-radius: 100%; display: inline-block; margin: 0 2px; position: relative; } .direction .direction__action:hover { background: rgba(0, 0, 0, 0.1); } .direction .direction__action.direction__action-prev:before { width: 8px; height: 8px; content: ""; border-left: 1px solid #333; border-bottom: 1px solid #333; position: absolute; left: 50%; top: 50%; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); margin: -4px 0 0 -3px; } .direction .direction__action.direction__action-next:before { width: 8px; height: 8px; content: ""; border-right: 1px solid #333; border-top: 1px solid #333; position: absolute; left: 50%; top: 50%; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); margin: -4px 0 0 -5px; } .flex__row { display: table; border-bottom: 1px solid #ddd; width: 100%; } .flex-container { border: 1px solid #ddd; border-bottom: none; margin: 20px 0 0; position: relative; } .flex-container .flex__cell { height: 26px; display: table-cell; border-right: 1px solid #ddd; width: 12.5%; position: relative; } .flex-container .flex__cell:last-child { border-right: none; } .flex-container .flex__cell.flex__cell-head:first-child { vertical-align: bottom; } .flex-container .flex__cell.flex__cell-head { padding: 20px 10px; } .flex-container .flex__cell.flex__cell-head h3 { line-height: 1; margin: 0; } .flex-container .flex__cell:first-child { font-size: 0.85rem; padding: 6px 10px; } .flex-container .flex__cell.flex__cell-available.is-available .flex__cell-value { z-index: 3; } .flex-container .flex__cell.flex__cell-available .flex__cell-value { position: absolute; left: 4px; right: 4px; top: 4px; height: 175%; background: rgba(20, 224, 110, 0.3); border-radius: 3px; z-index: 1; cursor: pointer; } .flex-container .pop-over__overlay { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(255, 255, 255, 0.9); z-index: 2; } .pop-over__content { position: relative; padding: 20px; background: #fff; border: 1px solid #e2e2e4; border-radius: 3px; width: 100%; box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.03); position: absolute; left: 50%; top: 200%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); z-index: 2; width: 350px; } .flex-container .pop-over h3 { margin: 0; } .flex-container .pop-over .flag, .booking-view .flag { margin: 0 5px; } .booking-view { max-width: 300px; text-align: left; } .flex-container .pop-over .inline-list, .booking-view .inline-list { margin-top: 20px; width: 100%; display: inline-block; } .booking-view .custom-booking-body { display: flex; flex-direction: column; gap: 20px; } .flex-container .pop-over .inline-list__value, .booking-view .inline-list__value { /* margin: 5px 0; */ width: 100%; display: flex; flex-direction: column; gap: 18px; padding: 8px; } .flex-container .pop-over .inline-list__value .date-time-wrapper, .booking-view .inline-list__value .date-time-wrapper { display: flex; align-items: center; gap: 8px; } .flex-container .pop-over .inline-list__value .date-time-wrapper span, .booking-view .inline-list__value .date-time-wrapper span { display: flex; align-items: center; color: #333; font-style: normal; font-weight: 400; line-height: normal; } .booking-view .custom-booking-head { display: flex; align-items: center; } .booking-view .custom-booking-head h3 { color: #333; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; } .flex-container .pop-over .inline-list__value.highlight, .booking-view .inline-list__value.highlight { background: #ebebeb; border-radius: 8px; } .tag-inline { display: inline-block; vertical-align: middle; } .tag-inline .tag-inline__dot { width: 10px; height: 10px; border-radius: 100%; display: inline-block; vertical-align: middle; } .tag-inline .tag-inline__caption { display: inline-block; vertical-align: middle; } .tag-inline.tag-inline--on .tag-inline__dot { background: var(--color-primary); } .tag-inline.tag-inline--on .tag-inline__caption { color: var(--color-primary); } .tag-inline.tag-inline--off .tag-inline__dot { background: #999; } .tag-inline.tag-inline--off .tag-inline__caption { color: #999; } .floated-list { text-align: center; } .floated-list li { display: inline-block; padding: 10px; } .floated-list li a:hover { text-decoration: underline; } .section--lower { padding: 40px 0; } .section--icons .icon-col { margin: 50px 0 0 0; padding-right: 40px; } .section--icons .icon-col .icon + h4 { margin: 10px 0; } .section--icons .icon { width: 120px; height: 120px; border-radius: 100%; position: relative; border: 1px solid #eaeaea; box-shadow: 3.536px 3.536px 8px 0px rgba(0, 0, 0, 0.08); margin: 0 40px 20px 0; float: left; } .section--icons h2 { font-weight: normal; } .section--icons .icon img { position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; } .accordian-group { margin: 0 0 40px 0; } .accordian { border: 1px solid #ceced0; text-align: left; border-bottom: none; -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } .accordian:last-child { border-bottom: 1px solid #ceced0; } .accordian__title { cursor: pointer; position: relative; font-size: 1.3rem; font-weight: 600; padding: 30px 80px 30px 30px; } .accordian__title:before { width: 30px; height: 30px; position: absolute; right: 30px; top: 20px; content: "+"; color: #000; line-height: 34px; text-align: center; font-size: 2rem; } .accordian__body { padding: 0 20px 20px 30px; position: relative; } .accordian__body p { color: #888; } .accordian.is-active { box-shadow: 3.536px 3.536px 8px 0px rgba(0, 0, 0, 0.08); background: #fff; border-color: #e0dfe2; } .accordian.is-active .accordian__title { padding-bottom: 10px; } .accordian.is-active .accordian__title:before { content: "-"; font-size: 2.5rem; } .section--grey { background: #f3f2f5; } .section--centered .icon { width: 120px; height: 120px; border-radius: 100%; position: relative; border: 1px solid #eaeaea; box-shadow: 3.536px 3.536px 8px 0px rgba(0, 0, 0, 0.08); margin: 0 40px 20px 0; margin: 0 auto 20px; } .section--centered .icon img { position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; } .container--cms ul, .container--cms ol { margin: 30px 0; font-size: 1.1rem; } .container--cms ul li { position: relative; padding: 0 0 10px 30px; color: inherit; } .container--cms ul li:before { position: absolute; left: 8px; top: 4px; content: ""; width: 3px; height: 12px; background: #b7b7b7; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); } .container--cms ul li:after { position: absolute; left: 2px; top: 8px; content: ""; width: 3px; height: 6px; background: #b7b7b7; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); } .container--cms ol { list-style: decimal; } .container--cms ol li { position: relative; padding: 0 0 15px 0; color: inherit; margin: 0 0 0 15px; } .container--cms ol li a { color: inherit; } .is-landing .section ul li { font-size: 1.1rem; color: #666; } .team { padding: 0 40px; } .team__media { position: relative; width: 150px; height: 150px; margin: 40px auto 20px; overflow: hidden; border-radius: 100%; } .team__media:before { position: relative; padding-bottom: 100%; display: block; content: ""; } .team__media img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .form-container { background: #fff; padding: 60px; width: 100%; } .address-box { margin: 40px 0 0; } .address-box h6 { text-transform: uppercase; font-size: 1.1rem; font-weight: 700; color: #444; } .address-box h6 img { display: inline-block; vertical-align: middle; margin: 0 5px 0 0; } .address-container { padding-top: 60px; } .section--page { padding: 40px 0; } .selection-list { width: 100%; display: inline-block; margin: 0; } .selection-list ul { margin: 0 -5px; /* margin-bottom: 20px; */ } .selection-list ul li { width: 50%; display: inline-block; margin: 0 -2px; padding: 5px; } .selection-list ul li .selection { display: inline-block; width: 100%; border: 1px solid #e5e5e5; border-radius: 8px; padding: 10px 15px 10px 40px; position: relative; background-color: #f7f7f7; margin-bottom: 0; } .selection-list ul li .selection .selection__item { position: relative; } .selection-list ul li .selection .selection__item .selection__content { display: flex; flex-direction: column; gap: 12px; } .selection-list ul li .selection .selection__item .selection__content .item-value { display: flex; align-items: start; gap: 8px; } .selection-list ul li .selection .selection__item .item-name { display: flex; align-items: start; color: #333; font-size: 18px; font-style: normal; font-weight: 600; line-height: normal; } .selection-list ul li .selection .selection__item .final-amount { color: #333333; font-size: 18px; font-style: normal; font-weight: 300; line-height: normal; text-decoration: none !important; } .original-amount { color: #757575; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; text-decoration: line-through; } .selection-list ul li .selection .selection__item .discount-badge { position: absolute; right: 0; top: 0; display: flex; height: 20px; padding: 4px 8px; justify-content: center; align-items: center; gap: 8px; border-radius: 12px; background: #d1ebd2; color: #3c8b3f; font-size: 12px; font-style: normal; font-weight: 600; line-height: normal; } body[dir="rtl"] .selection-list ul li .selection .selection__item .discount-badge { left: 0; right: unset; } .selection-list ul li .selection small { line-height: 1.4; float: none !important; display: block; margin: 5px 0 0; text-transform: uppercase; font-weight: lighter; } .selection-list ul li .selection .radio { position: absolute; left: 10px; top: 12px; } .selection-list ul li.is-active .selection { background: #f7f7f7; border: 1.3px solid var(--color-primary); } .tabled { width: 100%; display: table; border-top: 1px solid #e5e5e5; } .tabled .tabled__cell { display: table-cell; padding: 25px 15px; border-right: 1px solid #e5e5e5; line-height: 1.4; } .tabled .tabled__cell:last-child { border-right: none; } .tabled .tabled__cell h3 { line-height: 1; } .tabs-gray { overflow: auto; max-height: 400px; } .tabs-gray ul { width: 100%; } .tabs-gray ul li { border-bottom: 1px solid #e9e8eb; } .tabs-gray li a { display: block; font-size: 1rem; position: relative; } .tabs-gray ul li.is-active a { font-weight: 700; color: var(--color-secondary); } .tabs-gray li a img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; max-width: 100px; } .icon-payment { width: 200px; height: 100px; position: relative; border: 1px solid #e5e5e5; } .icon-payment img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; max-width: 120px; } .check-out-header { color: #333; font-size: 22px; font-style: normal; font-weight: 600; line-height: normal; margin-bottom: 20px; text-align: start; } .checkout-package-header-subtitle { color: #333; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; } .recording-container { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 10px; } .recording-addon { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 18px; height: 18px; vertical-align: middle; cursor: pointer; border: 1px solid var(--color-primary); border-radius: 4px; position: relative; } .recording-addon:checked { background-color: var(--color-primary); } .recording-addon:checked:after { content: ""; position: absolute; left: 4px; top: 2px; width: 7px; height: 9px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); padding: 1px; } .recording-addon + label { font-size: 18px; cursor: pointer; margin: 0; color: #333333; line-height: 1.2; flex: 1; } .table-total { margin-top: 15px; } .table-total th { font-size: 0.9rem; font-weight: normal; color: #000; /* padding: 15px 20px 15px 20px; */ border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; text-align: left; } .table-total th:last-child, .table-total td:last-child { text-align: right; } .table-total td { color: #666; padding: 22px 0; } .table-total td h6 { font-size: 1.1rem; } .table-total tr.last td { border-top: 1px solid #ddd; } .table-total tr.last td h6 { font-size: 1.4rem; } .apply-coupon .btn.btn--gray.is-active { border-radius: 3px 3px 0 0; } .apply-coupon .btn.btn--gray.is-active:after { content: "+"; position: absolute; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); font-size: 1.8rem; margin: -2px 0 0 10px; } .apply-coupon__target { position: relative; background: #fff; /* border: 1px solid #ddd; */ /* border-radius: 0 0 3px 3px; */ } .apply-coupon__target [class*="col-"] { padding: 0; } .apply-coupon__target input[type="submit"] { padding: 0 20px; text-transform: uppercase; display: block; width: 100%; border-radius: 0 3px 3px 0; } .apply-coupon__target input[type="text"] { border-radius: 3px 0 0 3px; } .applied-coupon { background: #ecfff4; border: dashed 1px var(--color-primary); padding: 15px; margin: 0 0 0; text-align: center; position: relative; } .nav-vertical li { margin: 0 0 20px 0; } .nav-vertical li a { display: block; padding: 0 20px 0 20px; position: relative; background: #fff; border-radius: 8px; font-size: 1.2rem; font-weight: 600; position: relative; height: 70px; line-height: 70px; } .nav-vertical li a img { display: inline-block; vertical-align: middle; position: absolute; left: 20px; top: 50%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); } .box--faqs .box__top h4 { display: inline-block; } .box--faqs .-padding-30 { padding-bottom: 15px; } .box--faqs .box__body.-padding-30 { padding-top: 0; } .vertical-links li { border-bottom: 1px solid #ddd; } .vertical-links li:last-child { border-bottom: none; } .vertical-links li a { display: block; padding: 15px 30px; font-size: 1.1rem; color: var(--color-secondary); line-height: 1.4; } .vertical-links li a:hover { background: rgba(0, 0, 0, 0.02); } .faq__action { margin: 0 15px 0 0; } .faq__action img { display: inline-block; } .avtars-list { display: inline-block; width: 100%; margin: 20px 0; } .avtars-list li { display: inline-block; margin: 0 -12px; } .avtars-list li .avtar { border: 4px solid #fff; z-index: 1; } .list-repeated { width: 100%; margin: 20px 0 0; display: inline-block; } .list-repeated .avtar { float: left; margin: 0 0 0; width: 40px; height: 40px; } .list-repeated .list-repeated__content { width: calc(100% - 40px); padding-left: 20px; float: left; } .list-repeated p { line-height: 1.2; margin: 0 0 5px; font-size: 1rem; } .avtars-list.avtars-list--sticky { position: absolute; left: 0; top: 10px; margin: 0; } .avtars-list.avtars-list--sticky .avtar.avtar--small { width: 35px; height: 35px; } .avtars-list.avtars-list--sticky li { margin: 0 -10px; } .nav.nav--primary > ul > li.nav__dropdown .avtar { margin: 0 6px 0 0; } .col-list-group { margin: 0 0 30px; width: 100%; display: inline-block; } .col-list { position: relative; width: 100%; min-height: 100px; background: #fff; margin: 10px 0 30px; /* border: 1px solid #bbb; */ border-radius: 8px; } .col-list:last-child { margin-bottom: 0; } /* .col-list [class*="col-"] { padding: 15px; } */ .col-list [class*="col-"]:first-child { /* border-right: 1px solid #ddd; */ } .col-list .avtar { float: left; margin-right: 15px; } .col-list .avtar + h6 { margin: 15px 0 0; } .col-list p { line-height: 1.4; color: #666; } .schedule-list li { /* display: inline-block; */ width: 100%; } .schedule-list li:first-child { /* padding-bottom: 10px; */ } .schedule-list li .span-left { width: 100px; float: left; padding: 0 0 0; color: #999; } .schedule-list li .span-right { width: calc(100% - 100px); float: left; padding: 0 0 0 15px; } .schedule-list li .span-right h4 { font-size: 1.3rem; } .res-desc p { font-size: 0.98rem; line-height: 1.4; margin: 10px 0 0; } .res-desc p a { color: var(--color-secondary); } .custom-colum__left { width: 260px; float: left; } .custom-colum__middle { width: calc(100% - 520px); float: left; padding: 0 30px; } .custom-colum__right { width: 260px; float: right; } .menu-vertical { display: flex; flex-direction: column; justify-content: space-between; gap: 35px; width: 250px; min-height: 100vh; } .menu-vertical .accordion-item { } .menu-vertical .accordion-item label { } .menu-vertical .accordion-header { display: flex; align-items: center; cursor: pointer; color: white; } /* Initially hide the submenu */ .menu-vertical .accordion-content { max-height: 0; overflow: hidden; transition: max-height 0.3s ease; list-style: none; margin: 0; padding-inline-start: 20px; } /* When the checkbox is checked, reveal the submenu */ .menu-vertical .accordion-item input:checked ~ .accordion-content { max-height: 500px; /* Adjust this value as needed for your content */ } .menu-vertical .accordion-item input:checked ~ .accordion-header .chevron-icon { transform: scale(-1); display: none; } body.sidebar-open::before { content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); /* Change opacity as needed */ z-index: 9998; /* Adjust based on your layout */ } /* Optional: Style links in the submenu */ /* .menu-vertical .accordion-content li a { display: block; padding: 8px 0; text-decoration: none; color: inherit; } */ .menu-vertical .logo-container { padding: 50px 0 50px 20px; background-color: #092b4e; } .menu-vertical .logo-container img { /* margin-inline: auto; */ } .header__actionList .menu-vertical li { border-bottom: 1px solid rgba(0, 0, 0, 0.05); padding: 0; } .menu-vertical li { padding: 0; } .menu-vertical li:last-child { border-bottom: none; } .menu-vertical li a, .menu-vertical .menu-vertical-footer li .menu-header-wrapper { display: flex; align-items: center; padding: 20px 15px 20px 55px; color: #f5f9fe; font-size: 15px; font-style: normal; font-weight: 600; line-height: 25.108px; letter-spacing: 0.09px; position: relative; background-color: #092b4e; } .menu-vertical .menu-vertical-footer li .menu-header-wrapper { display: flex; align-items: center; gap: 10px; padding: 12px 16px; } .menu-vertical li.is-active a { background: transparent; color: #333; font-size: 17px; font-style: normal; font-weight: 800; line-height: normal; letter-spacing: 0.09px; } .menu-vertical li.is-active + li { background-color: #f3f7fb; } .menu-vertical li:has(+ li.is-active) { background-color: #f3f7fb; } .menu-vertical li a .menu-icon { position: absolute; left: 15px; top: 50%; width: 26px; height: 26px; margin: -15px 0 0; } .menu-vertical li a .menu-icon svg { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .menu-vertical li a .menu-icon .-color-fill { fill: var(--color-main); } .tab-swticher { width: 100%; display: inline-block; margin: 0 0 25px; } .tab-swticher .btn { width: 50%; float: left; background: #fff; color: #333; text-align: center; padding: 0 10px; } .tab-swticher .btn.is-active { background: var(--color-primary); color: #fff; font-weight: 600; } .tab-swticher .btn:last-child { border-radius: 0 2px 2px 0; } .tab-swticher .btn:first-child { border-radius: 2px 0 0 2px; } .tab-swticher-small.tab-swticher { margin: 0; } .tab-swticher-small.tab-swticher .btn { width: auto; min-width: 80px; height: 35px; line-height: 35px; padding: 0 20px; font-size: 1.05rem; } .tab-swticher-small.tab-swticher .btn { border: 1px solid var(--color-primary); } .page-head { margin: 0 0 1px; background: #fff; /* border: 1px solid #e5e5e5; */ padding: 32px 24px; border-radius: 16px; border: 2px solid #e5e5e5; } .page-head h1 { font-size: 1.75rem; font-weight: normal; line-height: 40px; } .page-filters { background: #fff; margin: 0 0 30px; padding: 32px 24px; border-radius: 16px; border: 2px solid #e5e5e5; } .page-filters input[type="submit"] { height: 40px; line-height: 40px; font-size: 1rem; background: var(--color-primary); margin: 0 10px 5px 0; margin-right: 10px; padding: 0 25px; } .page-filters input[type="reset"], .form--small input, .form--small select { height: 40px; line-height: 40px; font-size: 1rem; } .page-panel__left { height: 100vh; overflow-y: auto; overflow-x: hidden; scrollbar-width: thin; position: fixed; left: 0; width: 250px; /* float: left; */ z-index: 99999; transition: all 0.3s ease; background-color: #092b4e; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } body[dir="rtl"] .page-panel__left { left: unset; right: 0; } .page-panel__left::-webkit-scrollbar { display: none; } @media (min-width: 1200px) { .menu-vertical li.is-active { background-color: #f3f7fb; border-top-left-radius: 32px; border-bottom-left-radius: 32px; } .menu-vertical li.is-active + li a { border-top-right-radius: 16px; background-color: #092b4e; } .menu-vertical li:has(+ li.is-active) a { border-bottom-right-radius: 16px; background-color: #092b4e; } .menu-vertical li:has(+ li.is-active):first-child .logo-container { border-bottom-right-radius: 16px; } .menu-vertical:has(ul > li:first-child.is-active) .logo-container { border-bottom-right-radius: 16px; } .custom-logo-section-bg { background-color: #f3f7fb; } } @media (max-width: 1200px) { .page-panel__left { /* position: absolute; */ left: -250px; } .menu-vertical li.is-active { background-color: #f3f7fb; border-radius: 16px; margin-inline: 5px; } .page-panel__right { margin-inline-start: 0 !important; } body[dir="rtl"] .page-panel__left { left: unset; right: -250px; } body.sidebar-open .page-panel__left { transform: translateX(250px); z-index: 99999; } body[dir="rtl"].sidebar-open .page-panel__left { transform: translateX(-250px); z-index: 99999; } } .page-panel__right { width: 100%; /* float: right;   */ padding: 0 0 0 30px; margin-inline-start: 250px; } .page-panel__right .box__body { display: flex; flex-direction: column; gap: 8px; } .page-panel__right #body { padding: 0; display: flex; flex-direction: column; gap: 8px; } .page-panel__right #body .table-scroll { margin-bottom: 8px; } .page-panel__right #body .page-panel__inner-l { display: flex; flex-direction: column; gap: 8px; } .page-panel__inner { display: flex; gap: 15px; } .page-panel__inner-l { /* float: left; */ /* width: calc(100% - 250px); */ width: 100%; /* padding: 0 30px; */ } .page-panel__inner-r { /* float: right; */ width: 220px; } .buttons-toggle { position: relative; display: table; } .buttons-toggle .btn { padding: 0 20px; position: relative; float: left; color: #fff; } .buttons-toggle .btn:hover { background: var(--color-secondary); } .buttons-toggle .btn.btn--dropdown { padding: 0; width: 40px; } .buttons-toggle .btn.btn--dropdown:after { position: absolute; right: 15px; top: 50%; content: ""; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #fff; margin: -2px 0 0; } .buttons-toggle .btn.btn--dropdown.is-active:after { border-top: 5px solid transparent; border-bottom: 5px solid #fff; } .buttons-toggle .btn:first-child { border-radius: 3px 0 0 3px; } .buttons-toggle .btn:last-child { border-radius: 0 3px 3px 0; margin-left: 1px; } .buttons-toggle .btn:only-child { border-radius: 3px; } .col-list [class*="col-"].col-positioned { text-align: right; } .col-list [class*="col-"].col-positioned .select-box { display: inline-block; } .circle-count { width: 160px; height: 160px; border-radius: 100%; text-align: center; line-height: 160px; font-size: 3rem; font-weight: 700; margin: 10px auto 10px; background: #f5edff; color: var(--color-secondary); position: relative; } .circle-count.circle-count--danger { background: #fff3f3; color: #ff2b2b; } .circle-count.circle-count--success { background: #ecfff4; color: #0cd866; } .h1-heading { font-size: 2.4rem; font-weight: normal; margin: 0 0 15px; } .page__panel-narrow { margin: 30px auto; } .section--listing .-float-left { clear: left; } .box__data { padding: 40px 50px; } .box__listing li { font-size: 1.1rem; display: inline-block; border-bottom: 2px solid rgba(0, 0, 0, 0.05); width: 100%; padding: 15px 0; line-height: 1.6; } .box__listing li .box__caption { display: table-cell; width: 100px; font-weight: 700; } .box__listing li .box__value { display: table-cell; width: calc(100% - 100px); } .profile-info { display: flex; min-width: 220px; } .profile-info .profile-info__right { padding: 0 0 0 20px; } .profile-info .profile-info__right h6 { line-height: 1; color: #000; font-size: 1.1rem; } .profile-info .profile-info__right p { line-height: 1; margin: 5px 0 0; font-size: 0.95rem; } .inline-icon { width: 20px; height: 20px; position: relative; display: inline-block; } .inline-icon .svg-icon { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; height: 100%; overflow: hidden; } .inline-icon .-color-fill, .inline-icon.-color-fill svg { fill: var(--color-secondary); } .grids-wrap { width: 100%; } .grids-wrap .wrap { height: 100%; padding: 30px 30px 10px; width: 100%; } .grids-wrap .wrap--yellow { background: #f9f8f0; } .grids-wrap .wrap--yellow .icon__wallet { float: left; width: 60px; margin: 0 20px 0 0; } .grids-wrap .wrap--yellow h2 { font-weight: 800; padding: 0; } .grids-wrap .wrap--yellow p { margin: 0; line-height: 1.6; } .grids-wrap .wrap--gray { background: rgba(131, 55, 230, 0.03); } /* notification page */ .controls { position: relative; display: inline-block; background: #fff; border: 1px solid #e9e8eb; border-radius: 8px; } .controls:first-child { margin-right: 20px; } .controls li { display: inline-block; border-right: 1px solid #e9e8eb; } .controls li:last-child { border-right: none; } .controls li .checkbox { margin: 0 0 0 5px; } .controls li a, .controls li > span { padding: 12px 15px; display: block; min-height: 46px; } .controls li a img { width: 20px; display: block; margin: auto; } .page-controls .-txt-normal { padding: 15px 20px; display: inline-block; color: #999; min-height: 50px; } .controls li a .svg-icon { width: 18px; height: 18px; display: block; margin: 1px auto; position: relative; overflow: hidden; } .controls li a .svg-icon svg { width: 100%; height: 100%; fill: var(--color-secondary); } .controls li.is-disabled a { opacity: 0.4; cursor: default; } .table-listing { width: 100%; border-spacing: 0 20px; font-size: 1.1rem; color: #333; border-collapse: separate; } .table-listing td { color: inherit; padding: 20px 20px 20px 0; position: relative; z-index: 1; background: #fff; } .table-listing tr { border-radius: 5px; position: relative; -webkit-transition: 0.5s all ease-in-out; -moz-transition: 0.5s all ease-in-out; -o-transition: 0.5s all ease-in-out; transition: 0.5s all ease-in-out; } .table-listing tr:nth-child(odd) td { background-color: #fff; } .table-listing td.td--check .checkbox { } .table-listing td:first-child { padding-left: 20px; } .table-listing td .avtar { display: inline-block; vertical-align: middle; } .table-listing tr.is-read td { color: #a7a7a7; } .table-listing tr.is-read td strong { font-weight: normal; } .table-listing .listing__desc { line-height: 1.4; max-width: 600px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; } .table-listing .listing__desc > a { display: block; color: inherit; } .table-listing .avtar__name { display: inline-block; margin: 0 0 0 5px; vertical-align: middle; } .preview.preview--profile { text-align: center; background: rgba(0, 0, 0, 0.03); padding: 30px; } .preview.preview--profile .avtar { display: block; margin: 20px auto 0; } .preview.preview--profile .btn { display: block; margin: 0 auto 10px; max-width: 180px; } .tabs-inline { background: #fff; padding: 32px 24px; border-radius: 16px; border: 2px solid #e5e5e5; } .tabs-inline li { display: inline-block; position: relative; margin: 0 10px 0 15px; } .tabs-inline li a { display: block; padding: 20px 0; font-size: 1.1rem; border-bottom: 2px solid transparent; color: #999; } .tabs-inline li.is-active a { background: #fff; font-weight: 700; border-bottom-color: var(--color-secondary); color: #000; } .tabs-offset { margin: -20px -20px 25px; } .tabs-small { border-bottom: 1px solid #e9e8eb; padding: 0 20px; } .tabs-small li { display: inline-block; font-size: 1.05rem; } .tabs-small li a { display: block; padding: 15px 20px; border: 1px solid transparent; border-top: none; border-bottom: none; position: relative; } .tabs-small li.is-active a:after { height: 4px; background: #fff; position: absolute; left: 0; right: 0; bottom: -2px; content: ""; } .tabs-small li.is-active a { background: #fff; border-color: #e9e8eb; color: var(--color-secondary); font-weight: 600; } .section-head { border-bottom: 1px solid #e9e8eb; margin: 0 -20px 20px; padding: 0 20px 20px; } .data-group h6 { line-height: 1; color: #000; font-size: 1.1rem; margin: 0 0 8px; word-wrap: anywhere; } .data-group p { line-height: 1; margin: 5px 0 0; font-size: 0.95rem; } .page-heading { color: var(--color-secondary); } .inline-action { font-size: 0; text-align: center; line-height: 46px; display: inline-block; position: relative; width: 50px; height: 50px; background: var(--color-primary); font-weight: 700; border-radius: 2px; border: 1px solid var(--color-primary); box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.07); color: #fff; border-radius: 3px; } .inline-action.inline-action--add:before { font-size: 1.8rem; content: "+"; } .inline-action.inline-action--minus { background: #333; border-color: #333; } .inline-action.inline-action--minus:before { font-size: 1.8rem; content: "-"; } .row .inline-action.inline-action--minus { margin-bottom: 15px; font-size: 1rem; display: block; width: 100%; } .row .inline-action.inline-action--minus:before { display: none; } .inline-action.inline-action--add { margin-bottom: 20px; } .field_label { margin-bottom: 15px; } @media (max-width: 767px) { .website-dashboard-switcher-btn { /* padding-block: 6px !important; */ font-size: 14px; } .inline-action.inline-action--add:before, .inline-action.inline-action--minus:before { display: none; } .inline-action.inline-action--minus, .inline-action.inline-action--add { font-size: 1.1rem; } #teacherPreferencesFrm.form .field_label.-display-block { min-height: 17px; } .join-btns .btn { font-size: 14px; } } @media (max-width: 500px) { #teacherPreferencesFrm.form .field_label.-display-block { min-height: 1%; margin: 0; } } .attachment-file { position: relative; padding: 0 0 0 30px; color: inherit; max-width: 300px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-height: 24px; display: inline-block; } .attachment-file .inline-icon { position: absolute; left: 0; top: 2px; } .row--head { border-bottom: 1px solid #f3f2f5; border-top: 1px solid #f3f2f5; margin: 10px 0 5px; padding: 20px 0; } .row--head [class*="col-"] { padding: 0; } .row--addons .inline-action { width: 100%; /* margin-top: 3px; */ } .box--minheight { min-height: 500px; } .-pattern, .section--page, .section--details, .section--listing, .blog-row { position: relative; } .-pattern:before, .section--page:before, .section--details:before, .section--listing:before, .blog-row:nth-child(even):before { /* background: url(images/patterns.svg) repeat; background-size: 24px 24px; opacity: 0.06;*/ content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; pointer-events: none; } .box.box--narrow .field_label { display: block; width: 100%; } .box.box--narrow .field_label .-link-underline { font-weight: normal; } .div-login-form .field_label .-link-underline { font-weight: normal; } .login-form{ padding: unset !important; } /* .box.box--narrow .field_label:empty{display: none;} */ .section--offset { color: #333; } .section--offset .icon { width: 150px; height: 150px; border-radius: 100%; position: relative; border: 1px solid #eaeaea; box-shadow: 3.536px 3.536px 8px 0px rgba(0, 0, 0, 0.08); margin: -160px auto 20px; background: #fff; } .section--offset .icon img { position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; } /* [ blog css  */ .blog-row { padding: 80px 0; border-bottom: 1px solid #eee; } .blog-row h2 { font-size: 2.4rem; } .blog-row:nth-child(even) { direction: rtl; text-align: left; } .blog-row:nth-child(even) .blog__content { padding-left: 0; direction: ltr; } .section--blogs { padding: 0; } .banner .form-search { min-width: 700px; } .banner .form__element .form__input { border: none; } .section--nav { background: #e9e8eb; padding: 0; } .blog__subtitle { display: block; text-transform: uppercase; } .blog__subtitle .inline-icon { margin: 3px 0 0; } .blog__content { padding: 0 0 0 20px; } .blog__content h2 { margin: 5px 0 30px; } .blog__actions .blog__action { font-size: 1.15em; color: #666; margin: 0 10px 0 0; } .blog__media { position: relative; display: block; overflow: hidden; -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } .blog__media:before { display: block; padding-bottom: 66%; content: ""; } .blog__media img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .blog__author { display: block; margin: 0; } .blog__author .avtar { margin-right: 10px; } /* nav categories */ .nav-categories > ul { text-align: center; } .nav-categories > ul > li { display: inline-block; } .nav-categories > ul > li > a { display: block; padding: 30px 20px; font-size: 1.1rem; } .nav-categories > ul > li.is-active > a { font-weight: 700; color: var(--color-secondary); } .categories-target { position: absolute; left: 0; right: 0; top: 100%; background: #fff; z-index: 1; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1); padding: 30px; display: none; } .nav-categories .nav-subcategories { text-align: left; } .nav-categories .nav-subcategories li { width: 25%; float: left; padding: 10px; } .nav-categories .nav-subcategories li a:hover { text-decoration: underline; color: var(--color-secondary); } /* toggle */ .categories-toggle { width: 30px; height: 30px; vertical-align: middle; margin: 26px 0 0 0; padding: 3px 1px !important; position: relative; } .categories-toggle span { width: 80%; height: 3px; background: #333; display: block; margin: 8px 0 0; position: relative; } .categories-toggle span:before { width: 100%; height: 3px; background: #333; content: ""; position: absolute; top: -7px; left: 0; } .categories-toggle span:after { width: 100%; height: 3px; background: #333; content: ""; position: absolute; bottom: -7px; left: 0; } .categories-toggle.is-active span { background: transparent; } .categories-toggle.is-active span:before { -webkit-transform: rotate(45deg) translate(4px, 5px); -ms-transform: rotate(45deg) translate(4px, 5px); transform: rotate(45deg) translate(4px, 5px); } .categories-toggle.is-active span:after { -webkit-transform: rotate(-45deg) translate(5px, -6px); -ms-transform: rotate(-45deg) translate(5px, -6px); transform: rotate(-45deg) translate(5px, -6px); } .section--paging { padding: 50px 0; } .section--paging .pagination { margin-top: 0; } .box__footer .social--share li { margin-top: 0; } .nav--toggled { width: 100%; } .nav--toggled > ul > li { position: relative; border-bottom: 1px solid rgba(0, 0, 0, 0.06); display: block; font-size: 1.06rem; } .nav--toggled > ul > li:last-child { border-bottom: none; } .nav--toggled > ul > li .link--toggle { position: absolute; right: 0; top: 0; height: 46px; width: 40px; cursor: pointer; } .nav--toggled > ul > li > a { position: relative; padding: 14px 40px 14px 20px; color: #333; display: block; } .nav--toggled > ul > li > ul { background: #fafafa; margin: 0; padding: 10px; } .nav--toggled > ul > li > ul ul { margin: 0; padding: 5px 10px; } .nav--toggled > ul > li ul li .link--toggle { right: -10px; } .nav--toggled > ul > li ul li { padding: 0; position: relative; display: block; } .nav--toggled > ul > li ul li a { color: #999; padding: 10px 40px 10px 20px; display: block; } .nav--toggled > ul > li ul li a:hover { color: #333; } .nav--toggled > ul > li ul li.is--active a { color: #333; font-weight: 600; } .nav--toggled > ul > li.is-active > a, .nav--vertical > ul > li > a.is-active { color: #000; font-weight: 600; } .nav--toggled > ul > li .link--toggle:before { width: 6px; height: 6px; margin: 0; position: absolute; right: 20px; top: 18px; content: ""; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 5px solid #333; -webkit-transition: 0.4s all ease-in-out; pointer-events: none; -moz-transition: 0.4s all ease-in-out; -o-transition: 0.4s all ease-in-out; transition: 0.4s all ease-in-out; } .nav--toggled > ul > li .link--toggle.is-active:before { transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); } .nav--toggled > ul > li .link--toggle.is-active:hover { background: none; } .comments-list { width: 100%; display: inline-block; border: 1px solid #efefef; padding: 20px 20px 20px 100px; position: relative; margin: 0 0 0 0; background: #fff; margin: 15px 0 0; } .comments-list .date { float: right; text-transform: uppercase; color: #999; font-size: 0.9em; } .comments-list h5 { margin: 0; font-weight: 600; font-size: 1.1em; color: #333; } .comments-list h5 strong { font-weight: 600; } .comments-list .avtar { position: absolute; left: 20px; top: 15px; color: #000; } .comments-list .avtar img { position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; } .avatar-image img { width: 100%; height: 100%; } .comments-list .comment__desc { margin: 10px 0; } .comments-list .link--underlined { font-weight: normal; text-decoration: underline; color: var(--color-secondary); font-weight: 600; } .comments-list.comments-list--replied { background: rgba(0, 0, 0, 0.03); margin: 0 0 0 50px; width: auto; border-top: none; } .comments-list.comments-list--replied .avtar { background: #fff; } .form--comments { background: rgba(0, 0, 0, 0.04); margin: 20px 0 0; padding: 30px; } .form--comments h4 { font-size: 1.4em; margin: 0 0 30px 0; color: #333; } .captchapic { display: inline-block; vertical-align: middle; } .reloadlink { display: inline-block; margin: 10px 0 0 10px; position: relative; vertical-align: middle; } .reloadlink img { width: 25px; } .width--narrow { max-width: 700px; margin: auto; } .width--narrow .form input[type="submit"] { width: 100%; display: block; } .box--cta-blog { margin: 0 0 30px; } .box--cta-blog .btn img { position: relative; top: -2px; margin-right: 5px; } .blog-toggle { height: 60px; width: 60px; background: var(--color-secondary); float: left; display: none; } .blog-toggle span { width: 60%; height: 3px; background: #fff; display: block; margin: 28px auto 0; position: relative; } .blog-toggle span:before { width: 100%; height: 3px; background: #fff; content: ""; position: absolute; top: -8px; left: 0; } .blog-toggle span:after { width: 100%; height: 3px; background: #fff; content: ""; position: absolute; bottom: -8px; left: 0; } .section--upper { margin: -120px 0 0; padding: 60px 0; } /*  blog css ] */ .grid-group { margin: 0 0 0 -10px; } .grid-group .grid { display: inline-block; padding: 0 0 20px 10px; } .grid-group .grid span { background: #f9f5ff; padding: 5px 15px; display: block; border-radius: 2px; line-height: 1.5; font-size: 0.9rem; } .txt-inline strong { font-weight: 600; } .txt-inline .txt-inline__tag { margin-bottom: 6px; display: inline-block; } .label-select { width: 100%; padding: 8px 8px 8px 50px; position: relative; margin: 0 0; border-radius: 8px; background: #f7f7f7; } .label-select > label { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px; width: 100%; margin: 0; } .label-select > label h6 { color: #333; font-size: 18px; font-style: normal; font-weight: 600; line-height: normal; display: flex; align-items: center; margin-inline-start: 5px; } .label-select > label p i { color: #757575; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; font-style: unset; } .label-select .checkbox, .label-select .radio { position: absolute; left: 15px; top: 10px; } .label-select p { margin: 0; font-size: 0.95rem; } .listing-cell { width: 100%; margin: 6px 0 0; display: inline-block; } .listing-cell ul { display: flex; width: 100%; flex-wrap: wrap; } .listing-cell ul li { padding: 0 20px 0 0; flex-grow: 1; } .listing-cell ul li .boxwhite { background: #fff; border: 1px solid #ddd; padding: 10px 15px; display: block; } .listing-cell ul li .btn, .listing-cell ul li form { margin-top: 14px; } .listing-cell ul li form .btn { margin-top: 0; } .listing-cell ul li form .caption-wraper { display: none; } .listing-cell ul li form .field-set { margin-bottom: 0; } .payments-container-inactive { position: relative; } .payments-container { margin-top: 25px; display: flex; flex-direction: column; gap: 20px; } .payments-container #payment_methods_tab li { display: flex; max-width: 364px; /* width: 364px; */ padding: 8px; align-items: center; justify-content: space-between; gap: 24px; border-radius: 8px; } .payments-container #payment_methods_tab .payment-icon-name { display: flex; gap: 10px; align-items: center; } .payments-container #payment_methods_tab li .radio { padding: 0 0 20px 30px; } .payments-container #payment_methods_tab li .payment-icon { display: flex; padding: 8px; align-items: center; gap: 8px; border-radius: 8px; border: 1px solid #e5e5e5; } .payments-container #payment_methods_tab li a { color: #333; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; } .payments-container h3 { color: #333; font-size: 22px; font-style: normal; font-weight: 600; line-height: normal; } .payments-container-inactive:before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(255, 255, 255, 0.9); content: ""; z-index: 1; } .errorlist.erlist_agree { position: absolute !important; margin-top: 50px; } .form .field_label { display: block; width: 100%; } /* .form .field_label:empty{display:none;} */ .img-description { display: inline-block; padding: 20px; background: #fff; width: 100%; text-align: center; } .img-description .btn { margin: 5px; } .rotator-info { display: inline-block; width: 100%; padding: 0 0 20px 0; } .rotator-actions { display: inline-block; background: #fff; width: 100%; } .form--processing { position: relative; pointer-events: none; } .form--processing:after { position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ""; background: rgba(255, 255, 255, 0.85); z-index: 2; pointer-events: none; } .form--processing:before { position: absolute; left: 50%; top: 50%; width: 50px; height: 50px; margin: -25px 0 0 -25px; z-index: 3; border-top: 3px solid rgba(0, 0, 0, 0.2); content: ""; border-radius: 100%; border-right: 3px solid rgba(0, 0, 0, 0.2); border-bottom: 3px solid rgba(0, 0, 0, 0.2); border-left: 3px solid #000; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear; } @-webkit-keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .col-list--full.col-list { padding: 10px; } .col-list--full.col-list h6 { margin-bottom: 10px; } .screen-chat { position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 1000; background: #fff; } .screen-chat .screen-chat__listing { position: absolute; right: 0; top: 0px; bottom: 0; width: 450px; z-index: 1; background: #fff; padding: 0; border: 15px solid #eee; overflow: auto; } .chat-container { position: absolute; left: 0; top: 0; bottom: 0; right: 0; } .chat-container:before { position: relative; display: block; padding-bottom: 100%; content: ""; } .chat-container .cometChatBox { position: absolute; left: 0; right: 0; top: 0; bottom: 0; } #facebox .content h4 { margin-bottom: 20px; } body.is-screen-on { position: fixed; left: 0; top: 0; right: 0; bottom: 0; } body.is-screen-on .header { z-index: 11; padding: 10px; } body.is-screen-on .header .container { max-width: 100%; } .timer .colorDefinition { border-color: transparent; background: var(--color-secondary) !important; } .timer .size_lg { font-size: 24px; padding: 0 10px; } @media (min-width: 768px) { .timer .size_lg { font-size: 50px; } } @media (max-width: 768px) { .page-panel__inner { flex-direction: column; gap: 15px; } .page-panel__inner-r { width: 100% !important; } } @media (max-width: 878px) { .selection-list ul li { width: 100%; } } .timer.timer--small .colorDefinition { background: #000 !important; } .timer.timer--small .size_lg { font-size: 30px; padding: 4px 10px; height: 50px; display: block; } div.filelink span.tag, div.tagsinput span.tag { display: inline-block !important; background: #f5edff !important; color: var(--color-secondary) !important; padding: 5px 5px 5px 10px !important; border-radius: 3px !important; font-size: 0.9rem !important; border: 1px dashed var(--color-secondary) !important; } div.filelink span.tag span a, div.tagsinput span.tag span a { color: var(--color-secondary); } div.filelink span.tag > a, div.tagsinput span.tag > a { width: 24px; height: 24px; display: inline-block; margin: 0 0 0 10px; color: #fff !important; background: var(--color-secondary); text-align: center; line-height: 24px; border-radius: 3px; } div.tagsinput div { line-height: 1.6; } .form-search.form-search--single input { border-left-color: transparent; border-right-color: transparent; height: 60px; } .box__listing.box__listing--small li { padding: 6px 0 10px; } .btn.btn--action { width: 35px; height: 35px; padding: 2px; position: relative; } .btn.btn--action:hover { background: var(--color-primary); } .btn.btn--action .svg-icon { width: 16px; height: 16px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .screen { position: fixed; left: 0; top: 91px; bottom: 0; right: 0; z-index: 10; background: #fff; } .screen .screen__left { position: absolute; left: 20px; top: 20px; bottom: 20px; right: 520px; background: #eee; background-repeat: no-repeat; background-size: cover; background-position: center top; } .screen .screen__left:before { position: absolute; left: 0; top: 0; bottom: 0; right: 0; content: ""; background: rgba(0, 0, 0, 0.6); } .screen .screen__right { position: absolute; right: 0; top: 0px; bottom: 0; width: 500px; z-index: 1; background: #fff; padding: 0; border: 15px solid #eee; overflow: auto; } .screen__center-content { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; width: 100%; } .tab-horizontal ul { display: flex; flex-wrap: wrap; background: #eee; text-align: center; } .tab-horizontal ul li { display: inline-block; flex-grow: 1; } .tab-horizontal ul li a { display: block; padding: 20px; font-size: 1.3rem; } .tab-horizontal ul li.is-active a { background: #fff; color: var(--color-secondary); font-weight: 700; } .screen-chat .btn--sticky { position: absolute; right: 160px; top: 20px; z-index: 10; } .col-list.col-list--full [class*="col-"] { padding: 0 15px; } .-no-padding { padding: 0 !important; } .-no-padding-tb { padding-top: 0 !important; padding-bottom: 0 !important; } /* [ added on 18 march 2019 */ .window { background: #fff; position: relative; display: flex; flex-wrap: nowrap; min-height: 300px; border: 1px solid #e5e5e5; border-radius: 8px; } .window__left { width: 400px; border-right: 1px solid #ddd; border-left: 1px solid #ddd; } .window__left .scrollbar { padding-right: 0 !important; max-height: 629px; min-height: 629px; } .window__left .scrollbar-track { right: 5px !important; } .window__right { width: calc(100% - 400px); position: relative; } .-style-uppercase { text-transform: uppercase; } .msg-list { width: 100%; display: flex; flex-wrap: nowrap; position: relative; padding: 15px; border-bottom: 1px solid #ddd; } .msg-list.is-active { background: rgba(0, 0, 0, 0.05); } .msg-list .msg-count { position: absolute; right: 20px; top: 15px; background: var(--color-primary); border-radius: 3px; color: #fff; font-size: 0.9rem; padding: 3px 6px; } .msg-list.is-read { color: #999; } .msg-list.is-read h6 { font-weight: normal; } .msg-list__action { position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: block; } .msg-list p { margin-bottom: 5px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .msg-list small { font-size: 95%; } .msg-list__left { width: 50px; } .window .avtar { width: 50px; height: 50px; } .msg-list__right { width: calc(100% - 50px); padding-left: 15px; } .message-details { position: relative; width: 100%; height: 100%; background: #fff; left: 0; right: 0; top: 0; bottom: 0; /*display: none*/ z-index: 9; } .message-container { padding: 20px 30px 30px; position: relative; } .message-container .scrollbar { /*max-height: 350px; min-height: 350px;*/ max-height: 380px; min-height: 320px; } .message-head { padding: 15px 30px 15px; border-bottom: 1px solid #ddd; position: relative; } .message-head h6, .message-head p { line-height: 1; } .message-head .msg-list { padding: 0; border-bottom: none; } .message-row { width: 100%; display: inline-block; padding: 4px 0 0; margin: 0 0 0; /* border-top:1px solid #d6d9db;*/ } .message-row .grid_1 { float: left; width: 50px; text-align: center; padding: 0 0; } .message-row .grid_1 .avtar { display: block; margin: 0 auto 10px; } .message-row .grid_1 .postedname { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block; } .message-row .grid_1 .postedname a { font-size: 15px; color: #0295fd; } .message-row .grid_1 .postedname span { font-size: 13px; color: #999; display: block; } .message-row .grid_2 { width: calc(100% - 50px); float: right; padding: 0 0 0 15px; } .message-row .secionreviews { display: inline-block; padding: 12px 15px; background: #4b5151; border-radius: 15px; position: relative; color: #333; margin: 0 0 10px; float: left; max-width: 80%; /* Prevent messages from being too wide */ word-wrap: break-word; /* Break long words if needed */ overflow-wrap: break-word; /* Modern property for word breaking */ white-space: normal; /* Ensure text wraps */ } .message-row .secionreviews p { color: white !important; margin: 0; font-size: 1.2rem; line-height: 1.4; /* Better line spacing */ word-break: break-word; /* Break long words */ hyphens: auto; /* Add hyphenation where appropriate */ text-align: left; /* Ensure consistent alignment */ } /* For right-aligned messages (your messages) */ .message-row.my-message .secionreviews { float: right; background: #25D366; /* Different color for your messages */ } /* Mobile responsiveness */ @media (max-width: 768px) { .message-row .secionreviews { max-width: 100%; /* Slightly narrower on mobile */ padding: 10px 12px; } } .message-row .secionreviews:before { border-bottom: 10px solid transparent; border-top: 10px solid transparent; border-right: 10px solid #4b5151; position: absolute; left: -10px; top: 14px; content: ""; } .message-row .datetext { text-transform: uppercase; font-size: 9px; color: #e1edf4; padding: 0 0 5px 5px; display: block; } .message-row.my-message .grid_1 { float: right; } .message-row.my-message .grid_2 { float: left; padding: 0 15px 0 0; } .message-row.my-message .datetext { float: right; clear: right; } .message-row.my-message .secionreviews { float: right; clear: right; background: #227E56FF; border: none; } .message-row.my-message .secionreviews:before { left: auto; right: -20px; border-left: 10px solid #227E56FF; border-right: 10px solid transparent; } .message-row.my-message .secionreviews:after { display: none; } .message-reply { padding: 10px 30px 0; border-top: 1px solid #ddd; } .message-reply textarea { height: 50px; } .message-reply .caption-wraper .field_label:empty { display: none; } .window__search { position: relative; padding: 20px 15px; border-bottom: 1px solid #ddd; min-height: 80px; } .window__search-field { border: 1px solid #ddd; border-radius: 8px; height: 40px; width: 100%; position: relative; display: block; line-height: 36px; padding: 0 20px; color: #666; font-size: 1.1rem; } .message-display--positioned.message-display { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; } .message-display--positioned.message-display .message-display__icon { opacity: 0.2; width: 100px; height: 100px; margin-bottom: 20px; } .window__search-form { position: absolute; left: 0; right: 0; top: 0; background: #fff; box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1); z-index: 10; padding: 50px 20px 20px; display: none; border: 1px solid #ddd; border-radius: 8px; } .window__search-form .form .field_label:empty { display: none; } .window__search-form .-link-close { z-index: 1; } @media (max-width: 1023px) { .window { display: block; } .window__left { width: 100%; } .window__right { width: 100%; position: static; } .message-display--positioned.message-display { display: none; } .message-details { position: fixed; top: 70px; z-index: 20; overflow-y: auto; overflow-x: hidden; } html.show-message-details { position: fixed; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; } .message-container { padding: 15px; } .message-reply { padding: 10px 15px 0; } .message-head { position: absolute; left: 0; right: 0; top: 0; background: #fff; z-index: 10; } .message-reply { position: absolute; left: 0; right: 0; bottom: 0; background: #fff; z-index: 10; } .message-reply .row:last-child .field-set { margin-bottom: 0; } .window__left .scrollbar { min-height: 1%; } .message-body { display: flex; flex-direction: column; justify-content: space-between; /*  height: calc(100% - 170px); */ height: 90%; width: 100%; overflow: auto; } } @media (max-width: 767px) { .message-head { padding: 15px; } .message-head [class*="col-"]:first-child { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .message-head [class*="col-"]:last-child { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .message-reply textarea { height: 60px; } } /* ] */ /* [ added on 22 march 2019 */ .calendar-view { background: #fff; padding: 20px; } .calendar-view [class*="col-"]:last-child { } .calendar-view .cal-status { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ align-items: center; margin-bottom: 10px; } .calendar-view p { margin: 0; } .calendar-view .fc-state-default { background: #fff; } .calendar-view .fc-state-disabled.fc-today-button.fc-button { cursor: default; } .calendar-view .fc button { height: 35px; } .calendar-view .fc-toolbar .fc-left h2 { font-size: 1.3rem; line-height: 35px; } .calendar-view .fc-unthemed th { padding: 30px 0 10px; /* border-color:#eee; */ } .calendar-view .fc-unthemed th.fc-axis.fc-widget-header { width: 46px !important; } .calendar-view .fc-unthemed td { /* border-color:#eee;  */ text-align: center; } .calendar-view .fc-unthemed .fc-today { background: #f9f5fe !important; font-weight: 700; color: var(--color-secondary); } .calendar-view .fc-unthemed .fc-today.fc-day-top { border-color: transparent !important; } .calendar-view .fc-unthemed .fc-today.fc-day { border-color: #eee !important; } .calendar-view .fc-unthemed .fc-row.fc-rigid .fc-content-skeleton { top: 10px; } .calendar-view .fc-unthemed .fc-more-cell { position: relative; } .calendar-view .fc-unthemed .fc-more-cell .fc-more { /* position:absolute;top:-70px;left:0;right:0; */ font-size: 0.9rem; font-weight: 700; color: var(--color-secondary); text-transform: uppercase; display: block; margin: 10px 0 0; } .calendar-view .fc-unthemed .fc-day-top .fc-day-number { float: none !important; } .calendar-view .fc-unthemed .fc-popover { padding: 15px; border-radius: 3px; box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.04); } .calendar-view .fc-unthemed .fc-popover .fc-header { padding: 0; background: #fff; margin-bottom: 10px; } /* .calendar-view .fc-more-popover .fc-event-container{padding:0;display: flex; flex-wrap: wrap;} */ .calendar-view .fc-event-container .fc-day-grid-event { background: var(--color-secondary); border: none; color: #fff; padding: 5px; text-align: left; } .calendar-view .fc-more-popover .fc-event-container { padding: 0; } .calendar-view .fc-more-popover .fc-event-container .fc-day-grid-event { background: var(--color-secondary); border: none; margin: 5px 0 0; } .calendar-view .fc-event-container .fc-day-grid-event .fc-content { color: #fff !important; } .calendar-view .fc-event-container .fc-day-grid-event .fc-content .avtar { float: left; margin-right: 10px; } .calendar-view .fc-day-grid-event .fc-time { font-weight: normal; text-transform: uppercase; padding: 0 0 0 10px; display: block; } .calendar-view .fc-day-grid-event .fc-title { font-weight: 600; display: block; font-size: 1rem; } .giftcard-cart.stickyCartMinimized.gift-cart-purchase { padding: 15px 11px; } .card-image { position: relative; font-size: 0.875em; font-weight: 600; border-radius: 3px; height: 340px; width: 100%; color: #fff; text-align: center; padding: 40px; background: var(--color-secondary); } .card-image:after { position: absolute; left: 15px; right: 15px; top: 15px; bottom: 15px; content: ""; border: 3px dashed #fff; pointer-events: none; } .card-image .gift-amount-large { font-size: 5rem; font-weight: 700; } .card-image .plan-text { text-transform: uppercase; font-size: 1.2rem; } .card-image .brand-logo { width: 150px; bottom: 20px; position: absolute; margin: 0 auto; left: 0; right: 0; text-align: center; padding: 10px; } .card-image .brand-logo img { display: inline-block; } .gift-block label { color: inherit; } .gift-block { position: relative; background: #fff; color: #fff; padding: 30px; } .gift-block:before { background: url(images/patterns.svg) repeat; background-size: auto; background-size: 24px 24px; opacity: 0.1; content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; pointer-events: none; } .gift-block .form input[type="submit"] { background: var(--color-primary); } .tooltipevent .btn { color: #fff !important; margin: 10px 0 0; } .tooltipevent { box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25); background: #fff; padding: 10px; border: 1px solid #e5e5e5; border-radius: 8px; line-height: 1.6; min-width: 280px; text-align: center; } .calendar-view #d_calendar td.fc-day.fc-past, .calendar-view #w_calendar td.fc-day.fc-past { background: #fff; } .calendar-view #d_calendar .past_current_day, .calendar-view #w_calendar .past_current_day { background: #f9f5fe !important; } .calendar-view .slot_available { background: rgba(6, 200, 134, 0.85) !important; font-size: 0.9rem; opacity: 1 !important; } .coupon-offers li { border: 1px dashed rgba(0, 0, 0, 0.3); padding: 10px; margin: 10px 0 0; } .coupon-offers li p { margin: 0; } .coupon-offers li .coupon-code { font-weight: 700; } .apply-coupon__target .heading3 { font-weight: 600; font-size: 1.3rem; } /* ] */ .errorlist.erlist_terms { position: absolute; top: 80%; } .fc-time-grid-event { padding: 5px; color: #fff !important; } .fc-time-grid-event.slot_available { padding: 5px; color: #000 !important; } .fld-date { background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI3OC40MTkgMjc4LjQxOSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjc4LjQxOSAyNzguNDE5IiB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4Ij4KICA8Zz4KICAgIDxnPgogICAgICA8cGF0aCBkPSJtMjM0LjkxNiwyNi4xMDJoLTM0LjgwMnYtOC43MDFjMC01LjIyLTMuNDgtOC43MDEtOC43MDEtOC43MDFzLTguNzAxLDMuNDgtOC43MDEsOC43MDF2OC43MDFoLTg3LjAwNXYtOC43MDFjMC01LjIyLTMuNDgtOC43MDEtOC43MDEtOC43MDEtNS4yMiwwLTguNzAxLDMuNDgtOC43MDEsOC43MDF2OC43MDFoLTM0LjgwMmMtMjQuMzYyLDAtNDMuNTAzLDE5LjE0MS00My41MDMsNDMuNTAzdjE1Ni42MTFjMCwyNC4zNjIgMTkuMTQxLDQzLjUwMyA0My41MDMsNDMuNTAzaDE5MS40MTNjMjQuMzYyLDAgNDMuNTAzLTE5LjE0MSA0My41MDMtNDMuNTAzdi0xNTYuNjExYzAtMjQuMzYyLTE5LjE0MS00My41MDMtNDMuNTAzLTQzLjUwM3ptLTIxNy41MTUsNDMuNTAzYy0xLjA2NTgxZS0xNC0xMy45MjEgMTIuMTgxLTI2LjEwMiAyNi4xMDItMjYuMTAyaDM0LjgwMnY4LjcwMWMwLDUuMjIgMy40OCw4LjcwMSA4LjcwMSw4LjcwMSA1LjIyLDAgOC43MDEtMy40OCA4LjcwMS04LjcwMXYtOC43MDFoODcuMDA2djguNzAxYzAsNS4yMiAzLjQ4LDguNzAxIDguNzAxLDguNzAxczguNzAxLTMuNDggOC43MDEtOC43MDF2LTguNzAxaDM0LjgwMmMxMy45MjEsMCAyNi4xMDIsMTIuMTgxIDI2LjEwMiwyNi4xMDJ2MjYuMTAyaC0yNDMuNjE4di0yNi4xMDJ6bTI0My42MTcsMTU2LjYxMWMwLDEzLjkyMS0xMi4xODEsMjYuMTAyLTI2LjEwMiwyNi4xMDJoLTE5MS40MTNjLTEzLjkyMSwwLTI2LjEwMi0xMi4xODEtMjYuMTAyLTI2LjEwMnYtMTEzLjEwOGgyNDMuNjE3djExMy4xMDh6IiBmaWxsPSIjMDAwMDAwIi8+CiAgICAgIDxwYXRoIGQ9Im02MC45MDQsMjI2LjIxNmM1LjIyLDAgOC43MDEtMS43NCAxMi4xODEtNS4yMiAzLjQ4LTMuNDggNS4yMi04LjcwMSA1LjIyLTEyLjE4MXMtMS43NC04LjcwMS01LjIyLTEyLjE4MWMtNi45Ni02Ljk2LTE3LjQwMS02Ljk2LTI0LjM2MiwwLTMuNDgsMy40OC01LjIyLDYuOTYtNS4yMiwxMi4xODEgMCwzLjQ4IDEuNzQsOC43MDEgNS4yMiwxMi4xODFzNi45NjEsNS4yMiAxMi4xODEsNS4yMnoiIGZpbGw9IiMwMDAwMDAiLz4KICAgICAgPHBhdGggZD0ibTYwLjkwNCwxNzQuMDEyYzUuMjIsMCA4LjcwMS0xLjc0IDEyLjE4MS01LjIyczUuMjItOC43MDEgNS4yMi0xMi4xODEtMS43NC04LjcwMS01LjIyLTEyLjE4MWMtNi45Ni02Ljk2LTE3LjQwMS02Ljk2LTI0LjM2MiwwLTMuNDgsMy40OC01LjIyLDYuOTYtNS4yMiwxMi4xODEgMCw1LjIyMSAxLjc0LDguNzAxIDUuMjIsMTIuMTgxczYuOTYxLDUuMjIgMTIuMTgxLDUuMjJ6IiBmaWxsPSIjMDAwMDAwIi8+CiAgICAgIDxwYXRoIGQ9Im0xMTMuMTA4LDIyNi4yMTZjNS4yMiwwIDguNzAxLTEuNzQgMTIuMTgxLTUuMjIgMy40OC0zLjQ4IDUuMjItOC43MDEgNS4yMi0xMi4xODFzLTEuNzQtOC43MDEtNS4yMi0xMi4xODFjLTYuOTYtNi45Ni0xNy40MDEtNi45Ni0yNC4zNjIsMC0zLjQ4LDMuNDgtNS4yMiw4LjcwMS01LjIyLDEyLjE4MXMxLjc0LDguNzAxIDUuMjIsMTIuMTgxYzMuNDgsMy40OCA2Ljk2MSw1LjIyIDEyLjE4MSw1LjIyeiIgZmlsbD0iIzAwMDAwMCIvPgogICAgICA8cGF0aCBkPSJtMTEzLjEwOCwxNzQuMDEyYzUuMjIsMCA4LjcwMS0xLjc0IDEyLjE4MS01LjIyIDMuNDgtMy40OCA1LjIyLTguNzAxIDUuMjItMTIuMTgxcy0xLjc0LTguNzAxLTUuMjItMTIuMTgxYy02Ljk2LTYuOTYtMTcuNDAxLTYuOTYtMjQuMzYyLDAtMy40OCwzLjQ4LTUuMjIsOC43MDEtNS4yMiwxMi4xODFzMS43NCw4LjcwMSA1LjIyLDEyLjE4MWMzLjQ4LDMuNDggNi45NjEsNS4yMiAxMi4xODEsNS4yMnoiIGZpbGw9IiMwMDAwMDAiLz4KICAgICAgPHBhdGggZD0ibTE2NS4zMTEsMjI2LjIxNmM1LjIyLDAgOC43MDEtMS43NCAxMi4xODEtNS4yMiAzLjQ4LTMuNDggNS4yMi02Ljk2IDUuMjItMTIuMTgxIDAtNS4yMjEtMS43NC04LjcwMS01LjIyLTEyLjE4MS02Ljk2LTYuOTYtMTcuNDAxLTYuOTYtMjQuMzYyLDAtMy40OCwzLjQ4LTUuMjIsOC43MDEtNS4yMiwxMi4xODFzMS43NCw4LjcwMSA1LjIyLDEyLjE4MSA2Ljk2MSw1LjIyIDEyLjE4MSw1LjIyeiIgZmlsbD0iIzAwMDAwMCIvPgogICAgICA8cGF0aCBkPSJtMTY1LjMxMSwxNzQuMDEyYzUuMjIsMCA4LjcwMS0xLjc0IDEyLjE4MS01LjIyczUuMjItNi45NiA1LjIyLTEyLjE4MWMwLTMuNDgtMS43NC04LjcwMS01LjIyLTEyLjE4MS02Ljk2LTYuOTYtMTcuNDAxLTYuOTYtMjQuMzYyLDAtMy40OCwzLjQ4LTUuMjIsOC43MDEtNS4yMiwxMi4xODFzMS43NCw4LjcwMSA1LjIyLDEyLjE4MSA2Ljk2MSw1LjIyIDEyLjE4MSw1LjIyeiIgZmlsbD0iIzAwMDAwMCIvPgogICAgICA8cGF0aCBkPSJtMjE3LjUxNSwyMjYuMjE2YzUuMjIsMCA4LjcwMS0xLjc0IDEyLjE4MS01LjIyIDMuNDgtMy40OCA1LjIyLTguNzAxIDUuMjItMTIuMTgxcy0xLjc0LTguNzAxLTUuMjItMTIuMTgxYy02Ljk2LTYuOTYtMTcuNDAxLTYuOTYtMjQuMzYyLDAtMy40OCwzLjQ4LTUuMjIsNi45Ni01LjIyLDEyLjE4MSAwLDMuNDggMS43NCw4LjcwMSA1LjIyLDEyLjE4MSAzLjQ4LDMuNDggNi45NjEsNS4yMiAxMi4xODEsNS4yMnoiIGZpbGw9IiMwMDAwMDAiLz4KICAgICAgPHBhdGggZD0ibTIxNy41MTUsMTc0LjAxMmM1LjIyLDAgOC43MDEtMS43NCAxMi4xODEtNS4yMnM1LjIyLTYuOTYgNS4yMi0xMi4xODFjMC0zLjQ4LTEuNzQtOC43MDEtNS4yMi0xMi4xODEtNi45Ni02Ljk2LTE3LjQwMS02Ljk2LTI0LjM2MiwwLTMuNDgsMy40OC01LjIyLDguNzAxLTUuMjIsMTIuMTgxczEuNzQsOC43MDEgNS4yMiwxMi4xODFjMy40OCwzLjQ4IDYuOTYxLDUuMjIgMTIuMTgxLDUuMjJ6IiBmaWxsPSIjMDAwMDAwIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K); background-repeat: no-repeat; background-position: calc(100% - 12px) 11px; background-size: 16px 16px; } .table--cols.table { border: 1px solid #eee; } .table--cols.table td { } .screen__center-content .btn { margin: 5px; } .box.box--faqs { margin-bottom: 30px; } .box.box--faqs:last-child { margin-bottom: 0; } .table .td__data .btn { margin: 5px 5px 5px 0; } .tab-data-container.tab-data-container-preview > .-padding-20 { background: #fff; } .tab-data-container.tab-data-container-preview .col-list-group:first-child { margin-top: 20px; } .box-bordered { border: 1px solid #eee; padding: 20px; position: relative; } .box-bordered:before { background: url(images/patterns.svg) repeat; background-size: auto; background-size: 24px 24px; opacity: 0.06; content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; pointer-events: none; } .iframe-box { position: relative; width: 100%; } .iframe-box:before { position: relative; padding-bottom: 75%; content: ""; display: block; } .iframe-box iframe { position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; } .fc-unthemed .fc-popover .fc-header .fc-close { margin-top: 0 !important; width: 40px; height: 40px; line-height: 40px; position: absolute; right: 0; top: 0; } .listing--selection li label .errorlist { order: 3; margin-left: 10px; } /****************************************** media queries *****************************************************/ @media (min-width: 1199px) { .table-cols td:first-child { width: 25%; } /*.nav ul > li > a:hover,.nav ul > li:hover > a{background: #fff; color: #333;z-index: 3;border-color: #333;}*/ .nav ul > li.nav__dropdown:hover > a { background: none; border-color: transparent; } .nav ul > li.nav__dropdown > a:hover:after, .nav ul > li.nav__dropdown:hover > a:after { border-top: 5px solid #333; } .nav.nav--vertical li a:hover { border-radius: 3px; } /*.header.is-fixed .nav.nav--primary > ul > li > a:hover{border-color: #333;}*/ .header.is-fixed .nav.nav--primary > ul > li.nav__dropdown > a:hover { border-color: transparent; } .box__slip-data { min-width: 300px; white-space: nowrap; } #left__fixed.stick { position: fixed; width: 376px; } .menu-vertical li a:hover { background: rgba(131, 55, 230, 0.03); } .nav__dropdown-target .menu-vertical { display: none; } .table-listing tr:hover { box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.1); margin: -5px; } .inline-action:hover { box-shadow: 1px 6px 6px 1px rgba(0, 0, 0, 0.05); } .blog-row:hover .blog__media { box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 40px 0px; transform: translateY(-10px); -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); } .blog__content h2 a:hover { color: var(--color-secondary); } .col-list--full.col-list [class*="col-"]:nth-child(2) { border-right: 1px solid #ddd; } .screen-chat .btn--sticky:hover { background: #fff; border-color: #fff; color: #000; } /* html.show-facebox{overflow:hidden;} */ } @media (min-width: 767px) { .table--cols.table td:first-child { padding-left: 15px; width: 25%; } } @media (max-width: 1599px) { .section--content .row { padding: 50px 0; } .section--page { padding: 30px 0; } .section--content { padding: 0; } .section--hiw:before { top: 115px; bottom: 50px; } .section--hiw .media { margin-top: 40px; } .is-landing .section--gray [class*="col-"]:last-child { padding-right: 150px; } .is-landing .section--gray [class*="col-"].col__content { padding-right: 15px; /*pading changes done here*/ /*Took default column padding*/ /*To overwrite property of padding-right for home page tabs section, mentioned in above*/ } .section--search, .section--listing { padding: 20px 0; } .section--hiw .col__content:before { top: 7px; } .section--slider { padding-bottom: 100px; } .section--lower { padding: 20px 0; } .section--content .icon { margin-bottom: 20px; } .section--content h2 { margin-bottom: 10px; } .avtars-list li .avtar { width: 50px; height: 50px; } .section--offset .icon { margin-top: -120px; } .section--nav, .section--blogs { padding: 0; } .blog-row { padding: 50px 0; } .blog-row h2 { font-size: 2.2rem; } .section--upper { margin: -80px 0 0; } } @media (min-width: 1199px) and (max-width: 1599px) { /* .page-panel__left,.page-panel__inner-r{width: 220px;} .page-panel__right,.page-panel__inner-l{width: calc(100% - 220px)} */ .menu-vertical li a { padding: 18px 15px 18px 55px; } .tabled .tabled__cell { padding: 15px; } .box--earning .row { display: block; } .box--earning .row > [class*="col-"] { display: block; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } /* .page-panel__inner-l .col-list .col-positioned {position: absolute;right: 10px;top: 10px;} .page-panel__inner-l .col-list [class*="col-"].col-positioned {text-align: right;} .page-panel__inner-l .schedule-list li {width: 50%;margin: 0 -2px;} .page-panel__inner-l .col-list [class*="col-lg-"]{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;} .page-panel__inner-l .col-list > .d-lg-flex{display: block!important;}  */ .screen__center-content { width: 95%; } } @media (max-width: 1199px) { .menu-vertical li a { padding: 16px 15px 16px 55px; } .nav__dropdown-target { min-width: 250px; } .menu-vertical li a { padding: 16px 15px 16px 55px; } .toggle--nav { display: inline-block; } .banner__content, .banner .slick-dots { margin: 0; left: 20px; z-index: 2; } .header { background: #fff; color: #333; padding: 10px 15px; box-shadow: 0 3px 5px 1px rgba(0, 0, 0, 0.07); z-index: 9999999999999999; } .is-landing .header { color: #333; } .nav.nav--primary > ul > li > a.btn { color: #fff; } .header .header__logo-white { display: none; } .header .header__logo-black { display: block; } .header .nav.nav--primary > ul > li.nav__dropdown > a { display: flex; align-items: center; gap: 5px; } .header .nav.nav--primary > ul > li.nav__dropdown > a:after { display: none; } .header__logo { width: 120px; /*  height: 50px; */ height: auto; margin: 0; } .nav.nav--primary-offset { bottom: 0; background: #fff; padding: 0; box-shadow: 0 0 10px rgba(51, 51, 51, 0.38); left: 0; margin: 0; overflow: auto; position: fixed; text-align: left; top: 0; transform: translate3d(-100%, 0px, 0px); -webkit-transform: translate3d(-100%, 0px, 0px); -ms-transform: translate3d(-100%, 0px, 0px); transition: all 300ms ease 0s; -webkit-transition: all 300ms ease 0s; -ms-transition: all 300ms ease 0s; opacity: 0; visibility: hidden; z-index: 11; width: 280px; } html.show-nav-js .nav.nav--primary-offset { opacity: 1; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px); visibility: visible; } html.show-nav-js, html.show-dashboard-js { left: 0; right: 0; top: 0; bottom: 0; } html.show-nav-js .overlay--nav { display: block; } .nav.nav--primary-offset > ul > li { display: block; border-bottom: 1px solid #eee; padding: 0; } .nav.nav--primary-offset > ul > li > a { padding: 0 15px; } .nav.nav--primary > ul > li.nav__dropdown > a.is-active:after { border-top: 5px solid transparent; border-bottom: 5px solid #333; top: 12px; } .subheader .nav.nav--primary > ul > li.nav__dropdown > a.is-active:after { border-bottom: 0px solid #333; } .nav.nav--primary-offset > ul > li .nav__dropdown-target { min-width: 100%; position: relative; box-shadow: none; border-top: 1px solid #eee; top: auto; right: auto; } .nav__dropdown-target { opacity: 1; visibility: visible; display: none; padding: 10px; top: 45px; right: 0; left: auto; } .banner__content h1 { margin-bottom: 0; font-size: 2rem; } body.is-landing .body, .body { } .media-group .media.media--small { right: 0; } .section--content .row:nth-child(2n) .media-group .media.media--small { left: 0; } .banner .slick-dots { bottom: 20px; } .section--content h2 br, .section--gray h2 br { display: none; } .section--content h2, .section--gray h2 { margin-bottom: 10px; } .tabs-vertical li a { padding-left: 60px; } .section--hiw:before { bottom: 20px; } .section--hiw .col__content:before { bottom: -30px; } .section--slider { padding-bottom: 100px; } .section--slider .quote__col-right { padding: 0 30px 0 30px; } .section--slider .slick-dots { position: relative; bottom: auto; } .tag-list li a { height: 30px; line-height: 30px; } .tag-list li a.tag__clickable:after { top: 5px; right: 5px; } .form-filters .form__element .svg-icon { left: 15px; } .form-filters .form__element:after { right: 14px; } .form-filters .form__element .form__input { padding-left: 40px; padding-right: 30px; } .section--listing, .section { padding: 30px 0; } .section--search { padding: 20px 0; } .filters { bottom: 0; background: #fff; padding: 0; box-shadow: 0 0 10px rgba(51, 51, 51, 0.38); left: 0; margin: 0; overflow: auto; position: fixed; text-align: left; top: 0; transform: translate3d(-100%, 0px, 0px); -webkit-transform: translate3d(-100%, 0px, 0px); -ms-transform: translate3d(-100%, 0px, 0px); transition: all 300ms ease 0s; -webkit-transition: all 300ms ease 0s; -ms-transition: all 300ms ease 0s; opacity: 0; visibility: hidden; z-index: 11; width: 280px; } html.show-filters-js .filters { opacity: 1; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px); visibility: visible; } html.show-filters-js { position: fixed; left: 0; right: 0; top: 0; bottom: 0; } html.show-filters-js .overlay--filters { display: block; } .form__element .form__target { min-width: 500px; } .tabled-box { margin: 0 -10px; } .tabled-box ul { width: 100%; display: table; table-layout: fixed; } .tabled-box ul li { display: table-cell !important; padding: 0 10px; } .box__slip { padding: 10px; } .video { height: 200px; } .video:before, .box__slip .video:before { padding-bottom: 0; } .video iframe { position: relative; left: auto; top: auto; bottom: auto; right: auto; } .-padding-30 { padding: 20px; } .banner__content.banner__content--centered { transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); text-align: center; max-width: 80%; right: 20px; margin: auto; } .section--hiw .col__content:before { bottom: -10px; top: 20px; } .-hide-responsive { display: none !important; } .vertical-links li a { padding: 15px 20px; } .box--faqs .box__footer .d-sm-block { display: inline-block !important; } .box--faqs .box__footer [class*="col-"]:last-child .btn { margin-top: 10px; } .nav.nav--primary > ul > li.nav__dropdown > a:after { right: 5px; } .nav.nav--primary.nav--primary-offset > ul > li.nav__dropdown > a:after { right: 15px; } .custom-colum__left { width: 100%; float: none; } .tab-swticher { max-width: 300px; margin: 0; display: table; } .custom-colum__middle { width: calc(100% - 260px); padding: 0 30px 0 0; } .page-panel__left { /* height: 100%; */ } .page-panel__right { width: 100%; padding: 0 0 0 0; } .page-panel__inner-l { float: left; width: 100%; /* width: calc(100% - 260px); */ padding: 0 30px; } .page-panel__inner-r { /* float: right; */ width: 260px; } .page-panel__inner-l .schedule-list li { /* width: 50%; */ /* margin: 0 -2px; */ } .page-panel__inner-l .col-list .col-positioned { position: absolute; right: 10px; top: 10px; } .page-panel__inner-l .col-list [class*="col-lg-"] { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .page-panel__inner-l .col-list > .d-lg-flex { display: block !important; } .banner__content.banner__content--centered { top: 50%; } /* [ blog css for resposive  */ .section--nav { padding: 0; } .nav-categories > ul > li { display: block; text-align: left; } .nav-categories > ul > li > a { padding: 10px; font-size: 1rem; } .nav-categories > ul > li > a.categories-toggle { display: none; margin: auto; } .nav-categories > ul > li > .categories-target { display: block !important; background: transparent; position: relative; box-shadow: none; padding: 0; left: auto; right: auto; top: auto; } .nav-categories .nav-subcategories li { float: none; width: 100%; display: inline-block; } .nav-categories { bottom: 0; background: #fff; padding: 0; box-shadow: 0 0 10px rgba(51, 51, 51, 0.38); left: 0; margin: 0; overflow: auto; position: fixed; text-align: left; top: 0; transform: translate3d(-100%, 0px, 0px); -webkit-transform: translate3d(-100%, 0px, 0px); -ms-transform: translate3d(-100%, 0px, 0px); transition: all 300ms ease 0s; -webkit-transition: all 300ms ease 0s; -ms-transition: all 300ms ease 0s; opacity: 0; visibility: hidden; z-index: 11; width: 350px; } html.show-categories-js .nav-categories { opacity: 1; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px); visibility: visible; } html.show-categories-js { position: fixed; left: 0; right: 0; top: 0; bottom: 0; } html.show-categories-js .overlay--blog { display: block; } .form-search { position: relative; width: 100%; display: inline-block; } .banner .form-search form { width: calc(100% - 60px); float: right; padding-left: 20px; } .blog-row h2 { font-size: 2rem; } .section--blogs { padding: 0; } .blog-row { padding: 40px 0; } .form-search.form-search--blog { padding: 15px; background: #fff; border: 1px solid #e5e5e5; display: block; } .form-search.form-search--blog:after { display: block; clear: both; content: ""; } .form-search.form-search--blog .form__input { border: 1px solid #e5e5e5; } .form-search.form-search--blog .form__input { border-top: 1px solid #e5e5e5 !important; } .banner .form-search.form-search--blog { padding: 0; background: none; min-width: 600px; border: none; } .banner .blog-toggle { display: block; } .section--upper { margin: 0; padding: 60px 0; } /* blog css ]  */ .section--offset .icon { margin-top: 0; } .screen, body.is-screen-on { top: auto; position: relative; bottom: auto; left: auto; right: auto; } .screen .screen__left { position: relative; height: 740px; right: auto; left: auto; top: auto; bottom: auto; } .screen .screen__right { position: relative; width: 100%; top: auto; bottom: auto; left: auto; right: auto; border: none; padding: 0 0; margin: 20px 0 0; } .screen .screen__right .page-head { border-top: none; } .form-search.form-search--single form { width: 100%; padding: 0; } .screen { padding: 0 4px 4px; background: none; } .tabs-inline li { margin: 0 8px; } .offset-min-12 { margin-left: 33.333333%; } .box.box--preview .offset-min-12 { margin-left: 0; } .form input[type="submit"], .form input[type="button"], .form input[type="reset"] { padding: 0 20px; } .box--cta .btn.btn--block { width: auto; display: inline-block; padding: 0 30px; } .fc-view-container { overflow: auto; } .fc-view-container .fc-view { width: 1000px; } .fc-view-container .fc-view .fc-body .fc-row { min-height: 10em; } } @media (max-width: 1023px) { .-clear-right, .-clear-left { clear: none !important; float: none !important; } .section--content [class*="col-"] { min-height: 400px; } .section--hiw:before, .section--hiw .col__content:before, .section--slider .container--fixed:before, .section--slider .container--fixed:after { display: none; } .section--hiw .col__content { padding: 15px; background: #f3f2f5; margin-top: 20px; } .section--hiw .media { margin: 0; } .section--slider { background: #f3f2f5; } .section--slider .quote__col-right { padding: 30px 15px 0; } .section.section--hiw { padding-bottom: 0; } .section--slider { padding-bottom: 50px; } .box__slip { width: 70%; } .section.section--details .box.box--toggle:last-child { margin-bottom: 30px; } .-float-left, .-float-right { float: none !important; } .page-panel__inner-l { float: none; width: 100%; padding: 0 0 0; } .page-panel__inner-r { /* float: none; */ /* width: 100%; */ } .box__count { float: right !important; } .table-listing .listing__desc { max-width: 500px; } .schedule-list li { /* width: 50%; */ /* margin: 0 -2px; */ } /* .col-list .col-positioned { position: absolute; right: 10px; top: 10px; } */ .preview.preview--profile { margin-bottom: 20px; } .tabs-inline ul, .tabs-small ul { overflow-x: auto; overflow-y: hidden; white-space: nowrap; } .blog-row h2 { font-size: 1.5rem; } .blog__content { padding-left: 0; } /* [ blog css for resposive  */ .form-search.form-search--blog .blog-toggle { display: block; } .form-search form { width: calc(100% - 60px); float: right; padding-left: 20px; } .blog-filters { bottom: 0; background: #fff; padding: 0; box-shadow: 0 0 10px rgba(51, 51, 51, 0.38); left: 0; margin: 0; overflow: auto; position: fixed; text-align: left; top: 0; transform: translate3d(-100%, 0px, 0px); -webkit-transform: translate3d(-100%, 0px, 0px); -ms-transform: translate3d(-100%, 0px, 0px); transition: all 300ms ease 0s; -webkit-transition: all 300ms ease 0s; -ms-transition: all 300ms ease 0s; opacity: 0; visibility: hidden; z-index: 11; width: 350px; } html.show-categories-js .blog-filters { opacity: 1; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px); visibility: visible; } html.show-categories-js { position: fixed; left: 0; right: 0; top: 0; bottom: 0; } html.show-categories-js .overlay--blog { display: block; } .form-search.form-search--blog + .-gap { display: none; } .form-search.form-search--blog { border-bottom: none; } /*  blog css for resposive ] */ .gift-block { padding: 20px; } .box.box--preview .offset-min-12 { margin-left: 33.333333%; } body.is-message-view-active { position: fixed; left: 0; top: 0; bottom: 0; right: 0; } .box.box--narrow .-float-right { float: right !important; } .div-login-form .-float-right { float: right !important; } .message-reply textarea { height: 50px; } } @media (max-width: 767px) { .section--content .row { padding: 50px 0; } .section--footer { padding: 0; } .section--footer .container, .section--footer .container [class*="col-"] { padding: 0; } .section--footer .container .row { margin: 0; } .footer .toggle__trigger { width: 100%; display: inline-block; position: relative; text-align: left; position: relative; cursor: pointer; font-size: 1.1em; text-transform: uppercase; padding: 15px 10px 15px 15px !important; color: #fff; background: var(--color-black); border-radius: 6px; margin-inline: 1px; } .footer .toggle__trigger:before, .settings-group .btn.btn--bordered-inverse:before { position: absolute; right: 15px; top: 18px; width: 10px; height: 10px; content: ""; border-left: 2px solid rgba(255, 255, 255, 1); border-bottom: 2px solid rgba(255, 255, 255, 1); transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } .footer .toggle__trigger.is-active:before, .settings-group .btn.btn--bordered-inverse.is-active:before { top: 19px; transform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); } .footer .toggle__target { display: none; padding: 10px 15px 10px 15px; } .nav.nav--actions > ul > li { /* margin: 0 0 0 4px; */ padding: 0; } .nav.nav--actions > ul > li > a:not(.website-dashboard-switcher-btn, .sign-in-btn) { width: 40px; height: 40px; position: relative; font-size: 0; padding: 0; } .nav.nav--actions > ul > li > a img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 60%; } /* .nav.nav--primary > ul > li.nav__dropdown.nav__dropdown--notification { margin-left: 5px; margin-right: 5px; } */ .nav.nav--primary > ul > li.nav__dropdown > a { padding-right: 0; } .nav.nav--actions > ul > li { position: static; } .nav.nav--actions > ul > li .nav__dropdown-target .nav--vertical { width: 100%; } .nav.nav--actions > ul > li .nav__dropdown-target .nav--vertical li a { font-size: 1rem; padding: 15px; } .nav.nav--vertical .custom-nav-dropdown-items { gap: 1px; } .nav.nav--vertical .settings-nav-menu-item { margin-top: 1px; } .nav.nav--actions > ul > li .nav__dropdown-target { right: 30px; /* top: 0; */ /* bottom: 0; */ z-index: 100; /* padding: 50px 0 20px 0; */ overflow-y: auto; overflow-x: hidden; } body[dir="rtl"] .nav.nav--actions > ul > li .nav__dropdown-target { right: unset !important; left: 30px; } html.show-dropdown-js { position: fixed; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; } .list-container { padding-bottom: 10px; } .settings { margin: 1px 0 0 0; } .settings-group { margin: 0 0; } .settings-group .btn.btn--bordered-inverse { background: var(--color-secondary); color: #fff; text-align: left; font-weight: 600; text-transform: uppercase; border-color: transparent; border-radius: 0; padding: 0 15px; } /*.show-setting-js .settings-group{position: fixed;left: 0;right: 0;top: 0; bottom: 0;z-index: 100;background: #fff;padding: 50px;display: block;} .settings-group .btn.btn--bordered-inverse{color: #333; border-color: #333;} .settings{margin: 0 0 10px 0;} .settings .settings__target{bottom: auto;position: relative;left: auto;right:auto;border: 1px solid #333;margin: 10px 0;text-align: center;}*/ .banner__content { position: relative; top: auto; max-width: 100%; margin: -4px 0 0; transform: translate(0, 0); -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); left: auto; background: #333; padding: 20px; text-align: center; } .search-form input[type="submit"] { position: relative; right: auto; top: auto; margin: 10px 0; height: 40px; line-height: 40px; width: 100%; } .search-form input[type="text"] { text-align: center; height: 40px; } .banner:after { display: none; } .search-form { /*  max-width: 300px; margin: auto;*/ } .section.section--content .media-group { max-width: 70%; } .section--content .icon { margin-bottom: 20px; } .section--content [class*="col-"] { min-height: 250px; } .media-group .media.media--small { right: 20px; width: 50%; } .section--content .row:nth-child(2n) .media-group .media.media--small { left: auto; right: 20px; } .section--content .row { padding: 50px 0; } .section--content .icon { width: 80px; height: 80px; } .section--content .icon img { width: 50%; } .gototop { background: var(--color-primary); box-shadow: 0 2px 10px rgba(232, 76, 61, 0.6); -moz-box-shadow: 0 2px 10px rgba(232, 76, 61, 0.6); -webkit-box-shadow: 0 2px 10px rgba(232, 76, 61, 0.6); } .box--narrow { min-width: 1%; } .box--narrow { padding: 20px; } .form__element .form__target { min-width: 1%; } .box-list__head { display: block !important; } .box-list__head .btn--fav { margin: 10px 0; } .box__description { min-height: 1%; } .section--search { padding: 20px 0; } .box__slip { width: 100%; text-align: left; z-index: 1; } .form-search .form__element .form__input { border-top: none; } .form-filters .form__element:first-child input { border-bottom: none; } .form-filters .form__element { width: 100%; float: none; } .form-filters .form__element:first-child input { border-right: 1px solid #e5e5e5; } .form-filters .form__element:after { right: 26px; } .content-repeated [class*="col-"]:last-child { padding-left: 15px; } .content-repeated .avtar + h6 + p { margin-bottom: 25px; } .-small-title { font-size: 1.15rem; } .box__body-target { display: none; } .box.box--toggle { margin: 10px 0 0; } .box .box__head { padding: 15px; } .box__head-trigger { padding-right: 40px; cursor: pointer; position: relative; } .box__head-trigger:after { position: absolute; right: 20px; top: 15px; content: "+"; font-size: 1.6rem; line-height: 1; } .box__head-trigger.is-active:after { content: "-"; } .offset-min-12 { width: auto; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .box--medium { padding: 20px; min-width: 1%; } .flex-container { width: 600px; } #facebox .box--medium .box__body { overflow-x: auto; } .floated-list li:first-child { display: block; } .banner__content.banner__content--centered { transform: translate(0, 0); -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); right: auto; } .section--icons .icon-col { margin-top: 20px; text-align: center; } .section--icons .icon { float: none; margin: auto; } .accordian__title { padding: 20px 50px 20px 20px; line-height: 1.6; } .accordian__body { padding: 0 20px 20px 20px; } .accordian__title:before { right: 10px; top: 16px; } .section--footer { padding-bottom: 0; } .team:first-child .team__media { margin-top: 0; } .form-container { padding: 20px; } .address-container { padding-top: 30px; text-align: center; } .address-box:nth-child(2) { margin-top: 30px; } .section .section__head { padding-bottom: 10px; } .tabs-gray ul { display: block; overflow: auto; flex-wrap: nowrap; white-space: nowrap; margin: 0 0 20px; } .tabs-gray ul li { display: inline-block; white-space: normal; margin: 0; } .tabs-gray ul li a img { position: relative; top: 16px; } .box--faqs .box__footer { text-align: center; padding: 25px; } .box--faqs .box__footer [class*="col-"] { background: rgba(0, 0, 0, 0.04); padding: 15px; } .box--faqs .box__footer [class*="col-"]:last-child { padding-top: 20px; } .nav.nav--actions > ul > li.nav__dropdown.nav__dropdown--account > a { margin-inline-start: 8px; } .nav.nav--actions > ul > li.nav__dropdown.nav__dropdown--account > a img { width: 100%; height: 100%; } .-padding-30 { padding: 15px; } .calendar-scroll { overflow: auto; } .calendar-scroll .calendar { width: 650px; } .col-list .col-positioned { position: relative; right: auto; top: auto; padding-top: 0; } .col-list .avtar + h6 { font-size: 1.4rem; } .list-container .list p { font-size: 1rem; } .section--page { padding: 20px 0; } .tab-swticher { max-width: 300px; margin: auto; display: table; } . .custom-colum__left { width: 100%; float: none; } .custom-colum__middle { padding: 0; width: 100%; float: none; } .-padding-20 { padding: 15px; } .custom-colum__right { float: none; width: 100%; } .page-head h1 { font-size: 1.5rem; } .page-filters { padding: 15px 15px 0; margin-bottom: 20px; } .tab-swticher-small.tab-swticher .btn { padding: 0 15px; min-width: 1%; } .select-box .select-box__value { line-height: 1.4; } .select-box .select-box__value:after { margin-top: -3px; } .col-list [class*="col-"].col-positioned { text-align: left; } .col-list [class*="col-"].col-positioned .select-box { padding-left: 115px; } .nav.nav--primary-offset > ul > li > a { font-size: 1.2rem; height: 45px; line-height: 45px; } .select-box.select-box--small .select-box__value:after { top: 16px; } .direction { margin: 0 0 0 5px; } .select-box.select-box--small .select-box__value { padding-right: 30px; } .select-box.select-box--small { margin-left: 5px; } .calender-actions .select-box.select-box--small { float: right; } .page-panel__inner-r { padding-top: 20px; } .menu-vertical li.-show-responsive { display: block !important; } .box__data { padding: 0; } .row--actions { margin: 0 -5px; } .row--actions .btn { padding: 0 5px; margin-top: 10px; } .row--actions [class*="col-"] { padding: 5px; } .h1-heading { font-size: 2rem; } .grids-wrap .wrap { padding: 15px; height: auto; margin-bottom: 20px; } .grids-wrap .wrap h4 { font-size: 1.2rem; } .table-listing .listing__desc { max-width: 100%; overflow: visible; white-space: normal; text-overflow: inherit; line-height: 1.6; } .table-listing tr { display: inline-block; width: 100%; background: #fff; margin: 0 0 10px 0; } .table-listing td { display: inline-block; width: 100%; padding: 15px; } .table-listing td.td--check { width: auto; padding-right: 0; padding-bottom: 0; } .table-listing td.td--avtar { width: auto; padding-bottom: 0; } .controls li a, .controls li > span { padding: 12px; } .list-container__footer { padding: 10px; } .page-panel__inner-l .col-list .col-positioned { position: relative; right: auto; top: auto; } .page-panel__inner-l .schedule-list li { width: 100%; margin: 0; } .load-more .btn { margin-top: 0; } .page-heading { font-size: 1.4rem; } .section-head { padding-bottom: 15px; } .row--addons { padding-bottom: 20px; } .row--addons [class*="col-"] { width: 50%; } .row--addons [class*="col-"]:last-child { width: 100%; } .data-group p { font-size: 1rem; } .box--minheight { min-height: 1%; } .inline-icon { width: 16px; height: 16px; } .attachment-file { padding-left: 25px; } .section--offset .icon { margin-top: 20px; } .banner .form-search { min-width: 1%; } .section--nav { padding: 0; } .section--blogs { padding: 0; } /* [ blog css for resposive  */ .blog-row { padding: 20px 0; } .blog-row .btn.btn--large { height: 40px; line-height: 40px; font-size: 1rem; min-width: 1%; } .blog__content { padding-left: 0; } .blog-row h2 { font-size: 1.3rem; } .blog__actions .blog__action { margin-bottom: 10px; vertical-align: top !important; } .blog__actions .blog__action .inline-icon, .blog__subtitle .inline-icon { width: 20px; height: 20px; } .blog__actions + .-gap { height: 5px; } .blog__content h2 { margin-bottom: 10px; margin-top: 10px; } .blog__subtitle { font-size: 0.9rem; } .nav-categories { width: 280px; } .blog__actions { margin-top: 15px; } .comments-list .avtar { position: relative; left: auto; top: auto; float: left; margin: 0 15px 0 0; width: 40px; height: 40px; line-height: 40px; } .comments-list { padding: 0 0 15px 0; border: none; border-bottom: 1px solid #ddd; margin: 20px 0 0; } .comments-list .date { float: none; font-size: 0.85em; margin: 0 0 0; display: block; } .comments-list .comment__desc { width: 100%; display: inline-block; } .comments-list.comments-list--replied { margin: 0; padding: 10px; } .comments-list .avtar:before { font-size: 1.1em; } .form--comments { padding: 20px; } .banner .form-search.form-search--blog { min-width: 1%; } /*  blog css for resposive ]  */ .box-list__head .btn--fav { font-size: 1rem; } .grid-group .grid span { padding: 6px 10px; } .grid-group .grid { padding-bottom: 10px; } .grid-group { margin-bottom: 10px; } .box-list__body .grid-group .grid span strong { word-break: break-all; } .banner__content.banner__content--centered { max-width: 100%; } .label-select { padding: 15px 15px 15px 15px; } .label-select label h6 { padding: 0 0 0 30px; } .label-select .checkbox, .label-select .radio { left: 15px; top: 12px; } .listing-cell { margin-top: 15px; } .listing-cell ul li .btn { margin-top: 8px; } .screen .screen__left { height: 680px; } .card-image { height: 260px; margin-bottom: 20px; } .card-image .gift-amount-large { font-size: 4rem; } .table--cols.table td { padding: 0 0 5px; } .table--cols.table tr { padding: 15px; } #frm_fat_id_frmBlogContribution.form .field_label:empty { display: none; } .col-list [class*="col-"]:first-child { border-right: 0; } .box-bordered .form.form--small { margin: 5px 0 10px; } .section--lower { padding: 10px 0; } .social-links { margin: 0; } .table tr:last-child { border-bottom: none; } .field_label { min-height: 1%; } .tab-swticher .btn:last-child { border-radius: 0 2px 0 0; } .tab-swticher .btn:first-child { border-radius: 2px 0 0 0; } .schedule-list li { /* padding-bottom: 8px; */ } .schedule-list li:last-child { padding-bottom: 0; } .window__search { border-top: 2px solid var(--color-secondary); } .screen__center-content { width: 95%; } .box--faqs .box__footer [class*="col-"]:last-child .btn { margin-top: 0; } .schedule-list li:nth-child(2) { /* padding-left: 60px;*/ } .section--content { padding: 0; } .tabled-box { margin-bottom: 25px; } .tabled-box ul li { display: block !important; } .sort-by { margin: 0 0 10px; } } .box__profile-head { padding: 10px 30px; } @media (max-width: 600px) { .box-list, .box__profile-head { text-align: center; } .box__profile-head .avtar { margin-bottom: 20px; } .box__profile-head .location { display: table; margin: 10px auto 0; } .txt-inline .txt-inline__tag.last { margin: 5px 0 0; display: block; } .box-list__head { margin: 15px 0; } .tick-listing.tick-listing--onehalf li { width: 100%; margin-right: 0; } .sort-form [class*="col-"] { margin-bottom: 15px; } .offset-min-12 { margin-left: 0; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .box__calender li .time { min-width: 50px; } .box--faqs .box__footer .d-sm-block { display: block !important; margin-bottom: 10px; } .schedule-list li { width: 100%; } .page-controls, .page-controls .-align-right { text-align: left !important; } .page-controls .-txt-normal { padding-left: 0; } .controls { margin-bottom: 20px; } .controls:first-child { margin-right: 10px; } .row--addons [class*="col-"] { width: 100%; } .row--addons [class*="col-"] .field_label { min-height: 1%; } .row--addons [class*="col-"] .inline-action { width: 100%; } .blog__content { padding-top: 20px; } .grid-group { margin: 0 0 15px; } /*New added in Language page*/ .inline-action.inline-action--minus, .inline-action.inline-action--add { width: 100%; } /* [ blog css for resposive  */ .row.row--cols [class*="col-"].-align-right { text-align: left !important; } .box__footer .social--share { margin-top: 20px; } /* blog css for resposive ]  */ .listing-cell ul li { padding: 10px 0 0; width: 100%; } .timer { display: inline-block; margin: 15px 0 15px; } .screen-chat .btn--sticky { position: relative; right: auto; top: 0; display: table; border-color: var(--color-secondary); color: var(--color-secondary); margin: 10px auto 0; } .box.box--preview .offset-min-12 { margin-left: 0; } } .page-content-container { width: 100%; padding-inline: 120px; padding-block: 80px; /* line-height: 1 !important; */ } .page-content-container * { /* line-height: 1 !important; */ } @media (max-width: 400px) { .box-list .box-list__body .btn.btn--bordered { min-width: 200px; margin: 0 5px; display: block; } .page-content-container { padding-inline: 10px; padding-block: 20px; } /*.select-box.select-box--small{margin: 15px 0 0;} .direction{float: right;}*/ .-block-on-mobile { display: block; text-align: center; } .direction { margin: 10px 0 5px; } .calender-actions .select-box.select-box--small { margin-top: 10px; } /*.row--actions [class*="col-"]{padding-top:10px; -ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}*/ /* [ blog css for resposive  */ .blog-filters { width: 280px; } /* blog css for resposive ]  */ .tab-swticher-small.tab-swticher { margin-left: 10px; } } @media (max-width: 500px) { .row--actions.row { width: 100%; display: block; } .row--actions.row [class*="col-"] { width: 100%; display: block; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row--actions .btn { width: 100%; display: block; } .tab-swticher { max-width: 100%; margin: auto; display: flex; } .tab-swticher .btn { float: none; } .box--cta .btn.btn--block { width: 100%; display: block; padding: 0 10px; } .box--faqs .box__footer [class*="col-"]:last-child .btn { margin-top: 10px; } .schedule-list li:nth-child(2) { padding-left: 0; } } @media (min-width: 400px) { .page-content-container { padding-inline: 15px; padding-block: 20px; } } @media only screen and (min-width: 1200px) { .page-content-container { padding-inline: 50px; padding-block: 65px; } } @media only screen and (min-width: 1440px) { .page-content-container { padding-inline: 80px; padding-block: 80px; } } @media only screen and (min-width: 1600px) { .page-content-container { padding-inline: 130px; padding-block: 50px; } } .jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content { overflow: hidden !important; } .construction-message-wrapper { display: flex; align-items: center; justify-content: center; height: 100%; margin: 0 0 30px 0; } .construction-message { margin: 0 auto; text-align: center; } .svg-maintenance { width: calc(40.5% + 0.3vw); height: auto; margin: 30px 0; } .svg-maintenance .-color-secondary { stroke: var(--color-secondary); } .svg-maintenance .-color-primary { stroke: var(--color-primary); } /*==============================OVERWRITE CSS FROM OTHERS========================*/ .checkbox .input-helper:after { border-bottom-color: var(--color-main); border-left-color: var(--color-main); } .radio .input-helper:after { background-color: var(--color-main); background-color: var(--color-main); } .box-language .col:first-child { margin-bottom: 10px; } /*===========================Increasing languages======================*/ .box-language .language, .border-box .language, .my_teacher_langauges .language { display: inline-block; position: relative; margin: 0; width: 100%; } .box-language .language span, .border-box .language span, .my_teacher_langauges .language span { float: left; line-height: 24px; margin: 0px 3px; position: relative; font-size: 0.9rem; } .my_teacher_langauges .language span:first-child { margin-left: 0; } .my_teacher_langauges .language ul li span.plus { margin-left: 5px; } .box-language .language span.main-language:after { content: ","; position: absolute; } .box-language .language span.main-language:last-child:after { content: ""; } .box-language .language ul, .border-box .language ul, .my_teacher_langauges .language ul { margin-left: 0px; } .box-language .language .more_listing ul:after, .border-box .language .more_listing ul:after, .my_teacher_langauges .language .more_listing ul:after { content: ""; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid var(--color-secondary); content: " "; position: absolute; top: -7px; right: 11px; } .box-language .language ul li, .border-box .language ul li, .my_teacher_langauges .language ul li { position: relative; } .box-language .language .plus, .my_teacher_langauges .language .plus { background: var(--color-secondary); border-radius: 3px; padding: 0px 9px; font-weight: 600; color: #fff; font-size: 16px; float: left; cursor: pointer; height: 24px; position: relative; line-height: 24px; } .border-box .language .plus { background: var(--color-secondary); border-radius: 3px; padding: 1px 9px; font-weight: 600; color: #fff; font-size: 16px; float: left; cursor: pointer; height: 32px; position: relative; line-height: 32px; } .box-language .language .more_listing, .border-box .language .more_listing, .my_teacher_langauges .language .more_listing { display: none; width: 150px; position: absolute; left: 0px; padding-top: 35px; } .box-language .language ul li:hover .more_listing, .border-box .language ul li:hover .more_listing, .my_teacher_langauges .language ul li:hover .more_listing { display: block; } .box-language .language .more_listing ul, .border-box .language .more_listing ul, .my_teacher_langauges .language .more_listing ul { background: var(--color-secondary); margin-top: 20px; z-index: 555; border-radius: 2px; margin: 0px; position: relative; padding: 6px; } .box-language .language .more_listing li a, .border-box .language .more_listing li a, .my_teacher_langauges .language .more_listing li a { color: #fff; display: block; padding: 5px 7px; } .border-box .language span { background: var(--color-grey-light); padding: 3px 6px; font-size: 0.857rem; color: var(--color-dark); margin: 0 5px; } .border-box .box-body .tags .language li { background: transparent; padding: 0px; color: var(--color-dark); margin: 0px; } .border-box .language .more_listing { padding-top: 45px; } .my_teacher_lang_heading { display: inline; } .language .more_listing ul li a { word-break: break-all; } /*==========================New CSS for button with new class=================*/ .btn--status-correct { background: #14892c; } .btn--status-correct:hover { background: #24c843; } .btn--status-top { background: #f79232; } .btn--status-top:hover{ background: #e69f5e; } .myTeacherTable .profile-info__right { width: 100%; } .field_resp_block a { margin-left: 5px; } .field_cover label.field_resp_block { display: block; } .field_cover label.field_resp_block { display: block; } .field_cover label.field_resp_block span i::before { top: -2px !important; } #body .box #paymentDiv .label-select label span i:before { top: 0px !important; } /*************/ .footer .settings .settings__target { z-index: 99; } .btn_faq { margin-top: 10px; } .user_url_string { margin-top: 10px; margin-bottom: 0; } .moreTextHide, .lessTexthide { display: none; } .link-color { color: var(--color-primary); } .readMore { float: right; } .links--vertical.footer_contact_details li { font-size: 0.96rem !important; color: #fff !important; } .messageCheckbox { text-align: right; margin-top: 15px; } .IssueBlockquote { border-left: 3px solid; border-color: var(--color-primary); padding-left: 15px; margin-bottom: 30px; } .IssueBlockquote h6 { margin-bottom: 15px; } .IssueBlockquote ul { list-style: disc; list-style-position: inside; } .IssueBlockquote ul li { padding: 3px; } .text-right { text-align: right; } .issueReportLink { margin-top: 20px; } .issueReportLink a { color: #fff; font-size: 1.2rem; } /* .isuueOptions { max-height: 300px; overflow-y: auto; } */ .issueDetailPopup { overflow-y: auto; } .col-list-container { position: relative; } .links--vertical.footer_contact_details li { font-size: 0.857rem !important; color: #fff !important; display: flex; line-height: 1.5; } .links--vertical.footer_contact_details li img { margin-right: 10px; } @media (max-width: 767px) { .links--vertical.footer_contact_details li { color: var(--color-dark) !important; } } #loaderCalendar { position: absolute; width: 100%; background: rgba(255, 255, 255, 0.5); height: 100%; z-index: 9; display: flex; align-items: center; justify-content: center; } ul.actions li { margin: 0 10px 4px 0; } .loader { width: 90px; height: 90px; } .box-hint { width: 15px; height: 15px; border: 1px solid #dcdcdc; display: inline-block; margin-right: 10px; margin-left: 10px; line-height: 1; } .available-box { background: rgba(20, 224, 110, 0.3); } .disabled-box { background: #d9d9d9; } .booked-box { background: var(--color-secondary); } html.show-facebox body { overflow-y: hidden; } .calendar-view .fc-toolbar .fc-left h6 { color: #519cea; margin-right: 0 !important; } .calendar-view .fc-toolbar .fc-left h6 .timer { margin: 0; } .calendar-view .fc-toolbar .fc-right h2 { font-size: 1.3rem; line-height: 35px; } @media (max-width: 992px) { .col-list .col-positioned { position: relative; right: auto; top: auto; padding-top: 0; } } @media (max-width: 1024px) { .message-container .scrollbar { overflow-y: auto; max-height: 467px; padding-top: 80px; } } @media (max-width: 1024px) { .tooltipevent { left: 50% !important; top: 50% !important; transform: translate(-50%, -50%) !important; -moz-transform: translate(-50%, -50%) !important; -webkit-transform: translate(-50%, -50%) !important; } /* html.show-dashboard-js .overlay { */ /* display: none; */ /* } */ } /* added on 23rd July 2020  */ .profile-progress { font-weight: 500; font-size: 13px; color: #000; } .progress--top { display: flex; width: 100%; padding-bottom: 4px; justify-content: space-between; } .progress-wrapper { max-width: 180px; } .search-lesson-listing strong { font-weight: 500; font-size: 13px; } strong.span-right { font-weight: 500; font-size: 13px; } .schedule-list .timer .label { font-weight: 500; font-size: 13px; } .terms_wrap label { display: inline-block; } .fc-toolbar.fc-header-toolbar { margin-top: 20px; } .calendar-view .fc-toolbar .fc-left h6 { padding-top: 5px; } .ml-0 { margin-left: 5px; } .timer-head { font-size: 2.2rem; margin-bottom: 25px; color: #fff; } @media screen and (min-width: 1200px) and (max-width: 1599px) { .schedule-list .timer .span-right { flex-direction: column; align-items: flex-end !important; text-align: right; } .schedule-list .timer .span-right .label { margin-right: 0; padding-right: 0; } /* .col-list-container .col-list [class*="col-"] { padding: 15px 5px; } */ } @media screen and (max-width: 767px) { ul.actions { justify-content: space-between; padding-top: 15px; } ul.actions li { margin: 0 10px 4px 0; } .progress-wrapper { margin: 10px 0; } .schedule-list .timer .span-right { align-items: flex-start !important; justify-content: flex-start !important; padding-left: 0; } .schedule-list .timer .span-right .label { padding-left: 5px; line-height: 60px; } } @media screen and (max-width: 575px) { .alert a { display: block; margin-top: 5px; } .progress-wrapper { flex-wrap: wrap; } .progress-wrapper .profile-progress { width: 100%; } .progress-wrapper .progress { width: 200px; } .profile-progress { padding-right: 0; padding-bottom: 10px; } .calendar-view .fc-toolbar .fc-right { float: left; margin-top: 10px; } .fc-toolbar.fc-header-toolbar { margin-top: 10px; } } @media screen and (max-width: 400px) { .terms_wrap label { margin-bottom: 10px; } } .google-btn { display: flex; justify-content: flex-start; align-items: center; background: #4285f4; color: #ffff; font-size: 14px; font-weight: 600; height: 46px; max-width: 191px; margin: auto; padding-right: 10px; } .google-btn span { display: inline-flex; padding-left: 5px; } .group.group--social a .google-btn img { width: auto; } .group.group--social a { width: 50%; height: 40px; display: flex; align-items: center; padding: 0 8px; border-radius: 2px; font-weight: bold; } .group.group--social .btn--social-fb.btn { width: 184px; display: inline-block; height: 46px; margin-top: 0; margin-right: 15px; float: none; } .group.group--social a.google-login { width: 100%; height: 50px; display: flex; align-items: center; justify-content: center; padding: 0 20px; border-radius: 8px; font-weight: bold; background-color: #4285f4; color: #fff; text-decoration: none; border: none; transition: all 0.3s ease; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); } .group.group--social a.google-login:hover { background-color: #357abd; transform: translateY(-2px); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); } .group.group--social a.google-login svg { width: 40px; height: 40px; margin-right: 12px; margin-left: 12px; } .group.group--social a span { font-size: 15px; font-weight: 700; } /* .group.group--social a span {*/ /*  transform: translateX(-20px); !* Moves 4px to the left *!*/ /*}*/ .apple-login svg { transform: translateX(-4px); } body[dir="rtl"] .apple-login svg { transform: translateX(8px); } .group.group--social a.apple-login { width: 100%; height: 50px; display: flex; align-items: center; justify-content: center; padding: 0 20px; border-radius: 8px; font-weight: bold; background-color: #000000; color: #fff; text-decoration: none; border: none; transition: all 0.3s ease; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); margin-top: 10px; } .group.group--social a.apple-login:hover { background-color: #191818; transform: translateY(-2px); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); } .apple-login svg { width: 40px; height: 40px; margin-left: 5px; } @media screen and (max-width: 1220px) { .group.group--social .btn--social-fb.btn { margin-right: 5px; } } @media screen and (max-width: 1200px) { .group.group--social .btn--social-fb.btn, .group.group--social a { display: block; } .group.group--social .btn--social-fb.btn { margin-bottom: 10px; } } .loading-wrapper { background: rgba(0, 0, 0, 0.65); width: 100vw; height: 100vh; position: fixed; top: 0; z-index: 1000; bottom: 0; left: 0; right: 0; } .loading-wrapper .loading { width: 100px; height: 80px; position: fixed; top: 50%; left: 50%; margin-top: -40px; margin-left: -50px; } .loading-wrapper .loading .inner { -webkit-animation: rotate 0.8s linear infinite; animation: rotate 0.8s linear infinite; margin-top: 20px; border-radius: 50%; width: 50px; height: 50px; position: absolute; } .loading-wrapper .loading .rotate-one { left: 50%; margin-left: -25px; border-top: 2px solid #fff; } .loading-wrapper .loading .rotate-two { top: -10px; left: 30px; border-left: 2px solid #fff; } .loading-wrapper .loading .rotate-three { top: -10px; right: 30px; border-right: 2px solid #fff; } @-webkit-keyframes rotate { 0% { -webkit-transform: rotateZ(0deg); } 100% { -webkit-transform: rotateZ(360deg); } } @keyframes rotate { 0% { -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg); } } /* Demo header  */ .sticky-demo-header .demo-header { background: #fff; position: -webkit-sticky; position: sticky; top: 0; z-index: 99; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 2rem; line-height: 4rem; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); } .sticky-demo-header .demo-header .restore-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } .sticky-demo-header .demo-header .restore-wrapper > a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 10px 0; } .sticky-demo-header .demo-header .restore-wrapper .restore__counter { padding: 0px 8px; font-size: 1rem; color: var(--color-secondary); margin: 0.1rem 0; font-weight: 800; line-height: 1; letter-spacing: 4px; } .sticky-demo-header .demo-header .restore-wrapper .restore__progress { display: -webkit-box; display: -ms-flexbox; display: flex; height: 4px; width: 100%; overflow: hidden; font-size: 0.75rem; background-color: #e9ecef; border-radius: 2rem; margin: 0.25rem 0; max-width: 96px; } .sticky-demo-header .demo-header .restore-wrapper .restore__progress-bar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; text-align: center; white-space: nowrap; background-color: var(--color-secondary); -webkit-transition: width 0.6s ease; transition: width 0.6s ease; } .sticky-demo-header .demo-header .restore-wrapper .restore__content { font-size: 0.675rem; color: #525252; font-weight: 600; margin-bottom: 0.25rem; line-height: 1.5; } .sticky-demo-header .demo-header .btn-primary { color: #fff; background-color: #007bff; border-color: #007bff; } .sticky-demo-header .demo-header .btn.btn-outline-primary { background: none; border-color: var(--color-secondary); color: var(--color-secondary); border: 1px solid; } .demo-cta { display: flex; align-items: center; } .sticky-demo-header .header { padding: 0; } .sticky-demo-header .main-bar { padding: 20px 0; } .sticky-demo-header .header { position: sticky; position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; z-index: 10; top: 0; width: 100%; background: #fff; border-bottom: none; border-bottom: solid 1px #dee2e6; } .sticky-demo-header .body { padding: 0; } .close-layer { z-index: 2; position: absolute; right: 10px; top: 10px; width: 32px; height: 32px; opacity: 0.3; -webkit-transition: all 300ms; transition: all 300ms; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .close-layer:hover { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 1; } .close-layer:before, .close-layer:after { position: absolute; left: 15px; content: " "; height: 18px; width: 2px; background-color: #000; } .close-layer:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .close-layer:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .close-layer.close-layer--white:before, .close-layer.close-layer--white:after { background-color: #fff; } .demo-cta .close-layer { position: relative; right: auto; top: auto; -webkit-margin-start: 1rem; -moz-margin-start: 1rem; margin-left: 1rem; } /*--------27-11-2020--------*/ .terms_wrap .errorlist.erlist_agree { bottom: -10px; } .timer-block .actions { margin-left: 10px; margin-right: 10px; } /*-------end--------*/ @media (max-width: 1199px) { .sticky-demo-header .demo-header { display: none; } } .banner--main:after { position: absolute; left: 0; right: 0; top: 0; content: ""; height: 100%; pointer-events: none; z-index: 1; opacity: 0.7; background: -moz-linear-gradient( right, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100% ); background: -webkit-linear-gradient( right, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100% ); background: linear-gradient( to right, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100% ); width: 70%; } /*-------------12/10/2020----------*/ .google__Sync { text-align: center; padding: 16px 25px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); border: 1px solid #e9e8eb; border-radius: 5px; } .google__Sync p { font-size: 14px; margin-bottom: 8px; } .google__Sync a { display: inline-block; } .group--social a.google-login svg { height: 18px; width: 18px; margin-right: 24px; } .group--social a span, .group--social a { font-size: 14px; color: #fff; } .group.group--social .google-login { background: #4285f4; padding: 0 2px; } .group--social .facebook-login { background-color: #28589c; color: #fff; } .group--social .facebook-login svg { fill: #fff; height: 25px; width: 25px; margin-right: 24px; } .group--social a.google-login svg { height: 36px; width: 36px; margin-right: 15px; padding: 9px 9px; background: #fff; border-radius: 2px; } @media (max-width: 1199px) { .group.group--social a { width: 100%; display: flex; } } @media (max-width: 767px) { } @media (max-width: 576px) { .group--social { flex-direction: column; } .group.group--social a { margin-bottom: 10px; } .group--social a { margin-right: 0px; } } /*----------end----------*/ /*-----------------26/2/2021-----------------*/ .fat-tab .tab { display: none; position: relative; } .fat-tab .tab-active { display: block; } .fat-tab .tab-group ul { display: flex; } .tab-group li.is-active { background: var(--color-secondary); z-index: 1; } .tab-group li.is-active a { color: #fff; } .tab-group li { padding: 8px 17px; margin: 0 -3px; border-radius: 5px; width: 73px; background-color: var(--color-grey-light); text-align: center; } .tab-group li a { font-size: 13px; color: var(--color-grey); font-weight: 600; } .fat-tab .box-head { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--color-grey-light); } .fat-tab .box-head h4 { margin-bottom: 0; } .Lprice__wrapper { color: var(--color-dark); } .Lprice__wrapper .Lprice-head { margin-bottom: 10px; padding: 20px 20px 0; } .Lprice__wrapper .Lprice-body li { position: relative; } .Lprice__wrapper .Lprice-body li a { display: flex; justify-content: space-between; align-items: center; padding: 0px 20px; height: 30px; } .Lprice__wrapper .Lprice-body li .Lprice-price { font-weight: 600; color: inherit; background: #fff; padding: 0 0 0 12px; z-index: 1; line-height: 30px; } .Lprice__wrapper .Lprice-body li .Lprice-lang { background: #fff; padding: 0 12px 0 0; position: relative; text-overflow: ellipsis; overflow: hidden; line-height: 30px; display: block; white-space: nowrap; max-width: 130px; } .Lprice-body li:before { content: ""; position: absolute; width: calc(100% - 40px); height: 1px; bottom: 0; left: 50%; background: #dedede; transform: translateX(-50%); } .Lprice-btn { display: flex; justify-content: space-between; flex-wrap: wrap; padding: 20px; padding-top: 0; } .Lprice-btn a.btn { width: calc(100% - 53%); text-align: center; font-weight: bold; font-size: 14px; padding: 0 12px; } .btn.btn-outline-primary { background: none; border: 1px solid var(--color-primary); color: var(--color-primary); } #style-4::-webkit-scrollbar-track { background-color: #f2f2f2; } #style-4::-webkit-scrollbar { width: 5px; background-color: #d9d9d9; } #style-4::-webkit-scrollbar-thumb { background-color: #d9d9d9; } /* .custom-scrollbar { max-height: 224px; overflow-y: scroll; padding-right: 12px; } */ .Lprice-cover { margin-bottom: 30px; } .Lprice__wrapper:last-child, .Lprice__wrapper .Lprice-body li:last-child { margin-bottom: 0; } .Lprice__wrapper .Lprice-body li:hover { background: #e9e8eb; } .Lprice__wrapper .Lprice-body li:hover .Lprice-lang, .Lprice__wrapper .Lprice-body li:hover .Lprice-price { background: #e9e8eb; } .Lprice-btn .btn-outline-primary:hover { color: var(--color-primary); background: transparent; border-color: var(--color-primary); } .box--sticky { position: sticky; top: 88px; } .footer-dropdown { max-height: 200px; } @media (min-width: 1199px) { .custom-scrollbar { max-height: 250px; } .custom-scrollbar + div .scrollbar-track { right: 10px !important; height: 250px; } .custom-scrollbar + div .scrollbar-track .scrollbar-handle { height: 50px; } } @media (max-width: 1199px) { .custom-scrollbar { max-height: 300px; overflow: auto; } } .currency-dropdown, .language-dropdown { max-height: 200px; overflow: auto; margin-right: 20px; margin-left: 20px; } .currency-dropdown li a, .language-dropdown li a { border: none !important; color: #333 !important; font-size: 16px !important; font-style: normal !important; font-weight: 300 !important; line-height: normal !important; } .currency-dropdown li a:hover, .language-dropdown li a:hover, .currency-dropdown li.is-active a, .language-dropdown li.is-active a { color: #e84c3d !important; } /* .tooltipevent{ top: 50%; } */ /* 11-17-2021 */ .calendar-view .fc-unthemed td .fc-scroller { overflow: auto !important; height: auto !important; } .calendar-view .fc-view-harness { height: auto !important; min-height: 400px; } .calendar-wrapper .calendar-view .fc-view { position: relative !important; } .popup { } .calendar-view .fc .fc-scroller-liquid-absolute { position: relative; } .calendar-view .fc-header-toolbar { flex-wrap: wrap; justify-content: center !important; } .calendar-view .fc-header-toolbar .fc-toolbar-chunk:last-child { flex: 0 0 100%; max-width: 100%; padding-top: 20px; position: relative; } .calendar-view .fc-header-toolbar .fc-toolbar-chunk:first-child { margin-left: 0 !important; margin-right: 25px; } @media (max-width: 767px) { .calendar-view .fc-header-toolbar .fc-toolbar-chunk:first-child { margin-right: 0; } } .calendar-view .fc-header-toolbar .fc-toolbar-chunk .fc-button-group { display: inline-block; border: none; width: 100%; padding: 0; position: relative; } .calendar-view .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-button:first-child { float: left; } .calendar-view .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-button:last-child { float: right; } .calendar-view .fc-header-toolbar .fc-toolbar-chunk .fc-today-button { position: absolute; left: 50%; transform: translatex(-50%); margin-left: 0; } #facebox .calendar-view { margin: 0 auto; width: 94% !important; } .availability-calendar #facebox .close:not(.close-scrollable) { display: none; } .availability-calendar .calendar-view__head { padding-top: 80px; } .fc .fc-timegrid-slot-minor { border-top-style: solid !important; } .fc-theme-standard td, .fc-theme-standard th, .fc-theme-standard .fc-scrollgrid { border-color: #e5e5e5 !important; } .availability-calendar .fc .fc-view-harness-active > .fc-view { max-width: 800px; margin: 0 auto; position: relative; } .availability-calendar #facebox .content { max-height: 85vh !important; } #facebox .content { border-radius: 16px; } .availability-calendar #facebox .close.close-scrollable { margin-top: 20px; z-index: 2; border-radius: 8px; } #facebox .close.close-scrollable { position: relative; background-color: var(--color-secondary); transition: none !important; top: 0; right: 0; display: block; float: right; width: 26px; height: 35px; margin-left: 10px; margin-right: 10px; } #facebox .close.close-scrollable:after { font-size: 2rem; line-height: 2.75rem; color: #fff; } ul.listing--selection.isuueOptions { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 0 40px; } .listing--vertical.isuueOptions li { margin: 0 0 15px 0; } @media (max-width: 1199px) { ul.listing--selection.isuueOptions { display: block; } } .reportissue-popup ~ .close { display: none !important; } .content.facebox-medium.reportissue-popup { overflow: auto; } .calendar-wrapper .calendar-view__head { padding-left: 0; padding-right: 0; } .sticky-sidebar { position: sticky; top: 90px; } .reportissue-popup .form .field_label:empty { display: none; } @media (max-width: 767px) { .calendar-view { /* padding: 0px; */ } .calendar-view .cal-status { margin-right: 5px; } #facebox .calendar-view { width: 92% !important; } .calendar-view #calendar-container { margin-bottom: 20px; } .availability-calendar #facebox .close.close-scrollable { margin-top: 10px; } } .monthly-calendar.calendar-view .fc-view { position: relative !important; } .issueReportedTextarea { height: 60px; } /* .calendar-view .fc-v-event{ min-height: 60px; } */ .calendar-view .fc-v-event .fc-event-main { padding: 2px !important; } .fc-timegrid-event .fc-event-time { white-space: normal !important; text-align: center !important; color: #f5f9fe !important; font-size: 12px !important; font-style: normal !important; font-weight: 700 !important; line-height: 12px !important; } .fc .fc-scrollgrid { border-radius: 8px; } .fc-col-header-cell-cushion { color: #333; text-align: center; font-size: 12px; font-style: normal; font-weight: 600; line-height: 15px; } .fc-timegrid-slot-label-cushion.fc-scrollgrid-shrink-cushion { color: #333; font-size: 14px; font-style: normal; font-weight: 700; line-height: 12px; } .fc-scrollgrid-section-header td { border-radius: 0 8px 0 0 !important; } .fc-scrollgrid-section.fc-scrollgrid-section-body.fc-scrollgrid-section-liquid td { border-radius: 0 0 8px 8px !important; } .fc .fc-scrollgrid th { overflow: hidden !important; } .fc-direction-ltr .fc-timegrid-col-events { margin: 0 !important; padding-bottom: 1px !important; /* z-index: 0 !important; */ } .fc-timegrid-event { border-radius: 0 !important; margin-bottom: 2px !important; } .fc-v-event .fc-event-title { font-size: 0.85em; text-align: left; } /* 21072023 */ .sticky-action-btn { width: 60px; height: 60px; display: flex; justify-content: center; align-items: center; background-color: #25d366; color: #fff; border-radius: 50%; position: fixed; right: 20px; bottom: 20px; box-shadow: 0 0 12px rgba(0, 0, 0, 0.2); z-index: 99; } .sticky-action-btn a { padding: 0.25rem; color: currentColor; } .sticky-action-btn a svg { fill: currentColor; } .select-all-lessons-checkbox { width: 25px; height: 25px; margin-right: 5px; margin-left: 5px; vertical-align: middle; } .lesson-checkbox { width: 20px; height: 20px; vertical-align: middle; } /* ===================================== General ============================================== */ .custom-btn-primary { width: 100% !important; height: 35px !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 5px !important; border-radius: 6px !important; background: #3d91e8 !important; color: white !important; border: none !important; padding: 8px 24px !important; cursor: pointer !important; margin: 0 !important; line-height: inherit !important; white-space: nowrap !important; } .custom-btn-primary:hover { background: #3a75af !important; } .custom-btn-outline { width: 100% !important; height: 35px !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 5px !important; border-radius: 6px !important; background: #fff !important; border: 1px solid #3d91e8 !important; color: #3d91e8 !important; padding: 8px 24px !important; cursor: pointer !important; margin: 0 !important; line-height: normal !important; white-space: nowrap !important; } .custom-btn-outline:hover { background: #f5f9fe !important; } .custom-btn-tonal { width: 100% !important; height: 35px !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 5px !important; border-radius: 6px !important; background: #f0f8fe !important; border: none !important; color: #6ab5f0 !important; padding: 8px 24px !important; cursor: pointer !important; margin: 0 !important; line-height: normal !important; white-space: nowrap !important; } .custom-btn-tonal:hover { background: #f5f9fe !important; } .custom-btn-text { display: flex !important; width: 100% !important; padding: 8px !important; background: transparent !important; justify-content: center !important; align-items: center !important; gap: 8px !important; color: #3d91e8 !important; font-size: 16px !important; font-style: normal !important; font-weight: 600 !important; line-height: normal !important; margin: 0 !important; white-space: nowrap !important; } /* Bootstrab Btn Ovverides */ .btn, input[type="submit"], input[type="button"], input[type="reset"], input[type="file"] { border-radius: 6px !important; height: 35px !important; padding: 8px 12px !important; font-size: 16px !important; font-style: normal !important; font-weight: 600 !important; line-height: unset !important; white-space: nowrap !important; cursor: pointer !important; } .btn:hover { background-color: #79797a !important; } .btn.btn--secondary:hover { background-color: #f5f9fe !important; } .btn.is-active:hover { background-color: #3d91e8 !important; } .btn.btn--primary:hover, input[type="submit"]:hover { background-color: #3a75af !important; } input[type="reset"]:hover { background-color: #535252 !important; } .btn.btn--danger:hover { background-color: #fd6767 !important; } body[dir="rtl"] .btn, body[dir="rtl"] input[type="submit"], body[dir="rtl"] input[type="button"], body[dir="rtl"] input[type="reset"], body[dir="rtl"] input[type="file"] { line-height: normal !important; } input[type="submit"]:not(.form__action) { background-color: var(--color-primary) !important; } input[type="submit"]:hover { background-color: #3a75af !important; } .btn--secondary { border: 1px solid #3d91e8 !important; background-color: transparent !important; color: #3d91e8 !important; } .tab-swticher .btn:first-child { border-radius: 16px 0 0 16px !important; } .tab-swticher .btn:last-child { border-radius: 0 16px 16px 0 !important; } .dashboard-pages-header-actions { display: flex; align-items: center; gap: 10px; } @media (max-width: 550px) { .dashboard-pages-header { flex-direction: column; justify-content: center; gap: 20px; } .dashboard-pages-header h1 { font-size: 2rem; } } @media (max-width: 400px) { .page-panel__right { padding: 8px !important; } .dashboard-header { padding: 20px 5px !important; } } .website-dashboard-switcher-btn-container { display: flex !important; align-items: center; justify-content: center; } .website-dashboard-switcher-btn.dash-btn { border: 1px solid #e84c3d; color: #fff !important; display: flex !important; align-items: center; justify-content: center; gap: 8px; padding-inline-start: 8px; padding-inline-end: 8px; border-radius: 6px !important; background: #e84c3d !important; font-size: 16px; font-style: normal; font-weight: 600; } .website-dashboard-switcher-btn.web-btn { background-color: transparent; border: 1px solid #e5e5e5; border-radius: 6px !important; color: #333 !important; display: flex !important; align-items: center; justify-content: center; gap: 8px; padding-inline-start: 8px; padding-inline-end: 8px; font-size: 16px; font-style: normal; font-weight: 600; } .website-dashboard-switcher-btn.dash-btn:hover { background-color: #fd6767 !important; } .website-dashboard-switcher-btn.web-btn:hover { background-color: #fff !important; } .custom-box { display: flex; padding: 16px 24px; flex-direction: column; align-items: flex-start; gap: 8px; align-self: stretch; border-radius: 8px; background: #fff; box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.25); } .custom-box .box_title { color: #333; font-size: 22px; font-style: normal; font-weight: 600; line-height: normal; margin-bottom: 8px; } /* ================================= Checkout =============================== */ .order-review-box { } .order-review-box .content { width: 100%; display: flex; padding: 8px; flex-direction: column; align-items: flex-start; gap: 24px; align-self: stretch; border-radius: 8px; border: 2px solid #e5e5e5; background: #fff; } .order-review-box .content .teacher-info { display: flex; align-items: center; gap: 12px; } .order-review-box .content .teacher-info .profile-img { width: 60px; height: 60px; border-radius: 50%; overflow: hidden; } .order-review-box .content .teacher-info img { width: 100%; height: 100%; } .order-review-box .content .teacher-info .name { color: #333; font-size: 20px; font-style: normal; font-weight: 700; line-height: normal; } .order-review-box .content .order-details { width: 100%; display: flex; flex-direction: column; align-items: flex-start; gap: 24px; flex: 1 0 0; border-radius: 8px; background: #ecf5fd; padding: 8px; } .order-review-box .content .order-item { display: flex; align-items: center; gap: 8px; } .order-review-box .content .order-item .item-name { color: #333; font-size: 18px; font-style: normal; font-weight: 700; line-height: normal; } .order-review-box .content .order-item .item-value { color: #333; font-size: 18px; font-style: normal; font-weight: 400; } .billing-summary .box_title { } .billing-summary #financialSummaryListing { width: 100%; } .billing-summary .item-key { color: #757575; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; } .billing-summary .item-key.total { color: #333; font-size: 28px; font-weight: 700; } .billing-summary .values { color: #333; font-size: 20px; font-style: normal; font-weight: 400; line-height: normal; text-align: end; } .billing-summary .values.total { font-size: 26px; font-weight: 700; } body:not([dir="rtl"]) .apply-coupon__target .custom-btn-primary { border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-top-left-radius: 0; border-bottom-left-radius: 0; width: 100%; /* takes full width of its container (80px) */ height: 100% !important; align-items: center; justify-content: right; gap: 5px; background: #3d91e8; cursor: pointer; } body[dir="rtl"] .apply-coupon__target .custom-btn-primary { border-top-left-radius: 8px; border-bottom-left-radius: 8px; border-top-right-radius: 0; border-bottom-right-radius: 0; width: 100%; /* takes full width of its container */ height: 100% !important; align-items: center; justify-content: center; gap: 5px; background: #3d91e8; cursor: pointer; } .coupon-apply-btn { border-radius: 0 8px 8px 0 !important; } body[dir="rtl"] .coupon-apply-btn { border-radius: 8px 0 0 8px !important; } .coupon-code-input { border-radius: 8px 0 0 8px !important; } body[dir="rtl"] .coupon-code-input { border-radius: 0 8px 8px 0 !important; } .tabs-gray li.is-active { background: #f7f7f7; border: 1.3px solid var(--color-primary); } /* =========================== Dashboard ============================= */ .menu-vertical-footer { background-color: #092b4e; margin-bottom: 100px; } .menu-vertical-footer .separator { height: 1px; width: 185px; background-color: #e5e5e5; margin: 24px auto; } .dashboard-page-container { display: flex; } .dashboard-page-container .page-panel__right { width: 100%; padding: 0 24px 32px 24px; } .dashboard-page-container .page-panel__right .page-panel__inner-l { width: 100%; /* padding: 32px 24px; */ /* border-radius: 16px; */ /* border: 2px solid #e5e5e5; */ /* background: #fff; */ } .dashboard-header { position: relative; background-color: transparent; background: transparent; color: #333; padding: 20px 15px; z-index: 999; } .custom-drop-btn { height: auto !important; } .custom-drop-btn:hover { background-color: #191818 !important; } .custom-drop-btn.is-active:hover { background-color: #191818 !important; } .lessons-page-cards-list-container { background-color: #fff; padding: 16px; border-radius: 16px; border: 2px solid #e5e5e5; } .lessons-page-cards-list-container .page-filters { border: none; } .lessons-page-cards-list-container .page-filters .col-md-12 { padding: 0; } .lessons-page-cards-list-container .col-list-group h6 { color: #333; font-size: 20.571px; font-style: normal; font-weight: 700; margin-bottom: 16px; text-wrap: auto; } .recorded-label { position: absolute; top: 8px; left: 8px; background-color: #00ba34; color: white; padding: 5px 10px; border-radius: 16px; font-weight: bold; font-size: 12px; text-align: center; z-index: 2; } body[dir="rtl"] .recorded-label { left: unset; right: 8px; } .dashboard-lessons-card-container { display: flex; padding: 16px 24px; justify-content: space-between; align-items: center; gap: 24px; align-self: stretch; border-radius: 16px; border: 1px solid #e5e5e5; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25); } .dashboard-lessons-card-container .avatar-name-section { display: flex; align-items: center; justify-content: center; gap: 16px; padding: 0; padding-inline: 24px; height: 100%; } .dashboard-lessons-card-container .avatar-name-section .name-location { white-space: nowrap; } .dashboard-lessons-card-container .avatar-name-section .name-location p { margin: 0; min-width: 100px; } .dashboard-lessons-card-container .avatar-name-section h6 { color: #333; font-size: 20.571px; font-style: normal; font-weight: 500; margin-bottom: 5px; } .dashboard-lessons-card-container .avatar-name-section p { display: flex; align-items: center; color: #333; font-size: 12px; font-style: normal; font-weight: 400; text-wrap: auto; } .dashboard-lessons-card-container .right-section { display: flex; flex-direction: column; justify-content: space-between; gap: 16px; padding: 0; width: 100%; } .dashboard-lessons-card-container .details-section { padding: 25px 0 0 25px; } .dashboard-lessons-card-container .details-section .schedule-list ul { display: flex; align-items: start; justify-content: space-between; gap: 10px; } .dashboard-lessons-card-container .details-section .schedule-list ul li { /* display: flex; justify-content: center; gap: 8px; */ /* text-wrap: nowrap; */ } .dashboard-lessons-card-container .details-section .schedule-list ul li:first-child { /* display: flex; justify-content: start; gap: 8px; */ /* text-wrap: nowrap; */ } .dashboard-lessons-card-container .details-section .schedule-list ul li:last-child { /* display: flex; justify-content: end; gap: 8px; text-wrap: nowrap; */ } .dashboard-lessons-card-container .details-section .schedule-list ul li .item-name { display: flex; align-items: start; gap: 5px; color: #333; font-size: 20px; font-style: normal; font-weight: 400; line-height: normal; padding-right: unset; } .dashboard-lessons-card-container .details-section .schedule-list ul li .item-value { color: #000; font-size: 16px; font-style: normal; font-weight: 400; color: #333; font-size: 18.2px; font-style: normal; font-weight: 700; display: flex; align-items: start; } .dashboard-lessons-card-container .details-section .schedule-list ul li .item-value.special-col-alignment { align-items: start; justify-content: start; flex-direction: column; } .dashboard-lessons-card-container .details-section .schedule-list ul li .item-value h4 { color: #333; font-size: 18px; font-style: normal; font-weight: 700; text-wrap: nowrap; line-height: 25.48px; } .dashboard-lessons-card-container .details-section .schedule-list ul li .item-value h5 { color: #000; font-size: 16px; font-style: normal; font-weight: 400; white-space: nowrap; } .dashboard-lessons-card-container .actions-section { display: flex; flex-direction: column; gap: 16px; } body[dir="rtl"] .dashboard-lessons-card-container .actions-section{ position: unset !important; left: unset !important; top: unset !important; max-width: unset !important; } .dashboard-lessons-card-container .actions-section .schedule-list ul li { text-align: end; } .dashboard-lessons-card-container .actions-section .actions li a { display: flex; align-items: center; gap: 8px; } .dashboard-lessons-card-container .actions-section .actions { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; } @media (min-width: 1001px) and (max-width: 1440px) { .dashboard-lessons-card-container .details-section .schedule-list .item-name svg { width: 25px !important; height: 25px !important; } .dashboard-lessons-card-container .details-section .schedule-list .item-name, .dashboard-lessons-card-container .details-section .schedule-list .item-value, .dashboard-lessons-card-container .details-section .schedule-list .item-value h4 { font-size: 14px !important; line-height: 26px !important; } .dashboard-lessons-card-container .details-section .schedule-list ul li .item-value h5 { font-size: 12px; } .dashboard-lessons-card-container .actions-section .actions li a span { font-size: 14px !important; } } @media (min-width: 1001px) { .dashboard-lessons-card-container .right-section { gap: 20px; } } @media (max-width: 1750px) { .dashboard-lessons-card-container .details-section .schedule-list ul { flex-wrap: wrap !important; } } @media (max-width: 1000px) { .recorded-label { left: unset; right: 8px; } body[dir="rtl"] .recorded-label { right: unset; left: 8px; } .dashboard-lessons-card-container .details-section .schedule-list .item-name svg { width: 25px !important; height: 25px !important; } .dashboard-lessons-card-container .details-section .schedule-list .item-name, .dashboard-lessons-card-container .details-section .schedule-list .item-value, .dashboard-lessons-card-container .details-section .schedule-list .item-value h4 { font-size: 11px !important; line-height: 16px !important; } .dashboard-lessons-card-container .details-section .schedule-list ul li .item-value h5 { font-size: 12px; } .dashboard-lessons-card-container { display: flex; padding: 12px; justify-content: space-between; align-items: flex-start; gap: 24px; /* flex-direction: column; */ } /* .dashboard-lessons-card-container .details-section .schedule-list ul { flex-direction: column; align-items: start; justify-content: space-between; gap: 10px; } */ .dashboard-lessons-card-container .details-section .schedule-list ul li { /* justify-content: start !important; */ } .dashboard-lessons-card-container .actions-section .actions li { margin: 0 !important; } .dashboard-lessons-card-container .actions-section .actions li a span { font-size: 12px !important; } .lessons-page-cards-list-container .col-list-group h6 { font-size: 16px; } } @media (max-width: 768px) { .dashboard-lessons-card-container .details-section { padding: 0 !important; } .dashboard-lessons-card-container .details-section .schedule-list .item-name svg { width: 20px !important; height: 20px !important; } .dashboard-lessons-card-container .details-section .schedule-list ul li { /* justify-content: start !important; gap: 20px; */ } .dashboard-lessons-card-container .details-section .schedule-list .item-name, .dashboard-lessons-card-container .details-section .schedule-list .item-value, .dashboard-lessons-card-container .details-section .schedule-list .item-value h4 { font-size: 12px; } .dashboard-lessons-card-container .details-section .schedule-list ul li .item-value h5 { font-size: 12px; } .dashboard-lessons-card-container { display: flex; padding: 12px; justify-content: space-between; align-items: flex-start; gap: 24px; flex-direction: column; } .dashboard-lessons-card-container .details-section .schedule-list ul { flex-direction: column; align-items: start; justify-content: space-between; gap: 10px; } .dashboard-lessons-card-container .details-section .schedule-list ul li { /* justify-content: start !important; gap: 30px !important; */ } .dashboard-lessons-card-container .actions-section .actions li { margin: 0 !important; } .dashboard-lessons-card-container .actions-section .actions li a span { font-size: 12px !important; } .lessons-page-cards-list-container .col-list-group h6 { font-size: 16px; } } @media (min-width: 575px) and (max-width: 1024px) { .dashboard-lessons-card-container .details-section .schedule-list .item-name svg { width: 22px !important; height: 22px !important; } .dashboard-lessons-card-container .details-section .schedule-list ul li { /* justify-content: start !important; gap: 20px; */ } .dashboard-lessons-card-container .details-section .schedule-list .item-name, .dashboard-lessons-card-container .details-section .schedule-list .item-value, .dashboard-lessons-card-container .details-section .schedule-list .item-value h4 { font-size: 14px !important; } .dashboard-lessons-card-container .details-section .schedule-list ul li .item-value h5 { font-size: 14px !important; } } .calendar-view.monthly-calendar { overflow-x: auto; } .calendar-view .fc-header-toolbar .fc-toolbar-chunk .fc-button-group { position: relative !important; height: 50px !important; } .calendar-view .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-button:first-child { float: none !important; position: absolute !important; top: 0 !important; } .calendar-view .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-button:last-child { float: none !important; position: absolute !important; top: 0 !important; right: 0 !important; } body[dir="rtl"] .calendar-view .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-button:first-child { right: unset !important; left: 0 !important; } body[dir="rtl"] .calendar-view .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-button:last-child { left: unset !important; right: 0 !important; } body[dir="rtl"] .calendar-view .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-button:first-child .fc-icon { transform: rotate(180deg) !important; } body[dir="rtl"] .calendar-view .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-button:last-child .fc-icon { transform: rotate(180deg) !important; } body[dir="rtl"] .fc-icon-chevron-right:before{content:"\e900" !important;} body[dir="rtl"] .fc-icon-chevron-left:before{content:"\e901" !important;} .fc-direction-ltr .fc-toolbar > * > :not(:first-child) { margin: 0 !important; } .calendar-view.monthly-calendar #listing_calendar table tbody tr td table tbody tr td { height: 190px; } @media (max-width: 900px) { .calendar-view .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-button:first-child { right: unset !important; left: 0 !important; } .calendar-view .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-button:last-child { left: unset !important; right: 0 !important; } body[dir="rtl"] .calendar-view .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-button:first-child { right: unset !important; } body[dir="rtl"] .calendar-view .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-button:last-child { left: unset !important; right: 0 !important; } .calendar-view.monthly-calendar #listing_calendar table tbody tr td table tbody tr td { height: 120px !important; } } @media (max-width: 550px) { .calendar-view.monthly-calendar #listing_calendar table tbody tr td table tbody tr td { height: 60px !important; } } .width-override { width: unset !important; } .nav-left-links ul li { padding-inline-start: 25px !important; } .nav-left-links ul li:hover { color: var(--color-primary); } #custom-side-nav-mobile { background-color: #f3f7fb; } #custom-side-nav-mobile ul li { margin-bottom: 20px !important; border: 0 !important; } .custom-all-steps-accordion a { display: flex !important; } .favourite-icon svg { stroke: red; stroke-width: 1.5px; } .favourite-icon .is-active { color: red; } .favourite-icon a { color: transparent; } @media (max-width: 1199px) { .custom-all-steps-accordion .nav__dropdown-target-js { background: transparent !important; border: none !important; top: 0 !important; } } /** system message **/ #mbsmessage, .system_message { position: fixed; width: auto; margin: 0 auto; box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.07); z-index: 99999; text-align: center; } #mbsmessage .content, .system_message .content { margin: 0 auto; text-align: center; position: relative; display: inline-block; vertical-align: top; padding:0 40px; word-break: break-all; } #mbsmessage .content:before, .system_message .content:before { background-size: 30px !important; content: ""; left: 0; position: absolute; top: -10px; z-index: 2; width: 30px; height: 30px; display: block; } #mbsmessage.alert--danger .content:before, .system_message.alert--danger .content:before { background: url(images/icon--attention.svg) no-repeat; } #mbsmessage.alert--success .content:before, .system_message.alert--success .content:before { background: url(images/icon--success.svg) no-repeat; } #mbsmessage.alert--info .content:before, .system_message.alert--info .content:before { background: url(images/icon--info.svg) no-repeat no-repeat; } #mbsmessage.alert--warning .content:before, .system_message.alert--warning .content:before { background: url(images/icon--warning.svg) no-repeat no-repeat; } .alert--success { background: #00b6ad; } .alert--info { background: #02b4d1; min-width: 100%; } .alert--warning { background: #f3c532; } .alert--process { background: #333; } .alert--danger { background-color: #f35f5f; } .div_error { text-align: left; padding: 20px 60px 20px 60px; position: relative; color: #fff; /*font-size: 0;*/ line-height: normal; background: url(images/icon--attention.svg) no-repeat 15px 15px #f35f5f; background-size: 30px; border: 1px solid transparent; border-radius: 8px; } .alert .div_error, .alert .div_info { padding: 0px; } #mbsmessage .content .div_error, #mbsmessage .content .div_info { padding: 0px; } .alert .div_error { background: none; } .div_error li { color: inherit; position: relative; padding: 0 0 5px 0; } .div_error li a { color: #fff; text-decoration: underline; } .div_info { font-weight: normal; padding: 20px 40px 20px 60px; position: relative; color: #fff; background: url(images/icon--info.svg) no-repeat 15px 15px #02b4d1; background-size: 30px; } .alert .div_info { background: none; } .div_info li { font-weight: 300; font-size: 1em; position: relative; padding: 0 0 5px 0; color: inherit; } .div_info li a { font-weight: normal; text-decoration: none; color: #fff; cursor: default; } .alert .div_msg { background: none; } .div_msg { font-weight: normal; padding: 20px 40px 20px 60px; position: relative; color: #fff; background: url(images/icon--success.svg) no-repeat 15px 15px #00b6ad; background-size: 30px; } #mbsmessage .div_msg, .system_message .div_msg { padding: 0 20px 0 35px; } .div_msg li { font-weight: 300; font-size: 1em; position: relative; padding: 0 0 5px 0; color: inherit; } .div_msg li a { font-weight: normal; font-size: 13px; text-decoration: none; color: #fff; cursor: default; } .div_info li:last-child, .div_error li:last-child, .div_msg li:last-child { padding-bottom: 0; } /* validation error messages */ .error { border-color: #F00 !important; } .errorlist { margin: 0; list-style: none; padding: 2px 10px 4px; position: relative; background: #fdf7f6; clear: both; } .errorlist li a { color: #f44336; font-size: 13px; /*text-transform: uppercase;*/ text-decoration: none; } .errorlist li:last-child { padding-bottom: 0; } .errorlist li { font-size: 12px; position: relative; } /* alerts */ .alert { font-size: 1em; color: #fff; width: 90% !important; margin-top: 100px !important; /*position: relative;*/ padding: 20px 20px !important; border: 1px solid transparent; border-radius: 8px; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUp { from { opacity: 0; visibility: hidden; /*-webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);*/ -webkit-transform: translate3d(0, 40px, 0); transform: translate3d(0, 40px, 0); } to { opacity: 1; /*visibility: visible;*/ -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; visibility: hidden; /*-webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);*/ -webkit-transform: translate3d(0, 40px, 0); transform: translate3d(0, 40px, 0); } to { visibility: visible; opacity: 1; -webkit-transform: none; transform: none; } } .alert a { color: #fff; text-decoration: underline; } .alert--positioned-top { right: 20px; top: 25px; left: auto !important; bottom: auto !important; } .alert--positioned-bottom { left: 20px; bottom: 25px; } .alert--positioned-right-top { right: 20px; top: 25px; left: auto !important; bottom: auto !important; } .alert--positioned-right-bottom { right: 20px; bottom: 25px; left: auto !important; bottom: auto !important; } .alert--positioned-bottom-center { left: 0 !important; right: 0 !important; bottom: 25px; } .alert--positioned-top-center { left: 0 !important; right: 0 !important; top: 0; } .alert--positioned-center-center { left: 50% !important; top: 50% !important; bottom: auto !important; transform: translateX(-50%) !important; } .alert--positioned-top-full { left: 0 !important; right: 0 !important; top: 0; } .alert p { color: inherit; } .alert h5 { font-size: 18px; font-weight: 500; padding: 0; color: inherit; } .alert .close, .system_message .close { opacity: 0.3; } .alert .close:hover, .system_message .close:hover { opacity: 1; } .system_message .closeMsg { z-index: 1; width: 20px; height: 20px; position: absolute; right: 10px; top: 10px; text-align: center; line-height: 18px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .system_message .closeMsg:before { width: 3px; height: 15px; left: 50%; margin: 0 0 0 -2px; position: absolute; top: 2px; content: ""; background: #fff; } .system_message .closeMsg:after { width: 15px; height: 3px; left: 2px; top: 50%; margin: -2px 0 0 0; position: absolute; content: ""; background: #fff; } .alert h4, .alert p { margin: 0; color: inherit; } .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 5px; } .alert--process:before { content: ""; border-radius: 50%; width: 32px; height: 32px; display: inline-block; position: absolute; left: 15px; top: 14px; border-top: 3px solid rgba(255, 255, 255, 0.2); border-right: 3px solid rgba(255, 255, 255, 0.2); border-bottom: 3px solid rgba(255, 255, 255, 0.2); border-left: 3px solid #ffffff; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear; } @-webkit-keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .fc-scroller::-webkit-scrollbar-track, #facebox .content::-webkit-scrollbar-track  { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5; } #facebox .content.content::-webkit-scrollbar  { width: 6px; background-color: #F5F5F5; } .fc-scroller::-webkit-scrollbar{ width: 0px; background-color: #F5F5F5;  } .fc-scroller::-webkit-scrollbar-thumb, #facebox .content::-webkit-scrollbar-thumb  { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #555; } /* Hide scrollbar for IE, Edge and Firefox */ .fc-scroller ,.content{ -ms-overflow-style: none;  /* IE and Edge */ scrollbar-width: none;  /* Firefox */ } @media(max-width:767px) { #mbsmessage, .system_message { left: 10px; right: 10px; width: auto; } #mbsmessage .content, .system_message .content { min-width: inherit; } } a.banner-btn-url { margin-top: 1rem; } input[name="teach_language_name"].ui-autocomplete-loading { background: none; } .calendar-view { position: relative; } .schedule-list{ line-height: 3 !important; } .schedule-list .timer .span-right { width: 100%; display: flex; align-items: center; justify-content: flex-end; } .lesson-listing-timer.timer .colorDefinition { font-weight: 500; padding: 0 10px; font-size: 17px; background: #333 !important; margin-top: 3px; display: inline-block; max-width: 115px; } .schedule-list .timer .label { font-size: 15px; margin: 0; display: inline-block; margin-right: 5px; margin-left: 5px; font-weight: 600; color: var(--color-secondary); } .actions { display: flex; align-items: center; vertical-align: top; margin: 0 0; justify-content: flex-end; } .actions li { display: inline-block; vertical-align: top; margin: 0 2px 4px 0; } .actions li a { display: block; border-radius: 4px; padding: 5px; /* width: 35px; */ /* height: 35px; */ /* line-height: 1.4; */ text-align: center; border-radius: 4px; 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; /* background: #333; */ border-radius: 4px; font-size: 14px; font-style: normal; font-weight: 600; } .actions li a svg path { /* fill: #fff; */ } .progress { height: 5px; overflow: hidden; background-color: #f5f5f5; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); max-width: 300px; width: 180px; } .progress-bar { float: left; width: 0%; height: 100%; font-size: 12px; line-height: 20px; color: #fff; text-align: center; background-color: var(--color-primary); -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; } .progress-bar-striped, .progress-striped .progress-bar { background-image: -webkit-linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); background-image: -o-linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); background-image: linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); -webkit-background-size: 40px 40px; background-size: 40px 40px; } .progress-bar.active, .progress.active .progress-bar { -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .progress-wrapper .txt { display: inline-block; font-size: 13px; font-weight: 800; padding-left: 10px; color: #333; } .profile-progress { /*padding-right: 10px;*/ } .search-lesson-listing { padding-bottom: 10px; } small.transaction-fee { color: var(--color-secondary); } .btn.disabled { cursor: not-allowed; } .div_info li a { text-decoration: underline; color: var(--color-primary); cursor: pointer; } a.view-teacher-link { margin-right: 35px; margin-left: 35px; } .-link-close.-top { top: 17px; } @media screen and (max-width: 767px) { a.view-teacher-link { margin-right: 45px; margin-left: 45px; } .-link-close.-top { right: 0px; } body[dir="rtl"] .-link-close.-top{ right: unset; } .message-head { padding-left: 30px; } } .iss_accordion { background-color: #eee; color: #444; cursor: pointer; padding: 18px; width: 100%; text-align: left; border: none; outline: none; transition: 0.4s; } /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */ .active, .iss_accordion:hover { background-color: #ccc; } /* Style the accordion panel. Note: hidden by default */ .panel { background-color: white; display: none; overflow: hidden; } ul.list-accordion li { position: relative; } ul.list-accordion li label { position: absolute; left: 10px; top: 13px; } ul.list-accordion li .iss_accordion { padding-left: 40px; } .issues-to-resolve input { margin-right: 8px; margin-top: 2px; } /* cookie consent */ .cookie-consent .tab-menu { display: inline-block; } .cookie-consent .tabs-offset { margin: 0; } .cookie-consent .tab-menu ul { margin: 0; padding: 0; } .cookie-consent .tab-menu ul li { list-style-type: none; display: inline-block; } .cookie-consent .tab-menu ul li a { text-decoration: none; color: rgba(0, 0, 0, 0.4); background-color: #b4cbc4; padding: 7px 25px; border-radius: 4px; } .cookie-consent .tab { display: none; } .cookie-consent .tab h2 { color: rgba(0, 0, 0, 0.7); } .cookie-consent .tab p { color: rgba(0, 0, 0, 0.6); text-align: justify; } .cookie-consent .tab-active { display: block; } .cookie-consent .tabs-small a.is-active:after { height: 4px; background: #fff; position: absolute; left: 0; right: 0; bottom: -2px; content: ""; } .cookie-consent .tabs-small a.is-active { background: #fff; border-color: #e9e8eb; color: var(--color-secondary); font-weight: 600; } .cookie-consent .tabs-small li a { border-top: 1px solid transparent; } .cookie-consent.tab-container .tabs-small ul { display: flex; } .cookie-consent.tab-container .tabs-small li { display: block; } .cookie-consent.tab-container h2 { font-size: 20px; margin-bottom: 10px; } .cookie-consent .checkbox label input:checked + .input-helper:before, .radio input:checked + .input-helper:before { border-color: var(--color-primary); } .cookie-consent .checkbox label input:checked + .input-helper:after { -webkit-transform: scale(1) rotate(-50deg); -ms-transform: scale(1) rotate(-50deg); -o-transform: scale(1) rotate(-50deg); transform: scale(1) rotate(-50deg); opacity: 1; filter: alpha(opacity=100); } .cookie-consent .tab-heading { display: flex; justify-content: space-between; align-items: center; } .coookie-popup-head { padding: 15px; border-bottom: 1px solid var(--color-main); margin-bottom: 20px; } .coookie-popup-footer { padding: 15px; border-top: 1px solid var(--color-secondary); display: flex; justify-content: flex-end; } .coookie-popup-body .form { padding: 10px 20px; min-height: 176px; } .coookie-popup-footer input[type="submit"] { background: var(--color-secondary); display: inline-block; vertical-align: top; padding: 0 30px; border: 0 none; position: relative; cursor: pointer; border: none; height: 40px; line-height: 41px; color: #fff; border-radius: 3px; font-weight: 600; font-size: 1.2rem; font-weight: 600; margin: 0 10px 0 0; -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } .cookie-consent .checkbox input[type="checkbox"][disabled] { -webkit-text-fill-color: transparent; -webkit-opacity: 0; } /* end cookie consent */ .list-container .list p { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }