/*! * Bootstrap-select v1.14.0-beta2 (https://developer.snapappointments.com/bootstrap-select) * * Copyright 2012-2021 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}.bootstrap-select .dropdown-toggle .bs-select-clear-selected{position:relative;display:block;margin-right:5px;text-align:center}.bs3.bootstrap-select .dropdown-toggle .bs-select-clear-selected{padding-right:inherit}.bootstrap-select .dropdown-toggle .bs-select-clear-selected span{position:relative;top:-webkit-calc(((-1em / 1.5) + 1ex)/ 2);top:calc(((-1em / 1.5) + 1ex)/ 2);pointer-events:none}.bs3.bootstrap-select .dropdown-toggle .bs-select-clear-selected span{top:auto}.bootstrap-select .dropdown-toggle.bs-placeholder .bs-select-clear-selected{display:none}.input-group .bootstrap-select.form-control .dropdown-toggle{border-radius:inherit}.bootstrap-select[class*=col-] .dropdown-toggle{width:100%}.bootstrap-select .dropdown-menu{min-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-select .dropdown-menu>.inner:focus{outline:0!important}.bootstrap-select .dropdown-menu.inner{position:static;float:none;border:0;padding:0;margin:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none}.bootstrap-select .dropdown-menu li{position:relative}.bootstrap-select .dropdown-menu li.active small{color:rgba(255,255,255,.5)!important}.bootstrap-select .dropdown-menu li.disabled a{cursor:not-allowed}.bootstrap-select .dropdown-menu li a{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bootstrap-select .dropdown-menu li a.opt{position:relative;padding-left:2.25em}.bootstrap-select .dropdown-menu li a span.check-mark{display:none}.bootstrap-select .dropdown-menu li a span.text{display:inline-block}.bootstrap-select .dropdown-menu li small{padding-left:.5em}.bootstrap-select .dropdown-menu .notify{position:absolute;bottom:5px;width:96%;margin:0 2%;min-height:26px;padding:3px 5px;background:#f5f5f5;border:1px solid #e3e3e3;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05);pointer-events:none;opacity:.9;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-select .dropdown-menu .notify.fadeOut{-webkit-animation:.3s linear 750ms forwards bs-notify-fadeOut;-o-animation:.3s linear 750ms forwards bs-notify-fadeOut;animation:.3s linear 750ms forwards bs-notify-fadeOut}.bootstrap-select .no-results{padding:3px;background:#f5f5f5;margin:0 5px;white-space:nowrap}.bootstrap-select.fit-width .dropdown-toggle .filter-option{position:static;display:inline;padding:0}.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner,.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner{display:inline}.bootstrap-select.fit-width .dropdown-toggle .bs-caret:before{content:'\00a0'}.bootstrap-select.fit-width .dropdown-toggle .caret{position:static;top:auto;margin-top:-1px}.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark{position:absolute;display:inline-block;right:15px;top:5px}.bootstrap-select.show-tick .dropdown-menu li a span.text{margin-right:34px}.bootstrap-select .bs-ok-default:after{content:'';display:block;width:.5em;height:1em;border-style:solid;border-width:0 .26em .26em 0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.bootstrap-select.show-menu-arrow.open>.dropdown-toggle,.bootstrap-select.show-menu-arrow.show>.dropdown-toggle{z-index:1061}.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before{content:'';border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid rgba(204,204,204,.2);position:absolute;bottom:-4px;left:9px;display:none}.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after{content:'';border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;bottom:-4px;left:10px;display:none}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before{bottom:auto;top:-4px;border-top:7px solid rgba(204,204,204,.2);border-bottom:0}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after{bottom:auto;top:-4px;border-top:6px solid #fff;border-bottom:0}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before{right:12px;left:auto}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after{right:13px;left:auto}.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:after,.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:before,.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:after,.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:before{display:block}.bs-actionsbox,.bs-donebutton,.bs-searchbox{padding:4px 8px}.bs-actionsbox{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bs-actionsbox .btn-group{display:block}.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{display:block}.bs-donebutton .btn-group button{width:100%}.bs-searchbox+.bs-actionsbox{padding:0 8px 4px}.bs-searchbox .form-control{margin-bottom:0;width:100%;float:none} @charset "UTF-8"; /*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2015 Daniel Eden */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } } @keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { 11.1% { -webkit-transform: none; transform: none } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg) } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg) } 100% { -webkit-transform: none; transform: none } } @keyframes jello { 11.1% { -webkit-transform: none; transform: none } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg) } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg) } 100% { -webkit-transform: none; transform: none } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center } @-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInStable { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 33.333% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 66.666666% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes zoomInStable { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 33.333% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 66.666666% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .zoomInStable { -webkit-animation-name: zoomInStable; animation-name: zoomInStable; } @-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 100% { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 100% { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } @keyframes anime { from { opacity: 0; transform: scaleY(0); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); } to { opacity: 1; transform: scaleY(1); -webkit-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); -moz-transform: scaleY(1); } } @-webkit-keyframes anime { from { opacity: 0; transform: scaleY(0); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); } to { opacity: 1; transform: scaleY(1); -webkit-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); -moz-transform: scaleY(1); } } @-moz-keyframes anime { from { opacity: 0; transform: scaleY(0); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); } to { opacity: 1; transform: scaleY(1); -webkit-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); -moz-transform: scaleY(1); } } @-o-keyframes anime { from { opacity: 0; transform: scaleY(0); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); } to { opacity: 1; transform: scaleY(1); -webkit-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); -moz-transform: scaleY(1); } } @-ms-keyframes anime { from { opacity: 0; transform: scaleY(0); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); } to { opacity: 1; transform: scaleY(1); -webkit-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); -moz-transform: scaleY(1); } } /*! * Font Awesome Free 5.15.1 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ .fa,.fab,.fad,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s linear infinite;animation:fa-spin 2s linear infinite}.fa-pulse{-webkit-animation:fa-spin 1s steps(8) infinite;animation:fa-spin 1s steps(8) infinite}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1);transform:scale(-1)}:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-500px:before{content:"\f26e"}.fa-accessible-icon:before{content:"\f368"}.fa-accusoft:before{content:"\f369"}.fa-acquisitions-incorporated:before{content:"\f6af"}.fa-ad:before{content:"\f641"}.fa-address-book:before{content:"\f2b9"}.fa-address-card:before{content:"\f2bb"}.fa-adjust:before{content:"\f042"}.fa-adn:before{content:"\f170"}.fa-adversal:before{content:"\f36a"}.fa-affiliatetheme:before{content:"\f36b"}.fa-air-freshener:before{content:"\f5d0"}.fa-airbnb:before{content:"\f834"}.fa-algolia:before{content:"\f36c"}.fa-align-center:before{content:"\f037"}.fa-align-justify:before{content:"\f039"}.fa-align-left:before{content:"\f036"}.fa-align-right:before{content:"\f038"}.fa-alipay:before{content:"\f642"}.fa-allergies:before{content:"\f461"}.fa-amazon:before{content:"\f270"}.fa-amazon-pay:before{content:"\f42c"}.fa-ambulance:before{content:"\f0f9"}.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-amilia:before{content:"\f36d"}.fa-anchor:before{content:"\f13d"}.fa-android:before{content:"\f17b"}.fa-angellist:before{content:"\f209"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-down:before{content:"\f107"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angry:before{content:"\f556"}.fa-angrycreative:before{content:"\f36e"}.fa-angular:before{content:"\f420"}.fa-ankh:before{content:"\f644"}.fa-app-store:before{content:"\f36f"}.fa-app-store-ios:before{content:"\f370"}.fa-apper:before{content:"\f371"}.fa-apple:before{content:"\f179"}.fa-apple-alt:before{content:"\f5d1"}.fa-apple-pay:before{content:"\f415"}.fa-archive:before{content:"\f187"}.fa-archway:before{content:"\f557"}.fa-arrow-alt-circle-down:before{content:"\f358"}.fa-arrow-alt-circle-left:before{content:"\f359"}.fa-arrow-alt-circle-right:before{content:"\f35a"}.fa-arrow-alt-circle-up:before{content:"\f35b"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-down:before{content:"\f063"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrows-alt:before{content:"\f0b2"}.fa-arrows-alt-h:before{content:"\f337"}.fa-arrows-alt-v:before{content:"\f338"}.fa-artstation:before{content:"\f77a"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asterisk:before{content:"\f069"}.fa-asymmetrik:before{content:"\f372"}.fa-at:before{content:"\f1fa"}.fa-atlas:before{content:"\f558"}.fa-atlassian:before{content:"\f77b"}.fa-atom:before{content:"\f5d2"}.fa-audible:before{content:"\f373"}.fa-audio-description:before{content:"\f29e"}.fa-autoprefixer:before{content:"\f41c"}.fa-avianex:before{content:"\f374"}.fa-aviato:before{content:"\f421"}.fa-award:before{content:"\f559"}.fa-aws:before{content:"\f375"}.fa-baby:before{content:"\f77c"}.fa-baby-carriage:before{content:"\f77d"}.fa-backspace:before{content:"\f55a"}.fa-backward:before{content:"\f04a"}.fa-bacon:before{content:"\f7e5"}.fa-bacteria:before{content:"\e059"}.fa-bacterium:before{content:"\e05a"}.fa-bahai:before{content:"\f666"}.fa-balance-scale:before{content:"\f24e"}.fa-balance-scale-left:before{content:"\f515"}.fa-balance-scale-right:before{content:"\f516"}.fa-ban:before{content:"\f05e"}.fa-band-aid:before{content:"\f462"}.fa-bandcamp:before{content:"\f2d5"}.fa-barcode:before{content:"\f02a"}.fa-bars:before{content:"\f0c9"}.fa-baseball-ball:before{content:"\f433"}.fa-basketball-ball:before{content:"\f434"}.fa-bath:before{content:"\f2cd"}.fa-battery-empty:before{content:"\f244"}.fa-battery-full:before{content:"\f240"}.fa-battery-half:before{content:"\f242"}.fa-battery-quarter:before{content:"\f243"}.fa-battery-three-quarters:before{content:"\f241"}.fa-battle-net:before{content:"\f835"}.fa-bed:before{content:"\f236"}.fa-beer:before{content:"\f0fc"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-bell:before{content:"\f0f3"}.fa-bell-slash:before{content:"\f1f6"}.fa-bezier-curve:before{content:"\f55b"}.fa-bible:before{content:"\f647"}.fa-bicycle:before{content:"\f206"}.fa-biking:before{content:"\f84a"}.fa-bimobject:before{content:"\f378"}.fa-binoculars:before{content:"\f1e5"}.fa-biohazard:before{content:"\f780"}.fa-birthday-cake:before{content:"\f1fd"}.fa-bitbucket:before{content:"\f171"}.fa-bitcoin:before{content:"\f379"}.fa-bity:before{content:"\f37a"}.fa-black-tie:before{content:"\f27e"}.fa-blackberry:before{content:"\f37b"}.fa-blender:before{content:"\f517"}.fa-blender-phone:before{content:"\f6b6"}.fa-blind:before{content:"\f29d"}.fa-blog:before{content:"\f781"}.fa-blogger:before{content:"\f37c"}.fa-blogger-b:before{content:"\f37d"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-bold:before{content:"\f032"}.fa-bolt:before{content:"\f0e7"}.fa-bomb:before{content:"\f1e2"}.fa-bone:before{content:"\f5d7"}.fa-bong:before{content:"\f55c"}.fa-book:before{content:"\f02d"}.fa-book-dead:before{content:"\f6b7"}.fa-book-medical:before{content:"\f7e6"}.fa-book-open:before{content:"\f518"}.fa-book-reader:before{content:"\f5da"}.fa-bookmark:before{content:"\f02e"}.fa-bootstrap:before{content:"\f836"}.fa-border-all:before{content:"\f84c"}.fa-border-none:before{content:"\f850"}.fa-border-style:before{content:"\f853"}.fa-bowling-ball:before{content:"\f436"}.fa-box:before{content:"\f466"}.fa-box-open:before{content:"\f49e"}.fa-box-tissue:before{content:"\e05b"}.fa-boxes:before{content:"\f468"}.fa-braille:before{content:"\f2a1"}.fa-brain:before{content:"\f5dc"}.fa-bread-slice:before{content:"\f7ec"}.fa-briefcase:before{content:"\f0b1"}.fa-briefcase-medical:before{content:"\f469"}.fa-broadcast-tower:before{content:"\f519"}.fa-broom:before{content:"\f51a"}.fa-brush:before{content:"\f55d"}.fa-btc:before{content:"\f15a"}.fa-buffer:before{content:"\f837"}.fa-bug:before{content:"\f188"}.fa-building:before{content:"\f1ad"}.fa-bullhorn:before{content:"\f0a1"}.fa-bullseye:before{content:"\f140"}.fa-burn:before{content:"\f46a"}.fa-buromobelexperte:before{content:"\f37f"}.fa-bus:before{content:"\f207"}.fa-bus-alt:before{content:"\f55e"}.fa-business-time:before{content:"\f64a"}.fa-buy-n-large:before{content:"\f8a6"}.fa-buysellads:before{content:"\f20d"}.fa-calculator:before{content:"\f1ec"}.fa-calendar:before{content:"\f133"}.fa-calendar-alt:before{content:"\f073"}.fa-calendar-check:before{content:"\f274"}.fa-calendar-day:before{content:"\f783"}.fa-calendar-minus:before{content:"\f272"}.fa-calendar-plus:before{content:"\f271"}.fa-calendar-times:before{content:"\f273"}.fa-calendar-week:before{content:"\f784"}.fa-camera:before{content:"\f030"}.fa-camera-retro:before{content:"\f083"}.fa-campground:before{content:"\f6bb"}.fa-canadian-maple-leaf:before{content:"\f785"}.fa-candy-cane:before{content:"\f786"}.fa-cannabis:before{content:"\f55f"}.fa-capsules:before{content:"\f46b"}.fa-car:before{content:"\f1b9"}.fa-car-alt:before{content:"\f5de"}.fa-car-battery:before{content:"\f5df"}.fa-car-crash:before{content:"\f5e1"}.fa-car-side:before{content:"\f5e4"}.fa-caravan:before{content:"\f8ff"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-caret-square-down:before{content:"\f150"}.fa-caret-square-left:before{content:"\f191"}.fa-caret-square-right:before{content:"\f152"}.fa-caret-square-up:before{content:"\f151"}.fa-caret-up:before{content:"\f0d8"}.fa-carrot:before{content:"\f787"}.fa-cart-arrow-down:before{content:"\f218"}.fa-cart-plus:before{content:"\f217"}.fa-cash-register:before{content:"\f788"}.fa-cat:before{content:"\f6be"}.fa-cc-amazon-pay:before{content:"\f42d"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-apple-pay:before{content:"\f416"}.fa-cc-diners-club:before{content:"\f24c"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-cc-visa:before{content:"\f1f0"}.fa-centercode:before{content:"\f380"}.fa-centos:before{content:"\f789"}.fa-certificate:before{content:"\f0a3"}.fa-chair:before{content:"\f6c0"}.fa-chalkboard:before{content:"\f51b"}.fa-chalkboard-teacher:before{content:"\f51c"}.fa-charging-station:before{content:"\f5e7"}.fa-chart-area:before{content:"\f1fe"}.fa-chart-bar:before{content:"\f080"}.fa-chart-line:before{content:"\f201"}.fa-chart-pie:before{content:"\f200"}.fa-check:before{content:"\f00c"}.fa-check-circle:before{content:"\f058"}.fa-check-double:before{content:"\f560"}.fa-check-square:before{content:"\f14a"}.fa-cheese:before{content:"\f7ef"}.fa-chess:before{content:"\f439"}.fa-chess-bishop:before{content:"\f43a"}.fa-chess-board:before{content:"\f43c"}.fa-chess-king:before{content:"\f43f"}.fa-chess-knight:before{content:"\f441"}.fa-chess-pawn:before{content:"\f443"}.fa-chess-queen:before{content:"\f445"}.fa-chess-rook:before{content:"\f447"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-down:before{content:"\f078"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-chevron-up:before{content:"\f077"}.fa-child:before{content:"\f1ae"}.fa-chrome:before{content:"\f268"}.fa-chromecast:before{content:"\f838"}.fa-church:before{content:"\f51d"}.fa-circle:before{content:"\f111"}.fa-circle-notch:before{content:"\f1ce"}.fa-city:before{content:"\f64f"}.fa-clinic-medical:before{content:"\f7f2"}.fa-clipboard:before{content:"\f328"}.fa-clipboard-check:before{content:"\f46c"}.fa-clipboard-list:before{content:"\f46d"}.fa-clock:before{content:"\f017"}.fa-clone:before{content:"\f24d"}.fa-closed-captioning:before{content:"\f20a"}.fa-cloud:before{content:"\f0c2"}.fa-cloud-download-alt:before{content:"\f381"}.fa-cloud-meatball:before{content:"\f73b"}.fa-cloud-moon:before{content:"\f6c3"}.fa-cloud-moon-rain:before{content:"\f73c"}.fa-cloud-rain:before{content:"\f73d"}.fa-cloud-showers-heavy:before{content:"\f740"}.fa-cloud-sun:before{content:"\f6c4"}.fa-cloud-sun-rain:before{content:"\f743"}.fa-cloud-upload-alt:before{content:"\f382"}.fa-cloudflare:before{content:"\e07d"}.fa-cloudscale:before{content:"\f383"}.fa-cloudsmith:before{content:"\f384"}.fa-cloudversify:before{content:"\f385"}.fa-cocktail:before{content:"\f561"}.fa-code:before{content:"\f121"}.fa-code-branch:before{content:"\f126"}.fa-codepen:before{content:"\f1cb"}.fa-codiepie:before{content:"\f284"}.fa-coffee:before{content:"\f0f4"}.fa-cog:before{content:"\f013"}.fa-cogs:before{content:"\f085"}.fa-coins:before{content:"\f51e"}.fa-columns:before{content:"\f0db"}.fa-comment:before{content:"\f075"}.fa-comment-alt:before{content:"\f27a"}.fa-comment-dollar:before{content:"\f651"}.fa-comment-dots:before{content:"\f4ad"}.fa-comment-medical:before{content:"\f7f5"}.fa-comment-slash:before{content:"\f4b3"}.fa-comments:before{content:"\f086"}.fa-comments-dollar:before{content:"\f653"}.fa-compact-disc:before{content:"\f51f"}.fa-compass:before{content:"\f14e"}.fa-compress:before{content:"\f066"}.fa-compress-alt:before{content:"\f422"}.fa-compress-arrows-alt:before{content:"\f78c"}.fa-concierge-bell:before{content:"\f562"}.fa-confluence:before{content:"\f78d"}.fa-connectdevelop:before{content:"\f20e"}.fa-contao:before{content:"\f26d"}.fa-cookie:before{content:"\f563"}.fa-cookie-bite:before{content:"\f564"}.fa-copy:before{content:"\f0c5"}.fa-copyright:before{content:"\f1f9"}.fa-cotton-bureau:before{content:"\f89e"}.fa-couch:before{content:"\f4b8"}.fa-cpanel:before{content:"\f388"}.fa-creative-commons:before{content:"\f25e"}.fa-creative-commons-by:before{content:"\f4e7"}.fa-creative-commons-nc:before{content:"\f4e8"}.fa-creative-commons-nc-eu:before{content:"\f4e9"}.fa-creative-commons-nc-jp:before{content:"\f4ea"}.fa-creative-commons-nd:before{content:"\f4eb"}.fa-creative-commons-pd:before{content:"\f4ec"}.fa-creative-commons-pd-alt:before{content:"\f4ed"}.fa-creative-commons-remix:before{content:"\f4ee"}.fa-creative-commons-sa:before{content:"\f4ef"}.fa-creative-commons-sampling:before{content:"\f4f0"}.fa-creative-commons-sampling-plus:before{content:"\f4f1"}.fa-creative-commons-share:before{content:"\f4f2"}.fa-creative-commons-zero:before{content:"\f4f3"}.fa-credit-card:before{content:"\f09d"}.fa-critical-role:before{content:"\f6c9"}.fa-crop:before{content:"\f125"}.fa-crop-alt:before{content:"\f565"}.fa-cross:before{content:"\f654"}.fa-crosshairs:before{content:"\f05b"}.fa-crow:before{content:"\f520"}.fa-crown:before{content:"\f521"}.fa-crutch:before{content:"\f7f7"}.fa-css3:before{content:"\f13c"}.fa-css3-alt:before{content:"\f38b"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-cut:before{content:"\f0c4"}.fa-cuttlefish:before{content:"\f38c"}.fa-d-and-d:before{content:"\f38d"}.fa-d-and-d-beyond:before{content:"\f6ca"}.fa-dailymotion:before{content:"\e052"}.fa-dashcube:before{content:"\f210"}.fa-database:before{content:"\f1c0"}.fa-deaf:before{content:"\f2a4"}.fa-deezer:before{content:"\e077"}.fa-delicious:before{content:"\f1a5"}.fa-democrat:before{content:"\f747"}.fa-deploydog:before{content:"\f38e"}.fa-deskpro:before{content:"\f38f"}.fa-desktop:before{content:"\f108"}.fa-dev:before{content:"\f6cc"}.fa-deviantart:before{content:"\f1bd"}.fa-dharmachakra:before{content:"\f655"}.fa-dhl:before{content:"\f790"}.fa-diagnoses:before{content:"\f470"}.fa-diaspora:before{content:"\f791"}.fa-dice:before{content:"\f522"}.fa-dice-d20:before{content:"\f6cf"}.fa-dice-d6:before{content:"\f6d1"}.fa-dice-five:before{content:"\f523"}.fa-dice-four:before{content:"\f524"}.fa-dice-one:before{content:"\f525"}.fa-dice-six:before{content:"\f526"}.fa-dice-three:before{content:"\f527"}.fa-dice-two:before{content:"\f528"}.fa-digg:before{content:"\f1a6"}.fa-digital-ocean:before{content:"\f391"}.fa-digital-tachograph:before{content:"\f566"}.fa-directions:before{content:"\f5eb"}.fa-discord:before{content:"\f392"}.fa-discourse:before{content:"\f393"}.fa-disease:before{content:"\f7fa"}.fa-divide:before{content:"\f529"}.fa-dizzy:before{content:"\f567"}.fa-dna:before{content:"\f471"}.fa-dochub:before{content:"\f394"}.fa-docker:before{content:"\f395"}.fa-dog:before{content:"\f6d3"}.fa-dollar-sign:before{content:"\f155"}.fa-dolly:before{content:"\f472"}.fa-dolly-flatbed:before{content:"\f474"}.fa-donate:before{content:"\f4b9"}.fa-door-closed:before{content:"\f52a"}.fa-door-open:before{content:"\f52b"}.fa-dot-circle:before{content:"\f192"}.fa-dove:before{content:"\f4ba"}.fa-download:before{content:"\f019"}.fa-draft2digital:before{content:"\f396"}.fa-drafting-compass:before{content:"\f568"}.fa-dragon:before{content:"\f6d5"}.fa-draw-polygon:before{content:"\f5ee"}.fa-dribbble:before{content:"\f17d"}.fa-dribbble-square:before{content:"\f397"}.fa-dropbox:before{content:"\f16b"}.fa-drum:before{content:"\f569"}.fa-drum-steelpan:before{content:"\f56a"}.fa-drumstick-bite:before{content:"\f6d7"}.fa-drupal:before{content:"\f1a9"}.fa-dumbbell:before{content:"\f44b"}.fa-dumpster:before{content:"\f793"}.fa-dumpster-fire:before{content:"\f794"}.fa-dungeon:before{content:"\f6d9"}.fa-dyalog:before{content:"\f399"}.fa-earlybirds:before{content:"\f39a"}.fa-ebay:before{content:"\f4f4"}.fa-edge:before{content:"\f282"}.fa-edge-legacy:before{content:"\e078"}.fa-edit:before{content:"\f044"}.fa-egg:before{content:"\f7fb"}.fa-eject:before{content:"\f052"}.fa-elementor:before{content:"\f430"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-ello:before{content:"\f5f1"}.fa-ember:before{content:"\f423"}.fa-empire:before{content:"\f1d1"}.fa-envelope:before{content:"\f0e0"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-text:before{content:"\f658"}.fa-envelope-square:before{content:"\f199"}.fa-envira:before{content:"\f299"}.fa-equals:before{content:"\f52c"}.fa-eraser:before{content:"\f12d"}.fa-erlang:before{content:"\f39d"}.fa-ethereum:before{content:"\f42e"}.fa-ethernet:before{content:"\f796"}.fa-etsy:before{content:"\f2d7"}.fa-euro-sign:before{content:"\f153"}.fa-evernote:before{content:"\f839"}.fa-exchange-alt:before{content:"\f362"}.fa-exclamation:before{content:"\f12a"}.fa-exclamation-circle:before{content:"\f06a"}.fa-exclamation-triangle:before{content:"\f071"}.fa-expand:before{content:"\f065"}.fa-expand-alt:before{content:"\f424"}.fa-expand-arrows-alt:before{content:"\f31e"}.fa-expeditedssl:before{content:"\f23e"}.fa-external-link-alt:before{content:"\f35d"}.fa-external-link-square-alt:before{content:"\f360"}.fa-eye:before{content:"\f06e"}.fa-eye-dropper:before{content:"\f1fb"}.fa-eye-slash:before{content:"\f070"}.fa-facebook:before{content:"\f09a"}.fa-facebook-f:before{content:"\f39e"}.fa-facebook-messenger:before{content:"\f39f"}.fa-facebook-square:before{content:"\f082"}.fa-fan:before{content:"\f863"}.fa-fantasy-flight-games:before{content:"\f6dc"}.fa-fast-backward:before{content:"\f049"}.fa-fast-forward:before{content:"\f050"}.fa-faucet:before{content:"\e005"}.fa-fax:before{content:"\f1ac"}.fa-feather:before{content:"\f52d"}.fa-feather-alt:before{content:"\f56b"}.fa-fedex:before{content:"\f797"}.fa-fedora:before{content:"\f798"}.fa-female:before{content:"\f182"}.fa-fighter-jet:before{content:"\f0fb"}.fa-figma:before{content:"\f799"}.fa-file:before{content:"\f15b"}.fa-file-alt:before{content:"\f15c"}.fa-file-archive:before{content:"\f1c6"}.fa-file-audio:before{content:"\f1c7"}.fa-file-code:before{content:"\f1c9"}.fa-file-contract:before{content:"\f56c"}.fa-file-csv:before{content:"\f6dd"}.fa-file-download:before{content:"\f56d"}.fa-file-excel:before{content:"\f1c3"}.fa-file-export:before{content:"\f56e"}.fa-file-image:before{content:"\f1c5"}.fa-file-import:before{content:"\f56f"}.fa-file-invoice:before{content:"\f570"}.fa-file-invoice-dollar:before{content:"\f571"}.fa-file-medical:before{content:"\f477"}.fa-file-medical-alt:before{content:"\f478"}.fa-file-pdf:before{content:"\f1c1"}.fa-file-powerpoint:before{content:"\f1c4"}.fa-file-prescription:before{content:"\f572"}.fa-file-signature:before{content:"\f573"}.fa-file-upload:before{content:"\f574"}.fa-file-video:before{content:"\f1c8"}.fa-file-word:before{content:"\f1c2"}.fa-fill:before{content:"\f575"}.fa-fill-drip:before{content:"\f576"}.fa-film:before{content:"\f008"}.fa-filter:before{content:"\f0b0"}.fa-fingerprint:before{content:"\f577"}.fa-fire:before{content:"\f06d"}.fa-fire-alt:before{content:"\f7e4"}.fa-fire-extinguisher:before{content:"\f134"}.fa-firefox:before{content:"\f269"}.fa-firefox-browser:before{content:"\e007"}.fa-first-aid:before{content:"\f479"}.fa-first-order:before{content:"\f2b0"}.fa-first-order-alt:before{content:"\f50a"}.fa-firstdraft:before{content:"\f3a1"}.fa-fish:before{content:"\f578"}.fa-fist-raised:before{content:"\f6de"}.fa-flag:before{content:"\f024"}.fa-flag-checkered:before{content:"\f11e"}.fa-flag-usa:before{content:"\f74d"}.fa-flask:before{content:"\f0c3"}.fa-flickr:before{content:"\f16e"}.fa-flipboard:before{content:"\f44d"}.fa-flushed:before{content:"\f579"}.fa-fly:before{content:"\f417"}.fa-folder:before{content:"\f07b"}.fa-folder-minus:before{content:"\f65d"}.fa-folder-open:before{content:"\f07c"}.fa-folder-plus:before{content:"\f65e"}.fa-font:before{content:"\f031"}.fa-font-awesome:before{content:"\f2b4"}.fa-font-awesome-alt:before{content:"\f35c"}.fa-font-awesome-flag:before{content:"\f425"}.fa-font-awesome-logo-full:before{content:"\f4e6"}.fa-fonticons:before{content:"\f280"}.fa-fonticons-fi:before{content:"\f3a2"}.fa-football-ball:before{content:"\f44e"}.fa-fort-awesome:before{content:"\f286"}.fa-fort-awesome-alt:before{content:"\f3a3"}.fa-forumbee:before{content:"\f211"}.fa-forward:before{content:"\f04e"}.fa-foursquare:before{content:"\f180"}.fa-free-code-camp:before{content:"\f2c5"}.fa-freebsd:before{content:"\f3a4"}.fa-frog:before{content:"\f52e"}.fa-frown:before{content:"\f119"}.fa-frown-open:before{content:"\f57a"}.fa-fulcrum:before{content:"\f50b"}.fa-funnel-dollar:before{content:"\f662"}.fa-futbol:before{content:"\f1e3"}.fa-galactic-republic:before{content:"\f50c"}.fa-galactic-senate:before{content:"\f50d"}.fa-gamepad:before{content:"\f11b"}.fa-gas-pump:before{content:"\f52f"}.fa-gavel:before{content:"\f0e3"}.fa-gem:before{content:"\f3a5"}.fa-genderless:before{content:"\f22d"}.fa-get-pocket:before{content:"\f265"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-ghost:before{content:"\f6e2"}.fa-gift:before{content:"\f06b"}.fa-gifts:before{content:"\f79c"}.fa-git:before{content:"\f1d3"}.fa-git-alt:before{content:"\f841"}.fa-git-square:before{content:"\f1d2"}.fa-github:before{content:"\f09b"}.fa-github-alt:before{content:"\f113"}.fa-github-square:before{content:"\f092"}.fa-gitkraken:before{content:"\f3a6"}.fa-gitlab:before{content:"\f296"}.fa-gitter:before{content:"\f426"}.fa-glass-cheers:before{content:"\f79f"}.fa-glass-martini:before{content:"\f000"}.fa-glass-martini-alt:before{content:"\f57b"}.fa-glass-whiskey:before{content:"\f7a0"}.fa-glasses:before{content:"\f530"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-globe:before{content:"\f0ac"}.fa-globe-africa:before{content:"\f57c"}.fa-globe-americas:before{content:"\f57d"}.fa-globe-asia:before{content:"\f57e"}.fa-globe-europe:before{content:"\f7a2"}.fa-gofore:before{content:"\f3a7"}.fa-golf-ball:before{content:"\f450"}.fa-goodreads:before{content:"\f3a8"}.fa-goodreads-g:before{content:"\f3a9"}.fa-google:before{content:"\f1a0"}.fa-google-drive:before{content:"\f3aa"}.fa-google-pay:before{content:"\e079"}.fa-google-play:before{content:"\f3ab"}.fa-google-plus:before{content:"\f2b3"}.fa-google-plus-g:before{content:"\f0d5"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-wallet:before{content:"\f1ee"}.fa-gopuram:before{content:"\f664"}.fa-graduation-cap:before{content:"\f19d"}.fa-gratipay:before{content:"\f184"}.fa-grav:before{content:"\f2d6"}.fa-greater-than:before{content:"\f531"}.fa-greater-than-equal:before{content:"\f532"}.fa-grimace:before{content:"\f57f"}.fa-grin:before{content:"\f580"}.fa-grin-alt:before{content:"\f581"}.fa-grin-beam:before{content:"\f582"}.fa-grin-beam-sweat:before{content:"\f583"}.fa-grin-hearts:before{content:"\f584"}.fa-grin-squint:before{content:"\f585"}.fa-grin-squint-tears:before{content:"\f586"}.fa-grin-stars:before{content:"\f587"}.fa-grin-tears:before{content:"\f588"}.fa-grin-tongue:before{content:"\f589"}.fa-grin-tongue-squint:before{content:"\f58a"}.fa-grin-tongue-wink:before{content:"\f58b"}.fa-grin-wink:before{content:"\f58c"}.fa-grip-horizontal:before{content:"\f58d"}.fa-grip-lines:before{content:"\f7a4"}.fa-grip-lines-vertical:before{content:"\f7a5"}.fa-grip-vertical:before{content:"\f58e"}.fa-gripfire:before{content:"\f3ac"}.fa-grunt:before{content:"\f3ad"}.fa-guilded:before{content:"\e07e"}.fa-guitar:before{content:"\f7a6"}.fa-gulp:before{content:"\f3ae"}.fa-h-square:before{content:"\f0fd"}.fa-hacker-news:before{content:"\f1d4"}.fa-hacker-news-square:before{content:"\f3af"}.fa-hackerrank:before{content:"\f5f7"}.fa-hamburger:before{content:"\f805"}.fa-hammer:before{content:"\f6e3"}.fa-hamsa:before{content:"\f665"}.fa-hand-holding:before{content:"\f4bd"}.fa-hand-holding-heart:before{content:"\f4be"}.fa-hand-holding-medical:before{content:"\e05c"}.fa-hand-holding-usd:before{content:"\f4c0"}.fa-hand-holding-water:before{content:"\f4c1"}.fa-hand-lizard:before{content:"\f258"}.fa-hand-middle-finger:before{content:"\f806"}.fa-hand-paper:before{content:"\f256"}.fa-hand-peace:before{content:"\f25b"}.fa-hand-point-down:before{content:"\f0a7"}.fa-hand-point-left:before{content:"\f0a5"}.fa-hand-point-right:before{content:"\f0a4"}.fa-hand-point-up:before{content:"\f0a6"}.fa-hand-pointer:before{content:"\f25a"}.fa-hand-rock:before{content:"\f255"}.fa-hand-scissors:before{content:"\f257"}.fa-hand-sparkles:before{content:"\e05d"}.fa-hand-spock:before{content:"\f259"}.fa-hands:before{content:"\f4c2"}.fa-hands-helping:before{content:"\f4c4"}.fa-hands-wash:before{content:"\e05e"}.fa-handshake:before{content:"\f2b5"}.fa-handshake-alt-slash:before{content:"\e05f"}.fa-handshake-slash:before{content:"\e060"}.fa-hanukiah:before{content:"\f6e6"}.fa-hard-hat:before{content:"\f807"}.fa-hashtag:before{content:"\f292"}.fa-hat-cowboy:before{content:"\f8c0"}.fa-hat-cowboy-side:before{content:"\f8c1"}.fa-hat-wizard:before{content:"\f6e8"}.fa-hdd:before{content:"\f0a0"}.fa-head-side-cough:before{content:"\e061"}.fa-head-side-cough-slash:before{content:"\e062"}.fa-head-side-mask:before{content:"\e063"}.fa-head-side-virus:before{content:"\e064"}.fa-heading:before{content:"\f1dc"}.fa-headphones:before{content:"\f025"}.fa-headphones-alt:before{content:"\f58f"}.fa-headset:before{content:"\f590"}.fa-heart:before{content:"\f004"}.fa-heart-broken:before{content:"\f7a9"}.fa-heartbeat:before{content:"\f21e"}.fa-helicopter:before{content:"\f533"}.fa-highlighter:before{content:"\f591"}.fa-hiking:before{content:"\f6ec"}.fa-hippo:before{content:"\f6ed"}.fa-hips:before{content:"\f452"}.fa-hire-a-helper:before{content:"\f3b0"}.fa-history:before{content:"\f1da"}.fa-hive:before{content:"\e07f"}.fa-hockey-puck:before{content:"\f453"}.fa-holly-berry:before{content:"\f7aa"}.fa-home:before{content:"\f015"}.fa-hooli:before{content:"\f427"}.fa-hornbill:before{content:"\f592"}.fa-horse:before{content:"\f6f0"}.fa-horse-head:before{content:"\f7ab"}.fa-hospital:before{content:"\f0f8"}.fa-hospital-alt:before{content:"\f47d"}.fa-hospital-symbol:before{content:"\f47e"}.fa-hospital-user:before{content:"\f80d"}.fa-hot-tub:before{content:"\f593"}.fa-hotdog:before{content:"\f80f"}.fa-hotel:before{content:"\f594"}.fa-hotjar:before{content:"\f3b1"}.fa-hourglass:before{content:"\f254"}.fa-hourglass-end:before{content:"\f253"}.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-start:before{content:"\f251"}.fa-house-damage:before{content:"\f6f1"}.fa-house-user:before{content:"\e065"}.fa-houzz:before{content:"\f27c"}.fa-hryvnia:before{content:"\f6f2"}.fa-html5:before{content:"\f13b"}.fa-hubspot:before{content:"\f3b2"}.fa-i-cursor:before{content:"\f246"}.fa-ice-cream:before{content:"\f810"}.fa-icicles:before{content:"\f7ad"}.fa-icons:before{content:"\f86d"}.fa-id-badge:before{content:"\f2c1"}.fa-id-card:before{content:"\f2c2"}.fa-id-card-alt:before{content:"\f47f"}.fa-ideal:before{content:"\e013"}.fa-igloo:before{content:"\f7ae"}.fa-image:before{content:"\f03e"}.fa-images:before{content:"\f302"}.fa-imdb:before{content:"\f2d8"}.fa-inbox:before{content:"\f01c"}.fa-indent:before{content:"\f03c"}.fa-industry:before{content:"\f275"}.fa-infinity:before{content:"\f534"}.fa-info:before{content:"\f129"}.fa-info-circle:before{content:"\f05a"}.fa-innosoft:before{content:"\e080"}.fa-instagram:before{content:"\f16d"}.fa-instagram-square:before{content:"\e055"}.fa-instalod:before{content:"\e081"}.fa-intercom:before{content:"\f7af"}.fa-internet-explorer:before{content:"\f26b"}.fa-invision:before{content:"\f7b0"}.fa-ioxhost:before{content:"\f208"}.fa-italic:before{content:"\f033"}.fa-itch-io:before{content:"\f83a"}.fa-itunes:before{content:"\f3b4"}.fa-itunes-note:before{content:"\f3b5"}.fa-java:before{content:"\f4e4"}.fa-jedi:before{content:"\f669"}.fa-jedi-order:before{content:"\f50e"}.fa-jenkins:before{content:"\f3b6"}.fa-jira:before{content:"\f7b1"}.fa-joget:before{content:"\f3b7"}.fa-joint:before{content:"\f595"}.fa-joomla:before{content:"\f1aa"}.fa-journal-whills:before{content:"\f66a"}.fa-js:before{content:"\f3b8"}.fa-js-square:before{content:"\f3b9"}.fa-jsfiddle:before{content:"\f1cc"}.fa-kaaba:before{content:"\f66b"}.fa-kaggle:before{content:"\f5fa"}.fa-key:before{content:"\f084"}.fa-keybase:before{content:"\f4f5"}.fa-keyboard:before{content:"\f11c"}.fa-keycdn:before{content:"\f3ba"}.fa-khanda:before{content:"\f66d"}.fa-kickstarter:before{content:"\f3bb"}.fa-kickstarter-k:before{content:"\f3bc"}.fa-kiss:before{content:"\f596"}.fa-kiss-beam:before{content:"\f597"}.fa-kiss-wink-heart:before{content:"\f598"}.fa-kiwi-bird:before{content:"\f535"}.fa-korvue:before{content:"\f42f"}.fa-landmark:before{content:"\f66f"}.fa-language:before{content:"\f1ab"}.fa-laptop:before{content:"\f109"}.fa-laptop-code:before{content:"\f5fc"}.fa-laptop-house:before{content:"\e066"}.fa-laptop-medical:before{content:"\f812"}.fa-laravel:before{content:"\f3bd"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-laugh:before{content:"\f599"}.fa-laugh-beam:before{content:"\f59a"}.fa-laugh-squint:before{content:"\f59b"}.fa-laugh-wink:before{content:"\f59c"}.fa-layer-group:before{content:"\f5fd"}.fa-leaf:before{content:"\f06c"}.fa-leanpub:before{content:"\f212"}.fa-lemon:before{content:"\f094"}.fa-less:before{content:"\f41d"}.fa-less-than:before{content:"\f536"}.fa-less-than-equal:before{content:"\f537"}.fa-level-down-alt:before{content:"\f3be"}.fa-level-up-alt:before{content:"\f3bf"}.fa-life-ring:before{content:"\f1cd"}.fa-lightbulb:before{content:"\f0eb"}.fa-line:before{content:"\f3c0"}.fa-link:before{content:"\f0c1"}.fa-linkedin:before{content:"\f08c"}.fa-linkedin-in:before{content:"\f0e1"}.fa-linode:before{content:"\f2b8"}.fa-linux:before{content:"\f17c"}.fa-lira-sign:before{content:"\f195"}.fa-list:before{content:"\f03a"}.fa-list-alt:before{content:"\f022"}.fa-list-ol:before{content:"\f0cb"}.fa-list-ul:before{content:"\f0ca"}.fa-location-arrow:before{content:"\f124"}.fa-lock:before{content:"\f023"}.fa-lock-open:before{content:"\f3c1"}.fa-long-arrow-alt-down:before{content:"\f309"}.fa-long-arrow-alt-left:before{content:"\f30a"}.fa-long-arrow-alt-right:before{content:"\f30b"}.fa-long-arrow-alt-up:before{content:"\f30c"}.fa-low-vision:before{content:"\f2a8"}.fa-luggage-cart:before{content:"\f59d"}.fa-lungs:before{content:"\f604"}.fa-lungs-virus:before{content:"\e067"}.fa-lyft:before{content:"\f3c3"}.fa-magento:before{content:"\f3c4"}.fa-magic:before{content:"\f0d0"}.fa-magnet:before{content:"\f076"}.fa-mail-bulk:before{content:"\f674"}.fa-mailchimp:before{content:"\f59e"}.fa-male:before{content:"\f183"}.fa-mandalorian:before{content:"\f50f"}.fa-map:before{content:"\f279"}.fa-map-marked:before{content:"\f59f"}.fa-map-marked-alt:before{content:"\f5a0"}.fa-map-marker:before{content:"\f041"}.fa-map-marker-alt:before{content:"\f3c5"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-markdown:before{content:"\f60f"}.fa-marker:before{content:"\f5a1"}.fa-mars:before{content:"\f222"}.fa-mars-double:before{content:"\f227"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mask:before{content:"\f6fa"}.fa-mastodon:before{content:"\f4f6"}.fa-maxcdn:before{content:"\f136"}.fa-mdb:before{content:"\f8ca"}.fa-medal:before{content:"\f5a2"}.fa-medapps:before{content:"\f3c6"}.fa-medium:before{content:"\f23a"}.fa-medium-m:before{content:"\f3c7"}.fa-medkit:before{content:"\f0fa"}.fa-medrt:before{content:"\f3c8"}.fa-meetup:before{content:"\f2e0"}.fa-megaport:before{content:"\f5a3"}.fa-meh:before{content:"\f11a"}.fa-meh-blank:before{content:"\f5a4"}.fa-meh-rolling-eyes:before{content:"\f5a5"}.fa-memory:before{content:"\f538"}.fa-mendeley:before{content:"\f7b3"}.fa-menorah:before{content:"\f676"}.fa-mercury:before{content:"\f223"}.fa-meteor:before{content:"\f753"}.fa-microblog:before{content:"\e01a"}.fa-microchip:before{content:"\f2db"}.fa-microphone:before{content:"\f130"}.fa-microphone-alt:before{content:"\f3c9"}.fa-microphone-alt-slash:before{content:"\f539"}.fa-microphone-slash:before{content:"\f131"}.fa-microscope:before{content:"\f610"}.fa-microsoft:before{content:"\f3ca"}.fa-minus:before{content:"\f068"}.fa-minus-circle:before{content:"\f056"}.fa-minus-square:before{content:"\f146"}.fa-mitten:before{content:"\f7b5"}.fa-mix:before{content:"\f3cb"}.fa-mixcloud:before{content:"\f289"}.fa-mixer:before{content:"\e056"}.fa-mizuni:before{content:"\f3cc"}.fa-mobile:before{content:"\f10b"}.fa-mobile-alt:before{content:"\f3cd"}.fa-modx:before{content:"\f285"}.fa-monero:before{content:"\f3d0"}.fa-money-bill:before{content:"\f0d6"}.fa-money-bill-alt:before{content:"\f3d1"}.fa-money-bill-wave:before{content:"\f53a"}.fa-money-bill-wave-alt:before{content:"\f53b"}.fa-money-check:before{content:"\f53c"}.fa-money-check-alt:before{content:"\f53d"}.fa-monument:before{content:"\f5a6"}.fa-moon:before{content:"\f186"}.fa-mortar-pestle:before{content:"\f5a7"}.fa-mosque:before{content:"\f678"}.fa-motorcycle:before{content:"\f21c"}.fa-mountain:before{content:"\f6fc"}.fa-mouse:before{content:"\f8cc"}.fa-mouse-pointer:before{content:"\f245"}.fa-mug-hot:before{content:"\f7b6"}.fa-music:before{content:"\f001"}.fa-napster:before{content:"\f3d2"}.fa-neos:before{content:"\f612"}.fa-network-wired:before{content:"\f6ff"}.fa-neuter:before{content:"\f22c"}.fa-newspaper:before{content:"\f1ea"}.fa-nimblr:before{content:"\f5a8"}.fa-node:before{content:"\f419"}.fa-node-js:before{content:"\f3d3"}.fa-not-equal:before{content:"\f53e"}.fa-notes-medical:before{content:"\f481"}.fa-npm:before{content:"\f3d4"}.fa-ns8:before{content:"\f3d5"}.fa-nutritionix:before{content:"\f3d6"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-octopus-deploy:before{content:"\e082"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-oil-can:before{content:"\f613"}.fa-old-republic:before{content:"\f510"}.fa-om:before{content:"\f679"}.fa-opencart:before{content:"\f23d"}.fa-openid:before{content:"\f19b"}.fa-opera:before{content:"\f26a"}.fa-optin-monster:before{content:"\f23c"}.fa-orcid:before{content:"\f8d2"}.fa-osi:before{content:"\f41a"}.fa-otter:before{content:"\f700"}.fa-outdent:before{content:"\f03b"}.fa-page4:before{content:"\f3d7"}.fa-pagelines:before{content:"\f18c"}.fa-pager:before{content:"\f815"}.fa-paint-brush:before{content:"\f1fc"}.fa-paint-roller:before{content:"\f5aa"}.fa-palette:before{content:"\f53f"}.fa-palfed:before{content:"\f3d8"}.fa-pallet:before{content:"\f482"}.fa-paper-plane:before{content:"\f1d8"}.fa-paperclip:before{content:"\f0c6"}.fa-parachute-box:before{content:"\f4cd"}.fa-paragraph:before{content:"\f1dd"}.fa-parking:before{content:"\f540"}.fa-passport:before{content:"\f5ab"}.fa-pastafarianism:before{content:"\f67b"}.fa-paste:before{content:"\f0ea"}.fa-patreon:before{content:"\f3d9"}.fa-pause:before{content:"\f04c"}.fa-pause-circle:before{content:"\f28b"}.fa-paw:before{content:"\f1b0"}.fa-paypal:before{content:"\f1ed"}.fa-peace:before{content:"\f67c"}.fa-pen:before{content:"\f304"}.fa-pen-alt:before{content:"\f305"}.fa-pen-fancy:before{content:"\f5ac"}.fa-pen-nib:before{content:"\f5ad"}.fa-pen-square:before{content:"\f14b"}.fa-pencil-alt:before{content:"\f303"}.fa-pencil-ruler:before{content:"\f5ae"}.fa-penny-arcade:before{content:"\f704"}.fa-people-arrows:before{content:"\e068"}.fa-people-carry:before{content:"\f4ce"}.fa-pepper-hot:before{content:"\f816"}.fa-perbyte:before{content:"\e083"}.fa-percent:before{content:"\f295"}.fa-percentage:before{content:"\f541"}.fa-periscope:before{content:"\f3da"}.fa-person-booth:before{content:"\f756"}.fa-phabricator:before{content:"\f3db"}.fa-phoenix-framework:before{content:"\f3dc"}.fa-phoenix-squadron:before{content:"\f511"}.fa-phone:before{content:"\f095"}.fa-phone-alt:before{content:"\f879"}.fa-phone-slash:before{content:"\f3dd"}.fa-phone-square:before{content:"\f098"}.fa-phone-square-alt:before{content:"\f87b"}.fa-phone-volume:before{content:"\f2a0"}.fa-photo-video:before{content:"\f87c"}.fa-php:before{content:"\f457"}.fa-pied-piper:before{content:"\f2ae"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-pied-piper-hat:before{content:"\f4e5"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-square:before{content:"\e01e"}.fa-piggy-bank:before{content:"\f4d3"}.fa-pills:before{content:"\f484"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-p:before{content:"\f231"}.fa-pinterest-square:before{content:"\f0d3"}.fa-pizza-slice:before{content:"\f818"}.fa-place-of-worship:before{content:"\f67f"}.fa-plane:before{content:"\f072"}.fa-plane-arrival:before{content:"\f5af"}.fa-plane-departure:before{content:"\f5b0"}.fa-plane-slash:before{content:"\e069"}.fa-play:before{content:"\f04b"}.fa-play-circle:before{content:"\f144"}.fa-playstation:before{content:"\f3df"}.fa-plug:before{content:"\f1e6"}.fa-plus:before{content:"\f067"}.fa-plus-circle:before{content:"\f055"}.fa-plus-square:before{content:"\f0fe"}.fa-podcast:before{content:"\f2ce"}.fa-poll:before{content:"\f681"}.fa-poll-h:before{content:"\f682"}.fa-poo:before{content:"\f2fe"}.fa-poo-storm:before{content:"\f75a"}.fa-poop:before{content:"\f619"}.fa-portrait:before{content:"\f3e0"}.fa-pound-sign:before{content:"\f154"}.fa-power-off:before{content:"\f011"}.fa-pray:before{content:"\f683"}.fa-praying-hands:before{content:"\f684"}.fa-prescription:before{content:"\f5b1"}.fa-prescription-bottle:before{content:"\f485"}.fa-prescription-bottle-alt:before{content:"\f486"}.fa-print:before{content:"\f02f"}.fa-procedures:before{content:"\f487"}.fa-product-hunt:before{content:"\f288"}.fa-project-diagram:before{content:"\f542"}.fa-pump-medical:before{content:"\e06a"}.fa-pump-soap:before{content:"\e06b"}.fa-pushed:before{content:"\f3e1"}.fa-puzzle-piece:before{content:"\f12e"}.fa-python:before{content:"\f3e2"}.fa-qq:before{content:"\f1d6"}.fa-qrcode:before{content:"\f029"}.fa-question:before{content:"\f128"}.fa-question-circle:before{content:"\f059"}.fa-quidditch:before{content:"\f458"}.fa-quinscape:before{content:"\f459"}.fa-quora:before{content:"\f2c4"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-quran:before{content:"\f687"}.fa-r-project:before{content:"\f4f7"}.fa-radiation:before{content:"\f7b9"}.fa-radiation-alt:before{content:"\f7ba"}.fa-rainbow:before{content:"\f75b"}.fa-random:before{content:"\f074"}.fa-raspberry-pi:before{content:"\f7bb"}.fa-ravelry:before{content:"\f2d9"}.fa-react:before{content:"\f41b"}.fa-reacteurope:before{content:"\f75d"}.fa-readme:before{content:"\f4d5"}.fa-rebel:before{content:"\f1d0"}.fa-receipt:before{content:"\f543"}.fa-record-vinyl:before{content:"\f8d9"}.fa-recycle:before{content:"\f1b8"}.fa-red-river:before{content:"\f3e3"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-alien:before{content:"\f281"}.fa-reddit-square:before{content:"\f1a2"}.fa-redhat:before{content:"\f7bc"}.fa-redo:before{content:"\f01e"}.fa-redo-alt:before{content:"\f2f9"}.fa-registered:before{content:"\f25d"}.fa-remove-format:before{content:"\f87d"}.fa-renren:before{content:"\f18b"}.fa-reply:before{content:"\f3e5"}.fa-reply-all:before{content:"\f122"}.fa-replyd:before{content:"\f3e6"}.fa-republican:before{content:"\f75e"}.fa-researchgate:before{content:"\f4f8"}.fa-resolving:before{content:"\f3e7"}.fa-restroom:before{content:"\f7bd"}.fa-retweet:before{content:"\f079"}.fa-rev:before{content:"\f5b2"}.fa-ribbon:before{content:"\f4d6"}.fa-ring:before{content:"\f70b"}.fa-road:before{content:"\f018"}.fa-robot:before{content:"\f544"}.fa-rocket:before{content:"\f135"}.fa-rocketchat:before{content:"\f3e8"}.fa-rockrms:before{content:"\f3e9"}.fa-route:before{content:"\f4d7"}.fa-rss:before{content:"\f09e"}.fa-rss-square:before{content:"\f143"}.fa-ruble-sign:before{content:"\f158"}.fa-ruler:before{content:"\f545"}.fa-ruler-combined:before{content:"\f546"}.fa-ruler-horizontal:before{content:"\f547"}.fa-ruler-vertical:before{content:"\f548"}.fa-running:before{content:"\f70c"}.fa-rupee-sign:before{content:"\f156"}.fa-rust:before{content:"\e07a"}.fa-sad-cry:before{content:"\f5b3"}.fa-sad-tear:before{content:"\f5b4"}.fa-safari:before{content:"\f267"}.fa-salesforce:before{content:"\f83b"}.fa-sass:before{content:"\f41e"}.fa-satellite:before{content:"\f7bf"}.fa-satellite-dish:before{content:"\f7c0"}.fa-save:before{content:"\f0c7"}.fa-schlix:before{content:"\f3ea"}.fa-school:before{content:"\f549"}.fa-screwdriver:before{content:"\f54a"}.fa-scribd:before{content:"\f28a"}.fa-scroll:before{content:"\f70e"}.fa-sd-card:before{content:"\f7c2"}.fa-search:before{content:"\f002"}.fa-search-dollar:before{content:"\f688"}.fa-search-location:before{content:"\f689"}.fa-search-minus:before{content:"\f010"}.fa-search-plus:before{content:"\f00e"}.fa-searchengin:before{content:"\f3eb"}.fa-seedling:before{content:"\f4d8"}.fa-sellcast:before{content:"\f2da"}.fa-sellsy:before{content:"\f213"}.fa-server:before{content:"\f233"}.fa-servicestack:before{content:"\f3ec"}.fa-shapes:before{content:"\f61f"}.fa-share:before{content:"\f064"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-share-square:before{content:"\f14d"}.fa-shekel-sign:before{content:"\f20b"}.fa-shield-alt:before{content:"\f3ed"}.fa-shield-virus:before{content:"\e06c"}.fa-ship:before{content:"\f21a"}.fa-shipping-fast:before{content:"\f48b"}.fa-shirtsinbulk:before{content:"\f214"}.fa-shoe-prints:before{content:"\f54b"}.fa-shopify:before{content:"\e057"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-shopping-cart:before{content:"\f07a"}.fa-shopware:before{content:"\f5b5"}.fa-shower:before{content:"\f2cc"}.fa-shuttle-van:before{content:"\f5b6"}.fa-sign:before{content:"\f4d9"}.fa-sign-in-alt:before{content:"\f2f6"}.fa-sign-language:before{content:"\f2a7"}.fa-sign-out-alt:before{content:"\f2f5"}.fa-signal:before{content:"\f012"}.fa-signature:before{content:"\f5b7"}.fa-sim-card:before{content:"\f7c4"}.fa-simplybuilt:before{content:"\f215"}.fa-sink:before{content:"\e06d"}.fa-sistrix:before{content:"\f3ee"}.fa-sitemap:before{content:"\f0e8"}.fa-sith:before{content:"\f512"}.fa-skating:before{content:"\f7c5"}.fa-sketch:before{content:"\f7c6"}.fa-skiing:before{content:"\f7c9"}.fa-skiing-nordic:before{content:"\f7ca"}.fa-skull:before{content:"\f54c"}.fa-skull-crossbones:before{content:"\f714"}.fa-skyatlas:before{content:"\f216"}.fa-skype:before{content:"\f17e"}.fa-slack:before{content:"\f198"}.fa-slack-hash:before{content:"\f3ef"}.fa-slash:before{content:"\f715"}.fa-sleigh:before{content:"\f7cc"}.fa-sliders-h:before{content:"\f1de"}.fa-slideshare:before{content:"\f1e7"}.fa-smile:before{content:"\f118"}.fa-smile-beam:before{content:"\f5b8"}.fa-smile-wink:before{content:"\f4da"}.fa-smog:before{content:"\f75f"}.fa-smoking:before{content:"\f48d"}.fa-smoking-ban:before{content:"\f54d"}.fa-sms:before{content:"\f7cd"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-snowboarding:before{content:"\f7ce"}.fa-snowflake:before{content:"\f2dc"}.fa-snowman:before{content:"\f7d0"}.fa-snowplow:before{content:"\f7d2"}.fa-soap:before{content:"\e06e"}.fa-socks:before{content:"\f696"}.fa-solar-panel:before{content:"\f5ba"}.fa-sort:before{content:"\f0dc"}.fa-sort-alpha-down:before{content:"\f15d"}.fa-sort-alpha-down-alt:before{content:"\f881"}.fa-sort-alpha-up:before{content:"\f15e"}.fa-sort-alpha-up-alt:before{content:"\f882"}.fa-sort-amount-down:before{content:"\f160"}.fa-sort-amount-down-alt:before{content:"\f884"}.fa-sort-amount-up:before{content:"\f161"}.fa-sort-amount-up-alt:before{content:"\f885"}.fa-sort-down:before{content:"\f0dd"}.fa-sort-numeric-down:before{content:"\f162"}.fa-sort-numeric-down-alt:before{content:"\f886"}.fa-sort-numeric-up:before{content:"\f163"}.fa-sort-numeric-up-alt:before{content:"\f887"}.fa-sort-up:before{content:"\f0de"}.fa-soundcloud:before{content:"\f1be"}.fa-sourcetree:before{content:"\f7d3"}.fa-spa:before{content:"\f5bb"}.fa-space-shuttle:before{content:"\f197"}.fa-speakap:before{content:"\f3f3"}.fa-speaker-deck:before{content:"\f83c"}.fa-spell-check:before{content:"\f891"}.fa-spider:before{content:"\f717"}.fa-spinner:before{content:"\f110"}.fa-splotch:before{content:"\f5bc"}.fa-spotify:before{content:"\f1bc"}.fa-spray-can:before{content:"\f5bd"}.fa-square:before{content:"\f0c8"}.fa-square-full:before{content:"\f45c"}.fa-square-root-alt:before{content:"\f698"}.fa-squarespace:before{content:"\f5be"}.fa-stack-exchange:before{content:"\f18d"}.fa-stack-overflow:before{content:"\f16c"}.fa-stackpath:before{content:"\f842"}.fa-stamp:before{content:"\f5bf"}.fa-star:before{content:"\f005"}.fa-star-and-crescent:before{content:"\f699"}.fa-star-half:before{content:"\f089"}.fa-star-half-alt:before{content:"\f5c0"}.fa-star-of-david:before{content:"\f69a"}.fa-star-of-life:before{content:"\f621"}.fa-staylinked:before{content:"\f3f5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-steam-symbol:before{content:"\f3f6"}.fa-step-backward:before{content:"\f048"}.fa-step-forward:before{content:"\f051"}.fa-stethoscope:before{content:"\f0f1"}.fa-sticker-mule:before{content:"\f3f7"}.fa-sticky-note:before{content:"\f249"}.fa-stop:before{content:"\f04d"}.fa-stop-circle:before{content:"\f28d"}.fa-stopwatch:before{content:"\f2f2"}.fa-stopwatch-20:before{content:"\e06f"}.fa-store:before{content:"\f54e"}.fa-store-alt:before{content:"\f54f"}.fa-store-alt-slash:before{content:"\e070"}.fa-store-slash:before{content:"\e071"}.fa-strava:before{content:"\f428"}.fa-stream:before{content:"\f550"}.fa-street-view:before{content:"\f21d"}.fa-strikethrough:before{content:"\f0cc"}.fa-stripe:before{content:"\f429"}.fa-stripe-s:before{content:"\f42a"}.fa-stroopwafel:before{content:"\f551"}.fa-studiovinari:before{content:"\f3f8"}.fa-stumbleupon:before{content:"\f1a4"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-subscript:before{content:"\f12c"}.fa-subway:before{content:"\f239"}.fa-suitcase:before{content:"\f0f2"}.fa-suitcase-rolling:before{content:"\f5c1"}.fa-sun:before{content:"\f185"}.fa-superpowers:before{content:"\f2dd"}.fa-superscript:before{content:"\f12b"}.fa-supple:before{content:"\f3f9"}.fa-surprise:before{content:"\f5c2"}.fa-suse:before{content:"\f7d6"}.fa-swatchbook:before{content:"\f5c3"}.fa-swift:before{content:"\f8e1"}.fa-swimmer:before{content:"\f5c4"}.fa-swimming-pool:before{content:"\f5c5"}.fa-symfony:before{content:"\f83d"}.fa-synagogue:before{content:"\f69b"}.fa-sync:before{content:"\f021"}.fa-sync-alt:before{content:"\f2f1"}.fa-syringe:before{content:"\f48e"}.fa-table:before{content:"\f0ce"}.fa-table-tennis:before{content:"\f45d"}.fa-tablet:before{content:"\f10a"}.fa-tablet-alt:before{content:"\f3fa"}.fa-tablets:before{content:"\f490"}.fa-tachometer-alt:before{content:"\f3fd"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-tape:before{content:"\f4db"}.fa-tasks:before{content:"\f0ae"}.fa-taxi:before{content:"\f1ba"}.fa-teamspeak:before{content:"\f4f9"}.fa-teeth:before{content:"\f62e"}.fa-teeth-open:before{content:"\f62f"}.fa-telegram:before{content:"\f2c6"}.fa-telegram-plane:before{content:"\f3fe"}.fa-temperature-high:before{content:"\f769"}.fa-temperature-low:before{content:"\f76b"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-tenge:before{content:"\f7d7"}.fa-terminal:before{content:"\f120"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-th:before{content:"\f00a"}.fa-th-large:before{content:"\f009"}.fa-th-list:before{content:"\f00b"}.fa-the-red-yeti:before{content:"\f69d"}.fa-theater-masks:before{content:"\f630"}.fa-themeco:before{content:"\f5c6"}.fa-themeisle:before{content:"\f2b2"}.fa-thermometer:before{content:"\f491"}.fa-thermometer-empty:before{content:"\f2cb"}.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-think-peaks:before{content:"\f731"}.fa-thumbs-down:before{content:"\f165"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbtack:before{content:"\f08d"}.fa-ticket-alt:before{content:"\f3ff"}.fa-tiktok:before{content:"\e07b"}.fa-times:before{content:"\f00d"}.fa-times-circle:before{content:"\f057"}.fa-tint:before{content:"\f043"}.fa-tint-slash:before{content:"\f5c7"}.fa-tired:before{content:"\f5c8"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-toilet:before{content:"\f7d8"}.fa-toilet-paper:before{content:"\f71e"}.fa-toilet-paper-slash:before{content:"\e072"}.fa-toolbox:before{content:"\f552"}.fa-tools:before{content:"\f7d9"}.fa-tooth:before{content:"\f5c9"}.fa-torah:before{content:"\f6a0"}.fa-torii-gate:before{content:"\f6a1"}.fa-tractor:before{content:"\f722"}.fa-trade-federation:before{content:"\f513"}.fa-trademark:before{content:"\f25c"}.fa-traffic-light:before{content:"\f637"}.fa-trailer:before{content:"\e041"}.fa-train:before{content:"\f238"}.fa-tram:before{content:"\f7da"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-trash:before{content:"\f1f8"}.fa-trash-alt:before{content:"\f2ed"}.fa-trash-restore:before{content:"\f829"}.fa-trash-restore-alt:before{content:"\f82a"}.fa-tree:before{content:"\f1bb"}.fa-trello:before{content:"\f181"}.fa-tripadvisor:before{content:"\f262"}.fa-trophy:before{content:"\f091"}.fa-truck:before{content:"\f0d1"}.fa-truck-loading:before{content:"\f4de"}.fa-truck-monster:before{content:"\f63b"}.fa-truck-moving:before{content:"\f4df"}.fa-truck-pickup:before{content:"\f63c"}.fa-tshirt:before{content:"\f553"}.fa-tty:before{content:"\f1e4"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-tv:before{content:"\f26c"}.fa-twitch:before{content:"\f1e8"}.fa-twitter:before{content:"\f099"}.fa-twitter-square:before{content:"\f081"}.fa-typo3:before{content:"\f42b"}.fa-uber:before{content:"\f402"}.fa-ubuntu:before{content:"\f7df"}.fa-uikit:before{content:"\f403"}.fa-umbraco:before{content:"\f8e8"}.fa-umbrella:before{content:"\f0e9"}.fa-umbrella-beach:before{content:"\f5ca"}.fa-uncharted:before{content:"\e084"}.fa-underline:before{content:"\f0cd"}.fa-undo:before{content:"\f0e2"}.fa-undo-alt:before{content:"\f2ea"}.fa-uniregistry:before{content:"\f404"}.fa-unity:before{content:"\e049"}.fa-universal-access:before{content:"\f29a"}.fa-university:before{content:"\f19c"}.fa-unlink:before{content:"\f127"}.fa-unlock:before{content:"\f09c"}.fa-unlock-alt:before{content:"\f13e"}.fa-unsplash:before{content:"\e07c"}.fa-untappd:before{content:"\f405"}.fa-upload:before{content:"\f093"}.fa-ups:before{content:"\f7e0"}.fa-usb:before{content:"\f287"}.fa-user:before{content:"\f007"}.fa-user-alt:before{content:"\f406"}.fa-user-alt-slash:before{content:"\f4fa"}.fa-user-astronaut:before{content:"\f4fb"}.fa-user-check:before{content:"\f4fc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-clock:before{content:"\f4fd"}.fa-user-cog:before{content:"\f4fe"}.fa-user-edit:before{content:"\f4ff"}.fa-user-friends:before{content:"\f500"}.fa-user-graduate:before{content:"\f501"}.fa-user-injured:before{content:"\f728"}.fa-user-lock:before{content:"\f502"}.fa-user-md:before{content:"\f0f0"}.fa-user-minus:before{content:"\f503"}.fa-user-ninja:before{content:"\f504"}.fa-user-nurse:before{content:"\f82f"}.fa-user-plus:before{content:"\f234"}.fa-user-secret:before{content:"\f21b"}.fa-user-shield:before{content:"\f505"}.fa-user-slash:before{content:"\f506"}.fa-user-tag:before{content:"\f507"}.fa-user-tie:before{content:"\f508"}.fa-user-times:before{content:"\f235"}.fa-users:before{content:"\f0c0"}.fa-users-cog:before{content:"\f509"}.fa-users-slash:before{content:"\e073"}.fa-usps:before{content:"\f7e1"}.fa-ussunnah:before{content:"\f407"}.fa-utensil-spoon:before{content:"\f2e5"}.fa-utensils:before{content:"\f2e7"}.fa-vaadin:before{content:"\f408"}.fa-vector-square:before{content:"\f5cb"}.fa-venus:before{content:"\f221"}.fa-venus-double:before{content:"\f226"}.fa-venus-mars:before{content:"\f228"}.fa-vest:before{content:"\e085"}.fa-vest-patches:before{content:"\e086"}.fa-viacoin:before{content:"\f237"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-vial:before{content:"\f492"}.fa-vials:before{content:"\f493"}.fa-viber:before{content:"\f409"}.fa-video:before{content:"\f03d"}.fa-video-slash:before{content:"\f4e2"}.fa-vihara:before{content:"\f6a7"}.fa-vimeo:before{content:"\f40a"}.fa-vimeo-square:before{content:"\f194"}.fa-vimeo-v:before{content:"\f27d"}.fa-vine:before{content:"\f1ca"}.fa-virus:before{content:"\e074"}.fa-virus-slash:before{content:"\e075"}.fa-viruses:before{content:"\e076"}.fa-vk:before{content:"\f189"}.fa-vnv:before{content:"\f40b"}.fa-voicemail:before{content:"\f897"}.fa-volleyball-ball:before{content:"\f45f"}.fa-volume-down:before{content:"\f027"}.fa-volume-mute:before{content:"\f6a9"}.fa-volume-off:before{content:"\f026"}.fa-volume-up:before{content:"\f028"}.fa-vote-yea:before{content:"\f772"}.fa-vr-cardboard:before{content:"\f729"}.fa-vuejs:before{content:"\f41f"}.fa-walking:before{content:"\f554"}.fa-wallet:before{content:"\f555"}.fa-warehouse:before{content:"\f494"}.fa-watchman-monitoring:before{content:"\e087"}.fa-water:before{content:"\f773"}.fa-wave-square:before{content:"\f83e"}.fa-waze:before{content:"\f83f"}.fa-weebly:before{content:"\f5cc"}.fa-weibo:before{content:"\f18a"}.fa-weight:before{content:"\f496"}.fa-weight-hanging:before{content:"\f5cd"}.fa-weixin:before{content:"\f1d7"}.fa-whatsapp:before{content:"\f232"}.fa-whatsapp-square:before{content:"\f40c"}.fa-wheelchair:before{content:"\f193"}.fa-whmcs:before{content:"\f40d"}.fa-wifi:before{content:"\f1eb"}.fa-wikipedia-w:before{content:"\f266"}.fa-wind:before{content:"\f72e"}.fa-window-close:before{content:"\f410"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-windows:before{content:"\f17a"}.fa-wine-bottle:before{content:"\f72f"}.fa-wine-glass:before{content:"\f4e3"}.fa-wine-glass-alt:before{content:"\f5ce"}.fa-wix:before{content:"\f5cf"}.fa-wizards-of-the-coast:before{content:"\f730"}.fa-wodu:before{content:"\e088"}.fa-wolf-pack-battalion:before{content:"\f514"}.fa-won-sign:before{content:"\f159"}.fa-wordpress:before{content:"\f19a"}.fa-wordpress-simple:before{content:"\f411"}.fa-wpbeginner:before{content:"\f297"}.fa-wpexplorer:before{content:"\f2de"}.fa-wpforms:before{content:"\f298"}.fa-wpressr:before{content:"\f3e4"}.fa-wrench:before{content:"\f0ad"}.fa-x-ray:before{content:"\f497"}.fa-xbox:before{content:"\f412"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-y-combinator:before{content:"\f23b"}.fa-yahoo:before{content:"\f19e"}.fa-yammer:before{content:"\f840"}.fa-yandex:before{content:"\f413"}.fa-yandex-international:before{content:"\f414"}.fa-yarn:before{content:"\f7e3"}.fa-yelp:before{content:"\f1e9"}.fa-yen-sign:before{content:"\f157"}.fa-yin-yang:before{content:"\f6ad"}.fa-yoast:before{content:"\f2b1"}.fa-youtube:before{content:"\f167"}.fa-youtube-square:before{content:"\f431"}.fa-zhihu:before{content:"\f63f"}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:400;font-display:block;src:url(../webfonts/fa-brands-400.eot);src:url(../webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.woff) format("woff"),url(../webfonts/fa-brands-400.ttf) format("truetype"),url(../webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands"}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:block;src:url(../webfonts/fa-regular-400.eot);src:url(../webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.woff) format("woff"),url(../webfonts/fa-regular-400.ttf) format("truetype"),url(../webfonts/fa-regular-400.svg#fontawesome) format("svg")}.fab,.far{font-weight:400}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:block;src:url(../webfonts/fa-solid-900.eot);src:url(../webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.woff) format("woff"),url(../webfonts/fa-solid-900.ttf) format("truetype"),url(../webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.far,.fas{font-family:"Font Awesome 5 Free"}.fa,.fas{font-weight:900} /*! jQuery UI - v1.11.4 - 2016-04-01 * http://jqueryui.com * Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, menu.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/ * Copyright jQuery Foundation and other contributors; Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { min-height: 0; /* support: IE7 */ } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); /* support: IE8 */ } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-draggable-handle { -ms-touch-action: none; touch-action: none; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-selectable { -ms-touch-action: none; touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-sortable-handle { -ms-touch-action: none; touch-action: none; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: .5em .5em .5em .7em; min-height: 0; /* support: IE7 */ font-size: 100%; } .ui-accordion .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-button { display: inline-block; position: relative; padding: 0; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; overflow: visible; /* removes extra width in IE */ } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2.2em; } /* button elements seem to need a little more width */ button.ui-button-icon-only { width: 2.4em; } .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /* button text element */ .ui-button .ui-button-text { display: block; line-height: normal; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: .4em 1em; } /* button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } /* button sets */ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } /* workarounds */ /* reset extra padding in Firefox, see h5bp.com/l */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } .ui-dialog { overflow: hidden; position: absolute; top: 0; left: 0; padding: .2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 12px; height: 12px; right: -5px; bottom: -5px; background-position: 16px 16px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: none; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { position: relative; margin: 0; padding: 3px 1em 3px .4em; cursor: pointer; min-height: 0; /* support: IE7 */ /* support: IE10, see #8844 */ list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item { padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0; } /* right-aligned */ .ui-menu .ui-menu-icon { left: auto; right: 0; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); height: 100%; filter: alpha(opacity=25); /* support: IE8 */ opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; } .ui-selectmenu-menu .ui-menu { overflow: auto; /* Support: IE7 */ overflow-x: hidden; padding-bottom: 1px; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: bold; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 0 0; height: auto; border: 0; } .ui-selectmenu-open { display: block; } .ui-selectmenu-button { display: inline-block; overflow: hidden; position: relative; text-decoration: none; cursor: pointer; } .ui-selectmenu-button span.ui-icon { right: 0.5em; left: auto; margin-top: -8px; position: absolute; top: 50%; } .ui-selectmenu-button span.ui-selectmenu-text { text-align: left; padding: 0.4em 2.1em 0.4em 1em; display: block; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* support: IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px; } .ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } /* more specificity required here to override default borders */ .ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; } /* vertically center icon */ .ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } /* TR overrides */ .ui-spinner .ui-icon-triangle-1-s { /* need to fix icons sprite */ background-position: -65px -16px; } .ui-tabs { position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff; color: #222222; } .ui-widget-content a { color: #222222; } .ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x; color: #222222; font-weight: bold; } .ui-widget-header a { color: #222222; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x; font-weight: normal; color: #555555; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada url("images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited { color: #212121; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #fcefa1; background: #fbf9ee url("images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #fef1ec url("images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x; color: #cd0a0a; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); /* support: IE8 */ font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url("images/ui-icons_222222_256x240.png"); } .ui-widget-header .ui-icon { background-image: url("images/ui-icons_222222_256x240.png"); } .ui-state-default .ui-icon { background-image: url("images/ui-icons_888888_256x240.png"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url("images/ui-icons_454545_256x240.png"); } .ui-state-active .ui-icon { background-image: url("images/ui-icons_454545_256x240.png"); } .ui-state-highlight .ui-icon { background-image: url("images/ui-icons_2e83ff_256x240.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("images/ui-icons_cd0a0a_256x240.png"); } /* positioning */ .ui-icon-blank { background-position: 16px 16px; } .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 4px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 4px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa; opacity: .3; filter: Alpha(Opacity=30); /* support: IE8 */ } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa; opacity: .3; filter: Alpha(Opacity=30); /* support: IE8 */ border-radius: 8px; } .xdsoft_datetimepicker{box-shadow:0 5px 15px -5px rgba(0,0,0,0.506);background:#fff;border-bottom:1px solid #bbb;border-left:1px solid #ccc;border-right:1px solid #ccc;border-top:1px solid #ccc;color:#333;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;padding:8px;padding-left:0;padding-top:2px;position:absolute;z-index:9999;-moz-box-sizing:border-box;box-sizing:border-box;display:none}.xdsoft_datetimepicker.xdsoft_rtl{padding:8px 0 8px 8px}.xdsoft_datetimepicker iframe{position:absolute;left:0;top:0;width:75px;height:210px;background:transparent;border:0}.xdsoft_datetimepicker button{border:none !important}.xdsoft_noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.xdsoft_noselect::selection{background:transparent}.xdsoft_noselect::-moz-selection{background:transparent}.xdsoft_datetimepicker.xdsoft_inline{display:inline-block;position:static;box-shadow:none}.xdsoft_datetimepicker *{-moz-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0}.xdsoft_datetimepicker .xdsoft_datepicker,.xdsoft_datetimepicker .xdsoft_timepicker{display:none}.xdsoft_datetimepicker .xdsoft_datepicker.active,.xdsoft_datetimepicker .xdsoft_timepicker.active{display:block}.xdsoft_datetimepicker .xdsoft_datepicker{width:224px;float:left;margin-left:8px}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker{float:right;margin-right:8px;margin-left:0}.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker{width:256px}.xdsoft_datetimepicker .xdsoft_timepicker{width:58px;float:left;text-align:center;margin-left:8px;margin-top:0}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker{float:right;margin-right:8px;margin-left:0}.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker{margin-top:8px;margin-bottom:3px}.xdsoft_datetimepicker .xdsoft_monthpicker{position:relative;text-align:center}.xdsoft_datetimepicker .xdsoft_label i,.xdsoft_datetimepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_today_button{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC)}.xdsoft_datetimepicker .xdsoft_label i{opacity:.5;background-position:-92px -19px;display:inline-block;width:9px;height:20px;vertical-align:middle}.xdsoft_datetimepicker .xdsoft_prev{float:left;background-position:-20px 0}.xdsoft_datetimepicker .xdsoft_today_button{float:left;background-position:-70px 0;margin-left:5px}.xdsoft_datetimepicker .xdsoft_next{float:right;background-position:0 0}.xdsoft_datetimepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_today_button{background-color:transparent;background-repeat:no-repeat;border:0 none;cursor:pointer;display:block;height:30px;opacity:.5;-ms-filter:"alpha(opacity=50)";outline:medium none;overflow:hidden;padding:0;position:relative;text-indent:100%;white-space:nowrap;width:20px;min-width:0}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next{float:none;background-position:-40px -15px;height:15px;width:30px;display:block;margin-left:14px;margin-top:7px}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev,.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next{float:none;margin-left:0;margin-right:14px}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev{background-position:-40px 0;margin-bottom:7px;margin-top:0}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box{height:151px;overflow:hidden;border-bottom:1px solid #ddd}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div{background:#f5f5f5;border-top:1px solid #ddd;color:#666;font-size:12px;text-align:center;border-collapse:collapse;cursor:pointer;border-bottom-width:0;height:25px;line-height:25px}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:first-child{border-top-width:0}.xdsoft_datetimepicker .xdsoft_today_button:hover,.xdsoft_datetimepicker .xdsoft_next:hover,.xdsoft_datetimepicker .xdsoft_prev:hover{opacity:1;-ms-filter:"alpha(opacity=100)"}.xdsoft_datetimepicker .xdsoft_label{display:inline;position:relative;z-index:9999;margin:0;padding:5px 3px;font-size:14px;line-height:20px;font-weight:bold;background-color:#fff;float:left;width:182px;text-align:center;cursor:pointer}.xdsoft_datetimepicker .xdsoft_label:hover>span{text-decoration:underline}.xdsoft_datetimepicker .xdsoft_label:hover i{opacity:1.0}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select{border:1px solid #ccc;position:absolute;right:0;top:30px;z-index:101;display:none;background:#fff;max-height:160px;overflow-y:hidden}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_monthselect{right:-7px}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_yearselect{right:2px}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover{color:#fff;background:#f7a392}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option{padding:2px 10px 2px 5px;text-decoration:none !important}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current{background:#f7a392;box-shadow:#f7a392 0 1px 3px 0 inset;color:#fff;font-weight:700}.xdsoft_datetimepicker .xdsoft_month{width:100px;text-align:right}.xdsoft_datetimepicker .xdsoft_calendar{clear:both}.xdsoft_datetimepicker .xdsoft_year{width:48px;margin-left:5px}.xdsoft_datetimepicker .xdsoft_calendar table{border-collapse:collapse;width:100%}.xdsoft_datetimepicker .xdsoft_calendar td>div{padding-right:5px}.xdsoft_datetimepicker .xdsoft_calendar th{height:25px}.xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th{width:14.2857142%;background:#f5f5f5;border:1px solid #ddd;color:#666;font-size:12px;text-align:right;vertical-align:middle;padding:0;border-collapse:collapse;cursor:pointer;height:25px}.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th{width:12.5%}.xdsoft_datetimepicker .xdsoft_calendar th{background:#f1f1f1}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today{color:#f7a392}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default{background:#ffe9d2;box-shadow:#ffb871 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint{background:#c1ffc9;box-shadow:#00dd1c 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current{background:#f7a392;box-shadow:#f7a392 0 1px 3px 0 inset;color:#fff;font-weight:700}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,.xdsoft_datetimepicker .xdsoft_time_box>div>div.xdsoft_disabled{opacity:.5;-ms-filter:"alpha(opacity=50)";cursor:default}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled{opacity:.2;-ms-filter:"alpha(opacity=20)"}.xdsoft_datetimepicker .xdsoft_calendar td:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover{color:#fff !important;background:#f7a392 !important;box-shadow:none !important}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled:hover{background:#f7a392 !important;box-shadow:#f7a392 0 1px 3px 0 inset !important;color:#fff !important}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_disabled:hover{color:inherit !important;background:inherit !important;box-shadow:inherit !important}.xdsoft_datetimepicker .xdsoft_calendar th{font-weight:700;text-align:center;color:#999;cursor:default}.xdsoft_datetimepicker .xdsoft_copyright{color:#ccc !important;font-size:10px;clear:both;float:none;margin-left:8px}.xdsoft_datetimepicker .xdsoft_copyright a{color:#eee !important}.xdsoft_datetimepicker .xdsoft_copyright a:hover{color:#aaa !important}.xdsoft_time_box{position:relative;border:1px solid #ccc}.xdsoft_scrollbar>.xdsoft_scroller{background:#ccc !important;height:20px;border-radius:3px}.xdsoft_scrollbar{position:absolute;width:7px;right:0;top:0;bottom:0;cursor:pointer}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar{left:0;right:auto}.xdsoft_scroller_box{position:relative}.xdsoft_datetimepicker.xdsoft_dark{box-shadow:0 5px 15px -5px rgba(255,255,255,0.506);background:#000;border-bottom:1px solid #444;border-left:1px solid #333;border-right:1px solid #333;border-top:1px solid #333;color:#ccc}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box{border-bottom:1px solid #222}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div{background:#0a0a0a;border-top:1px solid #222;color:#999}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label{background-color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select{border:1px solid #333;background:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover{color:#000;background:#007fff}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current{background:#c50;box-shadow:#b03e00 0 1px 3px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==)}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{background:#0a0a0a;border:1px solid #222;color:#999}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{background:#0e0e0e}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today{color:#c50}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default{background:#ffe9d2;box-shadow:#ffb871 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint{background:#c1ffc9;box-shadow:#00dd1c 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current{background:#c50;box-shadow:#b03e00 0 1px 3px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover{color:#000 !important;background:#007fff !important}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{color:#666}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright{color:#333 !important}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a{color:#111 !important}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover{color:#555 !important}.xdsoft_dark .xdsoft_time_box{border:1px solid #333}.xdsoft_dark .xdsoft_scrollbar>.xdsoft_scroller{background:#333 !important}.xdsoft_datetimepicker .xdsoft_save_selected{display:block;border:1px solid #ddd !important;margin-top:5px;width:100%;color:#454551;font-size:13px}.xdsoft_datetimepicker .blue-gradient-button{font-family:"museo-sans","Book Antiqua",sans-serif;font-size:12px;font-weight:300;color:#82878c;height:28px;position:relative;padding:4px 17px 4px 33px;border:1px solid #d7d8da;background:-moz-linear-gradient(top,#fff 0,#f4f8fa 73%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(73%,#f4f8fa));background:-webkit-linear-gradient(top,#fff 0,#f4f8fa 73%);background:-o-linear-gradient(top,#fff 0,#f4f8fa 73%);background:-ms-linear-gradient(top,#fff 0,#f4f8fa 73%);background:linear-gradient(to bottom,#fff 0,#f4f8fa 73%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff',endColorstr='#f4f8fa',GradientType=0)}.xdsoft_datetimepicker .blue-gradient-button:hover,.xdsoft_datetimepicker .blue-gradient-button:focus,.xdsoft_datetimepicker .blue-gradient-button:hover span,.xdsoft_datetimepicker .blue-gradient-button:focus span{color:#454551;background:-moz-linear-gradient(top,#f4f8fa 0,#FFF 73%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f4f8fa),color-stop(73%,#FFF));background:-webkit-linear-gradient(top,#f4f8fa 0,#FFF 73%);background:-o-linear-gradient(top,#f4f8fa 0,#FFF 73%);background:-ms-linear-gradient(top,#f4f8fa 0,#FFF 73%);background:linear-gradient(to bottom,#f4f8fa 0,#FFF 73%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f8fa',endColorstr='#FFF',GradientType=0)} .jarallax { position: relative; z-index: 0; } .jarallax > .jarallax-img { position: absolute; object-fit: cover; /* support for plugin https://github.com/bfred-it/object-fit-images */ font-family: 'object-fit: cover;'; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } /*! nouislider - 14.1.1 - 12/15/2019 */ .noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-connect{height:100%;width:100%}.noUi-origin{height:10%;width:10%}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;top:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-connects{border-radius:3px}.noUi-connect{background:#3FB8AF}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-sub{background:#AAA}.noUi-marker-large{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%} /* Base; * */ .noUi-pips, .noUi-pips * { -moz-box-sizing: border-box; box-sizing: border-box; } .noUi-pips { position: absolute; font: 400 12px Arial; color: #999; } /* Values; * */ .noUi-value { width: 40px; position: absolute; text-align: center; } .noUi-value-sub { color: #ccc; font-size: 10px; } /* Markings; * */ .noUi-marker { position: absolute; background: #CCC; } .noUi-marker-sub { background: #AAA; } .noUi-marker-large { background: #AAA; } /* Horizontal layout; * */ .noUi-pips-horizontal { padding: 10px 0; height: 50px; top: 100%; left: 0; width: 100%; } .noUi-value-horizontal { margin-left: -20px; padding-top: 20px; } .noUi-value-horizontal.noUi-value-sub { padding-top: 15px; } .noUi-marker-horizontal.noUi-marker { margin-left: -1px; width: 2px; height: 5px; } .noUi-marker-horizontal.noUi-marker-sub { height: 10px; } .noUi-marker-horizontal.noUi-marker-large { height: 15px; } /* Vertical layout; * */ .noUi-pips-vertical { padding: 0 10px; height: 100%; top: 0; left: 100%; } .noUi-value-vertical { width: 15px; margin-left: 20px; margin-top: -5px; } .noUi-marker-vertical.noUi-marker { width: 5px; height: 2px; margin-top: -1px; } .noUi-marker-vertical.noUi-marker-sub { width: 10px; } .noUi-marker-vertical.noUi-marker-large { width: 15px; } .tns-outer{padding:0 !important}.tns-outer [hidden]{display:none !important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left}.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item{margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:transform 0s, opacity 0s;-moz-transition:transform 0s, opacity 0s;transition:transform 0s, opacity 0s}.tns-gallery>.tns-slide-active{position:relative;left:auto !important}.tns-gallery>.tns-moving{-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s}.tns-autowidth{display:inline-block}.tns-lazy-img{-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;transition:opacity 0.6s;opacity:0.6}.tns-lazy-img.tns-complete{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-vpfix{white-space:nowrap}.tns-vpfix>div,.tns-vpfix>li{display:inline-block}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:-webkit-calc(100% * 70 / 3);width:-moz-calc(100% * 70 / 3);width:calc(100% * 70 / 3);position:absolute;right:0}.tns-t-ct:after{content:'';display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:-webkit-calc(100% / 70);width:-moz-calc(100% / 70);width:calc(100% / 70);height:10px;float:left} /*# sourceMappingURL=sourcemaps/tiny-slider.css.map */ @font-face { font-family: 'icomoon'; src: url('../fonts/icomoon.eot?61ji93'); src: url('../fonts/icomoon.eot?61ji93#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?61ji93') format('truetype'), url('../fonts/icomoon.woff?61ji93') format('woff'), url('../fonts/icomoon.svg?61ji93#icomoon') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-facebook-3:before { content: "\e929"; } .icon-linkedin-2:before { content: "\e92a"; } .icon-x-2:before { content: "\e92b"; } .icon-bank:before { content: "\e926"; } .icon-master-card:before { content: "\e927"; } .icon-paypal:before { content: "\e928"; } .icon-arrow-down:before { content: "\e924"; } .icon-arrow-right-2:before { content: "\e925"; } .icon-email-3:before { content: "\e922"; } .icon-location-3:before { content: "\e923"; } .icon-arrow-right:before { content: "\e900"; } .icon-help:before { content: "\e903"; } .icon-cart:before { content: "\e901"; } .icon-check:before { content: "\e902"; } .icon-comment:before { content: "\e904"; } .icon-donate:before { content: "\e905"; } .icon-donate-2:before { content: "\e906"; } .icon-education:before { content: "\e907"; } .icon-email:before { content: "\e908"; } .icon-email-2:before { content: "\e909"; } .icon-facebook:before { content: "\e90a"; } .icon-facebook-2:before { content: "\e90b"; } .icon-fundraise:before { content: "\e90c"; } .icon-gift:before { content: "\e90d"; } .icon-help-2:before { content: "\e910"; } .icon-instagram:before { content: "\e911"; } .icon-linkedin:before { content: "\e912"; } .icon-location:before { content: "\e913"; } .icon-location-2:before { content: "\e914"; } .icon-medical:before { content: "\e915"; } .icon-paper-plane:before { content: "\e916"; } .icon-phone-call:before { content: "\e917"; } .icon-phone-call-2:before { content: "\e918"; } .icon-play:before { content: "\e919"; } .icon-quote:before { content: "\e91a"; } .icon-quote-2:before { content: "\e91b"; } .icon-search:before { content: "\e91c"; } .icon-star:before { content: "\e91d"; } .icon-user:before { content: "\e91e"; } .icon-user-2:before { content: "\e91f"; } .icon-x:before { content: "\e920"; } .icon-youtube:before { content: "\e921"; } .icon-close:before { content: "\e90f"; } .icon-arrow-down-2:before { content: "\e92c"; } .icon-arrow-up:before { content: "\e92d"; } .icon-heart:before { content: "\e90e"; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Utility # Common # Custom Cursor # Animations # Cards # Topbar # Navigations # Home Showcase # Mobile Nav # Search Popup # Page Header # Google Map # Client Carousel # Forms # Sidebar # Footer # Main Slider # About # Contact # Testimonials # Comments # Become Volunteer # Volunteer Details # Poverty Info # Faq # Package # Support Categories # Get Involved # Reputation # Supporters Acquired # Support # Shop # Shop Details # Cart # Checkout # Blog Details # Donate # Donation Amount # Donation Details # Event Details # Error 404 # Boxed Home --------------------------------------------------------------*/ :root { --truehelp-font: "Manrope", sans-serif; --truehelp-font2: "Roboto", sans-serif; --truehelp-heading-font: "Geologica", sans-serif; --truehelp-text: #414543; --truehelp-text-rgb: 92, 107, 100; --truehelp-text-dark: #1E3A2F; --truehelp-text-dark-rgb: 30, 58, 47; --truehelp-text-gray: #4A5752; --truehelp-text-gray-rgb: 74, 87, 82; --truehelp-base: #1D6642; --truehelp-base-rgb: 59, 183, 126; --truehelp-primary: #67bcee; --truehelp-primary-rgb: 103, 188, 238; --truehelp-yellow: #FFD33C; --truehelp-yellow-rgb: 255, 211, 60; --truehelp-yellow2: #FFFCEB ; --truehelp-yellow2-rgb: 255, 248, 220; --truehelp-orange: #FD8B32; --truehelp-orange-rgb: 253, 139, 50; --truehelp-soft-blue: #D4F1F4; --truehelp-soft-blue-rgb: 212, 241, 244; --truehelp-soft-lavender: #D1F2E2; --truehelp-soft-lavender-rgb: 209, 242, 226; --truehelp-soft-lavender2: #E6F4D8; --truehelp-soft-lavender2-rgb: 230, 244, 216; --truehelp-gray: #3E4943; --truehelp-gray-rgb: 62, 73, 67; --truehelp-gray2: #D1D9D5; --truehelp-gray2-rgb: 209, 217, 213; --truehelp-gray3: #E0E6E3; --truehelp-gray3-rgb: 224, 230, 227; --truehelp-gray4: #4B554F; --truehelp-gray4-rgb: 75, 85, 79; --truehelp-gray5: #E8ECE9; --truehelp-gray5-rgb: 232, 236, 233; --truehelp-gray6: #E2E8E5; --truehelp-gray6-rgb: 226, 232, 229; --truehelp-gray7: #CDD1CF; --truehelp-gray7-rgb: 205, 209, 207; --truehelp-gray8: #E9F0ED; --truehelp-gray8-rgb: 233, 240, 237; --truehelp-gray9: #B0B8B4; --truehelp-gray9-rgb: 176, 184, 180; --truehelp-gray10: #C4CCC8; --truehelp-gray10-rgb: 196, 204, 200; --truehelp-gray11: #E1E6E3; --truehelp-gray11-rgb: 225, 230, 227; --truehelp-gray12: #BDC4C0; --truehelp-gray12-rgb: 189, 196, 192; --truehelp-gray13: #D4DBD8; --truehelp-gray13-rgb: 212, 219, 216; --truehelp-gray14: #F1F7F4; --truehelp-gray14-rgb: 241, 247, 244; --truehelp-white: #FFFFFF; --truehelp-white-rgb: 255, 255, 255; --truehelp-white2: #F2F9F6; --truehelp-white2-rgb: 242, 249, 246; --truehelp-white3: #E1F0F2; --truehelp-white3-rgb: 225, 240, 242; --truehelp-white4: #E9FBF2; --truehelp-white4-rgb: 233, 251, 242; --truehelp-white5: #EEFCFA; --truehelp-white5-rgb: 238, 252, 250; --truehelp-white6: #F5F7F6; --truehelp-white6-rgb: 245, 247, 246; --truehelp-white7: #F7F7F7; --truehelp-white7-rgb: 247, 247, 247; --truehelp-white8: #FFFDEB; --truehelp-white8-rgb: 255, 253, 235; --truehelp-white9: #FAFAFA; --truehelp-white9-rgb: 250, 250, 250; --truehelp-white10: #F6F6F6; --truehelp-white10-rgb: 246, 246, 246; --truehelp-white11: #EAEAEA; --truehelp-white11-rgb: 234, 234, 234; --truehelp-white12: #F0FCFC; --truehelp-white12-rgb: 240, 252, 252; --truehelp-white13: #F9FBFB; --truehelp-white13-rgb: 249, 251, 251; --truehelp-white14: #E3F5EA; --truehelp-white14-rgb: 227, 245, 234; --truehelp-white15: #F0F2F1; --truehelp-white15-rgb: 240, 242, 241; --truehelp-white16: #E6EBE8; --truehelp-white16-rgb: 230, 235, 232; --truehelp-white17: #BDE8D6; --truehelp-white17-rgb: 189, 232, 214; --truehelp-white18: #EBF7F7; --truehelp-white18-rgb: 235, 247, 247; --truehelp-white19: #E0E0E0; --truehelp-white19-rgb: 224, 224, 224; --truehelp-white20: #F3F7F5; --truehelp-white20-rgb: 243, 247, 245; --truehelp-white21: #F5F5F5; --truehelp-white21-rgb: 245, 245, 245; --truehelp-white22: #F8FCFA; --truehelp-white22-rgb: 248, 252, 250; --truehelp-white23: #F9FBF9; --truehelp-white23-rgb: 249, 251, 249; --truehelp-white24: #FDFFFE; --truehelp-white24-rgb: 253, 255, 254; --truehelp-white25: #EEF2F3; --truehelp-white25-rgb: 238, 242, 243; --truehelp-white26: #F6F8F7; --truehelp-white26-rgb: 246, 248, 247; --truehelp-white27: #FCFEFD; --truehelp-white27-rgb: 252, 254, 253; --truehelp-white28: #f2fdf8; --truehelp-white28-rgb: 251, 252, 252; --truehelp-black: #061007; --truehelp-black-rgb: 27, 51, 45; --truehelp-black2: #012219; --truehelp-black2-rgb: 1, 34, 25; --truehelp-black3: #0F3D35; --truehelp-black3-rgb: 15, 61, 53; --truehelp-black4: #1A2421; --truehelp-black4-rgb: 26, 36, 33; --truehelp-black5: #000000; --truehelp-black5-rgb: 0, 0, 0; --truehelp-black6: #161515; --truehelp-black6-rgb: 22, 21, 21; --truehelp-border-color: #D6E0DC; --truehelp-border-color-rgb: 214, 224, 220; --section-space: 130px; } /*-------------------------------------------------------------- # Utility --------------------------------------------------------------*/ .mt-20 { margin-top: 20px; } .mt-30 { margin-top: 30px; } .mt-40 { margin-top: 40px; } .mt-50 { margin-top: 50px; } .mt-60 { margin-top: 60px; } .mt-80 { margin-top: 80px; } .mt-120 { margin-top: 120px; } .mt--60 { margin-top: -60px; } .mt--120 { margin-top: -120px; } .mb-20 { margin-bottom: 20px; } .mb-30 { margin-bottom: 30px; } .mb-40 { margin-bottom: 40px; } .mb-50 { margin-bottom: 50px; } .mb-60 { margin-bottom: 60px; } .mb-80 { margin-bottom: 80px; } .mb-120 { margin-bottom: 120px; } .mb--60 { margin-bottom: -60px; } .mb--120 { margin-bottom: -120px; } .pt-20 { padding-top: 20px; } .pt-30 { padding-top: 30px; } .pt-40 { padding-top: 40px; } .pt-50 { padding-top: 50px; } .pt-60 { padding-top: 60px; } .pt-80 { padding-top: 80px; } .pt-100 { padding-top: 100px; } .pt-110 { padding-top: 110px; } .pt-115 { padding-top: 115px; } .pt-120 { padding-top: 120px; } .pt-142 { padding-top: 142px; } .pb-20 { padding-bottom: 20px; } .pb-30 { padding-bottom: 30px; } .pb-40 { padding-bottom: 40px; } .pb-50 { padding-bottom: 50px; } .pb-60 { padding-bottom: 60px; } .pb-80 { padding-bottom: 80px; } .pb-90 { padding-bottom: 90px; } .pb-100 { padding-bottom: 100px; } .pb-110 { padding-bottom: 110px; } .pb-115 { padding-bottom: 115px; } .pb-120 { padding-bottom: 120px; } .pl-5 { padding-left: 5px; } .pl-10 { padding-left: 10px; } .pl-15 { padding-left: 15px; } .pl-20 { padding-left: 20px; } .pl-30 { padding-left: 30px; } .pr-5 { padding-right: 5px; } .pr-10 { padding-right: 10px; } .pr-15 { padding-right: 15px; } .pr-20 { padding-right: 20px; } .pr-30 { padding-right: 30px; } .social { position: relative; border-top: 1px solid var(--truehelp-border-color, #E3DAE2); } .social__list { margin: 0; padding: 0; list-style: none; display: flex; align-items: center; justify-content: space-between; } @media (max-width: 767px) { .social__list { flex-direction: column; } } .social__list li { position: relative; } @media (max-width: 767px) { .social__list li { width: 100%; } } .social__list li a { font-size: 32px; color: var(--truehelp-black, #463650); text-transform: uppercase; font-weight: 500; display: flex; align-items: center; gap: 18px; padding: 50px 0; } @media (max-width: 1199px) { .social__list li a { font-size: 30px; } } @media (max-width: 991px) { .social__list li a { font-size: 24px; gap: 10px; padding: 40px 0; } } @media (max-width: 767px) { .social__list li a { justify-content: center; } } .social__list li a i { color: var(--truehelp-text, #6F6C71); position: relative; top: 4px; transition: all 0.3s ease; } .social__list li a:hover { color: var(--truehelp-base, #8A65A0); } .social__list li a:hover i { color: var(--truehelp-base, #8A65A0); animation: bounceIn 1s linear; animation-duration: 1s; } .social__list li + li { position: relative; } .social__list li + li::before { position: absolute; left: -36%; top: 0; width: 1px; height: 100%; content: ""; background-color: var(--truehelp-border-color, #E3DAE2); } @media (max-width: 1199px) { .social__list li + li::before { left: -20%; } } @media (max-width: 991px) { .social__list li + li::before { left: -15%; } } @media (max-width: 767px) { .social__list li + li::before { width: 100%; height: 1px; left: 0; } } /*-------------------------------------------------------------- # Common --------------------------------------------------------------*/ body { font-family: var(--truehelp-font, "Manrope", sans-serif); color: var(--truehelp-text, #6F6C71); font-size: 18px; font-weight: 400; line-height: 1.777; } body.locked { overflow: hidden; } a { color: var(--truehelp-base, #8A65A0); transition: all 400ms ease; } a, a:hover, a:focus, a:visited { text-decoration: none; } ::placeholder { color: inherit; opacity: 1; } h1, h2, h3, h4, h5, h6 { font-family: var(--truehelp-heading-font, "Geologica", sans-serif); color: var(--truehelp-black, #463650); } @media (max-width: 575px) { h1 br, h2 br, h3 br, h4 br, h5 br, h6 br { display: none; } } @media (max-width: 575px) { p br { display: none; } } .background-base { background-color: var(--truehelp-base, #8A65A0); } .background-gray { background-color: var(--truehelp-gray, #564D5B); } .background-black { background-color: var(--truehelp-black, #463650); } .background-black-2 { background-color: var(--truehelp-black2, #012219); } .truehelp-text-dark { color: var(--truehelp-text-dark, #554F58); } .page-wrapper { position: relative; margin: 0 auto; width: 100%; min-width: 300px; overflow: hidden; } .section-space { padding-top: var(--section-space, 130px); padding-bottom: var(--section-space, 130px); } @media (max-width: 767px) { .section-space { padding-top: 100px; padding-bottom: 100px; } } @media (max-width: 575px) { .section-space { padding-top: 80px; padding-bottom: 80px; } } .section-space-top { padding-top: var(--section-space, 130px); } @media (max-width: 767px) { .section-space-top { padding-top: 100px; } } @media (max-width: 575px) { .section-space-top { padding-top: 80px; } } .section-space-bottom { padding-bottom: var(--section-space, 130px); } @media (max-width: 767px) { .section-space-bottom { padding-bottom: 100px; } } @media (max-width: 575px) { .section-space-bottom { padding-bottom: 80px; } } .container-fluid, .container { padding-left: 15px; padding-right: 15px; } @media (min-width: 1200px) { .container { max-width: 1200px; } } .row { --bs-gutter-x: 30px; } .gutter-y-10 { --bs-gutter-y: 10px; } .gutter-y-15 { --bs-gutter-y: 15px; } .gutter-y-20 { --bs-gutter-y: 20px; } .gutter-y-30 { --bs-gutter-y: 30px; } .gutter-y-40 { --bs-gutter-y: 40px; } .gutter-y-50 { --bs-gutter-y: 50px; } .gutter-y-60 { --bs-gutter-y: 60px; } .gutter-y-70 { --bs-gutter-y: 70px; } .logo-retina img { image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor; -webkit-backface-visibility: hidden; backface-visibility: hidden; -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0); } .truehelp-btn { --tilt: 40px; display: inline-block; vertical-align: middle; -webkit-appearance: none; border: none; outline: none !important; position: relative; z-index: 1; overflow: hidden; background-color: var(--truehelp-base, #8A65A0); font-family: var(--truehelp-heading-font, "Geologica", sans-serif); padding: 13.3px 40px; color: var(--truehelp-white, #FFFFFF); font-size: 16px; font-weight: 500; text-align: center; text-transform: capitalize; border-radius: 30px; transition: all 500ms ease; } .truehelp-btn span { position: relative; z-index: 1; } .truehelp-btn::before, .truehelp-btn::after { content: ""; width: calc(100% + var(--tilt)); height: 100%; position: absolute; top: 0; left: calc(-100% - var(--tilt)); background-color: var(--truehelp-primary, #61DEFF); z-index: -1; clip-path: polygon(0 0, calc(100% - var(--tilt)) 0, 100% 50%, calc(100% - var(--tilt)) 100%, 0 100%); transition: transform 0.6s; } .truehelp-btn::before { left: calc(-100% - var(--tilt)); } .truehelp-btn::after { left: 100%; transform: rotate(180deg); } .truehelp-btn:hover::before { transform: translateX(100%); } .truehelp-btn:hover::after { transform: rotate(180deg) translateX(100%); } .truehelp-btn:hover { color: var(--truehelp-black, #463650); } .truehelp-btn--primary { color: var(--truehelp-black, #463650); background-color: var(--truehelp-primary, #61DEFF); } .truehelp-btn--primary::before, .truehelp-btn--primary::after { background-color: var(--truehelp-base, #8A65A0); } .truehelp-btn--primary:hover { color: var(--truehelp-white, #FFFFFF); } .truehelp-btn--white { color: var(--truehelp-black, #463650); background-color: var(--truehelp-white, #FFFFFF); } .truehelp-btn--white::before, .truehelp-btn--white::after { background-color: var(--truehelp-base, #8A65A0); } .truehelp-btn--white:hover { color: var(--truehelp-white, #FFFFFF); } .sec-title--center { margin-bottom: 46px; text-align: center; } .sec-title--center .sec-title__top { justify-content: center; } .sec-title__shape { max-width: 100%; height: auto; } .sec-title__top { margin-bottom: 21px; padding: 4px 7px; display: inline-flex; align-items: center; gap: 8px; border: 1px solid var(--truehelp-gray6, #DAD6DC); } .sec-title__tagline { margin: 0; font-family: var(--truehelp-font, "Manrope", sans-serif); font-size: 16px; color: var(--truehelp-base, #8A65A0); font-weight: 600; line-height: 1.25; } .sec-title__title { margin: 0; font-size: 60px; font-weight: 600; line-height: 1.161; } @media (max-width: 1199px) { .sec-title__title { font-size: 50px; } } @media (max-width: 767px) { .sec-title__title { font-size: 45px; } } @media (max-width: 575px) { .sec-title__title { font-size: 40px; } } @media (max-width: 430px) { .sec-title__title { font-size: 35px; } } .weekly-raised { display: table; position: relative; } .weekly-raised::after { content: ""; width: 198px; height: 198px; position: absolute; top: 10px; left: 6px; background-color: var(--truehelp-primary, #61DEFF); border-radius: 50%; } .weekly-raised__content { padding: 65.5px 34px 63.5px; position: relative; text-align: center; z-index: 1; } .weekly-raised__content::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; transform: rotate(-106.18deg); background-color: var(--truehelp-white4, #F9EFFF); -webkit-mask: url('data:image/svg+xml;utf8, '); mask: url('data:image/svg+xml;utf8, '); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: top center; mask-position: top center; -webkit-mask-size: auto; mask-size: auto; z-index: -1; } .weekly-raised__amount { margin-bottom: 6px; display: flex; align-items: center; justify-content: center; font-weight: 600; font-size: 48px; line-height: 1.041; } @media (max-width: 767px) { .weekly-raised__amount { font-size: 40px; } } .weekly-raised__text { margin: 0; font-weight: 600; font-size: 24px; color: var(--truehelp-gray, #564D5B); text-transform: capitalize; line-height: 1.25; } @media (max-width: 767px) { .weekly-raised__text { font-size: 20px; } } .total-fund { display: inline-block; padding: 20.5px 44px 28.5px; background-color: var(--truehelp-gray14, #FFF0F0); border-radius: 100px; border: 1px solid var(--truehelp-black5, #000000); } @media (max-width: 1599px) { .total-fund { padding: 12px 44px 20px; } } .total-fund__title { margin-bottom: 8px; font-family: var(--truehelp-font, "Manrope", sans-serif); font-size: 24px; font-weight: 600; color: var(--truehelp-black5, #000000); text-transform: capitalize; line-height: 1.75; } @media (max-width: 1599px) { .total-fund__title { font-size: 19px; } } @media (max-width: 430px) { .total-fund__title { font-size: 18px; } } .total-fund__text { margin: 0; font-weight: 600; font-size: 64px; color: var(--truehelp-black5, #000000); line-height: 1; } @media (max-width: 1599px) { .total-fund__text { font-size: 35px; } } @media (max-width: 430px) { .total-fund__text { font-size: 30px; } } .support-education { display: table; padding: 16.5px 50px 21.5px; background-color: var(--truehelp-gray14, #FFF0F0); border: 5px solid var(--truehelp-white, #FFFFFF); border-radius: 78px; transform: rotate(-13.07deg); } @media (max-width: 767px) { .support-education { padding: 10px 40px 15px; } } .support-education__inner { display: flex; align-items: center; gap: 36px; } .support-education__amount { display: flex; align-items: center; margin-bottom: 0; font-weight: 600; font-size: 48px; line-height: 1.25; } @media (max-width: 767px) { .support-education__amount { font-size: 40px; } } .support-education__text { margin: 0; font-weight: 600; font-size: 24px; color: var(--truehelp-gray, #564D5B); line-height: 1.25; text-transform: capitalize; } @media (max-width: 767px) { .support-education__text { font-size: 20px; } } .support-education__icon { display: inline-flex; font-size: 53px; color: var(--truehelp-black, #463650); } @media (max-width: 767px) { .support-education__icon { font-size: 40px; top: 16px; right: 60px; } } .support-education__icon svg { width: 1em; height: 1em; fill: currentColor; } .social-links { display: flex; align-items: center; gap: 8px; } .social-links a { position: relative; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; border-radius: 50%; font-size: 18px; color: var(--truehelp-black5, #000000); background-color: var(--truehelp-white15, #EEE9F1); overflow: hidden; z-index: 1; transition: all 500ms ease; } .social-links a svg { width: 1em; height: 1em; fill: currentColor; } .social-links a::after { content: ""; width: 0; height: 0; position: absolute; top: 0; left: 50%; transform: translateX(-50%); background-color: var(--truehelp-base, #8A65A0); border-radius: inherit; z-index: -1; transition: all 500ms ease; } .social-links a:hover { color: var(--truehelp-white, #FFFFFF); } .social-links a:hover::after { width: 100%; height: 100%; } .truehelp-ratings { display: flex; align-items: center; gap: 6px; } .truehelp-ratings__icon { display: inline-flex; font-size: 15px; color: var(--truehelp-yellow, #EFDA1C); transition: all 500ms ease; } .truehelp-ratings__icon svg { width: 1em; height: 1em; fill: currentColor; } .tabs-box .tabs-content .tab:not(.active-tab) { display: none; } .bootstrap-select .dropdown-menu { padding-top: 0; padding-bottom: 0; border-radius: 0; } .bootstrap-select .dropdown-item.active, .bootstrap-select .dropdown-item:active { background-color: var(--truehelp-base, #8A65A0); } .tns-outer .tns-controls { display: flex; justify-content: center; align-items: center; margin-top: 40px; } .tns-outer .tns-controls button { width: 45px; height: 45px; border: 2px solid #f4f4f4; outline: none; display: flex; justify-content: center; align-items: center; color: var(--truehelp-text, #6F6C71); border-radius: 50%; margin-left: 5px; margin-right: 5px; } .block-title { margin-top: -8px; margin-bottom: 50px; } .block-title__decor { width: 21px; height: 14px; background-image: url(../images/shapes/leaf-1-1.png); background-repeat: no-repeat; background-position: top center; display: inline-block; line-height: 1; margin-bottom: -5px; position: relative; top: -7px; } .block-title p { margin: 0; color: var(--truehelp-text, #6F6C71); font-size: 16px; line-height: 1; margin-bottom: 7px; } @media (min-width: 768px) { .block-title p { font-size: 18px; } } @media (min-width: 992px) { .block-title p { font-size: 20px; } } .block-title h3 { margin: 0; font-size: 35px; color: var(--truehelp-black, #463650); } @media (min-width: 768px) { .block-title h3 { font-size: 42px; } } @media (min-width: 992px) { .block-title h3 { font-size: 50px; } } .ul-list-one { margin-bottom: 0; } .ul-list-one li { position: relative; padding-left: 45px; font-size: 18px; font-weight: 500; color: var(--truehelp-black, #463650); } @media (min-width: 481px) { .ul-list-one li { font-size: 60px; } } .ul-list-one li::before { content: "\e907"; color: var(--truehelp-base, #8A65A0); font-size: 26px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); font-family: "azino-icon"; } .preloader { position: fixed; background-color: var(--truehelp-black4, #1D2130); background-position: center center; background-repeat: no-repeat; top: 0; left: 0; right: 0; bottom: 0; z-index: 9991; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; text-align: center; } .preloader__image { -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: flipInY; animation-name: flipInY; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; background-repeat: no-repeat; background-position: center center; background-size: 60px auto; width: 100%; height: 100%; } /* scroll to top */ .scroll-top { position: fixed; right: 30px; bottom: 30px; height: 50px; width: 50px; cursor: pointer; display: block; border-radius: 50%; background-color: var(--truehelp-black, #463650); z-index: 99; opacity: 0; padding: 6px; visibility: hidden; transform: translateY(15px); -webkit-transition: all 200ms linear; transition: all 200ms linear; } .scroll-top--active { opacity: 1; visibility: visible; transform: translateY(0); } .scroll-top::after { content: "\f30c"; font-family: "Font Awesome 5 Free"; font-size: 18px; color: var(--truehelp-primary, #61DEFF); text-align: center; font-weight: 900; line-height: 50px; -moz-osx-font-smoothing: textscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; position: absolute; left: 0; top: 0; height: 100%; width: 100%; cursor: pointer; display: block; z-index: 1; -webkit-transition: all 200ms linear; transition: all 200ms linear; } .scroll-top__circle path { stroke: var(--truehelp-primary, #61DEFF); stroke-width: 4; fill: none; box-sizing: border-box; -webkit-transition: all 200ms linear; transition: all 200ms linear; } /* post paginations */ .post-pagination { list-style: none; padding: 0; margin: 30px 0 0; display: flex; align-items: center; flex-wrap: wrap; gap: 8px; } .post-pagination a { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 44px; height: 45px; background-color: var(--truehelp-white8, #FBF4FF); color: var(--truehelp-black5, #000000); font-size: 16px; text-align: center; font-weight: 500; text-transform: capitalize; border-radius: 5px; line-height: 45px; overflow: hidden; border: 1px solid var(--truehelp-black5, #000000); transition: all 400ms ease; } .post-pagination a .post-pagination__icon { display: inline-flex; font-size: 15px; color: var(--truehelp-black5, #000000); transition: all 400ms ease; } .post-pagination a .post-pagination__icon svg { width: 1em; height: 1em; fill: currentColor; } .post-pagination a:hover { color: var(--truehelp-white, #FFFFFF); background-color: var(--truehelp-base, #8A65A0); border-color: var(--truehelp-base, #8A65A0); } .post-pagination a:hover .post-pagination__icon { color: var(--truehelp-white, #FFFFFF); } .post-pagination a.post-pagination__prev:hover .post-pagination__icon { animation: slideLeft 400ms; } .post-pagination a.post-pagination__next:hover .post-pagination__icon { animation: slideRight 400ms; } .post-pagination li.active a { color: var(--truehelp-white, #FFFFFF); background-color: var(--truehelp-base, #8A65A0); border-color: var(--truehelp-base, #8A65A0); } .post-pagination li.active a .post-pagination__icon { color: var(--truehelp-white, #FFFFFF); animation-play-state: paused !important; } .truehelp-owl__carousel--with-shadow .owl-stage-outer { overflow: visible; } .truehelp-owl__carousel--with-shadow .owl-item { opacity: 0; visibility: hidden; transition: opacity 500ms ease, visibility 500ms ease; } .truehelp-owl__carousel--with-shadow .owl-item.active { opacity: 1; visibility: visible; } .truehelp-owl__carousel--basic-nav.owl-carousel .owl-nav { display: flex; align-items: center; justify-content: center; gap: 15px; margin-top: 60px; } .truehelp-owl__carousel--basic-nav.owl-carousel .owl-nav button { border: none; outline: none; margin: 0; padding: 0; width: 45px; height: 45px; display: flex; justify-content: center; align-items: center; flex-shrink: 0; font-size: 16px; color: var(--truehelp-black, #463650); background-color: var(--truehelp-white10, #F3F2F2); border-radius: 50%; transition: all 400ms ease; } .truehelp-owl__carousel--basic-nav.owl-carousel .owl-nav button svg { width: 1em; height: 1em; fill: currentColor; } .truehelp-owl__carousel--basic-nav.owl-carousel .owl-nav button:hover { color: var(--truehelp-white, #FFFFFF); background-color: var(--truehelp-base, #8A65A0); } .truehelp-owl__carousel--basic-nav.owl-carousel .owl-nav button span { border: none; outline: none; color: inherit; } .truehelp-owl__carousel--basic-nav.owl-carousel .owl-dots { display: flex; align-items: center; justify-content: center; gap: 10px; } .truehelp-owl__carousel--basic-nav.owl-carousel .owl-dots .owl-dot { outline: 0; border: 0; position: relative; width: 12px; height: 12px; border-radius: 50%; border: 1px solid var(--truehelp-black5, #000000); transition: all 400ms ease; } .truehelp-owl__carousel--basic-nav.owl-carousel .owl-dots .owl-dot span { background-color: transparent; } .truehelp-owl__carousel--basic-nav.owl-carousel .owl-dots .owl-dot:hover, .truehelp-owl__carousel--basic-nav.owl-carousel .owl-dots .owl-dot.active { background-color: var(--truehelp-black5, #000000); } .truehelp-owl__carousel--basic-nav.owl-carousel .owl-dots .owl-dot:hover span, .truehelp-owl__carousel--basic-nav.owl-carousel .owl-dots .owl-dot.active span { background-color: transparent; } .truehelp-owl__carousel--basic-nav.owl-carousel .owl-nav.disabled + .owl-dots { margin-top: 60px; } .truehelp-owl__carousel--basic-nav.owl-carousel .owl-dots.disabled, .truehelp-owl__carousel--basic-nav.owl-carousel .owl-nav.disabled { display: none; } /* custom cursor */ .custom-cursor-two { position: absolute; top: 0; left: 0; padding: 3px 10px 0; display: flex; align-items: center; justify-content: center; gap: 8px; width: 82px; height: 82px; border-radius: 50%; background-color: var(--truehelp-white, #FFFFFF); opacity: 0; transition: all 500ms ease; z-index: 11; pointer-events: none; } .custom-cursor-two__icon { font-size: 22px; color: var(--truehelp-black, #463650); display: inline-block; } .custom-cursor-two__icon--left { position: relative; top: -3px; transform: rotate(-180deg); } .custom-cursor-two-hover:hover + .custom-cursor-two { opacity: 1; } .ui-datepicker .ui-datepicker-header { background-image: none; background-color: var(--truehelp-black, #463650); color: var(--truehelp-white, #FFFFFF); font-family: var(--truehelp-font, "Manrope", sans-serif); } .ui-datepicker-calendar th span { font-family: var(--truehelp-font, "Manrope", sans-serif); } .ui-datepicker-calendar td { background-color: var(--truehelp-gray, #564D5B); background-image: none; font-family: var(--truehelp-font, "Manrope", sans-serif); color: var(--truehelp-text, #6F6C71); } .ui-datepicker-calendar td a { border-color: var(--truehelp-border-color, #E3DAE2); background-color: var(--truehelp-gray, #564D5B); background-image: none; } .ui-datepicker-calendar .ui-state-default, .ui-datepicker-calendar .ui-widget-content .ui-state-default, .ui-datepicker-calendar .ui-widget-header .ui-state-default { border-color: var(--truehelp-border-color, #E3DAE2); background-color: var(--truehelp-gray, #564D5B); background-image: none; color: var(--truehelp-text, #6F6C71); padding: 10px 5px; text-align: center; line-height: 1em; } .ui-datepicker-calendar .ui-state-default:hover, .ui-datepicker-calendar .ui-widget-content .ui-state-default:hover, .ui-datepicker-calendar .ui-widget-header .ui-state-default:hover { color: var(--truehelp-white, #FFFFFF); background-color: var(--truehelp-base, #8A65A0); } .ui-datepicker-calendar .ui-state-highlight, .ui-datepicker-calendar .ui-widget-content .ui-state-highlight, .ui-datepicker-calendar .ui-widget-header .ui-state-highlight { color: var(--truehelp-white, #FFFFFF); background-color: var(--truehelp-base, #8A65A0); } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { background-image: none; background-color: var(--truehelp-white, #FFFFFF); color: var(--truehelp-black, #463650); } .ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover { background-color: var(--truehelp-base, #8A65A0); color: var(--truehelp-white, #FFFFFF); top: 2px; } .ui-datepicker .ui-datepicker-prev:hover { left: 2px; } .ui-datepicker .ui-datepicker-next:hover { right: 2px; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current { background: var(--truehelp-base, #8A65A0); box-shadow: var(--truehelp-base, #8A65A0) 0 1px 3px 0 inset; color: var(--truehelp-white, #FFFFFF); font-weight: 700; } .xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover { background: var(--truehelp-base, #8A65A0) !important; color: var(--truehelp-white, #FFFFFF) !important; } /*-------------------------------------------------------------- # Custom Cursor --------------------------------------------------------------*/ .custom-cursor__cursor { width: 25px; height: 25px; border-radius: 100%; border: 1px solid var(--truehelp-base, #8A65A0); -webkit-transition: all 200ms ease-out; transition: all 200ms ease-out; position: fixed; pointer-events: none; left: 0; top: 0; -webkit-transform: translate(calc(-50% + 5px), -50%); transform: translate(calc(-50% + 5px), -50%); z-index: 999991; } .custom-cursor__cursor-two { width: 10px; height: 10px; border-radius: 100%; background-color: var(--truehelp-base, #8A65A0); opacity: 0.3; position: fixed; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); pointer-events: none; -webkit-transition: width 0.3s, height 0.3s, opacity 0.3s; transition: width 0.3s, height 0.3s, opacity 0.3s; z-index: 999991; } .custom-cursor__hover { background-color: var(--truehelp-base, #8A65A0); opacity: 0.4; } .custom-cursor__innerhover { width: 25px; height: 25px; opacity: 0.4; } /*-------------------------------------------------------------- # Animations --------------------------------------------------------------*/ @keyframes bubbleMover { 0% { -webkit-transform: translateY(0px) translateX(0) rotate(0); transform: translateY(0px) translateX(0) rotate(0); } 30% { -webkit-transform: translateY(30px) translateX(50px) rotate(15deg); transform: translateY(30px) translateX(50px) rotate(15deg); -webkit-transform-origin: center center; transform-origin: center center; } 50% { -webkit-transform: translateY(50px) translateX(100px) rotate(45deg); transform: translateY(50px) translateX(100px) rotate(45deg); -webkit-transform-origin: right bottom; transform-origin: right bottom; } 80% { -webkit-transform: translateY(30px) translateX(50px) rotate(15deg); transform: translateY(30px) translateX(50px) rotate(15deg); -webkit-transform-origin: left top; transform-origin: left top; } 100% { -webkit-transform: translateY(0px) translateX(0) rotate(0); transform: translateY(0px) translateX(0) rotate(0); -webkit-transform-origin: center center; transform-origin: center center; } } @keyframes shapeMover { 0%, 100% { transform: perspective(400px) translateY(0) rotate(0deg) translateZ(0px) translateX(0); } 50% { transform: perspective(400px) rotate(-45deg) translateZ(20px) translateY(20px) translateX(20px); } } @keyframes banner3Shake { 0% { -webkit-transform: rotate3d(0, 1, 0, 0deg); transform: rotate3d(0, 1, 0, 0deg); } 30% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 60% { -webkit-transform: rotate3d(1, 0, 0, 0deg); transform: rotate3d(1, 0, 0, 0deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 100% { -webkit-transform: rotate3d(0, 1, 0, 0deg); transform: rotate3d(0, 1, 0, 0deg); } } @keyframes squareMover { 0%, 100% { -webkit-transform: translate(0, 0) rotate(0); transform: translate(0, 0) rotate(0); } 20%, 60% { -webkit-transform: translate(20px, 40px) rotate(180deg); transform: translate(20px, 40px) rotate(180deg); } 30%, 80% { -webkit-transform: translate(40px, 60px) rotate(0deg); transform: translate(40px, 60px) rotate(0deg); } } @keyframes treeMove { 0%, 100% { -webkit-transform: rotate(0deg) translateX(0); transform: rotate(0deg) translateX(0); } 25%, 75% { -webkit-transform: rotate(5deg) translateX(15px); transform: rotate(5deg) translateX(15px); } 50% { -webkit-transform: rotate(10deg) translateX(30px); transform: rotate(10deg) translateX(30px); } } @keyframes leafMove { 0%, 100% { -webkit-transform: rotate(0deg) translateX(0); transform: rotate(0deg) translateX(0); } 25%, 75% { transform: rotate(-2deg) translateX(5px); } 50% { transform: rotate(-4deg) translateX(10px); } } @keyframes messageMove { 0%, 100% { transform: translateX(0); } 25%, 75% { transform: translateX(5px); } 50% { transform: translateX(10px); } } @keyframes textRotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes shapeRotate { 0% { transform: rotate(0); } 50% { transform: rotate(90deg); } 100% { transform: rotate(0); } } @keyframes flowerRotate { 0%, 100% { transform: rotate(0deg); } 25%, 75% { transform: rotate(5deg); } 50% { transform: rotate(10deg); } } @keyframes zump { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } 50% { -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 100% { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes zumpBottom { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } 50% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 100% { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes zoomIn { 0% { transform: scale(1.15); } 50% { transform: scale(1); } 100% { transform: scale(1.15); } } @keyframes zoomOut { 0% { transform: scale(0.8); } 50% { transform: scale(1); } 100% { transform: scale(0.8); } } @keyframes moveHorizontal { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } 50% { -webkit-transform: translate3d(15px, 0, 0); transform: translate3d(15px, 0, 0); } 100% { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes moveHorizontal2 { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } 50% { -webkit-transform: translate3d(-15px, 0, 0); transform: translate3d(-15px, 0, 0); } 100% { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } @keyframes wobble-horizontal-hover { 16.65% { transform: translateX(5px); } 33.3% { transform: translateX(-3px); } 49.95% { transform: translateX(4px); } 66.6% { transform: translateX(-2px); } 83.25% { transform: translateX(1px); } 100% { transform: translateX(0); } } @keyframes flipInY { from { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); } 40% { transform: perspective(400px) rotate3d(0, 1, 0, -20deg); } 60% { transform: perspective(400px) rotate3d(0, 1, 0, 10deg); } 80% { transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { transform: perspective(400px); } } @keyframes flipInX { from { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); } 40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); } 60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); } 80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { transform: perspective(400px); } } @keyframes flip { from { transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); } 40% { transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 50px) rotate3d(0, 1, 0, -190deg); } 50% { transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 50px) rotate3d(0, 1, 0, -170deg); } 80% { transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); } to { transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); } } @keyframes smartMove { 0% { width: 0; } 15% { width: 100%; } 85% { opacity: 1; } 90% { width: 100%; opacity: 0; } 100% { width: 0; opacity: 0; } } @keyframes smartMove2 { 0% { width: 0; } 15% { width: 126px; } 85% { opacity: 1; } 90% { width: 126px; opacity: 0; } 100% { width: 0; opacity: 0; } } @keyframes smartMove3 { 0% { width: 0; } 15% { width: 173px; } 85% { opacity: 1; } 90% { width: 173px; opacity: 0; } 100% { width: 0; opacity: 0; } } @keyframes float-bob-y { 0% { -webkit-transform: translateY(0px) translateX(0px) rotate(0deg); transform: translateY(0px) translateX(0px) rotate(0deg); } 50% { -webkit-transform: translateY(10px) translateX(10px) rotate(5deg); transform: translateY(10px) translateX(10px) rotate(5deg); } 100% { -webkit-transform: translateY(0px) translateX(0px) rotate(0deg); transform: translateY(0px) translateX(0px) rotate(0deg); } } @keyframes rectMove { 0%, 50%, 100% { -webkit-transform: scale(1); transform: scale(1); } 25%, 75% { -webkit-transform: scale(0.8); transform: scale(0.8); } } @keyframes moveBackground { 0% { background-position: -1920px 100%; } 100% { background-position: 0 100%; } } @keyframes moveBackgroundY { 0% { background-position: 100% 1920px; } 100% { background-position: 100% 0; } } @keyframes slideTop { 49% { -webkit-transform: translateY(100%); transform: translateY(100%); } 50% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 51% { opacity: 1; } } @keyframes slideRight { 49% { -webkit-transform: translateX(100%); transform: translateX(100%); } 50% { opacity: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); } 51% { opacity: 1; } } @keyframes slideLeft { 49% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 50% { opacity: 0; -webkit-transform: translateX(100%); transform: translateX(100%); } 51% { opacity: 1; } } @keyframes animatedCircle { 0% { transform: translate(0px, 0px) rotate(0deg) scale(1); } 20% { transform: translate(73px, -1px) rotate(36deg) scale(0.9); } 40% { transform: translate(141px, 72px) rotate(72deg) scale(1); } 60% { transform: translate(83px, 122px) rotate(108deg) scale(1.2); } 80% { transform: translate(-40px, 72px) rotate(144deg) scale(1.1); } 100% { transform: translate(0px, 0px) rotate(0deg) scale(1); } } /*-------------------------------------------------------------- # Cards --------------------------------------------------------------*/ /*---------- Video ----------*/ .video-one { height: 647px; width: 100vw; z-index: 1; position: relative; overflow: hidden; } .video-one img { width: 100%; height: 100%; object-fit: cover; } .video-one .video-popup { width: 70px; height: 70px; display: flex; align-items: center; justify-content: center; transition: all 500ms ease; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 1; } .video-one .video-popup i { background-color: var(--truehelp-white, #FFFFFF); border-radius: 50%; z-index: 2; width: 70px; height: 70px; transition: all 500ms ease; font-size: 18px; color: var(--truehelp-base, #8A65A0); display: flex; align-items: center; justify-content: center; } .video-one .video-popup .ripple { content: ""; border: 1px solid var(--truehelp-white, #FFFFFF); position: absolute; z-index: -1; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: calc(100% + 25px); height: calc(100% + 25px); border-radius: 50%; animation: videoZoom 3s linear infinite; animation-delay: 0s; animation-delay: 0.55s; } .video-one .video-popup .ripple::after { content: ""; border: 1px solid var(--truehelp-white, #FFFFFF); position: absolute; z-index: -1; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: calc(100% + 50px); height: calc(100% + 50px); border-radius: 50%; animation: videoZoom 1.5s linear infinite; animation-delay: 0s; -webkit-animation-delay: 0s; animation-delay: 0s; } .video-one .video-popup:hover i { color: var(--truehelp-white, #FFFFFF); background-color: var(--truehelp-base, #8A65A0); } /*.video-btn{ z-index: 2; display: grid; place-content: center; height: 100vh; width: 100vw; position: relative; }*/ .video-space { height: 100vh; width: 100vw; display: grid; place-content: center; position: relative; } .video-two { position: relative; background-color: var(--truehelp-black, #463650); padding: 143px 0 320px; } @media (max-width: 767px) { .video-two { padding: 100px 0 270px; } .video-two .text-end { text-align: left !important; } } .video-two__bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--truehelp-black, #463650); background-size: cover; background-position: center center; background-repeat: no-repeat; opacity: 0.5; } .video-two__shape { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: left top; background-repeat: no-repeat; background-size: auto; } @media (max-width: 1199px) { .video-two__shape { display: none; } } .video-two .container { position: relative; } .video-two__btn { width: 145px; height: 145px; display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; position: relative; margin-top: 42px; } .video-two__btn .video-popup { font-size: 24px; color: var(--truehelp-white, #FFFFFF); transition: all 500ms ease; position: relative; z-index: 10; } .video-two__btn .video-popup:hover { color: var(--truehelp-base, #8A65A0); } .video-two__btn .curved-circle { position: absolute; top: 0; left: 0; width: 145px; height: 145px; transform-origin: center center; display: flex; justify-content: center; align-items: center; animation: textRotate 15s linear 0s forwards infinite alternate; } .video-two__btn .curved-circle--item { width: 145px !important; height: 145px !important; } .video-two__btn .curved-circle--item span { text-transform: uppercase; font-size: 14px; color: var(--truehelp-white, #FFFFFF); letter-spacing: 0.4em; } .video-two__title { margin: 0; text-transform: uppercase; color: var(--truehelp-white, #FFFFFF); font-size: 40px; line-height: 1.2em; margin-bottom: 40px; } @media (min-width: 768px) { .video-two__title { font-size: 50px; } } @media (min-width: 992px) { .video-two__title { font-size: 60px; margin-bottom: 35px; } } .video-two__link::before { background-color: var(--truehelp-base, #8A65A0); } /*---------- Volunteer ----------*/ .volunteer-card { position: relative; } .volunteer-card__image { border-radius: 30px; } .volunteer-card__image img { width: 100%; display: block; border-radius: inherit; } .volunteer-card__info { width: calc(100% - 86px); padding: 38px 30px 0px; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); background: radial-gradient(50% 50% at 50% 50%, var(--truehelp-soft-lavender2, #F2DBFF) 0%, var(--truehelp-white, #FFFFFF) 100%); background-blend-mode: hard-light; border-radius: 30px 30px 0px 0px; text-align: center; transition: all 500ms ease; } @media (min-width: 992px) and (max-width: 1199px) { .volunteer-card__info { width: calc(100% - 50px); padding: 33px 25px 0px; } } @media (max-width: 390px) { .volunteer-card__info { width: 100%; padding: 33px 25px 0px; border-radius: 0px 0px 30px 30px; } } .volunteer-card:hover .volunteer-card__info { width: calc(100% - 0px); border-radius: 0px 0px 30px 30px; } .volunteer-card__name { margin-bottom: 4px; font-size: 24px; font-weight: 500; line-height: 1.333; } @media (min-width: 992px) and (max-width: 1199px) { .volunteer-card__name { font-size: 22px; } } @media (max-width: 375px) { .volunteer-card__name { font-size: 22px; } } .volunteer-card__name:hover { color: var(--truehelp-base, #8A65A0); } .volunteer-card__name a { color: inherit; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease; } .volunteer-card__name a:hover { background-size: 100% 1px; } .volunteer-card__designation { margin-bottom: 18px; font-size: 14px; color: var(--truehelp-base, #8A65A0); font-weight: 600; text-transform: capitalize; line-height: 1.428; } .volunteer-card .social-links { justify-content: center; gap: 5px; } .volunteer-card .social-links a { width: 36px; height: 36px; background-color: var(--truehelp-white, #FFFFFF); font-size: 15px; color: var(--truehelp-black, #463650); } .volunteer-card .social-links a:hover { color: var(--truehelp-white, #FFFFFF); } .volunteers-page { position: relative; padding-bottom: 395px; background-color: var(--truehelp-soft-lavender, #F1DFF2); } @media (max-width: 767px) { .volunteers-page { padding-bottom: 365px; } } @media (max-width: 575px) { .volunteers-page { padding-bottom: 345px; } } .volunteers-page__bg { background-repeat: no-repeat; background-position: top center; background-size: cover; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .volunteers-page .container { position: relative; z-index: 1; } .volunteers-page--carousel { padding-bottom: var(--section-space, 130px); } @media (max-width: 767px) { .volunteers-page--carousel { padding-bottom: 100px; } } @media (max-width: 575px) { .volunteers-page--carousel { padding-bottom: 80px; } } .volunteers-one { position: relative; padding-top: 310px; background-color: var(--truehelp-white, #FFFFFF); } @media (max-width: 767px) { .volunteers-one { padding-top: 280px; } } @media (max-width: 575px) { .volunteers-one { padding-top: 260px; } } .volunteers-one--about { background-color: var(--truehelp-soft-lavender, #F1DFF2); } .volunteers-one__bg { background-repeat: no-repeat; background-position: top center; background-size: cover; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .volunteers-one .container { position: relative; z-index: 1; } /*---------- Donation ----------*/ .donation-card { background-color: var(--truehelp-white, #FFFFFF); border-radius: 5px; border: 1px solid var(--truehelp-border-color, #E3DAE2); } .donation-card__image { position: relative; border-radius: inherit; overflow: hidden; } .donation-card__image img { width: 100%; display: block; border-radius: inherit; } .donation-card__image img:nth-child(2) { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1.5); opacity: 0; z-index: 1; } .donation-card:hover img:nth-child(2) { transform: translate(-50%, -50%) scale(1); opacity: 1; transition: all 1000ms ease; } .donation-card__content { padding: 25px 30px 30px; } @media (min-width: 768px) and (max-width: 991px) { .donation-card__content { padding: 20px; } } @media (max-width: 390px) { .donation-card__content { padding: 20px; } } .donation-card__title { margin-bottom: 11px; font-size: 24px; font-weight: 500; line-height: 1.25; text-transform: capitalize; } @media (min-width: 768px) and (max-width: 991px) { .donation-card__title { font-size: 22px; } } @media (max-width: 390px) { .donation-card__title { font-size: 22px; } } .donation-card__title:hover { color: var(--truehelp-base, #8A65A0); } .donation-card__title a { color: inherit; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease; } .donation-card__title a:hover { background-size: 100% 1px; } .donation-card__text { margin-bottom: 27px; font-size: 15px; line-height: 1.866; } .donation-card__amount { margin-bottom: 30px; position: relative; padding: 12px 0px; display: flex; align-items: center; border: 1px solid var(--truehelp-border-color, #E3DAE2); border-radius: 5px; } .donation-card__amount::before { content: ""; width: calc(100% - 110px); height: 100%; position: absolute; top: 0; left: 0; background-color: RGBA(var(--truehelp-soft-lavender-rgb, 241, 223, 242), 0.4); border-radius: inherit 0 0 inherit; } @media (max-width: 375px) { .donation-card__amount::before { width: calc(100% - 90px); } } .donation-card__amount::after { content: ""; width: 110px; height: 100%; position: absolute; top: 0; right: 0; background-color: RGBA(var(--truehelp-primary-rgb, 97, 222, 255), 0.2); border-radius: 0 inherit inherit 0; } @media (max-width: 375px) { .donation-card__amount::after { width: 90px; } } .donation-card__list { position: relative; z-index: 1; margin: 0; padding: 0px 20px 0px 37px; flex: 1 0 0; } @media (min-width: 768px) and (max-width: 991px) { .donation-card__list { padding-left: 30px; } } @media (max-width: 375px) { .donation-card__list { padding-left: 15px; padding-right: 15px; } } .donation-card__list::before { content: ""; width: 1px; height: calc(100% - 19px); background-color: var(--truehelp-black5, #000000); position: absolute; top: 50%; left: 20px; transform: translateY(-50%); } @media (min-width: 768px) and (max-width: 991px) { .donation-card__list::before { left: 13px; } } @media (max-width: 375px) { .donation-card__list::before { display: none; } } .donation-card__list li + li { margin-top: 9px; } .donation-card__list li { display: flex; align-items: center; font-size: 15px; color: var(--truehelp-black5, #000000); font-weight: 500; line-height: 1.25; } .donation-card__list li span:first-child { flex: 0 0 65px; position: relative; } .donation-card__list li span:first-child::before { content: ""; width: 12px; height: 1px; background-color: var(--truehelp-black5, #000000); position: absolute; top: 50%; left: -17px; transform: translateY(-50%); } @media (max-width: 375px) { .donation-card__list li span:first-child::before { display: none; } } .donation-card__list li span:last-child { flex: 1 0 0; } .donation-card__count { position: relative; z-index: 1; padding: 0px 10px; display: flex; align-items: center; justify-content: center; flex: 0 0 110px; font-family: var(--truehelp-font, "Manrope", sans-serif); font-weight: 700; font-size: 40px; color: var(--truehelp-black5, #000000); line-height: 1; } @media (max-width: 375px) { .donation-card__count { flex: 0 0 90px; } } .donation-card__count h3 { margin: 0; color: inherit; } .donation-card .truehelp-btn { display: block; padding: 9px 30px; border-radius: 5px; } .donation-card--two .donation-card__content { padding-top: 0; } .donation-card--two .truehelp-btn { margin-top: -24px; margin-bottom: 22px; } .donation-card--two .donation-card__title { margin-bottom: 25px; } .donation-card--two .donation-card__amount { margin: 0; padding: 0; border: 0; border-radius: 0; display: block; } .donation-card--two .donation-card__amount::before, .donation-card--two .donation-card__amount::after { width: 1px; height: 14px; background-color: var(--truehelp-black5, #000000); } .donation-card--two .donation-card__list { padding: 6px 26px 0px; display: flex; align-items: center; justify-content: space-between; gap: 20px; } @media (max-width: 991px) { .donation-card--two .donation-card__list { padding-left: 20px; padding-right: 20px; } } @media (max-width: 375px) { .donation-card--two .donation-card__list { gap: 15px; padding-left: 15px; padding-right: 15px; } } .donation-card--two .donation-card__list::before { display: block; width: 100%; height: 1px; top: 0px; left: 0px; transform: translate(0); } .donation-card--two .donation-card__list li { margin: 0; display: flex; align-items: center; gap: 15px; } @media (max-width: 991px) { .donation-card--two .donation-card__list li { gap: 10px; } } @media (max-width: 375px) { .donation-card--two .donation-card__list li { gap: 5px; } } .donation-card--two .donation-card__list li span { flex: 0 0 0; } .donation-card--two .donation-card__list li span:first-child::before { display: none; } .donation-card--two .progress-box { margin-top: 6px; padding-top: 21px; background-color: RGBA(var(--truehelp-soft-lavender-rgb, 241, 223, 242), 0.4); border: 1px solid var(--truehelp-border-color, #E3DAE2); border-bottom: 0; border-radius: 5px; } .donation-card--two .progress-box__bar { position: relative; width: 100%; height: 6px; background-color: RGBA(var(--truehelp-base-rgb, 138, 101, 160), 0.4); border-radius: 2px; } .donation-card--two .progress-box__bar__inner { height: 100%; width: 0px; position: absolute; top: 0; left: 0; background-color: var(--truehelp-base, #8A65A0); border-radius: inherit; transition: all 800ms linear; } .donation-card--two .progress-box__number { position: absolute; right: 0px; bottom: calc(100% + 4px); font-size: 14px; color: var(--truehelp-black5, #000000); font-weight: 700; line-height: 1; } .donations-page { background-color: var(--truehelp-white, #FFFFFF); } @media (min-width: 1400px) { .donations-page--two .container { max-width: 1600px; } } .donations-one { padding-bottom: 476px; position: relative; } @media (max-width: 767px) { .donations-one { padding-bottom: 446px; } } @media (max-width: 575px) { .donations-one { padding-bottom: 426px; } } .donations-one__bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-position: top center; background-size: cover; } .donations-one .container { position: relative; z-index: 1; } @media (min-width: 1600px) { .donations-one .container { max-width: 1600px; } } .donations-one__carousel.owl-carousel .owl-nav button { background-color: var(--truehelp-white, #FFFFFF); } .donations-two { padding-top: 272px; padding-bottom: 203px; position: relative; } @media (max-width: 767px) { .donations-two { padding-top: 242px; padding-bottom: 173px; } } @media (max-width: 575px) { .donations-two { padding-top: 222px; padding-bottom: 153px; } } .donations-two__bg { position: relative; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-position: top center; background-size: cover; } .donations-two__bg::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(270deg, #EAD8F4 0%, #E7DFDF 46%, #E8F8FD 100%); opacity: 0.85; } .donations-two .container { position: relative; z-index: 1; } @media (min-width: 1600px) { .donations-two .container { max-width: 1600px; } } .donations-two .sec-title__top { border-color: var(--truehelp-base, #8A65A0); } .donations-two__carousel.owl-carousel .owl-nav button { background-color: var(--truehelp-white, #FFFFFF); } .donations-three { position: relative; } .donations-three::before { content: ""; width: 942px; height: calc(100% + 242px); position: absolute; top: 0px; left: 241px; background-color: var(--truehelp-white28, #FAF7FC); border-radius: 0px 0px 0px 375px; } @media (max-width: 1799px) { .donations-three::before { left: 130px; } } @media (max-width: 1599px) { .donations-three::before { left: 50px; } } @media (max-width: 1399px) { .donations-three::before { left: 0px; } } @media (max-width: 1299px) { .donations-three::before { display: none; } } .donations-three .container { position: relative; z-index: 1; } @media (min-width: 1600px) { .donations-three .container { max-width: 1600px; } } /*---------- Event ----------*/ .event-card { position: relative; padding: 38px 32px 43px; background-color: var(--accent-color); border-radius: 24px; } @media (max-width: 991px) { .event-card { padding: 25px 30px 30px; } } @media (max-width: 360px) { .event-card { padding-left: 25px; padding-right: 25px; } } .event-card__content { position: relative; z-index: 1; } .event-card__title { margin-bottom: 16px; font-size: 24px; font-weight: 600; text-transform: capitalize; line-height: 1.208; } @media (min-width: 768px) and (max-width: 991px) { .event-card__title { font-size: 22px; } } @media (max-width: 430px) { .event-card__title { font-size: 22px; } } .event-card__title:hover { color: var(--truehelp-base, #8A65A0); } .event-card__title a { color: inherit; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease; } .event-card__title a:hover { background-size: 100% 1px; } .event-card__text { margin-bottom: 24px; font-size: 16px; line-height: 1.625; } .event-card__location { margin-bottom: 25px; display: flex; align-items: flex-start; gap: 6px; } .event-card__location__icon { position: relative; top: 5px; display: inline-flex; font-size: 15px; color: var(--truehelp-black5, #000000); } .event-card__location__icon svg { width: 1em; height: 1em; fill: currentColor; } .event-card__location__link { color: var(--truehelp-text-gray, #4B5563); font-size: 16px; line-height: 1.625; } .event-card__location__link:hover { color: var(--truehelp-base, #8A65A0); } .event-card .truehelp-btn { padding: 6px 35px; font-family: var(--truehelp-font2, "Roboto", sans-serif); font-weight: 400; } .event-card__shape { width: auto !important; max-width: 100%; height: auto; position: absolute; right: 31px; bottom: 10px; animation: textRotate 4s linear infinite; } .event-card-two { position: relative; overflow: hidden; border-radius: 24px; } .event-card-two__show, .event-card-two__hover { position: relative; background-color: var(--accent-color); border-radius: inherit; } .event-card-two__image { border-radius: 24px 24px 0px 0px; } .event-card-two__image img { width: 100%; display: block; border-radius: inherit; } .event-card-two__content { position: relative; padding: 41px 32px 40px; z-index: 1; } @media (min-width: 768px) and (max-width: 991px) { .event-card-two__content { padding: 30px 25px; } } @media (max-width: 430px) { .event-card-two__content { padding: 30px 25px; } } .event-card-two__title { margin-bottom: 23px; font-size: 24px; font-weight: 600; text-transform: capitalize; line-height: 1.208; } @media (min-width: 768px) and (max-width: 991px) { .event-card-two__title { font-size: 22px; } } @media (max-width: 430px) { .event-card-two__title { font-size: 22px; } } .event-card-two__title:hover { color: var(--truehelp-base, #8A65A0); } .event-card-two__title a { color: inherit; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease; } .event-card-two__title a:hover { background-size: 100% 1px; } .event-card-two__text { margin-bottom: 24px; font-size: 16px; line-height: 1.625; } .event-card-two__location { margin-bottom: 26px; display: flex; align-items: flex-start; gap: 6px; } .event-card-two__location__icon { position: relative; top: 5px; display: inline-flex; font-size: 15px; color: var(--truehelp-black5, #000000); } .event-card-two__location__icon svg { width: 1em; height: 1em; fill: currentColor; } .event-card-two__location__link { color: var(--truehelp-text-gray, #4B5563); font-size: 16px; line-height: 1.625; } .event-card-two__location__link:hover { color: var(--truehelp-base, #8A65A0); } .event-card-two .truehelp-btn { padding: 6px 35px; font-family: var(--truehelp-font2, "Roboto", sans-serif); font-weight: 400; } .event-card-two__hover { width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow-y: scroll; z-index: 1; border: 1px solid var(--truehelp-black5, #000000); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); transform: rotateY(-90deg); -webkit-transition: -webkit-transform 0.5s, opacity 0.1s 0.3s; -moz-transition: -moz-transform 0.5s, opacity 0.1s 0.3s; transition: transform 0.5s, opacity 0.1s 0.3s; -ms-overflow-style: none; scrollbar-width: none; } .event-card-two__hover::-webkit-scrollbar { display: none; } .event-card-two:hover .event-card-two__hover { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-transition: -webkit-transform 0.5s, opacity 0.1s; -moz-transition: -moz-transform 0.5s, opacity 0.1s; transition: transform 0.5s, opacity 0.1s; } .event-card-two__shape { width: auto !important; max-width: 100%; height: auto; position: absolute; right: 31px; bottom: -56px; animation: textRotate 4s linear infinite; } .events-page, .events-one, .events-two { background-color: var(--truehelp-white, #FFFFFF); } .events-two { position: relative; } .events-two::before { content: ""; width: 942px; height: calc(100% - 30px); position: absolute; top: 30px; right: 253px; background-color: var(--truehelp-white28, #FAF7FC); border-radius: 0px 293px 0px 0px; } @media (max-width: 1799px) { .events-two::before { right: 130px; } } @media (max-width: 1599px) { .events-two::before { right: 50px; } } @media (max-width: 1399px) { .events-two::before { right: 0px; } } @media (max-width: 1299px) { .events-two::before { display: none; } } .events-two .container { position: relative; z-index: 1; } /*---------- Blog ----------*/ .blog-card { position: relative; background-color: var(--truehelp-white, #FFFFFF); border-radius: 10px; overflow: hidden; } .blog-card__image { display: block; position: relative; overflow: hidden; border-radius: 10px 10px 0px 0px; } .blog-card__image img { width: 100%; display: block; border-radius: inherit; transition: all 500ms ease; } .blog-card:hover .blog-card__image img { transform: rotate(3deg) scale(1.1); } .blog-card__date { display: inline-block; margin: 0; padding: 7.5px 11px; position: absolute; top: 20px; left: 20px; font-size: 15px; color: var(--truehelp-black, #463650); font-weight: 600; line-height: 1; text-align: center; text-transform: uppercase; background-color: var(--truehelp-primary, #61DEFF); border-radius: 10px; } .blog-card__content { position: relative; padding: 29px 29px 30px; z-index: 1; } @media (min-width: 992px) and (max-width: 1199px) { .blog-card__content { padding: 29px 20px 20px; } } @media (min-width: 768px) and (max-width: 991px) { .blog-card__content { padding: 29px 25px 25px; } } @media (max-width: 375px) { .blog-card__content { padding: 29px 20px 20px; } } .blog-card__meta { margin-bottom: 20px; display: flex; align-items: center; gap: 20px; } .blog-card__meta li { display: flex; align-items: center; gap: 9px; font-size: 15px; color: var(--truehelp-text-gray, #4B5563); font-weight: 500; text-transform: capitalize; line-height: 1.25; } @media (min-width: 992px) and (max-width: 1199px) { .blog-card__meta li { font-size: 13px; } } @media (max-width: 375px) { .blog-card__meta li { font-size: 13px; } } .blog-card__meta li a { color: inherit; } .blog-card__meta li a:hover { color: var(--truehelp-base, #8A65A0); } .blog-card__meta__icon { display: inline-flex; font-size: 16px; color: var(--truehelp-base, #8A65A0); } .blog-card__meta__icon svg { width: 1em; height: 1em; fill: currentColor; } @media (min-width: 992px) and (max-width: 1199px) { .blog-card__meta__icon { font-size: 14px; } } .blog-card__title { margin-bottom: 22px; font-size: 20px; text-transform: capitalize; font-weight: 600; line-height: 1.5; } .blog-card__title:hover { color: var(--truehelp-base, #8A65A0); } .blog-card__title a { color: inherit; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease; } .blog-card__title a:hover { background-size: 100% 1px; } .blog-card .truehelp-btn { padding: 10px 36.5px; font-size: 15px; } .blog-card__shape { width: auto !important; max-width: 100%; height: auto; position: absolute; right: 27px; bottom: -6px; animation: textRotate 4s linear infinite; } .blog-card--two { padding: 30px 27px; display: grid; grid-template-columns: repeat(2, 1fr); align-items: start; grid-gap: 30px; } @media (max-width: 767px) { .blog-card--two { grid-template-columns: repeat(1, 1fr); } } @media (max-width: 375px) { .blog-card--two { padding: 25px; } } @media (min-width: 992px) and (max-width: 1199px) { .blog-card--two { grid-template-columns: repeat(1, 1fr); } } .blog-card--two .blog-card__category { display: inline-block; padding: 6px 11px; position: absolute; left: 10px; bottom: 22px; font-size: 15px; color: var(--truehelp-black, #463650); font-weight: 500; line-height: 1; text-align: center; text-transform: capitalize; background-color: var(--truehelp-soft-lavender2, #F2DBFF); border-radius: 10px; transition: all 500ms ease; } .blog-card--two .blog-card__category:hover { color: var(--truehelp-white, #FFFFFF); background-color: var(--truehelp-base, #8A65A0); } .blog-card--two .blog-card__content { padding: 0px; } .blog-card--two .blog-card__date { position: static; padding: 6px 11px; margin-bottom: 21px; } .blog-card--two .blog-card__meta { margin-bottom: 13px; } .blog-card--two .blog-card__title { margin-bottom: 20px; } .blog-card--two .blog-card__text { margin-bottom: 25px; font-size: 15px; line-height: 1.733; } .blog-card--two .blog-card__shape { right: -1px; bottom: -16px; } .blog-card--three { background-color: transparent; } .blog-card--three .blog-card__image { border-radius: 10px; } .blog-card--three .blog-card__content { margin-top: -23px; padding-top: 30px; border-radius: inherit; background-color: var(--truehelp-white22, #FAF3FE); } .blog-card--three .blog-card__content__inner { position: relative; z-index: 1; } .blog-card--three .blog-card__content__top { margin-bottom: 22px; display: flex; align-items: center; gap: 13px; } .blog-card--three .blog-card__date { position: static; padding: 6px 11px; } .blog-card--three .blog-card__category { display: inline-block; margin: 0; padding: 6px 11px; font-size: 15px; color: var(--truehelp-black, #463650); font-weight: 500; line-height: 1; text-align: center; text-transform: capitalize; background-color: var(--truehelp-soft-lavender2, #F2DBFF); border-radius: 10px; } .blog-card--three .blog-card__category:hover { color: var(--truehelp-white, #FFFFFF); background-color: var(--truehelp-base, #8A65A0); } .blog-card--three .blog-card__meta { margin-bottom: 14px; } .blog-card--three .blog-card__shape { right: 47px; bottom: -27px; } .blog-card--four { background-color: transparent; } .blog-card--four .blog-card__content { padding-top: 34px; background-color: var(--truehelp-white24, #FDF9FF); border: 1px solid var(--truehelp-gray11, #E6E6E6); border-top: 0; border-radius: 0px 0px 10px 10px; } .blog-card--four .blog-card__category { display: inline-block; margin: 0; padding: 6px 11px; position: absolute; left: 29px; bottom: 15px; font-size: 15px; color: var(--truehelp-black, #463650); font-weight: 500; line-height: 1; text-align: center; text-transform: capitalize; background-color: var(--truehelp-soft-lavender2, #F2DBFF); border-radius: 10px; } .blog-card--four .blog-card__category:hover { color: var(--truehelp-white, #FFFFFF); background-color: var(--truehelp-base, #8A65A0); } .blog-card--four .blog-card__meta { margin-bottom: 14px; } .blog-card--four .blog-card__title { margin-bottom: 16px; font-size: 32px; } @media (min-width: 992px) and (max-width: 1199px) { .blog-card--four .blog-card__title { font-size: 26px; } } @media (max-width: 767px) { .blog-card--four .blog-card__title { font-size: 26px; } } .blog-card--four .blog-card__text { margin-bottom: 26px; font-size: 16px; color: var(--truehelp-text-gray, #4B5563); line-height: 1.75; } .blog-card--four .truehelp-btn { padding: 7px 36.5px; color: var(--truehelp-black5, #000000); background-color: RGBA(var(--truehelp-primary-rgb, 97, 222, 255), 0.3); } .blog-card--four .truehelp-btn::before, .blog-card--four .truehelp-btn::after { background-color: var(--truehelp-primary, #61DEFF); } .blog-one { position: relative; } .blog-one__bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-position: top center; background-size: cover; } .blog-one .container { position: relative; z-index: 1; } @media (min-width: 1600px) { .blog-one .container { max-width: 1600px; } } .blog-one__carousel.owl-carousel .owl-nav button { background-color: var(--truehelp-white, #FFFFFF); } .blog-two { position: relative; } .blog-two__bg { position: relative; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-position: top center; background-size: cover; } .blog-two__bg__shape-1, .blog-two__bg__shape-2 { max-width: 100%; height: auto; } .blog-two__bg__shape-1 { position: absolute; top: 164px; left: -22px; } .blog-two__bg__shape-2 { position: absolute; top: -115px; right: -58px; } .blog-two .container { position: relative; z-index: 1; } @media (min-width: 1600px) { .blog-two .container { max-width: 1800px; } } .blog-two__carousel.owl-carousel .owl-nav button { background-color: var(--truehelp-white, #FFFFFF); } @media (min-width: 1400px) and (max-width: 1799px) { .blog-two .blog-card--two { grid-template-columns: repeat(1, 1fr); } } .blog-three { position: relative; } .blog-three__bg { position: relative; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-position: top center; background-size: cover; } .blog-three__bg::before { content: ""; width: 942px; height: calc(100% - 130px); position: absolute; top: 130px; right: 253px; background-color: var(--truehelp-white28, #FAF7FC); border-radius: 0px 293px 0px 0px; } @media (max-width: 1799px) { .blog-three__bg::before { right: 130px; } } @media (max-width: 1599px) { .blog-three__bg::before { right: 50px; } } @media (max-width: 1399px) { .blog-three__bg::before { right: 0px; } } @media (max-width: 1299px) { .blog-three__bg::before { display: none; } } .blog-three .container { position: relative; z-index: 1; } .blog-three__top { margin-bottom: 46px; } .blog-three__description { padding-left: 52px; } @media (max-width: 1199px) { .blog-three__description { padding-left: 20px; } } @media (max-width: 991px) { .blog-three__description { padding-left: 0px; } } .blog-three__text { margin: 0; font-size: 16px; line-height: 1.75; } .blog-page { background-color: var(--truehelp-white, #FFFFFF); } .blog-page .post-pagination { justify-content: center; } @media (max-width: 991px) { .blog-page .post-pagination { margin-top: 20px; } } .blog-page--two { background-color: var(--truehelp-white20, #F6F0FA); } .blog-page--two .blog-page__carousel.owl-carousel .owl-nav button { background-color: var(--truehelp-white, #FFFFFF); } .blog-page--list .post-pagination, .blog-page--sidebar .post-pagination { margin-top: 20px; } @media (max-width: 991px) { .blog-page--list .post-pagination, .blog-page--sidebar .post-pagination { margin-top: 10px; } } @media (min-width: 1200px) { .blog-page--sidebar .blog-card--two { grid-template-columns: repeat(1, 1fr); } } .blog-page--sidebar .post-pagination { justify-content: flex-start; } @media (max-width: 991px) { .blog-page--sidebar .post-pagination { justify-content: center; } } .blog-page--grid .post-pagination { margin-top: 30px; } @media (max-width: 991px) { .blog-page--grid .post-pagination { margin-top: 20px; } } /*-------------------------------------------------------------- # Topbar --------------------------------------------------------------*/ .topbar { position: relative; background-color: RGBA(var(--truehelp-primary-rgb, 97, 222, 255), 0.4); z-index: 999; overflow: hidden; } @media (max-width: 1199px) { .topbar { display: none; } } .topbar .container-fluid { padding-left: 50px; padding-right: 50px; } @media (max-width: 1799px) { .topbar .container-fluid { padding-left: 30px; padding-right: 30px; } } @media (max-width: 1399px) { .topbar .container-fluid { padding-left: 20px; padding-right: 20px; } } @media (max-width: 575px) { .topbar .container-fluid { padding-left: 15px; padding-right: 15px; } } .topbar__inner { padding: 15.5px 0; position: relative; display: flex; align-items: center; justify-content: space-between; z-index: 1; } .topbar__info, .topbar__pages, .topbar__contact { margin: 0; display: flex; align-items: center; } .topbar__info li, .topbar__pages li, .topbar__contact li { display: flex; align-items: center; gap: 8px; font-size: 15px; color: var(--truehelp-black, #463650); line-height: 1.25; } .topbar__info li a, .topbar__pages li a, .topbar__contact li a { color: inherit; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease; } .topbar__info li a:hover, .topbar__pages li a:hover, .topbar__contact li a:hover { color: var(--truehelp-base, #8A65A0); } .topbar__info li a:hover, .topbar__pages li a:hover, .topbar__contact li a:hover { background-size: 100% 1px; } .topbar__info__icon, .topbar__pages__icon, .topbar__contact__icon { display: inline-flex; font-size: 14px; color: var(--truehelp-black, #463650); } .topbar__info__icon svg, .topbar__pages__icon svg, .topbar__contact__icon svg { width: 1em; height: 1em; fill: currentColor; } .topbar__info { position: relative; gap: 29px; z-index: 1; } .topbar__info::after { content: ""; position: absolute; width: calc(100% + 100px); height: calc(100% + 32px); top: 50%; left: -50px; transform: translateY(-50%); background: linear-gradient(270deg, #ECD6F9 4.55%, rgba(255, 255, 255, 0) 100%); clip-path: polygon(0% 0%, 98% 0, 100% 50%, 98% 100%, 0% 100%); z-index: -1; } @media (max-width: 1799px) { .topbar__info::after { width: calc(100% + 80px); left: -30px; } } @media (max-width: 1399px) { .topbar__info::after { width: calc(100% + 70px); left: -20px; } } .topbar__info li { gap: 8px; } .topbar__right { position: relative; display: flex; align-items: center; justify-content: flex-end; gap: 39px; z-index: 1; } .topbar__pages { gap: 10px; } .topbar__pages li { gap: 0px; text-transform: capitalize; } .topbar__contact li { font-weight: 600; } .topbar__contact li a { font-weight: 700; } .topbar__contact__icon { display: inline-flex; font-size: 19px; color: var(--truehelp-black, #463650); } .topbar__contact__icon svg { width: 1em; height: 1em; fill: currentColor; } /*-------------------------------------------------------------- # Navigations --------------------------------------------------------------*/ .main-header { background-color: transparent; position: absolute; left: 0; top: 0; width: 100%; z-index: 999; } .main-header .container-fluid { padding-left: 50px; padding-right: 50px; } @media (max-width: 1799px) { .main-header .container-fluid { padding-left: 30px; padding-right: 30px; } } @media (max-width: 1399px) { .main-header .container-fluid { padding-left: 20px; padding-right: 20px; } } @media (max-width: 575px) { .main-header .container-fluid { padding-left: 15px; padding-right: 15px; } } .main-header__inner { position: relative; display: flex; align-items: center; justify-content: space-between; } @media (max-width: 1199px) { .main-header__inner { padding: 20px 0; } } @media (max-width: 1199px) { .main-header__logo { margin-right: 20px; } } .main-header__logo img { max-width: 100%; height: auto; } .main-header__right { display: flex; align-items: center; justify-content: flex-end; } .main-header__nav { margin-right: 261px; } @media (max-width: 1799px) { .main-header__nav { margin-right: 150px; } } @media (max-width: 1599px) { .main-header__nav { margin-right: 50px; } } @media (max-width: 1199px) { .main-header__nav { margin-right: 0px; } } @media (min-width: 1200px) and (max-width: 1399px) { .main-header__nav { margin-right: 50px; } } .main-header__link { position: relative; padding-left: 34px; display: flex; align-items: center; gap: 30px; border-radius: 30px; z-index: 1; } @media (max-width: 1599px) { .main-header__link { padding-left: 30px; gap: 25px; } } @media (max-width: 1199px) { .main-header__link { margin-left: 30px; } } @media (max-width: 767px) { .main-header__link { margin-left: 25px; padding: 15px 30px; } } @media (max-width: 412px) { .main-header__link { margin-left: 20px; padding-left: 25px; padding-right: 25px; gap: 15px; } } @media (min-width: 1200px) and (max-width: 1299px) { .main-header__link { padding: 18px 30px; } } .main-header__link::after { content: ""; width: calc(100% - 20px); height: 100%; background-color: var(--truehelp-white, #FFFFFF); position: absolute; top: 0; left: 0; border-radius: 30px; border: 1px solid var(--truehelp-white2, #E8F5F8); z-index: -1; } @media (max-width: 767px) { .main-header__link::after { width: 100%; } } @media (min-width: 1200px) and (max-width: 1299px) { .main-header__link::after { width: 100%; } } .main-header__user, .main-header__cart, .main-header__search { display: inline-flex; font-size: 20px; color: var(--truehelp-black, #463650); transition: all 500ms ease; } @media (max-width: 430px) { .main-header__user, .main-header__cart, .main-header__search { font-size: 16px; } } .main-header__user:hover, .main-header__cart:hover, .main-header__search:hover { color: var(--truehelp-base, #8A65A0); } .main-header__user svg, .main-header__cart svg, .main-header__search svg { width: 1em; height: 1em; fill: currentColor; } .main-header__btn { padding: 11.8px 51.5px; } @media (max-width: 767px) { .main-header__btn { display: none; } } @media (min-width: 1200px) and (max-width: 1299px) { .main-header__btn { display: none; } } @media (min-width: 1300px) and (max-width: 1399px) { .main-header__btn { padding-left: 40px; padding-right: 40px; } } .main-header--two { position: relative; background-color: var(--truehelp-white, #FFFFFF); } @media (min-width: 1800px) { .main-header--two .main-header__nav { margin-right: 215px; } } @media (max-width: 430px) { .main-header--two .main-header__link { margin-left: 20px; padding-left: 25px; padding-right: 25px; gap: 15px; } } @media (max-width: 390px) { .main-header--two .main-header__link { padding: 0; border-radius: 0; } } @media (min-width: 1300px) and (max-width: 1399px) { .main-header--two .main-header__link { gap: 20px; } } .main-header--two .main-header__link::after { background-color: transparent; } @media (max-width: 390px) { .main-header--two .main-header__link::after { display: none; } } .main-header--three { top: 30px; } @media (max-width: 1599px) { .main-header--three { top: 20px; } } .main-header--three .container-fluid { padding-left: 53px; padding-right: 53px; } @media (max-width: 1799px) { .main-header--three .container-fluid { padding-left: 30px; padding-right: 30px; } } @media (max-width: 1599px) { .main-header--three .container-fluid { padding-left: 20px; padding-right: 20px; } } .main-header--three .main-header__inner { padding-left: 30px; padding-right: 30px; background-color: var(--truehelp-white, #FFFFFF); border-radius: 30px; } @media (max-width: 1599px) { .main-header--three .main-header__inner { padding-left: 20px; padding-right: 20px; } } .main-header--three .main-header__nav { margin-right: 185px; } @media (max-width: 1799px) { .main-header--three .main-header__nav { margin-right: 100px; } } @media (max-width: 1599px) { .main-header--three .main-header__nav { margin-right: 50px; } } @media (max-width: 1399px) { .main-header--three .main-header__nav { margin-right: 40px; } } @media (max-width: 1199px) { .main-header--three .main-header__nav { margin-right: 0px; } } @media (max-width: 430px) { .main-header--three .main-header__link { margin-left: 20px; padding: 0; gap: 15px; border-radius: 0; } } @media (min-width: 1200px) and (max-width: 1399px) { .main-header--three .main-header__link { padding: 18px 30px; gap: 20px; } } .main-header--three .main-header__link::after { background-color: transparent; } @media (max-width: 430px) { .main-header--three .main-header__link::after { display: none; } } @media (min-width: 1200px) and (max-width: 1399px) { .main-header--three .main-header__link::after { width: 100%; } } @media (min-width: 1200px) and (max-width: 1399px) { .main-header--three .main-header__btn { display: none; } } .sticky-header--cloned { position: fixed; top: 0; left: 0; right: 0; z-index: 999; top: 0; background-color: var(--truehelp-white, #FFFFFF); transform: translateY(-100%); box-shadow: 0px 3px 18px rgba(var(--truehelp-black-rgb, 70, 54, 80), 0.07); transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1); visibility: hidden; transition: transform 500ms ease, visibility 500ms ease; } .sticky-header--cloned.active { transform: translateY(0%); visibility: visible; } .sticky-header--cloned .main-header__topbar { display: none; } .mobile-nav__btn { width: 26px; display: flex; align-items: center; flex-direction: column; flex-wrap: wrap; cursor: pointer; z-index: 3; } @media (min-width: 1200px) { .mobile-nav__btn { display: none; } } .mobile-nav__btn span { width: 100%; height: 2px; background-color: var(--truehelp-black, #463650); transition: all 500ms ease; } .mobile-nav__btn span:nth-child(2) { margin-top: 5px; margin-bottom: 5px; } .mobile-nav__btn:hover span { background-color: var(--truehelp-base, #8A65A0); } .main-menu { /* after third level no menu */ } .main-menu .main-menu__list, .main-menu .main-menu__list ul { margin: 0; padding: 0; list-style-type: none; align-items: center; display: none; } @media (min-width: 1200px) { .main-menu .main-menu__list, .main-menu .main-menu__list ul { display: flex; } } .main-menu .main-menu__list > li { padding-top: 42px; padding-bottom: 42px; position: relative; } .main-menu .main-menu__list > li.dropdown > a { position: relative; } .main-menu .main-menu__list > li + li { margin-left: 34px; } @media (min-width: 1300px) and (max-width: 1399px) { .main-menu .main-menu__list > li + li { margin-left: 30px; } } .main-menu .main-menu__list > li > a { display: flex; align-items: center; font-family: var(--truehelp-font, "Manrope", sans-serif); font-size: 18px; color: var(--truehelp-black, #463650); font-weight: 500; text-transform: capitalize; position: relative; transition: all 500ms ease; } @media (max-width: 1599px) { .main-menu .main-menu__list > li > a { font-size: 17px; } } .main-menu .main-menu__list > li.current > a, .main-menu .main-menu__list > li:hover > a { color: var(--truehelp-base, #8A65A0); text-shadow: 0 0 0.5px currentColor; } .main-menu .main-menu__list li ul { position: absolute; top: 100%; left: -25px; min-width: 270px; flex-direction: column; justify-content: flex-start; align-items: flex-start; opacity: 0; visibility: hidden; transform-origin: top center; transform: scaleY(0) translateZ(100px); transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease; z-index: 99; border-radius: 0px 0px 10px 10px; background-color: var(--truehelp-white, #FFFFFF); box-shadow: 0px 10px 60px 0px RGBA(var(--truehelp-white-rgb, 255, 255, 255), 0.07); padding: 15px 20px 11px; box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07); } .main-menu .main-menu__list li:hover > ul { opacity: 1; visibility: visible; transform: scaleY(1) translateZ(0px); } .main-menu .main-menu__list > .megamenu { position: static; } .main-menu .main-menu__list > .megamenu > ul { top: 100% !important; left: 0 !important; right: 0 !important; background-color: transparent; box-shadow: none; padding: 0; } .main-menu .main-menu__list li ul li { flex: 1 1 100%; width: 100%; position: relative; } .main-menu .main-menu__list li ul li > a { font-size: 16px; line-height: 26px; color: var(--truehelp-black, #463650); font-weight: 500; display: flex; text-transform: capitalize; padding: 8px 20px; margin-bottom: 4px; border-radius: 6px; transition: 400ms; } @media (max-width: 1599px) { .main-menu .main-menu__list li ul li > a { font-size: 15px; } } .main-menu .main-menu__list li ul li > a::after { position: absolute; right: 20px; top: 8px; border-radius: 0; font-size: 6px; font-weight: 700; font-family: "Font Awesome 5 Free"; content: "\f111"; color: var(--truehelp-white, #FFFFFF); visibility: hidden; opacity: 0; transition: all 500ms ease; transform: scale(0); } .main-menu .main-menu__list li ul li.current > a, .main-menu .main-menu__list li ul li:hover > a { color: var(--truehelp-white, #FFFFFF); background-color: var(--truehelp-base, #8A65A0); } .main-menu .main-menu__list li ul li.current > a::after, .main-menu .main-menu__list li ul li:hover > a::after { visibility: visible; opacity: 1; transform: scale(1); } .main-menu .main-menu__list li ul li > ul { top: 0; left: calc(100% + 20px); } .main-menu .main-menu__list li ul li > ul.right-align { top: 0; left: auto; right: 100%; } .main-menu .main-menu__list li ul li > ul ul { display: none; } @media (min-width: 1200px) and (max-width: 1400px) { .main-menu__list li:nth-last-child(1) ul li > ul, .main-menu__list li:nth-last-child(2) ul li > ul { left: auto; right: calc(100% + 20px); } } /*-------------------------------------------------------------- # Megamenu Popup --------------------------------------------------------------*/ .mobile-nav__container .main-menu__list > .megamenu.megamenu-clickable > ul, .main-menu .main-menu__list > .megamenu.megamenu-clickable > ul, .stricky-header .main-menu__list > .megamenu.megamenu-clickable > ul { position: fixed; top: 0 !important; left: 0 !important; width: 100vw; height: 100vh; visibility: visible; overflow-y: scroll; visibility: hidden; opacity: 0; -webkit-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: bottom center; transform-origin: bottom center; transition: transform 0.7s ease, opacity 0.7s ease, visibility 0.7s ease; z-index: 999999; -ms-overflow-style: none; scrollbar-width: none; overflow-y: scroll; padding: 0; background-color: var(--truehelp-white, #FFFFFF); display: block !important; margin: 0; } .main-menu__list > li.megamenu-clickable > ul::-webkit-scrollbar { display: none; } .mobile-nav__container .main-menu__list > .megamenu.megamenu-clickable > ul.megamenu-clickable--active, .main-menu .main-menu__list > .megamenu.megamenu-clickable > ul.megamenu-clickable--active, .stricky-header .main-menu__list > .megamenu.megamenu-clickable > ul.megamenu-clickable--active { -webkit-transform-origin: top center; transform-origin: top center; -webkit-transform: scale(1, 1); transform: scale(1, 1); opacity: 1; visibility: visible; transition: transform 0.7s ease, opacity 0.7s ease, visibility 0.7s ease; } body.megamenu-popup-active { overflow: hidden; } body.megamenu-popup-active .stricky-header { bottom: 0; } body.megamenu-popup-active .mobile-nav__content { overflow: unset; } .mobile-nav__content .demo-one .container { padding-left: 15px; padding-right: 15px; } .megamenu-popup { position: relative; } .megamenu-popup .megamenu-clickable--close { position: absolute; top: 18px; right: 20px; display: block; color: var(--truehelp-black, #463650); } @media (min-width: 1300px) { .megamenu-popup .megamenu-clickable--close { top: 38px; right: 40px; } } .megamenu-popup .megamenu-clickable--close:hover { color: var(--truehelp-base, #8A65A0); } .megamenu-popup .megamenu-clickable--close span { width: 24px; height: 24px; display: block; position: relative; color: currentColor; transition: all 500ms ease; } .megamenu-popup .megamenu-clickable--close span::before, .megamenu-popup .megamenu-clickable--close span::after { content: ""; width: 100%; height: 2px; background-color: currentColor; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-45deg); } .megamenu-popup .megamenu-clickable--close span::after { transform: translate(-50%, -50%) rotate(45deg); } /*-------------------------------------------------------------- # Home Showcase --------------------------------------------------------------*/ .demo-one { padding-top: 120px; padding-bottom: 120px; } .demo-one .row { --bs-gutter-y: 30px; } .demo-one__card { background-color: var(--truehelp-white, #FFFFFF); box-shadow: 0px 10px 60px 0px rgba(var(--truehelp-black3-rgb, 21, 53, 94), 0.1); text-align: center; transition: 500ms ease; transform: translateY(0px); } .demo-one__card:hover { transform: translateY(-10px); } .demo-one__title { margin: 0; text-transform: capitalize; font-size: 18px; color: var(--truehelp-black, #463650); font-weight: 500; } .demo-one__title:hover { color: var(--truehelp-base, #8A65A0); } .demo-one__title a { color: inherit; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease; } .demo-one__title a:hover { background-size: 100% 1px; } .demo-one__image { position: relative; overflow: hidden; } .demo-one__image img { max-width: 100%; transition: filter 500ms ease; filter: blur(0px); } .demo-one__card:hover .demo-one__image img { filter: blur(2px); } .demo-one__btns { background-color: rgba(var(--truehelp-black4-rgb, 29, 33, 48), 0.7); position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; gap: 20px; transform: scale(1, 0); transform-origin: bottom center; opacity: 0; transition: transform 500ms ease, opacity 600ms linear; } @media (min-width: 768px) and (max-width: 1199px) { .demo-one__btns { flex-direction: column; } } @media (max-width: 375px) { .demo-one__btns { flex-direction: column; } } .demo-one__card:hover .demo-one__btns { transform: scale(1, 1); opacity: 1; transform-origin: top center; } .demo-one__btn { padding: 11.5px 35px; font-size: 15px; } @media (min-width: 768px) and (max-width: 1199px) { .demo-one__btn { min-width: 148px; } } @media (max-width: 375px) { .demo-one__btn { min-width: 148px; } } .demo-one__title { padding-top: 20.5px; padding-bottom: 20.5px; } .home-showcase .row { --bs-gutter-x: 30px; --bs-gutter-y: 20px; } .home-showcase__inner { padding: 40px 40px 21px; background-color: var(--truehelp-white, #FFFFFF); box-shadow: 0px 10px 60px 0px rgba(var(--truehelp-black3-rgb, 21, 53, 94), 0.07); } .home-showcase .demo-one__card { box-shadow: none; } .home-showcase .demo-one__btns { flex-direction: column; } .home-showcase .demo-one__btn { min-width: 148px; text-align: center; justify-content: center; } .home-showcase .demo-one__title { padding: 0; font-weight: 500; font-size: 18px; margin-top: 15px; padding-bottom: 15px; } /*-------------------------------------------------------------- # Mobile Nav --------------------------------------------------------------*/ .mobile-nav__wrapper { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 999; transform: translateX(-100%); transform-origin: left center; transition: transform 500ms ease 500ms, visibility 500ms ease 500ms; visibility: hidden; position: fixed; } .mobile-nav__wrapper .container { padding-left: 0; padding-right: 0; } .mobile-nav__wrapper .home-showcase .row [class*=col-] { flex: 0 0 100%; } .mobile-nav__wrapper .home-showcase { margin-bottom: -1px; margin-top: 0; border-bottom: 1px solid RGBA(var(--truehelp-white-rgb, 255, 255, 255), 0.1); } .mobile-nav__wrapper .home-showcase__inner { padding: 15px 0px; background-color: transparent; box-shadow: none; } .mobile-nav__wrapper .home-showcase__title { color: var(--truehelp-white, #FFFFFF); } .mobile-nav__wrapper.expanded { opacity: 1; transform: translateX(0%); visibility: visible; transition: transform 500ms ease 0ms, visibility 500ms ease 0ms; } .mobile-nav__wrapper.expanded .mobile-nav__content { opacity: 1; visibility: visible; transform: translateX(0); transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, transform 500ms ease 500ms; } .mobile-nav__overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #000000; opacity: 0.7; cursor: url(../images/close.png), auto; } .mobile-nav__content { width: 300px; background-color: var(--truehelp-black4, #1D2130); z-index: 10; position: relative; height: 100%; overflow-y: auto; padding-top: 60px; padding-bottom: 30px; padding-left: 15px; padding-right: 15px; opacity: 0; visibility: hidden; transform: translateX(-100%); transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, transform 500ms ease 0ms; } .mobile-nav__content .main-menu__nav { display: block; padding: 0; } .mobile-nav__content .logo-box { margin-bottom: 40px; display: flex; } .mobile-nav__close { display: inline-flex; position: absolute; top: 20px; right: 20px; font-size: 20px; color: var(--truehelp-white, #FFFFFF); cursor: pointer; transition: all 500ms ease; } .mobile-nav__close svg { width: 1em; height: 1em; fill: currentColor; } .mobile-nav__close:hover { color: var(--truehelp-base, #8A65A0); } .mobile-nav__content .main-menu__list, .mobile-nav__content .main-menu__list ul { margin: 0; padding: 0; list-style-type: none; } .mobile-nav__content .main-menu__list ul { display: none; border-top: 1px solid RGBA(var(--truehelp-white-rgb, 255, 255, 255), 0.1); } .mobile-nav__content .main-menu__list ul li > a { padding-left: 1em; } .mobile-nav__content .main-menu__list li:not(:last-child) { border-bottom: 1px solid RGBA(var(--truehelp-white-rgb, 255, 255, 255), 0.1); } .mobile-nav__content .main-menu__list li > a { display: flex; justify-content: space-between; font-family: var(--truehelp-font, "Manrope", sans-serif); line-height: 30px; color: var(--truehelp-white, #FFFFFF); font-size: 16px; text-transform: capitalize; font-weight: 600; height: 46px; align-items: center; transition: 500ms; } .mobile-nav__content .main-menu__list > li > ul > li > a { font-size: 14px; } .mobile-nav__content .main-menu__list li a.expanded { color: var(--truehelp-base, #8A65A0); } .mobile-nav__content .main-menu__list li a button { width: 30px; height: 30px; background-color: var(--truehelp-base, #8A65A0); border: none; outline: none; color: var(--truehelp-white, #FFFFFF); display: flex; align-items: center; justify-content: center; text-align: center; transform: rotate(-90deg); transition: transform 500ms ease; } .mobile-nav__content .main-menu__list li a button svg { width: 1em; height: 1em; fill: currentColor; } .mobile-nav__content .main-menu__list li a button.expanded { transform: rotate(0deg); background-color: var(--truehelp-white, #FFFFFF); color: var(--truehelp-black, #463650); } .mobile-nav__contact { margin-bottom: 0; margin-top: 30px; margin-bottom: 30px; } .mobile-nav__contact li { color: var(--truehelp-white, #FFFFFF); font-size: 14px; font-weight: 500; position: relative; display: flex; align-items: center; } .mobile-nav__contact li + li { margin-top: 15px; } .mobile-nav__contact li a { color: inherit; transition: 500ms; } .mobile-nav__contact li a:hover { color: var(--truehelp-base, #8A65A0); } .mobile-nav__contact__icon { width: 32px; height: 32px; border-radius: 50%; background-color: var(--truehelp-base, #8A65A0); display: flex; justify-content: center; align-items: center; text-align: center; font-size: 12px; margin-right: 10px; color: var(--truehelp-white, #FFFFFF); } .mobile-nav__contact__icon svg { width: 1em; height: 1em; fill: currentColor; } .mobile-nav__social { display: flex; align-items: center; } .mobile-nav__social a { font-size: 16px; color: var(--truehelp-white, #FFFFFF); transition: 500ms; } .mobile-nav__social a + a { margin-left: 20px; } .mobile-nav__social a:hover { color: var(--truehelp-base, #8A65A0); } .mobile-nav__social a svg { width: 1em; height: 1em; fill: currentColor; } .mobile-nav__container .main-menu__logo, .mobile-nav__container .main-menu__right { display: none; } /*-------------------------------------------------------------- # Search Popup --------------------------------------------------------------*/ .search-popup { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: -2; -webkit-transition: all 1s ease; -khtml-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .search-popup__overlay { position: fixed; width: 224vw; height: 224vw; top: calc(90px - 112vw); right: calc(50% - 112vw); z-index: 3; display: block; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transform: scale(0); -khtml-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transform-origin: center; transform-origin: center; -webkit-transition: transform 0.8s ease-in-out; -khtml-transition: transform 0.8s ease-in-out; -moz-transition: transform 0.8s ease-in-out; -ms-transition: transform 0.8s ease-in-out; -o-transition: transform 0.8s ease-in-out; transition: transform 0.8s ease-in-out; transition-delay: 0s; transition-delay: 0.3s; -webkit-transition-delay: 0.3s; background-color: #000; opacity: 0.7; cursor: url(../images/close.png), auto; } @media (max-width: 767px) { .search-popup__overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; transform: none; width: 100%; height: 100%; border-radius: 0; transform: translateY(-110%); } } .search-popup__content { position: fixed; width: 0; max-width: 560px; padding: 30px 15px; left: 50%; top: 50%; opacity: 0; z-index: 3; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s; -khtml-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s; -moz-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s; -ms-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s; -o-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s; transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s; transition-delay: 0s, 0.8s, 0s; transition-delay: 0s, 0.4s, 0s; transition-delay: 0.2s; -webkit-transition-delay: 0.2s; } .search-popup__form { position: relative; border-radius: 30px; } .search-popup__form input[type=search], .search-popup__form input[type=text] { width: calc(100% - 30px); background-color: var(--truehelp-white, #FFFFFF); font-size: 15px; color: var(--truehelp-text, #6F6C71); border: none; outline: none; height: 66px; padding-left: 30px; border-radius: 30px; } .search-popup__form .truehelp-btn { padding: 0; width: 66px; height: 66px; display: flex; justify-content: center; align-items: center; text-align: center; position: absolute; top: 0; right: -1px; border-radius: 0px 30px 30px 0px; font-size: 18px; } .search-popup__form .truehelp-btn svg { width: 1em; height: 1em; fill: currentColor; } .search-popup.active { z-index: 9999; } .search-popup.active .search-popup__overlay { top: auto; bottom: calc(90px - 112vw); -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); transition-delay: 0s; -webkit-transition-delay: 0s; opacity: 0.7; -webkit-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1); -khtml-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1); -moz-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1); -ms-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1); -o-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1); transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1); } @media (max-width: 767px) { .search-popup.active .search-popup__overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; transform: none; width: 100%; height: 100%; border-radius: 0; transform: translateY(0%); } } .search-popup.active .search-popup__content { width: 100%; opacity: 1; transition-delay: 0.7s; -webkit-transition-delay: 0.7s; } /*-------------------------------------------------------------- # Page Header --------------------------------------------------------------*/ .page-header { position: relative; padding-top: 167px; padding-bottom: 175px; background-color: var(--truehelp-white4, #F9EFFF); overflow: hidden; } @media (max-width: 1399px) { .page-header { padding-top: 117px; padding-bottom: 125px; } } @media (max-width: 991px) { .page-header { padding-top: 89px; padding-bottom: 97px; } } @media (max-width: 575px) { .page-header { padding-top: 79px; padding-bottom: 87px; } } .page-header__bg { position: relative; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-position: top center; background-repeat: no-repeat; background-size: cover; } .page-header__bg__inner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-position: top center; background-repeat: no-repeat; background-size: cover; } .page-header .container { position: relative; z-index: 1; } .page-header__content { text-align: center; } .page-header__title { margin-bottom: 4px; font-size: 60px; color: var(--truehelp-black, #463650); font-weight: 700; text-transform: capitalize; line-height: 1.333; } @media (max-width: 1399px) { .page-header__title { font-size: 55px; } } @media (max-width: 1199px) { .page-header__title { font-size: 50px; } } @media (max-width: 991px) { .page-header__title { font-size: 45px; } } @media (max-width: 767px) { .page-header__title { font-size: 40px; } } @media (max-width: 575px) { .page-header__title { font-size: 35px; } } @media (max-width: 430px) { .page-header__title { font-size: 30px; } } .page-header__shape-1 { width: 847px; height: 847px; position: absolute; top: 39px; left: -35px; background: radial-gradient(50% 50% at 50% 50%, #FEEAF8 0%, rgba(255, 255, 255, 0) 100%); mix-blend-mode: normal; border-radius: 50%; z-index: 1; } .page-header__shape-2 { width: 525px; height: 525px; position: absolute; top: 39px; right: 21.2%; background: radial-gradient(50% 50% at 50% 50%, rgba(234, 199, 255, 0.28) 0%, rgba(255, 255, 255, 0) 100%); mix-blend-mode: normal; border-radius: 50%; z-index: 1; } .page-header__shape-3 { max-width: 100%; height: auto; position: absolute; right: 0px; bottom: 0px; z-index: 1; } .truehelp-breadcrumb { margin: 0; display: inline-flex; justify-content: center; align-items: center; gap: 8px 0; flex-wrap: wrap; } .truehelp-breadcrumb li { display: flex; align-items: center; font-size: 20px; color: var(--truehelp-black, #463650); font-weight: 500; text-transform: capitalize; line-height: 1.25; } @media (max-width: 1199px) { .truehelp-breadcrumb li { font-size: 18px; } } @media (max-width: 575px) { .truehelp-breadcrumb li { font-size: 17px; } } .truehelp-breadcrumb li:not(:last-of-type)::after { content: "\f0c8"; font-family: "Font Awesome 5 Free"; font-size: 4px; color: var(--truehelp-black, #463650); font-weight: 900; -moz-osx-font-smoothing: textscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; position: relative; top: 5px; margin-left: 10px; margin-right: 10px; } .truehelp-breadcrumb li span, .truehelp-breadcrumb li a { display: inline-block; } .truehelp-breadcrumb li:not(:first-child) span { color: var(--truehelp-base, #8A65A0); } .truehelp-breadcrumb li a { color: inherit; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease; } .truehelp-breadcrumb li a:hover { background-size: 100% 1px; } .truehelp-breadcrumb li a:hover { color: var(--truehelp-base, #8A65A0); } /*-------------------------------------------------------------- # Google Map --------------------------------------------------------------*/ .google-map { position: relative; } .google-map iframe { position: relative; display: block; border: none; height: 384px; width: 100%; mix-blend-mode: luminosity; border-radius: inherit; } .google-map__contact { overflow: hidden; background-color: var(--truehelp-black5, #000000); border-radius: 0px 0px 30px 30px; } .contact-map { position: relative; overflow: hidden; z-index: 1; } /*-------------------------------------------------------------- # Client Carousel --------------------------------------------------------------*/ .client-carousel { position: relative; padding-top: 106px; padding-bottom: 106px; background-color: var(--truehelp-white, #FFFFFF); } @media (max-width: 767px) { .client-carousel { padding-top: 90px; padding-bottom: 90px; } } @media (max-width: 575px) { .client-carousel { padding-top: 70px; padding-bottom: 70px; } } .client-carousel--home2 { background-color: transparent; } .client-carousel__carousel { position: relative; } .client-carousel__carousel .owl-stage { display: flex; align-items: center; } .client-carousel__item { position: relative; text-align: center; } .client-carousel__item img { width: auto !important; max-width: 100%; } .client-carousel__image { margin: auto; } .client-carousel__hover-image { opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: opacity 300ms ease; } .client-carousel__item:hover .client-carousel__hover-image { opacity: 1; } /*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/ .form-one__group { margin: 0; display: grid; grid-template-columns: 1fr; grid-gap: 15px; } @media (min-width: 576px) { .form-one__group { grid-template-columns: repeat(2, 1fr); } } .form-one__control { border: none; width: auto; height: auto; border-radius: 0; padding: 0; position: relative; } .form-one__control label { margin-bottom: 17px; font-size: 16px; font-weight: 500; color: var(--truehelp-black, #463650); text-transform: capitalize; line-height: 1.25; } .form-one__control--full { grid-column-start: 1; grid-column-end: -1; } .form-one .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width: 100%; height: 60px; display: flex; align-items: center; } .form-one .bootstrap-select > .dropdown-toggle { padding: 0; background-color: transparent; border-radius: 0; border: none; outline: none !important; color: var(--truehelp-text, #6F6C71); font-size: 16px; font-weight: 400; } .form-one .bootstrap-select > .dropdown-toggle, .form-one input[type=text], .form-one input[type=tel], .form-one input[type=email], .form-one input[type=password], .form-one textarea { display: block; width: 100%; height: 50px; background-color: var(--truehelp-white, #FFFFFF); font-size: 16px; color: var(--truehelp-text-gray, #4B5563); font-weight: 500; border: none; outline: none; padding-left: 30px; padding-right: 30px; border-radius: 30px; border: 1px solid transparent; transition: all 500ms ease; } .form-one .bootstrap-select > .dropdown-toggle:focus, .form-one input[type=text]:focus, .form-one input[type=tel]:focus, .form-one input[type=email]:focus, .form-one input[type=password]:focus, .form-one textarea:focus { color: var(--truehelp-black, #463650); border-color: var(--truehelp-base, #8A65A0); } .form-one textarea { height: 157px; padding-top: 15px; } .form-one button[type=submit] { font-family: var(--truehelp-font, "Manrope", sans-serif); margin-top: 10px; padding: 10.9px 40px; width: 100%; color: var(--truehelp-black5, #000000); } .form-one button[type=submit]:hover { color: var(--truehelp-white, #FFFFFF); } .form-one .bootstrap-select > .dropdown-toggle { display: flex; align-items: center; } .form-one .bootstrap-select > .dropdown-toggle .filter-option { display: flex; align-items: center; } .form-one .bootstrap-select > .dropdown-toggle::after { display: none; } .form-one .bootstrap-select > .dropdown-toggle:before { position: absolute; top: 0; bottom: 0; right: 25px; font-weight: normal; font-family: "Flaticon" !important; content: "\e909"; font-size: 20px; color: var(--truehelp-text, #6F6C71); display: flex; align-items: center; } .form-one .bootstrap-select .dropdown-menu li a { padding: 15px 20px; color: var(--truehelp-text, #6F6C71); font-size: 16px; } .form-one .bootstrap-select .dropdown-menu li a:hover, .form-one .bootstrap-select .dropdown-menu li a.active { background-color: var(--truehelp-base, #8A65A0); color: var(--truehelp-white, #FFFFFF); } /*-------------------------------------------------------------- # Sidebar --------------------------------------------------------------*/ .sidebar__single { padding: 24px 30px 30px; background-color: var(--truehelp-white23, #F7F3F9); border-radius: 5px; border: 1px solid var(--truehelp-border-color, #E3DAE2); } @media (max-width: 375px) { .sidebar__single { padding: 19px 25px 25px; } } @media (max-width: 360px) { .sidebar__single { padding: 14px 20px 20px; } } .sidebar__single + .sidebar__single { margin-top: 30px; } .sidebar__title { position: relative; margin-bottom: 30px; padding-bottom: 24px; font-size: 22px; font-weight: 500; text-transform: capitalize; line-height: 1.363; } @media (max-width: 375px) { .sidebar__title { padding-bottom: 19px; } } .sidebar__title::after { content: ""; width: calc(100% + 60px); height: 1px; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); background-color: var(--truehelp-border-color, #E3DAE2); } @media (max-width: 375px) { .sidebar__title::after { width: calc(100% + 50px); } } .sidebar__form { padding: 0; background-color: transparent; border-radius: 8; border: 0; } .sidebar__search { position: relative; } .sidebar__search input[type=search], .sidebar__search input[type=text] { outline: none; border: 0; width: 100%; height: 63px; font-size: 16px; color: var(--truehelp-text, #6F6C71); font-weight: 500; padding-left: 23px; background-color: var(--truehelp-white23, #F7F3F9); border-radius: 5px; border: 1px solid var(--truehelp-border-color, #E3DAE2); transition: all 400ms ease; } .sidebar__search input[type=search]:focus, .sidebar__search input[type=text]:focus { color: var(--truehelp-black, #463650); border-color: var(--truehelp-base, #8A65A0); } .sidebar__search button[type=submit] { width: 67px; height: 63px; padding: 0; border: none; outline: none; display: flex; align-items: center; justify-content: center; background-color: var(--truehelp-primary, #61DEFF); position: absolute; top: 50%; right: 0; transform: translateY(-50%); font-size: 20px; color: var(--truehelp-black5, #000000); border-radius: 5px; transition: all 400ms ease; } .sidebar__search button[type=submit] svg { width: 1em; height: 1em; fill: currentColor; } .sidebar__search button[type=submit]:hover { color: var(--truehelp-white, #FFFFFF); background-color: var(--truehelp-base, #8A65A0); } .sidebar__categories-wrapper { padding-bottom: 18px !important; } .sidebar__categories { margin: 0; } .sidebar__categories-title { margin-bottom: 18px; } .sidebar__categories li a { position: relative; padding: 6px 0; font-size: 16px; color: var(--truehelp-black, #463650); text-transform: capitalize; font-weight: 600; line-height: 1.625; display: flex; justify-content: space-between; align-items: center; z-index: 1; transition: all 500ms ease; } .sidebar__categories li a::after { position: absolute; content: ""; width: 0; height: 100%; top: 0; right: 0; z-index: -1; background-color: var(--truehelp-base, #8A65A0); border-radius: 5px; transition: all 500ms ease; } .sidebar__categories li a span { color: var(--truehelp-text, #6F6C71); transition: all 500ms ease; } .sidebar__categories li a:hover { padding: 6px 15px; color: var(--truehelp-white, #FFFFFF); } .sidebar__categories li a:hover::after { left: 0; width: 100%; } .sidebar__categories li a:hover span { color: var(--truehelp-white, #FFFFFF); } .sidebar__posts { margin: 0; } .sidebar__posts__item { display: flex; align-items: flex-start; gap: 20px 12px; } .sidebar__posts__item:not(:last-of-type) { margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid var(--truehelp-gray10, #D1CED3); } @media (max-width: 360px) { .sidebar__posts__item:not(:last-of-type) { margin-bottom: 19px; } } .sidebar__posts__image { width: 63px; flex-shrink: 0; } .sidebar__posts__image img { width: 100%; display: block; border-radius: 10px; } .sidebar__posts__content { width: calc(100% - 63px); } .sidebar__posts__meta { margin-bottom: 6px; color: var(--truehelp-base, #8A65A0); font-size: 14px; line-height: 1.25; font-weight: 600; text-transform: capitalize; } .sidebar__posts__title { margin: 0; font-family: var(--truehelp-font, "Manrope", sans-serif); font-size: 16px; font-weight: 600; text-transform: capitalize; line-height: 1.625; } .sidebar__posts__title:hover { color: var(--truehelp-base, #8A65A0); } .sidebar__posts__title a { color: inherit; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease; } .sidebar__posts__title a:hover { background-size: 100% 1px; } .sidebar .donation-card { border: 0; background-color: transparent; border-radius: 0; } .sidebar .donation-card__content { padding: 0; } .sidebar .donation-card__amount { margin-bottom: 34px; } .sidebar .donation-card .truehelp-btn { margin: 0; } .sidebar__tags { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; } .sidebar__tags a { padding: 3.5px 12px; font-family: var(--truehelp-font, "Manrope", sans-serif); font-size: 14px; color: RGBA(var(--truehelp-black-rgb, 70, 54, 80), 0.8); border-radius: 3px; } .sidebar__tags a:hover { color: var(--truehelp-white, #FFFFFF); } .sidebar-donation__single { padding: 23px 30px 30px; background-color: var(--truehelp-white23, #F7F3F9); border-radius: 5px; border: 1px solid var(--truehelp-border-color, #E3DAE2); } @media (max-width: 375px) { .sidebar-donation__single { padding: 13px 20px 20px; } } .sidebar-donation__single + .sidebar-donation__single { margin-top: 30px; } .sidebar-donation__organizer { padding-top: 6px; } .sidebar-donation__organizer__inner { margin-bottom: 30px; display: flex; align-items: center; gap: 20px; } @media (max-width: 412px) { .sidebar-donation__organizer__inner { flex-direction: column; align-items: flex-start; } } .sidebar-donation__organizer__name { margin-bottom: 8px; font-weight: 500; font-size: 24px; line-height: 1.25; text-transform: capitalize; } .sidebar-donation__organizer__designation { margin-bottom: 21px; font-weight: 500; font-size: 15px; color: var(--truehelp-black, #463650); line-height: 1.25; text-transform: capitalize; } .sidebar-donation__organizer__location { display: flex; align-items: flex-start; gap: 6px; } .sidebar-donation__organizer__location__icon { position: relative; top: 2px; display: inline-flex; font-size: 14px; color: var(--truehelp-black, #463650); } .sidebar-donation__organizer__location__icon svg { width: 1em; height: 1em; fill: currentColor; } .sidebar-donation__organizer__location__link { font-size: 14px; color: var(--truehelp-text, #6F6C71); line-height: 1.428; } .sidebar-donation__organizer__location__link:hover { color: var(--truehelp-base, #8A65A0); } .sidebar-donation__organizer__image { flex-shrink: 0; } .sidebar-donation__organizer__image img { max-width: 100%; height: auto; border-radius: 10px; } .sidebar-donation__organizer .truehelp-btn { width: 100%; padding: 9px 30px; border-radius: 5px; } .sidebar-donation .sidebar__single, .sidebar-donation .donation-card { padding: 0; border: 0; background-color: transparent; border-radius: 0; } .sidebar-donation .sidebar__single__content, .sidebar-donation .donation-card__content { padding: 0; } .sidebar-donation .donation-card__amount { margin-bottom: 34px; } .sidebar-donation .donation-card .truehelp-btn { margin: 0; } .sidebar-donation .sidebar__title { padding: 0; } .sidebar-donation .sidebar__title::after { display: none; } .sidebar-donation .sidebar__title span { color: var(--truehelp-base, #8A65A0); text-decoration: underline; } /*-------------------------------------------------------------- # Footer --------------------------------------------------------------*/ .main-footer { position: relative; background-color: var(--truehelp-white3, #F3FCFE); overflow: hidden; } .main-footer__top { margin-bottom: 96px; } @media (max-width: 767px) { .main-footer__top { margin-bottom: 70px; } } .main-footer .container { position: relative; z-index: 1; } .main-footer__bottom { position: relative; } .main-footer__bottom__inner { padding: 21px 65px; background-color: var(--truehelp-white4, #F9EFFF); border-radius: 16px; } @media (max-width: 1199px) { .main-footer__bottom__inner { padding: 30px; } } .main-footer__social { display: flex; align-items: center; flex-wrap: wrap; gap: 16px; } @media (max-width: 767px) { .main-footer__social { justify-content: center; } } .main-footer__social a { position: relative; width: 38px; height: 38px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; overflow: hidden; z-index: 1; font-size: 21px; color: var(--truehelp-black, #463650); border: 1px solid var(--truehelp-black, #463650); transition: all 500ms ease; } .main-footer__social a:hover { color: var(--truehelp-white, #FFFFFF); background-color: var(--truehelp-black, #463650); } .main-footer__social a svg { width: 1em; height: 1em; fill: currentColor; } .main-footer__copyright { margin: 0; font-size: 16px; color: var(--truehelp-text-gray, #4B5563); text-align: center; line-height: 1.875; } .main-footer__back-to-top { padding: 7.5px 30px; font-family: var(--truehelp-font, "Manrope", sans-serif); font-size: 15px; color: var(--truehelp-black, #463650); text-transform: uppercase; font-weight: 500; line-height: 1.5; border-radius: 30px; background-color: transparent; border: 1px solid var(--truehelp-base, #8A65A0); } .main-footer__back-to-top::before, .main-footer__back-to-top::after { background-color: var(--truehelp-base, #8A65A0); } .main-footer__back-to-top:hover { color: var(--truehelp-white, #FFFFFF); } .main-footer__shape-1, .main-footer__shape-2, .main-footer__shape-3, .main-footer__shape-4 { max-width: 100%; height: auto; } .main-footer__shape-1 { position: absolute; top: 126px; left: 5.5%; animation: textRotate 4s linear infinite; } @media (max-width: 1599px) { .main-footer__shape-1 { top: 60px; left: 3%; } } @media (max-width: 767px) { .main-footer__shape-1 { top: 25px; } } @media (max-width: 575px) { .main-footer__shape-1 { top: 15px; } } .main-footer__shape-2 { position: absolute; left: 6.5%; bottom: 61px; animation: textRotate 5s linear infinite; } @media (max-width: 1799px) { .main-footer__shape-2 { left: 2%; } } @media (max-width: 1599px) { .main-footer__shape-2 { bottom: -30px; } } @media (max-width: 1399px) { .main-footer__shape-2 { display: none; } } .main-footer__shape-3 { position: absolute; top: 66px; right: 11.9%; animation: moveHorizontal 2s linear infinite; } @media (max-width: 1799px) { .main-footer__shape-3 { top: 50px; right: 5%; } } @media (max-width: 1599px) { .main-footer__shape-3 { top: 30px; right: 2%; } } @media (max-width: 425px) { .main-footer__shape-3 { top: -30px; } } .main-footer__shape-4 { position: absolute; right: 3.5%; bottom: -14px; animation: moveHorizontal2 2s linear infinite; } @media (max-width: 1799px) { .main-footer__shape-4 { right: 2%; bottom: -30px; } } @media (max-width: 1599px) { .main-footer__shape-4 { right: 0; bottom: -50px; } } @media (max-width: 1399px) { .main-footer__shape-4 { bottom: -80px; } } @media (max-width: 767px) { .main-footer__shape-4 { display: none; } } .footer-widget--links .footer-widget__title { margin-bottom: 34px; } @media (max-width: 767px) { .footer-widget--links .footer-widget__title { margin-bottom: 25px; } } .footer-widget--newsletter { padding-left: 27px; } @media (max-width: 1199px) { .footer-widget--newsletter { padding-left: 0px; } } .footer-widget--newsletter .footer-widget__title { margin-bottom: 30px; } @media (max-width: 1199px) { .footer-widget--newsletter .footer-widget__title { margin-bottom: 25px; } } .footer-widget__title { margin: 0 0 25px; font-size: 20px; font-weight: 600; color: var(--truehelp-black, #463650); text-transform: capitalize; line-height: 1.25; } .footer-widget__logo { display: inline-block; margin-bottom: 33px; } .footer-widget__logo img { max-width: 100%; height: auto; } .footer-widget__btn { padding: 8px 30.4px; font-family: var(--truehelp-font2, "Roboto", sans-serif); font-weight: 400; line-height: 1.5; } .footer-widget__links { padding: 0; margin: 0; } .footer-widget__links li + li { margin-top: 8px; } .footer-widget__links li { font-size: 16px; color: var(--truehelp-text-gray, #4B5563); line-height: 1.875; text-transform: capitalize; } .footer-widget__links li a { color: inherit; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease; } .footer-widget__links li a:hover { background-size: 100% 1px; } .footer-widget__links li a:hover { color: var(--truehelp-base, #8A65A0); } .footer-widget__links--about { margin-bottom: 33px; padding-left: 18px; } .footer-widget__links--about li + li { margin-top: 2px; } .footer-widget__links--about li { color: var(--truehelp-black, #463650); } .footer-widget__contact { margin: 0; padding: 0; } .footer-widget__contact li + li { margin-top: 19px; } .footer-widget__contact li { display: flex; align-items: flex-start; gap: 15px; } .footer-widget__contact__icon { position: relative; top: 6px; overflow: hidden; z-index: 1; width: 38px; height: 38px; border-radius: 50%; background-color: var(--truehelp-base, #8A65A0); display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 19px; color: var(--truehelp-white, #FFFFFF); transition: all 500ms ease; } .footer-widget__contact__icon::after { content: ""; width: 0; height: 0; position: absolute; top: 0; left: 50%; transform: translateX(-50%); background-color: var(--truehelp-black, #463650); border-radius: inherit; z-index: -1; transition: all 500ms ease; } .footer-widget__contact__icon svg { width: 1em; height: 1em; fill: currentColor; } li:hover .footer-widget__contact__icon::after { width: 100%; height: 100%; } .footer-widget__contact__link { font-weight: 700; color: var(--truehelp-black4, #1D2130); background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease; } .footer-widget__contact__link:hover { background-size: 100% 1px; } .footer-widget__contact__link:hover { color: var(--truehelp-base, #8A65A0); } .footer-widget__contact__title { margin: -3px 0 0; font-size: 16px; font-weight: 400; line-height: 1.75; } .footer-widget__newsletter-text { margin-bottom: 28px; font-size: 16px; font-weight: 400; color: var(--truehelp-text-gray, #4B5563); line-height: 1.875; } .footer-widget__newsletter { position: relative; } .footer-widget__newsletter input[type=email] { padding: 0 20px; width: 100%; height: 70px; border: none; outline: none; font-size: 14px; color: RGBA(var(--truehelp-black-rgb, 70, 54, 80), 0.6); font-weight: 400; background-color: var(--truehelp-white, #FFFFFF); border-radius: 10px; border: 1px solid var(--truehelp-black5, #000000); transition: all 500ms ease; } .footer-widget__newsletter input[type=email]:focus { color: var(--truehelp-black, #463650); border-color: var(--truehelp-base, #8A65A0); } .footer-widget__newsletter button[type=submit] { padding: 0; width: 41px; height: 41px; display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; right: 18px; transform: translateY(-50%); border: none; outline: none; background-color: transparent; font-size: 16px; color: var(--truehelp-white, #FFFFFF); background-color: var(--truehelp-base, #8A65A0); border-radius: 50%; transition: all 400ms ease; } .footer-widget__newsletter button[type=submit] svg { width: 1em; height: 1em; fill: currentColor; } .footer-widget__newsletter button[type=submit]:hover { color: var(--truehelp-black, #463650); background-color: var(--truehelp-primary, #61DEFF); } /*-------------------------------------------------------------- # Main Slider --------------------------------------------------------------*/ .slider-social { position: absolute; top: 50%; left: 45px; transform: translateY(-50%); z-index: 2; display: flex; flex-direction: column; gap: 32px; } .slider-social a { display: flex; flex-direction: column; gap: 11px; font-family: var(--truehelp-heading-font, "Geologica", sans-serif); font-weight: 500; font-size: 18px; color: var(--truehelp-black, #463650); text-transform: capitalize; line-height: 1; } .slider-social a:hover { color: var(--truehelp-base, #8A65A0); } .slider-social__icon { display: inline-flex; color: inherit; } .slider-social__icon svg { width: 1em; height: 1em; fill: currentColor; } .slider-social__text { color: inherit; writing-mode: vertical-rl; } .slider-donors { padding: 33px 32px; display: table; background-color: var(--truehelp-white, #FFFFFF); border-radius: 24px; } @media (max-width: 430px) { .slider-donors { padding: 25px; } } .slider-donors__inner { padding-bottom: 17px; display: flex; align-items: center; flex-wrap: wrap; gap: 30px 34px; border-bottom: 1px solid var(--truehelp-text, #6F6C71); } .slider-donors__content { display: flex; align-items: center; gap: 15px; } .slider-donors__images { display: flex; align-items: center; } .slider-donors__images img { flex-shrink: 0; display: inline-block !important; width: 61px !important; height: 61px; border-radius: 50%; border: 2px solid var(--truehelp-white, #FFFFFF); transition: all 500ms ease; } .slider-donors__images img:hover { border-color: var(--truehelp-base, #8A65A0); } .slider-donors__images img:not(:first-child) { margin-left: -24px; } .slider-donors__amount { margin: 0; display: flex; align-items: center; font-weight: 700; font-size: 26px; color: var(--truehelp-text-gray, #4B5563); line-height: 1.25; } .slider-donors__btn { width: 46px; height: 46px; display: flex; align-items: center; justify-content: center; font-size: 30px; color: var(--truehelp-text, #6F6C71); border-radius: 50%; border: 1px solid var(--truehelp-text, #6F6C71); } .slider-donors__btn:hover { color: var(--truehelp-white, #FFFFFF); border-color: var(--truehelp-base, #8A65A0); background-color: var(--truehelp-base, #8A65A0); transform: rotate(45deg); } .slider-donors__btn svg { width: 1em; height: 1em; fill: currentColor; } .main-slider { position: relative; overflow: hidden; z-index: 1; } .main-slider__carousel { position: relative; } .main-slider__carousel.owl-carousel .owl-dots { margin: 0 !important; flex-direction: column; position: absolute; top: 50%; left: 40px; transform: translateY(-50%); z-index: 2; } @media (max-width: 1399px) { .main-slider__carousel.owl-carousel .owl-dots { flex-direction: row; top: auto; left: 50%; bottom: 60px; transform: translate(-50%, 0); } } .main-slider__carousel.owl-carousel .owl-dots .owl-dot { position: relative; width: 18px; height: 18px; border: 0; background-color: var(--truehelp-primary, #61DEFF); } .main-slider__carousel.owl-carousel .owl-dots .owl-dot::after { content: ""; width: 9px; height: 9px; border-radius: inherit; background-color: var(--truehelp-white, #FFFFFF); opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: opacity 500ms ease; } .main-slider__carousel.owl-carousel .owl-dots .owl-dot:hover, .main-slider__carousel.owl-carousel .owl-dots .owl-dot.active { background-color: var(--truehelp-primary, #61DEFF); } .main-slider__carousel.owl-carousel .owl-dots .owl-dot:hover::after, .main-slider__carousel.owl-carousel .owl-dots .owl-dot.active::after { opacity: 1; } .main-slider__item { position: relative; padding-top: 284px; padding-bottom: 202px; overflow: hidden; } @media (max-width: 1399px) { .main-slider__item { padding-bottom: 230px; } } .main-slider__bg { position: relative; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .main-slider__bg__inner { position: relative; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-position: top center; background-size: cover; } .main-slider__bg__shape-1, .main-slider__bg__shape-2, .main-slider__bg__shape-3, .main-slider__bg__shape-4 { display: inline-block !important; width: auto !important; max-width: 100%; height: auto; position: absolute; } .main-slider__bg__shape-2, .main-slider__bg__shape-3, .main-slider__bg__shape-4 { opacity: 0; visibility: hidden; } .main-slider__bg__shape-1 { left: 31px; bottom: -25px; opacity: 0; transform: translateX(100%); z-index: 1; mix-blend-mode: color-burn; } .main-slider__bg__shape-2 { top: 168px; left: 13%; z-index: 2; animation: textRotate 5s linear infinite; } @media (max-width: 1199px) { .main-slider__bg__shape-2 { top: 140px; left: 10%; } } .main-slider__bg__shape-3 { left: 9.4%; bottom: 122px; z-index: 2; animation: textRotate 5s linear infinite; } @media (max-width: 1399px) { .main-slider__bg__shape-3 { bottom: 100px; } } .main-slider__bg__shape-4 { position: absolute; top: 163px; right: 29.5%; z-index: 2; animation: moveHorizontal 2s linear infinite; } @media (max-width: 1199px) { .main-slider__bg__shape-4 { top: 140px; right: 15%; } } .main-slider__bg__shape-5 { position: absolute; width: 847px; height: 847px; left: 8%; bottom: -48px; border-radius: 50%; background: radial-gradient(50% 50% at 50% 50%, #F7EEF4 0%, rgba(255, 255, 255, 0) 100%); } .main-slider__bg__shape-6 { position: absolute; width: 906px; height: 906px; top: -5px; right: -255px; border-radius: 50%; background: radial-gradient(50% 50% at 50% 50%, rgba(225, 254, 110, 0.19) 0%, rgba(255, 255, 255, 0) 100%); } .main-slider .container { position: relative; z-index: 2; } @media (min-width: 1400px) and (max-width: 1850px) { .main-slider .container { max-width: 100%; padding-left: 100px; padding-right: 100px; } } .main-slider__content { position: relative; padding-right: 75px; z-index: 1; } @media (max-width: 1199px) { .main-slider__content { padding-right: 0; } } @media (min-width: 1200px) and (max-width: 1399px) { .main-slider__content { padding-right: 0; max-width: 700px; } } @media (min-width: 1400px) and (max-width: 1599px) { .main-slider__content { padding-right: 0; max-width: 730px; } } @media (min-width: 1600px) and (max-width: 1799px) { .main-slider__content { padding-right: 0; max-width: 840px; } } @media (min-width: 1800px) and (max-width: 1850px) { .main-slider__content { padding-right: 0; max-width: 900px; } } .main-slider__title { overflow: hidden; position: relative; margin-bottom: 43px; font-weight: 700; font-size: 80px; text-transform: capitalize; line-height: 1.125; } @media (max-width: 1599px) { .main-slider__title { font-size: 65px; } } @media (max-width: 1399px) { .main-slider__title { font-size: 60px; } } @media (max-width: 767px) { .main-slider__title { font-size: 55px; } } @media (max-width: 575px) { .main-slider__title { font-size: 50px; } } @media (max-width: 430px) { .main-slider__title { font-size: 45px; } } @media (min-width: 1600px) and (max-width: 1799px) { .main-slider__title { font-size: 70px; } } .main-slider__title__inner { position: relative; display: table; opacity: 0; transform: translateY(-300px); } .main-slider__button { margin-bottom: 33px; overflow: hidden; } .main-slider__button__inner { opacity: 0; transform: translateY(80px); } .main-slider__button .truehelp-btn { padding: 12.3px 39px; border: 1px solid var(--truehelp-black, #463650); } .main-slider__button .truehelp-btn:hover { border-color: var(--truehelp-base, #8A65A0); } .main-slider__donors { padding-top: 10px; display: flex; align-items: center; flex-wrap: wrap; gap: 34px; overflow: hidden; } .main-slider__donors__inner { display: flex; align-items: center; flex-wrap: wrap; gap: 19px; opacity: 0; transform: translateY(150px); } .main-slider__donors__images { display: flex; align-items: center; } .main-slider__donors__images img { flex-shrink: 0; position: relative; z-index: 1; display: inline-block !important; width: 80px !important; height: 80px; border-radius: 50%; } .main-slider__donors__images img:not(:first-child) { margin-left: -12px; } .main-slider__donors__title { margin-bottom: 2px; font-weight: 600; font-size: 20px; text-transform: capitalize; color: var(--truehelp-black2, #012219); line-height: 1.4; } .main-slider__donors__text { margin: 0px; font-weight: 500; font-size: 16px; color: var(--truehelp-black, #463650); line-height: 1.375; } .main-slider__donors__nonprofits { position: relative; padding: 14px 27px 19px; text-align: center; background-color: var(--truehelp-base, #8A65A0); border-radius: 5px; opacity: 0; transform: translateY(150px); } .main-slider__donors__nonprofits::after { content: ""; width: 18px; height: 18px; border-radius: 50%; background-color: var(--truehelp-primary, #61DEFF); position: absolute; top: -6px; right: -6px; } .main-slider__donors__nonprofits__total { margin-bottom: 0; font-weight: 700; font-size: 36px; color: var(--truehelp-white, #FFFFFF); line-height: 1.25; } .main-slider__donors__nonprofits__title { margin: 0; font-weight: 500; font-size: 16px; color: var(--truehelp-white, #FFFFFF); line-height: 1.375; } .main-slider__image { display: inline-block; position: relative; position: absolute; right: 0px; bottom: 0px; border-radius: 400px 0px 0px 0px; z-index: 3; opacity: 0; transform: translateX(300px); } @media (max-width: 1199px) { .main-slider__image { display: none; } } @media (min-width: 1200px) and (max-width: 1399px) { .main-slider__image { margin-right: -150px; } } @media (min-width: 1400px) and (max-width: 1599px) { .main-slider__image { margin-right: -80px; } } .main-slider__image::after { content: ""; width: 100%; height: 100%; border-radius: inherit; background-color: var(--truehelp-base, #8A65A0); position: absolute; top: 0px; left: -19px; z-index: -1; } .main-slider__image img { display: inline-block !important; width: auto !important; max-width: 100% !important; height: auto; border-radius: inherit; } .main-slider__circle { position: absolute; left: -78px; bottom: 177px; z-index: 1; } .main-slider .circle-text { position: relative; width: 138px; height: 138px; display: flex; justify-content: center; align-items: center; border-radius: 50%; z-index: 111; background-color: var(--truehelp-soft-blue, #B5ECFB); } .main-slider .circle-text__icon { width: 85px; height: 85px; display: flex; align-items: center; justify-content: center; font-size: 24px; color: var(--truehelp-base, #8A65A0); border: 1px solid var(--truehelp-black2, #012219); border-radius: inherit; z-index: 1; } .main-slider .circle-text__icon svg { width: 1em; height: 1em; fill: currentColor; } .main-slider .curved-circle { position: relative; position: absolute; top: 0; left: 0; width: 138px; height: 138px; transform-origin: center center; animation: rotate 10s infinite linear; } .main-slider .curved-circle__item { width: 138px !important; height: 138px !important; position: relative; top: 4px; left: -2px; } .main-slider .curved-circle__item span { font-family: var(--truehelp-font, "Manrope", sans-serif); font-size: 13px; color: var(--truehelp-black2, #012219); font-weight: 700; text-transform: capitalize; letter-spacing: 10px; } .main-slider .active .main-slider__bg__shape-1 { opacity: 1; transform: translateX(0); transition: transform 1200ms ease 500ms, opacity 1200ms ease 500ms; } .main-slider .active .main-slider__bg__shape-2, .main-slider .active .main-slider__bg__shape-3, .main-slider .active .main-slider__bg__shape-4 { opacity: 1; visibility: visible; transition: opacity 1000ms ease 500ms, visibility 1000ms ease 500ms; } .main-slider .active .main-slider__title__inner, .main-slider .active .main-slider__button__inner, .main-slider .active .main-slider__donors__inner, .main-slider .active .main-slider__donors__nonprofits { opacity: 1; transform: translateY(0); transition: transform 1500ms ease, opacity 1500ms ease; } .main-slider .active .main-slider__title__inner { transition-delay: 500ms; } .main-slider .active .main-slider__button__inner { transition-delay: 800ms; } .main-slider .active .main-slider__donors__inner { transition-delay: 1200ms; } .main-slider .active .main-slider__donors__nonprofits { transition-delay: 1500ms; } .main-slider .active .main-slider__image { transform: translateX(0); opacity: 1; transition: transform 1000ms ease, opacity 1000ms ease; } .main-slider-two { position: relative; overflow: hidden; z-index: 1; } .main-slider-two__carousel { position: relative; } .main-slider-two__carousel.owl-carousel .owl-nav { gap: 0px; position: absolute; left: 50%; bottom: 50px; transform: translateX(-50%); } .main-slider-two__carousel.owl-carousel .owl-nav button { padding: 10.5px 30px !important; display: inline-block; width: auto; height: auto; border-radius: 30px; background-color: var(--truehelp-white, #FFFFFF); font-family: var(--truehelp-heading-font, "Geologica", sans-serif); font-weight: 500; font-size: 16px; color: var(--truehelp-black, #463650); text-align: center; text-transform: capitalize; line-height: 1.25; border: 1px solid var(--truehelp-black, #463650); } .main-slider-two__carousel.owl-carousel .owl-nav button:hover { color: var(--truehelp-black, #463650); background-color: var(--truehelp-primary, #61DEFF); } .main-slider-two__carousel.owl-carousel .owl-nav button:last-child { margin-left: -12px; } .main-slider-two__carousel.owl-carousel .owl-dots { position: absolute; left: 161px; bottom: 62px; z-index: 2; } @media (max-width: 1199px) { .main-slider-two__carousel.owl-carousel .owl-dots { left: 100px; } } @media (max-width: 991px) { .main-slider-two__carousel.owl-carousel .owl-dots { display: none; } } .main-slider-two__carousel.owl-carousel .owl-dots .owl-dot { position: relative; width: 18px; height: 18px; background-color: var(--truehelp-soft-blue, #B5ECFB); border: 2px solid var(--truehelp-white, #FFFFFF); } .main-slider-two__carousel.owl-carousel .owl-dots .owl-dot::after { content: ""; width: 9px; height: 9px; border-radius: inherit; background-color: var(--truehelp-primary, #61DEFF); opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: opacity 500ms ease; } .main-slider-two__carousel.owl-carousel .owl-dots .owl-dot:hover, .main-slider-two__carousel.owl-carousel .owl-dots .owl-dot.active { background-color: var(--truehelp-white, #FFFFFF); } .main-slider-two__carousel.owl-carousel .owl-dots .owl-dot:hover::after, .main-slider-two__carousel.owl-carousel .owl-dots .owl-dot.active::after { opacity: 1; } .main-slider-two__item { position: relative; padding-top: 240px; padding-bottom: 230px; overflow: hidden; } @media (max-width: 1399px) { .main-slider-two__item { padding-bottom: 300px; } } @media (max-width: 1199px) { .main-slider-two__item { padding-top: 180px; padding-bottom: 250px; } } @media (max-width: 991px) { .main-slider-two__item { padding-top: 150px; padding-bottom: 220px; } } @media (max-width: 430px) { .main-slider-two__item { padding-top: 130px; padding-bottom: 200px; } } .main-slider-two__bg { width: 100%; height: 100%; position: relative; position: absolute; top: 0; left: 0; overflow: hidden; } .main-slider-two__bg__1, .main-slider-two__bg__2 { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-position: top center; background-size: cover; } .main-slider-two__bg__1 { transition: transform 10s ease; } .main-slider-two__bg__2 { z-index: 1; } .main-slider-two__bg__shape-1 { width: 847px; height: 847px; position: absolute; top: 34px; left: 7.8%; background: radial-gradient(50% 50% at 50% 50%, #F7EEF4 0%, rgba(255, 255, 255, 0) 100%); border-radius: 50%; z-index: 2; } .main-slider-two__bg__shape-2 { width: 906px; height: 906px; position: absolute; top: -167px; right: -255px; background: radial-gradient(50% 50% at 50% 50%, rgba(225, 254, 110, 0.19) 0%, rgba(255, 255, 255, 0) 100%); border-radius: 50%; z-index: 2; } @media (max-width: 1599px) { .main-slider-two .slider-social { left: 35px; } } @media (max-width: 1399px) { .main-slider-two .slider-social { display: none; } } .main-slider-two .container { position: relative; z-index: 3; } @media (min-width: 1400px) and (max-width: 1599px) { .main-slider-two .container { max-width: 100%; padding-left: 100px; padding-right: 100px; } } @media (min-width: 1600px) and (max-width: 1850px) { .main-slider-two .container { max-width: 100%; padding-left: 150px; padding-right: 150px; } } .main-slider-two__content { position: relative; max-width: 785px; z-index: 1; } @media (max-width: 1850px) { .main-slider-two__content { max-width: 735px; } } @media (max-width: 1599px) { .main-slider-two__content { max-width: 640px; } } @media (max-width: 1399px) { .main-slider-two__content { max-width: 590px; } } @media (max-width: 1199px) { .main-slider-two__content { max-width: 800px; } } @media (max-width: 1399px) { .main-slider-two__top { overflow: hidden; } } .main-slider-two__tagline { position: relative; position: absolute; top: -62px; left: -200px; opacity: 0; transform: rotate(-65deg); margin-bottom: 30px; padding: 7px 20px 7px 36px; display: inline-block; font-size: 14px; font-weight: 600; color: var(--truehelp-black, #463650); line-height: 1.5; border: 1px solid var(--truehelp-base, #8A65A0); border-radius: 60px; background-color: var(--truehelp-white15, #EEE9F1); } @media (max-width: 1799px) { .main-slider-two__tagline { top: -80px; } } @media (max-width: 1399px) { .main-slider-two__tagline { position: relative; top: 0; left: 0; transform: translateY(-100px) rotate(0); } } .main-slider-two__tagline::before { content: ""; width: 3px; height: 3px; border-radius: 50%; background-color: var(--truehelp-black, #463650); position: absolute; top: 50%; left: 22px; transform: translateY(-50%); } .main-slider-two__title { overflow: hidden; position: relative; margin-bottom: 28px; font-weight: 700; font-size: 80px; text-transform: capitalize; line-height: 1.125; } @media (max-width: 1799px) { .main-slider-two__title { font-size: 75px; } } @media (max-width: 1599px) { .main-slider-two__title { font-size: 65px; } } @media (max-width: 1399px) { .main-slider-two__title { font-size: 60px; } } @media (max-width: 767px) { .main-slider-two__title { font-size: 55px; } } @media (max-width: 575px) { .main-slider-two__title { font-size: 50px; } } @media (max-width: 430px) { .main-slider-two__title { font-size: 45px; } } .main-slider-two__title__inner { position: relative; display: table; opacity: 0; transform: translateY(-300px); } .main-slider-two__description { margin-bottom: 47px; overflow: hidden; } .main-slider-two__text { margin: 0; font-weight: 500; font-size: 20px; color: var(--truehelp-black, #463650); text-transform: capitalize; line-height: 1.7; opacity: 0; transform: translateY(150px); } .main-slider-two__button { margin-bottom: 33px; overflow: hidden; } .main-slider-two__button__inner { opacity: 0; transform: translateY(80px); } .main-slider-two__button .truehelp-btn { padding: 12.3px 39px; border: 1px solid var(--truehelp-black, #463650); } .main-slider-two__button .truehelp-btn:hover { border-color: var(--truehelp-base, #8A65A0); } .main-slider-two .slider-donors { position: absolute; right: -286px; bottom: -44px; opacity: 0; transform: translateX(100%); } @media (max-width: 1199px) { .main-slider-two .slider-donors { right: -120px; } } @media (max-width: 991px) { .main-slider-two .slider-donors { position: static; } } .main-slider-two__image { display: inline-block; position: relative; position: absolute; top: 50%; right: 53px; opacity: 0; transform: translateY(-50%) translateX(300px); z-index: 2; } @media (max-width: 1199px) { .main-slider-two__image { display: none; } } @media (max-width: 1850px) { .main-slider-two__image { right: 30px; } } .main-slider-two__image__1 { border-radius: 293px 0px 298.5px 298.5px; } .main-slider-two__image__2 { position: absolute; top: 0px; left: -150px; padding-right: 6px; background-color: var(--truehelp-white, #FFFFFF); border-radius: 6px 293px 298.5px 298.5px; } @media (max-width: 1599px) { .main-slider-two__image__2 { left: -100px; } } @media (max-width: 1299px) { .main-slider-two__image__2 { display: none; } } .main-slider-two__image img { display: inline-block !important; width: auto !important; max-width: 100% !important; height: auto; border-radius: inherit; } .main-slider-two .active .main-slider-two__bg__1 { transform: scale(1.3); } .main-slider-two .active .main-slider-two__tagline { opacity: 1; left: -98px; transform: rotate(-26.55deg); transition: all 1200ms ease; } @media (max-width: 1799px) { .main-slider-two .active .main-slider-two__tagline { left: -50px; } } @media (max-width: 1399px) { .main-slider-two .active .main-slider-two__tagline { left: 0; transform: translateY(0px) rotate(0); } } .main-slider-two .active .main-slider-two__title__inner, .main-slider-two .active .main-slider-two__button__inner, .main-slider-two .active .main-slider-two__text, .main-slider-two .active .slider-donors { opacity: 1; transform: translate(0); transition: transform 1500ms ease, opacity 1500ms ease; } .main-slider-two .active .main-slider-two__title__inner { transition-delay: 300ms; } .main-slider-two .active .main-slider-two__text { transition-delay: 500ms; } .main-slider-two .active .main-slider-two__button__inner { transition-delay: 900ms; } .main-slider-two .active .slider-donors { transition-delay: 300ms; } .main-slider-two .active .main-slider-two__image { transform: translateY(-50%) translateX(0px); opacity: 1; transition: transform 1000ms ease, opacity 1000ms ease; } .main-slider-three { position: relative; overflow: hidden; z-index: 1; } .main-slider-three__carousel { position: relative; } .main-slider-three__carousel.owl-carousel .owl-nav { gap: 0px; position: absolute; right: 50px; bottom: 50px; } @media (max-width: 575px) { .main-slider-three__carousel.owl-carousel .owl-nav { right: auto; left: 50%; transform: translateX(-50%); } } .main-slider-three__carousel.owl-carousel .owl-nav button { padding: 10.5px 30px !important; display: inline-block; width: auto; height: auto; border-radius: 30px; background-color: var(--truehelp-white, #FFFFFF); font-family: var(--truehelp-heading-font, "Geologica", sans-serif); font-weight: 500; font-size: 16px; color: var(--truehelp-black, #463650); text-align: center; text-transform: capitalize; line-height: 1.25; border: 1px solid var(--truehelp-black, #463650); } .main-slider-three__carousel.owl-carousel .owl-nav button:hover { color: var(--truehelp-black, #463650); background-color: var(--truehelp-primary, #61DEFF); } .main-slider-three__carousel.owl-carousel .owl-nav button:last-child { margin-left: -12px; } .main-slider-three__carousel.owl-carousel .owl-dots { position: absolute; left: 61px; bottom: 63px; z-index: 2; } @media (max-width: 575px) { .main-slider-three__carousel.owl-carousel .owl-dots { display: none; } } .main-slider-three__carousel.owl-carousel .owl-dots .owl-dot { position: relative; width: 18px; height: 18px; background-color: var(--truehelp-soft-blue, #B5ECFB); border: 2px solid var(--truehelp-white, #FFFFFF); } .main-slider-three__carousel.owl-carousel .owl-dots .owl-dot::after { content: ""; width: 9px; height: 9px; border-radius: inherit; background-color: var(--truehelp-primary, #61DEFF); opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: opacity 500ms ease; } .main-slider-three__carousel.owl-carousel .owl-dots .owl-dot:hover, .main-slider-three__carousel.owl-carousel .owl-dots .owl-dot.active { background-color: var(--truehelp-white, #FFFFFF); } .main-slider-three__carousel.owl-carousel .owl-dots .owl-dot:hover::after, .main-slider-three__carousel.owl-carousel .owl-dots .owl-dot.active::after { opacity: 1; } .main-slider-three__item { position: relative; padding-top: 305px; padding-bottom: 216px; overflow: hidden; } @media (max-width: 1199px) { .main-slider-three__item { padding-top: 280px; padding-bottom: 300px; } } @media (max-width: 767px) { .main-slider-three__item { padding-top: 250px; } } @media (max-width: 575px) { .main-slider-three__item { padding-bottom: 220px; } } @media (max-width: 430px) { .main-slider-three__item { padding-top: 220px; } } .main-slider-three__bg { width: 100%; height: 100%; position: relative; position: absolute; top: 0; left: 0; overflow: hidden; } .main-slider-three__bg__1, .main-slider-three__bg__2 { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-position: top center; background-size: cover; } .main-slider-three__bg__1 { transition: transform 10s ease; } .main-slider-three__bg__2 { z-index: 1; } .main-slider-three__bg__shape-1 { width: 847px; height: 847px; position: absolute; top: 34px; left: 7.8%; background: radial-gradient(50% 50% at 50% 50%, #F7EEF4 0%, rgba(255, 255, 255, 0) 100%); border-radius: 50%; z-index: 2; } .main-slider-three__bg__shape-2 { width: 906px; height: 906px; position: absolute; top: -167px; right: -255px; background: radial-gradient(50% 50% at 50% 50%, rgba(225, 254, 110, 0.19) 0%, rgba(255, 255, 255, 0) 100%); border-radius: 50%; z-index: 2; } .main-slider-three .slider-social { top: calc(50% + 74px); z-index: 3; } @media (max-width: 1599px) { .main-slider-three .slider-social { left: 35px; } } @media (max-width: 1399px) { .main-slider-three .slider-social { display: none; } } .main-slider-three .container { position: relative; z-index: 2; } @media (min-width: 1200px) { .main-slider-three .container { max-width: 100%; padding-left: 40px; padding-right: 40px; } } @media (min-width: 1400px) { .main-slider-three .container { padding-left: 100px; padding-right: 100px; } } .main-slider-three__content { margin-top: 97px; position: relative; text-align: center; } @media (max-width: 1399px) { .main-slider-three__content { margin-top: 0; } } @media (max-width: 1399px) { .main-slider-three__top { overflow: hidden; } } .main-slider-three__tagline { position: relative; position: absolute; top: -54px; left: -200px; opacity: 0; transform: rotate(-26.55deg); margin-bottom: 30px; padding: 7px 20px 7px 36px; display: inline-block; font-size: 14px; font-weight: 600; color: var(--truehelp-black, #463650); line-height: 1.5; border: 1px solid var(--truehelp-base, #8A65A0); border-radius: 60px; background-color: var(--truehelp-white15, #EEE9F1); } @media (max-width: 1199px) { .main-slider-three__tagline { position: relative; top: 0px; left: 0px; transform: translateY(-100px) rotate(0); } } .main-slider-three__tagline::before { content: ""; width: 3px; height: 3px; border-radius: 50%; background-color: var(--truehelp-black, #463650); position: absolute; top: 50%; left: 22px; transform: translateY(-50%); } .main-slider-three__title { overflow: hidden; position: relative; margin-bottom: 43px; font-weight: 700; font-size: 80px; text-transform: capitalize; line-height: 1.125; } @media (max-width: 1799px) { .main-slider-three__title { font-size: 75px; } } @media (max-width: 1599px) { .main-slider-three__title { font-size: 65px; } } @media (max-width: 1399px) { .main-slider-three__title { font-size: 60px; } } @media (max-width: 767px) { .main-slider-three__title { font-size: 55px; } } @media (max-width: 575px) { .main-slider-three__title { font-size: 50px; } } @media (max-width: 430px) { .main-slider-three__title { font-size: 45px; } } .main-slider-three__title__inner { position: relative; display: inline-block; opacity: 0; transform: translateY(-300px); } .main-slider-three__description { margin-bottom: 45px; overflow: hidden; } .main-slider-three__text { margin: 0; font-weight: 500; font-size: 20px; color: var(--truehelp-black, #463650); text-transform: capitalize; line-height: 1.7; opacity: 0; transform: translateY(150px); } @media (max-width: 1399px) { .main-slider-three__text { font-size: 18px; } } .main-slider-three__button { margin-bottom: 33px; overflow: hidden; } .main-slider-three__button__inner { opacity: 0; transform: translateY(80px); } .main-slider-three__button .truehelp-btn { padding: 12.3px 39px; border: 1px solid var(--truehelp-black, #463650); } .main-slider-three__button .truehelp-btn:hover { border-color: var(--truehelp-base, #8A65A0); } .main-slider-three__image-1 { position: relative; display: table; } @media (max-width: 1199px) { .main-slider-three__image-1 { margin-left: auto; margin-right: auto; } } .main-slider-three__image-1__inner { display: inline-block; position: relative; border-radius: 6px 500px 298.5px 298.5px; opacity: 0; transform: translateX(-100%); z-index: 1; } .main-slider-three__image-1__inner::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: var(--truehelp-white, #FFFFFF); border-radius: 6px 465px 298.5px 298.5px; z-index: -1; } .main-slider-three__image-1__inner img { display: inline-block !important; width: auto !important; max-width: 100% !important; height: auto; border-radius: inherit; } .main-slider-three__image-2 { margin-left: auto; position: relative; display: table; } .main-slider-three__image-2__inner { padding-left: 7px; display: inline-block; border-radius: 450px 0px 298.5px 298.5px; background-color: var(--truehelp-base, #8A65A0); opacity: 0; transform: translateX(100%); } .main-slider-three__image-2__inner img { border-radius: inherit; } .main-slider-three__image-2 img { display: inline-block !important; width: auto !important; max-width: 100% !important; height: auto; } .main-slider-three__image-2__shape { position: absolute; top: -53px; left: -126px; opacity: 0; transform: translateY(-200px) rotate(-47.63deg); } @media (max-width: 1799px) { .main-slider-three__image-2__shape { left: -50px; } } .main-slider-three .slider-donors { position: absolute; left: 46px; bottom: -111px; opacity: 0; transform: translateY(100px); z-index: 1; } @media (max-width: 1599px) { .main-slider-three .slider-donors { padding: 25px; left: 30px; } } @media (max-width: 1199px) { .main-slider-three .slider-donors { bottom: -90px; } } @media (max-width: 575px) { .main-slider-three .slider-donors { margin-top: 30px; position: static; } } .main-slider-three .slider-donors__inner { flex-wrap: nowrap; } @media (max-width: 575px) { .main-slider-three .slider-donors__inner { flex-wrap: wrap; } } .main-slider-three .total-fund { position: absolute; left: -93px; bottom: -48px; opacity: 0; transform: translateY(100px) rotate(-24.23deg); z-index: 1; } @media (max-width: 1799px) { .main-slider-three .total-fund { padding: 12px 44px 20px; } } @media (max-width: 1599px) { .main-slider-three .total-fund { left: 0; } } .main-slider-three .active .main-slider-three__bg__1 { transform: scale(1.3); } .main-slider-three .active .main-slider-three__tagline { top: -54px; left: -58px; opacity: 1; transform: rotate(-26.55deg); transition: all 1200ms ease; } @media (max-width: 1199px) { .main-slider-three .active .main-slider-three__tagline { top: 0px; left: 0px; transform: translateY(0px) rotate(0); } } .main-slider-three .active .main-slider-three__title__inner, .main-slider-three .active .main-slider-three__button__inner, .main-slider-three .active .main-slider-three__text { opacity: 1; transform: translate(0); transition: transform 1500ms ease, opacity 1500ms ease; } .main-slider-three .active .main-slider-three__title__inner { transition-delay: 300ms; } .main-slider-three .active .main-slider-three__text { transition-delay: 500ms; } .main-slider-three .active .main-slider-three__button__inner { transition-delay: 900ms; } .main-slider-three .active .main-slider-three__image-1__inner, .main-slider-three .active .main-slider-three__image-2__inner, .main-slider-three .active .main-slider-three__image-2__shape, .main-slider-three .active .slider-donors, .main-slider-three .active .total-fund { transform: translate(0); opacity: 1; transition: transform 1200ms ease, opacity 1200ms ease; } .main-slider-three .active .main-slider-three__image-2__shape { transform: translateY(0px) rotate(-47.63deg); } .main-slider-three .active .total-fund { transform: translateY(0px) rotate(-24.23deg); } /*-------------------------------------------------------------- # About --------------------------------------------------------------*/ .about-one { position: relative; background-color: var(--truehelp-white, #FFFFFF); overflow: hidden; } .about-one .container { position: relative; z-index: 1; } @media (min-width: 1600px) { .about-one__col-1 { flex: 0 0 auto; width: 41.66666667%; } } @media (min-width: 1600px) { .about-one__col-2 { flex: 0 0 auto; width: 58.3333333333%; } } .about-one__image { position: relative; margin-left: -215px; } @media (max-width: 1599px) { .about-one__image { margin-left: -80px; } } @media (max-width: 1399px) { .about-one__image { margin-left: 0; } } @media (max-width: 1199px) { .about-one__image { max-width: 690px; } } .about-one__image__one { display: inline-block; -webkit-mask: url('data:image/svg+xml;utf8, '); mask: url('data:image/svg+xml;utf8, '); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: top center; mask-position: top center; -webkit-mask-size: auto; mask-size: auto; } .about-one__image__one img { max-width: 100%; height: auto; } .about-one__image__two { display: inline-block; padding: 4px; position: relative; position: absolute; right: 19px; bottom: 0px; background-color: var(--truehelp-white, #FFFFFF); z-index: 2; -webkit-mask: url('data:image/svg+xml;utf8, '); mask: url('data:image/svg+xml;utf8, '); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: top center; mask-position: top center; -webkit-mask-size: auto; mask-size: auto; } @media (max-width: 767px) { .about-one__image__two { display: none; } } .about-one__image__two::after { content: ""; width: 141px; height: 141px; border-radius: 50%; position: absolute; top: -55px; right: -16px; background-color: var(--truehelp-white, #FFFFFF); z-index: 1; } .about-one__image__two img { max-width: 100%; height: auto; -webkit-mask: url('data:image/svg+xml;utf8, '); mask: url('data:image/svg+xml;utf8, '); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: top center; mask-position: top center; -webkit-mask-size: auto; mask-size: auto; } .about-one__image__shape-1 { max-width: 100%; height: auto; position: absolute; top: 7px; right: -22px; transform: rotate(-47.63deg); z-index: 1; } @media (max-width: 1399px) { .about-one__image__shape-1 { right: 0px; } } @media (max-width: 767px) { .about-one__image__shape-1 { display: none; } } .about-one__image__shape-2 { max-width: 100%; height: auto; position: absolute; top: -10px; left: -26px; } @media (max-width: 1399px) { .about-one__image__shape-2 { left: 0px; } } @media (max-width: 1199px) { .about-one__image__shape-2 { display: none; } } .about-one__content { position: relative; padding-left: 65px; } @media (max-width: 1599px) { .about-one__content { padding-left: 30px; } } @media (max-width: 1399px) { .about-one__content { padding-left: 10px; } } @media (max-width: 1199px) { .about-one__content { padding-left: 0px; } } .about-one .sec-title { margin-bottom: 31px; } .about-one__text { margin-bottom: 35px; } .about-one__inner { margin-bottom: 32px; display: flex; align-items: center; gap: 20px; } @media (max-width: 767px) { .about-one__inner { flex-direction: column; align-items: flex-start; } } .about-one__inner__item { width: calc(50% - 10px); position: relative; padding: 21px 24px; display: flex; align-items: center; gap: 20px; background-color: var(--truehelp-white26, #F4EFF6); border-radius: 5px; overflow: hidden; z-index: 1; transition: all 500ms ease; } @media (min-width: 1400px) and (max-width: 1599px) { .about-one__inner__item { padding: 20px; } } @media (max-width: 767px) { .about-one__inner__item { width: 100%; } } .about-one__inner__item::after { content: ""; width: 0; height: 0; position: absolute; top: 0; left: 50%; transform: translateX(-50%); background-color: var(--truehelp-base, #8A65A0); border-radius: inherit; z-index: -1; transition: all 500ms ease; } .about-one__inner__item:hover::after { width: 100%; height: 100%; } .about-one__inner__icon { display: inline-flex; font-size: 61px; color: var(--truehelp-black, #463650); transition: all 500ms ease; } .about-one__inner__icon svg { width: 1em; height: 1em; fill: currentColor; } .about-one__inner__title { margin: 0; font-size: 20px; font-weight: 500; text-transform: capitalize; line-height: 1.6; transition: all 500ms ease; } .about-one__inner__item:hover .about-one__inner__icon, .about-one__inner__item:hover .about-one__inner__title { color: var(--truehelp-white, #FFFFFF); } .about-one .total-fund { margin-bottom: 40px; } @media (min-width: 1850px) { .about-one .total-fund { margin: 0; position: absolute; top: 80px; right: -345px; transform: rotate(-24.23deg); } } .about-one__shape { max-width: 100%; height: auto; position: absolute; right: 0px; bottom: 0px; animation: zumpBottom 2s linear infinite; } @media (max-width: 1399px) { .about-one__shape { display: none; } } .about-two { position: relative; background-color: var(--truehelp-white27, #FCF8FF); } .about-two .container { position: relative; z-index: 1; } .about-two__image { position: relative; margin-left: -83px; } @media (max-width: 1599px) { .about-two__image { margin-left: -40px; } } @media (max-width: 1399px) { .about-two__image { margin-left: 0; } } @media (max-width: 1199px) { .about-two__image { margin-bottom: 40px; } } @media (max-width: 430px) { .about-two__image { margin-bottom: 60px; } } .about-two__image__img { max-width: 100%; height: auto; border-radius: 293px 0px 298.5px 298.5px; } .about-two__image__shape { max-width: 100%; height: auto; position: absolute; top: 12px; left: -128px; transform: rotate(-47.63deg); } @media (max-width: 1599px) { .about-two__image__shape { left: -60px; } } @media (max-width: 1399px) { .about-two__image__shape { top: -10px; left: 0px; } } @media (max-width: 575px) { .about-two__image__shape { display: none; } } .about-two .total-fund { position: absolute; left: -89px; bottom: 8px; transform: rotate(-24.23deg); } @media (max-width: 1599px) { .about-two .total-fund { left: -70px; } } @media (max-width: 1399px) { .about-two .total-fund { left: 0px; } } @media (max-width: 430px) { .about-two .total-fund { bottom: -30px; } } .about-two .sec-title { margin-bottom: 30px; } .about-two__text { margin-bottom: 29px; } .about-two__inner { margin-bottom: 36px; display: flex; align-items: center; gap: 26px; } @media (max-width: 767px) { .about-two__inner { display: block; } } .about-two__inner__item + .about-two__inner__item { margin-top: 10px; } .about-two__inner__item { position: relative; padding: 21px 23px; display: flex; align-items: center; gap: 24px; background-color: var(--truehelp-white26, #F4EFF6); border-radius: 5px; overflow: hidden; z-index: 1; transition: all 500ms ease; } .about-two__inner__item::after { content: ""; width: 0; height: 0; position: absolute; top: 0; left: 50%; transform: translateX(-50%); background-color: var(--truehelp-base, #8A65A0); border-radius: inherit; z-index: -1; transition: all 500ms ease; } .about-two__inner__item:hover::after { width: 100%; height: 100%; } .about-two__inner__icon { display: inline-flex; font-size: 56px; color: var(--truehelp-black, #463650); transition: all 500ms ease; } .about-two__inner__icon svg { width: 1em; height: 1em; fill: currentColor; } .about-two__inner__title { margin: 0; font-size: 20px; font-weight: 500; text-transform: capitalize; line-height: 1.6; transition: all 500ms ease; } .about-two__inner__item:hover .about-two__inner__icon, .about-two__inner__item:hover .about-two__inner__title { color: var(--truehelp-white, #FFFFFF); } .about-two__inner__image { flex-shrink: 0; } @media (max-width: 767px) { .about-two__inner__image { margin-top: 30px; } } .about-two__inner__image img { max-width: 100%; height: auto; border-radius: 58.5px; } .about-two__bottom { display: flex; align-items: center; gap: 30px 40px; } @media (max-width: 767px) { .about-two__bottom { flex-direction: column; align-items: flex-start; } } .about-two__bottom__text { margin: 0; } .about-two__button { flex-shrink: 0; } .about-two__shape { max-width: 100%; height: auto; position: absolute; top: 111px; right: 0px; animation: zump 2s linear infinite; } @media (max-width: 1799px) { .about-two__shape { display: none; } } .about-three { position: relative; } .about-three__bg { position: relative; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-position: top center; background-size: cover; } .about-three__bg::before { content: ""; width: 942px; height: 100%; position: absolute; top: 0px; left: 241px; background-color: var(--truehelp-white28, #FAF7FC); border-radius: 0px 293px 0px 0px; } @media (max-width: 1799px) { .about-three__bg::before { left: 130px; } } @media (max-width: 1599px) { .about-three__bg::before { left: 50px; } } @media (max-width: 1399px) { .about-three__bg::before { left: 0px; } } @media (max-width: 1299px) { .about-three__bg::before { display: none; } } .about-three .container { position: relative; z-index: 1; } @media (min-width: 1600px) { .about-three__col-1 { flex: 0 0 auto; width: 58.3333333333%; } } @media (min-width: 1600px) { .about-three__col-2 { flex: 0 0 auto; width: 41.66666667%; } } .about-three .sec-title { margin-bottom: 28px; } .about-three__text { margin-bottom: 35px; } .about-three__inner { margin-bottom: 32px; display: grid; grid-template-columns: 193px auto; align-items: center; grid-gap: 30px; } @media (max-width: 767px) { .about-three__inner { grid-template-columns: 1fr; } } .about-three__inner__image { max-width: 100%; height: auto; border-radius: 5px; } .about-three__inner__content { display: flex; align-items: flex-start; gap: 30px; } @media (max-width: 375px) { .about-three__inner__content { flex-direction: column; } } .about-three__inner__item { width: calc(50% - 15px); text-align: center; } @media (max-width: 375px) { .about-three__inner__item { width: 100%; text-align: left; display: flex; align-items: flex-start; gap: 30px; } } .about-three__inner__icon { width: 68px; height: 68px; margin: 0 auto 14px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 44px; border-radius: 50%; border: 1px solid var(--truehelp-black5, #000000); background-color: var(--truehelp-white, #FFFFFF); transition: all 500ms ease; } @media (max-width: 375px) { .about-three__inner__icon { margin: 0; } } .about-three__inner__icon svg { width: 1em; height: 1em; fill: currentColor; } .about-three__inner__item:hover .about-three__inner__icon { color: var(--truehelp-white, #FFFFFF); border-color: var(--truehelp-base, #8A65A0); background-color: var(--truehelp-base, #8A65A0); } .about-three__inner__title { margin: 0; font-weight: 600; font-size: 20px; text-transform: capitalize; line-height: 1.6; } .about-three__list { margin-bottom: 42px; } .about-three__list li + li { margin-top: 4px; } .about-three__list li { display: flex; align-items: flex-start; gap: 10px; font-weight: 500; color: var(--truehelp-text-dark, #554F58); } .about-three__list__icon { position: relative; top: 4px; width: 22px; height: 22px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; border-radius: 50%; font-size: 10px; color: var(--truehelp-white, #FFFFFF); background-color: var(--truehelp-primary, #61DEFF); } .about-three__list__icon svg { width: 1em; height: 1em; fill: currentColor; } .about-three__bottom { display: flex; align-items: center; gap: 30px 40px; } @media (max-width: 767px) { .about-three__bottom { flex-direction: column; align-items: flex-start; } } .about-three__bottom__text { margin: 0; } .about-three__button { flex-shrink: 0; } .about-three__image { position: relative; padding-left: 116px; } @media (max-width: 767px) { .about-three__image { padding-left: 0px; } } @media (min-width: 1200px) and (max-width: 1799px) { .about-three__image { padding-left: 15px; } } .about-three__image img { border: 4px solid var(--truehelp-white, #FFFFFF); border-radius: 326.5px 293px 326.5px 0px; } @media (max-width: 1399px) { .about-three__image img { max-width: 100%; height: auto; } } .about-three .support-education { position: absolute; left: 3px; bottom: 53px; transform: rotate(0deg); animation: zump 2s linear infinite; } @media (max-width: 767px) { .about-three .support-education { margin-top: 40px; position: static; } } @media (min-width: 1200px) and (max-width: 1399px) { .about-three .support-education { margin-top: 40px; position: static; } } /*-------------------------------------------------------------- # Contact --------------------------------------------------------------*/ .contact { background-color: var(--truehelp-white, #FFFFFF); } .contact__content { padding-right: 44px; } @media (max-width: 1199px) { .contact__content { padding-right: 0; } } .contact__info { padding: 39.5px; border-radius: 30px 30px 0px 0px; background-color: var(--truehelp-white5, #E5F8F6); } @media (max-width: 1199px) { .contact__info { padding: 35px; } } @media (max-width: 575px) { .contact__info { padding: 30px; } } @media (max-width: 440px) { .contact__info { padding: 25px; } } @media (max-width: 375px) { .contact__info { padding: 20px; } } .contact__info__inner { padding: 32px 44px 31px; border-radius: 30px; background-color: var(--truehelp-white, #FFFFFF); } @media (max-width: 1199px) { .contact__info__inner { padding-left: 35px; padding-right: 35px; } } @media (max-width: 575px) { .contact__info__inner { padding-left: 30px; padding-right: 30px; } } .contact__info__item + .contact__info__item { margin-top: 21px; } .contact__info__item { position: relative; display: flex; align-items: flex-start; gap: 15px; } @media (max-width: 425px) { .contact__info__item { flex-direction: column; } } .contact__info__icon { width: 58px; height: 58px; background-color: var(--truehelp-white6, #F7F2FA); border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; overflow: hidden; position: relative; z-index: 1; font-size: var(--icon-size); color: var(--truehelp-black5, #000000); transition: all 300ms ease; } .contact__info__icon::after { content: ""; width: 0; height: 0; position: absolute; top: 0; left: 50%; transform: translateX(-50%); background-color: var(--truehelp-base, #8A65A0); border-radius: inherit; z-index: -1; transition: all 500ms ease; } .contact__info__icon svg { width: 1em; height: 1em; fill: currentColor; } .contact__info__item:hover .contact__info__icon { color: var(--truehelp-white, #FFFFFF); } .contact__info__item:hover .contact__info__icon::after { width: 100%; height: 100%; } .contact__info__title { margin-bottom: 9px; font-size: 20px; font-weight: 500; text-transform: capitalize; line-height: 1.6; } .contact__info__text { margin: 0; font-size: 15px; color: var(--truehelp-text-gray, #4B5563); line-height: 1.25; } .contact__info__text a { color: inherit; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease; } .contact__info__text a:hover { background-size: 100% 1px; } .contact__info__text a:hover { color: var(--truehelp-base, #8A65A0); } .contact__info__text--location { line-height: 1.75; } .contact__info__text--contact { font-weight: 600; } .contact__info__text--contact a { color: inherit; font-weight: 700; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease; } .contact__info__text--contact a:hover { background-size: 100% 1px; } .contact__info__text--email { color: var(--truehelp-black, #463650); } .contact__form { padding: 47.5px 43px 58.5px; background: linear-gradient(179.57deg, #F5E4FF 14.47%, #F8FAED 51%, #D7F7FF 97.5%); border-radius: 10px; } @media (max-width: 1199px) { .contact__form { padding-top: 43px; padding-bottom: 54px; } } @media (max-width: 575px) { .contact__form { padding: 34px 35px 45px; } } @media (max-width: 430px) { .contact__form { padding: 30px 30px 41px; } } @media (max-width: 360px) { .contact__form { padding-left: 25px; padding-right: 25px; } } .contact__form__title { margin-bottom: 26px; font-size: 32px; font-weight: 500; color: var(--truehelp-black5, #000000); text-transform: capitalize; line-height: 156%; } @media (max-width: 575px) { .contact__form__title { font-size: 30px; } } /*-------------------------------------------------------------- # Testimonials --------------------------------------------------------------*/ .testimonials-one { position: relative; background-color: RGBA(var(--truehelp-primary-rgb, 97, 222, 255), 0.3); } .testimonials-one .container { position: relative; z-index: 1; } .testimonials-one__container-1::after { content: ""; width: 475px; height: calc(100% + 130px); background-color: var(--truehelp-white, #FFFFFF); position: absolute; top: -130px; left: -60px; z-index: -1; } @media (max-width: 1399px) { .testimonials-one__container-1::after { display: none; } } .testimonials-one .sec-title { margin-bottom: 66px; } .testimonials-one__inner { position: relative; } .testimonials-one__carousel.owl-carousel .owl-dots { margin-top: 60px !important; } @media (min-width: 1200px) { .testimonials-one__carousel.owl-carousel .owl-dots { margin-top: 0px !important; position: absolute; left: calc(50% - 133px); bottom: 62px; transform: translateX(-50%); } } @media (min-width: 1400px) { .testimonials-one__carousel.owl-carousel .owl-dots { left: 50%; } } @media (min-width: 1600px) { .testimonials-one__carousel.owl-carousel .owl-dots { left: calc(50% + 133px); } } @media (min-width: 1600px) { .testimonials-one__col-1 { flex: 0 0 auto; width: 66.66666667%; } } @media (min-width: 1600px) { .testimonials-one__col-2 { flex: 0 0 auto; width: 33.33333333%; } } .testimonials-one__item__content { margin-top: 118px; } @media (max-width: 991px) { .testimonials-one__item__content { margin-top: 0; } } .testimonials-one__item__info { margin-bottom: 23px; display: flex; align-items: center; gap: 23px; } @media (max-width: 390px) { .testimonials-one__item__info { margin-bottom: 30px; flex-direction: column; align-items: flex-start; } } .testimonials-one__item__image { flex-shrink: 0; width: 99px; height: 99px; border-radius: 50%; background-color: var(--truehelp-white20, #F6F0FA); } .testimonials-one__item__image img { width: 99px !important; height: 99px; border-radius: inherit; } .testimonials-one__item__name { margin-bottom: 6px; font-weight: 600; font-size: 24px; text-transform: capitalize; line-height: 1.25; } .testimonials-one__item__designation { margin: 0; font-weight: 500; font-size: 16px; color: RGBA(var(--truehelp-black-rgb, 70, 54, 80), 0.7); text-transform: capitalize; line-height: 1.375; } .testimonials-one__item__quote { margin-bottom: 80px; font-weight: 400; font-size: 36px; color: RGBA(var(--truehelp-black-rgb, 70, 54, 80), 0.8); line-height: 1.666; } @media (max-width: 1599px) { .testimonials-one__item__quote { font-size: 30px; } } @media (max-width: 1399px) { .testimonials-one__item__quote { font-size: 25px; } } @media (max-width: 1199px) { .testimonials-one__item__quote { font-size: 20px; } } @media (max-width: 991px) { .testimonials-one__item__quote { margin-bottom: 40px; } } @media (max-width: 575px) { .testimonials-one__item__quote { font-size: 18px; } } .testimonials-one__item__ratings { flex: 0 0 185px; } @media (max-width: 991px) { .testimonials-one__item__ratings { flex: 0 0 100%; } } .testimonials-one__item .truehelp-ratings { padding: 17px 18px; background-color: var(--truehelp-white22, #FAF3FE); border-radius: 5px; display: inline-flex; gap: 10px; transition: all 500ms ease; } .testimonials-one__item .truehelp-ratings__icon { font-size: 19px; color: var(--truehelp-orange, #E89447); } .testimonials-one__item:hover .truehelp-ratings { background-color: var(--truehelp-base, #8A65A0); } .testimonials-one__item:hover .truehelp-ratings__icon { color: var(--truehelp-white, #FFFFFF); } .testimonials-one__item__image-box { position: relative; display: inline-block; } .testimonials-one__item__image-box::before { content: ""; width: calc(100% - 69px); height: calc(100% - 89px); background-color: var(--truehelp-white20, #F6F0FA); position: absolute; left: 0px; bottom: 0px; border-radius: 10px; } @media (max-width: 430px) { .testimonials-one__item__image-box::before { width: calc(100% - 30px); height: calc(100% - 60px); } } .testimonials-one__item__image-box::after { content: ""; width: 352px; height: 352px; background-color: var(--truehelp-primary, #61DEFF); position: absolute; top: 175px; right: 19px; border-radius: 50%; z-index: 1; } @media (max-width: 430px) { .testimonials-one__item__image-box::after { width: 300px; height: 300px; top: 100px; } } @media (max-width: 375px) { .testimonials-one__item__image-box::after { width: 280px; height: 280px; } } @media (max-width: 360px) { .testimonials-one__item__image-box::after { width: 250px; height: 250px; } } .testimonials-one__item__image-box img { position: relative; display: inline-block !important; width: auto !important; z-index: 2; } @media (max-width: 1199px) { .testimonials-one__item__image-box img { max-width: 100%; height: auto; } } .testimonials-one__container-2 { padding-left: 0; padding-right: 0; max-width: 100%; } .testimonials-one__thumb { position: absolute; right: 0px; bottom: 349px; } @media (max-width: 991px) { .testimonials-one__thumb { bottom: 300px; } } @media (max-width: 575px) { .testimonials-one__thumb { margin-top: 40px; position: static; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 10px; } } .testimonials-one__thumb__item { cursor: pointer; position: relative; width: 99px; height: 99px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: var(--truehelp-white, #FFFFFF); z-index: 2; transition: all 500ms ease; } @media (max-width: 575px) { .testimonials-one__thumb__item { position: static !important; width: 80px; height: 80px; } } @media (max-width: 430px) { .testimonials-one__thumb__item { width: 65px; height: 65px; } } @media (max-width: 375px) { .testimonials-one__thumb__item { width: 60px; height: 60px; } } .testimonials-one__thumb__item:hover, .testimonials-one__thumb__item.active { background-color: var(--truehelp-primary, #61DEFF); } .testimonials-one__thumb__item--1 { position: absolute; right: -44px; bottom: 0px; z-index: 3; } .testimonials-one__thumb__item--2 { position: absolute; right: 0px; bottom: -70px; z-index: 2; } .testimonials-one__thumb__item--3 { position: absolute; right: 77px; bottom: -107px; z-index: 1; } .testimonials-one__thumb__item--4 { position: absolute; right: 160px; bottom: -68px; } .testimonials-one__thumb__item img { cursor: pointer; display: inline-block !important; width: calc(100% - 8px) !important; height: calc(100% - 8px); object-fit: cover; border-radius: inherit; } .testimonials-one__shape { max-width: 100%; height: auto; position: absolute; top: 146px; right: 123px; animation: moveHorizontal 2s linear infinite; } @media (max-width: 1599px) { .testimonials-one__shape { top: 200px; right: 60px; } } @media (max-width: 1399px) { .testimonials-one__shape { max-width: 150px; top: 300px; } } @media (max-width: 1199px) { .testimonials-one__shape { display: none; } } .testimonials-two { position: relative; padding-bottom: 396px; background-color: RGBA(var(--truehelp-soft-blue-rgb, 181, 236, 251), 0.5); } @media (max-width: 1799px) { .testimonials-two { padding-bottom: 300px; } } @media (max-width: 1599px) { .testimonials-two { padding-bottom: var(--section-space, 130px); } } @media (max-width: 767px) { .testimonials-two { padding-bottom: 100px; } } @media (max-width: 575px) { .testimonials-two { padding-bottom: 80px; } } .testimonials-two .container { position: relative; z-index: 1; } .testimonials-two .sec-title { margin-bottom: 66px; } .testimonials-two__inner { position: relative; } .testimonials-two__carousel { position: relative; padding: 84px 65px 61px; background-color: var(--truehelp-white20, #F6F0FA); border-radius: 5px 5px 0px 0px; } @media (max-width: 1599px) { .testimonials-two__carousel { padding-bottom: 84px; border-radius: 5px; } } @media (max-width: 1199px) { .testimonials-two__carousel { padding: 60px 50px; } } @media (max-width: 991px) { .testimonials-two__carousel { padding: 50px 40px; } } @media (max-width: 767px) { .testimonials-two__carousel { padding: 40px 30px; } } .testimonials-two__carousel.owl-carousel .owl-dots { margin-top: 77px !important; } .testimonials-two__item { text-align: center; } .testimonials-two__item__info { margin-bottom: 42px; display: flex; align-items: center; justify-content: space-between; gap: 35px 30px; flex-wrap: wrap; } @media (max-width: 575px) { .testimonials-two__item__info { flex-direction: column; } } .testimonials-two__item__icon { flex: 0 0 185px; } @media (max-width: 991px) { .testimonials-two__item__icon { flex: 0 0 0; } } .testimonials-two__item__icon__inner { width: 99px; height: 99px; display: flex; align-items: center; justify-content: center; font-size: 50px; color: var(--truehelp-black, #463650); background-color: RGBA(var(--truehelp-gray8-rgb, 240, 228, 228), 0.5); border-radius: 50%; transition: all 500ms ease; } .testimonials-two__item__icon__inner svg { width: 1em; height: 1em; fill: currentColor; } .testimonials-two__item:hover .testimonials-two__item__icon__inner { color: var(--truehelp-white, #FFFFFF); background-color: var(--truehelp-base, #8A65A0); } .testimonials-two__item__name { margin-bottom: 6px; font-weight: 600; font-size: 24px; text-transform: capitalize; line-height: 1.25; } .testimonials-two__item__designation { margin: 0; font-weight: 500; font-size: 16px; color: RGBA(var(--truehelp-black-rgb, 70, 54, 80), 0.7); text-transform: capitalize; line-height: 1.375; } .testimonials-two__item__ratings { flex: 0 0 185px; } @media (max-width: 991px) { .testimonials-two__item__ratings { flex: 0 0 100%; } } .testimonials-two__item .truehelp-ratings { padding: 17px 18px; background-color: var(--truehelp-white, #FFFFFF); border-radius: 5px; display: inline-flex; gap: 10px; transition: all 500ms ease; } .testimonials-two__item .truehelp-ratings__icon { font-size: 19px; color: var(--truehelp-orange, #E89447); } .testimonials-two__item:hover .truehelp-ratings { background-color: var(--truehelp-base, #8A65A0); } .testimonials-two__item:hover .truehelp-ratings__icon { color: var(--truehelp-white, #FFFFFF); } .testimonials-two__item__quote { margin: 0; font-weight: 400; font-size: 36px; color: RGBA(var(--truehelp-black-rgb, 70, 54, 80), 0.8); line-height: 1.666; } @media (max-width: 1599px) { .testimonials-two__item__quote { font-size: 30px; } } @media (max-width: 1399px) { .testimonials-two__item__quote { font-size: 25px; } } @media (max-width: 991px) { .testimonials-two__item__quote { font-size: 22px; } } @media (max-width: 575px) { .testimonials-two__item__quote { font-size: 20px; } } .testimonials-two__thumb { width: calc(100% + 618px); height: calc(100% + 100px); position: relative; position: absolute; left: 50%; bottom: -269px; transform: translateX(-50%); z-index: 1; } @media (max-width: 1799px) { .testimonials-two__thumb { width: calc(100% + 390px); height: 100%; bottom: -170px; } } @media (max-width: 1599px) { .testimonials-two__thumb { margin-bottom: 40px; width: 100%; height: 100%; position: static; transform: translate(0); display: flex; align-items: center; justify-content: center; gap: 25px; } } @media (max-width: 575px) { .testimonials-two__thumb { gap: 20px; } } .testimonials-two__thumb::after { content: ""; width: calc(100% - 618px); height: 133px; position: absolute; left: 50%; bottom: 136px; transform: translateX(-50%); background-color: var(--truehelp-white20, #F6F0FA); border-radius: 0px 0px 5px 5px; } @media (max-width: 1799px) { .testimonials-two__thumb::after { width: calc(100% - 390px); height: 85px; bottom: 85px; } } @media (max-width: 1599px) { .testimonials-two__thumb::after { display: none; } } .testimonials-two__thumb__item { cursor: pointer; position: relative; width: 269px; height: 269px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: var(--truehelp-primary, #61DEFF); z-index: 2; transition: all 500ms ease; } @media (max-width: 1799px) { .testimonials-two__thumb__item { width: 170px; height: 170px; } } @media (max-width: 1599px) { .testimonials-two__thumb__item { width: 120px; height: 120px; } } @media (max-width: 1199px) { .testimonials-two__thumb__item { width: 90px; height: 90px; } } @media (max-width: 575px) { .testimonials-two__thumb__item { width: 80px; height: 80px; } } @media (max-width: 430px) { .testimonials-two__thumb__item { width: 70px; height: 70px; } } @media (max-width: 375px) { .testimonials-two__thumb__item { width: 60px; height: 60px; } } .testimonials-two__thumb__item::before { content: ""; width: 41px; height: 41px; border-radius: 50%; background-color: var(--truehelp-primary, #61DEFF); position: absolute; top: 50%; left: -20px; transform: translateY(-50%) scale(0); transition: all 500ms ease; } @media (max-width: 1799px) { .testimonials-two__thumb__item::before { width: 30px; height: 30px; left: -15px; } } @media (max-width: 1599px) { .testimonials-two__thumb__item::before { width: 20px; height: 20px; left: -10px; } } @media (max-width: 575px) { .testimonials-two__thumb__item::before { width: 15px; height: 15px; left: -7.5px; } } .testimonials-two__thumb__item--1 { position: absolute; top: 0px; left: 0px; } @media (max-width: 1599px) { .testimonials-two__thumb__item--1 { position: relative; top: auto; left: auto; } } .testimonials-two__thumb__item--2 { position: absolute; left: 50%; bottom: 0px; transform: translateX(-50%); } @media (max-width: 1599px) { .testimonials-two__thumb__item--2 { position: relative; top: auto; left: auto; transform: translate(0); } } .testimonials-two__thumb__item--3 { position: absolute; top: 0px; right: 0px; } @media (max-width: 1599px) { .testimonials-two__thumb__item--3 { position: relative; top: auto; left: auto; } } .testimonials-two__thumb__item:hover::before, .testimonials-two__thumb__item.owl-dot.active::before { transform: translateY(-50%) scale(1); } .testimonials-two__thumb__item img { cursor: pointer; display: inline-block !important; width: calc(100% - 8px) !important; height: calc(100% - 8px); object-fit: cover; border-radius: inherit; } .testimonials-two__shape-1, .testimonials-two__shape-2 { max-width: 100%; height: auto; position: absolute; } .testimonials-two__shape-1 { top: 147px; left: 88px; animation: moveHorizontal 2s linear infinite; } @media (max-width: 1799px) { .testimonials-two__shape-1 { left: 30px; } } @media (max-width: 1599px) { .testimonials-two__shape-1 { top: 250px; } } @media (max-width: 1399px) { .testimonials-two__shape-1 { max-width: 200px; top: 300px; } } @media (max-width: 1199px) { .testimonials-two__shape-1 { display: none; } } .testimonials-two__shape-2 { top: 130px; right: 113px; animation: shapeMover 4s linear infinite; } @media (max-width: 1799px) { .testimonials-two__shape-2 { right: 30px; } } @media (max-width: 1599px) { .testimonials-two__shape-2 { top: 300px; } } @media (max-width: 1399px) { .testimonials-two__shape-2 { max-width: 150px; } } @media (max-width: 1199px) { .testimonials-two__shape-2 { display: none; } } .testimonials-three { position: relative; padding-top: 169px; background-color: RGBA(var(--truehelp-soft-lavender-rgb, 241, 223, 242), 0.5); } @media (max-width: 767px) { .testimonials-three { padding-top: 100px; } } @media (max-width: 575px) { .testimonials-three { padding-top: 80px; } } .testimonials-three--about { padding-top: 311px; } @media (max-width: 767px) { .testimonials-three--about { padding-top: 242px; } } @media (max-width: 575px) { .testimonials-three--about { padding-top: 222px; } } .testimonials-three--about .testimonials-three__shape-1 { top: 250px; } .testimonials-three--about .testimonials-three__shape-2 { top: 303px; } @media (max-width: 1199px) { .testimonials-three--about .testimonials-three__shape-2 { top: 380px; } } .testimonials-three .container { position: relative; z-index: 1; } .testimonials-three .container::before { content: ""; position: absolute; left: -120px; bottom: -130px; width: calc(100% - 250px); height: calc(100% + 169px); background-color: var(--truehelp-white28, #FAF7FC); border-radius: 0px 0px 0px 286px; z-index: -1; } @media (max-width: 1599px) { .testimonials-three .container::before { left: -70px; } } @media (max-width: 1399px) { .testimonials-three .container::before { left: -120px; } } @media (max-width: 1199px) { .testimonials-three .container::before { width: calc(100% - 150px); } } @media (max-width: 991px) { .testimonials-three .container::before { width: calc(100% - 50px); } } @media (max-width: 767px) { .testimonials-three .container::before { display: none; } } .testimonials-three__carousel.owl-carousel .owl-nav button { background-color: var(--truehelp-white, #FFFFFF); } .testimonials-three__card { padding: 43px 33px; background-color: var(--truehelp-white, #FFFFFF); border-radius: 5px; } @media (max-width: 575px) { .testimonials-three__card { padding: 30px 25px; } } @media (max-width: 430px) { .testimonials-three__card { padding-top: 24px; } } .testimonials-three__card__info { margin-bottom: 39px; display: flex; align-items: center; justify-content: space-between; gap: 30px; } @media (max-width: 430px) { .testimonials-three__card__info { display: block; } } .testimonials-three__card__name { margin-bottom: 8px; font-size: 24px; font-weight: 600; text-transform: capitalize; line-height: 1.25; } .testimonials-three__card__designation { margin: 0; display: inline-block; font-size: 16px; font-weight: 500; color: RGBA(var(--truehelp-black-rgb, 70, 54, 80), 0.6); line-height: 1.375; } .testimonials-three__card__image { flex-shrink: 0; width: 88px !important; height: 88px !important; border-radius: 50%; border: 4px solid var(--truehelp-primary, #61DEFF); transition: all 500ms ease; } @media (max-width: 430px) { .testimonials-three__card__image { margin-top: 30px; } } .testimonials-three__card:hover .testimonials-three__card__image { border-color: var(--truehelp-base, #8A65A0); } .testimonials-three__card__quote { margin-bottom: 31px; font-size: 36px; color: RGBA(var(--truehelp-black-rgb, 70, 54, 80), 0.8); line-height: 1.388; } @media (max-width: 1399px) { .testimonials-three__card__quote { font-size: 30px; } } @media (max-width: 1199px) { .testimonials-three__card__quote { font-size: 25px; } } @media (max-width: 767px) { .testimonials-three__card__quote { font-size: 20px; } } .testimonials-three__card__bottom { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 30px; } .testimonials-three__card__icon { width: 83px; height: 82px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 37px; color: var(--truehelp-black5, #000000); background-color: RGBA(var(--truehelp-soft-lavender-rgb, 241, 223, 242), 0.5); border-radius: 50%; transition: all 500ms ease; } .testimonials-three__card__icon svg { width: 1em; height: 1em; fill: currentColor; } .testimonials-three__card:hover .testimonials-three__card__icon { color: var(--truehelp-white, #FFFFFF); background-color: var(--truehelp-base, #8A65A0); } .testimonials-three__card .truehelp-ratings { flex-shrink: 0; padding: 17px 18px; gap: 10px; border-radius: 5px; background-color: RGBA(var(--truehelp-soft-lavender-rgb, 241, 223, 242), 0.5); transition: all 500ms ease; } .testimonials-three__card .truehelp-ratings__icon { font-size: 19px; color: var(--truehelp-orange, #E89447); } .testimonials-three__card:hover .truehelp-ratings { background-color: var(--truehelp-base, #8A65A0); } .testimonials-three__card:hover .truehelp-ratings__icon { color: var(--truehelp-white, #FFFFFF); } .testimonials-three__shape-1, .testimonials-three__shape-2 { max-width: 100%; height: auto; position: absolute; z-index: 1; } .testimonials-three__shape-1 { top: 110px; left: 4%; animation: moveHorizontal2 2s linear infinite; } @media (max-width: 1799px) { .testimonials-three__shape-1 { left: 2%; } } @media (max-width: 1399px) { .testimonials-three__shape-1 { display: none; } } .testimonials-three__shape-2 { top: 157px; right: 9.3%; animation: textRotate 4s linear infinite; } @media (max-width: 1599px) { .testimonials-three__shape-2 { right: 6%; } } @media (max-width: 1399px) { .testimonials-three__shape-2 { right: 4%; } } @media (max-width: 1199px) { .testimonials-three__shape-2 { top: 237px; } } @media (max-width: 991px) { .testimonials-three__shape-2 { display: none; } } .testimonials-page { padding-top: var(--section-space, 130px); background-color: var(--truehelp-white28, #FAF7FC); } @media (max-width: 767px) { .testimonials-page { padding-top: 100px; } } @media (max-width: 575px) { .testimonials-page { padding-top: 80px; } } .testimonials-page .container::before { display: none; } /*-------------------------------------------------------------- # Comments --------------------------------------------------------------*/ .comments-one { margin-top: 54px; } .comments-one__title { margin-bottom: 51px; font-size: 24px; font-weight: 500; line-height: 1.333; } .comments-one__list { margin: 0; } .comments-one__card { display: grid; grid-template-columns: 91px auto; grid-gap: 19px; } @media (max-width: 575px) { .comments-one__card { grid-template-columns: auto; } } .comments-one__card:not(:last-child) { margin-bottom: 42px; } .comments-one__image { width: 91px; } .comments-one__image img { width: 91px; height: 91px; object-fit: cover; border-radius: 50%; } .comments-one__top { margin-bottom: 15px; display: flex; align-items: center; justify-content: space-between; gap: 30px; } @media (max-width: 767px) { .comments-one__top { flex-direction: column; align-items: flex-start; justify-content: flex-start; } } .comments-one__name { margin-bottom: 1px; font-size: 20px; font-weight: 500; text-transform: capitalize; line-height: 1.5; } .comments-one__date { margin: 0; font-size: 14px; color: var(--truehelp-text-gray, #4B5563); line-height: 1.25; } .comments-one .truehelp-btn { padding: 5px 20px; font-family: var(--truehelp-font, "Manrope", sans-serif); font-size: 14px; font-weight: 600; } .comments-one .truehelp-ratings__icon { font-size: 16px !important; color: var(--truehelp-base, #8A65A0) !important; } .comments-one__text { margin: 0; font-size: 16px; color: var(--truehelp-text-gray, #4B5563); line-height: 1.75; } .comments-form { margin-top: 46px; } .comments-form__title { margin-bottom: 51px; font-size: 24px; font-weight: 500; line-height: 1.333; } .comments-form .form-one__group { grid-gap: 20px; } .comments-form .form-one input[type=text], .comments-form .form-one input[type=tel], .comments-form .form-one input[type=email], .comments-form .form-one textarea { padding-left: 20px; padding-right: 20px; font-weight: 400; color: var(--truehelp-text-gray, #4B5563); border-color: var(--truehelp-gray5, #DBD3DF); } .comments-form .form-one input[type=text]:focus, .comments-form .form-one input[type=tel]:focus, .comments-form .form-one input[type=email]:focus, .comments-form .form-one textarea:focus { color: var(--truehelp-black, #463650); border-color: var(--truehelp-base, #8A65A0); } .comments-form .form-one textarea { height: 170px; padding-top: 14px; } .comments-form .form-one button[type=submit] { width: auto; margin: 0; color: var(--truehelp-white, #FFFFFF); } .comments-form .form-one button[type=submit]:hover { color: var(--truehelp-black, #463650); } /*-------------------------------------------------------------- # Become Volunteer --------------------------------------------------------------*/ .become-volunteer { background-color: var(--truehelp-white, #FFFFFF); } .become-volunteer__top { margin-bottom: 58px; } .become-volunteer__top__image { margin-bottom: 45px; position: relative; } .become-volunteer__top__image img { display: block; width: 100%; border-radius: 8px; } .become-volunteer__top__content { padding: 50px 45px; border-radius: 5px; background-color: var(--truehelp-soft-lavender2, #F2DBFF); position: absolute; right: 76px; bottom: 71px; } @media (max-width: 1199px) { .become-volunteer__top__content { right: 40px; bottom: 40px; } } @media (max-width: 991px) { .become-volunteer__top__content { margin-top: 40px; position: static; } } @media (max-width: 767px) { .become-volunteer__top__content { padding: 30px; } } .become-volunteer__top__title { margin-bottom: 32px; font-weight: 400; font-size: 36px; color: var(--truehelp-black5, #000000); line-height: 1.194; text-transform: capitalize; } @media (max-width: 991px) { .become-volunteer__top__title { margin-bottom: 20px; } } @media (max-width: 767px) { .become-volunteer__top__title { font-size: 30px; } } @media (max-width: 991px) { .become-volunteer__top__title br { display: none; } } .become-volunteer__top__text-1 { margin: 0; font-size: 16px; line-height: 1.5; } @media (max-width: 991px) { .become-volunteer__top__text-1 br { display: none; } } .become-volunteer__top__text-2 { margin: 0; font-size: 20px; line-height: 1.6; } @media (max-width: 767px) { .become-volunteer__top__text-2 { font-size: 18px; } } .become-volunteer__text { margin-bottom: 35px; font-size: 32px; font-weight: 500; line-height: 1.5625; } @media (max-width: 1199px) { .become-volunteer__text { font-size: 25px; } } @media (max-width: 767px) { .become-volunteer__text { font-size: 20px; } } .become-volunteer__image { max-width: 100%; height: auto; border-radius: 8px; } @media (min-width: 1200px) { .become-volunteer__form .contact__form { padding: 63.5px 43px 71.5px; } } .become-volunteer__form__checked-box label, .become-volunteer__form__text { font-size: 16px; font-weight: 500; color: var(--truehelp-black, #463650); text-transform: capitalize; line-height: 1.25; } .become-volunteer__form__text { margin: 12px 0 0; } .become-volunteer__form__text a { font-weight: 700; color: inherit; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease; } .become-volunteer__form__text a:hover { background-size: 100% 1px; } .become-volunteer__form__text a:hover { color: var(--truehelp-base, #8A65A0); } .become-volunteer__form__checked-box { margin-top: 5px; } .become-volunteer__form__checked-box label { position: relative; display: inline-block; padding-left: 33px; margin-right: 0px; margin-bottom: 0; text-transform: none; cursor: pointer; } .become-volunteer__form__checked-box label span::before { content: ""; position: absolute; top: 2px; left: 4px; display: block; border-bottom: 2px solid var(--truehelp-base, #8A65A0); border-right: 2px solid var(--truehelp-base, #8A65A0); width: 6px; height: 9px; pointer-events: none; transform-origin: 66% 66%; transform: rotate(45deg); transition: all 0.15s ease-in-out; opacity: 0; } .become-volunteer__form__checked-box input[type=checkbox] { display: none; } .become-volunteer__form__checked-box input[type=checkbox] + label span { position: absolute; top: 2px; left: 0; border-radius: 5px; width: 19px; height: 17px; vertical-align: middle; background-color: var(--truehelp-white, #FFFFFF); cursor: pointer; border: 1px solid var(--truehelp-border-color, #E3DAE2); transition: all 300ms ease; } .become-volunteer__form__checked-box input[type=checkbox]:checked + label span { border-color: var(--truehelp-base, #8A65A0); } .become-volunteer__form__checked-box input[type=checkbox]:checked + label span::before { opacity: 1; } .become-volunteer__form .truehelp-btn { margin-top: 12px !important; } /*-------------------------------------------------------------- # Volunteer Details --------------------------------------------------------------*/ .volunteer-details { position: relative; background-color: var(--truehelp-soft-lavender, #F1DFF2); } .volunteer-details__bg { background-repeat: no-repeat; background-position: top center; background-size: cover; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .volunteer-details .container { position: relative; z-index: 1; } .volunteer-details .volunteer-card__info { padding-top: 9px; padding-bottom: 3px; background: var(--truehelp-soft-blue, #B5ECFB); } .volunteer-details__about { padding-left: 37px; padding-right: 176px; } @media (max-width: 1199px) { .volunteer-details__about { padding-left: 20px; padding-right: 0; } } @media (max-width: 991px) { .volunteer-details__about { padding-left: 0; } } .volunteer-details__about__inner { margin-bottom: 34px; padding-bottom: 35px; border-bottom: 1px solid var(--truehelp-gray12, #CBBED2); } .volunteer-details__name { margin-bottom: 10px; font-weight: 500; font-size: 36px; line-height: 1.388; text-transform: capitalize; } @media (max-width: 767px) { .volunteer-details__name { font-size: 32px; } } @media (max-width: 430px) { .volunteer-details__name { font-size: 30px; } } .volunteer-details__designation { margin-bottom: 17px; font-weight: 600; font-size: 14px; color: var(--truehelp-base, #8A65A0); text-transform: capitalize; line-height: 1.428; } .volunteer-details__description { margin: 0; font-size: 16px; line-height: 2; } .volunteer-details__contact { margin: 0; display: table; } .volunteer-details__contact li + li { margin-top: 20px; } .volunteer-details__contact li { position: relative; display: flex; align-items: center; gap: 15px; } .volunteer-details__contact__icon { width: 38px; height: 38px; background-color: var(--truehelp-base, #8A65A0); border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; overflow: hidden; position: relative; z-index: 1; font-size: 18px; color: var(--truehelp-white, #FFFFFF); transition: all 300ms ease; } .volunteer-details__contact__icon svg { width: 1em; height: 1em; fill: currentColor; } .volunteer-details__contact__link { font-family: var(--truehelp-font, "Manrope", sans-serif); font-size: 18px; font-weight: 700; color: var(--truehelp-black4, #1D2130); line-height: 1.388; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease; } .volunteer-details__contact__link:hover { background-size: 100% 1px; } .volunteer-details__contact__link:hover { color: var(--truehelp-base, #8A65A0); } .volunteer-details__contact__title { margin: 0; font-family: var(--truehelp-font2, "Roboto", sans-serif); font-size: 16px; font-weight: 400; color: RGBA(var(--truehelp-black4-rgb, 29, 33, 48), 0.6); line-height: 1.5; } .volunteer-details__skills { margin-top: 65px; padding: 49px 50px 122px; border-radius: 10px 10px 0px 0px; background-color: var(--truehelp-white, #FFFFFF); } @media (max-width: 767px) { .volunteer-details__skills { padding: 39px 40px 100px; } } @media (max-width: 575px) { .volunteer-details__skills { padding: 29px 30px 80px; } } @media (max-width: 390px) { .volunteer-details__skills { padding: 29px 25px 80px; } } .volunteer-details__skills__title { margin-bottom: 19px; font-weight: 500; font-size: 36px; color: var(--truehelp-black5, #000000); text-transform: capitalize; line-height: 1.388; } @media (max-width: 767px) { .volunteer-details__skills__title { font-size: 32px; } } @media (max-width: 430px) { .volunteer-details__skills__title { font-size: 30px; } } .volunteer-details__skills__text { margin: 0; font-size: 16px; line-height: 2; } .volunteer-details__skills__progress { margin: 37px 0 62px; } .volunteer-details__skills__progress .progress-box + .progress-box { margin-top: 38px; } .volunteer-details .progress-box__title { margin-bottom: 17px; font-size: 16px; font-weight: 500; color: var(--truehelp-black5, #000000); text-transform: capitalize; line-height: 1.5; } @media (max-width: 575px) { .volunteer-details .progress-box__title { font-size: 14px; } } .volunteer-details .progress-box__bar { position: relative; width: 100%; height: 50px; background-color: var(--truehelp-white25, #EBF0F1); border-radius: 25px; } @media (max-width: 767px) { .volunteer-details .progress-box__bar { height: 35px; } } .volunteer-details .progress-box__bar__inner { height: 100%; width: 0px; position: absolute; top: 0; left: 0; background-color: var(--truehelp-primary, #61DEFF); border-radius: inherit; transition: all 800ms linear; } .volunteer-details .progress-box__number { position: absolute; top: 50%; right: 22px; transform: translateY(-50%); font-size: 16px; color: var(--truehelp-black, #463650); font-weight: 500; line-height: 1; } @media (max-width: 575px) { .volunteer-details .progress-box__number { font-size: 14px; } } .volunteer-details__education__inner { margin-top: 25px; } .volunteer-details__education__row { --bs-gutter-x: 70px; --bs-gutter-y: 70px; } @media (max-width: 1199px) { .volunteer-details__education__row { --bs-gutter-x: 30px; } } @media (max-width: 1199px) { .volunteer-details__education__row { --bs-gutter-y: 30px; } } .volunteer-details__education__card { padding: 30px 30px 29px; background-color: var(--accent-color); border-radius: 10px; } @media (max-width: 425px) { .volunteer-details__education__card { padding: 23px 25px 24px; } } .volunteer-details__education__card__title { margin-bottom: 15px; font-size: 20px; font-weight: 500; color: var(--truehelp-black5, #000000); line-height: 1.6; text-decoration-line: underline; text-transform: capitalize; } .volunteer-details__education__card__text { margin: 0; font-size: 15px; line-height: 2; } /*-------------------------------------------------------------- # Poverty Info --------------------------------------------------------------*/ .poverty-info { position: relative; z-index: 1; } .poverty-info::before { content: ""; width: 100%; position: absolute; top: 0; left: 0; } .poverty-info--one { margin-bottom: -184px; } .poverty-info--one::before { height: 340px; background-color: RGBA(var(--truehelp-soft-blue-rgb, 181, 236, 251), 0.5); } .poverty-info--two { margin-bottom: -184px; } .poverty-info--three { margin: -265px 0 0; } .poverty-info--four { margin: 0; background-color: var(--truehelp-white3, #F3FCFE); } @media (max-width: 575px) { .poverty-info--four { padding-bottom: 85px; } } .poverty-info--four::before { height: 265px; background-color: var(--truehelp-white, #FFFFFF); } .poverty-info .container { position: relative; z-index: 1; } @media (min-width: 1200px) { .poverty-info .container { max-width: 1565px; } } .poverty-info__inner { padding: 77px 64px 80px; background-color: var(--truehelp-white20, #F6F0FA); border-radius: 5px; } @media (max-width: 1399px) { .poverty-info__inner { padding: 67px 50px 70px; } } @media (max-width: 1199px) { .poverty-info__inner { padding: 57px 40px 60px; } } @media (max-width: 991px) { .poverty-info__inner { padding: 47px 40px 50px; } } @media (max-width: 575px) { .poverty-info__inner { padding: 37px 30px 40px; } } @media (max-width: 430px) { .poverty-info__inner { padding: 27px 25px 30px; } } .poverty-info__tagline { margin-bottom: 28px; font-size: 20px; line-height: 1.5; color: var(--truehelp-black, #463650); } @media (max-width: 575px) { .poverty-info__tagline { font-size: 18px; } } .poverty-info .sec-title { margin-bottom: 38px; } .poverty-info .sec-title__title { font-weight: 400; line-height: 1.2; } .poverty-info .truehelp-btn { padding-left: 32.5px; padding-right: 32.5px; font-family: var(--truehelp-font, "Manrope", sans-serif); } @media (min-width: 992px) { .poverty-info__image { text-align: right; } } .poverty-info__image img { max-width: 100%; height: auto; border-radius: 16px; } /*-------------------------------------------------------------- # Faq --------------------------------------------------------------*/ .faq-page { background-color: var(--truehelp-white, #FFFFFF); } .faq-page__image { text-align: center; } .faq-page__image img { max-width: 100%; height: auto; border-radius: 207px; } .faq-one { background-color: RGBA(var(--truehelp-primary-rgb, 97, 222, 255), 0.3); } @media (min-width: 1200px) { .faq-one .container { max-width: 1565px; } } .faq-one__inner { padding: 80px 64px; background-color: var(--truehelp-white20, #F6F0FA); border-radius: 10px; } @media (max-width: 1599px) { .faq-one__inner { padding: 60px 40px; } } @media (max-width: 767px) { .faq-one__inner { padding: 40px 30px; } } @media (max-width: 575px) { .faq-one__inner { padding: 35px 25px; } } @media (max-width: 360px) { .faq-one__inner { padding: 30px 20px; } } .faq-one .sec-title { margin-bottom: 64px; } @media (max-width: 1199px) { .faq-one .sec-title { margin-bottom: 50px; } } .faq-one .sec-title__title { font-weight: 400; line-height: 1.2; } .faq-one__image { display: table; position: relative; } .faq-one__image img { max-width: 100%; height: auto; border-radius: 10px; } .faq-one__video { position: relative; position: absolute; top: 50%; right: 51px; transform: translateY(-50%); 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; flex-shrink: 0; width: 74px; height: 74px; background-color: var(--truehelp-white, #FFFFFF); font-size: 18px; color: var(--truehelp-base, #8A65A0); border-radius: 50%; z-index: 1; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } @media (max-width: 575px) { .faq-one__video { width: 60px; height: 60px; font-size: 16px; } } @media (max-width: 430px) { .faq-one__video { width: 55px; height: 55px; } } .faq-one__video:hover { color: var(--truehelp-white, #FFFFFF); background-color: var(--truehelp-base, #8A65A0); } .faq-one__video svg { width: 1em; height: 1em; fill: currentColor; } .faq-one__video__ripple::before, .faq-one__video__ripple::after { content: ""; position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; border-radius: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); box-shadow: 0 0 0 0 RGBA(var(--truehelp-white-rgb, 255, 255, 255), 0.8); transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-animation: videoRipple 3s infinite; animation: videoRipple 3s infinite; } .faq-one__video__ropple::before { position: absolute; -webkit-animation-delay: 0.9s; animation-delay: 0.9s; } .faq-one__video__ripple::after { position: absolute; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .faq-one__video:hover .faq-one__video__ripple::before, .faq-one__video:hover .faq-one__video__ripple::after { box-shadow: 0 0 0 0 RGBA(var(--truehelp-base-rgb, 138, 101, 160), 0.8); } @keyframes videoRipple { 70% { box-shadow: 0 0 0 40px RGBA(var(--truehelp-base-rgb, 138, 101, 160), 0); } 100% { box-shadow: 0 0 0 0 RGBA(var(--truehelp-base-rgb, 138, 101, 160), 0); } } .faq-one__accordion { padding-left: 51px; } @media (max-width: 1599px) { .faq-one__accordion { padding-left: 30px; } } @media (max-width: 1199px) { .faq-one__accordion { padding-left: 0px; } } .faq-one__accordion .accrodion { position: relative; border-radius: 61px; background-color: var(--truehelp-white, #FFFFFF); transition: all 500ms ease; } .faq-one__accordion .accrodion + .accrodion { margin-top: 16px; } .faq-one__accordion .accrodion-title { position: relative; cursor: pointer; padding: 20px 65px 20px 32px; } @media (max-width: 575px) { .faq-one__accordion .accrodion-title { padding: 18px 65px 18px 30px; } } .faq-one__accordion .accrodion-title::after { content: "\f078"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 18px; color: var(--truehelp-text, #6F6C71); position: absolute; top: 50%; right: 32px; transform: translateY(-50%); z-index: 1; transition: all 500ms ease; } @media (max-width: 575px) { .faq-one__accordion .accrodion-title::after { right: 30px; } } .faq-one__accordion .accrodion-title h4 { position: relative; margin: 0; font-size: 20px; font-weight: 500; text-transform: capitalize; letter-spacing: -0.015em; line-height: 1.5; transition: all 500ms ease; } @media (max-width: 575px) { .faq-one__accordion .accrodion-title h4 { font-size: 18px; } } @media (max-width: 430px) { .faq-one__accordion .accrodion-title h4 { font-size: 17px; } } .faq-one__accordion .active.accrodion { border-radius: 16px; } .faq-one__accordion .active .accrodion-title::after { color: var(--truehelp-black, #463650); transform: translateY(-50%) rotate(180deg); } .faq-one__accordion .accrodion-content { padding: 0px 65px 20px 32px; } @media (max-width: 575px) { .faq-one__accordion .accrodion-content { padding: 0px 65px 18px 30px; } } .faq-one__accordion .accrodion-content p { margin: 0; font-family: var(--truehelp-font2, "Roboto", sans-serif); font-size: 16px; color: var(--truehelp-text, #6F6C71); line-height: 1.5; } .faq-two__title { margin-bottom: 30px; font-size: 32px; font-weight: 500; text-transform: capitalize; line-height: 1.25; } @media (max-width: 575px) { .faq-two__title { font-size: 30px; } } .faq-two__accordion .truehelp-accrodion { padding: 26.5px 27px; background-color: var(--truehelp-white14, #F9F0FF); border-radius: 10px; } @media (max-width: 412px) { .faq-two__accordion .truehelp-accrodion { padding: 20px; } } .faq-two__accordion .accrodion { position: relative; } .faq-two__accordion .accrodion + .accrodion { margin-top: 10px; } .faq-two__accordion .accrodion-title { cursor: pointer; margin-bottom: 1px; background-color: var(--truehelp-white, #FFFFFF); border-radius: 5px; } .faq-two__accordion .accrodion-title h4 { position: relative; margin: 0; padding: 15px 55px 15px 18px; font-size: 16px; color: var(--truehelp-gray4, #565258); font-weight: 500; text-transform: capitalize; line-height: 1.875; transition: all 500ms ease; } .faq-two__accordion .accrodion-title__icon { position: relative; position: absolute; right: 28px; top: 50%; transform: translateY(-50%); } .faq-two__accordion .accrodion-title__icon::after, .faq-two__accordion .accrodion-title__icon::before { width: 2px; height: 15px; position: absolute; background-color: var(--truehelp-black5, #000000); border-radius: 5px; top: 50%; left: 50%; content: ""; transform: translate(-50%, -50%); transition: all 500ms ease; } .faq-two__accordion .accrodion-title__icon::after { width: 16px; height: 2px; } .faq-two__accordion .active .accrodion-title__icon::before { opacity: 0; } .faq-two__accordion .accrodion-content { padding: 11px 18px 11px 18px; background-color: var(--truehelp-white, #FFFFFF); border-radius: 5px; } .faq-two__accordion .accrodion-content p { margin: 0; font-size: 16px; color: var(--truehelp-gray4, #565258); line-height: 1.75; } /*-------------------------------------------------------------- # Package --------------------------------------------------------------*/ .package-one { position: relative; background-color: var(--truehelp-white, #FFFFFF); } .package-one--home3 { padding: 0; } @media (max-width: 1399px) { .package-one--home3 { padding-top: var(--section-space, 130px); } } @media (max-width: 767px) { .package-one--home3 { padding-top: 100px; } } @media (max-width: 575px) { .package-one--home3 { padding-top: 80px; } } .package-one--home3::before { content: ""; width: 942px; height: calc(100% - 201px); position: absolute; top: 0px; right: 253px; background-color: var(--truehelp-white28, #FAF7FC); border-radius: 0px 0px 0px 167px; } @media (max-width: 1799px) { .package-one--home3::before { right: 130px; } } @media (max-width: 1599px) { .package-one--home3::before { right: 50px; } } @media (max-width: 1399px) { .package-one--home3::before { right: 0px; } } @media (max-width: 1299px) { .package-one--home3::before { display: none; } } .package-one .container { position: relative; z-index: 1; } .package-one__row { --bs-gutter-x: 50px; --bs-gutter-y: 50px; } @media (max-width: 1199px) { .package-one__row { --bs-gutter-x: 30px; --bs-gutter-y: 30px; } } .package-one__card { padding: 35px 38px 32px; text-align: center; background-color: var(--truehelp-white, #FFFFFF); border: 1px solid var(--truehelp-gray7, #DBDBDB); border-radius: 30px; transition: all 400ms ease; } @media (max-width: 1199px) { .package-one__card { padding-left: 30px; padding-right: 30px; } } .package-one__card:hover { border-color: var(--truehelp-black, #463650); background-color: var(--truehelp-black, #463650); } .package-one__card__category { display: inline-block; padding: 4px 10px 6px; font-size: 14px; color: var(--truehelp-black, #463650); font-weight: 600; line-height: 1.357; background-color: var(--truehelp-primary, #61DEFF); position: relative; position: absolute; top: 80px; right: -20px; transform: rotate(90deg); z-index: 1; border-radius: 0px 0px 3.7116px 3.7116px; } @media (max-width: 1199px) { .package-one__card__category { right: -31px; } } .package-one__card__category::after { content: ""; width: 0px; height: 0px; border-style: solid; border-width: 0 0 7px 7px; border-color: transparent transparent var(--truehelp-primary, #61DEFF) transparent; position: absolute; top: 0px; left: -7px; } .package-one__card__title { margin-bottom: 11px; font-size: 24px; color: var(--truehelp-black5, #000000); font-weight: 600; text-transform: capitalize; line-height: 1.25; transition: all 400ms ease; } .package-one__card__price { margin-bottom: 20px; font-size: 64px; color: var(--truehelp-black5, #000000); font-weight: 800; line-height: 1.25; transition: all 400ms ease; } @media (min-width: 992px) and (max-width: 1199px) { .package-one__card__price { font-size: 60px; } } @media (max-width: 430px) { .package-one__card__price { font-size: 60px; } } .package-one__card__price p { margin: 4px 0 0; font-size: 14px; font-weight: 500; line-height: 1.357; color: var(--truehelp-text-gray, #4B5563); transition: all 400ms ease; } .package-one__card:hover .package-one__card__price p { color: var(--truehelp-white19, #DDDDDD); } .package-one__card .truehelp-btn { margin-bottom: 48px; width: 100%; padding: 11px 21px; color: var(--truehelp-black, #463650); background-color: transparent; border-radius: 3px; border: 2px solid var(--truehelp-primary, #61DEFF); } .package-one__card:hover .truehelp-btn::before { transform: translateX(100%); } .package-one__card:hover .truehelp-btn::after { transform: rotate(180deg) translateX(100%); } .package-one__card:hover .truehelp-btn { color: var(--truehelp-black, #463650); border-color: transparent; } .package-one__card__list { position: relative; margin: 0; } .package-one__card__list::before { content: ""; width: 100px; height: 1px; background-color: var(--truehelp-white19, #DDDDDD); position: absolute; top: -22px; left: 50%; transform: translateX(-50%); } .package-one__card__list li + li { margin-top: 5px; } .package-one__card__list li { font-size: 16px; font-weight: 500; line-height: 1.75; transition: all 400ms ease; } .package-one__card:hover .package-one__card__title, .package-one__card:hover .package-one__card__price, .package-one__card:hover .package-one__card__list li { color: var(--truehelp-white, #FFFFFF); } .package-one__carousel .package-one__card__category { right: -46px; } /*-------------------------------------------------------------- # Support Categories --------------------------------------------------------------*/ .support-categories { background-color: var(--truehelp-white, #FFFFFF); } .support-categories--home2 { background-color: var(--truehelp-white27, #FCF8FF); } .support-categories--about { padding-bottom: 337px; background-color: var(--truehelp-white27, #FCF8FF); } @media (max-width: 767px) { .support-categories--about { padding-bottom: 307px; } } @media (max-width: 575px) { .support-categories--about { padding-bottom: 287px; } } @media (min-width: 1200px) { .support-categories .container { max-width: 1471px; } } @media (min-width: 768px) { .support-categories__item--card-bottom { display: flex; flex-direction: column-reverse; } } @media (min-width: 768px) { .support-categories__item--card-bottom .support-categories__item__text { margin: 0px 0px 30px; } } .support-categories__item__text { margin: 30px 0px 0px; font-size: 24px; line-height: 1.583; letter-spacing: -0.015em; } @media (max-width: 1399px) { .support-categories__item__text { font-size: 20px; } } @media (min-width: 768px) and (max-width: 991px) { .support-categories__item__text { font-size: 18px; } } @media (max-width: 412px) { .support-categories__item__text { font-size: 18px; } } .support-categories__card { padding: 32px 42px; background-color: var(--accent-color); border-radius: 24px; } @media (max-width: 1399px) { .support-categories__card { padding: 20px 32px 32px; } } @media (min-width: 768px) and (max-width: 991px) { .support-categories__card { padding-top: 23px; } } @media (max-width: 412px) { .support-categories__card { padding-top: 23px; } } .support-categories__card__title { margin-bottom: 16px; font-size: 40px; font-weight: 600; text-transform: capitalize; line-height: 1.5; } @media (max-width: 1399px) { .support-categories__card__title { font-size: 30px; } } @media (min-width: 768px) and (max-width: 991px) { .support-categories__card__title { font-size: 26px; } } @media (max-width: 412px) { .support-categories__card__title { font-size: 26px; } } .support-categories__card__text { margin-bottom: 32px; font-size: 16px; line-height: 1.5; } .support-categories__card .truehelp-btn { padding: 6px 30.5px; font-family: var(--truehelp-font, "Manrope", sans-serif); color: var(--truehelp-black3, #15355E); } .support-categories__card .truehelp-btn:hover { color: var(--truehelp-white, #FFFFFF); } .support-categories-two { background-color: var(--truehelp-white, #FFFFFF); } @media (min-width: 1200px) { .support-categories-two .container { max-width: 1464px; } } .support-categories-two__card { padding: 44px 41px; background-color: var(--accent-color); border-radius: 24px; } @media (max-width: 1399px) { .support-categories-two__card { padding: 30px; } } .support-categories-two__card__top { display: flex; flex-direction: row-reverse; align-items: flex-start; justify-content: space-between; gap: 30px; } @media (max-width: 375px) { .support-categories-two__card__top { flex-direction: column; justify-content: flex-start; } } .support-categories-two__card__icon { display: inline-flex; flex-shrink: 0; font-size: 66px; color: var(--truehelp-black5, #000000); } @media (max-width: 1399px) { .support-categories-two__card__icon { font-size: 60px; } } .support-categories-two__card__icon svg { width: 1em; height: 1em; fill: currentColor; } .support-categories-two__card:hover .support-categories-two__card__icon { -webkit-animation-name: flipInY; animation-name: flipInY; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } .support-categories-two__card__title { margin-bottom: 28px; font-size: 30px; font-weight: 600; text-transform: capitalize; line-height: 1.233; } @media (max-width: 1399px) { .support-categories-two__card__title { font-size: 25px; } } .support-categories-two__card__text { margin-bottom: 36px; font-size: 16px; line-height: 1.5; } .support-categories-two__card .truehelp-btn { padding: 6px 30.5px; font-family: var(--truehelp-font, "Manrope", sans-serif); color: var(--truehelp-black3, #15355E); } .support-categories-two__card .truehelp-btn:hover { color: var(--truehelp-white, #FFFFFF); } /*-------------------------------------------------------------- # Get Involved --------------------------------------------------------------*/ .get-involved { margin-top: -374px; } .get-involved--about { margin-top: -237px; } @media (min-width: 1400px) { .get-involved .container { max-width: 1800px; } } .get-involved__card { height: 100%; position: relative; border-radius: 10px; } .get-involved__card__bg { position: relative; padding-top: 730px; border-radius: 10px; background-color: var(--truehelp-black5, #000000); } @media (max-width: 991px) { .get-involved__card__bg { padding-top: 650px; } } .get-involved__card__bg__inner { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; background-position: top center; background-size: cover; border-radius: inherit; mix-blend-mode: luminosity; } .get-involved__card__content { padding: 57px 43px; position: absolute; left: 0; bottom: 0; border-radius: inherit; z-index: 1; } @media (max-width: 1599px) { .get-involved__card__content { padding: 57px 30px 30px; } } @media (max-width: 991px) { .get-involved__card__content { padding-top: 40px; } } @media (max-width: 390px) { .get-involved__card__content { padding: 40px 25px 25px; } } .get-involved__card__title { margin-bottom: 23px; font-weight: 500; font-size: 36px; color: var(--truehelp-white, #FFFFFF); line-height: 1.5; text-transform: capitalize; } .get-involved__card__title:hover { color: var(--truehelp-primary, #61DEFF); } @media (max-width: 1599px) { .get-involved__card__title { font-size: 30px; } } @media (max-width: 430px) { .get-involved__card__title { font-size: 28px; } } .get-involved__card__title a { color: inherit; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease; } .get-involved__card__title a:hover { background-size: 100% 1px; } .get-involved__card__text { margin-bottom: 21px; font-weight: 500; font-size: 16px; color: var(--truehelp-white, #FFFFFF); line-height: 1.875; } .get-involved__card .truehelp-btn { font-family: var(--truehelp-font, "Manrope", sans-serif); padding: 9px 30px; } @media (max-width: 375px) { .get-involved__card .truehelp-btn { padding-left: 20px; padding-right: 20px; font-size: 14px; } } .get-involved__card--1 .get-involved__card__content { padding-top: 138px; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 50%, #F5E6FF 100%); } @media (max-width: 991px) { .get-involved__card--1 .get-involved__card__content { padding-top: 100px; } } .get-involved__card--1 .get-involved__card__title { color: var(--truehelp-black, #463650); } .get-involved__card--1 .get-involved__card__title:hover { color: var(--truehelp-primary, #61DEFF); } .get-involved__card--1 .get-involved__card__text { color: var(--truehelp-black5, #000000); } .get-involved__card--2 .get-involved__card__content { background: linear-gradient(180deg, rgba(29, 24, 24, 0) 0.04%, rgba(67, 28, 90, 0.06) 40.5%, #120D15 100%); } .get-involved__card--3 { overflow: hidden; background-color: var(--truehelp-base, #8A65A0); } .get-involved__card--3 .get-involved__card__content { padding: 100px 43px 0px; position: relative; } @media (max-width: 1599px) { .get-involved__card--3 .get-involved__card__content { padding: 139px 30px 0px; } } @media (max-width: 1399px) { .get-involved__card--3 .get-involved__card__content { padding-top: 100px; } } @media (max-width: 430px) { .get-involved__card--3 .get-involved__card__content { padding-top: 40px; } } @media (max-width: 390px) { .get-involved__card--3 .get-involved__card__content { padding: 40px 25px 25px; } } .get-involved__card--3 .get-involved__card__icon { margin-bottom: 53px; display: inline-flex; font-size: 286px; color: var(--truehelp-white, #FFFFFF); } @media (max-width: 1799px) { .get-involved__card--3 .get-involved__card__icon { margin-bottom: 159px; font-size: 180px; } } @media (max-width: 1599px) { .get-involved__card--3 .get-involved__card__icon { margin-bottom: 159px; font-size: 150px; } } @media (max-width: 1399px) { .get-involved__card--3 .get-involved__card__icon { margin-bottom: 53px; } } @media (max-width: 575px) { .get-involved__card--3 .get-involved__card__icon { font-size: 130px; } } .get-involved__card--3 .get-involved__card__icon svg { width: 1em; height: 1em; fill: currentColor; } .get-involved__card--3 .get-involved__card__border-text { position: relative; position: absolute; margin: 0; padding: 7px 20px 7px 36px; display: table; font-size: 14px; font-weight: 600; color: var(--truehelp-white, #FFFFFF); line-height: 1.5; border: 1px solid var(--truehelp-white, #FFFFFF); border-radius: 60px; transition: all 500ms ease; } .get-involved__card--3 .get-involved__card__border-text::before { content: ""; width: 3px; height: 3px; border-radius: 50%; background-color: var(--truehelp-white, #FFFFFF); position: absolute; top: 50%; left: 22px; transform: translateY(-50%); } .get-involved__card--3 .get-involved__card__border-text--1 { top: 100px; right: 49px; transform: rotate(-26.55deg); } @media (max-width: 575px) { .get-involved__card--3 .get-involved__card__border-text--1 { right: 30px; } } @media (max-width: 430px) { .get-involved__card--3 .get-involved__card__border-text--1 { margin-bottom: 20px; position: relative; top: 0; left: 0; transform: rotate(0); } } .get-involved__card--3 .get-involved__card__border-text--2 { top: 279px; right: 29px; transform: rotate(14.75deg); } @media (max-width: 1399px) { .get-involved__card--3 .get-involved__card__border-text--2 { top: 220px; } } @media (max-width: 430px) { .get-involved__card--3 .get-involved__card__border-text--2 { margin-bottom: 30px; position: relative; top: 0; left: 0; transform: rotate(0); } } .get-involved__card--3 .get-involved__card__text { margin: 0; padding-bottom: 124px; } @media (max-width: 1399px) { .get-involved__card--3 .get-involved__card__text { padding: 0; margin-bottom: 40px; } } .get-involved__card--3 .get-involved__card__button { position: absolute; bottom: 0; right: 0; padding: 20px 12px 4px 22px; display: table; margin-left: auto; background-color: var(--truehelp-white, #FFFFFF); border-radius: 50px 0px 10px 0px; } @media (max-width: 1399px) { .get-involved__card--3 .get-involved__card__button { position: relative; } } .get-involved__card--3 .get-involved__card__shape { max-width: 100%; height: auto; position: absolute; left: 74px; bottom: 0px; animation: textRotate 4s linear infinite; } .get-involved__card:hover .get-involved__card__border-text { border-color: var(--truehelp-primary, #61DEFF); } /*-------------------------------------------------------------- # Reputation --------------------------------------------------------------*/ .reputation-one { position: relative; } .reputation-one__bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-position: top center; background-size: cover; } .reputation-one .container { position: relative; z-index: 1; } @media (min-width: 1600px) { .reputation-one__col-1 { flex: 0 0 auto; width: 58.3333333333%; } } @media (min-width: 1600px) { .reputation-one__col-2 { flex: 0 0 auto; width: 41.66666667%; } } .reputation-one__content { padding-right: 50px; } @media (max-width: 1599px) { .reputation-one__content { padding-right: 10px; } } .reputation-one .sec-title { margin-bottom: 27px; } .reputation-one__text { margin-bottom: 38px; color: var(--truehelp-text-dark, #554F58); } .reputation-one__inner { margin-bottom: 43px; display: flex; align-items: center; gap: 30px; } @media (min-width: 1200px) and (max-width: 1599px) { .reputation-one__inner { flex-direction: column; align-items: flex-start; } } @media (max-width: 767px) { .reputation-one__inner { flex-direction: column; align-items: flex-start; } } .reputation-one__inner__item + .reputation-one__inner__item { margin-top: 33px; } .reputation-one__inner__item { display: flex; align-items: center; gap: 20px; } .reputation-one__inner__icon { width: 68px; height: 68px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 44px; border-radius: 50%; border: 1px solid var(--truehelp-black5, #000000); background-color: var(--truehelp-white, #FFFFFF); transition: all 500ms ease; } .reputation-one__inner__icon svg { width: 1em; height: 1em; fill: currentColor; } .reputation-one__inner__item:hover .reputation-one__inner__icon { color: var(--truehelp-white, #FFFFFF); border-color: var(--truehelp-base, #8A65A0); background-color: var(--truehelp-base, #8A65A0); } .reputation-one__inner__title { margin: 0; font-weight: 600; font-size: 20px; line-height: 1.6; } .reputation-one__inner__image { max-width: 100%; height: auto; border-radius: 78px; } .reputation-one__image { position: relative; } .reputation-one__image::after { content: ""; width: 709px; height: 709px; position: absolute; top: 23px; left: 29px; border-radius: 50%; border: 1px solid var(--truehelp-black, #463650); z-index: 3; } @media (min-width: 1200px) and (max-width: 1599px) { .reputation-one__image::after { width: 570px; height: 570px; } } @media (max-width: 991px) { .reputation-one__image::after { width: 680px; height: 680px; } } @media (max-width: 767px) { .reputation-one__image::after { width: 500px; height: 500px; } } @media (max-width: 575px) { .reputation-one__image::after { display: none; } } .reputation-one__image__inner { position: relative; display: inline-block; } .reputation-one__image__inner::before { content: ""; width: 655px; height: 732px; background-color: RGBA(var(--truehelp-primary-rgb, 97, 222, 255), 0.6); position: absolute; top: 8px; left: 65px; -webkit-mask: url('data:image/svg+xml;utf8, '); mask: url('data:image/svg+xml;utf8, '); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: top center; mask-position: top center; -webkit-mask-size: auto; mask-size: auto; } @media (max-width: 1599px) { .reputation-one__image__inner::before { width: calc(100% - 28px); height: calc(100% + 16px); left: 21px; } } .reputation-one__image__inner::after { content: ""; width: 700px; height: 726px; background-color: var(--truehelp-soft-lavender2, #F2DBFF); position: absolute; top: 6px; left: 16px; transform: rotate(145.5deg); z-index: 1; -webkit-mask: url('data:image/svg+xml;utf8, '); mask: url('data:image/svg+xml;utf8, '); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: top center; mask-position: top center; -webkit-mask-size: auto; mask-size: auto; } @media (max-width: 1599px) { .reputation-one__image__inner::after { width: calc(100% + 17px); height: calc(100% + 10px); left: 0px; } } @media (max-width: 991px) { .reputation-one__image__inner::after { width: calc(100% - 20px); } } .reputation-one__image__inner img { margin-left: 43px; position: relative; z-index: 2; -webkit-mask: url('data:image/svg+xml;utf8, '); mask: url('data:image/svg+xml;utf8, '); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: top center; mask-position: top center; -webkit-mask-size: auto; mask-size: auto; } @media (max-width: 1799px) { .reputation-one__image__inner img { margin: 0; } } @media (max-width: 1599px) { .reputation-one__image__inner img { max-width: 100%; height: auto; } } .reputation-one .weekly-raised { position: absolute; top: 14px; right: -322px; z-index: 4; animation: zump 2s linear infinite; } @media (max-width: 1799px) { .reputation-one .weekly-raised { top: -50px; right: -200px; } } @media (max-width: 1599px) { .reputation-one .weekly-raised { top: -20px; right: -100px; } } @media (max-width: 1399px) { .reputation-one .weekly-raised { top: -20px; right: -10px; } } @media (max-width: 575px) { .reputation-one .weekly-raised { margin-bottom: 50px; position: relative; top: 0px; right: 0px; } } .reputation-one .support-education { position: relative; position: absolute; left: -52px; bottom: 39px; z-index: 4; } @media (max-width: 1599px) { .reputation-one .support-education { left: -10px; bottom: -80px; } } @media (max-width: 1199px) { .reputation-one .support-education { bottom: 29px; } } @media (max-width: 575px) { .reputation-one .support-education { margin-top: 50px; position: static; } } /*-------------------------------------------------------------- # Supporters Acquired --------------------------------------------------------------*/ .supporters-acquired { position: relative; z-index: 1; } .supporters-acquired--home-2 { margin-top: -73px; } .supporters-acquired--donations::after { content: ""; width: 100%; height: 61px; position: absolute; left: 0; bottom: 0; background-color: var(--truehelp-white3, #F3FCFE); } .supporters-acquired .container { position: relative; z-index: 1; } .supporters-acquired__inner { max-width: 1005px; padding: 25.5px 31px; margin: 0 auto; background-color: var(--truehelp-gray14, #FFF0F0); border-radius: 5px; border: 1px solid var(--truehelp-black, #463650); } @media (max-width: 991px) { .supporters-acquired__inner { padding-bottom: 42.5px; } } @media (max-width: 767px) { .supporters-acquired__inner { padding-bottom: 39.5px; } } @media (max-width: 575px) { .supporters-acquired__inner { padding-bottom: 37.5px; } } @media (max-width: 430px) { .supporters-acquired__inner { padding-left: 30px; padding-right: 30px; } } .supporters-acquired__content { display: flex; align-items: center; gap: 20px; } @media (max-width: 991px) { .supporters-acquired__content { display: block; text-align: center; } } .supporters-acquired__title { margin: 0; font-family: var(--truehelp-heading-font, "Geologica", sans-serif); font-weight: 600; font-size: 64px; color: var(--truehelp-base, #8A65A0); line-height: 1.25; } @media (max-width: 767px) { .supporters-acquired__title { font-size: 55px; } } @media (max-width: 575px) { .supporters-acquired__title { font-size: 50px; } } .supporters-acquired__text { margin: 0; font-size: 24px; color: var(--truehelp-black2, #012219); } @media (max-width: 767px) { .supporters-acquired__text { font-size: 20px; } } .supporters-acquired__button { text-align: right; } @media (max-width: 991px) { .supporters-acquired__button { text-align: center; } } .supporters-acquired__button .truehelp-btn { font-family: var(--truehelp-font, "Manrope", sans-serif); padding: 13.3px 45.5px; } /*-------------------------------------------------------------- # Support --------------------------------------------------------------*/ .support-one { margin-top: -60px; padding-top: 189px; position: relative; overflow: hidden; } @media (max-width: 767px) { .support-one { padding-top: 159px; } } @media (max-width: 575px) { .support-one { padding-top: 139px; } } .support-one__bg { position: relative; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-position: top center; background-size: cover; } .support-one__bg__shape-1, .support-one__bg__shape-2 { max-width: 100%; height: auto; } .support-one__bg__shape-1 { position: absolute; top: 361px; left: -10px; } .support-one__bg__shape-2 { position: absolute; top: 234px; right: 0px; } .support-one .container { position: relative; z-index: 1; } @media (min-width: 1800px) { .support-one__col-1 { flex: 0 0 auto; width: 58.3333333333%; } } @media (min-width: 1800px) { .support-one__col-2 { flex: 0 0 auto; width: 41.66666667%; } } .support-one__content { margin-top: 16px; padding-right: 35px; } @media (max-width: 1599px) { .support-one__content { margin-top: 0; } } @media (max-width: 1199px) { .support-one__content { padding-right: 0; } } .support-one .sec-title { margin-bottom: 27px; } .support-one__text { margin-bottom: 34px; } .support-one__inner { margin-bottom: 42px; padding: 33px 31px; display: flex; align-items: center; gap: 30px; background-color: var(--truehelp-soft-lavender, #F1DFF2); border-radius: 5px; border: 1px solid var(--truehelp-black5, #000000); } @media (min-width: 1200px) and (max-width: 1799px) { .support-one__inner { padding: 25px; } } @media (max-width: 767px) { .support-one__inner { flex-direction: column; align-items: flex-start; } } @media (max-width: 360px) { .support-one__inner { padding: 25px; } } .support-one__inner__item { display: flex; align-items: center; gap: 20px; } .support-one__inner__icon { width: 68px; height: 68px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 44px; color: var(--truehelp-black5, #000000); border-radius: 50%; border: 1px solid var(--truehelp-black5, #000000); background-color: var(--truehelp-white, #FFFFFF); transition: all 500ms ease; } .support-one__inner__icon svg { width: 1em; height: 1em; fill: currentColor; } .support-one__inner__item:hover .support-one__inner__icon { color: var(--truehelp-white, #FFFFFF); border-color: var(--truehelp-base, #8A65A0); background-color: var(--truehelp-base, #8A65A0); } .support-one__inner__title { margin: 0; font-weight: 600; font-size: 20px; line-height: 1.6; } @media (min-width: 1200px) and (max-width: 1799px) { .support-one__inner__title { font-size: 18px; } } @media (max-width: 360px) { .support-one__inner__title { font-size: 18px; } } .support-one__list { margin-bottom: 41px; } .support-one__list li + li { margin-top: 4px; } .support-one__list li { display: flex; align-items: flex-start; gap: 10px; font-weight: 500; } .support-one__list__icon { position: relative; top: 4px; width: 22px; height: 22px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; border-radius: 50%; font-size: 10px; color: var(--truehelp-white, #FFFFFF); background-color: var(--truehelp-primary, #61DEFF); } .support-one__list__icon svg { width: 1em; height: 1em; fill: currentColor; } .support-one__bottom { display: flex; align-items: center; gap: 30px 40px; } @media (min-width: 1200px) and (max-width: 1599px) { .support-one__bottom { flex-direction: column; align-items: flex-start; } } @media (max-width: 767px) { .support-one__bottom { flex-direction: column; align-items: flex-start; } } .support-one__bottom__text { margin: 0; } .support-one__button { flex-shrink: 0; } .support-one__image { position: relative; } .support-one__image__inner { margin-left: 100px; display: inline-block; position: relative; } @media (max-width: 1599px) { .support-one__image__inner { margin: 0; } } .support-one__image__inner img { border-radius: 6px 293px 298.5px 298.5px; border: 4px solid var(--truehelp-white, #FFFFFF); } @media (max-width: 1399px) { .support-one__image__inner img { max-width: 100%; height: auto; } } .support-one .weekly-raised { position: absolute; right: 31px; bottom: -24px; z-index: 1; animation: moveHorizontal 2s linear infinite; } @media (max-width: 1399px) { .support-one .weekly-raised { bottom: -100px; } } @media (max-width: 1199px) { .support-one .weekly-raised { bottom: 0px; } } @media (max-width: 575px) { .support-one .weekly-raised { margin-bottom: 50px; position: relative; top: 0px; right: 0px; } } .support-one .support-education { position: relative; position: absolute; top: 175px; left: -130px; z-index: 1; } @media (max-width: 1599px) { .support-one .support-education { top: 100px; left: -35px; } } @media (max-width: 1199px) { .support-one .support-education { left: -30px; } } @media (max-width: 767px) { .support-one .support-education { padding: 10px 40px 15px; } } @media (max-width: 575px) { .support-one .support-education { margin-top: 50px; position: static; } } /*-------------------------------------------------------------- # Shop --------------------------------------------------------------*/ .product { position: relative; } .product__sidebar { position: relative; } .product__sidebar__item + .product__sidebar__item { margin-top: 30px; } .product__sidebar__item { padding: 30px; background-color: var(--truehelp-white, #FFFFFF); border-radius: 20px; box-shadow: 0px 0px 20px 9px rgba(194, 194, 194, 0.18); } .product__sidebar__title { margin-top: -6px; margin-bottom: 20px; position: relative; font-size: 20px; font-weight: 500; text-transform: capitalize; line-height: 1.25; } .product__search { display: flex; align-items: center; position: relative; height: 55px; } .product__search input[type=search], .product__search input[type=text] { padding-left: 15px; padding-right: 35px; outline: none; border: 0; border: 1px solid transparent; font-size: 16px; color: var(--truehelp-text, #6F6C71); font-weight: 400; width: 100%; height: 100%; background-color: var(--truehelp-white, #FFFFFF); border: 1px solid var(--truehelp-border-color, #E3DAE2); border-radius: 10px; transition: all 500ms ease; } .product__search input[type=search]:focus, .product__search input[type=text]:focus { color: var(--truehelp-black, #463650); border-color: var(--truehelp-base, #8A65A0); } .product__search button[type=submit] { padding: 0; border: none; outline: none; background-color: transparent; position: absolute; top: 50%; right: 15px; transform: translateY(-50%); width: auto; font-size: 20px; color: var(--truehelp-base, #8A65A0); z-index: 1; transition: all 400ms ease; } .product__search button[type=submit] svg { width: 1em; height: 1em; fill: currentColor; } .product__price-ranger #slider-range { margin: 22px 0 0 0px; background: var(--truehelp-white2, #E8F5F8); border: none; height: 8px; border-radius: 10px; position: relative; } .product__price-ranger #slider-range .ui-slider-range { height: 100%; background: var(--truehelp-base, #8A65A0); } .product__price-ranger #slider-range .ui-slider-handle { position: absolute; top: 50%; transform: translateY(-50%); background: var(--truehelp-base, #8A65A0); border: 0; height: 14px; width: 14px !important; border-radius: 50%; margin-left: -3px; outline: medium none; cursor: pointer; z-index: 2; } .product__price-ranger .ranger-min-max-block { position: relative; display: block; margin: 24px 0 0 0px; } @media (min-width: 992px) and (max-width: 1199px) { .product__price-ranger .ranger-min-max-block { margin-left: -10px; } } .product__price-ranger .ranger-min-max-block input[type=text] { position: relative; display: inline-block; color: var(--truehelp-text, #6F6C71); font-size: 16px; font-weight: 500; width: 50px; line-height: 1; border: none; outline: none; font-family: var(--truehelp-font, "Manrope", sans-serif); padding: 0; text-align: center; background-color: transparent; } .product__price-ranger .ranger-min-max-block span { position: relative; display: inline-block; color: var(--truehelp-text, #6F6C71); font-size: 16px; font-weight: 500; line-height: 1; left: -2px; } .product__price-ranger .ranger-min-max-block input[type=submit] { position: relative; display: block; float: right; text-align: center; border: none; font-size: 14px; line-height: 40px; margin: 0; border-radius: 10px; cursor: pointer; padding: 0 16px; height: 40px; } @media (min-width: 992px) and (max-width: 1199px) { .product__price-ranger .ranger-min-max-block input[type=submit] { padding: 0 14px; } } .product__categories { padding-bottom: 32px; } .product__categories__title { position: relative; margin-bottom: 4.5px; padding-bottom: 13.5px; border-bottom: 1px solid var(--truehelp-base, #8A65A0); } .product__categories ul { margin: 0; padding: 0; list-style: none; margin-bottom: -17px; } .product__categories ul li { position: relative; } .product__categories ul li:not(:last-child) { border-bottom: 1px solid var(--truehelp-border-color, #E3DAE2); } .product__categories ul li a { position: relative; padding: 10.5px 0 11.5px; overflow: hidden; display: flex; align-items: flex-start; gap: 10px; font-size: 15px; color: var(--truehelp-text, #6F6C71); font-weight: 500; text-transform: capitalize; line-height: 1.5; transition: all 500ms ease; z-index: 1; } .product__categories ul li a::after { position: absolute; content: ""; width: 0; height: 100%; top: 0; right: 0; z-index: -1; background-color: var(--truehelp-base, #8A65A0); transition: all 500ms ease; } .product__categories ul li a .product-categories__icon { position: relative; top: 4px; display: inline-flex; font-size: 14px; color: var(--truehelp-base, #8A65A0); transition: all 500ms ease; } .product__categories ul li a .product-categories__icon svg { width: 1em; height: 1em; fill: currentColor; } .product__categories ul li a:hover { padding-left: 15px; padding-right: 15px; color: var(--truehelp-white, #FFFFFF); } .product__categories ul li a:hover::after { left: 0; width: 100%; } .product__categories ul li a:hover .product-categories__icon { color: var(--truehelp-white, #FFFFFF); } .product__info-top { position: relative; display: flex; justify-content: space-between; align-items: center; gap: 30px; margin-bottom: 50px; background-color: var(--truehelp-white7, #F4F4F4); border-radius: 10px; } @media (max-width: 767px) { .product__info-top { display: block; } } .product__showing-text-box { padding-left: 21px; } @media (max-width: 767px) { .product__showing-text-box { padding: 15px 21px; } } .product__showing-text { margin: 0; font-family: var(--truehelp-font, "Manrope", sans-serif); font-size: 16px; color: var(--truehelp-black, #463650); text-transform: capitalize; line-height: 1.75; } .product__showing-sort { margin: 0; } .product__showing-sort .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { font-family: var(--truehelp-font, "Manrope", sans-serif); position: relative; display: block; width: 100%; min-width: 190px !important; background-color: var(--truehelp-primary, #61DEFF); border-radius: 0px 10px 10px 0px; } @media (max-width: 767px) { .product__showing-sort .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { min-width: 141px !important; border-radius: 0px 0px 10px 10px; } } .product__showing-sort .bootstrap-select > .dropdown-toggle::after { display: none; } .product__showing-sort .bootstrap-select .dropdown-menu { border: none; } .product__showing-sort .bootstrap-select > .dropdown-toggle { position: relative; height: 51px; outline: none !important; border-radius: inherit; border: 0; background-color: transparent !important; margin: 0; padding: 0; padding-left: 29px; padding-right: 50px; font-family: var(--truehelp-font, "Manrope", sans-serif); color: var(--truehelp-black, #463650) !important; text-transform: capitalize; font-size: 16px; line-height: 51px; font-weight: 400; box-shadow: none !important; background-repeat: no-repeat; background-size: 14px 12px; background-position: right 25.75px center; } .product__showing-sort .bootstrap-select > .dropdown-toggle > .filter-option { text-align: left; } @media (max-width: 767px) { .product__showing-sort .bootstrap-select > .dropdown-toggle > .filter-option { text-align: left; } } .product__showing-sort .bootstrap-select > .dropdown-toggle:before { content: "\e924"; position: absolute; top: 50%; right: 18px; transform: translateY(-50%); font-family: "icomoon" !important; font-size: 8px; color: var(--truehelp-black6, #161515); speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .product__showing-sort .bootstrap-select .dropdown-menu > li + li > a { border-top: 1px solid var(--truehelp-border-color, #E3DAE2); } .product__showing-sort .bootstrap-select .dropdown-menu > li > a { font-size: 15px; font-weight: 500; padding: 8px 16px 9px; font-family: var(--truehelp-font, "Manrope", sans-serif); color: var(--truehelp-black, #463650); background-color: var(--truehelp-white7, #F4F4F4); text-transform: capitalize; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .product__showing-sort .bootstrap-select .dropdown-menu > li:hover > a, .product__showing-sort .bootstrap-select .dropdown-menu > li.selected > a { background-color: var(--truehelp-primary, #61DEFF); color: var(--truehelp-black, #463650); border-color: var(--truehelp-primary, #61DEFF); } .product__item { position: relative; background-color: var(--truehelp-white, #FFFFFF); border-radius: 20px; transition: all 500ms ease; } .product__item__image { margin-bottom: -33px; position: relative; overflow: hidden; border-radius: 20px; z-index: 1; } .product__item__image img { width: 100%; display: block; transform: scale(1); border-radius: inherit; transition: all 500ms ease; } .product__item:hover .product__item__image img { transform: scale(1.05); } .product__item__onsale { padding: 5px 17.25px; display: inline-block; position: absolute; top: 18px; left: -18px; transform: rotate(90deg); background-color: var(--truehelp-primary, #61DEFF); font-size: 16px; color: var(--truehelp-black6, #161515); line-height: 1.25; text-align: center; z-index: 1; -webkit-mask: url('data:image/svg+xml;utf8, '); mask: url('data:image/svg+xml;utf8, '); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: top center; mask-position: top center; -webkit-mask-size: auto; mask-size: auto; } .product__item__content { position: relative; text-align: center; border: 1px solid var(--truehelp-gray2, #DFDCE1); border-radius: 0px 0px 20px 20px; box-shadow: 0px 0px 20px 9px rgba(194, 194, 194, 0.18); } .product__item__inner { padding: 55px 25px 34px; } .product__item__title { margin-bottom: 11px; font-size: 20px; font-weight: 500; text-transform: capitalize; line-height: 1.6; } @media (max-width: 360px) { .product__item__title { font-size: 18px; } } .product__item__title:hover { color: var(--truehelp-base, #8A65A0); } .product__item__title a { color: inherit; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease; } .product__item__title a:hover { background-size: 100% 1px; } .product__item__price { margin-bottom: 9px; display: flex; align-items: center; justify-content: center; gap: 10px; font-family: var(--truehelp-heading-font, "Geologica", sans-serif); font-size: 24px; color: var(--truehelp-base, #8A65A0); text-align: center; font-weight: 500; line-height: 1.25; } @media (max-width: 360px) { .product__item__price { font-size: 20px; } } .product__item__price del { font-size: 18px; color: var(--truehelp-text-gray, #4B5563); } @media (max-width: 360px) { .product__item__price del { font-size: 16px; } } .product__item .truehelp-ratings { justify-content: center; } .product__item .truehelp-btn { width: 100%; margin-bottom: -5px; padding: 10.9px 40px; color: var(--truehelp-black, #463650); background-color: var(--truehelp-gray3, #E2D8E8); } .product__item .truehelp-btn::before, .product__item .truehelp-btn::after { background-color: var(--truehelp-base, #8A65A0); } .product__item .truehelp-btn:hover { color: var(--truehelp-white, #FFFFFF); } .product-page { background-color: var(--truehelp-white, #FFFFFF); } .product-page .post-pagination { justify-content: center; } @media (max-width: 991px) { .product-page .post-pagination { margin-top: 20px; } } /*-------------------------------------------------------------- # Shop Details --------------------------------------------------------------*/ .product-details { position: relative; } .product-details__image { position: relative; padding-right: 27px; } @media (max-width: 1199px) { .product-details__image { padding-right: 0; } } .product-details__image img { max-width: 100%; height: auto; border-radius: 15px; } .product-details__img-popup { width: 77px; height: 77px; display: flex; align-items: center; justify-content: center; font-size: 29px; color: var(--truehelp-black, #463650); border-radius: 50%; background-color: RGBA(var(--truehelp-base-rgb, 138, 101, 160), 0.2); position: absolute; left: 26px; bottom: 26px; transition: all 500ms ease; } @media (max-width: 430px) { .product-details__img-popup { width: 65px; height: 65px; font-size: 23px; } } @media (max-width: 375px) { .product-details__img-popup { width: 60px; height: 60px; font-size: 20px; } } .product-details__img-popup:hover { color: var(--truehelp-white, #FFFFFF); background-color: var(--truehelp-base, #8A65A0); } .product-details__img-popup svg { width: 1em; height: 1em; fill: currentColor; } .product-details__content { padding-left: 22px; } @media (max-width: 1199px) { .product-details__content { padding-left: 0; } } .product-details__top { margin-bottom: 11px; } .product-details .truehelp-ratings { margin-bottom: 22px; gap: 8px; } .product-details .truehelp-ratings__icon { font-size: 22px; color: var(--truehelp-orange, #E89447); } .product-details__name { margin: 0; font-size: 40px; font-weight: 700; text-transform: capitalize; line-height: 1.5; } @media (max-width: 1199px) { .product-details__name { font-size: 35px; } } @media (max-width: 575px) { .product-details__name { font-size: 30px; } } .product-details__price-info { padding-top: 3px; margin-bottom: 22px; display: flex; align-items: center; flex-wrap: wrap; gap: 15px 10px; } .product-details__price { margin: 0; display: flex; align-items: center; gap: 10px; font-size: 32px; color: var(--truehelp-base, #8A65A0); font-weight: 500; line-height: 1.125; } @media (max-width: 575px) { .product-details__price { font-size: 25px; } } .product-details__price del { font-size: 20px; color: var(--truehelp-text-gray, #4B5563); } @media (max-width: 575px) { .product-details__price del { font-size: 17px; } } .product-details__stock { margin: 0; padding: 7px 13px; font-family: var(--truehelp-heading-font, "Geologica", sans-serif); font-size: 15px; font-weight: 500; color: var(--truehelp-black, #463650); line-height: 1.333; background-color: var(--truehelp-white17, #D7F7FF); border-radius: 30px; } .product-details__excerpt { margin-bottom: 29px; } .product-details__excerpt__text { margin-bottom: 37px; font-size: 16px; color: var(--truehelp-black, #463650); line-height: 2; } .product-details__excerpt__list { margin: 0; } .product-details__excerpt__list li + li { margin-top: 17.5px; } .product-details__excerpt__list li { display: flex; gap: 6px; font-size: 16px; color: var(--truehelp-black, #463650); line-height: 1.25; } .product-details__excerpt__list li .product-tags { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; } .product-details__excerpt__list li a { font-weight: 700; color: inherit; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease; } .product-details__excerpt__list li a:hover { background-size: 100% 1px; } .product-details__excerpt__list li a:hover { color: var(--truehelp-base, #8A65A0); } .product-details__buttons { display: flex; align-items: center; flex-wrap: wrap; gap: 22px; margin-bottom: 40px; } .product-details__buttons .truehelp-btn { padding: 12px 37.5px; } .product-details__quantity { position: relative; display: flex; align-items: center; } .product-details__quantity .quantity-box { position: relative; width: 122px; height: 52px; border-radius: 30px; border: 1px solid var(--truehelp-black5, #000000); } .product-details__quantity .quantity-box input { width: 64px; height: 52px; padding: 0; -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; font-family: var(--truehelp-font, "Manrope", sans-serif); color: var(--truehelp-black5, #000000); text-align: center; outline: none; border: 0; font-size: 16px; font-weight: 500; background-color: transparent; border-right: 1px solid var(--truehelp-black5, #000000); } .product-details__quantity .quantity-box button { font-size: 9px; color: var(--truehelp-text-gray, #4B5563); position: absolute; top: 10px; right: 16px; background-color: transparent; border: none; display: inline-flex; outline: none; transition: all 500ms ease; } .product-details__quantity .quantity-box button.sub { bottom: 10px; top: auto; } .product-details__quantity .quantity-box button:hover { color: var(--truehelp-base, #8A65A0); } .product-details__quantity .quantity-box button svg { width: 1em; height: 1em; fill: currentColor; } .product-details__socials { display: flex; align-items: center; flex-wrap: wrap; gap: 15px; } .product-details__socials__title { margin-bottom: 0; font-size: 20px; font-weight: 500; text-transform: capitalize; line-height: 1.5; } .product-details__main-tab-box { margin-top: 117px; position: relative; display: block; } @media (max-width: 1199px) { .product-details__main-tab-box { margin-top: 100px; } } @media (max-width: 767px) { .product-details__main-tab-box { margin-top: 80px; } } .product-details__main-tab-box .tab-buttons { margin: 0; display: flex; align-items: center; flex-wrap: wrap; gap: 2px; border-bottom: 1px solid var(--truehelp-black5, #000000); } .product-details__main-tab-box .tab-buttons .tab-btn { cursor: pointer; border-radius: 0; padding: 11.3px 35px; font-family: var(--truehelp-font, "Manrope", sans-serif); font-size: 20px; color: var(--truehelp-black5, #000000); font-weight: 500; background-color: var(--truehelp-white16, #E0D8E4); } @media (max-width: 575px) { .product-details__main-tab-box .tab-buttons .tab-btn { padding-left: 30px; padding-right: 30px; font-size: 16px; } } .product-details__main-tab-box .tab-buttons .tab-btn.active-btn { background-color: var(--truehelp-base, #8A65A0); } .product-details__main-tab-box .tab-buttons .tab-btn::before, .product-details__main-tab-box .tab-buttons .tab-btn::after { background-color: var(--truehelp-base, #8A65A0); } .product-details__main-tab-box .tab-buttons .tab-btn:hover, .product-details__main-tab-box .tab-buttons .tab-btn.active-btn { color: var(--truehelp-white, #FFFFFF); } .product-details__main-tab-box .tabs-content { position: relative; display: block; } .product-details__main-tab-box .tabs-content .tab { position: relative; display: none; -webkit-transition: all 600ms ease; -moz-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease; transition: all 600ms ease; z-index: 10; } .product-details__main-tab-box .tabs-content .tab.active-tab { display: block; } .product-details__description { margin-top: 32px; } .product-details__description__box + .product-details__description__box { margin-top: 22px; } .product-details__description__text { margin: 0; font-size: 16px; color: var(--truehelp-text-gray, #4B5563); line-height: 2; } .product-details__form__top { margin-bottom: 31px; } .product-details__form__title { margin-bottom: 20px !important; } .product-details__form__ratings { display: flex; align-items: center; flex-wrap: wrap; gap: 15px 18px; } .product-details__form__ratings__text { margin-bottom: 0; font-size: 20px; color: var(--truehelp-text, #6F6C71); font-weight: 500; text-transform: capitalize; line-height: 1.4; } .product-details__ratings { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; } .product-details__ratings__icon { display: inline-flex; font-size: 20px; color: var(--truehelp-base, #8A65A0); transition: all 500ms ease; } .product-details__ratings__icon svg { width: 1em; height: 1em; fill: currentColor; } /*-------------------------------------------------------------- # Cart --------------------------------------------------------------*/ .cart-page { position: relative; background-color: var(--truehelp-white, #FFFFFF); } .cart-page__col-1 { flex: 0 0 auto; width: 72.028%; } @media (max-width: 1199px) { .cart-page__col-1 { width: 100%; } } .cart-page__col-2 { flex: 0 0 auto; width: 27.972%; } @media (max-width: 1199px) { .cart-page__col-2 { width: 100%; } } .cart-page__left { position: relative; padding: 0px 44px 25px; border: 1px solid var(--truehelp-white9, #F1F1F1); border-top: 0; border-radius: 5px; } @media (max-width: 991px) { .cart-page__left { padding-left: 20px; padding-right: 20px; } } .cart-page__left::before, .cart-page__left::after { content: ""; width: 44px; height: 40px; background-color: var(--truehelp-white9, #F1F1F1); position: absolute; top: 0; } @media (max-width: 991px) { .cart-page__left::before, .cart-page__left::after { width: 20px; } } .cart-page__left::before { left: 0; border-radius: 5px 0px 0px 0px; } .cart-page__left::after { right: 0; border-radius: 0px 5px 0px 0px; } .cart-page .table-responsive { position: relative; display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; margin-bottom: 67px; z-index: 1; } .cart-page__table { position: relative; width: 100%; border: none; margin: 0 0 24px; } @media (max-width: 991px) { .cart-page__table { min-width: 850px; } } .cart-page__table thead tr th { padding: 12px 25px; font-family: var(--truehelp-heading-font, "Geologica", sans-serif); font-size: 16px; color: var(--truehelp-black, #463650); line-height: 1; font-weight: 500; text-transform: capitalize; border: none; background-color: var(--truehelp-white9, #F1F1F1); border: 0 !important; box-shadow: none; } .cart-page__table thead tr th:first-child { padding-left: 0; text-align: left; } .cart-page__table thead tr th:last-child { padding-right: 0; text-align: right; } .cart-page__table tbody tr td { padding: 34.5px 25px; font-family: var(--truehelp-font, "Manrope", sans-serif); font-size: 16px; font-weight: 400; color: var(--truehelp-black5, #000000); text-transform: capitalize; line-height: normal; vertical-align: middle; border-top: none; box-shadow: none; background-color: transparent; border-top: 0 !important; border-bottom: 1px solid var(--truehelp-white9, #F1F1F1); } .cart-page__table tbody tr td.cart-page__table__total { text-align: center; } .cart-page__table tbody tr td .cart-page__table__remove { margin-left: 16px; display: flex; align-items: center; justify-content: center; color: var(--truehelp-black, #463650); font-size: 20px; line-height: normal; } .cart-page__table tbody tr td .cart-page__table__remove svg { width: 1em; height: 1em; fill: currentColor; } .cart-page__table tbody tr td .cart-page__table__remove:hover { color: var(--truehelp-base, #8A65A0); } .cart-page__table tbody tr td:first-child { padding-left: 0; } .cart-page__table tbody tr td:last-child { padding-right: 0; } .cart-page__table__meta { display: flex; align-items: center; gap: 17px; } .cart-page__table__meta__img { position: relative; width: 73px; flex-shrink: 0; } .cart-page__table__meta__img img { width: 100%; display: block; border-radius: 10px; } .cart-page__table__meta__remove { width: 23px; height: 23px; display: flex; align-items: center; justify-content: center; position: absolute; top: -13px; right: -11px; border-radius: 50%; background-color: var(--truehelp-primary, #61DEFF); font-size: 11px; color: var(--truehelp-black5, #000000); } .cart-page__table__meta__remove svg { width: 1em; height: 1em; fill: currentColor; } .cart-page__table__meta__title { margin: 0; font-size: 16px; font-weight: 500; line-height: 1.5; } .cart-page__table__meta__title:hover { color: var(--truehelp-base, #8A65A0); } .cart-page__table__meta__title a { color: inherit; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease; } .cart-page__table__meta__title a:hover { background-size: 100% 1px; } .cart-page__coupone { max-width: 457px; } @media (max-width: 575px) { .cart-page__coupone { width: 100%; } } .cart-page__coupone__form { position: relative; } .cart-page__coupone__form input[type=text] { display: block; width: calc(100% - 20px); height: 56px; border: none; font-size: 16px; font-family: var(--truehelp-font, "Manrope", sans-serif); color: var(--truehelp-black5, #000000); font-weight: 400; background-color: var(--truehelp-white, #FFFFFF); padding-left: 24px; padding-right: 24px; outline: none; border: 1px solid var(--truehelp-white9, #F1F1F1); border-radius: 30px; transition: all 500ms ease; } .cart-page__coupone__form input[type=text]:focus { border-color: var(--truehelp-base, #8A65A0); } @media (max-width: 767px) { .cart-page__coupone__form input[type=text] { width: 100%; } } .cart-page__coupone__btn { padding: 13.797px 30.5px; position: absolute; top: 0; right: 0; color: var(--truehelp-black5, #000000); } @media (max-width: 575px) { .cart-page__coupone__btn { position: static; margin-top: 20px; } } .cart-page__cart-total__title { margin: 0; padding: 10.5px 20px; font-family: var(--truehelp-heading-font, "Geologica", sans-serif); font-size: 16px; color: var(--truehelp-black5, #000000); text-transform: capitalize; font-weight: 500; line-height: 1.25; background-color: var(--truehelp-white9, #F1F1F1); border-radius: 5px 5px 0px 0px; } .cart-page__cart-total__inner { position: relative; padding: 14px 20px 39px; border: 1px solid var(--truehelp-white9, #F1F1F1); border-top: 0; } .cart-page__cart-total__table { position: relative; width: 100%; margin: 0 0 0; } .cart-page__cart-total__table tbody tr td { padding: 15px 0px; font-family: var(--truehelp-heading-font, "Geologica", sans-serif); font-size: 16px; color: var(--truehelp-black, #463650); text-transform: capitalize; font-weight: 500; line-height: 1.25; } .cart-page__cart-total__table tbody tr:not(:last-child) td { border-bottom: 1px solid var(--truehelp-white9, #F1F1F1); } .cart-page__cart-total__table tbody tr td.total-price { font-family: var(--truehelp-font, "Manrope", sans-serif); text-align: right; } .cart-page__cart-total__btn-1, .cart-page__cart-total__btn-2 { display: block; padding: 10px 30px; } .cart-page__cart-total__btn-1 { margin-bottom: 9px; border-radius: 0px 0px 5px 5px; } .cart-page__cart-total__btn-2 { color: var(--truehelp-black5, #000000); background-color: var(--truehelp-white18, #EAF8F8); border-radius: 5px; } .cart-page__cart-total__btn-2::before, .cart-page__cart-total__btn-2::after { background-color: var(--truehelp-base, #8A65A0); } .cart-page__cart-total__btn-2:hover { color: var(--truehelp-white, #FFFFFF); } /*-------------------------------------------------------------- # Checkout --------------------------------------------------------------*/ .checkout-page { position: relative; padding-top: 123px; background-color: var(--truehelp-white, #FFFFFF); } @media (max-width: 767px) { .checkout-page { padding-top: 93px; } } @media (max-width: 575px) { .checkout-page { padding-top: 73px; } } .checkout-page__row { --bs-gutter-x: 24px; } .checkout-page__col-1 { flex: 0 0 auto; width: 72.028%; } @media (max-width: 1199px) { .checkout-page__col-1 { width: 65%; } } @media (max-width: 991px) { .checkout-page__col-1 { width: 50%; } } @media (max-width: 767px) { .checkout-page__col-1 { width: 100%; } } .checkout-page__col-2 { flex: 0 0 auto; width: 27.972%; } @media (max-width: 1199px) { .checkout-page__col-2 { width: 35%; } } @media (max-width: 991px) { .checkout-page__col-2 { width: 50%; } } @media (max-width: 767px) { .checkout-page__col-2 { width: 100%; } } .checkout-page__title { margin-bottom: 26px; font-size: 24px; font-weight: 500; text-transform: capitalize; line-height: 1.416; } .checkout-page__billing-address__inner { padding: 20px 30px 46px; border: 1px solid var(--truehelp-white9, #F1F1F1); border-radius: 5px; } @media (min-width: 768px) and (max-width: 991px) { .checkout-page__billing-address__inner { padding: 20px 20px 26px; } } @media (max-width: 390px) { .checkout-page__billing-address__inner { padding: 20px 20px 26px; } } .checkout-page__form { --bs-gutter-y: 13px; } .checkout-page__control label { margin-bottom: 16px; font-size: 16px; color: var(--truehelp-black, #463650); text-transform: capitalize; line-height: 1.25; } .checkout-page__control input[type=text], .checkout-page__control input[type=email], .checkout-page__control input[type=tel] { width: 100%; height: 55px; display: block; border: none; background-color: var(--truehelp-white10, #F3F2F2); padding-left: 19px; padding-right: 19px; outline: none; font-size: 14px; color: RGBA(var(--truehelp-black5-rgb, 0, 0, 0), 0.6); font-family: var(--truehelp-font, "Manrope", sans-serif); font-weight: 400; border: 1px solid transparent; border-radius: 5px; transition: all 400ms ease; } .checkout-page__control input[type=text]:focus, .checkout-page__control input[type=email]:focus, .checkout-page__control input[type=tel]:focus { color: RGBA(var(--truehelp-black5-rgb, 0, 0, 0), 1); border-color: var(--truehelp-base, #8A65A0); } .checkout-page__control .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { position: relative; display: block; width: 100% !important; font-family: var(--truehelp-font, "Manrope", sans-serif); border-radius: 5px; } .checkout-page__control .bootstrap-select > .dropdown-toggle::after { display: none; } .checkout-page__control .bootstrap-select > .dropdown-toggle { position: relative; height: 55px; outline: none !important; border-radius: 5px; border: 0; background-color: var(--truehelp-white10, #F3F2F2) !important; margin: 0; padding: 0; padding-left: 20px; padding-right: 20px; font-family: var(--truehelp-font, "Manrope", sans-serif); color: RGBA(var(--truehelp-black5-rgb, 0, 0, 0), 0.6) !important; text-transform: capitalize; font-size: 16px; line-height: 55px; font-weight: 400; box-shadow: none !important; background-repeat: no-repeat; background-size: 14px 12px; background-position: right 25.75px center; } .checkout-page__control .bootstrap-select > .dropdown-toggle:before { position: absolute; top: 0; bottom: 0; right: 19px; font-family: "Font Awesome 5 Free"; content: "\f107"; font-weight: 900; font-size: 16px; color: RGBA(var(--truehelp-black5-rgb, 0, 0, 0), 0.6) !important; } .checkout-page__control .bootstrap-select .dropdown-menu > li + li > a { border-top: 1px solid var(--truehelp-border-color, #E3DAE2); } .checkout-page__control .bootstrap-select .dropdown-menu { border: none; } .checkout-page__control .bootstrap-select .dropdown-menu > li > a { font-size: 15px; font-weight: 500; padding: 10px 19px; font-family: var(--truehelp-font, "Manrope", sans-serif); color: var(--truehelp-black, #463650); background-color: var(--truehelp-white7, #F4F4F4); text-transform: capitalize; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .checkout-page__control .bootstrap-select .dropdown-menu > li:hover > a, .checkout-page__control .bootstrap-select .dropdown-menu > li.selected > a { background-color: var(--truehelp-base, #8A65A0); color: var(--truehelp-white, #FFFFFF); border-color: var(--truehelp-base, #8A65A0); } .checkout-page__checked-box { margin-top: 5px; } .checkout-page__checked-box label { position: relative; display: inline-block; padding-left: 28px; margin-right: 0px; margin-bottom: 0; text-transform: none; cursor: pointer; font-family: var(--truehelp-font, "Manrope", sans-serif); font-size: 16px; font-weight: 600; color: var(--truehelp-black, #463650); line-height: 1.5; } .checkout-page__checked-box label span::before { content: ""; position: absolute; top: 2px; left: 4px; display: block; border-bottom: 2px solid var(--truehelp-base, #8A65A0); border-right: 2px solid var(--truehelp-base, #8A65A0); width: 6px; height: 9px; pointer-events: none; transform-origin: 66% 66%; transform: rotate(45deg); transition: all 0.15s ease-in-out; opacity: 0; } .checkout-page__checked-box input[type=checkbox] { display: none; } .checkout-page__checked-box input[type=checkbox] + label span { position: absolute; top: 3px; left: 0; border-radius: 4px; width: 18px; height: 18px; vertical-align: middle; background: transparent; cursor: pointer; border: 1px solid var(--truehelp-white11, #DEDEDE); transition: all 300ms ease; } .checkout-page__checked-box input[type=checkbox]:checked + label span { border-color: var(--truehelp-base, #8A65A0); } .checkout-page__checked-box input[type=checkbox]:checked + label span::before { opacity: 1; } .checkout-page__your-order { margin-bottom: 57px; position: relative; } @media (max-width: 767px) { .checkout-page__your-order { margin-bottom: 40px; } } .checkout-page__your-order__title { margin: 0; padding: 10.5px 20px; font-family: var(--truehelp-heading-font, "Geologica", sans-serif); font-size: 16px; color: var(--truehelp-black5, #000000); text-transform: capitalize; font-weight: 500; line-height: 1.25; background-color: var(--truehelp-white9, #F1F1F1); border-radius: 5px 5px 0px 0px; } .checkout-page__your-order__inner { position: relative; padding: 14px 20px 0px; border: 1px solid var(--truehelp-white9, #F1F1F1); border-top: 0; border-radius: 0px 0px 5px 5px; } .checkout-page__your-order__inner::before, .checkout-page__your-order__inner::after { content: ""; width: 30px; height: 40px; background-color: var(--truehelp-yellow2, #FDFBE8); position: absolute; bottom: 0; } .checkout-page__your-order__inner::before { left: 0; border-radius: 0px 0px 0px 5px; } .checkout-page__your-order__inner::after { right: 0; border-radius: 0px 0px 5px 0px; } .checkout-page__order-table { position: relative; width: 100%; margin: 0 0 0; } .checkout-page__order-table thead tr th, .checkout-page__order-table tbody tr td { padding: 15px 0px; font-family: var(--truehelp-heading-font, "Geologica", sans-serif); font-size: 16px; color: var(--truehelp-black, #463650); text-transform: capitalize; font-weight: 500; line-height: 1.25; border-bottom: 1px solid var(--truehelp-white9, #F1F1F1); } .checkout-page__order-table thead tr th:not(:first-child), .checkout-page__order-table tbody tr td:not(:first-child) { text-align: right; } .checkout-page__order-table thead tr th { border-bottom: 1px solid var(--truehelp-white9, #F1F1F1); } .checkout-page__order-table tbody tr td.pro__price { font-family: var(--truehelp-font, "Manrope", sans-serif); } .checkout-page__order-table tbody tr td:not(:first-child) { text-align: right; } .checkout-page__order-table tbody tr:last-child { position: relative; } .checkout-page__order-table tbody tr:last-child::after { content: ""; background-color: var(--truehelp-yellow2, #FDFBE8); position: absolute; left: 0px; bottom: 0px; width: 100%; height: 40px; } .checkout-page__order-table tbody tr:last-child td { position: relative; border: 0; padding: 84px 0px 10px; z-index: 1; } .checkout-page__payment { padding: 40px 20px 44px; background-color: var(--truehelp-white12, #EFFAFA); border-radius: 5px 5px 0px 0px; } .checkout-page__payment__item + .checkout-page__payment__item { margin-top: 12px; } .checkout-page__payment__item { position: relative; } .checkout-page__payment__title { cursor: pointer; position: relative; margin-bottom: 0; border: 1px solid transparent; padding: 6.5px 13px 6.5px 49px; display: flex; align-items: center; justify-content: space-between; gap: 15px; font-size: 16px; font-weight: 500; text-transform: capitalize; color: var(--truehelp-black, #463650); line-height: 1.75; background-color: var(--truehelp-white, #FFFFFF); border-radius: 5px; transition: all 500ms ease; } .checkout-page__payment__title::before { content: "\f00c"; width: 28px; height: 28px; border-radius: 50%; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 12px; color: var(--truehelp-black5, #000000); display: flex; justify-content: center; align-items: center; flex-shrink: 0; position: absolute; top: 50%; left: 10px; transform: translateY(-50%); border: 1px solid var(--truehelp-black5, #000000); transition: all 500ms ease; } .checkout-page__payment__title__icon { display: inline-flex; flex-shrink: 0; font-size: 21px; color: RGBA(var(--truehelp-black5-rgb, 0, 0, 0), 0.5); transition: all 500ms ease; } .checkout-page__payment__title__icon svg { width: 1em; height: 1em; fill: currentColor; } .checkout-page__payment .checkout-page__payment__item--active .checkout-page__payment__title { border-color: var(--truehelp-white13, #F5F1F1); border-radius: 5px 5px 0px 0px; } .checkout-page__payment .checkout-page__payment__item--active .checkout-page__payment__title::before { background-color: var(--truehelp-primary, #61DEFF); border-color: var(--truehelp-primary, #61DEFF); } .checkout-page__payment .checkout-page__payment__item--active .checkout-page__payment__title__icon { color: RGBA(var(--truehelp-black5-rgb, 0, 0, 0), 1); } .checkout-page__payment__content { padding: 14.5px 16px 15.5px; background-color: var(--truehelp-white, #FFFFFF); border-radius: 0px 0px 5px 5px; } .checkout-page__payment__content p { margin: 0; font-size: 15px; color: var(--truehelp-black5, #000000); line-height: 2; } .checkout-page__payment__button .truehelp-btn { width: 100%; border-radius: 0px 0px 5px 5px; padding: 10px 30px; } /*-------------------------------------------------------------- # Blog Details --------------------------------------------------------------*/ .blog-details { background-color: var(--truehelp-white, #FFFFFF); } .blog-details__content { border-radius: 5px; background-color: var(--truehelp-white23, #F7F3F9); } .blog-details .blog-card--four { margin-bottom: 30px; } .blog-details .blog-card--four:hover .blog-card__image img { transform: scale(1); } .blog-details .blog-card--four .blog-card__content { border: 0; padding: 34px 42px 0px; background-color: transparent; } @media (max-width: 1199px) { .blog-details .blog-card--four .blog-card__content { padding-left: 30px; padding-right: 30px; } } @media (max-width: 430px) { .blog-details .blog-card--four .blog-card__content { padding-left: 20px; padding-right: 20px; } } .blog-details .blog-card--four .blog-card__title:hover { color: var(--truehelp-black, #463650); } .blog-details .blog-card--four .blog-card__text { margin: 0; } .blog-details__inner { padding: 0px 42px 42px; } @media (max-width: 1199px) { .blog-details__inner { padding: 0px 30px 30px; } } @media (max-width: 430px) { .blog-details__inner { padding: 0px 20px 20px; } } .blog-details__description { margin-bottom: 37px; } .blog-details__title { margin-bottom: 19px; font-size: 24px; font-weight: 500; text-transform: capitalize; line-height: 1.333; } .blog-details__text, .blog-details__list li { margin: 0; font-size: 16px; color: var(--truehelp-text-gray, #4B5563); line-height: 1.75; } .blog-details__quote { margin-top: 37px; padding: 26.5px 50px; background-color: var(--truehelp-white, #FFFFFF); border-radius: 60px; } @media (max-width: 1199px) { .blog-details__quote { padding-left: 40px; padding-right: 40px; } } @media (max-width: 430px) { .blog-details__quote { padding-left: 30px; padding-right: 30px; } } .blog-details__quote__text { margin: 0; font-family: var(--truehelp-heading-font, "Geologica", sans-serif); font-size: 24px; font-weight: 400; color: var(--truehelp-base, #8A65A0); line-height: 1.416; } @media (max-width: 1199px) { .blog-details__quote__text { font-size: 20px; } } @media (max-width: 430px) { .blog-details__quote__text { font-size: 18px; } } .blog-details__list { margin-top: 32px; margin-bottom: 28px; } .blog-details__list li + li { margin-top: 15px; } .blog-details__list li { display: flex; align-items: flex-start; gap: 14px; } .blog-details__list li img { max-width: 100%; height: auto; flex-shrink: 0; } .blog-details__meta { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 35px; padding-top: 27px; padding-bottom: 27px; border-top: 1px solid var(--truehelp-gray13, #D9D8D6); border-bottom: 1px solid var(--truehelp-gray13, #D9D8D6); } .blog-details__meta__title { margin-bottom: 0; font-size: 20px; font-weight: 500; text-transform: capitalize; line-height: 1.5; } .blog-details__tags, .blog-details__social { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; } .blog-details__tags__box { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; } .blog-details__tags__box a { padding: 3.5px 12px; font-family: var(--truehelp-font, "Manrope", sans-serif); font-size: 14px; color: RGBA(var(--truehelp-black-rgb, 70, 54, 80), 0.8); border-radius: 3px; } .blog-details__tags__box a:hover { color: var(--truehelp-white, #FFFFFF); } @media (max-width: 767px) { .blog-details__comments .comments-one__card { grid-template-columns: auto; } } @media (min-width: 992px) and (max-width: 1199px) { .blog-details__comments .comments-one__card { grid-template-columns: auto; } } /*-------------------------------------------------------------- # Donate --------------------------------------------------------------*/ .donate-one { position: relative; margin-bottom: -142px; counter-reset: chooseNumber; } .donate-one .container { position: relative; z-index: 1; } .donate-one__card { padding: 44px 30px 35px; text-align: center; background-color: var(--accent-color); border-radius: 10px; } @media (min-width: 992px) and (max-width: 1199px) { .donate-one__card { padding: 39px 25px 30px; } } @media (max-width: 375px) { .donate-one__card { padding: 39px 25px 30px; } } .donate-one__card__serial { position: relative; margin: 0 auto 17px; width: 119px; height: 119px; display: flex; align-items: center; justify-content: center; border: 1px dotted var(--truehelp-black5, #000000); border-radius: 50%; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .donate-one__card__serial::before { content: ""; position: absolute; top: 50%; left: 50%; width: calc(100% + 148px); height: 16px; transform: translate(-50%, -50%); background-color: var(--truehelp-black, #463650); transition: all 500ms ease; } @media (min-width: 992px) and (max-width: 1199px) { .donate-one__card__serial::before { width: calc(100% + 100px); } } @media (max-width: 375px) { .donate-one__card__serial::before { width: calc(100% + 110px); } } .donate-one__card__serial__number { position: relative; width: 82px; height: 82px; display: flex; align-items: center; justify-content: center; background-color: var(--truehelp-white, #FFFFFF); border-radius: 50%; border: 1px solid var(--truehelp-black5, #000000); z-index: 1; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .donate-one__card__serial__number::after { content: counter(chooseNumber); counter-increment: chooseNumber; font-family: var(--truehelp-heading-font, "Geologica", sans-serif); font-size: 32px; color: var(--truehelp-black4, #1D2130); font-weight: 600; z-index: 1; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .donate-one__card:hover .donate-one__card__serial { border-color: var(--truehelp-base, #8A65A0); } .donate-one__card:hover .donate-one__card__serial::before { background-color: var(--truehelp-base, #8A65A0); } .donate-one__card:hover .donate-one__card__serial__number { background-color: var(--truehelp-base, #8A65A0); border-color: var(--truehelp-base, #8A65A0); } .donate-one__card:hover .donate-one__card__serial__number::after { color: var(--truehelp-white, #FFFFFF); } .donate-one__card__title { margin-bottom: 12px; font-weight: 500; font-size: 28px; line-height: 1.285; text-transform: capitalize; } @media (min-width: 992px) and (max-width: 1199px) { .donate-one__card__title { font-size: 23px; } } @media (max-width: 375px) { .donate-one__card__title { font-size: 25px; } } .donate-one__card__text { margin: 0; font-size: 16px; line-height: 2; text-transform: capitalize; } .donate-one__shape-1, .donate-one__shape-2, .donate-one__shape-3 { max-width: 100%; height: auto; position: absolute; } .donate-one__shape-1 { left: 9px; bottom: 141px; animation: moveHorizontal 2s linear infinite; } @media (max-width: 1199px) { .donate-one__shape-1 { display: none; } } .donate-one__shape-2 { top: 104px; right: 11.5%; animation: textRotate 4s linear infinite; } @media (max-width: 1599px) { .donate-one__shape-2 { right: 9%; } } @media (max-width: 1399px) { .donate-one__shape-2 { right: 5%; } } @media (max-width: 991px) { .donate-one__shape-2 { top: 220px; right: 3%; } } .donate-one__shape-3 { right: 6.2%; bottom: 249px; animation: moveHorizontal2 2s linear infinite; } @media (max-width: 1599px) { .donate-one__shape-3 { right: 2%; } } @media (max-width: 1199px) { .donate-one__shape-3 { display: none; } } .donate-one--home3 { margin: -130px 0px 0px; } @media (max-width: 1399px) { .donate-one--home3 { margin: 0; padding-top: var(--section-space, 130px); } } @media (max-width: 767px) { .donate-one--home3 { padding-top: 100px; } } @media (max-width: 575px) { .donate-one--home3 { padding-top: 80px; } } .donate-one--home3 .donate-one__shape-1 { bottom: -5px; } .donate-one--home3 .donate-one__shape-3 { right: 73px; bottom: 61px; } /*-------------------------------------------------------------- # Donation Amount --------------------------------------------------------------*/ .donation-amount__range { width: 100%; -webkit-appearance: none; background-color: var(--truehelp-white, #FFFFFF); height: 16px; border-radius: 16px; outline: none; cursor: pointer; } .donation-amount__range::-webkit-slider-thumb { -webkit-appearance: none; width: 31px; height: 31px; background-color: var(--truehelp-base, #8A65A0); border-radius: 50%; cursor: pointer; border: 2px solid var(--truehelp-white, #FFFFFF); } .donation-amount__labels span, .donation-amount__total { font-family: var(--truehelp-heading-font, "Geologica", sans-serif); color: var(--truehelp-black5, #000000); font-size: 30px; text-transform: capitalize; font-weight: 400; line-height: 1.2; } @media (min-width: 992px) and (max-width: 1199px) { .donation-amount__labels span, .donation-amount__total { font-size: 25px; } } @media (max-width: 767px) { .donation-amount__labels span, .donation-amount__total { font-size: 25px; } } @media (max-width: 575px) { .donation-amount__labels span, .donation-amount__total { font-size: 20px; } } .donation-amount__labels { margin: 15px 0px 30px; display: flex; align-items: center; justify-content: space-between; gap: 20px; } .donation-amount__labels span { display: inline-block; } .donation-amount__inner { margin-bottom: 34px; display: flex; align-items: center; gap: 19px; } @media (max-width: 430px) { .donation-amount__inner { flex-direction: column; align-items: flex-start; } } .donation-amount__total { width: 86px; height: 86px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; background-color: var(--truehelp-soft-lavender2, #F2DBFF); border-radius: 50%; border: 1px solid var(--truehelp-primary, #61DEFF); } .donation-amount__text { margin: 0; font-weight: 500; font-size: 16px; color: var(--truehelp-base, #8A65A0); line-height: 1.5; } .donation-amount-tab .tab-buttons { margin-bottom: 36px; display: flex; align-items: center; flex-wrap: wrap; gap: 10px; } .donation-amount-tab .tab-buttons .tab-btn { cursor: pointer; padding-left: 44px; padding-right: 44px; } @media (max-width: 430px) { .donation-amount-tab .tab-buttons .tab-btn { padding-left: 35px; padding-right: 35px; } } .donation-amount-tab .tab-buttons .tab-btn.active-btn, .donation-amount-tab .tab-buttons .tab-btn::before, .donation-amount-tab .tab-buttons .tab-btn::after { background-color: var(--truehelp-primary, #61DEFF); } .donation-amount-tab .tab-buttons .tab-btn:hover, .donation-amount-tab .tab-buttons .tab-btn.active { color: var(--truehelp-black, #463650); } .donation-amount-tab .tabs-content { position: relative; display: block; } .donation-amount-tab .tabs-content .tab { position: relative; display: none; -webkit-transition: all 600ms ease; -moz-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease; transition: all 600ms ease; z-index: 10; } .donation-amount-tab .tabs-content .tab.active-tab { display: block; } .donation-amount-one { position: relative; z-index: 1; } .donation-amount-one::before { content: ""; width: 942px; height: calc(100% + 444px); position: absolute; top: 0px; right: 253px; background-color: var(--truehelp-white28, #FAF7FC); border-radius: 0px 0px 0px 167px; } @media (max-width: 1799px) { .donation-amount-one::before { right: 130px; } } @media (max-width: 1599px) { .donation-amount-one::before { right: 50px; } } @media (max-width: 1399px) { .donation-amount-one::before { right: 0px; } } @media (max-width: 1299px) { .donation-amount-one::before { display: none; } } .donation-amount-one .container { position: relative; z-index: 1; } @media (min-width: 1400px) { .donation-amount-one .container { max-width: 1565px; } } .donation-amount-one__inner { padding: 72px 64px 172px; border-radius: 5px; background-color: var(--truehelp-soft-lavender2, #F2DBFF); } @media (max-width: 1399px) { .donation-amount-one__inner { padding: 60px 40px 66px; } } @media (max-width: 767px) { .donation-amount-one__inner { padding: 50px 30px 56px; } } @media (max-width: 575px) { .donation-amount-one__inner { padding: 40px 25px 46px; } } @media (max-width: 390px) { .donation-amount-one__inner { padding: 30px 20px 36px; } } .donation-amount-one__content { padding-right: 16px; } @media (max-width: 1399px) { .donation-amount-one__content { padding-right: 10px; } } @media (max-width: 1199px) { .donation-amount-one__content { padding-right: 0px; } } .donation-amount-one__tagline { margin-bottom: 28px; font-size: 20px; line-height: 1.5; color: var(--truehelp-black, #463650); } @media (max-width: 575px) { .donation-amount-one__tagline { font-size: 18px; } } .donation-amount-one .sec-title { margin-bottom: 38px; } .donation-amount-one .sec-title__title { font-weight: 400; line-height: 1.2; } .donation-amount-one .truehelp-btn { padding-left: 32.5px; padding-right: 32.5px; font-family: var(--truehelp-font, "Manrope", sans-serif); } .donation-amount-one__form { padding-left: 50px; } @media (max-width: 1399px) { .donation-amount-one__form { padding-left: 20px; } } @media (max-width: 1199px) { .donation-amount-one__form { padding-left: 0px; } } .donation-amount-one .donation-amount__total { background-color: var(--truehelp-white, #FFFFFF); } /*-------------------------------------------------------------- # Donation Details --------------------------------------------------------------*/ .donation-details { background-color: var(--truehelp-white, #FFFFFF); } .donation-details__title { margin-bottom: 20px; font-weight: 500; font-size: 24px; color: var(--truehelp-base, #8A65A0); line-height: 1.25; text-transform: capitalize; } @media (max-width: 430px) { .donation-details__title { font-size: 22px; } } .donation-details__text { margin: 0; font-size: 16px; color: var(--truehelp-black, #463650); line-height: 1.875; } .donation-details__inner { border: 1px solid var(--truehelp-border-color, #E3DAE2); border-bottom: 0; border-radius: 5px 5px 0px 0px; } .donation-details__inner__content { padding: 34px 30px 56px; } @media (max-width: 767px) { .donation-details__inner__content { padding-bottom: 40px; } } @media (max-width: 575px) { .donation-details__inner__content { padding: 30px 25px 30px; } } @media (max-width: 390px) { .donation-details__inner__content { padding-left: 20px; padding-right: 20px; } } .donation-details__thumbnail { border-radius: 5px; } .donation-details__thumbnail img { width: 100%; display: block; border-radius: inherit; } .donation-details__thumb-title { margin-bottom: 12px; font-weight: 500; font-size: 32px; text-transform: capitalize; line-height: 1.1875; } @media (min-width: 992px) and (max-width: 1199px) { .donation-details__thumb-title { font-size: 26px; } } @media (max-width: 767px) { .donation-details__thumb-title { font-size: 26px; } } @media (max-width: 430px) { .donation-details__thumb-title { font-size: 24px; } } .donation-details__meta { margin: 37px 0px 27px; padding-bottom: 30px; display: flex; align-items: center; gap: 30px 54px; border-bottom: 1px solid var(--truehelp-border-color, #E3DAE2); } @media (min-width: 992px) and (max-width: 1199px) { .donation-details__meta { gap: 30px; } } @media (max-width: 767px) { .donation-details__meta { flex-direction: column; align-items: flex-start; } } .donation-details__amount { width: calc(50% - 27px); position: relative; border: 1px solid var(--truehelp-border-color, #E3DAE2); border-bottom: 0; background-color: RGBA(var(--truehelp-soft-lavender-rgb, 241, 223, 242), 0.4); } @media (min-width: 992px) and (max-width: 1199px) { .donation-details__amount { width: calc(50% - 15px); } } @media (max-width: 767px) { .donation-details__amount { width: 100%; } } .donation-details__amount::before, .donation-details__amount::after { content: ""; width: 1px; height: 14px; position: absolute; top: 0; background-color: var(--truehelp-black5, #000000); } .donation-details__amount::before { left: 0; } .donation-details__amount::after { right: 0; } .donation-details__list { margin: 0; padding: 6px 26px 26px; position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 20px; } @media (max-width: 991px) { .donation-details__list { padding-left: 20px; padding-right: 20px; } } @media (max-width: 375px) { .donation-details__list { gap: 15px; padding-left: 15px; padding-right: 15px; } } @media (max-width: 360px) { .donation-details__list { gap: 10px; padding-left: 10px; padding-right: 10px; } } .donation-details__list::before { content: ""; display: block; width: 100%; height: 1px; background-color: var(--truehelp-black5, #000000); position: absolute; top: -1px; left: 0px; } .donation-details__list li { display: flex; align-items: center; gap: 15px; font-size: 15px; color: var(--truehelp-black5, #000000); font-weight: 500; line-height: 1.25; } @media (max-width: 991px) { .donation-details__list li { gap: 10px; } } @media (max-width: 375px) { .donation-details__list li { gap: 5px; } } .donation-details .progress-box { border-radius: 5px; } .donation-details .progress-box__bar { position: relative; width: 100%; height: 6px; background-color: RGBA(var(--truehelp-base-rgb, 138, 101, 160), 0.4); border-radius: 2px; } .donation-details .progress-box__bar__inner { height: 100%; width: 0px; position: absolute; top: 0; left: 0; background-color: var(--truehelp-base, #8A65A0); border-radius: inherit; transition: all 800ms linear; } .donation-details .progress-box__number { position: absolute; right: 0px; bottom: calc(100% + 4px); font-size: 14px; color: var(--truehelp-black5, #000000); font-weight: 700; line-height: 1; } .donation-details__btn { width: calc(50% - 27px); padding: 14.3px 30px; border-radius: 5px; background-color: var(--truehelp-black, #463650); } @media (min-width: 992px) and (max-width: 1199px) { .donation-details__btn { width: calc(50% - 15px); } } @media (max-width: 767px) { .donation-details__btn { width: 100%; } } .donation-details__btn::before, .donation-details__btn::after { background-color: var(--truehelp-base, #8A65A0); } .donation-details__btn:hover { color: var(--truehelp-white, #FFFFFF); } .donation-details__details { margin-bottom: 26px; } .donation-details__details p + p { margin-top: 26px; } .donation-details__details__image img { display: block; width: 100%; border-radius: 5px; } .donation-details .social-links { margin-top: 59px; justify-content: center; } @media (max-width: 767px) { .donation-details .social-links { margin-top: 50px; } } .donation-details .social-links a { width: 61px; height: 61px; font-size: 22px; } @media (max-width: 767px) { .donation-details .social-links a { width: 48px; height: 48px; font-size: 17px; } } .donation-details__donation-amount { padding: 50px 72px; background-color: RGBA(var(--truehelp-soft-lavender2-rgb, 242, 219, 255), 0.4); border-radius: 5px; } @media (min-width: 992px) and (max-width: 1199px) { .donation-details__donation-amount { padding: 40px 30px; } } @media (max-width: 767px) { .donation-details__donation-amount { padding: 40px 30px; } } @media (max-width: 575px) { .donation-details__donation-amount { padding: 30px 25px; } } @media (max-width: 390px) { .donation-details__donation-amount { padding-left: 20px; padding-right: 20px; } } @media (min-width: 992px) and (max-width: 1199px) { .donation-details--sidebar .donation-details__meta { flex-direction: column; align-items: flex-start; } } @media (min-width: 992px) and (max-width: 1199px) { .donation-details--sidebar .donation-details__amount { width: 100%; } } @media (min-width: 992px) and (max-width: 1199px) { .donation-details--sidebar .donation-details__btn { width: 100%; } } /*-------------------------------------------------------------- # Event Details --------------------------------------------------------------*/ .event-details__thumbnail { position: relative; } .event-details__thumbnail img { width: 100%; display: block; border-radius: 5px; } .event-details__time { display: inline-block; margin: 0; padding: 10.5px 15px; position: absolute; left: 10px; bottom: 10px; font-size: 15px; color: var(--truehelp-black5, #000000); text-align: center; text-transform: capitalize; line-height: 1; background-color: var(--truehelp-primary, #61DEFF); border-radius: 2px; } .event-details__location { margin-bottom: 20px; display: flex; align-items: flex-start; gap: 6px; } .event-details__location__icon { position: relative; top: 5px; display: inline-flex; font-size: 15px; color: var(--truehelp-black5, #000000); } .event-details__location__icon svg { width: 1em; height: 1em; fill: currentColor; } .event-details__location__link { color: var(--truehelp-text-gray, #4B5563); font-size: 16px; line-height: 1.625; } .event-details__location__link:hover { color: var(--truehelp-base, #8A65A0); } .event-details__title { margin-bottom: 32px; font-weight: 500; font-size: 32px; text-transform: capitalize; line-height: 1.3125; } @media (max-width: 767px) { .event-details__title { font-size: 30px; } } @media (max-width: 430px) { .event-details__title { font-size: 26px; } } .event-details__content-group { margin-bottom: 36px; padding-right: 112px; display: flex; align-items: center; gap: 29px; } @media (min-width: 992px) and (max-width: 1199px) { .event-details__content-group { padding-right: 0px; } } @media (max-width: 767px) { .event-details__content-group { padding-right: 0px; } } @media (max-width: 575px) { .event-details__content-group { flex-direction: column; align-items: flex-start; } } .event-details__upcoming-event { display: flex; align-items: center; justify-content: space-between; flex-grow: 1; gap: 15px; padding: 8.5px 11px 8.5px 15px; border-radius: 5px; background-color: var(--truehelp-white21, #F3F3F3); } @media (max-width: 575px) { .event-details__upcoming-event { width: 100%; } } .event-details__upcoming-event__text { margin: 0; font-size: 15px; font-weight: 500; color: var(--truehelp-black5, #000000); text-transform: capitalize; line-height: 1.733; } .event-details__upcoming-event__date { margin: 0; flex-shrink: 0; padding: 6px 26px; font-size: 16px; color: var(--truehelp-white, #FFFFFF); text-align: center; font-weight: 600; background-color: var(--truehelp-black5, #000000); border-radius: 0px 5px 5px 0px; } .event-details__button { flex-grow: 1; } .event-details__button .truehelp-btn { width: 100%; padding-left: 30px; padding-right: 30px; font-size: 15px; color: var(--truehelp-black5, #000000); border-radius: 5px; background-color: transparent; border: 2px solid var(--truehelp-base, #8A65A0); } .event-details__button .truehelp-btn::before, .event-details__button .truehelp-btn::after { background-color: var(--truehelp-base, #8A65A0); } .event-details__button .truehelp-btn:hover { color: var(--truehelp-white, #FFFFFF); } .event-details__about__title { margin-bottom: 25px; font-size: 24px; font-weight: 500; line-height: 1.333; text-transform: capitalize; } .event-details__about__text, .event-details__about__list li { margin: 0; font-size: 16px; color: var(--truehelp-gray4, #565258); line-height: 1.75; } .event-details__about__list { margin-top: 25px; margin-bottom: 29px; } .event-details__about__list li + li { margin-top: 15px; } .event-details__about__list li { display: flex; align-items: flex-start; gap: 14px; } .event-details__about__list li img { max-width: 100%; height: auto; flex-shrink: 0; } .event-details__faq { margin-top: 40px; } .event-details__organiser { padding: 34px 40px 32px; border-radius: 10px; background-color: var(--truehelp-white14, #F9F0FF); } @media (max-width: 1199px) { .event-details__organiser { padding: 25px 30px 32px; } } @media (max-width: 375px) { .event-details__organiser { padding: 20px 25px 27px; } } .event-details__organiser__title { margin-bottom: 24px; padding-bottom: 7px; font-size: 20px; font-weight: 700; text-transform: capitalize; line-height: 1.5; border-bottom: 1px solid var(--truehelp-gray9, #F0E4E4); } .event-details__organiser__list { margin-bottom: 27px; } .event-details__organiser__list li + li { margin-top: 10px; } .event-details__organiser__list li { display: flex; align-items: center; font-size: 14px; font-weight: 500; line-height: 1.428; } .event-details__organiser__list__title { font-family: var(--truehelp-heading-font, "Geologica", sans-serif); color: var(--truehelp-black5, #000000); flex: 0 0 65px; } .event-details__organiser__list__text { color: var(--truehelp-gray4, #565258); } .event-details__organiser__image { max-width: 100%; height: auto; border-radius: 10px; } /*-------------------------------------------------------------- # Error 404 --------------------------------------------------------------*/ .error-404 { position: relative; background-color: var(--truehelp-white, #FFFFFF); } .error-404__content { text-align: center; } .error-404__title { display: flex; align-items: center; justify-content: center; margin-bottom: 5px; font-size: 180px; font-weight: 800; text-transform: uppercase; line-height: 1; } @media (max-width: 575px) { .error-404__title { font-size: 130px; } } .error-404__title img { width: 129px; height: 129px; border-radius: 50%; } @media (max-width: 575px) { .error-404__title img { width: 100px; height: 100px; } } .error-404__sub-title { margin-bottom: 6px; font-size: 36px; font-weight: 600; color: var(--truehelp-base, #8A65A0); text-transform: capitalize; line-height: 1.5; } @media (max-width: 991px) { .error-404__sub-title { font-size: 30px; } } @media (max-width: 575px) { .error-404__sub-title { font-size: 25px; } } .error-404__text { margin-bottom: 50px; font-size: 16px; color: var(--truehelp-text-gray, #4B5563); line-height: 1.75; } .error-404 .truehelp-btn { padding-top: 15.5px; padding-bottom: 15.5px; } /*-------------------------------------------------------------- # Boxed Home --------------------------------------------------------------*/ body.boxed-wrapper { position: relative; } body.boxed-wrapper .page-wrapper { max-width: 1530px; margin-left: auto; margin-right: auto; background-color: var(--truehelp-white, #FFFFFF); box-shadow: 0px 0px 100px 0px rgba(var(--truehelp-black3-rgb, 21, 53, 94), 0.08); } @media (min-width: 1600px) { body.boxed-wrapper .main-header__nav { margin-right: 90px; } } @media (min-width: 1400px) { body.boxed-wrapper .main-slider .container { max-width: 100%; padding-left: 100px; padding-right: 100px; } } @media (min-width: 1400px) { body.boxed-wrapper .main-slider__content { padding-right: 0; max-width: 730px; } } @media (min-width: 1600px) { body.boxed-wrapper .main-slider__content { max-width: 840px; } } @media (min-width: 1800px) { body.boxed-wrapper .main-slider__content { max-width: 900px; } } @media (min-width: 1600px) { body.boxed-wrapper .main-slider__title { font-size: 70px; } } @media (min-width: 1400px) { body.boxed-wrapper .main-slider__image { margin-right: -80px; } } @media (min-width: 1600px) { body.boxed-wrapper .about-one__image { margin-left: -130px; } } @media (min-width: 1600px) { body.boxed-wrapper .about-one__content { padding-left: 50px; } } body.boxed-wrapper .about-one .total-fund { margin-bottom: 40px; position: static; transform: rotate(0deg); } @media (min-width: 1600px) { body.boxed-wrapper .reputation-one__content { padding-right: 40px; } } body.boxed-wrapper .reputation-one__image__inner::before { width: calc(100% - 28px); height: calc(100% + 16px); left: 21px; } body.boxed-wrapper .reputation-one__image__inner::after { width: calc(100% + 17px); height: calc(100% + 10px); left: 0px; } body.boxed-wrapper .reputation-one__image img { margin: 0; } @media (min-width: 1400px) { body.boxed-wrapper .reputation-one .weekly-raised { top: -20px; right: -100px; } } @media (min-width: 1400px) { body.boxed-wrapper .reputation-one .support-education { left: -10px; } } @media (min-width: 1400px) { body.boxed-wrapper .main-footer__shape-1 { top: 60px; left: 3%; } } @media (min-width: 1400px) { body.boxed-wrapper .main-footer__shape-2 { left: 2%; bottom: -30px; } } @media (min-width: 1400px) { body.boxed-wrapper .main-footer__shape-3 { top: 30px; right: 2%; } } @media (min-width: 1400px) { body.boxed-wrapper .main-footer__shape-4 { right: 0; bottom: -50px; } } /*# sourceMappingURL=truehelp.css.map */ .tns-outer{padding:0!important}.tns-outer [hidden]{display:none!important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left}.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item{margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:transform 0s,opacity 0s;-moz-transition:transform 0s,opacity 0s;transition:transform 0s,opacity 0s}.tns-gallery>.tns-slide-active{position:relative;left:auto!important}.tns-gallery>.tns-moving{-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s}.tns-autowidth{display:inline-block}.tns-lazy-img{-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;transition:opacity 0.6s;opacity:.6}.tns-lazy-img.tns-complete{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-vpfix{white-space:nowrap}.tns-vpfix>div,.tns-vpfix>li{display:inline-block}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:-webkit-calc(100% * 70 / 3);width:-moz-calc(100% * 70 / 3);width:calc(100% * 70 / 3);position:absolute;right:0}.tns-t-ct:after{content:'';display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:-webkit-calc(100% / 70);width:-moz-calc(100% / 70);width:calc(100% / 70);height:10px;float:left}.lb-loader,.lightbox{text-align:center;line-height:0;position:absolute;left:0}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{width:100%;z-index:10000;font-weight:400;outline:0}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}.lightbox a img{border:none}.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}.lb-outerContainer:after{content:"";display:table;clear:both}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(../images/loading.gif) no-repeat}.lb-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(../images/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(../images/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{content:"";display:table;clear:both}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(../images/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}.pt0{padding-top:0}.pt5{padding-top:5px}.pt10{padding-top:10px}.pt15{padding-top:15px}.pt20{padding-top:20px}.pt25{padding-top:25px}.pt30{padding-top:30px}.pt35{padding-top:35px}.pt40{padding-top:40px}.pt45{padding-top:45px}.pt50{padding-top:50px}.pt55{padding-top:55px}.pt60{padding-top:60px}.pt65{padding-top:65px}.pt70{padding-top:70px}.pt75{padding-top:75px}.pt80{padding-top:80px}.pt85{padding-top:85px}.pt90{padding-top:90px}.pt95{padding-top:95px}.pt100{padding-top:100px}.pt110{padding-top:110px}.pt120{padding-top:120px}.pt130{padding-top:130px}.pt140{padding-top:140px}.pt150{padding-top:150px}.pt160{padding-top:160px}.pt170{padding-top:170px}.pt180{padding-top:180px}.pt190{padding-top:190px}.pt200{padding-top:200px}.pb0{padding-bottom:0}.pb5{padding-bottom:5px}.pb10{padding-bottom:10px}.pb15{padding-bottom:15px}.pb20{padding-bottom:20px}.pb25{padding-bottom:25px}.pb30{padding-bottom:30px}.pb35{padding-bottom:35px}.pb40{padding-bottom:40px}.pb45{padding-bottom:45px}.pb50{padding-bottom:50px}.pb55{padding-bottom:55px}.pb60{padding-bottom:60px}.pb65{padding-bottom:65px}.pb70{padding-bottom:70px}.pb75{padding-bottom:75px}.pb80{padding-bottom:80px}.pb85{padding-bottom:85px}.pb90{padding-bottom:90px}.pb95{padding-bottom:95px}.pb100{padding-bottom:100px}.pb110{padding-bottom:110px}.pb120{padding-bottom:120px}.pb130{padding-bottom:130px}.pb140{padding-bottom:140px}.pb150{padding-bottom:150px}.pb160{padding-bottom:160px}.pb170{padding-bottom:170px}.pb180{padding-bottom:180px}.pb190{padding-bottom:190px}.pb200{padding-bottom:200px}div[class^=mb],div[class^=mt]{min-height:1px}.mt0{margin-top:0!important}.mt5{margin-top:5px!important}.mt10{margin-top:10px!important}.mt10-r{margin-top:-10px!important}.mt15{margin-top:15px!important}.mt15-r{margin-top:-15px!important}.mt20{margin-top:20px!important}.mt25{margin-top:25px!important}.mt30{margin-top:30px!important}.mt35{margin-top:35px!important}.mt40{margin-top:40px!important}.mt45{margin-top:45px!important}.mt50{margin-top:50px!important}.mt55{margin-top:55px!important}.mt60{margin-top:60px!important}.mt65{margin-top:65px!important}.mt70{margin-top:70px!important}.mt75{margin-top:75px!important}.mt80{margin-top:80px!important}.mt85{margin-top:85px!important}.mt90{margin-top:90px!important}.mt95{margin-top:95px!important}.mt100{margin-top:100px!important}.mt110{margin-top:110px!important}.mt120{margin-top:120px!important}.mt130{margin-top:130px!important}.mt140{margin-top:140px!important}.mt150{margin-top:150px!important}.mt160{margin-top:160px!important}.mt170{margin-top:170px!important}.mt180{margin-top:180px!important}.mt190{margin-top:190px!important}.mt200{margin-top:200px!important}.mb0{margin-bottom:0!important}.mb5{margin-bottom:5px!important}.mb10{margin-bottom:10px!important}.mb15{margin-bottom:15px!important}.mb20{margin-bottom:20px!important}.mb25{margin-bottom:25px!important}.mb30{margin-bottom:30px!important}.mb35{margin-bottom:35px!important}.mb40{margin-bottom:40px!important}.mb45{margin-bottom:45px!important}.mb50{margin-bottom:50px!important}.mb55{margin-bottom:55px!important}.mb60{margin-bottom:60px!important}.mb65{margin-bottom:65px!important}.mb70{margin-bottom:70px!important}.mb75{margin-bottom:75px!important}.mb80{margin-bottom:80px!important}.mb85{margin-bottom:85px!important}.mb90{margin-bottom:90px!important}.mb95{margin-bottom:95px!important}.mb100{margin-bottom:100px!important}.mb110{margin-bottom:110px!important}.mb120{margin-bottom:120px!important}.mb130{margin-bottom:130px!important}.mb140{margin-bottom:140px!important}.mb150{margin-bottom:150px!important}.mb160{margin-bottom:160px!important}.mb170{margin-bottom:170px!important}.mb180{margin-bottom:180px!important}.mb190{margin-bottom:190px!important}.mb200{margin-bottom:200px!important}@media (max-width:991px){.pt0-sm{padding-top:0}.pt5-sm{padding-top:5px}.pt10-sm{padding-top:10px}.pt15-sm{padding-top:15px}.pt20-sm{padding-top:20px}.pt25-sm{padding-top:25px}.pt30-sm{padding-top:30px}.pt35-sm{padding-top:35px}.pt40-sm{padding-top:40px}.pt45-sm{padding-top:45px}.pt50-sm{padding-top:50px}.pt55-sm{padding-top:55px}.pt60-sm{padding-top:60px}.pt65-sm{padding-top:65px}.pt70-sm{padding-top:70px}.pt75-sm{padding-top:75px}.pt80-sm{padding-top:80px}.pt85-sm{padding-top:85px}.pt90-sm{padding-top:90px}.pt95-sm{padding-top:95px}.pt100-sm{padding-top:100px}.pt110-sm{padding-top:110px}.pt120-sm{padding-top:120px}.pt130-sm{padding-top:130px}.pt140-sm{padding-top:140px}.pt150-sm{padding-top:150px}.pt160-sm{padding-top:160px}.pt170-sm{padding-top:170px}.pt180-sm{padding-top:180px}.pt190-sm{padding-top:190px}.pt200-sm{padding-top:200px}.pb0-sm{padding-bottom:0}.pb5-sm{padding-bottom:5px}.pb10-sm{padding-bottom:10px}.pb15-sm{padding-bottom:15px}.pb20-sm{padding-bottom:20px}.pb25-sm{padding-bottom:25px}.pb30-sm{padding-bottom:30px}.pb35-sm{padding-bottom:35px}.pb40-sm{padding-bottom:40px}.pb45-sm{padding-bottom:45px}.pb50-sm{padding-bottom:50px}.pb55-sm{padding-bottom:55px}.pb60-sm{padding-bottom:60px}.pb65-sm{padding-bottom:65px}.pb70-sm{padding-bottom:70px}.pb75-sm{padding-bottom:75px}.pb80-sm{padding-bottom:80px}.pb85-sm{padding-bottom:85px}.pb90-sm{padding-bottom:90px}.pb95-sm{padding-bottom:95px}.pb100-sm{padding-bottom:100px}.pb110-sm{padding-bottom:110px}.pb120-sm{padding-bottom:120px}.pb130-sm{padding-bottom:130px}.pb140-sm{padding-bottom:140px}.pb150-sm{padding-bottom:150px}.pb160-sm{padding-bottom:160px}.pb170-sm{padding-bottom:170px}.pb180-sm{padding-bottom:180px}.pb190-sm{padding-bottom:190px}.pb200-sm{padding-bottom:200px}.mt0-sm{margin-top:0!important}.mt5-sm{margin-top:5px!important}.mt10-sm{margin-top:10px!important}.mt15-sm{margin-top:15px!important}.mt20-sm{margin-top:20px!important}.mt25-sm{margin-top:25px!important}.mt30-sm{margin-top:30px!important}.mt35-sm{margin-top:35px!important}.mt40-sm{margin-top:40px!important}.mt45-sm{margin-top:45px!important}.mt50-sm{margin-top:50px!important}.mt55-sm{margin-top:55px!important}.mt60-sm{margin-top:60px!important}.mt65-sm{margin-top:65px!important}.mt70-sm{margin-top:70px!important}.mt75-sm{margin-top:75px!important}.mt80-sm{margin-top:80px!important}.mt85-sm{margin-top:85px!important}.mt90-sm{margin-top:90px!important}.mt95-sm{margin-top:95px!important}.mt100-sm{margin-top:100px!important}.mt110-sm{margin-top:110px!important}.mt120-sm{margin-top:120px!important}.mt130-sm{margin-top:130px!important}.mt140-sm{margin-top:140px!important}.mt150-sm{margin-top:150px!important}.mt160-sm{margin-top:160px!important}.mt170-sm{margin-top:170px!important}.mt180-sm{margin-top:180px!important}.mt190-sm{margin-top:190px!important}.mt200-sm{margin-top:200px!important}.mb0-sm{margin-bottom:0!important}.mb5-sm{margin-bottom:5px!important}.mb10-sm{margin-bottom:10px!important}.mb15-sm{margin-bottom:15px!important}.mb20-sm{margin-bottom:20px!important}.mb25-sm{margin-bottom:25px!important}.mb30-sm{margin-bottom:30px!important}.mb35-sm{margin-bottom:35px!important}.mb40-sm{margin-bottom:40px!important}.mb45-sm{margin-bottom:45px!important}.mb50-sm{margin-bottom:50px!important}.mb55-sm{margin-bottom:55px!important}.mb60-sm{margin-bottom:60px!important}.mb65-sm{margin-bottom:65px!important}.mb70-sm{margin-bottom:70px!important}.mb75-sm{margin-bottom:75px!important}.mb80-sm{margin-bottom:80px!important}.mb85-sm{margin-bottom:85px!important}.mb90-sm{margin-bottom:90px!important}.mb95-sm{margin-bottom:95px!important}.mb100-sm{margin-bottom:100px!important}.mb110-sm{margin-bottom:110px!important}.mb120-sm{margin-bottom:120px!important}.mb130-sm{margin-bottom:130px!important}.mb140-sm{margin-bottom:140px!important}.mb150-sm{margin-bottom:150px!important}.mb160-sm{margin-bottom:160px!important}.mb170-sm{margin-bottom:170px!important}.mb180-sm{margin-bottom:180px!important}.mb190-sm{margin-bottom:190px!important}.mb200-sm{margin-bottom:200px!important}}@media (max-width:767px){.pt0-xs{padding-top:0}.pt5-xs{padding-top:5px}.pt10-xs{padding-top:10px}.pt15-xs{padding-top:15px}.pt20-xs{padding-top:20px}.pt25-xs{padding-top:25px}.pt30-xs{padding-top:30px}.pt35-xs{padding-top:35px}.pt40-xs{padding-top:40px}.pt45-xs{padding-top:45px}.pt50-xs{padding-top:50px}.pt55-xs{padding-top:55px}.pt60-xs{padding-top:60px}.pt65-xs{padding-top:65px}.pt70-xs{padding-top:70px}.pt75-xs{padding-top:75px}.pt80-xs{padding-top:80px}.pt85-xs{padding-top:85px}.pt90-xs{padding-top:90px}.pt95-xs{padding-top:95px}.pt100-xs{padding-top:100px}.pt110-xs{padding-top:110px}.pt120-xs{padding-top:120px}.pt130-xs{padding-top:130px}.pt140-xs{padding-top:140px}.pt150-xs{padding-top:150px}.pt160-xs{padding-top:160px}.pt170-xs{padding-top:170px}.pt180-xs{padding-top:180px}.pt190-xs{padding-top:190px}.pt200-xs{padding-top:200px}.pb0-xs{padding-bottom:0}.pb5-xs{padding-bottom:5px}.pb10-xs{padding-bottom:10px}.pb15-xs{padding-bottom:15px}.pb20-xs{padding-bottom:20px}.pb25-xs{padding-bottom:25px}.pb30-xs{padding-bottom:30px}.pb35-xs{padding-bottom:35px}.pb40-xs{padding-bottom:40px}.pb45-xs{padding-bottom:45px}.pb50-xs{padding-bottom:50px}.pb55-xs{padding-bottom:55px}.pb60-xs{padding-bottom:60px}.pb65-xs{padding-bottom:65px}.pb70-xs{padding-bottom:70px}.pb75-xs{padding-bottom:75px}.pb80-xs{padding-bottom:80px}.pb85-xs{padding-bottom:85px}.pb90-xs{padding-bottom:90px}.pb95-xs{padding-bottom:95px}.pb100-xs{padding-bottom:100px}.pb110-xs{padding-bottom:110px}.pb120-xs{padding-bottom:120px}.pb130-xs{padding-bottom:130px}.pb140-xs{padding-bottom:140px}.pb150-xs{padding-bottom:150px}.pb160-xs{padding-bottom:160px}.pb170-xs{padding-bottom:170px}.pb180-xs{padding-bottom:180px}.pb190-xs{padding-bottom:190px}.pb200-xs{padding-bottom:200px}.mt0-xs{margin-top:0!important}.mt5-xs{margin-top:5px!important}.mt10-xs{margin-top:10px!important}.mt15-xs{margin-top:15px!important}.mt20-xs{margin-top:20px!important}.mt25-xs{margin-top:25px!important}.mt30-xs{margin-top:30px!important}.mt35-xs{margin-top:35px!important}.mt40-xs{margin-top:40px!important}.mt45-xs{margin-top:45px!important}.mt50-xs{margin-top:50px!important}.mt55-xs{margin-top:55px!important}.mt60-xs{margin-top:60px!important}.mt65-xs{margin-top:65px!important}.mt70-xs{margin-top:70px!important}.mt75-xs{margin-top:75px!important}.mt80-xs{margin-top:80px!important}.mt85-xs{margin-top:85px!important}.mt90-xs{margin-top:90px!important}.mt95-xs{margin-top:95px!important}.mt100-xs{margin-top:100px!important}.mt110-xs{margin-top:110px!important}.mt120-xs{margin-top:120px!important}.mt130-xs{margin-top:130px!important}.mt140-xs{margin-top:140px!important}.mt150-xs{margin-top:150px!important}.mt160-xs{margin-top:160px!important}.mt170-xs{margin-top:170px!important}.mt180-xs{margin-top:180px!important}.mt190-xs{margin-top:190px!important}.mt200-xs{margin-top:200px!important}.mb0-xs{margin-bottom:0!important}.mb5-xs{margin-bottom:5px!important}.mb10-xs{margin-bottom:10px!important}.mb15-xs{margin-bottom:15px!important}.mb20-xs{margin-bottom:20px!important}.mb25-xs{margin-bottom:25px!important}.mb30-xs{margin-bottom:30px!important}.mb35-xs{margin-bottom:35px!important}.mb40-xs{margin-bottom:40px!important}.mb45-xs{margin-bottom:45px!important}.mb50-xs{margin-bottom:50px!important}.mb55-xs{margin-bottom:55px!important}.mb60-xs{margin-bottom:60px!important}.mb65-xs{margin-bottom:65px!important}.mb70-xs{margin-bottom:70px!important}.mb75-xs{margin-bottom:75px!important}.mb80-xs{margin-bottom:80px!important}.mb85-xs{margin-bottom:85px!important}.mb90-xs{margin-bottom:90px!important}.mb95-xs{margin-bottom:95px!important}.mb100-xs{margin-bottom:100px!important}.mb110-xs{margin-bottom:110px!important}.mb120-xs{margin-bottom:120px!important}.mb130-xs{margin-bottom:130px!important}.mb140-xs{margin-bottom:140px!important}.mb150-xs{margin-bottom:150px!important}.mb160-xs{margin-bottom:160px!important}.mb170-xs{margin-bottom:170px!important}.mb180-xs{margin-bottom:180px!important}.mb190-xs{margin-bottom:190px!important}.mb200-xs{margin-bottom:200px!important}}