.body-content{padding-left:15px;padding-right:15px}.dl-horizontal dt{white-space:normal}input,select,textarea{max-width:280px}.card{border-radius:4px;background:#fff;box-shadow:0 6px 10px rgba(0,0,0,.08),0 0 6px rgba(0,0,0,.05);transition:.3s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);padding:14px 80px 18px 20px;cursor:pointer}.card:hover{transform:scale(1.05);box-shadow:0 10px 20px rgba(0,0,0,.12),0 4px 8px rgba(0,0,0,.06)}.card h3{font-weight:600}.card img{position:absolute;top:20px;right:15px;max-height:120px}.card-1{background-image:url(https://ionicframework.com/img/getting-started/ionic-native-card.png);background-repeat:no-repeat;background-position:right;background-size:80px}.card-2{background-image:url(https://ionicframework.com/img/getting-started/components-card.png);background-repeat:no-repeat;background-position:right;background-size:80px}.card-3{background-image:url(https://ionicframework.com/img/getting-started/theming-card.png);background-repeat:no-repeat;background-position:right;background-size:80px}@media(max-width:990px){.card{margin:20px}}.mobile-wrapper{background:#fff;z-index:1;position:relative;min-height:100%;margin:auto;padding:10px 0 20px;border-radius:10px;box-shadow:0 10px 30px -10px #000;overflow:hidden}.header{padding-bottom:15px;margin-bottom:40px}.header .container{position:relative}.header .container span{font-size:27px}.header .container h1{margin-top:5px;color:#000;font-size:14px;font-weight:300}.header .container .menu-toggle{width:25px;height:25px;background:#fff;padding:24px;border-radius:50%;direction:rtl;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px -14px #000;position:absolute;top:0;right:0;cursor:pointer}.header .container .menu-toggle span{display:block;width:25px;height:2px;background:#777;border-radius:2px;transition:all 300ms ease}.header .container .menu-toggle span:not(:last-child){margin-bottom:5px}.header .container .menu-toggle span:first-child{width:20px}.header .container .menu-toggle span:last-child{width:15px}.header .container .menu-toggle:hover span:first-child,.header .container .menu-toggle:hover span:last-child{width:100%}.header .container::before{content:"";display:block;width:0;height:0;border:6px solid transparent;border-left-color:#e8e8e8;position:absolute;bottom:-13px;right:0}.header .container::after{content:"";display:block;width:calc(100%- 10px);height:2px;background-color:#e8e8e8;position:relative;top:8px}.today-box{background:linear-gradient(to left,#485fed,rgba(255,44,118,.25)),#485fed;color:#fff;padding:0;position:relative;box-shadow:0 0 40px -9px #485fed;margin-bottom:28px}.today-box::before{content:"";background:linear-gradient(to left,#485fed,rgba(255,44,118,.25)),#485fed;opacity:.4;z-index:-1;display:block;width:100%;height:40px;margin:auto;position:absolute;bottom:-13px;left:50%;transform:translatex(-50%);border-radius:50%;box-shadow:0 0 40px 0 #485fed}.today-box .breadcrumb{font-weight:300;position:relative}.today-box .date-title{font-size:20px;margin:7px 0 0 0;letter-spacing:1px;font-weight:600;text-shadow:0 0 5px rgba(0,0,0,.15)}.today-box .plus-icon{border:2px solid rgba(255,255,255,.6);border-radius:50%;box-shadow:0 10px 30px -14px #000;position:absolute;top:50%;transform:translateY(-50%);right:40px;cursor:pointer;transition:all 350ms ease;transition-timing-function:cubic-bezier(.05,1.8,1,1.57)}.today-box .plus-icon:hover{transform:translateY(-40%)}.today-box .plus-icon i{font-size:22px;font-weight:700;background:#fff;color:#777;width:45px;height:45px;border:6px solid #485fed;border-radius:50%;display:flex;align-items:center;justify-content:center}.today-box .plus-icon:active{top:52%;transform:translatey(-52%);right:38px;box-shadow:0 8px 30px -14px #000}.upcoming-events .container h3{color:#333;font-size:17px;margin-bottom:30px;position:relative}.upcoming-events .container .events-wrapper{margin-bottom:30px}.upcoming-events .container .events-wrapper .event{position:relative;margin-bottom:25px;padding-left:30px;cursor:pointer}.upcoming-events .container .events-wrapper .event i{font-size:24px;font-weight:100;position:absolute;left:0;top:-4px}.upcoming-events .container .events-wrapper .event .event__point{margin:0;color:#555;font-size:15px;font-weight:800;letter-spacing:1px}.upcoming-events .container .events-wrapper .event .event__duration{position:absolute;top:5px;right:0;color:#999;font-size:10px;font-weight:800;font-style:italic}.upcoming-events .container .events-wrapper .event .event__description{margin-top:10px;color:#919294;font-size:13px;font-weight:300}.upcoming-events .container .events-wrapper .event.active{background:#e8e8e8;padding:17px 0 5px 60px;margin-bottom:38px;border-radius:5px}.upcoming-events .container .events-wrapper .event.active::after{content:"";display:block;width:90%;height:10px;background:#fff;border:2px solid #ddd;border-top:0;border-radius:0 0 5px 5px;position:absolute;bottom:-10px;left:50%;transform:translatex(-50%)}.upcoming-events .container .events-wrapper .event.active i{position:absolute;left:25px;top:17px}.upcoming-events .container .events-wrapper .event.active .event__description::before,.upcoming-events .container .events-wrapper .event.active .event__description::after{content:"";font-family:'Ionicons';font-size:32px;display:inline-block;color:#919294;text-align:center;position:absolute;right:30px;top:50%;transform:translateY(-50%);cursor:pointer}.upcoming-events .container .events-wrapper .event.active .event__description::before{right:45px;font-size:22px;transition:all 550ms ease;transition-timing-function:cubic-bezier(.05,1.8,1,1.57)}.upcoming-events .container .events-wrapper .event.active:hover .event__description::before{transform:translate(15px,-12px)}.hot{color:#ee6b51}.done{color:#999!important}.icon-in-active-mode{color:#43ff28;font-size:20px!important}.upcoming{font-weight:bold;color:#777}.add-event-button{display:flex;align-items:center;margin-left:auto;border:0;padding:0;background:linear-gradient(to left,#485fed,rgba(255,44,118,.25)),#485fed;border-radius:50px;cursor:pointer;box-shadow:0 0 40px -9px #485fed}.add-event-button:active{position:relative;top:2px;left:2px}.add-event-button .add-event-button__title{color:#fff;padding:0 18px 0 23px;text-shadow:0 0 5px rgba(0,0,0,.2);font-family:'Lato';font-size:15px;font-weight:600}.add-event-button .add-event-button__icon{display:inline-block;background:rgba(255,255,255,.1);padding:0 17px 0 12px;height:100%}.add-event-button .add-event-button__icon i{margin:0;color:#fff;font-size:25px;padding:13px 0}