/* Version: 1.0 Author: Symlink Technology Author URI: https://www.symlinktech.com/. */ @import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900|Open+Sans:300,400,600,700,800|Oswald:200,300,400,500,600,700|Poppins:100,200,300,400,500,600,700,800,900|Roboto:100,300,400,500,700,900&display=swap'); @font-face{font-family:"SF Pro Ultralight";font-style:normal;font-weight:100;src:url(../fonts/SFProDisplay-Ultralight.woff2) format("woff2");} @font-face{font-family:"SF Pro Thin";font-style:normal;font-weight:200;src:url(../fonts/SFProDisplay-Thin.woff2) format("woff2");} @font-face{font-family:"SF Pro Light";font-style:normal;font-weight:300;src:url(../fonts/SFProDisplay-Light.woff2) format("woff2");} @font-face{font-family:"SF Pro Regular";font-style:normal;font-weight:400;src:url(../fonts/SFProDisplay-Regular.woff2) format("woff2");} @font-face{font-family:"SF Pro Medium";font-style:normal;font-weight:500;src:url(../fonts/SFProDisplay-Medium.woff2) format("woff2");} @font-face{font-family:"SF Pro Semibold";font-style:normal;font-weight:600;src:url(../fonts/SFProDisplay-Semibold.woff2) format("woff2");} @font-face{font-family:"SF Pro Bold";font-style:normal;font-weight:700;src:url(../fonts/SFProDisplay-Bold.woff2) format("woff2");} @font-face{font-family:"SF Pro Heavy";font-style:normal;font-weight:800;src:url(../fonts/SFProDisplay-Heavy.woff2) format("woff2");} @font-face{font-family:"SF Pro Black";font-style:normal;font-weight:900;src:url(../fonts/SFProDisplay-Black.woff2) format("woff2");} /* font-family: 'Roboto', sans-serif; font-family: 'Open Sans', sans-serif; font-family: 'Oswald', sans-serif; font-family: 'Montserrat', sans-serif; font-family: 'SF Pro Ultralight', sans-serif; font-family: 'SF Pro Thin', sans-serif; font-family: 'SF Pro Light', sans-serif; font-family: 'SF Pro Regular', sans-serif; font-family: 'SF Pro Medium', sans-serif; font-family: 'SF Pro Semibold', sans-serif; font-family: 'SF Pro Bold', sans-serif; font-family: 'SF Pro Heavy', sans-serif; font-family: 'SF Pro Black', sans-serif; */ /* ********|| INITIALIZATION STARTS ||******** */ body, html { width: 100%; line-height:18px; margin:0 !important;padding:0 !important;font-family: 'SF Pro Regular', sans-serif; -webkit-font-smoothing: subpixel-antialiased;text-shadow: 1px 1px 1px rgba(0,0,0,0.004);font-size: 16px;color: var(--secondaryColor); background-color: #fff;position: relative; z-index: 0; } *:focus{outline: none !important;outline-offset: none !important;outline-offset: 0 !important;} a {text-decoration: none ;} a:hover{text-decoration: none;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;transition: all 0.3s ease;} a:focus{ outline: none;text-decoration: none;} input:focus, label:focus{outline: none !important;outline-offset: none !important;outline-offset: 0 !important;} /* ********|| INITIALIZATION ENDS ||******** */ /* ********|| PSEUDO ELEMENTS STARTS ||******** */ ::selection{ background-color:#14151f; color:#fff} ::-moz-selection{ background-color:#14151f; color:#fff} ::-webkit-selection{ background-color:#14151f; color:#fff} :-webkit-focus { outline: none !important; } :-moz-focus { outline: none !important; } :focus { outline: none !important; } select:-webkit-focusring { color: #c62827 !important;text-shadow: 0 0 0 #212230;} select:-moz-focusring {color: #c62827 !important;text-shadow: 0 0 0 #212230;} select:focusring {color: #c62827 !important; text-shadow: 0 0 0 #212230;} ::input-placeholder{ color:var(--thirdColor) !important;} ::-moz-input-placeholder{ color:var(--thirdColor) !important;} ::-webkit-input-placeholder{ color:var(--thirdColor) !important;} /*::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);box-shadow: inset 0 0 6px rgba(0,0,0,0.1);background-color: #ccc;} ::-webkit-scrollbar{width: 5px;height: 5px;background-color: #ccc;} ::-webkit-scrollbar-thumb{background-color: #ff7043;}*/ /* ********|| PSEUDO ELEMENTS ENDS ||******** */ /* ********|| ADJUSTMENT CLASSES STARTS ||******** */ a{color:var(--primaryColor); transition: all 0.3s ease;} a:hover, a:focus{color:#14151f;} p { margin: 0 0 10px; } ul{padding-left:20px; margin: 0 0 10px;} hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #313c48;} a.disabled{cursor:not-allowed !important; pointer-events: auto !important; opacity: 0.8 !important;} a.disabled-link{cursor:not-allowed !important; pointer-events: none !important; opacity: 0.8 !important;} .required:after{content:"*";color:#f44336; font-size:16px; font-weight:600; position: absolute;margin: 0 0 0 3px;} .separator_dashed{ border-bottom:#ddd 1px dashed;} .separator_dotted{ border-bottom:#ddd 1px dotted;} .separator_solid{ border-bottom:#ddd 1px solid;} .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .onlyleftpadding{ padding:0 0 0 15px;} .onlyrightpadding{ padding:0 15px 0 0;} .overlapright1{ margin-right:-1px;} .overlapright2{ margin-right:-2px;} .overlapright3{ margin-right:-3px;} .overlapright4{ margin-right:-4px;} .overlapright5{ margin-right:-5px;} .overlapleft1{ margin-left:-1px;} .overlapleft2{ margin-left:-2px;} .overlapleft3{ margin-left:-3px;} .overlapleft4{ margin-left:-4px;} .overlapleft5{ margin-left:-5px;} .nomargin{ margin:0 !important;} .nopadding{ padding:0 !important;} .h-auto{ height: auto !important;} .mnw-100{ min-width: 100px;} .mnw-150{ min-width: 150px;} .mnw-200{ min-width: 200px;} .mnw-250{ min-width: 250px;} .mxw-100{ max-width: 100px;} .mxw-200{ max-width: 200px;} .mxw-300{ max-width: 300px;} .mxw-400{ max-width: 400px;} /*.row,.container{ z-index: 1; position: relative;}*/ .zi-m1{z-index:-1} .zi-0{z-index:0} .zi-1{z-index:1} .zi-9{z-index:9} .zi-99{z-index:99} .zi-999{z-index:999} .zi-9999{z-index:9999} /* ********|| ADJUSTMENT CLASSES ENDS ||******** */ .btn{font-family: 'SF Pro Semibold', sans-serif; line-height: 20px; font-size: 14px; padding: 12px 16px;min-height: 40px; border:none; font-weight: 300; letter-spacing: 0; border-radius: 2px; box-shadow:none; transition: all 0.3s ease;outline: none !important;} .btn:hover{ box-shadow: 0 4px 15px rgba(0,0,0,0.2);} .btn-success{background-color:#4caf50;border-color:#4caf50;color:#FFF} .btn-success:hover, .btn-success:focus,.btn-success:active{background-color:#689F38 !important;border-color:#689F38 !important} .btn-warning{background-color:#F57F17;border-color:#F57F17;color:#FFF} .btn-warning:hover, .btn-warning:focus, .btn-warning:active{background-color:#FF6F00 !important;border-color:#FF6F00 !important} .btn-info{background-color:#6a82fb;border-color:#6a82fb;color:#FFF} .btn-info:hover, .btn-info:focus, .btn-info:active{background-color:#6a82fb !important;border-color:#6a82fb !important} .btn-danger{background-color:#ef5350;border-color:#ef5350;color:#FFF} .btn-danger:hover, .btn-danger:focus, .btn-danger:active{background-color:#ef5350 !important;border-color:#ef5350 !important} .btn-default{background-color: #ffffff; border-color: transparent; color: #434343;} .btn-default:hover, .btn-default:focus, .btn-default:active{background-color:#d5d5d5 !important;border-color:transparent !important} .btn-dark{background-color: #333; border-color: transparent; color: #fff;} .btn-dark:hover, .btn-dark:focus, .btn-dark:active{background-color: var(--secondaryColor) !important; color: #2fda65; border-color:transparent !important} .btn-white{background-color: #fff; border-color: transparent; color: #212230;} .btn-white:hover, .btn-white:focus, .btn-white:active{background-color:#ddd !important; color: var(--secondaryColor); border-color:transparent !important} .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary{background: #2fda65 !important;border:none !important; outline: none !important;} .btn-primary{background: #1da253;color:#FFF; border: none;} .btn-primary:hover, .btn-primary:focus,.btn-primary:active{outline: none !important;background: #2fda65 !important;border:none !important;color:#FFF} .btn-secondary{background-color:#1da253;border-color:#1da253;color:#FFF} .btn-secondary:hover, .btn-secondary:focus,.btn-secondary:active{background-color:#1da253 !important;border-color:#1da253 !important;color:#FFF} .btn-xs, .btn-group-xs > .btn { padding: 5px 10px; font-size: 12px; border-radius: 3px; height: auto; margin-left: 5px; margin-right: 5px; line-height: 1;} .btn-get-touch{ border:1px solid #ddd; font-size: 12px; font-weight: 600; padding: 5px; min-height: 0; box-shadow: none !important;background: #fff;} .btn-reserve-spot{ background-color: #ef5350; border-color: #ef5350; color: #FFF; font-size: 18px; box-shadow: none !important;} .btn-reserve-spot:hover, .btn-reserve-spot:focus, .btn-reserve-spot:active{background-color: #ef5350 !important; color: #fff; border-color: #ef5350 !important;} .btn-closeBooking{ background-color: #fff; border-color: #ddd; color: #212230; font-size: 18px; box-shadow: none !important;} .btn-closeBooking:hover, .btn-closeBooking:focus, .btn-closeBooking:active{background-color: #fff !important; color: #212230; border-color: #ddd !important;} [class*="btn-"]:focus{box-shadow: none !important;} .btn-sm{padding: 4px 8px; font-size: 12px; height: 30px; min-height: 0;} .label{ border-radius:0px; font-weight: 500; text-transform: uppercase;} .label-primary{ background:#c62827;} .label-secondary{ background:#223152;} .label-danger{ background:#e57373;} .label-info{ background:#63bbe3;} .label-success{ background:#4caf50;} .label-warning{ background:#F57F17;} .label-default{ background:#ddd; color: #212230;} .label-white{ background:#fff;color: #212230;} .label-dark{ background:#212230;} .form-label{border-radius: 0px; text-transform: uppercase;font-size: 14px; padding: 0; margin-bottom: 5px; display: block; text-align: left;font-family:'SF Pro Medium', sans-serif;} .tooltip{ } .tooltip.top .tooltip-arrow{border-top-color: #19243c;} .tooltip-inner{background-color: #fff;border: 1px solid #ffffff;border-radius: 2px;color: #212230;box-shadow: rgba(0,0,0,0.5) 0 2px 10px;padding-bottom: 1px;font-size: 11px;font-weight: 600; font-family: 'SF Pro Regular', sans-serif;} .tooltip .arrow{left: 50% !important;transform: translateX(-50%);} .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before{top: 0; border-width: 0.8rem 0.8rem 0; border-top-color: #fff;} .form-group{position: relative;} .form-control{ border-radius:1px; box-shadow: none;border-color:#d1d3e2; /*text-transform: uppercase;*/ font-size: 12px; color: #414141; background: rgba(254, 254, 254, 1);min-width: 50px;min-height: 38px;} .form-control:focus{ border-color:var(--primaryColor);box-shadow: none;} .form-control::-webkit-input-placeholder{ color: var(--thirdColor) !important;} .form-control:-moz-placeholder{color:var(--thirdColor) !important;opacity: 1 !important;} .form-control::-moz-placeholder{color:var(--thirdColor) !important; opacity:1 !important;} .form-control:-ms-input-placeholder{color:var(--thirdColor) !important;} .form-control::-ms-input-placeholder{color:var(--thirdColor) !important;} textarea.form-control{ resize:none; min-height: 100px;} .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{ background-color: #fff; opacity: 0.7; cursor: not-allowed;} .bootstrap-select.btn-group .btn.btn-default{background: #fff; border: 1px solid #eee; min-height: 40px; height: 40px; border-radius: 3px; outline: none !important;} .bootstrap-select.btn-group .btn.btn-default:hover, .bootstrap-select.btn-group .btn.btn-default:focus{background: #fff !important; border: 1px solid #ddd !important;outline: none !important; box-shadow: none !important;} .bootstrap-select.btn-group .dropdown-toggle::after{position: relative;top: -11px;} .bootstrap-select.btn-group .dropdown-toggle .filter-option{font-size: 12px;text-transform: none;line-height: 32px;} .bootstrap-select.btn-group .dropdown-menu{border-radius: 0 0 3px 3px;margin-top: -2px;} .bootstrap-select.btn-group .dropdown-menu.inner{ display:block;border-radius: 0;} .bootstrap-select.btn-group .dropdown-menu.inner::-webkit-scrollbar-track{background-color: #fff;} .bootstrap-select.btn-group .dropdown-menu.inner::-webkit-scrollbar{width: 5px;height: 5px;background-color: #fff;} .bootstrap-select.btn-group .dropdown-menu.inner::-webkit-scrollbar-thumb{background-color: #e9ecef;} .bootstrap-select.btn-group .dropdown-menu li.active, .bootstrap-select.btn-group .dropdown-menu li.selected{background: #e9ecef;} .bootstrap-select.btn-group .dropdown-menu li.active a, .bootstrap-select.btn-group .dropdown-menu li.selected a{color: #fff;} .bootstrap-select.btn-group .dropdown-menu li a{padding: 5px 10px;display: block;font-size: 12px; font-weight: 400;} .bootstrap-select.btn-group .dropdown-menu li a:hover{ background: #e9ecef; color: #fff;} .pagination li a, .pagination li.disabled a { background-color: #ffffff; border-color: #ffffff; border-radius: 2px !important; color: #212230; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); font-weight: 600;} .pagination>li>a, .pagination>li>span{margin-left: 5px;} .pagination li.active a, .pagination li:hover a, .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { background-color: #6ec2b3 !important; border-color: #6ec2b3 !important; color: #ffffff;} .pagination li.active a { box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);} .pagination > li > a:hover{ color: #fff; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);} .select2.select2-container{width:100% !important;} .select2-container .select2-selection--single, .select2-container .select2-selection--multiple{height: 38px;border: 1px solid #d1d3e2;border-radius: 1px;padding: 0 6px;min-width: 100px;} .select2-container--default .select2-selection--single .select2-selection__rendered,.select2-container--default .select2-selection--multiple .select2-selection__rendered{line-height: 38px;font-size: 14px;color: var(--secondaryColor);padding: 0;font-family: 'SF Pro Regular', sans-serif;} .select2-container--default .select2-selection--single .select2-selection__arrow,.select2-container--default .select2-selection--multiple .select2-selection__arrow{height: 36px;} .select2-container--default .select2-search--dropdown .select2-search__field{border: 1px solid #d1d3e2;font-size: 14px;color: #6e707e;border-radius: 1px;} .select2-container--default.select2-container--focus .select2-selection--multiple{border: 1px solid #d1d3e2;} .select2-container--default .select2-search--inline .select2-search__field{color:#6e707e; margin: 0;} .select2-dropdown{border: none; border-radius: 0 0 1px 1px; box-shadow: rgba(0,0,0,0.3) 0 2px 5px; overflow: hidden;} .select2-container--default .select2-results__option--highlighted[aria-selected],.select2-container--default .select2-results__option[aria-selected=true]{background: var(--primaryColor); color: #fff;} .select2-results__option{font-size: 13px;letter-spacing: 0.2px;} .select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);box-shadow: inset 0 0 6px rgba(0,0,0,0.1);background-color: #f7f8fb;} .select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar{width: 5px;height: 5px;background-color: #f7f8fb;} .select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb{background-color: #c3c3c3;} .select2-container .select2-selection--multiple{height: auto;min-height: 38px;line-height: 38px;display: flex;padding: 4px;} .select2-container--default .select2-selection--multiple .select2-selection__rendered{display: flex;flex-wrap: wrap; color: #fff;} .select2-container--default .select2-selection--multiple .select2-selection__rendered li{line-height: 24px;margin: 2px;padding: 0;overflow: hidden;font-size: 12px;position: relative;} .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{width: 18px;padding: 0 4px;margin: 0;color: #fff;background: rgba(0,0,0,0.2);text-align: center;font-size: 14px;font-weight: 600;position: absolute;top: 0;left: 0;height: 100%;} .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color: #fff;background: rgba(255,255,255,0.2);} .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice{background-color: #375dce;border:none;padding-left: 24px;padding-right: 6px;} .custom-checkbox{position: relative;padding-left: 24px;margin: 3px 0;display: inline-block;} .custom-checkbox .custom-checkbox-input{position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;opacity: 0; cursor: pointer;} .custom-checkbox .custom-checkbox-label{position: relative;margin: 0;line-height: 16px;font-size: 14px;font-family: 'SF Pro Regular', sans-serif;font-weight: 500;} .custom-checkbox .custom-checkbox-label:before{content:'';position:absolute;width: 16px;height: 16px;background: #fff;border: 1px solid #ddd;top: 50%;left: -24px; transform: translateY(-50%);border-radius: 2px;} .custom-checkbox .custom-checkbox-label:after{content: "\f00c";position: absolute;font-family: "Font Awesome 5 Pro";width: 16px;height: 16px;top: 50%;left: -24px;transform: translateY(-50%); font-weight: 500;font-size: 10px;display: none;color: #fff;text-align: center;} .custom-checkbox .custom-checkbox-input:checked ~ .custom-checkbox-label:after{display:block;} .custom-checkbox .custom-checkbox-input:checked ~ .custom-checkbox-label:before{background: var(--primaryColor);border: 1px solid var(--primaryColor);} .custom-radio{position: relative;padding-left: 24px;margin: 3px 0;display: inline-block;} .custom-radio .custom-radio-input{position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;opacity: 0; cursor: pointer;} .custom-radio .custom-radio-label{position: relative;margin: 0;line-height: 16px;font-size: 14px;font-family: 'SF Pro Regular', sans-serif;font-weight: 500;} .custom-radio .custom-radio-label:before{content:'';position:absolute;width: 16px;height: 16px;background: #fff;border: 1px solid #ddd;top: 50%;left: -24px; transform: translateY(-50%);border-radius: 50%;} .custom-radio .custom-radio-label:after{content: "\f111";position: absolute;font-family: "Font Awesome 5 Pro";width: 16px;height: 16px;top: 50%;left: -24px;transform: translateY(-50%); font-weight: 600;font-size: 8px;display: none;color: #fff;text-align: center;} .custom-radio .custom-radio-input:checked ~ .custom-radio-label:after{display:block;} .custom-radio .custom-radio-input:checked ~ .custom-radio-label:before{background: var(--primaryColor);border: 1px solid var(--primaryColor);} .fancybox-bg{background:var(--secondaryColor);} .fancybox-button{background: var(--secondaryColor);} .fancybox-button:focus, .fancybox-button:hover{color:var(--primaryColor);} .fancybox-thumbs{background:var(--secondaryColor);} .fancybox-thumbs > ul > li:before{border-color:var(--primaryColor);} .fancybox-navigation button:before{background: rgba(20, 21, 30, 0.6);} .fancybox-thumbs__list a:before{border: 2px solid var(--primaryColor);} body.compensate-for-scrollbar{overflow: hidden;padding-right: 17px !important;} .rating{width: 100px;position: relative;margin: auto 0;} .rating .back{font-size: 18px;letter-spacing: -5px;width: 100px;white-space: nowrap;overflow: hidden; color: #ccc;} .rating .back i{width: 20px;} .rating .front{font-size: 18px;letter-spacing: -5px;width: 100px;white-space: nowrap;overflow: hidden;position: absolute;top: 0;left: 0;color: #FF9800;z-index: 1;} .rating .front i{width: 20px;} /*.table th, .table td{vertical-align: middle;}*/ .error{color:#ed213a;} hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #edf2f4;} .page-margin{margin-top:82px;} section{position:relative;} .control-label{font-family: 'SF Pro Medium',sans-serif;font-size: 14px;text-transform: capitalize;margin: 0 0 2px;} /* /////////////////////////////////////////////////////////////// */ /* BOOTSTRAP FIX */ /* /////////////////////////////////////////////////////////////// */ @media (min-width: 359px){ .container{padding-right: 5px;padding-left: 5px;} } @media (min-width: 576px){ .container {max-width: none;} .modal-dialog {max-width: 700px;} .modal-sm {max-width: 400px;} } @media (min-width: 768px){ .container {max-width: 700px;} } @media (min-width: 992px){ .container {max-width: 900px;} } @media (min-width: 1200px){ .container {max-width: 1120px;} } @media (max-width:990px){ .container {padding-right: 0;padding-left: 0;} } @media (max-width:767px){ .container {padding-right: 5px;padding-left: 5px;} } .modal-open {overflow: auto;} .modal{ overflow-x: hidden; overflow-y: auto;} .overflow-hidden{overflow:hidden !important;} .dropdown .dropdown-toggle{padding-right: 12px !important;position: relative;} .dropdown .dropdown-toggle::after{content: "\f078";font-family: "Font Awesome 5 Pro";font-size: 14px;font-weight: 500;display: block;position: absolute;margin: 0;vertical-align: unset;top: 50%;right: 0;transform: translateY(-50%);border: 0; color: var(--primaryColor); opacity: 1; transition: all 0.3s ease;} .dropdown.show .dropdown-toggle::after{transform: translateY(-50%) rotate(-180deg);} .dropdown .dropdown-menu{display:block;top: 100% !important;left: 50% !important;transform: translate(-50%,50px) !important;visibility: hidden;opacity:0;z-index: 1;transition:.5s ease all;max-height: 200px;overflow: auto;} .dropdown .dropdown-menu.show{display:block;transform: translate(-50%,0) !important;visibility: visible;opacity:1;transition:.5s ease all;} .dropdown .dropdown-menu::-webkit-scrollbar-track{background-color: var(--lightColor);} .dropdown .dropdown-menu::-webkit-scrollbar{width: 6px;height: 6px;background-color: var(--lightColor)} .dropdown .dropdown-menu::-webkit-scrollbar-thumb{background-color:var(--primaryColor);} .mega-dropdown{position:static !important;} .mega-dropdown .mega-dropdown-menu{display:block;width: 100%;top: auto !important;left: 50% !important;transform: translate(-50%,50px) !important;padding: 20px 40px;visibility: hidden;opacity:0;transition:.5s ease all;} .mega-dropdown .mega-dropdown-menu.show{display:block;transform: translate(-50%,0) !important;visibility: visible;opacity:1;transition:.5s ease all;} .StripeElement {box-sizing: border-box;height: 40px;padding: 10px 12px;border: 1px solid transparent;border-radius: 4px;background-color: white;box-shadow: 0 1px 3px 0 #e6ebf1;-webkit-transition: box-shadow 150ms ease;transition: box-shadow 150ms ease;} .StripeElement--focus {box-shadow: 0 1px 3px 0 #cfd7df;} .StripeElement--invalid {border-color: #fa755a;} .StripeElement--webkit-autofill {background-color: #fefde5 !important;} .xdsoft_datetimepicker{box-shadow: 0 2px 20px rgba(0,0,0,0.1);border: 0;border-radius: 6px;min-width: 280px;padding: 10px;} .xdsoft_datetimepicker .xdsoft_datepicker{width: 100%;float: none;margin: 0;} .xdsoft_datetimepicker .xdsoft_calendar{ font-family:'SF Pro Regular', sans-serif;} .xdsoft_datetimepicker .xdsoft_calendar th{background-color: #fff;border: 0;border-bottom: 1px solid var(--lightColor);padding: 0;color: var(--primaryColor);font-weight: normal;font-size: 15px;font-family: 'SF Pro Semibold', sans-serif;} .xdsoft_datetimepicker .xdsoft_calendar td{background-color: #fff;border: 0;text-align: center;font-size: 14px;height: 30px;color: var(--secondaryColor);font-weight: normal;border-radius: 4px;} .xdsoft_datetimepicker .xdsoft_calendar td>div{padding: 0;} .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current{ background: var(--secondaryColor);box-shadow: none;} .xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover{color: #fff !important;background: var(--primaryColor) !important;box-shadow: none !important;} .xdsoft_datetimepicker .xdsoft_month{width: 120px;text-align: center;font-family: 'SF Pro Semibold', sans-serif;text-transform: uppercase;font-size: 16px;color: var(--secondaryColor);margin: 0;} .xdsoft_datetimepicker .xdsoft_month span{text-decoration: none !important;margin-right: 5px;} .xdsoft_datetimepicker .xdsoft_year{width: 60px;text-align: center;font-family: 'SF Pro Semibold', sans-serif;text-transform: uppercase;font-size: 16px;color: var(--secondaryColor);margin: 0;} .xdsoft_datetimepicker .xdsoft_year span{text-decoration: none !important;margin-right: 5px;} .xdsoft_datetimepicker .xdsoft_timepicker{margin: 0;width: 100%;} .xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker{ margin-left:10px;} .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box{border: 0;min-height: 160px; max-width: 280px;} .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box .xdsoft_time_variant{display: flex;flex-wrap: wrap;margin: 0 -5px; padding-right: 2px;} .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div{font-family: 'SF Pro Medium', sans-serif;font-size: 14px;font-weight: normal;line-height: 1;padding: 10px;height: auto;background-color: var(--light);border: 0;width: 33.33%;max-width: calc(33.33% - 10px);margin: 5px;color: var(--secondaryColor);border-radius: 4px;} .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next{margin: 5px auto;} .alert{width: 100%;text-align: center;font-family: 'SF Pro Semibold', sans-serif;font-size: 18px;padding: 15px 10px;margin-bottom: 15px;} .alert a{color:#fff;display: inline-block;} .alert-dismissible{padding-right: 40px;} .alert-dismissible .close{padding: 0;top: 50%;right: 10px;transform: translateY(-50%);font-weight: 300;line-height: 1;} .alert.alert-fail{background-color: #ff9900;color: #fff;} .alert.alert-ok{background-color: #4caf50;color: #fff;} /* font-family: 'Roboto', sans-serif; font-family: 'Open Sans', sans-serif; font-family: 'Oswald', sans-serif; font-family: 'Montserrat', sans-serif; font-family: 'SF Pro Ultralight', sans-serif; font-family: 'SF Pro Thin', sans-serif; font-family: 'SF Pro Light', sans-serif; font-family: 'SF Pro Regular', sans-serif; font-family: 'SF Pro Medium', sans-serif; font-family: 'SF Pro Semibold', sans-serif; font-family: 'SF Pro Bold', sans-serif; font-family: 'SF Pro Heavy', sans-serif; font-family: 'SF Pro Black', sans-serif; */ /*////////////////////////////////////////////////////////////////*/ /* HOME PAGE */ /*////////////////////////////////////////////////////////////////*/ /* ********|| HEADER STARTS ||******** */ header{position: -webkit-sticky;position: sticky; top: 0; z-index: 9; width: 100%; display: flex;background: #fff;border-bottom: 2px solid var(--primaryColor); transition: all 0.3s ease;} header .header-container{ position: relative;padding: 10px 75px; margin: auto 0; width: 100%; display: flex;transition: all 0.3s ease;} header .brand{margin: auto 0;position: relative;width: 360px; display: flex; height: 100px;transition: all 0.3s ease;} header .brand .logo{display: block; width: 100%; height: 100%;} header .brand .logo img{width: 100%; height: 100%; object-fit: contain; object-position: center left;} header .brand .logo .logo-text{display: block;text-align: center;font-family: 'SF Pro Bold', sans-serif;text-transform: uppercase;line-height: 1;font-size: 40px;color: var(--primaryColor);} header .signin-options{margin: auto 0;margin-left: auto;position: relative;width: 360px;} header .signin-options .title{font-family: 'SF Pro Bold', sans-serif;color: var(--primaryColor);font-size: 18px;line-height: 1.2;text-align: right;} header .signin-options .link{text-decoration: underline;} header .user-options{display: flex;justify-content: flex-end;margin: auto 0;margin-left: auto;position: relative;width: 360px;} header .user-options .cart{display: flex;margin: auto 0;margin-right: 50px;font-size: 20px;color: var(--primaryColor);justify-content: center;align-items: center;} header .user-options .cart .cart-amount{font-size: 18px;margin: auto 0;margin-left: 10px;} header .user-options .delete-cart{display: flex;margin: auto 0;margin-right: 50px;font-size: 20px;color: var(--primaryColor);justify-content: center;align-items: center;} header .user-options .delete-cart .title{font-size: 18px;margin: auto 0;margin-left: 10px;} header .user-options .user-account{margin: auto 0;} header .user-options .dropdown-toggle{font-size: 20px;color: var(--primaryColor);display: flex;justify-content: center;align-items: center;} header .user-options .dropdown-toggle:after{display: none;} header .user-options .dropdown-toggle .user-name{display: block;margin: auto 0;margin-right: 10px;font-size: 18px;} header .user-options .dropdown-menu{width: 100%;margin: 10px 0 0;border: 0;box-shadow: rgba(0,0,0,0.1) 0 4px 30px;border-radius: 6px;overflow: hidden;right: 0;left: auto !important;transform: translate(0,50px) !important;max-height: none;} header .user-options .dropdown-menu .dropdown-item{font-family: 'SF Pro Medium', sans-serif;font-size: 14px;padding: 8px 20px;color: var(--secondaryColor);} header .user-options .dropdown-menu .dropdown-item:focus,header .user-options .dropdown-menu .dropdown-item:hover,header .user-options .dropdown-menu .dropdown-item:active{background: var(--primaryColor);color: #fff;} header .user-options .dropdown-menu.show{transform: translate(0,0) !important;} header .page-navigation{width: 100%;max-width: calc(100% - 720px);display: flex;justify-content: center;align-items: center;margin: auto 0;} header .page-navigation .navigation-action{font-size: 28px;margin: auto 0;margin-right: 15px;color: var(--primaryColor);} header .page-navigation .navigation-content{margin: auto 0;} header .page-navigation .navigation-content .title{font-family: 'SF Pro Bold';text-transform: uppercase;font-size: 24px;line-height: 1.2;color: var(--primaryColor);} header .page-navigation .navigation-content .sub-title{font-family: 'SF Pro Bold';font-size: 20px;line-height: 1.2;color: var(--textColor);} header.scrolled{min-height: 70px;} header.scrolled .header-container{padding: 5px 30px;} header.scrolled .brand{height: 56px;} /* ********|| HEADER ENDS ||******** */ /* ********|| SLIDER STARTS ||******** */ /* ********|| SLIDER ENDS ||******** */ /* ********|| CONTENT START ||******** */ .section-title{position: relative;margin: 0 0 10px;} .section-title .title{margin: 0;font-family: 'SF Pro Heavy', sans-serif;font-size: 36px;line-height: 1.2;} .main-content{position: relative;min-height: calc(100vh - 421px);} .information-menu{display: flex;position: fixed;top: 50%;right: 0;transform: translateY(-50%);background-color: var(--primaryColor);justify-content: center;align-items: center;font-size: 36px;color: #fff !important;z-index: 3;padding: 10px 10px 8px;border-radius: 10px 0 0 10px;border: 1px solid #fff;border-right: 0;} .information-window{position: fixed;z-index: 9;top: 0;right: 0;width: 100%;height: 100%;background-color: var(--primaryColor); display: flex;overflow: auto;opacity: 0;visibility: hidden;transition: all 0.3s ease;} .information-window.active{opacity: 1;visibility: visible;} .information-window .information-menu-close{position: fixed;top:20px;right: 20px;color: #fff;z-index: 1;font-size: 40px;display: block;} .info-window-container{width: 100%; max-width: 1020px; margin: 0 auto; padding: 0 20px;display: none;} .information-window.active .info-window-container{display: block;} .info-window-container .info-menu-container{padding: 50px 0;} .info-window-container .menu-page-wrap{position: relative;display: flex;overflow: hidden;} .info-window-container .menu-page-wrap .menu-page{width: 100%;display: flex;flex-direction: column;max-width: 100%;min-width: 100%;opacity: 0;visibility: hidden;margin: 5px 0 0; transition: all 0.3s ease;} .info-window-container .menu-page-wrap .menu-page.active{opacity: 1;visibility: visible;} .info-window-container .menu-page-wrap .menu-page .menu-page-header{display: flex;justify-content: center;color: #fff;margin: 0 0 20px;} .info-window-container .menu-page-wrap .menu-page .menu-page-header .icon{font-size: 40px;margin: auto 0;margin-right: 20px;color: #fff; display: block;} .info-window-container .menu-page-wrap .menu-page .menu-page-header .menu-page-title{font-size: 28px;font-family: 'SF Pro Bold', sans-serif;text-transform: uppercase;line-height: 1;margin: auto 0;} .info-window-container .menu-page-wrap .menu-page .menu-page-list{} .info-window-container .menu-page-wrap .menu-page .menu-page-list .item{color:#fff;display: flex;padding: 15px 0;} .info-window-container .menu-page-wrap .menu-page .menu-page-list .item .icon{font-size: 24px;margin: auto 0;margin-right: 10px;text-align: center;width: 110px;} .info-window-container .menu-page-wrap .menu-page .menu-page-list .item .icon i{margin: auto 0;} .info-window-container .menu-page-wrap .menu-page .menu-page-list .item .item-title{font-size: 20px;font-family: 'SF Pro Bold', sans-serif;text-transform: uppercase;line-height: 1;margin: auto 0;} .info-window-container .menu-page-wrap .menu-page.menu-sub-page.active{transform: translateX(-100%);} .info-window-container .menu-page-wrap .menu-page.menu-sub-page .menu-page-header{ justify-content: flex-start;} .info-window-container .menu-page-wrap .menu-page.menu-sub-page .menu-page-header .menu-page-header-wrap{ display: flex; justify-content: center; width: 100%; max-width: calc(100% - 70px);} .info-window-container .menu-page-wrap .menu-page.menu-sub-page .menu-page-header .menu-page-header-wrap .sub-icon{font-size: 24px;margin: auto 0;margin-right: 10px;text-align: center;} .info-window-container .menu-page-wrap .menu-page.menu-sub-page .menu-page-list .item .icon{width:auto; margin-right: 20px;} .info-window-container .menu-page-wrap .menu-page.menu-sub-page .menu-page-list .item .item-title{ text-transform: capitalize;} .info-window-container .menu-page-footer{border-top: 1px solid #fff;margin: 50px 0 0;padding: 50px 0 0;} .info-window-container .menu-page-footer .menu-page-footer-title{font-size: 28px;font-family: 'SF Pro Bold', sans-serif;text-transform: uppercase;line-height: 1;margin: 0 0 20px;color:#fff; text-align: center;} .info-window-container .menu-page-footer .menu-page-footer-list{} .info-window-container .menu-page-footer .menu-page-footer-list .item{color:#fff;display: flex;padding: 15px 0;} .info-window-container .menu-page-footer .menu-page-footer-list .item .icon{font-size: 24px;margin: auto 0;margin-right: 10px;text-align: center;width: 110px;} .info-window-container .menu-page-footer .menu-page-footer-list .item .icon i{margin: auto 0;} .info-window-container .menu-page-footer .menu-page-footer-list .item .item-title{font-size: 20px;font-family: 'SF Pro Bold', sans-serif;text-transform: uppercase;line-height: 1;margin: auto 0;} .info-window-container .menu-page-footer{border-top: 1px solid #fff;margin: 50px 0 0;padding: 50px 0 0;} .delivery-actions{position: relative;margin: 0 0 30px;display: flex;} .delivery-actions .dropdown{} .delivery-actions .dropdown-toggle{display: flex; cursor: pointer;} .delivery-actions .dropdown-toggle:after{font-weight: 400; font-size: 18px; display: none;} .delivery-actions .dropdown-toggle .icon{width: 40px;height: 40px;margin: auto 0;display: flex;justify-content: center;align-items: center;font-size: 32px;} .delivery-actions .dropdown-toggle .icon img{width: 100%;height: 100%;object-fit: contain;} .delivery-actions .dropdown-toggle .icon .fad{--fa-primary-opacity: 1.0;--fa-secondary-opacity: 1.0;--fa-primary-color: var(--primaryColor); --fa-secondary-color: var(--lightColor);} .delivery-actions .dropdown-toggle .title{margin: auto 10px;font-family: 'SF Pro Bold';font-size: 18px;/*text-transform: uppercase;*/line-height: 1;color: var(--secondaryColor);} .delivery-actions .dropdown-menu{width: 100%;margin: 10px 0 0;border: 0;box-shadow: rgba(0,0,0,0.1) 0 4px 30px;border-radius: 6px;} .delivery-actions .dropdown-menu .dropdown-item{font-family: 'SF Pro Medium', sans-serif;font-size: 18px;padding: 8px 20px;color: var(--secondaryColor);} .delivery-actions .dropdown-menu .dropdown-item:focus,.delivery-actions .dropdown-menu .dropdown-item:hover,.delivery-actions .dropdown-menu .dropdown-item:active{background: var(--primaryColor);color: #fff;} .date-actions{display: flex;} .date-actions .icon{width: 40px;height: 40px;margin: auto 0;display: flex;justify-content: center;align-items: center;font-size: 32px;cursor: pointer;} .date-actions .icon img{width: 100%;height: 100%;object-fit: contain;} .date-actions .icon .fad{--fa-primary-opacity: 1.0;--fa-secondary-opacity: 1.0;--fa-primary-color:var(--primaryColor); --fa-secondary-color: var(--lightColor);} .date-actions .title{margin: auto 10px;font-family: 'SF Pro Bold';font-size: 18px;/*text-transform: uppercase;*/line-height: 1;color: var(--secondaryColor);cursor: pointer;} .date-actions.dropdown{} .date-actions.dropdown .dropdown-toggle:after{display: none;} .date-actions.dropdown .dropdown-menu{width: auto;border: 0;box-shadow: rgba(0,0,0,0.1) 0 4px 30px;border-radius: 6px; max-height: none;padding: 0;margin: 0;} .time-actions{display: flex;} .time-actions .icon{width: 40px;height: 40px;margin: auto 0;display: flex;justify-content: center;align-items: center;font-size: 32px;cursor: pointer;} .time-actions .icon img{width: 100%;height: 100%;object-fit: contain;} .time-actions .icon .fad{--fa-primary-opacity: 1.0;--fa-secondary-opacity: 1.0;--fa-primary-color:var(--primaryColor); --fa-secondary-color: var(--lightColor);} .time-actions .title{margin: auto 10px;font-family: 'SF Pro Bold';font-size: 18px;/*text-transform: uppercase;*/line-height: 1;color: var(--secondaryColor);cursor: pointer;} .time-actions.dropdown{} .time-actions.dropdown .dropdown-toggle:after{display: none;} .time-actions.dropdown .dropdown-menu{width: auto;border: 0;box-shadow: rgba(0,0,0,0.1) 0 4px 30px;border-radius: 6px; max-height: none;padding: 0;margin: 0;} .daterangepicker .calendar-table th{width: 36px;height: 28px;font-size: 16px;font-family: 'SF Pro Bold', sans-serif;font-weight:normal;} .daterangepicker .calendar-table td{width: 36px;height: 28px;font-size: 14px;font-family: 'SF Pro Medium', sans-serif;font-weight:normal;} .daterangepicker td.in-range{background-color: rgba(44, 45, 63, 0.1);border-color: transparent;color: #000;border-radius: 0;} .daterangepicker td.active, .daterangepicker td.active:hover{background-color:var(--primaryColor);border-color:transparent;color:#fff;} .daterangepicker td.start-date{border-radius: 4px 0 0 4px;} .daterangepicker td.end-date{border-radius: 0 4px 4px 0;} .daterangepicker.opensright:before, .daterangepicker.opensright:after{left: 50%;transform: translate(-50%);} .filters{position: relative;} .filters .filter-title{font-family: 'SF Pro Bold', sans-serif;color: var(--primaryColor);font-size: 18px;line-height: 1;margin: 0 0 20px;} .filters .filter-trigger{display: inline-block;font-family: 'SF Pro Bold', sans-serif;color: var(--primaryColor);font-size: 24px;line-height: 1;margin: 0;padding: 5px 0;} .filters .filter-trigger span{} .filters .filter-options{display: none;} .filters .filter-options .filter-options-wrap{display: flex;flex-wrap: wrap;margin: 0 -10px;position: relative;padding: 10px 0;} .filters .filter-options .filter-options-wrap .date-actions{width:33.33%; max-width:calc(33.33% - 20px); margin:0 10px;} .filters .filter-options .filter-options-wrap .time-actions{width:33.33%; max-width:calc(33.33% - 20px); margin:0 10px;} .filters .filter-options .filter-options-wrap .delivery-actions{width:33.33%; max-width:calc(33.33% - 20px); margin:0 10px;} .filters .filter-options .filter-options-wrap .activity-type-action{width:33.33%;max-width:calc(33.33% - 20px);margin:0 10px} .filters .filter-options .filter-options-wrap .activity-type-action .label{ margin: auto 10px; font-family: 'SF Pro Bold'; font-size: 18px; text-transform: uppercase; line-height: 1; color: var(--secondaryColor); } .filters .filter-options .filter-options-wrap .activity-type-action input{ width: 100%; min-height: 38px; padding: 8px 20px; border-radius: 0; border: 2px solid var(--primaryColor); margin-top: 10px; } .activity-pg-25{width:25%!important;max-width:calc(25% - 20px)!important;margin:0 10px;display: flex;align-items: center} .activity-pg-20{width:20%!important;max-width:calc(20% - 20px)!important;margin:0 10px} .activity-pg-30{width:30%!important;max-width:calc(30% - 20px)!important;margin:0 10px} .filters .filter-options .filter-options-wrap .activity-type-action{width:33.33%;max-width:calc(33.33% - 20px);margin:0 10px} .activity-type-action .dropdown-toggle .title{margin:auto 10px;font-family:'SF Pro Bold';font-size:18px;line-height:1;color:var(--secondaryColor)} .activity-type-action .dropdown-toggle{display:flex;cursor:pointer} .activity-type-action .dropdown .dropdown-toggle::after{display:none} #autoserach{display:block;width:100%;position:relative} #autoserach ul{list-style-type:none;text-align:left;margin-top:5px;padding:5px 0;border-radius:6px;z-index:1;background-color:#fff;width:100%;max-height:calc(400px - 70px);overflow-y:auto;display:flex;flex-wrap:wrap} #autoserach ul li{font-size:14px;padding:8px 2px;color:var(--primaryColor);width:25%;display:flex} #autoserach ul li label{cursor:pointer} .activity-type-action .dropdown-menu{max-height:400px;padding-left:10px;padding-right:10px;padding-bottom:15px;overflow:hidden;width:700px;margin-top:10px;transform: translate(-132px,50px) !important;} .activity-type-action .dropdown-menu.show{transform: translate(-132px,0) !important;} .filters .filter-options .filter-options-wrap .activity-type-action .check-input{width:auto;min-height:15px;padding:0;border-radius:0;border:none;margin-top:0;position:static;margin-left:0;margin-right:8px} #autoserach ul::-webkit-scrollbar-track{background-color:var(--lightColor)} #autoserach ul::-webkit-scrollbar{width:6px;height:4px;background-color:var(--lightColor)} #autoserach ul::-webkit-scrollbar-thumb{background-color:var(--primaryColor)} .sec-custom-accrodion .accrodion-item{margin-bottom:0;border-radius:3px} .sec-custom-accrodion .accrodion-item .accrodion-item-header .custom-accrodion-btn{text-transform:uppercase;width:auto;text-align:center;font-size:18px;background-color:var(--primaryColor);color:#fff;margin: 20px 0;font-family:'SF Pro Bold',sans-serif;padding:15px 30px;border-radius:15px;width:100%;border:0;position:relative;text-align:center} .sec-custom-accrodion .accrodion-item .accrodion-item-header .custom-accrodion-btn:hover{-webkit-box-shadow:1px 1px 5px 0 rgba(0,0,0,0.1);-moz-box-shadow:1px 1px 5px 0 rgba(0,0,0,0.1);box-shadow:1px 1px 5px 0 rgba(0,0,0,0.1)} .sec-custom-accrodion .accrodion-item.show .accrodion-item-header .custom-accrodion-btn:hover{box-shadow:none} .sec-custom-accrodion .accrodion-item.show .accrodion-item-header .custom-accrodion-btn{-webkit-box-shadow:0 2px 2px -1px rgba(0,0,0,0.1);-moz-box-shadow:0 2px 2px -1px rgba(0,0,0,0.1);box-shadow:0 2px 2px -1px rgba(0,0,0,0.1)} .sec-custom-accrodion .accrodion-item .accrodion-item-header .custom-accrodion-btn::after{content:"\f107";font-family:"Font Awesome 5 Pro";-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;font-weight:300;position:absolute;top:50%;right:15px;transform:translateY(-50%)} .sec-custom-accrodion .accrodion-item .accrodion-item-header .custom-accrodion-btn::before{content:"\f106";font-family:"Font Awesome 5 Pro";-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;font-weight:300;position:absolute;top:50%;right:15px;transform:translateY(-50%);display:none} .sec-custom-accrodion .accrodion-item.show .accrodion-item-header .custom-accrodion-btn::before{display:block} .sec-custom-accrodion .accrodion-item.show .accrodion-item-header .custom-accrodion-btn::after{display:none} .sec-custom-accrodion .accrodion-item .accrodion-item-body{padding:15px;background-color:#fff;display:none;box-shadow:0 0 10px 0 rgba(0,0,0,0.1);border-radius:10px;margin-top:-12px} .sec-custom-accrodion .accrodion-item .accrodion-item-body p{font-size:14px;line-height:1.5;margin-bottom:20px;color: var(--thirdColor);} .sec-custom-accrodion .accrodion-item .accrodion-item-body .heading{margin-bottom:15px;font-size:22px;font-weight:600; color : #FF9800;} .sec-custom-accrodion .accrodion-item .accrodion-item-body .item-content-wrap{display:flex;margin:0 -10px;margin-bottom:15px} .sec-custom-accrodion .accrodion-item .accrodion-item-body .item-content{width:calc(33.33% - 20px);margin:0 10px;display:flex;color: var(--thirdColor);} .sec-custom-accrodion .accrodion-item .accrodion-item-body .item-content .item-label{margin-right:10px; color: #000; font-weight: 500;} .sec-category{position: relative;background: #fff;padding: 40px 0;} .category-list{position: relative;display: flex;justify-content: center;flex-wrap: wrap;padding: 0 5px;} .category-list .item{position: relative;display: block;width: 100%;border-radius: 10px;overflow: hidden;} .category-list .item.active:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent;border:6px solid var(--primaryColor);z-index: 2;border-radius: 10px;} .category-list .item .item-img{width: 100%;height: 240px;margin: 0 auto;overflow: hidden;position: relative;} .category-list .item .item-img:after{content: '';position: absolute;top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to top, rgba(0,0,0,0.8), transparent 40%);z-index:1;} .category-list .item .item-img img{width: 100%;height: 100%;object-fit: cover;} .category-list .item .item-title{font-family: 'SF Pro Medium', sans-serif;position: absolute;bottom: 0;left: 0;width: 100%;padding: 10px 20px;z-index: 1;text-align: center;font-size: 30px;line-height: 1.5;color: #fff; transition: all 0.3s ease;} .category-list.owl-carousel .owl-nav .owl-prev,.category-list.owl-carousel .owl-nav .owl-next{position: absolute;top: 50%;transform: translateY(-50%);width: 40px;height: 40px;display: flex;justify-content: center;align-items: center;background-color: #fff;color: var(--primaryColor);font-size: 24px;border-radius: 6px;box-shadow: rgba(0,0,0,0.1) 0 2px 10px; transition: all 0.3s ease;} .category-list.owl-carousel .owl-nav .owl-prev{left: -5px;} .category-list.owl-carousel .owl-nav .owl-next{right: -5px;} .category-list.owl-carousel .owl-nav .owl-prev.disabled,.category-list.owl-carousel .owl-nav .owl-next.disabled{opacity: 0; visibility: hidden;} .sec-products{position: relative; padding: 0 0 100px;} .product-listings{display: flex;flex-wrap: wrap;margin: 0 -15px;position: relative;} .product-listings .item{display: flex; flex-direction: column; width: 50%;max-width: calc(50% - 30px);margin: 15px;position: relative;background: #fff;} .product-listings .item .item-content{padding: 10px 0;position: relative;} .product-listings .item .item-content .item-category{font-family: 'SF Pro Bold', sans-serif;font-size: 20px;text-transform: uppercase;line-height: 1.4;color: var(--primaryColor);} .product-listings .item .item-content .item-title{font-family: 'SF Pro Bold', sans-serif;font-size: 20px;line-height: 1.4;color: var(--secondaryColor);} .product-listings .item .item-content .item-text{font-size: 16px;color: var(--textColor);} .product-listings .item .item-img{position: relative;width: 100%;height: 300px;overflow: hidden;border-radius: 10px;margin-top: auto;} .product-listings .item .item-img img{ width: 100%; height: 100%; object-fit: cover;} .product-listings .item .item-img .item-status{font-family: 'SF Pro Bold', sans-serif;text-transform: uppercase;color: var(--primaryColor);font-size: 14px;position: absolute;bottom: 20px;right: 20px;background: #fff;padding: 10px 15px;line-height: 1;border-radius: 4px;text-align: center;min-width: 140px;} .product-listings .item .item-content .item-title.activity-title{color: #FF9800 !important} .restaurant-details{} .restaurant-details-wrap{position: relative;background: #fff;border: solid var(--lightColor);border-width: 0 1px;padding: 0 0 0;min-height: calc(100vh - 421px);} .restaurant-details-wrap .restaurant-image{width: 100%;position: relative;} .restaurant-details-wrap .restaurant-image img{width: 100%;height: 100%;object-fit: cover;} .restaurant-details-wrap .restaurant-image .restaurant-image-carousel{width: 100%;position: relative;z-index: 0;} .restaurant-details-wrap .restaurant-image .restaurant-image-carousel .item{width: 100%;height: 600px; overflow: hidden;} .restaurant-details-wrap .restaurant-image .restaurant-image-carousel .item img{width: 100%;height: 100%;object-fit: cover;} .restaurant-details-wrap .restaurant-image .restaurant-image-carousel .owl-dots{display: flex;width: 100%;justify-content: center;align-items: center;padding: 10px 0;} .restaurant-details-wrap .restaurant-image .restaurant-image-carousel .owl-dots .owl-dot{ margin: 0 2px} .restaurant-details-wrap .restaurant-image .restaurant-image-carousel .owl-dots .owl-dot span{display: block;width: 16px;height: 16px;border-radius: 50%;background-color:var(--thirdColor);} .restaurant-details-wrap .restaurant-image .restaurant-image-carousel .owl-dots .owl-dot.active span{background-color:var(--primaryColor);} .restaurant-details-wrap .restaurant-image .restaurant-image-options{position: absolute;bottom: 56px;right: 20px;z-index: 1;display: flex;margin: 0 -5px;} .restaurant-details-wrap .restaurant-image .restaurant-image-options .item{width: 40px;height: 40px;background-color: #fff;display: flex;justify-content: center;align-items: center;margin: 0 5px;font-size: 20px;border-radius: 50%; color: var(--primaryColor);} .restaurant-details-wrap .restaurant-info{position: relative;padding: 30px;z-index: 2;} .restaurant-details-wrap .restaurant-info .restaurant-name{margin: 0 0 5px;font-family: 'SF Pro Bold', sans-serif;color: var(--secondaryColor);line-height: 1.2;font-size: 40px;} .restaurant-details-wrap .restaurant-info .restaurant-subtitle{font-size: 20px;color: var(--textColor);line-height: 1.2;margin: 0 0 15px;} .restaurant-details-wrap .restaurant-info .restaurant-status{margin: 10px 0; display: flex} .restaurant-details-wrap .restaurant-info .restaurant-status span{ display: block; margin: auto 0; font-family: 'SF Pro Bold';font-size: 18px;text-transform: uppercase;line-height: 1;color: var(--primaryColor);} .restaurant-details-wrap .restaurant-info .restaurant-description{font-size: 18px;color: var(--thirdColor);line-height: 1.2;margin: 0 0 30px;} .restaurant-details-wrap .restaurant-info .restaurant-description p{line-height: 1.2;margin: 0 0 10px;} .restaurant-details-wrap .restaurant-info .restaurant-address{display: flex;margin: 20px 0 0;} .restaurant-details-wrap .restaurant-info .restaurant-address .icon{font-size: 24px;margin: auto 0;color: var(--primaryColor);} .restaurant-details-wrap .restaurant-info .restaurant-address .address{font-size: 18px;color: var(--textColor);margin: auto 10px;line-height: 1.2;} .restaurant-details-wrap .restaurant-info .restaurant-address .map-link{display: inline-block;font-size: 18px;color: var(--primaryColor);margin: auto 0;line-height: 1.2;} .restaurant-details-wrap .restaurant-filter{position: relative;padding: 20px 30px;} .restaurant-details-wrap .restaurant-filter .restaurant-filter-wrap{display: flex;margin: 0 -10px;flex-wrap: wrap;} .restaurant-details-wrap .restaurant-filter .current-selection{width: 25%;max-width: calc(25% - 20px);margin: 0 10px;} .restaurant-details-wrap .restaurant-filter .current-selection .label{font-weight: normal;font-family: 'SF Pro Semibold', sans-serif;text-transform: capitalize;font-size: 20px;color: var(--primaryColor);line-height: 1.2;} .restaurant-details-wrap .restaurant-filter .current-selection .data{font-weight: normal;font-family: 'SF Pro Semibold', sans-serif;text-transform: capitalize;font-size: 18px;color: #FF9800;line-height: 1.2;} .restaurant-details-wrap .restaurant-filter .service-type{width: 25%;max-width: calc(25% - 20px);margin: 0 10px;} .restaurant-details-wrap .restaurant-filter .service-type .label{font-weight: normal;font-family: 'SF Pro Semibold', sans-serif;text-transform: capitalize;font-size: 20px;color: var(--primaryColor);line-height: 1.2;} .restaurant-details-wrap .restaurant-filter .service-type .data{font-weight: normal;font-family: 'SF Pro Semibold', sans-serif;text-transform: capitalize;font-size: 18px;color: #FF9800;line-height: 1.2;} .restaurant-details-wrap .restaurant-filter .number-person{width: 25%;max-width: calc(25% - 20px);margin: 0 10px;} .restaurant-details-wrap .restaurant-filter .number-person .label{font-weight: normal;font-family: 'SF Pro Semibold', sans-serif;text-transform: capitalize;font-size: 20px;color: var(--primaryColor);line-height: 1.2;} .restaurant-details-wrap .restaurant-filter .number-person .dropdown{} .restaurant-details-wrap .restaurant-filter .number-person .dropdown-toggle{font-weight: normal;font-family: 'SF Pro Semibold', sans-serif;text-transform: capitalize;font-size: 18px;color: #FF9800;line-height: 1.2;padding-right: 18px !important;} .restaurant-details-wrap .restaurant-filter .number-person .dropdown-menu{width: 100%;margin: 10px 0 0;border: 0;box-shadow: rgba(0,0,0,0.1) 0 4px 30px;border-radius: 6px;z-index: 2;} .restaurant-details-wrap .restaurant-filter .number-person .dropdown-menu .dropdown-item{font-family: 'SF Pro Medium', sans-serif;font-size: 16px;padding: 8px 20px;color: var(--secondaryColor);} .restaurant-details-wrap .restaurant-filter .number-person .dropdown-menu .dropdown-item:focus,.restaurant-details-wrap .restaurant-filter .number-person .dropdown-menu .dropdown-item:hover,.restaurant-details-wrap .restaurant-filter .number-person .dropdown-menu .dropdown-item:active{background: var(--primaryColor);color: #fff;} .restaurant-details-wrap .restaurant-filter .chosen-table{width: 25%;max-width: calc(25% - 20px);margin: 0 10px;} .restaurant-details-wrap .restaurant-filter .chosen-table .label{font-weight: normal;font-family: 'SF Pro Semibold', sans-serif;text-transform: capitalize;font-size: 20px;color: var(--primaryColor);line-height: 1.2;} .restaurant-details-wrap .restaurant-filter .chosen-table .data{font-weight: normal;font-family: 'SF Pro Semibold', sans-serif;text-transform: capitalize;font-size: 18px;color: #FF9800;line-height: 1.2;} .restaurant-details-wrap .restaurant-filter-action{display: flex;justify-content: center;margin: 30px 0 0;} .restaurant-details-wrap .restaurant-filter-action .filter-action{padding: 16px 20px;background-color: var(--primaryColor);color: #fff;margin: 0 auto;border-radius: 4px;min-width: 300px;text-align: center;text-transform: uppercase;font-family: 'SF Pro Bold', sans-serif;font-size: 16px;} .restaurant-details-wrap .filters{padding:20px 30px;border: solid var(--lightColor);border-width: 1px 0;} /*.restaurant-details-wrap .filters .filter-title{display: none;}*/ .restaurant-details-wrap .restaurant-table-selection{padding: 20px 30px;border: solid var(--lightColor);border-width: 1px 0;} .restaurant-details-wrap .restaurant-table-selection .title{font-weight: normal;font-family: 'SF Pro Bold', sans-serif;text-transform: uppercase;font-size: 20px;color: var(--primaryColor);line-height: 1.2;margin: 0 0 15px;} .restaurant-details-wrap .restaurant-table-selection .table-list{} .restaurant-details-wrap .restaurant-table-selection .table-list .item{display: flex;margin: 0 -10px; padding: 15px 0;} .restaurant-details-wrap .restaurant-table-selection .table-list .item+.item{border-top: 1px solid var(--primaryColor);} .restaurant-details-wrap .restaurant-table-selection .table-list .time-range{width: 240px;margin: auto 10px;font-weight: normal;font-family: 'SF Pro Semibold', sans-serif;text-transform: uppercase;font-size: 18px;color: #FF9800;line-height: 1.2;} .restaurant-details-wrap .restaurant-table-selection .table-list .table-available{width: 100%;max-width: calc(100% - 280px);margin: 0 5px;display: flex;flex-wrap: wrap;} .restaurant-details-wrap .restaurant-table-selection .table-list .table-name{position: relative; overflow: hidden;border-radius: 30px;} .restaurant-details-wrap .restaurant-table-selection .table-list .table-name .table-input{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; cursor: pointer; opacity: 0;} .restaurant-details-wrap .restaurant-table-selection .table-list .table-name .table-label{display: block;margin: 5px;background-color: var(--primaryColor);color: #fff;padding: 9px 16px 7px;border-radius: 30px;font-family: 'SF Pro Semibold', sans-serif;font-size: 18px;line-height: 1;} .restaurant-details-wrap .restaurant-table-selection .table-list .table-name .table-input:checked ~ .table-label{background-color:#FF9800;} .restaurant-details-wrap .restaurant-deposit{padding: 60px 30px;} .restaurant-details-wrap .restaurant-deposit .title{font-weight: normal;font-family: 'SF Pro Semibold', sans-serif;text-transform: capitalize;font-size: 18px;color: var(--primaryColor);line-height: 1.2; text-align: center;} .restaurant-details-wrap .restaurant-time-slots{padding: 20px 30px;border: solid var(--lightColor);border-width: 1px 0;} .restaurant-details-wrap .restaurant-time-slots .title{font-weight: normal;font-family: 'SF Pro Bold', sans-serif;text-transform: uppercase;font-size: 20px;color: var(--primaryColor);line-height: 1.2;margin: 0 0 15px;} .restaurant-details-wrap .restaurant-time-slots .time-slot-list{display: flex;margin: 0 -10px; flex-wrap: wrap;} .restaurant-details-wrap .restaurant-time-slots .time-slot-list .slots{display: block;margin: 5px;background-color: var(--primaryColor);color: #fff;padding: 8px 16px;border-radius: 30px;font-family: 'SF Pro Semibold', sans-serif;font-size: 16px;line-height: 1;} .restaurant-details-wrap .restaurant-time-slots .time-slot-list .slots.active{background-color: #FF9800;} .restaurant-details-wrap .available-menu-wrap{position: relative;z-index: 2;padding: 20px 30px;border: solid var(--lightColor);border-width: 1px 0; display: flex;} .restaurant-details-wrap .available-menu{margin: 0 auto;} .restaurant-details-wrap .available-menu .dropdown{} .restaurant-details-wrap .available-menu .dropdown-toggle{font-weight: normal;font-family: 'SF Pro Semibold', sans-serif;text-transform: capitalize;font-size: 24px;color: var(--primaryColor);line-height: 1.2;padding-right: 18px !important;} .restaurant-details-wrap .available-menu .dropdown-menu{width: 100%;margin: 10px 0 0;border: 0;box-shadow: rgba(0,0,0,0.1) 0 4px 30px;border-radius: 6px;overflow: hidden;} .restaurant-details-wrap .available-menu .dropdown-menu .dropdown-item{font-family: 'SF Pro Medium', sans-serif;font-size: 16px;padding: 8px 20px;color: var(--secondaryColor);} .restaurant-details-wrap .available-menu .dropdown-menu .dropdown-item:focus,.restaurant-details-wrap .available-menu .dropdown-menu .dropdown-item:hover,.available-menus-wrap .restaurant-filter .dropdown-menu .dropdown-item:active{background: var(--primaryColor);color: #fff;} .restaurant-details-wrap .restaurant-menu-navigation{position: -webkit-sticky;position: sticky;top: 122px;z-index: 1;background-color: #fff;padding: 0 20px;} .restaurant-details-wrap .restaurant-menu-navigation .item{padding: 10px;} .restaurant-details-wrap .restaurant-menu-navigation .item .item-link{display: block;font-family: 'SF Pro Bold', sans-serif;font-size: 18px;background-color: #fff;color: var(--primaryColor);padding: 10px 15px;line-height: 1;border-radius: 6px;white-space: nowrap;} .restaurant-details-wrap .restaurant-menu-navigation .item.active .item-link{background-color: var(--primaryColor);color: #fff;} .restaurant-details-wrap .restaurant-menu-category{position: relative;} .restaurant-details-wrap .menu-category{} .restaurant-details-wrap .menu-category .menu-category-title{font-family: 'SF Pro Bold', sans-serif;color: var(--secondaryColor);line-height: 1.2;font-size: 32px;padding: 20px 30px;background-color: var(--primaryLightColor);} .restaurant-details-wrap .menu-category .menu-category-list{position: relative;} .restaurant-details-wrap .menu-category .menu-category-list .item{display: flex;padding: 20px 30px;flex-wrap: wrap; background-color: #fff;} .restaurant-details-wrap .menu-category .menu-category-list .item:hover{background-color: var(--lightColor);} .restaurant-details-wrap .menu-category .menu-category-list .item .item-content{width: 100%;max-width: calc(100% - 240px);padding-right: 30px;} .restaurant-details-wrap .menu-category .menu-category-list .item .item-title{font-size: 20px;color: var(--secondaryColor);line-height: 1.2;} .restaurant-details-wrap .menu-category .menu-category-list .item .item-description{margin: 10px 0 0;font-size: 18px;color: var(--thirdColor);line-height: 1.2;} .restaurant-details-wrap .menu-category .menu-category-list .item .item-description p{} .restaurant-details-wrap .menu-category .menu-category-list .item .item-price{font-size: 20px;color: var(--textColor);line-height: 1.2;margin: 15px 0 0;} .restaurant-details-wrap .menu-category .menu-category-list .item .item-image{width: 240px;margin: 0 0 auto;} .restaurant-details-wrap .menu-category .menu-category-list .item .item-image img{width: 100%;height: 100%;object-fit: cover;} .restaurant-details-wrap .restaurant-cart{ display: flex;flex-direction: column;justify-content: center;align-items: center;background-color: #eaeaea;margin: 30px 0 0;padding:30px;position: -webkit-sticky;position: sticky; bottom: 0;z-index: 2} .restaurant-details-wrap .restaurant-cart .btn-view-cart{padding: 10px 20px;background-color: var(--primaryColor);color: #fff;margin:0 auto;border-radius: 4px;width: 100%;min-width: 300px;max-width: 360px;text-align: center;text-transform: uppercase;font-family: 'SF Pro Bold', sans-serif;font-size: 16px;display: flex;justify-content: space-around;} .restaurant-item-details{} .restaurant-item-details-wrap{position: relative;background: #fff;border: solid var(--lightColor);border-width: 0 1px;} .restaurant-item-details-wrap .restaurant-item-image{width: 100%;height: 600px;overflow: hidden;position: relative;} .restaurant-item-details-wrap .restaurant-item-image img{width: 100%;height: 100%;object-fit: cover;} .restaurant-item-details-wrap .restaurant-item-image-options{position: absolute;bottom: 20px;right: 20px;z-index: 1;display: flex;margin: 0 -5px;} .restaurant-item-details-wrap .restaurant-item-image-options .item{width: 40px;height: 40px;background-color: #fff;display: flex;justify-content: center;align-items: center;margin: 0 5px;font-size: 20px;border-radius: 50%;color: var(--primaryColor);} .restaurant-item-details-wrap .restaurant-item-info{position: relative;padding: 30px;} .restaurant-item-details-wrap .restaurant-item-info .restaurant-item-info-header{ display: flex;margin: 0 0 20px;} .restaurant-item-details-wrap .restaurant-item-info .restaurant-item-info-header .restaurant-item-name{font-family: 'SF Pro Medium', sans-serif;color: var(--secondaryColor);line-height: 1.2;font-size: 24px; margin: 0; width: 100%; max-width: calc(100% - 200px);} .restaurant-item-details-wrap .restaurant-item-info .restaurant-item-info-header .restaurant-item-price{font-size: 20px;color: var(--textColor);line-height: 1.2;margin: 0; width: 200px; text-align: right;} .restaurant-item-details-wrap .restaurant-item-info .restaurant-item-description{font-size: 18px;color: var(--thirdColor);line-height: 1.2;margin: 0;} .restaurant-item-details-wrap .restaurant-item-info .restaurant-item-description p{line-height: 1.2;margin: 0 0 10px;} .restaurant-item-details-wrap .restaurant-item-addinfo{position: relative;padding: 0 30px;} .restaurant-item-details-wrap .restaurant-item-addinfo .additional-info-title{font-family: 'SF Pro Medium', sans-serif;color: var(--secondaryColor);line-height: 1.2;font-size: 20px;margin: 0;} .restaurant-item-details-wrap .restaurant-item-addinfo .additional-info-list{margin: 10px 0 0;} .restaurant-item-details-wrap .restaurant-item-addinfo .additional-info-list .item{position: relative;overflow: hidden;padding: 5px 0;} .restaurant-item-details-wrap .restaurant-item-addinfo .additional-info-list .item+.item{margin: 10px 0 0;} .restaurant-item-details-wrap .restaurant-item-addinfo .additional-info-list .item .item-input{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;cursor: pointer;opacity: 0;} .restaurant-item-details-wrap .restaurant-item-addinfo .additional-info-list .item .item-content{display: flex;justify-content: space-between;position: relative;padding-right: 40px;} .restaurant-item-details-wrap .restaurant-item-addinfo .additional-info-list .item .item-content:before{content:'';position: absolute;top: 50%;right: 0;transform: translateY(-50%);width: 24px;height: 24px;background-color: #fff;border: 2px solid var(--primaryColor);border-radius: 4px;} .restaurant-item-details-wrap .restaurant-item-addinfo .additional-info-list .item .item-content:after{content: '\f00c';position: absolute;top: 50%;right: 3px;transform: translateY(-50%);margin: 1px 0 0;font-family: 'Font Awesome 5 Pro';color: var(--primaryColor);font-size: 18px;opacity: 0;transition: all 0.3s ease;} .restaurant-item-details-wrap .restaurant-item-addinfo .additional-info-list .item .item-content .item-name{font-size: 18px;color: var(--secondaryColor);margin: auto 0;line-height: 1;} .restaurant-item-details-wrap .restaurant-item-addinfo .additional-info-list .item .item-content .item-price{font-size: 18px;color: var(--thirdColor);margin: auto 0;line-height: 1;} .restaurant-item-details-wrap .restaurant-item-addinfo .additional-info-list .item .item-input:checked ~ .item-content:after{opacity: 1;} .restaurant-item-details-wrap .restaurant-item-addtocart{display: flex;flex-direction: column;justify-content: center;align-items: center;background-color: #eaeaea;margin: 30px 0 0;padding: 30px;} .restaurant-item-details-wrap .restaurant-item-addtocart .cart-spinner{display: flex;} .restaurant-item-details-wrap .restaurant-item-addtocart .cart-spinner .btn-cart-spinner{display: flex;margin: auto 0;width: 30px;height: 30px;background-color: var(--primaryColor);color: #fff;justify-content: center;align-items: center;border-radius: 50%;font-size: 20px;} .restaurant-item-details-wrap .restaurant-item-addtocart .cart-spinner .form-control{width: 100%;margin: auto 10px;max-width: 60px;text-align: center;border: 0;background: none;padding: 5px;font-size: 24px;font-family: 'SF Pro Medium', sans-serif;} .restaurant-item-details-wrap .restaurant-item-addtocart .btn-addtocart{padding: 10px 20px;background-color: var(--primaryColor);color: #fff;margin: 20px auto 0;border-radius: 4px;min-width: 300px;text-align: center;text-transform: uppercase;font-family: 'SF Pro Bold', sans-serif;font-size: 16px;} .section-cart{} .cart-details-wrap{position: relative;background: #fff;border: solid var(--lightColor);border-width: 0 1px;} .cart-details-wrap .cart-info{position: relative;padding: 30px;} .cart-details-wrap .cart-info .cart-title{font-family: 'SF Pro Bold', sans-serif;font-size: 20px;line-height: 1.2;padding-bottom: 10px;margin: 0;border-bottom: 1px solid var(--lightColor);} .cart-details-wrap .cart-options{display: flex;padding: 30px 0;border-bottom: 1px solid var(--lightColor);} .cart-details-wrap .cart-options .cart-delivery{display: flex; width: 50%; max-width: 50%;} .cart-details-wrap .cart-options .cart-delivery .icon{width: 40px;height: 40px;margin: auto 0;} .cart-details-wrap .cart-options .cart-delivery .icon img{width: 100%;height: 100%;object-fit: contain;} .cart-details-wrap .cart-options .cart-delivery .cart-delivery-title{font-family: 'SF Pro Bold', sans-serif;font-size: 18px;margin: auto 0 auto 20px;line-height: 1;color: var(--secondaryColor);} .cart-details-wrap .cart-options .cart-delivery-timeslot{ display: flex; width: 50%; max-width: 50%;} .cart-details-wrap .cart-options .cart-delivery-timeslot span{font-family: 'SF Pro Bold', sans-serif;font-size: 18px;line-height: 1;margin: auto 0;color: var(--secondaryColor);} .cart-details-wrap .cart-summary-wrap{position: relative; padding: 20px 0;border-bottom: 1px solid var(--lightColor);} .cart-details-wrap .cart-summary-wrap .cart-summary-title{font-family: 'SF Pro Bold', sans-serif;font-size: 20px;line-height: 1.2;margin: 0 0 10px;} .cart-details-wrap .cart-summary-wrap .cart-summary{} .cart-details-wrap .cart-summary-wrap .cart-summary .item{display: flex;padding: 8px 0;} .cart-details-wrap .cart-summary-wrap .cart-summary .item .item-count{font-family: 'SF Pro Bold', sans-serif;font-size: 18px;line-height: 1;color: var(--primaryColor);} .cart-details-wrap .cart-summary-wrap .cart-summary .item .item-title{color: var(--secondaryColor);font-size: 18px;line-height: 1;margin: 0 0 0 20px;} .cart-details-wrap .cart-summary-wrap .cart-summary .item .item-price{color: var(--textColor);font-size: 18px;line-height: 1;margin-left: auto;} .cart-details-wrap .cart-summary-wrap .cart-summary .item .item-remove{display: block;font-size: 12px;text-transform: uppercase;font-family: 'SF Pro Medium', sans-serif;padding-left: 30px;position: relative;color: var(--primaryColor);line-height: 1;margin: auto 0;} .cart-details-wrap .cart-summary-wrap .cart-summary .item .item-remove:before{ content: '';position: absolute; top:50%; left: 15px; transform: translateY(-50%); width: 10px; height: 1px; background-color: var(--textColor);} .cart-details-wrap .cart-summary-wrap .cart-summary-tableBooking{} .cart-details-wrap .cart-summary-wrap .cart-summary-tableBooking .item{display: flex;padding: 8px 0;} .cart-details-wrap .cart-summary-wrap .cart-summary-tableBooking .item .item-time{font-family: 'SF Pro Bold', sans-serif;font-size: 16px;margin: auto 0;margin-right: 20px;} .cart-details-wrap .cart-summary-wrap .cart-summary-tableBooking .item .item-table{ margin: auto 5px;display: block;padding: 6px 16px;line-height: 1;background-color: var(--primaryColor);border-radius: 4px;font-size: 14px;color: #fff; text-align: center;} .cart-details-wrap .cart-summary-wrap .cart-summary-tableBooking .item .item-table span{display: block;font-size: 10px;text-transform: uppercase;line-height: 1;margin: 2px 0 0;} .cart-details-wrap .cart-summary-wrap .cart-summary-tableBooking .item .item-remove{display: block;font-size: 12px;text-transform: uppercase;font-family: 'SF Pro Medium', sans-serif;padding-left: 30px;position: relative;color: var(--primaryColor);line-height: 1;margin: auto 0;} .cart-details-wrap .cart-summary-wrap .cart-summary-tableBooking .item .item-remove:before{content: '';position: absolute; top:50%; left: 15px; transform: translateY(-50%); width: 10px; height: 1px; background-color: var(--textColor);} .cart-details-wrap .cart-summary-wrap .cart-summary-tableBooking .item .item-price{color: var(--textColor);font-size: 18px;line-height: 1;margin-left: auto;} .cart-details-wrap .cart-amount-summary{position: relative; padding:0;} .cart-details-wrap .cart-amount-summary .item{display: flex;padding: 30px 0;} .cart-details-wrap .cart-amount-summary .item+.item{border-top: 1px solid var(--lightColor);} .cart-details-wrap .cart-amount-summary .item .item-title{font-family: 'SF Pro Bold', sans-serif;font-size: 18px;line-height: 1;color: var(--secondaryColor);} .cart-details-wrap .cart-amount-summary .item .item-info{color: var(--secondaryColor);font-size: 18px;line-height: 1;margin: 0 0 0 20px;} .cart-details-wrap .cart-amount-summary .item .item-price{color: var(--textColor);font-size: 18px;line-height: 1;margin-left: auto;} .cart-details-wrap .cart-amount-summary .item.total .item-title{} .cart-details-wrap .cart-amount-summary .item.total .item-price{color: var(--secondaryColor);font-family: 'SF Pro Medium', sans-serif;} .cart-details-wrap .cart-checkout{ display: flex;flex-direction: column;justify-content: center;align-items: center;background-color: #eaeaea;margin: 30px 0 0;padding:50px 30px;} .cart-details-wrap .cart-checkout .btn-checkout{padding: 10px 20px;background-color: var(--primaryColor);color: #fff;margin:0 auto;border-radius: 4px;min-width: 300px;text-align: center;text-transform: uppercase;font-family: 'SF Pro Bold', sans-serif;font-size: 16px;} .section-checkout{} .checkout-details-wrap{position: relative;background: #fff;border: solid var(--lightColor);border-width: 0 1px;} .checkout-details-wrap .checkout-info{position: relative;padding: 30px; padding-bottom: 0;} .checkout-details-wrap .checkout-info .checkout-title{font-family: 'SF Pro Bold', sans-serif;font-size: 20px;line-height: 1.2;padding-bottom: 10px;margin: 0 0 20px;border-bottom: 1px solid var(--lightColor);} .checkout-details-wrap .checkout-info .checkout-address{} .checkout-details-wrap .checkout-info .checkout-address .address{font-size: 18px;line-height: 1.4;} .checkout-details-wrap .checkout-info .checkout-address .phone{font-size: 18px;line-height: 1.4; margin: 10px 0 0;} .checkout-details-wrap .checkout-info .checkout-address .instructions{font-size: 18px;color: var(--thirdColor);line-height: 1.2;margin:10px 0 20px;} .checkout-details-wrap .checkout-info .checkout-address .instructions p{line-height: 1.2;margin: 0 0 10px;} .checkout-details-wrap .checkout-info .checkout-info-action{border-bottom: 1px solid var(--lightColor); display: flex; padding-bottom: 20px;} .checkout-details-wrap .checkout-info .checkout-info-action .btn-action{ display: block;font-size: 18px;line-height: 1.2;color: var(--primaryColor);} .checkout-details-wrap .checkout-payment{position: relative;padding: 30px;} .checkout-details-wrap .checkout-payment .payment-title{font-family: 'SF Pro Bold', sans-serif;font-size: 20px;line-height: 1.2;margin: 0 0 10px;} .checkout-details-wrap .checkout-payment .credit-cards{display: flex;flex-wrap: wrap;position: relative;margin: 0 -10px;} .checkout-details-wrap .checkout-payment .credit-cards .card{width: 33.33%;max-width: calc(33.33% - 20px);margin: 10px;display: block;padding: 0;border: 0;border-radius: 0;position: relative;overflow: hidden;} .checkout-details-wrap .checkout-payment .credit-cards .card .card-input{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;opacity: 0;cursor: pointer;} .checkout-details-wrap .checkout-payment .credit-cards .card .card-wrap{position: relative;background-color: #fff;padding: 20px;border: 1px solid var(--lightColor);border-radius: 4px;overflow: hidden;} .checkout-details-wrap .checkout-payment .credit-cards .card .card-wrap:before{content:'\f058';font-family: "Font Awesome 5 Pro"; position: absolute;top: 24px;right: 10px;font-size: 24px;color: var(--lightColor);font-weight: 100;z-index: 0; transition: all 0.3s ease;} .checkout-details-wrap .checkout-payment .credit-cards .card .card-wrap .card-no{font-family: 'SF Pro Semibold', sans-serif;font-size: 20px;line-height: 1.4;color: var(--secondaryColor);} .checkout-details-wrap .checkout-payment .credit-cards .card .card-wrap .card-info{display: flex;margin: 10px -5px 0;} .checkout-details-wrap .checkout-payment .credit-cards .card .card-wrap .card-info .card-expiry{font-size: 16px;margin: auto 5px;min-width: 100px;} .checkout-details-wrap .checkout-payment .credit-cards .card .card-wrap .card-info .card-cvv{font-size: 24px;margin: auto 5px;min-width: 100px;line-height: 18px;} .checkout-details-wrap .checkout-payment .credit-cards .card .card-wrap .card-info .card-holder{font-size: 16px;margin: auto 5px;color: var(--primaryColor);font-family: 'SF Pro Medium', sans-serif;} .checkout-details-wrap .checkout-payment .credit-cards .card .card-wrap .card-info .card-type{margin: auto 5px;margin-left: auto;font-size: 30px;color: var(--thirdColor);} .checkout-details-wrap .checkout-payment .credit-cards .card .card-input:checked ~ .card-wrap:before{color: var(--primaryColor);} .checkout-details-wrap .checkout-payment .card-action{display: flex;margin: 20px 0;padding-bottom: 20px;border-bottom: 1px solid var(--lightColor);} .checkout-details-wrap .checkout-payment .card-action .btn-addcard{display: flex;font-size: 18px;justify-content: flex-start;align-items: center;color: var(--primaryColor);} .checkout-details-wrap .checkout-payment .card-action .btn-addcard span{display: block;margin-left: 10px;} .checkout-details-wrap .checkout-action{ display: flex;flex-direction: column;justify-content: center;align-items: center;background-color: #eaeaea;margin: 30px 0 0;padding:30px;} .checkout-details-wrap .checkout-action .btn-checkout{padding: 10px 20px;background-color: var(--primaryColor);color: #fff;margin:0 auto;border-radius: 4px;min-width: 300px;text-align: center;text-transform: uppercase;font-family: 'SF Pro Bold', sans-serif;font-size: 16px;display: flex;justify-content: space-around;} .checkout-details-wrap .checkout-action .btn-checkout span{} .section-order-details{} .order-details-wrap{position: relative;background: #fff;border: solid var(--lightColor);border-width: 0 1px;padding: 0 0 100px;} .order-details-wrap .order-info{position: relative;padding: 30px;} .order-details-wrap .order-info .order-header{position: relative; display: flex; border-bottom: 1px solid var(--lightColor);padding-bottom: 20px;margin: 0;} .order-details-wrap .order-info .order-header .order-id{font-family: 'SF Pro Bold', sans-serif;font-size: 18px;line-height: 1.2; margin: auto 0;color: var(--primaryColor);} .order-details-wrap .order-info .order-header .order-date{font-family: 'SF Pro Bold', sans-serif;font-size: 18px;line-height: 1.2; margin: auto 0; margin-left: 30px;color: var(--primaryColor);} .order-details-wrap .order-supply{display: block;padding: 30px 0;border-bottom: 1px solid var(--lightColor);} .order-details-wrap .order-supply .order-supply-title{font-family: 'SF Pro Bold', sans-serif;font-size: 20px;line-height: 1.2;margin: 0 0 10px;color: var(--primaryColor);} .order-details-wrap .order-supply .order-supply-name{font-family: 'SF Pro Bold', sans-serif;font-size: 18px;line-height: 1.2; color: var(--secondaryColor);} .order-details-wrap .order-supply .order-supply-address{font-size: 15px;line-height: 1.2; color: var(--textColor);margin: 5px 0 0;} .order-details-wrap .order-options{display: flex;padding: 30px 0;border-bottom: 1px solid var(--lightColor); flex-wrap: wrap;} .order-details-wrap .order-options .order-delivery{display: flex; width: 50%; max-width: 50%;} .order-details-wrap .order-options .order-delivery .icon{width: 40px;height: 40px;margin: auto 0;} .order-details-wrap .order-options .order-delivery .icon img{width: 100%;height: 100%;object-fit: contain;} .order-details-wrap .order-options .order-delivery .order-delivery-title{font-family: 'SF Pro Bold', sans-serif;font-size: 18px;margin: auto 0 auto 20px;line-height: 1;color: var(--secondaryColor);} .order-details-wrap .order-options .order-delivery-timeslot{ display: flex; width: 50%; max-width: 50%;} .order-details-wrap .order-options .order-delivery-timeslot span{font-family: 'SF Pro Bold', sans-serif;font-size: 18px;line-height: 1;margin: auto 0;color: var(--secondaryColor);} .order-details-wrap .order-options .order-address{width: 100%; max-width: 100%;margin: 20px 0 0;} .order-details-wrap .order-options .order-address .order-address-info{font-family: 'SF Pro Bold', sans-serif;font-size: 16px;margin: 0;line-height: 1;color: var(--secondaryColor);} .order-details-wrap .order-summary-wrap{position: relative; padding: 20px 0;border-bottom: 1px solid var(--lightColor); } .order-details-wrap .order-summary-wrap .order-summary-title{font-family: 'SF Pro Bold', sans-serif;font-size: 20px;line-height: 1.2;margin: 0 0 10px;color: var(--primaryColor);} .order-details-wrap .order-summary-wrap .order-summary{} .order-details-wrap .order-summary-wrap .order-summary .item{display: flex;padding: 8px 0;} .order-details-wrap .order-summary-wrap .order-summary .item .item-count{font-family: 'SF Pro Bold', sans-serif;font-size: 18px;line-height: 1;color: var(--primaryColor);} .order-details-wrap .order-summary-wrap .order-summary .item .item-title{color: var(--secondaryColor);font-size: 18px;line-height: 1;margin: 0 0 0 20px;} .order-details-wrap .order-summary-wrap .order-summary .item .item-price{color: var(--textColor);font-size: 18px;line-height: 1;margin-left: auto;} .order-details-wrap .order-summary-wrap .order-summary-tableBooking{} .order-details-wrap .order-summary-wrap .order-summary-tableBooking .item{display: flex;padding: 8px 0;} .order-details-wrap .order-summary-wrap .order-summary-tableBooking .item .item-time{font-family: 'SF Pro Bold', sans-serif;font-size: 16px;margin: auto 0;margin-right: 20px;} .order-details-wrap .order-summary-wrap .order-summary-tableBooking .item .item-table{ margin: auto 5px;display: block;padding: 6px 16px;line-height: 1;background-color: var(--primaryColor);border-radius: 4px;font-size: 14px;color: #fff; text-align: center;} .order-details-wrap .order-summary-wrap .order-summary-tableBooking .item .item-table span{display: block;font-size: 10px;text-transform: uppercase;line-height: 1;margin: 2px 0 0;} .order-details-wrap .order-summary-wrap .order-summary-tableBooking .item .item-remove{display: block;font-size: 12px;text-transform: uppercase;font-family: 'SF Pro Medium', sans-serif;padding-left: 30px;position: relative;color: var(--primaryColor);line-height: 1;margin: auto 0;} .order-details-wrap .order-summary-wrap .order-summary-tableBooking .item .item-remove:before{content: '';position: absolute; top:50%; left: 15px; transform: translateY(-50%); width: 10px; height: 1px; background-color: var(--textColor);} .order-details-wrap .order-summary-wrap .order-summary-tableBooking .item .item-price{color: var(--textColor);font-size: 18px;line-height: 1;margin-left: auto;} .order-details-wrap .order-amount-summary{position: relative; padding:0;} .order-details-wrap .order-amount-summary .item{display: flex;padding: 30px 0;} .order-details-wrap .order-amount-summary .item+.item{border-top: 1px solid var(--lightColor);} .order-details-wrap .order-amount-summary .item .item-title{font-family: 'SF Pro Bold', sans-serif;font-size: 18px;line-height: 1;color: var(--secondaryColor);} .order-details-wrap .order-amount-summary .item .item-info{color: var(--secondaryColor);font-size: 18px;line-height: 1;margin: 0 0 0 20px;} .order-details-wrap .order-amount-summary .item .item-price{color: var(--textColor);font-size: 18px;line-height: 1;margin-left: auto;} .order-details-wrap .order-amount-summary .item.total .item-title{} .order-details-wrap .order-amount-summary .item.total .item-price{color: var(--secondaryColor);font-family: 'SF Pro Medium', sans-serif;} .sec-authentication{padding: 40px; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: calc(100vh - 421px); background: #fafafa;} .authentication-content{width: 100%;max-width: 480px;padding: 30px;background: #fff;} .authentication-content .form-header{display: block;padding: 0 0 20px;border-bottom: 2px solid var(--primaryColor);margin: 0 0 30px;} .authentication-content .form-header .page-title{font-family: 'SF Pro Bold', sans-serif;font-size: 36px;color: var(--secondaryColor);line-height: 1;margin: 0; text-align: center;} .authentication-content .form-content{position: relative;} .authentication-content .form-content .form-agreement{position: relative;padding: 30px 0;font-size: 14px;text-align: center;color: var(--thirdColor);} .authentication-content .form-content .form-agreement .links{color: var(--primaryColor);} .authentication-content .form-content .form-control{font-family: 'SF Pro Regular', sans-serif;font-size: 16px;color: var(--secondaryColor);padding: 10px 0;border: 0;border-bottom: 1px solid var(--lightColor);height: 44px;background-color: #fff;} .authentication-content .form-content .show-pass{display: block;position: absolute;top: 50%;right: 5px;z-index: 2;transform: translateY(-50%);color: var(--thirdColor);} .authentication-content .form-content .btn-submit{display: block;width: 100%;border: 2px solid var(--primaryColor);background-color: var(--primaryColor);color: #fff;padding: 10px;height: 44px;line-height: 1;font-size: 18px;font-family: 'SF Pro Bold';border-radius: 4px; text-align:center;} .authentication-content .form-content .forgot-link{display: block;text-align: center;font-size: 16px;color: var(--primaryColor);} .authentication-content .btn-submit-alt{display: block;width: 100%;border: 2px solid var(--primaryColor);background-color: #fff;color:var(--primaryColor);padding: 10px;height: 44px;line-height: 1;font-size: 18px;font-family: 'SF Pro Bold';border-radius: 4px; text-align:center;} .authentication-content .actions{ display: flex; justify-content: center;} .authentication-content .action-link{font-family: 'SF Pro Medium', sans-serif;display: block;text-align: center;line-height: 1;font-size: 14px;color: var(--primaryColor);} .authentication-content .action-link span{display: block;font-family: 'SF Pro Bold', sans-serif;font-size: 18px;} .authentication-content .or-separator{padding: 30px 0;position: relative;display: flex;z-index: 0;} .authentication-content .or-separator:before{content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%;height: 0;border-bottom: 1px solid var(--lightColor);z-index: -1;} .authentication-content .or-separator span{display: flex;margin: auto;text-transform: uppercase;font-size: 12px;color: var(--thirdColor);width: 30px;height: 30px;background-color: #fff;border: 1px solid var(--lightColor);border-radius: 50%;justify-content: center;align-items: center;line-height: 1;} .authentication-content .input-group .dropdown{display:flex;margin-right:10px;width:70px} .authentication-content .input-group .dropdown-toggle{font-size:16px;font-weight:400;margin:auto 0;border-bottom:1px solid var(--lightColor);padding: 11px 0 10px;line-height: 22px; display:block; width:100% } .authentication-content .input-group .dropdown-menu{top:100%!important;left:0!important;transform:none!important;margin:5px 0 0;border:0;box-shadow:rgba(56,14,121,0.3) 0 2px 20px;padding:0;border-radius:8px;overflow:hidden;min-width:100px} .authentication-content .input-group .dropdown-menu .form-control{border:none;border-bottom:1px solid var(--lightColor);height:30px;min-height:30px;padding: 0 10px;} .authentication-content .input-group .dropdown-menu-wrap{max-height:160px;overflow:auto} .authentication-content .input-group .dropdown-menu-wrap::-webkit-scrollbar-track{box-shadow:none;background-color: var(--light);} .authentication-content .input-group .dropdown-menu-wrap::-webkit-scrollbar{width: 5px;height: 5px;background-color: var(--light);} .authentication-content .input-group .dropdown-menu-wrap::-webkit-scrollbar-thumb{background-color:var(--primaryLightColor);} .authentication-content .input-group .dropdown-menu-wrap .dropdown-item{display:flex;padding:5px 10px;background:#fff!important} .authentication-content .input-group .dropdown-menu-wrap .dropdown-item+.dropdown-item{border-top:1px solid var(--lightColor)} .authentication-content .input-group .dropdown-menu-wrap .dropdown-item .img-container{width:15px;height:15px;line-height:1;overflow:hidden;margin:auto 0;margin-right:10px} .authentication-content .input-group .dropdown-menu-wrap .dropdown-item .img-container img{width:100%;height:100%;object-fit:contain;object-position:center} .authentication-content .input-group .dropdown-menu-wrap .dropdown-item span{display:block;margin:auto 0;font-size:13px;font-weight:500;color: var(--secondaryColor);} .authentication-content .input-group .input-wrap{width: 100%; max-width: calc(100% - 80px);} .sec-settings{padding: 40px; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 600px; background: #fafafa;} .settings-content{width: 100%;max-width: 480px;padding: 30px;background: #fff;} .settings-content .form-header{display: block;padding: 0 0 20px;border-bottom: 2px solid var(--primaryColor);margin: 0 0 30px;} .settings-content .form-header .page-title{font-family: 'SF Pro Bold', sans-serif;font-size: 36px;color: var(--secondaryColor);line-height: 1;margin: 0; text-align: center;} .settings-content .form-content{} .settings-content .form-content .control-label{margin: 0;font-size: 16px;} .settings-content .form-content .form-control{font-family: 'SF Pro Regular', sans-serif;font-size: 16px;color: var(--secondaryColor);padding: 8px 0;border: 0;border-bottom: 1px solid var(--lightColor);height: 44px;background-color: #fff;} .settings-content .form-content .btn-submit{display: block;width: 100%;border: 2px solid var(--primaryColor);background-color: var(--primaryColor);color: #fff;padding: 10px;height: 44px;line-height: 1;font-size: 18px;font-family: 'SF Pro Bold';border-radius: 4px; text-align:center;} .settings-content .address-list{} .settings-content .address-list .item{background-color: #fff;display: block;padding: 10px 0;position: relative;color: var(--secondaryColor);} .settings-content .address-list .item+.item{border-top:1px solid var(--lightColor);} .settings-content .address-list .item .item-label{font-family: 'SF Pro Medium',sans-serif;margin: 0;font-size: 16px;text-transform: capitalize;} .settings-content .address-list .item .item-data{font-family: 'SF Pro Regular', sans-serif;font-size: 14px;color: var(--secondaryColor);margin: 10px 0 0;} .settings-content .input-group .dropdown{display:flex;margin-right:10px;width:70px} .settings-content .input-group .dropdown-toggle{font-size:16px;font-weight:400;margin:auto 0;border-bottom:1px solid var(--lightColor);padding: 11px 0 10px;line-height: 22px; display:block; width:100% } .settings-content .input-group .dropdown-menu{top:100%!important;left:0!important;transform:none!important;margin:5px 0 0;border:0;box-shadow:rgba(56,14,121,0.3) 0 2px 20px;padding:0;border-radius:8px;overflow:hidden;min-width:100px} .settings-content .input-group .dropdown-menu .form-control{border:none;border-bottom:1px solid var(--lightColor);height:30px;min-height:30px;padding: 0 10px;} .settings-content .input-group .dropdown-menu-wrap{max-height:160px;overflow:auto} .settings-content .input-group .dropdown-menu-wrap::-webkit-scrollbar-track{box-shadow:none;background-color: var(--light);} .settings-content .input-group .dropdown-menu-wrap::-webkit-scrollbar{width: 5px;height: 5px;background-color: var(--light);} .settings-content .input-group .dropdown-menu-wrap::-webkit-scrollbar-thumb{background-color:var(--primaryLightColor);} .settings-content .input-group .dropdown-menu-wrap .dropdown-item{display:flex;padding:5px 10px;background:#fff!important} .settings-content .input-group .dropdown-menu-wrap .dropdown-item+.dropdown-item{border-top:1px solid var(--lightColor)} .settings-content .input-group .dropdown-menu-wrap .dropdown-item .img-container{width:15px;height:15px;line-height:1;overflow:hidden;margin:auto 0;margin-right:10px} .settings-content .input-group .dropdown-menu-wrap .dropdown-item .img-container img{width:100%;height:100%;object-fit:contain;object-position:center} .settings-content .input-group .dropdown-menu-wrap .dropdown-item span{display:block;margin:auto 0;font-size:13px;font-weight:500;color: var(--secondaryColor);} .settings-content .input-group .input-wrap{width: 100%; max-width: calc(100% - 80px);} /* ********|| CONTENT ENDS ||******** */ /* ********|| FOOTER STARTS ||******** */ footer{position: relative;background-color: var(--primaryColor);padding: 60px 0 30px;} footer > .container{display: flex;flex-wrap: wrap;} footer .footer-left{width: 50%;max-width: 50%;display: flex;justify-content: flex-start;flex-direction: column;align-items: center;} footer .site-identity{width: 100%;max-width: 100%;display: flex; justify-content: center;} footer .site-identity .item{width: 80px;height: 80px;margin: 0 20px;} footer .site-identity .item img{width: 100%;height: 100%;object-fit: contain;} footer .footer-language{display: flex;margin: 30px 0 0;color: #fff;justify-content: center;align-items: center;} footer .footer-language .language-title{} footer .footer-language .dropdown{margin-left: 10px;} footer .footer-language .dropdown .dropdown-toggle{color: #fff;padding-right: 20px !important; display:flex; justify-content: flex-start; align-items: center;} footer .footer-language .dropdown .dropdown-toggle:after{color: var(--white);font-size: 12px;} footer .footer-language .dropdown .dropdown-toggle .icon{width: 20px;height: 16px;margin: auto 0;margin-right: 8px;line-height: 1;position: relative;overflow: hidden;} footer .footer-language .dropdown .dropdown-toggle .icon img{width:100%; height:100%;object-fit: cover;object-position: center;} footer .footer-language .dropdown .dropdown-toggle .name{display: block;margin: auto 0;margin-right: 10px;font-size: 16px;line-height: 1;} footer .footer-language .dropdown .dropdown-menu{width: 100%;margin: 10px 0 0;border: 0;box-shadow: rgba(0,0,0,0.1) 0 4px 30px;border-radius: 6px;overflow: hidden;right: 0;left: auto !important;transform: translate(0,0) !important;max-height: none; min-width: 120px;} footer .footer-language .dropdown .dropdown-menu .dropdown-item{padding: 8px 20px; display:flex; justify-content: flex-start; align-items: center;} footer .footer-language .dropdown .dropdown-menu .dropdown-item .icon{width: 20px;height: 16px;margin: 0;margin-right: 8px;line-height: 1;position: relative;overflow: hidden;} footer .footer-language .dropdown .dropdown-menu .dropdown-item .icon img{width:100%; height:100%;object-fit: cover;object-position: center;} footer .footer-language .dropdown .dropdown-menu .dropdown-item .name{font-family: 'SF Pro Medium', sans-serif;font-size: 14px;color: var(--secondaryColor); transition: all 0.3s ease;} footer .footer-language .dropdown .dropdown-menu .dropdown-item:focus,footer .footer-language .dropdown .dropdown-menu .dropdown-item:hover,footer .footer-language .dropdown .dropdown-menu .dropdown-item:active{background: #eee;} /*footer .footer-language .dropdown .dropdown-menu .dropdown-item:focus .name,footer .footer-language .dropdown .dropdown-menu .dropdown-item:hover .name,footer .footer-language .dropdown .dropdown-menu .dropdown-item:active .name{color: #fff;}*/ footer .footer-language .dropdown .dropdown-menu.show{transform: translate(0,0) !important;} footer .footer-links{width: 50%;max-width: 100%;display: flex;margin: 0 -10px;} footer .footer-links .link-group{width: 50%;max-width: calc(50% - 20px);margin: 0 10px;list-style: none;padding-left: 0;} footer .footer-links .link-group > li{display: flex;} footer .footer-links .link-group > li a{display: block;color: #fff;font-size: 16px;line-height: 1.4;padding: 5px 0;} footer .copyright{width: 100%;max-width: 100%;margin: 30px 0 0;} footer .copyright .copyright-text{font-family: 'SF Pro Light', sans-serif;font-size: 14px;color: #fff;text-align: center;line-height: 1.4;} /* ********|| FOOTER ENDS ||******** */ /* ********|| MODAL STARTS ||******** */ /* ********|| MODAL ENDS ||******** */ /*==============|| SUSANTA DAS ||==============*/ /* ********|| SETTINGS MENU START ||******** */ .setting-menu-wrap{position:relative;background:#fff;border:solid var(--lightColor);border-width:0 1px} .setting-menu-wrap .setting-menu{position:relative;padding:30px;display:flex;flex-direction:column;min-height:100%;width:100%} .setting-menu-wrap .setting-menu ul.menu{padding-top:15px;padding-bottom:15px;list-style-type:none;padding-left:0} .setting-menu-wrap .setting-menu ul.menu li a{width:100%;display:block;padding:20px 25px 20px 60px;border-top:1px solid var(--lightColor);position:relative;color:var(--secondaryColor);font-weight:700} .setting-menu-wrap .setting-menu ul.menu li:last-child a{border-bottom:1px solid var(--lightColor)} .setting-menu-wrap .setting-menu ul.menu li a .icon{position:absolute;top:50%;transform:translateY(-50%);left:25px;font-size:20px;color:var(--primaryColor)} .bottom-menu{margin-top:auto} .bottom-menu .link{display:block;width:100%;padding:10px 25px 10px 60px;border-bottom:1px solid var(--lightColor);color:var(--secondaryColor);line-height:1.1;font-weight:600} .bottom-menu .lng-option{width:100%;padding:5px 50px 5px 60px;border:0;position:relative} .bottom-menu .lng-option select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border:0;width:calc(100% + 110px);margin-left:-60px;margin-right:-50px;padding:5px 50px 5px 60px;color:var(--primaryColor)} .bottom-menu .lng-option::before{content:"\f107";-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;font-family:"Font Awesome 5 Pro";position:absolute;top:50%;transform:translateY(-50%);right:20px;cursor:pointer;color:var(--primaryColor)} /* ********|| SETTINGS MENU END ||******** */ /* ********|| SETTINGS ORDER LIST START ||******** */ .setting-orderlist-wrap{position:relative;background:#fff;border:solid var(--lightColor);border-width:0 1px} .setting-orderlist-wrap .setting-orderlist{position:relative;padding:30px;display:flex;flex-direction:column;min-height:100%;width:100%} .setting-orderlist-wrap .setting-orderlist .orderlist-row{display: flex;color: var(--primaryColor);font-size: 14px;padding: 10px 0;font-family: 'SF Pro Medium', sans-serif;} .setting-orderlist-wrap .setting-orderlist .orderlist-row+.orderlist-row{border-top:1px solid rgba(0,0,0,0.05);} .setting-orderlist-wrap .setting-orderlist .orderlist-row:first-child{padding-top:20px} .setting-orderlist-wrap .setting-orderlist .orderlist-row .orderid{margin:auto 0 ;width: 160px;} .setting-orderlist-wrap .setting-orderlist .orderlist-row .service-type{margin:auto 0 ;width: 150px;} .setting-orderlist-wrap .setting-orderlist .orderlist-row .service-type span{display: block;font-size: 12px;line-height: 1;} .setting-orderlist-wrap .setting-orderlist .orderlist-row .service-name{margin:auto 0 ;width: 100%;max-width: calc(100% - 640px);} .setting-orderlist-wrap .setting-orderlist .orderlist-row .datentime{margin:auto 0 ;line-height: 1;text-align: center;width: 150px;} .setting-orderlist-wrap .setting-orderlist .orderlist-row .datentime span{ display: block;font-size: 12px;line-height: 1;} .setting-orderlist-wrap .setting-orderlist .orderlist-row .price{margin:auto 0 ;width: 100px;text-align: center;} .setting-orderlist-wrap .setting-orderlist .orderlist-row .price span{display: none;} .setting-orderlist-wrap .setting-orderlist .orderlist-row .detail-link{margin:auto 0 ;width: 80px; text-align: right;} .setting-orderlist-wrap .setting-orderlist .orderlist-row .detail-link a{text-decoration: underline;} .setting-orderlist-wrap .setting-orderlist .orderlist-row.row-header{font-size: 16px;font-family: 'SF Pro Bold', sans-serif;color: var(--secondaryColor);} /* ********|| SETTINGS ORDER LIST END ||******** */ /* ********|| SETTINGS FAVOURITES LIST START ||******** */ .setting-favouriteslist-wrap{position:relative;background:#fff;border:solid var(--lightColor);border-width:0 1px} .setting-favouriteslist-wrap .setting-favouriteslist{position:relative;padding:30px;display:flex;flex-direction:column;min-height:100%;width:100%} .setting-favouriteslist .list-item{padding:0 10px 10px;border-bottom:1px solid var(--lightColor);margin-bottom:15px;position:relative} .setting-favouriteslist .list-item .title a{display:block;width:100%} .setting-favouriteslist .list-item .title h1{margin:0;font-size:16px;text-transform:uppercase;font-weight:bolder;margin-bottom:3px;font-family:'SF Pro Bold';padding-right:50px} .setting-favouriteslist .list-item .title .subtitle{display:flex} .setting-favouriteslist .list-item .title .subtitle h3{font-size:15px;color:var(--secondaryColor);font-family:'SF Pro Bold';margin-right:15px} .setting-favouriteslist .list-item .title .subtitle span{display:flex;height:100%;flex-direction:column;justify-content:center;font-size:12px;color:var(--thirdColor)} .setting-favouriteslist .list-item .desc{font-size:14px;line-height:1.3} .setting-favouriteslist .list-item .desc .address-info{color:var(--thirdColor);margin-bottom:8px} .setting-favouriteslist .list-item .desc .address-info i{color:var(--primaryColor);margin-right:5px;font-size:18px} .setting-favouriteslist .list-item .deletebutton{position:absolute;top:0;right:0} .setting-favouriteslist .list-item .deletebutton a{display:flex;flex-direction:column;justify-content:center;width:30px;height:30px;text-align:center;color:var(--primaryColor)} /* ********|| SETTINGS FAVOURITES LIST END ||******** */ /* ********|| SINGLE SERVICE PUBLIC PLACE START ||******** */ .public-place-wrap{position:relative;background:#fff;border:solid var(--lightColor);border-width:0 1px;padding:0} .public-place-wrap .public-place-image{width:100%;position:relative} .public-place-wrap .public-place-image img{width:100%;height:100%;object-fit:cover} .public-place-wrap .public-place-image .public-place-image-carousel{width: 100%;position: relative;z-index: 0;} .public-place-wrap .public-place-image .public-place-image-carousel .item{width: 100%;height: 600px; overflow: hidden;} .public-place-wrap .public-place-image .public-place-image-carousel .item img{width: 100%;height: 100%;object-fit: cover;} .public-place-wrap .public-place-image .public-place-image-carousel .owl-dots{display: flex;width: 100%;justify-content: center;align-items: center;padding: 10px 0;} .public-place-wrap .public-place-image .public-place-image-carousel .owl-dots .owl-dot{ margin: 0 2px} .public-place-wrap .public-place-image .public-place-image-carousel .owl-dots .owl-dot span{display: block;width: 16px;height: 16px;border-radius: 50%;background-color:var(--thirdColor);} .public-place-wrap .public-place-image .public-place-image-carousel .owl-dots .owl-dot.active span{background-color:var(--primaryColor);} .public-place-wrap .public-place-image .public-place-image-options{position:absolute;bottom:56px;right:20px;z-index:1;display:flex;margin:0 -5px} .public-place-wrap .public-place-image .public-place-image-options .item{width:40px;height:40px;background-color:#fff;display:flex;justify-content:center;align-items:center;margin:0 5px;font-size:20px;border-radius:50%;color:var(--primaryColor)} .public-place-wrap .public-place-info{position:relative;padding:30px} .public-place-wrap .public-place-info .public-place-name{margin:0 0 5px;font-family:'SF Pro Bold',sans-serif;color:var(--secondaryColor);line-height:1.2;font-size:40px} .public-place-wrap .public-place-info .public-place-subtitle{font-size:20px;color:var(--textColor);line-height:1.2;margin:0 0 15px} .public-place-wrap .public-place-info .public-place-description{font-size:18px;color:var(--thirdColor);line-height:1.2;margin:0 0 30px} .public-place-wrap .public-place-info .public-place-description p{line-height:1.2;margin:0 0 10px} .public-place-wrap .public-place-info .public-place-options{display:flex;flex-wrap:wrap;margin:0 -10px;position:relative} .public-place-wrap .public-place-info .public-place-options .choose-date-time{width:50%;max-width:calc(50% - 20px);margin:10px;justify-content:flex-start} .choose-date-time{position:relative;margin:0 0 30px;display:flex;justify-content:center} .choose-date-time .dropdown-toggle{display:flex} .choose-date-time .dropdown-toggle .icon{width:50px;height:50px;margin:auto 0} .choose-date-time .dropdown-toggle .icon img{width:100%;height:100%;object-fit:contain} .choose-date-time .dropdown-toggle .title{margin:auto 20px;font-family:'SF Pro Bold';font-size:22px;text-transform:uppercase;line-height:1;color:var(--primaryColor)} .choose-date-time .dropdown-toggle:after{font-weight:400;font-size:18px} .choose-date-time .dropdown-menu{width:100%;margin:10px 0 0;border:0;box-shadow:rgba(0,0,0,0.1) 0 4px 30px;border-radius:6px;overflow:hidden} .choose-date-time .dropdown-menu .dropdown-item{font-family:'SF Pro Medium',sans-serif;font-size:18px;padding:8px 20px;color:var(--secondaryColor)} .public-place-wrap .public-place-info .public-place-options .next-slot{width:50%;max-width:calc(50% - 20px);margin:10px;display:flex} .public-place-wrap .public-place-info .public-place-options .next-slot span{display:block;margin:auto 0;font-family:'SF Pro Bold';font-size:22px;text-transform:uppercase;line-height:1;color:var(--primaryColor)} .public-place-wrap .public-place-info .public-place-address{display:flex;margin:20px 0 0} .public-place-wrap .public-place-info .public-place-address .icon{font-size:24px;margin:auto 0;color:var(--primaryColor)} .public-place-wrap .public-place-info .public-place-address .address{font-size:18px;color:var(--textColor);margin:auto 10px;line-height:1.2} .public-place-wrap .public-place-info .public-place-address .map-link{display:inline-block;font-size:18px;color:var(--primaryColor);margin:auto 0;line-height:1.2} .public-place-wrap .public-place-ticket{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#eaeaea;margin:30px 0 0;padding:30px;position:-webkit-sticky;position:sticky;bottom:0;z-index:1} .public-place-wrap .public-place-ticket .btn-ticket{padding:10px 0;color:var(--primaryColor);margin:0 auto;border-radius:4px;min-width:100%;text-align:center;text-transform:uppercase;font-family:'SF Pro Bold',sans-serif;font-size:12px;display:flex;justify-content:center} /* ********|| SINGLE SERVICE PUBLIC PLACE END ||******** */ /* ********|| CHOOSE TICKET START ||******** */ .ticket-header-wrap{padding:30px;background-color:var(--primaryLightColor);margin-top:5px} .ticket-header-wrap h3{font-family:'SF Pro Medium',sans-serif;color:var(--secondaryColor);line-height:1.2;font-size:24px;margin:0;width:100%} .choose-ticket-wrap{position:relative;background:#fff;border:solid var(--lightColor);border-width:0 1px} .choose-ticket-wrap .choose-ticket-item-info{position:relative;padding:30px;margin-bottom:20px} .choose-ticket-wrap .choose-ticket-item-info .choose-ticket-item-info-header{display:flex;margin:0 0 8px} .choose-ticket-wrap .choose-ticket-item-info .choose-ticket-item-info-header .choose-ticket-item-name{font-family:'SF Pro Medium',sans-serif;color:var(--secondaryColor);line-height:1.2;font-size:24px;margin:0;width:100%;max-width:calc(100% - 200px)} .choose-ticket-wrap .choose-ticket-item-info .choose-ticket-item-description{font-size:18px;color:var(--thirdColor);line-height:1.2;margin:0} .choose-ticket-wrap .choose-ticket-item-info .choose-ticket-item-description p{line-height:1.2;margin:0 0 10px} .choose-ticket-wrap .choose-ticket-item-info .choose-ticket-item-price{font-size:20px;color:var(--textColor);line-height:1.2;margin:0;width:200px;text-align:left} .choose-ticket-wrap .choose-ticket-item-info .choose-ticket-quantity{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#eaeaea;margin:10px 0 0;padding:30px;margin-left:-30px;margin-right:-30px;margin-bottom:-30px} .choose-ticket-wrap .choose-ticket-item-info .choose-ticket-quantity .choose-ticket-spinner{display:flex} .choose-ticket-wrap .choose-ticket-item-info .choose-ticket-quantity .choose-ticket-spinner .btn-ticket-spinner{display:flex;margin:auto 0;width:30px;height:30px;background-color:var(--primaryColor);color:#fff;justify-content:center;align-items:center;border-radius:50%;font-size:20px} .choose-ticket-wrap .choose-ticket-item-info .choose-ticket-quantity .choose-ticket-spinner .form-control{width:100%;margin:auto 10px;max-width:60px;text-align:center;border:0;background:none;padding:5px;font-size:24px;font-family:'SF Pro Medium',sans-serif} /* ********|| CHOOSE TICKET END ||******** */ /* ********|| RENTAL OPTION START ||******** */ .rental-header-wrap{padding:30px;background-color:var(--primaryLightColor);margin-top:5px} .rental-header-wrap h3{font-family:'SF Pro Medium',sans-serif;color:var(--secondaryColor);line-height:1.2;font-size:24px;margin:0;width:100%} .rental-option-wrap{position:relative;background:#fff;border:solid var(--lightColor);border-width:0 1px} .rental-option-wrap .rental-option-item-info{position:relative;padding:0 30px;display:flex} .rental-option-wrap .rental-option-item-info .time-info{flex-basis:45%;min-height:100%;border-right:1px solid var(--lightColor);border-bottom:1px solid var(--lightColor);padding:30px 5px 5px;display:flex;flex-direction:column;justify-content:center} .rental-option-wrap .rental-option-item-info .boat-info{flex-basis:55%;min-height:150px;height:100%;border-bottom:1px solid var(--lightColor);padding:30px 5px 5px} .rental-option-wrap .rental-option-item-info .time-info h4{font-family:'SF Pro Medium',sans-serif;color:var(--primaryColor);line-height:1.2;font-size:18px;font-weight:bolder;text-align:center} .rental-option-wrap .rental-option-item-info .boat-license-wrap{padding:0 10px;width:250px;margin:auto;margin-bottom:25px} .rental-option-wrap .rental-option-item-info .boat-license-wrap .title{text-transform:uppercase;color:var(--secondaryColor);font-size:18px;font-weight:700;text-align:center;margin-bottom:15px} .rental-option-wrap .rental-option-item-info .boat-license-wrap .chect-item{padding:0;list-style-type:none;display:flex;justify-content:space-around;margin-bottom:15px;padding:0 30px} .rental-option-wrap .rental-option-item-info .boat-license-wrap .chect-item>li{height:22px;width:22px;background-color:red;border-radius:2px} .rental-option-wrap .rental-option-item-info .boat-license-wrap .chect-item>li.active{background-color:green} .rental-option-wrap .rental-option-item-info .boat-license-wrap .rental-price{font-family:'SF Pro Medium',sans-serif;color:var(--primaryColor);line-height:1.2;font-size:14px;font-weight:700;text-align:center;letter-spacing:1px} /* ********|| RENTAL OPTION END ||******** */ /* ********|| PUBLIC PLACE CHOOSE ENTRANCE TIME & PUT TICKET IN CART START||******** */ .public-place-wrap .filters{padding:20px 30px;border:solid var(--lightColor);border-width:1px 0} /*.filters .filter-trigger{display:inline-block;font-family:'SF Pro Bold',sans-serif;color:var(--primaryColor);font-size:24px;line-height:1;margin:0} .filters .filter-options{display:none} .filters .filter-options .filter-options-wrap{display:flex;flex-wrap:wrap;margin:0 -10px;position:relative;padding:10px 0} .delivery-actions{position:relative;margin:0 0 30px;display:flex} .date-actions{display:flex} .filters .filter-options .filter-options-wrap .date-actions{width:33.33%;max-width:calc(33.33% - 20px);margin:0 10px} .date-actions .icon{width:40px;height:40px;margin:auto 0;display:flex;justify-content:center;align-items:center;font-size:32px} .date-actions .icon img{width:100%;height:100%;object-fit:contain} .date-actions .title{margin:auto 10px;font-family:'SF Pro Bold';font-size:18px;text-transform:uppercase;line-height:1;color:var(--secondaryColor)} .filters .filter-options .filter-options-wrap .time-actions{width:33.33%;max-width:calc(33.33% - 20px);margin:0 10px} .time-actions{display:flex} .time-actions .icon{width:40px;height:40px;margin:auto 0;display:flex;justify-content:center;align-items:center;font-size:32px} .time-actions .icon img{width:100%;height:100%;object-fit:contain} .time-actions .title{margin:auto 10px;font-family:'SF Pro Bold';font-size:18px;text-transform:uppercase;line-height:1;color:var(--secondaryColor)}*/ .public-place-wrap .public-place-filter{position:relative;padding:20px 30px} .public-place-wrap .public-place-filter .public-place-filter-wrap{display:flex;margin:0 -10px;flex-wrap:wrap} .public-place-wrap .public-place-filter .current-selection{width:25%;max-width:calc(25% - 20px);margin:0 10px} .public-place-wrap .public-place-filter .current-selection .label{font-weight:400;font-family:'SF Pro Semibold',sans-serif;text-transform:capitalize;font-size:20px;color:var(--primaryColor);line-height:1.2} .public-place-wrap .public-place-filter .current-selection .data{font-weight:400;font-family:'SF Pro Semibold',sans-serif;text-transform:capitalize;font-size:18px;color:#FF9800;line-height:1.2} .public-place-wrap .public-place-filter .person-quantity{width:25%;max-width:calc(25% - 20px);margin:0 10px} .public-place-wrap .public-place-filter .person-quantity .label{font-weight:400;font-family:'SF Pro Semibold',sans-serif;text-transform:capitalize;font-size:20px;color:var(--primaryColor);line-height:1.2} .public-place-wrap .public-place-filter .person-quantity .data{font-weight:400;font-family:'SF Pro Semibold',sans-serif;text-transform:capitalize;font-size:18px;color:#FF9800;line-height:1.2} .public-place-wrap .public-place-filter .entrance-time{width:25%;max-width:calc(25% - 20px);margin:0 10px} .public-place-wrap .public-place-filter .entrance-time .label{font-weight:400;font-family:'SF Pro Semibold',sans-serif;text-transform:capitalize;font-size:20px;color:var(--primaryColor);line-height:1.2} .public-place-wrap .public-place-filter .entrance-time .dropdown-toggle{font-weight:400;font-family:'SF Pro Semibold',sans-serif;text-transform:capitalize;font-size:18px;color:#FF9800;line-height:1.2;padding-right:18px!important} .public-place-wrap .public-place-filter .entrance-time .dropdown-menu{width:100%;margin:10px 0 0;border:0;box-shadow:rgba(0,0,0,0.1) 0 4px 30px;border-radius:6px;overflow:hidden} .public-place-wrap .public-place-filter .entrance-time .dropdown-menu .dropdown-item{font-family:'SF Pro Medium',sans-serif;font-size:16px;padding:8px 20px;color:var(--secondaryColor)} .public-place-wrap .public-place-filter .entrance-time .data{font-weight:400;font-family:'SF Pro Semibold',sans-serif;text-transform:capitalize;font-size:18px;color:#FF9800;line-height:1.2} .public-place-wrap .time-frame-title{padding: 20px 30px;border-bottom: 1px solid var(--lightColor);font-family: 'SF Pro Bold', sans-serif;color: var(--primaryColor);font-size: 18px;line-height: 1;text-align: center;} .public-place-wrap .public-place-time-slots{padding:20px 30px;border:solid var(--lightColor);border-width:1px 0} .public-place-wrap .public-place-time-slots .title{font-weight:400;font-family:'SF Pro Bold',sans-serif;text-transform:uppercase;font-size:20px;color:var(--primaryColor);line-height:1.2;margin:0 0 15px} .public-place-wrap .public-place-time-slots .time-slot-list{display:flex;margin:0 -10px;flex-wrap:wrap} .public-place-wrap .public-place-time-slots .time-slot-list .slots{display:block;margin:5px;background-color:var(--primaryColor);color:#fff;padding:8px 16px;border-radius:30px;font-family:'SF Pro Semibold',sans-serif;font-size:16px;line-height:1} .public-place-wrap .public-place-time-slots .time-slot-list .slots.active{ background-color: #FF9800;} .public-place-wrap .public-place-cart{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#eaeaea;margin:30px 0 0;padding:30px;position:-webkit-sticky;position:sticky;bottom:0;z-index:2} .public-place-wrap .public-place-cart .btn-view-cart{padding:10px 20px;background-color:var(--primaryColor);color:#fff;margin:0 auto;border-radius:4px;min-width:300px;text-align:center;text-transform:uppercase;font-family:'SF Pro Bold',sans-serif;font-size:16px;display:flex;justify-content:space-around} .ticket-header-wrap{padding:30px;background-color:var(--primaryLightColor);margin-top:5px} .choose-ticket-wrap{position:relative;background:#fff;border:solid var(--lightColor);border-width:0 1px} /* ********|| PUBLIC PLACE CHOOSE ENTRANCE TIME & PUT TICKET IN CART END||******** */ .time-actions-single{justify-content:center} .choose-ticket-wrap .choose-ticket-item-info .choose-ticket-item-description .choose-ticket-item-content{display:flex} .choose-ticket-item-content .info-text-content{width:calc(100% - 135px);text-align:center} .choose-ticket-item-content .info-image-content{width:135px;height:100px} .choose-ticket-item-content .info-image-content img{display:block;height:100%;width:100%;object-fit:cover;object-position:center} .choose-ticket-item-content .info-text-content .title{font-weight:400;font-family:'SF Pro Semibold',sans-serif;text-transform:uppercase;font-size:20px;color:var(--primaryColor);line-height:1.2} .choose-ticket-item-content .info-text-content .label{font-weight:400;font-family:'SF Pro Semibold',sans-serif;text-transform:capitalize;font-size:20px;color:var(--primaryColor);line-height:1.2} .choose-ticket-item-content .info-text-content .label span{font-size:18px;color:#FF9800;margin-left:5px} .choose-ticket-item-content .info-text-content .data{font-weight:400;font-family:'SF Pro Semibold',sans-serif;text-transform:capitalize;font-size:18px;color:#FF9800;line-height:1.2} .choose-ticket-item-content .info-text-content .price{font-weight:400;font-family:'SF Pro Semibold',sans-serif;text-transform:capitalize;font-size:18px;color:#FF9800;line-height:1.2;margin-top:15px} /* ********|| RENTAL FILTER WITH TIME SLOT ||******** */ .product-listings .item-collapse-wrap .collapse-btn{display:block;width:100%;padding:10px;color:var(--primaryColor);text-decoration:none;text-align:center;font-family:'SF Pro Bold',sans-serif;font-size:18px;line-height:1;border-bottom:1px solid var(--primaryColor)} .product-listings .item-collapse-wrap .collapse-container{padding:20px;display:none} .product-listings .item-collapse-wrap .collapse-container .text-center{font-family: 'SF Pro Semibold', sans-serif;color: var(--primaryColor);} .rental-booking-info-item{margin-bottom:20px;border-bottom:1px solid var(--primaryColor);padding: 20px;} .rental-booking-info-item:last-child{margin-bottom:0;border:none} .rental-booking-info-item .time-info{display:flex;margin-bottom:15px} .rental-booking-info-item .time-info .title{width:calc(100% - 150px);font-weight:400;font-family:'SF Pro Semibold',sans-serif;text-transform:uppercase;font-size:20px;color:#FF9800;line-height:1.2;text-align:center} .rental-booking-info-item .time-info .action{width: 120px;text-align: right;margin-left: auto;} .rental-booking-info-item .time-info .action a{background-color: var(--primaryColor);color: #fff;padding: 5px 5px;border-radius: 10px;display: inline-block;font-size: 14px;font-family: 'SF Pro Bold',sans-serif;text-align: center;line-height: 1;} .rental-booking-info-item .boat-type-info-wrap{display:flex;margin-bottom:15px} .rental-booking-info-item .boat-type-info-wrap .boat-type-info{width:calc(100% - 150px);text-align:center} .rental-booking-info-item .boat-type-info-wrap .title{font-weight:400;font-family:'SF Pro Semibold',sans-serif;text-transform:uppercase;font-size:20px;color:var(--primaryColor);line-height:1.2} .rental-booking-info-item .boat-type-info-wrap .label{font-weight:400;font-family:'SF Pro Semibold',sans-serif;text-transform:capitalize;font-size:20px;color:var(--primaryColor);line-height:1.2} .rental-booking-info-item .boat-type-info-wrap .label span{font-size:18px;color:#FF9800;margin-left:5px} .rental-booking-info-item .boat-type-info-wrap .data{font-weight:400;font-family:'SF Pro Semibold',sans-serif;text-transform:capitalize;font-size:18px;color:#FF9800;line-height:1.2} .rental-booking-info-item .boat-type-info-wrap .price{font-weight:400;font-family:'SF Pro Semibold',sans-serif;text-transform:capitalize;font-size:18px;color:#FF9800;line-height:1.2;width:150px;text-align:center} .page-wrap{position: relative;background: #fff;border: solid var(--lightColor);border-width: 0 1px;padding: 0 0 100px;min-height: calc(100vh - 421px);} /* ********|| FAQ ||******** */ .faq-accordion{width: 100%;max-width: 900px;margin: 30px auto;} .faq-accordion .item{position: relative;} .faq-accordion .item+.item{border-top:1px solid rgba(0,0,0,0.1);} .faq-accordion .item .item-trigger{display: block;font-size: 24px;line-height: 1.2;font-family: 'SF Pro Medium', sans-serif;padding: 15px 0;position: relative;padding-right: 30px;color: var(--primaryColor);} .faq-accordion .item .item-trigger:after{content: "\f078";font-family: "Font Awesome 5 Pro";font-size: 20px;font-weight: 500;display: block;position: absolute;margin: 0;vertical-align: unset;top: 50%;right: 0;transform: translateY(-50%);border: 0; color: var(--primaryColor); opacity: 1; transition: all 0.3s ease;} .faq-accordion .item.active .item-trigger:after{transform: translateY(-50%) rotate(-180deg);} .faq-accordion .item .item-content{font-family: 'SF Pro Light', sans-serif;font-size: 18px;line-height: 1.4;color: var(--secondaryColor);display: none;} /********************************* Added Chinmoy *******************/ .address-action{display: flex;margin: 20px 0;padding-bottom: 20px;border-bottom: 1px solid var(--lightColor);} #cart_msg{width: 100%} /* ********|| ACTIVITIES ||******** */ .activity-details{} .activity-details-wrap{position: relative;background: #fff;border: solid var(--lightColor);border-width: 0 1px;padding: 0 0 0;min-height: calc(100vh - 421px);} .activity-details-wrap.activity-list-page{min-height: auto;} .activity-details-wrap .activity-image{width: 100%;position: relative;} .activity-details-wrap .activity-image img{width: 100%;height: 100%;object-fit: cover;} .activity-details-wrap .activity-image .activity-image-carousel{width: 100%;position: relative;z-index: 0;} .activity-details-wrap .activity-image .activity-image-carousel .item{width: 100%;height: 600px; overflow: hidden;} .activity-details-wrap .activity-image .activity-image-carousel .item img{width: 100%;height: 100%;object-fit: cover;} .activity-details-wrap .activity-image .activity-image-carousel .owl-dots{display: flex;width: 100%;justify-content: center;align-items: center;padding: 10px 0;} .activity-details-wrap .activity-image .activity-image-carousel .owl-dots .owl-dot{ margin: 0 2px} .activity-details-wrap .activity-image .activity-image-carousel .owl-dots .owl-dot span{display: block;width: 16px;height: 16px;border-radius: 50%;background-color:var(--thirdColor);} .activity-details-wrap .activity-image .activity-image-carousel .owl-dots .owl-dot.active span{background-color:var(--primaryColor);} .activity-details-wrap .activity-image .activity-image-options{position: absolute;bottom: 56px;right: 20px;z-index: 1;display: flex;margin: 0 -5px;} .activity-details-wrap .activity-image .activity-image-options .item{width: 40px;height: 40px;background-color: #fff;display: flex;justify-content: center;align-items: center;margin: 0 5px;font-size: 20px;border-radius: 50%; color: var(--primaryColor);} .activity-details-wrap .activity-info{position: relative;padding: 30px;z-index: 2;} .activity-details-wrap .activity-info .activity-name{margin: 0 0 3px;font-family: 'SF Pro Bold', sans-serif;color:#FF9800;line-height: 1.2;font-size: 40px;} .activity-details-wrap .activity-info .activity-provider{margin: 0 0 3px;font-family: 'SF Pro Bold', sans-serif;color:var(--secondaryColor);line-height: 1.2;font-size: 20px;} .activity-details-wrap .activity-info .activity-provider span{font-size: 16px;} .activity-details-wrap .activity-info .activity-subtitle{font-size: 20px;color: var(--textColor);line-height: 1.2;margin: 0 0 15px;} .activity-details-wrap .activity-info .activity-status{margin: 10px 0; display: flex; justify-content: space-between;} .activity-details-wrap .activity-info .activity-status span{ display: block; margin: auto 0; font-family: 'SF Pro Bold';font-size: 18px;text-transform: uppercase;line-height: 1;color: var(--primaryColor);} .activity-details-wrap .activity-info .activity-status .activity-status-button{ background-color: var(--primaryColor); color: #fff; padding: 10px 20px; line-height: 1; border-radius: 50px; text-transform: uppercase; font-weight: bold; font-size: 14px; letter-spacing: 1px; } .activity-details-wrap .activity-ticket .start-end-time .active_session_btn.active{background:#ff9800; } .activity-details-wrap .activity-info .activity-description{font-size: 18px;color: var(--thirdColor);line-height: 1.2;margin: 0 0 30px;} .activity-details-wrap .activity-info .activity-description p{line-height: 1.2;margin: 0 0 10px;} .activity-details-wrap .activity-info .activity-address{display: flex;margin: 20px 0 0;} .activity-details-wrap .activity-info .activity-address .icon{font-size: 24px;margin: auto 0;color: var(--primaryColor);} .activity-details-wrap .activity-info .activity-address .address{font-size: 18px;color: var(--textColor);margin: auto 10px;line-height: 1.2;} .activity-details-wrap .activity-info .activity-address .map-link{display: inline-block;font-size: 18px;color: var(--primaryColor);margin: auto 0;line-height: 1.2;} .activity-details-wrap .activity-info .activity-deposit-button, .activity-details-wrap .activity-info .activity-cancelation-button{ text-transform: uppercase; width: 100%; display: block; text-align: center; font-size: 18px; color: var(--primaryColor); margin: 15px 0; font-family: 'SF Pro Bold', sans-serif; } .activity-details-wrap .activity-info .button-wrap{ text-align: center; } .activity-details-wrap .activity-info .activity-term-button{ text-transform: uppercase; width: auto; display: inline-block; text-align: center; font-size: 18px; background-color: var(--primaryColor); color: #fff; margin: 15px 0; font-family: 'SF Pro Bold', sans-serif; padding: 15px 30px; border-radius: 50px; } .activity-details-wrap .activity-filter{position: relative;padding: 20px 30px;} .activity-details-wrap .activity-filter .activity-filter-wrap{display: flex;margin: 0 -10px;flex-wrap: wrap;} .activity-details-wrap .activity-filter .current-selection{width: 25%;max-width: calc(25% - 20px);margin: 0 10px;} .activity-details-wrap .activity-filter .current-selection .label{font-weight: normal;font-family: 'SF Pro Semibold', sans-serif;text-transform: capitalize;font-size: 20px;color: var(--primaryColor);line-height: 1.2;} .activity-details-wrap .activity-filter .current-selection .data{font-weight: normal;font-family: 'SF Pro Semibold', sans-serif;text-transform: capitalize;font-size: 18px;color: #FF9800;line-height: 1.2;} .activity-details-wrap .activity-filter .service-type{width: 25%;max-width: calc(25% - 20px);margin: 0 10px; display: flex;} .activity-details-wrap .activity-filter .service-type .label{font-weight: normal;font-family: 'SF Pro Semibold', sans-serif;text-transform: capitalize;font-size: 20px;color: var(--primaryColor);line-height: 1.2;} .activity-details-wrap .activity-filter .service-type .data{font-weight: normal;font-family: 'SF Pro Semibold', sans-serif;text-transform: capitalize;font-size: 18px;color: #FF9800;line-height: 1.2;} .activity-details-wrap .activity-filter .number-person{width: 25%;max-width: calc(25% - 20px);margin: 0 10px;} .activity-details-wrap .activity-filter .number-person .label{font-weight: normal;font-family: 'SF Pro Semibold', sans-serif;text-transform: capitalize;font-size: 20px;color: var(--primaryColor);line-height: 1.2;} .activity-details-wrap .activity-filter .number-person .dropdown{} .activity-details-wrap .activity-filter .number-person .dropdown-toggle{font-weight: normal;font-family: 'SF Pro Semibold', sans-serif;text-transform: capitalize;font-size: 18px;color: #FF9800;line-height: 1.2;padding-right: 18px !important;} .activity-details-wrap .activity-filter .number-person .dropdown-menu{width: 100%;margin: 10px 0 0;border: 0;box-shadow: rgba(0,0,0,0.1) 0 4px 30px;border-radius: 6px;z-index: 2;} .activity-details-wrap .activity-filter .number-person .dropdown-menu .dropdown-item{font-family: 'SF Pro Medium', sans-serif;font-size: 16px;padding: 8px 20px;color: var(--secondaryColor);} .activity-details-wrap .activity-filter .number-person .dropdown-menu .dropdown-item:focus,.activity-details-wrap .activity-filter .number-person .dropdown-menu .dropdown-item:hover,.activity-details-wrap .activity-filter .number-person .dropdown-menu .dropdown-item:active{background: var(--primaryColor);color: #fff;} .activity-details-wrap .activity-filter .chosen-table{width: 25%;max-width: calc(25% - 20px);margin: 0 10px;} .activity-details-wrap .activity-filter .chosen-table .label{font-weight: normal;font-family: 'SF Pro Semibold', sans-serif;text-transform: capitalize;font-size: 20px;color: var(--primaryColor);line-height: 1.2;} .activity-details-wrap .activity-filter .chosen-table .data{font-weight: normal;font-family: 'SF Pro Semibold', sans-serif;text-transform: capitalize;font-size: 18px;color: #FF9800;line-height: 1.2;} .activity-details-wrap .activity-filter-action{display: flex;justify-content: center;margin: 30px 0 0;} .activity-details-wrap .activity-filter-action .filter-action{padding: 16px 20px;background-color: var(--primaryColor);color: #fff;margin: 0 auto;border-radius: 4px;min-width: 300px;text-align: center;text-transform: uppercase;font-family: 'SF Pro Bold', sans-serif;font-size: 16px;} .activity-details-wrap .filters{padding:20px 30px;border: solid var(--lightColor);border-width: 1px 0;} /*.activity-details-wrap .filters .filter-title{display: none;}*/ .activity-details-wrap .activity-ticket{position: relative;padding: 20px 30px;border: solid var(--lightColor);border-width: 1px 0; border-bottom: none;} .activity-details-wrap .activity-ticket .activity-ticket-wrap{display: flex;margin: 0 -10px;flex-wrap: wrap;} .activity-details-wrap .activity-ticket .start-end-time{width: 25%;max-width: calc(25% - 20px);margin: 0 10px; display: flex; justify-content: space-between;} .activity-details-wrap .activity-ticket .start-end-time .label{font-weight: normal;font-family: 'SF Pro Semibold', sans-serif;text-transform: uppercase;font-size: 14px;color: #FF9800;line-height: 1.2;} .activity-details-wrap .activity-ticket .start-end-time .choose-btn{ font-weight: normal; font-family: 'SF Pro Semibold', sans-serif; text-transform: uppercase; font-size: 14px; color: #fff; background-color: var(--primaryColor); line-height: normal; padding: 5px 10px; border-radius: 50px; display: flex; align-items: center; max-height: 38px; } .activity-details-wrap .activity-ticket .session{width: 25%;max-width: calc(25% - 20px);margin: 0 10px; display: flex;} .activity-details-wrap .activity-ticket .session .label{font-weight: normal;font-family: 'SF Pro Semibold', sans-serif;text-transform: uppercase;font-size: 14px;color: #FF9800;line-height: 1.2;} .activity-details-wrap .activity-ticket .item{width: 25%;max-width: calc(25% - 20px);margin: 0 10px; display: flex;} .activity-details-wrap .activity-ticket .item .label{font-weight: normal;font-family: 'SF Pro Semibold', sans-serif;text-transform: capitalize;font-size: 20px;color: var(--primaryColor);line-height: 1.2;} .activity-details-wrap .activity-ticket .item .data{font-weight: normal;font-family: 'SF Pro Semibold', sans-serif;text-transform: capitalize;font-size: 18px;color: #FF9800;line-height: 1.2;} .activity-details-wrap .activity-ticket.active{background-color : rgba(0,0,0,0.1);} .activity-details-wrap .activity-table-selection{padding: 20px 30px;border: solid var(--lightColor);border-width: 1px 0;} .activity-details-wrap .activity-table-selection .title{font-weight: normal;font-family: 'SF Pro Bold', sans-serif;text-transform: uppercase;font-size: 20px;color: var(--primaryColor);line-height: 1.2;margin: 0 0 15px;} .activity-details-wrap .activity-table-selection .table-list{} .activity-details-wrap .activity-table-selection .table-list .item{display: flex;margin: 0 -10px; padding: 15px 0;} .activity-details-wrap .activity-table-selection .table-list .item+.item{border-top: 1px solid var(--primaryColor);} .activity-details-wrap .activity-table-selection .table-list .time-range{width: 240px;margin: auto 10px;font-weight: normal;font-family: 'SF Pro Semibold', sans-serif;text-transform: uppercase;font-size: 18px;color: #FF9800;line-height: 1.2;} .activity-details-wrap .activity-table-selection .table-list .table-available{width: 100%;max-width: calc(100% - 280px);margin: 0 5px;display: flex;flex-wrap: wrap;} .activity-details-wrap .activity-table-selection .table-list .table-name{position: relative; overflow: hidden;border-radius: 30px;} .activity-details-wrap .activity-table-selection .table-list .table-name .table-input{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; cursor: pointer; opacity: 0;} .activity-details-wrap .activity-table-selection .table-list .table-name .table-label{display: block;margin: 5px;background-color: var(--primaryColor);color: #fff;padding: 9px 16px 7px;border-radius: 30px;font-family: 'SF Pro Semibold', sans-serif;font-size: 18px;line-height: 1;} .activity-details-wrap .activity-table-selection .table-list .table-name .table-input:checked ~ .table-label{background-color:#FF9800;} .activity-details-wrap .activity-deposit{padding: 60px 30px;} .activity-details-wrap .activity-deposit .title{font-weight: normal;font-family: 'SF Pro Semibold', sans-serif;text-transform: capitalize;font-size: 18px;color: var(--primaryColor);line-height: 1.2; text-align: center;} .activity-details-wrap .activity-time-slots{padding: 20px 30px;border: solid var(--lightColor);border-width: 1px 0;} .activity-details-wrap .activity-time-slots .title{font-weight: normal;font-family: 'SF Pro Bold', sans-serif;text-transform: uppercase;font-size: 20px;color: var(--primaryColor);line-height: 1.2;margin: 0 0 15px;} .activity-details-wrap .activity-time-slots .time-slot-list{display: flex;margin: 0 -10px; flex-wrap: wrap;} .activity-details-wrap .activity-time-slots .time-slot-list .slots{display: block;margin: 5px;background-color: var(--primaryColor);color: #fff;padding: 8px 16px;border-radius: 30px;font-family: 'SF Pro Semibold', sans-serif;font-size: 16px;line-height: 1;} .activity-details-wrap .activity-time-slots .time-slot-list .slots.active{background-color: #FF9800;} .activity-details-wrap .available-menu-wrap{position: relative;z-index: 2;padding: 20px 30px;border: solid var(--lightColor);border-width: 1px 0; display: flex;} .activity-details-wrap .available-menu{margin: 0 auto;} .activity-details-wrap .available-menu .dropdown{} .activity-details-wrap .available-menu .dropdown-toggle{font-weight: normal;font-family: 'SF Pro Semibold', sans-serif;text-transform: capitalize;font-size: 24px;color: var(--primaryColor);line-height: 1.2;padding-right: 18px !important;} .activity-details-wrap .available-menu .dropdown-menu{width: 100%;margin: 10px 0 0;border: 0;box-shadow: rgba(0,0,0,0.1) 0 4px 30px;border-radius: 6px;overflow: hidden;} .activity-details-wrap .available-menu .dropdown-menu .dropdown-item{font-family: 'SF Pro Medium', sans-serif;font-size: 16px;padding: 8px 20px;color: var(--secondaryColor);} .activity-details-wrap .available-menu .dropdown-menu .dropdown-item:focus,.activity-details-wrap .available-menu .dropdown-menu .dropdown-item:hover,.available-menus-wrap .activity-filter .dropdown-menu .dropdown-item:active{background: var(--primaryColor);color: #fff;} .activity-details-wrap .activity-menu-navigation{position: -webkit-sticky;position: sticky;top: 122px;z-index: 1;background-color: #fff;padding: 0 20px;} .activity-details-wrap .activity-menu-navigation .item{padding: 10px;} .activity-details-wrap .activity-menu-navigation .item .item-link{display: block;font-family: 'SF Pro Bold', sans-serif;font-size: 18px;background-color: #fff;color: var(--primaryColor);padding: 10px 15px;line-height: 1;border-radius: 6px;white-space: nowrap;} .activity-details-wrap .activity-menu-navigation .item.active .item-link{background-color: var(--primaryColor);color: #fff;} .activity-details-wrap .activity-menu-category{position: relative;} .activity-details-wrap .menu-category{} .activity-details-wrap .menu-category .menu-category-title{font-family: 'SF Pro Bold', sans-serif;color: var(--secondaryColor);line-height: 1.2;font-size: 32px;padding: 20px 30px;background-color: var(--primaryLightColor);} .activity-details-wrap .menu-category .menu-category-list{position: relative;} .activity-details-wrap .menu-category .menu-category-list .item{display: flex;padding: 20px 30px;flex-wrap: wrap; background-color: #fff;} .activity-details-wrap .menu-category .menu-category-list .item:hover{background-color: var(--lightColor);} .activity-details-wrap .menu-category .menu-category-list .item .item-content{width: 100%;max-width: calc(100% - 240px);padding-right: 30px;} .activity-details-wrap .menu-category .menu-category-list .item .item-title{font-size: 20px;color: var(--secondaryColor);line-height: 1.2;} .activity-details-wrap .menu-category .menu-category-list .item .item-description{margin: 10px 0 0;font-size: 18px;color: var(--thirdColor);line-height: 1.2;} .activity-details-wrap .menu-category .menu-category-list .item .item-description p{} .activity-details-wrap .menu-category .menu-category-list .item .item-price{font-size: 20px;color: var(--textColor);line-height: 1.2;margin: 15px 0 0;} .activity-details-wrap .menu-category .menu-category-list .item .item-image{width: 240px;margin: 0 0 auto;} .activity-details-wrap .menu-category .menu-category-list .item .item-image img{width: 100%;height: 100%;object-fit: cover;} .activity-details-wrap .activity-cart{ display: flex;flex-direction: column;justify-content: center;align-items: center;background-color: #eaeaea;margin: 30px 0 0;padding:30px;position: -webkit-sticky;position: sticky; bottom: 0;z-index: 2} .activity-details-wrap .activity-cart .btn-view-cart{padding: 10px 20px;background-color: var(--primaryColor);color: #fff;margin:0 auto;border-radius: 4px;width: 100%;min-width: 300px;max-width: 360px;text-align: center;text-transform: uppercase;font-family: 'SF Pro Bold', sans-serif;font-size: 16px;display: flex;justify-content: space-around;} .activity-details-wrap .activity-choose-ticket-wrap { position: relative; background: #fff; border: solid var(--lightColor); border-width: 0; } .activity-choose-ticket-wrap .choose-ticket-item-info { position: relative; padding: 30px; margin-bottom: 20px; } .activity-choose-ticket-wrap .choose-ticket-item-info .choose-ticket-item-description { font-size: 18px; line-height: 1.2; margin: 0; background-color: #eaeaea ; padding: 30px; margin-left: -30px; margin-right: -30px; margin-bottom: -30px; display: flex; justify-content: space-between; } .activity-choose-ticket-wrap .choose-ticket-item-info .choose-ticket-item-description .label { font-weight: normal; font-family: 'SF Pro Semibold', sans-serif; text-transform: uppercase; font-size: 20px; color: var(--primaryColor); line-height: 1.2; text-align: center; } .activity-choose-ticket-wrap .choose-ticket-item-info .choose-ticket-item-description .data { font-weight: normal; font-family: 'SF Pro Semibold', sans-serif; text-transform: uppercase; font-size: 18px; color: #FF9800; line-height: 1.2; text-align: center; } .activity-choose-ticket-wrap .choose-ticket-item-info .choose-ticket-quantity { display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: #eaeaea; padding: 30px; margin-left: -30px; margin-right: -30px; margin-bottom: -30px; } .activity-choose-ticket-wrap .choose-ticket-item-info .choose-ticket-quantity .choose-ticket-spinner { display: flex; } .activity-choose-ticket-wrap .choose-ticket-item-info .choose-ticket-quantity .choose-ticket-spinner .btn-ticket-spinner { display: flex; margin: auto 0; width: 30px; height: 30px; background-color: var(--primaryColor); color: #fff; justify-content: center; align-items: center; border-radius: 50%; font-size: 20px; } .activity-choose-ticket-wrap .choose-ticket-item-info .choose-ticket-quantity .choose-ticket-spinner .form-control { width: 100%; margin: auto 10px; max-width: 60px; text-align: center; border: 0; background: none; padding: 5px; font-size: 24px; font-family: 'SF Pro Medium',sans-serif; } .alert_toster>div{ padding: 15px 15px 15px 15px !important; opacity: 1 !important; border-radius: 10px!important; } .alert_toster .toast-warning{ background-color: var(--primaryColor); background-position: -100% !important; } .alert_toster .toast-message{ display: flex; justify-content: center; } .alert_toster button{ outline: none; background-color: transparent; color: #fff; border: 2px solid #fff; border-radius: 7px; margin: 10px 5px; padding: 8px; min-width: 80px; display: flex; justify-content: center; align-items: center; font-weight: 600; letter-spacing: -0.3px; text-transform: uppercase; font-size: 12px; } .alert_toster .toast-message{ margin-top: 10px; } .alert_toster .toast-title{ text-align: center; }