/** * 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 */ /* * Default theme - Owl Carousel CSS File */ .owl-theme .owl-nav { margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent; } .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: 0.5; cursor: default; } .owl-theme .owl-nav.disabled + .owl-dots { margin-top: 10px; } .owl-theme .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; } .owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; border-radius: 30px; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #869791; } .swal2-container,body.swal2-iosfix{position:fixed;left:0;right:0}body.swal2-in{overflow-y:hidden}.swal2-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;top:0;bottom:0;padding:10px;background-color:transparent;z-index:1060}.swal2-container:not(.swal2-in){pointer-events:none}.swal2-container.swal2-fade{-webkit-transition:background-color .1s;transition:background-color .1s}.swal2-container.swal2-in{background-color:rgba(0,0,0,.4)}.swal2-modal{background-color:#fff;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;border-radius:5px;box-sizing:border-box;text-align:center;margin:auto;overflow-x:hidden;overflow-y:auto;display:none;position:relative}.swal2-modal:focus{outline:0}.swal2-modal.swal2-loading{overflow-y:hidden}.swal2-modal .swal2-title{color:#595959;font-size:30px;text-align:center;font-weight:600;text-transform:none;position:relative;margin:0;padding:0;line-height:60px;display:block}.swal2-modal .swal2-spacer{height:10px;color:transparent;border:0}.swal2-modal .swal2-styled{border:0;border-radius:3px;box-shadow:none;color:#fff;cursor:pointer;font-size:17px;font-weight:500;margin:0 5px;padding:10px 32px}.swal2-modal .swal2-styled:not(.swal2-loading)[disabled]{opacity:.4;cursor:no-drop}.swal2-modal .swal2-styled.swal2-loading{box-sizing:border-box;border:4px solid transparent;width:40px;height:40px;padding:0;margin:-2px 30px;vertical-align:top;background-color:transparent!important;color:transparent;cursor:default;border-radius:100%;-webkit-animation:rotate-loading 1.5s linear 0s infinite normal;animation:rotate-loading 1.5s linear 0s infinite normal;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.swal2-modal :not(.swal2-styled).swal2-loading::after{display:inline-block;content:'';margin-left:5px;vertical-align:-1px;height:6px;width:6px;border:3px solid #999;border-right-color:transparent;border-radius:50%;-webkit-animation:rotate-loading 1.5s linear 0s infinite normal;animation:rotate-loading 1.5s linear 0s infinite normal}.swal2-modal .swal2-checkbox input,.swal2-modal .swal2-checkbox span,.swal2-modal .swal2-radio input,.swal2-modal .swal2-radio span{vertical-align:middle}.swal2-modal .swal2-image{margin:20px auto;max-width:100%}.swal2-modal .swal2-close{font-size:36px;line-height:36px;font-family:serif;position:absolute;top:5px;right:13px;cursor:pointer;color:#ccc;-webkit-transition:color .1s ease;transition:color .1s ease}.swal2-modal .swal2-close:hover{color:#d55}.swal2-modal>.swal2-checkbox,.swal2-modal>.swal2-file,.swal2-modal>.swal2-input,.swal2-modal>.swal2-radio,.swal2-modal>.swal2-select,.swal2-modal>.swal2-textarea{display:none}.swal2-modal .swal2-content{font-size:18px;text-align:center;font-weight:300;position:relative;float:none;margin:0;padding:0;line-height:normal;color:#545454}.swal2-modal .swal2-checkbox,.swal2-modal .swal2-file,.swal2-modal .swal2-input,.swal2-modal .swal2-radio,.swal2-modal .swal2-select,.swal2-modal .swal2-textarea{margin:20px auto}.swal2-modal .swal2-file,.swal2-modal .swal2-input,.swal2-modal .swal2-textarea{width:100%;box-sizing:border-box;border-radius:3px;border:1px solid #d9d9d9;font-size:18px;box-shadow:inset 0 1px 1px rgba(0,0,0,.06);-webkit-transition:border-color box-shadow .3s;transition:border-color box-shadow .3s}.swal2-modal .swal2-file.swal2-inputerror,.swal2-modal .swal2-input.swal2-inputerror,.swal2-modal .swal2-textarea.swal2-inputerror{border-color:#f06e57}.swal2-modal .swal2-file:focus,.swal2-modal .swal2-input:focus,.swal2-modal .swal2-textarea:focus{outline:0;box-shadow:0 0 3px #c4e6f5;border:1px solid #b4dbed}.swal2-modal .swal2-file:focus::-webkit-input-placeholder,.swal2-modal .swal2-input:focus::-webkit-input-placeholder,.swal2-modal .swal2-textarea:focus::-webkit-input-placeholder{-webkit-transition:opacity .3s .03s ease;transition:opacity .3s .03s ease;opacity:.8}.swal2-modal .swal2-file:focus::-moz-placeholder,.swal2-modal .swal2-input:focus::-moz-placeholder,.swal2-modal .swal2-textarea:focus::-moz-placeholder{-webkit-transition:opacity .3s .03s ease;transition:opacity .3s .03s ease;opacity:.8}.swal2-modal .swal2-file:focus:-ms-input-placeholder,.swal2-modal .swal2-input:focus:-ms-input-placeholder,.swal2-modal .swal2-textarea:focus:-ms-input-placeholder{-webkit-transition:opacity .3s .03s ease;transition:opacity .3s .03s ease;opacity:.8}.swal2-modal .swal2-file:focus::placeholder,.swal2-modal .swal2-input:focus::placeholder,.swal2-modal .swal2-textarea:focus::placeholder{-webkit-transition:opacity .3s .03s ease;transition:opacity .3s .03s ease;opacity:.8}.swal2-modal .swal2-file::-webkit-input-placeholder,.swal2-modal .swal2-input::-webkit-input-placeholder,.swal2-modal .swal2-textarea::-webkit-input-placeholder{color:#e6e6e6}.swal2-modal .swal2-file::-moz-placeholder,.swal2-modal .swal2-input::-moz-placeholder,.swal2-modal .swal2-textarea::-moz-placeholder{color:#e6e6e6}.swal2-modal .swal2-file:-ms-input-placeholder,.swal2-modal .swal2-input:-ms-input-placeholder,.swal2-modal .swal2-textarea:-ms-input-placeholder{color:#e6e6e6}.swal2-modal .swal2-file::placeholder,.swal2-modal .swal2-input::placeholder,.swal2-modal .swal2-textarea::placeholder{color:#e6e6e6}.swal2-modal .swal2-range input{float:left;width:80%}.swal2-modal .swal2-range output{float:right;width:20%;font-size:20px;font-weight:600;text-align:center}.swal2-modal .swal2-range input,.swal2-modal .swal2-range output{height:43px;line-height:43px;vertical-align:middle;margin:20px auto;padding:0}.swal2-modal .swal2-input{height:43px;padding:0 12px}.swal2-modal .swal2-input[type=number]{max-width:150px}.swal2-modal .swal2-file{font-size:20px}.swal2-modal .swal2-textarea{height:108px;padding:12px}.swal2-modal .swal2-select{color:#545454;font-size:inherit;padding:5px 10px;min-width:40%;max-width:100%}.swal2-modal .swal2-radio{border:0}.swal2-modal .swal2-radio label:not(:first-child){margin-left:20px}.swal2-modal .swal2-radio input{margin:0 3px 0 0}.swal2-modal .swal2-checkbox{color:#545454}.swal2-modal .swal2-validationerror{background-color:#f0f0f0;margin:0 -20px;overflow:hidden;padding:10px;color:gray;font-size:16px;font-weight:300;display:none}.swal2-modal .swal2-validationerror::before{content:'!';display:inline-block;width:24px;height:24px;border-radius:50%;background-color:#ea7d7d;color:#fff;line-height:24px;text-align:center;margin-right:10px}.swal2-icon.swal2-info,.swal2-icon.swal2-question,.swal2-icon.swal2-warning{font-size:60px;line-height:80px;text-align:center}@supports (-ms-accelerator:true){.swal2-range input{width:100%!important}.swal2-range output{display:none}}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.swal2-range input{width:100%!important}.swal2-range output{display:none}}.swal2-icon{width:80px;height:80px;border:4px solid transparent;border-radius:50%;margin:20px auto 30px;padding:0;position:relative;box-sizing:content-box;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.swal2-icon.swal2-error{border-color:#f27474}.swal2-icon.swal2-error .x-mark{position:relative;display:block}.swal2-icon.swal2-error .line{position:absolute;height:5px;width:47px;background-color:#f27474;display:block;top:37px;border-radius:2px}.swal2-icon.swal2-error .line.left{-webkit-transform:rotate(45deg);transform:rotate(45deg);left:17px}.swal2-icon.swal2-error .line.right{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);right:16px}.swal2-icon.swal2-warning{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;color:#f8bb86;border-color:#facea8}.swal2-icon.swal2-info{font-family:'Open Sans',sans-serif;color:#3fc3ee;border-color:#9de0f6}.swal2-icon.swal2-question{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;color:#87adbd;border-color:#c9dae1}.swal2-icon.swal2-success{border-color:#a5dc86}.swal2-icon.swal2-success::after,.swal2-icon.swal2-success::before{content:'';position:absolute;width:60px;height:120px;background:#fff}.swal2-icon.swal2-success::before{border-radius:120px 0 0 120px;top:-7px;left:-33px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:60px 60px;transform-origin:60px 60px}.swal2-icon.swal2-success::after{border-radius:0 120px 120px 0;top:-11px;left:30px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 60px;transform-origin:0 60px}.swal2-icon.swal2-success .placeholder{width:80px;height:80px;border:4px solid rgba(165,220,134,.2);border-radius:50%;box-sizing:content-box;position:absolute;left:-4px;top:-4px;z-index:2}.swal2-icon.swal2-success .fix{width:7px;height:90px;background-color:#fff;position:absolute;left:28px;top:8px;z-index:1;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.swal2-icon.swal2-success .line{height:5px;background-color:#a5dc86;display:block;border-radius:2px;position:absolute;z-index:2}.swal2-icon.swal2-success .line.tip{width:25px;left:14px;top:46px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.swal2-icon.swal2-success .line.long{width:47px;right:8px;top:38px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.swal2-progresssteps{font-weight:600;margin:0 0 20px;padding:0}.swal2-progresssteps li{display:inline-block;position:relative}.swal2-progresssteps .swal2-progresscircle{background:#3085d6;border-radius:2em;color:#fff;height:2em;line-height:2em;text-align:center;width:2em;z-index:20}.swal2-progresssteps .swal2-progresscircle:first-child{margin-left:0}.swal2-progresssteps .swal2-progresscircle:last-child{margin-right:0}.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep{background:#3085d6}.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep~.swal2-progresscircle,.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep~.swal2-progressline{background:#add8e6}.swal2-progresssteps .swal2-progressline{background:#3085d6;height:.4em;margin:0 -1px;z-index:10}[class^=swal2]{-webkit-tap-highlight-color:transparent}@-webkit-keyframes showSweetAlert{0%{-webkit-transform:scale(.7);transform:scale(.7)}45%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes showSweetAlert{0%{-webkit-transform:scale(.7);transform:scale(.7)}45%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes hideSweetAlert{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}}@keyframes hideSweetAlert{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}}.swal2-show{-webkit-animation:showSweetAlert .3s;animation:showSweetAlert .3s}.swal2-show.swal2-noanimation{-webkit-animation:none;animation:none}.swal2-hide{-webkit-animation:hideSweetAlert .15s forwards;animation:hideSweetAlert .15s forwards}.swal2-hide.swal2-noanimation{-webkit-animation:none;animation:none}@-webkit-keyframes animate-success-tip{0%,54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@keyframes animate-success-tip{0%,54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@-webkit-keyframes animate-success-long{0%,65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}@keyframes animate-success-long{0%,65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}@-webkit-keyframes rotatePlaceholder{0%,5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}100%,12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}@keyframes rotatePlaceholder{0%,5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}100%,12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}.animate-success-tip{-webkit-animation:animate-success-tip .75s;animation:animate-success-tip .75s}.animate-success-long{-webkit-animation:animate-success-long .75s;animation:animate-success-long .75s}.swal2-success.animate::after{-webkit-animation:rotatePlaceholder 4.25s ease-in;animation:rotatePlaceholder 4.25s ease-in}@-webkit-keyframes animate-error-icon{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}@keyframes animate-error-icon{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}.animate-error-icon{-webkit-animation:animate-error-icon .5s;animation:animate-error-icon .5s}@-webkit-keyframes animate-x-mark{0%,50%{-webkit-transform:scale(.4);transform:scale(.4);margin-top:26px;opacity:0}80%{-webkit-transform:scale(1.15);transform:scale(1.15);margin-top:-6px}100%{-webkit-transform:scale(1);transform:scale(1);margin-top:0;opacity:1}}@keyframes animate-x-mark{0%,50%{-webkit-transform:scale(.4);transform:scale(.4);margin-top:26px;opacity:0}80%{-webkit-transform:scale(1.15);transform:scale(1.15);margin-top:-6px}100%{-webkit-transform:scale(1);transform:scale(1);margin-top:0;opacity:1}}.animate-x-mark{-webkit-animation:animate-x-mark .5s;animation:animate-x-mark .5s}@-webkit-keyframes pulse-warning{0%{border-color:#f8d486}100%{border-color:#f8bb86}}@keyframes pulse-warning{0%{border-color:#f8d486}100%{border-color:#f8bb86}}.pulse-warning{-webkit-animation:pulse-warning .75s infinite alternate;animation:pulse-warning .75s infinite alternate}@-webkit-keyframes rotate-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@charset "UTF-8"; @font-face { font-family: 'RUMAG'; src: url('../fonts/RUMAG/RUMAG.eot'); src: url('../fonts/RUMAG/RUMAG.eot') format('embedded-opentype'), url('../fonts/RUMAG/RUMAG.woff2') format('woff2'), url('../fonts/RUMAG/RUMAG.woff') format('woff'), url('../fonts/RUMAG/RUMAG.ttf') format('truetype'), url('../fonts/RUMAG/RUMAG.svg#RUMAG') format('svg'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Poppins'; src: url('../fonts/Poppins/PoppinsRegular.eot'); src: url('../fonts/Poppins/PoppinsRegular.eot') format('embedded-opentype'), url('../fonts/Poppins/PoppinsRegular.woff2') format('woff2'), url('../fonts/Poppins/PoppinsRegular.woff') format('woff'), url('../fonts/Poppins/PoppinsRegular.ttf') format('truetype'), url('../fonts/Poppins/PoppinsRegular.svg#Poppins') format('svg'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "IconsRUMAG"; src: url("../fonts/Icons/rumag.eot"); src: url("../fonts/Icons/rumag.eot?#iefix") format("embedded-opentype"), url("../fonts/Icons/rumag.woff") format("woff"), url("../fonts/Icons/rumag.ttf") format("truetype"), url("../fonts/Icons/rumag.svg#IconsRUMAG") format("svg"); font-weight: 400; font-style: normal; font-display: swap; } [data-icon]:before { font-family: "IconsRUMAG" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "IconsRUMAG" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-facebook:before { content: "\66"; } .icon-instagram:before { content: "\67"; } .icon-pinterest:before { content: "\69"; } .icon-snapchat:before { content: "\6a"; } .icon-tiktok:before { content: "\6b"; } .icon-x:before { content: "\6c"; } .icon-whatsapp:before { content: "\6d"; } .icon-youtube:before { content: "\6e"; } .icon-linkedin:before { content: "\61"; } .icon-cursor-click:before { content: "\62"; } .icon-search:before { content: "\63"; } .icon-menu:before { content: "\64"; } .icon-angle-right:before { content: "\65"; } .icon-bulb:before { content: "\68"; } .icon-stars:before { content: "\6f"; } .icon-fill:before { content: "\70"; } .icon-file-pdf:before { content: "\71"; } .icon-phone-call:before { content: "\72"; } .icon-like:before { content: "\73"; } .icon-time:before { content: "\74"; } .icon-wallet:before { content: "\75"; } .icon-unlock:before { content: "\76"; } .icon-lock:before { content: "\77"; } .icon-home:before { content: "\78"; } .icon-eye:before { content: "\79"; } .icon-envelope:before { content: "\7a"; } .icon-edit:before { content: "\41"; } .icon-comment:before { content: "\42"; } .icon-cross:before { content: "\43"; } .icon-user:before { content: "\44"; }/* MIXINS */ .formbox { position: relative; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin-bottom: 30px; padding: 0; } .formbox.normal { font-size: 14px; } .formbox .actions { position: relative; text-align: right; margin: 0; padding: 10px 20px; background: rgba(72, 139, 232, 0.05); border-top: 1px solid rgba(72, 139, 232, 0.15); } .formbox .heading { padding: 15px; background: rgba(72, 139, 232, 0.05); } .formbox h4 { margin: 0; padding: 0; } .formbox p { margin-top: 28px; } .formbox > .box { border: none; } .formbox > .not-found { margin-bottom: 0; padding: 15px; } .accountstatus-review .formbox:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; background: rgba(255, 255, 255, 0.7); z-index: 9; } .formbox table { margin: 0; } .box { border: 1px solid rgba(72, 139, 232, 0.15); } table { font-size: 14px; } table.table tr td, table.table tr th { padding: 15px; } table.align-middle td { vertical-align: middle; } form.normal { font-size: 14px; } form.normal .form-group { /*margin-bottom: 15px;*/ /*padding-bottom: 15px;*/ /*border-bottom: 1px solid rgba($color1, 0.1);*/ } form.normal label { display: block; font-weight: normal; margin-bottom: 5px; } form.normal .form-check label { font-weight: normal; } form .form-inline input { min-width: 150px; } form .form-inline span { display: inline-block; margin: 0 5px; } form > table tr td:first-child { width: 30%; } form > table tr td p { font-size: 12px; line-height: 18px; } form > table tr td i { font-size: 20px; color: #488BE8; } form > table.half tr td { width: 50%; } form > table.half tr td:first-child { width: 50%; } form > table.quarter tr td { width: 25%; } form > table.quarter tr td:first-child { width: 25%; } .inputs { position: relative; } .inputs.inputs-radio { font-size: 0; margin: 0; } .inputs.inputs-radio .input { position: relative; display: inline-block; font-size: 0; margin: 0; padding: 0; min-width: 50px; height: 35px; border: 2px solid #488be8; overflow: hidden; } .inputs.inputs-radio .input input[type="radio"] { position: absolute; visibility: hidden; top: 0; left: 0; margin: 0; } .inputs.inputs-radio .input input[type="radio"]:checked + label { background: #FAC748; color: #488BE8; } .inputs.inputs-radio .input label { display: block; /*background: rgba($blue, 0.05);*/ margin: 0; padding: 0 15px; line-height: 33px; font-size: 14px; font-weight: 600; /*text-transform: uppercase;*/ margin: 0; text-align: center; cursor: pointer; } .inputs.inputs-radio .input:first-child { -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; } .inputs.inputs-radio .input:last-child { -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; border-left: none; } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(72, 139, 232, 0.03); } .table-hover tbody tr:hover { background-color: rgba(72, 139, 232, 0.07); } form .box { /*border: 1px solid rgba($blue, 0.2);*/ /*background: #f9f9f9;*/ /*margin-bottom: 15px;*/ /*padding: 15px;*/ -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } form .form-row { /*margin-top: 5px;*/ } form#addCpOrder table tr td:first-child { width: 50%; } .table thead th { font-weight: 700; } .table tbody td { vertical-align: middle; } .table tbody td .btn { margin-left: 5px; } .table tbody td .btn:first-child { margin-left: 0; } .table .fixed-width { width: 150px; } .table .file { text-decoration: none; background: rgba(72, 139, 232, 0.1); width: 30px; height: 30px; text-align: center; line-height: 28px; vertical-align: middle; display: inline-block; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; color: #488BE8; margin-left: 5px; } .table .file:first-child { margin-left: 0; } .table .file:hover { background: #FAC748; } .table .status { position: relative; display: inline-block; margin-left: 22px; font-size: 11px; color: #222; } .table .status:after { position: absolute; top: 50%; right: calc(100% + 10px); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); content: ''; width: 12px; height: 12px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #33D73E; } .table .status.wachtend_op_input:after { background: #f19335; } .table .status.nieuw:after { background: #488BE8; } .table .status.in_behandeling:after { background: #488BE8; } .table .status.review:after { background: #33D73E; } .table .status.revisie:after { background: #488BE8; } .table .status.geaccepteerd:after { background: #33D73E; } .table .status.ingepland:after { background: #33D73E; } .table .status.rapportage:after { background: #33D73E; } .table .status.afgerond:after { background: #33D73E; } @media screen and (max-width: 767px) { table tr th { white-space: nowrap; } table tr td { /* display: block; */ } .table-responsive table tr td { display: table-cell; } table tr > td:nth-child(2n) { border-top: none; } .table-responsive table tr > td:nth-child(2n) { border-top: 1px solid rgba(72, 139, 232, 0.15); } form.normal { font-size: 14px; } form.normal .form-group { /*margin-bottom: 15px;*/ /*padding-bottom: 15px;*/ /*border-bottom: 1px solid rgba($color1, 0.1);*/ } form.normal label { display: block; font-weight: normal; margin-bottom: 5px; } form.normal .form-check label { font-weight: normal; } form .form-inline input { min-width: 150px; } form .form-inline span { display: inline-block; margin: 0 5px; } form#coachTypeForm { /*margin-bottom: 30px;*/ } form > table tr th { white-space: nowrap; } form > table tr td:first-child { width: 100%; } form > table tr td p { font-size: 12px; line-height: 18px; } form > table tr td:nth-child(odd) { padding-bottom: 5px; } form > table tr td:nth-child(even) { padding-top: 5px; } form > table.half tr td { width: 100%; } form > table.half tr td:first-child { width: 100%; } form > table.quarter tr td { width: 100%; } form > table.quarter tr td:first-child { width: 100%; } } /*# sourceMappingURL=forms.css.map */ /* MIXINS */ /* CSS RESET */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { border: 0; font-size: 100%; font: inherit; vertical-align: baseline; margin: 0; padding: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: none; } table { border-collapse: collapse; border-spacing: 0; } /* GENERAL STYLES */ html, body { -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } body { font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 16px; line-height: normal; color: #222; overflow-x: hidden; } body.nav-open { overflow: hidden; } h1, h2, h3, h4, h5, h6 { font-family: 'RUMAG', sans-serif; font-weight: 400; font-style: normal; text-transform: uppercase; } p { margin-bottom: 28px; line-height: 28px; } p:last-child { margin: 0; } ul { margin-bottom: 24px; } ul li { line-height: 24px; list-style: disc; margin-left: 20px; } ol { margin-bottom: 24px; } ol li { line-height: 24px; list-style: decimal; margin-left: 20px; } a { text-decoration: underline; color: #222; } a:hover { color: #222; } a.full-link { position: absolute; width: 100%; height: 100%; top: 0; left: 0; cursor: pointer; z-index: 2; } i:before { vertical-align: middle; } img { max-width: 100%; height: auto; vertical-align: middle; } strong { font-weight: 700; } em { font-style: italic; } .row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .btn { display: inline-block; text-decoration: none; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; font-weight: 400; font-size: 16px; border: 2px solid #dadada; /*@include transition(none);*/ } .btn:hover { /*background: $color1;*/ /*color: #fff;*/ border-color: #222; } .btn.btn-block { display: block; width: 100%; } .btn.btn-small { font-size: 12px; padding: 0 10px; line-height: 32px; height: auto; } .btn.btn-alt { background: #488BE8; background: #488be8; background: linear-gradient(220deg, #0340dd 0%, #ed3392 100%); color: #fff; border-color: rgba(255, 255, 255, 0.5); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } .btn.btn-alt:hover { /*@include boxshadow;*/ border-color: rgba(255, 255, 255, 0.6); background: #488be8; background: linear-gradient(135deg, #488be8 0%, #488be8 100%); } .btn.btn-go { background: #222; color: #fff; border-color: #222; } .btn.btn-go:hover { background: #488BE8; color: #fff; border-color: #488BE8; } .btn.btn-lined { background: transparent; border-color: #fff; } .btn-back { background: #222; color: #fff; font-weight: 600; } .btn-back:before { font-family: "default" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\63"; margin-right: 5px; } /* END GENERAL STYLES */ #header { position: fixed; top: 30px; left: 0; width: 100%; height: 60px; z-index: 10; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } #header .inner { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; background-color: #fff; height: 60px; padding: 0 5px 0 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } #header .inner .logo-link { display: inline-block; } #header .inner #logo-container { position: relative; padding-left: 20px; height: 100%; display: flex; flex-flow: row nowrap; align-items: center; } #header .inner #logo { width: auto; height: 40px; } .dashboard #header { position: relative; top: 0; left: 0; } .dashboard #header > .container { width: 100%; max-width: none; padding: 0; } .dashboard #header > .container .inner { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background-color: rgba(72, 139, 232, 0.3); } .dashboard #header #mainnav { opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } .dashboard #header:hover #mainnav { opacity: 1; } #header.nav-up { top: -100px; } #header.nav-down .inner { -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15); box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15); } #mainnav { position: relative; } #mainnav > div > ul { display: flex; flex-flow: row nowrap; align-items: center; margin: 0; } #mainnav > div > ul > li { position: relative; list-style: none; margin: 0 5px; font-weight: 700; font-size: 20px; } #mainnav > div > ul > li > a { text-decoration: none; display: block; line-height: 40px; padding: 0 10px; color: #000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #mainnav > div > ul > li > a > span { color: #FAC748; } #mainnav > div > ul > li > a:hover { color: #fff; background: #000; } #mainnav > div > ul > li.alt > a { background: rgba(255, 255, 255, 0.2); } #mainnav > div > ul > li.alt > a:hover { background: #fff; } .logged-in #mainnav > div > ul > li.logged-out { display: none; } #mainnav > div > ul > li.logged-in { display: none; } .logged-in #mainnav > div > ul > li.logged-in { display: block; } .dashboard #mainnav > div > ul > li > a { color: #222; } .dashboard #mainnav > div > ul > li > a > span { color: #488BE8; } .dashboard #mainnav > div > ul > li > a:hover { color: #488BE8; } #mainnavToggle { display: none; } #pageContainer { position: relative; display: flex; justify-content: center; flex-flow: row nowrap; align-items: center; height: calc(100vh - 60px); } #pageContainer #pageNav { width: 300px; height: 100%; background: rgba(34, 34, 34, 0.05); border-right: 2px solid #eee; /*padding: 10px 0;*/ } #pageContainer #pageContent { width: calc(100% - 300px); height: 100%; display: flex; flex-flow: row wrap; align-items: flex-start; padding: 30px 0; } section { position: relative; padding: 80px 0; } section > .bg-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } section > .bg-image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; } section.login { padding: 0 0 50px; } section.login form#login { margin: 30px auto 0; } section .container { position: relative; z-index: 3; } section .container h2 { font-size: 45px; line-height: 55px; margin-bottom: 10px; } section.green-light-bg { background: rgba(72, 139, 232, 0.1); } section.green-light-bg h4 { color: #488BE8; } section.grey-light-bg { background: rgba(0, 0, 0, 0.05); } section.grey-light-bg h4 { color: #000; } section.colored-bg { background: linear-gradient(220deg, #0340dd 0%, #ed3392 100%); color: #fff; } section.main-content { padding: 60px 0; } section#frontIntro { padding: 300px 0 50px; } section#frontIntro.small { padding: 150px 0 50px; } section#frontIntro.small div.container h1 { margin: 0 auto; display: inline-block; } section#frontIntro > .bg-image img { object-position: center bottom; } section#frontIntro > .bg-image:after { content: ""; background: linear-gradient(220deg, #0340dd 0%, #ed3392 100%); width: 100%; height: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: 0.5; } section#frontIntro div.container h1 { background: #000; color: #fff; padding: 20px; font-size: 55px; line-height: 55px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin: 0 auto; display: table; text-align: center; } section.intro { padding: 80px 0; } section.intro div.container { max-width: 800px; text-align: center; } section.intro div.container h2 { display: inline-block; font-size: 45px; line-height: 45px; margin: 0 auto 20px; } section.intro div.container p { font-size: 20px; line-height: 35px; } section.intro div.container p:last-of-type { margin: 0; } section#partners { position: relative; margin: 0 0 -200px; } section#partners:after { content: ""; background: url("../img/content/logo-wall.svg") center center no-repeat; background-size: cover; width: 100%; height: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: 0.03; } section#partners.black { background: #000; } section#partners.black * { color: #fff; } section#partners.black a.partner-item { background: black; border: 1px solid #555555; } section#partners.black a.partner-item img { filter: brightness(0) invert(1); } section#partners h2 { margin-bottom: 10px; } section#partners a.partner-item { display: flex; justify-content: center; align-items: center; height: 120px; text-align: center; padding: 15px; border: 1px solid #dadada; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; background: white; } section#partners a.partner-item:hover img { opacity: 1; -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } section#partners a.partner-item img { max-width: 100%; height: auto; max-height: 60px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; opacity: 0.6; } section#packages { background: rgba(250, 199, 72, 0.3); } section#packages h4 { color: #488BE8; } section.separator { width: 100%; height: 200px; position: relative; overflow: hidden; margin: -200px 0 0; pointer-events: none; } section.separator:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; -webkit-box-shadow: inset 0px -100px 75px -100px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0px -100px 75px -100px rgba(0, 0, 0, 0.2); box-shadow: inset 0px -100px 75px -100px rgba(0, 0, 0, 0.2); height: 100%; pointer-events: none; } section.separator-bottom { width: 100%; height: 200px; position: relative; overflow: hidden; margin: 0 0 -200px; pointer-events: none; } section.separator-bottom:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; -webkit-box-shadow: inset 0px -100px 75px -100px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0px -100px 75px -100px rgba(0, 0, 0, 0.2); box-shadow: inset 0px -100px 75px -100px rgba(0, 0, 0, 0.2); height: 100%; pointer-events: none; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } section.parallax-section { height: 2000px; position: relative; padding: 0; } section.parallax-section .parallax-container { position: sticky; top: 0; height: 100vh; display: flex; align-items: center; overflow: hidden; background: url("../img/misc/sketched-background.jpg") center center; } section.parallax-section .parallax-container .left-content { width: 50%; z-index: 2; color: #fff; padding-right: 50px; } section.parallax-section .parallax-container .left-content h2 { font-size: 55px; margin-bottom: 20px; } section.parallax-section .parallax-container .left-content ul.social-counters { list-style: none; display: flex; justify-content: start; gap: 60px; margin: 0 0 40px; } section.parallax-section .parallax-container .left-content ul.social-counters li { list-style: none; margin: 0; text-align: center; display: flex; justify-content: center; align-content: center; align-items: center; flex-direction: column; } section.parallax-section .parallax-container .left-content ul.social-counters li i { font-size: 45px; display: flex; justify-content: center; align-items: center; width: 80px; height: 80px; background: #FFF; color: #000; margin-bottom: 10px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } section.parallax-section .parallax-container .left-content ul.social-counters li div.counter { font-size: 16px; font-weight: 700; } section.parallax-section .parallax-container .right-image { width: 50%; position: relative; overflow: hidden; height: 100%; position: absolute; right: 0; } section.parallax-section .parallax-container .right-image img { position: absolute; top: 0; left: 0; width: 100%; will-change: transform; } .modal-body { position: relative; } .modal-body .btn-close { margin: 20px; position: absolute; right: 0; top: 0; } .modal-body .modalContent { padding: 50px 30px; } .modal-body .modalContent h4 { font-size: 36px; margin-bottom: 10px; } #partnerModalGallery { height: 480px; position: relative; overflow: hidden; } #partnerModalGallery:before { content: ""; position: absolute; left: -5%; top: -5%; right: 0; bottom: 0; width: 110%; height: 110%; background-size: cover; filter: blur(2px); background: url(../img/misc/sketched-background.jpg) center center no-repeat #000; } #partnerModalGallery .owl-stage-outer { height: 100%; } #partnerModalGallery .owl-stage-outer .owl-stage { height: 100%; } #partnerModalGallery .owl-item { display: flex; align-items: center; justify-content: center; height: 100%; } #partnerModalGallery .owl-item div { height: 100%; display: flex; align-items: center; justify-content: center; height: 100%; } #partnerModalGallery .owl-item div img { max-height: 100%; width: 100%; height: 100%; object-fit: cover; -webkit-box-shadow: 0 0 15px black; -moz-box-shadow: 0 0 15px black; box-shadow: 0 0 15px black; } .owl-carousel .owl-nav { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: flex; gap: 1rem; z-index: 2; width: 100%; justify-content: space-between; } .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next { background: rgba(255, 255, 255, 0.3); color: #fff; border: none; padding: 0.5rem 1rem; border-radius: 50%; width: 24px; height: 24px; margin: 10px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } .owl-carousel .owl-nav button.owl-prev:hover, .owl-carousel .owl-nav button.owl-next:hover { background: white; } .owl-carousel .owl-nav button.owl-prev:hover span, .owl-carousel .owl-nav button.owl-next:hover span { color: #000; } .owl-carousel .owl-nav button.owl-prev span, .owl-carousel .owl-nav button.owl-next span { font-size: 20px; line-height: 20px; } div#pageHeader { position: relative; padding: 180px 0 30px; } div#pageHeader > .bg-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } div#pageHeader > .bg-image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; } div#pageHeader .container { position: relative; z-index: 3; color: #fff; } div#pageHeader.dashboard { padding-bottom: 45px; } div#extraNav { position: relative; /*margin-bottom: 10px;*/ } div#extraNav ul { margin: 0; } div#extraNav ul li { position: relative; list-style: none; margin: 0; font-size: 14px; } div#extraNav ul li > a { display: block; line-height: 44px; padding: 0 20px; text-decoration: none; background: #222; } div#extraNav ul li:hover > a { background: #488BE8; color: #fff; } ul.default-list { margin: 0; font-size: 0; } ul.default-list > li { position: relative; font-size: 14px; list-style: none; margin: 0 0 15px; /*border: 1px solid #ddd;*/ border-top: 4px solid #488BE8; background: rgba(72, 139, 232, 0.05); -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); } ul.default-list > li .inner-content { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; padding: 10px; } ul.default-list > li .inner-content div.title { font-weight: 600; } ul.default-list > li .inner-content .actions { display: flex; flex-flow: row nowrap; align-items: center; } ul.default-list > li .inner-content .actions .current-progress { position: relative; width: 36px; height: 36px; background: #fac748; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } ul.default-list > li .inner-content .actions .current-progress span { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; font-size: 12px; font-weight: 600; } ul.default-list > li .inner-content .actions a { display: inline-block; font-weight: 600; text-decoration: none; margin-left: 5px; } ul.default-list > li .inner-content p { font-size: 12px; } ul.default-list > li .inner-content div.meta { position: relative; margin-top: 10px; padding: 10px; /*border: 1px solid #ddd;*/ -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: #fff; width: 100%; } ul.default-list > li .inner-content div.meta h5 { font-size: 12px; margin-bottom: 5px; } ul.default-list > li .inner-content div.meta ul { margin: 0; } ul.default-list > li .inner-content div.meta ul li { margin: 0; background-color: rgba(72, 139, 232, 0.1); list-style: none; } ul.default-list > li .inner-content div.meta ul li a { display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between; padding: 5px 10px; text-decoration: none; font-size: 12px; } ul.default-list > li .inner-content div.meta ul li:nth-child(2n) { background-color: transparent; } ul.default-list > li .inner-content div.meta ul li:hover { background: #488BE8; color: #fff; } ul.default-list > li .inner-content div.meta ul li:hover a { color: #fff; } ul.default-list > li:hover { -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15); box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15); } ul.default-list.hide { display: none; } #examResultList.results { position: relative; margin-top: 10px; /*border: 1px solid #ddd;*/ -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: #fff; width: 100%; } #examResultList.results h5 { font-size: 12px; margin-bottom: 5px; } #examResultList.results ul { margin: 0; } #examResultList.results ul li { margin: 0; background-color: rgba(72, 139, 232, 0.1); list-style: none; } #examResultList.results ul li a { display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between; padding: 5px 10px; text-decoration: none; font-size: 12px; } #examResultList.results ul li .title .name { margin-right: 10px; } #examResultList.results ul li:nth-child(2n) { background-color: transparent; } #examResultList.results ul li:hover { background: #488BE8; color: #fff; } #examResultList.results ul li:hover a { color: #fff; } ul.course-list { position: relative; display: block; font-size: 0; margin: 0; } ul.course-list li.course { position: relative; font-size: 14px; margin: 0; list-style: none; } ul.course-list li.course > a { position: relative; display: block; padding: 20px; font-weight: 700; font-size: 16px; text-decoration: none; background: #fff; } ul.course-list li.course > a div.progress { position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; background: rgba(34, 34, 34, 0.1); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } ul.course-list li.course > a div.progress div.bar { position: absolute; top: 0; left: 0; width: 0; height: 100%; background: rgba(72, 139, 232, 0.8); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } #dashboardAvailable { position: absolute; bottom: calc(100% + 60px); left: 15px; background: #fff; padding: 10px 20px; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; /*text-align: center;*/ font-size: 14px; display: flex; flex-flow: row wrap; align-items: center; } #dashboardAvailable span { font-size: 10px; text-transform: uppercase; font-weight: 600; display: block; margin-right: 5px; } #dashboardAvailable div { margin: 0 0 0 5px; } #dashboardAvailable div.extend { margin-left: 10px; } #dashboardAvailable div.extend .btn { height: 24px; line-height: 20px; } #dashboardAvailable strong { font-weight: 700; color: #488BE8; } ul.questions { position: relative; display: block; font-size: 0; margin: 0; } ul.questions li.question { position: relative; display: flex; flex-flow: row wrap; /*height: 44px;*/ font-size: 14px; margin: 0; padding: 5px 10px; list-style: none; border-bottom: 1px solid #ddd; background: #f0f0f0; } ul.questions li.question:before { position: absolute; left: 100%; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 0; height: 0; border-style: solid; border-width: 27px 0 27px 15px; border-color: transparent transparent transparent #fff; content: ''; display: none; } ul.questions li.question div.content { position: relative; width: calc(100% - 44px); display: flex; flex-flow: row wrap; align-items: center; } ul.questions li.question div.content span.number { width: 44px; height: 44px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: rgba(72, 139, 232, 0.1); color: #488BE8; font-weight: 600; text-align: center; line-height: 44px; margin-right: 10px; } ul.questions li.question div.content span.title { font-weight: 600; /*color: rgba($color1 ,0.2);*/ } ul.questions li.question div.progress { position: relative; width: 44px; height: 44px; background: #fff; padding: 10px; } ul.questions li.question div.progress span { display: block; width: 24px; height: 24px; background: #ddd; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } ul.questions li.question.done { background: #f0f0f0; } ul.questions li.question.done div.content span.title { text-decoration: line-through; color: rgba(34, 34, 34, 0.5); } ul.questions li.question.done div.progress span { background: #488BE8; color: #fff; } ul.questions li.question.current { background: #fff; -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15); box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15); z-index: 1; } ul.questions li.question.current:before { display: block; } ul.questions li.question.current div.progress span { background: #FAC748; color: #fff; } ul.questions li.question.todo { pointer-events: none; } ul.questions li.question.todo div.content span.title { color: rgba(34, 34, 34, 0.2); } ul.questions li.question:hover { background-color: #eee; } #questionContainer { display: flex; flex-flow: row wrap; /*align-items: center;*/ /*height: 100%;*/ } #questionContainer > div { /*width: 100%;*/ } #questionContainer div.title { position: relative; /*border: 1px solid #ddd;*/ margin-bottom: 15px; padding: 15px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: #f0f0f0; text-align: center; width: 100%; } #questionContainer h1 { font-size: 18px; } #questionContainer .question-content { display: flex; flex-flow: row wrap; align-items: center; } #questionContainer .question-image { position: relative; text-align: center; width: 70%; } #questionContainer .question-image img { width: 100%; } #questionContainer div#answers { position: relative; display: block; /*flex-flow: row wrap;*/ /*align-items: center;*/ margin: 0 0 0 30px; width: calc(30% - 30px); counter-reset: answers; } #questionContainer div#answers div.answer { position: relative; margin: 0 0 5px 0; width: 100%; /*width: calc((100% / 2) - 10px);*/ border: 2px solid #ddd; padding: 10px 10px 10px 44px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; font-weight: 600; cursor: pointer; } #questionContainer div#answers div.answer:before { position: absolute; top: 8px; left: 10px; counter-increment: answers; content: counter(answers,upper-alpha); font-size: 12px; color: rgba(72, 139, 232, 0.5); width: 24px; height: 24px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: rgba(72, 139, 232, 0.2); line-height: 24px; text-align: center; display: inline-block; margin-right: 10px; } #questionContainer div#answers div.answer:hover { border-color: #488BE8; color: #488BE8; } #questionContainer div#answers div.answer:hover:before { color: #fff; background: #488BE8; } #questionContainer div#answers div.answer.selected { background: #488BE8; border-color: #488BE8; color: #fff; } #questionContainer div#answers div.answer.selected:before { color: #488BE8; background: #fff; } #questionContainer div#answers div.number { position: relative; margin: 0 0 5px 0; width: 100%; /*width: calc((100% / 2) - 10px);*/ border: 2px solid #ddd; padding: 10px 10px 10px 10px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; font-weight: 600; cursor: pointer; } #questionContainer div#answers div.number input { width: 100%; } #questionContainer div#answers div.number:hover { border-color: #488BE8; color: #488BE8; } #questionContainer div#answers div.number:hover:before { color: #fff; background: #488BE8; } #questionContainer div#answers div.number.selected { background: #488BE8; border-color: #488BE8; color: #fff; } #questionContainer div#answers div.number.selected:before { color: #488BE8; background: #fff; } #controls { position: absolute; bottom: 0; right: 0; /*width: 298px;*/ background: #fff; padding: 10px; display: flex; flex-flow: row wrap; align-items: center; justify-content: flex-end; /*border: 1px solid #ddd;*/ } #controls div.timer { position: relative; margin-right: 10px; width: 44px; height: 44px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #f0f0f0; } #controls div.timer div.clock { position: absolute; top: 0; left: 0; --v: calc( ((18/5) * var(--p) - 90)*1deg); width: 100%; height: 100%; display: inline-block; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; padding: 10px; background: linear-gradient(#fff, #fff) content-box, linear-gradient(var(--v), #f0f0f0 50%, transparent 0) 0/min(100%, (50 - var(--p)) * 100%), linear-gradient(var(--v), transparent 50%, #488BE8 0) 0/min(100%, (var(--p) - 50) * 100%), linear-gradient(to right, #f0f0f0 50%, #488BE8 0); } #controls div.timer span.counter { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 16px; font-weight: 700; } #controls a { display: inline-block; margin-left: 10px; padding: 0 20px; line-height: 40px; font-size: 14px; text-decoration: none; font-weight: 600; background: #488BE8; color: #fff; border: 2px solid rgba(255, 255, 255, 0.4); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } #controls a:hover { border-color: #488BE8; background: #488be8; background: linear-gradient(135deg, #488be8 0%, #1d4c8c 100%); } #controls a.PrevQuestion { background: #ddd; color: #222; } #controls a.PrevQuestion:hover { border-color: #ddd; } iframe { width: 100%; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .promo-block { position: relative; margin: 30px 0 0; border: 1px solid #ddd; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; overflow: hidden; background: #fff; } .promo-block h3 { margin: 0; padding: 10px; font-size: 18px; } .packages { position: relative; display: flex; flex-flow: row wrap; margin: 0 -5px; } .packages .package { position: relative; width: calc((100% / 3) - 10px); margin: 0 5px; padding: 11px; background: #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; border: 2px solid #fff; /*border-top: 4px solid $color1;*/ } .packages .package img { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin: 0 0 15px; } .packages .package h3 { margin: 0 0 10px; padding: 15px 0; text-align: center; background: #000; color: #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; font-size: 35px; } .packages .package h4 { color: #488BE8; font-size: 30px; margin: 0 0 10px; } .packages .package ul { margin: 0 0 15px; } .packages .package ul li { font-size: 12px; line-height: 20px; } .packages .package .btn { background: #488BE8; background: #488be8; background: linear-gradient(220deg, #488be8 0%, #1d4c8c 100%); color: #fff; border-color: #488BE8; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } .packages .package .btn:hover { /*@include boxshadow;*/ border-color: rgba(255, 255, 255, 0.6); background: #488be8; background: linear-gradient(135deg, #488be8 0%, #488be8 100%); } .paymentLogos img { max-width: 64px; width: 12%; margin: 4px 0 0 0; } div#submimissionProgress { position: relative; margin-bottom: 30px; padding: 15px; background: #fff; -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15); box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } div#submimissionProgress h5 { font-weight: 600; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ddd; } div#submimissionProgress .submission-questions { position: relative; display: flex; flex-flow: row wrap; margin: 0 -5px; } div#submimissionProgress .submission-questions .question { position: relative; width: 34px; height: 34px; border: 2px solid #ddd; margin: 5px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; cursor: pointer; z-index: 1; } div#submimissionProgress .submission-questions .question:after { position: absolute; top: 50%; left: calc(100% + 2px); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 10px; height: 2px; content: ''; background: #ddd; z-index: 0; } div#submimissionProgress .submission-questions .question span { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-weight: 600; font-size: 16px; } div#submimissionProgress .submission-questions .question.true { border-color: #33D73E; color: #33D73E; background-color: rgba(51, 215, 62, 0.1); } div#submimissionProgress .submission-questions .question.true:hover { color: #fff; background-color: #33D73E; } div#submimissionProgress .submission-questions .question.false { border-color: #F03A47; color: #F03A47; background-color: rgba(240, 58, 71, 0.1); } div#submimissionProgress .submission-questions .question.false:hover { color: #fff; background-color: #F03A47; } div#submimissionProgress .submission-questions .question:last-child:after { display: none; } div.submission-overview { position: relative; } div.submission-overview .answerContainer { margin-bottom: 30px; padding: 15px; background: #fff; -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15); box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } div.submission-overview .answerContainer ul.default-list li { border: 0px; box-shadow: none; -webkit-box-shadow: none; background: none; } div.submission-overview .answerContainer ul.default-list li div.question { border: 0px; margin: 0 0 0 65px; padding: 0; cursor: pointer; } div.submission-overview .answerContainer ul.default-list li div.question div.question-answer { margin: 0; } div.submission-overview .answerContainer ul.default-list li div.question div.question-answer div.given { margin: 0; } div.submission-overview .questions { position: relative; counter-reset: question; } div.submission-overview .questions div.question { position: relative; border-bottom: 2px solid rgba(72, 139, 232, 0.3); border-left: 2px solid rgba(72, 139, 232, 0.3); margin: 0 0 30px 65px; padding: 15px 0 15px 30px; -webkit-border-radius: 0 0 0 5px; -moz-border-radius: 0 0 0 5px; border-radius: 0 0 0 5px; } div.submission-overview .questions div.question #questionNumber { position: absolute; top: 0; left: -65px; width: 48px; height: 48px; border: 2px solid #ddd; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; line-height: 44px; font-weight: 600; font-size: 16px; text-align: center; } div.submission-overview .questions div.question div.question-content { position: relative; margin-bottom: 30px; /*text-align: center;*/ } div.submission-overview .questions div.question div.question-content .question-image { display: inline-block; max-width: 50%; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; overflow: hidden; } div.submission-overview .questions div.question div.question-answer { position: relative; margin-bottom: 30px; } div.submission-overview .questions div.question div.question-answer .given, div.submission-overview .questions div.question div.question-answer .correct { position: relative; border: 1px solid #ddd; margin-bottom: 15px; padding: 10px 15px; font-weight: 600; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } div.submission-overview .questions div.question div.question-answer .given.false, div.submission-overview .questions div.question div.question-answer .correct.false { border-color: #F03A47; background-color: rgba(240, 58, 71, 0.1); color: #F03A47; } div.submission-overview .questions div.question div.question-answer .given.true, div.submission-overview .questions div.question div.question-answer .correct.true { border-color: #33D73E; background-color: rgba(51, 215, 62, 0.1); color: #33D73E; } div.submission-overview .questions div.question div.explanation { position: relative; } div.submission-overview .result-meta { position: relative; display: flex; align-items: center; margin-bottom: 15px; } div.submission-overview .result-meta .result-count { margin-left: 15px; font-weight: 600; color: #488BE8; background: rgba(72, 139, 232, 0.1); border: 2px solid #488BE8; padding: 10px 15px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .result-message { position: relative; text-align: center; margin-bottom: 15px; padding: 15px 0; border-bottom: 5px solid #488BE8; } .cat-title { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ddd; } .cat-title h3 { margin: 0 0 0 -16px; padding: 5px 16px; background: #488be8; background: linear-gradient(135deg, #488be8 0%, #1d4c8c 100%); color: #fff !important; font-size: 18px; } .cat-title a.normal { font-weight: 600; font-size: 12px; color: #222; background: #FAC748; padding: 5px 10px; text-decoration: none; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; text-transform: lowercase; } .cat-title a.normal:hover { -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15); box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15); } div.term-overview { margin-bottom: 30px; } div.signs-overview .signs { display: flex; flex-flow: row wrap; align-items: flex-start; margin: 0 -5px; } div.signs-overview .signs .sign { position: relative; width: calc((100% / 6) - 10px); height: 100%; margin: 5px; border: 1px solid #ddd; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding: 10px 10px 0; overflow: hidden; align-self: stretch; } div.signs-overview .signs .sign .image { position: relative; } div.signs-overview .signs .sign .image:before { padding-bottom: 100%; display: block; content: ''; } div.signs-overview .signs .sign .image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; object-position: center; } div.signs-overview .signs .sign .content { text-align: center; } div.signs-overview .signs .sign .content h4 { background: #f0f0f0; font-size: 12px; margin: 10px -10px 0px; padding: 10px; color: #222; } div.signs-overview .signs .sign .content .description { font-size: 12px; padding: 10px; } div.signs-overview .signs .sign .content .description p { line-height: 18px; } .page-template-page-account div.signs-overview .signs .sign { width: calc((100% / 4) - 10px); } .dashboard-block { position: relative; margin: 0 0 30px; padding: 15px; border: 1px solid #ddd; } .dashboard-block h3 { color: #488BE8; } .dashboard-block .inner-block { margin-bottom: 15px; } .dashboard-block .nav-tabs li { list-style: none; margin: 0 5px 0 0; } .dashboard-block .nav-tabs li button { font-size: 14px; font-weight: 600; color: #488BE8; } .dashboard-block .tab-content .tab-pane { padding: 15px; } .socials { display: flex; flex-flow: row wrap; justify-content: center; align-items: center; } .socials .social { position: relative; margin: 0 5px; } .socials .social span { display: inline-block; width: 34px; height: 34px; line-height: 34px; margin-right: 5px; text-align: center; background: rgba(255, 255, 255, 0.1); } ul.wc_payment_methods > li { list-style: none; } #payment { background-color: rgba(72, 139, 232, 0.1) !important; padding: 15px; } #payment .woocommerce-terms-and-conditions-wrapper { font-size: 14px; } #payment .woocommerce-terms-and-conditions-wrapper p { line-height: 20px; } #add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box { background-color: white !important; } #add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before { border-bottom-color: white !important; } div#footer { position: relative; padding: 90px 0 30px 0; background: #124791; background: #f9f9f9; color: rgba(255, 255, 255, 0.7); /*color: rgba($color1, 0.7);*/ /*border-bottom: 2px solid $blue;*/ background: #488be8; background: linear-gradient(135deg, #488be8 0%, #1d4c8c 100%); } div#footer h3 { color: white; /*color: $blue;*/ font-size: 32px; } div#footer a { color: rgba(255, 255, 255, 0.7); /*color: rgba($color1, 0.7);*/ text-decoration: none; } div#footer a:hover { color: #fff; /*color: $color1;*/ } div#footer ul { margin: 0; } .dashboard div#footer { display: none; } div#footer .widget { margin-bottom: 30px; } div#footer .socials { margin: 45px 0 0; } div#footer .socials .social a { color: #fff; } div#footer .socials .social a:hover span { background: #fff; color: #488BE8; } #lowerFooter { position: relative; } #lowerFooter .content { display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; } #lowerFooter .content img { width: 30px; height: auto; } #lowerFooter .content h6 { margin-left: 15px; font-weight: 700; } .dashboard #lowerFooter { display: none; } #payoff { position: relative; background: #222; color: #fff; padding: 15px 0; text-align: center; font-size: 14px; } #payoff a { font-weight: 700; color: #fff; text-decoration: none; } .dashboard #payoff { display: none; } .woocommerce-account .woocommerce-MyAccount-navigation { float: none; width: auto; border-bottom: 1px solid #ddd; margin-bottom: 30px; } .woocommerce-account .woocommerce-MyAccount-navigation ul { display: flex; flex-flow: row nowrap; margin: 0 0 10px 0; } .woocommerce-account .woocommerce-MyAccount-navigation ul li { position: relative; list-style: none; margin: 0; } .woocommerce-account .woocommerce-MyAccount-navigation ul li a { position: relative; display: block; margin: 0 5px 0 0; padding: 5px 10px; text-decoration: none; background: #ddd; font-weight: 700; font-size: 14px; } .woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a { background: #488BE8; color: #fff; } .woocommerce-account .woocommerce-MyAccount-content { float: none; width: auto; } ul.my-account-navigation li { list-style: none; margin: 0 0 5px; } ul.my-account-navigation li a { display: inline-block; text-decoration: none; } ul.my-account-navigation li a:hover { color: #488BE8; } p.order-again, .woocommerce-thankyou-order-received, table.woocommerce-table--order-details tfoot:first-of-type { display: none; } .woocommerce-EditAccountForm { border: 1px solid #ddd; max-width: 500px; padding: 30px; } .woocommerce-EditAccountForm input { background: #f0f0f0; height: 44px; border: none; padding: 0 10px; line-height: 44px; } .woocommerce-EditAccountForm .form-content { margin-bottom: 15px; } .woocommerce-EditAccountForm .form-content h4 { margin: 15px 0 0; } /*# sourceMappingURL=main.css.map */ /* MIXINS */ section.login, section.products, section.personalData { margin-bottom: 30px; } form#wizard { position: relative; } form#wizard.blur * { filter: blur(2px); } div#Loader { background: rgba(255, 255, 255, 0.5); width: 100%; height: 100%; position: fixed; left: 0; top: 0; bottom: 0; right: 0; display: none; z-index: 10; } div#Loader.active { display: block; } .loaderWS { display: inline-block; position: absolute; width: 80px; height: 80px; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); } .loaderWS:before, .loaderWS:after { content: ""; display: block; position: absolute; border: 4px solid #333; opacity: 1; border-radius: 50%; animation: loaderWS 1s cubic-bezier(0, 0.2, 0.8, 1) infinite; } .loaderWS:after { animation-delay: -0.5s; } @keyframes loaderWS { 0% { top: 40px; left: 40px; width: 0; height: 0; opacity: 0; } 4.9% { top: 40px; left: 40px; width: 0; height: 0; opacity: 0; } 5% { top: 40px; left: 40px; width: 0; height: 0; opacity: 1; } 100% { top: 0px; left: 0px; width: 80px; height: 80px; opacity: 0; } } div.product { width: 100%; height: 80px; box-sizing: border-box; position: relative; } div.product label { position: absolute; width: 100%; height: 100%; left: 0; top: 0; right: 0; bottom: 0; background: #fff; color: #3cb878; border: 2px solid #3cb878; display: flex; align-items: center; justify-content: center; cursor: pointer; border-radius: 6px; } div.product label:hover { background: #3cb878; color: #fff; } div.product input[type="radio"] { display: none; } div.product input[type="radio"]:checked + label { background: #3cb878; color: #fff; } div.fieldset { width: 100%; padding: 30px; border: 1px solid #dadada; box-sizing: border-box; border-radius: 6px; margin-top: 30px; } div.fieldset div.form-group > label:not(.error) { padding: 0 0 5px; font-weight: 600; } div.fieldset input.error { border: 1px solid #da0000; } div.fieldset label.error { margin: 5px 0 0 0; font-size: 11px; color: #ff0000; } section#products { margin: 0; } section#products h4 { color: #488BE8; } section#products .packages .package { /*@include boxshadow;*/ border-color: #ddd; } section#products .packages .package img { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin: 0 0 15px; } section#products .packages .package input { position: absolute; opacity: 0; visibility: hidden; } section#products .packages .package.selected { border-color: #488BE8; -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15); box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15); z-index: 1; } section#products .packages .package.selected h3 { background: #488BE8; color: #fff; } .form-box { position: relative; border: 2px solid #ddd; max-width: 100%; margin: 0 0 30px 0; padding: 30px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .form-box .form-row { margin-bottom: 10px; } .form-box .form-row label { font-size: 14px; font-weight: 600; margin-bottom: 5px; } .form-box .form-row label.is-invalid { font-size: 11px !important; font-weight: 400; color: #dc3545; margin-top: 5px; } .form-box .form-row textarea.form-control { height: 100px; } .form-box .form-row .form-check { background: rgba(72, 139, 232, 0.3); padding: 15px; padding-left: 40px; margin: 0; } .form-box .form-row .form-check label { font-size: 12px; font-weight: normal; line-height: 19px; } .form-box .payment { /*background: #f9f9f9;*/ padding: 15px; border: 1px solid #ddd; margin-bottom: 10px; font-size: 14px; } .form-box .payment h5 { font-size: 30px; } .form-box .payment p { margin: 0; } .form-box .btn { background: #488BE8; background: #488be8; background: linear-gradient(220deg, #488be8 0%, #1d4c8c 100%); color: #fff; padding: 15px 20px; text-transform: uppercase; border-color: #488BE8; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } .form-box .btn:hover { /*@include boxshadow;*/ border-color: rgba(255, 255, 255, 0.6); background: #488be8; background: linear-gradient(135deg, #488be8 0%, #488be8 100%); } .form-box .btn.btn-lined { background: #fff; color: #488BE8; } section#personalData .section-title { position: sticky; top: 100px; } div.switch { width: 100%; height: 40px; } div.switch input { position: absolute; margin-left: -9999px; visibility: hidden; } div.switch input:checked + label:before { content: "Akkoord"; padding-left: 0; padding-right: 50%; background: rgba(0, 0, 0, 0.1); } div.switch input:checked + label:after { content: "Revisie"; margin-left: 50%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } div.showInputWrapper div.switch input:checked { display: block; } div.showInputWrapper div.switch input:checked input { display: block; } div.switch input + label { display: block; position: relative; cursor: pointer; outline: none; width: 100% !important; height: 100%; padding: 0 !important; background: none !important; overflow: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: 1px solid #ddd; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } div.switch input + label:before, div.switch input + label:after { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; line-height: 40px; } div.switch input + label:before { content: "Revisie"; color: rgba(0, 0, 0, 0.3); padding-left: 50%; text-align: center; background: rgba(0, 0, 0, 0.1); z-index: 1; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transition: background 0.4s; -moz-transition: background 0.4s; -ms-transition: background 0.4s; -o-transition: background 0.4s; } div.switch input + label:after { content: "Akkoord"; background: #488BE8; color: #fff; text-align: center; width: 50%; z-index: 2; -webkit-transition: margin 0.2s; -moz-transition: margin 0.2s; -ms-transition: margin 0.2s; -o-transition: margin 0.2s; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } section#login { text-align: center; } form#login, form.lost_reset_password { background: #fff; position: relative; border: 2px solid #ddd; max-width: 600px; margin: 30px auto; padding: 30px; text-align: left; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } form#login .form-row label, form.lost_reset_password .form-row label { font-size: 14px; font-weight: 600; margin-bottom: 5px; } form#login .form-row label.is-invalid, form.lost_reset_password .form-row label.is-invalid { font-size: 11px !important; font-weight: 400; color: #dc3545; margin-top: 5px; } form#login .btn, form.lost_reset_password .btn { margin-top: 15px; } /*# sourceMappingURL=wizard.css.map */ /* MIXINS */ @media screen and (max-width: 768px) { body { font-size: 14px; } h1 { font-size: 30px; line-height: 32px; } h2 { font-size: 24px; line-height: 26px; } p { line-height: 20px; margin-bottom: 20px; } p:last-child { margin-bottom: 0; } #header .inner { position: relative; } #pageContainer #pageNav { width: 300px; display: none; } #pageContainer #pageContent { width: 100%; } section.parallax-section { height: auto; } section.parallax-section div.parallax-container { height: auto; padding: 80px 0; } section.parallax-section div.parallax-container div.left-content { width: 100%; padding-left: 20px; padding-right: 20px; } section.parallax-section div.parallax-container div.left-content br { display: none; } section.parallax-section div.parallax-container div.left-content ul.social-counters { gap: 20px; justify-content: center; flex-wrap: wrap; padding: 0 20px; margin: 0 auto 40px; } section.parallax-section div.parallax-container div.left-content ul.social-counters li { width: calc(50% - 10px); flex-direction: row; justify-content: center; gap: 20px; } section.parallax-section div.parallax-container div.left-content a.btn { margin: 0 auto; display: table; } section.parallax-section div.parallax-container div.right-image { width: 150%; padding: auto; opacity: 0.2; -ms-transform: translateY(-50%) translateX(-50%) !important; -webkit-transform: translateY(-50%) translateX(-50%) !important; -moz-transform: translateY(-50%) translateX(-50%) !important; -o-transform: translateY(-50%) translateX(-50%) !important; transform: translateY(-50%) translateX(-50%) !important; top: 50%; left: 50%; } section.parallax-section div.parallax-container div.right-image img { will-change: unset; } #questionContainer .question-content { max-width: none; } .form-box { padding: 30px 15px; } div#pageHeader { padding: 120px 0 30px !important; } div#topOfPage { margin: 0; } section { padding: 50px 0; } section.intro { padding: 50px 0; } section.main-content { padding: 50px 0; } section.main-content .alert { margin-bottom: 0; } section#frontIntro { padding: 180px 0 50px; } section.login, section.products, section.personalData { margin: 0; } div.signs-overview .signs .sign { width: calc((100% / 2) - 10px); } div#footer { padding: 45px 0 30px 0; } div#footer h3 { font-size: 22px; } div#footer .socials { margin-top: 0; } div#footer .socials .social { margin: 5px; } } @media screen and (max-width: 550px) { .packages .package { width: calc((100% / 2) - 10px); margin-top: 30px; } .packages .package h4 { font-size: 28px; } .cat-title { display: block; } .cat-title h3 { font-size: 14px; margin-bottom: 10px; } #pageContainer #pageContent { padding: 10px 0; } #questionContainer h1 { font-size: 14px; line-height: 20px; } div.submission-overview .questions div.question { margin: 0; padding: 15px 0; border: none; } div.submission-overview .questions div.question #questionNumber { position: relative; top: auto; left: auto; margin-bottom: 10px; width: 28px; height: 28px; line-height: 24px; font-size: 12px; } div.submission-overview .questions div.question div.question-content .question-image { width: auto; max-width: none; display: block; } div.submission-overview .questions div.question div.explanation .media { margin-top: 15px; } div.submission-overview .answerContainer ul.default-list li div.question { margin: 0; } } /*# sourceMappingURL=z_responsive.css.map */