@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap); @import url(https://fonts.googleapis.com/css?family=Barlow:100,100i,200,200i,300,300i,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i); @import url(https://fonts.googleapis.com/css?family=Barlow:100,100i,200,200i,300,300i,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Poppins:wght@400;500;600;700|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i); .gj-button-md,.gj-modal{overflow:hidden;outline:0}.gj-button-md,.gj-button-md-group{position:relative;vertical-align:middle}.gj-button{background-color:#f5f5f5;border:1px solid #ddd;color:#000;border-radius:3px;padding:6px 10px;cursor:pointer}.gj-unselectable{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.gj-row{display:flex;flex-wrap:wrap}.gj-margin-left-5{margin-left:5px}.gj-margin-left-10{margin-left:10px}.gj-width-full{width:100%}.gj-cursor-pointer{cursor:pointer}.gj-text-align-center{text-align:center}.gj-font-size-16{font-size:16px}.gj-hidden{display:none}.gj-button-md{background:0 0;border:none;border-radius:2px;color:rgba(0,0,0,.87);height:36px;margin:0;min-width:64px;padding:0 16px;display:inline-block;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:500;text-transform:uppercase;letter-spacing:0;will-change:box-shadow;transition:box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);cursor:pointer;text-decoration:none;text-align:center;line-height:36px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.gj-button-md:hover{background-color:rgba(158,158,158,.2)}.gj-button-md:disabled{color:rgba(0,0,0,.26);background:0 0}.gj-button-md .gj-icon,.gj-button-md .material-icons{vertical-align:middle}.gj-button-md.gj-button-md-icon{width:24px;height:31px;min-width:24px;padding:0;display:table}.gj-button-md.gj-button-md-icon .gj-icon,.gj-button-md.gj-button-md-icon .material-icons{display:table-cell;margin-right:0;width:24px;height:24px}.gj-button-md.active{background-color:rgba(158,158,158,.4)}.gj-button-md-group{display:inline-block}.gj-textbox-md{border:none;border-bottom:1px solid rgba(0,0,0,.42);display:block;font-family:Helvetica,Arial,sans-serif;font-size:16px;line-height:16px;padding:4px 0;margin:0;width:100%;background:0 0;text-align:left;color:rgba(0,0,0,.87)}.gj-textbox-md:active,.gj-textbox-md:focus{border-bottom:2px solid rgba(0,0,0,.42);outline:0}.gj-textbox-md::-moz-placeholder{color:#8e8e8e}.gj-textbox-md::placeholder{color:#8e8e8e}.gj-textbox-md:-ms-input-placeholder{color:#8e8e8e}.gj-textbox-md::-ms-input-placeholder{color:#8e8e8e}.gj-md-spacer-24{min-width:24px;width:24px;display:inline-block}.gj-md-spacer-32{min-width:32px;width:32px;display:inline-block}.gj-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1203;display:none;-webkit-overflow-scrolling:touch;background-color:rgba(0,0,0,.54118);transition:.2s ease opacity;will-change:opacity}ul.gj-list li [data-role=wrapper]{display:table;width:100%}ul.gj-list li [data-role=checkbox],ul.gj-list li [data-role=image]{display:table-cell;vertical-align:middle;text-align:center}ul.gj-list li [data-role=display]{display:table-cell;vertical-align:middle;cursor:pointer}ul.gj-list li [data-role=display]:empty:before{content:"\200b"}ul.gj-list-bootstrap{padding-left:0;margin-bottom:0}ul.gj-list-bootstrap li{padding:0}ul.gj-list-bootstrap li [data-role=wrapper]{padding:0 10px}ul.gj-list-bootstrap li [data-role=checkbox]{width:24px;padding:3px}ul.gj-list-bootstrap li [data-role=image]{width:24px;height:24px}ul.gj-list-bootstrap li [data-role=display]{padding:8px 0 8px 4px}.list-group-item.active ul li,.list-group-item.active:focus ul li,.list-group-item.active:hover ul li{text-shadow:none;color:initial}ul.gj-list-md{padding:0;list-style:none;line-height:24px;letter-spacing:0;color:#616161}.gj-picker-md,ul.gj-list-md li{font-family:Roboto,Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;letter-spacing:.04em;line-height:1}ul.gj-list-md li{display:list-item;list-style-type:none;padding:0;min-height:unset;box-sizing:border-box;align-items:center;cursor:default;overflow:hidden;flex-direction:row;flex-wrap:nowrap}ul.gj-list-md li [data-role=checkbox],ul.gj-list-md li [data-role=image]{height:24px;width:24px}ul.gj-list-md li [data-role=display]{padding:8px 0 8px 5px;order:0;flex-grow:2;text-decoration:none;box-sizing:border-box;align-items:center;text-align:left;color:rgba(0,0,0,.87)}ul.gj-list-md li.disabled>[data-role=wrapper]>[data-role=display]{color:#9E9E9E}.gj-list-md-active{background:#e0e0e0;color:#3f51b5}.gj-picker{position:absolute;z-index:1203;background-color:#fff}.gj-picker .selected{color:#fff}.gj-picker-md{color:rgba(0,0,0,.87);border:1px solid #E0E0E0}.gj-modal .gj-picker-md{border:0}.gj-picker-md [role=header]{color:rgba(255,255,255,.54);display:flex;background:#2196f3;align-items:baseline;-webkit-user-select:none;-moz-user-select:none;user-select:none;justify-content:center}.gj-picker-md [role=footer]{float:right;padding:10px}.gj-picker-md [role=footer] button.gj-button-md{color:#2196f3;font-weight:700;font-size:13px}.gj-picker-bootstrap{border:1px solid #E0E0E0}.gj-picker-bootstrap .selected{color:#888}.gj-picker-bootstrap [role=header]{background:#eee;color:#AAA}@font-face{font-family:gijgo-material;src:url(../fonts/gijgo-material.eot?235541);src:url(../fonts/gijgo-material.eot?235541#iefix) format('embedded-opentype'),url(../fonts/gijgo-material.ttf?235541) format('truetype'),url(../fonts/gijgo-material.woff?235541) format('woff'),url(../fonts/gijgo-material.svg?235541#gijgo-material) format('svg');font-weight:400;font-style:normal}.gj-icon{font-family:gijgo-material!important;font-size:24px;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;letter-spacing:0;-ms-font-feature-settings:"liga" 1;font-feature-settings:"liga";font-variant-ligatures:discretionary-ligatures;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.gj-dialog-md-header,.gj-grid-md{font-family:Roboto,Helvetica,Arial,sans-serif}.gj-icon.undo:before{content:"\e900"}.gj-icon.vertical-align-top:before{content:"\e901"}.gj-icon.vertical-align-center:before{content:"\e902"}.gj-icon.vertical-align-bottom:before{content:"\e903"}.gj-icon.arrow-dropup:before{content:"\e904"}.gj-icon.clock:before{content:"\e905"}.gj-icon.refresh:before{content:"\e906"}.gj-icon.last-page:before{content:"\e907"}.gj-icon.first-page:before{content:"\e908"}.gj-icon.cancel:before{content:"\e909"}.gj-icon.clear:before{content:"\e90a"}.gj-icon.check-circle:before{content:"\e90b"}.gj-icon.delete:before{content:"\e90c"}.gj-icon.arrow-upward:before{content:"\e90d"}.gj-icon.arrow-forward:before{content:"\e90e"}.gj-icon.arrow-downward:before{content:"\e90f"}.gj-icon.arrow-back:before{content:"\e910"}.gj-icon.list-numbered:before{content:"\e911"}.gj-icon.list-bulleted:before{content:"\e912"}.gj-icon.indent-increase:before{content:"\e913"}.gj-icon.indent-decrease:before{content:"\e914"}.gj-icon.redo:before{content:"\e915"}.gj-icon.align-right:before{content:"\e916"}.gj-icon.align-left:before{content:"\e917"}.gj-icon.align-justify:before{content:"\e918"}.gj-icon.align-center:before{content:"\e919"}.gj-icon.strikethrough:before{content:"\e91a"}.gj-icon.italic:before{content:"\e91b"}.gj-icon.underlined:before{content:"\e91c"}.gj-icon.bold:before{content:"\e91d"}.gj-icon.arrow-dropdown:before{content:"\e91e"}.gj-icon.done:before{content:"\e91f"}.gj-icon.pencil:before{content:"\e920"}.gj-icon.minus:before{content:"\e921"}.gj-icon.plus:before{content:"\e922"}.gj-icon.chevron-up:before{content:"\e923"}.gj-icon.chevron-right:before{content:"\e924"}.gj-icon.chevron-down:before{content:"\e925"}.gj-icon.chevron-left:before{content:"\e926"}.gj-icon.event:before{content:"\e927"}.gj-draggable{cursor:move}.gj-resizable-handle{position:absolute;font-size:.1px;display:block;touch-action:none;z-index:1203}.gj-dialog-bootstrap [data-role=title],.gj-dialog-bootstrap4 [data-role=title],.gj-dialog-bootstrap5 [data-role=title]{display:inline}.gj-dialog-bootstrap,.gj-dialog-bootstrap4,.gj-dialog-bootstrap5,.gj-dialog-md{z-index:1202;overflow:hidden}.gj-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.gj-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.gj-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.gj-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.gj-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.gj-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.gj-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.gj-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.gj-dialog-footer{position:absolute;bottom:0;width:100%;margin-top:0}.gj-dialog-scrollable [data-role=body]{overflow-x:hidden;overflow-y:scroll}.gj-dialog-bootstrap [data-role=close]{line-height:1.42857143}.gj-dialog-bootstrap4 [data-role=close],.gj-dialog-bootstrap5 [data-role=close]{line-height:1.5}.gj-dialog-md{background-color:#FFF;border:none;box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);box-sizing:border-box;position:relative;display:flex;flex-direction:column;-webkit-background-clip:padding-box;background-clip:padding-box;outline:0}.gj-dialog-md-header{padding:24px 24px 0}.gj-dialog-md-title{margin:0;font-weight:400;display:inline;line-height:28px;font-size:20px}.gj-dialog-md-close{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0;float:right;line-height:28px;font-size:28px}.gj-dialog-md-body{padding:20px 24px 24px;color:rgba(0,0,0,.54);font-family:Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;line-height:20px}.gj-dialog-md-footer{padding:8px 8px 8px 24px;display:flex;flex-direction:row-reverse;flex-wrap:wrap;box-sizing:border-box}.gj-dialog-md-footer>:first-child{margin-right:0}.gj-dialog-md-footer>*{margin-right:8px;height:36px}DIV.gj-grid-wrapper{margin:auto;position:relative;clear:both;z-index:1}TABLE.gj-grid{margin:auto;border-collapse:collapse;width:100%;table-layout:fixed}TABLE.gj-grid THEAD TH [data-role=selectAll]{margin:auto}table.gj-grid-bootstrap thead th [data-role=sorticon],table.gj-grid-md thead th [data-role=sorticon]{margin-left:5px}TABLE.gj-grid THEAD TH [data-role=title],TABLE.gj-grid THEAD TH [data-role=sorticon]{display:inline-block}TABLE.gj-grid THEAD TH{overflow:hidden;text-overflow:ellipsis}TABLE.gj-grid.autogrow-header-row THEAD TH{overflow:auto;text-overflow:initial;white-space:pre-wrap;-ms-word-break:break-word;word-break:break-word}TABLE.gj-grid>tbody>tr>td{overflow:hidden;position:relative}table.gj-grid tbody div[data-role=display]{vertical-align:middle;text-indent:0;white-space:pre-wrap;-ms-word-break:break-word;word-break:break-word}table.gj-grid.fixed-body-rows tbody div[data-role=display]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-ms-word-break:initial;word-break:initial}table.gj-grid tfoot DIV[data-role=display]{vertical-align:middle;text-indent:0;display:flex}TABLE.gj-grid .fa{padding:2px}TABLE.gj-grid>tbody>tr>td>div{padding:2px;overflow:hidden}DIV.gj-grid-wrapper DIV.gj-grid-loading-cover{background:#BBB;opacity:.5;position:absolute;vertical-align:middle}DIV.gj-grid-wrapper DIV.gj-grid-loading-text{position:absolute;font-weight:700}table.gj-grid-bootstrap thead th{background-color:#f5f5f5;vertical-align:middle}table.gj-grid-bootstrap thead th [data-role=sorticon] i.gj-icon,table.gj-grid-bootstrap thead th [data-role=sorticon] i.material-icons{position:absolute;font-size:20px;top:15px}table.gj-grid-bootstrap tbody tr td div[data-role=display]{padding:0}.gj-grid-bootstrap-4 .gj-checkbox-bootstrap{display:inline-block;padding-top:2px}.gj-grid-bootstrap-4 tbody tr.active{background-color:rgba(0,0,0,.075)}.gj-grid-md{position:relative;border:1px solid #e0e0e0;border-collapse:collapse;white-space:nowrap;font-size:13px;background-color:#fff}.gj-grid-md td:first-of-type,.gj-grid-md th:first-of-type{padding-left:24px}.gj-grid-md td,.gj-grid-md th{padding:12px 18px;position:relative;box-sizing:border-box}.gj-grid-md th{vertical-align:bottom;font-weight:700;line-height:31px;letter-spacing:0;height:56px;font-size:12px;color:rgba(0,0,0,.54);text-align:right}.gj-grid-md td{height:48px;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;text-align:left;color:rgba(0,0,0,.87)}.gj-grid-bootstrap tbody tr.gj-grid-top-border td,.gj-grid-md tbody tr.gj-grid-top-border td{border-top:2px solid #777}.gj-grid-bootstrap tbody tr.gj-grid-bottom-border td,.gj-grid-md tbody tr.gj-grid-bottom-border td{border-bottom:2px solid #777}.gj-grid-md tbody tr{position:relative;height:48px;transition-duration:.28s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-property:background-color}.gj-grid-md tbody tr:hover{background-color:#EEE}.gj-grid-md tbody tr.gj-grid-md-select{background-color:#F5F5F5}table.gj-grid-md thead th [data-role=sorticon] i.gj-icon,table.gj-grid-md thead th [data-role=sorticon] i.material-icons{position:absolute;font-size:16px;top:19px}table.gj-grid-md thead th.gj-grid-select-all{padding-bottom:3px}@media only all{td.display-1120,td.display-320,td.display-480,td.display-640,td.display-800,td.display-960,th.display-1120,th.display-320,th.display-480,th.display-640,th.display-800,th.display-960{display:none}}@media screen and (min-width:20em){TABLE.gj-grid-bootstrap td.display-320,TABLE.gj-grid-bootstrap th.display-320{display:table-cell}}@media screen and (min-width:30em){TABLE.gj-grid-bootstrap td.display-480,TABLE.gj-grid-bootstrap th.display-480{display:table-cell}}@media screen and (min-width:40em){TABLE.gj-grid-bootstrap td.display-640,TABLE.gj-grid-bootstrap th.display-640{display:table-cell}}@media screen and (min-width:50em){TABLE.gj-grid-bootstrap td.display-800,TABLE.gj-grid-bootstrap th.display-800{display:table-cell}}@media screen and (min-width:60em){TABLE.gj-grid-bootstrap td.display-960,TABLE.gj-grid-bootstrap th.display-960{display:table-cell}}@media screen and (min-width:70em){TABLE.gj-grid-bootstrap td.display-1120,TABLE.gj-grid-bootstrap th.display-1120{display:table-cell}}.gj-grid-md tfoot tr th{padding-right:14px}.gj-grid-md tfoot tr[data-role=pager] .gj-grid-mdl-pager-label{padding-left:5px;padding-right:5px}.gj-grid-md tfoot tr[data-role=pager] .gj-dropdown-md{margin-left:12px}.gj-grid-md tfoot tr[data-role=pager] .gj-dropdown-md [role=presenter]{font-size:12px;font-weight:700;color:rgba(0,0,0,.54)}.gj-grid-md tfoot tr[data-role=pager] .gj-dropdown-md [role=presenter] [role=display]{text-align:right}.gj-grid-md tfoot tr[data-role=pager] .gj-grid-md-limit-select{margin-left:10px;font-size:12px;font-weight:700;color:rgba(0,0,0,.54)}.gj-grid-bootstrap tfoot tr[data-role=pager] th{line-height:30px;background-color:#f5f5f5}.gj-grid-bootstrap tfoot tr[data-role=pager] th>div>button,.gj-grid-bootstrap tfoot tr[data-role=pager] th>div>div{margin-right:5px}.gj-grid-bootstrap-4 tfoot tr[data-role=pager] th>div button{height:34px}.gj-grid-bootstrap-4 tfoot tr[data-role=pager] th div .gj-dropdown-bootstrap-4 .gj-dropdown-expander-mi .gj-icon{top:5px}.gj-grid-bootstrap-3 tfoot tr[data-role=pager] th>div>input{margin-right:5px;width:40px;text-align:right;display:inline-block;font-weight:700}.gj-grid-bootstrap-4 tfoot tr[data-role=pager] th>div>div.input-group{width:40px}.gj-grid-bootstrap-4 tfoot tr[data-role=pager] th>div>div.input-group input{text-align:right;font-weight:700;height:34px;padding-top:2px;padding-bottom:6px}.gj-grid-bootstrap tfoot tr[data-role=pager] th>div>select{display:inline-block;margin-right:5px;width:60px}.gj-grid-bootstrap tfoot tr[data-role=pager] th .gj-dropdown-bootstrap .gj-list-bootstrap [data-role=display]{line-height:14px}.gj-grid-bootstrap tfoot tr[data-role=pager] th .gj-dropdown-bootstrap [role=presenter] [role=display]{font-weight:700}.gj-grid-bootstrap tfoot tr[data-role=pager] th .gj-dropdown-bootstrap-3 [role=presenter]{padding:2px 8px}.gj-grid-bootstrap tfoot tr[data-role=pager] th .gj-dropdown-bootstrap-4 [role=presenter]{padding:1px 8px}.gj-grid thead tr th div.gj-grid-column-resizer-wrapper{position:relative;width:100%;height:0;top:0;left:0;padding:0}span.gj-grid-column-resizer{position:absolute;right:0;width:10px;top:-100px;height:300px;z-index:1203;cursor:e-resize}.gj-grid-resize-cursor{cursor:e-resize}.gj-grid-md tbody tr td.gj-grid-left-border,.gj-grid-md thead tr th.gj-grid-left-border{border-left:3px solid #777}.gj-grid-md tbody tr td.gj-grid-right-border,.gj-grid-md thead tr th.gj-grid-right-border{border-right:3px solid #777}.gj-grid-bootstrap tbody tr td.gj-grid-left-border,.gj-grid-bootstrap thead tr th.gj-grid-left-border{border-left:5px solid #ddd}.gj-grid-bootstrap tbody tr td.gj-grid-right-border,.gj-grid-bootstrap thead tr th.gj-grid-right-border{border-right:5px solid #ddd}.gj-dirty{position:absolute;top:0;left:0;border-style:solid;border-width:3px;border-color:red transparent transparent red;padding:0;overflow:hidden;vertical-align:top}.gj-grid-md tbody tr td.gj-grid-management-column{padding:3px}.gj-grid-md tbody tr td[data-mode=edit]{padding:0 18px}.gj-grid-bootstrap tbody tr td[data-mode=edit],.gj-grid-bootstrap tbody tr td[data-mode=edit] [data-role=edit],.gj-grid-md tbody .gj-dropdown-md [role=presenter] [role=display]{padding:0}.gj-grid-bootstrap-3 tbody tr td.gj-grid-management-column{padding:3px}.gj-grid-bootstrap-3 tbody tr td[data-mode=edit]{height:38px}.gj-grid-bootstrap-3 tbody tr td[data-mode=edit] [data-role=edit] input[type=text]{height:37px;padding:8px}.gj-grid-bootstrap-3 tbody tr td[data-mode=edit] .gj-dropdown-bootstrap [role=presenter]{border:0;border-radius:0;height:37px;padding-left:8px}.gj-grid-bootstrap-3 tbody tr td[data-mode=edit] .gj-datepicker-bootstrap{height:37px}.gj-grid-bootstrap-3 tbody tr td[data-mode=edit] .gj-datepicker-bootstrap [role=input]{height:37px;border:0;border-radius:0}.gj-grid-bootstrap-3 tbody tr td[data-mode=edit] .gj-datepicker-bootstrap [role=right-icon]{border:0;border-radius:0}.gj-grid-bootstrap-3 tbody tr td[data-mode=edit] .gj-checkbox-bootstrap{display:inline-block;padding-top:10px;height:32px}.gj-grid-bootstrap-4 tbody tr td.gj-grid-management-column{padding:6px}.gj-grid-bootstrap-4 tbody tr td[data-mode=edit] [data-role=edit] input[type=text]{height:48px;padding-left:12px}.gj-grid-bootstrap-4 tbody tr td[data-mode=edit] .gj-dropdown-bootstrap [role=presenter]{border:0;border-radius:0;height:48px;padding-left:12px;font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}.gj-grid-bootstrap-4 tbody tr td[data-mode=edit] .gj-dropdown-bootstrap-4 [role=expander].gj-dropdown-expander-mi .gj-icon,.gj-grid-bootstrap-4 tbody tr td[data-mode=edit] .gj-dropdown-bootstrap-4 [role=expander].gj-dropdown-expander-mi .material-icons{top:13px}.gj-grid-bootstrap-4 tbody tr td[data-mode=edit] .gj-datepicker-bootstrap{height:48px}.gj-grid-bootstrap-4 tbody tr td[data-mode=edit] .gj-datepicker-bootstrap [role=input]{height:48px;border:0;border-radius:0}.gj-grid-bootstrap-4 tbody tr td[data-mode=edit] .gj-datepicker-bootstrap [role=right-icon]{background-color:#fff}.gj-grid-bootstrap-4 tbody tr td[data-mode=edit] .gj-datepicker-bootstrap [role=right-icon] button{border:0;border-radius:0;width:43px;position:relative}.gj-grid-bootstrap-4 tbody tr td[data-mode=edit] .gj-datepicker-bootstrap [role=right-icon] .gj-icon,.gj-grid-bootstrap-4 tbody tr td[data-mode=edit] .gj-datepicker-bootstrap [role=right-icon] .material-icons{top:13px;left:10px;font-size:24px}.gj-grid-bootstrap-4 tbody tr td[data-mode=edit] .gj-checkbox-bootstrap{display:inline-block;padding-top:15px;height:42px}.gj-grid-md thead tr[data-role=filter] th{border-top:1px solid #e0e0e0}div.gj-grid-wrapper div.gj-grid-bootstrap-toolbar{background-color:#f5f5f5;padding:8px;font-weight:700;border:1px solid #ddd}div.gj-grid-wrapper div.gj-grid-bootstrap-4-toolbar{background-color:#f5f5f5;padding:12px;font-weight:700;border:1px solid #ddd}div.gj-grid-wrapper div.gj-grid-md-toolbar{font-weight:700;font-size:24px;font-family:Helvetica,Arial,sans-serif;background-color:#fff;border-top:1px solid #e0e0e0;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;border-bottom:0;border-collapse:collapse;padding:0 18px;line-height:56px}table.gj-grid-scrollable tbody{overflow-y:auto;overflow-x:hidden;display:block}table.gj-grid-md.gj-grid-scrollable{border-bottom:0}table.gj-grid-md.gj-grid-scrollable tbody{border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0}table.gj-grid-md.gj-grid-scrollable tfoot{border-bottom:1px solid #e0e0e0}table.gj-grid-bootstrap.gj-grid-scrollable{border-bottom:0}table.gj-grid-bootstrap.gj-grid-scrollable tbody{border-right:1px solid #ddd;border-bottom:1px solid #ddd}table.gj-grid-bootstrap.gj-grid-scrollable tbody tr[data-role=row]:first-child td{border-top:0}table.gj-grid-bootstrap.gj-grid-scrollable tbody tr[data-role=row] td:first-child{border-left:0}table.gj-grid-bootstrap.gj-grid-scrollable tbody tr[data-role=row] td:last-child{border-right:0}table.gj-grid-bootstrap.gj-grid-scrollable tfoot{border-bottom:1px solid #ddd}ul.gj-list li [data-role=spacer]{display:table-cell}ul.gj-list li [data-role=expander]{display:table-cell;vertical-align:middle;text-align:center;cursor:pointer}[data-type=tree] ul li [data-role=expander].gj-tree-font-awesome-expander,[data-type=tree] ul li [data-role=expander].gj-tree-glyphicons-expander,[data-type=tree] ul li [data-role=expander].gj-tree-material-icons-expander{width:24px}[data-type=tree] ul li [data-role=expander].gj-tree-glyphicons-expander .glyphicon{top:4px;height:24px}.gj-tree-bootstrap-3 ul.gj-list-bootstrap li{border:0;border-radius:0;color:#333}.gj-tree-bootstrap-3 ul.gj-list-bootstrap li.active{color:#fff}.gj-tree-bootstrap-3 ul.gj-list-bootstrap li.disabled{color:#777;background-color:#eee}.gj-tree-bootstrap-4 ul.gj-list-bootstrap li{border:0;border-radius:0;color:#212529}.gj-tree-bootstrap-4 ul.gj-list-bootstrap li.active{color:#fff}.gj-tree-bootstrap-4 ul.gj-list-bootstrap li.disabled{color:#868e96}.gj-tree-bootstrap-4 ul.gj-list-bootstrap li ul.gj-list-bootstrap{width:100%}.gj-tree-bootstrap-5 ul.gj-list-bootstrap li.active{color:#fff;background-color:#0d6efd}.gj-tree-bootstrap-5 ul.gj-list-bootstrap li.disabled{color:#868e96}.gj-tree-bootstrap-5 ul.gj-list-bootstrap li ul.gj-list-bootstrap{width:100%}.gj-tree-bootstrap-border ul.gj-list-bootstrap li{border:1px solid #ddd}.gj-tree-bootstrap-border ul.gj-list-bootstrap li ul.gj-list-bootstrap li{border-left:0;border-right:0}.gj-tree-bootstrap-border ul.gj-list-bootstrap li:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.gj-tree-bootstrap-border ul.gj-list-bootstrap li:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.gj-tree-bootstrap-border ul.gj-list-bootstrap li ul.gj-list-bootstrap li:first-child{border-top-left-radius:0;border-top-right-radius:0}.gj-tree-bootstrap-border ul.gj-list-bootstrap li ul.gj-list-bootstrap li:last-child{border-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0}ul.gj-list-bootstrap li [data-role=expander].gj-tree-material-icons-expander{padding-top:8px;padding-bottom:4px}.gj-tree-drag-el,.gj-tree-drag-el li{padding:0;margin:0}ul.gj-list-bootstrap li [data-role=expander].gj-tree-material-icons-expander .gj-icon{width:24px;height:24px}ul.gj-list-md li.disabled>[data-role=wrapper]>[data-role=expander]{color:#9E9E9E}.gj-tree-md-border ul.gj-list-md li{border:1px solid #616161;margin-bottom:-1px}.gj-tree-md-border ul.gj-list-md li ul.gj-list-md li{border-left:0;border-right:0}.gj-tree-md-border ul.gj-list-md li ul.gj-list-md li:last-child{border-bottom:0}.gj-tree-drop-above{border-top:1px solid #000}.gj-tree-bootstrap-3 ul.gj-list-bootstrap li [data-role=wrapper].drop-above,.gj-tree-bootstrap-4 ul.gj-list-bootstrap li [data-role=wrapper].drop-above{border-top:2px solid #000}.gj-tree-drop-below{border-bottom:1px solid #000}.gj-tree-bootstrap-3 ul.gj-list-bootstrap li [data-role=wrapper].drop-below,.gj-tree-bootstrap-4 ul.gj-list-bootstrap li [data-role=wrapper].drop-below{border-bottom:2px solid #000}.gj-tree-drag-el{z-index:1203}.gj-tree-drag-el [data-role=wrapper]{cursor:move;display:table}.gj-tree-drag-el [data-role=indicator]{width:14px;padding:0 3px;display:table-cell;vertical-align:middle;text-align:center}.gj-tree-bootstrap-drag-el li.list-group-item{border:0;background:unset}.gj-tree-bootstrap-drag-el [data-role=indicator],.gj-tree-md-drag-el [data-role=indicator]{width:24px;height:24px;padding:0}.gj-checkbox-bootstrap{min-width:0;font-size:0;font-weight:400;margin:0;text-align:center;width:18px;height:18px;position:relative;display:inline}.gj-checkbox-bootstrap input[type=checkbox]{display:none;margin-bottom:-12px}.gj-checkbox-bootstrap span{background:#fff;display:block;content:" ";width:18px;height:18px;line-height:11px;font-size:11px;padding:2px;color:#555;border:1px solid #CCC;border-radius:3px;transition:box-shadow .2s linear,border-color .2s linear;cursor:pointer;margin:auto}.gj-checkbox-bootstrap-4.gj-checkbox-material-icons input[type=checkbox]:checked+span:after,.gj-checkbox-bootstrap-4.gj-checkbox-material-icons input[type=checkbox]:indeterminate+span:after,.gj-checkbox-bootstrap-5.gj-checkbox-material-icons input[type=checkbox]:checked+span:after,.gj-checkbox-bootstrap-5.gj-checkbox-material-icons input[type=checkbox]:indeterminate+span:after{font-size:16px}.gj-checkbox-bootstrap.gj-checkbox-bootstrap-4 span,.gj-checkbox-bootstrap.gj-checkbox-bootstrap-5 span{line-height:16px;padding:0}.gj-checkbox-bootstrap input[type=checkbox]:focus+span:before{outline:0;box-shadow:0 0 0 0 #66afe9,0 0 6px rgba(102,175,233,.6);border-color:#66afe9}.gj-checkbox-bootstrap input[type=checkbox][disabled]+span{opacity:.6;cursor:not-allowed}.gj-checkbox-md{min-width:0;font-size:0;font-weight:400;margin:0;text-align:center;width:16px;height:16px;position:relative}.gj-checkbox-md input[type=checkbox]{display:none;margin-bottom:-12px}.gj-checkbox-md span{display:inline-block;box-sizing:border-box;width:16px;height:16px;margin:0;cursor:pointer;overflow:hidden;border:2px solid #616161;border-radius:2px;z-index:2}.gj-checkbox-md input[type=checkbox]:checked+span{border:2px solid #536DFE}.gj-checkbox-md input[type=checkbox]:checked+span:after{color:#FFF;background-color:#536DFE;position:absolute;left:1px;top:-15px}.gj-checkbox-md input[type=checkbox]:indeterminate+span{border:2px solid #616161}.gj-checkbox-md input[type=checkbox]:indeterminate+span:after{color:#616161;position:absolute;left:1px;top:-15px}.gj-checkbox-md input[type=checkbox][disabled]+span{border:2px solid #9E9E9E}.gj-editor-md,.gj-editor-md [role=body]{border:1px solid rgba(158,158,158,.2)}.gj-checkbox-md input[type=checkbox][disabled]+span:after{background-color:#9E9E9E}.gj-checkbox-md input[type=checkbox][disabled]:indeterminate+span:after{color:#FFF}.gj-checkbox-material-icons input[type=checkbox]:checked+span:after{content:"\e91f";font-size:14px;font-weight:700;white-space:pre}.gj-checkbox-material-icons input[type=checkbox]:indeterminate+span:after{content:"\e921";font-size:14px;font-weight:700;white-space:pre}.gj-checkbox-glyphicons input[type=checkbox]:checked+span:after{display:inline-block;font-family:'Glyphicons Halflings';content:"\e013 "}.gj-checkbox-glyphicons input[type=checkbox]:indeterminate+span:after{display:inline-block;font-family:'Glyphicons Halflings';content:"\2212 ";padding-right:1px}.gj-datepicker-md,.gj-dropdown-md [role=presenter],.gj-editor-md{font-family:Roboto,Helvetica,Arial,sans-serif}.gj-checkbox-fontawesome .fa{font-size:14px}.gj-checkbox-bootstrap.gj-checkbox-fontawesome .fa{line-height:18px}.gj-checkbox-fontawesome input[type=checkbox]:checked+span:before{content:"\f00c "}.gj-checkbox-fontawesome input[type=checkbox]:indeterminate+span:before{content:"\f068 "}.gj-editor [role=body]{overflow:auto;outline:transparent solid 0;box-sizing:border-box}.gj-editor-md{padding:7px;font-size:14px;font-weight:500;letter-spacing:0}.gj-editor-md [role=toolbar]{margin-bottom:7px}.gj-editor-md [role=toolbar] .gj-button-md{min-width:54px;margin-right:5px}.gj-editor-md [role=toolbar] .gj-button-md .gj-icon{width:24px;height:24px}.gj-editor-bootstrap,.gj-editor-bootstrap [role=body]{border:1px solid #eceeef}.gj-editor-md p{margin:0;padding:0}.gj-editor-md blockquote{font-size:14px}.gj-editor-bootstrap{padding:7px}.gj-editor-bootstrap [role=toolbar]{margin-bottom:7px}.gj-editor-bootstrap [role=toolbar] .btn-group{margin-right:10px}.gj-editor-bootstrap [role=toolbar] button{height:36px}.gj-editor-bootstrap p{margin:0;padding:0}.gj-editor-bootstrap blockquote{font-size:14px}.gj-dropdown{position:relative;border-collapse:separate}.gj-dropdown [role=presenter]{display:table;cursor:pointer;outline:0;position:relative}.gj-dropdown [role=presenter] [role=display]{display:table-cell;text-align:left;width:100%}.gj-dropdown [role=presenter] [role=expander]{display:table-cell;vertical-align:middle;text-align:center;width:24px;height:24px}.gj-dropdown-md [role=presenter]{font-size:16px;font-weight:400;letter-spacing:.04em;line-height:1;color:rgba(0,0,0,.87);padding:0;border:0;border-bottom:1px solid rgba(0,0,0,.42);background:0 0}.gj-dropdown-md [role=presenter]:active,.gj-dropdown-md [role=presenter]:focus{border-bottom:2px solid rgba(0,0,0,.42)}.gj-dropdown-md [role=presenter] [role=display]{padding:4px 0;line-height:18px}.gj-dropdown-md [role=presenter] [role=display] .placeholder{color:#8e8e8e}.gj-dropdown-list-md{position:absolute;top:0;left:0;background-color:#f5f5f5;color:#000;margin:0;z-index:1203}.gj-dropdown-list-md li.active,.gj-dropdown-list-md li:hover{background-color:#eee}.gj-dropdown-bootstrap [role=presenter] [role=display]{padding-right:5px}.gj-dropdown-bootstrap [role=presenter] [role=expander]{padding-left:5px}.gj-dropdown-bootstrap [role=presenter] [role=expander].gj-dropdown-expander-mi{width:24px}.gj-dropdown-bootstrap-3 [role=presenter] [role=display]{line-height:20px}.gj-dropdown-bootstrap-3 [role=presenter] [role=display] .placeholder{color:#9999b3}.gj-dropdown-bootstrap-3 [role=presenter] [role=expander]{width:20px;height:20px}.gj-dropdown-bootstrap-3 [role=presenter] [role=expander].gj-dropdown-expander-mi .gj-icon,.gj-dropdown-bootstrap-3 [role=presenter] [role=expander].gj-dropdown-expander-mi .material-icons{top:5px;right:10px;position:absolute}.gj-dropdown-bootstrap-4 [role=presenter]{border:1px solid #ced4da}.gj-dropdown-bootstrap-4 [role=presenter] [role=display]{line-height:24px}.gj-dropdown-bootstrap-4 [role=presenter] [role=expander].gj-dropdown-expander-mi .gj-icon,.gj-dropdown-bootstrap-4 [role=presenter] [role=expander].gj-dropdown-expander-mi .material-icons{top:7px;right:10px;position:absolute}.gj-dropdown-list-bootstrap{position:absolute;top:32px;left:0;margin:0;z-index:1203}.gj-datepicker [role=input]::-ms-clear{display:none}.gj-datepicker [role=right-icon]{cursor:pointer}.gj-picker div[role=navigator]{display:flex;flex-wrap:wrap}.gj-picker div[role=navigator] div{cursor:pointer;position:relative;flex-basis:0;flex-grow:1;max-width:100%}.gj-datepicker-md{font-size:16px;font-weight:400;letter-spacing:.04em;line-height:1;color:rgba(0,0,0,.87);position:relative}.gj-datepicker-md [role=right-icon]{position:absolute;right:0;top:0;font-size:24px}.gj-datepicker-md.small .gj-textbox-md{font-size:14px}.gj-datepicker-md.small .gj-icon{font-size:22px}.gj-datepicker-md.large .gj-textbox-md{font-size:18px}.gj-datepicker-md.large .gj-icon{font-size:28px}.gj-picker-md.datepicker [role=header]{padding:20px;display:block}.gj-picker-md.datepicker [role=header] [role=year]{font-size:17px;padding-bottom:5px;cursor:pointer}.gj-picker-md.datepicker [role=header] [role=date]{font-size:36px;cursor:pointer}.gj-picker-md div[role=navigator]{height:42px;line-height:42px}.gj-picker div[role=navigator] div[role=period]{width:100%;text-align:center;font-weight:700;font-size:15px}.gj-picker-md div[role=navigator] div:first-child,.gj-picker-md div[role=navigator] div:last-child{max-width:42px}.gj-picker-md div[role=navigator] div i.gj-icon,.gj-picker-md div[role=navigator] div i.material-icons{position:absolute;top:8px}.gj-picker-md div[role=navigator] div:first-child i.gj-icon,.gj-picker-md div[role=navigator] div:first-child i.material-icons{left:10px}.gj-picker-md div[role=navigator] div:last-child i.gj-icon,.gj-picker-md div[role=navigator] div:last-child i.material-icons{right:11px}.gj-picker-md table thead{color:#9E9E9E}.gj-picker-md table tr td div,.gj-picker-md table tr th div{display:block;width:40px;height:40px;line-height:40px;font-size:13px;text-align:center;vertical-align:middle}[type=year].gj-picker-md table tr td div,[type=decade].gj-picker-md table tr td div,[type=century].gj-picker-md table tr td div{width:73px;height:73px;line-height:73px;cursor:pointer}.gj-picker-md table tr td.gj-cursor-pointer div:hover{background:#EEE;border-radius:50%;color:rgba(0,0,0,.87)}.gj-picker-md table tr td.disabled div,.gj-picker-md table tr td.other-month div{color:#BDBDBD}.gj-picker-md table tr td.focused div{background:#E0E0E0;border-radius:50%}.gj-picker-md table tr td.today div{color:#1976D2}.gj-picker-md table tr td.selected.gj-cursor-pointer div{color:#FFF;background:#1976D2;border-radius:50%}.gj-picker-md table tr td.calendar-week div{font-weight:700}.gj-datepicker-bootstrap :active,.gj-datepicker-bootstrap :focus{box-shadow:none}.gj-picker-bootstrap{border:1px solid rgba(0,0,0,.15);border-radius:4px;padding:4px}.gj-modal .gj-picker-bootstrap{padding:0}.gj-picker-bootstrap.datepicker [role=header]{padding:10px 20px;display:block}.gj-picker-bootstrap.datepicker [role=header] [role=year]{font-size:15px;cursor:pointer}.gj-picker-bootstrap [role=header] [role=date]{font-size:24px;cursor:pointer}.gj-modal .gj-picker-bootstrap.datepicker [role=body]{padding:15px}.gj-picker-bootstrap div[role=navigator]{height:30px;line-height:30px;text-align:center}.gj-picker-bootstrap div[role=navigator] div:first-child,.gj-picker-bootstrap div[role=navigator] div:last-child{max-width:30px}.gj-picker-bootstrap table tr td div,.gj-picker-bootstrap table tr th div{display:block;width:30px;height:30px;line-height:30px;text-align:center;vertical-align:middle}[type=year].gj-picker-bootstrap table tr td div,[type=decade].gj-picker-bootstrap table tr td div,[type=century].gj-picker-bootstrap table tr td div{width:53px;height:53px;line-height:53px;cursor:pointer}.gj-picker-bootstrap table tr th div i,.gj-picker-bootstrap table tr th div span{line-height:30px}.gj-picker-bootstrap div[role=navigator] .gj-icon,.gj-picker-bootstrap div[role=navigator] .material-icons{margin:3px}.gj-picker-bootstrap table tr td.focused div,.gj-picker-bootstrap table tr td.gj-cursor-pointer div:hover{background:#EEE;border-radius:4px;color:#212529}.gj-picker-bootstrap table tr td.today div{color:#204d74;font-weight:700}.gj-picker-bootstrap table tr td.selected.gj-cursor-pointer div{color:#fff;background-color:#204d74;border-color:#122b40;border-radius:4px}.gj-picker-bootstrap table tr td.disabled div,.gj-picker-bootstrap table tr td.other-month div{color:#777}.gj-picker-bootstrap.datepicker [role=footer]{padding:1rem}.gj-picker-bootstrap.datepicker [role=footer]>:not(:last-child){margin-right:.25rem}.gj-datepicker-bootstrap span[role=right-icon].input-group-addon{border-left:0;position:relative;border-radius:0 4px 4px 0}.gj-datepicker-bootstrap span[role=right-icon].input-group-addon .gj-icon,.gj-datepicker-bootstrap span[role=right-icon].input-group-addon .material-icons{position:absolute;top:7px;left:7px}.gj-datepicker-bootstrap [role=right-icon] button{width:38px;position:relative;border:1px solid #ced4da}.gj-datepicker-bootstrap [role=right-icon] button:hover{color:#6c757d;background-color:transparent}.gj-datepicker-bootstrap.input-group-sm [role=right-icon] button{width:30px}.gj-datepicker-bootstrap.input-group-lg [role=right-icon] button{width:48px}.gj-datepicker-bootstrap [role=right-icon] button .gj-icon,.gj-datepicker-bootstrap [role=right-icon] button .material-icons{position:absolute;font-size:21px;top:9px;left:9px}.gj-datepicker-bootstrap.input-group-sm [role=right-icon] button .gj-icon,.gj-datepicker-bootstrap.input-group-sm [role=right-icon] button .material-icons{top:6px;left:6px;font-size:19px}.gj-datepicker-bootstrap.input-group-lg [role=right-icon] button .gj-icon,.gj-datepicker-bootstrap.input-group-lg [role=right-icon] button .material-icons{font-size:27px;top:10px;left:10px}.gj-datepicker-bootstrap button[role=right-icon]{width:2.5rem}.gj-datepicker-bootstrap.input-group-sm button[role=right-icon]{width:2rem}.gj-datepicker-bootstrap.input-group-lg button[role=right-icon]{width:3.3rem}.gj-datepicker-bootstrap button[role=right-icon] .gj-icon,.gj-datepicker-bootstrap button[role=right-icon] .material-icons{position:absolute;font-size:21px;top:.55rem;left:.55rem}.gj-datepicker-bootstrap.input-group-sm button[role=right-icon] .gj-icon,.gj-datepicker-bootstrap.input-group-sm button[role=right-icon] .material-icons{font-size:19px;top:.4rem;left:.34rem}.gj-datepicker-bootstrap.input-group-lg button[role=right-icon] .gj-icon,.gj-datepicker-bootstrap.input-group-lg button[role=right-icon] .material-icons{font-size:27px;top:.72rem;left:.7rem}.gj-timepicker [role=input]::-ms-clear{display:none}.gj-timepicker [role=right-icon]{cursor:pointer}.gj-picker.timepicker [role=header]{font-size:58px;padding:20px 0;line-height:58px;display:flex;align-items:baseline;-webkit-user-select:none;-moz-user-select:none;user-select:none;justify-content:center}.gj-picker.timepicker [role=header] div{cursor:pointer;width:66px;text-align:right}.gj-picker [role=header] [role=mode]{position:relative;width:0}.gj-picker [role=header] [role=mode] span{position:absolute;left:7px;line-height:18px;font-size:18px}.gj-picker [role=header] [role=mode] span[role=am]{top:7px}.gj-picker [role=header] [role=mode] span[role=pm]{bottom:7px}.gj-picker [role=body] [role=dial]{width:256px;color:rgba(0,0,0,.87);height:256px;position:relative;background:#eee;border-radius:50%;margin:10px}.gj-picker-md .arrow-begin,.gj-picker-md [role=body] [role=arrow]{background-color:#2196f3}.gj-picker-bootstrap.datetimepicker [role=footer]>:not(:last-child),.gj-picker-bootstrap.timepicker [role=footer]>:not(:last-child){margin-right:.25rem}.gj-picker [role=body] [role=hour]{top:calc(50% - 16px);left:calc(50% - 16px);width:32px;height:32px;cursor:pointer;position:absolute;font-size:14px;text-align:center;line-height:32px;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.gj-colorpicker-md,.gj-timepicker-md{font-family:Roboto,Helvetica,Arial,sans-serif;font-weight:400;letter-spacing:.04em;line-height:1}.gj-picker [role=body] [role=hour].selected{color:rgba(255,255,255,1)}.gj-picker [role=body] [role=arrow]{top:calc(50% - 1px);left:50%;height:2px;position:absolute;pointer-events:none;transform-origin:left center;transition:all 250ms cubic-bezier(.4,0,.2,1);width:calc(50% - 52px)}.gj-picker .arrow-begin{top:-3px;left:-4px;width:8px;height:8px;position:absolute;border-radius:50%}.gj-picker .arrow-end{top:-15px;right:-16px;width:0;height:0;position:absolute;box-sizing:content-box;border-width:16px;border-radius:50%}.gj-timepicker-md{font-size:16px;color:rgba(0,0,0,.87);position:relative}.gj-timepicker-md.small .gj-textbox-md{font-size:14px}.gj-timepicker-md.small .gj-icon{font-size:22px}.gj-timepicker-md.large .gj-textbox-md{font-size:18px}.gj-timepicker-md.large .gj-icon{font-size:28px}.gj-timepicker-md [role=right-icon]{cursor:pointer;position:absolute;right:0;top:0;font-size:24px}.gj-picker-md .arrow-end{border:16px solid #2196f3}.gj-timepicker-bootstrap :active,.gj-timepicker-bootstrap :focus{box-shadow:none}.gj-picker-bootstrap .arrow-begin,.gj-picker-bootstrap [role=body] [role=arrow]{background-color:#888}.gj-picker-bootstrap .arrow-end{border:16px solid #888}.gj-picker-bootstrap.timepicker [role=footer]{padding:1rem;border-top:1px solid #e9ecef}.gj-timepicker-bootstrap .input-group-addon{border-left:0;position:relative;width:38px;border-radius:0 4px 4px 0}.gj-timepicker-bootstrap.input-group-sm .input-group-addon{width:30px}.gj-timepicker-bootstrap.input-group-lg .input-group-addon{width:46px}.gj-timepicker-bootstrap .input-group-addon .gj-icon,.gj-timepicker-bootstrap .input-group-addon .material-icons{position:absolute;font-size:21px;top:6px;left:8px}.gj-timepicker-bootstrap.input-group-sm .input-group-addon .gj-icon,.gj-timepicker-bootstrap.input-group-sm .input-group-addon .material-icons{font-size:19px;top:5px;left:5px}.gj-timepicker-bootstrap.input-group-lg .input-group-addon .gj-icon,.gj-timepicker-bootstrap.input-group-lg .input-group-addon .material-icons{font-size:27px;top:10px;left:10px}.gj-timepicker-bootstrap [role=right-icon] button{width:38px;position:relative;border:1px solid #ced4da}.gj-timepicker-bootstrap.input-group-sm [role=right-icon] button{width:30px}.gj-timepicker-bootstrap.input-group-lg [role=right-icon] button{width:48px}.gj-timepicker-bootstrap [role=right-icon] button .gj-icon,.gj-timepicker-bootstrap [role=right-icon] button .material-icons{position:absolute;font-size:21px;top:9px;left:9px}.gj-timepicker-bootstrap.input-group-sm [role=right-icon] button .gj-icon,.gj-timepicker-bootstrap.input-group-sm [role=right-icon] button .material-icons{top:6px;left:6px;font-size:19px}.gj-timepicker-bootstrap.input-group-lg [role=right-icon] button .gj-icon,.gj-timepicker-bootstrap.input-group-lg [role=right-icon] button .material-icons{font-size:27px;top:10px;left:10px}.gj-timepicker-bootstrap button[role=right-icon]{width:2.5rem}.gj-timepicker-bootstrap.input-group-sm button[role=right-icon]{width:2rem}.gj-timepicker-bootstrap.input-group-lg button[role=right-icon]{width:3.3rem}.gj-timepicker-bootstrap button[role=right-icon] .gj-icon,.gj-timepicker-bootstrap button[role=right-icon] .material-icons{position:absolute;font-size:21px;top:.55rem;left:.55rem}.gj-timepicker-bootstrap.input-group-sm button[role=right-icon] .gj-icon,.gj-timepicker-bootstrap.input-group-sm button[role=right-icon] .material-icons{font-size:19px;top:.4rem;left:.34rem}.gj-timepicker-bootstrap.input-group-lg button[role=right-icon] .gj-icon,.gj-timepicker-bootstrap.input-group-lg button[role=right-icon] .material-icons{font-size:27px;top:.72rem;left:.7rem}.gj-picker.datetimepicker [role=header] [role=date]{padding-bottom:5px;text-align:center;cursor:pointer}.gj-picker [role=switch]{align-items:baseline;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative}.gj-picker [role=switch] [role=calendarMode]{position:absolute;bottom:2px;left:0;cursor:pointer}.gj-picker [role=switch] [role=time]{width:100%;text-align:center}.gj-picker [role=switch] [role=time] div{display:inline;cursor:pointer}.gj-picker [role=switch] [role=clockMode]{position:absolute;right:0;bottom:3px;cursor:pointer}.gj-picker-md.datetimepicker [role=header]{font-size:36px;padding:10px 20px;display:block}.gj-picker-md [role=switch]{color:rgba(255,255,255,.54);background:#2196f3;font-size:32px}.gj-picker-bootstrap.datetimepicker [role=header]{font-size:36px;padding:10px 20px;display:block}.gj-picker-bootstrap.datetimepicker [role=header] [role=time]{font-size:22px}.gj-picker-bootstrap.datetimepicker [role=footer]{padding:1rem;border-top:1px solid #e9ecef}.gj-slider{position:relative;padding:8px 6px}.gj-slider [role=track]{width:100%}.gj-slider [role=progress]{position:absolute;z-index:1203}.gj-slider [role=handle]{position:absolute}.gj-slider-md [role=track]{display:flex;flex-direction:column;justify-content:center;color:#fff;text-align:center;background-color:#e9ecef;height:2px;background-color:rgba(0,0,0,.26)}.gj-slider-md [role=progress]{display:flex;flex-direction:column;justify-content:center;color:#fff;text-align:center;height:2px;background-color:#536DFE;top:8px;left:6px}.gj-slider-md [role=handle]{top:3px;left:0;width:12px;height:12px;background-color:#536DFE;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);filter:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);border:0 solid transparent;border-radius:50%;cursor:pointer;z-index:1204}.gj-slider-bootstrap [role=track]{border-radius:4px;height:10px}.gj-slider-bootstrap [role=progress]{height:10px;border-radius:4px;top:8px;left:6px;transition:none}.gj-slider-bootstrap [role=handle]{top:2px;left:0;width:20px;height:20px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);filter:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);border:0 solid transparent;border-radius:50%;cursor:pointer;z-index:1204}.gj-slider-bootstrap-3 [role=handle]{background-color:#337ab7;background-image:linear-gradient(to bottom,#337ab7 0,#2e6da4 100%);background-repeat:repeat-x}.gj-slider-bootstrap-4 [role=handle]{background-color:#007bff;background-image:linear-gradient(to bottom,#007bff 0,#2e6da4 100%);background-repeat:repeat-x}.gj-colorpicker [role=right-icon]{cursor:pointer}.gj-colorpicker-md{font-size:16px;color:rgba(0,0,0,.87);position:relative}.gj-colorpicker-md [role=right-icon]{position:absolute;right:0;top:0;font-size:24px} /*! * Bootstrap-select v1.13.18 (https://developer.snapappointments.com/bootstrap-select) * * Copyright 2012-2020 SnapAppointments, LLC * Licensed under MIT (https://github.com/snapappointments/bootstrap-select/blob/master/LICENSE) */@-webkit-keyframes bs-notify-fadeOut{0%{opacity:.9}100%{opacity:0}}@-o-keyframes bs-notify-fadeOut{0%{opacity:.9}100%{opacity:0}}@keyframes bs-notify-fadeOut{0%{opacity:.9}100%{opacity:0}}.bootstrap-select>select.bs-select-hidden,select.bs-select-hidden,select.selectpicker{display:none!important}.bootstrap-select{width:220px\0;vertical-align:middle}.bootstrap-select>.dropdown-toggle{position:relative;width:100%;text-align:right;white-space:nowrap;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.bootstrap-select>.dropdown-toggle:after{margin-top:-1px}.bootstrap-select>.dropdown-toggle.bs-placeholder,.bootstrap-select>.dropdown-toggle.bs-placeholder:active,.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder:hover{color:#999}.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:hover{color:rgba(255,255,255,.5)}.bootstrap-select>select{position:absolute!important;bottom:0;left:50%;display:block!important;width:.5px!important;height:100%!important;padding:0!important;opacity:0!important;border:none;z-index:0!important}.bootstrap-select>select.mobile-device{top:0;left:0;display:block!important;width:100%!important;z-index:2!important}.bootstrap-select.is-invalid .dropdown-toggle,.error .bootstrap-select .dropdown-toggle,.has-error .bootstrap-select .dropdown-toggle,.was-validated .bootstrap-select select:invalid+.dropdown-toggle{border-color:#b94a48}.bootstrap-select.is-valid .dropdown-toggle,.was-validated .bootstrap-select select:valid+.dropdown-toggle{border-color:#28a745}.bootstrap-select.fit-width{width:auto!important}.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width:220px}.bootstrap-select .dropdown-toggle:focus,.bootstrap-select>select.mobile-device:focus+.dropdown-toggle{outline:thin dotted #333!important;outline:5px auto -webkit-focus-ring-color!important;outline-offset:-2px}.bootstrap-select.form-control{margin-bottom:0;padding:0;border:none;height:auto}:not(.input-group)>.bootstrap-select.form-control:not([class*=col-]){width:100%}.bootstrap-select.form-control.input-group-btn{float:none;z-index:auto}.form-inline .bootstrap-select,.form-inline .bootstrap-select.form-control:not([class*=col-]){width:auto}.bootstrap-select:not(.input-group-btn),.bootstrap-select[class*=col-]{float:none;display:inline-block;margin-left:0}.bootstrap-select.dropdown-menu-right,.bootstrap-select[class*=col-].dropdown-menu-right,.row .bootstrap-select[class*=col-].dropdown-menu-right{float:right}.form-group .bootstrap-select,.form-horizontal .bootstrap-select,.form-inline .bootstrap-select{margin-bottom:0}.form-group-lg .bootstrap-select.form-control,.form-group-sm .bootstrap-select.form-control{padding:0}.form-group-lg .bootstrap-select.form-control .dropdown-toggle,.form-group-sm .bootstrap-select.form-control .dropdown-toggle{height:100%;font-size:inherit;line-height:inherit;border-radius:inherit}.bootstrap-select.form-control-lg .dropdown-toggle,.bootstrap-select.form-control-sm .dropdown-toggle{font-size:inherit;line-height:inherit;border-radius:inherit}.bootstrap-select.form-control-sm .dropdown-toggle{padding:.25rem .5rem}.bootstrap-select.form-control-lg .dropdown-toggle{padding:.5rem 1rem}.form-inline .bootstrap-select .form-control{width:100%}.bootstrap-select.disabled,.bootstrap-select>.disabled{cursor:not-allowed}.bootstrap-select.disabled:focus,.bootstrap-select>.disabled:focus{outline:0!important}.bootstrap-select.bs-container{position:absolute;top:0;left:0;height:0!important;padding:0!important}.bootstrap-select.bs-container .dropdown-menu{z-index:1060}.bootstrap-select .dropdown-toggle .filter-option{position:static;top:0;left:0;float:left;height:100%;width:100%;text-align:left;overflow:hidden;-webkit-box-flex:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto}.bs3.bootstrap-select .dropdown-toggle .filter-option{padding-right:inherit}.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option{position:absolute;padding-top:inherit;padding-bottom:inherit;padding-left:inherit;float:none}.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option .filter-option-inner{padding-right:inherit}.bootstrap-select .dropdown-toggle .filter-option-inner-inner{overflow:hidden}.bootstrap-select .dropdown-toggle .filter-expand{width:0!important;float:left;opacity:0!important;overflow:hidden}.bootstrap-select .dropdown-toggle .caret{position:absolute;top:50%;right:12px;margin-top:-2px;vertical-align:middle}.input-group .bootstrap-select.form-control .dropdown-toggle{border-radius:inherit}.bootstrap-select[class*=col-] .dropdown-toggle{width:100%}.bootstrap-select .dropdown-menu{min-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-select .dropdown-menu>.inner:focus{outline:0!important}.bootstrap-select .dropdown-menu.inner{position:static;float:none;border:0;padding:0;margin:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none}.bootstrap-select .dropdown-menu li{position:relative}.bootstrap-select .dropdown-menu li.active small{color:rgba(255,255,255,.5)!important}.bootstrap-select .dropdown-menu li.disabled a{cursor:not-allowed}.bootstrap-select .dropdown-menu li a{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bootstrap-select .dropdown-menu li a.opt{position:relative;padding-left:2.25em}.bootstrap-select .dropdown-menu li a span.check-mark{display:none}.bootstrap-select .dropdown-menu li a span.text{display:inline-block}.bootstrap-select .dropdown-menu li small{padding-left:.5em}.bootstrap-select .dropdown-menu .notify{position:absolute;bottom:5px;width:96%;margin:0 2%;min-height:26px;padding:3px 5px;background:#f5f5f5;border:1px solid #e3e3e3;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05);pointer-events:none;opacity:.9;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-select .dropdown-menu .notify.fadeOut{-webkit-animation:.3s linear 750ms forwards bs-notify-fadeOut;-o-animation:.3s linear 750ms forwards bs-notify-fadeOut;animation:.3s linear 750ms forwards bs-notify-fadeOut}.bootstrap-select .no-results{padding:3px;background:#f5f5f5;margin:0 5px;white-space:nowrap}.bootstrap-select.fit-width .dropdown-toggle .filter-option{position:static;display:inline;padding:0}.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner,.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner{display:inline}.bootstrap-select.fit-width .dropdown-toggle .bs-caret:before{content:'\00a0'}.bootstrap-select.fit-width .dropdown-toggle .caret{position:static;top:auto;margin-top:-1px}.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark{position:absolute;display:inline-block;right:15px;top:5px}.bootstrap-select.show-tick .dropdown-menu li a span.text{margin-right:34px}.bootstrap-select .bs-ok-default:after{content:'';display:block;width:.5em;height:1em;border-style:solid;border-width:0 .26em .26em 0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.bootstrap-select.show-menu-arrow.open>.dropdown-toggle,.bootstrap-select.show-menu-arrow.show>.dropdown-toggle{z-index:1061}.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before{content:'';border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid rgba(204,204,204,.2);position:absolute;bottom:-4px;left:9px;display:none}.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after{content:'';border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;bottom:-4px;left:10px;display:none}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before{bottom:auto;top:-4px;border-top:7px solid rgba(204,204,204,.2);border-bottom:0}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after{bottom:auto;top:-4px;border-top:6px solid #fff;border-bottom:0}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before{right:12px;left:auto}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after{right:13px;left:auto}.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:after,.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:before,.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:after,.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:before{display:block}.bs-actionsbox,.bs-donebutton,.bs-searchbox{padding:4px 8px}.bs-actionsbox{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bs-actionsbox .btn-group button{width:50%}.bs-donebutton{float:left;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bs-donebutton .btn-group button{width:100%}.bs-searchbox+.bs-actionsbox{padding:0 8px 4px}.bs-searchbox .form-control{margin-bottom:0;width:100%;float:none} @charset "UTF-8"; h4 { font-size: 30px; line-height: 1.5; font-weight: 600; color: #2B3C73; text-transform: uppercase; text-align: left; } h4 span { color: #2B3C73 !important; } @media (max-width: 500px) { h4 { font-size: 25px; } } p { font-size: 20px; line-height: 30px; font-weight: 300; color: #2B3C73; text-align: left; } .container-fluid-2 { width: 90%; margin: 0 auto; } @media (max-width: 768px) { .container-fluid-2 { width: 100%; } } hr { background: linear-gradient(90deg, #ffb000 0%, gold 64%, #ffe800 100%); height: 1px; } footer { background: #12284C; } footer .container-grid { display: inline-grid; min-width: 100%; grid-template-columns: auto auto 10%; grid-template-areas: "logo menu social"; padding-bottom: 2.5rem; display: flex; align-items: center; justify-content: space-between; } @media (max-width: 992px) { footer .container-grid { display: flex; flex-direction: column; } } footer .footer-logo { grid-area: logo; } footer .footer-logo a { color: #fff; font-size: 20px; font-weight: 300; font-family: "Poppins", sans-serif; letter-spacing: 1.2px; text-transform: uppercase; } footer .footer-logo a img { margin-right: 15px; } @media screen and (max-width: 1200px) { footer .footer-logo a img { width: 185px; } } footer .menu-footer { grid-area: menu; display: flex; justify-content: flex-end; align-items: flex-start; text-align: center; margin-bottom: 0 !important; } footer .menu-footer li { list-style: none; text-align: left; border-right: 2px solid white; padding-right: 0.5rem; } footer .menu-footer li:last-of-type { border: 0; } @media (max-width: 500px) { footer .menu-footer li { border: unset; padding-right: 0; } } footer .menu-footer a { font-size: 15px; font-family: "Poppins", sans-serif; text-transform: capitalize; color: #fff; letter-spacing: 1.2px; text-transform: uppercase; } footer .menu-footer .contact-list, footer .menu-footer .menu-list { color: #fff; font-weight: 700; font-size: 18px; } footer .menu-footer .contact-list ul, footer .menu-footer .menu-list ul { padding-left: 0; padding-top: 10px; border-top: 2px solid #FDDE33; } footer .menu-footer .contact-list ul li, footer .menu-footer .menu-list ul li { font-weight: 300; margin-bottom: 10px; } footer .menu-footer .menu-list { margin-right: 4rem; } @media (max-width: 1440px) { footer .menu-footer li a { font-size: 14px; } } @media (max-width: 768px) { footer .menu-footer { flex-direction: column; text-align: center; align-items: center; } footer .menu-footer li:first-of-type { border: 0; } } footer .copyright { color: #fff; text-align: left; font-family: "Poppins", sans-serif; font-size: 18px; letter-spacing: 1.2px; text-transform: capitalize; } @media (max-width: 500px) { footer .copyright { text-align: center; } } footer .social-icons { grid-area: social; color: #fff; font-size: 20px; text-align: right; } footer .social-icons i { margin-right: 2px; margin-right: 2px; color: #fff; font-size: 22px; } .copyright { padding-top: 15px; border-top: 2px solid #FFC50B; } .accept-cookies { padding-top: 15px; width: 100%; background-color: black; position: fixed; bottom: 0; left: 0; z-index: 99; } .accept-cookies .btn.accept { width: 255px; margin-bottom: 15px; } .accept-cookies .btn.change-settings { width: 255px; margin-bottom: 15px; color: #fff; text-decoration: none; } .accept-cookies p { font-size: 14px; color: white; font-weight: 300; } .accept-cookies .fa-times { color: white; font-size: 22px; margin-left: 40px; margin-bottom: 15px; vertical-align: middle; } #cookie-settings-modal .modal-dialog { max-width: 900px; } #cookie-settings-modal .modal-content { border-radius: 0.5rem; } #cookie-settings-modal .modal-header { padding: 2rem; border-bottom: none; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; background-color: #000; color: #fff; } #cookie-settings-modal .modal-header .close { color: #fff; } #cookie-settings-modal .modal-title .cookie-settings-title { font-size: 20px; font-weight: 600; margin-bottom: 10px; } #cookie-settings-modal .modal-title .cookie-settings-subtitle { font-size: 16px; } #cookie-settings-modal .modal-body { padding: 2rem 2rem 1rem; } #cookie-settings-modal .modal-body .cookie-settings-row { margin-bottom: 20px; } #cookie-settings-modal .modal-body .cookie-settings-row .cookie-settings-checkbox { font-size: 20px; margin-bottom: 10px; } #cookie-settings-modal .modal-body .cookie-settings-row .cookie-settings-checkbox .state .icon:before { font-size: 80%; } #cookie-settings-modal .modal-body .cookie-settings-row .cookie-settings-checkbox input[disabled] ~ * { opacity: 1; } #cookie-settings-modal .modal-body .cookie-settings-row .cookie-settings-checkbox input[disabled] ~ .state .icon, #cookie-settings-modal .modal-body .cookie-settings-row .cookie-settings-checkbox input[disabled] ~ .state label:before { opacity: 0.5; } #cookie-settings-modal .modal-body .cookie-settings-row .cookie-settings-checkbox.statistics-cookies-label input:checked ~ .state .icon, #cookie-settings-modal .modal-body .cookie-settings-row .cookie-settings-checkbox.marketing-cookies-label input:checked ~ .state .icon { color: #fff; } #cookie-settings-modal .modal-body .cookie-settings-row .cookie-settings-checkbox.statistics-cookies-label input:checked ~ .state label:before, #cookie-settings-modal .modal-body .cookie-settings-row .cookie-settings-checkbox.marketing-cookies-label input:checked ~ .state label:before { background-color: #dc3545; border-color: #dc3545; } #cookie-settings-modal .modal-body .cookie-settings-row .cookie-settings-description { font-size: 16px; padding-left: 30px; } #cookie-settings-modal .modal-footer { padding: 0rem 2rem 2rem; justify-content: flex-start; border-top: none; border-bottom-right-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } #cookie-settings-modal .modal-footer .btn.accept-selected-cookies { color: #bd2130; text-decoration: none; padding-left: 0; padding-right: 0; margin-left: 30px; margin-right: 20px; } @media (max-width: 700px) { footer .container-grid { grid-template-columns: 100%; grid-template-areas: "logo" "menu" "social"; grid-row-gap: 10px; display: flex; flex-direction: column; } footer .footer-logo { width: -moz-fit-content; width: fit-content; margin: 0 auto; } footer .menu-footer { margin-right: 0; display: flex; flex-direction: column; margin-bottom: 0.25rem; } footer .menu-footer li { width: -moz-fit-content; width: fit-content; margin-left: auto; margin-right: auto !important; display: block; } footer .social-icons { width: -moz-fit-content; width: fit-content; margin: 0 auto; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { footer .container-grid { display: flex !important; } footer .menu-footer { margin-left: auto !important; } } header { background: linear-gradient(90deg, rgb(22, 47, 97) 0%, rgb(11, 79, 146) 100%); } header .header-container { max-width: 90%; } header .header-container .navbar-toggler:focus, header .header-container .navbar-toggler:active { outline: none; box-shadow: none; } header .header-container .navbar .header-icons { display: inherit; margin-left: 100px; } header .header-container .navbar .header-social-media-icons { display: list-item; text-align: -webkit-match-parent; margin-top: 7px; margin-left: 40px; margin-right: 40px; } @media screen and (max-width: 1530px) { header .header-container .navbar .header-social-media-icons { margin-top: 5px; margin-left: 10px; } } @media screen and (max-width: 1220px) { header .header-container .navbar .header-social-media-icons { margin-left: 5px; } } header .header-container .navbar .header-social-media-icons a { float: left; } header .header-container .navbar .header-social-media-icons a i { color: #fff; height: 20px; width: 22px; text-align: center; padding: 2px 0; border-radius: 5px; margin-left: 4px; margin-right: 4px; font-size: 20px; } @media screen and (max-width: 1200px) { header .header-container .navbar .header-social-media-icons { display: block !important; } header .header-container .navbar .header-social-media-icons a i { color: #2B3C73 !important; font-size: 50px !important; } } @media (max-width: 500px) { header .header-container .navbar .header-social-media-icons a i { font-size: 40px !important; } } header .header-container .navbar .header-social-media-icons.user-not-logged { margin-right: 20px; } @media screen and (max-width: 1530px) { header .header-container .navbar .header-social-media-icons.user-not-logged { margin-right: 0; } } header .header-container .navbar .icon-bell { height: auto; width: 45px; } header .header-container .navbar .nav-logo { color: #616161; font-size: 20px; font-weight: 300; font-family: "Poppins", sans-serif; letter-spacing: 1.2px; text-transform: uppercase; } header .header-container .navbar .nav-logo img { margin-right: 15px; } @media screen and (max-width: 1530px) { header .header-container .navbar .nav-logo img { width: 200px; } } @media screen and (max-width: 1300px) { header .header-container .navbar .nav-logo img { width: 165px; } } header .header-container .navbar .user-profile { margin: auto 5px; } header .header-container .navbar .user-profile i.fa-sign-in-alt { font-size: 25px; color: black; } header .header-container .navbar .user-profile .user-avatar { width: 60px; height: 60px; border-radius: 40px; display: inline-block; background-repeat: no-repeat; background-position: center center; background-size: cover; border: 1px solid #fff; } header .header-container .navbar .user-profile { margin-left: 10px !important; } header .header-container .navbar .user-profile .dropdown-menu::after { content: ""; position: absolute; left: 100%; top: 4px; width: 0; height: 0; border-top: 14px solid transparent; border-bottom: 14px solid transparent; border-left: 14px solid #fff; clear: both; } header .header-container .navbar .user-profile .dropdown-menu { margin-left: auto; box-shadow: 0px 1px 10px #616161; left: -300px; width: 285px; top: 20%; } header .header-container .navbar .user-profile .dropdown-menu .user-dropdown .header-dropdown { padding: 10px 25px; border-bottom: 2px solid #f5f5f5; } header .header-container .navbar .user-profile .dropdown-menu .user-dropdown .header-dropdown .user-grid { display: inline-grid; grid-template-columns: 75px 72%; grid-template-areas: "avatar name"; min-width: 100%; align-items: center; } header .header-container .navbar .user-profile .dropdown-menu .user-dropdown .header-dropdown .user-avatar-grid { grid-area: avatar; } header .header-container .navbar .user-profile .dropdown-menu .user-dropdown .header-dropdown .user-avatar-grid .user-avatar { width: 60px; height: 60px; border-radius: 40px; display: inline-block; background-repeat: no-repeat; background-position: center center; background-size: cover; } header .header-container .navbar .user-profile .dropdown-menu .user-dropdown .header-dropdown .user-name-grid { grid-area: name; } header .header-container .navbar .user-profile .dropdown-menu .user-dropdown .header-dropdown .user-name { color: #2B3C73; font-size: 14px; font-family: "Poppins", sans-serif; font-weight: 700; text-transform: capitalize; margin-bottom: 2px; } header .header-container .navbar .user-profile .dropdown-menu .user-dropdown .header-dropdown .user-points { font-size: 14px; font-family: "Poppins", sans-serif; color: #ea5455; } header .header-container .navbar .user-profile .dropdown-menu .user-dropdown .list-dropdown { padding: 10px 25px; border-bottom: 2px solid #f5f5f5; } header .header-container .navbar .user-profile .dropdown-menu .user-dropdown .list-dropdown ul { padding-left: 0; list-style: none; } header .header-container .navbar .user-profile .dropdown-menu .user-dropdown .list-dropdown ul li { margin-top: 3px; margin-bottom: 5px; } header .header-container .navbar .user-profile .dropdown-menu .user-dropdown .list-dropdown ul li a { color: #616161; font-size: 14px; font-family: "Poppins", sans-serif; letter-spacing: 1px; text-transform: capitalize; } header .header-container .navbar .user-profile .dropdown-menu .user-dropdown .footer-dropdown { padding: 10px 25px; display: inline-block; } header .header-container .navbar .user-profile .dropdown-menu .user-dropdown .footer-dropdown i { float: left; line-height: 21px; font-size: 20px; padding: 0.5rem; padding-right: 0px; padding-left: 0px; color: #616161; } header .header-container .navbar .user-profile .dropdown-menu .user-dropdown .footer-dropdown .logout-btn { padding-left: 2px; } header .header-container .navbar .user-profile .dropdown-menu .user-dropdown .footer-dropdown a { float: right; line-height: 21px; vertical-align: text-bottom; color: #616161; font-size: 14px; font-family: "Poppins", sans-serif; letter-spacing: 1px; text-transform: capitalize; } header .header-container .navbar .user-profile .dropdown-menu .user-dropdown .footer-dropdown button { line-height: 21px; vertical-align: text-bottom; color: #616161; font-size: 14px; font-family: "Poppins", sans-serif; letter-spacing: 1px; text-transform: capitalize; border: navajowhite; background: transparent; } header .header-container .navbar .user-profile .dropdown-menu .user-dropdown .footer-dropdown button:focus { outline: none; } header .header-container .navbar .nav-item { margin: auto 10px; } header .header-container .navbar .nav-item a { cursor: pointer; color: #ffffff; font-size: 20px; font-family: "Poppins", sans-serif; text-transform: uppercase; font-weight: 400; letter-spacing: 1.5px; background: transparent; padding-bottom: 0 !important; border-bottom: 2px solid transparent; } @media (max-width: 1650px) { header .header-container .navbar .nav-item a { font-size: 16px; } } header .header-container .navbar .nav-item a:hover { color: #FFD700 !important; border-bottom: 1px solid #FFD700; } @media screen and (max-width: 1790px) { header .header-container .navbar .nav-item a { font-size: 17px; } } @media screen and (max-width: 1690px) { header .header-container .navbar .nav-item a { font-size: 16px; } } @media screen and (max-width: 1610px) { header .header-container .navbar .nav-item a { font-size: 15px; } } @media screen and (max-width: 1570px) { header .header-container .navbar .nav-item a { font-size: 14px; } } @media screen and (max-width: 1530px) { header .header-container .navbar .nav-item a { font-size: 13px; } } @media screen and (max-width: 1250px) { header .header-container .navbar .nav-item a { font-size: 12px; } } header .header-container .navbar .nav-item .active { color: #FFD700 !important; border-bottom: 1px solid #FFD700; } header .header-container .navbar .nav-item .fa-bell { margin-right: 25px; } header .header-container .navbar .nav-item .fa-bell span { background-color: #f30a57; border-radius: 40%; height: 15px; width: 15px; color: white; font-size: 10px; padding: 2px; text-align: center; position: relative; top: -10px; right: 10px; display: none; } header .header-container .navbar .nav-item .fa-sitemap { margin-right: 0; } header .header-container .navbar .nav-item .dropdown-menu { padding: 0.5rem 1.5rem !important; min-width: auto !important; } header .header-container .navbar .nav-item .dropdown-menu .dropdown-item { width: -moz-fit-content; width: fit-content; padding: 0.25rem 0.25rem !important; padding-bottom: 0 !important; border-radius: 0; text-transform: capitalize !important; } header .header-container .navbar .nav-item .dropdown-menu.show { display: inline-block; } @media screen and (max-width: 1530px) { header .header-container .navbar .nav-item { margin: auto 5px; } } @media screen and (max-width: 1220px) { header .header-container .navbar .nav-item { margin: auto 3px; } } header .header-container .navbar .user-notification { margin-top: 7px; margin-left: 10px; } header.header-cover .header-container .navbar .header-social-media-icons a i { color: #fff; } header .languages-dropdown .nav-link { color: #ea5455 !important; text-transform: uppercase !important; } header .languages-dropdown .language-item { text-transform: uppercase !important; } header .dropdown-menu.lang.show { display: -webkit-inline-box !important; } header .dropdown-menu.lang.show .language-item { text-transform: uppercase !important; } header .mobile-social { display: none !important; } .nav-logo.mobile-social { height: auto; width: 70%; margin-top: -10px; } .header-cover { background: transparent; z-index: 10; position: absolute; top: 5px; left: 0; } .header-cover .languages-dropdown .nav-link { color: #FADBD8 !important; } .header-cover .header-container .navbar .nav-logo { color: white; } .header-cover .header-container .navbar .nav-item a { color: white; cursor: pointer; } .header-cover .header-container .navbar .nav-item .dropdown-item { color: #616161 !important; text-transform: capitalize; } .header-cover .header-container .navbar .nav-item .dropdown-item.active { border-bottom: 2px solid #ea5455 !important; } .header-cover .header-container .navbar .nav-item .active { color: #FFD700 !important; border-bottom: 2px solid #FFD700; display: initial; } .header-cover .header-container .navbar .nav-item .nav-link.alerts-tab, .header-cover .header-container .navbar .nav-item .nav-link.notifications-tab { color: #616161; } .header-cover .fa-bars { color: white !important; } .header-cover.no_cover .nav-item a { color: #616161 !important; } @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { .modal-body .social-buttons { width: 100% !important; } } @media screen and (max-width: 1200px) { header .header-icons { margin: 0 auto !important; } header .mobile-social { display: block !important; } header { margin-top: 0px; } header .header-container { max-width: unset; padding: 0; } header .header-container .navbar .nav-logo img { margin-right: 5px; margin: 0 auto; max-width: 175px; } header .header-container .navbar .user-profile { margin-left: 0 !important; } header .header-container .navbar .nav-item .active { border-bottom: 2px solid transparent; } header .overlay { z-index: 10 !important; width: 100vw; height: 100vh; position: fixed; overflow-y: scroll; overflow-x: hidden; top: 0; margin: 0 !important; background: white; left: 0; padding: 0; } header .overlay .mobile-logo { text-align: center; padding-top: 20px; } header .overlay .mobile-logo .nav-mobile-logo img { width: 20vw; } header .overlay .mobile-logo .user-profile { width: 50px; position: absolute; top: 15px; right: 15px; } header .overlay .closeMenuMobile { font-size: 25px; position: absolute; top: 25px; left: 25px; cursor: pointer; color: #000; } header .overlay ul { border-top: 1px solid rgba(0, 0, 0, 0.04); width: 100vw; margin: 0 !important; top: 20px; position: relative; border-radius: 0; padding: 0; box-shadow: none; } header .overlay ul .nav-item { margin: auto 25px !important; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-top: 5px; padding-bottom: 5px; } header .overlay ul .nav-item .dropdown-menu.show { border: none !important; } header .overlay ul .nav-item .dropdown-menu .dropdown-item { white-space: normal; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } header .overlay ul .nav-link { padding: 0.25rem 0 !important; color: #616161 !important; } header .overlay ul .languages-dropdown { text-align: center; border-bottom: none !important; } header .overlay ul .languages-dropdown .dropdown-menu { margin-left: 0 !important; } header .overlay ul .languages-dropdown a { font-size: 4vw !important; } header .overlay ul li a { text-align: left; font-size: 5vw !important; } header .overlay ul li.active .nav-link { color: #891714; } header .overlay ul li.active { border-bottom: unset; display: initial; } header .overlay ul li:last-of-type { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } header .overlay ul .header-social-media-icons { position: unset !important; display: block !important; width: -moz-fit-content !important; width: fit-content !important; margin: 10px auto !important; } header .overlay ul .header-social-media-icons i { font-size: 8vw !important; width: unset !important; height: unset !important; margin-left: 1vw !important; margin-right: 1vw !important; } header .align-items-end { list-style: none; } header .desktop-social { display: none !important; } header .header-social-media-icons.mobile-social { display: block !important; display: block !important; clear: both; margin-left: -15px !important; margin-right: -15px !important; } header .header-social-media-icons.mobile-social a { float: none !important; margin: 0 auto; } header .header-social-media-icons.mobile-social .center-social { width: 50%; text-align: -webkit-center; } header .header-social-media-icons.mobile-social::before { content: ""; display: block; margin-bottom: 8px; width: 100%; border-top: 1px solid #e5e5e5; clear: both; } header .languages-dropdown.mobile-social { padding: 5px; border-top: 1px solid #e5e5e5; margin-right: -15px !important; margin-left: -15px !important; text-align: center; } header .languages-dropdown.mobile-social .language-item { text-align: center; } header .languages-dropdown.mobile-social a { text-align: center; position: relative; display: contents; } header .languages-dropdown.mobile-social a::after { content: "|"; } header .languages-dropdown.mobile-social a:last-child::after { content: ""; } header .languages-dropdown.mobile-social .active-lang { text-decoration: underline; } header .header-social-media-icons a i { width: 100% !important; } .header-cover .navbar-expand-xl { position: absolute; width: 95%; } .header-cover .header-container .navbar .nav-item .active { color: #ea5455 !important; border-bottom: 2px solid transparent; } .header-cover .header-container .user-profile a { color: white !important; } .header-cover .languages-dropdown .nav-link { color: #ea5455 !important; } } @media screen and (max-width: 769px) { .header-cover { position: relative; } .header-cover .fa-bars { color: white !important; } .header-cover .nav-item a { color: #616161 !important; } .header-cover .header-social-media-icons.mobile-social { padding-bottom: 10px; } .header-cover .header-social-media-icons.mobile-social i { color: #616161 !important; } } @media screen and (max-width: 300px) { header .header-container .navbar .nav-logo { font-size: 15px; } header .header-container .navbar .nav-logo img { margin-right: 5px; } } @media (min-width: 992px) { header.has-social-media { padding-top: 0; } } @media (max-width: 1025px) { header .header-container .navbar { display: -webkit-flex !important; } header .header-container .navbar .header-social-media-icons { position: relative; top: 0; margin-bottom: 0; right: inherit; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) and (min-width: 720px) { header .header-container .navbar .header-social-media-icons { margin-top: -8px; margin-bottom: 0px; } } @media all and (min-width: 520px) and (max-width: 1200px) { header .overlay ul li a { font-size: 4vw !important; } } @media all and (min-width: 520px) and (max-width: 1200px) and (orientation: landscape) { header .overlay ul li a { font-size: 3vw !important; } } .modal .c-user-navigation { position: absolute; right: 10px; color: black; opacity: 1; } .modal .user-dropdown { width: 100%; } .modal .user-dropdown .header-dropdown { padding: 10px 25px; border-bottom: 2px solid #f5f5f5; } .modal .user-dropdown .header-dropdown .user-grid { display: inline-grid; grid-template-columns: 75px 72%; grid-template-areas: "avatar name"; min-width: 100%; align-items: center; } .modal .user-dropdown .header-dropdown .user-avatar-grid { grid-area: avatar; } .modal .user-dropdown .header-dropdown .user-avatar-grid .user-avatar { width: 60px; height: 60px; border-radius: 40px; display: inline-block; background-repeat: no-repeat; background-position: center center; background-size: cover; } .modal .user-dropdown .header-dropdown .user-name-grid { grid-area: name; } .modal .user-dropdown .header-dropdown .user-name { color: black; font-size: 14px; font-family: "Poppins", sans-serif; font-weight: 700; text-transform: capitalize; margin-bottom: 2px; } .modal .user-dropdown .header-dropdown .user-points { font-size: 12px; font-family: "Poppins", sans-serif; font-weight: bold; color: #ea5455; } .modal .user-dropdown .list-dropdown { padding: 10px 25px; border-bottom: 2px solid #f5f5f5; } .modal .user-dropdown .list-dropdown ul { padding-left: 0; list-style: none; } .modal .user-dropdown .list-dropdown ul li { margin-top: 3px; margin-bottom: 5px; } .modal .user-dropdown .list-dropdown ul li a { color: #616161; font-size: 14px; font-family: "Poppins", sans-serif; letter-spacing: 1px; text-transform: capitalize; } .modal .user-dropdown .footer-dropdown { padding: 10px 25px; display: inline-block; text-align: center; width: 100%; } .modal .user-dropdown .footer-dropdown i { line-height: 21px; font-size: 20px; padding: 0.5rem; padding-right: 0px; padding-left: 0px; color: #616161; } .modal .user-dropdown .footer-dropdown a { line-height: 21px; vertical-align: text-bottom; color: #616161; font-size: 14px; font-family: "Poppins", sans-serif; font-weight: 300; letter-spacing: 1px; text-transform: capitalize; } .modal .user-dropdown .footer-dropdown button { line-height: 21px; vertical-align: text-bottom; color: #616161; font-size: 14px; font-family: "Poppins", sans-serif; letter-spacing: 1px; text-transform: capitalize; border: navajowhite; background: transparent; } .modal .user-dropdown .footer-dropdown button:focus { outline: none; } .cover { position: relative; top: 0px; width: 100%; z-index: 1; height: calc(60vh + 80px); background-repeat: no-repeat !important; background-position: center center !important; background-size: cover !important; } .cover h1 { color: #ffffff; font-family: "Poppins Medium", sans-serif; font-size: 4vw; font-weight: normal; } .cover h3 { color: #ffffff; font-family: "Poppins", sans-serif; font-size: 1.3vw; } .parallax { background-attachment: fixed !important; background-position: center; background-repeat: no-repeat; background-size: cover; } @media screen and (max-width: 1025px) { .parallax { background-attachment: scroll !important; } } .cover.no_cover { display: none; } @media screen and (max-width: 1200px) { .cover { height: 100vh; } .cover h1 { font-size: 6vw; } .cover h3 { font-size: 4vw; } } .comments-container h3 { font-size: 26px; font-weight: 700; padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px solid #f5f5f5; } .comments-container #reactions-list ul.comments { list-style: none; padding: 0; } .comments-container #reactions-list ul.comments li .user-info { margin-bottom: 17px; } .comments-container #reactions-list ul.comments li .user-info .user-img { width: 50px; height: 50px; border-radius: 50%; background-repeat: no-repeat; background-position: center center; background-size: cover; display: inline-block; vertical-align: middle; margin-right: 15px; } .comments-container #reactions-list ul.comments li .user-info .user-name { display: inline-block; font-size: 14px; font-weight: 600; } .comments-container #reactions-list ul.comments li .user-info .user-name span { color: #616161; font-weight: 400; } .comments-container #reactions-list ul.comments li .comment { font-size: 14px; line-height: 22px; padding-bottom: 15px; border-bottom: 1px solid #f5f5f5; margin-bottom: 20px; } .comments-container .load-more { font-size: 22px; font-weight: 400; text-transform: uppercase; background: #ea5455; color: #ffffff; padding: 5px 20px; display: block; width: 100%; margin-bottom: 30px; border-radius: 3px; } .comments-container .load-more:hover { text-decoration: none; } .comments-container .load-more.hide-load-more { display: none; } .comments-container .user-name { display: inline-grid !important; position: relative; top: -15px; } .notifications.dropdown { top: 4px; margin-left: 10px; } .notifications.dropdown .dropdown-menu { width: 400px; padding-top: 0px; padding-bottom: 0px; left: -270px; } .notifications.dropdown .dropdown-menu ul { padding-left: 0px; } .notifications.dropdown .dropdown-menu::before { content: ""; background-color: transparent; border-right: 8px solid transparent; position: absolute; border-left: 8px solid transparent; border-bottom: 8px solid #fff; border-top: 8px solid transparent; border-bottom-color: #d3d3d3; top: -16px; right: 29%; } .notifications.dropdown .dropdown-menu::after { content: ""; background-color: transparent; border-right: 8px solid transparent; position: absolute; border-left: 8px solid transparent; border-bottom: 8px solid #fff; border-top: 8px solid transparent; border-bottom-color: white; top: -15px; right: 29%; } .notifications.dropdown .hidden { display: none; } .notifications.dropdown i { color: #f18249; font-size: 20px; } .notifications.dropdown .notifications-nr { background-color: #f30a57; border-radius: 45%; height: 20px; width: 20px; color: white; font-size: 11px; padding: 2px; text-align: center; position: absolute; top: -1px; } .notifications.dropdown .notifications-alerts-nr { background-color: #f30a57; border-radius: 40%; height: 15px; width: 15px; color: #ffffff; font-size: 10px; padding: 2px; text-align: center; position: absolute; top: -5px; right: -5px; } .notifications.dropdown .notifications-list { height: 300px; overflow-y: auto; } .notifications.dropdown .notifications-list .opened-notification h6, .notifications.dropdown .notifications-list .opened-notification i, .notifications.dropdown .notifications-list .opened-notification a, .notifications.dropdown .notifications-list-models .opened-notification h6, .notifications.dropdown .notifications-list-models .opened-notification i, .notifications.dropdown .notifications-list-models .opened-notification a { color: #b6b6b6 !important; } .notifications.dropdown .notifications-list h6, .notifications.dropdown .notifications-list a, .notifications.dropdown .notifications-list-models h6, .notifications.dropdown .notifications-list-models a { font-size: 14px; text-align: left; font-weight: 500; } .notifications.dropdown .notifications-list h6:hover, .notifications.dropdown .notifications-list a:hover, .notifications.dropdown .notifications-list-models h6:hover, .notifications.dropdown .notifications-list-models a:hover { text-decoration: none; } .notifications.dropdown .notifications-list i, .notifications.dropdown .notifications-list-models i { font-size: 16px; float: left; } .notifications.dropdown .notifications-list i.fa-calendar-check, .notifications.dropdown .notifications-list-models i.fa-calendar-check { color: #54c3b3; } .notifications.dropdown .notifications-list .notification-text, .notifications.dropdown .notifications-list-models .notification-text { padding-left: 15px; margin-left: 15px; } .notifications.dropdown .notifications-list .notification-header, .notifications.dropdown .notifications-list-models .notification-header { color: #515153; font-weight: 700; } .notifications.dropdown .notifications-list .notification-title, .notifications.dropdown .notifications-list-models .notification-title { color: #515153; font-style: italic; padding-bottom: 5px; } .notifications.dropdown .notifications-list .notification-time, .notifications.dropdown .notifications-list-models .notification-time { color: #6d7390; margin-bottom: 0px; } .notifications.dropdown .notifications-list ul, .notifications.dropdown .notifications-list li, .notifications.dropdown .notifications-list-models ul, .notifications.dropdown .notifications-list-models li { list-style: none; } .notifications.dropdown .notifications-list li, .notifications.dropdown .notifications-list-models li { padding: 10px; padding-left: 30px; } .notifications.dropdown .notifications-list li:hover, .notifications.dropdown .notifications-list-models li:hover { background-color: #f7f8fa; } .notifications.dropdown .user-menu-notifications { padding: 30px; } .notifications.dropdown .user-menu-notifications .nav-link { font-size: 18px; font-weight: 700; color: #585555; text-transform: none; padding: 0px !important; border: none; } .notifications.dropdown .user-menu-notifications .nav-link.active { color: #f18249; border: none; border-bottom: 3px solid #f18249 !important; } .notifications.dropdown .user-menu-notifications .nav-link:hover { border: none; padding: 0px !important; } .points-notification { width: 480px !important; background-color: #fdece4; border-color: #fdece4; border-radius: 0; position: relative; right: 275px; display: -webkit-inline-box !important; min-height: 95px; } .points-notification .close { position: absolute; right: 0px; top: -25px; font-size: 18px; opacity: 1; } .points-notification .close span { color: black; } .points-notification .close span:hover { color: black; opacity: 1; } .points-notification .close:hover { opacity: 1 !important; } .points-notification .fa-award { margin-right: 15px; font-size: 50px; } .points-notification h5 { margin-top: 10px; font-size: 14px; color: #616161; width: 80%; position: absolute; top: 0px; left: 70px; display: inherit; } .points-notification h5 span { font-weight: 700; } .points-notification .comment-text { bottom: 0px; display: contents; left: 75px; width: 100%; } .points-notification .comment-text h5 { width: 100%; position: relative; left: 51px; } @media (max-width: 750px) { .notifications-container { width: 100% !important; } .points-notification { max-width: 330px !important; right: 0px !important; float: right; height: 100%; } .points-notification .fa-award { margin-right: 10px; } } .notifications.dropdown i { color: #f1824a; font-size: 20px; } .notifications.dropdown .alerts-nr { background-color: #f30a57; border-radius: 45%; height: 20px; width: 20px; color: white; font-size: 11px; padding: 2px; text-align: center; position: absolute; top: -1px; } .notifications.dropdown .alerts-list { height: 300px; overflow-y: auto; } .notifications.dropdown .alerts-list #js-close-alerts, .notifications.dropdown .notifications-list-models #js-close-alerts, .notifications.dropdown .alert-single #js-close-alerts { border-top: none; color: #bdbdbd; padding: 10px; padding-left: 30px; } .notifications.dropdown .alerts-list #js-close-alerts .back-button, .notifications.dropdown .notifications-list-models #js-close-alerts .back-button, .notifications.dropdown .alert-single #js-close-alerts .back-button { border-top: none; font-size: 16px; padding-top: 20px; padding-bottom: 20px !important; color: #bdbdbd; text-transform: uppercase; } .notifications.dropdown .alerts-list #js-close-alerts .back-button .fa-arrow-left, .notifications.dropdown .notifications-list-models #js-close-alerts .back-button .fa-arrow-left, .notifications.dropdown .alert-single #js-close-alerts .back-button .fa-arrow-left { font-size: 12px !important; padding-right: 5px; padding-top: 7px; color: #bdbdbd; } .notifications.dropdown .alerts-list #js-close-alerts .back-button:hover, .notifications.dropdown .notifications-list-models #js-close-alerts .back-button:hover, .notifications.dropdown .alert-single #js-close-alerts .back-button:hover { color: #bdbdbd; } .notifications.dropdown .alerts-list h6, .notifications.dropdown .alerts-list a, .notifications.dropdown .notifications-list-models h6, .notifications.dropdown .notifications-list-models a, .notifications.dropdown .alert-single h6, .notifications.dropdown .alert-single a { font-size: 14px; text-align: left; font-weight: 500; } .notifications.dropdown .alerts-list h6:hover, .notifications.dropdown .alerts-list a:hover, .notifications.dropdown .notifications-list-models h6:hover, .notifications.dropdown .notifications-list-models a:hover, .notifications.dropdown .alert-single h6:hover, .notifications.dropdown .alert-single a:hover { text-decoration: none; } .notifications.dropdown .alerts-list h6 p, .notifications.dropdown .alerts-list a p, .notifications.dropdown .notifications-list-models h6 p, .notifications.dropdown .notifications-list-models a p, .notifications.dropdown .alert-single h6 p, .notifications.dropdown .alert-single a p { font-size: inherit; margin-bottom: 0px; } .notifications.dropdown .alerts-list i, .notifications.dropdown .notifications-list-models i, .notifications.dropdown .alert-single i { font-size: 16px; float: left; } .notifications.dropdown .alerts-list i.fa-calendar-check, .notifications.dropdown .notifications-list-models i.fa-calendar-check, .notifications.dropdown .alert-single i.fa-calendar-check { color: #54c3b3; } .notifications.dropdown .alerts-list .alert-text, .notifications.dropdown .notifications-list-models .alert-text, .notifications.dropdown .alert-single .alert-text { padding-left: 15px; margin-left: 15px; } .notifications.dropdown .alerts-list .alert-header, .notifications.dropdown .notifications-list-models .alert-header, .notifications.dropdown .alert-single .alert-header { color: #515153; font-weight: 700; text-transform: capitalize; } .notifications.dropdown .alerts-list .alert-title, .notifications.dropdown .notifications-list-models .alert-title, .notifications.dropdown .alert-single .alert-title { color: #515153; font-style: italic; padding-bottom: 5px; } .notifications.dropdown .alerts-list .alert-time, .notifications.dropdown .notifications-list-models .alert-time, .notifications.dropdown .alert-single .alert-time { color: #6d7390; margin-bottom: 0px; } .notifications.dropdown .alerts-list ul, .notifications.dropdown .alerts-list li, .notifications.dropdown .notifications-list-models ul, .notifications.dropdown .notifications-list-models li, .notifications.dropdown .alert-single ul, .notifications.dropdown .alert-single li { list-style: none; } .notifications.dropdown .alerts-list li, .notifications.dropdown .notifications-list-models li, .notifications.dropdown .alert-single li { padding: 10px; padding-left: 30px; } .notifications.dropdown .alerts-list li:hover, .notifications.dropdown .notifications-list-models li:hover, .notifications.dropdown .alert-single li:hover { background-color: #f7f8fa; } @media (max-width: 750px) { .notifications-container { width: 100% !important; } } .branches { margin: auto 0 !important; } .branches #branches { width: 350px; left: -165px; position: absolute; top: 35px; } .branches #branches .branches-title { padding: 20px 20px 10px 10px; font-size: 22px; color: #616161; font-family: "Poppins Semibold", sans-serif; } .branches #branches a:hover { text-decoration: none; } .branches #branches a .branch-item { display: inline-flex; width: 100%; margin-bottom: 5px; } .branches #branches a .branch-item:hover { cursor: pointer; } .branches #branches a .branch-item img { width: 50px; height: 50px; border-radius: 25px; margin-right: 20px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .branches #branches a .branch-item .branch-info i { color: #616161; font-size: 12px; top: -5px; position: relative; float: left; top: 2px; } .branches #branches a .branch-item .branch-info .branch-name { font-size: 18px; color: #616161; font-family: "Poppins Semibold", sans-serif; text-transform: capitalize; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 200px; } .branches #branches a .branch-item .branch-info .branch-location { color: #616161; font-size: 13px; font-family: "Poppins", sans-serif; font-weight: 400; margin-left: 17px; text-transform: capitalize; } .branch-desktop { margin: auto 5px auto 15px; } .branch-page hr { width: 60px; border-top: 4px solid #f18249; margin: 5px auto 30px 0; } .branch-page h1 { font-size: 35px; font-family: "Poppins Semibold", sans-serif; } .branch-page .branch-info { background-color: #fafafa; display: inherit; border-top: 2px solid rgba(234, 234, 234, 0.3294117647); padding: 50px 0px; } .branch-page .branch-info .branch-logo { float: left; border: 4px solid white; width: 200px; max-width: 200px; height: 200px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .branch-page .branch-info hr { margin-bottom: 10px; } .branch-page .branch-info .info { vertical-align: middle; } .branch-page .branch-info .info h3 { font-size: 20px; font-family: "Poppins Semibold", sans-serif; } .branch-page .branch-info .info .branch-social a { float: left; color: #f18249; font-size: 20px; margin-right: 5px; } .branch-page .contact { padding: 50px 15px; } .branch-page .contact h5 { color: #7c848c; font-size: 18px; font-family: "Poppins", sans-serif; font-weight: 300; } .branch-page .contact h4 { color: #161a1e; font-size: 14px; font-family: "Poppins Semibold", sans-serif; } .branch-page .leaders .card-member-inner { display: flex; flex-direction: column; min-height: 100%; padding-bottom: 1.75rem; padding-left: 1.25rem; padding-right: 1.25rem; box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.15); transition: box-shadow 0.15s ease-in-out, transform 0.15s ease-in-out; } .branch-page .leaders .card-member-inner:hover { box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.274); transform: translateY(-10px); } @media (min-width: 992px) { .branch-page .leaders .card-member-inner { padding-bottom: 2.5rem; } } .branch-page .leaders .card-member { padding-left: 0.625rem; padding-right: 0.625rem; margin-top: 2.5rem; } @media (min-width: 992px) { .branch-page .leaders .card-member { margin-top: 3.125rem; } } .branch-page .leaders .card-member-image { width: 250px; height: 250px; border-radius: 50% !important; margin: -50px auto 0 auto; background-color: #f18249; } @media (min-width: 992px) { .branch-page .leaders .card-member-image { width: 12.5rem !important; height: 12.5rem !important; margin-bottom: 1.875rem; } } .branch-page .leaders .user-social a { float: left; color: #f18249; font-size: 20px; margin-right: 5px; } .branch-page .leaders .card-member-name { font-size: 1.25rem; font-weight: 500; margin-bottom: 4px; text-align: center; letter-spacing: 0px; color: #222529; opacity: 1; } .branch-page .leaders .card-member-name > span { font-weight: 900; } @media (min-width: 992px) { .branch-page .leaders .card-member-name { font-size: 1.5625rem; margin-bottom: 0.5rem; } } .branch-page .leaders .contact-details { text-align: center; font: normal normal normal 20px/24px Barlow; letter-spacing: 0px; color: #7D848B; opacity: 1; font-size: 17px; } .branch-page .leaders .card-delimiter { height: 0.125rem; width: 1.25rem; margin-left: auto; margin-right: auto; background-color: #f18249; } @media (min-width: 992px) { .branch-page .leaders .card-delimiter { width: 1.875rem; } } .branch-page .leaders .card-member-company { padding-top: 0 !important; padding-bottom: 0 !important; margin-bottom: 0.625rem !important; font-size: 0.875rem; font-weight: 600; letter-spacing: 0px; color: #222529; opacity: 1; text-align: center; } .branch-page .leaders .card-member-details { padding: 1.25rem 0.9375rem 2.5rem !important; margin-bottom: 0 !important; font-size: 0.875rem; } @media (min-width: 992px) { .branch-page .leaders .card-member-details { font-size: 1rem; } } .branch-page .boards { background-color: #fafafa; display: inherit; padding: 50px 0px; } .branch-page .boards h4 { color: #f18249; font-size: 14px; font-family: "Poppins Semibold", sans-serif; margin-bottom: 0; } .branch-page .boards h5 { color: #161a1e; font-size: 12px; font-family: "Poppins Semibold", sans-serif; } .branch-page .boards h6 { color: #7c848c; font-size: 12px; font-family: "Poppins Semibold", sans-serif; } .branch-page .boards i { color: #f18249; float: left; font-size: 20px; margin-top: -2px; margin-right: 10px; } .branch-page .boards a:hover { text-decoration: none !important; } .branch-page .boards a .card { border: 1px solid rgba(0, 0, 0, 0.06); } .branch-page .boards a .card:hover { border: 1px solid rgba(0, 0, 0, 0.36); } .branch-page .boards a .card .card-header { border-bottom: none; text-decoration: none !important; } .branch-page .boards a .card .functions { float: left; text-transform: uppercase; } .branch-page .boards a .card .vacancies { float: right; text-transform: uppercase; } .branch-page .vacancies-section { background-color: #fff; display: inherit; padding: 50px 0px; } .branch-page .vacancies-section h4 { color: #f18249; font-size: 14px; font-family: "Poppins Semibold", sans-serif; margin-bottom: 0; } .branch-page .vacancies-section h5 { color: #161a1e; font-size: 12px; font-family: "Poppins Semibold", sans-serif; } .branch-page .vacancies-section h6 { color: #7c848c; font-size: 12px; font-family: "Poppins Semibold", sans-serif; } .branch-page .vacancies-section i { color: #f18249; float: left; font-size: 20px; margin-top: -2px; margin-right: 10px; } .branch-page .vacancies-section .card { border: 1px solid rgba(0, 0, 0, 0.06); } .branch-page .vacancies-section .card .card-header { border-bottom: none; } .branch-page .vacancies-section .card .board { float: left; text-transform: capitalize; } .branch-page .branches-section { background-color: #fafafa; display: inherit; padding: 50px 0px; } .branch-page .branches-section .branch-item { display: inline-flex; width: 100%; margin-bottom: 5px; } .branch-page .branches-section .branch-item:hover { cursor: pointer; } .branch-page .branches-section .branch-item img { width: 50px; height: 50px; border-radius: 25px; margin-right: 20px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .branch-page .branches-section .branch-item .branch-infos i { color: #616161; font-size: 12px; top: -5px; position: relative; float: left; top: 2px; } .branch-page .branches-section .branch-item .branch-infos .branch-name { font-size: 18px; color: #616161; font-family: "Poppins Semibold", sans-serif; text-transform: capitalize; } .branch-page .branches-section .branch-item .branch-infos .branch-location { color: #616161; font-size: 12px; font-family: "Poppins", sans-serif; font-weight: 300; margin-left: 17px; text-transform: capitalize; } @media screen and (max-width: 767px) { .branch-page hr { margin: 0 auto; margin-bottom: 15px; } .branch-page .branch-logo { display: block; margin: 0 auto; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .branch-page .branch-info .info { text-align: center; } .branch-page .branch-info .info .branch-social { width: -moz-fit-content; width: fit-content; margin: 0 auto; } .branch-page .branch-info .info .branch-social a { margin-right: 5px; margin-left: 5px; } .branch-page .contact h1 { text-align: center; } .branch-page .board-members h1 { text-align: center; } .branch-page .boards h1 { text-align: center; } .branch-page .vacancies-section h1 { text-align: center; } .branch-page .branches-section h1 { text-align: center; } } .board-page hr { width: 60px; border-top: 4px solid #f18249; margin: 5px auto 30px 0; } .board-page h1 { font-size: 35px; font-family: "Poppins Semibold", sans-serif; } .board-page .branch-info { background-color: #fafafa; display: inherit; border-top: 2px solid rgba(234, 234, 234, 0.3294117647); padding: 50px 0px; } .board-page .branch-info .branch-logo { float: left; border: 4px solid white; width: 200px; max-width: 200px; height: 200px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .board-page .branch-info hr { margin-bottom: 10px; } .board-page .branch-info .info { vertical-align: middle; } .board-page .branch-info .info h3 { font-size: 20px; font-family: "Poppins Semibold", sans-serif; } .board-page .branch-info .info .branch-social a { float: left; color: #f18249; font-size: 20px; margin-right: 5px; } .board-page .branch-info .info .branch-back { color: #f18249; font-size: 18px; font-family: "Poppins Semibold", sans-serif; text-decoration: underline; } .board-page .board-members { background-color: #fff; display: inherit; padding: 50px 0px; } .board-page .board-members .member-item { display: block; margin: 5px 15px; padding: 25px; } .board-page .board-members .member-item:hover { cursor: pointer; text-decoration: none; } .board-page .board-members .member-item .member-img { float: left; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .board-page .board-members .member-item img { width: 75px; height: 75px; border-radius: 50%; margin-right: 15px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .board-page .board-members .member-item .member-infos i { color: #616161; font-size: 20px; position: relative; float: left; bottom: -7px; margin-right: 10px; } .board-page .board-members .member-item .member-infos .member-name { font-size: 18px; color: #000; font-family: "Poppins Semibold", sans-serif; text-transform: capitalize; margin-bottom: 0px; } .board-page .board-members .member-item .member-infos .member-function { color: #616161; font-size: 14px; font-family: "Poppins", sans-serif; font-weight: 400; text-transform: capitalize; } .board-page .vacancies-section { background-color: #fafafa; display: inherit; padding: 50px 0px; } .board-page .vacancies-section h4 { color: #f18249; font-size: 14px; font-family: "Poppins Semibold", sans-serif; margin-bottom: 0; } .board-page .vacancies-section h5 { color: #161a1e; font-size: 12px; font-family: "Poppins Semibold", sans-serif; } .board-page .vacancies-section h6 { color: #7c848c; font-size: 12px; font-family: "Poppins Semibold", sans-serif; } .board-page .vacancies-section i { color: #f18249; float: left; font-size: 20px; margin-top: -2px; margin-right: 10px; } .board-page .vacancies-section .card { border: 1px solid rgba(0, 0, 0, 0.06); } .board-page .vacancies-section .card .card-header { border-bottom: none; } .board-page .vacancies-section .card .board { float: left; text-transform: capitalize; } .board-page .branches-section { background-color: #fafafa; display: inherit; padding: 50px 0px; } .board-page .branches-section .branch-item { display: inline-flex; width: 100%; margin-bottom: 5px; } .board-page .branches-section .branch-item:hover { cursor: pointer; } .board-page .branches-section .branch-item img { width: 50px; height: 50px; border-radius: 25px; margin-right: 20px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .board-page .branches-section .branch-item .branch-infos i { color: #616161; font-size: 12px; top: -5px; position: relative; float: left; top: 2px; } .board-page .branches-section .branch-item .branch-infos .branch-name { font-size: 18px; color: #616161; font-family: "Poppins Semibold", sans-serif; text-transform: capitalize; } .board-page .branches-section .branch-item .branch-infos .branch-location { color: #616161; font-size: 12px; font-family: "Poppins", sans-serif; font-weight: 300; margin-left: 17px; text-transform: capitalize; } @media screen and (max-width: 767px) { .board-page hr { margin: 0 auto; margin-bottom: 15px; } .board-page .branch-logo { display: block; margin: 0 auto; } .board-page .branch-info .info { text-align: center; } .board-page .branch-info .info .branch-social { width: -moz-fit-content; width: fit-content; margin: 0 auto; } .board-page .branch-info .info .branch-social a { margin-right: 5px; margin-left: 5px; } .board-page .vacancies-section h1 { text-align: center; } } .mobile-notifications .see-all-button { margin-top: 8px; } .mobile-notifications .overlay { width: 100vw; width: 0; position: fixed; z-index: 1; top: 0; left: 0; background-color: #ffffff; overflow-x: hidden; transition: 0.2s; } .mobile-notifications .overlay ul { width: 100%; border-top: 1px solid rgba(0, 0, 0, 0.04); margin: 0 !important; top: 20px; position: relative; border-radius: 0; padding: 0; box-shadow: none; } .mobile-notifications .overlay .overlay-content { position: relative; width: 100%; text-align: center; padding: 30px 4vw; list-style: none; } .mobile-notifications .overlay .overlay-content .hidden { display: none; } .mobile-notifications .overlay .overlay-content .menu-item-notification { color: #515153; } .mobile-notifications .overlay .overlay-content .list-scroll { overflow: auto; height: 83vh; } .mobile-notifications .overlay .overlay-content .list-scroll .nav-tabs.user-menu-notifications { border: none; } .mobile-notifications .overlay .overlay-content .list-scroll .nav-tabs.user-menu-notifications .nav-item { background-color: white; border: none; } .mobile-notifications .overlay .overlay-content .list-scroll .nav-tabs.user-menu-notifications .nav-link { border-top: none; border-left: none; border-right: none; font-size: 12px !important; cursor: pointer; font-family: "Barlow", sans-serif; text-transform: uppercase; font-weight: 600; letter-spacing: 1.5px; background: transparent; padding-bottom: 0 !important; border-bottom: 2px solid transparent; } .mobile-notifications .overlay .overlay-content h6, .mobile-notifications .overlay .overlay-content a { font-size: 2.5vw; text-align: left; font-weight: 500; } .mobile-notifications .overlay .overlay-content h6:hover, .mobile-notifications .overlay .overlay-content a:hover { text-decoration: none; } .mobile-notifications .overlay .overlay-content i { font-size: 2.5vw; float: left; } .mobile-notifications .overlay .overlay-content i.fa-calendar-check { color: #54c3b3; } .mobile-notifications .overlay .overlay-content .notification-text, .mobile-notifications .overlay .overlay-content .alert-text { padding-left: 15px; margin-left: 15px; } .mobile-notifications .overlay .overlay-content .notification-header, .mobile-notifications .overlay .overlay-content .alert-header { color: #515153; font-weight: 700; } .mobile-notifications .overlay .overlay-content .notification-title, .mobile-notifications .overlay .overlay-content .alert-title { color: #515153; font-style: italic; padding-bottom: 5px; } .mobile-notifications .overlay .overlay-content .notification-title p, .mobile-notifications .overlay .overlay-content .alert-title p { margin-bottom: 0; font-size: 2.5vw; } .mobile-notifications .overlay .overlay-content .notification-time, .mobile-notifications .overlay .overlay-content .alert-time { color: #6d7390; margin-bottom: 0px; } .mobile-notifications .overlay .overlay-content ul, .mobile-notifications .overlay .overlay-content li { list-style: none; } .mobile-notifications .overlay .overlay-content li:first-of-type { border-top: none !important; } .mobile-notifications .overlay .overlay-content li { margin-top: 0px !important; margin-bottom: 0px !important; padding: 10px; } .mobile-notifications .overlay .overlay-content li:hover { background-color: #f7f8fa; } .mobile-notifications .overlay .overlay-content #js-close-notification { border-top: none; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .mobile-notifications .overlay .overlay-content .back-button { color: #616161; border-top: none; font-size: 4vw !important; padding-top: 20px; padding-bottom: 20px !important; cursor: pointer; font-family: "Barlow", sans-serif; text-transform: uppercase; font-weight: 600; letter-spacing: 1.5px; background: transparent; border-bottom: 2px solid transparent; } .mobile-notifications .overlay .overlay-content .back-button .fa-arrow-left { font-size: 3vw !important; padding-right: 15px; padding-top: 2vw; } .mobile-notifications .overlay a { padding: 8px; text-decoration: none; font-size: 36px; color: #818181; display: block; transition: 0.3s; cursor: pointer; font-family: "Barlow", sans-serif; text-transform: uppercase !important; font-weight: 600; letter-spacing: 1.5px; background: transparent; padding-bottom: 0 !important; border-bottom: 2px solid transparent; } .mobile-notifications .overlay a:hover, .mobile-notifications .overlay .overlay a:focus { color: #f1f1f1; } .mobile-notifications .overlay .closebtn { position: absolute; top: 20px; right: 45px; font-size: 60px; } @media screen and (max-height: 450px) { .mobile-notifications .overlay a { font-size: 20px; } .mobile-notifications .overlay .closebtn { font-size: 40px; top: 15px; right: 35px; } } .mobile-logo { text-align: center; padding-top: 20px; } .mobile-logo .nav-mobile-logo img { width: 20vw; } .mobile-logo .user-profile { width: 50px; position: absolute; top: 15px; right: 15px; } .mobile-branches .overlay { width: 100vw; width: 0; position: fixed; z-index: 1; top: 0; left: 0; background-color: #ffffff; overflow-x: hidden; transition: 0.2s; } .mobile-branches .overlay .overlay-content { position: relative; width: 100%; text-align: center; padding: 30px 4vw; list-style: none; } .mobile-branches .overlay .overlay-content .hidden { display: none; } .mobile-branches .overlay .overlay-content .list-scroll { overflow: auto; height: 85vh; top: 0px; } .mobile-branches .overlay .overlay-content #js-close-branches { border-top: none; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .mobile-branches .overlay .overlay-content .back-button { border-top: none; font-size: 4vw !important; padding-top: 20px; padding-bottom: 20px !important; color: #616161 !important; } .mobile-branches .overlay .overlay-content .back-button .fa-arrow-left { font-size: 3vw !important; padding-right: 15px; padding-top: 2vw; color: #616161 !important; } .mobile-branches .overlay .overlay-content .branches-title { padding: 20px 20px 10px 10px; font-size: 22px; color: #616161; font-family: "Poppins Semibold", sans-serif; } .mobile-branches .overlay .overlay-content .branch-item { display: inline-flex; width: 100%; margin-bottom: 5px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 10px; } .mobile-branches .overlay .overlay-content .branch-item:hover { cursor: pointer; } .mobile-branches .overlay .overlay-content .branch-item img { width: 50px; height: 50px; border-radius: 25px; margin-right: 20px; } .mobile-branches .overlay .overlay-content .branch-item .branch-info i { color: #616161; font-size: 12px; top: -5px; position: relative; float: left; top: 2px; } .mobile-branches .overlay .overlay-content .branch-item .branch-info .branch-name { color: #616161; font-family: "Poppins Semibold", sans-serif; font-size: 3vw; margin-top: 13px; text-transform: capitalize; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 250px; } .mobile-branches .overlay .overlay-content .branch-item .branch-info .branch-location { color: #616161; font-size: 2.5vw; font-family: "Poppins", sans-serif; font-weight: 400; margin-left: 17px; text-transform: capitalize; } .mobile-branches .overlay a { padding: 8px; text-decoration: none; font-size: 36px; color: #818181; display: block; transition: 0.3s; } .mobile-branches .overlay a:hover, .mobile-branches .overlay .overlay a:focus { color: #f1f1f1; } .mobile-branches .overlay .closebtn { position: absolute; top: 20px; right: 45px; font-size: 60px; } @media screen and (max-height: 450px) { .mobile-branches .overlay a { font-size: 20px; } .mobile-branches .overlay .closebtn { font-size: 40px; top: 15px; right: 35px; } } #signInModal .modal-dialog { max-width: 450px; margin: 6.75rem auto; } #signInModal .modal-dialog .modal-header { padding: 1rem 2rem; } #signInModal .modal-dialog .modal-header .modal-title { color: #b6b6b6; font-size: 18px; font-family: "Poppins Medium", sans-serif; } #signInModal .modal-dialog .modal-header button { font-size: 38px; line-height: 20px; } #signInModal .modal-dialog .modal-header button:focus { outline: none; } #signInModal .modal-dialog .modal-body { padding: 2rem; } #signInModal .modal-dialog .modal-body input::-moz-placeholder { color: #b6b6b6; font-size: 14px; font-family: "Poppins Medium", sans-serif; } #signInModal .modal-dialog .modal-body input::placeholder { color: #b6b6b6; font-size: 14px; font-family: "Poppins Medium", sans-serif; } #signInModal .modal-dialog .modal-body .form-control { padding: 1.375rem 0.75rem; } #signInModal .modal-dialog .modal-body .checkbox label { font-size: 14px; font-family: "Poppins Medium", sans-serif; color: #b6b6b6; } #signInModal .modal-dialog .modal-body a { float: right; color: #ea5455; font-size: 12px; font-family: "Poppins Medium", sans-serif; } #signInModal .modal-dialog .modal-body #loginButton { padding: 0.575rem 0.75rem; font-size: 14px; color: #fff; font-family: "Poppins Medium", sans-serif; width: 100%; background-color: #ea5455; letter-spacing: 1px; } #signInModal .modal-dialog .modal-body p { width: 100%; text-align: center; font-family: "Poppins Medium", sans-serif; font-size: 12px; color: #757575; margin-top: 20px; margin-bottom: 0; } #signInModal .modal-dialog .modal-body .register-now-div { width: -moz-fit-content; width: fit-content; margin: 0 auto; } #signInModal .modal-dialog .modal-body .register-now-div a { cursor: pointer; float: unset; } #signInModal .modal-dialog .modal-body .container-checkbox { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; user-select: none; /* Hide the browser's default checkbox */ } #signInModal .modal-dialog .modal-body .container-checkbox input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } #signInModal .modal-dialog .modal-body .container-checkbox { /* Create a custom checkbox */ } #signInModal .modal-dialog .modal-body .container-checkbox .checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #eee; } #signInModal .modal-dialog .modal-body .container-checkbox { /* On mouse-over, add a grey background color */ } #signInModal .modal-dialog .modal-body .container-checkbox:hover input ~ .checkmark { background-color: #ccc; } #signInModal .modal-dialog .modal-body .container-checkbox { /* When the checkbox is checked, add a blue background */ } #signInModal .modal-dialog .modal-body .container-checkbox input:checked ~ .checkmark { background-color: #757575; } #signInModal .modal-dialog .modal-body .container-checkbox { /* Create the checkmark/indicator (hidden when not checked) */ } #signInModal .modal-dialog .modal-body .container-checkbox .checkmark:after { content: ""; position: absolute; display: none; } #signInModal .modal-dialog .modal-body .container-checkbox { /* Show the checkmark when checked */ } #signInModal .modal-dialog .modal-body .container-checkbox input:checked ~ .checkmark:after { display: block; } #signInModal .modal-dialog .modal-body .container-checkbox { /* Style the checkmark/indicator */ } #signInModal .modal-dialog .modal-body .container-checkbox .checkmark:after { left: 9px; top: 3px; width: 8px; height: 14px; border: solid white; border-width: 0 3px 3px 0; transform: rotate(45deg); } #signInModal .modal-dialog .modal-body .vertical-line { height: 1px; background-color: #757575; width: 76%; position: relative; top: -8px; margin-left: auto; } #signInModal .modal-dialog .search-input { display: inline-block; width: 100%; } #signInModal .modal-dialog .search-input input { width: 100%; } #signInModal .modal-dialog .search-input .error { color: #ea5455; } #loginFormTemp span.error { color: #f30a57; } @media screen and (max-width: 767px) { .mobile-modal { display: table; height: 100%; width: 95%; margin: 0 auto; } .mobile-modal .modal-dialog { display: table-cell !important; vertical-align: middle !important; } header .header-container .navbar .user-profile .user-avatar { width: 40px; height: 40px; cursor: pointer; } #privacyModal .modal-dialog { margin: 0 auto !important; } } .reset-form { padding: 40px; top: 255px; width: 100%; height: 74vh; } .reset-form #forgotButton { width: 100%; background-color: #ea5455; color: white; border-color: #f30a57; } @media screen and (max-width: 575px) { #signInModal .modal-dialog, #userNavigation .modal-dialog { max-width: 300px; } } @media screen and (max-width: 575px) { .g-recaptcha { transform: scale(0.8) !important; -webkit-transform: scale(0.8) !important; transform-origin: 0 0 !important; -webkit-transform-origin: 0 0 !important; } .g-recaptcha-form { width: 200px; margin-left: auto; margin-right: auto; } } #registerModal .modal-dialog { max-width: 600px; margin: 6.75rem auto; } #registerModal .modal-dialog .modal-header { padding: 1rem 2rem; } #registerModal .modal-dialog .modal-header .modal-title { color: #616161; font-size: 18px; font-family: "Poppins Medium", sans-serif; } #registerModal .modal-dialog .modal-header button { font-size: 38px; line-height: 20px; } #registerModal .modal-dialog .modal-header button:focus { outline: none; } #registerModal .modal-dialog .modal-body { padding: 2rem; } #registerModal .modal-dialog .modal-body .validation-error { font-size: 15px; } #registerModal .modal-dialog .modal-body .validation-error::first-letter { text-transform: capitalize; } #registerModal .modal-dialog .modal-body .captcha-error { text-align: center; font-size: 15px; color: #ea5455; } #registerModal .modal-dialog .modal-body input::-moz-placeholder { color: #b6b6b6; font-size: 14px; font-family: "Poppins Medium", sans-serif; } #registerModal .modal-dialog .modal-body input::placeholder { color: #b6b6b6; font-size: 14px; font-family: "Poppins Medium", sans-serif; } #registerModal .modal-dialog .modal-body input:focus { outline: none; box-shadow: none; } #registerModal .modal-dialog .modal-body .checkbox label { font-size: 14px; font-family: "Poppins Medium", sans-serif; color: #b6b6b6; } #registerModal .modal-dialog .modal-body a { float: right; color: #ea5455; font-size: 12px; font-family: "Poppins Medium", sans-serif; } #registerModal .modal-dialog .modal-body #loginButton { padding: 0.575rem 0.75rem; font-size: 14px; color: #fff; font-family: "Poppins Medium", sans-serif; width: 100%; background-color: #ea5455; letter-spacing: 1px; } #registerModal .modal-dialog .modal-body p { width: 100%; text-align: center; font-family: "Poppins Medium", sans-serif; font-size: 12px; color: #757575; margin-top: 20px; margin-bottom: 0; } #registerModal .modal-dialog .modal-body .sign-now-div { width: -moz-fit-content; width: fit-content; margin: 0 auto; } #registerModal .modal-dialog .modal-body .sign-now-div a { float: unset; } #registerModal .modal-dialog .modal-body .error { color: #ea5455; font-size: 15px !important; } #registerModal .modal-dialog .modal-body .disclaimers span { color: #b6b6b6; font-size: 12px; font-family: "Poppins Medium", sans-serif; } #registerModal .modal-dialog .modal-body .disclaimers span a { float: unset; color: #ea5455; font-size: 12px; font-family: "Poppins Medium", sans-serif; } #registerModal .modal-dialog .modal-body .disclaimers label { color: #b6b6b6; font-size: 12px; font-family: "Poppins Medium", sans-serif; } #registerModal .modal-dialog .modal-body .disclaimers label a { float: unset; color: #ea5455; font-size: 12px; font-family: "Poppins Medium", sans-serif; } #registerModal .modal-dialog .modal-body .container-checkbox { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; user-select: none; /* Hide the browser's default checkbox */ } #registerModal .modal-dialog .modal-body .container-checkbox input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } #registerModal .modal-dialog .modal-body .container-checkbox { /* Create a custom checkbox */ } #registerModal .modal-dialog .modal-body .container-checkbox .checkmark { position: absolute; top: -3px; left: 0; height: 25px; width: 25px; background-color: #fff; border: 2px solid #616161; } #registerModal .modal-dialog .modal-body .container-checkbox .checkmark.has-error-border { border-color: #ea5455; } #registerModal .modal-dialog .modal-body .container-checkbox .checkbox-warning-icon { color: #ea5455; margin-right: 5px; } #registerModal .modal-dialog .modal-body .container-checkbox { /* On mouse-over, add a grey background color */ } #registerModal .modal-dialog .modal-body .container-checkbox:hover input ~ .checkmark { background-color: #ccc; } #registerModal .modal-dialog .modal-body .container-checkbox { /* When the checkbox is checked, add a blue background */ } #registerModal .modal-dialog .modal-body .container-checkbox input:checked ~ .checkmark { background-color: #616161; } #registerModal .modal-dialog .modal-body .container-checkbox { /* Create the checkmark/indicator (hidden when not checked) */ } #registerModal .modal-dialog .modal-body .container-checkbox .checkmark:after { content: ""; position: absolute; display: none; } #registerModal .modal-dialog .modal-body .container-checkbox { /* Show the checkmark when checked */ } #registerModal .modal-dialog .modal-body .container-checkbox input:checked ~ .checkmark:after { display: block; } #registerModal .modal-dialog .modal-body .container-checkbox { /* Style the checkmark/indicator */ } #registerModal .modal-dialog .modal-body .container-checkbox .checkmark:after { left: 7px; top: 2px; width: 8px; height: 14px; border: solid white; border-width: 0 3px 3px 0; transform: rotate(45deg); } #registerModal .modal-dialog .modal-body .vertical-line { height: 1px; background-color: #757575; width: 71%; position: relative; top: -9px; margin-left: auto; } #registerModal .modal-dialog .modal-body .g-recaptcha div { margin: 0 auto; } #registerModal .modal-dialog .modal-body .sign-btn { padding: 0.575rem 0.75rem; font-size: 14px; color: #fff; font-family: "Poppins Medium", sans-serif; width: 100%; background-color: #ea5455; letter-spacing: 1px; } #forgotModal .modal-dialog { max-width: 500px; margin: 6.75rem auto; } #forgotModal .modal-dialog .modal-header { padding: 1rem 2rem; } #forgotModal .modal-dialog .modal-header .modal-title { color: #616161; font-size: 18px; font-family: "Poppins Medium", sans-serif; } #forgotModal .modal-dialog .modal-header button { font-size: 38px; line-height: 20px; } #forgotModal .modal-dialog .modal-header button:focus { outline: none; } #forgotModal .modal-dialog .modal-body { padding: 2rem; } #forgotModal .modal-dialog .modal-body .forgot-message { font-size: 15px !important; } #forgotModal .modal-dialog .modal-body input::-moz-placeholder { color: #bdbdbd; font-size: 14px; font-family: "Poppins Medium", sans-serif; } #forgotModal .modal-dialog .modal-body input::placeholder { color: #bdbdbd; font-size: 14px; font-family: "Poppins Medium", sans-serif; } #forgotModal .modal-dialog .modal-body .form-control { padding: 1.375rem 0.75rem; } #forgotModal .modal-dialog .modal-body a { float: right; color: #ea5455; font-size: 12px; font-family: "Poppins Medium", sans-serif; } #forgotModal .modal-dialog .modal-body #forgotButton { padding: 0.575rem 0.75rem; font-size: 14px; color: #fff; font-family: "Poppins Medium", sans-serif; width: 100%; background-color: #ea5455; letter-spacing: 1px; } #confirmModal .modal-dialog { max-width: 355px; margin: 6.75rem auto; } #confirmModal .modal-dialog .modal-header { padding: 1rem 3rem; } #confirmModal .modal-dialog .modal-header .modal-title { color: #616161; font-size: 18px; font-family: "Poppins Medium", sans-serif; } #confirmModal .modal-dialog .modal-header button { font-size: 38px; line-height: 20px; } #confirmModal .modal-dialog .modal-header button:focus { outline: none; } #confirmModal .modal-dialog .modal-body { padding: 2rem 3rem; } #confirmModal .modal-dialog .modal-body h4 { width: 100%; text-align: center; font-family: "Poppins Medium", sans-serif; font-size: 12px; color: #757575; margin-top: 0px; margin-bottom: 40px; } #confirmModal .modal-dialog .modal-body #confirmBtn { padding: 0.575rem 0.75rem; font-size: 14px; color: #fff; font-family: "Poppins Medium", sans-serif; width: 100%; background-color: #ea5455; letter-spacing: 1px; } #privacyModal .modal-dialog { max-width: 355px; margin: 6.75rem auto; } #privacyModal .modal-dialog .modal-header { padding: 1rem 3rem; } #privacyModal .modal-dialog .modal-header .modal-title { color: #616161; font-size: 18px; font-family: "Poppins Medium", sans-serif; } #privacyModal .modal-dialog .modal-header button { font-size: 38px; line-height: 20px; } #privacyModal .modal-dialog .modal-header button:focus { outline: none; } #privacyModal .modal-dialog .modal-body { padding: 2rem 3rem; } #privacyModal .modal-dialog .modal-body h4 { width: 100%; text-align: center; font-family: "Poppins Medium", sans-serif; font-size: 12px; color: #757575; margin-top: 0px; margin-bottom: 40px; } #privacyModal .modal-dialog .modal-body #confirconfirmPrivacyBtnmBtn { padding: 0.575rem 0.75rem; font-size: 14px; color: #fff; font-family: "Poppins Medium", sans-serif; width: 100%; background-color: #ea5455; letter-spacing: 1px; } .modal-open { padding-right: 0 !important; } @media screen and (max-width: 767px) { .modal-dialog { margin: 0.5rem !important; } } .banner-widget { width: calc(100% + 30px); margin: 0 -15px; } .banner-widget .content-banner { padding-bottom: 2.8rem; } .banner-widget .content-banner .banner-text { font-size: 54px; text-shadow: none !important; font-family: "Poppins Semibold", sans-serif; } .banner-widget .content-banner .banner-button { display: inline-flex; } .banner-widget .content-banner .f-left { float: left; } .banner-widget .content-banner .f-right { float: right; } .banner-widget .content-banner .container .middle-banner-content { max-width: 670px; } .banner-widget .content-banner .container .middle-banner-content .div-banner-text .banner-text p { text-align: left; font-weight: 300; } .banner-widget .content-banner .container .middle-banner-content .banner-button { float: left; } @media screen and (max-width: 1025px) { .parallax { background-attachment: scroll !important; } } @media screen and (max-width: 765px) { .banner-widget .content-banner .banner-text { font-size: 30px; text-align: center !important; } .banner-widget .content-banner .f-left { float: unset; } .banner-widget .content-banner .f-right { float: unset; } } .ql-size-huge { font-size: 60px; } .ql-size-large { font-size: 36px; } .ql-size-normal { font-size: 24px; } .ql-size-small { font-size: 18px; } p { font-family: "Poppins", sans-serif; font-size: 20px; margin: 0; margin-bottom: 15px; } .ql-align-justify { text-align: justify !important; } h1 { font-size: 48px; font-weight: 700; } .ql-font-monospace { font-family: "Poppins", sans-serif, monospace; } .ql-font-serif { font-family: "Poppins", sans-serif, serif; } .ql-align-center { text-align: center; } .ql-align-right { text-align: right; } .col-xl-12 .text-widget h1 { padding-top: 35px; padding-bottom: 20px; } .text-widget ol { list-style: none; counter-reset: section; } li[data-list=bullet] > .ql-ui:before { content: "•"; font-size: 25px; position: absolute; left: -15px; top: -6px; } li[data-list=ordered] span.ql-ui:before { counter-increment: section; content: counter(section) "."; margin-right: 10px; margin-left: -18px; } li[data-list=bullet] span.ql-ui { display: table-cell; position: relative; } @media only screen and (max-width: 767px) { .text-widget .ql-size-huge { font-size: 30px; } .text-widget .ql-size-large { font-size: 20px; } .col-xl-12 .text-widget h1 { padding-top: 0; padding-bottom: 0; } } .default, .btn-default { background: linear-gradient(90deg, #ffb000 0%, gold 64%, #ffe800 100%); color: #014E92; text-transform: uppercase; border-radius: 0; font-size: 18px; font-weight: 300; padding: 10px 20px; position: relative; } @media screen and (max-width: 1200px) { .default, .btn-default { font-size: 16px; } } .default:after, .btn-default:after { content: ""; width: 50px; height: 49px; background: url("/images/themes/fboradea/button_arrow.svg") no-repeat center; top: -1px; right: -50px; position: absolute; } @media screen and (max-width: 1200px) { .default:after, .btn-default:after { height: 46px; } } .default:before, .btn-default:before { content: ""; width: 50px; height: 49px; background: linear-gradient(to right, #FFF200 50%, #2B3C73 50%); top: -1px; right: -50px; position: absolute; background-position: right bottom; transition: all 0.5s ease-out; background-size: 200% 100%; } @media screen and (max-width: 1200px) { .default:before, .btn-default:before { height: 46px; } } .default:hover, .btn-default:hover { text-decoration: none; } .default:hover:after, .btn-default:hover:after { background: url("/images/themes/fboradea/button_arrow.svg") no-repeat center; } .default:hover:before, .btn-default:hover:before { background-position: left bottom; } .ibtn-primary { background: linear-gradient(90deg, #ffb000 0%, gold 64%, #ffe800 100%); color: #014E92; text-transform: uppercase; border-radius: 0; font-size: 18px; font-weight: 300; padding: 11px 20px !important; position: relative; border: 0; } .ibtn-primary:after { content: ""; width: 50px; height: 49px; background: url("/images/themes/fboradea/button_arrow.svg") no-repeat center; top: 0px; right: -50px; position: absolute; } .ibtn-primary:before { content: ""; width: 50px; height: 49px; background: linear-gradient(to right, #FFF200 50%, #2B3C73 50%); top: 0px; right: -50px; position: absolute; background-position: right bottom; transition: all 0.5s ease-out; background-size: 200% 100%; } .ibtn-primary:hover { text-decoration: none; } .ibtn-primary:hover:after { background: url("/images/themes/fboradea/button_arrow.svg") no-repeat center; } .ibtn-primary:hover:before { background-position: left bottom; } .ibtn-primary.py-1 { padding-bottom: 11px !important; padding-top: 11px !important; } .ibtn-primary.px-10 { padding-right: 20px !important; padding-left: 20px !important; } .button-widget { margin-top: 20px; margin-bottom: 20px; } @media screen and (min-width: 1100px) and (max-width: 1200px) { .button-widget { margin-top: 13px; } } @media (max-width: 500px) { .button-widget { margin-top: 22px; } } .button-widget .btn-success { background-color: #0d47a1; border-color: #0d47a1; padding: 0.375rem 0.75rem !important; font-size: 1rem !important; } .button-widget .btn-primary { background-color: #3c963e; border-color: #3c963e; } .button-widget .btn-primary:hover { color: #fff; background-color: #33b136; border-color: #33b136; } .button-widget .btn-success:hover { color: #fff; background-color: #0064ff; border-color: #0064ff; } .button-widget .btn-rounded { border-radius: 30px; } @media screen and (max-width: 575px) { .button-widget .w-100 div:first-of-type { float: none !important; width: -moz-fit-content !important; width: fit-content !important; max-width: 100%; } } .icon-box-widget .preview { margin: 0 auto; display: table; } .icon-box-widget .preview p { text-decoration: none; } .icon-box-widget .preview a:hover { text-decoration: none !important; } .icon-box-widget .preview:hover { cursor: pointer; transition: all 0.2s ease-in-out; -webkit-transform: scale(1.2); } .icon-box-widget .preview:hover p { text-decoration: underline; } .feature-article-widget { margin-top: 30px; position: relative; } .feature-article-widget .featured-cover .feature-video { height: 400px; background-size: cover; background-position: center; width: 100%; } .feature-article-widget .featured-cover .feature-img { height: 400px; background-size: cover !important; background-position: center !important; } .feature-article-widget .featured-cover .feature-empty { width: 100%; height: 400px; background: #eaeaea; background-position: center; background-size: cover; } .feature-article-widget .featured-article { padding: 30px; position: unset; bottom: 0px; background: #ffffff; width: 43%; z-index: 10; border: 1px solid #e5e5e5; } .feature-article-widget .featured-article h3 { margin-bottom: 15px; } .feature-article-widget .featured-article h3 a { font-size: 22px; font-family: "Poppins", sans-serif; color: #2B3C73; text-decoration: none; text-transform: none; font-weight: 700; } .feature-article-widget .featured-article p { margin-top: 10px; font-size: 16px; font-family: "Poppins", sans-serif; color: #2B3C73; } .feature-article-widget .featured-article p a { margin-left: 5px; text-transform: capitalize; text-decoration: underline; color: #ea5455; } .bg-featured-section { background-color: #f5f5f5; padding-top: 50px; padding-bottom: 30px; } .bg-grey { background-color: #f5f5f5; padding-left: 40px; } @media screen and (max-width: 767px) { .feature-article-widget .featured-cover .feature-img { height: 200px; } .feature-article-widget .featured-article { padding: 20px; width: 100%; margin-top: 0; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .feature-article-widget .featured-article { width: 100%; margin-top: -168px; } } @media screen and (min-width: 1025px) { .feature-article-widget .featured-article { position: absolute; } } .article-category-widget.grid .item { margin-bottom: 10px; } .article-category-widget.grid .item .img-container { height: 0; padding-top: 75%; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center; } .article-category-widget.grid .item .img-container a { display: block; height: 100%; width: 100%; } .article-category-widget.grid .item .img-container a .article-title { color: #ffffff; margin: 0 30px 30px 30px; font-size: 22px; font-weight: 400; line-height: 30px; text-shadow: 2px 2px 2px rgba(5, 5, 5, 0.5607843137); } .article-category-widget.list .item { margin-bottom: 30px; } .article-category-widget.list .item .img-container { display: block; height: 0; padding-top: 75%; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center; } .article-category-widget.list .item .details-container { padding: 40px 15px 0 15px; } .article-category-widget.list .item .details-container .article-date { font-size: 16px; color: #b6b6b6; margin-bottom: 26px; } .article-category-widget.list .item .details-container .article-date i { margin-right: 10px; } .article-category-widget.list .item .details-container .article-title { font-size: 22px; line-height: 32px; color: #000; margin-bottom: 17px; } .article-category-widget.list .item .details-container .article-title a { color: #000; text-decoration: none; } .article-category-widget.list .item .details-container .article-description { color: #b6b6b6; font-size: 16px; margin-bottom: 30px; } .article-category-widget.list .item .details-container .ibtn { color: #ea5455; text-decoration: underline; font-size: 16px; line-height: 28px; } .article-category-widget.slider-mode .slider-widget-container .swiper-slide { text-align: center; font-size: 18px; background: #ffffff; /* Center slide text vertically */ display: flex; justify-content: center; align-items: center; background: none !important; vertical-align: middle; flex-direction: column; height: auto; } .article-category-widget.slider-mode .slider-widget-container .swiper-slide .slide-content-wrap { margin-top: 50px; height: 350px; display: flex; flex-direction: column; margin-bottom: 25px; justify-content: flex-start; align-items: center; } .article-category-widget.slider-mode .slider-widget-container .swiper-slide img { height: 200px; border-radius: 25px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; width: 300px; } .article-category-widget.slider-mode .slider-widget-container .swiper-slide p { text-overflow: ellipsis; text-align: center; padding: 10px; } @media only screen and (max-width: 576px) { .article-category-widget.slider-mode .swiper-slide.article-swiper-slide { height: auto !important; } } .article-category-widget.slider-mode .swiper-pagination-bullet { width: 24px; height: 24px; } @media screen and (min-width: 768px) { .article-category-widget.grid .item.col-md-3 .img-container a .article-title { margin: 0 15px 15px; font-size: 14px; line-height: 18px; } .article-category-widget.list .item { margin-bottom: 0px; } .article-category-widget.list .item:nth-child(odd) .img-col { order: 1; padding: 0; } .article-category-widget.list .item:nth-child(odd) .details-col { order: 2; padding: 0; } .article-category-widget.list .item:nth-child(even) .img-col { order: 2; padding: 0; } .article-category-widget.list .item:nth-child(even) .details-col { order: 1; padding: 0; } } @media screen and (min-width: 992px) { .article-category-widget.grid .item.col-md-3 .img-container a .article-title { margin: 0 15px 15px; font-size: 18px; line-height: 24px; } } @media screen and (max-width: 991px) { .article-category-widget.grid .item .img-container a .article-title { margin: 0 15px 15px; font-size: 18px; line-height: 24px; } .article-category-widget.list .item .img-container { margin-bottom: 30px; } .article-category-widget.list .item .details-container { padding-top: 0; } } .gallery-widget.grid .item { margin-bottom: 30px; } .gallery-widget.grid .item .img-container { display: block; height: 0; padding-top: 75%; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center; } .gallery-widget.grid .item .img-container.placeholder { background-image: url("/img/themes/default/gallery-video-placeholder.png"); background-size: auto; background-color: #ebebeb; } .gallery-widget.grid .item .img-container.video .btn-play { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/img/themes/default/btn-play.png"); background-size: auto; background-repeat: no-repeat; background-position: center center; cursor: pointer; } .gallery-widget.grid .item .img-container iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .gallery-widget.big-img-with-thumbnails { margin-bottom: 30px; } .gallery-widget.big-img-with-thumbnails .gallery-widget-big-img { margin-bottom: 30px; } .gallery-widget.big-img-with-thumbnails .gallery-widget-big-img .item .big-img { display: block; height: 0; padding-top: 56%; position: relative; background-size: contain; background-repeat: no-repeat; background-position: center center; } .gallery-widget.big-img-with-thumbnails .gallery-widget-big-img .item .big-img iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .gallery-widget.big-img-with-thumbnails .gallery-widget-big-img .item .big-img p { display: none; } .gallery-widget.big-img-with-thumbnails .gallery-widget-thumbs { padding: 0 28px; position: relative; } .gallery-widget.big-img-with-thumbnails .gallery-widget-thumbs .items-wrapper .item .thumbnail { display: block; height: 0; padding-top: 75%; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center; } .gallery-widget.big-img-with-thumbnails .gallery-widget-thumbs .items-wrapper .item .thumbnail.placeholder { background-image: url("/img/themes/default/gallery-video-placeholder.png"); background-size: auto; background-color: #ebebeb; } .gallery-widget.big-img-with-thumbnails .gallery-widget-thumbs .items-wrapper .item .thumbnail.video .btn-play { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/img/themes/default/btn-play.png"); background-size: auto; background-repeat: no-repeat; background-position: center center; cursor: pointer; } .gallery-widget.big-img-with-thumbnails .gallery-widget-thumbs .btn-gallery-navigation { display: block; width: 30px; position: absolute; top: 50%; cursor: pointer; margin-top: -20px; z-index: 99; } .gallery-widget.big-img-with-thumbnails .gallery-widget-thumbs .btn-gallery-navigation.gallery-thumbs-prev { left: 0; text-align: left; } .gallery-widget.big-img-with-thumbnails .gallery-widget-thumbs .btn-gallery-navigation.gallery-thumbs-next { right: 0; text-align: right; } .gallery-widget.big-img-with-thumbnails .gallery-widget-thumbs .btn-gallery-navigation i { color: #000000; font-size: 40px; } #gallery-widget-video-modal { display: flex; align-items: center; justify-content: center; padding-right: 0; } #gallery-widget-video-modal .modal-dialog { display: block; width: 800px; } #gallery-widget-video-modal .modal-dialog .modal-content .modal-body { position: relative; min-height: 100px; overflow: auto; max-height: 80vh; } #gallery-widget-video-modal .modal-dialog .modal-content .modal-body .video-container { display: block; width: 100%; padding-top: 56%; position: relative; background-size: contain; background-repeat: no-repeat; background-position: center center; } #gallery-widget-video-modal .modal-dialog .modal-content .modal-body .video-container iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } #gallery-widget-video-modal .modal-dialog .modal-content .modal-body .video-container p { display: none; } .gallery-list-widget.grid .item { margin-bottom: 30px; } .gallery-list-widget.grid .item .main-image-wrapper { width: 72.5%; margin-right: 2%; margin-bottom: 22px; float: left; } .gallery-list-widget.grid .item .main-image-wrapper .main-image { display: block; height: 0; padding-top: 75%; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center; } .gallery-list-widget.grid .item .main-image-wrapper .main-image.placeholder { background-image: url("/img/themes/default/gallery-video-placeholder.png"); background-size: auto; background-color: #ebebeb; } .gallery-list-widget.grid .item .main-image-wrapper .main-image.video .btn-play { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/img/themes/default/btn-play.png"); background-size: auto; background-repeat: no-repeat; background-position: center center; cursor: pointer; } .gallery-list-widget.grid .item .other-images { width: 25.5%; float: left; margin-bottom: 22px; } .gallery-list-widget.grid .item .other-images .other-item { display: block; width: 100%; height: 0; padding-top: 75%; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center; margin-bottom: 6.5%; color: #000; text-decoration: none; } .gallery-list-widget.grid .item .other-images .other-item.placeholder { background-image: url("/img/themes/default/gallery-video-placeholder.png"); background-size: auto; background-color: #ebebeb; } .gallery-list-widget.grid .item .other-images .other-item.video .btn-play { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/img/themes/default/btn-play.png"); background-size: auto; background-repeat: no-repeat; background-position: center center; cursor: pointer; } .gallery-list-widget.grid .item .other-images .other-item.total-items { padding-top: 50%; background-color: #ebebeb; position: relative; margin-bottom: 0; border-radius: 5px; } .gallery-list-widget.grid .item .other-images .other-item.total-items span { position: absolute; top: 50%; left: 0; width: 100%; padding: 5px; text-align: center; font-size: 16px; transform: translateY(-50%); } .gallery-list-widget.grid .item .gallery-title { color: #2B3C73; text-decoration: none; clear: both; display: block; width: 72.5%; font-size: 18px; font-weight: 500; font-size: 22px; line-height: 20px; margin-bottom: 5px; } .gallery-list-widget.list .item { margin-bottom: 45px; } .gallery-list-widget.list .item .item-container { border: 1px solid #eaeaea; } .gallery-list-widget.list .item .item-container .main-image-wrapper { width: 50%; } .gallery-list-widget.list .item .item-container .main-image-wrapper .main-image { display: block; height: 0; padding-top: 75%; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center; margin: -1px; } .gallery-list-widget.list .item .item-container .main-image-wrapper .main-image.placeholder { background-image: url("/img/themes/default/gallery-video-placeholder.png"); background-size: auto; background-color: #ebebeb; } .gallery-list-widget.list .item .item-container .main-image-wrapper .main-image.video .btn-play { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/img/themes/default/btn-play.png"); background-size: auto; background-repeat: no-repeat; background-position: center center; cursor: pointer; } .gallery-list-widget.list .item .item-container .gallery-details { padding-top: 30px; } .gallery-list-widget.list .item .item-container .gallery-details .details-container { margin-left: 20px; margin-right: 20px; } .gallery-list-widget.list .item .item-container .gallery-details .details-container .gallery-title { border: 1px solid #eaeaea; border-radius: 5px; margin-bottom: 30px; } .gallery-list-widget.list .item .item-container .gallery-details .details-container .gallery-title a { color: #2B3C73; text-decoration: none; display: block; font-size: 22px; line-height: 30px; font-weight: 500; padding: 3px 145px 3px 10px; position: relative; } .gallery-list-widget.list .item .item-container .gallery-details .details-container .gallery-title a .total-items { position: absolute; width: 135px; top: 0; right: 0; height: 100%; background-color: #ebebeb; font-weight: 400; } .gallery-list-widget.list .item .item-container .gallery-details .details-container .gallery-title a .total-items span { position: absolute; top: 50%; left: 0; width: 100%; padding: 5px; text-align: center; font-size: 16px; transform: translateY(-50%); } .gallery-list-widget.list .item .item-container .gallery-details .details-container .other-images { margin-bottom: 15px; } .gallery-list-widget.list .item .item-container .gallery-details .details-container .other-images .other-item .item-img { display: block; width: 100%; height: 0; padding-top: 75%; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center; } .gallery-list-widget.list .item .item-container .gallery-details .details-container .other-images .other-item .item-img.placeholder { background-image: url("/img/themes/default/gallery-video-placeholder.png"); background-size: auto; background-color: #ebebeb; } .gallery-list-widget.list .item .item-container .gallery-details .details-container .other-images .other-item .item-img.video .btn-play { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/img/themes/default/btn-play.png"); background-size: auto; background-repeat: no-repeat; background-position: center center; cursor: pointer; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { #gallery-widget-video-modal { display: block; } } @media screen and (max-width: 1024px) and (min-width: 769px) { .gallery-list-widget.grid .item .other-images .other-item.total-items span { padding: 0px; font-size: 9px; } } @media screen and (min-width: 768px) { .gallery-list-widget.list .item .item-container .gallery-details { padding-top: 50px; } .gallery-list-widget.list .item .item-container .gallery-details .details-container { margin-right: 30px; } .gallery-list-widget.list .item .item-container .gallery-details .details-container .gallery-title { margin-bottom: 60px; } } .media-widget { margin-top: 15px; margin-bottom: 15px; } .embed-responsive p { position: relative; top: 20px; } @media screen and (max-width: 767px) { .embed-responsive p { font-size: 16px; margin-bottom: 35px; position: relative; top: 40px; } } .topics-list-messages { margin: 20px 0px; } .topics-list-messages .preview { padding: 30px; position: absolute; bottom: 0px; color: #ffffff; font-size: 24px; font-family: "Poppins Medium", sans-serif; text-decoration: none; } .topics-list-messages .preview h2 { font-family: "Poppins", sans-serif; text-decoration: underline; font-size: 16px; } .topics-list-messages a:hover { text-decoration: none; } .topics-list-messages .topic-image { height: 359px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; background-size: cover; background-position: center; } .topics-list-messages .topic-user-avatar { height: 50px; width: 50px; border-radius: 40px; margin-right: 15px; display: inline-block; vertical-align: middle; background-repeat: no-repeat; background-position: center center; background-size: cover; } .topics-list-messages .messages-preview-container { max-height: 300px; overflow: auto; } .topics-list-messages .messages-preview-container::-webkit-scrollbar { background: #bdbdbd; width: 5px; } .topics-list-messages .messages-preview-container::-webkit-scrollbar-thumb { background: #616161; } .topics-list-messages .message-author { font-size: 14px; font-family: "Poppins Semibold", sans-serif; color: #2B3C73; letter-spacing: 1px; } .topics-list-messages .message-ago { font-size: 12px; color: #b6b6b6; } .topics-list-messages .message h3 { color: #b6b6b6; font-size: 14px; font-family: "Poppins", sans-serif; } .topics-list-messages .recent-opinions { font-size: 26px; color: #2B3C73; font-family: "Poppins Medium", sans-serif; } .topics-list-messages .message-container { margin-right: 20px; } @media screen and (max-width: 767px) { .topics-list .preview { padding: 10px; } .topics-list .preview .topic-title { font-size: 20px; } .topics-list-messages .topic-image { height: 250px; } } .poll-widget #poll-feedback { text-align: center; } .poll-widget #poll-question { padding-left: 0; font-family: "Poppins", sans-serif; padding-left: 0; font-size: 22px; font-weight: 600; text-align: left; color: #2B3C73; } .poll-widget #poll-answers .progress-brand { width: 20px; height: 25px; border-radius: 5px; float: left; max-width: 85%; } .poll-widget #poll-answers .poll-percent { float: right; } .poll-widget #poll-answers .odd { background: #f18249; } .poll-widget #poll-answers .even { background: #ea5455; } .poll-widget #poll-answers .font-bold { font-weight: 700; } .poll-widget #poll-answers .single-choice .container { margin-left: 0 !important; color: #757575; font-family: "Poppins", sans-serif; display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 14px; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .poll-widget #poll-answers .single-choice { /* Hide the browser's default radio button */ } .poll-widget #poll-answers .single-choice .container input { position: absolute; opacity: 0; cursor: pointer; } .poll-widget #poll-answers .single-choice { /* Create a custom radio button */ } .poll-widget #poll-answers .single-choice .checkmark { position: absolute; top: 0; left: 0; height: 20px; width: 20px; background-color: #ccc; border-radius: 50%; } .poll-widget #poll-answers .single-choice { /* On mouse-over, add a grey background color */ } .poll-widget #poll-answers .single-choice .container:hover input ~ .checkmark { background-color: #ccc; } .poll-widget #poll-answers .single-choice { /* When the radio button is checked, add a blue background */ } .poll-widget #poll-answers .single-choice .container input:checked ~ .checkmark { background-color: #FDDE33; } .poll-widget #poll-answers .single-choice { /* Create the indicator (the dot/circle - hidden when not checked) */ } .poll-widget #poll-answers .single-choice .checkmark:after { content: ""; position: absolute; display: none; } .poll-widget #poll-answers .single-choice { /* Show the indicator (dot/circle) when checked */ } .poll-widget #poll-answers .single-choice .container input:checked ~ .checkmark:after { display: block; } .poll-widget #poll-answers .single-choice { /* Style the indicator (dot/circle) */ } .poll-widget #poll-answers .single-choice .container .checkmark:after { top: 6px; left: 6px; width: 8px; height: 8px; border-radius: 50%; background: #12284C; } .poll-widget #poll-answers .multiple-choice .container { color: #2B3C73; font-family: "Poppins", sans-serif; font-size: 14px; display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .poll-widget #poll-answers .multiple-choice { /* Hide the browser's default checkbox */ } .poll-widget #poll-answers .multiple-choice .container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .poll-widget #poll-answers .multiple-choice { /* Create a custom checkbox */ } .poll-widget #poll-answers .multiple-choice .checkmark { position: absolute; top: 0; left: 0; height: 20px; width: 20px; background-color: transparent; border: 1px solid #2B3C73; } .poll-widget #poll-answers .multiple-choice { /* On mouse-over, add a grey background color */ } .poll-widget #poll-answers .multiple-choice .container:hover input ~ .checkmark { background-color: #FFE400; } .poll-widget #poll-answers .multiple-choice { /* When the checkbox is checked, add a blue background */ } .poll-widget #poll-answers .multiple-choice .container input:checked ~ .checkmark { background-color: #FFE400; } .poll-widget #poll-answers .multiple-choice { /* Create the checkmark/indicator (hidden when not checked) */ } .poll-widget #poll-answers .multiple-choice .checkmark:after { content: ""; position: absolute; display: none; } .poll-widget #poll-answers .multiple-choice { /* Show the checkmark when checked */ } .poll-widget #poll-answers .multiple-choice .container input:checked ~ .checkmark:after { display: block; } .poll-widget #poll-answers .multiple-choice { /* Style the checkmark/indicator */ } .poll-widget #poll-answers .multiple-choice .container .checkmark:after { left: 6px; top: 4px; width: 7px; height: 10px; border: solid #2B3C73; border-width: 0 3px 3px 0; transform: rotate(45deg); } .poll-widget .poll-email { margin-top: 25px; margin-bottom: 10px; padding-left: 0px; } .poll-widget .poll-email label { font-size: 15px; font-weight: 700; color: #2B3C73; text-transform: uppercase; width: 85%; } .poll-widget .poll-email input { border-radius: 6px; background-color: #2B3C73; border: 2px solid #bdbdbd; margin-bottom: 20px; color: #ffffff; width: 100%; height: 40px; line-height: 0 !important; } .poll-widget .poll-email input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ padding: 10px; font-family: "Poppins", sans-serif; } .poll-widget .error-captcha { text-transform: uppercase; color: #ea5455; font-weight: 500; text-align: center; padding: 0px 10px 10px 10px; } .poll-widget .error-email { text-transform: uppercase; color: #ea5455; font-weight: 500; text-align: center; padding: 0px 10px 10px 10px; } .poll-widget .captcha-responsive { transform: unset; -webkit-transform: unset; transform-origin: unset; -webkit-transform-origin: unset; } .poll-widget .gc-center div { margin: 10px auto; } .poll-widget .disclaimers label { color: #b6b6b6; font-family: "Poppins Medium", sans-serif; font-size: 12px; } .poll-widget .disclaimers span { color: #b6b6b6; font-family: "Poppins Medium", sans-serif; font-size: 12px; } .poll-widget .disclaimers input { width: 20px; height: 20px; top: 5px; position: relative; } .bg-grey .checkmark { background-color: white !important; } @media screen and (max-width: 575px) { .poll-widget .disclaimers input, .poll-widget .disclaimers label { display: inline; } .captcha-responsive { transform: scale(0.7) !important; -webkit-transform: scale(0.7) !important; transform-origin: 0 0 !important; -webkit-transform-origin: 0 0 !important; } } .quiz-widget { background-color: #f5f5f5; padding: 30px 40px; } .quiz-widget .disable-inputs { opacity: 0.7; } .quiz-widget .gray-text { color: #7d7d7d; font-family: "Poppins", sans-serif; } .quiz-widget .feedback-msg .fas { font-size: 100px; } .quiz-widget .feedback-msg .fas.fa-check-circle { color: #437a41; } .quiz-widget .feedback-msg .fas.fa-times-circle { color: #a40000; } .quiz-widget .feedback-msg h3 { font-weight: bold; font-size: 24px; font-family: "Poppins", sans-serif; margin: 20px 0 30px 0; } .quiz-widget #quiz-question { padding-left: 0; font-size: 18px; font-family: "Poppins Semibold", sans-serif; text-align: left; } .quiz-widget #quiz-hint { color: #616161; font-style: italic; font-family: "Poppins", sans-serif; } .quiz-widget #quiz-answers .progress-brand { width: 20px; height: 25px; border-radius: 5px; float: left; max-width: 85%; } .quiz-widget #quiz-answers .quiz-percent { float: right; } .quiz-widget #quiz-answers .odd { background: #f18249; } .quiz-widget #quiz-answers .even { background: #f30a57; } .quiz-widget #quiz-answers .font-bold { font-weight: 700; } .quiz-widget #quiz-answers .single-choice .container { color: #616161; font-family: "Poppins", sans-serif; display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 14px; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .quiz-widget #quiz-answers .single-choice { /* Hide the browser's default radio button */ } .quiz-widget #quiz-answers .single-choice .container input { position: absolute; opacity: 0; cursor: pointer; } .quiz-widget #quiz-answers .single-choice { /* Create a custom radio button */ } .quiz-widget #quiz-answers .single-choice .checkmark { position: absolute; top: 0; left: 0; height: 20px; width: 20px; background-color: #ccc; border-radius: 50%; } .quiz-widget #quiz-answers .single-choice { /* On mouse-over, add a grey background color */ } .quiz-widget #quiz-answers .single-choice .container:hover input ~ .checkmark { background-color: #757575; } .quiz-widget #quiz-answers .single-choice { /* When the radio button is checked, add a blue background */ } .quiz-widget #quiz-answers .single-choice .container input:checked ~ .checkmark { background-color: #ea5455; } .quiz-widget #quiz-answers .single-choice { /* Create the indicator (the dot/circle - hidden when not checked) */ } .quiz-widget #quiz-answers .single-choice .checkmark:after { content: ""; position: absolute; display: none; } .quiz-widget #quiz-answers .single-choice { /* Show the indicator (dot/circle) when checked */ } .quiz-widget #quiz-answers .single-choice .container input:checked ~ .checkmark:after { display: block; } .quiz-widget #quiz-answers .single-choice { /* Style the indicator (dot/circle) */ } .quiz-widget #quiz-answers .single-choice .container .checkmark:after { top: 6px; left: 6px; width: 8px; height: 8px; border-radius: 50%; background: white; } .quiz-widget #quiz-answers.disable-inputs .single-choice .container:hover input ~ .checkmark { background-color: #fff; } .quiz-widget #quiz-answers.disable-inputs .single-choice .container input:checked ~ .checkmark { background-color: #ea5455; } .quiz-widget .quiz-email { margin-top: 25px; margin-bottom: 10px; padding-left: 0px; } .quiz-widget .quiz-email label { font-size: 15px; font-weight: 700; color: #000; text-transform: uppercase; width: 85%; } .quiz-widget .quiz-email input { border-radius: 6px; background-color: #ffffff; border: 2px solid #bdbdbd; margin-bottom: 20px; color: #2B3C73; width: 100%; height: 40px; line-height: 0 !important; } .quiz-widget .quiz-email input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ padding: 10px; font-family: "Poppins", sans-serif; } .quiz-widget .error-captcha, .quiz-widget .error-email { font-weight: bold; text-align: center; padding: 0px 10px 10px 10px; } .quiz-widget .captcha-responsive { transform: unset; -webkit-transform: unset; transform-origin: unset; -webkit-transform-origin: unset; } .quiz-widget button, .quiz-widget a.red-button { font-size: 16px; font-weight: 500; text-transform: uppercase; font-family: "Poppins", sans-serif; background: #ea5455; color: #ffffff; padding: 7px 15% !important; border: none; border-radius: 3px; margin: 20px 0 0 0; } .quiz-widget a.red-button { display: inline-block; margin-top: 25px; text-align: center; } .quiz-widget .gc-center div { margin: 10px auto; } .quiz-widget .disclaimers label { color: #757575; font-family: "Poppins Medium", sans-serif; font-size: 12px; } .quiz-widget .disclaimers span { color: #757575; font-family: "Poppins Medium", sans-serif; font-size: 12px; } .quiz-widget .disclaimers input { width: 20px; height: 20px; top: 5px; position: relative; } .quiz-article .quiz-widget { padding: 0; } .quiz-article .quiz-widget button, .quiz-article .quiz-widget a.red-button { padding: 7px 20px !important; width: 100%; } .bg-grey .checkmark { background-color: white !important; } @media screen and (max-width: 575px) { .quiz-widget .disclaimers input, .quiz-widget .disclaimers label { display: inline; } .captcha-responsive { transform: scale(0.7) !important; -webkit-transform: scale(0.7) !important; transform-origin: 0 0 !important; -webkit-transform-origin: 0 0 !important; } } .member-widget .member-user { margin-bottom: 40px; } .member-widget .member-user .user-image-container { width: 90px; margin: 0 auto; } .member-widget .member-user .user-image-container .user-image { border-radius: 100px; height: 90px; width: 90px; display: inline-block; background-repeat: no-repeat; background-position: center center; background-size: cover; } .member-widget .member-user .user-image-container .user-badge { height: 41px; width: 41px; border-radius: 50%; display: block; margin: -30px auto 0 auto; } .member-widget .member-user .default { font-size: 16px; font-weight: 500; text-transform: uppercase; font-family: "Poppins", sans-serif; background: #ea5455; color: #ffffff; padding: 5px 20px; } .member-widget .member-user .member-name { text-align: center; font-size: 16px; font-family: "Poppins Semibold", sans-serif; font-weight: 600; } .member-widget .member-user .user-rank { text-align: center; font-size: 14px; margin: 0; } .member-widget .member-user .user-points { text-align: center; font-size: 14px; } .member-widget .member-user .user-follow-container { text-align: center; } .member-widget .member-user .user-follow-container .user-follow { background: linear-gradient(90deg, rgb(99, 46, 98) 35%, rgb(37, 50, 118) 100%); color: #FFFFFF; padding: 10px 40px; border: none; border-radius: 7px; font-size: 14px; } .member-widget .member-user .user-separator { border-top: 3px solid rgba(0, 0, 0, 0.1); } .member-widget .member-user .more-buttons-bottom { display: none; } .w-fit-content { width: -moz-fit-content; width: fit-content; } @media screen and (max-width: 767px) { .member-widget .nav-tabs .ml-auto { margin: 0 auto !important; } .member-widget .nav-tabs .nav-item { margin: 0 auto !important; } .member-widget .more-buttons { display: none; } .member-widget .more-buttons-bottom { display: block; } } .widget-form .message-container { margin-bottom: 20px; } .widget-form .message-container .error { color: #ea5455; } .widget-form .form-input-container { margin-bottom: 20px; } .widget-form .form-input-container .error { color: #ea5455; } .widget-form .form-title { font-size: 30px; font-weight: 500; padding-top: 4px; margin-bottom: 10px; text-align: left; } @media (max-width: 500px) { .widget-form .form-title { font-size: 25px; text-align: center; } } .widget-form .form-submit-msg { font-size: 22px; line-height: 32px; font-weight: 700; padding-left: 80px; padding-top: 7px; background-image: url("/img/themes/default/form-submit-msg.png"); background-repeat: no-repeat; background-position: 0px 12px; min-height: 70px; margin-bottom: 20px; } .widget-form .form-submit-error-msg { font-size: 22px; font-weight: 700; margin-bottom: 20px; } .widget-form .error-show { font-size: 22px; font-weight: 700; margin-bottom: 20px; color: #ea5455; text-align: center; } .widget-form input { border: 2px solid #2B3C73; height: 44px; font-size: 16px; line-height: 20px; padding: 5px 15px; border-radius: 6px; color: #525252; } .widget-form input:focus, .widget-form input:hover { box-shadow: none; } .widget-form textarea { border: 2px solid #2B3C73; height: 150px; font-size: 16px; line-height: 20px; padding: 5px 15px; border-radius: 6px; } .widget-form .form-disclaimers { margin-bottom: 24px; } .widget-form .form-disclaimers input[type=checkbox] { width: 30px; margin: 0 5px 0 0; height: 30px; display: inline; vertical-align: middle; } .widget-form .form-disclaimers p { line-height: 14px; } .widget-form .form-disclaimers p .disclaimer-text { display: inline; color: #757575; font-family: "Poppins Medium", sans-serif; font-size: 12px; } .widget-form .captcha-container { margin-bottom: 10px; } .widget-form .captcha-container .help-block { text-transform: uppercase; color: #f18249; font-weight: 500; text-align: center; padding: 10px 10px 0px 10px; display: block; } .widget-form .captcha-container .help-block strong { font-weight: 500; } .widget-form .captcha-container div div { margin-left: 0; } .widget-form .btn-form { font-size: 18px; font-weight: 400; text-transform: uppercase; background: linear-gradient(90deg, #ffb000 0%, gold 64%, #ffe800 100%); color: #ffffff; padding: 5px 20px; display: block; width: 20%; min-width: 200px; margin-bottom: 30px; border-radius: 0; position: relative; padding: 10px 20px; } .widget-form .btn-form:before { content: ""; width: 50px; height: 49px; background: linear-gradient(to right, #FFF200 50%, #2B3C73 50%); top: -1px; right: -50px; position: absolute; background-position: right bottom; transition: all 0.5s ease-out; background-size: 200% 100%; } .widget-form .btn-form:after { content: ""; width: 50px; height: 49px; background: url("/images/themes/fboradea/button_arrow.svg") no-repeat center; top: -1px; right: -50px; position: absolute; } .widget-form .btn-form:hover::before { background-position: left bottom; } .widget-form .btn-form:focus { box-shadow: none; } .topic-list .topics-widget-container { width: 100% !important; } .topic-list .preview { padding: 30px; position: absolute; bottom: 0; left: 0; width: 100%; color: #ffffff; font-size: 24px; font-family: "Poppins Medium", sans-serif; text-decoration: none; } .topic-list .preview h2 { font-family: "Poppins", sans-serif; text-decoration: underline; font-size: 16px; } .topic-list a:hover { text-decoration: none; } .topic-list .topic-image { height: 359px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; } .topic-list .topic-user-avatar { width: 50px; height: 50px; border-radius: 40px; margin-right: 15px; display: inline-block; vertical-align: middle; background-repeat: no-repeat; background-position: center center; background-size: cover; } .topic-list .messages-preview-container { max-height: 300px; overflow: auto; } .topic-list .messages-preview-container::-webkit-scrollbar { background: #bdbdbd; width: 5px; } .topic-list .messages-preview-container::-webkit-scrollbar-thumb { background: #616161; } .topic-list .message-author { font-size: 14px; font-family: "Poppins Semibold", sans-serif; color: #2B3C73; letter-spacing: 1px; } .topic-list .message-ago { font-size: 12px; color: #616161; } .topic-list .message h3 { color: #616161; font-size: 14px; font-family: "Poppins", sans-serif; } .topic-list .recent-opinions { font-size: 26px; color: #2B3C73; font-family: "Poppins Medium", sans-serif; } .topic-list .message-container { margin-right: 60px; } .topic-list .topic-item:nth-child(odd) .topic-image-link { order: 1; } .topic-list .topic-item:nth-child(odd) .topic-message { order: 2; } .topic-list .topic-item:nth-child(even) .topic-image-link { order: 2; } .topic-list .topic-item:nth-child(even) .topic-message { order: 1; } .topic-list-slider .slider-widget-container .swiper-slide { text-align: center; font-size: 18px; background: #ffffff; /* Center slide text vertically */ display: flex; justify-content: center; align-items: center; background: none !important; vertical-align: middle; flex-direction: column; height: auto; } .topic-list-slider .slider-widget-container .swiper-slide .slide-content-wrap { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; } .topic-list-slider .slider-widget-container .swiper-slide .topic-slider-image { width: 90%; margin-top: 50px; } .topic-list-slider .slider-widget-container .swiper-slide .topic-slider-messages { background: white; width: 90%; border-radius: 0px 0px 10px 10px; margin-bottom: 50px; padding: 25px 10px 25px 10px; text-align: left; } .topic-list-slider .slider-widget-container .swiper-slide .topic-slider-messages .topic-title { word-break: break-word; } .topic-list-slider .slider-widget-container .swiper-slide .topic-slider-messages .message p { font-size: 14px; } .topic-list-slider .slider-widget-container .swiper-slide .topic-user-avatar-slider { height: 35px; width: auto; border-radius: 25px; } .topic-list-slider .slider-widget-container .swiper-slide img { height: 200px; width: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 10px 10px 0px 0px; } .topic-list-slider .slider-widget-container .swiper-slide p { text-overflow: ellipsis; padding-left: 40px; } .topic-list-slider .swiper-pagination-bullet { width: 24px; height: 24px; } @media only screen and (max-width: 576px) { .topic-list-slider .swiper-slide.topic-swiper-slide { height: auto !important; } .topic-list-slider .swiper-slide.topic-swiper-slide img { height: 100px; } } @media screen and (max-width: 767px) { .topic-list .preview { padding: 10px; } .topic-item:nth-child(odd) .topic-image-link { order: 1 !important; } .topic-item:nth-child(odd) .topic-message { order: 2 !important; } .topic-item:nth-child(even) .topic-image-link { order: 1 !important; } .topic-item:nth-child(even) .topic-message { order: 2 !important; } } .share-with-friends h4 { font-size: 22px; font-weight: 700; margin-bottom: 40px; padding-top: 3px; } .share-with-friends a { color: #ffffff; font-size: 12px; border: none; display: block; margin-bottom: 22px; border-radius: 5px; } .share-with-friends a:hover { color: #ffffff; } .share-with-friends a i { font-size: 18px; vertical-align: middle; padding: 3px 10px; } .share-with-friends a.facebook-btn { background-color: #3b5997; } .share-with-friends a.facebook-btn:hover { background-color: #3b5997; } .share-with-friends a.twitter-btn { background-color: #1da1f2; } .share-with-friends a.twitter-btn:hover { background-color: #1da1f2; } .share-with-friends a.whatsapp-btn { background-color: #3b9990; } .share-with-friends a.whatsapp-btn:hover { background-color: #3b9990; } .share-with-friends a.copy-btn { background-color: #616161; } .share-with-friends a.copy-btn:hover { background-color: #616161; } .share-with-friends a.copy-btn.toggle-copy-input input { width: 90%; display: none; } .share-with-friends a.copy-btn.toggle-copy-input.show-input i { display: none; } .share-with-friends a.copy-btn.toggle-copy-input.show-input span { display: none; } .share-with-friends a.copy-btn.toggle-copy-input.show-input input { display: inline-block; } .article-sidebar .map-widget .firstHeading { font-size: 20px !important; padding: 0 !important; } .article-sidebar .map-widget #map-integration { height: 300px; } .map-widget .firstHeading { font-size: 20px !important; padding: 0 !important; } .map-widget .map-integration { width: 100%; height: 500px !important; } .map-widget .bodyContent { font-size: 18px; font-family: "Barlow"; } .event-article .article-sidebar .sidebar-content { padding: 30px 0 30px 30px; } @media (max-width: 991px) { .event-article .article-sidebar .sidebar-content { padding: 20px; } } .slider-widget-container { width: calc(100% + 30px) !important; margin: 0 -15px !important; } .slider-widget-container .slide-title-text { color: #ffffff; } .slider-widget-container .slide-subtitle-text { color: #ffffff; } .slider-widget-container .slider-content-container { display: table; width: 100%; height: 100%; padding-left: 30px; padding-right: 30px; } .slider-widget-container .slider-content { display: table-cell; width: 100%; height: 100%; } .slider-widget-container .middle-slider-content { width: -moz-fit-content; width: fit-content; text-align: center; } .slider-widget-container .middle_center { vertical-align: middle !important; text-align: center; } .slider-widget-container .middle_left { vertical-align: middle !important; text-align: left; } .slider-widget-container .middle_right { vertical-align: middle !important; text-align: right; } .slider-widget-container .up_center { vertical-align: top !important; text-align: center; } .slider-widget-container .up_left { vertical-align: top !important; text-align: left; } .slider-widget-container .up_right { text-align: right; vertical-align: top !important; } .slider-widget-container .down_center { vertical-align: bottom !important; text-align: center; } .slider-widget-container .down_left { vertical-align: bottom !important; text-align: left; } .slider-widget-container .down_right { text-align: right; vertical-align: bottom !important; } .slider-widget-container .slider-button-desktop { display: inherit; } .slider-widget-container .slider-button-tablet { display: inherit; } .slider-widget-container .slider-text-tablet { display: inherit; } .slider-widget-container .slider-text-mobile { display: inherit; } .slider-widget-container .slider-button-mobile { display: inherit; } .slider-widget-container .mobile-slider-div { background-size: 100%; background-position: center; background-repeat: no-repeat; width: 100%; height: 100%; } .slider-widget-container .f-left { float: left; } .slider-widget-container .f-right { float: right; } @media only screen and (min-width: 576px) and (max-width: 768px) { .slider-widget-container .slider-button-tablet { display: none; } .slider-widget-container .slider-text-tablet { display: none; } } @media only screen and (max-width: 576px) { .slider-widget-container .preview_banner { background-image: inherit !important; } .slider-widget-container .swiper-slide { height: 40vh !important; } .slider-widget-container .slider-text-mobile { display: none; } .slider-widget-container .slider-button-mobile { display: none; } } @media only screen and (min-width: 768px) { .slider-widget-container .slider-text-desktop { display: none; } .slider-widget-container .slider-button-desktop { display: none; } } @media only screen and (min-width: 576px) and (max-width: 768px) { .slider-widget-container .slider-button-tablet { display: none; } .slider-widget-container .slider-text-tablet { display: none; } } @media only screen and (max-width: 576px) { .slider-widget-container h1 { font-size: 30px; } .slider-widget-container h3 { font-size: 20px; } .slider-widget-container .btn.default { font-size: 12px; } .slider-widget-container .slider-text-mobile { display: none; } .slider-widget-container .slider-button-mobile { display: none; } } .slider-widget-container .parallax { background-attachment: fixed; } .slider-widget-container .scroll { background-attachment: scroll; } .slider-widget-container .fixed { background-attachment: unset; } .slider-widget-container .slider-button { width: -moz-fit-content; width: fit-content; } .slider-widget-container .slider-button .btn-success { background-color: #0d47a1; border-color: #0d47a1; } .slider-widget-container .slider-button .btn-primary { background-color: #3c963e; border-color: #3c963e; } .slider-widget-container .slider-button .btn-primary:hover { background-color: #33b136; border-color: #33b136; } .slider-widget-container .slider-button .btn-success:hover { background-color: #0064ff; border-color: #0064ff; } .slider-widget-container .swiper-container { width: 100%; height: 100%; } .slider-widget-container .preview_banner { height: 100%; background-position: center; width: 100%; background-repeat: no-repeat; background-size: 100%; background-color: black; } .slider-widget-container .preview_banner .default { background-color: #ffffff; color: #ea5455; text-transform: uppercase; } .slider-widget-container .swiper-slide { text-align: center; font-size: 18px; background: #ffffff; /* Center slide text vertically */ display: flex; justify-content: center; align-items: center; height: 600px; background-color: black; } .slider-widget-container .swiper-slide img { height: 100%; } .friends-activity-widget .activity-card { padding: 24px 21px; height: 100%; margin-bottom: 5px; } .friends-activity-widget .activity-user-avatar { width: 42px; height: 42px; border-radius: 40px; margin-right: 15px; display: inline-block; vertical-align: middle; -o-object-fit: cover; object-fit: cover; } .friends-activity-widget .activity-description { font-size: 16px; margin: 0; } .friends-activity-widget .activity-user-name { font-size: 16px; } .friends-activity-widget .activity-creation-date { font-size: 12px; } .friends-activity-widget .view-more-activities { border: 3px solid #2A399C; border-radius: 11px; padding: 10px 40px; } h1 { font-size: 60px; } @media screen and (max-width: 1440px) { h1 { font-size: 45px; } } @media screen and (max-width: 1200px) { h1 { font-size: 38px; } } @media screen and (max-width: 992px) { h1 { font-size: 35px; } } .page-cover { background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; margin-bottom: 88px; min-height: 500px; padding-bottom: 30px; display: flex; } .page-cover .title { width: 100%; align-items: flex-end; } .page-cover .title .container-fluid { width: 90%; } @media (max-width: 500px) { .page-cover .title .container-fluid { width: 100%; } } .page-cover .title h1 { color: #FFD700 !important; font-size: 52px; font-weight: 600 !important; font-family: "Poppins", sans-serif; } .page-cover .subtitle { padding: 0; } .page-cover .subtitle p { color: #ffffff; font-size: 24px; } .page-cover.cover-color { margin-top: 0; min-height: 220px; margin-bottom: 0; } .page-cover.cover-color .title { background-color: #fff; padding-top: 75px; padding-bottom: 75px; } .page-cover.cover-color .subtitle { padding-top: 40px; } .page-cover.cover-color .subtitle p { color: #2B3C73; } .container-checkbox { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; /* Hide the browser's default checkbox */ } .container-checkbox input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .container-checkbox { /* Create a custom checkbox */ } .container-checkbox .checkmark { position: absolute; top: -3px; left: 0; height: 25px; width: 25px; background-color: #fff; border: 2px solid #616161; } .container-checkbox .checkmark.has-error-border { border-color: #ea5455; } .container-checkbox .checkbox-warning-icon { color: #ea5455; margin-right: 5px; } .container-checkbox { /* On mouse-over, add a grey background color */ } .container-checkbox:hover input ~ .checkmark { background-color: #ccc; } .container-checkbox { /* When the checkbox is checked, add a blue background */ } .container-checkbox input:checked ~ .checkmark { background-color: #616161; } .container-checkbox { /* Create the checkmark/indicator (hidden when not checked) */ } .container-checkbox .checkmark:after { content: ""; position: absolute; display: none; } .container-checkbox { /* Show the checkmark when checked */ } .container-checkbox input:checked ~ .checkmark:after { display: block; } .container-checkbox { /* Style the checkmark/indicator */ } .container-checkbox .checkmark:after { left: 7px; top: 2px; width: 8px; height: 14px; border: solid white; border-width: 0 3px 3px 0; transform: rotate(45deg); } .row-spacing { padding-top: 0 !important; margin-top: 0; margin-bottom: 70px; } #page-content { min-height: 700px; } #page-content .comment_form div:first-of-type { max-width: 600px; } .share-page-section { text-align: center; padding-top: 50px; padding-bottom: 50px; display: flex; align-items: center; justify-content: center; } .share-page-section b { text-transform: uppercase; color: #2B3C73; font-size: 22px; } .share-page-section i { font-size: 22px; letter-spacing: 1px; line-height: 34px; } .share-page-section a { margin-right: 10px; } .share-page-section .facebook-btn { width: 42px; height: 42px; background-color: #12284C; color: white; border-radius: 50%; text-align: center; padding-top: 4px; margin-top: 3px; margin-bottom: 3px; margin-right: 5px; } .share-page-section .twitter-btn { background-color: #12284C; color: white; width: 42px; height: 42px; border-radius: 50%; text-align: center; padding-top: 4px; margin-top: 3px; margin-bottom: 3px; margin-right: 5px; } .share-page-section .whatsapp-btn { background-color: #12284C; width: 42px; height: 42px; color: white; border-radius: 50%; text-align: center; padding-top: 4px; margin-top: 3px; margin-bottom: 3px; margin-right: 5px; } .alert-danger ul { list-style: none; margin: 0; padding: 0; } .alert-danger ul li { text-align: center; } @media screen and (min-width: 992px) and (max-width: 1200px) { #page-content .comment_form { max-width: 960px; } #page-content .comment_form:first-child { padding: 15px; } } @media screen and (min-width: 768px) and (max-width: 992px) { #page-content .comment_form { max-width: 720px; } #page-content .comment_form:first-child { padding: 15px; } } @media screen and (max-width: 768px) { #page-content { min-height: auto; } #page-content .comment_form { max-width: 540px; } #page-content .comment_form:first-child { padding: 15px; } .row-spacing { margin-top: 0; margin-bottom: 30px; padding-top: 0 !important; } } .row-wrapper .row-spacing { padding-top: 0 !important; } .row-wrapper .row-spacing .col-spacing .media-widget { margin-top: 0; margin-bottom: 0; } .row-wrapper .row-spacing .col-spacing .banner-widget { padding: 0; border-bottom: 5px solid #FDDE33; } /* IE 11 and EDGE scss */ @media all and (-ms-high-contrast: none) { #signInModal .modal-dialog .modal-body .form-control { padding: 0.375rem 0.75rem; } #signInModal .modal-dialog .modal-body .register-now-div a { position: relative; float: left; right: -40%; } .visits, .registrations { display: -ms-inline-flexbox; } #registerModal .modal-dialog .modal-body .disclaimers label a { float: none; } #registerModal .modal-dialog .modal-body .sign-now-div { width: 40px; } } .position-parent-row .container-fluid .row-spacing { position: relative; } .position-parent-row .container-fluid .row-spacing .position-col { position: absolute; top: 55%; left: 42%; max-width: 700px; } @media screen and (max-width: 1520px) { .position-parent-row .container-fluid .row-spacing .position-col { top: 52%; } } @media (max-width: 1440px) { .position-parent-row .container-fluid .row-spacing .position-col { top: 50%; } } @media screen and (max-width: 1200px) { .position-parent-row .container-fluid .row-spacing .position-col { top: 100%; left: 60px; padding-top: 2rem; max-width: 90%; } } @media (max-width: 1024px) { .position-parent-row .container-fluid .row-spacing .position-col { top: 97%; max-width: 95%; left: 50px; padding-right: 30px; } } @media (max-width: 992px) { .position-parent-row .container-fluid .row-spacing .position-col { max-width: 90%; left: 25px; padding-top: 2rem !important; } } @media (max-width: 500px) { .position-parent-row .container-fluid .row-spacing .position-col { top: 100%; max-width: 100%; left: 0; } } .position-parent-row .container-fluid .row-spacing .position-col .widget-container .text-widget .col-12 p { font-size: 18px !important; font-weight: 300; line-height: 23px; margin-bottom: 0; } .position-parent-row .container-fluid .row-spacing .position-col .widget-container .text-widget .col-12 p span { font-size: 18px !important; } @media screen and (max-width: 1200px) { .position-parent-row .container-fluid .row-spacing .position-col .widget-container .text-widget .col-12 p span { font-size: 16px !important; } } @media (max-width: 992px) { .position-parent-row .container-fluid .row-spacing .position-col .widget-container .text-widget .col-12 p span { font-size: 18px !important; } } @media screen and (min-width: 560px) and (max-width: 992px) { .position-parent-row .container-fluid .row-spacing .position-col .widget-container .text-widget .col-12 p { text-align: left !important; } } @media screen and (max-width: 620px) { .position-parent-row .container-fluid .row-spacing .position-col .widget-container .text-widget .col-12 p { text-align: center !important; } } @media screen and (max-width: 1200px) { .position-parent-row .container-fluid .row-spacing .position-col .widget-container .text-widget .button-widget { margin-top: 13px; } } @media screen and (max-width: 1101px) { .position-parent-row { padding-bottom: 5rem !important; } } @media (max-width: 992px) { .position-parent-row { padding-bottom: 0 !important; } } .fa-1x { color: #fff; } h1 { text-transform: uppercase; color: #2B3C73 !important; } h2 span { color: #2B3C73 !important; text-transform: uppercase; font-weight: 600; } .about-me-row .container-fluid { max-width: 90%; padding-right: 30px !important; padding-left: 30px !important; } @media screen and (max-width: 768px) { .about-me-row .container-fluid { padding-left: 15px !important; padding-right: 15px !important; } } .about-me-row .about-me { padding-bottom: 40px; color: #2B3C73; } .about-me-row .row-spacing { position: relative; padding-bottom: 0; margin-bottom: 0; } .about-me-row .row-spacing .col-text { display: flex; flex-direction: column; justify-content: center; padding-top: 20px; position: relative; } .about-me-row .row-spacing .col-text .col-12 { padding-left: 30px; padding-right: 30px; } .about-me-row .row-spacing .col-text .col-12 p { font-size: 16px; font-weight: 300; color: #2B3C73; } .about-me-row .row-spacing .col-text .col-12 p strong { font-weight: 700; } .about-me-row .row-spacing .col-text .image-col-text { position: absolute; top: 31%; } @media screen and (max-width: 1200px) { .about-me-row .row-spacing .col-text .image-col-text { top: 22%; } } @media (max-width: 992px) { .about-me-row .row-spacing .col-text .image-col-text { top: 22%; } } @media (max-width: 768px) { .about-me-row .row-spacing .col-text .image-col-text { top: 15%; } } .about-me-row .row-spacing .widget-container:nth-child(2) .text-widget .row .col-12 { padding: 0; } .about-me-row .row-spacing .widget-container:nth-child(2) .text-widget .row .col-12 h1 { padding-bottom: 3.5rem; text-transform: uppercase; color: #2B3C73; } .about-me-row .row-spacing .widget-container:last-of-type { display: flex; justify-content: flex-end; align-items: flex-end; margin-right: 15px; } @media (max-width: 500px) { .about-me-row .row-spacing .widget-container:last-of-type { margin-right: 0; } } .about-me-row .row-spacing .col-md-4:not(.yellow-col) { display: flex; justify-content: flex-end; } .about-me-row .row-spacing .col-md-4:not(.yellow-col) .w-fit-content { width: 100%; } .about-me-row .row-spacing .col-md-4:not(.yellow-col) .w-fit-content img { width: 100%; } .about-me-row .row-spacing .yellow-col { background: linear-gradient(90deg, #ffb000 0%, gold 64%, #ffe800 100%); color: #014E92; height: 250px; display: flex; position: absolute; bottom: 0; right: 15px; } @media (max-width: 992px) { .about-me-row .row-spacing .yellow-col { bottom: 5px; } } .about-me-row .row-spacing .yellow-col .w-fit-content .default { background: transparent; text-transform: uppercase; width: 95%; text-align: left; font-weight: 700; } .about-me-row .row-spacing .yellow-col .w-fit-content .default:before { display: none; } .about-me-row .row-spacing .yellow-col .w-fit-content .default:after { display: none; } @media screen and (max-width: 1101px) { .about-me-row .row-spacing .yellow-col .w-fit-content .default { padding-left: 0; } } .about-me-row .row-spacing .yellow-col .widget-container:first-of-type { width: 90%; } .about-me-row .row-spacing .yellow-col .widget-container:last-of-type { position: absolute; bottom: 0; left: 15px; } @media (max-width: 500px) { .about-me-row .row-spacing .yellow-col .widget-container:last-of-type { bottom: 3px; } } .about-me-row .row-spacing .yellow-col:hover .widget-container:first-of-type { align-items: center; display: flex; } .about-me-row .row-spacing .yellow-col:hover .widget-container:last-of-type { bottom: 40%; right: 0; } @media (max-width: 500px) { .about-me-row .row-spacing .yellow-col:hover .widget-container:last-of-type { bottom: 9%; right: 15px; } } @media screen and (max-width: 1101px) { .about-me-row .row-spacing .yellow-col { height: 200px; } } @media screen and (max-width: 1100px) { .about-me-row .row-spacing .col-md-5 .widget-container .media-img-container { margin-bottom: 10px; } } @media (max-width: 992px) { .about-me-row .row-spacing .col-md-5 { max-width: 100%; flex: 0 0 100%; } } @media (max-width: 992px) { .about-me-row .row-spacing .col-md-4, .about-me-row .row-spacing .col-md-3 { flex: 0 0 50%; max-width: 50%; } } @media (max-width: 500px) { .about-me-row .row-spacing .col-md-4, .about-me-row .row-spacing .col-md-3 { flex: 0 0 100%; max-width: 100%; position: static; } } @media screen and (max-width: 1200px) { .about-me-row { padding-top: 12rem; } } @media screen and (max-width: 1100px) { .about-me-row { padding-top: 5rem; } } @media (max-width: 1024px) { .about-me-row { padding-top: 5rem; } } @media (max-width: 992px) { .about-me-row { padding-top: 10rem; } } @media screen and (max-width: 620px) { .about-me-row { padding-top: 15rem; } } @media (max-width: 500px) { .about-me-row { padding-top: 17rem; } } .priority-row { position: relative; } .priority-row .col-md-12 { color: #2B3C73; padding-left: 15px; padding-right: 15px; } @media (max-width: 992px) { .priority-row .col-md-12 { display: none; } } .priority-row .step-one-col { display: flex; align-items: left; padding-left: 30px; padding-right: 30px; position: absolute; right: 0; top: 0; height: 100%; background: #fff; opacity: 0.9; justify-content: center; flex-direction: column; } @media (max-width: 992px) { .priority-row .step-one-col { position: static; flex: 0 0 100%; width: 100%; max-width: 100%; } .priority-row .step-one-col .widget-container { padding-left: 30px; padding-right: 30px; } } @media (max-width: 500px) { .priority-row .step-one-col { position: static; } .priority-row .step-one-col .widget-container { padding-left: 15px; padding-right: 15px; } } .priority-row .step-one-col h1 { text-transform: uppercase; color: #2B3C73; font-weight: 700; } .priority-row .step-one-col .step1 .poll-container #poll-question { text-align: left !important; padding-bottom: 0; } .priority-row .step-one-col .step1 .poll-container #poll-answers { -moz-column-count: 2; column-count: 2; -moz-column-gap: 4rem; column-gap: 4rem; padding-bottom: 40px; } @media (max-width: 500px) { .priority-row .step-one-col .step2 .form-widget .widget-form form .btn-form { margin-bottom: -45px; } } .priority-row .col-md-5 { padding-left: 15px !important; } .priority-row .container { max-width: 100%; padding: 0; } .priority-row .row-spacing { margin-bottom: 0; padding-bottom: 0; } @media (max-width: 500px) { .priority-row .row-spacing { margin-bottom: 0; } } @media (max-width: 500px) { .priority-row .homepage-check .media-img-container img { min-height: 430px; } } .priority-row .homepage-check .media-img-container .w-fit-content { width: 100%; } .priority-row .homepage-check .media-img-container .w-fit-content img { width: 100%; } .poll-poll .step1 .poll-container #poll-question { text-align: left !important; padding-bottom: 0; color: #2B3C73; font-weight: 300; font-size: 20px; } .poll-poll .step1 .poll-container #poll-answers label { color: #2B3C73 !important; } @media (max-width: 500px) { .poll-poll .step2 .form-widget .widget-form form .btn-form { margin-bottom: -45px; } } p span { color: #2B3C73 !important; } .my-plan-row { margin-top: 0 !important; margin-bottom: 0 !important; position: relative; background-color: #fff !important; } .my-plan-row .container-fluid { max-width: 95%; padding-right: 0 !important; padding-left: 30px !important; margin-right: inherit; margin-left: auto; } @media screen and (max-width: 1101px) { .my-plan-row .container-fluid { max-width: 100%; padding-right: 30px !important; padding-left: 30px !important; margin-right: auto; margin-left: auto; } } @media (max-width: 500px) { .my-plan-row .container-fluid { padding-right: 15px !important; padding-left: 15px !important; } } .my-plan-row h1 { padding-top: 3rem; padding-bottom: 2rem; } .my-plan-row h2 { padding-bottom: 3rem; } .my-plan-row .col-md-12 { padding-top: 4rem; padding-bottom: 40px; color: #2B3C73; } .my-plan-row .col-md-8.col-spacing { padding-right: 30px; } @media screen and (max-width: 1101px) { .my-plan-row .col-md-8 { flex: 0 0 80%; max-width: 80%; padding-right: 0; } } @media screen and (max-width: 992px) { .my-plan-row .col-md-8 { flex: 0 0 100%; max-width: 100%; padding-right: 0; } } @media (max-width: 500px) { .my-plan-row .col-md-8 .text-widget h2 { text-align: left !important; font-size: 24px; } } @media screen and (max-width: 1101px) { .my-plan-row .col-md-4 { flex: 0 0 20%; max-width: 20%; padding-right: 0; } } @media screen and (max-width: 992px) { .my-plan-row .col-md-4 { flex: 0 0 100%; max-width: 100%; padding-right: 0; } } @media screen and (max-width: 992px) { .my-plan-row .col-md-4 { margin: 0 auto; } } @media (max-width: 992px) { .my-plan-row .col-md-4 .w-fit-content { margin: 0 auto; } } @media (max-width: 500px) { .my-plan-row .col-md-4 { display: none; } } h2 strong { color: #2B3C73 !important; } .clickable-col { position: relative; overflow: hidden; background-color: transparent; margin-bottom: 1rem; padding: 0; } .clickable-col a { flex-direction: column; display: flex; align-items: center; justify-content: center; vertical-align: middle; text-decoration: none; margin: 0 0.5rem; z-index: 99; } .clickable-col a img { height: 100px; margin-bottom: 10px; padding-top: 20px; } .clickable-col a .clickable-text { font-size: 18px; font-weight: 600; height: 60px; display: flex; align-items: center; z-index: 99; } @media screen and (max-width: 1440px) { .clickable-col a .clickable-text { font-size: 18px; } } .clickable-col a:hover { text-decoration: none; } .clickable-col a:before { content: ""; position: absolute; height: 200%; width: 100%; top: 155%; background: linear-gradient(180deg, #FEBE10 0%, #FFC50B 11%, #FFE400 70%, #FFF200 100%); background: linear-gradient(to bottom, #FFF200 0%, transparent 100%); transition: all 0.5s ease; left: 0; } .clickable-col a:hover:before { transform: translateY(-50%); background: linear-gradient(180deg, #FEBE10 0%, #FFF200 18%); } .article-div a:hover { text-decoration: none; } .article-div a h4 { font-size: 25px; letter-spacing: 0.5px; } @media screen and (max-width: 992px) { .article-div a h4 { font-size: 18px; } } .article-div .article-subtitle { color: #2B3C73; text-decoration: none; font-size: 18px; line-height: 20px; font-weight: 300; margin-top: 1rem; margin-bottom: 2rem; font-family: "Poppins", sans-serif; text-transform: none; letter-spacing: 0.5px; display: block; } .article-div .article-subtitle:hover { text-decoration: none; } .my-plan-page { background: linear-gradient(90deg, rgb(224, 226, 234) 0%, rgb(255, 255, 255) 100%) !important; } .my-plan-page .container-fluid { max-width: 90%; padding-right: 30px !important; padding-left: 0 !important; } @media screen and (max-width: 768px) { .my-plan-page .container-fluid { padding-left: 15px !important; padding-right: 15px !important; } } .my-plan-page .container-fluid .row-spacing { background-color: transparent !important; margin-bottom: 0; padding-bottom: 1rem !important; padding-top: 4.5rem !important; } .my-plan-page .container-fluid .row-spacing h2 { padding-bottom: 20px; } .my-plan-page .container-fluid .row-spacing .clickable-icons { padding-top: 3rem; } .intern-page .container-fluid { max-width: 90%; padding-right: 30 !important; padding-left: 30px !important; } @media screen and (max-width: 768px) { .intern-page .container-fluid { padding-left: 15px !important; padding-right: 15px !important; } } .intern-page .container-fluid #active-icon a { background: linear-gradient(180deg, #FEBE10 0%, #FFC50B 11%, #FFE400 70%, #FFF200 100%); } .intern-page .container-fluid #active-icon a:hover { background: linear-gradient(180deg, #FEBE10 0%, #FFC50B 11%, #FFE400 70%, #FFF200 100%); } .intern-page .container-fluid #active-icon a:hover:before { display: none; } .mobile-banner { display: none; } @media (max-width: 992px) { .mobile-banner { display: block; } } .desktop-banner { display: block; } @media (max-width: 992px) { .desktop-banner { display: none; } } .mb-20 { margin-bottom: 20px; } .ml-0 { margin-left: 0px; } .ml-20 { margin-left: 20px; } .ml-40 { margin-left: 40px; } .ml-60 { margin-left: 60px; } .ml-80 { margin-left: 80px; } .ml-100 { margin-left: 100px; } hr { background: #143064; margin-top: 0; } .gallery-btn-row { margin-bottom: -2px; } .gallery-btn-row .gallery-left .button-widget, .gallery-btn-row .gallery-right .button-widget { margin-bottom: 0; } .gallery-btn-row .gallery-left .button-widget .default, .gallery-btn-row .gallery-right .button-widget .default { font-size: 20px; color: #fff; background: #143064; padding: 10px 26px; width: 290px; height: 100px; align-items: center; text-align: center; justify-content: center; display: flex; } .gallery-btn-row .gallery-left .button-widget .default:hover, .gallery-btn-row .gallery-right .button-widget .default:hover { background: #FFD700; color: #143064; } .gallery-btn-row .gallery-left .button-widget .default:after, .gallery-btn-row .gallery-right .button-widget .default:after { display: none; } .gallery-btn-row .gallery-left .button-widget .default:before, .gallery-btn-row .gallery-right .button-widget .default:before { display: none; } @media screen and (max-width: 992px) { .gallery-btn-row .gallery-left .button-widget .default, .gallery-btn-row .gallery-right .button-widget .default { font-size: 18px; height: 80px; } } @media screen and (max-width: 768px) { .gallery-btn-row .gallery-left .button-widget .default, .gallery-btn-row .gallery-right .button-widget .default { font-size: 18px; height: 80px; } } @media screen and (max-width: 750px) { .gallery-btn-row .gallery-left .button-widget div, .gallery-btn-row .gallery-right .button-widget div { width: 100% !important; max-width: 100% !important; margin: 0 auto; } .gallery-btn-row .gallery-left .button-widget .row, .gallery-btn-row .gallery-right .button-widget .row { padding: 0; } .gallery-btn-row .gallery-left .button-widget .row .col-12, .gallery-btn-row .gallery-right .button-widget .row .col-12 { padding: 0; } } .gallery-btn-row .gallery-left .button-widget .col-12 { display: flex; justify-content: flex-end; } .gallery-btn-row .row-spacing { margin-bottom: 0 !important; padding-bottom: 0 !important; } /*------------------------------------*\ S: viitorulpemainibune - Categorie- "Proiecte-Comune" \*------------------------------------*/ .category-proiecte-comune header { background: linear-gradient(90deg, #162f61 0%, #0b4f92 100%); position: unset; } .category-proiecte-comune header .navbar { position: relative !important; } .category-proiecte-comune .page-cover { margin-bottom: 10rem; min-height: 39vw; } .category-proiecte-comune .page-cover .title { position: relative; top: 10rem; width: 100%; text-align: center; } .category-proiecte-comune .page-cover .title h1 { color: #2B3C73 !important; font-size: 36px; } @media (max-width: 500px) { .category-proiecte-comune .page-cover .title h1 { font-size: 24px; } } @media (max-width: 500px) { .category-proiecte-comune .page-cover .title { top: 7rem; } } @media (max-width: 500px) { .category-proiecte-comune .page-cover { margin-bottom: 7rem; } } /*------------------------------------*\ E: viitorulpemainibune - Categorie- "Proiecte-Comune" \*------------------------------------*/ .article-list { margin-bottom: 30px; min-height: 43vh; width: 90%; } @media (max-width: 500px) { .article-list { width: 100%; } } .article-list .subcategories-filter .subcategories-menu { margin-bottom: 50px; border: none; border-bottom: 2px solid #eeeeee; } .article-list .subcategories-filter .subcategories-menu .nav-item { margin-bottom: -2px; padding-right: 15px; } .article-list .subcategories-filter .subcategories-menu .nav-item .nav-link { color: #616161; font-size: 16px; padding: 7px 18px; } .article-list .subcategories-filter .subcategories-menu .nav-item .nav-link:hover { border-color: transparent; } .article-list .subcategories-filter .subcategories-menu .nav-item .nav-link:active { border-color: transparent; } .article-list .subcategories-filter .subcategories-menu .nav-item .nav-link:focus { border-color: transparent; } .article-list .subcategories-filter .subcategories-menu .nav-item .nav-link.active { border: none; color: #f18249; border-bottom: 2px solid #f18249; } .article-list .subcategories-filter .subcategories-menu-dd-container { margin-bottom: 50px; display: none; } .article-list .subcategories-filter .subcategories-menu-dd-container .label { text-transform: uppercase; color: #616161; display: inline-block; padding: 7px 0px; font-size: 16px; margin-right: 10px; letter-spacing: 3px; } .article-list .subcategories-filter .subcategories-menu-dd-container .dropdown { display: inline-block; } .article-list .subcategories-filter .subcategories-menu-dd-container .dropdown .btn { border-color: #616161; padding: 6px 15px; letter-spacing: 1px; } .article-list .subcategories-filter .subcategories-menu-dd-container .dropdown .btn:hover, .article-list .subcategories-filter .subcategories-menu-dd-container .dropdown .btn:focus, .article-list .subcategories-filter .subcategories-menu-dd-container .dropdown .btn:active, .article-list .subcategories-filter .subcategories-menu-dd-container .dropdown .btn.active { color: #000 !important; background-color: #fff !important; border-color: #616161 !important; outline: none !important; box-shadow: none !important; } .article-list .subcategories-filter .subcategories-menu-dd-container .dropdown .btn i { color: #d7d7d7; margin-left: 5px; } .article-list .grid img { -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; background-position: center; background-size: cover; } .article-list .grid .grid-item { margin-bottom: 30px; align-self: flex-start; } .article-list .grid .grid-item .article-video { height: 260px; } .article-list .grid .grid-item .image-article { height: 0; padding-top: 75%; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center; } .article-list .grid .grid-item .grid-button { position: absolute; top: 15px; left: 30px; background-color: rgba(50, 60, 69, 0.7); border: 1px solid #cad4de; color: #ffffff; border-radius: 0px; display: none; } .article-list .grid .grid-item img { width: 100%; } .article-list .grid .grid-item .article-title { display: block; color: #2B3C73; text-decoration: none; font-size: 25px; line-height: 27px; font-weight: 500; margin-top: 1.5rem; font-family: "Poppins", sans-serif; text-transform: uppercase; letter-spacing: 0.5px; } @media (max-width: 992px) { .article-list .grid .grid-item .article-title { font-size: 25px; } } @media (max-width: 500px) { .article-list .grid .grid-item .article-title { font-size: 20px; } } .article-list .grid .grid-item .article-subtitle { display: block; color: #2B3C73; text-decoration: none; font-size: 18px; line-height: 20px; font-weight: 300; margin-top: 1rem; margin-bottom: 2rem; font-family: "Poppins", sans-serif; text-transform: none; letter-spacing: 0.5px; } .article-list .grid .grid-item .read-more { color: #ea5455; font-weight: 700; float: left; font-size: 18px; background: linear-gradient(90deg, #ffb000 0%, gold 64%, #ffe800 100%); color: #014E92; text-transform: uppercase; border-radius: 0; font-size: 18px; font-weight: 300; padding: 10px 20px; position: relative; } .article-list .grid .grid-item .read-more:before { content: ""; width: 50px; height: 47px; background: linear-gradient(to right, #FFF200 50%, #2B3C73 50%); top: 0px; right: -50px; position: absolute; background-position: right bottom; transition: all 0.5s ease-out; background-size: 200% 100%; } .article-list .grid .grid-item .read-more:after { content: ""; width: 50px; height: 47px; background: url("/images/themes/fboradea/button_arrow.svg") no-repeat center; top: -1px; right: -50px; position: absolute; } .article-list .grid .grid-item .read-more:hover::before { background-position: left bottom; } .article-list .grid .grid-item .read-more:focus, .article-list .grid .grid-item .read-more:hover { box-shadow: none; text-decoration: none; } .article-list .load-more { color: #fff; text-transform: uppercase; background-color: #ea5455; border-color: #ea5455; margin-top: 30px; padding: 7px 20px; font-size: 16px; margin-bottom: 30px; } .article-list .load-more:hover, .article-list .load-more:focus, .article-list .load-more:active, .article-list .load-more.active { background-color: #ea5455 !important; border-color: #ea5455 !important; outline: none !important; box-shadow: none !important; } .article-list .load-more.hide-load-more { display: none; } @media screen and (max-width: 768px) { .article-list .grid .grid-item .grid-button { width: 75%; margin-left: auto; margin-right: auto; left: 0; right: 0; } } .galleries-list-container { min-height: 45vh; } .galleries-list-container .galleries-list.gallery-list-widget.grid .item .main-image-wrapper .main-image { padding-top: 84%; } .galleries-list-container .galleries-list.gallery-list-widget.grid .item .other-images .other-item.total-items { padding-top: 76%; } .galleries-list-container .galleries-list.gallery-list-widget.grid .item .other-images .other-item.total-items span { font-size: 13px; } .galleries-list-container .galleries-list-sidebar .sidebar-content { background-color: #f5f5f5; position: relative; padding: 30px 0 20px 40px; } .galleries-list-container .galleries-list-sidebar .sidebar-content:after { content: ""; position: absolute; top: 0; right: -1000px; background-color: #f5f5f5; width: 1000px; height: 100%; } .load-more { margin-top: 30px; margin-bottom: 30px; } .load-more.hide-load-more { display: none; } .gallery-page { min-height: 72vh; } .gallery-page.container-fluid { padding: 0; } .gallery-page .cover-header { padding: 0; margin-bottom: 3rem; } @media (max-width: 500px) { .gallery-page .cover-header { margin-bottom: 1rem; } } .gallery-page .content.container-fluid { width: 90%; padding: 0 30px; } @media (max-width: 500px) { .gallery-page .content.container-fluid { width: 100%; padding: 0 15px; } } .gallery-page .title { padding: 20px 0; } .gallery-page .title h1 { font-size: 30px; font-weight: 600; font-family: "Poppins", sans-serif; } .gallery-page .subtitle { font-size: 26px; padding: 20px 0; margin-bottom: 50px; } .gallery-page .description { margin-bottom: 30px; text-align: justify; } .gallery-page .description p span { background-color: transparent !important; color: #2B3C73 !important; } @media (max-width: 500px) { .gallery-page .description p span { font-size: 18px !important; } } .gallery-page .gallery-items .grid-item { margin-bottom: 30px; } .gallery-page .gallery-items .grid-item .gallery-item-content { border: 1px solid #f5f5f5; } .gallery-page .gallery-items .grid-item .gallery-item-content .img-container { margin: -1px -1px 20px; cursor: pointer; } .gallery-page .gallery-items .grid-item .gallery-item-content .img-container img { width: 100%; } .gallery-page .gallery-items .grid-item .gallery-item-content .img-container .video { display: block; height: 0; padding-top: 75%; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center; } .gallery-page .gallery-items .grid-item .gallery-item-content .img-container .video.placeholder { background-image: url("/img/themes/default/gallery-video-placeholder.png"); background-size: auto; background-color: #ebebeb; } .gallery-page .gallery-items .grid-item .gallery-item-content .img-container .video .btn-play { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/img/themes/default/btn-play.png"); background-size: auto; background-repeat: no-repeat; background-position: center center; cursor: pointer; } .gallery-page .gallery-items .grid-item .gallery-item-content .description { font-size: 14px; line-height: 25px; color: #616161; padding: 0 19px 19px; } .gallery-page .gallery-items .grid-item .modal .modal-dialog .modal-content { border: none; } .gallery-page .gallery-items .grid-item .modal .modal-dialog .modal-content .modal-body { padding: 0; } .gallery-page .gallery-items .grid-item .modal .modal-dialog .modal-content .modal-body .img-container { margin-bottom: 30px; } .gallery-page .gallery-items .grid-item .modal .modal-dialog .modal-content .modal-body .img-container img { width: 100%; } .gallery-page .gallery-items .grid-item .modal .modal-dialog .modal-content .modal-body .img-container .video { display: block; height: 0; padding-top: 56%; position: relative; } .gallery-page .gallery-items .grid-item .modal .modal-dialog .modal-content .modal-body .img-container .video iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .gallery-page .gallery-items .grid-item .modal .modal-dialog .modal-content .modal-body .img-container .video p { display: none; } .gallery-page .gallery-items .grid-item .modal .modal-dialog .modal-content .modal-body .description { font-size: 18px; padding: 0 30px 30px; } .gallery-page .btn-load-more .load-more { background: linear-gradient(90deg, #ffb000 0%, gold 64%, #ffe800 100%); color: #014E92; text-transform: uppercase; border-radius: 0; font-size: 18px; font-weight: 300; padding: 10px 20px; position: relative; border: 0; } .gallery-page .btn-load-more .load-more:before { content: ""; width: 50px; height: 47px; background: linear-gradient(to right, #FFF200 50%, #2B3C73 50%); top: 0px; right: -50px; position: absolute; background-position: right bottom; transition: all 0.5s ease-out; background-size: 200% 100%; } .gallery-page .btn-load-more .load-more:after { content: ""; width: 50px; height: 47px; background: url("/images/themes/fboradea/button_arrow.svg") no-repeat center; top: -1px; right: -50px; position: absolute; } .gallery-page .btn-load-more .load-more:hover::before { background-position: left bottom; } .gallery-page .logo { margin-top: 1rem; margin-bottom: 4rem; } .profile-page-default .activity .nav-link { text-align: center !important; } .profile-page-default .basic-loader { display: none; } .profile-page-default ul { list-style: none; } .profile-page-default .tab-content { margin-bottom: 40px; } .profile-page-default ul { list-style: none; } .profile-page-default .my-points { padding-left: 0px; margin-bottom: 0px; } .profile-page-default .my-points h5 { margin-bottom: 0px; font-size: 14px; color: #616161; } .profile-page-default .my-points span { text-align: right; } .profile-page-default .my-points li { padding-top: 20px; padding-bottom: 20px; padding-left: 5px; padding-right: 5px; } .profile-page-default .my-points .highlight { background-color: rgba(241, 130, 73, 0.05); } .profile-page-default .my-points .col-lg-4 { text-align: left; } .profile-page-default .my-points .col-lg-2 { text-align: right; } .profile-page-default .politicalEngagementForm { border: 1px solid #e6e6e6; padding-bottom: 15px; } .profile-page-default .politicalEngagementForm label { font-size: 14px; color: #616161; text-transform: uppercase; } .profile-page-default .politicalEngagementForm #savePoliticalEngagement { background-color: #ea5455; color: #ffffff; font-size: 22px; width: 160px; text-align: center; } .profile-page-default .edituser #editUserBtn { background-color: #ea5455; color: #ffffff; font-size: 22px; width: 160px; text-align: center; text-transform: uppercase; } .profile-page-default .edituser .form-group label { font-size: 14px; color: #616161; text-transform: uppercase; } .profile-page-default .socialAccountsForm #saveSocialAccounts, .profile-page-default .socialAccountsForm .btn-save-settings { background-color: #ea5455; color: #ffffff; font-size: 22px; width: 160px; text-align: center; text-transform: uppercase; } .profile-page-default .socialAccountsForm label { text-transform: uppercase; } .profile-page-default .load-more-activities, .profile-page-default .load-more-friends-activities, .profile-page-default .load-more-items { display: none; } .profile-page-default .nav-tabs.timeline li a { text-align: center; } .profile-page-default #invitations .nr { font-size: 45px; color: black; font-weight: 700; padding-top: 0px; } .profile-page-default .custom-multiselect { outline: none; font-size: 14px; color: #616161; border: 1px solid #ced4da; background: #fff !important; } .profile-page-default .custom-multiselect:focus { outline: none !important; } .profile-page-default .custom-multiselect:active { background: #fff !important; color: #616161 !important; } .load-more-text { font-size: 16px; font-family: "Poppins Medium", sans-serif; text-transform: uppercase; color: #616161; cursor: pointer; letter-spacing: 1.2px; } .header-profile .timeline-cover .user-details { padding-left: 30px; } .header-profile .timeline-cover .user-details a { text-transform: uppercase; text-decoration: underline; color: #ffffff; font-size: 16px; padding-right: 15px; } .header-profile .timeline-cover.middle_left_wrapper { display: flex; flex-direction: column; } .header-profile .timeline-cover .middle_left { min-height: 100%; display: flex; align-items: center; height: 100px; } .header-profile .timeline-cover .user-name { font-size: 54px; font-weight: 600; color: #ffffff; padding-top: 30px; } .header-profile .timeline-cover h1 { color: #ffffff; font-weight: 600; } .header-profile .timeline-cover h1 span { font-size: 22px; } .header-profile .timeline-cover { height: 470px; } .header-profile .timeline-cover .timeline-avatar .user-img { height: 255px; width: 255px; border-radius: 50%; border: 5px solid white; display: block; background-repeat: no-repeat; background-position: center center; background-size: cover; } .header-profile .timeline-avatar { position: relative; } .header-profile .timeline-avatar i { position: absolute; bottom: -15px; height: 41px; width: 41px; left: 105px; padding: 6px; background-color: white; border-radius: 50%; text-align: center; font-size: 24px; color: #f6d27a; } .header-profile .timeline-avatar .profile-badge { height: 41px; width: 41px; border-radius: 50%; display: block; margin: -30px auto 0 auto; } .header-profile .timeline-avatar .profile-badge-name { color: #fff; font-size: 25px; text-align: center; display: block; } .friend-info .user-name { width: calc(100% - 52px); } @media screen and (max-width: 767px) { .nav-tabs.activity .nav-link { font-size: 11px !important; text-align: center; } .profile-page-default #seeFriendsList { width: auto; } .profile-page-default .friend-info div.user-name { width: 85%; } .profile-page-default .activity { padding-bottom: 20px; } .profile-page-default .activity .nav-item { margin: 0 auto; } .profile-page-default .nav-tabs.timeline { border: none; margin-bottom: 15px; } .header-profile .timeline-cover { height: 350px !important; } .header-profile .timeline-cover h1 { color: white; font-weight: 600; text-align: center; font-size: 20px; } .header-profile .timeline-cover .timeline-avatar { width: 100%; } .header-profile .timeline-cover .timeline-avatar .user-img { height: 100px; width: 100px; margin: 0 auto; } .header-profile .timeline-cover .user-details { width: 100%; padding-left: 0px; } .header-profile .timeline-cover .user-details .user-name { width: 100%; text-align: center; font-size: 25px; padding-top: 0px; } .header-profile .timeline-cover .user-details .change-profile-image-div { width: 100%; text-align: center; } } .public-profile-page .basic-loader { display: none; } .public-profile-page .points-list { list-style: none !important; } .public-profile-page .activity .nav-item a { text-align: center; } .public-profile-page .my-points { list-style: none !important; padding-left: 0px; margin-bottom: 0px; } .public-profile-page .my-points h5 { margin-bottom: 0px; font-size: 14px; color: #616161; } .public-profile-page .my-points span { text-align: right; } .public-profile-page .my-points li { padding-top: 20px; padding-bottom: 20px; padding-left: 5px; padding-right: 5px; } .public-profile-page .my-points .highlight { background-color: rgba(241, 130, 73, 0.05); } .public-profile-page .my-points .col-lg-4 { text-align: left; } .public-profile-page .my-points .col-lg-2 { text-align: right; } @media screen and (max-width: 1024px) { .user-details { text-align: center; } .timeline-cover .timeline-avatar { float: none !important; } .timeline-cover .user-details { float: none !important; } .header-profile .timeline-cover .timeline-avatar .user-img { margin: 0 auto; } } @media screen and (max-width: 991px) { .my-points li { padding-top: 10px !important; padding-bottom: 10px !important; } .my-points li .col-lg-12 .row .col-8:nth-child(1) { background: transparent !important; padding-top: 10px; padding-bottom: 10px; } .my-points li .col-lg-12 .row .col-8:nth-child(3) { background: rgba(241, 130, 73, 0.1) !important; padding-top: 10px; padding-bottom: 10px; } .my-points li .col-lg-12 .row .col-4:nth-child(2) { background: transparent !important; padding-top: 10px; padding-bottom: 10px; } .my-points li .col-lg-12 .row .col-4:nth-child(4) { background: rgba(241, 130, 73, 0.1) !important; padding-top: 10px; padding-bottom: 10px; } .my-points .highlight { background-color: transparent !important; } } .profile-page .header-profile { background: #f5f8fb; padding: 75px 9vw; } .profile-page .header-profile .user-image { position: relative; } .profile-page .header-profile .user-image img { width: 250px !important; max-width: 250px; height: 250px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .profile-page .header-profile .user-image:hover .after { background: rgba(0, 0, 0, 0.6); opacity: 1; } .profile-page .header-profile .user-image .after { position: absolute; top: 0; width: 250px; height: 250px; border-radius: 50% 50%; opacity: 0; color: #FFF; text-align: center; transition: 0.5s ease; } .profile-page .header-profile .user-image .after i { font-size: 50px; margin-top: 85px; } .profile-page .header-profile .user-info { margin-top: 20px; } .profile-page .header-profile .user-info .user-name { font-size: 35px; color: #161a1e; font-family: "Poppins", sans-serif; font-weight: 700; text-transform: capitalize; margin-bottom: 0; } .profile-page .header-profile .user-info .user-function { font-size: 20px; color: #161a1e; font-family: "Poppins", sans-serif; font-weight: 400; text-transform: capitalize; } .profile-page .header-profile .user-info .user-branch { font-size: 14px; color: #7c848c; font-family: "Poppins", sans-serif; font-weight: 400; text-transform: capitalize; margin-bottom: 20px; } .profile-page .header-profile .user-info .change-password { color: #78c087; font-size: 18px; border: 2px solid #78c087; padding: 3px 25px; font-family: "Poppins Semibold", sans-serif; font-weight: 600; background: transparent; text-transform: capitalize; border-radius: 5px; } .profile-page .header-profile .user-info .change-password:focus { outline: none; } .profile-page .header-profile .user-points { background: white; padding: 50px; border-radius: 10px; font-family: "Poppins", sans-serif; display: inline-flex; } .profile-page .header-profile .user-points .text-div .top-members { color: #464646; font-size: 20px; margin-top: 13px; margin-bottom: 0; } .profile-page .header-profile .user-points .text-div .points { color: #464646; font-size: 20px; margin-top: 10px; margin-bottom: 0; } .profile-page .header-profile .user-points .numbers-div { padding-right: 15px; } .profile-page .header-profile .user-points .numbers-div h4 { font-size: 31px; color: #79c087; text-align: right; } .profile-page .contact { background: #fff; padding: 75px 0; } .profile-page .contact .contact-text { color: #161a1d; text-align: center; font-size: 35px; font-family: "Poppins Semibold", sans-serif; padding-bottom: 3rem; } .profile-page .contact .edituser { border: none; } .profile-page .contact input { border: 2px solid #e1e1e1; padding: 1.375rem 1rem 1.375rem 1.3rem; } .profile-page .contact label { color: #161a1e; font-size: 14px; font-family: "Poppins", sans-serif; font-weight: 600; text-transform: uppercase; } .profile-page .contact #editUserBtn { background-color: #78c087; font-size: 22px; color: white; text-transform: capitalize; float: right; } .profile-page .contact textarea:focus, .profile-page .contact textarea.form-control:focus, .profile-page .contact input.form-control:focus, .profile-page .contact input[type=text]:focus, .profile-page .contact input[type=password]:focus, .profile-page .contact input[type=email]:focus, .profile-page .contact input[type=number]:focus, .profile-page .contact [type=text].form-control:focus, .profile-page .contact [type=password].form-control:focus, .profile-page .contact [type=email].form-control:focus, .profile-page .contact [type=tel].form-control:focus, .profile-page .contact [contenteditable].form-control:focus { box-shadow: inset 0 -1px 0 #ddd; } .profile-page .contact input { color: #7c848c; font-size: 14px; font-family: "Poppins Medium", sans-serif; font-style: italic; } .profile-page .contact input::-moz-placeholder { color: #7c848c; font-size: 14px; font-family: "Poppins Medium", sans-serif; font-style: italic; } .profile-page .contact input::placeholder { color: #7c848c; font-size: 14px; font-family: "Poppins Medium", sans-serif; font-style: italic; } .profile-page .political { background: #f5f8fb; padding: 75px 15px; } .profile-page .political .political-text { color: #161a1d; text-align: center; font-size: 35px; font-family: "Poppins Semibold", sans-serif; padding-bottom: 2rem; } .profile-page .political .party-functions { display: inherit; } .profile-page .political .party-functions .card-body { padding: 1.5rem 1.25rem; } .profile-page .political .party-functions hr { margin-top: 0.5rem; margin-bottom: 2rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } .profile-page .political .party-functions h3 { color: #161a1e; font-size: 16px; font-family: "Poppins Semibold", sans-serif; text-transform: uppercase; margin-bottom: 0; } .profile-page .political .party-functions h4 { color: #7673f6; font-size: 14px; font-family: "Poppins Semibold", sans-serif; margin-bottom: 0; } .profile-page .political .party-functions h5 { color: #161a1e; font-size: 12px; font-family: "Poppins Semibold", sans-serif; text-transform: uppercase; } .profile-page .political .party-functions h6 { color: #7c848c; font-size: 12px; font-family: "Poppins Semibold", sans-serif; text-transform: capitalize; } .profile-page .political .party-functions i { color: #7673f6; float: left; font-size: 20px; margin-top: -2px; margin-right: 10px; } .profile-page .political .party-functions .card { border: 1px solid rgba(0, 0, 0, 0.06); } .profile-page .political .party-functions .card .card-header { border-bottom: none; text-decoration: none !important; display: flex; } .profile-page .political .party-functions .card .card-header h5 { color: #7673f6; font-size: 12px; font-family: "Poppins", sans-serif; text-transform: uppercase; font-weight: 400; margin-left: 20px; } .profile-page .political .party-functions .card .functions { float: left; text-transform: uppercase; } .profile-page .political .party-functions .card .vacancies { float: right; text-transform: uppercase; } .profile-page .political .public-functions { display: inherit; } .profile-page .political .public-functions .card-body { padding: 1.5rem 1.25rem; } .profile-page .political .public-functions hr { margin-top: 0.5rem; margin-bottom: 2rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } .profile-page .political .public-functions h3 { color: #161a1e; font-size: 16px; font-family: "Poppins Semibold", sans-serif; text-transform: uppercase; margin-bottom: 0; } .profile-page .political .public-functions h4 { color: #7673f6; font-size: 14px; font-family: "Poppins Semibold", sans-serif; margin-bottom: 0; } .profile-page .political .public-functions h5 { color: #161a1e; font-size: 12px; font-family: "Poppins Semibold", sans-serif; text-transform: uppercase; } .profile-page .political .public-functions h6 { color: #7c848c; font-size: 12px; font-family: "Poppins Semibold", sans-serif; text-transform: capitalize; } .profile-page .political .public-functions i { color: #7673f6; float: left; font-size: 20px; margin-top: -2px; margin-right: 10px; } .profile-page .political .public-functions .card { border: 1px solid rgba(0, 0, 0, 0.06); } .profile-page .political .public-functions .card .card-header { border-bottom: none; text-decoration: none !important; display: flex; } .profile-page .political .public-functions .card .card-header h5 { color: #7673f6; font-size: 12px; font-family: "Poppins", sans-serif; text-transform: uppercase; font-weight: 400; margin-left: 20px; } .profile-page .political .public-functions .card .functions { float: left; text-transform: uppercase; } .profile-page .political .public-functions .card .vacancies { float: right; text-transform: uppercase; } .profile-page .political .public-functions .card-header { border-bottom: none; text-decoration: none !important; display: flex; } .profile-page .political .public-functions .card-header h5 { color: #7673f6; font-size: 12px; font-family: "Poppins", sans-serif; text-transform: uppercase; font-weight: 400; margin-left: 20px; } .profile-page .change-password-myparty .error { font-size: 14px; margin: 3px 0; color: #ed1c24; font-weight: 300; font-family: "Poppins", sans-serif; } .profile-page .change-password-myparty .modal-header { border-bottom: none; padding-top: 3rem; } .profile-page .change-password-myparty .modal-header .logo { width: 100%; } .profile-page .change-password-myparty .modal-header .logo .img-container { width: -moz-fit-content; width: fit-content; margin: 0 auto; padding-bottom: 10px; } .profile-page .change-password-myparty .modal-header .logo .img-container img { max-width: 150px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .profile-page .change-password-myparty .modal-header .close { position: absolute; right: 20px; } .profile-page .change-password-myparty .modal-header .close:focus { outline: none; } .profile-page .change-password-myparty .modal-body { padding: 0 2rem 2rem 2rem; } .profile-page .change-password-myparty .modal-body .resetYourPassword { font-size: 21px; color: #000; font-family: "Poppins", sans-serif; font-weight: 700; text-align: center; padding-bottom: 20px; } .profile-page .change-password-myparty .modal-body .succesReset { font-size: 21px; color: #000; font-family: "Poppins", sans-serif; font-weight: 700; text-align: center; padding-bottom: 20px; } .profile-page .change-password-myparty .modal-body .succesResetMessage { font-size: 15px; color: #000; font-family: "Poppins", sans-serif; font-weight: 400; text-align: center; } .profile-page .change-password-myparty .modal-body label { font-size: 16px; color: #000; font-family: "Poppins", sans-serif; font-weight: 400; margin-bottom: 0; } .profile-page .change-password-myparty .modal-body .submit { text-align: center; width: 100%; padding-top: 10px; padding-bottom: 0; } .profile-page .change-password-myparty .modal-body .submit .reset-password { color: white; padding: 10px 30px; background: #78c087; border-radius: 5px; border: none; text-transform: uppercase; } .profile-page .change-password-myparty .modal-body .submit .ok-password { color: white; padding: 10px 30px; background: #78c087; border-radius: 5px; border: none; text-transform: uppercase; } .profile-page .change-password-myparty .modal-body .submit .ok-password:focus { outline: none; } .profile-page .change-password-myparty .modal-dialog { max-width: 400px !important; } .profile-page .personal { background: #fff; padding: 75px 15px; } .profile-page .personal h3 { color: #161a1d; text-align: center; font-size: 35px; font-family: "Poppins Semibold", sans-serif; padding-bottom: 2rem; } .profile-page .personal #location-container.location-inactive { display: none; } .profile-page .personal #location-container #location-spinner.spinner-disabled { display: none; } .profile-page .personal input { border: 2px solid #e1e1e1; padding: 1.375rem 1rem 1.375rem 1.3rem; } .profile-page .personal select { border: 2px solid #e1e1e1; padding: 0.375rem 1rem 0.375rem 1.3rem; height: 48px; color: #7c848c; font-size: 14px; font-family: "Poppins Medium", sans-serif; font-style: italic; } .profile-page .personal .ss-main { border: 2px solid #e1e1e1; padding: 0.375rem 1rem 0.375rem 1.3rem; height: 48px; color: #7c848c; font-size: 14px; font-family: "Poppins Medium", sans-serif; font-style: italic; border-radius: 0.25rem; } .profile-page .personal .ss-main .ss-multi-selected { border: none !important; } .profile-page .personal textarea { border: 2px solid #e1e1e1; padding: 0.375rem 1rem 0.375rem 1.3rem; color: #7c848c; font-size: 14px; font-family: "Poppins Medium", sans-serif; font-style: italic; min-height: 100px; max-height: 200px; height: auto; } .profile-page .personal label { color: #161a1e; font-size: 14px; font-family: "Poppins", sans-serif; font-weight: 600; text-transform: uppercase; } .profile-page .personal #editUserBtn { background-color: #78c087; font-size: 22px; color: white; text-transform: uppercase; float: right; font-weight: 500; padding: 0.5rem 2.5rem; } .profile-page .personal textarea:focus, .profile-page .personal textarea.form-control:focus, .profile-page .personal input.form-control:focus, .profile-page .personal input[type=text]:focus, .profile-page .personal input[type=password]:focus, .profile-page .personal input[type=email]:focus, .profile-page .personal input[type=number]:focus, .profile-page .personal [type=text].form-control:focus, .profile-page .personal [type=password].form-control:focus, .profile-page .personal [type=email].form-control:focus, .profile-page .personal [type=tel].form-control:focus, .profile-page .personal [contenteditable].form-control:focus { box-shadow: inset 0 -1px 0 #ddd; } .profile-page .personal input { color: #7c848c; font-size: 14px; font-family: "Poppins Medium", sans-serif; font-style: italic; } .profile-page .personal input::-moz-placeholder { color: #7c848c; font-size: 14px; font-family: "Poppins Medium", sans-serif; font-style: italic; } .profile-page .personal input::placeholder { color: #7c848c; font-size: 14px; font-family: "Poppins Medium", sans-serif; font-style: italic; } .profile-page textarea:focus, .profile-page textarea.form-control:focus, .profile-page input.form-control:focus, .profile-page input[type=text]:focus, .profile-page input[type=password]:focus, .profile-page input[type=email]:focus, .profile-page input[type=number]:focus, .profile-page [type=text].form-control:focus, .profile-page [type=password].form-control:focus, .profile-page [type=email].form-control:focus, .profile-page [type=tel].form-control:focus, .profile-page [contenteditable].form-control:focus { box-shadow: inset 0 -1px 0 #ddd; } @media screen and (max-width: 769px) { .profile-page hr { margin: 0 auto; margin-bottom: 15px; } .profile-page .user-points { display: flex; align-items: center; justify-content: center; } .profile-page .user-info { text-align: center; margin-bottom: 10px; } .profile-page .contact { padding: 30px 15px; } .profile-page .political { padding: 30px 15px; } .profile-page .personal { padding: 30px 15px; } .profile-page .personal h3 { padding-bottom: 1rem !important; font-size: 30px !important; } .profile-page .political-text { padding-bottom: 1rem !important; font-size: 30px !important; } .profile-page .contact-text { padding-bottom: 1rem !important; font-size: 30px !important; } .profile-page .user-points { width: 100%; padding: 20px; } } @media screen and (max-width: 1200px) { .profile-page .header-profile { padding: 75px 15px !important; } } @media screen and (max-width: 1023px) { .profile-page .user-image { width: 100%; text-align: center; } .profile-page .user-image .after { left: calc(50vw - 125px); } .profile-page .header-profile { padding: 75px 15px 10px 15px !important; } .profile-page .header-profile .user-points .text-div .points { margin-top: -6px; } } .members-title { padding-top: 30px; padding-bottom: 50px; } .members-title h1 { font-size: 54px; font-weight: 600; color: #2B3C73; } .nav-tabs.members { width: 100%; text-align: center; margin-top: 15px; float: right; margin-bottom: 40px; border: none; border-bottom: 1px solid #eeeeee; } .nav-tabs.members .nav-link { padding-left: 23px; color: #616161; font-size: 12px; cursor: pointer; } .nav-tabs.members .nav-link:hover { font-size: 12px !important; border-color: transparent; } .nav-tabs.members .nav-link.active { border: none; color: #f18249; border-bottom: 1px solid #f18249; } .add-friend-wrap { position: relative; } .add-friend-wrap .fa-spinner { display: none; position: absolute; top: 5px; left: -23px; color: #fff; } .add-friend-wrap .add-friend { text-align: left; font-size: 16px; margin-top: 4px; color: #fff; cursor: pointer; } .members-list-loader { position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: none; text-align: center; background-color: #fff; z-index: 1; opacity: 0.5; } .members-list-loader .fa-spin { font-size: 40px; margin-top: 200px; } .members-lst { padding-top: 30px; padding-bottom: 30px; } .members-lst .col-4 { -webkit-flex: 0 0 33.33333% !important; } .members-lst .members-list { position: relative; } .members-lst .members-list > .col-lg-2 { margin-bottom: 42px; } .members-lst .member-name { font-size: 14px; font-weight: 600; color: #2B3C73; margin-bottom: 0px; text-align: center; } .members-lst .member-points { font-size: 12px; color: #bdbdbd !important; margin-bottom: 0px; text-align: center; margin-top: 4px; } .members-lst .add-friend { text-align: center; font-size: 12px; margin-top: 4px; color: #f18249; cursor: pointer; } .members-lst .add-friend > i.fa-spinner { display: none; margin-right: 5px; } .members-lst .send-member-msg { font-size: 12px; color: #f18249 !important; text-align: center; margin: 0 auto; display: block; font-weight: 500; cursor: pointer; } .add-again.members { text-decoration: none; } .member-avatar { margin: 0 auto; display: block; border-radius: 50%; margin-bottom: 20px; height: 150px; width: 150px; background-repeat: no-repeat; background-position: center center; background-size: cover; } .search-input img { margin-left: -45px; height: 28px; width: 28px; margin-top: 13px; } .search-input .search-img { cursor: pointer; } .search-input input:hover { outline: none; } .search-input input { width: 448px; height: 50px; } .search-input { display: flex; outline: none; } @media screen and (max-width: 1024px) { .members-lst .col-4 { -webkit-flex: 0 0 33.33333% !important; } .members-page .row { display: -webkit-flex !important; } .members-page .search-input { display: -webkit-flex !important; } .members-page ul.nav-tabs.members { display: -webkit-flex !important; } .members-page ul.nav-tabs.members li.nav-item { -webkit-flex: 0 0 40%; } .members-page ul.nav-tabs.members .nav-link { padding: 0.5rem 1rem; } .members-page .members .col-md-3 { -webkit-flex: 0 0 25%; } .members-page .members .col-4 { -webkit-flex: 0 0 33.33333% !important; } } @media screen and (max-width: 520px) { .add-friend-wrap .add-friend { text-align: center; } .members-title { padding-top: 0px; padding-bottom: 0px; } .members-title h1 { font-size: 35px; text-align: center; } .search-input input { width: 100%; height: 50px; } .member-avatar { height: 80px; width: 80px; } .nav-link { padding: 0 !important; } .footer-dropdown .nav-link { padding: 10px !important; } } @media (max-width: 500px) { .support-header .container-fluid > .row { margin-bottom: 35px !important; } } .support-sustine h4 { margin-bottom: 3rem; } @media (max-width: 500px) { .support-sustine h4 { margin-bottom: 2rem; } } .support-sustine .form { margin-top: 3rem; } .support-sustine .form form { width: 90%; } .support-sustine .form form h4 { margin-bottom: 2rem; } @media (max-width: 500px) { .support-sustine .form form { width: 100%; } } .support-sustine .logo .w-fit-content { width: 100%; } .support-sustine .logo .w-fit-content img { width: 100%; } @media (max-width: 1024px) { .order-row { display: flex; flex-direction: column; } .order-row .col-md-6, .order-row .col-md-5, .order-row .col-md-7, .order-row .col-md-8, .order-row .col-md-4 { flex: 0 0 100%; max-width: 100%; } .order-row .col-md-6 .w-fit-content, .order-row .col-md-5 .w-fit-content, .order-row .col-md-7 .w-fit-content, .order-row .col-md-8 .w-fit-content, .order-row .col-md-4 .w-fit-content { width: 100% !important; } .order-row .col-md-6 .w-fit-content img, .order-row .col-md-5 .w-fit-content img, .order-row .col-md-7 .w-fit-content img, .order-row .col-md-8 .w-fit-content img, .order-row .col-md-4 .w-fit-content img { margin: 0 auto; display: block; margin-top: 1rem; margin-bottom: 1rem; } .order-row .col-md-5 { order: 2; } .order-row .col-md-7 { order: 1; } } @media (max-width: 500px) { .order-row .col-md-6 .w-fit-content { height: auto !important; } .order-row .col-md-6 .w-fit-content img { width: 100%; height: auto; max-width: 100%; } } .myparty-public-profile .header-section { background: #f5f8fb; padding: 75px 0; } .myparty-public-profile .header-section .public-avatar { width: 200px; height: 200px; float: left; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .myparty-public-profile .header-section .user-info { margin-top: 20px; } .myparty-public-profile .header-section .user-info .public-name { font-size: 35px; color: #161a1e; font-family: "Poppins", sans-serif; font-weight: 700; text-transform: capitalize; margin-bottom: 0; } .myparty-public-profile .header-section .user-info .public-function { font-size: 20px; color: #161a1e; font-family: "Poppins", sans-serif; font-weight: 400; text-transform: capitalize; } .myparty-public-profile .header-section .user-info .public-branch { font-size: 14px; color: #7c848c; font-family: "Poppins", sans-serif; font-weight: 400; text-transform: capitalize; margin-bottom: 20px; } .myparty-public-profile .header-section .user-bio { color: #7c848c; font-size: 16px; font-family: "Poppins", sans-serif; font-weight: 500; text-transform: capitalize; } .myparty-public-profile .header-section .user-social a { float: left; color: #6ac88a; font-size: 20px; margin-right: 5px; } .myparty-public-profile .party-functions { background-color: #fff; display: inherit; padding: 75px 0 20px 0; } .myparty-public-profile .party-functions .card-body { padding: 1.5rem 1.25rem; } .myparty-public-profile .party-functions hr { margin-top: 0.5rem; margin-bottom: 2rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } .myparty-public-profile .party-functions h3 { color: #161a1e; font-size: 16px; font-family: "Poppins Semibold", sans-serif; text-transform: uppercase; margin-bottom: 0; } .myparty-public-profile .party-functions h4 { color: #f18249; font-size: 14px; font-family: "Poppins Semibold", sans-serif; margin-bottom: 0; } .myparty-public-profile .party-functions h5 { color: #161a1e; font-size: 12px; font-family: "Poppins Semibold", sans-serif; text-transform: uppercase; } .myparty-public-profile .party-functions h6 { color: #7c848c; font-size: 12px; font-family: "Poppins Semibold", sans-serif; text-transform: capitalize; } .myparty-public-profile .party-functions i { color: #f18249; float: left; font-size: 20px; margin-top: -2px; margin-right: 10px; } .myparty-public-profile .party-functions .card { border: 1px solid rgba(0, 0, 0, 0.06); } .myparty-public-profile .party-functions .card .card-header { border-bottom: none; text-decoration: none !important; display: flex; } .myparty-public-profile .party-functions .card .card-header h5 { color: #f18249; font-size: 12px; font-family: "Poppins", sans-serif; text-transform: uppercase; font-weight: 400; margin-left: 20px; } .myparty-public-profile .party-functions .card .functions { float: left; text-transform: uppercase; } .myparty-public-profile .party-functions .card .vacancies { float: right; text-transform: uppercase; } .myparty-public-profile .public-functions { background-color: #fff; display: inherit; padding: 20px 0 75px 0; } .myparty-public-profile .public-functions .card-body { padding: 1.5rem 1.25rem; } .myparty-public-profile .public-functions hr { margin-top: 0.5rem; margin-bottom: 2rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } .myparty-public-profile .public-functions h3 { color: #161a1e; font-size: 16px; font-family: "Poppins Semibold", sans-serif; text-transform: uppercase; margin-bottom: 0; } .myparty-public-profile .public-functions h4 { color: #f18249; font-size: 14px; font-family: "Poppins Semibold", sans-serif; margin-bottom: 0; } .myparty-public-profile .public-functions h5 { color: #161a1e; font-size: 12px; font-family: "Poppins Semibold", sans-serif; text-transform: uppercase; } .myparty-public-profile .public-functions h6 { color: #7c848c; font-size: 12px; font-family: "Poppins Semibold", sans-serif; text-transform: capitalize; } .myparty-public-profile .public-functions i { color: #f18249; float: left; font-size: 20px; margin-top: -2px; margin-right: 10px; } .myparty-public-profile .public-functions a:hover { text-decoration: none !important; } .myparty-public-profile .public-functions a .card { border: 1px solid rgba(0, 0, 0, 0.06); } .myparty-public-profile .public-functions a .card .card-header { border-bottom: none; text-decoration: none !important; display: flex; } .myparty-public-profile .public-functions a .card .card-header h5 { color: #f18249; font-size: 12px; font-family: "Poppins", sans-serif; text-transform: uppercase; font-weight: 400; margin-left: 20px; } .myparty-public-profile .public-functions a .card .functions { float: left; text-transform: uppercase; } .myparty-public-profile .public-functions a .card .vacancies { float: right; text-transform: uppercase; } .myparty-public-profile .public-functions .card-header { border-bottom: none; text-decoration: none !important; display: flex; } .myparty-public-profile .public-functions .card-header h5 { color: #f18249; font-size: 12px; font-family: "Poppins", sans-serif; text-transform: uppercase; font-weight: 400; margin-left: 20px; } @media screen and (max-width: 769px) { .myparty-public-profile hr { margin: 0 auto; margin-bottom: 15px; } .myparty-public-profile .public-avatar { display: block; margin: 0 auto; } .myparty-public-profile .user-info { text-align: center; } .myparty-public-profile .user-social { width: -moz-fit-content; width: fit-content; margin: 0 auto; } .myparty-public-profile .user-social a { margin-right: 5px; margin-left: 5px; } .myparty-public-profile .user-bio { text-align: center; } } .article-page-content { overflow-x: hidden; } .article-page-content .page-title { font-family: "Poppins", sans-serif; padding: 70px 0 20px; font-weight: 600; font-size: 50px; line-height: 51px; margin-bottom: 60px; } .article-page-content .page-subtitle { font-size: 26px; font-weight: 600; line-height: 27px; margin-bottom: 30px; font-family: "Poppins", sans-serif; color: #2B3C73; } .article-page-content .media-widget-container { float: left; margin: 0px 30px 20px 0; } .article-page-content .text-widget-container { margin-top: -2px; } .article-page-content .text-widget-container p { font-size: 16px; line-height: 28px; margin-bottom: 35px; } .article-page-content .text-widget-container p span { background-color: transparent !important; color: #2B3C73 !important; } @media (max-width: 767px) { .article-page-content .page-title { font-size: 32px; margin-bottom: 30px; line-height: 35px; } .article-page-content .media-widget-container { margin-right: 0; } .article-page-content .media-widget-container img { width: 100%; } } .article-page-content .embed-widget-article { margin-bottom: 20px; } .article-page-content .embed-responsive { margin-bottom: 20px; } .article-page-content .comments-container h3 { font-size: 26px; font-weight: 700; line-height: 26px; padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px solid #f5f5f5; } .article-page-content .comments-container #reactions-list ul.comments { list-style: none; padding: 0; } .article-page-content .comments-container #reactions-list ul.comments li .user-info { margin-bottom: 17px; } .article-page-content .comments-container #reactions-list ul.comments li .user-info .user-img { width: 50px; height: 50px; border-radius: 50%; background-repeat: no-repeat; background-position: center center; background-size: cover; display: inline-block; vertical-align: middle; margin-right: 15px; } .article-page-content .comments-container #reactions-list ul.comments li .user-info .user-name { display: inline-block; font-size: 14px; font-weight: 600; } .article-page-content .comments-container #reactions-list ul.comments li .user-info .user-name span { color: #bdbdbd; font-weight: 400; } .article-page-content .comments-container #reactions-list ul.comments li .comment { font-size: 14px; line-height: 22px; padding-bottom: 15px; border-bottom: 1px solid #f5f5f5; margin-bottom: 20px; } .article-page-content .comments-container .load-more { font-size: 16px; font-weight: 400; text-transform: uppercase; background: #ea5455; color: white; padding: 5px 20px; margin-bottom: 30px; } .article-page-content .comments-container .load-more.hide-load-more { display: none; } .informative-article .w-fit-content { width: 100%; } .informative-article .w-fit-content img { width: 100%; -o-object-fit: cover; object-fit: cover; } label[for=activate_privacy] { display: contents; } .event-article .user-image-container { width: 70px; margin: 0 auto; } .event-article .user-image-container .user-image { border-radius: 100px; height: 70px; width: 70px; display: inline-block; background-repeat: no-repeat; background-position: center center; background-size: cover; } .event-article .event-details h5 { font-size: 14px; font-family: "Poppins", sans-serif; font-weight: 400; margin-bottom: 15px; } .event-article .event-details h5 i { margin-right: 10px; } .event-article .map-buttons { padding-top: 30px; padding-bottom: 35px; } .event-article .map-buttons a { font-size: 22px; font-family: "Poppins", sans-serif; font-weight: 400; } .event-article .map-buttons .going-event { width: 100%; float: left; background: #23c87b; border-radius: 5px; padding: 5px 0px; text-align: center; border: 2px solid #23c87b; margin: 0 auto; } .event-article .map-buttons .going-event a { color: white; } .event-article .map-buttons .interested-event { width: 45%; float: right; background: white; border-radius: 10px; padding: 5px 0px; text-align: center; border: 2px solid #23c87b; } .event-article .map-buttons .interested-event a { color: #23c87b; } .event-article .error-event { width: 100%; color: red; font-size: 19px; font-family: "Poppins", sans-serif; font-weight: 400; padding: 10px 0; text-align: center; } .event-article .succes-event { width: 100%; color: #23c87b; font-size: 19px; font-family: "Poppins", sans-serif; font-weight: 400; padding: 10px 0; text-align: center; } .event-article .map-widget { margin-bottom: 20px; } .event-article .map-widget .event-marker { font-size: 14px; font-family: "Poppins", sans-serif; margin-bottom: 15px; font-weight: 400; } .event-article .map-widget .event-marker i { margin-right: 10px; } .article-sidebar { margin-bottom: 20px; } .article-sidebar .sidebar-content { background-color: #f5f5f5; position: relative; padding: 30px 0 20px 40px; } .article-sidebar .sidebar-content:after { content: ""; position: absolute; top: 0; right: -100vw; background-color: #f5f5f5; width: 100vw; height: 100%; } @media (max-width: 991px) { .article-sidebar .sidebar-content { padding: 20px; } .article-sidebar .sidebar-content:after { display: none; } } .share_article { margin-bottom: 35px; } .share_article p { display: inline-block; font-size: 16px; font-weight: 700; line-height: 42px; margin: 0 14px 0 0; } .share_article a { color: #fff; font-size: 18px; width: 42px; height: 42px; display: inline-block; line-height: 20px; padding: 10px; border-radius: 21px; margin: 0 5px 0 0px; } .share_article a:hover { color: #fff; } .share_article a.facebook-btn { background-color: #3b5997; } .share_article a.facebook-btn:hover { background-color: #3b5997; } .share_article a.twitter-btn { background-color: #1da1f2; } .share_article a.twitter-btn:hover { background-color: #1da1f2; } .share_article a.whatsapp-btn { background-color: #3b9990; } .share_article a.whatsapp-btn:hover { background-color: #3b9990; } .share_article a.copy-btn { background-color: #616161; } .share_article a.copy-btn:hover { background-color: #616161; } .informative-article .page-title { margin-bottom: 10px; } .informative-article .media-widget-container { width: 50% !important; } .shareable-article .media-widget-container { float: none; margin: 0 0 20px; } .shareable-article .media-widget-container .media-widget-article { width: 100%; } .shareable-article .media-widget-container .media-widget-article img { width: 100%; } .petition-article .media-widget-container { float: none; margin: 0 0 20px; } .petition-article .media-widget-container .media-widget-article { width: 100%; } .petition-article .media-widget-container .media-widget-article img { width: 100%; } .submit-article .media-widget-container { float: none; margin: 0 0 20px; } .submit-article .media-widget-container .media-widget-article { width: 100%; } .submit-article .media-widget-container .media-widget-article img { width: 100%; } .read-comment-article .media-widget-container { float: none; margin: 0 0 20px; } .read-comment-article .media-widget-container .media-widget-article { width: 100%; } .read-comment-article .media-widget-container .media-widget-article img { width: 100%; } .read-comment-article .article-sidebar .form-widget .comment_form .form-title { display: none; } .read-comment-article .article-sidebar .complete-steps { font-size: 22px; font-weight: 700; padding: 4px 0 0; margin-bottom: 24px; } .read-comment-article .article-sidebar .step { margin-bottom: 35px; } .read-comment-article .article-sidebar .step h5 { font-size: 18px; line-height: 26px; font-weight: 700; margin-bottom: 24px; } .read-comment-article .article-sidebar .step h5 span { color: #ea5455; } .read-comment-article .article-sidebar .step .read-article, .read-comment-article .article-sidebar .step .read-article-user { height: 46px; display: block; font-size: 22px; font-weight: 500; background-color: #616161; color: #fff; line-height: 30px; border-radius: 5px; } .invite-article .media-widget-container { float: none; margin: 0 0 20px; } .invite-article .media-widget-container .media-widget-article { width: 100%; } .invite-article .media-widget-container .media-widget-article img { width: 100%; } .write-a-letter-article .media-widget-container { float: none; margin: 0 0 20px; } .write-a-letter-article .media-widget-container .media-widget-article { width: 100%; } .write-a-letter-article .media-widget-container .media-widget-article img { width: 100%; } .write-a-letter-article .sidebar-content { background-image: url("/img/themes/default/bg-write-a-letter.png"); background-repeat: no-repeat; background-position: bottom -18px right -136px; } .write-a-letter-article .sidebar-content:after { background-image: url("/img/themes/default/bg-write-a-letter.png"); background-repeat: no-repeat; background-position: bottom -18px left -75px; } @media (max-width: 991px) { .write-a-letter-article .sidebar-content { background-position: bottom -18px right 10px; } .write-a-letter-article .sidebar-content:after { background-image: none; } } .write-a-letter-article .write-a-letter-widget .write-letter-title { display: block; font-size: 22px; font-weight: 700; color: #000; padding-top: 4px; margin-bottom: 32px; } .write-a-letter-article .write-a-letter-widget .letter-subject { display: block; font-size: 16px; color: #616161; line-height: 27px; margin-bottom: 10px; } .write-a-letter-article .write-a-letter-widget .letter-message { display: block; font-size: 16px; color: #616161; line-height: 27px; margin-bottom: 40px; } .write-a-letter-article .write-a-letter-widget .letter-message p { display: inline; font-size: 16px; } .write-a-letter-article .write-a-letter-widget .letter-label { display: inline; } .write-a-letter-article .write-a-letter-widget .btn-form { font-size: 22px; font-weight: 400; text-transform: uppercase; background: #ea5455; color: white; padding: 5px 20px; display: block; width: 100%; margin-bottom: 30px; } @media screen and (max-width: 767px) { .informative-article .media-widget-container { width: 100% !important; } } .topics-list .error { color: #ea5455; } .topics-list #proposeATopic .search-input { display: block; } .topics-list #proposeATopic .search-input .error { color: #ea5455; } .topics-list { margin-bottom: 50px; } .topics-list .preview { background-color: #f18249; width: 100%; position: absolute; bottom: 0px; height: 115px; padding-top: 40px; padding-bottom: 40px; padding-left: 30px; opacity: 0.9; text-shadow: 0 0 black; } .topics-list #proposeATopicLoader { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #ffffff; z-index: 9; } .topics-list #proposeATopicLoader i { font-size: 40px; text-align: center; display: block; margin: 0 auto; margin-top: 30%; } .topics-list #loadMoreTopicsLoader { display: none; } .topics-list #loadMoreTopicsLoader i { font-size: 40px; text-align: center; display: block; margin: 0 auto; } .topics-list .topic-page .preview { background-color: #f18249; width: 100%; position: absolute; bottom: 0px; height: 100px; padding-top: 15px; padding-bottom: 15px; padding-left: 15px; opacity: 0.9; text-shadow: 0 0 black; } .topics-list .topic-page .preview .topic-title { font-size: 24px; letter-spacing: 1px !important; color: #ffffff !important; font-family: #f18249 !important; position: inherit !important; margin-left: 0 !important; bottom: unset !important; } .topics-list .topic-user-avatar { height: 52px; width: 52px; border-radius: 50%; margin-right: 10px; margin-top: 5px; display: inline-block; background-repeat: no-repeat; background-position: center center; background-size: cover; } .topics-list .modal { top: 10%; } .topics-list .modal .warning-messages { color: red; } .topics-list .modal .inputfile { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } .topics-list .modal .inputfile + label { font-size: 1.25em; font-weight: 700; color: #ffffff; background-color: #f18249; display: inline-block; text-align: center; border-radius: 6px; font-size: 14px; letter-spacing: 1px; color: #ffffff; font-family: "Poppins", sans-serif; border: 1px solid #f18249; height: 40px; line-height: 40px; } .topics-list .modal .inputfile:focus + label, .topics-list .modal .inputfile + label:hover { color: #ffffff; background-color: #f18249; border-color: #f18249; } .topics-list .modal .image-upload-label { font-size: 14px; letter-spacing: 1px; color: #616161; font-family: "Poppins", sans-serif; line-height: 40px; } .topics-list .modal .propose-a-topic-submit { width: 100%; background-color: #f18249; border-color: #f18249; } .topics-list .modal .modal-dialog { max-width: 650px; } .topics-list .modal .search-input input { width: 100%; } .topics-list .modal .upload-topic-image { width: 100%; } .topics-list .modal .form-control { border: 1px solid #e5e5e5; border-radius: 6px; } .topics-list .modal input::-moz-placeholder, .topics-list .modal textarea::-moz-placeholder { font-size: 14px; letter-spacing: 1px; line-height: 24px; color: #b6b6b6; font-family: "Poppins", sans-serif; } .topics-list .modal input::placeholder, .topics-list .modal textarea::placeholder { font-size: 14px; letter-spacing: 1px; line-height: 24px; color: #b6b6b6; font-family: "Poppins", sans-serif; } .topics-list .modal .modal-title { font-size: 18px; letter-spacing: 1px; line-height: 30px; color: #757575; font-family: "Poppins", sans-serif; } .topics-list .modal .checkbox label { font-size: 14px; letter-spacing: 1px; line-height: 24px; color: #757575; font-family: "Poppins", sans-serif; } .topics-list .propose-a-topic-container { text-align: center; margin-top: 40px; } .topics-list .propose-a-topic-container a { font-size: 16px; letter-spacing: 2px; color: #ffffff; font-family: "Poppins", sans-serif; text-align: center; background: #f18249; border-color: #f18249; } .topics-list .load-more-topics-container { text-align: center; margin-top: 25px; margin-bottom: 25px; } .topics-list .load-more-topics-container .load-more-topics { font-size: 16px; letter-spacing: 2px; color: #f18249; font-family: "Poppins", sans-serif; } .topics-list .category-cover-container { width: 100%; height: 500px; background-size: cover; background-repeat: no-repeat; background-position: center; height: 390px; } .topics-list .category-cover-container .cover-image-text-container { width: 50%; margin: 0 auto; display: block; margin-bottom: 20px; border: 1px solid rgba(189, 189, 189, 0.3882352941); cursor: pointer; } .topics-list .category-cover-container .cover-image-text-container .topic-image img { width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; height: 200px; } .topics-list .category-cover-container .main-category-name { font-size: 54px; letter-spacing: 2px; color: #ffffff; font-family: "Poppins", sans-serif; font-weight: bold; text-align: left; padding-top: 190px; padding-bottom: 10px; text-shadow: 0 0 10px #000; } .topics-list .category-cover-container .main-category-description { font-size: 26px; letter-spacing: 1px; color: "Poppins", sans-serif; font-family: #ffffff; text-align: left; } .topics-list .category-cover-container .message-written-by { font-size: 8px; letter-spacing: 1px; line-height: 24px; color: #bdbdbd; font-family: "Poppins", sans-serif; margin-top: 10px; } .topics-list .category-cover-container .message-written-by span { font-size: 10px; color: #000000; } .topics-list .topics-list-container { width: 70%; } .topics-list .topics-list-container .topic-image { position: relative; min-height: 338px; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; } .topics-list .topics-list-container .topic-row { margin-top: 40px; } .topics-list .topics-list-container .topic-row .message-count { font-size: 16px; letter-spacing: 1px; line-height: 24px; color: #ffffff; font-family: "Poppins", sans-serif; margin-left: 10px; text-shadow: 1px 1px 15px #000; } .topics-list .topics-list-container .topic-row .message-count span { font-weight: bold; } .topics-list .topics-list-container .topic-row a { color: #000000; } .topics-list .topics-list-container .topic-row a:hover { text-decoration: none; } .topics-list .topics-list-container .topic-row .topic-title { font-size: 24px; letter-spacing: 1px; color: #ffffff; font-family: "Poppins", sans-serif; position: absolute; bottom: 10px; margin-left: 15px; } .topics-list .topics-list-container .topic-row .recent-opinions { font-size: 26px; letter-spacing: 1px; color: #000000; font-family: "Poppins", sans-serif; } .topics-list .topics-list-container .topic-row .read-more-button { font-size: 16px; letter-spacing: 2px; color: #ffffff; font-family: "Poppins", sans-serif; background: #f18249; border-color: #f18249; } .topics-list .topics-list-container .topic-row .messages-preview-container { height: 230px; overflow-y: scroll; margin-top: 20px; margin-bottom: 10px; } .topics-list .topics-list-container .topic-row .messages-preview-container .message-container div:first-of-type { display: inline-block; width: 100%; height: 62px; text-align: left; } .topics-list .topics-list-container .topic-row .messages-preview-container .no-topic-messages { font-style: italic; color: #757575; } .topics-list .topics-list-container .topic-row .messages-preview-container:before { content: ""; position: absolute; z-index: 1; bottom: 48px; left: 0; pointer-events: none; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), white 90%); width: 100%; height: 40px; } .topics-list .topics-list-container .topic-row .message { font-size: 14px; letter-spacing: 1px; line-height: 22px; color: #616161; font-family: "Poppins", sans-serif; border-bottom: 1px solid #bdbdbd; padding-bottom: 10px; margin-top: 10px; } .topics-list .topics-list-container .topic-row .message-author { position: relative; top: -35%; font-size: 14px; letter-spacing: 1px; line-height: 24px; color: #000000; font-family: "Poppins", sans-serif; font-weight: bold; } .topics-list .topics-list-container .topic-row .message-ago { position: relative; top: -35%; font-size: 14px; letter-spacing: 1px; line-height: 24px; color: #bdbdbd; font-family: "Poppins", sans-serif; font-weight: bold; } .topics-list .col-md-6 .topics-list-messages .preview { padding: 15px !important; } .topics-list { /* ##Device = Tablets, Ipads (portrait) ##Screen = B/w 768px to 1024px */ } @media (min-width: 768px) and (max-width: 1024px) { .topics-list .topics-list-container { width: 100%; } } .topics-list { /* ##Device = Tablets, Ipads (landscape) ##Screen = B/w 768px to 1024px */ } @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { .topics-list .topics-list-container { width: 100%; } } .topics-list { /* ##Device = Low Resolution Tablets, Mobiles (Landscape) ##Screen = B/w 481px to 767px */ } @media (min-width: 481px) and (max-width: 767px) { .topics-list .topics-list-container { width: 95%; } .topics-list .topic-title { font-size: 16px !important; } } .topics-list { /* ##Device = Most of the Smartphones Mobiles (Portrait) ##Screen = B/w 320px to 479px */ } @media (min-width: 220px) and (max-width: 480px) { .topics-list .topics-list-container { width: 95%; } .topics-list .topic-title { font-size: 16px !important; } } #guestUserForm button.btn-form { background-color: #f18249; } #guestUserForm .form-title { display: none; } #guestUserForm .form-submit-msg { display: none; } .guestCommentForm h4.form-title { display: none; } .guestCommentForm button.btn-form { background-color: #f18249; } .guestCommentForm .form-submit-msg { display: none; } #writeYourOpinionLoader { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.768627451); z-index: 9; } #writeYourOpinionLoader i { font-size: 40px; text-align: center; display: block; margin: 0 auto; margin-top: 30%; } #leaveReplyLoader { display: none; width: 100%; } #leaveReplyLoader i { font-size: 40px; text-align: center; display: block; margin: 0 auto; } #loadMoreMessagesLoader { display: none; } #loadMoreMessagesLoader i { font-size: 40px; text-align: center; display: block; margin: 0 auto; } #loadMoreReplies { display: none; } #loadMoreReplies i { font-size: 40px; text-align: center; display: block; margin: 0 auto; } #propose-image-upload-wrapper { display: none; float: right; } #propose-image-upload-wrapper #propose-image-upload { margin-right: 5px; } #propose-image-upload-wrapper #propose-image-upload { font-size: 14px; letter-spacing: 1px; line-height: 20px; color: #616161; font-family: "Poppins", sans-serif; } #reply-image-upload-wrapper { display: none; float: right; margin-top: 14px; margin-right: 10px; } #reply-image-upload-wrapper #reply-image-upload { margin-right: 5px; } #reply-image-upload-wrapper #reply-image-upload { font-size: 14px; letter-spacing: 1px; line-height: 20px; color: #616161; font-family: "Poppins", sans-serif; } .ldm-container { text-align: center; margin-bottom: 30px; margin-top: 30px; } .topic-render iframe { border: 0; height: 330px; left: 0; position: relative; top: 0; width: 100%; } .topic-render .topic-user-avatar { height: 52px; width: 52px; border-radius: 50%; margin-right: 5px; margin-top: 1px; display: inline-block; background-repeat: no-repeat; background-position: center center; background-size: cover; } .topic-render .active-like { color: #ffa500 !important; } .topic-render .topic-title { padding-top: 60px; padding-bottom: 10px; text-align: left; font-size: 54px; letter-spacing: 2px; color: #000000; font-family: "Poppins", sans-serif; font-weight: bold; } .topic-render .topic-subtitle { text-align: left; font-size: 26px; letter-spacing: 1px; color: #000000; font-family: "Poppins", sans-serif; } .topic-render .topic-description { text-align: left; font-size: 18px; letter-spacing: 1px; line-height: 24px; color: #616161; font-family: "Poppins", sans-serif; } .topic-render .topic-description p { text-align: left; font-weight: 300; } .topic-render .topnav a { font-size: 16px; letter-spacing: 2px; color: #616161; font-family: "Poppins", sans-serif; float: left; display: block; text-align: center; padding: 14px 16px; text-decoration: none; border-bottom: 3px solid #616161; } .topic-render .topnav a:hover { color: #f18249; border-bottom: 3px solid #f18249; } .topic-render .topnav a.active { color: #f18249; border-bottom: 3px solid #f18249; } .topic-render .write-your-op-button { float: right; background-color: #f18249; color: white; font-size: 16px; font-weight: 500; outline: none; } .topic-render .write-your-op-button:active, .topic-render .write-your-op-button:focus { outline: none; box-shadow: none; } .topic-render .messages-container { margin-left: 0; top: 50px; width: 100%; margin-bottom: 50px; } .topic-render .message-element { width: 255px; float: right; margin: 0 auto; display: block; margin-bottom: 20px; border: 1px solid rgba(189, 189, 189, 0.3882352941); cursor: pointer; } .topic-render .message-element .topic-image img { width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; height: 200px; } .topic-render .message-element .topic-image iframe { width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; height: 200px; } .topic-render .message-written-by { font-size: 11px; letter-spacing: 1px; line-height: 24px; font-family: "Poppins", sans-serif; margin-top: 10px; padding-right: 5px; } .topic-render .message-written-by .massage-written-div { display: inline-block; width: 100%; height: 62px; text-align: left; } .topic-render .message-written-by .massage-written-div div { max-width: 155px; float: right; margin-top: 17px; } .topic-render .message-written-by .massage-written-div .written-ago { color: #bdbdbd; position: relative; top: -38%; font-size: 7px; } .topic-render .message-written-by .massage-written-div .written-user { color: #000000; font-weight: bold; position: relative; top: -35%; } .topic-render .message-container { font-size: 14px; letter-spacing: 1px; line-height: 20px; color: #616161; font-family: "Poppins", sans-serif; margin-top: 10px; margin-bottom: 10px; } .topic-render .load-more-messages-container { text-align: center; margin-top: 25px; margin-bottom: 25px; } .topic-render .load-more-messages-container .load-more-messages { font-size: 16px; letter-spacing: 2px; color: #f18249; font-family: "Poppins", sans-serif; } .topic-render .nav-tabs.topics { width: 60%; border: none; border-bottom: 1px solid #eeeeee; } .topic-render .nav-tabs.topics .nav-link { color: #616161; font-size: 16px; font-weight: 500; } .topic-render .nav-tabs.topics .nav-link:hover { font-weight: 500; font-size: 16px; border-color: transparent; } .topic-render .nav-tabs.topics .nav-link.active { font-weight: 500; border: none; color: #f18249; border-bottom: 1px solid #f18249; } .add-again.topics { color: #f18249; font-size: 16px; font-weight: 500; } .topics-likes, .topics-comments { font-size: 12px; color: #757575; text-align: center; border: 1px solid #f5f5f5; width: 100%; display: block; width: 0 auto; padding: 10px; } .topics-likes .active, .topics-comments .active { color: #f18249; } .topics-likes:hover, .topics-comments:hover { text-decoration: none; color: #757575; } .topic-page-container { min-height: calc(100vh - 214px); } #writeYourOpinion .warning-messages { color: red; font-size: 20px; margin-bottom: 5px; font-family: "Barlow"; } #writeYourOpinion #uploadMesPic:disabled ~ .upload-message-image { background-color: #C8C8C8; color: #000000; border-color: #000000; } #writeYourOpinion .remove-image-opinion { display: none; } #writeYourOpinion #file-upload-filename { font-size: 14px; letter-spacing: 1px; line-height: 20px; color: #616161; font-family: "Poppins", sans-serif; } #writeYourOpinion .topic-user-avatar { margin-right: 10px; height: 52px; width: 52px; border-radius: 50%; display: inline-block; background-repeat: no-repeat; background-position: center center; background-size: cover; } #writeYourOpinion .upload-message-image { width: 60%; } #writeYourOpinion .inputfile { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } #writeYourOpinion .inputfile + label { font-size: 1.25em; font-weight: 700; color: white; background-color: #ffffff; display: inline-block; text-align: center; border-radius: 6px; font-size: 14px; letter-spacing: 1px; color: #f18249; font-family: "Poppins", sans-serif; border: 1px solid #f18249; height: 35px; line-height: 31px; margin-right: 10px; padding: 0 10px; } #writeYourOpinion .inputfile:focus + label, #writeYourOpinion .inputfile + label:hover { color: #fff; background-color: #f18249; border-color: #f18249; } #writeYourOpinion .modal-dialog { max-width: 730px; } #writeYourOpinion img { margin-right: 20px; } #writeYourOpinion h4 { font-size: 18px; color: #616161; } #writeYourOpinion .write-opinion { display: flex; } #writeYourOpinion .write-opinion .message-cont { width: 91%; } #writeYourOpinion .write-opinion .search-input { display: block; } #writeYourOpinion .write-opinion textarea { width: 100%; resize: none; border-color: #e5e5e5; height: 195px; margin-bottom: 20px; } #writeYourOpinion .write-opinion textarea::-moz-placeholder { font-size: 14px; color: #bdbdbd; } #writeYourOpinion .write-opinion textarea::placeholder { font-size: 14px; color: #bdbdbd; } #writeYourOpinion .write-opinion .error { color: red; } #writeYourOpinion .write-opinion input { width: 100%; border-color: #e5e5e5; } #writeYourOpinion .write-opinion input::-moz-placeholder { font-size: 14px; color: #bdbdbd; text-align: left; } #writeYourOpinion .write-opinion input::placeholder { font-size: 14px; color: #bdbdbd; text-align: left; } #writeYourOpinion .upload-file { width: 415px; background-color: transparent; border: 2px solid #f18249; color: #f18249; height: 44px; float: right; margin-right: -15px; font-size: 14px; font-weight: 500; } #writeYourOpinion label { padding-top: 10px; color: #616161; font-size: 14px; } #writeYourOpinion label.or { color: #bdbdbd; } #writeYourOpinion input.embed-iframe { border-color: #e5e5e5; width: 415px; float: right; margin-right: -15px; } #writeYourOpinion input::-moz-placeholder { text-align: center; font-size: 14px; color: #bdbdbd; } #writeYourOpinion input::placeholder { text-align: center; font-size: 14px; color: #bdbdbd; } #writeYourOpinion .submit-opinion { width: 100%; font-size: 14px; background-color: #f18249; color: white; border-color: #f18249; margin-top: 40px; } #writeYourOpinion .submit-opinion:focus { outline: none; } #writeYourOpinion .submit-opinion:active { outline: none; } #submit-reply .error { width: 92%; float: right; resize: none; margin-right: -15px; color: #f18249; font-size: 16px; margin-top: 3px; } #submit-reply .search-input { width: calc(100% - 65px); float: right; } #submit-reply .search-input input { width: 100%; float: right; } .warning-iframe { color: red; } #messageModal #file-upload-filename { font-size: 14px; letter-spacing: 1px; line-height: 20px; color: #616161; font-family: "Poppins", sans-serif; } #messageModal .remove-image-opinion { display: none; } #messageModal .modal-content { height: auto !important; } #messageModal .upload-topic-image { margin-top: 10px; } #messageModal .inputfile { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } #messageModal .inputfile + label { font-size: 1.25em; font-weight: 700; color: white; background-color: #ffffff; display: inline-block; text-align: center; border-radius: 6px; font-size: 14px; letter-spacing: 1px; color: #f18249; font-family: "Poppins", sans-serif; border: 1px solid #f18249; height: 35px; line-height: 31px; margin-right: 10px; padding: 0 10px; } #messageModal .inputfile:focus + label, #messageModal .inputfile + label:hover { color: #fff; background-color: #f18249; border-color: #f18249; } #messageModal .reply-image-container img { width: 250px; } #messageModal .message-image-container img { max-width: 450px; width: 100%; } #messageModal .message-image-container iframe { max-width: 450px; } #messageModal .active-like { color: #ffa500 !important; } #messageModal .warning-messages { color: red; font-size: 20px; margin-bottom: 5px; font-family: "Barlow"; } #messageModal .modal-dialog { max-width: 750px; } #messageModal .modal-content { width: 750px; height: auto; } #messageModal .modal-header { border: none; padding: 10px; } #messageModal .modal-body { padding-top: 0px; } #messageModal hr { margin-top: 0px; margin-bottom: 0px; } #messageModal .social-share { float: right; } #messageModal .topic-user-avatar { height: 52px; width: 52px; border-radius: 50%; display: inline-block; background-repeat: no-repeat; background-position: center center; background-size: cover; } #messageModal .modal-header .topic-user-avatar { margin-left: -5px; } #messageModal .topic-message { padding-top: 20px; } #messageModal .topic-message h4 { font-size: 18px; color: black; } #messageModal h6 { font-size: 13px; color: #bdbdbd; } #messageModal h6 span { color: black; } #messageModal .user-information { width: 100%; } #messageModal .topic-user-avatar { float: left; margin-right: 10px; } #messageModal .user-details { position: relative; top: 7px; } #messageModal .likes-label, #messageModal .likes-count { font-size: 12px; color: #757575; font-family: "Roboto"; } #messageModal .c-topics-comments, #messageModal .c-topics-likes { font-size: 12px; color: #757575; padding-right: 15px; } #messageModal .c-topics-comments:hover, #messageModal .c-topics-likes:hover { font-size: 12px; color: #757575; padding-right: 15px; text-decoration: none; } #messageModal .c-topics-comments i, #messageModal .c-topics-likes i { font-size: 20px; cursor: pointer; } #messageModal .facebook-share-topic { width: 32px; height: 32px; background-color: #34589c; color: white; border-radius: 50%; text-align: center; padding-top: 4px; margin-top: 3px; margin-bottom: 3px; margin-right: 5px; } #messageModal .twitter-share-topic { background-color: #58cef2; color: white; width: 32px; height: 32px; border-radius: 50%; text-align: center; padding-top: 4px; margin-top: 3px; margin-bottom: 3px; margin-right: 5px; } #messageModal .whatsapp-share-topic { background-color: #009c90; height: 32px; width: 32px; color: white; border-radius: 50%; text-align: center; padding-top: 4px; margin-top: 3px; margin-bottom: 3px; margin-right: 5px; } #messageModal .email-share-topic { background-color: #616161; height: 32px; width: 32px; color: white; border-radius: 50%; text-align: center; padding-top: 4px; margin-top: 3px; margin-bottom: 3px; margin-right: 5px; } #messageModal .share-text { font-size: 12px; color: #757575; padding-top: 10px; margin-right: 10px; } #messageModal .comment-action-details { padding-top: 7px; } #messageModal .comment-details i.fa-facebook-f, #messageModal .comment-details i.fa-twitter, #messageModal .comment-details i.fa-whatsapp, #messageModal .comment-details i.fa-envelope { padding-top: 4px; } #messageModal .comment-actions { text-align: right; padding-top: 5px; position: absolute; right: 0; } #messageModal .comment-actions .like-topic { margin-right: 10px; } #messageModal .comment-actions a { background-color: transparent; color: #757575; font-size: 20px; } #messageModal ul.topic-comments-list { padding-left: 0px; max-height: 400px; overflow: auto; } #messageModal ul.topic-comments-list li { padding-top: 10px; border-top: 1px solid rgba(0, 0, 0, 0.1); } #messageModal .delete-comment a { color: #f18249; } #messageModal .comm { padding-top: 20px; padding-bottom: 20px; font-size: 14px; color: #616161; } #messageModal .add-reply { font-size: 26px; font-weight: 700; color: black; } #messageModal .add-reply-comm { width: 100%; display: block; padding-top: 10px; } #messageModal .add-reply-comm textarea { width: calc(100% - 65px); float: right; resize: none; height: 60px; } #messageModal #postComm { background-color: #f18249; color: white; font-size: 14px; display: block; margin-top: 10px; } #messageModal #uploadComPic { border: 2px solid #f18249; background-color: transparent; color: #f18249; font-weight: 600; display: block; font-size: 14px; margin-right: 10px; } #messageModal .buttons-section { width: 100%; padding-top: 20px; } .topics-widget-container { width: 100% !important; } .topic-author h5 { font-size: 17px; font-weight: 400; } .topic-author h5 i { margin-right: 5px; font-size: 19px; } .no-topic-messages { font-style: italic; color: #757575; } @media only screen and (max-width: 767px) { #modalMessageContent .user-details { text-align: left; } .topics-list-messages .preview { padding: 30px; position: absolute; bottom: 0px; color: white; font-size: 24px; font-family: "Poppins Medium", sans-serif; text-decoration: none; } .write-your-op-button { margin-top: 20px; margin-bottom: 20px; } .topics-list .topics-list-container .topic-row .messages-preview-container { max-height: 230px; height: auto; } .topic-page-container { min-height: calc(100vh - 261px); } .topic-render .topic-title { font-size: 30px; } .topic-render .topic-subtitle { font-size: 20px; } .topic-render .topic-description p { font-size: 16px; } .nav-tabs.topics { width: 100% !important; } .nav-tabs.topics .nav-link { font-size: 14px !important; } .nav-tabs.topics .nav-link:hover { font-size: 14px !important; } .message-element { width: 100% !important; } #messageModal .modal-content { width: 100%; height: auto; } #messageModal ul.topic-comments-list:empty { height: 100px; } #messageModal textarea { margin-right: 0px !important; } #messageModal #postComm { margin-right: 0px; } #messageModal .comment-details .share-text { display: none; } #messageModal .comment-details a { margin-top: -30px; } #writeYourOpinion .write-opinion textarea { max-width: 100%; } #writeYourOpinion input.embed-iframe { max-width: 100%; } .message-written-by .topic-user-avatar, .message-container .topic-user-avatar { float: left; } .massage-written-div div { max-width: unset !important; float: unset !important; } .topics-list-container .topic-row .message { padding-left: 60px; } } @media screen and (min-width: 770px) and (max-width: 1200px) { .topic-page-container { min-height: calc(100vh - 170px); } } @media screen and (min-width: 520px) and (max-width: 769px) { .topic-page-container { min-height: calc(100vh - 170px); } } @media screen and (max-width: 769px) { .nav-tabs.topics .nav-item { padding-right: 10px !important; } .topic-render iframe { height: 330px !important; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .topic-render .message-element .topic-image img { width: auto !important; } .topic-list .messages-preview-container { overflow: auto !important; } } @media all and (max-width: 550px) { .topics-list .topics-list-container .topic-row .message-author { position: relative; top: 27%; } .topics-list .topics-list-container .topic-row .message-ago { position: relative; top: 27%; } } .myparty-login { height: 100vh; } .myparty-login .logo .img-container { width: -moz-fit-content; width: fit-content; margin: 0 auto; padding-bottom: 10px; } .myparty-login .gray-background { background: #eaeaea; } .myparty-login .login-form { max-width: 500px; background: #ffffff; border-radius: 10px; box-shadow: 1px 1px 15px 0px #000000; } .myparty-login .login-form .myparty-login-form { padding: 40px 25px 20px 25px; } .myparty-login .login-form .myparty-login-form .input-container { margin-bottom: 1rem; } .myparty-login .login-form .myparty-login-form .logo img { margin: 0 auto; display: block; } .myparty-login .login-form .myparty-login-form .error { font-size: 12px; margin: 0; color: #ea5455; } .myparty-login .login-form .myparty-login-form .welcome-message h3 { text-align: center; font-size: 22px; font-family: #ea5455; font-weight: 400; color: #000000; padding-bottom: 20px; } .myparty-login .login-form .myparty-login-form .disclaimer-text { font-size: 12px; font-family: #ea5455; } .myparty-login .login-form .myparty-login-form .disclaimer-text a { color: #ea5455; } .myparty-login .login-form .myparty-login-form .form-group { margin-bottom: 0; } .myparty-login .login-form .myparty-login-form .form-group input { width: 100%; margin-top: 5px; border: 2px solid #bdbdbd; border-radius: 10px; } .myparty-login .login-form .myparty-login-form #loginButton { font-size: 22px; font-family: #ea5455; text-transform: uppercase; width: 100%; max-width: 180px; } .myparty-login .login-form .myparty-login-form .checkbox { margin-top: 8px; } .myparty-login .login-form .myparty-login-form .remember { color: #757575; font-size: 12px; font-family: #ea5455; } .myparty-login .login-form .myparty-login-form .remember input[type=checkbox] { cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; background: white; height: 20px; float: left; width: 20px; border-radius: 3px; border: 2px solid #bdbdbd; margin-right: 5px; } .myparty-login .login-form .myparty-login-form .remember input[type=checkbox]:checked { background: #ea5455; } .myparty-login .login-form .myparty-login-form .remember input[type=checkbox]:hover { filter: brightness(90%); } .myparty-login .login-form .myparty-login-form .remember input[type=checkbox]:disabled { background: #e6e6e6; opacity: 0.6; pointer-events: none; } .myparty-login .login-form .myparty-login-form .remember input[type=checkbox]:after { content: ""; position: relative; left: 35%; top: 11%; width: 35%; height: 60%; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); display: none; } .myparty-login .login-form .myparty-login-form .remember input[type=checkbox]:checked:after { display: block; } .myparty-login .login-form .myparty-login-form .remember input[type=checkbox]:disabled:after { border-color: #bdbdbd; } .myparty-login .login-form .myparty-login-form .forgot-pass { text-align: center; padding-top: 20px; font-size: 14px; color: #ea5455; font-family: #ea5455; } .myparty-login .login-form .myparty-login-form .forgot-pass a { color: #ea5455; } .myparty-login .my-party-forgot { padding: 15px 15px 20px 15px; } .myparty-login .my-party-forgot h3 { font-size: 20px; border-bottom: 1px solid #ced4da; padding-bottom: 5px; margin-bottom: 20px; font-family: #ea5455; } .myparty-login .my-party-forgot h6 { font-size: 13px; font-family: #ea5455; } .myparty-login .my-party-forgot .back-login { font-size: 15px; padding-top: 10px; float: right; color: #ea5455; } .myparty-login .my-party-forgot .back-login:hover { cursor: pointer; } .myparty-login .gdrp-consent { padding: 15px; } .myparty-login .gdrp-consent h3 { font-size: 20px; border-bottom: 1px solid #ced4da; padding-bottom: 5px; margin-bottom: 20px; font-family: #ea5455; } .myparty-login .gdrp-consent h6 { font-size: 13px; font-family: #ea5455; } .myparty-login .gdrp-consent .gdpr-btn { margin-bottom: 15px; font-size: 15px; padding: 5px 15px; background: #ea5455; float: left; color: #fff; border-radius: 3px; } .myparty-login .gdrp-consent .gdpr-btn:hover { cursor: pointer; color: #fff; } .pretty * { box-sizing: border-box; } .pretty input:not([type=checkbox]):not([type=radio]) { display: none; } .pretty { position: relative; display: inline-block; margin-right: 1em; white-space: nowrap; line-height: 1; } .pretty input { position: absolute; left: 0; top: 0; min-width: 1em; width: 100%; height: 100%; z-index: 2; opacity: 0; margin: 0; padding: 0; cursor: pointer; } .pretty .state label { position: initial; display: inline-block; font-weight: normal; margin: 0; text-indent: 1.5em; min-width: calc(1em + 2px); } .pretty .state label:before, .pretty .state label:after { content: ""; width: calc(1em + 2px); height: calc(1em + 2px); display: block; box-sizing: border-box; border-radius: 0; border: 1px solid transparent; z-index: 0; position: absolute; left: 0; top: calc(0% - (100% - 1em) - 8%); background-color: transparent; } .pretty .state label:before { border-color: #bdc3c7; } .pretty .state.p-is-hover, .pretty .state.p-is-indeterminate { display: none; } @keyframes zoom { 0% { opacity: 0; transform: scale(0); } } @keyframes tada { 0% { animation-timing-function: ease-in; opacity: 0; transform: scale(7); } 38% { animation-timing-function: ease-out; opacity: 1; transform: scale(1); } 55% { animation-timing-function: ease-in; transform: scale(1.5); } 72% { animation-timing-function: ease-out; transform: scale(1); } 81% { animation-timing-function: ease-in; transform: scale(1.24); } 89% { animation-timing-function: ease-out; transform: scale(1); } 95% { animation-timing-function: ease-in; transform: scale(1.04); } 100% { animation-timing-function: ease-out; transform: scale(1); } } @keyframes jelly { 0% { transform: scale3d(1, 1, 1); } 30% { transform: scale3d(0.75, 1.25, 1); } 40% { transform: scale3d(1.25, 0.75, 1); } 50% { transform: scale3d(0.85, 1.15, 1); } 65% { transform: scale3d(1.05, 0.95, 1); } 75% { transform: scale3d(0.95, 1.05, 1); } 100% { transform: scale3d(1, 1, 1); } } @keyframes rotate { 0% { opacity: 0; transform: translateZ(-200px) rotate(-45deg); } 100% { opacity: 1; transform: translateZ(0) rotate(0); } } @keyframes pulse { 0% { box-shadow: 0px 0px 0px 0px #bdc3c7; } 100% { box-shadow: 0px 0px 0px 1.5em rgba(189, 195, 199, 0); } } .pretty.p-default.p-fill .state label:after { transform: scale(1); } .pretty.p-default .state label:after { transform: scale(0.6); } .pretty.p-default input:checked ~ .state label:after { background-color: #bdc3c7 !important; } .pretty.p-default.p-thick .state label:before, .pretty.p-default.p-thick .state label:after { border-width: 0.1428571429em; } .pretty.p-default.p-thick .state label:after { transform: scale(0.4) !important; } .pretty.p-icon .state .icon { position: absolute; font-size: 1em; width: calc(1em + 2px); height: calc(1em + 2px); left: 0; z-index: 1; text-align: center; line-height: normal; top: calc(0% - (100% - 1em) - 8%); border: 1px solid transparent; opacity: 0; } .pretty.p-icon .state .icon:before { margin: 0; width: 100%; height: 100%; text-align: center; display: flex; flex: 1; justify-content: center; align-items: center; line-height: 1; } .pretty.p-icon input:checked ~ .state .icon { opacity: 1; } .pretty.p-icon input:checked ~ .state label:before { border-color: #5a656b; } .pretty.p-svg .state .svg { position: absolute; font-size: 1em; width: calc(1em + 2px); height: calc(1em + 2px); left: 0; z-index: 1; text-align: center; line-height: normal; top: calc(0% - (100% - 1em) - 8%); border: 1px solid transparent; opacity: 0; } .pretty.p-svg .state svg { margin: 0; width: 100%; height: 100%; text-align: center; display: flex; flex: 1; justify-content: center; align-items: center; line-height: 1; } .pretty.p-svg input:checked ~ .state .svg { opacity: 1; } .pretty.p-image .state img { opacity: 0; position: absolute; width: calc(1em + 2px); height: calc(1em + 2px); top: 0; top: calc(0% - (100% - 1em) - 8%); left: 0; z-index: 0; text-align: center; line-height: normal; transform: scale(0.8); } .pretty.p-image input:checked ~ .state img { opacity: 1; } .pretty.p-switch input { min-width: 2em; } .pretty.p-switch .state { position: relative; } .pretty.p-switch .state:before { content: ""; border: 1px solid #bdc3c7; border-radius: 60px; width: 2em; box-sizing: unset; height: calc(1em + 2px); position: absolute; top: 0; top: calc(0% - (100% - 1em) - 16%); z-index: 0; transition: all 0.5s ease; } .pretty.p-switch .state label { text-indent: 2.5em; } .pretty.p-switch .state label:before, .pretty.p-switch .state label:after { transition: all 0.5s ease; border-radius: 100%; left: 0; border-color: transparent; transform: scale(0.8); } .pretty.p-switch .state label:after { background-color: #bdc3c7 !important; } .pretty.p-switch input:checked ~ .state:before { border-color: #5a656b; } .pretty.p-switch input:checked ~ .state label:before { opacity: 0; } .pretty.p-switch input:checked ~ .state label:after { background-color: #5a656b !important; left: 1em; } .pretty.p-switch.p-fill input:checked ~ .state:before { border-color: #5a656b; background-color: #5a656b !important; } .pretty.p-switch.p-fill input:checked ~ .state label:before { opacity: 0; } .pretty.p-switch.p-fill input:checked ~ .state label:after { background-color: #fff !important; left: 1em; } .pretty.p-switch.p-slim .state:before { height: 0.1em; background: #bdc3c7 !important; top: calc(50% - 0.1em); } .pretty.p-switch.p-slim input:checked ~ .state:before { border-color: #5a656b; background-color: #5a656b !important; } .pretty.p-has-hover input:hover ~ .state:not(.p-is-hover) { display: none; } .pretty.p-has-hover input:hover ~ .state.p-is-hover { display: block; } .pretty.p-has-hover input:hover ~ .state.p-is-hover .icon { display: block; } .pretty.p-has-focus input:focus ~ .state label:before { box-shadow: 0px 0px 3px 0px rgb(189, 195, 199); } .pretty.p-has-indeterminate input[type=checkbox]:indeterminate ~ .state:not(.p-is-indeterminate) { display: none; } .pretty.p-has-indeterminate input[type=checkbox]:indeterminate ~ .state.p-is-indeterminate { display: block; } .pretty.p-has-indeterminate input[type=checkbox]:indeterminate ~ .state.p-is-indeterminate .icon { display: block; opacity: 1; } .pretty.p-toggle .state.p-on { opacity: 0; display: none; } .pretty.p-toggle .state.p-off, .pretty.p-toggle .state .icon, .pretty.p-toggle .state .svg, .pretty.p-toggle .state img { opacity: 1; display: inherit; } .pretty.p-toggle .state.p-off .icon { color: #bdc3c7; } .pretty.p-toggle input:checked ~ .state.p-on { opacity: 1; display: inherit; } .pretty.p-toggle input:checked ~ .state.p-off { opacity: 0; display: none; } .pretty.p-plain input:checked ~ .state label:before, .pretty.p-plain.p-toggle .state label:before { content: none; } .pretty.p-plain.p-plain .icon { transform: scale(1.1); } .pretty.p-round .state label:before, .pretty.p-round .state label:after { border-radius: 100%; } .pretty.p-round.p-icon .state .icon { border-radius: 100%; overflow: hidden; } .pretty.p-round.p-icon .state .icon:before { transform: scale(0.8); } .pretty.p-curve .state label:before, .pretty.p-curve .state label:after { border-radius: 20%; } .pretty.p-smooth label:before, .pretty.p-smooth label:after, .pretty.p-smooth .icon, .pretty.p-smooth .svg { transition: all 0.5s ease; } .pretty.p-smooth input:checked + .state label:after { transition: all 0.3s ease; } .pretty.p-smooth input:checked + .state .icon, .pretty.p-smooth input:checked + .state .svg, .pretty.p-smooth input:checked + .state img { animation: zoom 0.2s ease; } .pretty.p-smooth.p-default input:checked + .state label:after { animation: zoom 0.2s ease; } .pretty.p-smooth.p-plain input:checked + .state label:before { content: ""; transform: scale(0); transition: all 0.5s ease; } .pretty.p-tada:not(.p-default) input:checked + .state .icon, .pretty.p-tada:not(.p-default) input:checked + .state .svg, .pretty.p-tada:not(.p-default) input:checked + .state img, .pretty.p-tada:not(.p-default) input:checked + .state label:before, .pretty.p-tada:not(.p-default) input:checked + .state label:after { animation: tada 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1 alternate; opacity: 1; } .pretty.p-jelly:not(.p-default) input:checked + .state .icon, .pretty.p-jelly:not(.p-default) input:checked + .state .svg, .pretty.p-jelly:not(.p-default) input:checked + .state img, .pretty.p-jelly:not(.p-default) input:checked + .state label:before, .pretty.p-jelly:not(.p-default) input:checked + .state label:after { animation: jelly 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94); opacity: 1; } .pretty.p-jelly:not(.p-default) input:checked + .state label:before { border-color: transparent; } .pretty.p-rotate:not(.p-default) input:checked ~ .state .icon, .pretty.p-rotate:not(.p-default) input:checked ~ .state .svg, .pretty.p-rotate:not(.p-default) input:checked ~ .state img, .pretty.p-rotate:not(.p-default) input:checked ~ .state label:before, .pretty.p-rotate:not(.p-default) input:checked ~ .state label:after { animation: rotate 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94); opacity: 1; } .pretty.p-rotate:not(.p-default) input:checked ~ .state label:before { border-color: transparent; } .pretty.p-pulse:not(.p-switch) input:checked ~ .state label:before { animation: pulse 1s; } .pretty input[disabled] { cursor: not-allowed; display: none; } .pretty input[disabled] ~ * { opacity: 0.5; } .pretty.p-locked input { display: none; cursor: not-allowed; } .pretty input:checked ~ .state.p-primary label:after, .pretty.p-toggle .state.p-primary label:after { background-color: #428bca !important; } .pretty input:checked ~ .state.p-primary .icon, .pretty input:checked ~ .state.p-primary .svg, .pretty.p-toggle .state.p-primary .icon, .pretty.p-toggle .state.p-primary .svg { color: #fff; stroke: #fff; } .pretty input:checked ~ .state.p-primary-o label:before, .pretty.p-toggle .state.p-primary-o label:before { border-color: #428bca; } .pretty input:checked ~ .state.p-primary-o label:after, .pretty.p-toggle .state.p-primary-o label:after { background-color: transparent; } .pretty input:checked ~ .state.p-primary-o .icon, .pretty input:checked ~ .state.p-primary-o .svg, .pretty input:checked ~ .state.p-primary-o svg, .pretty.p-toggle .state.p-primary-o .icon, .pretty.p-toggle .state.p-primary-o .svg, .pretty.p-toggle .state.p-primary-o svg { color: #428bca; stroke: #428bca; } .pretty.p-default:not(.p-fill) input:checked ~ .state.p-primary-o label:after { background-color: #428bca !important; } .pretty.p-switch input:checked ~ .state.p-primary:before { border-color: #428bca; } .pretty.p-switch.p-fill input:checked ~ .state.p-primary:before { background-color: #428bca !important; } .pretty.p-switch.p-slim input:checked ~ .state.p-primary:before { border-color: rgb(36.3553719008, 86.4297520661, 129.6446280992); background-color: rgb(36.3553719008, 86.4297520661, 129.6446280992) !important; } .pretty input:checked ~ .state.p-info label:after, .pretty.p-toggle .state.p-info label:after { background-color: #5bc0de !important; } .pretty input:checked ~ .state.p-info .icon, .pretty input:checked ~ .state.p-info .svg, .pretty.p-toggle .state.p-info .icon, .pretty.p-toggle .state.p-info .svg { color: #fff; stroke: #fff; } .pretty input:checked ~ .state.p-info-o label:before, .pretty.p-toggle .state.p-info-o label:before { border-color: #5bc0de; } .pretty input:checked ~ .state.p-info-o label:after, .pretty.p-toggle .state.p-info-o label:after { background-color: transparent; } .pretty input:checked ~ .state.p-info-o .icon, .pretty input:checked ~ .state.p-info-o .svg, .pretty input:checked ~ .state.p-info-o svg, .pretty.p-toggle .state.p-info-o .icon, .pretty.p-toggle .state.p-info-o .svg, .pretty.p-toggle .state.p-info-o svg { color: #5bc0de; stroke: #5bc0de; } .pretty.p-default:not(.p-fill) input:checked ~ .state.p-info-o label:after { background-color: #5bc0de !important; } .pretty.p-switch input:checked ~ .state.p-info:before { border-color: #5bc0de; } .pretty.p-switch.p-fill input:checked ~ .state.p-info:before { background-color: #5bc0de !important; } .pretty.p-switch.p-slim input:checked ~ .state.p-info:before { border-color: rgb(35.345177665, 143.5228426396, 175.654822335); background-color: rgb(35.345177665, 143.5228426396, 175.654822335) !important; } .pretty input:checked ~ .state.p-success label:after, .pretty.p-toggle .state.p-success label:after { background-color: #5cb85c !important; } .pretty input:checked ~ .state.p-success .icon, .pretty input:checked ~ .state.p-success .svg, .pretty.p-toggle .state.p-success .icon, .pretty.p-toggle .state.p-success .svg { color: #fff; stroke: #fff; } .pretty input:checked ~ .state.p-success-o label:before, .pretty.p-toggle .state.p-success-o label:before { border-color: #5cb85c; } .pretty input:checked ~ .state.p-success-o label:after, .pretty.p-toggle .state.p-success-o label:after { background-color: transparent; } .pretty input:checked ~ .state.p-success-o .icon, .pretty input:checked ~ .state.p-success-o .svg, .pretty input:checked ~ .state.p-success-o svg, .pretty.p-toggle .state.p-success-o .icon, .pretty.p-toggle .state.p-success-o .svg, .pretty.p-toggle .state.p-success-o svg { color: #5cb85c; stroke: #5cb85c; } .pretty.p-default:not(.p-fill) input:checked ~ .state.p-success-o label:after { background-color: #5cb85c !important; } .pretty.p-switch input:checked ~ .state.p-success:before { border-color: #5cb85c; } .pretty.p-switch.p-fill input:checked ~ .state.p-success:before { background-color: #5cb85c !important; } .pretty.p-switch.p-slim input:checked ~ .state.p-success:before { border-color: rgb(52.7948717949, 121.2051282051, 52.7948717949); background-color: rgb(52.7948717949, 121.2051282051, 52.7948717949) !important; } .pretty input:checked ~ .state.p-warning label:after, .pretty.p-toggle .state.p-warning label:after { background-color: #f0ad4e !important; } .pretty input:checked ~ .state.p-warning .icon, .pretty input:checked ~ .state.p-warning .svg, .pretty.p-toggle .state.p-warning .icon, .pretty.p-toggle .state.p-warning .svg { color: #fff; stroke: #fff; } .pretty input:checked ~ .state.p-warning-o label:before, .pretty.p-toggle .state.p-warning-o label:before { border-color: #f0ad4e; } .pretty input:checked ~ .state.p-warning-o label:after, .pretty.p-toggle .state.p-warning-o label:after { background-color: transparent; } .pretty input:checked ~ .state.p-warning-o .icon, .pretty input:checked ~ .state.p-warning-o .svg, .pretty input:checked ~ .state.p-warning-o svg, .pretty.p-toggle .state.p-warning-o .icon, .pretty.p-toggle .state.p-warning-o .svg, .pretty.p-toggle .state.p-warning-o svg { color: #f0ad4e; stroke: #f0ad4e; } .pretty.p-default:not(.p-fill) input:checked ~ .state.p-warning-o label:after { background-color: #f0ad4e !important; } .pretty.p-switch input:checked ~ .state.p-warning:before { border-color: #f0ad4e; } .pretty.p-switch.p-fill input:checked ~ .state.p-warning:before { background-color: #f0ad4e !important; } .pretty.p-switch.p-slim input:checked ~ .state.p-warning:before { border-color: rgb(199.125, 123.75, 16.875); background-color: rgb(199.125, 123.75, 16.875) !important; } .pretty input:checked ~ .state.p-danger label:after, .pretty.p-toggle .state.p-danger label:after { background-color: #d9534f !important; } .pretty input:checked ~ .state.p-danger .icon, .pretty input:checked ~ .state.p-danger .svg, .pretty.p-toggle .state.p-danger .icon, .pretty.p-toggle .state.p-danger .svg { color: #fff; stroke: #fff; } .pretty input:checked ~ .state.p-danger-o label:before, .pretty.p-toggle .state.p-danger-o label:before { border-color: #d9534f; } .pretty input:checked ~ .state.p-danger-o label:after, .pretty.p-toggle .state.p-danger-o label:after { background-color: transparent; } .pretty input:checked ~ .state.p-danger-o .icon, .pretty input:checked ~ .state.p-danger-o .svg, .pretty input:checked ~ .state.p-danger-o svg, .pretty.p-toggle .state.p-danger-o .icon, .pretty.p-toggle .state.p-danger-o .svg, .pretty.p-toggle .state.p-danger-o svg { color: #d9534f; stroke: #d9534f; } .pretty.p-default:not(.p-fill) input:checked ~ .state.p-danger-o label:after { background-color: #d9534f !important; } .pretty.p-switch input:checked ~ .state.p-danger:before { border-color: #d9534f; } .pretty.p-switch.p-fill input:checked ~ .state.p-danger:before { background-color: #d9534f !important; } .pretty.p-switch.p-slim input:checked ~ .state.p-danger:before { border-color: rgb(159.5514018692, 38.0747663551, 34.4485981308); background-color: rgb(159.5514018692, 38.0747663551, 34.4485981308) !important; } .pretty.p-bigger label:before, .pretty.p-bigger label:after, .pretty.p-bigger .icon, .pretty.p-bigger .svg, .pretty.p-bigger .img { font-size: 1.2em !important; top: calc(0% - (100% - 1em) - 35%) !important; } .pretty.p-bigger label { text-indent: 1.7em; } @media print { .pretty .state:before, .pretty .state label:before, .pretty .state label:after, .pretty .state .icon { /* stylelint-disable */ -webkit-print-color-adjust: exact; print-color-adjust: exact; } } body { overflow-x: hidden; }