@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300&display=swap);@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400&display=swap);@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);.gj-button-md,.gj-text-align-center{text-align:center}.gj-button-md,.gj-modal{overflow:hidden;outline:0}.gj-button-md,.gj-button-md-group{position:relative;vertical-align:middle}.gj-button,.gj-button-md,.gj-cursor-pointer{cursor:pointer}.gj-button{background-color:#f5f5f5;border:1px solid #ddd;color:#000;border-radius:3px;padding:6px 10px}.gj-unselectable{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.gj-row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.gj-margin-left-5{margin-left:5px}.gj-margin-left-10{margin-left:10px}.gj-width-full{width:100%}.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;-webkit-transition:background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),-webkit-box-shadow .2s cubic-bezier(.4,0,1,1);transition:background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),-webkit-box-shadow .2s cubic-bezier(.4,0,1,1);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);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),-webkit-box-shadow .2s cubic-bezier(.4,0,1,1);text-decoration:none;line-height:36px;-webkit-user-select:none;-moz-user-select:none;-ms-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}ul.gj-list-bootstrap li [data-role=image],ul.gj-list-md li [data-role=checkbox],ul.gj-list-md li [data-role=image]{height:24px;width:24px}.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::-webkit-input-placeholder{color:#8e8e8e}.gj-textbox-md::-moz-placeholder{color:#8e8e8e}.gj-textbox-md::-ms-input-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);-webkit-transition:.2s ease opacity;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=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;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:default;overflow:hidden;-ms-flex-direction:row;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap}ul.gj-list-md li [data-role=display]{padding:8px 0 8px 5px;-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0;-webkit-box-flex:2;-ms-flex-positive:2;flex-grow:2;text-decoration:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;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:-webkit-box;display:-ms-flexbox;display:flex;background:#2196f3;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-pack:center;-ms-flex-pack:center;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/vendor/gijgo/gijgo-material.eot?8f81d3fa7191d3fd313b64937575ed9a);src:url(/fonts/vendor/gijgo/gijgo-material.eot?8f81d3fa7191d3fd313b64937575ed9a#iefix) format('embedded-opentype'),url(/fonts/vendor/gijgo/gijgo-material.ttf?4d36e0a9d36c5d6e08e625243f65a894) format('truetype'),url(/fonts/vendor/gijgo/gijgo-material.woff?21013818a12bcb1d8a6fe81fd7ac3aa8) format('woff'),url(/fonts/vendor/gijgo/gijgo-material.svg?3e9113d1e218ef8d772be0704852ea37#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;-webkit-font-feature-settings:"liga";-ms-font-feature-settings:"liga" 1;font-feature-settings:"liga";-webkit-font-variant-ligatures:discretionary-ligatures;font-variant-ligatures:discretionary-ligatures;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.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;-ms-touch-action:none;touch-action:none;z-index:1203}.gj-dialog-bootstrap [data-role=title],.gj-dialog-bootstrap4 [data-role=title]{display:inline}.gj-dialog-bootstrap,.gj-dialog-bootstrap4,.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]{line-height:1.5}.gj-dialog-md{background-color:#FFF;border:none;-webkit-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-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);-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-clip:padding-box;outline:0}.gj-dialog-md-header{padding:24px 24px 0;font-family:Roboto,Helvetica,Arial,sans-serif}.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:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-direction:row-reverse;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;flex-direction:row-reverse;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-sizing:border-box;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:-webkit-box;display:-ms-flexbox;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;font-family:Roboto,Helvetica,Arial,sans-serif;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;-webkit-box-sizing:border-box;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;-webkit-transition-duration:.28s;transition-duration:.28s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-property:background-color;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}.gj-checkbox-bootstrap,.gj-checkbox-md{min-width:0;font-weight:400;text-align:center;position:relative}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-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{font-size:0;margin:0;width:18px;height:18px;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;-webkit-transition:border-color .2s linear,-webkit-box-shadow .2s linear;transition:border-color .2s linear,-webkit-box-shadow .2s linear;transition:box-shadow .2s linear,border-color .2s linear;transition:box-shadow .2s linear,border-color .2s linear,-webkit-box-shadow .2s linear;cursor:pointer;margin:auto}.gj-checkbox-bootstrap input[type=checkbox]:focus+span:before{outline:0;-webkit-box-shadow:0 0 0 0 #66afe9,0 0 6px rgba(102,175,233,.6);box-shadow:0 0 0 0 #66afe9,0 0 6px rgba(102,175,233,.6);border-color:#66afe9}.gj-datepicker-bootstrap :active,.gj-datepicker-bootstrap :focus,.gj-timepicker-bootstrap :active,.gj-timepicker-bootstrap :focus{-webkit-box-shadow:none;box-shadow:none}.gj-checkbox-bootstrap input[type=checkbox][disabled]+span{opacity:.6;cursor:not-allowed}.gj-checkbox-bootstrap.gj-checkbox-bootstrap-4 span{line-height:16px;padding:0}.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{font-size:16px}.gj-checkbox-md{font-size:0;margin:0;width:16px;height:16px}.gj-checkbox-md input[type=checkbox]{display:none;margin-bottom:-12px}.gj-checkbox-md span{display:inline-block;-webkit-box-sizing:border-box;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-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;-webkit-box-sizing:border-box;box-sizing:border-box}.gj-editor-md{padding:7px;font-family:Roboto,Helvetica,Arial,sans-serif;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-datepicker-md,.gj-dropdown-md [role=presenter]{font-family:Roboto,Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;letter-spacing:.04em}.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]{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:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.gj-picker div[role=navigator] div{cursor:pointer;position:relative;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.gj-datepicker-md{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-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-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-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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-pack:center;-ms-flex-pack:center;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 [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;-ms-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;-webkit-transform-origin:left center;transform-origin:left center;-webkit-transition:all 250ms cubic-bezier(.4,0,.2,1);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;-webkit-box-sizing:content-box;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-picker-bootstrap .arrow-begin,.gj-picker-bootstrap [role=body] [role=arrow]{background-color:#888}.gj-picker-bootstrap .arrow-end{border:16px solid #888}.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}.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:7px;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:4px;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:8px;left:10px}.gj-picker.datetimepicker [role=header] [role=date]{padding-bottom:5px;text-align:center;cursor:pointer}.gj-picker [role=switch]{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-user-select:none;-moz-user-select:none;-ms-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-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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;text-align:center;background-color:#e9ecef;height:2px;background-color:rgba(0,0,0,.26)}.gj-slider-md [role=progress]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;text-align:center;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);-webkit-filter:none;filter:none;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);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;-webkit-transition:none;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);-webkit-filter:none;filter:none;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);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:-webkit-gradient(linear,left top, left bottom,color-stop(0, #337ab7),to(#2e6da4));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:-webkit-gradient(linear,left top, left bottom,color-stop(0, #007bff),to(#2e6da4));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:'\A0'}.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}footer {
  background: #2596D5;
}

footer > .container-fluid {
  width: 90%;
}

footer .container-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 810px) {
  footer .container-grid {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

footer .footer-logo {
  grid-area: logo;
}

footer .footer-logo a {
  color: #fff;
  font-size: 20px;
  font-weight: 300;
  font-family: "Montserrat", sans-serif;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}

footer .footer-logo a img {
  margin-right: 15px;
}

footer .menu-footer {
  grid-area: menu;
  text-align: right;
  max-width: 70%;
}

footer .menu-footer li {
  margin: 0 25px;
}

footer .menu-footer a {
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 1.2px;
}

footer .menu-footer p {
  color: #ffd9c5;
  font-size: 16px;
}

@media (max-width: 810px) {
  footer .menu-footer p {
    text-align: center;
    margin-top: 1rem;
  }
}

@media (max-width: 810px) {
  footer .menu-footer {
    max-width: 100%;
  }
}

footer .copyright {
  color: #fff;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-size: 10px;
  letter-spacing: 1.2px;
  text-transform: capitalize;
}

footer .social-icons {
  grid-area: social;
  color: #fff;
  font-size: 20px;
  text-align: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

footer .social-icons .header-social-media-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

footer .social-icons .header-social-media-icons a {
  margin-right: 10px;
}

footer .social-icons i {
  margin-right: 2px;
  margin-right: 2px;
  color: #fff !important;
  font-size: 25px;
}

.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;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  border-top: none;
  border-bottom-right-radius: .3rem;
  border-bottom-left-radius: .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;
  }

  footer .footer-logo {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
  }

  footer .menu-footer {
    margin-right: 0;
  }

  footer .menu-footer li {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    margin-right: auto !important;
    display: block;
  }

  footer .social-icons {
    width: -webkit-fit-content;
    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: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  footer .menu-footer {
    margin-left: auto !important;
  }
}

header {
  margin-top: 0px;
  top: 0;
  left: 0;
  z-index: 3;
  background: #DCEAF2;
}

header .header-container {
  max-width: 90%;
}

header .header-container .navbar-toggler:focus,
header .header-container .navbar-toggler:active {
  outline: none;
  -webkit-box-shadow: 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: 4px;
  margin-left: 40px;
  margin-right: 40px;
}

header .header-container .navbar .header-social-media-icons a {
  float: left;
}

header .header-container .navbar .header-social-media-icons a i {
  color: #707070 !important;
  height: 20px;
  width: 22px;
  text-align: center;
  padding: 2px 0;
  border-radius: 5px;
  margin-left: 4px;
  margin-right: 4px;
  font-size: 25px;
}

header .header-container .navbar .header-social-media-icons a:hover,
header .header-container .navbar .header-social-media-icons a:focus {
  text-decoration: none;
}

header .header-container .navbar .header-social-media-icons.user-not-logged {
  margin-right: 20px;
}

header .header-container .navbar .icon-bell {
  height: auto;
  width: 45px;
}

header .header-container .navbar .nav-logo {
  color: #2596D5;
  font-size: 20px;
  font-weight: 300;
  font-family: "Montserrat", sans-serif;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}

header .header-container .navbar .nav-logo img {
  margin-right: 15px;
  width: 296px !important;
  height: auto;
}

header .header-container .navbar .user-profile {
  margin: auto 5px;
  margin-left: 10px !important;
}

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 .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;
  -webkit-box-shadow: 0px 1px 10px #616161;
          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%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          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: #000000;
  font-size: 14px;
  font-family: "Montserrat", 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: "Montserrat", 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: #2596D5;
  font-size: 12px;
  font-family: "Montserrat", 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: .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: #2596D5;
  font-size: 12px;
  font-family: "Montserrat", 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: #2596D5;
  font-size: 12px;
  font-family: "Montserrat", 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: #2596D5;
  font-size: 12px;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1.5px;
  background: transparent;
  padding-bottom: 0 !important;
  border-bottom: 2px solid transparent;
}

header .header-container .navbar .nav-item .active {
  color: #707070 !important;
  border-bottom: none;
}

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: .5rem 1.5rem !important;
  min-width: auto !important;
  background-color: #DCEAF2;
  border: 0;
  border-radius: 0;
  top: 115%;
  left: -22%;
}

header .header-container .navbar .nav-item .dropdown-menu .dropdown-item {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 14px;
  padding: .25rem 0.25rem !important;
  padding-bottom: 0 !important;
  border-radius: 0;
  text-transform: capitalize !important;
  color: #707070;
}

header .header-container .navbar .nav-item .dropdown-menu .dropdown-item.active {
  color: #707070 !important;
  border-bottom: none !important;
  text-decoration: none;
  position: relative;
}

header .header-container .navbar .nav-item .dropdown-menu .dropdown-item.active:before {
  position: absolute;
  top: 50%;
  left: -12px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #2596D5;
}

@media (max-width: 991px) {
  header .header-container .navbar .nav-item .dropdown-menu {
    background-color: transparent;
  }
}

header .header-container .navbar .nav-item .dropdown-menu.show {
  display: inline-block;
}

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 {
  z-index: 10;
  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 .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: #707070 !important;
  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: #000 !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 {
    margin-top: 0px;
  }

  header .header-icons {
    margin: 0 auto !important;
  }

  header .mobile-social {
    display: block !important;
  }

  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: 30 !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;
    -webkit-box-shadow: none;
            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: .25rem 0 !important;
    color: #2596D5;
  }

  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 {
    border-bottom: unset;
    display: initial;
  }

  header .overlay ul li.active .nav-link {
    color: #891714;
  }

  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: -webkit-fit-content !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 {
    width: 95%;
  }

  .header-cover .header-container .navbar .nav-item .active {
    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: #000 !important;
  }

  .header-cover .nav-item a {
    color: #2596D5 !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%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          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: "Montserrat", sans-serif;
  font-weight: 700;
  text-transform: capitalize;
  margin-bottom: 2px;
}

.modal .user-dropdown .header-dropdown .user-points {
  font-size: 12px;
  font-family: "Montserrat", 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: "Montserrat", 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: .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: "Montserrat", 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: "Montserrat", 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: "Barlow Medium", sans-serif;
  font-size: 4vw;
}

.cover h3 {
  color: #ffffff;
  font-family: "Montserrat", 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: #2596D5;
  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: #2596D5;
  border: none;
  border-bottom: 3px solid #2596D5 !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 .opened-notification h6,
.notifications.dropdown .alerts-list .opened-notification i,
.notifications.dropdown .alerts-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,
.notifications.dropdown .alert-single .opened-notification h6,
.notifications.dropdown .alert-single .opened-notification i,
.notifications.dropdown .alert-single .opened-notification a {
  color: #b6b6b6 !important;
}

.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;
}

.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 .fa-sitemap {
  color: #2596D5;
}

.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: "Barlow Semibold", sans-serif;
}

.branches #branches a:hover {
  text-decoration: none;
}

.branches #branches a .branch-item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  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: "Barlow 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: "Montserrat", 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 #2596D5;
  margin: 5px auto 30px 0;
}

.branch-page h1 {
  font-size: 35px;
  font-family: "Barlow Semibold", sans-serif;
}

.branch-page .branch-info {
  background-color: #fafafa;
  display: inherit;
  border-top: 2px solid #eaeaea54;
  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: "Barlow Semibold", sans-serif;
}

.branch-page .branch-info .info .branch-social a {
  float: left;
  color: #2596D5;
  font-size: 20px;
  margin-right: 5px;
}

.branch-page .contact {
  padding: 50px 15px;
}

.branch-page .contact h5 {
  color: #7c848c;
  font-size: 18px;
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
}

.branch-page .contact h4 {
  color: #161a1e;
  font-size: 14px;
  font-family: "Barlow Semibold", sans-serif;
}

.branch-page .boards {
  background-color: #fafafa;
  display: inherit;
  padding: 50px 0px;
}

.branch-page .boards h4 {
  color: #2596D5;
  font-size: 14px;
  font-family: "Barlow Semibold", sans-serif;
  margin-bottom: 0;
}

.branch-page .boards h5 {
  color: #161a1e;
  font-size: 12px;
  font-family: "Barlow Semibold", sans-serif;
}

.branch-page .boards h6 {
  color: #7c848c;
  font-size: 12px;
  font-family: "Barlow Semibold", sans-serif;
}

.branch-page .boards i {
  color: #2596D5;
  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: #2596D5;
  font-size: 14px;
  font-family: "Barlow Semibold", sans-serif;
  margin-bottom: 0;
}

.branch-page .vacancies-section h5 {
  color: #161a1e;
  font-size: 12px;
  font-family: "Barlow Semibold", sans-serif;
}

.branch-page .vacancies-section h6 {
  color: #7c848c;
  font-size: 12px;
  font-family: "Barlow Semibold", sans-serif;
}

.branch-page .vacancies-section i {
  color: #2596D5;
  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: -webkit-inline-box;
  display: -ms-inline-flexbox;
  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: "Barlow Semibold", sans-serif;
  text-transform: capitalize;
}

.branch-page .branches-section .branch-item .branch-infos .branch-location {
  color: #616161;
  font-size: 12px;
  font-family: "Montserrat", 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: -webkit-fit-content;
    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 #2596D5;
  margin: 5px auto 30px 0;
}

.board-page h1 {
  font-size: 35px;
  font-family: "Barlow Semibold", sans-serif;
}

.board-page .branch-info {
  background-color: #fafafa;
  display: inherit;
  border-top: 2px solid #eaeaea54;
  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: "Barlow Semibold", sans-serif;
}

.board-page .branch-info .info .branch-social a {
  float: left;
  color: #2596D5;
  font-size: 20px;
  margin-right: 5px;
}

.board-page .branch-info .info .branch-back {
  color: #2596D5;
  font-size: 18px;
  font-family: "Barlow 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: "Barlow 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: "Montserrat", 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: #2596D5;
  font-size: 14px;
  font-family: "Barlow Semibold", sans-serif;
  margin-bottom: 0;
}

.board-page .vacancies-section h5 {
  color: #161a1e;
  font-size: 12px;
  font-family: "Barlow Semibold", sans-serif;
}

.board-page .vacancies-section h6 {
  color: #7c848c;
  font-size: 12px;
  font-family: "Barlow Semibold", sans-serif;
}

.board-page .vacancies-section i {
  color: #2596D5;
  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: -webkit-inline-box;
  display: -ms-inline-flexbox;
  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: "Barlow Semibold", sans-serif;
  text-transform: capitalize;
}

.board-page .branches-section .branch-item .branch-infos .branch-location {
  color: #616161;
  font-size: 12px;
  font-family: "Montserrat", 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: -webkit-fit-content;
    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 .overlay {
  width: 100vw;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #ffffff;
  overflow-x: hidden;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.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 .list-scroll {
  overflow: auto;
  height: 85vh;
}

.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: none;
  font-size: 12px !important;
}

.mobile-notifications .overlay .overlay-content .opened-notification h6,
.mobile-notifications .overlay .overlay-content .opened-notification i,
.mobile-notifications .overlay .overlay-content .opened-notification a {
  color: #b6b6b6 !important;
}

.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 {
  padding-left: 15px;
  margin-left: 15px;
}

.mobile-notifications .overlay .overlay-content .notification-header {
  color: #515153;
  font-weight: 700;
}

.mobile-notifications .overlay .overlay-content .notification-title {
  color: #515153;
  font-style: italic;
  padding-bottom: 5px;
}

.mobile-notifications .overlay .overlay-content .notification-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 {
  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 {
  border-top: none;
  font-size: 4vw !important;
  padding-top: 20px;
  padding-bottom: 20px !important;
  color: #616161 !important;
}

.mobile-notifications .overlay .overlay-content .back-button .fa-arrow-left {
  font-size: 3vw !important;
  padding-right: 15px;
  padding-top: 2vw;
  color: #616161 !important;
}

.mobile-notifications .overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: #818181;
  display: block;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.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;
  -webkit-transition: 0.2s;
  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: "Barlow Semibold", sans-serif;
}

.mobile-branches .overlay .overlay-content .branch-item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  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: "Barlow 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: "Montserrat", 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;
  -webkit-transition: 0.3s;
  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;
  }
}

#recruitingModal .modal-body p {
  padding: 0px 80px;
}

#recruitingModal #recruitingModalButton {
  width: 60%;
}

#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: "Barlow 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::-webkit-input-placeholder {
  color: #b6b6b6;
  font-size: 14px;
  font-family: "Barlow Medium", sans-serif;
}

#signInModal .modal-dialog .modal-body input::-moz-placeholder {
  color: #b6b6b6;
  font-size: 14px;
  font-family: "Barlow Medium", sans-serif;
}

#signInModal .modal-dialog .modal-body input::-ms-input-placeholder {
  color: #b6b6b6;
  font-size: 14px;
  font-family: "Barlow Medium", sans-serif;
}

#signInModal .modal-dialog .modal-body input::placeholder {
  color: #b6b6b6;
  font-size: 14px;
  font-family: "Barlow 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: "Barlow Medium", sans-serif;
  color: #b6b6b6;
}

#signInModal .modal-dialog .modal-body a {
  float: right;
  color: #ea5455;
  font-size: 12px;
  font-family: "Barlow Medium", sans-serif;
}

#signInModal .modal-dialog .modal-body #loginButton {
  width: 100%;
}

#signInModal .modal-dialog .modal-body p {
  width: 100%;
  text-align: center;
  font-family: "Barlow Medium", sans-serif;
  font-size: 12px;
  color: #757575;
  margin-top: 20px;
  margin-bottom: 0;
}

#signInModal .modal-dialog .modal-body .register-now-div {
  width: -webkit-fit-content;
  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;
  -ms-user-select: none;
  user-select: none;
  /* Hide the browser's default checkbox */
  /* Create a custom checkbox */
  /* On mouse-over, add a grey background color */
  /* When the checkbox is checked, add a blue background */
  /* Create the checkmark/indicator (hidden when not checked) */
  /* Show the checkmark when checked */
  /* Style the checkmark/indicator */
}

#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 .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

#signInModal .modal-dialog .modal-body .container-checkbox:hover input ~ .checkmark {
  background-color: #ccc;
}

#signInModal .modal-dialog .modal-body .container-checkbox input:checked ~ .checkmark {
  background-color: #757575;
}

#signInModal .modal-dialog .modal-body .container-checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

#signInModal .modal-dialog .modal-body .container-checkbox input:checked ~ .checkmark:after {
  display: block;
}

#signInModal .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;
  -webkit-transform: rotate(45deg);
  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%;
}

@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: "Barlow 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::-webkit-input-placeholder {
  color: #b6b6b6;
  font-size: 14px;
  font-family: "Barlow Medium", sans-serif;
}

#registerModal .modal-dialog .modal-body input::-moz-placeholder {
  color: #b6b6b6;
  font-size: 14px;
  font-family: "Barlow Medium", sans-serif;
}

#registerModal .modal-dialog .modal-body input::-ms-input-placeholder {
  color: #b6b6b6;
  font-size: 14px;
  font-family: "Barlow Medium", sans-serif;
}

#registerModal .modal-dialog .modal-body input::placeholder {
  color: #b6b6b6;
  font-size: 14px;
  font-family: "Barlow Medium", sans-serif;
}

#registerModal .modal-dialog .modal-body input:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

#registerModal .modal-dialog .modal-body .checkbox label {
  font-size: 14px;
  font-family: "Barlow Medium", sans-serif;
  color: #b6b6b6;
}

#registerModal .modal-dialog .modal-body a {
  float: right;
  color: #ea5455;
  font-size: 12px;
  font-family: "Barlow Medium", sans-serif;
}

#registerModal .modal-dialog .modal-body #loginButton {
  width: 100%;
}

#registerModal .modal-dialog .modal-body p {
  width: 100%;
  text-align: center;
  font-family: "Barlow Medium", sans-serif;
  font-size: 12px;
  color: #757575;
  margin-top: 20px;
  margin-bottom: 0;
}

#registerModal .modal-dialog .modal-body .sign-now-div {
  width: -webkit-fit-content;
  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: "Barlow Medium", sans-serif;
}

#registerModal .modal-dialog .modal-body .disclaimers span a {
  float: unset;
  color: #ea5455;
  font-size: 12px;
  font-family: "Barlow Medium", sans-serif;
}

#registerModal .modal-dialog .modal-body .disclaimers label {
  color: #b6b6b6;
  font-size: 12px;
  font-family: "Barlow Medium", sans-serif;
}

#registerModal .modal-dialog .modal-body .disclaimers label a {
  float: unset;
  color: #ea5455;
  font-size: 12px;
  font-family: "Barlow 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;
  -ms-user-select: none;
  user-select: none;
  /* Hide the browser's default checkbox */
  /* Create a custom checkbox */
  /* On mouse-over, add a grey background color */
  /* When the checkbox is checked, add a blue background */
  /* Create the checkmark/indicator (hidden when not checked) */
  /* Show the checkmark when checked */
  /* Style the checkmark/indicator */
}

#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 .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:hover input ~ .checkmark {
  background-color: #ccc;
}

#registerModal .modal-dialog .modal-body .container-checkbox input:checked ~ .checkmark {
  background-color: #616161;
}

#registerModal .modal-dialog .modal-body .container-checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

#registerModal .modal-dialog .modal-body .container-checkbox input:checked ~ .checkmark:after {
  display: block;
}

#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;
  -webkit-transform: rotate(45deg);
  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 {
  width: 100%;
}

#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: "Barlow 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::-webkit-input-placeholder {
  color: #bdbdbd;
  font-size: 14px;
  font-family: "Barlow Medium", sans-serif;
}

#forgotModal .modal-dialog .modal-body input::-moz-placeholder {
  color: #bdbdbd;
  font-size: 14px;
  font-family: "Barlow Medium", sans-serif;
}

#forgotModal .modal-dialog .modal-body input::-ms-input-placeholder {
  color: #bdbdbd;
  font-size: 14px;
  font-family: "Barlow Medium", sans-serif;
}

#forgotModal .modal-dialog .modal-body input::placeholder {
  color: #bdbdbd;
  font-size: 14px;
  font-family: "Barlow 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: "Barlow Medium", sans-serif;
}

#forgotModal .modal-dialog .modal-body #forgotButton {
  width: 100%;
}

#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: "Barlow 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: "Barlow Medium", sans-serif;
  font-size: 12px;
  color: #757575;
  margin-top: 0px;
  margin-bottom: 40px;
}

#confirmModal .modal-dialog .modal-body #confirmBtn {
  padding: .575rem .75rem;
  font-size: 14px;
  color: #fff;
  font-family: "Barlow 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: "Barlow 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: "Barlow Medium", sans-serif;
  font-size: 12px;
  color: #757575;
  margin-top: 0px;
  margin-bottom: 40px;
}

#privacyModal .modal-dialog .modal-body #confirconfirmPrivacyBtnmBtn {
  padding: .575rem .75rem;
  font-size: 14px;
  color: #fff;
  font-family: "Barlow 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: .5rem !important;
  }
}

.banner-widget {
  width: calc(100% + 30px);
  margin: 0 -15px;
  position: relative;
}

.banner-widget .banner-background-wrapper {
  z-index: 10;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.banner-widget .banner-background-wrapper .banner-background-content.banner-background-image-content {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.banner-widget .banner-background-wrapper .banner-background-content.banner-background-video-content {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  background-color: #000;
}

.banner-widget .banner-background-wrapper.banner-desktop-background-wrapper {
  display: block;
}

.banner-widget .banner-background-wrapper.banner-mobile-background-wrapper {
  display: none;
}

.banner-widget.desktop-video-banner {
  height: 0;
  padding-top: 56.25%;
}

.banner-widget .banner-overlay {
  z-index: 20;
  display: table;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.banner-widget .banner-overlay .banner-content {
  display: table-cell;
  width: 100%;
}

.banner-widget .banner-overlay .banner-content .banner-text {
  font-size: 54px;
  text-shadow: 0px 0px 2px #000 !important;
  font-family: "Barlow Semibold", sans-serif;
}

.banner-widget .banner-overlay .banner-content .banner-text h1 {
  font-family: "Nunito Sans", sans-serif;
  font-size: 5vw;
  line-height: 0.9;
  font-weight: 600;
}

.banner-widget .banner-overlay .banner-content .banner-text h1 strong {
  font-size: 6vw;
  font-weight: 600;
}

@media (max-width: 810px) {
  .banner-widget .banner-overlay .banner-content .banner-text h1 strong {
    font-size: 42px;
  }
}

@media (max-width: 500px) {
  .banner-widget .banner-overlay .banner-content .banner-text h1 strong {
    font-size: 36px;
  }
}

@media (max-width: 810px) {
  .banner-widget .banner-overlay .banner-content .banner-text h1 {
    font-size: 35px;
  }
}

@media (max-width: 500px) {
  .banner-widget .banner-overlay .banner-content .banner-text h1 {
    font-size: 30px;
  }
}

.banner-widget .banner-overlay .banner-content .banner-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.banner-widget .banner-overlay .banner-content .banner-button a {
  font-family: "Barlow Medium", sans-serif;
  font-size: 22px;
  letter-spacing: 1px;
  padding: 5px 33px;
  color: #ffffff;
}

.banner-widget .banner-overlay .banner-content .banner-button a:hover {
  color: #ffffff;
}

.banner-widget .banner-overlay .banner-content .banner-button a.btn-rounded {
  border-radius: 30px;
}

.banner-widget .banner-overlay .banner-content .f-left {
  float: left;
}

.banner-widget .banner-overlay .banner-content .f-right {
  float: right;
}

.banner-widget .banner-overlay .banner-content .container {
  padding-left: 30px;
  padding-right: 30px;
}

.banner-widget .banner-overlay .banner-content .container .middle-banner-content {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
}

.banner-widget .banner-overlay .banner-content .container .middle-banner-content .banner-text-desktop {
  display: inherit;
}

.banner-widget .banner-overlay .banner-content .container .middle-banner-content .banner-button-desktop {
  display: inherit;
}

.banner-widget .banner-overlay .banner-content .container .middle-banner-content .banner-button-tablet {
  display: inherit;
}

.banner-widget .banner-overlay .banner-content .container .middle-banner-content .banner-text-tablet {
  display: inherit;
}

.banner-widget .banner-overlay .banner-content .container .middle-banner-content .banner-text-mobile {
  display: inherit;
}

.banner-widget .banner-overlay .banner-content .container .middle-banner-content .banner-button-mobile {
  display: inherit;
}

@media only screen and (min-width: 576px) and (max-width: 768px) {
  .banner-widget .banner-overlay .banner-content .container .middle-banner-content .banner-button-tablet {
    display: none;
  }

  .banner-widget .banner-overlay .banner-content .container .middle-banner-content .banner-text-tablet {
    display: none;
  }
}

@media only screen and (max-width: 576px) {
  .banner-widget .banner-overlay .banner-content .container .middle-banner-content .banner-text-mobile {
    display: none;
  }

  .banner-widget .banner-overlay .banner-content .container .middle-banner-content .banner-button-mobile {
    display: none;
  }
}

@media only screen and (min-width: 768px) {
  .banner-widget .banner-overlay .banner-content .container .middle-banner-content .banner-text-desktop {
    display: none;
  }

  .banner-widget .banner-overlay .banner-content .container .middle-banner-content .banner-button-desktop {
    display: none;
  }
}

.banner-widget .banner-overlay .banner-content .container .middle-banner-content .div-banner-text .banner-text {
  color: #ffffff;
  text-shadow: 0 0 10px #000;
  margin-bottom: 15px;
}

.banner-widget .banner-overlay .banner-content .container .middle-banner-content .div-banner-text .banner-subtitle {
  color: #ffffff;
  text-shadow: 0 0 10px #000;
  margin-bottom: 15px;
  font-weight: 400;
}

@media only screen and (max-width: 768px) {
  .banner-widget .banner-overlay .banner-content .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.banner-widget .default {
  background-color: #ea5455;
  color: #ffffff;
  text-transform: uppercase;
}

.banner-widget .middle_center {
  vertical-align: middle !important;
  text-align: center;
}

.banner-widget .middle_left {
  vertical-align: middle !important;
  text-align: left;
}

.banner-widget .middle_right {
  vertical-align: middle !important;
  text-align: right;
}

.banner-widget .up_center {
  vertical-align: top !important;
  text-align: center;
}

.banner-widget .up_left {
  vertical-align: top !important;
  text-align: left;
}

.banner-widget .up_right {
  text-align: right;
  vertical-align: top !important;
}

.banner-widget .down_center {
  vertical-align: bottom !important;
  text-align: center;
}

.banner-widget .down_left {
  vertical-align: bottom !important;
  text-align: left;
}

.banner-widget .down_right {
  text-align: right;
  vertical-align: bottom !important;
}

.banner-widget.parallax .banner-background-wrapper .banner-background-content.banner-background-image-content {
  background-attachment: fixed;
}

.banner-widget.scroll .banner-background-wrapper .banner-background-content.banner-background-image-content {
  background-attachment: scroll;
}

.banner-widget.fixed .banner-background-wrapper .banner-background-content.banner-background-image-content {
  background-attachment: unset;
}

@media screen and (max-width: 1025px) {
  .parallax .banner-background-wrapper .banner-background-content.banner-background-image-content {
    background-attachment: scroll !important;
  }
}

@media screen and (max-width: 765px) {
  .banner-widget .banner-content .banner-subtitle {
    font-size: 20px;
    text-align: center !important;
  }

  .banner-widget .banner-content .banner-text {
    font-size: 30px;
    text-align: center !important;
  }

  .banner-widget .banner-content .f-left {
    float: unset;
  }

  .banner-widget .banner-content .f-right {
    float: unset;
  }
}

@media screen and (max-width: 520px) {
  .banner-widget .banner-background-wrapper.banner-desktop-background-wrapper {
    display: none !important;
  }

  .banner-widget .banner-background-wrapper.banner-mobile-background-wrapper {
    display: block !important;
  }

  .banner-widget.mobile-image-banner {
    height: 745px !important;
    padding-top: 0 !important;
  }

  .banner-widget.mobile-video-banner {
    height: 100vh !important;
    padding-top: 0 !important;
  }
}

.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: "Montserrat", 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: "Montserrat", sans-serif, monospace;
}

.ql-font-serif {
  font-family: "Montserrat", 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;
}

@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;
  }
}

.button-widget {
  margin-top: 20px;
  margin-bottom: 20px;
}

.button-widget .default {
  font-size: 18px;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  background: #2596D5 !important;
  color: #ffffff !important;
  padding: 5px 20px;
  -webkit-transform: skew(-10deg);
          transform: skew(-10deg);
  border-radius: 0;
  text-transform: uppercase;
}

.button-widget .default span {
  display: block;
  -webkit-transform: skew(10deg);
          transform: skew(10deg);
}

.button-widget .btn-success {
  background-color: #2596D5 !important;
  border-color: #2596D5 !important;
  font-size: 1rem !important;
  border-radius: 0;
  font-size: 1.2rem !important;
  font-weight: 600;
  padding: 1rem 1.5rem !important;
  -webkit-transform: skew(-10deg);
          transform: skew(-10deg);
  min-width: 220px;
}

.button-widget .btn-success span {
  display: block;
  -webkit-transform: skew(10deg);
          transform: skew(10deg);
}

.button-widget .btn-success:hover,
.button-widget .btn-success:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #868686 !important;
  border-color: #868686 !important;
}

@media (max-width: 500px) {
  .button-widget .btn-success {
    padding: 0.5rem 1rem !important;
    min-width: 200px;
    font-size: 1.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: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    margin: 0 auto;
  }
}

.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;
  -webkit-transition: all .2s ease-in-out;
  transition: all .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: "Montserrat", sans-serif;
  color: #000000;
  text-decoration: none;
  text-transform: none;
  font-weight: 700;
}

.feature-article-widget .featured-article p {
  margin-top: 10px;
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  color: #000000;
}

.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 {
  position: absolute;
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

.article-category-widget.grid .item .img-container a .article-title {
  color: #2596D5;
  position: absolute;
  left: 0;
  bottom: 0;
  margin: 0 !important;
  font-size: 22px;
  font-weight: 400;
  line-height: 30px;
  padding: 0.75rem 1.5rem;
  background-color: #DCEAF2;
  font-weight: 400;
  font-family: "Montserrat", sans-serif;
  min-width: 230px;
}

.article-category-widget.grid .item .img-container a .article-title:after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 8%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url("/images/themes/pdk/arrow-right.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 46px;
  height: auto;
}

@media (max-width: 500px) {
  .article-category-widget.grid .item .img-container a .article-title:after {
    width: 29px;
    right: 10%;
  }
}

@media (max-width: 500px) {
  .article-category-widget.grid .item .img-container a .article-title {
    min-width: 160px;
  }
}

@media (max-width: 500px) {
  .article-category-widget.grid .item .img-container a .article-title {
    font-size: 16px !important;
    padding: 0.5rem 0.75rem;
  }
}

.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 .swiper-button-next,
.article-category-widget .swiper-button-prev {
  background-size: 37px 64px;
  width: 37px;
  height: 64px;
}

.article-category-widget .swiper-button-next:focus,
.article-category-widget .swiper-button-prev:focus {
  outline: none;
}

@media (max-width: 500px) {
  .article-category-widget .swiper-button-next,
  .article-category-widget .swiper-button-prev {
    top: 40%;
    background-size: 27px 44px;
    width: 27px;
    height: 44px;
  }
}

.article-category-widget .swiper-button-prev {
  left: -50px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%232596d5'%2F%3E%3C%2Fsvg%3E");
}

.article-category-widget .swiper-button-prev:hover,
.article-category-widget .swiper-button-prev:focus {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ff7500'%2F%3E%3C%2Fsvg%3E");
}

@media (max-width: 991px) {
  .article-category-widget .swiper-button-prev {
    left: 10px;
  }
}

.article-category-widget .swiper-button-next {
  right: -50px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%232596d5'%2F%3E%3C%2Fsvg%3E");
}

.article-category-widget .swiper-button-next:hover,
.article-category-widget .swiper-button-next:focus {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ff7500'%2F%3E%3C%2Fsvg%3E");
}

@media (max-width: 991px) {
  .article-category-widget .swiper-button-next {
    right: 10px;
  }
}

.article-category-widget.slider-mode .slider-widget-container .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: transparent;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: none !important;
  vertical-align: middle;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: auto;
}

.article-category-widget.slider-mode .slider-widget-container .swiper-slide .slide-content-wrap {
  margin-top: 50px;
  height: 350px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 25px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: center;
}

.article-category-widget.slider-mode .slider-widget-container .swiper-slide img {
  height: 200px;
  border-radius: 0px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  width: 100%;
}

.article-category-widget.slider-mode .slider-widget-container .swiper-slide .section-description {
  width: 100%;
  padding: 0;
}

@media (max-width: 500px) {
  .article-category-widget.slider-mode .slider-widget-container .swiper-slide .section-description {
    padding: 0 15px;
  }
}

.article-category-widget.slider-mode .slider-widget-container .swiper-slide p {
  text-overflow: ellipsis;
  text-align: left;
  padding: 1.25rem 0 0.15rem;
  width: 100%;
  font-size: 18px;
  font-weight: 500;
  color: #707070;
}

.article-category-widget.slider-mode .slider-widget-container .swiper-slide p.article-description a {
  color: #707070;
  font-size: 18px;
  text-decoration: none;
}

@media (max-width: 500px) {
  .article-category-widget.slider-mode .slider-widget-container .swiper-slide p {
    font-size: 16px;
  }
}

.article-category-widget.slider-mode .slider-widget-container .swiper-slide .button-wrapper {
  margin-top: 0.5rem;
}

.article-category-widget.slider-mode .slider-widget-container .swiper-slide .button-wrapper a {
  color: #2596D5;
  font-size: 19px;
  text-decoration: underline;
}

@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;
  display: none;
}

@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 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    padding: 0;
  }

  .article-category-widget.list .item:nth-child(odd) .details-col {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    padding: 0;
  }

  .article-category-widget.list .item:nth-child(even) .img-col {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    padding: 0;
  }

  .article-category-widget.list .item:nth-child(even) .details-col {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            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: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-pack: center;
  -webkit-box-pack: 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;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.gallery-list-widget.grid .item .gallery-title {
  color: #000000;
  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: #000000;
  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;
  -webkit-transform: translateY(-50%);
  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: "Barlow Medium", sans-serif;
  text-decoration: none;
}

.topics-list-messages .preview h2 {
  font-family: "Montserrat", 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: "Barlow Semibold", sans-serif;
  color: #000000;
  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: "Montserrat", sans-serif;
}

.topics-list-messages .recent-opinions {
  font-size: 26px;
  color: #000000;
  font-family: "Barlow 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: "Montserrat", sans-serif;
  padding-left: 0;
  font-size: 22px;
  font-weight: 700;
  text-align: center;
  color: #2596D5;
}

.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: #2596D5;
}

.poll-widget #poll-answers .even {
  background: #2596D5;
}

.poll-widget #poll-answers .font-bold {
  font-weight: 700;
}

.poll-widget #poll-answers .single-choice {
  /* Hide the browser's default radio button */
  /* Create a custom radio button */
  /* On mouse-over, add a grey background color */
  /* When the radio button is checked, add a blue background */
  /* Create the indicator (the dot/circle - hidden when not checked) */
  /* Show the indicator (dot/circle) when checked */
  /* Style the indicator (dot/circle) */
}

.poll-widget #poll-answers .single-choice .container {
  margin-left: 0 !important;
  color: #2596D5;
  font-family: "Montserrat", sans-serif;
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  font-weight: 600;
  cursor: pointer;
  font-size: 18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.poll-widget #poll-answers .single-choice .container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.poll-widget #poll-answers .single-choice .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 26px;
  width: 26px;
  background-color: #fff;
  border: 1px solid #2596D5;
}

.poll-widget #poll-answers .single-choice .container:hover input ~ .checkmark {
  background-color: rgba(37, 150, 213, 0.2);
}

.poll-widget #poll-answers .single-choice .container input:checked ~ .checkmark {
  background-color: #fff;
}

.poll-widget #poll-answers .single-choice .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.poll-widget #poll-answers .single-choice .container input:checked ~ .checkmark:after {
  display: block;
}

.poll-widget #poll-answers .single-choice .container .checkmark:after {
  left: 9px;
  top: 4px;
  width: 8px;
  height: 15px;
  border: solid #2596D5;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.poll-widget #poll-answers .multiple-choice {
  /* Hide the browser's default checkbox */
  /* Create a custom checkbox */
  /* On mouse-over, add a grey background color */
  /* When the checkbox is checked, add a blue background */
  /* Create the checkmark/indicator (hidden when not checked) */
  /* Show the checkmark when checked */
  /* Style the checkmark/indicator */
}

.poll-widget #poll-answers .multiple-choice .container {
  color: #2596D5;
  font-family: "Montserrat", sans-serif;
  font-size: 18px;
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.poll-widget #poll-answers .multiple-choice .container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.poll-widget #poll-answers .multiple-choice .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;
}

.poll-widget #poll-answers .multiple-choice .container:hover input ~ .checkmark {
  background-color: #ccc;
}

.poll-widget #poll-answers .multiple-choice .container input:checked ~ .checkmark {
  background-color: #ea5455;
}

.poll-widget #poll-answers .multiple-choice .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.poll-widget #poll-answers .multiple-choice .container input:checked ~ .checkmark:after {
  display: block;
}

.poll-widget #poll-answers .multiple-choice .container .checkmark:after {
  left: 7px;
  top: 4px;
  width: 7px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  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: #000000;
  text-transform: uppercase;
  width: 85%;
}

.poll-widget .poll-email input {
  border-radius: 6px;
  background-color: #000000;
  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: "Montserrat", 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 #poll-btn-email {
  margin-top: 4rem;
}

@media (max-width: 810px) {
  .poll-widget #poll-btn-email {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.poll-widget button {
  font-size: 22px;
  font-weight: 600;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  background: #2596D5;
  color: #ffffff;
  padding: 5px 20px !important;
  border: none;
  border-radius: 3px;
  width: 100%;
  padding: 1rem 1.5rem !important;
  -webkit-transform: skew(-10deg);
          transform: skew(-10deg);
  max-width: 220px;
  border-radius: 0;
}

.poll-widget button span {
  display: block;
  -webkit-transform: skew(10deg);
          transform: skew(10deg);
}

.poll-widget button:hover,
.poll-widget button:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: #868686 !important;
  border-color: #868686 !important;
}

@media (max-width: 500px) {
  .poll-widget button {
    padding: 0.5rem 1rem !important;
    min-width: 180px;
    font-size: 1.1rem !important;
  }
}

.poll-widget .gc-center div {
  margin: 10px auto;
}

.poll-widget .disclaimers label {
  color: #b6b6b6;
  font-family: "Barlow Medium", sans-serif;
  font-size: 12px;
}

.poll-widget .disclaimers span {
  color: #b6b6b6;
  font-family: "Barlow 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: "Montserrat", 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: "Montserrat", sans-serif;
  margin: 20px 0 30px 0;
}

.quiz-widget #quiz-question {
  padding-left: 0;
  font-size: 18px;
  font-family: "Barlow Semibold", sans-serif;
  text-align: left;
}

.quiz-widget #quiz-hint {
  color: #616161;
  font-style: italic;
  font-family: "Montserrat", 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: #2596D5;
}

.quiz-widget #quiz-answers .even {
  background: #f30a57;
}

.quiz-widget #quiz-answers .font-bold {
  font-weight: 700;
}

.quiz-widget #quiz-answers .single-choice {
  /* Hide the browser's default radio button */
  /* Create a custom radio button */
  /* On mouse-over, add a grey background color */
  /* When the radio button is checked, add a blue background */
  /* Create the indicator (the dot/circle - hidden when not checked) */
  /* Show the indicator (dot/circle) when checked */
  /* Style the indicator (dot/circle) */
}

.quiz-widget #quiz-answers .single-choice .container {
  font-family: "Montserrat", 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;
  -ms-user-select: none;
  user-select: none;
}

.quiz-widget #quiz-answers .single-choice .container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.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 .container:hover input ~ .checkmark {
  background-color: #757575;
}

.quiz-widget #quiz-answers .single-choice .container input:checked ~ .checkmark {
  background-color: #ea5455;
}

.quiz-widget #quiz-answers .single-choice .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.quiz-widget #quiz-answers .single-choice .container input:checked ~ .checkmark:after {
  display: block;
}

.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: #000000;
  width: 100%;
  height: 40px;
  line-height: 0 !important;
}

.quiz-widget .quiz-email input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  padding: 10px;
  font-family: "Montserrat", 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 a.red-button {
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  font-family: "Montserrat", 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: "Barlow Medium", sans-serif;
  font-size: 12px;
}

.quiz-widget .disclaimers span {
  color: #757575;
  font-family: "Barlow 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: "Montserrat", sans-serif;
  background: #ea5455;
  color: #ffffff;
  padding: 5px 20px;
}

.member-widget .member-user .member-name {
  text-align: center;
  font-size: 16px;
  font-family: "Barlow 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-separator {
  border-top: 3px solid rgba(0, 0, 0, 0.1);
}

.member-widget .member-user .more-buttons-bottom {
  display: none;
}

.w-fit-content {
  width: -webkit-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: 22px;
  font-weight: 500;
  padding-top: 4px;
  margin-bottom: 10px;
  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;
  color: #2596D5;
}

.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 {
  height: 44px;
  font-size: 16px;
  line-height: 20px;
  padding: 5px 15px;
  border-radius: 0;
  border: 0;
}

.widget-form textarea {
  height: 150px;
  font-size: 16px;
  line-height: 20px;
  padding: 5px 15px;
  border-radius: 0;
  resize: none;
  border: 0;
}

.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: "Barlow Medium", sans-serif;
  font-size: 12px;
}

.widget-form .captcha-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 3rem 0;
}

.widget-form .captcha-container .help-block {
  text-transform: uppercase;
  color: #2596D5;
  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: 0 auto;
}

@media (max-width: 500px) {
  .widget-form .captcha-container {
    margin: 2rem 0;
  }
}

.widget-form .btn-container {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

@media (max-width: 810px) {
  .widget-form .btn-container {
    -ms-flex-pack: distribute;
        justify-content: space-around;
    margin-top: 2rem;
  }
}

.widget-form .btn-form {
  font-size: 1.2rem;
  font-weight: 500;
  text-transform: uppercase;
  background: #2596D5;
  color: #ffffff;
  padding: 5px 20px;
  display: block;
  width: 100%;
  margin-bottom: 30px;
  padding: 1rem 1.5rem !important;
  -webkit-transform: skew(-10deg);
          transform: skew(-10deg);
  max-width: 190px;
  border-radius: 0;
}

.widget-form .btn-form span {
  display: block;
  -webkit-transform: skew(10deg);
          transform: skew(10deg);
}

.widget-form .btn-form:hover,
.widget-form .btn-form:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

@media (max-width: 500px) {
  .widget-form .btn-form {
    padding: 0.5rem 1rem !important;
    min-width: 160px;
    font-size: 1.1rem !important;
  }
}

.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: "Barlow Medium", sans-serif;
  text-decoration: none;
}

.topic-list .preview h2 {
  font-family: "Montserrat", 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: "Barlow Semibold", sans-serif;
  color: #000000;
  letter-spacing: 1px;
}

.topic-list .message-ago {
  font-size: 12px;
  color: #616161;
}

.topic-list .message h3 {
  color: #616161;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
}

.topic-list .recent-opinions {
  font-size: 26px;
  color: #000000;
  font-family: "Barlow Medium", sans-serif;
}

.topic-list .message-container {
  margin-right: 60px;
}

.topic-list .topic-item:nth-child(odd) .topic-image-link {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.topic-list .topic-item:nth-child(odd) .topic-message {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.topic-list .topic-item:nth-child(even) .topic-image-link {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.topic-list .topic-item:nth-child(even) .topic-message {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.topic-list-slider .slider-widget-container .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: transparent;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: none !important;
  vertical-align: middle;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: auto;
}

.topic-list-slider .slider-widget-container .swiper-slide .slide-content-wrap {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: 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 {
    -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important;
  }

  .topic-item:nth-child(odd) .topic-message {
    -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
            order: 2 !important;
  }

  .topic-item:nth-child(even) .topic-image-link {
    -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important;
  }

  .topic-item:nth-child(even) .topic-message {
    -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
            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 {
  font-family: "Nunito Sans", sans-serif;
  font-weight: 600;
  color: #ffffff;
  font-size: 4vw;
}

@media (max-width: 810px) {
  .slider-widget-container .slide-title-text {
    font-size: 35px;
  }
}

@media (max-width: 500px) {
  .slider-widget-container .slide-title-text {
    font-size: 30px;
  }
}

.slider-widget-container .slide-subtitle-text {
  color: #ffffff;
}

.slider-widget-container .slider-button {
  margin-top: 4rem !important;
}

@media (max-width: 500px) {
  .slider-widget-container .slider-button {
    margin-top: 2rem !important;
  }
}

.slider-widget-container .slider-content-container {
  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: -webkit-fit-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%;
  background-size: cover;
}

.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: -webkit-fit-content;
  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;
  background-size: cover;
}

.slider-widget-container .preview_banner .default {
  background-color: transparent;
  color: #fff;
  text-transform: uppercase;
  border: 1px solid #fff !important;
  -webkit-transform: skew(-10deg);
          transform: skew(-10deg);
  border-radius: 0;
  font-family: "Montserrat", sans-serif;
  font-size: 1.2rem;
  font-weight: 600;
  padding: 1rem 1.5rem;
  min-width: 220px;
}

.slider-widget-container .preview_banner .default span {
  display: block;
  -webkit-transform: skew(10deg);
          transform: skew(10deg);
}

.slider-widget-container .preview_banner .default:hover,
.slider-widget-container .preview_banner .default:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: rgba(255, 255, 255, 0.2);
}

@media (max-width: 500px) {
  .slider-widget-container .preview_banner .default {
    padding: 0.5rem 1rem;
    min-width: 200px;
    font-size: 1.1rem;
  }
}

.slider-widget-container .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: transparent;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: 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;
}

html {
  scroll-behavior: smooth;
}

h1 {
  font-family: "Nunito Sans", sans-serif;
  font-size: 4vw;
  font-weight: 600;
}

h1 strong {
  font-size: 5vw;
  font-weight: 600;
}

@media (max-width: 810px) {
  h1 strong {
    font-size: 34px;
  }
}

@media (max-width: 500px) {
  h1 strong {
    font-size: 34px;
  }
}

@media (max-width: 810px) {
  h1 {
    font-size: 35px;
  }
}

@media (max-width: 500px) {
  h1 {
    font-size: 30px;
  }
}

@media (max-width: 500px) {
  #page-content.poll-article .col-lg-12 .row:nth-of-type(2) .col-lg-7 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  #page-content.poll-article .col-lg-12 .row:nth-of-type(2) .col-lg-7 .row:last-of-type {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
}

#page-content.informative-article .leave-comment {
  background-color: #DCEAF2;
  padding: 2rem 2rem;
}

#page-content.informative-article .leave-comment .container-checkbox span {
  color: #707070;
}

#page-content .rime > .container-fluid > .row.row-spacing {
  padding: 0 !important;
}

#page-content .rime .banner-widget {
  height: 520px !important;
}

#page-content .rime.foreign-policy .div-banner-text {
  position: relative;
  top: 71px;
}

#page-content .cover-default > .container-fluid > .row.row-spacing {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

#page-content .cover-default .col-md-4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 2rem 3vw 1rem !important;
}

@media (max-width: 500px) {
  #page-content .cover-default .col-md-4 {
    padding: 2rem 3vw 0rem !important;
  }
}

#page-content .cover-default .col-md-8 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

#page-content .cover-default .col-md-8 .media-widget {
  margin-bottom: 0 !important;
}

#page-content .cover-default h1 {
  color: #2596D5;
  line-height: 0.85;
}

#page-content .cover-default h1 strong {
  padding-left: 3vw;
}

#page-content .cover-default p {
  font-family: "Montserrat", sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 2vw;
  line-height: 1.2;
  color: #DCEAF2;
}

#page-content .cover-default p span {
  text-transform: none;
  font-size: 1.75vw;
  font-weight: 700;
  margin-top: 0.5rem;
  display: block;
}

@media (max-width: 810px) {
  #page-content .cover-default p span {
    font-size: 17px;
  }
}

@media (max-width: 500px) {
  #page-content .cover-default p span {
    font-size: 15px;
  }
}

@media (max-width: 810px) {
  #page-content .cover-default p {
    font-size: 20px;
  }
}

@media (max-width: 500px) {
  #page-content .cover-default p {
    font-size: 18px;
  }
}

#page-content .content-default {
  margin-top: -3rem;
}

#page-content .content-default > .container > .row.row-spacing {
  margin-bottom: 20px !important;
  padding-bottom: 0 !important;
}

.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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.page-cover .title h1 {
  color: #ffffff;
  font-size: 5vw;
  font-weight: 500 !important;
}

@media (max-width: 810px) {
  .page-cover .title h1 {
    font-size: 35px;
  }
}

@media (max-width: 500px) {
  .page-cover .title h1 {
    font-size: 30px;
  }
}

.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: #2596D5;
  padding-top: 75px;
  padding-bottom: 75px;
}

.page-cover.cover-color .subtitle {
  padding-top: 40px;
}

.page-cover.cover-color .subtitle p {
  color: #000000;
}

@media (max-width: 500px) {
  .page-cover {
    min-height: 380px;
  }
}

.row-spacing {
  margin-top: 0;
  margin-bottom: 70px;
}

#page-content {
  position: relative;
  min-height: 700px;
}

#page-content .comment_form div:first-of-type {
  max-width: 600px;
}

#page-content .become-a-supporter-btn {
  position: fixed;
  top: 150px;
  left: 100%;
  z-index: 25;
  -webkit-transform-origin: 0% 0%;
          transform-origin: 0% 0%;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

#page-content .become-a-supporter-btn > .container {
  padding: 0;
}

#page-content .become-a-supporter-btn > .container > .row-spacing {
  margin: 0 !important;
  padding: 0 !important;
}

#page-content .become-a-supporter-btn > .container > .row-spacing .button-widget {
  margin: 0;
}

#page-content .become-a-supporter-btn > .container > .row-spacing .button-widget .btn {
  width: -webkit-max-content !important;
  width: -moz-max-content !important;
  width: max-content !important;
  max-width: 350px;
  border-radius: 0;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 20px;
  -webkit-transform: none;
          transform: none;
}

#page-content .become-a-supporter-btn > .container > .row-spacing .button-widget .btn span {
  -webkit-transform: none;
          transform: none;
}

#page-content .become-a-supporter-btn > .container > .row-spacing .button-widget .btn:hover,
#page-content .become-a-supporter-btn > .container > .row-spacing .button-widget .btn:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

@media (max-width: 500px) {
  #page-content .become-a-supporter-btn > .container > .row-spacing .button-widget .btn {
    font-size: 1rem;
  }
}

@media (max-width: 500px) {
  #page-content .become-a-supporter-btn {
    top: auto;
    bottom: 0;
    -webkit-transform: none;
            transform: none;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    left: 50%;
  }
}

#page-content .section-banner > .container-fluid > .row-spacing {
  padding: 0 !important;
}

@media (max-width: 810px) {
  #page-content .section-banner > .container-fluid > .row-spacing {
    margin-bottom: 30px !important;
  }
}

#page-content .section-banner .slider-widget-container {
  background-color: #000;
}

#page-content .section-banner .slider-widget-container .swiper-slide {
  height: 70vh !important;
}

#page-content .section-banner .slider-widget-container .swiper-slide .mobile-slider-div {
  height: 100vh !important;
}

#page-content .section-banner .slider-widget-container .slider-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding-bottom: 10vw;
}

@media (max-width: 991px) {
  #page-content .section-banner .slider-widget-container .slider-content {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 210px;
  }
}

#page-content .section-banner .slider-widget-container .swiper-button-next,
#page-content .section-banner .slider-widget-container .swiper-button-prev {
  background-size: 37px 64px;
  width: 37px;
  height: 64px;
}

#page-content .section-banner .slider-widget-container .swiper-button-next:focus,
#page-content .section-banner .slider-widget-container .swiper-button-prev:focus {
  outline: none;
}

@media (max-width: 500px) {
  #page-content .section-banner .slider-widget-container .swiper-button-next,
  #page-content .section-banner .slider-widget-container .swiper-button-prev {
    background-size: 27px 44px;
    width: 27px;
    height: 44px;
  }
}

#page-content .section-banner .slider-widget-container .swiper-button-prev {
  left: 3rem;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23FFFFFF'%2F%3E%3C%2Fsvg%3E");
}

#page-content .section-banner .slider-widget-container .swiper-button-prev:hover,
#page-content .section-banner .slider-widget-container .swiper-button-prev:focus {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ff7500'%2F%3E%3C%2Fsvg%3E");
}

#page-content .section-banner .slider-widget-container .swiper-button-next {
  right: 3rem;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23FFFFFF'%2F%3E%3C%2Fsvg%3E");
}

#page-content .section-banner .slider-widget-container .swiper-button-next:hover,
#page-content .section-banner .slider-widget-container .swiper-button-next:focus {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ff7500'%2F%3E%3C%2Fsvg%3E");
}

#page-content .section-slider-articles {
  max-width: 90%;
  margin: 0 auto;
}

@media (max-width: 810px) {
  #page-content .section-slider-articles > .container-fluid > .row-spacing {
    margin-bottom: 30px !important;
  }
}

#page-content .section-slider-articles .news-view-all .button-widget {
  margin-top: 0;
}

@media (max-width: 500px) {
  #page-content .section-slider-articles .slide-content-wrap {
    margin-top: 20px;
    height: auto;
    width: 100%;
  }
}

@media (max-width: 500px) {
  #page-content .section-slider-articles .slide-content-wrap img {
    width: 100%;
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (max-width: 500px) {
  #page-content .section-slider-articles {
    max-width: 100%;
  }
}

#page-content .section-cover-discover > .container-fluid > .row-spacing {
  padding: 0 !important;
  margin-bottom: 20px !important;
}

@media (max-width: 500px) {
  #page-content .section-cover-discover > .container-fluid > .row-spacing {
    margin-bottom: 10px !important;
  }
}

#page-content .section-cover-discover .cover-discover .media-widget {
  margin: 0;
}

#page-content .section-cover-discover .banner-cover p {
  font-family: "Roboto", sans-serif;
  font-size: 4vw;
  font-weight: 400;
  color: #DCEAF2;
  line-height: 0.9;
}

#page-content .section-cover-discover .banner-cover p strong {
  font-size: 5.5vw;
  font-weight: 400;
  text-transform: capitalize;
}

@media (max-width: 810px) {
  #page-content .section-cover-discover .banner-cover p strong {
    font-size: 50px;
  }
}

@media (max-width: 810px) {
  #page-content .section-cover-discover .banner-cover p {
    font-size: 40px;
  }
}

@media (max-width: 500px) {
  #page-content .section-cover-discover .banner-cover p {
    font-size: 35px;
  }
}

#page-content .section-cover-discover .vision {
  max-width: 90%;
  margin: 1rem auto 3.5rem;
}

#page-content .section-cover-discover .vision h1 {
  font-size: 10vw;
  line-height: 1;
}

#page-content .section-cover-discover .vision h1 span {
  color: #DCEAF2 !important;
  opacity: 0.15;
}

#page-content .section-cover-discover .vision p {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  line-height: 1.75;
}

@media (max-width: 500px) {
  #page-content .section-cover-discover .vision p {
    font-size: 16px;
  }
}

@media (max-width: 500px) {
  #page-content .section-cover-discover .vision {
    max-width: 100%;
  }
}

#page-content .section-cover-pdk-title {
  padding-top: 3rem;
}

#page-content .section-cover-pdk-title > .container-fluid > .row-spacing {
  padding: 0 !important;
  margin-bottom: 0 !important;
}

@media (max-width: 991px) {
  #page-content .section-cover-pdk-title > .container-fluid {
    width: 90%;
    margin: 0 auto;
  }
}

@media (max-width: 810px) {
  #page-content .section-cover-pdk-title > .container-fluid {
    width: 100%;
  }
}

@media (max-width: 810px) {
  #page-content .section-cover-pdk-title h1 {
    text-align: center !important;
  }
}

@media (max-width: 500px) {
  #page-content .section-cover-pdk-title {
    padding-top: 2rem;
  }
}

#page-content .section-cover-pdk {
  padding: 2rem 0 5rem;
  margin: 0 !important;
}

#page-content .section-cover-pdk > .container-fluid > .row-spacing {
  padding: 0 !important;
  margin-bottom: 0 !important;
}

@media (max-width: 810px) {
  #page-content .section-cover-pdk > .container-fluid > .row-spacing {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

@media (max-width: 991px) {
  #page-content .section-cover-pdk > .container-fluid {
    width: 90%;
    margin: 0 auto;
  }
}

@media (max-width: 500px) {
  #page-content .section-cover-pdk > .container-fluid {
    width: 100%;
  }
}

#page-content .section-cover-pdk .pdk-text-column {
  padding-left: 6rem;
  padding-right: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#page-content .section-cover-pdk .pdk-text-column h1 strong {
  font-size: 5vw;
  font-weight: 600;
}

@media (max-width: 810px) {
  #page-content .section-cover-pdk .pdk-text-column h1 strong {
    font-size: 38px;
  }
}

@media (max-width: 500px) {
  #page-content .section-cover-pdk .pdk-text-column h1 strong {
    font-size: 34px;
  }
}

@media (max-width: 810px) {
  #page-content .section-cover-pdk .pdk-text-column h1 {
    text-align: center !important;
  }
}

#page-content .section-cover-pdk .pdk-text-column p {
  color: #707070;
}

@media (max-width: 500px) {
  #page-content .section-cover-pdk .pdk-text-column p {
    font-size: 16px;
  }
}

@media (max-width: 810px) {
  #page-content .section-cover-pdk .pdk-text-column .wrapper-about-pdk {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media (max-width: 810px) {
  #page-content .section-cover-pdk {
    padding: 2rem 0;
  }
}

@media (max-width: 500px) {
  #page-content .section-cover-pdk {
    padding: 1rem 0;
  }
}

#page-content .section-lexo > .container-fluid > .row-spacing {
  padding: 0 !important;
  margin-bottom: 0 !important;
}

#page-content .section-lexo .widget-container .media-widget {
  margin: 0;
}

#page-content .section-listing-articles {
  padding: 4rem 0;
}

#page-content .section-listing-articles > .container-fluid {
  width: 90%;
  margin: 0 auto;
}

#page-content .section-listing-articles > .container-fluid > .row-spacing {
  padding: 0;
  margin-bottom: 0px !important;
}

@media (max-width: 500px) {
  #page-content .section-listing-articles > .container-fluid {
    width: 100%;
  }
}

#page-content .section-listing-articles .button-widget .default {
  display: none;
}

#page-content .section-listing-articles h1 {
  margin-bottom: 2rem;
}

@media (max-width: 500px) {
  #page-content .section-listing-articles h1 {
    margin-bottom: 1rem;
  }
}

#page-content .section-listing-articles .col-md-4 {
  padding: 0 3vw !important;
}

#page-content .section-listing-articles .col-md-4 h5 {
  font-family: "Libre Baskerville", serif;
  font-weight: 700;
}

#page-content .section-listing-articles .col-md-4 p {
  color: #707070;
}

#page-content .section-listing-articles .col-md-4 p a {
  color: #707070;
}

@media (max-width: 500px) {
  #page-content .section-listing-articles {
    padding: 1rem 0 1rem;
  }
}

#page-content .section-form {
  padding: 4rem 0;
  margin-bottom: 0;
}

#page-content .section-form > .container-fluid {
  width: 90%;
  margin: 0 auto;
}

#page-content .section-form > .container-fluid > .row-spacing {
  margin-bottom: 0 !important;
}

@media (max-width: 500px) {
  #page-content .section-form > .container-fluid {
    width: 100%;
  }
}

#page-content .section-form .form-column h1 {
  line-height: 1;
  margin-bottom: 2rem;
  text-align: left !important;
}

#page-content .section-form .form-column h1 strong {
  font-size: 5vw;
  font-weight: 600;
}

@media (max-width: 810px) {
  #page-content .section-form .form-column h1 strong {
    font-size: 38px;
  }
}

@media (max-width: 500px) {
  #page-content .section-form .form-column h1 strong {
    font-size: 34px;
  }
}

@media (max-width: 810px) {
  #page-content .section-form .form-column h1 {
    text-align: center !important;
  }
}

#page-content .section-form .form-column p {
  font-weight: 700;
  margin-bottom: 4rem;
}

#page-content .section-form .form-column h4 {
  display: none;
}

#page-content .section-form .form-column .captcha-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

#page-content .section-form .form-column .btn {
  color: #2596D5;
  background-color: #BEE0F4;
  max-width: 170px;
}

#page-content .section-form .form-column .btn:hover,
#page-content .section-form .form-column .btn:focus {
  background-color: white;
}

@media (max-width: 500px) {
  #page-content .section-form {
    padding: 2rem 0;
    margin-bottom: 0.65rem;
  }
}

#page-content .section-poll {
  padding: 5rem 0;
}

#page-content .section-poll > .container-fluid {
  width: 90%;
}

#page-content .section-poll > .container-fluid > .row-spacing {
  padding: 0 !important;
  margin-bottom: 0px !important;
}

@media (max-width: 500px) {
  #page-content .section-poll > .container-fluid {
    width: 100%;
  }
}

#page-content .section-poll h1 {
  text-align: left !important;
  line-height: 0.8;
  margin-bottom: 2rem;
}

#page-content .section-poll h1 strong {
  font-size: 5vw;
  font-weight: 600;
  text-transform: capitalize;
  display: block;
}

@media (max-width: 810px) {
  #page-content .section-poll h1 strong {
    font-size: 38px;
    display: inline;
  }
}

@media (max-width: 500px) {
  #page-content .section-poll h1 strong {
    font-size: 34px;
  }
}

@media (max-width: 810px) {
  #page-content .section-poll h1 {
    margin-top: 2rem;
    text-align: center !important;
  }
}

#page-content .section-poll p {
  color: #2596D5;
  font-weight: 600;
}

#page-content .section-poll .article-category-widget .col {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
}

#page-content .section-poll .article-category-widget .col:first-of-type {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}

@media (max-width: 810px) {
  #page-content .section-poll .article-category-widget .col {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

#page-content .section-poll .poll-column {
  padding-left: 5rem;
}

#page-content .section-poll .poll-column h3 {
  color: #2596D5;
  font-weight: 600;
}

@media (max-width: 500px) {
  #page-content .section-poll {
    padding: 4rem 0;
  }
}

#page-content .section-contact {
  margin-bottom: 20px;
  padding-top: 5rem;
}

#page-content .section-contact > .container-fluid > .row-spacing {
  padding: 0 !important;
  margin-bottom: 0px !important;
}

#page-content .section-contact h1 {
  margin-bottom: 4rem;
}

@media (max-width: 810px) {
  #page-content .section-contact h1 {
    margin-bottom: 3rem;
  }
}

@media (max-width: 500px) {
  #page-content .section-contact h1 {
    margin-bottom: 2rem;
  }
}

#page-content .section-contact .form-map {
  background-color: #DCEAF2;
  padding: 4rem 6rem 3rem;
}

#page-content .section-contact .form-map form .form-title {
  display: none;
}

#page-content .section-contact .form-map form .container-checkbox span {
  color: #707070;
}

#page-content .section-contact .form-map form .btn-container {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

#page-content .section-contact .form-map form .btn-container button:hover,
#page-content .section-contact .form-map form .btn-container button:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: #868686 !important;
  border-color: #868686 !important;
}

@media (max-width: 810px) {
  #page-content .section-contact .form-map form .btn-container {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media (max-width: 810px) {
  #page-content .section-contact .form-map {
    padding: 3rem 2.5rem 1rem !important;
  }
}

@media (max-width: 500px) {
  #page-content .section-contact .form-map {
    padding: 3rem 1rem 1rem !important;
    margin-bottom: 2rem !important;
  }
}

#page-content .section-contact .map .widget-container {
  -webkit-clip-path: ellipse(19vw 18vw at 50% 50%);
          clip-path: ellipse(19vw 18vw at 50% 50%);
}

#page-content .section-contact .map .widget-container #map-integration {
  height: 700px;
}

@media (max-width: 991px) {
  #page-content .section-contact .map .widget-container #map-integration {
    -webkit-clip-path: none;
            clip-path: none;
    height: 550px;
  }
}

@media (max-width: 500px) {
  #page-content .section-contact .map .widget-container #map-integration {
    height: 400px;
  }
}

@media (max-width: 991px) {
  #page-content .section-contact .map .widget-container {
    -webkit-clip-path: none;
            clip-path: none;
    height: 550px;
  }
}

@media (max-width: 500px) {
  #page-content .section-contact .map .widget-container {
    height: 400px;
  }
}

#page-content .section-contact .text-map {
  height: auto !important;
  margin-top: 1rem;
}

@media (max-width: 810px) {
  #page-content .section-contact {
    margin-top: 0rem;
  }
}

@media (max-width: 810px) {
  #page-content .section-contact {
    margin-bottom: 10px;
    padding-top: 2rem;
  }
}

.container-checkbox {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #fff;
  font-size: 16px !important;
  /* Hide the browser's default checkbox */
  /* Create a custom checkbox */
  /* On mouse-over, add a grey background color */
  /* When the checkbox is checked, add a blue background */
  /* Create the checkmark/indicator (hidden when not checked) */
  /* Show the checkmark when checked */
  /* Style the checkmark/indicator */
}

.container-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.container-checkbox .checkmark {
  position: absolute;
  top: -3px;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #fff;
}

.container-checkbox .checkmark.has-error-border {
  border-color: #ea5455;
}

.container-checkbox .checkbox-warning-icon {
  color: #ea5455;
  margin-right: 5px;
}

.container-checkbox:hover input ~ .checkmark {
  background-color: #ccc;
}

.container-checkbox input:checked ~ .checkmark {
  background-color: #fff;
}

.container-checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.container-checkbox input:checked ~ .checkmark:after {
  display: block;
}

.container-checkbox .checkmark:after {
  left: 9px;
  top: 4px;
  width: 8px;
  height: 14px;
  border: solid #2596D5;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.share-page-section {
  padding-top: 50px;
  padding-bottom: 50px;
}

.share-page-section i {
  font-size: 18px;
  letter-spacing: 1px;
  line-height: 34px;
}

.share-page-section a {
  margin-right: 10px;
}

.share-page-section a b {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 20px;
  color: #2596D5;
  text-decoration: underline;
}

.share-page-section .btn {
  border: 2px solid #707070;
}

.share-page-section .btn i {
  color: #707070;
  position: relative;
  top: -2px;
}

.share-page-section .btn:hover,
.share-page-section .btn:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #707070;
}

.share-page-section .btn:hover i,
.share-page-section .btn:focus i {
  color: #fff;
}

.share-page-section .facebook-btn {
  width: 42px;
  height: 42px;
  background-color: transparent;
  color: white;
  border-radius: 30%;
  text-align: center;
  padding-top: 4px;
  margin-top: 3px;
  margin-bottom: 3px;
  margin-right: 5px;
}

.share-page-section .twitter-btn {
  background-color: transparent;
  color: white;
  width: 42px;
  height: 42px;
  border-radius: 30%;
  text-align: center;
  padding-top: 4px;
  margin-top: 3px;
  margin-bottom: 3px;
  margin-right: 5px;
}

.share-page-section .whatsapp-btn {
  background-color: transparent;
  width: 42px;
  height: 42px;
  color: white;
  border-radius: 30%;
  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;
  }
}

/* IE 11 and EDGE scss */

@media all and (-ms-high-contrast: none) {
  #signInModal .modal-dialog .modal-body .form-control {
    padding: .375rem .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;
  }
}

.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;
}

.article-list {
  margin-bottom: 30px;
  min-height: 43vh;
}

.article-list.container-fluid {
  width: 90%;
}

.article-list .subcategories-filter {
  max-width: 370px;
  margin: 0 auto;
}

.article-list .subcategories-filter .subcategories-menu {
  margin-bottom: 50px;
  border: none;
  border-bottom: 2px solid #2596D5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.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: #2596D5;
  font-size: 16px;
  padding: 7px 18px 14px;
  text-transform: uppercase;
}

.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: #2596D5;
  font-weight: 700;
  position: relative;
}

.article-list .subcategories-filter .subcategories-menu .nav-item .nav-link.active:before {
  content: '';
  position: absolute;
  bottom: -8px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #fff;
  border: 2px solid #2596D5;
}

.article-list .subcategories-filter .subcategories-menu .nav-item:last-of-type {
  padding-right: 0;
}

.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: #2596D5;
  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: #BEE0F4;
  padding: 6px 15px;
  letter-spacing: 1px;
  border-radius: 0;
}

.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: #BEE0F4 !important;
  outline: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.article-list .subcategories-filter .subcategories-menu-dd-container .dropdown .btn i {
  color: #BEE0F4;
  margin-left: 5px;
}

.article-list .subcategories-filter .subcategories-menu-dd-container .dropdown .selected-item {
  color: #2596D5;
}

.article-list .subcategories-filter .subcategories-menu-dd-container .dropdown .dropdown-menu {
  border-radius: 0;
  border-color: #BEE0F4;
}

.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;
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.article-list .grid .grid-item .article-video {
  height: 260px;
}

.article-list .grid .grid-item .image-article {
  height: 260px;
}

.article-list .grid .grid-item .img-ie-container {
  position: relative;
}

.article-list .grid .grid-item .grid-button {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #BEE0F4;
  border: 1px solid #BEE0F4;
  color: #2596D5;
  text-transform: uppercase;
  border-radius: 0px;
}

.article-list .grid .grid-item .grid-button:hover,
.article-list .grid .grid-item .grid-button:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.article-list .grid .grid-item img {
  width: 100%;
}

.article-list .grid .grid-item .description-container {
  margin-top: 1.5rem;
}

.article-list .grid .grid-item .article-title {
  display: block;
  color: #707070;
  text-decoration: none;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 5px;
  font-family: "Montserrat", sans-serif;
}

.article-list .grid .grid-item .read-more {
  color: #2596D5;
  font-weight: 500;
  float: left;
  font-size: 19px;
  text-decoration: underline;
}

.article-list .load-more {
  color: #2596D5;
  text-transform: uppercase;
  background-color: transparent;
  border-color: transparent;
  margin-top: 30px;
  padding: 7px 20px;
  font-size: 20px;
  margin-bottom: 30px;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
}

.article-list .load-more:hover,
.article-list .load-more:focus,
.article-list .load-more:active,
.article-list .load-more.active {
  background-color: transparent !important;
  border-color: transparent !important;
  outline: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  color: #2596D5;
  text-decoration: underline;
}

.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: calc(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 .title {
  padding: 20px 0;
}

.gallery-page .title h1 {
  font-size: 54px;
  font-weight: 500;
}

.gallery-page .subtitle {
  font-size: 26px;
  padding: 20px 0;
  margin-bottom: 50px;
}

.gallery-page .description {
  margin-bottom: 30px;
  text-align: justify;
}

.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;
}

.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 .edituser .form-group label {
  font-size: 14px;
  color: #616161;
  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;
}

.header-profile .timeline-cover {
  height: 470px;
}

.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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.header-profile .timeline-cover .middle_left {
  min-height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          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 .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;
}

.header-profile .header_profile_colors {
  background: #ffffff;
}

.header-profile .header_profile_colors .user-name,
.header-profile .header_profile_colors h1,
.header-profile .header_profile_colors .user-details a,
.header-profile .header_profile_colors .timeline-avatar .profile-badge-name {
  color: #616161;
}

.header-profile .header_profile_colors .timeline-avatar .user-img {
  border-color: #616161;
}

.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;
}

#welcomeModal .modal-dialog {
  max-width: 355px;
  margin: 6.75rem auto;
}

#welcomeModal .modal-dialog .modal-header {
  padding: 1rem 3rem;
}

#welcomeModal .modal-dialog .modal-header .modal-title {
  color: #616161;
  font-size: 18px;
}

#welcomeModal .modal-dialog .modal-header button {
  font-size: 38px;
  line-height: 20px;
}

#welcomeModal .modal-dialog .modal-header button:focus {
  outline: none;
}

#welcomeModal .modal-dialog .modal-body {
  padding: 2rem 3rem;
  /* The container */
  /* Hide the browser's default checkbox */
  /* Create a custom checkbox */
  /* On mouse-over, add a grey background color */
  /* When the checkbox is checked, add a blue background */
  /* Create the checkmark/indicator (hidden when not checked) */
  /* Show the checkmark when checked */
  /* Style the checkmark/indicator */
}

#welcomeModal .modal-dialog .modal-body h4 {
  width: 100%;
  text-align: center;
  font-size: 12px;
  color: #757575;
  margin-top: 0px;
  margin-bottom: 40px;
}

#welcomeModal .modal-dialog .modal-body #welcomeModalBtn {
  padding: .575rem .75rem;
  font-size: 14px;
  color: #fff;
  width: 100%;
  letter-spacing: 1px;
}

#welcomeModal .modal-dialog .modal-body .welcome-consent {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#welcomeModal .modal-dialog .modal-body .welcome-consent input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

#welcomeModal .modal-dialog .modal-body .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

#welcomeModal .modal-dialog .modal-body .welcome-consent:hover input ~ .checkmark {
  background-color: #ccc;
}

#welcomeModal .modal-dialog .modal-body .welcome-consent input:checked ~ .checkmark {
  background-color: #ea5455;
}

#welcomeModal .modal-dialog .modal-body .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

#welcomeModal .modal-dialog .modal-body .welcome-consent input:checked ~ .checkmark:after {
  display: block;
}

#welcomeModal .modal-dialog .modal-body .welcome-consent .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

@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;
  -webkit-transition: .5s ease;
  transition: .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: "Montserrat", 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: "Montserrat", sans-serif;
  font-weight: 400;
  text-transform: capitalize;
}

.profile-page .header-profile .user-info .user-branch {
  font-size: 14px;
  color: #7c848c;
  font-family: "Montserrat", 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: "Barlow 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: "Montserrat", sans-serif;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  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: "Barlow 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: "Montserrat", 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 {
  -webkit-box-shadow: inset 0 -1px 0 #ddd;
          box-shadow: inset 0 -1px 0 #ddd;
}

.profile-page .contact input {
  color: #7c848c;
  font-size: 14px;
  font-family: "Barlow Medium", sans-serif;
  font-style: italic;
}

.profile-page .contact input::-webkit-input-placeholder {
  color: #7c848c;
  font-size: 14px;
  font-family: "Barlow Medium", sans-serif;
  font-style: italic;
}

.profile-page .contact input::-moz-placeholder {
  color: #7c848c;
  font-size: 14px;
  font-family: "Barlow Medium", sans-serif;
  font-style: italic;
}

.profile-page .contact input::-ms-input-placeholder {
  color: #7c848c;
  font-size: 14px;
  font-family: "Barlow Medium", sans-serif;
  font-style: italic;
}

.profile-page .contact input::placeholder {
  color: #7c848c;
  font-size: 14px;
  font-family: "Barlow 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: "Barlow 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: "Barlow Semibold", sans-serif;
  text-transform: uppercase;
  margin-bottom: 0;
}

.profile-page .political .party-functions h4 {
  color: #7673f6;
  font-size: 14px;
  font-family: "Barlow Semibold", sans-serif;
  margin-bottom: 0;
}

.profile-page .political .party-functions h5 {
  color: #161a1e;
  font-size: 12px;
  font-family: "Barlow Semibold", sans-serif;
  text-transform: uppercase;
}

.profile-page .political .party-functions h6 {
  color: #7c848c;
  font-size: 12px;
  font-family: "Barlow 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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.profile-page .political .party-functions .card .card-header h5 {
  color: #7673f6;
  font-size: 12px;
  font-family: "Montserrat", 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: "Barlow Semibold", sans-serif;
  text-transform: uppercase;
  margin-bottom: 0;
}

.profile-page .political .public-functions h4 {
  color: #7673f6;
  font-size: 14px;
  font-family: "Barlow Semibold", sans-serif;
  margin-bottom: 0;
}

.profile-page .political .public-functions h5 {
  color: #161a1e;
  font-size: 12px;
  font-family: "Barlow Semibold", sans-serif;
  text-transform: uppercase;
}

.profile-page .political .public-functions h6 {
  color: #7c848c;
  font-size: 12px;
  font-family: "Barlow 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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.profile-page .political .public-functions .card .card-header h5 {
  color: #7673f6;
  font-size: 12px;
  font-family: "Montserrat", 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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.profile-page .political .public-functions .card-header h5 {
  color: #7673f6;
  font-size: 12px;
  font-family: "Montserrat", 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: "Montserrat", 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: -webkit-fit-content;
  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: "Montserrat", 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: "Montserrat", 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: "Montserrat", sans-serif;
  font-weight: 400;
  text-align: center;
}

.profile-page .change-password-myparty .modal-body label {
  font-size: 16px;
  color: #000;
  font-family: "Montserrat", 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: "Barlow 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: .375rem 1rem .375rem 1.3rem;
  height: 48px;
  color: #7c848c;
  font-size: 14px;
  font-family: "Barlow Medium", sans-serif;
  font-style: italic;
}

.profile-page .personal .ss-main {
  border: 2px solid #e1e1e1;
  padding: .375rem 1rem .375rem 1.3rem;
  height: 48px;
  color: #7c848c;
  font-size: 14px;
  font-family: "Barlow Medium", sans-serif;
  font-style: italic;
  border-radius: .25rem;
}

.profile-page .personal .ss-main .ss-multi-selected {
  border: none !important;
}

.profile-page .personal textarea {
  border: 2px solid #e1e1e1;
  padding: .375rem 1rem .375rem 1.3rem;
  color: #7c848c;
  font-size: 14px;
  font-family: "Barlow 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: "Montserrat", 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 {
  -webkit-box-shadow: inset 0 -1px 0 #ddd;
          box-shadow: inset 0 -1px 0 #ddd;
}

.profile-page .personal input {
  color: #7c848c;
  font-size: 14px;
  font-family: "Barlow Medium", sans-serif;
  font-style: italic;
}

.profile-page .personal input::-webkit-input-placeholder {
  color: #7c848c;
  font-size: 14px;
  font-family: "Barlow Medium", sans-serif;
  font-style: italic;
}

.profile-page .personal input::-moz-placeholder {
  color: #7c848c;
  font-size: 14px;
  font-family: "Barlow Medium", sans-serif;
  font-style: italic;
}

.profile-page .personal input::-ms-input-placeholder {
  color: #7c848c;
  font-size: 14px;
  font-family: "Barlow Medium", sans-serif;
  font-style: italic;
}

.profile-page .personal input::placeholder {
  color: #7c848c;
  font-size: 14px;
  font-family: "Barlow 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 {
  -webkit-box-shadow: inset 0 -1px 0 #ddd;
          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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .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: #000000;
}

.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: #2596D5;
  border-bottom: 1px solid #2596D5;
}

.add-friend-wrap {
  position: relative;
}

.add-friend-wrap .fa-spinner {
  position: absolute;
  top: 2px;
  left: -23px;
  color: #fff;
}

.add-friend-wrap .add-friend,
.add-friend-wrap .remove-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: #000000;
  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 .send-member-msg {
  font-size: 12px;
  color: #2596D5 !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;
}

.action-member-container .add-friend,
.action-member-container .remove-friend {
  text-align: left;
  font-size: 16px;
  margin-top: 4px;
  cursor: pointer;
}

.action-member-container .add-friend > i.fa-spinner,
.action-member-container .remove-friend > i.fa-spinner {
  margin-right: 5px;
}

.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: -webkit-box;
  display: -ms-flexbox;
  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: .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,
  .add-friend-wrap .remove-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;
  }
}

.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: "Montserrat", 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: "Montserrat", sans-serif;
  font-weight: 400;
  text-transform: capitalize;
}

.myparty-public-profile .header-section .user-info .public-branch {
  font-size: 14px;
  color: #7c848c;
  font-family: "Montserrat", 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: "Montserrat", 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: "Barlow Semibold", sans-serif;
  text-transform: uppercase;
  margin-bottom: 0;
}

.myparty-public-profile .party-functions h4 {
  color: #2596D5;
  font-size: 14px;
  font-family: "Barlow Semibold", sans-serif;
  margin-bottom: 0;
}

.myparty-public-profile .party-functions h5 {
  color: #161a1e;
  font-size: 12px;
  font-family: "Barlow Semibold", sans-serif;
  text-transform: uppercase;
}

.myparty-public-profile .party-functions h6 {
  color: #7c848c;
  font-size: 12px;
  font-family: "Barlow Semibold", sans-serif;
  text-transform: capitalize;
}

.myparty-public-profile .party-functions i {
  color: #2596D5;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.myparty-public-profile .party-functions .card .card-header h5 {
  color: #2596D5;
  font-size: 12px;
  font-family: "Montserrat", 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: "Barlow Semibold", sans-serif;
  text-transform: uppercase;
  margin-bottom: 0;
}

.myparty-public-profile .public-functions h4 {
  color: #2596D5;
  font-size: 14px;
  font-family: "Barlow Semibold", sans-serif;
  margin-bottom: 0;
}

.myparty-public-profile .public-functions h5 {
  color: #161a1e;
  font-size: 12px;
  font-family: "Barlow Semibold", sans-serif;
  text-transform: uppercase;
}

.myparty-public-profile .public-functions h6 {
  color: #7c848c;
  font-size: 12px;
  font-family: "Barlow Semibold", sans-serif;
  text-transform: capitalize;
}

.myparty-public-profile .public-functions i {
  color: #2596D5;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.myparty-public-profile .public-functions a .card .card-header h5 {
  color: #2596D5;
  font-size: 12px;
  font-family: "Montserrat", 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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.myparty-public-profile .public-functions .card-header h5 {
  color: #2596D5;
  font-size: 12px;
  font-family: "Montserrat", 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: -webkit-fit-content;
    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: "Montserrat", sans-serif;
  padding: 70px 0 20px;
  font-weight: 600;
  font-size: 48px;
  margin-bottom: 60px;
}

.article-page-content .page-subtitle {
  font-family: "Libre Baskerville", serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  margin-bottom: 30px;
}

.article-page-content p {
  color: #707070;
  font-weight: 500;
}

.article-page-content .article-poll-media {
  margin-bottom: 1.5rem;
}

.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;
}

@media (max-width: 767px) {
  .article-page-content .page-title {
    font-size: 32px;
    margin-bottom: 30px;
  }

  .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;
  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: "Montserrat", 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: "Montserrat", 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: "Montserrat", sans-serif;
  font-weight: 400;
  padding: 10px 0;
  text-align: center;
}

.event-article .succes-event {
  width: 100%;
  color: #23c87b;
  font-size: 19px;
  font-family: "Montserrat", 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: "Montserrat", 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: #DCEAF2;
  position: relative;
  padding: 30px 40px 40px;
}

.article-sidebar .sidebar-content h4,
.article-sidebar .sidebar-content h3 {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #707070;
}

.article-sidebar .sidebar-content .btn {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
}

.article-sidebar .sidebar-content .container-checkbox {
  color: #707070;
}

.article-sidebar .sidebar-content input:-webkit-autofill,
.article-sidebar .sidebar-content input:-webkit-autofill:hover,
.article-sidebar .sidebar-content input:-webkit-autofill:focus,
.article-sidebar .sidebar-content textarea:-webkit-autofill,
.article-sidebar .sidebar-content textarea:-webkit-autofill:hover,
.article-sidebar .sidebar-content textarea:-webkit-autofill:focus,
.article-sidebar .sidebar-content select:-webkit-autofill,
.article-sidebar .sidebar-content select:-webkit-autofill:hover,
.article-sidebar .sidebar-content select:-webkit-autofill:focus {
  background-color: #fff !important;
  -webkit-box-shadow: 0 0 0 100px white inset;
}

@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: 20px;
  font-weight: 500;
  line-height: 42px;
  margin: 0 14px 0 0;
  color: #2596D5;
  text-decoration: underline;
}

.share_article a {
  border: 2px solid #707070;
  width: 42px;
  height: 42px;
  background-color: transparent;
  color: white;
  border-radius: 30%;
  text-align: center;
  padding-top: 4px;
  margin-top: 3px;
  margin-bottom: 3px;
  margin-right: 5px;
}

.share_article a:hover {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #707070;
}

.share_article a:hover i {
  color: #fff;
}

.share_article a i {
  color: #707070;
  position: relative;
  top: 4px;
  font-size: 18px;
}

.informative-article .page-title {
  margin-bottom: 30px;
}

.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 {
  margin-bottom: 50px;
  /*
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
  */
  /*
    ##Device = Tablets, Ipads (landscape)
    ##Screen = B/w 768px to 1024px
  */
  /*
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/
  /*
    ##Device = Most of the Smartphones Mobiles (Portrait)
    ##Screen = B/w 320px to 479px
  */
}

.topics-list .error {
  color: #ea5455;
}

.topics-list #proposeATopic .search-input {
  display: block;
}

.topics-list #proposeATopic .search-input .error {
  color: #ea5455;
}

.topics-list .preview {
  background-color: #2596D5;
  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: #2596D5;
  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: #2596D5 !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 .image-upload-label {
  font-size: 14px;
  letter-spacing: 1px;
  color: #616161;
  font-family: "Montserrat", sans-serif;
  line-height: 40px;
}

.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::-webkit-input-placeholder,
.topics-list .modal textarea::-webkit-input-placeholder {
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 24px;
  color: #b6b6b6;
  font-family: "Montserrat", sans-serif;
}

.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: "Montserrat", sans-serif;
}

.topics-list .modal input::-ms-input-placeholder,
.topics-list .modal textarea::-ms-input-placeholder {
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 24px;
  color: #b6b6b6;
  font-family: "Montserrat", 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: "Montserrat", sans-serif;
}

.topics-list .modal .modal-title {
  font-size: 18px;
  letter-spacing: 1px;
  line-height: 30px;
  color: #757575;
  font-family: "Montserrat", sans-serif;
}

.topics-list .modal .checkbox label {
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 24px;
  color: #757575;
  font-family: "Montserrat", sans-serif;
}

.topics-list .propose-a-topic-container {
  text-align: center;
  margin-top: 40px;
}

.topics-list .load-more-topics-container {
  text-align: center;
  margin-top: 25px;
  margin-bottom: 25px;
}

.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 #bdbdbd63;
  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: "Montserrat", 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: "Montserrat", 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: "Montserrat", 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: "Montserrat", 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:hover {
  text-decoration: none;
}

.topics-list .topics-list-container .topic-row .topic-title {
  font-size: 24px;
  letter-spacing: 1px;
  color: #ffffff;
  font-family: "Montserrat", 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: "Montserrat", sans-serif;
}

.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: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(90%, white));
  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: "Montserrat", 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: "Montserrat", 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: "Montserrat", sans-serif;
  font-weight: bold;
}

.topics-list .col-md-6 .topics-list-messages .preview {
  padding: 15px !important;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .topics-list .topics-list-container {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .topics-list .topics-list-container {
    width: 100%;
  }
}

@media (min-width: 481px) and (max-width: 767px) {
  .topics-list .topics-list-container {
    width: 95%;
  }

  .topics-list .topic-title {
    font-size: 16px !important;
  }
}

@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: #2596D5;
}

#guestUserForm .form-title {
  display: none;
}

#guestUserForm .form-submit-msg {
  display: none;
}

.guestCommentForm h4.form-title {
  display: none;
}

.guestCommentForm button.btn-form {
  background-color: #2596D5;
}

.guestCommentForm .form-submit-msg {
  display: none;
}

#writeYourOpinionLoader {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ffffffc4;
  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: "Montserrat", 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: "Montserrat", 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: "Montserrat", sans-serif;
  font-weight: bold;
}

.topic-render .topic-subtitle {
  text-align: left;
  font-size: 26px;
  letter-spacing: 1px;
  color: #000000;
  font-family: "Montserrat", sans-serif;
}

.topic-render .topic-description {
  text-align: left;
  font-size: 18px;
  letter-spacing: 1px;
  line-height: 24px;
  color: #616161;
  font-family: "Montserrat", 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: "Montserrat", 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: #2596D5;
  border-bottom: 3px solid #2596D5;
}

.topic-render .topnav a.active {
  color: #2596D5;
  border-bottom: 3px solid #2596D5;
}

.topic-render .write-your-op-button {
  float: right;
}

.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 #bdbdbd63;
  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: "Montserrat", 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: "Montserrat", 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: #2596D5;
  font-family: "Montserrat", 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: #2596D5;
  border-bottom: 1px solid #2596D5;
}

.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: #2596D5;
}

.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: "Montserrat", 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 .modal-dialog {
  max-width: 730px;
}

#writeYourOpinion img {
  margin-right: 20px;
}

#writeYourOpinion h4 {
  font-size: 18px;
  color: #616161;
}

#writeYourOpinion .write-opinion {
  display: -webkit-box;
  display: -ms-flexbox;
  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::-webkit-input-placeholder {
  font-size: 14px;
  color: #bdbdbd;
}

#writeYourOpinion .write-opinion textarea::-moz-placeholder {
  font-size: 14px;
  color: #bdbdbd;
}

#writeYourOpinion .write-opinion textarea::-ms-input-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::-webkit-input-placeholder {
  font-size: 14px;
  color: #bdbdbd;
  text-align: left;
}

#writeYourOpinion .write-opinion input::-moz-placeholder {
  font-size: 14px;
  color: #bdbdbd;
  text-align: left;
}

#writeYourOpinion .write-opinion input::-ms-input-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 #2596D5;
  color: #2596D5;
  height: 44px;
  float: right;
  margin-right: -15px;
  font-size: 14px;
  font-weight: 500;
}

#writeYourOpinion label.media-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::-webkit-input-placeholder {
  text-align: center;
  font-size: 14px;
  color: #bdbdbd;
}

#writeYourOpinion input::-moz-placeholder {
  text-align: center;
  font-size: 14px;
  color: #bdbdbd;
}

#writeYourOpinion input::-ms-input-placeholder {
  text-align: center;
  font-size: 14px;
  color: #bdbdbd;
}

#writeYourOpinion input::placeholder {
  text-align: center;
  font-size: 14px;
  color: #bdbdbd;
}

#writeYourOpinion .submit-opinion {
  margin-top: 40px;
}

#submit-reply .error {
  width: 92%;
  float: right;
  resize: none;
  margin-right: -15px;
  color: #2596D5;
  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: "Montserrat", 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 {
  margin-right: 10px;
}

#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;
  margin: 0 auto;
}

#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: #2596D5;
}

#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 {
  margin-top: 10px;
}

#messageModal #uploadComPic {
  border: 2px solid #2596D5;
  background-color: transparent;
  color: #2596D5;
  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: "Barlow 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: 20px;
  }

  #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: -webkit-fit-content;
  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;
  -webkit-box-shadow: 1px 1px 15px 0px #000000;
          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 {
  float: right;
  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 {
  -webkit-filter: brightness(90%);
          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;
  -webkit-transform: rotate(45deg);
  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;
  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 * {
  -webkit-box-sizing: border-box;
          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;
  -webkit-box-sizing: border-box;
          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;
}

@-webkit-keyframes zoom {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}

@keyframes zoom {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}

@-webkit-keyframes tada {
  0% {
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
    -webkit-transform: scale(7);
            transform: scale(7);
  }

  38% {
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  55% {
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }

  72% {
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  81% {
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    -webkit-transform: scale(1.24);
            transform: scale(1.24);
  }

  89% {
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  95% {
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    -webkit-transform: scale(1.04);
            transform: scale(1.04);
  }

  100% {
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes tada {
  0% {
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
    -webkit-transform: scale(7);
            transform: scale(7);
  }

  38% {
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  55% {
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }

  72% {
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  81% {
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    -webkit-transform: scale(1.24);
            transform: scale(1.24);
  }

  89% {
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  95% {
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    -webkit-transform: scale(1.04);
            transform: scale(1.04);
  }

  100% {
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes jelly {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }

  40% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }

  50% {
    -webkit-transform: scale3d(0.85, 1.15, 1);
            transform: scale3d(0.85, 1.15, 1);
  }

  65% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }

  75% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes jelly {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }

  40% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }

  50% {
    -webkit-transform: scale3d(0.85, 1.15, 1);
            transform: scale3d(0.85, 1.15, 1);
  }

  65% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }

  75% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@-webkit-keyframes rotate {
  0% {
    opacity: 0;
    -webkit-transform: translateZ(-200px) rotate(-45deg);
            transform: translateZ(-200px) rotate(-45deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateZ(0) rotate(0);
            transform: translateZ(0) rotate(0);
  }
}

@keyframes rotate {
  0% {
    opacity: 0;
    -webkit-transform: translateZ(-200px) rotate(-45deg);
            transform: translateZ(-200px) rotate(-45deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateZ(0) rotate(0);
            transform: translateZ(0) rotate(0);
  }
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0px 0px 0px 0px #bdc3c7;
            box-shadow: 0px 0px 0px 0px #bdc3c7;
  }

  100% {
    -webkit-box-shadow: 0px 0px 0px 1.5em rgba(189, 195, 199, 0);
            box-shadow: 0px 0px 0px 1.5em rgba(189, 195, 199, 0);
  }
}

@keyframes pulse {
  0% {
    -webkit-box-shadow: 0px 0px 0px 0px #bdc3c7;
            box-shadow: 0px 0px 0px 0px #bdc3c7;
  }

  100% {
    -webkit-box-shadow: 0px 0px 0px 1.5em rgba(189, 195, 199, 0);
            box-shadow: 0px 0px 0px 1.5em rgba(189, 195, 199, 0);
  }
}

.pretty.p-default.p-fill .state label:after {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.pretty.p-default .state label:after {
  -webkit-transform: scale(0.6);
          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: calc(1em / 7);
}

.pretty.p-default.p-thick .state label:after {
  -webkit-transform: scale(0.4) !important;
          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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: 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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: 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;
  -webkit-transform: scale(0.8);
          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;
  -webkit-box-sizing: unset;
          box-sizing: unset;
  height: calc(1em + 2px);
  position: absolute;
  top: 0;
  top: calc((0% - (100% - 1em)) - 16%);
  z-index: 0;
  -webkit-transition: all 0.5s ease;
  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 {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  border-radius: 100%;
  left: 0;
  border-color: transparent;
  -webkit-transform: scale(0.8);
          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 {
  -webkit-box-shadow: 0px 0px 3px 0px #bdc3c7;
          box-shadow: 0px 0px 3px 0px #bdc3c7;
}

.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 {
  -webkit-transform: scale(1.1);
          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 {
  -webkit-transform: scale(0.8);
          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 {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.pretty.p-smooth input:checked + .state label:after {
  -webkit-transition: all 0.3s ease;
  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 {
  -webkit-animation: zoom 0.2s ease;
          animation: zoom 0.2s ease;
}

.pretty.p-smooth.p-default input:checked + .state label:after {
  -webkit-animation: zoom 0.2s ease;
          animation: zoom 0.2s ease;
}

.pretty.p-smooth.p-plain input:checked + .state label:before {
  content: '';
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: all 0.5s ease;
  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 {
  -webkit-animation: tada 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1 alternate;
          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 {
  -webkit-animation: jelly 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          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 {
  -webkit-animation: rotate 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          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 {
  -webkit-animation: pulse 1s;
          animation: pulse 1s;
}

.pretty input[disabled] {
  cursor: not-allowed;
  display: none;
}

.pretty input[disabled] ~ * {
  opacity: .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: #245682;
  background-color: #245682 !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: #2390b0;
  background-color: #2390b0 !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: #357935;
  background-color: #357935 !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: #c77c11;
  background-color: #c77c11 !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: #a02622;
  background-color: #a02622 !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 {
    color-adjust: exact;
    /* stylelint-disable */
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}