body.swal2-shown{overflow-y:hidden}.swal2-container,body.swal2-iosfix{position:fixed;left:0;right:0}.swal2-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;top:0;bottom:0;padding:10px;background-color:transparent;z-index:1060}.swal2-container.swal2-top,.swal2-container.swal2-top-left{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.swal2-container.swal2-top-left{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.swal2-container.swal2-top-right{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.swal2-container.swal2-center,.swal2-container.swal2-center-left{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.swal2-container.swal2-center-left{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.swal2-container.swal2-center-right{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.swal2-container.swal2-bottom,.swal2-container.swal2-bottom-left{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.swal2-container.swal2-bottom-left{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.swal2-container.swal2-bottom-right{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.swal2-container.swal2-grow-fullscreen>.swal2-modal{-ms-flex:1;flex:1;-ms-flex-item-align:stretch;align-self:stretch;-ms-flex-pack:center}.swal2-container.swal2-grow-fullscreen>.swal2-modal,.swal2-container.swal2-grow-row>.swal2-modal{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-flex:1;-webkit-box-pack:center;justify-content:center}.swal2-container.swal2-grow-row>.swal2-modal{-ms-flex:1;flex:1;-ms-flex-line-pack:center;align-content:center;-ms-flex-pack:center}.swal2-container.swal2-grow-column{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.swal2-container.swal2-grow-column.swal2-bottom,.swal2-container.swal2-grow-column.swal2-center,.swal2-container.swal2-grow-column.swal2-top{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.swal2-container.swal2-grow-column.swal2-bottom-left,.swal2-container.swal2-grow-column.swal2-center-left,.swal2-container.swal2-grow-column.swal2-top-left{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.swal2-container.swal2-grow-column.swal2-bottom-right,.swal2-container.swal2-grow-column.swal2-center-right,.swal2-container.swal2-grow-column.swal2-top-right{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.swal2-container.swal2-grow-column>.swal2-modal{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.swal2-container:not(.swal2-top):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-left):not(.swal2-bottom-right)>.swal2-modal{margin:auto}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.swal2-container .swal2-modal{margin:0!important}}.swal2-container.swal2-fade{-webkit-transition:background-color .1s;-o-transition:background-color .1s;transition:background-color .1s}.swal2-container.swal2-shown{background-color:rgba(0,0,0,.4)}.swal2-modal{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:#fff;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;border-radius:5px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;overflow-x:hidden;overflow-y:auto;display:none;position:relative;max-width:100%}.swal2-modal:focus{outline:none}.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 0 .4em;padding:0;display:block;word-wrap:break-word}.swal2-modal .swal2-buttonswrapper{margin-top:15px}.swal2-modal .swal2-buttonswrapper:not(.swal2-loading) .swal2-styled[disabled]{opacity:.4;cursor:no-drop}.swal2-modal .swal2-buttonswrapper.swal2-loading .swal2-styled.swal2-confirm{-webkit-box-sizing:border-box;box-sizing:border-box;border:4px solid transparent;border-color:transparent;width:40px;height:40px;padding:0;margin:7.5px;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 .swal2-buttonswrapper.swal2-loading .swal2-styled.swal2-cancel{margin-left:30px;margin-right:30px}.swal2-modal .swal2-buttonswrapper.swal2-loading :not(.swal2-styled).swal2-confirm:after{display:inline-block;content:"";margin-left:5px;vertical-align:-1px;height:15px;width:15px;border:3px solid #999;-webkit-box-shadow:1px 1px 1px #fff;box-shadow:1px 1px 1px #fff;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-styled{border:0;border-radius:3px;-webkit-box-shadow:none;box-shadow:none;color:#fff;cursor:pointer;font-size:17px;font-weight:500;margin:15px 5px 0;padding:10px 32px}.swal2-modal .swal2-styled:focus{outline:none;-webkit-box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(50,100,150,.4);box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(50,100,150,.4)}.swal2-modal .swal2-image{margin:20px auto;max-width:100%}.swal2-modal .swal2-close{background:transparent;border:0;margin:0;padding:0;width:38px;height:40px;font-size:36px;line-height:40px;font-family:serif;position:absolute;top:5px;right:8px;cursor:pointer;color:#ccc;-webkit-transition:color .1s ease;-o-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;word-wrap:break-word}.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%;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:18px;border-radius:3px;border:1px solid #d9d9d9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.06);box-shadow:inset 0 1px 1px rgba(0,0,0,.06);-webkit-transition:border-color .3s,-webkit-box-shadow .3s;transition:border-color .3s,-webkit-box-shadow .3s;-o-transition:border-color .3s,box-shadow .3s;transition:border-color .3s,box-shadow .3s;transition:border-color .3s,box-shadow .3s,-webkit-box-shadow .3s}.swal2-modal .swal2-file.swal2-inputerror,.swal2-modal .swal2-input.swal2-inputerror,.swal2-modal .swal2-textarea.swal2-inputerror{border-color:#f27474!important;-webkit-box-shadow:0 0 2px #f27474!important;box-shadow:0 0 2px #f27474!important}.swal2-modal .swal2-file:focus,.swal2-modal .swal2-input:focus,.swal2-modal .swal2-textarea:focus{outline:none;border:1px solid #b4dbed;-webkit-box-shadow:0 0 3px #c4e6f5;box-shadow:0 0 3px #c4e6f5}.swal2-modal .swal2-file::-webkit-input-placeholder,.swal2-modal .swal2-input::-webkit-input-placeholder,.swal2-modal .swal2-textarea::-webkit-input-placeholder{color:#ccc}.swal2-modal .swal2-file:-ms-input-placeholder,.swal2-modal .swal2-file::-ms-input-placeholder,.swal2-modal .swal2-input:-ms-input-placeholder,.swal2-modal .swal2-input::-ms-input-placeholder,.swal2-modal .swal2-textarea:-ms-input-placeholder,.swal2-modal .swal2-textarea::-ms-input-placeholder{color:#ccc}.swal2-modal .swal2-file::placeholder,.swal2-modal .swal2-input::placeholder,.swal2-modal .swal2-textarea::placeholder{color:#ccc}.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,.swal2-modal .swal2-radio span{vertical-align:middle}.swal2-modal .swal2-radio input{margin:0 3px 0 0}.swal2-modal .swal2-checkbox{color:#545454}.swal2-modal .swal2-checkbox input,.swal2-modal .swal2-checkbox span{vertical-align:middle}.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}@supports (-ms-accelerator:true){.swal2-range input{width:100%!important}.swal2-range output{display:none}}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.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;-webkit-box-sizing:content-box;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 .swal2-x-mark{position:relative;display:block}.swal2-icon.swal2-error [class^=swal2-x-mark-line]{position:absolute;height:5px;width:47px;background-color:#f27474;display:block;top:37px;border-radius:2px}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);left:17px}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{-webkit-transform:rotate(-45deg);-ms-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,.swal2-icon.swal2-warning{font-size:60px;line-height:80px;text-align:center}.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;font-size:60px;line-height:80px;text-align:center}.swal2-icon.swal2-success{border-color:#a5dc86}.swal2-icon.swal2-success [class^=swal2-success-circular-line]{border-radius:50%;position:absolute;width:60px;height:120px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left]{border-radius:120px 0 0 120px;top:-7px;left:-33px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:60px 60px;-ms-transform-origin:60px 60px;transform-origin:60px 60px}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right]{border-radius:0 120px 120px 0;top:-11px;left:30px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 60px;-ms-transform-origin:0 60px;transform-origin:0 60px}.swal2-icon.swal2-success .swal2-success-ring{width:80px;height:80px;border:4px solid hsla(98,55%,69%,.2);border-radius:50%;-webkit-box-sizing:content-box;box-sizing:content-box;position:absolute;left:-4px;top:-4px;z-index:2}.swal2-icon.swal2-success .swal2-success-fix{width:7px;height:90px;position:absolute;left:28px;top:8px;z-index:1;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.swal2-icon.swal2-success [class^=swal2-success-line]{height:5px;background-color:#a5dc86;display:block;border-radius:2px;position:absolute;z-index:2}.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip]{width:25px;left:14px;top:46px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.swal2-icon.swal2-success [class^=swal2-success-line][class$=long]{width:47px;right:8px;top:38px;-webkit-transform:rotate(-45deg);-ms-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)}to{-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)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes hideSweetAlert{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}to{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}}@keyframes hideSweetAlert{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}to{-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%{width:0;left:1px;top:19px}54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}to{width:25px;left:14px;top:45px}}@keyframes animate-success-tip{0%{width:0;left:1px;top:19px}54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}to{width:25px;left:14px;top:45px}}@-webkit-keyframes animate-success-long{0%{width:0;right:46px;top:54px}65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}to{width:47px;right:8px;top:38px}}@keyframes animate-success-long{0%{width:0;right:46px;top:54px}65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}to{width:47px;right:8px;top:38px}}@-webkit-keyframes rotatePlaceholder{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}to{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}@keyframes rotatePlaceholder{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}to{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}.swal2-animate-success-line-tip{-webkit-animation:animate-success-tip .75s;animation:animate-success-tip .75s}.swal2-animate-success-line-long{-webkit-animation:animate-success-long .75s;animation:animate-success-long .75s}.swal2-success.swal2-animate-success-icon .swal2-success-circular-line-right{-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}to{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);opacity:1}}@keyframes animate-error-icon{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);opacity:0}to{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);opacity:1}}.swal2-animate-error-icon{-webkit-animation:animate-error-icon .5s;animation:animate-error-icon .5s}@-webkit-keyframes animate-x-mark{0%{-webkit-transform:scale(.4);transform:scale(.4);margin-top:26px;opacity: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}to{-webkit-transform:scale(1);transform:scale(1);margin-top:0;opacity:1}}@keyframes animate-x-mark{0%{-webkit-transform:scale(.4);transform:scale(.4);margin-top:26px;opacity: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}to{-webkit-transform:scale(1);transform:scale(1);margin-top:0;opacity:1}}.swal2-animate-x-mark{-webkit-animation:animate-x-mark .5s;animation:animate-x-mark .5s}@-webkit-keyframes rotate-loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate-loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@charset "UTF-8"; /* /* Global Style settings 1. Fonts settings 2. Color settings 3. Breakpoints RWD -- a. Container sizes 4. Form settings ------------- */ /* 1. Fonts settings ------------- */ /* 2. Colors ------------- */ /* 3. Breakpoints ------------- */ /* 4. Form settings ------------- */ /** Carousel items on map mobile @params ('breakdown', 'height') */ /* Popper body class variable */ /* Popper body sizes (BEM) ex. .popper-body--@suffix -- @suffix, @width */ /* /* Global Style settings 1. Fonts settings 2. Color settings 3. Breakpoints RWD -- a. Container sizes 4. Form settings ------------- */ /* 1. Fonts settings ------------- */ /* 2. Colors ------------- */ /* 3. Breakpoints ------------- */ /* 4. Form settings ------------- */ /** Carousel items on map mobile @params ('breakdown', 'height') */ /* Popper body class variable */ /* Popper body sizes (BEM) ex. .popper-body--@suffix -- @suffix, @width */ /* Global Style settings 1. RWD device names 2. Rem calc 3. Wrapper element 4. Shadow for boxes ------------- */ /* 1. RWD device names ------------- */ /** Breakpoint displays everything up */ /** Breakpoint displays everything down */ /** Breakpoint displays everything between two breakpoints */ /* 2. REM calc ------------- */ /* 3. Box element ------------- */ /* 4. Shadow for boxes ------------- */ /** Mixin for text-aligns */ /* 1. Modal login ------------- */ .modal-large { max-width: 1024px; } @media screen and (max-width: 1024px) { .modal-large { max-width: 640px; } } .modal-large .swal2-title { display: none; } .modal-large .row { display: table; width: 100%; } @media screen and (max-width: 1024px) { .modal-large .row { display: block; } } .modal-large .col { display: table-cell; vertical-align: bottom; width: 50%; padding: 2.5rem; } @media screen and (max-width: 1024px) { .modal-large .col { display: block; width: 100%; /* TODO: dorobić taby na wersji mobilnej*/ } .modal-large .col.modal__register { display: none; } } @media screen and (max-width: 480px) { .modal-large .col { padding: 2.5rem 1rem; } } .modal-large h2, .modal-large p { color: inherit; margin: 0; } .modal-large .hr, .modal-large hr { margin: 2rem auto; } .modal-large h2 { margin: 1rem 0; font-weight: normal; font-size: 2.25rem; } .modal-large p, .modal-large ul { font-size: 0.875rem; padding: 0; } /* 1.a Register col ------------- */ .modal__register { background: #17344c; color: #fff; } .modal__register img { height: 7.5rem; } .modal__register p { padding-bottom: .8rem; } .modal__register ul { list-style: none; } .modal__register ul li { font-style: italic; display: block; padding: .5rem 0; opacity: .7; } .forgot-password { display: inline-block; padding-top: .8rem; color: #b1b1b1; } /* 1.b Login col ------------- */ .modal__login #login-link { display: inline-block; margin-top: 2rem; color: #17344c; -webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease; } .modal__login #login-link:hover { -webkit-transform: translateY(-0.2rem); -ms-transform: translateY(-0.2rem); transform: translateY(-0.2rem); } @media screen and (min-width: 1025px) { .modal__login #login-link { display: none; } } .modal__login .form__template { text-align: left; } /*#rwclub-iframe {*/ /* min-height: 0 !important;*/ /* height: 0!important;*/ /* width: 100%;*/ /* opacity: 0;*/ /* margin: 0;*/ /* padding: 0;*/ /*}*/ .person-qty-input-wrap { height: 0; visibility: hidden; /*display: none !important;*/ } .person-qty-input-wrap select { opacity: 0; height: 0 !important; padding: 0 !important; margin: 0 !important; font-size: 0 !important; line-height: 0 !important; border: none !important; visibility: hidden; } .person-qty-input-wrap label { display: none !important; } [data-checkout-type="reservation"] .product-type-normal { display: none; } body.swal2-toast-shown.swal2-has-input>.swal2-container>.swal2-toast{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}body.swal2-toast-shown.swal2-has-input>.swal2-container>.swal2-toast .swal2-actions{-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-item-align:stretch;align-self:stretch;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;height:2.2em}body.swal2-toast-shown.swal2-has-input>.swal2-container>.swal2-toast .swal2-loading{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}body.swal2-toast-shown.swal2-has-input>.swal2-container>.swal2-toast .swal2-input{height:2em;margin:.3125em auto;font-size:1em}body.swal2-toast-shown.swal2-has-input>.swal2-container>.swal2-toast .swal2-validationerror{font-size:1em}body.swal2-toast-shown>.swal2-container{position:fixed;background-color:transparent}body.swal2-toast-shown>.swal2-container.swal2-shown{background-color:transparent}body.swal2-toast-shown>.swal2-container.swal2-top{top:0;right:auto;bottom:auto;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}body.swal2-toast-shown>.swal2-container.swal2-top-end,body.swal2-toast-shown>.swal2-container.swal2-top-right{top:0;right:0;bottom:auto;left:auto}body.swal2-toast-shown>.swal2-container.swal2-top-left,body.swal2-toast-shown>.swal2-container.swal2-top-start{top:0;right:auto;bottom:auto;left:0}body.swal2-toast-shown>.swal2-container.swal2-center-left,body.swal2-toast-shown>.swal2-container.swal2-center-start{top:50%;right:auto;bottom:auto;left:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}body.swal2-toast-shown>.swal2-container.swal2-center{top:50%;right:auto;bottom:auto;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}body.swal2-toast-shown>.swal2-container.swal2-center-end,body.swal2-toast-shown>.swal2-container.swal2-center-right{top:50%;right:0;bottom:auto;left:auto;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}body.swal2-toast-shown>.swal2-container.swal2-bottom-left,body.swal2-toast-shown>.swal2-container.swal2-bottom-start{top:auto;right:auto;bottom:0;left:0}body.swal2-toast-shown>.swal2-container.swal2-bottom{top:auto;right:auto;bottom:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}body.swal2-toast-shown>.swal2-container.swal2-bottom-end,body.swal2-toast-shown>.swal2-container.swal2-bottom-right{top:auto;right:0;bottom:0;left:auto}.swal2-popup.swal2-toast{-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:auto;padding:.625em;-webkit-box-shadow:0 0 10px #d9d9d9;box-shadow:0 0 10px #d9d9d9;overflow-y:hidden}.swal2-popup.swal2-toast,.swal2-popup.swal2-toast .swal2-header{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.swal2-popup.swal2-toast .swal2-title{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin:0 .6em;font-size:1em}.swal2-popup.swal2-toast .swal2-close{position:static}.swal2-popup.swal2-toast .swal2-content{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;font-size:1em}.swal2-popup.swal2-toast .swal2-icon{width:32px;min-width:32px;height:32px;margin:0}.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{width:32px;height:32px}.swal2-popup.swal2-toast .swal2-icon.swal2-info,.swal2-popup.swal2-toast .swal2-icon.swal2-question,.swal2-popup.swal2-toast .swal2-icon.swal2-warning{font-size:26px;line-height:32px}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line]{top:14px;width:22px}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:5px}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:5px}.swal2-popup.swal2-toast .swal2-actions{height:auto;margin:0 .3125em}.swal2-popup.swal2-toast .swal2-styled{margin:0 .3125em;padding:.3125em .625em;font-size:1em}.swal2-popup.swal2-toast .swal2-styled:focus{-webkit-box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(50,100,150,.4);box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(50,100,150,.4)}.swal2-popup.swal2-toast .swal2-success{border-color:#a5dc86}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line]{position:absolute;width:32px;height:45px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);border-radius:50%}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left]{top:-4px;left:-15px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:32px 32px;-ms-transform-origin:32px 32px;transform-origin:32px 32px;border-radius:64px 0 0 64px}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right]{top:-4px;left:15px;-webkit-transform-origin:0 32px;-ms-transform-origin:0 32px;transform-origin:0 32px;border-radius:0 64px 64px 0}.swal2-popup.swal2-toast .swal2-success .swal2-success-ring{width:32px;height:32px}.swal2-popup.swal2-toast .swal2-success .swal2-success-fix{top:0;left:7px;width:7px;height:43px}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line]{height:5px}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip]{top:18px;left:3px;width:12px}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long]{top:15px;right:3px;width:22px}.swal2-popup.swal2-toast.swal2-show{-webkit-animation:showSweetToast .5s;animation:showSweetToast .5s}.swal2-popup.swal2-toast.swal2-hide{-webkit-animation:hideSweetToast .2s forwards;animation:hideSweetToast .2s forwards}.swal2-popup.swal2-toast .swal2-animate-success-line-tip{-webkit-animation:animate-toast-success-tip .75s;animation:animate-toast-success-tip .75s}.swal2-popup.swal2-toast .swal2-animate-success-line-long{-webkit-animation:animate-toast-success-long .75s;animation:animate-toast-success-long .75s}@-webkit-keyframes showSweetToast{0%{-webkit-transform:translateY(-10px) rotate(2deg);transform:translateY(-10px) rotate(2deg);opacity:0}33%{-webkit-transform:translateY(0) rotate(-2deg);transform:translateY(0) rotate(-2deg);opacity:.5}66%{-webkit-transform:translateY(5px) rotate(2deg);transform:translateY(5px) rotate(2deg);opacity:.7}to{-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0);opacity:1}}@keyframes showSweetToast{0%{-webkit-transform:translateY(-10px) rotate(2deg);transform:translateY(-10px) rotate(2deg);opacity:0}33%{-webkit-transform:translateY(0) rotate(-2deg);transform:translateY(0) rotate(-2deg);opacity:.5}66%{-webkit-transform:translateY(5px) rotate(2deg);transform:translateY(5px) rotate(2deg);opacity:.7}to{-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0);opacity:1}}@-webkit-keyframes hideSweetToast{0%{opacity:1}33%{opacity:.5}to{-webkit-transform:rotate(1deg);transform:rotate(1deg);opacity:0}}@keyframes hideSweetToast{0%{opacity:1}33%{opacity:.5}to{-webkit-transform:rotate(1deg);transform:rotate(1deg);opacity:0}}@-webkit-keyframes animate-toast-success-tip{0%{top:9px;left:1px;width:0}54%{top:2px;left:2px;width:0}70%{top:10px;left:-4px;width:26px}84%{top:17px;left:12px;width:8px}to{top:18px;left:3px;width:12px}}@keyframes animate-toast-success-tip{0%{top:9px;left:1px;width:0}54%{top:2px;left:2px;width:0}70%{top:10px;left:-4px;width:26px}84%{top:17px;left:12px;width:8px}to{top:18px;left:3px;width:12px}}@-webkit-keyframes animate-toast-success-long{0%{top:26px;right:22px;width:0}65%{top:20px;right:15px;width:0}84%{top:15px;right:0;width:18px}to{top:15px;right:3px;width:22px}}@keyframes animate-toast-success-long{0%{top:26px;right:22px;width:0}65%{top:20px;right:15px;width:0}84%{top:15px;right:0;width:18px}to{top:15px;right:3px;width:22px}}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown),html.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){height:auto;overflow-y:hidden}body.swal2-iosfix{position:fixed;right:0;left:0}body.swal2-no-backdrop .swal2-shown{top:auto;right:auto;bottom:auto;left:auto;background-color:transparent}body.swal2-no-backdrop .swal2-shown>.swal2-modal{-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);box-shadow:0 0 10px rgba(0,0,0,.4)}body.swal2-no-backdrop .swal2-shown.swal2-top{top:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}body.swal2-no-backdrop .swal2-shown.swal2-top-left,body.swal2-no-backdrop .swal2-shown.swal2-top-start{top:0;left:0}body.swal2-no-backdrop .swal2-shown.swal2-top-end,body.swal2-no-backdrop .swal2-shown.swal2-top-right{top:0;right:0}body.swal2-no-backdrop .swal2-shown.swal2-center{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}body.swal2-no-backdrop .swal2-shown.swal2-center-left,body.swal2-no-backdrop .swal2-shown.swal2-center-start{top:50%;left:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}body.swal2-no-backdrop .swal2-shown.swal2-center-end,body.swal2-no-backdrop .swal2-shown.swal2-center-right{top:50%;right:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}body.swal2-no-backdrop .swal2-shown.swal2-bottom{bottom:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}body.swal2-no-backdrop .swal2-shown.swal2-bottom-left,body.swal2-no-backdrop .swal2-shown.swal2-bottom-start{bottom:0;left:0}body.swal2-no-backdrop .swal2-shown.swal2-bottom-end,body.swal2-no-backdrop .swal2-shown.swal2-bottom-right{right:0;bottom:0}.swal2-container{display:-webkit-box;display:-ms-flexbox;display:flex;position:fixed;top:0;right:0;bottom:0;left:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:10px;background-color:transparent;z-index:1060;overflow-x:hidden}.swal2-container.swal2-top,.swal2-container.swal2-top-left,.swal2-container.swal2-top-start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.swal2-container.swal2-top-left,.swal2-container.swal2-top-start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.swal2-container.swal2-top-end,.swal2-container.swal2-top-right{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.swal2-container.swal2-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.swal2-container.swal2-center-left,.swal2-container.swal2-center-start{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.swal2-container.swal2-center-end,.swal2-container.swal2-center-right{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.swal2-container.swal2-bottom{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.swal2-container.swal2-bottom-left,.swal2-container.swal2-bottom-start{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.swal2-container.swal2-bottom-end,.swal2-container.swal2-bottom-right{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.swal2-container.swal2-grow-fullscreen>.swal2-modal{-ms-flex:1;flex:1;-ms-flex-item-align:stretch;align-self:stretch;-ms-flex-pack:center}.swal2-container.swal2-grow-fullscreen>.swal2-modal,.swal2-container.swal2-grow-row>.swal2-modal{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-flex:1;-webkit-box-pack:center;justify-content:center}.swal2-container.swal2-grow-row>.swal2-modal{-ms-flex:1;flex:1;-ms-flex-line-pack:center;align-content:center;-ms-flex-pack:center}.swal2-container.swal2-grow-column{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.swal2-container.swal2-grow-column.swal2-bottom,.swal2-container.swal2-grow-column.swal2-center,.swal2-container.swal2-grow-column.swal2-top{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.swal2-container.swal2-grow-column.swal2-bottom-left,.swal2-container.swal2-grow-column.swal2-bottom-start,.swal2-container.swal2-grow-column.swal2-center-left,.swal2-container.swal2-grow-column.swal2-center-start,.swal2-container.swal2-grow-column.swal2-top-left,.swal2-container.swal2-grow-column.swal2-top-start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.swal2-container.swal2-grow-column.swal2-bottom-end,.swal2-container.swal2-grow-column.swal2-bottom-right,.swal2-container.swal2-grow-column.swal2-center-end,.swal2-container.swal2-grow-column.swal2-center-right,.swal2-container.swal2-grow-column.swal2-top-end,.swal2-container.swal2-grow-column.swal2-top-right{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.swal2-container.swal2-grow-column>.swal2-modal{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right)>.swal2-modal{margin:auto}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.swal2-container .swal2-modal{margin:0!important}}.swal2-container.swal2-fade{-webkit-transition:background-color .1s;-o-transition:background-color .1s;transition:background-color .1s}.swal2-container.swal2-shown{background-color:rgba(0,0,0,.4)}.swal2-popup{display:none;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:32em;max-width:100%;padding:1.25em;border-radius:.3125em;background-color:#fff;font-family:inherit;font-size:1rem;-webkit-box-sizing:border-box;box-sizing:border-box;overflow-x:hidden;overflow-y:auto}.swal2-popup:focus{outline:none}.swal2-popup.swal2-loading{overflow-y:hidden}.swal2-popup .swal2-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.swal2-popup .swal2-title{display:block;position:relative;margin:0 0 .4em;padding:0;color:#595959;font-size:1.875em;font-weight:600;text-align:center;text-transform:none;word-wrap:break-word}.swal2-popup .swal2-actions{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:1.25em}.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled[disabled]{opacity:.4}.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:hover{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.1)),to(rgba(0,0,0,.1)));background-image:-webkit-linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1));background-image:-o-linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1));background-image:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1))}.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:active{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.2)),to(rgba(0,0,0,.2)));background-image:-webkit-linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2));background-image:-o-linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2));background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2))}.swal2-popup .swal2-actions.swal2-loading .swal2-styled.swal2-confirm{width:2.5em;height:2.5em;margin:.46875em;padding:0;border:.25em solid transparent;border-radius:100%;border-color:transparent;background-color:transparent!important;color:transparent;cursor:default;-webkit-box-sizing:border-box;box-sizing:border-box;-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-popup .swal2-actions.swal2-loading .swal2-styled.swal2-cancel{margin-right:30px;margin-left:30px}.swal2-popup .swal2-actions.swal2-loading :not(.swal2-styled).swal2-confirm:after{display:inline-block;width:15px;height:15px;margin-left:5px;border:3px solid #999;border-radius:50%;border-right-color:transparent;-webkit-box-shadow:1px 1px 1px #fff;box-shadow:1px 1px 1px #fff;content:"";-webkit-animation:rotate-loading 1.5s linear 0s infinite normal;animation:rotate-loading 1.5s linear 0s infinite normal}.swal2-popup .swal2-styled{margin:0 .3125em;padding:.625em 2em;border:0;border-radius:.25em;color:#fff;font-size:1.0625em;font-weight:500;-webkit-box-shadow:none;box-shadow:none}.swal2-popup .swal2-styled:not([disabled]){cursor:pointer}.swal2-popup .swal2-styled.swal2-confirm{background-color:#3085d6}.swal2-popup .swal2-styled.swal2-cancel{background-color:#aaa}.swal2-popup .swal2-styled:focus{outline:none;-webkit-box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(50,100,150,.4);box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(50,100,150,.4)}.swal2-popup .swal2-styled::-moz-focus-inner{border:0}.swal2-popup .swal2-footer{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:1.25em;padding-top:1em;border-top:1px solid #eee;font-size:1em}.swal2-popup .swal2-image{max-width:100%;margin:1.25em auto}.swal2-popup .swal2-close{position:absolute;top:5px;right:8px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:1.2em;min-width:1.2em;height:1.2em;margin:0;padding:0;-webkit-transition:color .1s ease;-o-transition:color .1s ease;transition:color .1s ease;border:0;background:transparent;color:#ccc;font-family:serif;font-size:2.25em;line-height:1.2em;cursor:pointer}.swal2-popup .swal2-close:hover{color:#d55}.swal2-popup>.swal2-checkbox,.swal2-popup>.swal2-file,.swal2-popup>.swal2-input,.swal2-popup>.swal2-radio,.swal2-popup>.swal2-select,.swal2-popup>.swal2-textarea{display:none}.swal2-popup .swal2-content{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0;padding:0;color:#545454;font-size:1.125em;font-weight:300;line-height:normal;word-wrap:break-word}.swal2-popup #swal2-content{text-align:center}.swal2-popup .swal2-checkbox,.swal2-popup .swal2-file,.swal2-popup .swal2-input,.swal2-popup .swal2-radio,.swal2-popup .swal2-select,.swal2-popup .swal2-textarea{margin:1em auto}.swal2-popup .swal2-file,.swal2-popup .swal2-input,.swal2-popup .swal2-textarea{width:100%;-webkit-transition:border-color .3s,-webkit-box-shadow .3s;transition:border-color .3s,-webkit-box-shadow .3s;-o-transition:border-color .3s,box-shadow .3s;transition:border-color .3s,box-shadow .3s;transition:border-color .3s,box-shadow .3s,-webkit-box-shadow .3s;border:1px solid #d9d9d9;border-radius:3px;font-size:1.125em;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.06);box-shadow:inset 0 1px 1px rgba(0,0,0,.06);-webkit-box-sizing:border-box;box-sizing:border-box}.swal2-popup .swal2-file.swal2-inputerror,.swal2-popup .swal2-input.swal2-inputerror,.swal2-popup .swal2-textarea.swal2-inputerror{border-color:#f27474!important;-webkit-box-shadow:0 0 2px #f27474!important;box-shadow:0 0 2px #f27474!important}.swal2-popup .swal2-file:focus,.swal2-popup .swal2-input:focus,.swal2-popup .swal2-textarea:focus{border:1px solid #b4dbed;outline:none;-webkit-box-shadow:0 0 3px #c4e6f5;box-shadow:0 0 3px #c4e6f5}.swal2-popup .swal2-file::-webkit-input-placeholder,.swal2-popup .swal2-input::-webkit-input-placeholder,.swal2-popup .swal2-textarea::-webkit-input-placeholder{color:#ccc}.swal2-popup .swal2-file:-ms-input-placeholder,.swal2-popup .swal2-file::-ms-input-placeholder,.swal2-popup .swal2-input:-ms-input-placeholder,.swal2-popup .swal2-input::-ms-input-placeholder,.swal2-popup .swal2-textarea:-ms-input-placeholder,.swal2-popup .swal2-textarea::-ms-input-placeholder{color:#ccc}.swal2-popup .swal2-file::placeholder,.swal2-popup .swal2-input::placeholder,.swal2-popup .swal2-textarea::placeholder{color:#ccc}.swal2-popup .swal2-range input{width:80%}.swal2-popup .swal2-range output{width:20%;font-weight:600;text-align:center}.swal2-popup .swal2-range input,.swal2-popup .swal2-range output{height:2.625em;margin:1em auto;padding:0;font-size:1.125em;line-height:2.625em}.swal2-popup .swal2-input{height:2.625em;padding:0 .75em}.swal2-popup .swal2-input[type=number]{max-width:10em}.swal2-popup .swal2-file{font-size:1.125em}.swal2-popup .swal2-textarea{height:6.75em;padding:.75em}.swal2-popup .swal2-select{min-width:50%;max-width:100%;padding:.375em .625em;color:#545454;font-size:1.125em}.swal2-popup .swal2-checkbox,.swal2-popup .swal2-radio{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.swal2-popup .swal2-checkbox label,.swal2-popup .swal2-radio label{margin:0 .6em;font-size:1.125em}.swal2-popup .swal2-checkbox input,.swal2-popup .swal2-radio input{margin:0 .4em}.swal2-popup .swal2-validationerror{display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:.625em;background-color:#f0f0f0;color:gray;font-size:1em;font-weight:300;overflow:hidden}.swal2-popup .swal2-validationerror:before{display:inline-block;width:1.5em;height:1.5em;margin:0 .625em;border-radius:50%;background-color:#ea7d7d;color:#fff;font-weight:600;line-height:1.5em;text-align:center;content:"!"}@supports (-ms-accelerator:true){.swal2-range input{width:100%!important}.swal2-range output{display:none}}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.swal2-range input{width:100%!important}.swal2-range output{display:none}}.swal2-icon{position:relative;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:80px;height:80px;margin:1.25em auto 1.875em;border:4px solid transparent;border-radius:50%;line-height:80px;cursor:default;-webkit-box-sizing:content-box;box-sizing:content-box;-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 .swal2-x-mark{position:relative;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.swal2-icon.swal2-error [class^=swal2-x-mark-line]{display:block;position:absolute;top:37px;width:47px;height:5px;border-radius:2px;background-color:#f27474}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:17px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:16px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.swal2-icon.swal2-info,.swal2-icon.swal2-question,.swal2-icon.swal2-warning{margin:.333333em auto .5em;font-family:inherit;font-size:3.75em}.swal2-icon.swal2-warning{border-color:#facea8;color:#f8bb86}.swal2-icon.swal2-info{border-color:#9de0f6;color:#3fc3ee}.swal2-icon.swal2-question{border-color:#c9dae1;color:#87adbd}.swal2-icon.swal2-success{border-color:#a5dc86}.swal2-icon.swal2-success [class^=swal2-success-circular-line]{position:absolute;width:60px;height:120px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);border-radius:50%}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left]{top:-7px;left:-33px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:60px 60px;-ms-transform-origin:60px 60px;transform-origin:60px 60px;border-radius:120px 0 0 120px}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right]{top:-11px;left:30px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 60px;-ms-transform-origin:0 60px;transform-origin:0 60px;border-radius:0 120px 120px 0}.swal2-icon.swal2-success .swal2-success-ring{position:absolute;top:-4px;left:-4px;width:80px;height:80px;border:4px solid hsla(98,55%,69%,.2);border-radius:50%;z-index:2;-webkit-box-sizing:content-box;box-sizing:content-box}.swal2-icon.swal2-success .swal2-success-fix{position:absolute;top:8px;left:26px;width:7px;height:90px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);z-index:1}.swal2-icon.swal2-success [class^=swal2-success-line]{display:block;position:absolute;height:5px;border-radius:2px;background-color:#a5dc86;z-index:2}.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip]{top:46px;left:14px;width:25px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.swal2-icon.swal2-success [class^=swal2-success-line][class$=long]{top:38px;right:8px;width:47px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.swal2-progresssteps{-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 0 1.25em;padding:0;font-weight:600}.swal2-progresssteps li{display:inline-block;position:relative}.swal2-progresssteps .swal2-progresscircle{width:2em;height:2em;border-radius:2em;background:#3085d6;color:#fff;line-height:2em;text-align:center;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{width:2.5em;height:.4em;margin:0 -1px;background:#3085d6;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)}to{-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)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes hideSweetAlert{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}to{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}}@keyframes hideSweetAlert{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}to{-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}[dir=rtl] .swal2-close{right:auto;left:8px}@-webkit-keyframes animate-success-tip{0%{top:19px;left:1px;width:0}54%{top:17px;left:2px;width:0}70%{top:35px;left:-6px;width:50px}84%{top:48px;left:21px;width:17px}to{top:45px;left:14px;width:25px}}@keyframes animate-success-tip{0%{top:19px;left:1px;width:0}54%{top:17px;left:2px;width:0}70%{top:35px;left:-6px;width:50px}84%{top:48px;left:21px;width:17px}to{top:45px;left:14px;width:25px}}@-webkit-keyframes animate-success-long{0%{top:54px;right:46px;width:0}65%{top:54px;right:46px;width:0}84%{top:35px;right:0;width:55px}to{top:38px;right:8px;width:47px}}@keyframes animate-success-long{0%{top:54px;right:46px;width:0}65%{top:54px;right:46px;width:0}84%{top:35px;right:0;width:55px}to{top:38px;right:8px;width:47px}}@-webkit-keyframes rotatePlaceholder{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}to{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}@keyframes rotatePlaceholder{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}to{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}.swal2-animate-success-line-tip{-webkit-animation:animate-success-tip .75s;animation:animate-success-tip .75s}.swal2-animate-success-line-long{-webkit-animation:animate-success-long .75s;animation:animate-success-long .75s}.swal2-success.swal2-animate-success-icon .swal2-success-circular-line-right{-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}to{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);opacity:1}}@keyframes animate-error-icon{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);opacity:0}to{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);opacity:1}}.swal2-animate-error-icon{-webkit-animation:animate-error-icon .5s;animation:animate-error-icon .5s}@-webkit-keyframes animate-x-mark{0%{margin-top:26px;-webkit-transform:scale(.4);transform:scale(.4);opacity:0}50%{margin-top:26px;-webkit-transform:scale(.4);transform:scale(.4);opacity:0}80%{margin-top:-6px;-webkit-transform:scale(1.15);transform:scale(1.15)}to{margin-top:0;-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes animate-x-mark{0%{margin-top:26px;-webkit-transform:scale(.4);transform:scale(.4);opacity:0}50%{margin-top:26px;-webkit-transform:scale(.4);transform:scale(.4);opacity:0}80%{margin-top:-6px;-webkit-transform:scale(1.15);transform:scale(1.15)}to{margin-top:0;-webkit-transform:scale(1);transform:scale(1);opacity:1}}.swal2-animate-x-mark{-webkit-animation:animate-x-mark .5s;animation:animate-x-mark .5s}@-webkit-keyframes rotate-loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate-loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}/* /* Global Style settings 1. Fonts settings 2. Color settings 3. Breakpoints RWD -- a. Container sizes 4. Form settings ------------- */ /* 1. Fonts settings ------------- */ /* 2. Colors ------------- */ /* 3. Breakpoints ------------- */ /* 4. Form settings ------------- */ /** Carousel items on map mobile @params ('breakdown', 'height') */ /* Popper body class variable */ /* Popper body sizes (BEM) ex. .popper-body--@suffix -- @suffix, @width */ /* /* Global Style settings 1. Fonts settings 2. Color settings 3. Breakpoints RWD -- a. Container sizes 4. Form settings ------------- */ /* 1. Fonts settings ------------- */ /* 2. Colors ------------- */ /* 3. Breakpoints ------------- */ /* 4. Form settings ------------- */ /** Carousel items on map mobile @params ('breakdown', 'height') */ /* Popper body class variable */ /* Popper body sizes (BEM) ex. .popper-body--@suffix -- @suffix, @width */ /* Global Style settings 1. RWD device names 2. Rem calc 3. Wrapper element 4. Shadow for boxes ------------- */ /* 1. RWD device names ------------- */ /** Breakpoint displays everything up */ /** Breakpoint displays everything down */ /** Breakpoint displays everything between two breakpoints */ /* 2. REM calc ------------- */ /* 3. Box element ------------- */ /* 4. Shadow for boxes ------------- */ /** Mixin for text-aligns */ /* 1.b Form control ------------- */ .form-control { position: relative; display: block; border: 1px solid #e4e4e4; height: 3.125rem; padding: .2rem 1rem; -webkit-box-shadow: none; box-shadow: none; font-size: 1.2rem; -webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease; font-weight: normal; color: #8b8b8b; width: 100%; line-height: 3.125rem; } .form-control--small { display: inline-block; height: 2.5rem; padding: .2rem .8rem; font-size: 1.2rem; line-height: 2.5rem; max-width: 15rem; } .form-control::-webkit-input-placeholder { color: #ccc; } .form-control:-ms-input-placeholder { color: #ccc; } .form-control::-ms-input-placeholder { color: #ccc; } .form-control::placeholder { color: #ccc; } .form-control:hover { border-color: #cbcbcb; } .form-control:focus { -webkit-box-shadow: none; box-shadow: none; outline: none; border-color: #38628b; } .form-control--strong { color: #222; -webkit-appearance: none; border-radius: 0; } .form-control--strong::-webkit-input-placeholder { color: #222; } .form-control--strong:-ms-input-placeholder { color: #222; } .form-control--strong::-ms-input-placeholder { color: #222; } .form-control--strong::placeholder { color: #222; } .form-control p { display: block; margin: 0; padding: 0; font-size: inherit; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; width: calc(100% - 2rem); overflow: hidden; } .form-control .restaurant-city { position: absolute; right: .6rem; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } /* 1. Form group ------------- */ .form-group { display: block; position: relative; /* padding: 1.5rem 0;*/ margin: 1rem 0; /* 1.a Checkbox group ------------- */ /* 1.a Form label ------------- */ /* Disable click event on label*/ /* when label is on input and*/ /* form group is not checkbox*/ /* add start on required input text fields in checkout*/ /* Disable click event*/ /* when label is on input*/ /* This is for filters that has not .static class*/ /* Variant with checkbox field*/ } .form-group--static { padding: .5rem 0; } .form-group--static.form-group .form-control { padding-left: 2.2rem; } .form-group:not(.form-group--static):not(.form-group--filter) .form-control { padding: 1rem 1rem 0 .9rem; } .form-group:not(.form-group--static):not(.form-group--filter) textarea.form-control { padding: 2rem 1rem 0 .9rem; } .form-group--no-margin { margin: 0; } .form-group--checkbox { padding: 1.25rem 0; font-weight: normal; position: relative; /* remove default checkbox*/ } .form-group--checkbox input[type="checkbox"] { position: absolute; left: 0; margin: .4rem; z-index: -1; } .form-group--checkbox input[type="checkbox"]:checked + label:after { background-position: center right; } .form-group--checkbox label { cursor: pointer; position: relative; left: 1.5rem; /* on :before we have 'required' star*/ } .form-group--checkbox label:after { content: ""; position: absolute; left: -1.5rem; top: -2px; /*display: inline-block;*/ width: 21px; height: 21px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAVCAYAAAAw73wjAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAFQSURBVHja7JY9igJBEIW/2ZlETBUFY0MzIy8whprrDdQLaGhqYuoNRDDyEIKJRq1j6AU6GqN5mywisuvPrIwjuw8q6Kb660dX0ZQjiXfQB2+itzHqnS+CIIjdB+Vy2bnceybP+ybhYWgQBNcufAovNaU3xtDtdtPdo8vlklqtxuFwuK9HX6Htdovv+1hryWQy6XzRMAxpNBpYawHY7/fpNNrv9zHGAJDNZmm1Wj8nSzrFbrdTHH2d4zLOedZa9Xo9LRYLSZIxRp7nCVCxWNR6vb7KS8TobDZTqVQSoGq1qiiK1Gw2BSifz2uz2dzkJVL6QqFALpcDYLVaMRwOmc/nuK7LdDqlUqnchiRV+jAM1W63BZxiNBrdzUvMqCRFUaROpyNA9Xr9IV6i/6jjOIzHY47HI4PBIP5QkpTZyWTyu+np1oARR8/iOf8T/l81+jkAXaJ+YJ1RecAAAAAASUVORK5CYII=) center left; float: left; /* must to be, cuz its placed after content*/ margin-top: 2px; margin-right: .4rem; } .form-group--checkbox .popper { background: #fff; box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1); box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.1); } .form-group--checkbox .popper ol { font-size: .875rem; width: 17.5rem; } .form-group--checkbox .popper ol li { padding-left: .2rem; } .form-group--checkbox .popper ul { display: block; margin: 0; padding: 0; padding: .5rem 1.4rem; min-width: 12.5rem; font-size: .875rem; } .form-group--checkbox .popper ul li { display: block; margin: 0; padding: 0; } .form-group--checkbox .required { display: inline-block; margin: 0; padding: 0; } .form-group--checkbox .required:before { content: "*"; color: #ad1d1d; } .form-group--checkbox em { opacity: .6; } .form-group:not(.form-group--checkbox) label { display: block; z-index: 5; position: absolute; top: 1rem; left: 1rem; right: 1rem; font-weight: bold; line-height: 1; font-size: rem-calc(18px); -webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease; color: #7a7a7a; } .form-group:not(.form-group--checkbox) label.border--bottom { margin-bottom: 1rem; } .form-group:not(.focused):not(.form-group--checkbox):not(.form-group--static) label:not(.form-label--static) { pointer-events: none; } .form-group:not(.form-group--checkbox):not(.form-group--static) label:not(.form-label--static).required:before { content: "* "; color: #ad1d1d; } .form-group--static:not(.form-group--checkbox) label:not(.icon) { top: 0; left: .5rem; position: relative; line-height: 1.4; display: inline-block; } .form-group .form-group--label-action { display: inline-block; float: right; text-decoration: none; /* opacity: .5; */ font-weight: bold; color: #c6a85e; } .form-group--filter label.icon { top: auto; bottom: 1.3587rem; left: .5rem; pointer-events: none; } .form-group--filter label.icon--right { position: absolute; right: .5rem; left: auto; } .form-group--filter label.icon img { height: 1.5rem; vertical-align: middle; line-height: 1; } .form-group--filter:not(.form-group--static) label.icon { bottom: 1.5625rem; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); } .form-group--filter:not(.form-group--static):after { bottom: 1.5625rem; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); } .form-group--checkbox { padding: .5rem 0; } .form-group--checkbox label { font-weight: normal; } .form-group--filter:not(.form-group--no-dropdown):after { content: ""; display: block; height: 0.5625rem; width: 0.5625rem; border-left: 0.125rem #222 solid; border-bottom: 0.125rem #222 solid; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; right: 0.625rem; bottom: 1.83824rem; -webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease; pointer-events: none; } .form-group--reset:not(.form-group--static):before, .form-group--reset:not(.form-group--static):after { content: ""; display: block; height: 0.75rem; width: 0.125rem; position: absolute; right: 0.875rem; bottom: 1.30208rem; -webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease; pointer-events: none; background: #aaa; z-index: 10; } .form-group--reset:not(.form-group--static):before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .form-group--reset:not(.form-group--static):after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .form-group--filter .form-control { font-size: 1rem; cursor: pointer; line-height: 1.2; text-align: left; } @media screen and (min-width: 641px) { .form-group--filter .form-control { padding-left: 2.5rem; padding-right: 1.5rem; } } .form-group--filter .form-control:focus { -webkit-box-shadow: none; box-shadow: none; outline: none; border-color: #cbcbcb; } .form-group textarea.form-control { height: auto; resize: vertical; min-height: 6rem; line-height: 1.4; font-size: 1rem; padding: .6rem 1rem; } .form-group:not(.form-group--static):not(.form-group--filter).focused label, .form-group:not(.form-group--static):not(.form-group--filter).filled label, .form-group:not(.form-group--static):not(.form-group--filter).force-filled label { padding-top: .4rem; padding-bottom: .2rem; top: 1px; left: 1rem; right: 1rem; font-size: 0.75rem; line-height: 1.1; color: #38628b; background: none; } .form-group .form-text { display: block; padding: .2rem 1rem; font-size: 1.2rem; line-height: 3.125rem; font-weight: normal; color: #8b8b8b; width: 100%; } .form-group .form-text--menu { line-height: 2; font-size: 1rem; } .form-group .form-text--menu .man-qty { font-size: 1rem; font-weight: bold; vertical-align: top; } .form-group .form-text--menu i { top: .2rem; vertical-align: baseline; } .form-group .form-text--menu .row:not(:last-of-type) { border-bottom: 1px solid #eee; margin-bottom: .4rem; } .form-group .input-group { display: -webkit-box; display: -ms-flexbox; display: flex; } .form-group .input-group .btn { max-height: 3.125rem; line-height: 1; } .form-errors { display: block; padding: 0 3rem; margin: 1rem 0 0; list-style: none; } @media screen and (max-width: 640px) { .form-errors { padding: 0 1.25rem; } } @media screen and (max-width: 480px) { .form-errors { padding: 0 .25rem; } } .form-errors ul, .form-errors li { margin: 0; padding: 0; } .form-errors > li { padding: 1rem; background: #c15f62; color: #fff; } .form-errors > li > ul { margin-left: 1rem; } .form-errors > li > ul:not(:last-of-type) { margin-bottom: 1rem; } /* /* Global Style settings 1. Fonts settings 2. Color settings 3. Breakpoints RWD -- a. Container sizes 4. Form settings ------------- */ /* 1. Fonts settings ------------- */ /* 2. Colors ------------- */ /* 3. Breakpoints ------------- */ /* 4. Form settings ------------- */ /** Carousel items on map mobile @params ('breakdown', 'height') */ /* Popper body class variable */ /* Popper body sizes (BEM) ex. .popper-body--@suffix -- @suffix, @width */ /* /* Global Style settings 1. Fonts settings 2. Color settings 3. Breakpoints RWD -- a. Container sizes 4. Form settings ------------- */ /* 1. Fonts settings ------------- */ /* 2. Colors ------------- */ /* 3. Breakpoints ------------- */ /* 4. Form settings ------------- */ /** Carousel items on map mobile @params ('breakdown', 'height') */ /* Popper body class variable */ /* Popper body sizes (BEM) ex. .popper-body--@suffix -- @suffix, @width */ /* Global Style settings 1. RWD device names 2. Rem calc 3. Wrapper element 4. Shadow for boxes ------------- */ /* 1. RWD device names ------------- */ /** Breakpoint displays everything up */ /** Breakpoint displays everything down */ /** Breakpoint displays everything between two breakpoints */ /* 2. REM calc ------------- */ /* 3. Box element ------------- */ /* 4. Shadow for boxes ------------- */ /** Mixin for text-aligns */ /* 1. Form group ------------- */ @media screen and (min-width: 1025px) { .form-dropdown { color: #333; -webkit-box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5); border: 1px solid #e4e4e4; border-top: transparent; } } @media screen and (min-width: 1025px) { .form-dropdown { background: #fff; } } .form-dropdown .count { -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); position: absolute; right: .3rem; top: 50%; opacity: .5; } .dropdown-head, .dropdown-body, .dropdown-foot { padding: .5rem 1rem; } .dropdown-head button, .dropdown-body button, .dropdown-foot button { cursor: pointer; } .dropdown-head .btn--link, .dropdown-body .btn--link, .dropdown-foot .btn--link { color: inherit; padding: .1rem .3rem; } .dropdown-head { border-bottom: 1px solid #eee; position: relative; } @media screen and (max-width: 1024px) { .dropdown-head { border-bottom: 1px solid rgba(255, 255, 255, 0.2); } } .dropdown-foot { border-top: 1px solid #eee; } @media screen and (max-width: 1024px) { .dropdown-foot { border-top: 1px solid rgba(255, 255, 255, 0.2); } } .dropdown-body { font-size: 1rem; } .dropdown-body.dropdown-date { padding: 0 0 .4rem; } .dropdown-body__list { padding: 0; margin: 0; display: block; max-height: 55vh; overflow-y: auto; } .dropdown-body__list li { display: block; } .dropdown-body__list li.is-active button { color: #fff; background: #17344c; } .dropdown-body__list button { text-align: left; padding: .7rem 1rem; } @media screen and (min-width: 1025px) { .dropdown-body__list .sub button { padding-left: 30px; } } .dropdown-body button:after { content: ""; display: block; float: none; clear: both; width: 10px; height: 10px; position: absolute; left: 90%; top: 50%; border: 1px solid #d92424; border-radius: 50%; opacity: 0; } .dropdown-body button:before { content: ""; position: absolute; top: 50%; left: 10%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: inline-block; width: 45px; height: 5px; background: #d92424; border-radius: 50%; line-height: 100%; vertical-align: middle; opacity: 0; -webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease; } .dropdown-body .last-places button { position: relative; } .dropdown-body .last-places button:after { -webkit-animation: pulse 6s ease; animation: pulse 6s ease; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-delay: .15s; animation-delay: .15s; } .dropdown-body .last-places button:before { width: 5px; opacity: 1; left: 90%; } .dropdown-body__terms { padding: 0; margin: 0; display: block; font-size: 0; } .dropdown-body__terms li { display: inline-block; width: 32.3333%; margin: .5%; font-size: 1rem; } .dropdown-body__terms li.is-active button { color: #fff; background: #17344c; } .dropdown-body__table { width: 100%; display: block; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; margin: 0; } .dropdown-body__table:after { content: ""; display: block; float: none; clear: both; } .dropdown-body__table li { padding: .2rem; margin: 0; display: block; width: 33.3333%; float: left; } .dropdown-body__table li.is-active button { color: #fff; background: #17344c; } .dropdown-body__table button { text-align: left; padding: .7rem .4rem; outline: none; display: block; width: 100%; /*white-space: nowrap;*/ } .dropdown-body__table .col { display: table-cell; padding: 1px; } .dropdown-body__table .col.is-active button { color: #fff; background: #17344c; } .dropdown-body .other-category { max-height: 25vh; overflow-y: auto; overflow-x: hidden; } .dropdown-body .dropdown-title { margin: 0.5rem 0 0.25rem; display: block; font-size: 1.2rem; font-weight: bold; } @media screen and (min-width: 1025px) { .dropdown-body .dropdown-title { border-bottom: 1px solid rgba(208, 208, 208, 0.25); } } @media screen and (max-width: 1024px) { .dropdown-body .dropdown-title { color: #fff; } } .dropdown-body .dropdown-wrapper { position: relative; } @media screen and (min-width: 1025px) { .dropdown-body .dropdown-wrapper:after { content: ''; position: absolute; bottom: 0; width: calc(100% - 14px); height: 25px; left: 0; cursor: default; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white)); background: -webkit-linear-gradient(rgba(255, 255, 255, 0), white); background: -o-linear-gradient(rgba(255, 255, 255, 0), white); background: linear-gradient(rgba(255, 255, 255, 0), white); } } @media screen and (max-width: 1024px) { .dropdown-body .dropdown-wrapper:after { background: transparent; } } [dropdown-outer] { position: fixed; z-index: 10; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: transparent; } @-webkit-keyframes pulse { from { -webkit-transform: translate(-25%, -50%) scale(1); transform: translate(-25%, -50%) scale(1); } 10% { opacity: .5; } 25% { opacity: 0; -webkit-transform: translate(-25%, -50%) scale(2.4); transform: translate(-25%, -50%) scale(2.4); } } @keyframes pulse { from { -webkit-transform: translate(-25%, -50%) scale(1); transform: translate(-25%, -50%) scale(1); } 10% { opacity: .5; } 25% { opacity: 0; -webkit-transform: translate(-25%, -50%) scale(2.4); transform: translate(-25%, -50%) scale(2.4); } } .form__error { margin-top: 1rem; background: #f7e4e4; padding: 1rem; display: block; font-size: .875rem; color: #df5b5b; font-weight: 700; } /* /* Global Style settings 1. Fonts settings 2. Color settings 3. Breakpoints RWD -- a. Container sizes 4. Form settings ------------- */ /* 1. Fonts settings ------------- */ /* 2. Colors ------------- */ /* 3. Breakpoints ------------- */ /* 4. Form settings ------------- */ /** Carousel items on map mobile @params ('breakdown', 'height') */ /* Popper body class variable */ /* Popper body sizes (BEM) ex. .popper-body--@suffix -- @suffix, @width */ /* /* Global Style settings 1. Fonts settings 2. Color settings 3. Breakpoints RWD -- a. Container sizes 4. Form settings ------------- */ /* 1. Fonts settings ------------- */ /* 2. Colors ------------- */ /* 3. Breakpoints ------------- */ /* 4. Form settings ------------- */ /** Carousel items on map mobile @params ('breakdown', 'height') */ /* Popper body class variable */ /* Popper body sizes (BEM) ex. .popper-body--@suffix -- @suffix, @width */ /* Global Style settings 1. RWD device names 2. Rem calc 3. Wrapper element 4. Shadow for boxes ------------- */ /* 1. RWD device names ------------- */ /** Breakpoint displays everything up */ /** Breakpoint displays everything down */ /** Breakpoint displays everything between two breakpoints */ /* 2. REM calc ------------- */ /* 3. Box element ------------- */ /* 4. Shadow for boxes ------------- */ /** Mixin for text-aligns */ body fieldset { background: transparent; border: 0; margin: 0; padding: 1.5rem 3rem 2.5rem; } body fieldset:not(:last-of-type) { border-bottom: 1px solid #f1f1f1; } @media screen and (max-width: 640px) { body fieldset { padding: 1.5rem; } } @media screen and (max-width: 480px) { body fieldset { padding: .6rem; } } body fieldset.primary { background: #eee; margin: 0; padding: 1.5rem 2rem; } body fieldset.text { padding: 0 3rem 1rem; border-bottom: 0; } /* /* Global Style settings 1. Fonts settings 2. Color settings 3. Breakpoints RWD -- a. Container sizes 4. Form settings ------------- */ /* 1. Fonts settings ------------- */ /* 2. Colors ------------- */ /* 3. Breakpoints ------------- */ /* 4. Form settings ------------- */ /** Carousel items on map mobile @params ('breakdown', 'height') */ /* Popper body class variable */ /* Popper body sizes (BEM) ex. .popper-body--@suffix -- @suffix, @width */ /* /* Global Style settings 1. Fonts settings 2. Color settings 3. Breakpoints RWD -- a. Container sizes 4. Form settings ------------- */ /* 1. Fonts settings ------------- */ /* 2. Colors ------------- */ /* 3. Breakpoints ------------- */ /* 4. Form settings ------------- */ /** Carousel items on map mobile @params ('breakdown', 'height') */ /* Popper body class variable */ /* Popper body sizes (BEM) ex. .popper-body--@suffix -- @suffix, @width */ /* Global Style settings 1. RWD device names 2. Rem calc 3. Wrapper element 4. Shadow for boxes ------------- */ /* 1. RWD device names ------------- */ /** Breakpoint displays everything up */ /** Breakpoint displays everything down */ /** Breakpoint displays everything between two breakpoints */ /* 2. REM calc ------------- */ /* 3. Box element ------------- */ /* 4. Shadow for boxes ------------- */ /** Mixin for text-aligns */ /* Form elements style 1. Default structure 2. Danger info 2. Form description ------------- */ /* 1. Default structure ------------- */ .help-block { text-align: right; display: block; position: absolute; top: 0; right: 0; font-size: 0.875rem; opacity: .6; } /* 2. Danger info ------------- */ .text-danger { background: #f1f1f1; text-align: right; padding: .2rem 1rem; font-size: 0.875rem; color: #38628b; } /* 2. Danger info ------------- */ .form-description { margin: 1rem 0 0; font-size: 1.2rem; color: #aaa; } /* /* Global Style settings 1. Fonts settings 2. Color settings 3. Breakpoints RWD -- a. Container sizes 4. Form settings ------------- */ /* 1. Fonts settings ------------- */ /* 2. Colors ------------- */ /* 3. Breakpoints ------------- */ /* 4. Form settings ------------- */ /** Carousel items on map mobile @params ('breakdown', 'height') */ /* Popper body class variable */ /* Popper body sizes (BEM) ex. .popper-body--@suffix -- @suffix, @width */ /* /* Global Style settings 1. Fonts settings 2. Color settings 3. Breakpoints RWD -- a. Container sizes 4. Form settings ------------- */ /* 1. Fonts settings ------------- */ /* 2. Colors ------------- */ /* 3. Breakpoints ------------- */ /* 4. Form settings ------------- */ /** Carousel items on map mobile @params ('breakdown', 'height') */ /* Popper body class variable */ /* Popper body sizes (BEM) ex. .popper-body--@suffix -- @suffix, @width */ /* Global Style settings 1. RWD device names 2. Rem calc 3. Wrapper element 4. Shadow for boxes ------------- */ /* 1. RWD device names ------------- */ /** Breakpoint displays everything up */ /** Breakpoint displays everything down */ /** Breakpoint displays everything between two breakpoints */ /* 2. REM calc ------------- */ /* 3. Box element ------------- */ /* 4. Shadow for boxes ------------- */ /** Mixin for text-aligns */ /* 1. Header RW Club Style 1.a Wrapper 1.a.1 Mobile Wrapped 1.a.2 Mobile Logo 1.b Link default style 1.c Icons 2. Menu items 2.a Logo 2.b Date 2.c Burger 2.d Login 3. Wordpress admin bar 4. Menu mobile opened ------------- */ /* 1. Header RW Club Style ------------- */ .main__nav { position: relative; background: #17344c; padding: 0 2rem; z-index: 45; font-size: 1.25rem; color: #fff; /* 1.a Wrapper ------------- */ /* 1.b Link Default style ------------- */ /* 1.c Icons ------------- */ /* 2. Menu items ------------- */ } @media screen and (max-width: 1460px) { .main__nav { font-size: 1.15rem; } } @media screen and (max-width: 1200px) { .main__nav { padding: 0 2rem; font-size: 1rem; } } .main__nav--fixed { position: fixed; top: 0; right: 0; left: 0; z-index: 3000; } .main__nav > ul { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; padding: 0; list-style: none; width: 100%; min-height: 3.75rem; /* 1.a.1 Mobile Wrapped ------------- */ /* 1.a.2 Mobile Wrapped ------------- */ } @media screen and (max-width: 1024px) { .main__nav > ul { display: none; } } .main__nav > ul.mobile__nav { width: 100%; display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (max-width: 1024px) { .main__nav > ul.mobile__nav { display: -webkit-box; display: -ms-flexbox; display: flex; } .main__nav > ul.mobile__nav .menu__item { padding: 0; } } @media screen and (max-width: 640px) { .main__nav > ul.mobile__nav { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } .main__nav > ul.mobile__nav li.menu__item--logo { text-align: center; } .main__nav > ul.mobile__nav li.menu__item--logo img { height: 2.1875rem; } @media (max-width: 500px) { .main__nav > ul.mobile__nav li.menu__item--logo { text-align: right; } } .main__nav a { 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; color: #fff; text-decoration: none; padding: .8rem; -webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease; font-weight: normal; } .main__nav a:hover { -webkit-transform: translate(0, -0.125rem); -ms-transform: translate(0, -0.125rem); transform: translate(0, -0.125rem); } .main__nav img.icon { display: block; width: 25px; margin-right: 4px; } .main__nav li.menu__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 .5rem; /* 2.a Logo ------------- */ /* 2.b Date ------------- */ /* 2.c Burger ------------- */ /* 2.d Login ------------- */ /* 2.d Logo fixed ------------- */ } .main__nav li.menu__item.is-active { border-bottom: 3px solid #38628b; border-top: 3px solid transparent; } .main__nav li.menu__item.is-active a { color: #477caf; } .main__nav li.menu__item--logo { padding-left: 0; padding-right: 2rem; } .main__nav li.menu__item--logo img { height: 2.4375rem; } @media screen and (max-width: 1200px) { .main__nav li.menu__item--logo img { height: 2.0625rem; } } .main__nav li.menu__item--date { padding: .2rem 1.5rem; border-left: 1px solid #234f73; border-right: 1px solid #234f73; background: #132c40; font-weight: bold; margin-right: 1rem; } @media screen and (max-width: 1200px) { .main__nav li.menu__item--date { padding: .2rem 1rem; } } .main__nav li.menu__item--burger { padding: 0; position: absolute; left: 1rem; top: 0; display: block; } .main__nav li.menu__item--login { margin-left: auto; text-align: right; padding: 0; } .main__nav li.menu__item--logo-fixed { padding: 0 2rem; } .main__nav li.menu__item--logo-fixed a { height: 45px; padding: 0; position: relative; width: 8.75rem; } @media screen and (max-width: 1200px) { .main__nav li.menu__item--logo-fixed a { width: 6.875rem; } } .main__nav li.menu__item--logo-fixed img { left: 0; top: 0.35rem; position: absolute; display: block; width: 8.75rem; -webkit-animation: fixed-logo 1s ease; animation: fixed-logo 1s ease; } @media screen and (max-width: 1200px) { .main__nav li.menu__item--logo-fixed img { top: 0.70rem; -webkit-animation: fixed-logo-mobile 1s ease; animation: fixed-logo-mobile 1s ease; } } .main__nav .rwclub-account { color: #38628b; font-weight: bold; } .main__nav .rwclub-account img { margin-right: .4rem; } .main__nav .menu-dropdown { position: relative; } .main__nav .menu-dropdown > ul { display: none; position: absolute; top: 100%; left: 0; background: #17344c; color: #fff; width: auto; padding: .5rem 2rem; } .main__nav .menu-dropdown > ul.right { left: auto; right: -1rem; } @media screen and (max-width: 1200px) { .main__nav .menu-dropdown > ul.right { right: 0; } } .main__nav .menu-dropdown > ul li { display: block; } .main__nav .menu-dropdown > ul li:not(:last-of-type) { border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .main__nav .menu-dropdown > ul a { display: block; padding: .5rem 0; white-space: nowrap; } .main__nav .menu-dropdown:hover > ul { display: block; -webkit-animation: show-dropdown .3s ease; animation: show-dropdown .3s ease; } body.is-test-mode .main__nav, body.is-test-mode .main__nav li.menu__item--date { background-color: #d32f2f; } @-webkit-keyframes show-dropdown { from { top: 80%; opacity: 0; } to { top: 100%; opacity: 1; } } @keyframes show-dropdown { from { top: 80%; opacity: 0; } to { top: 100%; opacity: 1; } } /* 3. Wordpress admin bar ------------- */ body.admin-bar .main__nav--fixed { margin-top: 0; top: 32px; } /* 4. Menu mobile opened ------------- */ body.menu__mobile-active { overflow: hidden; } body.menu__mobile-active .main__nav > ul:not(.mobile__nav) { position: fixed; display: -webkit-box; display: -ms-flexbox; display: flex; top: 0; right: 0; bottom: 0; left: 0; width: 100%; background: #17344c -webkit-gradient(linear, left top, left bottom, from(#152f44), to(#17344c)); background: #17344c -webkit-linear-gradient(top, #152f44, #17344c); background: #17344c -o-linear-gradient(top, #152f44, #17344c); background: #17344c linear-gradient(to bottom, #152f44, #17344c); z-index: -1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } @media screen and (max-width: 640px) { body.menu__mobile-active .main__nav > ul:not(.mobile__nav) { padding: 0 3rem; text-align: left; } body.menu__mobile-active .main__nav > ul:not(.mobile__nav) a { padding: .8rem; text-align: left; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } @media screen and (max-width: 480px) { body.menu__mobile-active .main__nav > ul:not(.mobile__nav) { padding: 0 1rem; } } body.menu__mobile-active .main__nav > ul:not(.mobile__nav) .menu__item { display: block; margin: 0; padding: 0; list-style: none; font-size: 1.625rem; } body.menu__mobile-active .main__nav > ul:not(.mobile__nav) .menu__item--logo-fixed { display: none; } body.menu__mobile-active .main__nav > ul:not(.mobile__nav) .menu__item--date { border: 0; padding: 1rem 0; color: #38628b; } @media screen and (max-width: 640px) { body.menu__mobile-active .main__nav > ul:not(.mobile__nav) .menu__item--date { padding: 1rem .8rem; } } body.menu__mobile-active .main__nav > ul:not(.mobile__nav) .menu-dropdown { text-align: center; } body.menu__mobile-active .main__nav > ul:not(.mobile__nav) .menu-dropdown > ul { padding: 0; right: 0; display: block; position: relative; top: 0; background: transparent; } body.menu__mobile-active .main__nav > ul:not(.mobile__nav) .menu-dropdown > ul li { border: 0; } body.menu__mobile-active .main__nav > ul:not(.mobile__nav) .menu-dropdown:hover > ul { -webkit-animation: none; animation: none; } @-webkit-keyframes fixed-logo { 0% { top: -7.5rem; } 60% { top: 0.5rem; } 100% { top: 0.35rem; } } @keyframes fixed-logo { 0% { top: -7.5rem; } 60% { top: 0.5rem; } 100% { top: 0.35rem; } } @-webkit-keyframes fixed-logo-mobile { 0% { top: -7.5rem; } 60% { top: 1rem; } 100% { top: 0.7rem; } } @keyframes fixed-logo-mobile { 0% { top: -7.5rem; } 60% { top: 1rem; } 100% { top: 0.7rem; } } /* /* Global Style settings 1. Fonts settings 2. Color settings 3. Breakpoints RWD -- a. Container sizes 4. Form settings ------------- */ /* 1. Fonts settings ------------- */ /* 2. Colors ------------- */ /* 3. Breakpoints ------------- */ /* 4. Form settings ------------- */ /** Carousel items on map mobile @params ('breakdown', 'height') */ /* Popper body class variable */ /* Popper body sizes (BEM) ex. .popper-body--@suffix -- @suffix, @width */ /* /* Global Style settings 1. Fonts settings 2. Color settings 3. Breakpoints RWD -- a. Container sizes 4. Form settings ------------- */ /* 1. Fonts settings ------------- */ /* 2. Colors ------------- */ /* 3. Breakpoints ------------- */ /* 4. Form settings ------------- */ /** Carousel items on map mobile @params ('breakdown', 'height') */ /* Popper body class variable */ /* Popper body sizes (BEM) ex. .popper-body--@suffix -- @suffix, @width */ /* Global Style settings 1. RWD device names 2. Rem calc 3. Wrapper element 4. Shadow for boxes ------------- */ /* 1. RWD device names ------------- */ /** Breakpoint displays everything up */ /** Breakpoint displays everything down */ /** Breakpoint displays everything between two breakpoints */ /* 2. REM calc ------------- */ /* 3. Box element ------------- */ /* 4. Shadow for boxes ------------- */ /** Mixin for text-aligns */ /* Section FOOTER style ------------- */ footer.main__footer { background: #17344c; font-size: 1rem; color: #fff; padding: 2rem 0; text-align: right; vertical-align: middle; } footer.main__footer .footer-logo { width: 8.75rem; margin-left: 1rem; } footer.main__footer .footer-link { color: #fff; text-decoration: none; margin-right: 1rem; } footer.main__footer .footer-link:hover { color: #38628b; } footer.main__footer .footer-link:last-of-type { margin-right: 0; } @media screen and (max-width: 640px) { footer.main__footer { text-align: center; } footer.main__footer .text-left { text-align: center; } footer.main__footer .text-left .footer-link { margin: 0 1rem 1rem; } } /* /* Global Style settings 1. Fonts settings 2. Color settings 3. Breakpoints RWD -- a. Container sizes 4. Form settings ------------- */ /* 1. Fonts settings ------------- */ /* 2. Colors ------------- */ /* 3. Breakpoints ------------- */ /* 4. Form settings ------------- */ /** Carousel items on map mobile @params ('breakdown', 'height') */ /* Popper body class variable */ /* Popper body sizes (BEM) ex. .popper-body--@suffix -- @suffix, @width */ /* /* Global Style settings 1. Fonts settings 2. Color settings 3. Breakpoints RWD -- a. Container sizes 4. Form settings ------------- */ /* 1. Fonts settings ------------- */ /* 2. Colors ------------- */ /* 3. Breakpoints ------------- */ /* 4. Form settings ------------- */ /** Carousel items on map mobile @params ('breakdown', 'height') */ /* Popper body class variable */ /* Popper body sizes (BEM) ex. .popper-body--@suffix -- @suffix, @width */ /* Global Style settings 1. RWD device names 2. Rem calc 3. Wrapper element 4. Shadow for boxes ------------- */ /* 1. RWD device names ------------- */ /** Breakpoint displays everything up */ /** Breakpoint displays everything down */ /** Breakpoint displays everything between two breakpoints */ /* 2. REM calc ------------- */ /* 3. Box element ------------- */ /* 4. Shadow for boxes ------------- */ /** Mixin for text-aligns */ /* Section PARTNERS style ------------- */ .section.section--partners { text-align: center; } .section.section--partners h3 { font-size: 1.5rem; padding: 0 5rem; margin-bottom: 2rem; } .section.section--partners hr { margin: 0 auto 2rem; width: 11.25rem; background-repeat: no-repeat; background-position: 50% 50%; } .section.section--partners img { max-width: 350px; max-height: 200px; } .section.section--partners .flex__row { padding-top: 5rem; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (max-width: 640px) { .section.section--partners .flex__col { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } } .section.section--partners .underline--left h3 { text-align: left; position: relative; } .section.section--partners .underline--left h3:after { content: ''; position: absolute; width: 50px; height: 3px; background-color: #2d2d2d; bottom: -1rem; left: 5rem; } .section.section--partners .underline--center h3 { text-align: center; position: relative; } .section.section--partners .underline--center h3:after { content: ''; position: absolute; width: 50px; height: 3px; background-color: #2d2d2d; bottom: -1rem; left: 50%; -webkit-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%); } .section.section--partners .underline--right h3 { text-align: right; position: relative; } .section.section--partners .underline--right h3:after { content: ''; position: absolute; width: 50px; height: 3px; background-color: #2d2d2d; bottom: -1rem; right: 5rem; } @media screen and (max-width: 1200px) { .section.section--partners .flex__col.flex__col--one.underline--left:first-of-type h3, .section.section--partners .flex__col.underline--center h3, .section.section--partners .flex__col.underline--right h3 { text-align: center; position: relative; } .section.section--partners .flex__col.flex__col--one.underline--left:first-of-type h3:after, .section.section--partners .flex__col.underline--center h3:after, .section.section--partners .flex__col.underline--right h3:after { content: ''; position: absolute; width: 50px; height: 3px; background-color: #2d2d2d; bottom: -1rem; left: 50%; -webkit-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%); } } @media screen and (max-width: 480px) { .section.section--partners .flex__col.flex__col--one.underline--left:first-of-type h3, .section.section--partners .flex__col.underline--left h3, .section.section--partners .flex__col.underline--center h3, .section.section--partners .flex__col.underline--right h3 { text-align: center; position: relative; } .section.section--partners .flex__col.flex__col--one.underline--left:first-of-type h3:after, .section.section--partners .flex__col.underline--left h3:after, .section.section--partners .flex__col.underline--center h3:after, .section.section--partners .flex__col.underline--right h3:after { content: ''; position: absolute; width: 50px; height: 3px; background-color: #2d2d2d; bottom: -1rem; left: 50%; -webkit-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%); } } .section.section--partners .logotypes { -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; } .section.section--partners .partner__item { width: 70%; margin: 0 auto; display: block; } .section.section--partners .partner__item--large { width: 80%; } @media screen and (max-width: 1200px) { .section.section--partners .partner__item--large { width: 50%; } } @media screen and (max-width: 640px) { .section.section--partners .partner__item--large { width: 100%; } } .section.section--partners .partner__item--small { display: inline-block; margin: 0 auto; width: 20%; margin-bottom: 1rem; } @media screen and (max-width: 640px) { .section.section--partners .partner__item--small { width: 50%; } } @media screen and (max-width: 1200px) { .section.section--partners .flex__col--one { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .section.section--partners .flex__col--one h1 { font-weight: bold; } } /* /* Global Style settings 1. Fonts settings 2. Color settings 3. Breakpoints RWD -- a. Container sizes 4. Form settings ------------- */ /* 1. Fonts settings ------------- */ /* 2. Colors ------------- */ /* 3. Breakpoints ------------- */ /* 4. Form settings ------------- */ /** Carousel items on map mobile @params ('breakdown', 'height') */ /* Popper body class variable */ /* Popper body sizes (BEM) ex. .popper-body--@suffix -- @suffix, @width */ /* /* Global Style settings 1. Fonts settings 2. Color settings 3. Breakpoints RWD -- a. Container sizes 4. Form settings ------------- */ /* 1. Fonts settings ------------- */ /* 2. Colors ------------- */ /* 3. Breakpoints ------------- */ /* 4. Form settings ------------- */ /** Carousel items on map mobile @params ('breakdown', 'height') */ /* Popper body class variable */ /* Popper body sizes (BEM) ex. .popper-body--@suffix -- @suffix, @width */ /* Global Style settings 1. RWD device names 2. Rem calc 3. Wrapper element 4. Shadow for boxes ------------- */ /* 1. RWD device names ------------- */ /** Breakpoint displays everything up */ /** Breakpoint displays everything down */ /** Breakpoint displays everything between two breakpoints */ /* 2. REM calc ------------- */ /* 3. Box element ------------- */ /* 4. Shadow for boxes ------------- */ /** Mixin for text-aligns */ /* Section PARTNERS style ------------- */ .section.section--newsletter { border-top: 1px solid #ddd; padding: 5rem 0; text-align: left; } @media screen and (max-width: 1024px) { .section.section--newsletter { text-align: center; } } .section.section--newsletter .row { max-width: 100%; } .section.section--newsletter form { display: block; padding: 4rem 0; width: 540px; max-width: 100%; margin-left: auto; } @media screen and (max-width: 1024px) { .section.section--newsletter form { margin-right: auto; } } .section.section--newsletter hr { margin-left: 0; } @media screen and (max-width: 1024px) { .section.section--newsletter hr { margin-left: auto; } } .section.section--newsletter h2 { padding-bottom: 1rem; margin: 0; font-weight: normal; } .section.section--newsletter p { font-size: 1.25rem; padding-right: 2rem; } @media screen and (max-width: 1024px) { .section.section--newsletter { font-size: 1.25rem; } } @media screen and (max-width: 640px) { .section.section--newsletter button { width: 100%; } .section.section--newsletter input { font-size: 1.25rem; text-align: center; } .section.section--newsletter .input-group { display: block; } .section.section--newsletter .input-group button { margin-top: .5rem; } } .owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.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:translateZ(0)}.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.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{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:-webkit-grab;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.owl-height{-webkit-transition:height .5s ease-in-out;-o-transition:height .5s ease-in-out;transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{-webkit-transform-style:preserve-3d;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(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjU1RTM0MEU5QzBCMDExRTM4MURCQTkwQzkyRUYxMzEzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjU1RTM0MEVBQzBCMDExRTM4MURCQTkwQzkyRUYxMzEzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTVFMzQwRTdDMEIwMTFFMzgxREJBOTBDOTJFRjEzMTMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTVFMzQwRThDMEIwMTFFMzgxREJBOTBDOTJFRjEzMTMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6n647gAAAP5klEQVR42uxcCVRU1xl+82aGQWAQEcVAFI2gWCMqxDWYYOPCSQPxpNianLjHGJtdY2ubGI0naeBU20ZjTBQxotGKB6IhatVoIkQSRR1EQNFRBlllGZDNGRDof4f/6eP63jDMjqf3nCvOW+7yvX+//72S9vZ25v/F/CIj/0gkErMbMPcDNDU1+SkUilB4fwr0/wTUwVD7Q/Uw3l17dWtraxXUfJ1OlwntpGk0mtzJkyfXtJsxGEvmbnif9GkvAO/evfsM/JkilUrnQp+PWZMSWlpacuvr67dptdq0oKCgbLjUZgqglgLIWMrC5H1jVa/Xj4LJvd/W1lbUbqfS3NycU1lZ+U5CQkI/GCJrbHwWF1sBCKBFAMVta3dggf4rqqqqYk+fPj0UhirlOM6aAFqdhQG4MSzLvgVsutDYeyC/tDU1NWqQX5dycnLysrOzS86cOVOVmZlZT5oVeqdXr17sjBkzvEJCQvqGhYUNGTZs2OMDBgwY7enpGQD9uYn1BdRfW11d/eW0adM+hn7uwJjbnFIGwkDXAnhrjCiOCgDs159//jlt3759eSdPnqwgWGLVE/yhtpKmjI2ZsCUqQDlUxYoVKwIjIyPHjxw58pn+/fuHiYEJ4uQayMjNfn5+X5K+CJBOIQOB6iYDeL+KsVJFRcXFlJSUTyZNmjQTXgmFOgzqo1D7QlUS4kIwBNmMYjkOQPKsC1QCVm+o/aEGrFq1aoZKpfqisbGxWGw8wNbfzJw50xvbcCyAYE6sFBvorVu3VFu3bv0LPDYJ6igyQQTNHQFju1JCplQElYChwA/iO2vWrDEgDmKB6kuExgYi5HphYeFSfId1CIAAXqLQ4BoaGoqTkpI+hkcmQ30cqa03N1hrgGYCmISq+86bN29sfn5+PIz1jtBYCwoKPsIPytoNQHhHCSybKjSg3Nzcb8PDw5+Dx8YgxfVGVpPYEjgRMDkgfXbu3Pk8KK3zQmMuLS2NR8qV2hzAO3fuBAB4P9CDgOtVO3bsWA2PTEQZ5wPV1dYU1w0g3ceOHRtw9erVL4nyEJDTSfixpTYDEJ7tD+D9RHcOJkLe/PnzX0QFMYj7mo4GToC1idztk56e/idQfPX0PMrLy/d1G0RTAYTnZADefwXI/8yECROeRSXhi1QncSbwBKjR48CBA1HANaX0fIqKiuK7BaKpAAJ4KXRn169fP+Hv7/9buP0b1K5yZwaPosZeiYmJ4QCihp6XWq2OQy5irQIgaLA4uhMwAdI9PDyehtvBhC2IYevswAmAqABrIRx851v0/C5cuLCcUGqXIHYFIPiTiwXsu6zg4OAZcHsEgiftSeBRILqAR/QszPM2f45giGtCQ0MD0fQyD0BUGrcoG68IfMrn4fZIqN49jfLEKBEobh78buXPtaSk5ACKJqlZAALr7uQ3CL/1sbGxb6KN16+ng8ebu0EmAmCf0dyWlZVFTDNPUVYWAxBI+hW6sR9//HEL3BoH1R+NY+YhAdAAYlhYWO+6urrT/DkTVxA4bgRaF6YDCKybxW+orKzsHFx+Eupj6MBLLAEQPlCMKcEDOwJoMHGOHj0aBpzWyJ87cQVFWVkIQGhgBRWY1L/77rsLUe558cnZgsGTr5sEA34cQ1MSJwCQFDkoyVia+77++uto9JklRgGE33Kgvnz+yyqVKglZ9xG09RhrAIgfp7q4uPj96OhopSPcPqF449q1a310Ot1Vigp3wb0B3EKcKIBAfa/zX9Tr9bXTp08n6AcJfQFLAeSZDefz8vKetXfgQaRINRrNIlqBxsXFTX8AA7oRoL5s/ouZmZkE+TDUutLuLiqZCiA3TvCrdyQnJz9mL9tSrMydO9cdqDCH4sTPMXArFQQQHOxp/Bfgd+OcOXOIsA9ExcHYGECO6kuAAl63RzTHSGFBcb5BcUkJXB+KITJBAD+ifN3jcPmJB1C3MYBcqa+vPwUG7lO29LGNlT179viCjO7kSIDX8jf0vlihRaFO0YktW7asQF/X4wHtYwcASYEx6SoqKj7bvHnzAFuwdReFBbswnj8erVabjSE7RScAwaEeT5FraWBgYASG4+XmLqxbCiBvDeMalLk4cImdAGSKiooi6QCsu7v7KIzW3LfnJBLJFP6LN2/ePK9Wq2+T1UjimDg6iUehUMD3DEy8fft2cnp6eiiMVyaxeE2y63Lq1KkM0MDF/GsLFy4cwomVe18BHlLxUd67dy/xAYej2mYcTYGUYV8HAn7dggULvCxVMqasnYPBv4/fP3zA9WgTSrmG3KgB6ubPn/975HUXZwOQ56dmge04yxLb0ZRSU1PzJhWRuoEurauhEZB/Y/gP1NbW3vD09JxgTPs6A4CcngHBvic1NTXYHJfQlFJSUjIZOLSW32lUVFQ4idKwCMII/gsA4E3QPiTdormLNAtnKJI+ffq8GBkZmQZy+21CFSAaWWt2AHK3ALhSw782depUYg+6cB0N598Eb6AIwbsrlujjdJmiMlm/gQMHrgfr4QewHacCiHJrKZk1a9ZUAAV2AnDo0KEDiSJhUQMP4d+srKws4SX69Kji5uY2ecyYMUdgDp/v3r3bH+Zmcf7L/v37W8EeLeRf8/X1fYQPYD+KAmuQ+tqYHlgI9fn4+Lw6e/bs0zdu3FgIv12tQI1l/B+gI0h8UMaxsCfF8w1IfT06A93FxWXQkCFDtoFLeCAjI2OcJbYjcUL4v11dXQ1rxxyACip9g1MebcxDUDw8PGZOnDgxHVzCf5BAgDlKhriUneJdUqkLH0CWeritp1OfQHJlHbCzDiPqsu6+z7JsM/XbYDJxwHVSFnK5QTY+FACSGGNOTs6BWbNmvQJU+B9z50XkKkVkBvdWhp3c4d9UKpWuYtGXnlRAGebu2LFj68qVK88QhwJrvTm+Pb1/paWl5Q4fwFr+TS8vLyUC2CNBBM+qFvzVPTExMfvAKdAicCQwQpIszTLNgGV9+L/B3iTttbFIjuX8m/369fPhlhx7Gnhqtfr44sWLl06bNi0BwCMOAYmkVJI5mwseUuCj/N9VVVWkzVYZkmMBqOV7N8GG8kcA2Z4CHJheN8Dg3bZkyZKfiDcKVYvsqudvazBTjsrBlRvEv1ZaWlp2D0Ag+Xz+TW9v70EY73J6AGFiTefOndu/aNGi3ZcvX65AdiUAEhnVas7+ObrodDo/sCk7bU3Lysq6afDWSPvFxcXDqGh0WUhISCgXdXXWaExRUdHp5cuXL8B1G+Lce3c3Ym1KAQ59BsRcpyT14ODgCENMkDSyceNGBbUO0frpp5/OxgFJnA3AhoaGUtwFQLZPjMDgpps5ayYm2pAf8Puvqam5ynQkGvS9l+IFbHyW/1BaWlocI7QS70AAW1tbmy9evLg/IiKC2wUwCN1Qs1NDTKTAY/xxfP/99yQiPcrQN9dIZWXlEir3+RRcHsKIZSXZGUCyaWfdunWvQZfjmY4sCavsAjBBRPkCR9bwxzJlypTfwa3BBnHBNZKXlxdELarXzZs3L7wrOWhrAMmmxCNHjvxTJpORzDCS3OSH6zRSe6zKgZKawx8PaHsNfsT+BiXLa0QKbHyF//CJEyfWMiIpHXYAsC0/P//w7NmzSWZEKH5xL8bKi+wmAJhKLax/AZdD7kWw+FmaWq32r9SmvAtMx24jhT0BBBcsHxQbWdSfgNFy8rV7MTZI8+jCfAkE9m3ij2316tWLUOO70gAy8MVHU9q4LT4+/iWmY9+EzTMTyOYXUF5b/f39p6KQfhRFiM3yB7tQHhso7XsNP+p95Uo1IgWVfZZKtD6OckduSwALCwtPLVu27GW06YjRSvJPbJ7qJlaampr8gX60/DEeOnRoA37Y+wRF5wmXl5cvoaiwZdu2bTFICRJrAwhCuTAxMfFDnk3nizadXZItxQqYTJ9QyoOsiTz5gEgTaEQBvH+B2oiXIUaFFgy++cqVKwmhoaGR0Mxoa9h01gIQN1TWUAp1E46zTycXV6ARkhe3TCBD/22coFUyVDUazQtMx67OIKYjgVvBOGZLrBD1fUNTn1KpnIKWgOsDFCRQFCAwU6jtrGVLly4dTTdgwcAVaJZ4MA7c6SRgtkTTxHP8+PGNSH3eDwRYRABks7OznxbYmXkI7UKZFQDkdpY7zTYH9DqK6N2oTMfO+wBBr8yIIJXDy3+nQVSpVGsY3s6dh2WjDfxfIrQLPy4u7g1GYHuHKQASCnGvq6v7ic5WB9dqDmpKycMCIMzrAWJJT0+PR7dN1IzrMtH64MGDIdB4A3W0UuWuXbsiGCffXG0qgDC/1wTs0jQ0W4YyQhtsTATQsPBUUFDwjsAZCTe3b98+iXHQgRLWqqA05pKUSDpggLvwg9FoZo1GU7paT2E6djJuFABRk5yc/GRPBRHAI5tpWih3smn9+vVvo9b16XIR3sSgIvkCSjCo9wqclFYOsiKqp7Gz2IFBKSkpsRht9mO6yM7tDoAciJ4AYrJApLhRrVb/2Z4umAXVE8a7XQi8w4cP/wuDBQEY/ZFYE0AG7bbe5HgQkTOpkjZs2DCQcdIjAIBbnqC38XJLBd999x1JPJqIUXjTTzIyY9XPACJoqa+EQAS5eC03N/cPjnLNRKoLgLSKrEcZOTBoPLpq3TsGysxlUwKiJ3grH5B1WSEga2trk8+ePTuOceBeYFQUzwHVZYqts2AIjUS8B3IiqLur7uauNxsUy6ZNmyKqq6vPiqyiNYJJsBuAnmRnIFkA7nmoJ8Wi3pcuXUqG8YSjl3HvwCBz0hYsWbRnUdgOACWy1dh+N/BoDoIp9MekpCRvWykaYMfBIOfeAuDOGtlbUgGe1AaMPwZheEpudh6QFTIfJEhdXqmpqS+BIjltbL0DJlgIYH4FfvYLWVlZ/haCKdPpdMOgzUUAWgp8qNvG+iZUhwbyWNS05p3Yxp+8tY4AxbRZQo29MzMzXx0+fPhLSqUyqIu02VqY+BWouVCzwYgl+SZkx2gtUFMDy7J6aKNdLpe7gThQSqVSQr1+8DcQ+hsNf0fCM0FMF4fjXLt27Sho2UPvvffeGV7iEckDt3wfjDWOABU4IY24PwEZGRkfggy83O6AQpYigOK+jY2NfR01LFkueISOP1ojBdZqAPIGxSJVEPkSkJCQ8LJKpfoK2K3S1sCRNLdjx479OyYm5gVcoBqOwCmF1pQtll/WYmGRpEQWB+2KJoI72FxPjRo1alxwcHCku7v7YGukuGm12qu//PJL6tGjR1VgFagxta0e2ZRs19WLpbr1iKPgcW+GlAcmkZVu0dHRflFRUcHDoPj5+QWBvPN1dXXtS2SeTCZzw0x4YsvpyRmoer2+HmQjWE3VJQUFBerz58+rd+3aVaDRaJoQtEYEjH+sstEj4R0OoJlamwPTBascWV7O3D8OmcXKDa4dBX4rJom3YG3mVe6a3bZpOAJAIVuSO1ib5eVmCyW5t1NActVh+1r+J8AAu6ig4K2spqcAAAAASUVORK5CYII=) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:-webkit-transform .1s ease;-webkit-transition:-webkit-transform .1s ease;-o-transition:transform .1s ease;transition:transform .1s ease;transition:transform .1s ease,-webkit-transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(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:50%;background-repeat:no-repeat;background-size:contain;-webkit-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}/* /* Global Style settings 1. Fonts settings 2. Color settings 3. Breakpoints RWD -- a. Container sizes 4. Form settings ------------- */ /* 1. Fonts settings ------------- */ /* 2. Colors ------------- */ /* 3. Breakpoints ------------- */ /* 4. Form settings ------------- */ /** Carousel items on map mobile @params ('breakdown', 'height') */ /* Popper body class variable */ /* Popper body sizes (BEM) ex. .popper-body--@suffix -- @suffix, @width */ /* Global Style settings 1. RWD device names 2. Rem calc 3. Wrapper element 4. Shadow for boxes ------------- */ /* 1. RWD device names ------------- */ /** Breakpoint displays everything up */ /** Breakpoint displays everything down */ /** Breakpoint displays everything between two breakpoints */ /* 2. REM calc ------------- */ /* 3. Box element ------------- */ /* 4. Shadow for boxes ------------- */ /** Mixin for text-aligns */ /* /* Global Style settings 1. Fonts settings 2. Color settings 3. Breakpoints RWD -- a. Container sizes 4. Form settings ------------- */ /* 1. Fonts settings ------------- */ /* 2. Colors ------------- */ /* 3. Breakpoints ------------- */ /* 4. Form settings ------------- */ /** Carousel items on map mobile @params ('breakdown', 'height') */ /* Popper body class variable */ /* Popper body sizes (BEM) ex. .popper-body--@suffix -- @suffix, @width */ .search-bar-wrap { width: 80%; margin: 0 auto; text-align: center; } .search-bar-wrap .search-bar-container { margin-top: 2.5%; margin-bottom: 2.5%; width: 100%; height: 2.5rem; position: relative; } .search-bar-wrap input { padding-left: 7.5%; padding-top: 2.5%; padding-bottom: 2.5%; height: 2.5rem; width: 70%; border: 1px solid #808080; } .search-bar-wrap img { position: absolute; left: 16%; top: 15%; width: 4%; height: auto; } @media all and (max-width: 767px) { .search-bar-wrap img { display: none; } } .page-template-page-faq { font-weight: normal; font-style: normal; } .page-template-page-faq h2 { text-align: center; font-weight: normal; } .categories-wrap { border: 1px solid #ddd; border-left: none; border-right: none; font-weight: 600; z-index: 15; } .categories-wrap .label-icon-container img { width: 65%; } @media all and (max-width: 767px) { .categories-wrap .label-icon-container img { display: none; } } .categories-wrap .label-seperator { color: #b2b2b2; font-size: 18px; font-weight: bold; } @media all and (max-width: 1024px) { .categories-wrap .label-seperator { display: none; } } .categories-list { list-style-type: none; margin: 0; padding: 0; display: block; } .categories-list li.is-active .category-title { color: #17344c; } .categories-list li { display: inline-block; padding: 0px 10px; color: #17344c; cursor: pointer; } @media (max-width: 640px) { .categories-list li .category-title { padding-top: 1rem; padding-bottom: 1rem; display: block; border-bottom: 2px solid transparent; } } .categories-list li.is-active .category-title, .categories-list li:hover .category-title { border-color: #17344c; } .faqs-wrap { background-color: #f5f5f5; } .faqs-inner { margin: 0 auto; position: relative; z-index: 0; } .faqs-inner h3 { font-size: 1.5rem; } .faq.is-active { /*.state-switch-wrap {*/ /*}*/ } .faq.is-active .show-on-active { display: block !important; } .faq.is-active .show-on-hidden { display: none !important; } .show-on-active img { top: 33px; } .faq { background-color: #fff; padding: 0.625rem 1.25rem; position: relative; margin: 1.25rem 0; } .faq:hover { cursor: pointer; } .faq .state-switch-wrap .show-on-active { display: none; } .faq .state-switch-wrap .show-on-hidden { display: block; } .faq .expand span { position: absolute; right: 2.5rem; top: 1.875rem; font-weight: bold; font-size: 0.75rem; } @media all and (max-width: 767px) { .faq .expand span { display: none; } } .faq .expand img { position: absolute; right: .8rem; top: 2.1875rem; width: 0.8rem; height: auto; } .faq:before { /* $p: -30px;*/ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; display: block; background-color: #fff; -webkit-box-shadow: 0 0 15px rgba(51, 51, 51, 0.1); box-shadow: 0 0 15px rgba(51, 51, 51, 0.1); } .faq .question-title { width: 75%; margin: 10px 0; cursor: pointer; font-size: 1.5rem; } @media all and (max-width: 1024px) { .faq .question-title { width: 90%; } } .question-answer:before { width: 14%; background: #17344c; height: 3px; } .question-answer:before, .question-answer:after { content: ''; display: table; clear: both; } .question-answer p { font-size: 1rem; } .question-answer-wrap { max-height: 0; overflow: hidden; -webkit-transition: max-height .3s ease-in-out; -o-transition: max-height .3s ease-in-out; transition: max-height .3s ease-in-out; } .faq-content-wrap .nowrap { padding-left: 0; padding-right: 0; } .faq-content-wrap .categories-wrap { background-color: #fff; position: -webkit-sticky; position: sticky; top: 0; text-align: center; } .faq-content-wrap .row-fluid { max-width: 100%; margin-left: 0; margin-right: 0; } @media screen and (max-width: 480px) { .faq-content-wrap .categories-wrap { position: relative; } } /* /* Global Style settings 1. Fonts settings 2. Color settings 3. Breakpoints RWD -- a. Container sizes 4. Form settings ------------- */ /* 1. Fonts settings ------------- */ /* 2. Colors ------------- */ /* 3. Breakpoints ------------- */ /* 4. Form settings ------------- */ /** Carousel items on map mobile @params ('breakdown', 'height') */ /* Popper body class variable */ /* Popper body sizes (BEM) ex. .popper-body--@suffix -- @suffix, @width */ /* /* Global Style settings 1. Fonts settings 2. Color settings 3. Breakpoints RWD -- a. Container sizes 4. Form settings ------------- */ /* 1. Fonts settings ------------- */ /* 2. Colors ------------- */ /* 3. Breakpoints ------------- */ /* 4. Form settings ------------- */ /** Carousel items on map mobile @params ('breakdown', 'height') */ /* Popper body class variable */ /* Popper body sizes (BEM) ex. .popper-body--@suffix -- @suffix, @width */ /* Global Style settings 1. RWD device names 2. Rem calc 3. Wrapper element 4. Shadow for boxes ------------- */ /* 1. RWD device names ------------- */ /** Breakpoint displays everything up */ /** Breakpoint displays everything down */ /** Breakpoint displays everything between two breakpoints */ /* 2. REM calc ------------- */ /* 3. Box element ------------- */ /* 4. Shadow for boxes ------------- */ /** Mixin for text-aligns */ /* 1. Container viewport 1.a Styled viewport 1.b Half viewport 1.c Columns viewport 1.d Margin top 1.e Center 2. Wrapper 2.a Bright wrapper 2.b Voucher wrapper 2.c Submission wrapper 2.d Summary wrapper 2.e Payment wrapper 3. Wrapper row 4. Wrapper title 5. Wrapper list 6. Wrapper footer 7. Wrapper products 8. Wrapper menu 9. Wrapper checkout steps ------------- */ /* 1. Container viewport ------------- */ .viewport { display: block; min-height: calc(100vh - 8rem); /* 1.a Styled viewport ------------- */ /* to use with breadcrumbs*/ /* 1.b Half viewport ------------- */ /* 1.c Columns viewport ------------- */ /* 1.d Margin top ------------- */ /* 1.e Center ------------- */ } .viewport hr { margin: 1rem auto 2rem; } .viewport--styled { background: #ececec; padding: 3rem 0; border-top: .5rem solid #fff; } @media screen and (max-width: 640px) { .viewport--styled { padding: 1rem 0; } } .viewport--nopadding-top { padding-top: 0; border-top: none; } .viewport--small { min-height: calc(50vh - 5rem); } .viewport--columns { position: relative; } .viewport--columns .col { width: 50%; } .viewport--columns .col--right { background-color: #f1f1f1; position: absolute; top: 0; right: 0; height: 100%; background-size: cover; min-height: 200px; } .viewport--margin { margin-top: 3.75rem; } .viewport--center { display: table; width: 100%; } .viewport--center .cell { display: table-cell; text-align: center; vertical-align: middle; } /* 2. Wrapper ------------- */ .wrapper { display: block; margin: 0 auto; max-width: 1460px; /* 2.a Wrapper bright ------------- */ /* 2.b Voucher wrapper ------------- */ /* 2.c Gift card wrapper ------------- */ /* 2.d Submission wrapper ------------- */ /* 2.e Summary wrapper ------------- */ /* 2.f Payment wrapper ------------- */ /* 2.g Page ------------- */ } .wrapper--bright { background: #fff; box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1); box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.1); } .wrapper--voucher { padding-top: 1rem; } .wrapper--voucher strong { line-height: 1; padding: 0 .5rem; display: inline-block; font-size: 1.625rem; } @media screen and (max-width: 640px) { .wrapper--voucher h3 { font-size: 1.625rem; padding-top: 0.375rem; } } .wrapper--voucher .voucher-small { font-size: .7rem; margin: -1.5rem 0 0 0; padding-left: .5rem; } .wrapper--voucher input#voucher { text-transform: uppercase; } .wrapper--voucher .popper-menu { max-width: 90vw; max-height: 10rem; overflow: auto; right: 0; -webkit-transform: translate3d(0, 3rem, 0) !important; transform: translate3d(0, 3rem, 0) !important; /*overwrite popper inline style*/ margin-right: 0.8rem; margin-left: 0.8rem; } @media (max-width: 640px) { .wrapper--voucher .popper-menu { margin-right: 1.1rem; } } .wrapper--voucher .popper-menu ol { width: 100%; padding: 0 .5rem 0 1.5rem; } .wrapper--gift-card { padding-top: 1rem; } .wrapper--submission { background: transparent; text-align: center; -webkit-box-shadow: none; box-shadow: none; } .wrapper--submission hr { margin: 1rem 0; } .wrapper--submission p { font-size: 1rem; color: #606060; line-height: 1.8; } .wrapper--submission strong { color: #000; font-size: 1.2rem; } .wrapper--summary { margin-top: 2rem; background: transparent; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 1.4rem 0; font-size: 1.6rem; line-height: 1.2; } .wrapper--summary strong { font-weight: bold; font-size: 2.4rem; } .wrapper--summary span { display: block; font-size: 1rem; color: #aaa; } @media screen and (max-width: 640px) { .wrapper--summary .col { text-align: center; } } .wrapper--payment { background: transparent; padding: 1rem 0; font-size: 1.6rem; } .wrapper--payment span { display: block; font-size: 1.2rem; color: #aaa; } .wrapper--payment i { width: 70px; } @media screen and (max-width: 640px) { .wrapper--payment .col { text-align: center; } } .wrapper--page { background: #fff; padding: 3rem; margin-top: 1rem; } @media screen and (max-width: 1460px) { .wrapper--page { margin: 1rem; } } .wrapper--page p { font-size: 1.2rem; line-height: 1.6; } .wrapper--upselling { margin-bottom: 1rem; } .wrapper--upselling .upselling__qty-value { line-height: 1; padding: 0 .5rem; display: inline-block; font-size: 1.625rem; position: relative; } .wrapper--upselling .upselling__qty-value:after { content: ""; display: block; right: -1rem; top: -1.25rem; bottom: -1.25rem; border-right: 1px solid #ddd; position: absolute; } .wrapper--functions, .wrapper--functions li { display: block; margin: 0; padding: 0; } .wrapper--functions .padding-bottom, .wrapper--functions li .padding-bottom { padding-bottom: 0.375rem; } .wrapper--functions .form-group { padding: 0; } .wrapper--functions .btn { margin: 0 .5rem 0 0; vertical-align: middle; } .wrapper--functions .name { vertical-align: baseline; } .wrapper--functions .summary-extra__form-group { margin: 0; } /* 4. Wrapper title ------------- */ .wrapper__title { margin: 2rem 0 0; font-size: 1.4rem; padding: 0 1rem .4rem; } /* 5. Wrapper list ------------- */ .wrapper__list { display: block; list-style: none; padding: .8rem 1.5rem; margin: 0; font-size: 1.125rem; } .wrapper__list li { display: block; padding: 0.5rem 0; margin: 0.25rem; line-height: 1; vertical-align: middle; } .wrapper__list li:first-of-type { font-size: 140%; line-height: 1.4; } .wrapper__list li:first-of-type .icon:after { width: 1.5rem; height: 1.25rem; } .wrapper__list li:first-of-type .icon:before { left: 1.875rem; } .wrapper__list .icon { width: 2.5rem; position: relative; } .wrapper__list .icon:before { content: ":"; position: absolute; bottom: 0; left: 1.75rem; font-size: 1.375rem; opacity: .5; font-style: normal; } /* 6. Wrapper footer ------------- */ .wrapper__footer { display: block; border-top: 1px solid #ddd; width: 100%; text-align: center; line-height: 1; padding: 1rem; } @media screen and (max-width: 640px) { .wrapper__footer { margin-top: 1rem; } } .wrapper__footer a { display: inline-block; font-size: 1.1rem; color: #2d2d2d; text-decoration: none; font-weight: bold; line-height: 2rem; } .wrapper__footer strong { font-weight: bold; display: inline-block; font-size: 2rem; color: #2d2d2d; line-height: 1; } button.wrapper__footer { outline: none; cursor: pointer; -webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease; line-height: 2; padding: 1rem; } button.wrapper__footer:hover { background: #f1f1f1; } /* 7. Wrapper products ------------- */ .wrapper__product { border-top: 1px solid #eee; } .wrapper--upselling { margin-top: 1rem; } .wrapper-product__text { padding-bottom: 0.9rem; } .gift-card-product-note { font-size: 0.8em !important; font-style: italic; margin-top: 8px !important; } .wrapper__product, .wrapper--upselling { display: block; text-align: left; } .wrapper__product li, .wrapper--upselling li { display: block; } @media screen and (max-width: 640px) { .wrapper__product .table, .wrapper--upselling .table { padding-bottom: 2rem; } } .wrapper__product .thumbnail, .wrapper--upselling .thumbnail { height: 140px; background: #eee center center; background-size: cover; width: 140px; margin: 1rem 0; } @media screen and (max-width: 640px) { .wrapper__product .thumbnail, .wrapper--upselling .thumbnail { margin: 1rem auto 0; } } .wrapper__product h2, .wrapper--upselling h2 { margin: 0.9rem 0 0.4rem; padding: 0; font-size: 1.6rem; font-family: "Lato", sans-serif; } @media screen and (max-width: 640px) { .wrapper__product h2, .wrapper--upselling h2 { margin: 1rem 0; } } @media screen and (max-width: 640px) { .wrapper__product h2, .wrapper--upselling h2 { text-align: center; } } .wrapper__product p, .wrapper--upselling p { margin: 0; padding: 0; font-size: 1.2rem; color: #888; } @media screen and (max-width: 640px) { .wrapper__product p, .wrapper--upselling p { text-align: center; padding: .2rem; } } .wrapper__product p.capitalize, .wrapper--upselling p.capitalize { text-transform: capitalize; } /* 8. Wrapper menu ------------- */ .wrapper__menu { display: inline-block; padding: 0; margin: 0; } @media screen and (max-width: 480px) { .wrapper__menu { padding-top: 1rem; display: block; text-align: center; } } .wrapper__menu li { display: block; color: #aaa; } .wrapper__menu .persons { color: #000; font-weight: bold; padding: 0 .2rem; } .wrapper__menu .btn { margin-left: 1rem; } /* 9. Wrapper checkout steps ------------- */ .wrapper-checkout-step { font-size: .8rem; display: block; text-align: center; color: #888; margin-top: -1rem; padding-bottom: 1rem; } .wrapper-checkout-step--bottom { padding-bottom: 0; margin-bottom: -1rem; } /* /* Global Style settings 1. Fonts settings 2. Color settings 3. Breakpoints RWD -- a. Container sizes 4. Form settings ------------- */ /* 1. Fonts settings ------------- */ /* 2. Colors ------------- */ /* 3. Breakpoints ------------- */ /* 4. Form settings ------------- */ /** Carousel items on map mobile @params ('breakdown', 'height') */ /* Popper body class variable */ /* Popper body sizes (BEM) ex. .popper-body--@suffix -- @suffix, @width */ /* /* Global Style settings 1. Fonts settings 2. Color settings 3. Breakpoints RWD -- a. Container sizes 4. Form settings ------------- */ /* 1. Fonts settings ------------- */ /* 2. Colors ------------- */ /* 3. Breakpoints ------------- */ /* 4. Form settings ------------- */ /** Carousel items on map mobile @params ('breakdown', 'height') */ /* Popper body class variable */ /* Popper body sizes (BEM) ex. .popper-body--@suffix -- @suffix, @width */ /* Global Style settings 1. RWD device names 2. Rem calc 3. Wrapper element 4. Shadow for boxes ------------- */ /* 1. RWD device names ------------- */ /** Breakpoint displays everything up */ /** Breakpoint displays everything down */ /** Breakpoint displays everything between two breakpoints */ /* 2. REM calc ------------- */ /* 3. Box element ------------- */ /* 4. Shadow for boxes ------------- */ /** Mixin for text-aligns */ .cart__panel { box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1); box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.1); background: #fff; border: 1px solid #fff; } .cart__panel h2 { font-family: "Lato", sans-serif; font-size: 1.6rem; margin: 0; padding: 1rem; width: 300px; text-align: center; } .cart__panel hr { width: 10.9375rem; margin: 0 auto 1.5rem; } .cart__panel span { display: block; color: #aaa; padding: 0 1rem; } .cart__panel p { margin: 0; font-size: 1rem; text-align: center; padding: 0; color: #aaa; } .cart__panel strong { font-weight: bold; display: block; font-size: 2.4rem; text-align: center; } .cart__panel .panel__thumbnail { height: 200px; background-position: center center; background-size: contain; background-repeat: no-repeat; background-color: #ddd; } .cart__panel .panel__summary { border-top: 1px solid #eee; padding: 1rem; } .cart__panel--fixed { -webkit-animation: show-cart 1.5s ease-in-out; animation: show-cart 1.5s ease-in-out; position: fixed; left: 2rem; top: 50%; z-index: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .cart__panel--fixed .panel__name { padding-bottom: 1rem; color: #38628b; font-weight: bold; } @media (max-width: 1380px) { .cart__panel--fixed { display: none; } .cart__panel--fixed .panel__thumbnail { width: 40%; float: left; height: 17.5rem; } .cart__panel--fixed .panel__body { width: 60%; float: left; } .cart__panel--fixed h2, .cart__panel--fixed span, .cart__panel--fixed p, .cart__panel--fixed strong { text-align: center; width: 100%; } } @media screen and (max-width: 640px) { .cart__panel--fixed .panel__thumbnail { display: none; } .cart__panel--fixed .panel__body { float: none; width: 100%; } } @-webkit-keyframes show-cart { from { opacity: 0; left: 5rem; } to { opacity: 1; } } @keyframes show-cart { from { opacity: 0; left: 5rem; } to { opacity: 1; } } /* /* Global Style settings 1. Fonts settings 2. Color settings 3. Breakpoints RWD -- a. Container sizes 4. Form settings ------------- */ /* 1. Fonts settings ------------- */ /* 2. Colors ------------- */ /* 3. Breakpoints ------------- */ /* 4. Form settings ------------- */ /** Carousel items on map mobile @params ('breakdown', 'height') */ /* Popper body class variable */ /* Popper body sizes (BEM) ex. .popper-body--@suffix -- @suffix, @width */ /* /* Global Style settings 1. Fonts settings 2. Color settings 3. Breakpoints RWD -- a. Container sizes 4. Form settings ------------- */ /* 1. Fonts settings ------------- */ /* 2. Colors ------------- */ /* 3. Breakpoints ------------- */ /* 4. Form settings ------------- */ /** Carousel items on map mobile @params ('breakdown', 'height') */ /* Popper body class variable */ /* Popper body sizes (BEM) ex. .popper-body--@suffix -- @suffix, @width */ /* Global Style settings 1. RWD device names 2. Rem calc 3. Wrapper element 4. Shadow for boxes ------------- */ /* 1. RWD device names ------------- */ /** Breakpoint displays everything up */ /** Breakpoint displays everything down */ /** Breakpoint displays everything between two breakpoints */ /* 2. REM calc ------------- */ /* 3. Box element ------------- */ /* 4. Shadow for boxes ------------- */ /** Mixin for text-aligns */ .product__small { box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1); box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.1); background: #fff; text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 31.25rem; max-width: 100%; margin: 2rem auto; } .product__small h2 { font-size: 1.8rem; font-family: "Lato", sans-serif; margin: 0 0 .4rem; font-weight: normal; } .product__small p { margin: 0; line-height: 1.2; } .product__small .thumbnail { background-size: cover; background-position: center center; background-color: #f1f1f1; width: 8rem; height: 6rem; margin: .6rem 1rem .6rem .6rem; } .upselling:not(.is-empty) .upselling__empty { display: none !important; } .upselling.is-empty .upselling__qty { display: none !important; } .upselling.is-empty .upselling__shipping { display: none !important; } /** Hack for hiding kris label for child form */ .upselling__shipping > .form-group > .control-label { /*display: none;*/ } /* /* Global Style settings 1. Fonts settings 2. Color settings 3. Breakpoints RWD -- a. Container sizes 4. Form settings ------------- */ /* 1. Fonts settings ------------- */ /* 2. Colors ------------- */ /* 3. Breakpoints ------------- */ /* 4. Form settings ------------- */ /** Carousel items on map mobile @params ('breakdown', 'height') */ /* Popper body class variable */ /* Popper body sizes (BEM) ex. .popper-body--@suffix -- @suffix, @width */ /* /* Global Style settings 1. Fonts settings 2. Color settings 3. Breakpoints RWD -- a. Container sizes 4. Form settings ------------- */ /* 1. Fonts settings ------------- */ /* 2. Colors ------------- */ /* 3. Breakpoints ------------- */ /* 4. Form settings ------------- */ /** Carousel items on map mobile @params ('breakdown', 'height') */ /* Popper body class variable */ /* Popper body sizes (BEM) ex. .popper-body--@suffix -- @suffix, @width */ /* Global Style settings 1. RWD device names 2. Rem calc 3. Wrapper element 4. Shadow for boxes ------------- */ /* 1. RWD device names ------------- */ /** Breakpoint displays everything up */ /** Breakpoint displays everything down */ /** Breakpoint displays everything between two breakpoints */ /* 2. REM calc ------------- */ /* 3. Box element ------------- */ /* 4. Shadow for boxes ------------- */ /** Mixin for text-aligns */ .summary-extra { margin-top: 2rem; } .summary-extra:not(.is-active) .summary-extra__form-group { display: none !important; } .summary-extra:not(.has-error) .summary-extra__error { display: none !important; } .summary-extra .summary-extra__validate { margin: 0; } .summary-extra .summary-extra__input { max-width: 100%; } @media screen and (max-width: 640px) { .summary-extra .summary-extra__input { padding-top: 1rem; } } .summary-extra__error { padding: .2rem 1rem; text-align: center; color: #ad1d1d; } /* /* Global Style settings 1. Fonts settings 2. Color settings 3. Breakpoints RWD -- a. Container sizes 4. Form settings ------------- */ /* 1. Fonts settings ------------- */ /* 2. Colors ------------- */ /* 3. Breakpoints ------------- */ /* 4. Form settings ------------- */ /** Carousel items on map mobile @params ('breakdown', 'height') */ /* Popper body class variable */ /* Popper body sizes (BEM) ex. .popper-body--@suffix -- @suffix, @width */ li.used-coupons { margin-top: 2rem; } .used_coupon { display: table; width: 100%; table-layout: fixed; padding: 10px 0; } .used_coupon > div { vertical-align: middle; display: table-cell; } .used_coupon__title { padding: 0 10px; } .used_coupon__price { text-align: right; padding-right: 15px; font-size: 1.5rem; font-weight: bold; margin-right: 10px; } .used_coupon__code { display: inline-block; vertical-align: middle; } .used_coupon__remove { display: inline-block; vertical-align: middle; } /* /* Global Style settings 1. Fonts settings 2. Color settings 3. Breakpoints RWD -- a. Container sizes 4. Form settings ------------- */ /* 1. Fonts settings ------------- */ /* 2. Colors ------------- */ /* 3. Breakpoints ------------- */ /* 4. Form settings ------------- */ /** Carousel items on map mobile @params ('breakdown', 'height') */ /* Popper body class variable */ /* Popper body sizes (BEM) ex. .popper-body--@suffix -- @suffix, @width */ .wrapper--timer { display: block; border-top: 1px solid #ddd; width: 100%; text-align: center; line-height: 1; padding: .5rem 1rem; } .wrapper--timer p { text-align: left; margin: 0; padding: 1.4rem 0; font-size: 1rem; color: #888; } @media (max-width: 1024px) { .wrapper--timer p { text-align: center; padding: 1.2rem .5rem; } } .wrapper--timer .wrapper--timer__time { padding: 1rem; font-size: 2rem; color: #ad1d1d; font-weight: 700; } .wrapper--timer .wrapper--timer__time small { margin-left: .3rem; font-size: 1rem; } .wrapper--timer .wrapper--timer__time i { margin-right: 2.5rem; } .wrapper--timer .wrapper--timer__time i:after { width: 2.2rem; height: 2.2rem; -webkit-animation: iconRotate 1s infinite; animation: iconRotate 1s infinite; } @media (min-width: 640px) { .wrapper--timer .wrapper--timer__time { border-left: 1px solid #f1f1f1; } } @media (max-width: 1024px) { .wrapper--timer { padding: 0 .5rem; } } @-webkit-keyframes iconRotate { 49% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(10deg); transform: rotate(10deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } 90% { -webkit-transform: rotate(2deg); transform: rotate(2deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes iconRotate { 49% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(10deg); transform: rotate(10deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } 90% { -webkit-transform: rotate(2deg); transform: rotate(2deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } /* /* Global Style settings 1. Fonts settings 2. Color settings 3. Breakpoints RWD -- a. Container sizes 4. Form settings ------------- */ /* 1. Fonts settings ------------- */ /* 2. Colors ------------- */ /* 3. Breakpoints ------------- */ /* 4. Form settings ------------- */ /** Carousel items on map mobile @params ('breakdown', 'height') */ /* Popper body class variable */ /* Popper body sizes (BEM) ex. .popper-body--@suffix -- @suffix, @width */ /* /* Global Style settings 1. Fonts settings 2. Color settings 3. Breakpoints RWD -- a. Container sizes 4. Form settings ------------- */ /* 1. Fonts settings ------------- */ /* 2. Colors ------------- */ /* 3. Breakpoints ------------- */ /* 4. Form settings ------------- */ /** Carousel items on map mobile @params ('breakdown', 'height') */ /* Popper body class variable */ /* Popper body sizes (BEM) ex. .popper-body--@suffix -- @suffix, @width */ /* Global Style settings 1. RWD device names 2. Rem calc 3. Wrapper element 4. Shadow for boxes ------------- */ /* 1. RWD device names ------------- */ /** Breakpoint displays everything up */ /** Breakpoint displays everything down */ /** Breakpoint displays everything between two breakpoints */ /* 2. REM calc ------------- */ /* 3. Box element ------------- */ /* 4. Shadow for boxes ------------- */ /** Mixin for text-aligns */ /** Main popup container */ @media screen and (max-width: 1024px) { .popper { position: fixed !important; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; bottom: 0; right: 0; width: 100%; background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, #17344c), to(rgba(23, 52, 76, 0.8))); background: -webkit-linear-gradient(top, #17344c 30%, rgba(23, 52, 76, 0.8)); background: -o-linear-gradient(top, #17344c 30%, rgba(23, 52, 76, 0.8)); background: linear-gradient(to bottom, #17344c 30%, rgba(23, 52, 76, 0.8)); color: #fff; height: 100%; padding-bottom: 7rem; overflow-y: auto; } .popper-head { position: relative; padding: 1rem; background: #112738; } .popper-head h2 { color: inherit; display: block; text-align: center; margin: 0; padding: 0; font-size: 1.8rem; } } @media screen and (max-width: 1024px) and (max-width: 480px) { .popper-head h2 { text-align: right; } } @media screen and (max-width: 1024px) { .popper-head .btn--back { /* set arrow size*/ position: absolute; left: 1rem; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); color: inherit; font-size: 1.2rem; margin: 0 0 0 1.2rem; padding: 0; text-decoration: none; border-bottom: 1px solid rgba(255, 255, 255, 0.4); } .popper-head .btn--back:before { content: ""; display: inline-block; float: none; clear: both; width: 0.8rem; height: 0.8rem; border-left: 1px solid #fff; border-bottom: 1px solid #fff; position: absolute; left: -0.8rem; top: 50%; -webkit-transform: translate(0, -50%) rotate(45deg); -ms-transform: translate(0, -50%) rotate(45deg); transform: translate(0, -50%) rotate(45deg); } } @media screen and (max-width: 1024px) and (max-width: 480px) { .popper-head .btn--back { left: .5rem; } } @media screen and (max-width: 1024px) { .mobile-results-button { position: fixed; left: 0; bottom: 0; padding: 1rem 0; width: 100%; z-index: 105; } .mobile-results-button:before { content: ""; display: block; float: none; clear: both; background: -webkit-gradient(linear, left top, left bottom, from(rgba(17, 39, 56, 0)), to(#112738)); background: -webkit-linear-gradient(top, rgba(17, 39, 56, 0), #112738); background: -o-linear-gradient(top, rgba(17, 39, 56, 0), #112738); background: linear-gradient(to bottom, rgba(17, 39, 56, 0), #112738); height: 200%; position: absolute; bottom: 0; left: 0; width: 100%; pointer-events: none; } .form-dropdown { margin-top: 2rem; } .form-dropdown .dropdown-body { max-width: 80%; margin: 0 auto; width: 100%; } } @media screen and (max-width: 1024px) and (max-width: 480px) { .form-dropdown .dropdown-body { max-width: 100%; } } @media screen and (max-width: 1024px) { .form-dropdown .dropdown-body .btn--filter { padding: .8rem 0; background: #fff; text-align: center; font-size: 1.2rem; max-width: 17.5rem; margin: 0 auto 10px; } .form-dropdown .dropdown-body li.is-active .btn--filter { background: #38628b; color: #fff; font-weight: 600; } .form-dropdown .dropdown-body__list li.last-places { padding: 0; } .form-dropdown .dropdown-body__terms, .form-dropdown .dropdown-body__table { font-size: 0; } .form-dropdown .dropdown-body__terms li, .form-dropdown .dropdown-body__table li { width: calc(33.3333% - 8px); font-size: 1rem; margin: 4px; padding: 0; } .form-dropdown .dropdown-body__terms li.last-places, .form-dropdown .dropdown-body__table li.last-places { padding: 0; } .form-dropdown .dropdown-body__terms .btn--filter, .form-dropdown .dropdown-body__table .btn--filter { margin: 0; } .form-dropdown .dropdown-body__table { text-align: center; } } @media screen and (max-width: 1024px) and (max-width: 480px) { .form-dropdown .dropdown-body__table { margin: 0 3rem; width: auto; } } @media screen and (max-width: 1024px) { .form-dropdown .dropdown-body__table li { display: inline-block; width: 15rem; float: none; } } @media screen and (max-width: 1024px) and (max-width: 480px) { .form-dropdown .dropdown-body__table li { width: 100%; } } @media screen and (max-width: 1024px) { .form-dropdown .dropdown-body__table .btn--filter { text-align: left; padding-left: .6rem; } } @media screen and (max-width: 1024px) and (max-width: 480px) { .form-dropdown .dropdown-body__table .btn--filter { max-width: 100%; } } @media screen and (max-width: 1024px) { .form-dropdown .last-places { padding: 1rem 0; text-align: center; } .form-dropdown .btn--link:not(.btn--back) { margin: .8rem .4rem; padding: .1rem; text-decoration: none; border-bottom: 1px solid rgba(255, 255, 255, 0.4); } .btn--filter[disabled] { opacity: .2; } .btn--filter[disabled]:hover { opacity: .2; } .pika-table .pika-button { padding: 1rem 0; } } @media screen and (max-width: 1024px) and (max-width: 480px) { .pika-table .pika-button { padding: .8rem 0; } } @charset "UTF-8"; /* /* Global Style settings 1. Fonts settings 2. Color settings 3. Breakpoints RWD -- a. Container sizes 4. Form settings ------------- */ /* 1. Fonts settings ------------- */ /* 2. Colors ------------- */ /* 3. Breakpoints ------------- */ /* 4. Form settings ------------- */ /** Carousel items on map mobile @params ('breakdown', 'height') */ /* Popper body class variable */ /* Popper body sizes (BEM) ex. .popper-body--@suffix -- @suffix, @width */ /* /* Global Style settings 1. Fonts settings 2. Color settings 3. Breakpoints RWD -- a. Container sizes 4. Form settings ------------- */ /* 1. Fonts settings ------------- */ /* 2. Colors ------------- */ /* 3. Breakpoints ------------- */ /* 4. Form settings ------------- */ /** Carousel items on map mobile @params ('breakdown', 'height') */ /* Popper body class variable */ /* Popper body sizes (BEM) ex. .popper-body--@suffix -- @suffix, @width */ /* Global Style settings 1. RWD device names 2. Rem calc 3. Wrapper element 4. Shadow for boxes ------------- */ /* 1. RWD device names ------------- */ /** Breakpoint displays everything up */ /** Breakpoint displays everything down */ /** Breakpoint displays everything between two breakpoints */ /* 2. REM calc ------------- */ /* 3. Box element ------------- */ /* 4. Shadow for boxes ------------- */ /** Mixin for text-aligns */ /* main style*/ /*! * Pikaday * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/ */ .pika-single { z-index: 9999; display: block; position: relative; color: #333; background: #fff; } /* clear child float (pika-lendar), using the famous micro clearfix hack http://nicolasgallagher.com/micro-clearfix-hack/ */ .pika-single:before, .pika-single:after { content: " "; display: table; } .pika-single:after { clear: both; } .pika-single { *zoom: 1; } .pika-single.is-hidden { display: none; } .pika-single.is-bound { position: absolute; -webkit-box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5); } .pika-lendar { float: left; width: 100%; } .pika-title { position: relative; text-align: center; padding: .4rem 0; border-bottom: 1px solid #eee; } .pika-label { display: inline-block; *display: inline; position: relative; z-index: 9999; overflow: hidden; margin: 0 .4rem; padding-top: .4rem; font-size: 1rem; line-height: 20px; font-weight: bold; background-color: #fff; } .pika-title select { cursor: pointer; position: absolute; z-index: 9998; margin: 0; left: 0; top: 5px; filter: alpha(opacity=0); opacity: 0; } .pika-prev, .pika-next { display: block; cursor: pointer; position: relative; outline: none; border: 0; padding: 0; width: 20px; height: 30px; /* hide text using text-indent trick, using width value (it's enough) */ text-indent: 20px; white-space: nowrap; overflow: hidden; background-color: transparent; background-position: center center; background-repeat: no-repeat; background-size: 75% 75%; opacity: .5; *position: absolute; *top: 0; } .pika-prev:hover, .pika-next:hover { opacity: 1; } .pika-prev, .is-rtl .pika-next { float: left; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg=="); *left: 0; } .pika-next, .is-rtl .pika-prev { float: right; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII="); *right: 0; } .pika-prev.is-disabled, .pika-next.is-disabled { cursor: default; opacity: .2; } .pika-select { display: inline-block; *display: inline; } .pika-table { width: 100%; border-collapse: collapse; border-spacing: 0; border: 0; background: #eaeaea; } .pika-table th, .pika-table td { width: 14.285714285714286%; padding: 1px 1px 0 0; } .pika-table th { color: #bbb; font-size: 0.875rem; padding: .5rem 0; font-weight: normal; text-align: center; background: #fff; } .pika-button { cursor: pointer; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; outline: none; border: 0; margin: 0; width: 100%; padding: .5rem 0; color: #666; font-size: 0.875rem; line-height: 1; text-align: center; background: #fff; -webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease; } .pika-button:hover { background: #234f73; border-color: #fff; color: #fff; } .pika-week { font-size: 11px; color: #999; } .is-today .pika-button { color: #17344c; font-weight: bold; } .is-today .pika-button:hover { background: #17344c; color: #fff; } .is-selected .pika-button, .has-event .pika-button { color: #fff; font-weight: bold; background: #17344c; -webkit-box-shadow: inset 0 1px 3px #17344c; box-shadow: inset 0 1px 3px #17344c; } .has-event .pika-button { background: #6ec261; -webkit-box-shadow: inset 0 1px 3px #6ec261; box-shadow: inset 0 1px 3px #6ec261; } .is-disabled .pika-button, .is-inrange .pika-button { background: #eee; } .is-startrange .pika-button { color: #aaa; background: #6ec261; -webkit-box-shadow: none; box-shadow: none; } .is-endrange .pika-button { color: #fff; background: #ff8b23; -webkit-box-shadow: none; box-shadow: none; } .is-disabled .pika-button { pointer-events: none; cursor: default; color: #999; opacity: .3; } .is-outside-current-month .pika-button { color: #999; opacity: .3; } .is-selection-disabled { pointer-events: none; cursor: default; } /* styling for abbr */ .pika-table abbr { border-bottom: none; cursor: help; } @media screen and (max-width: 1024px) { .pika-lendar { width: 100%; } } /*# sourceMappingURL=commons-803808f3dcb29758b958290d905e36ca.css.map*/