/*! Theme Name: escorialilj Theme URI: https://escorialilj.es/ Author: https://escorialilj.es/ Author URI: https://escorialilj.es/ Description: https://escorialilj.es/ Version: 1.0.0 */ @import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Gilda+Display&display=swap"); @import url('https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300..700;1,300..700&display=swap'); @font-face { font-family: "flaticon_hotel"; src: url("assets/fonts/flaticon_hotel.ttf?b4d90b890822b6d3429b9614500c1e2f") format("truetype"), url("assets/fonts/flaticon_hotel.woff?b4d90b890822b6d3429b9614500c1e2f") format("woff"), url("assets/fonts/flaticon_hotel.woff2?b4d90b890822b6d3429b9614500c1e2f") format("woff2"), url("assets/fonts/flaticon_hotel.eot?b4d90b890822b6d3429b9614500c1e2f#iefix") format("embedded-opentype"), url("assets/fonts/flaticon_hotel.svg?b4d90b890822b6d3429b9614500c1e2f#flaticon_hotel") format("svg"); } @font-face { font-family: 'linearicons-free'; src: url('assets/fonts/linearicons-free.eot?4l2k0u'); src: url('assets/fonts/linearicons-free.eot?4l2k0u#iefix') format('embedded-opentype'), url('assets/fonts/linearicons-free.ttf?4l2k0u') format('truetype'), url('assets/fonts/linearicons-free.woff?4l2k0u') format('woff'), url('assets/fonts/linearicons-free.svg?4l2k0u#linearicons-free') format('svg'); font-weight: normal; font-style: normal; } @charset "UTF-8"; /*! * Bootstrap v5.1.3 (https://getbootstrap.com/) * Copyright 2011-2021 The Bootstrap Authors * Copyright 2011-2021 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ :root{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-body-color-rgb:33,37,41;--bs-body-bg-rgb:255,255,255;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-bg:#fff}*,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}hr{margin:1rem 0;color:inherit;background-color:currentColor;border:0;opacity:.25}hr:not([size]){height:1px}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}.h1,h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){.h1,h1{font-size:2.5rem}}.h2,h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){.h2,h2{font-size:2rem}}.h3,h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){.h3,h3{font-size:1.75rem}}.h4,h4{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){.h4,h4{font-size:1.5rem}}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}abbr[data-bs-original-title],abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}.small,small{font-size:.875em}.mark,mark{padding:.2em;background-color:#fcf8e3}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#0d6efd;text-decoration:underline}a:hover{color:#0a58ca}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:var(--bs-font-monospace);font-size:1em;direction:ltr;unicode-bidi:bidi-override}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:.875em;color:#d63384;word-wrap:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:.875em;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:1em;font-weight:700}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:#6c757d;text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]::-webkit-calendar-picker-indicator{display:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:calc(1.275rem + .3vw);line-height:inherit}@media (min-width:1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:textfield}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::-webkit-file-upload-button{font:inherit}::file-selector-button{font:inherit}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none!important}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:calc(1.625rem + 4.5vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-1{font-size:5rem}}.display-2{font-size:calc(1.575rem + 3.9vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-2{font-size:4.5rem}}.display-3{font-size:calc(1.525rem + 3.3vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-3{font-size:4rem}}.display-4{font-size:calc(1.475rem + 2.7vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-4{font-size:3.5rem}}.display-5{font-size:calc(1.425rem + 2.1vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-5{font-size:3rem}}.display-6{font-size:calc(1.375rem + 1.5vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-6{font-size:2.5rem}}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:.875em;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote>:last-child{margin-bottom:0}.blockquote-footer{margin-top:-1rem;margin-bottom:1rem;font-size:.875em;color:#6c757d}.blockquote-footer::before{content:"— "}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem;max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:.875em;color:#6c757d}.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{width:100%;padding-right:var(--bs-gutter-x,.75rem);padding-left:var(--bs-gutter-x,.75rem);margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1320px}}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}.col{flex:1 0 0%}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.6666666667%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.33333333%}.col-2{flex:0 0 auto;width:16.66666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333333%}.col-5{flex:0 0 auto;width:41.66666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333333%}.col-8{flex:0 0 auto;width:66.66666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333333%}.col-11{flex:0 0 auto;width:91.66666667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.33333333%}.offset-2{margin-left:16.66666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333333%}.offset-5{margin-left:41.66666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333333%}.offset-8{margin-left:66.66666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333333%}.offset-11{margin-left:91.66666667%}.g-0,.gx-0{--bs-gutter-x:0}.g-0,.gy-0{--bs-gutter-y:0}.g-1,.gx-1{--bs-gutter-x:0.25rem}.g-1,.gy-1{--bs-gutter-y:0.25rem}.g-2,.gx-2{--bs-gutter-x:0.5rem}.g-2,.gy-2{--bs-gutter-y:0.5rem}.g-3,.gx-3{--bs-gutter-x:1rem}.g-3,.gy-3{--bs-gutter-y:1rem}.g-4,.gx-4{--bs-gutter-x:1.5rem}.g-4,.gy-4{--bs-gutter-y:1.5rem}.g-5,.gx-5{--bs-gutter-x:3rem}.g-5,.gy-5{--bs-gutter-y:3rem}@media (min-width:576px){.col-sm{flex:1 0 0%}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.6666666667%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33333333%}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-11{flex:0 0 auto;width:91.66666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}.g-sm-0,.gx-sm-0{--bs-gutter-x:0}.g-sm-0,.gy-sm-0{--bs-gutter-y:0}.g-sm-1,.gx-sm-1{--bs-gutter-x:0.25rem}.g-sm-1,.gy-sm-1{--bs-gutter-y:0.25rem}.g-sm-2,.gx-sm-2{--bs-gutter-x:0.5rem}.g-sm-2,.gy-sm-2{--bs-gutter-y:0.5rem}.g-sm-3,.gx-sm-3{--bs-gutter-x:1rem}.g-sm-3,.gy-sm-3{--bs-gutter-y:1rem}.g-sm-4,.gx-sm-4{--bs-gutter-x:1.5rem}.g-sm-4,.gy-sm-4{--bs-gutter-y:1.5rem}.g-sm-5,.gx-sm-5{--bs-gutter-x:3rem}.g-sm-5,.gy-sm-5{--bs-gutter-y:3rem}}@media (min-width:768px){.col-md{flex:1 0 0%}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.6666666667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}.g-md-0,.gx-md-0{--bs-gutter-x:0}.g-md-0,.gy-md-0{--bs-gutter-y:0}.g-md-1,.gx-md-1{--bs-gutter-x:0.25rem}.g-md-1,.gy-md-1{--bs-gutter-y:0.25rem}.g-md-2,.gx-md-2{--bs-gutter-x:0.5rem}.g-md-2,.gy-md-2{--bs-gutter-y:0.5rem}.g-md-3,.gx-md-3{--bs-gutter-x:1rem}.g-md-3,.gy-md-3{--bs-gutter-y:1rem}.g-md-4,.gx-md-4{--bs-gutter-x:1.5rem}.g-md-4,.gy-md-4{--bs-gutter-y:1.5rem}.g-md-5,.gx-md-5{--bs-gutter-x:3rem}.g-md-5,.gy-md-5{--bs-gutter-y:3rem}}@media (min-width:992px){.col-lg{flex:1 0 0%}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.6666666667%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}.g-lg-0,.gx-lg-0{--bs-gutter-x:0}.g-lg-0,.gy-lg-0{--bs-gutter-y:0}.g-lg-1,.gx-lg-1{--bs-gutter-x:0.25rem}.g-lg-1,.gy-lg-1{--bs-gutter-y:0.25rem}.g-lg-2,.gx-lg-2{--bs-gutter-x:0.5rem}.g-lg-2,.gy-lg-2{--bs-gutter-y:0.5rem}.g-lg-3,.gx-lg-3{--bs-gutter-x:1rem}.g-lg-3,.gy-lg-3{--bs-gutter-y:1rem}.g-lg-4,.gx-lg-4{--bs-gutter-x:1.5rem}.g-lg-4,.gy-lg-4{--bs-gutter-y:1.5rem}.g-lg-5,.gx-lg-5{--bs-gutter-x:3rem}.g-lg-5,.gy-lg-5{--bs-gutter-y:3rem}}@media (min-width:1200px){.col-xl{flex:1 0 0%}.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.6666666667%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-11{flex:0 0 auto;width:91.66666667%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}.g-xl-0,.gx-xl-0{--bs-gutter-x:0}.g-xl-0,.gy-xl-0{--bs-gutter-y:0}.g-xl-1,.gx-xl-1{--bs-gutter-x:0.25rem}.g-xl-1,.gy-xl-1{--bs-gutter-y:0.25rem}.g-xl-2,.gx-xl-2{--bs-gutter-x:0.5rem}.g-xl-2,.gy-xl-2{--bs-gutter-y:0.5rem}.g-xl-3,.gx-xl-3{--bs-gutter-x:1rem}.g-xl-3,.gy-xl-3{--bs-gutter-y:1rem}.g-xl-4,.gx-xl-4{--bs-gutter-x:1.5rem}.g-xl-4,.gy-xl-4{--bs-gutter-y:1.5rem}.g-xl-5,.gx-xl-5{--bs-gutter-x:3rem}.g-xl-5,.gy-xl-5{--bs-gutter-y:3rem}}@media (min-width:1400px){.col-xxl{flex:1 0 0%}.row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.row-cols-xxl-1>*{flex:0 0 auto;width:100%}.row-cols-xxl-2>*{flex:0 0 auto;width:50%}.row-cols-xxl-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-xxl-4>*{flex:0 0 auto;width:25%}.row-cols-xxl-5>*{flex:0 0 auto;width:20%}.row-cols-xxl-6>*{flex:0 0 auto;width:16.6666666667%}.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.33333333%}.col-xxl-2{flex:0 0 auto;width:16.66666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.33333333%}.col-xxl-5{flex:0 0 auto;width:41.66666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.33333333%}.col-xxl-8{flex:0 0 auto;width:66.66666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33333333%}.col-xxl-11{flex:0 0 auto;width:91.66666667%}.col-xxl-12{flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.33333333%}.offset-xxl-2{margin-left:16.66666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.33333333%}.offset-xxl-5{margin-left:41.66666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.33333333%}.offset-xxl-8{margin-left:66.66666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.33333333%}.offset-xxl-11{margin-left:91.66666667%}.g-xxl-0,.gx-xxl-0{--bs-gutter-x:0}.g-xxl-0,.gy-xxl-0{--bs-gutter-y:0}.g-xxl-1,.gx-xxl-1{--bs-gutter-x:0.25rem}.g-xxl-1,.gy-xxl-1{--bs-gutter-y:0.25rem}.g-xxl-2,.gx-xxl-2{--bs-gutter-x:0.5rem}.g-xxl-2,.gy-xxl-2{--bs-gutter-y:0.5rem}.g-xxl-3,.gx-xxl-3{--bs-gutter-x:1rem}.g-xxl-3,.gy-xxl-3{--bs-gutter-y:1rem}.g-xxl-4,.gx-xxl-4{--bs-gutter-x:1.5rem}.g-xxl-4,.gy-xxl-4{--bs-gutter-y:1.5rem}.g-xxl-5,.gx-xxl-5{--bs-gutter-x:3rem}.g-xxl-5,.gy-xxl-5{--bs-gutter-y:3rem}}.table{--bs-table-bg:transparent;--bs-table-accent-bg:transparent;--bs-table-striped-color:#212529;--bs-table-striped-bg:rgba(0, 0, 0, 0.05);--bs-table-active-color:#212529;--bs-table-active-bg:rgba(0, 0, 0, 0.1);--bs-table-hover-color:#212529;--bs-table-hover-bg:rgba(0, 0, 0, 0.075);width:100%;margin-bottom:1rem;color:#212529;vertical-align:top;border-color:#dee2e6}.table>:not(caption)>*>*{padding:.5rem .5rem;background-color:var(--bs-table-bg);border-bottom-width:1px;box-shadow:inset 0 0 0 9999px var(--bs-table-accent-bg)}.table>tbody{vertical-align:inherit}.table>thead{vertical-align:bottom}.table>:not(:first-child){border-top:2px solid currentColor}.caption-top{caption-side:top}.table-sm>:not(caption)>*>*{padding:.25rem .25rem}.table-bordered>:not(caption)>*{border-width:1px 0}.table-bordered>:not(caption)>*>*{border-width:0 1px}.table-borderless>:not(caption)>*>*{border-bottom-width:0}.table-borderless>:not(:first-child){border-top-width:0}.table-striped>tbody>tr:nth-of-type(odd)>*{--bs-table-accent-bg:var(--bs-table-striped-bg);color:var(--bs-table-striped-color)}.table-active{--bs-table-accent-bg:var(--bs-table-active-bg);color:var(--bs-table-active-color)}.table-hover>tbody>tr:hover>*{--bs-table-accent-bg:var(--bs-table-hover-bg);color:var(--bs-table-hover-color)}.table-primary{--bs-table-bg:#cfe2ff;--bs-table-striped-bg:#c5d7f2;--bs-table-striped-color:#000;--bs-table-active-bg:#bacbe6;--bs-table-active-color:#000;--bs-table-hover-bg:#bfd1ec;--bs-table-hover-color:#000;color:#000;border-color:#bacbe6}.table-secondary{--bs-table-bg:#e2e3e5;--bs-table-striped-bg:#d7d8da;--bs-table-striped-color:#000;--bs-table-active-bg:#cbccce;--bs-table-active-color:#000;--bs-table-hover-bg:#d1d2d4;--bs-table-hover-color:#000;color:#000;border-color:#cbccce}.table-success{--bs-table-bg:#d1e7dd;--bs-table-striped-bg:#c7dbd2;--bs-table-striped-color:#000;--bs-table-active-bg:#bcd0c7;--bs-table-active-color:#000;--bs-table-hover-bg:#c1d6cc;--bs-table-hover-color:#000;color:#000;border-color:#bcd0c7}.table-info{--bs-table-bg:#cff4fc;--bs-table-striped-bg:#c5e8ef;--bs-table-striped-color:#000;--bs-table-active-bg:#badce3;--bs-table-active-color:#000;--bs-table-hover-bg:#bfe2e9;--bs-table-hover-color:#000;color:#000;border-color:#badce3}.table-warning{--bs-table-bg:#fff3cd;--bs-table-striped-bg:#f2e7c3;--bs-table-striped-color:#000;--bs-table-active-bg:#e6dbb9;--bs-table-active-color:#000;--bs-table-hover-bg:#ece1be;--bs-table-hover-color:#000;color:#000;border-color:#e6dbb9}.table-danger{--bs-table-bg:#f8d7da;--bs-table-striped-bg:#eccccf;--bs-table-striped-color:#000;--bs-table-active-bg:#dfc2c4;--bs-table-active-color:#000;--bs-table-hover-bg:#e5c7ca;--bs-table-hover-color:#000;color:#000;border-color:#dfc2c4}.table-light{--bs-table-bg:#f8f9fa;--bs-table-striped-bg:#ecedee;--bs-table-striped-color:#000;--bs-table-active-bg:#dfe0e1;--bs-table-active-color:#000;--bs-table-hover-bg:#e5e6e7;--bs-table-hover-color:#000;color:#000;border-color:#dfe0e1}.table-dark{--bs-table-bg:#212529;--bs-table-striped-bg:#2c3034;--bs-table-striped-color:#fff;--bs-table-active-bg:#373b3e;--bs-table-active-color:#fff;--bs-table-hover-bg:#323539;--bs-table-hover-color:#fff;color:#fff;border-color:#373b3e}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width:575.98px){.table-responsive-sm{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:767.98px){.table-responsive-md{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:991.98px){.table-responsive-lg{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:1199.98px){.table-responsive-xl{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:1399.98px){.table-responsive-xxl{overflow-x:auto;-webkit-overflow-scrolling:touch}}.form-label{margin-bottom:.5rem}.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.25rem}.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.875rem}.form-text{margin-top:.25rem;font-size:.875em;color:#6c757d}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control[type=file]{overflow:hidden}.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}.form-control:focus{color:#212529;background-color:#fff;border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-control::-webkit-date-and-time-value{height:1.5em}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}.form-control::-webkit-file-upload-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:#212529;background-color:#e9ecef;pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:1px;border-radius:0;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control::file-selector-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:#212529;background-color:#e9ecef;pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:1px;border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control::-webkit-file-upload-button{-webkit-transition:none;transition:none}.form-control::file-selector-button{transition:none}}.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{background-color:#dde0e3}.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:#dde0e3}.form-control::-webkit-file-upload-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:#212529;background-color:#e9ecef;pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:1px;border-radius:0;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control::-webkit-file-upload-button{-webkit-transition:none;transition:none}}.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{background-color:#dde0e3}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;line-height:1.5;color:#212529;background-color:transparent;border:solid transparent;border-width:1px 0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{min-height:calc(1.5em + .5rem + 2px);padding:.25rem .5rem;font-size:.875rem;border-radius:.2rem}.form-control-sm::-webkit-file-upload-button{padding:.25rem .5rem;margin:-.25rem -.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.form-control-sm::file-selector-button{padding:.25rem .5rem;margin:-.25rem -.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.form-control-sm::-webkit-file-upload-button{padding:.25rem .5rem;margin:-.25rem -.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.form-control-lg{min-height:calc(1.5em + 1rem + 2px);padding:.5rem 1rem;font-size:1.25rem;border-radius:.3rem}.form-control-lg::-webkit-file-upload-button{padding:.5rem 1rem;margin:-.5rem -1rem;-webkit-margin-end:1rem;margin-inline-end:1rem}.form-control-lg::file-selector-button{padding:.5rem 1rem;margin:-.5rem -1rem;-webkit-margin-end:1rem;margin-inline-end:1rem}.form-control-lg::-webkit-file-upload-button{padding:.5rem 1rem;margin:-.5rem -1rem;-webkit-margin-end:1rem;margin-inline-end:1rem}textarea.form-control{min-height:calc(1.5em + .75rem + 2px)}textarea.form-control-sm{min-height:calc(1.5em + .5rem + 2px)}textarea.form-control-lg{min-height:calc(1.5em + 1rem + 2px)}.form-control-color{width:3rem;height:auto;padding:.375rem}.form-control-color:not(:disabled):not([readonly]){cursor:pointer}.form-control-color::-moz-color-swatch{height:1.5em;border-radius:.25rem}.form-control-color::-webkit-color-swatch{height:1.5em;border-radius:.25rem}.form-select{display:block;width:100%;padding:.375rem 2.25rem .375rem .75rem;-moz-padding-start:calc(0.75rem - 3px);font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;-moz-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.form-select{transition:none}}.form-select:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-select[multiple],.form-select[size]:not([size="1"]){padding-right:.75rem;background-image:none}.form-select:disabled{background-color:#e9ecef}.form-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #212529}.form-select-sm{padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem;border-radius:.2rem}.form-select-lg{padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem;border-radius:.3rem}.form-check{display:block;min-height:1.5rem;padding-left:1.5em;margin-bottom:.125rem}.form-check .form-check-input{float:left;margin-left:-1.5em}.form-check-input{width:1em;height:1em;margin-top:.25em;vertical-align:top;background-color:#fff;background-repeat:no-repeat;background-position:center;background-size:contain;border:1px solid rgba(0,0,0,.25);-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact}.form-check-input[type=checkbox]{border-radius:.25em}.form-check-input[type=radio]{border-radius:50%}.form-check-input:active{filter:brightness(90%)}.form-check-input:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-check-input:checked{background-color:#0d6efd;border-color:#0d6efd}.form-check-input:checked[type=checkbox]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e")}.form-check-input:checked[type=radio]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")}.form-check-input[type=checkbox]:indeterminate{background-color:#0d6efd;border-color:#0d6efd;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")}.form-check-input:disabled{pointer-events:none;filter:none;opacity:.5}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{opacity:.5}.form-switch{padding-left:2.5em}.form-switch .form-check-input{width:2em;margin-left:-2.5em;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");background-position:left center;border-radius:2em;transition:background-position .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-switch .form-check-input{transition:none}}.form-switch .form-check-input:focus{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e")}.form-switch .form-check-input:checked{background-position:right center;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.form-check-inline{display:inline-block;margin-right:1rem}.btn-check{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.btn-check:disabled+.btn,.btn-check[disabled]+.btn{pointer-events:none;filter:none;opacity:.65}.form-range{width:100%;height:1.5rem;padding:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-range:focus{outline:0}.form-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}.form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}.form-range::-moz-focus-outer{border:0}.form-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;background-color:#0d6efd;border:0;border-radius:1rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.form-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}.form-range::-webkit-slider-thumb:active{background-color:#b6d4fe}.form-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.form-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#0d6efd;border:0;border-radius:1rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-moz-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.form-range::-moz-range-thumb{-moz-transition:none;transition:none}}.form-range::-moz-range-thumb:active{background-color:#b6d4fe}.form-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.form-range:disabled{pointer-events:none}.form-range:disabled::-webkit-slider-thumb{background-color:#adb5bd}.form-range:disabled::-moz-range-thumb{background-color:#adb5bd}.form-floating{position:relative}.form-floating>.form-control,.form-floating>.form-select{height:calc(3.5rem + 2px);line-height:1.25}.form-floating>label{position:absolute;top:0;left:0;height:100%;padding:1rem .75rem;pointer-events:none;border:1px solid transparent;transform-origin:0 0;transition:opacity .1s ease-in-out,transform .1s ease-in-out}@media (prefers-reduced-motion:reduce){.form-floating>label{transition:none}}.form-floating>.form-control{padding:1rem .75rem}.form-floating>.form-control::-moz-placeholder{color:transparent}.form-floating>.form-control::placeholder{color:transparent}.form-floating>.form-control:not(:-moz-placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control:-webkit-autofill{padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-select{padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control:not(:-moz-placeholder-shown)~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control:-webkit-autofill~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>.form-control,.input-group>.form-select{position:relative;flex:1 1 auto;width:1%;min-width:0}.input-group>.form-control:focus,.input-group>.form-select:focus{z-index:3}.input-group .btn{position:relative;z-index:2}.input-group .btn:focus{z-index:3}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem}.input-group-lg>.btn,.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;border-radius:.3rem}.input-group-sm>.btn,.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text{padding:.25rem .5rem;font-size:.875rem;border-radius:.2rem}.input-group-lg>.form-select,.input-group-sm>.form-select{padding-right:3rem}.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu){border-top-right-radius:0;border-bottom-right-radius:0}.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:#198754}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;color:#fff;background-color:rgba(25,135,84,.9);border-radius:.25rem}.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip{display:block}.form-control.is-valid,.was-validated .form-control:valid{border-color:#198754;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#198754;box-shadow:0 0 0 .25rem rgba(25,135,84,.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.form-select.is-valid,.was-validated .form-select:valid{border-color:#198754}.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"],.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size="1"]{padding-right:4.125rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}.form-select.is-valid:focus,.was-validated .form-select:valid:focus{border-color:#198754;box-shadow:0 0 0 .25rem rgba(25,135,84,.25)}.form-check-input.is-valid,.was-validated .form-check-input:valid{border-color:#198754}.form-check-input.is-valid:checked,.was-validated .form-check-input:valid:checked{background-color:#198754}.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus{box-shadow:0 0 0 .25rem rgba(25,135,84,.25)}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#198754}.form-check-inline .form-check-input~.valid-feedback{margin-left:.5em}.input-group .form-control.is-valid,.input-group .form-select.is-valid,.was-validated .input-group .form-control:valid,.was-validated .input-group .form-select:valid{z-index:1}.input-group .form-control.is-valid:focus,.input-group .form-select.is-valid:focus,.was-validated .input-group .form-control:valid:focus,.was-validated .input-group .form-select:valid:focus{z-index:3}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:#dc3545}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;color:#fff;background-color:rgba(220,53,69,.9);border-radius:.25rem}.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip{display:block}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:#dc3545;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .25rem rgba(220,53,69,.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.form-select.is-invalid,.was-validated .form-select:invalid{border-color:#dc3545}.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"],.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size="1"]{padding-right:4.125rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}.form-select.is-invalid:focus,.was-validated .form-select:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .25rem rgba(220,53,69,.25)}.form-check-input.is-invalid,.was-validated .form-check-input:invalid{border-color:#dc3545}.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked{background-color:#dc3545}.form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus{box-shadow:0 0 0 .25rem rgba(220,53,69,.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#dc3545}.form-check-inline .form-check-input~.invalid-feedback{margin-left:.5em}.input-group .form-control.is-invalid,.input-group .form-select.is-invalid,.was-validated .input-group .form-control:invalid,.was-validated .input-group .form-select:invalid{z-index:2}.input-group .form-control.is-invalid:focus,.input-group .form-select.is-invalid:focus,.was-validated .input-group .form-control:invalid:focus,.was-validated .input-group .form-select:invalid:focus{z-index:3}.btn{display:inline-block;font-weight:400;line-height:1.5;color:#212529;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:#212529}.btn-check:focus+.btn,.btn:focus{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.btn.disabled,.btn:disabled,fieldset:disabled .btn{pointer-events:none;opacity:.65}.btn-primary{color:#fff;background-color:#0d6efd;border-color:#0d6efd}.btn-primary:hover{color:#fff;background-color:#0b5ed7;border-color:#0a58ca}.btn-check:focus+.btn-primary,.btn-primary:focus{color:#fff;background-color:#0b5ed7;border-color:#0a58ca;box-shadow:0 0 0 .25rem rgba(49,132,253,.5)}.btn-check:active+.btn-primary,.btn-check:checked+.btn-primary,.btn-primary.active,.btn-primary:active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0a58ca;border-color:#0a53be}.btn-check:active+.btn-primary:focus,.btn-check:checked+.btn-primary:focus,.btn-primary.active:focus,.btn-primary:active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(49,132,253,.5)}.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#0d6efd;border-color:#0d6efd}.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:hover{color:#fff;background-color:#5c636a;border-color:#565e64}.btn-check:focus+.btn-secondary,.btn-secondary:focus{color:#fff;background-color:#5c636a;border-color:#565e64;box-shadow:0 0 0 .25rem rgba(130,138,145,.5)}.btn-check:active+.btn-secondary,.btn-check:checked+.btn-secondary,.btn-secondary.active,.btn-secondary:active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#565e64;border-color:#51585e}.btn-check:active+.btn-secondary:focus,.btn-check:checked+.btn-secondary:focus,.btn-secondary.active:focus,.btn-secondary:active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(130,138,145,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-success{color:#fff;background-color:#198754;border-color:#198754}.btn-success:hover{color:#fff;background-color:#157347;border-color:#146c43}.btn-check:focus+.btn-success,.btn-success:focus{color:#fff;background-color:#157347;border-color:#146c43;box-shadow:0 0 0 .25rem rgba(60,153,110,.5)}.btn-check:active+.btn-success,.btn-check:checked+.btn-success,.btn-success.active,.btn-success:active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#146c43;border-color:#13653f}.btn-check:active+.btn-success:focus,.btn-check:checked+.btn-success:focus,.btn-success.active:focus,.btn-success:active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(60,153,110,.5)}.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#198754;border-color:#198754}.btn-info{color:#000;background-color:#0dcaf0;border-color:#0dcaf0}.btn-info:hover{color:#000;background-color:#31d2f2;border-color:#25cff2}.btn-check:focus+.btn-info,.btn-info:focus{color:#000;background-color:#31d2f2;border-color:#25cff2;box-shadow:0 0 0 .25rem rgba(11,172,204,.5)}.btn-check:active+.btn-info,.btn-check:checked+.btn-info,.btn-info.active,.btn-info:active,.show>.btn-info.dropdown-toggle{color:#000;background-color:#3dd5f3;border-color:#25cff2}.btn-check:active+.btn-info:focus,.btn-check:checked+.btn-info:focus,.btn-info.active:focus,.btn-info:active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(11,172,204,.5)}.btn-info.disabled,.btn-info:disabled{color:#000;background-color:#0dcaf0;border-color:#0dcaf0}.btn-warning{color:#000;background-color:#ffc107;border-color:#ffc107}.btn-warning:hover{color:#000;background-color:#ffca2c;border-color:#ffc720}.btn-check:focus+.btn-warning,.btn-warning:focus{color:#000;background-color:#ffca2c;border-color:#ffc720;box-shadow:0 0 0 .25rem rgba(217,164,6,.5)}.btn-check:active+.btn-warning,.btn-check:checked+.btn-warning,.btn-warning.active,.btn-warning:active,.show>.btn-warning.dropdown-toggle{color:#000;background-color:#ffcd39;border-color:#ffc720}.btn-check:active+.btn-warning:focus,.btn-check:checked+.btn-warning:focus,.btn-warning.active:focus,.btn-warning:active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(217,164,6,.5)}.btn-warning.disabled,.btn-warning:disabled{color:#000;background-color:#ffc107;border-color:#ffc107}.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:hover{color:#fff;background-color:#bb2d3b;border-color:#b02a37}.btn-check:focus+.btn-danger,.btn-danger:focus{color:#fff;background-color:#bb2d3b;border-color:#b02a37;box-shadow:0 0 0 .25rem rgba(225,83,97,.5)}.btn-check:active+.btn-danger,.btn-check:checked+.btn-danger,.btn-danger.active,.btn-danger:active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#b02a37;border-color:#a52834}.btn-check:active+.btn-danger:focus,.btn-check:checked+.btn-danger:focus,.btn-danger.active:focus,.btn-danger:active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(225,83,97,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-light{color:#000;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:hover{color:#000;background-color:#f9fafb;border-color:#f9fafb}.btn-check:focus+.btn-light,.btn-light:focus{color:#000;background-color:#f9fafb;border-color:#f9fafb;box-shadow:0 0 0 .25rem rgba(211,212,213,.5)}.btn-check:active+.btn-light,.btn-check:checked+.btn-light,.btn-light.active,.btn-light:active,.show>.btn-light.dropdown-toggle{color:#000;background-color:#f9fafb;border-color:#f9fafb}.btn-check:active+.btn-light:focus,.btn-check:checked+.btn-light:focus,.btn-light.active:focus,.btn-light:active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(211,212,213,.5)}.btn-light.disabled,.btn-light:disabled{color:#000;background-color:#f8f9fa;border-color:#f8f9fa}.btn-dark{color:#fff;background-color:#212529;border-color:#212529}.btn-dark:hover{color:#fff;background-color:#1c1f23;border-color:#1a1e21}.btn-check:focus+.btn-dark,.btn-dark:focus{color:#fff;background-color:#1c1f23;border-color:#1a1e21;box-shadow:0 0 0 .25rem rgba(66,70,73,.5)}.btn-check:active+.btn-dark,.btn-check:checked+.btn-dark,.btn-dark.active,.btn-dark:active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#1a1e21;border-color:#191c1f}.btn-check:active+.btn-dark:focus,.btn-check:checked+.btn-dark:focus,.btn-dark.active:focus,.btn-dark:active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(66,70,73,.5)}.btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#212529;border-color:#212529}.btn-outline-primary{color:#0d6efd;border-color:#0d6efd}.btn-outline-primary:hover{color:#fff;background-color:#0d6efd;border-color:#0d6efd}.btn-check:focus+.btn-outline-primary,.btn-outline-primary:focus{box-shadow:0 0 0 .25rem rgba(13,110,253,.5)}.btn-check:active+.btn-outline-primary,.btn-check:checked+.btn-outline-primary,.btn-outline-primary.active,.btn-outline-primary.dropdown-toggle.show,.btn-outline-primary:active{color:#fff;background-color:#0d6efd;border-color:#0d6efd}.btn-check:active+.btn-outline-primary:focus,.btn-check:checked+.btn-outline-primary:focus,.btn-outline-primary.active:focus,.btn-outline-primary.dropdown-toggle.show:focus,.btn-outline-primary:active:focus{box-shadow:0 0 0 .25rem rgba(13,110,253,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#0d6efd;background-color:transparent}.btn-outline-secondary{color:#6c757d;border-color:#6c757d}.btn-outline-secondary:hover{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-check:focus+.btn-outline-secondary,.btn-outline-secondary:focus{box-shadow:0 0 0 .25rem rgba(108,117,125,.5)}.btn-check:active+.btn-outline-secondary,.btn-check:checked+.btn-outline-secondary,.btn-outline-secondary.active,.btn-outline-secondary.dropdown-toggle.show,.btn-outline-secondary:active{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-check:active+.btn-outline-secondary:focus,.btn-check:checked+.btn-outline-secondary:focus,.btn-outline-secondary.active:focus,.btn-outline-secondary.dropdown-toggle.show:focus,.btn-outline-secondary:active:focus{box-shadow:0 0 0 .25rem rgba(108,117,125,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#6c757d;background-color:transparent}.btn-outline-success{color:#198754;border-color:#198754}.btn-outline-success:hover{color:#fff;background-color:#198754;border-color:#198754}.btn-check:focus+.btn-outline-success,.btn-outline-success:focus{box-shadow:0 0 0 .25rem rgba(25,135,84,.5)}.btn-check:active+.btn-outline-success,.btn-check:checked+.btn-outline-success,.btn-outline-success.active,.btn-outline-success.dropdown-toggle.show,.btn-outline-success:active{color:#fff;background-color:#198754;border-color:#198754}.btn-check:active+.btn-outline-success:focus,.btn-check:checked+.btn-outline-success:focus,.btn-outline-success.active:focus,.btn-outline-success.dropdown-toggle.show:focus,.btn-outline-success:active:focus{box-shadow:0 0 0 .25rem rgba(25,135,84,.5)}.btn-outline-success.disabled,.btn-outline-success:disabled{color:#198754;background-color:transparent}.btn-outline-info{color:#0dcaf0;border-color:#0dcaf0}.btn-outline-info:hover{color:#000;background-color:#0dcaf0;border-color:#0dcaf0}.btn-check:focus+.btn-outline-info,.btn-outline-info:focus{box-shadow:0 0 0 .25rem rgba(13,202,240,.5)}.btn-check:active+.btn-outline-info,.btn-check:checked+.btn-outline-info,.btn-outline-info.active,.btn-outline-info.dropdown-toggle.show,.btn-outline-info:active{color:#000;background-color:#0dcaf0;border-color:#0dcaf0}.btn-check:active+.btn-outline-info:focus,.btn-check:checked+.btn-outline-info:focus,.btn-outline-info.active:focus,.btn-outline-info.dropdown-toggle.show:focus,.btn-outline-info:active:focus{box-shadow:0 0 0 .25rem rgba(13,202,240,.5)}.btn-outline-info.disabled,.btn-outline-info:disabled{color:#0dcaf0;background-color:transparent}.btn-outline-warning{color:#ffc107;border-color:#ffc107}.btn-outline-warning:hover{color:#000;background-color:#ffc107;border-color:#ffc107}.btn-check:focus+.btn-outline-warning,.btn-outline-warning:focus{box-shadow:0 0 0 .25rem rgba(255,193,7,.5)}.btn-check:active+.btn-outline-warning,.btn-check:checked+.btn-outline-warning,.btn-outline-warning.active,.btn-outline-warning.dropdown-toggle.show,.btn-outline-warning:active{color:#000;background-color:#ffc107;border-color:#ffc107}.btn-check:active+.btn-outline-warning:focus,.btn-check:checked+.btn-outline-warning:focus,.btn-outline-warning.active:focus,.btn-outline-warning.dropdown-toggle.show:focus,.btn-outline-warning:active:focus{box-shadow:0 0 0 .25rem rgba(255,193,7,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#ffc107;background-color:transparent}.btn-outline-danger{color:#dc3545;border-color:#dc3545}.btn-outline-danger:hover{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-check:focus+.btn-outline-danger,.btn-outline-danger:focus{box-shadow:0 0 0 .25rem rgba(220,53,69,.5)}.btn-check:active+.btn-outline-danger,.btn-check:checked+.btn-outline-danger,.btn-outline-danger.active,.btn-outline-danger.dropdown-toggle.show,.btn-outline-danger:active{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-check:active+.btn-outline-danger:focus,.btn-check:checked+.btn-outline-danger:focus,.btn-outline-danger.active:focus,.btn-outline-danger.dropdown-toggle.show:focus,.btn-outline-danger:active:focus{box-shadow:0 0 0 .25rem rgba(220,53,69,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#dc3545;background-color:transparent}.btn-outline-light{color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:hover{color:#000;background-color:#f8f9fa;border-color:#f8f9fa}.btn-check:focus+.btn-outline-light,.btn-outline-light:focus{box-shadow:0 0 0 .25rem rgba(248,249,250,.5)}.btn-check:active+.btn-outline-light,.btn-check:checked+.btn-outline-light,.btn-outline-light.active,.btn-outline-light.dropdown-toggle.show,.btn-outline-light:active{color:#000;background-color:#f8f9fa;border-color:#f8f9fa}.btn-check:active+.btn-outline-light:focus,.btn-check:checked+.btn-outline-light:focus,.btn-outline-light.active:focus,.btn-outline-light.dropdown-toggle.show:focus,.btn-outline-light:active:focus{box-shadow:0 0 0 .25rem rgba(248,249,250,.5)}.btn-outline-light.disabled,.btn-outline-light:disabled{color:#f8f9fa;background-color:transparent}.btn-outline-dark{color:#212529;border-color:#212529}.btn-outline-dark:hover{color:#fff;background-color:#212529;border-color:#212529}.btn-check:focus+.btn-outline-dark,.btn-outline-dark:focus{box-shadow:0 0 0 .25rem rgba(33,37,41,.5)}.btn-check:active+.btn-outline-dark,.btn-check:checked+.btn-outline-dark,.btn-outline-dark.active,.btn-outline-dark.dropdown-toggle.show,.btn-outline-dark:active{color:#fff;background-color:#212529;border-color:#212529}.btn-check:active+.btn-outline-dark:focus,.btn-check:checked+.btn-outline-dark:focus,.btn-outline-dark.active:focus,.btn-outline-dark.dropdown-toggle.show:focus,.btn-outline-dark:active:focus{box-shadow:0 0 0 .25rem rgba(33,37,41,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#212529;background-color:transparent}.btn-link{font-weight:400;color:#0d6efd;text-decoration:underline}.btn-link:hover{color:#0a58ca}.btn-link.disabled,.btn-link:disabled{color:#6c757d}.btn-group-lg>.btn,.btn-lg{padding:.5rem 1rem;font-size:1.25rem;border-radius:.3rem}.btn-group-sm>.btn,.btn-sm{padding:.25rem .5rem;font-size:.875rem;border-radius:.2rem}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.collapsing.collapse-horizontal{width:0;height:auto;transition:width .35s ease}@media (prefers-reduced-motion:reduce){.collapsing.collapse-horizontal{transition:none}}.dropdown,.dropend,.dropstart,.dropup{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{position:absolute;z-index:1000;display:none;min-width:10rem;padding:.5rem 0;margin:0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.dropdown-menu[data-bs-popper]{top:100%;left:0;margin-top:.125rem}.dropdown-menu-start{--bs-position:start}.dropdown-menu-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-end{--bs-position:end}.dropdown-menu-end[data-bs-popper]{right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-start{--bs-position:start}.dropdown-menu-sm-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-sm-end{--bs-position:end}.dropdown-menu-sm-end[data-bs-popper]{right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-start{--bs-position:start}.dropdown-menu-md-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-md-end{--bs-position:end}.dropdown-menu-md-end[data-bs-popper]{right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-start{--bs-position:start}.dropdown-menu-lg-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-lg-end{--bs-position:end}.dropdown-menu-lg-end[data-bs-popper]{right:0;left:auto}}@media (min-width:1200px){.dropdown-menu-xl-start{--bs-position:start}.dropdown-menu-xl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xl-end{--bs-position:end}.dropdown-menu-xl-end[data-bs-popper]{right:0;left:auto}}@media (min-width:1400px){.dropdown-menu-xxl-start{--bs-position:start}.dropdown-menu-xxl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xxl-end{--bs-position:end}.dropdown-menu-xxl-end[data-bs-popper]{right:0;left:auto}}.dropup .dropdown-menu[data-bs-popper]{top:auto;bottom:100%;margin-top:0;margin-bottom:.125rem}.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropend .dropdown-menu[data-bs-popper]{top:0;right:auto;left:100%;margin-top:0;margin-left:.125rem}.dropend .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropend .dropdown-toggle:empty::after{margin-left:0}.dropend .dropdown-toggle::after{vertical-align:0}.dropstart .dropdown-menu[data-bs-popper]{top:0;right:100%;left:auto;margin-top:0;margin-right:.125rem}.dropstart .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropstart .dropdown-toggle::after{display:none}.dropstart .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropstart .dropdown-toggle:empty::after{margin-left:0}.dropstart .dropdown-toggle::before{vertical-align:0}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid rgba(0,0,0,.15)}.dropdown-item{display:block;width:100%;padding:.25rem 1rem;clear:both;font-weight:400;color:#212529;text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:focus,.dropdown-item:hover{color:#1e2125;background-color:#e9ecef}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#0d6efd}.dropdown-item.disabled,.dropdown-item:disabled{color:#adb5bd;pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1rem;margin-bottom:0;font-size:.875rem;color:#6c757d;white-space:nowrap}.dropdown-item-text{display:block;padding:.25rem 1rem;color:#212529}.dropdown-menu-dark{color:#dee2e6;background-color:#343a40;border-color:rgba(0,0,0,.15)}.dropdown-menu-dark .dropdown-item{color:#dee2e6}.dropdown-menu-dark .dropdown-item:focus,.dropdown-menu-dark .dropdown-item:hover{color:#fff;background-color:rgba(255,255,255,.15)}.dropdown-menu-dark .dropdown-item.active,.dropdown-menu-dark .dropdown-item:active{color:#fff;background-color:#0d6efd}.dropdown-menu-dark .dropdown-item.disabled,.dropdown-menu-dark .dropdown-item:disabled{color:#adb5bd}.dropdown-menu-dark .dropdown-divider{border-color:rgba(0,0,0,.15)}.dropdown-menu-dark .dropdown-item-text{color:#dee2e6}.dropdown-menu-dark .dropdown-header{color:#adb5bd}.btn-group,.btn-group-vertical{position:relative;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;flex:1 1 auto}.btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:1}.btn-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child){margin-left:-1px}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:nth-child(n+3),.btn-group>:not(.btn-check)+.btn{border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropend .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropstart .dropdown-toggle-split::before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{flex-direction:column;align-items:flex-start;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:-1px}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn~.btn{border-top-left-radius:0;border-top-right-radius:0}.nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem;color:#0d6efd;text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media (prefers-reduced-motion:reduce){.nav-link{transition:none}}.nav-link:focus,.nav-link:hover{color:#0a58ca}.nav-link.disabled{color:#6c757d;pointer-events:none;cursor:default}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-link{margin-bottom:-1px;background:0 0;border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6;isolation:isolate}.nav-tabs .nav-link.disabled{color:#6c757d;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.nav-pills .nav-link{background:0 0;border:0;border-radius:.25rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#0d6efd}.nav-fill .nav-item,.nav-fill>.nav-link{flex:1 1 auto;text-align:center}.nav-justified .nav-item,.nav-justified>.nav-link{flex-basis:0;flex-grow:1;text-align:center}.nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link{width:100%}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding-top:.5rem;padding-bottom:.5rem}.navbar>.container,.navbar>.container-fluid,.navbar>.container-lg,.navbar>.container-md,.navbar>.container-sm,.navbar>.container-xl,.navbar>.container-xxl{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}.navbar-brand{padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;text-decoration:none;white-space:nowrap}.navbar-nav{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu{position:static}.navbar-text{padding-top:.5rem;padding-bottom:.5rem}.navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem;transition:box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.navbar-toggler{transition:none}}.navbar-toggler:hover{text-decoration:none}.navbar-toggler:focus{text-decoration:none;outline:0;box-shadow:0 0 0 .25rem}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-repeat:no-repeat;background-position:center;background-size:100%}.navbar-nav-scroll{max-height:var(--bs-scroll-height,75vh);overflow-y:auto}@media (min-width:576px){.navbar-expand-sm{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-sm .navbar-nav{flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-sm .navbar-nav-scroll{overflow:visible}.navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}.navbar-expand-sm .offcanvas-header{display:none}.navbar-expand-sm .offcanvas{position:inherit;bottom:0;z-index:1000;flex-grow:1;visibility:visible!important;background-color:transparent;border-right:0;border-left:0;transition:none;transform:none}.navbar-expand-sm .offcanvas-bottom,.navbar-expand-sm .offcanvas-top{height:auto;border-top:0;border-bottom:0}.navbar-expand-sm .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:768px){.navbar-expand-md{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-md .navbar-nav-scroll{overflow:visible}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}.navbar-expand-md .offcanvas-header{display:none}.navbar-expand-md .offcanvas{position:inherit;bottom:0;z-index:1000;flex-grow:1;visibility:visible!important;background-color:transparent;border-right:0;border-left:0;transition:none;transform:none}.navbar-expand-md .offcanvas-bottom,.navbar-expand-md .offcanvas-top{height:auto;border-top:0;border-bottom:0}.navbar-expand-md .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:992px){.navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-lg .navbar-nav-scroll{overflow:visible}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}.navbar-expand-lg .offcanvas-header{display:none}.navbar-expand-lg .offcanvas{position:inherit;bottom:0;z-index:1000;flex-grow:1;visibility:visible!important;background-color:transparent;border-right:0;border-left:0;transition:none;transform:none}.navbar-expand-lg .offcanvas-bottom,.navbar-expand-lg .offcanvas-top{height:auto;border-top:0;border-bottom:0}.navbar-expand-lg .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:1200px){.navbar-expand-xl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xl .navbar-nav{flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xl .navbar-nav-scroll{overflow:visible}.navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}.navbar-expand-xl .offcanvas-header{display:none}.navbar-expand-xl .offcanvas{position:inherit;bottom:0;z-index:1000;flex-grow:1;visibility:visible!important;background-color:transparent;border-right:0;border-left:0;transition:none;transform:none}.navbar-expand-xl .offcanvas-bottom,.navbar-expand-xl .offcanvas-top{height:auto;border-top:0;border-bottom:0}.navbar-expand-xl .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:1400px){.navbar-expand-xxl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xxl .navbar-nav{flex-direction:row}.navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xxl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xxl .navbar-nav-scroll{overflow:visible}.navbar-expand-xxl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xxl .navbar-toggler{display:none}.navbar-expand-xxl .offcanvas-header{display:none}.navbar-expand-xxl .offcanvas{position:inherit;bottom:0;z-index:1000;flex-grow:1;visibility:visible!important;background-color:transparent;border-right:0;border-left:0;transition:none;transform:none}.navbar-expand-xxl .offcanvas-bottom,.navbar-expand-xxl .offcanvas-top{height:auto;border-top:0;border-bottom:0}.navbar-expand-xxl .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}.navbar-expand{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand .navbar-nav-scroll{overflow:visible}.navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-expand .offcanvas-header{display:none}.navbar-expand .offcanvas{position:inherit;bottom:0;z-index:1000;flex-grow:1;visibility:visible!important;background-color:transparent;border-right:0;border-left:0;transition:none;transform:none}.navbar-expand .offcanvas-bottom,.navbar-expand .offcanvas-top{height:auto;border-top:0;border-bottom:0}.navbar-expand .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}.navbar-light .navbar-brand{color:rgba(0,0,0,.9)}.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.55)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .show>.nav-link{color:rgba(0,0,0,.9)}.navbar-light .navbar-toggler{color:rgba(0,0,0,.55);border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-light .navbar-text{color:rgba(0,0,0,.55)}.navbar-light .navbar-text a,.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:rgba(0,0,0,.9)}.navbar-dark .navbar-brand{color:#fff}.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.55)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:rgba(255,255,255,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.25)}.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{color:rgba(255,255,255,.55);border-color:rgba(255,255,255,.1)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-dark .navbar-text{color:rgba(255,255,255,.55)}.navbar-dark .navbar-text a,.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card>hr{margin-right:0;margin-left:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{flex:1 1 auto;padding:1rem 1rem}.card-title{margin-bottom:.5rem}.card-subtitle{margin-top:-.25rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link+.card-link{margin-left:1rem}.card-header{padding:.5rem 1rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.card-footer{padding:.5rem 1rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}.card-header-tabs{margin-right:-.5rem;margin-bottom:-.5rem;margin-left:-.5rem;border-bottom:0}.card-header-pills{margin-right:-.5rem;margin-left:-.5rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1rem;border-radius:calc(.25rem - 1px)}.card-img,.card-img-bottom,.card-img-top{width:100%}.card-img,.card-img-top{border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card-img,.card-img-bottom{border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card-group>.card{margin-bottom:.75rem}@media (min-width:576px){.card-group{display:flex;flex-flow:row wrap}.card-group>.card{flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom{border-bottom-left-radius:0}}.accordion-button{position:relative;display:flex;align-items:center;width:100%;padding:1rem 1.25rem;font-size:1rem;color:#212529;text-align:left;background-color:#fff;border:0;border-radius:0;overflow-anchor:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease}@media (prefers-reduced-motion:reduce){.accordion-button{transition:none}}.accordion-button:not(.collapsed){color:#0c63e4;background-color:#e7f1ff;box-shadow:inset 0 -1px 0 rgba(0,0,0,.125)}.accordion-button:not(.collapsed)::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");transform:rotate(-180deg)}.accordion-button::after{flex-shrink:0;width:1.25rem;height:1.25rem;margin-left:auto;content:"";background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:1.25rem;transition:transform .2s ease-in-out}@media (prefers-reduced-motion:reduce){.accordion-button::after{transition:none}}.accordion-button:hover{z-index:2}.accordion-button:focus{z-index:3;border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.accordion-header{margin-bottom:0}.accordion-item{background-color:#fff;border:1px solid rgba(0,0,0,.125)}.accordion-item:first-of-type{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.accordion-item:first-of-type .accordion-button{border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.accordion-item:not(:first-of-type){border-top:0}.accordion-item:last-of-type{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.accordion-item:last-of-type .accordion-button.collapsed{border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.accordion-item:last-of-type .accordion-collapse{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.accordion-body{padding:1rem 1.25rem}.accordion-flush .accordion-collapse{border-width:0}.accordion-flush .accordion-item{border-right:0;border-left:0;border-radius:0}.accordion-flush .accordion-item:first-child{border-top:0}.accordion-flush .accordion-item:last-child{border-bottom:0}.accordion-flush .accordion-item .accordion-button{border-radius:0}.breadcrumb{display:flex;flex-wrap:wrap;padding:0 0;margin-bottom:1rem;list-style:none}.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-item+.breadcrumb-item::before{float:left;padding-right:.5rem;color:#6c757d;content:var(--bs-breadcrumb-divider, "/")}.breadcrumb-item.active{color:#6c757d}.pagination{display:flex;padding-left:0;list-style:none}.page-link{position:relative;display:block;color:#0d6efd;text-decoration:none;background-color:#fff;border:1px solid #dee2e6;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.page-link{transition:none}}.page-link:hover{z-index:2;color:#0a58ca;background-color:#e9ecef;border-color:#dee2e6}.page-link:focus{z-index:3;color:#0a58ca;background-color:#e9ecef;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.page-item:not(:first-child) .page-link{margin-left:-1px}.page-item.active .page-link{z-index:3;color:#fff;background-color:#0d6efd;border-color:#0d6efd}.page-item.disabled .page-link{color:#6c757d;pointer-events:none;background-color:#fff;border-color:#dee2e6}.page-link{padding:.375rem .75rem}.page-item:first-child .page-link{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.badge{display:inline-block;padding:.35em .65em;font-size:.75em;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.alert{position:relative;padding:1rem 1rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-right:3rem}.alert-dismissible .btn-close{position:absolute;top:0;right:0;z-index:2;padding:1.25rem 1rem}.alert-primary{color:#084298;background-color:#cfe2ff;border-color:#b6d4fe}.alert-primary .alert-link{color:#06357a}.alert-secondary{color:#41464b;background-color:#e2e3e5;border-color:#d3d6d8}.alert-secondary .alert-link{color:#34383c}.alert-success{color:#0f5132;background-color:#d1e7dd;border-color:#badbcc}.alert-success .alert-link{color:#0c4128}.alert-info{color:#055160;background-color:#cff4fc;border-color:#b6effb}.alert-info .alert-link{color:#04414d}.alert-warning{color:#664d03;background-color:#fff3cd;border-color:#ffecb5}.alert-warning .alert-link{color:#523e02}.alert-danger{color:#842029;background-color:#f8d7da;border-color:#f5c2c7}.alert-danger .alert-link{color:#6a1a21}.alert-light{color:#636464;background-color:#fefefe;border-color:#fdfdfe}.alert-light .alert-link{color:#4f5050}.alert-dark{color:#141619;background-color:#d3d3d4;border-color:#bcbebf}.alert-dark .alert-link{color:#101214}@-webkit-keyframes progress-bar-stripes{0%{background-position-x:1rem}}@keyframes progress-bar-stripes{0%{background-position-x:1rem}}.progress{display:flex;height:1rem;overflow:hidden;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:#fff;text-align:center;white-space:nowrap;background-color:#0d6efd;transition:width .6s ease}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.progress-bar-animated{-webkit-animation:1s linear infinite progress-bar-stripes;animation:1s linear infinite progress-bar-stripes}@media (prefers-reduced-motion:reduce){.progress-bar-animated{-webkit-animation:none;animation:none}}.list-group{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:.25rem}.list-group-numbered{list-style-type:none;counter-reset:section}.list-group-numbered>li::before{content:counters(section, ".") ". ";counter-increment:section}.list-group-item-action{width:100%;color:#495057;text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{z-index:1;color:#495057;text-decoration:none;background-color:#f8f9fa}.list-group-item-action:active{color:#212529;background-color:#e9ecef}.list-group-item{position:relative;display:block;padding:.5rem 1rem;color:#212529;text-decoration:none;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.list-group-item.disabled,.list-group-item:disabled{color:#6c757d;pointer-events:none;background-color:#fff}.list-group-item.active{z-index:2;color:#fff;background-color:#0d6efd;border-color:#0d6efd}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:-1px;border-top-width:1px}.list-group-horizontal{flex-direction:row}.list-group-horizontal>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal>.list-group-item.active{margin-top:0}.list-group-horizontal>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}@media (min-width:576px){.list-group-horizontal-sm{flex-direction:row}.list-group-horizontal-sm>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-sm>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-sm>.list-group-item.active{margin-top:0}.list-group-horizontal-sm>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-sm>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:768px){.list-group-horizontal-md{flex-direction:row}.list-group-horizontal-md>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-md>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-md>.list-group-item.active{margin-top:0}.list-group-horizontal-md>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-md>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:992px){.list-group-horizontal-lg{flex-direction:row}.list-group-horizontal-lg>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-lg>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-lg>.list-group-item.active{margin-top:0}.list-group-horizontal-lg>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-lg>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:1200px){.list-group-horizontal-xl{flex-direction:row}.list-group-horizontal-xl>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-xl>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-xl>.list-group-item.active{margin-top:0}.list-group-horizontal-xl>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-xl>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:1400px){.list-group-horizontal-xxl{flex-direction:row}.list-group-horizontal-xxl>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-xxl>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-xxl>.list-group-item.active{margin-top:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}.list-group-flush{border-radius:0}.list-group-flush>.list-group-item{border-width:0 0 1px}.list-group-flush>.list-group-item:last-child{border-bottom-width:0}.list-group-item-primary{color:#084298;background-color:#cfe2ff}.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{color:#084298;background-color:#bacbe6}.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#084298;border-color:#084298}.list-group-item-secondary{color:#41464b;background-color:#e2e3e5}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#41464b;background-color:#cbccce}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#41464b;border-color:#41464b}.list-group-item-success{color:#0f5132;background-color:#d1e7dd}.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{color:#0f5132;background-color:#bcd0c7}.list-group-item-success.list-group-item-action.active{color:#fff;background-color:#0f5132;border-color:#0f5132}.list-group-item-info{color:#055160;background-color:#cff4fc}.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{color:#055160;background-color:#badce3}.list-group-item-info.list-group-item-action.active{color:#fff;background-color:#055160;border-color:#055160}.list-group-item-warning{color:#664d03;background-color:#fff3cd}.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{color:#664d03;background-color:#e6dbb9}.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#664d03;border-color:#664d03}.list-group-item-danger{color:#842029;background-color:#f8d7da}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#842029;background-color:#dfc2c4}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#842029;border-color:#842029}.list-group-item-light{color:#636464;background-color:#fefefe}.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{color:#636464;background-color:#e5e5e5}.list-group-item-light.list-group-item-action.active{color:#fff;background-color:#636464;border-color:#636464}.list-group-item-dark{color:#141619;background-color:#d3d3d4}.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{color:#141619;background-color:#bebebf}.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#141619;border-color:#141619}.btn-close{box-sizing:content-box;width:1em;height:1em;padding:.25em .25em;color:#000;background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;border:0;border-radius:.25rem;opacity:.5}.btn-close:hover{color:#000;text-decoration:none;opacity:.75}.btn-close:focus{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25);opacity:1}.btn-close.disabled,.btn-close:disabled{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:.25}.btn-close-white{filter:invert(1) grayscale(100%) brightness(200%)}.toast{width:350px;max-width:100%;font-size:.875rem;pointer-events:auto;background-color:rgba(255,255,255,.85);background-clip:padding-box;border:1px solid rgba(0,0,0,.1);box-shadow:0 .5rem 1rem rgba(0,0,0,.15);border-radius:.25rem}.toast.showing{opacity:0}.toast:not(.show){display:none}.toast-container{width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:100%;pointer-events:none}.toast-container>:not(:last-child){margin-bottom:.75rem}.toast-header{display:flex;align-items:center;padding:.5rem .75rem;color:#6c757d;background-color:rgba(255,255,255,.85);background-clip:padding-box;border-bottom:1px solid rgba(0,0,0,.05);border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.toast-header .btn-close{margin-right:-.375rem;margin-left:.75rem}.toast-body{padding:.75rem;word-wrap:break-word}.modal{position:fixed;top:0;left:0;z-index:1055;display:none;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translate(0,-50px)}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{transform:none}.modal.modal-static .modal-dialog{transform:scale(1.02)}.modal-dialog-scrollable{height:calc(100% - 1rem)}.modal-dialog-scrollable .modal-content{max-height:100%;overflow:hidden}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 1rem)}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1050;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.modal-header .btn-close{padding:.5rem .5rem;margin:-.5rem -.5rem -.5rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;flex:1 1 auto;padding:1rem}.modal-footer{display:flex;flex-wrap:wrap;flex-shrink:0;align-items:center;justify-content:flex-end;padding:.75rem;border-top:1px solid #dee2e6;border-bottom-right-radius:calc(.3rem - 1px);border-bottom-left-radius:calc(.3rem - 1px)}.modal-footer>*{margin:.25rem}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-scrollable{height:calc(100% - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{max-width:800px}}@media (min-width:1200px){.modal-xl{max-width:1140px}}.modal-fullscreen{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen .modal-header{border-radius:0}.modal-fullscreen .modal-body{overflow-y:auto}.modal-fullscreen .modal-footer{border-radius:0}@media (max-width:575.98px){.modal-fullscreen-sm-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-sm-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-sm-down .modal-header{border-radius:0}.modal-fullscreen-sm-down .modal-body{overflow-y:auto}.modal-fullscreen-sm-down .modal-footer{border-radius:0}}@media (max-width:767.98px){.modal-fullscreen-md-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-md-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-md-down .modal-header{border-radius:0}.modal-fullscreen-md-down .modal-body{overflow-y:auto}.modal-fullscreen-md-down .modal-footer{border-radius:0}}@media (max-width:991.98px){.modal-fullscreen-lg-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-lg-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-lg-down .modal-header{border-radius:0}.modal-fullscreen-lg-down .modal-body{overflow-y:auto}.modal-fullscreen-lg-down .modal-footer{border-radius:0}}@media (max-width:1199.98px){.modal-fullscreen-xl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xl-down .modal-header{border-radius:0}.modal-fullscreen-xl-down .modal-body{overflow-y:auto}.modal-fullscreen-xl-down .modal-footer{border-radius:0}}@media (max-width:1399.98px){.modal-fullscreen-xxl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xxl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xxl-down .modal-header{border-radius:0}.modal-fullscreen-xxl-down .modal-body{overflow-y:auto}.modal-fullscreen-xxl-down .modal-footer{border-radius:0}}.tooltip{position:absolute;z-index:1080;display:block;margin:0;font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;opacity:0}.tooltip.show{opacity:.9}.tooltip .tooltip-arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .tooltip-arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[data-popper-placement^=top],.bs-tooltip-top{padding:.4rem 0}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,.bs-tooltip-top .tooltip-arrow{bottom:0}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,.bs-tooltip-top .tooltip-arrow::before{top:-1px;border-width:.4rem .4rem 0;border-top-color:#000}.bs-tooltip-auto[data-popper-placement^=right],.bs-tooltip-end{padding:0 .4rem}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,.bs-tooltip-end .tooltip-arrow{left:0;width:.4rem;height:.8rem}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,.bs-tooltip-end .tooltip-arrow::before{right:-1px;border-width:.4rem .4rem .4rem 0;border-right-color:#000}.bs-tooltip-auto[data-popper-placement^=bottom],.bs-tooltip-bottom{padding:.4rem 0}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,.bs-tooltip-bottom .tooltip-arrow{top:0}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,.bs-tooltip-bottom .tooltip-arrow::before{bottom:-1px;border-width:0 .4rem .4rem;border-bottom-color:#000}.bs-tooltip-auto[data-popper-placement^=left],.bs-tooltip-start{padding:0 .4rem}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,.bs-tooltip-start .tooltip-arrow{right:0;width:.4rem;height:.8rem}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,.bs-tooltip-start .tooltip-arrow::before{left:-1px;border-width:.4rem 0 .4rem .4rem;border-left-color:#000}.tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#000;border-radius:.25rem}.popover{position:absolute;top:0;left:0;z-index:1070;display:block;max-width:276px;font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem}.popover .popover-arrow{position:absolute;display:block;width:1rem;height:.5rem}.popover .popover-arrow::after,.popover .popover-arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow,.bs-popover-top>.popover-arrow{bottom:calc(-.5rem - 1px)}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::before{bottom:0;border-width:.5rem .5rem 0;border-top-color:rgba(0,0,0,.25)}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,.bs-popover-top>.popover-arrow::after{bottom:1px;border-width:.5rem .5rem 0;border-top-color:#fff}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow,.bs-popover-end>.popover-arrow{left:calc(-.5rem - 1px);width:.5rem;height:1rem}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::before{left:0;border-width:.5rem .5rem .5rem 0;border-right-color:rgba(0,0,0,.25)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,.bs-popover-end>.popover-arrow::after{left:1px;border-width:.5rem .5rem .5rem 0;border-right-color:#fff}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,.bs-popover-bottom>.popover-arrow{top:calc(-.5rem - 1px)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::before{top:0;border-width:0 .5rem .5rem .5rem;border-bottom-color:rgba(0,0,0,.25)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::after{top:1px;border-width:0 .5rem .5rem .5rem;border-bottom-color:#fff}.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:1rem;margin-left:-.5rem;content:"";border-bottom:1px solid #f0f0f0}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow,.bs-popover-start>.popover-arrow{right:calc(-.5rem - 1px);width:.5rem;height:1rem}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::before{right:0;border-width:.5rem 0 .5rem .5rem;border-left-color:rgba(0,0,0,.25)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,.bs-popover-start>.popover-arrow::after{right:1px;border-width:.5rem 0 .5rem .5rem;border-left-color:#fff}.popover-header{padding:.5rem 1rem;margin-bottom:0;font-size:1rem;background-color:#f0f0f0;border-bottom:1px solid rgba(0,0,0,.2);border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.popover-header:empty{display:none}.popover-body{padding:1rem 1rem;color:#212529}.carousel{position:relative}.carousel.pointer-event{touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .6s ease-in-out}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-end,.carousel-item-next:not(.carousel-item-start){transform:translateX(100%)}.active.carousel-item-start,.carousel-item-prev:not(.carousel-item-end){transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;transform:none}.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{z-index:0;opacity:0;transition:opacity 0s .6s}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{transition:none}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:15%;padding:0;color:#fff;text-align:center;background:0 0;border:0;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:2rem;height:2rem;background-repeat:no-repeat;background-position:50%;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;justify-content:center;padding:0;margin-right:15%;margin-bottom:1rem;margin-left:15%;list-style:none}.carousel-indicators [data-bs-target]{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;padding:0;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border:0;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators [data-bs-target]{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:1.25rem;left:15%;padding-top:1.25rem;padding-bottom:1.25rem;color:#fff;text-align:center}.carousel-dark .carousel-control-next-icon,.carousel-dark .carousel-control-prev-icon{filter:invert(1) grayscale(100)}.carousel-dark .carousel-indicators [data-bs-target]{background-color:#000}.carousel-dark .carousel-caption{color:#000}@-webkit-keyframes spinner-border{to{transform:rotate(360deg)}}@keyframes spinner-border{to{transform:rotate(360deg)}}.spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:-.125em;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;-webkit-animation:.75s linear infinite spinner-border;animation:.75s linear infinite spinner-border}.spinner-border-sm{width:1rem;height:1rem;border-width:.2em}@-webkit-keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{display:inline-block;width:2rem;height:2rem;vertical-align:-.125em;background-color:currentColor;border-radius:50%;opacity:0;-webkit-animation:.75s linear infinite spinner-grow;animation:.75s linear infinite spinner-grow}.spinner-grow-sm{width:1rem;height:1rem}@media (prefers-reduced-motion:reduce){.spinner-border,.spinner-grow{-webkit-animation-duration:1.5s;animation-duration:1.5s}}.offcanvas{position:fixed;bottom:0;z-index:1045;display:flex;flex-direction:column;max-width:100%;visibility:hidden;background-color:#fff;background-clip:padding-box;outline:0;transition:transform .3s ease-in-out}@media (prefers-reduced-motion:reduce){.offcanvas{transition:none}}.offcanvas-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.offcanvas-backdrop.fade{opacity:0}.offcanvas-backdrop.show{opacity:.5}.offcanvas-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1rem}.offcanvas-header .btn-close{padding:.5rem .5rem;margin-top:-.5rem;margin-right:-.5rem;margin-bottom:-.5rem}.offcanvas-title{margin-bottom:0;line-height:1.5}.offcanvas-body{flex-grow:1;padding:1rem 1rem;overflow-y:auto}.offcanvas-start{top:0;left:0;width:400px;border-right:1px solid rgba(0,0,0,.2);transform:translateX(-100%)}.offcanvas-end{top:0;right:0;width:400px;border-left:1px solid rgba(0,0,0,.2);transform:translateX(100%)}.offcanvas-top{top:0;right:0;left:0;height:30vh;max-height:100%;border-bottom:1px solid rgba(0,0,0,.2);transform:translateY(-100%)}.offcanvas-bottom{right:0;left:0;height:30vh;max-height:100%;border-top:1px solid rgba(0,0,0,.2);transform:translateY(100%)}.offcanvas.show{transform:none}.placeholder{display:inline-block;min-height:1em;vertical-align:middle;cursor:wait;background-color:currentColor;opacity:.5}.placeholder.btn::before{display:inline-block;content:""}.placeholder-xs{min-height:.6em}.placeholder-sm{min-height:.8em}.placeholder-lg{min-height:1.2em}.placeholder-glow .placeholder{-webkit-animation:placeholder-glow 2s ease-in-out infinite;animation:placeholder-glow 2s ease-in-out infinite}@-webkit-keyframes placeholder-glow{50%{opacity:.2}}@keyframes placeholder-glow{50%{opacity:.2}}.placeholder-wave{-webkit-mask-image:linear-gradient(130deg,#000 55%,rgba(0,0,0,0.8) 75%,#000 95%);mask-image:linear-gradient(130deg,#000 55%,rgba(0,0,0,0.8) 75%,#000 95%);-webkit-mask-size:200% 100%;mask-size:200% 100%;-webkit-animation:placeholder-wave 2s linear infinite;animation:placeholder-wave 2s linear infinite}@-webkit-keyframes placeholder-wave{100%{-webkit-mask-position:-200% 0%;mask-position:-200% 0%}}@keyframes placeholder-wave{100%{-webkit-mask-position:-200% 0%;mask-position:-200% 0%}}.clearfix::after{display:block;clear:both;content:""}.link-primary{color:#0d6efd}.link-primary:focus,.link-primary:hover{color:#0a58ca}.link-secondary{color:#6c757d}.link-secondary:focus,.link-secondary:hover{color:#565e64}.link-success{color:#198754}.link-success:focus,.link-success:hover{color:#146c43}.link-info{color:#0dcaf0}.link-info:focus,.link-info:hover{color:#3dd5f3}.link-warning{color:#ffc107}.link-warning:focus,.link-warning:hover{color:#ffcd39}.link-danger{color:#dc3545}.link-danger:focus,.link-danger:hover{color:#b02a37}.link-light{color:#f8f9fa}.link-light:focus,.link-light:hover{color:#f9fafb}.link-dark{color:#212529}.link-dark:focus,.link-dark:hover{color:#1a1e21}.ratio{position:relative;width:100%}.ratio::before{display:block;padding-top:var(--bs-aspect-ratio);content:""}.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.ratio-1x1{--bs-aspect-ratio:100%}.ratio-4x3{--bs-aspect-ratio:75%}.ratio-16x9{--bs-aspect-ratio:56.25%}.ratio-21x9{--bs-aspect-ratio:42.8571428571%}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}@media (min-width:576px){.sticky-sm-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}@media (min-width:768px){.sticky-md-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}@media (min-width:992px){.sticky-lg-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}@media (min-width:1200px){.sticky-xl-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}@media (min-width:1400px){.sticky-xxl-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}.hstack{display:flex;flex-direction:row;align-items:center;align-self:stretch}.vstack{display:flex;flex:1 1 auto;flex-direction:column;align-self:stretch}.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:""}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vr{display:inline-block;align-self:stretch;width:1px;min-height:1em;background-color:currentColor;opacity:.25}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.float-start{float:left!important}.float-end{float:right!important}.float-none{float:none!important}.opacity-0{opacity:0!important}.opacity-25{opacity:.25!important}.opacity-50{opacity:.5!important}.opacity-75{opacity:.75!important}.opacity-100{opacity:1!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-scroll{overflow:scroll!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-grid{display:grid!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-none{display:none!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.shadow-none{box-shadow:none!important}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.top-0{top:0!important}.top-50{top:50%!important}.top-100{top:100%!important}.bottom-0{bottom:0!important}.bottom-50{bottom:50%!important}.bottom-100{bottom:100%!important}.start-0{left:0!important}.start-50{left:50%!important}.start-100{left:100%!important}.end-0{right:0!important}.end-50{right:50%!important}.end-100{right:100%!important}.translate-middle{transform:translate(-50%,-50%)!important}.translate-middle-x{transform:translateX(-50%)!important}.translate-middle-y{transform:translateY(-50%)!important}.border{border:1px solid #dee2e6!important}.border-0{border:0!important}.border-top{border-top:1px solid #dee2e6!important}.border-top-0{border-top:0!important}.border-end{border-right:1px solid #dee2e6!important}.border-end-0{border-right:0!important}.border-bottom{border-bottom:1px solid #dee2e6!important}.border-bottom-0{border-bottom:0!important}.border-start{border-left:1px solid #dee2e6!important}.border-start-0{border-left:0!important}.border-primary{border-color:#0d6efd!important}.border-secondary{border-color:#6c757d!important}.border-success{border-color:#198754!important}.border-info{border-color:#0dcaf0!important}.border-warning{border-color:#ffc107!important}.border-danger{border-color:#dc3545!important}.border-light{border-color:#f8f9fa!important}.border-dark{border-color:#212529!important}.border-white{border-color:#fff!important}.border-1{border-width:1px!important}.border-2{border-width:2px!important}.border-3{border-width:3px!important}.border-4{border-width:4px!important}.border-5{border-width:5px!important}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.mw-100{max-width:100%!important}.vw-100{width:100vw!important}.min-vw-100{min-width:100vw!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mh-100{max-height:100%!important}.vh-100{height:100vh!important}.min-vh-100{min-height:100vh!important}.flex-fill{flex:1 1 auto!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.gap-0{gap:0!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:1rem!important}.gap-4{gap:1.5rem!important}.gap-5{gap:3rem!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.justify-content-evenly{justify-content:space-evenly!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.order-first{order:-1!important}.order-0{order:0!important}.order-1{order:1!important}.order-2{order:2!important}.order-3{order:3!important}.order-4{order:4!important}.order-5{order:5!important}.order-last{order:6!important}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.m-auto{margin:auto!important}.mx-0{margin-right:0!important;margin-left:0!important}.mx-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-3{margin-right:1rem!important;margin-left:1rem!important}.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-5{margin-right:3rem!important;margin-left:3rem!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mt-auto{margin-top:auto!important}.me-0{margin-right:0!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.me-3{margin-right:1rem!important}.me-4{margin-right:1.5rem!important}.me-5{margin-right:3rem!important}.me-auto{margin-right:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mb-auto{margin-bottom:auto!important}.ms-0{margin-left:0!important}.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.5rem!important}.ms-3{margin-left:1rem!important}.ms-4{margin-left:1.5rem!important}.ms-5{margin-left:3rem!important}.ms-auto{margin-left:auto!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.px-0{padding-right:0!important;padding-left:0!important}.px-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-5{padding-right:3rem!important;padding-left:3rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pe-0{padding-right:0!important}.pe-1{padding-right:.25rem!important}.pe-2{padding-right:.5rem!important}.pe-3{padding-right:1rem!important}.pe-4{padding-right:1.5rem!important}.pe-5{padding-right:3rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.ps-0{padding-left:0!important}.ps-1{padding-left:.25rem!important}.ps-2{padding-left:.5rem!important}.ps-3{padding-left:1rem!important}.ps-4{padding-left:1.5rem!important}.ps-5{padding-left:3rem!important}.font-monospace{font-family:var(--bs-font-monospace)!important}.fs-1{font-size:calc(1.375rem + 1.5vw)!important}.fs-2{font-size:calc(1.325rem + .9vw)!important}.fs-3{font-size:calc(1.3rem + .6vw)!important}.fs-4{font-size:calc(1.275rem + .3vw)!important}.fs-5{font-size:1.25rem!important}.fs-6{font-size:1rem!important}.fst-italic{font-style:italic!important}.fst-normal{font-style:normal!important}.fw-light{font-weight:300!important}.fw-lighter{font-weight:lighter!important}.fw-normal{font-weight:400!important}.fw-bold{font-weight:700!important}.fw-bolder{font-weight:bolder!important}.lh-1{line-height:1!important}.lh-sm{line-height:1.25!important}.lh-base{line-height:1.5!important}.lh-lg{line-height:2!important}.text-start{text-align:left!important}.text-end{text-align:right!important}.text-center{text-align:center!important}.text-decoration-none{text-decoration:none!important}.text-decoration-underline{text-decoration:underline!important}.text-decoration-line-through{text-decoration:line-through!important}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-break{word-wrap:break-word!important;word-break:break-word!important}.text-primary{--bs-text-opacity:1;color:rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important}.text-secondary{--bs-text-opacity:1;color:rgba(var(--bs-secondary-rgb),var(--bs-text-opacity))!important}.text-success{--bs-text-opacity:1;color:rgba(var(--bs-success-rgb),var(--bs-text-opacity))!important}.text-info{--bs-text-opacity:1;color:rgba(var(--bs-info-rgb),var(--bs-text-opacity))!important}.text-warning{--bs-text-opacity:1;color:rgba(var(--bs-warning-rgb),var(--bs-text-opacity))!important}.text-danger{--bs-text-opacity:1;color:rgba(var(--bs-danger-rgb),var(--bs-text-opacity))!important}.text-light{--bs-text-opacity:1;color:rgba(var(--bs-light-rgb),var(--bs-text-opacity))!important}.text-dark{--bs-text-opacity:1;color:rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important}.text-black{--bs-text-opacity:1;color:rgba(var(--bs-black-rgb),var(--bs-text-opacity))!important}.text-white{--bs-text-opacity:1;color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important}.text-body{--bs-text-opacity:1;color:rgba(var(--bs-body-color-rgb),var(--bs-text-opacity))!important}.text-muted{--bs-text-opacity:1;color:#6c757d!important}.text-black-50{--bs-text-opacity:1;color:rgba(0,0,0,.5)!important}.text-white-50{--bs-text-opacity:1;color:rgba(255,255,255,.5)!important}.text-reset{--bs-text-opacity:1;color:inherit!important}.text-opacity-25{--bs-text-opacity:0.25}.text-opacity-50{--bs-text-opacity:0.5}.text-opacity-75{--bs-text-opacity:0.75}.text-opacity-100{--bs-text-opacity:1}.bg-primary{--bs-bg-opacity:1;background-color:rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important}.bg-secondary{--bs-bg-opacity:1;background-color:rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity))!important}.bg-success{--bs-bg-opacity:1;background-color:rgba(var(--bs-success-rgb),var(--bs-bg-opacity))!important}.bg-info{--bs-bg-opacity:1;background-color:rgba(var(--bs-info-rgb),var(--bs-bg-opacity))!important}.bg-warning{--bs-bg-opacity:1;background-color:rgba(var(--bs-warning-rgb),var(--bs-bg-opacity))!important}.bg-danger{--bs-bg-opacity:1;background-color:rgba(var(--bs-danger-rgb),var(--bs-bg-opacity))!important}.bg-light{--bs-bg-opacity:1;background-color:rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important}.bg-dark{--bs-bg-opacity:1;background-color:rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important}.bg-black{--bs-bg-opacity:1;background-color:rgba(var(--bs-black-rgb),var(--bs-bg-opacity))!important}.bg-white{--bs-bg-opacity:1;background-color:rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important}.bg-body{--bs-bg-opacity:1;background-color:rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity))!important}.bg-transparent{--bs-bg-opacity:1;background-color:transparent!important}.bg-opacity-10{--bs-bg-opacity:0.1}.bg-opacity-25{--bs-bg-opacity:0.25}.bg-opacity-50{--bs-bg-opacity:0.5}.bg-opacity-75{--bs-bg-opacity:0.75}.bg-opacity-100{--bs-bg-opacity:1}.bg-gradient{background-image:var(--bs-gradient)!important}.user-select-all{-webkit-user-select:all!important;-moz-user-select:all!important;user-select:all!important}.user-select-auto{-webkit-user-select:auto!important;-moz-user-select:auto!important;user-select:auto!important}.user-select-none{-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.pe-none{pointer-events:none!important}.pe-auto{pointer-events:auto!important}.rounded{border-radius:.25rem!important}.rounded-0{border-radius:0!important}.rounded-1{border-radius:.2rem!important}.rounded-2{border-radius:.25rem!important}.rounded-3{border-radius:.3rem!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:50rem!important}.rounded-top{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.rounded-end{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.rounded-bottom{border-bottom-right-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-start{border-bottom-left-radius:.25rem!important;border-top-left-radius:.25rem!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}@media (min-width:576px){.float-sm-start{float:left!important}.float-sm-end{float:right!important}.float-sm-none{float:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-grid{display:grid!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}.d-sm-none{display:none!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.gap-sm-0{gap:0!important}.gap-sm-1{gap:.25rem!important}.gap-sm-2{gap:.5rem!important}.gap-sm-3{gap:1rem!important}.gap-sm-4{gap:1.5rem!important}.gap-sm-5{gap:3rem!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.justify-content-sm-evenly{justify-content:space-evenly!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}.order-sm-first{order:-1!important}.order-sm-0{order:0!important}.order-sm-1{order:1!important}.order-sm-2{order:2!important}.order-sm-3{order:3!important}.order-sm-4{order:4!important}.order-sm-5{order:5!important}.order-sm-last{order:6!important}.m-sm-0{margin:0!important}.m-sm-1{margin:.25rem!important}.m-sm-2{margin:.5rem!important}.m-sm-3{margin:1rem!important}.m-sm-4{margin:1.5rem!important}.m-sm-5{margin:3rem!important}.m-sm-auto{margin:auto!important}.mx-sm-0{margin-right:0!important;margin-left:0!important}.mx-sm-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-sm-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-sm-3{margin-right:1rem!important;margin-left:1rem!important}.mx-sm-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-sm-5{margin-right:3rem!important;margin-left:3rem!important}.mx-sm-auto{margin-right:auto!important;margin-left:auto!important}.my-sm-0{margin-top:0!important;margin-bottom:0!important}.my-sm-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-sm-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-sm-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-sm-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-sm-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-sm-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-sm-0{margin-top:0!important}.mt-sm-1{margin-top:.25rem!important}.mt-sm-2{margin-top:.5rem!important}.mt-sm-3{margin-top:1rem!important}.mt-sm-4{margin-top:1.5rem!important}.mt-sm-5{margin-top:3rem!important}.mt-sm-auto{margin-top:auto!important}.me-sm-0{margin-right:0!important}.me-sm-1{margin-right:.25rem!important}.me-sm-2{margin-right:.5rem!important}.me-sm-3{margin-right:1rem!important}.me-sm-4{margin-right:1.5rem!important}.me-sm-5{margin-right:3rem!important}.me-sm-auto{margin-right:auto!important}.mb-sm-0{margin-bottom:0!important}.mb-sm-1{margin-bottom:.25rem!important}.mb-sm-2{margin-bottom:.5rem!important}.mb-sm-3{margin-bottom:1rem!important}.mb-sm-4{margin-bottom:1.5rem!important}.mb-sm-5{margin-bottom:3rem!important}.mb-sm-auto{margin-bottom:auto!important}.ms-sm-0{margin-left:0!important}.ms-sm-1{margin-left:.25rem!important}.ms-sm-2{margin-left:.5rem!important}.ms-sm-3{margin-left:1rem!important}.ms-sm-4{margin-left:1.5rem!important}.ms-sm-5{margin-left:3rem!important}.ms-sm-auto{margin-left:auto!important}.p-sm-0{padding:0!important}.p-sm-1{padding:.25rem!important}.p-sm-2{padding:.5rem!important}.p-sm-3{padding:1rem!important}.p-sm-4{padding:1.5rem!important}.p-sm-5{padding:3rem!important}.px-sm-0{padding-right:0!important;padding-left:0!important}.px-sm-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-sm-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-sm-3{padding-right:1rem!important;padding-left:1rem!important}.px-sm-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-sm-5{padding-right:3rem!important;padding-left:3rem!important}.py-sm-0{padding-top:0!important;padding-bottom:0!important}.py-sm-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-sm-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-sm-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-sm-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-sm-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-sm-0{padding-top:0!important}.pt-sm-1{padding-top:.25rem!important}.pt-sm-2{padding-top:.5rem!important}.pt-sm-3{padding-top:1rem!important}.pt-sm-4{padding-top:1.5rem!important}.pt-sm-5{padding-top:3rem!important}.pe-sm-0{padding-right:0!important}.pe-sm-1{padding-right:.25rem!important}.pe-sm-2{padding-right:.5rem!important}.pe-sm-3{padding-right:1rem!important}.pe-sm-4{padding-right:1.5rem!important}.pe-sm-5{padding-right:3rem!important}.pb-sm-0{padding-bottom:0!important}.pb-sm-1{padding-bottom:.25rem!important}.pb-sm-2{padding-bottom:.5rem!important}.pb-sm-3{padding-bottom:1rem!important}.pb-sm-4{padding-bottom:1.5rem!important}.pb-sm-5{padding-bottom:3rem!important}.ps-sm-0{padding-left:0!important}.ps-sm-1{padding-left:.25rem!important}.ps-sm-2{padding-left:.5rem!important}.ps-sm-3{padding-left:1rem!important}.ps-sm-4{padding-left:1.5rem!important}.ps-sm-5{padding-left:3rem!important}.text-sm-start{text-align:left!important}.text-sm-end{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.float-md-start{float:left!important}.float-md-end{float:right!important}.float-md-none{float:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-grid{display:grid!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}.d-md-none{display:none!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.gap-md-0{gap:0!important}.gap-md-1{gap:.25rem!important}.gap-md-2{gap:.5rem!important}.gap-md-3{gap:1rem!important}.gap-md-4{gap:1.5rem!important}.gap-md-5{gap:3rem!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.justify-content-md-evenly{justify-content:space-evenly!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}.order-md-first{order:-1!important}.order-md-0{order:0!important}.order-md-1{order:1!important}.order-md-2{order:2!important}.order-md-3{order:3!important}.order-md-4{order:4!important}.order-md-5{order:5!important}.order-md-last{order:6!important}.m-md-0{margin:0!important}.m-md-1{margin:.25rem!important}.m-md-2{margin:.5rem!important}.m-md-3{margin:1rem!important}.m-md-4{margin:1.5rem!important}.m-md-5{margin:3rem!important}.m-md-auto{margin:auto!important}.mx-md-0{margin-right:0!important;margin-left:0!important}.mx-md-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-md-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-md-3{margin-right:1rem!important;margin-left:1rem!important}.mx-md-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-md-5{margin-right:3rem!important;margin-left:3rem!important}.mx-md-auto{margin-right:auto!important;margin-left:auto!important}.my-md-0{margin-top:0!important;margin-bottom:0!important}.my-md-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-md-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-md-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-md-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-md-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-md-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-md-0{margin-top:0!important}.mt-md-1{margin-top:.25rem!important}.mt-md-2{margin-top:.5rem!important}.mt-md-3{margin-top:1rem!important}.mt-md-4{margin-top:1.5rem!important}.mt-md-5{margin-top:3rem!important}.mt-md-auto{margin-top:auto!important}.me-md-0{margin-right:0!important}.me-md-1{margin-right:.25rem!important}.me-md-2{margin-right:.5rem!important}.me-md-3{margin-right:1rem!important}.me-md-4{margin-right:1.5rem!important}.me-md-5{margin-right:3rem!important}.me-md-auto{margin-right:auto!important}.mb-md-0{margin-bottom:0!important}.mb-md-1{margin-bottom:.25rem!important}.mb-md-2{margin-bottom:.5rem!important}.mb-md-3{margin-bottom:1rem!important}.mb-md-4{margin-bottom:1.5rem!important}.mb-md-5{margin-bottom:3rem!important}.mb-md-auto{margin-bottom:auto!important}.ms-md-0{margin-left:0!important}.ms-md-1{margin-left:.25rem!important}.ms-md-2{margin-left:.5rem!important}.ms-md-3{margin-left:1rem!important}.ms-md-4{margin-left:1.5rem!important}.ms-md-5{margin-left:3rem!important}.ms-md-auto{margin-left:auto!important}.p-md-0{padding:0!important}.p-md-1{padding:.25rem!important}.p-md-2{padding:.5rem!important}.p-md-3{padding:1rem!important}.p-md-4{padding:1.5rem!important}.p-md-5{padding:3rem!important}.px-md-0{padding-right:0!important;padding-left:0!important}.px-md-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-md-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-md-3{padding-right:1rem!important;padding-left:1rem!important}.px-md-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-md-5{padding-right:3rem!important;padding-left:3rem!important}.py-md-0{padding-top:0!important;padding-bottom:0!important}.py-md-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-md-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-md-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-md-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-md-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-md-0{padding-top:0!important}.pt-md-1{padding-top:.25rem!important}.pt-md-2{padding-top:.5rem!important}.pt-md-3{padding-top:1rem!important}.pt-md-4{padding-top:1.5rem!important}.pt-md-5{padding-top:3rem!important}.pe-md-0{padding-right:0!important}.pe-md-1{padding-right:.25rem!important}.pe-md-2{padding-right:.5rem!important}.pe-md-3{padding-right:1rem!important}.pe-md-4{padding-right:1.5rem!important}.pe-md-5{padding-right:3rem!important}.pb-md-0{padding-bottom:0!important}.pb-md-1{padding-bottom:.25rem!important}.pb-md-2{padding-bottom:.5rem!important}.pb-md-3{padding-bottom:1rem!important}.pb-md-4{padding-bottom:1.5rem!important}.pb-md-5{padding-bottom:3rem!important}.ps-md-0{padding-left:0!important}.ps-md-1{padding-left:.25rem!important}.ps-md-2{padding-left:.5rem!important}.ps-md-3{padding-left:1rem!important}.ps-md-4{padding-left:1.5rem!important}.ps-md-5{padding-left:3rem!important}.text-md-start{text-align:left!important}.text-md-end{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.float-lg-start{float:left!important}.float-lg-end{float:right!important}.float-lg-none{float:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-grid{display:grid!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}.d-lg-none{display:none!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.gap-lg-0{gap:0!important}.gap-lg-1{gap:.25rem!important}.gap-lg-2{gap:.5rem!important}.gap-lg-3{gap:1rem!important}.gap-lg-4{gap:1.5rem!important}.gap-lg-5{gap:3rem!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.justify-content-lg-evenly{justify-content:space-evenly!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}.order-lg-first{order:-1!important}.order-lg-0{order:0!important}.order-lg-1{order:1!important}.order-lg-2{order:2!important}.order-lg-3{order:3!important}.order-lg-4{order:4!important}.order-lg-5{order:5!important}.order-lg-last{order:6!important}.m-lg-0{margin:0!important}.m-lg-1{margin:.25rem!important}.m-lg-2{margin:.5rem!important}.m-lg-3{margin:1rem!important}.m-lg-4{margin:1.5rem!important}.m-lg-5{margin:3rem!important}.m-lg-auto{margin:auto!important}.mx-lg-0{margin-right:0!important;margin-left:0!important}.mx-lg-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-lg-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-lg-3{margin-right:1rem!important;margin-left:1rem!important}.mx-lg-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-lg-5{margin-right:3rem!important;margin-left:3rem!important}.mx-lg-auto{margin-right:auto!important;margin-left:auto!important}.my-lg-0{margin-top:0!important;margin-bottom:0!important}.my-lg-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-lg-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-lg-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-lg-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-lg-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-lg-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-lg-0{margin-top:0!important}.mt-lg-1{margin-top:.25rem!important}.mt-lg-2{margin-top:.5rem!important}.mt-lg-3{margin-top:1rem!important}.mt-lg-4{margin-top:1.5rem!important}.mt-lg-5{margin-top:3rem!important}.mt-lg-auto{margin-top:auto!important}.me-lg-0{margin-right:0!important}.me-lg-1{margin-right:.25rem!important}.me-lg-2{margin-right:.5rem!important}.me-lg-3{margin-right:1rem!important}.me-lg-4{margin-right:1.5rem!important}.me-lg-5{margin-right:3rem!important}.me-lg-auto{margin-right:auto!important}.mb-lg-0{margin-bottom:0!important}.mb-lg-1{margin-bottom:.25rem!important}.mb-lg-2{margin-bottom:.5rem!important}.mb-lg-3{margin-bottom:1rem!important}.mb-lg-4{margin-bottom:1.5rem!important}.mb-lg-5{margin-bottom:3rem!important}.mb-lg-auto{margin-bottom:auto!important}.ms-lg-0{margin-left:0!important}.ms-lg-1{margin-left:.25rem!important}.ms-lg-2{margin-left:.5rem!important}.ms-lg-3{margin-left:1rem!important}.ms-lg-4{margin-left:1.5rem!important}.ms-lg-5{margin-left:3rem!important}.ms-lg-auto{margin-left:auto!important}.p-lg-0{padding:0!important}.p-lg-1{padding:.25rem!important}.p-lg-2{padding:.5rem!important}.p-lg-3{padding:1rem!important}.p-lg-4{padding:1.5rem!important}.p-lg-5{padding:3rem!important}.px-lg-0{padding-right:0!important;padding-left:0!important}.px-lg-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-lg-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-lg-3{padding-right:1rem!important;padding-left:1rem!important}.px-lg-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-lg-5{padding-right:3rem!important;padding-left:3rem!important}.py-lg-0{padding-top:0!important;padding-bottom:0!important}.py-lg-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-lg-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-lg-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-lg-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-lg-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-lg-0{padding-top:0!important}.pt-lg-1{padding-top:.25rem!important}.pt-lg-2{padding-top:.5rem!important}.pt-lg-3{padding-top:1rem!important}.pt-lg-4{padding-top:1.5rem!important}.pt-lg-5{padding-top:3rem!important}.pe-lg-0{padding-right:0!important}.pe-lg-1{padding-right:.25rem!important}.pe-lg-2{padding-right:.5rem!important}.pe-lg-3{padding-right:1rem!important}.pe-lg-4{padding-right:1.5rem!important}.pe-lg-5{padding-right:3rem!important}.pb-lg-0{padding-bottom:0!important}.pb-lg-1{padding-bottom:.25rem!important}.pb-lg-2{padding-bottom:.5rem!important}.pb-lg-3{padding-bottom:1rem!important}.pb-lg-4{padding-bottom:1.5rem!important}.pb-lg-5{padding-bottom:3rem!important}.ps-lg-0{padding-left:0!important}.ps-lg-1{padding-left:.25rem!important}.ps-lg-2{padding-left:.5rem!important}.ps-lg-3{padding-left:1rem!important}.ps-lg-4{padding-left:1.5rem!important}.ps-lg-5{padding-left:3rem!important}.text-lg-start{text-align:left!important}.text-lg-end{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.float-xl-start{float:left!important}.float-xl-end{float:right!important}.float-xl-none{float:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-grid{display:grid!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}.d-xl-none{display:none!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.gap-xl-0{gap:0!important}.gap-xl-1{gap:.25rem!important}.gap-xl-2{gap:.5rem!important}.gap-xl-3{gap:1rem!important}.gap-xl-4{gap:1.5rem!important}.gap-xl-5{gap:3rem!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.justify-content-xl-evenly{justify-content:space-evenly!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}.order-xl-first{order:-1!important}.order-xl-0{order:0!important}.order-xl-1{order:1!important}.order-xl-2{order:2!important}.order-xl-3{order:3!important}.order-xl-4{order:4!important}.order-xl-5{order:5!important}.order-xl-last{order:6!important}.m-xl-0{margin:0!important}.m-xl-1{margin:.25rem!important}.m-xl-2{margin:.5rem!important}.m-xl-3{margin:1rem!important}.m-xl-4{margin:1.5rem!important}.m-xl-5{margin:3rem!important}.m-xl-auto{margin:auto!important}.mx-xl-0{margin-right:0!important;margin-left:0!important}.mx-xl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xl-auto{margin-right:auto!important;margin-left:auto!important}.my-xl-0{margin-top:0!important;margin-bottom:0!important}.my-xl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xl-0{margin-top:0!important}.mt-xl-1{margin-top:.25rem!important}.mt-xl-2{margin-top:.5rem!important}.mt-xl-3{margin-top:1rem!important}.mt-xl-4{margin-top:1.5rem!important}.mt-xl-5{margin-top:3rem!important}.mt-xl-auto{margin-top:auto!important}.me-xl-0{margin-right:0!important}.me-xl-1{margin-right:.25rem!important}.me-xl-2{margin-right:.5rem!important}.me-xl-3{margin-right:1rem!important}.me-xl-4{margin-right:1.5rem!important}.me-xl-5{margin-right:3rem!important}.me-xl-auto{margin-right:auto!important}.mb-xl-0{margin-bottom:0!important}.mb-xl-1{margin-bottom:.25rem!important}.mb-xl-2{margin-bottom:.5rem!important}.mb-xl-3{margin-bottom:1rem!important}.mb-xl-4{margin-bottom:1.5rem!important}.mb-xl-5{margin-bottom:3rem!important}.mb-xl-auto{margin-bottom:auto!important}.ms-xl-0{margin-left:0!important}.ms-xl-1{margin-left:.25rem!important}.ms-xl-2{margin-left:.5rem!important}.ms-xl-3{margin-left:1rem!important}.ms-xl-4{margin-left:1.5rem!important}.ms-xl-5{margin-left:3rem!important}.ms-xl-auto{margin-left:auto!important}.p-xl-0{padding:0!important}.p-xl-1{padding:.25rem!important}.p-xl-2{padding:.5rem!important}.p-xl-3{padding:1rem!important}.p-xl-4{padding:1.5rem!important}.p-xl-5{padding:3rem!important}.px-xl-0{padding-right:0!important;padding-left:0!important}.px-xl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xl-0{padding-top:0!important;padding-bottom:0!important}.py-xl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xl-0{padding-top:0!important}.pt-xl-1{padding-top:.25rem!important}.pt-xl-2{padding-top:.5rem!important}.pt-xl-3{padding-top:1rem!important}.pt-xl-4{padding-top:1.5rem!important}.pt-xl-5{padding-top:3rem!important}.pe-xl-0{padding-right:0!important}.pe-xl-1{padding-right:.25rem!important}.pe-xl-2{padding-right:.5rem!important}.pe-xl-3{padding-right:1rem!important}.pe-xl-4{padding-right:1.5rem!important}.pe-xl-5{padding-right:3rem!important}.pb-xl-0{padding-bottom:0!important}.pb-xl-1{padding-bottom:.25rem!important}.pb-xl-2{padding-bottom:.5rem!important}.pb-xl-3{padding-bottom:1rem!important}.pb-xl-4{padding-bottom:1.5rem!important}.pb-xl-5{padding-bottom:3rem!important}.ps-xl-0{padding-left:0!important}.ps-xl-1{padding-left:.25rem!important}.ps-xl-2{padding-left:.5rem!important}.ps-xl-3{padding-left:1rem!important}.ps-xl-4{padding-left:1.5rem!important}.ps-xl-5{padding-left:3rem!important}.text-xl-start{text-align:left!important}.text-xl-end{text-align:right!important}.text-xl-center{text-align:center!important}}@media (min-width:1400px){.float-xxl-start{float:left!important}.float-xxl-end{float:right!important}.float-xxl-none{float:none!important}.d-xxl-inline{display:inline!important}.d-xxl-inline-block{display:inline-block!important}.d-xxl-block{display:block!important}.d-xxl-grid{display:grid!important}.d-xxl-table{display:table!important}.d-xxl-table-row{display:table-row!important}.d-xxl-table-cell{display:table-cell!important}.d-xxl-flex{display:flex!important}.d-xxl-inline-flex{display:inline-flex!important}.d-xxl-none{display:none!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.gap-xxl-0{gap:0!important}.gap-xxl-1{gap:.25rem!important}.gap-xxl-2{gap:.5rem!important}.gap-xxl-3{gap:1rem!important}.gap-xxl-4{gap:1.5rem!important}.gap-xxl-5{gap:3rem!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.justify-content-xxl-evenly{justify-content:space-evenly!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.order-xxl-first{order:-1!important}.order-xxl-0{order:0!important}.order-xxl-1{order:1!important}.order-xxl-2{order:2!important}.order-xxl-3{order:3!important}.order-xxl-4{order:4!important}.order-xxl-5{order:5!important}.order-xxl-last{order:6!important}.m-xxl-0{margin:0!important}.m-xxl-1{margin:.25rem!important}.m-xxl-2{margin:.5rem!important}.m-xxl-3{margin:1rem!important}.m-xxl-4{margin:1.5rem!important}.m-xxl-5{margin:3rem!important}.m-xxl-auto{margin:auto!important}.mx-xxl-0{margin-right:0!important;margin-left:0!important}.mx-xxl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xxl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xxl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xxl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xxl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xxl-auto{margin-right:auto!important;margin-left:auto!important}.my-xxl-0{margin-top:0!important;margin-bottom:0!important}.my-xxl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xxl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xxl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xxl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xxl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xxl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xxl-0{margin-top:0!important}.mt-xxl-1{margin-top:.25rem!important}.mt-xxl-2{margin-top:.5rem!important}.mt-xxl-3{margin-top:1rem!important}.mt-xxl-4{margin-top:1.5rem!important}.mt-xxl-5{margin-top:3rem!important}.mt-xxl-auto{margin-top:auto!important}.me-xxl-0{margin-right:0!important}.me-xxl-1{margin-right:.25rem!important}.me-xxl-2{margin-right:.5rem!important}.me-xxl-3{margin-right:1rem!important}.me-xxl-4{margin-right:1.5rem!important}.me-xxl-5{margin-right:3rem!important}.me-xxl-auto{margin-right:auto!important}.mb-xxl-0{margin-bottom:0!important}.mb-xxl-1{margin-bottom:.25rem!important}.mb-xxl-2{margin-bottom:.5rem!important}.mb-xxl-3{margin-bottom:1rem!important}.mb-xxl-4{margin-bottom:1.5rem!important}.mb-xxl-5{margin-bottom:3rem!important}.mb-xxl-auto{margin-bottom:auto!important}.ms-xxl-0{margin-left:0!important}.ms-xxl-1{margin-left:.25rem!important}.ms-xxl-2{margin-left:.5rem!important}.ms-xxl-3{margin-left:1rem!important}.ms-xxl-4{margin-left:1.5rem!important}.ms-xxl-5{margin-left:3rem!important}.ms-xxl-auto{margin-left:auto!important}.p-xxl-0{padding:0!important}.p-xxl-1{padding:.25rem!important}.p-xxl-2{padding:.5rem!important}.p-xxl-3{padding:1rem!important}.p-xxl-4{padding:1.5rem!important}.p-xxl-5{padding:3rem!important}.px-xxl-0{padding-right:0!important;padding-left:0!important}.px-xxl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xxl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xxl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xxl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xxl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xxl-0{padding-top:0!important;padding-bottom:0!important}.py-xxl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xxl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xxl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xxl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xxl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xxl-0{padding-top:0!important}.pt-xxl-1{padding-top:.25rem!important}.pt-xxl-2{padding-top:.5rem!important}.pt-xxl-3{padding-top:1rem!important}.pt-xxl-4{padding-top:1.5rem!important}.pt-xxl-5{padding-top:3rem!important}.pe-xxl-0{padding-right:0!important}.pe-xxl-1{padding-right:.25rem!important}.pe-xxl-2{padding-right:.5rem!important}.pe-xxl-3{padding-right:1rem!important}.pe-xxl-4{padding-right:1.5rem!important}.pe-xxl-5{padding-right:3rem!important}.pb-xxl-0{padding-bottom:0!important}.pb-xxl-1{padding-bottom:.25rem!important}.pb-xxl-2{padding-bottom:.5rem!important}.pb-xxl-3{padding-bottom:1rem!important}.pb-xxl-4{padding-bottom:1.5rem!important}.pb-xxl-5{padding-bottom:3rem!important}.ps-xxl-0{padding-left:0!important}.ps-xxl-1{padding-left:.25rem!important}.ps-xxl-2{padding-left:.5rem!important}.ps-xxl-3{padding-left:1rem!important}.ps-xxl-4{padding-left:1.5rem!important}.ps-xxl-5{padding-left:3rem!important}.text-xxl-start{text-align:left!important}.text-xxl-end{text-align:right!important}.text-xxl-center{text-align:center!important}}@media (min-width:1200px){.fs-1{font-size:2.5rem!important}.fs-2{font-size:2rem!important}.fs-3{font-size:1.75rem!important}.fs-4{font-size:1.5rem!important}}@media print{.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-grid{display:grid!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:flex!important}.d-print-inline-flex{display:inline-flex!important}.d-print-none{display:none!important}} @charset "UTF-8";/*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT */ .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{0%,100%,20%,53%,80%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,100%,20%,53%,80%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%,100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}}@keyframes pulse{0%,100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%,100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}}@keyframes rubberBand{0%,100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%,100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}}@keyframes tada{0%,100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%,100%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}}@keyframes wobble{0%,100%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{100%,11.1%{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{100%,11.1%{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}}@keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}}@keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}}@keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}.flipInY,.flipOutX{-webkit-backface-visibility:visible!important}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInStable{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}33.333%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}66.666666%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes zoomInStable{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}33.333%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}66.666666%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.zoomInStable{-webkit-animation-name:zoomInStable;animation-name:zoomInStable}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@keyframes anime{from{opacity:0;transform:scaleY(0);-webkit-transform:scaleY(0);-moz-transform:scaleY(0);-ms-transform:scaleY(0);-o-transform:scaleY(0)}to{opacity:1;transform:scaleY(1);-webkit-transform:scaleY(1);-ms-transform:scaleY(1);-o-transform:scaleY(1);-moz-transform:scaleY(1)}}@-webkit-keyframes anime{from{opacity:0;transform:scaleY(0);-webkit-transform:scaleY(0);-moz-transform:scaleY(0);-ms-transform:scaleY(0);-o-transform:scaleY(0)}to{opacity:1;transform:scaleY(1);-webkit-transform:scaleY(1);-ms-transform:scaleY(1);-o-transform:scaleY(1);-moz-transform:scaleY(1)}}@-moz-keyframes anime{from{opacity:0;transform:scaleY(0);-webkit-transform:scaleY(0);-moz-transform:scaleY(0);-ms-transform:scaleY(0);-o-transform:scaleY(0)}to{opacity:1;transform:scaleY(1);-webkit-transform:scaleY(1);-ms-transform:scaleY(1);-o-transform:scaleY(1);-moz-transform:scaleY(1)}}@-o-keyframes anime{from{opacity:0;transform:scaleY(0);-webkit-transform:scaleY(0);-moz-transform:scaleY(0);-ms-transform:scaleY(0);-o-transform:scaleY(0)}to{opacity:1;transform:scaleY(1);-webkit-transform:scaleY(1);-ms-transform:scaleY(1);-o-transform:scaleY(1);-moz-transform:scaleY(1)}}@-ms-keyframes anime{from{opacity:0;transform:scaleY(0);-webkit-transform:scaleY(0);-moz-transform:scaleY(0);-ms-transform:scaleY(0);-o-transform:scaleY(0)}to{opacity:1;transform:scaleY(1);-webkit-transform:scaleY(1);-ms-transform:scaleY(1);-o-transform:scaleY(1);-moz-transform:scaleY(1)}} .lnr, [class^="lnr-"], [class*=" lnr-"] { font-family: 'linearicons-free'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .lnr-icon-home:before { content: "\e800"; } .lnr-icon-apartment:before { content: "\e801"; } .lnr-icon-pencil:before { content: "\e802"; } .lnr-icon-magic-wand:before { content: "\e803"; } .lnr-icon-drop:before { content: "\e804"; } .lnr-icon-lighter:before { content: "\e805"; } .lnr-icon-poop:before { content: "\e806"; } .lnr-icon-sun:before { content: "\e807"; } .lnr-icon-moon:before { content: "\e808"; } .lnr-icon-cloud:before { content: "\e809"; } .lnr-icon-cloud-upload:before { content: "\e80a"; } .lnr-icon-cloud-download:before { content: "\e80b"; } .lnr-icon-cloud-sync:before { content: "\e80c"; } .lnr-icon-cloud-check:before { content: "\e80d"; } .lnr-icon-database:before { content: "\e80e"; } .lnr-icon-lock:before { content: "\e80f"; } .lnr-icon-cog:before { content: "\e810"; } .lnr-icon-trash:before { content: "\e811"; } .lnr-icon-dice:before { content: "\e812"; } .lnr-icon-heart:before { content: "\e813"; } .lnr-icon-star:before { content: "\e814"; } .lnr-icon-star-half:before { content: "\e815"; } .lnr-icon-star-empty:before { content: "\e816"; } .lnr-icon-flag:before { content: "\e817"; } .lnr-icon-envelope:before { content: "\e818"; } .lnr-icon-paperclip:before { content: "\e819"; } .lnr-icon-inbox:before { content: "\e81a"; } .lnr-icon-eye:before { content: "\e81b"; } .lnr-icon-printer:before { content: "\e81c"; } .lnr-icon-file-empty:before { content: "\e81d"; } .lnr-icon-file-add:before { content: "\e81e"; } .lnr-icon-enter:before { content: "\e81f"; } .lnr-icon-exit:before { content: "\e820"; } .lnr-icon-graduation-hat:before { content: "\e821"; } .lnr-icon-license:before { content: "\e822"; } .lnr-icon-music-note:before { content: "\e823"; } .lnr-icon-film-play:before { content: "\e824"; } .lnr-icon-camera-video:before { content: "\e825"; } .lnr-icon-camera:before { content: "\e826"; } .lnr-icon-picture:before { content: "\e827"; } .lnr-icon-book:before { content: "\e828"; } .lnr-icon-bookmark:before { content: "\e829"; } .lnr-icon-user:before { content: "\e82a"; } .lnr-icon-users:before { content: "\e82b"; } .lnr-icon-shirt:before { content: "\e82c"; } .lnr-icon-store:before { content: "\e82d"; } .lnr-icon-cart:before { content: "\e82e"; } .lnr-icon-tag:before { content: "\e82f"; } .lnr-icon-phone-handset:before { content: "\e830"; } .lnr-icon-phone:before { content: "\e831"; } .lnr-icon-pushpin:before { content: "\e832"; } .lnr-icon-map-marker:before { content: "\e833"; } .lnr-icon-map:before { content: "\e834"; } .lnr-icon-location:before { content: "\e835"; } .lnr-icon-calendar-full:before { content: "\e836"; } .lnr-icon-keyboard:before { content: "\e837"; } .lnr-icon-spell-check:before { content: "\e838"; } .lnr-icon-screen:before { content: "\e839"; } .lnr-icon-smartphone:before { content: "\e83a"; } .lnr-icon-tablet:before { content: "\e83b"; } .lnr-icon-laptop:before { content: "\e83c"; } .lnr-icon-laptop-phone:before { content: "\e83d"; } .lnr-icon-power-switch:before { content: "\e83e"; } .lnr-icon-bubble:before { content: "\e83f"; } .lnr-icon-heart-pulse:before { content: "\e840"; } .lnr-icon-construction:before { content: "\e841"; } .lnr-icon-pie-chart:before { content: "\e842"; } .lnr-icon-chart-bars:before { content: "\e843"; } .lnr-icon-gift:before { content: "\e844"; } .lnr-icon-diamond:before { content: "\e845"; } .lnr-icon-linearicons:before { content: "\e846"; } .lnr-icon-dinner:before { content: "\e847"; } .lnr-icon-coffee-cup:before { content: "\e848"; } .lnr-icon-leaf:before { content: "\e849"; } .lnr-icon-paw:before { content: "\e84a"; } .lnr-icon-rocket:before { content: "\e84b"; } .lnr-icon-briefcase:before { content: "\e84c"; } .lnr-icon-bus:before { content: "\e84d"; } .lnr-icon-car:before { content: "\e84e"; } .lnr-icon-train:before { content: "\e84f"; } .lnr-icon-bicycle:before { content: "\e850"; } .lnr-icon-wheelchair:before { content: "\e851"; } .lnr-icon-select:before { content: "\e852"; } .lnr-icon-earth:before { content: "\e853"; } .lnr-icon-smile:before { content: "\e854"; } .lnr-icon-sad:before { content: "\e855"; } .lnr-icon-neutral:before { content: "\e856"; } .lnr-icon-mustache:before { content: "\e857"; } .lnr-icon-alarm:before { content: "\e858"; } .lnr-icon-bullhorn:before { content: "\e859"; } .lnr-icon-volume-high:before { content: "\e85a"; } .lnr-icon-volume-medium:before { content: "\e85b"; } .lnr-icon-volume-low:before { content: "\e85c"; } .lnr-icon-volume:before { content: "\e85d"; } .lnr-icon-mic:before { content: "\e85e"; } .lnr-icon-hourglass:before { content: "\e85f"; } .lnr-icon-undo:before { content: "\e860"; } .lnr-icon-redo:before { content: "\e861"; } .lnr-icon-sync:before { content: "\e862"; } .lnr-icon-history:before { content: "\e863"; } .lnr-icon-clock:before { content: "\e864"; } .lnr-icon-download:before { content: "\e865"; } .lnr-icon-upload:before { content: "\e866"; } .lnr-icon-enter-down:before { content: "\e867"; } .lnr-icon-exit-up:before { content: "\e868"; } .lnr-icon-bug:before { content: "\e869"; } .lnr-icon-code:before { content: "\e86a"; } .lnr-icon-link:before { content: "\e86b"; } .lnr-icon-unlink:before { content: "\e86c"; } .lnr-icon-thumbs-up:before { content: "\e86d"; } .lnr-icon-thumbs-down:before { content: "\e86e"; } .lnr-icon-magnifier:before { content: "\e86f"; } .lnr-icon-cross:before { content: "\e870"; } .lnr-icon-menu:before { content: "\e871"; } .lnr-icon-list:before { content: "\e872"; } .lnr-icon-chevron-up:before { content: "\e873"; } .lnr-icon-chevron-down:before { content: "\e874"; } .lnr-icon-chevron-left:before { content: "\e875"; } .lnr-icon-chevron-right:before { content: "\e876"; } .lnr-icon-arrow-up:before { content: "\e877"; } .lnr-icon-arrow-down:before { content: "\e878"; } .lnr-icon-arrow-left:before { content: "\e879"; } .lnr-icon-arrow-right:before { content: "\e87a"; } .lnr-icon-move:before { content: "\e87b"; } .lnr-icon-warning:before { content: "\e87c"; } .lnr-icon-question-circle:before { content: "\e87d"; } .lnr-icon-menu-circle:before { content: "\e87e"; } .lnr-icon-checkmark-circle:before { content: "\e87f"; } .lnr-icon-cross-circle:before { content: "\e880"; } .lnr-icon-plus-circle:before { content: "\e881"; } .lnr-icon-circle-minus:before { content: "\e882"; } .lnr-icon-arrow-up-circle:before { content: "\e883"; } .lnr-icon-arrow-down-circle:before { content: "\e884"; } .lnr-icon-arrow-left-circle:before { content: "\e885"; } .lnr-icon-arrow-right-circle:before { content: "\e886"; } .lnr-icon-chevron-up-circle:before { content: "\e887"; } .lnr-icon-chevron-down-circle:before { content: "\e888"; } .lnr-icon-chevron-left-circle:before { content: "\e889"; } .lnr-icon-chevron-right-circle:before { content: "\e88a"; } .lnr-icon-crop:before { content: "\e88b"; } .lnr-icon-frame-expand:before { content: "\e88c"; } .lnr-icon-frame-contract:before { content: "\e88d"; } .lnr-icon-layers:before { content: "\e88e"; } .lnr-icon-funnel:before { content: "\e88f"; } .lnr-icon-text-align-left:before { content: "\e898"; } .lnr-icon-text-align-center:before { content: "\e899"; } .lnr-icon-text-align-right:before { content: "\e89a"; } .lnr-icon-text-align-justify:before { content: "\e89b"; } .lnr-icon-sort-amount-asc:before { content: "\e8a4"; } .lnr-icon-cart1:before { content: "\e003"; } .lnr-icon-close:before { content: "\e005"; } .lnr-icon-copy:before { content: "\e007"; } .lnr-icon-dropdown:before { content: "\e00a"; } .lnr-icon-favourite:before { content: "\e00c"; } .lnr-icon-history1:before { content: "\e00f"; } .lnr-icon-live-support:before { content: "\e012"; } .lnr-icon-location-1:before { content: "\e013"; } .lnr-icon-phone-plus:before { content: "\e01a"; } .lnr-icon-rocket1:before { content: "\e01c"; } .lnr-icon-search:before { content: "\e01d"; } .lnr-icon-user1:before { content: "\e023"; } .lnr-icon-arrow-left1:before { content: "\e029"; } .lnr-icon-arrow-right1:before { content: "\e02a"; } .lnr-icon-bars:before { content: "\e02b"; } .lnr-icon-calendar:before { content: "\e02c"; } .lnr-icon-comment:before { content: "\e034"; } .lnr-icon-comments:before { content: "\e035"; } .lnr-icon-envelope1:before { content: "\e037"; } .lnr-icon-external-link-alt:before { content: "\e039"; } .lnr-icon-eye1:before { content: "\e03a"; } .lnr-icon-file-alt:before { content: "\e03b"; } .lnr-icon-file-archive:before { content: "\e03c"; } .lnr-icon-folder-open:before { content: "\e03d"; } .lnr-icon-folder:before { content: "\e03e"; } .lnr-icon-gift1:before { content: "\e040"; } .lnr-icon-grid:before { content: "\e041"; } .lnr-icon-heart-fill:before { content: "\e042"; } .lnr-icon-heart1:before { content: "\e043"; } .lnr-icon-home1:before { content: "\e044"; } .lnr-icon-list1:before { content: "\e047"; } .lnr-icon-map-marker-check:before { content: "\e04c"; } .lnr-icon-meh:before { content: "\e04d"; } .lnr-icon-minus:before { content: "\e04e"; } .lnr-icon-plus:before { content: "\e051"; } .lnr-icon-quote:before { content: "\e052"; } .lnr-icon-random:before { content: "\e053"; } .lnr-icon-shopping-cart:before { content: "\e057"; } .lnr-icon-sign-out-alt:before { content: "\e058"; } .lnr-icon-smile1:before { content: "\e059"; } .lnr-icon-spinner:before { content: "\e05a"; } .lnr-icon-square:before { content: "\e05b"; } .lnr-icon-star1:before { content: "\e05c"; } .lnr-icon-store1:before { content: "\e05d"; } .lnr-icon-sync1:before { content: "\e05e"; } .lnr-icon-tachometer-alt:before { content: "\e05f"; } .lnr-icon-thumbtack:before { content: "\e062"; } .lnr-icon-times-circle:before { content: "\e063"; } .lnr-icon-times:before { content: "\e064"; } .lnr-icon-truck:before { content: "\e065"; } .lnr-icon-video:before { content: "\e066"; } i[class^="flaticon-"]:before, i[class*=" flaticon-"]:before { font-family: flaticon_hotel !important; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .flaticon-rocking-chair:before { content: "\f101"; } .flaticon-drawers:before { content: "\f102"; } .flaticon-light:before { content: "\f103"; } .flaticon-partition:before { content: "\f104"; } .flaticon-bathroom:before { content: "\f105"; } .flaticon-kitchen:before { content: "\f106"; } .flaticon-sofa:before { content: "\f107"; } .flaticon-hangers:before { content: "\f108"; } .flaticon-sofa-1:before { content: "\f109"; } .flaticon-date:before { content: "\f10a"; } .flaticon-chair:before { content: "\f10b"; } .flaticon-lamp:before { content: "\f10c"; } .flaticon-bed:before { content: "\f10d"; } .flaticon-sofa-2:before { content: "\f10e"; } .flaticon-table:before { content: "\f10f"; } .flaticon-bed-1:before { content: "\f110"; } .flaticon-chair-1:before { content: "\f111"; } .flaticon-table-1:before { content: "\f112"; } .flaticon-table-2:before { content: "\f113"; } .flaticon-hanger:before { content: "\f114"; } .flaticon-table-3:before { content: "\f115"; } .flaticon-pool:before { content: "\f116"; } .flaticon-customer-service:before { content: "\f117"; } .flaticon-bed-2:before { content: "\f118"; } .flaticon-travel:before { content: "\f119"; } .flaticon-wifi:before { content: "\f11a"; } .flaticon-breakfast:before { content: "\f11b"; } .flaticon-swimming-pool:before { content: "\f11c"; } .flaticon-car:before { content: "\f11d"; } .flaticon-weights:before { content: "\f11e"; } .flaticon-spa:before { content: "\f11f"; } .flaticon-sofa-3:before { content: "\f120"; } .flaticon-quotation:before { content: "\f121"; } .flaticon-airplane:before { content: "\f122"; } .flaticon-swimming-pool-1:before { content: "\f123"; } .flaticon-fast-food:before { content: "\f124"; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } @charset 'UTF-8'; /* Slider */ .slick-loading .slick-list { /* background: #fff url('./ajax-loader.gif') center center no-repeat;*/ } /* Icons */ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; /* src: url('./fonts/slick.eot'); src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg'); */} /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: '←'; } [dir='rtl'] .slick-prev:before { content: '→'; } .slick-next { right: -25px; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: '→'; } [dir='rtl'] .slick-next:before { content: '←'; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } /* Hoexr | Hotel Booking HTML Template Template Name: Hoexr Version: 1.0.0 License: copyright commercial /************ TABLE OF CONTENTS *************** 1. Fonts 2. Reset 3. Global Settings 4. Main Header / TwO 5. Sticky Header 6. Mobile Menu 7. Section Title 8. Main Slider 9. Banner Section 10. Project Section 11. Features Section / TwO / Three / Four / Five 12. About Section / Two 13. Services Section / Two 14. Call To Action / Two 15. FAQ's Sectiom 16. Marquee Section 17. Fun Fact Section 18. Testimonial Section / Two 19. team Section 20, Contact Section / Two 21. Why Choose Us / Two 22. News Section / Two 23. Video Section 24. Map Section 25. Clients Section 26. Main Footer **********************************************/ :root { --theme-color1-rgb: 170, 132, 83; --theme-color2-rgb: 253, 236, 227; --theme-color3-rgb: 250, 247, 242; --theme-color4-rgb: 202, 178, 147; --theme-color-light-rgb: 255, 255, 255; --theme-color-dark-rgb: 0, 0, 0; --theme-color1: #aa8453; --theme-color1: #5bbaa3; --theme-color2: #fdece3; --theme-color3: #faf7f2; --theme-color4: #cab293; --review-color: #fdc009; --theme-color-light: #FFFFFF; --theme-color-white: #FFFFFF; --theme-color-dark: #000000; --bg-theme-color1: var(--theme-color1); --bg-theme-color2: var(--theme-color2); --theme-color-light: #000; --theme-color-white: #ffffff; --theme-color-white-rgb: 255,255,255; --theme-color-dark: #222222; --theme-color-gray: #F6F6F6; --theme-color-black: #000; --theme-color-black-rgb: 0,0,0; --text-color: #666666; --headings-color: #222222; --review-color: #ffc737; --link-color: var(--headings-color); --link-hover-color: var(--headings-color); --title-font: "Gilda Display", serif; --text-font: "Barlow", sans-serif; --text-font2: "Barlow Condensed", sans-serif; --body-font-size: 16px; --body-line-height: 28px; --body-font-weight: 400; --line-height-heading-h1: 1.2em; --line-height-heading: 54px; --line-height-heading-small: 1.35em; --h1-font-size: 72px; --h2-font-size: 54px; --h3-font-size: 36px; --h4-font-size: 24px; --h5-font-size: 22px; --h6-font-size: 20px; --h1-font-weight: 400; --h2-font-weight: 400; --h3-font-weight: 400; --h4-font-weight: 400; --h5-font-weight: 400; --h6-font-weight: 400; --sec-title-subtitle-font-size: 14px; --sec-title-subtitle-color: var(--headings-color); --sec-title-subtitle-font-family: var(--text-font); --sec-title-subtitle-font-weight: 700; --sec-title-subtitle-line-height: 20px; --sec-title-color: var(--headings-color); --sec-title-font-size: var(--h2-font-size); --sec-title-font-family: var(--title-font); --sec-title-font-weight: var(--h2-font-weight); --theme-light-background: #F2F3F5; --theme-light-background-text-color: var(--headings-color); --theme-black: #131313; --container-width: 1200px; --small-container-width: 1000px; --large-container-width: 1760px; --container-pt: 120px; --container-pb: 120px; } /* * typography.scss * ----------------------------------------------- */ ::-moz-selection { background: var(--theme-color-dark); color: #fff; text-shadow: none; } ::selection { background: var(--theme-color-dark); color: #fff; text-shadow: none; } :active, :focus { outline: none !important; } ::-webkit-input-placeholder { color: #7c858c; } ::-moz-input-placeholder { color: #7c858c; } ::-ms-input-placeholder { color: #7c858c; } body { background-color: #fff; background-attachment: fixed; /* -ms-word-wrap: break-word; word-wrap: break-word; */ counter-reset: my-sec-counter; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; color: var(--text-color); font-size: var(--body-font-size); font-family: var(--text-font); font-weight: var(--body-font-weight); line-height: var(--body-line-height); } p, .text { color: var(--text-color); font-size: var(--body-font-size); font-family: var(--text-font); font-weight: var(--body-font-weight); line-height: var(--body-line-height); } /* -------- Headings ---------- */ h1, h2, h3, h4, h5, h6 { color: var(--headings-color); font-family: var(--title-font); position: relative; line-height: var(--line-height-heading-); } h1 small, h1 .small, h2 small, h2 .small, h3 small, h3 .small, h4 small, h4 .small, h5 small, h5 .small, h6 small, h6 .small { font-weight: normal; line-height: 1; color: var(--headings-color); } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; font-weight: inherit; } h1, h2, h3, h4, h5, h6 { margin-bottom: 1rem; } h1 { font-size: var(--h1-font-size); font-weight: var(--h1-font-weight); line-height: var(--line-height-heading-h1); } h2 { font-size: var(--h2-font-size); font-weight: var(--h2-font-weight); line-height: var(--line-height-heading); } h3 { font-size: var(--h3-font-size); font-weight: var(--h3-font-weight); line-height: var(--line-height-heading); } h4 { font-size: var(--h4-font-size); font-weight: var(--h4-font-weight); line-height: var(--line-height-heading-small); letter-spacing: 0.15px; } h5 { font-size: var(--h5-font-size); font-weight: var(--h5-font-weight); line-height: var(--line-height-heading-small); } h6 { font-size: var(--h6-font-size); font-weight: var(--h6-font-weight); line-height: var(--line-height-heading-small); } /* -------- Body Text ---------- */ table p { margin-bottom: 0; } p { margin-bottom: 1em; font-weight: 500; line-height: 1.6; } p a:not(.button):not(.btn):hover, p a:not(.button):not(.btn):focus { text-decoration: underline; } /* -------- other ---------- */ a { color: var(--link-color); text-decoration: none; font-weight: var(--body-font-weight); cursor: pointer; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } a:hover, a:focus { color: inherit; text-decoration: none; outline: none; } a b, a strong { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } a img { border: none; } pre, ul, ol, dl, dd, blockquote, address, table, fieldset { margin-bottom: 10px; } ol, ul { list-style-position: inside; margin: 0; padding: 0; } b, strong { color: #333; font-weight: var(--body-font-weight-bold); } iframe { border: none !important; } /* * container.scss * ----------------------------------------------- */ .container .container { width: 100%; } .container .container, .container .container-fluid, .container-fluid .container, .container-fluid .container-fluid { padding-left: 0; padding-right: 0; } section > .container, section > .container-fluid { padding-top: var(--container-pt); padding-bottom: var(--container-pt); } @media (min-width: 1400px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: var(--container-width); } } /*=== Default Form ===*/ .form-control, .input-text { height: calc(2.25rem + 27px); padding: 14px 30px; outline: 0; background-color: #f4f5f8; border: 1px solid #f4f5f8; color: #686a6f; font-size: 0.9rem; width: 100%; } .form-control::-webkit-input-placeholder, .input-text::-webkit-input-placeholder { color: #686a6f; opacity: 1; } .form-control::-moz-placeholder, .input-text::-moz-placeholder { color: #686a6f; opacity: 1; } .form-control:-ms-input-placeholder, .input-text:-ms-input-placeholder { color: #686a6f; opacity: 1; } .form-control::-ms-input-placeholder, .input-text::-ms-input-placeholder { color: #686a6f; opacity: 1; } .form-control::placeholder, .input-text::placeholder { color: #686a6f; opacity: 1; } .form-control:-ms-input-placeholder, .input-text:-ms-input-placeholder { color: #686a6f; } .form-control::-ms-input-placeholder, .input-text::-ms-input-placeholder { color: #686a6f; } textarea.form-control { height: auto; padding-top: 15px; padding-bottom: 15px; } .form-control:focus { -webkit-box-shadow: none; box-shadow: none; outline: none; } /* -------- Dark Theme Styling ---------- */ .dark-layout { background-color: var(--theme-color-dark) !important; --sec-title-color: var(--theme-color-light); } .dark-layout .sticky-header .main-menu .navigation > li > a, .dark-layout h1, .dark-layout h2, .dark-layout h3, .dark-layout h4, .dark-layout h5, .dark-layout h6 { color: var(--theme-color-light); } .dark-layout .preloader { background-color: var(--theme-color-dark); } .dark-layout .preloader:after { background-image: url(logo.png); } .dark-layout .sticky-header { background-color: var(--theme-color-dark); } .dark-layout .hidden-bar .upper-box { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .dark-layout .hidden-bar .social-links { border-top: 1px solid rgba(0, 0, 0, 0.1); } .dark-layout .hidden-bar .social-links li { border-right: 1px solid rgba(0, 0, 0, 0.1); } /*** ==================================================================== Reset ==================================================================== ***/ * { margin: 0px; padding: 0px; border: none; outline: none; font-size: 100%; } /*** ==================================================================== Global Settings ==================================================================== ***/ textarea { overflow: hidden; resize: none; } button { outline: none !important; cursor: pointer; } img { display: inline-block; max-width: 100%; height: auto; } ul, li { list-style: none; padding: 0px; margin: 0px; } figure.image { margin-bottom: 0; } .title a { color: inherit; } .color1 { color: var(--theme-color1); } .page-wrapper { position: relative; margin: 0 auto; width: 100%; min-width: 300px; overflow: hidden; z-index: 99; background-color: #ffffff; } .large-container { position: static; max-width: var(--large-container-width); padding: 0px 15px; margin: 0 auto; width: 100%; } .auto-container { position: static; max-width: var(--container-width); padding: 0px 15px; margin: 0 auto; width: 100%; } .small-container { position: static; max-width: var(--small-container-width); padding: 0px 15px; margin: 0 auto; width: 100%; } .bg { position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .bg-pattern-1 { background-image: url(pattern-1.png); } .text-theme-color1 { color: var(--theme-color1); } .bg-theme-color1 { background-color: var(--theme-color1); } .text-theme-color2 { color: var(--theme-color2); } .bg-theme-color2 { background-color: var(--theme-color2); } /*======================= Preloader =======================*/ .preloader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 999999; background-color: #ffffff; } .preloader:after { position: absolute; left: 50%; top: 50%; width: 150px; margin-left: -75px; margin-top: -30px; height: 50px; background-position: center center; background-repeat: no-repeat; -webkit-animation: pulse 1s infinite linear; animation: pulse 1s infinite linear; background-image: url(favicon.png); content: ""; } .preloader:before { position: absolute; top: 50%; left: 0; right: 0; width: 100%; text-align: center; margin: 0 auto; margin-top: 20px; color: var(--theme-color-dark); font-weight: 600; font-size: 14px; font-family: var(--title-font); letter-spacing: 2px; text-transform: uppercase; content: "Loading"; -webkit-transition: none; transition: none; } /*======================= Scroll To Top style =======================*/ .scroll-to-top { width: 17px; margin-top: 4px; height: 17px; line-height: 17px; color: #ffffff; text-align: center; cursor: pointer; background-color: var(--theme-color1); z-index: 100; display: none; border-radius: 50%; color: #000; font-size: 10px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); -webkit-transition: all 300ms ease; transition: all 300ms ease; } .scroll-to-top:hover { color: #ffffff; } /*====================== Tabs Box ======================*/ .tabs-box { position: relative; } .tabs-box .tab { display: none; } .tabs-box .tab.active-tab { display: block; } /*======================= List Styles =======================*/ .list-style-one { position: relative; } .list-style-one li { position: relative; font-size: 12px; line-height: 30px; font-weight: 400; color: var(--text-color); margin-right: 50px; margin-bottom: 7px; padding-left: 22px; } .list-style-one li .icon { position: absolute; top: 0; left: 0; color: var(--theme-color1); } /*======================= List Styles =======================*/ .list-style-two { margin-top: 28px; } .list-style-two li { font-size: 16px; color: var(--text-color); position: relative; padding-left: 25px; margin-bottom: 8px; } .list-style-two li .icon { position: absolute; top: 0; left: 0; color: var(--theme-color1); } /*=========================== Social Icons Styles ============================*/ .social-icon-one { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .social-icon-one li { position: relative; margin-left: 20px; } .social-icon-one li:first-child { margin-left: 0; } .social-icon-one li a { position: relative; display: block; font-size: 12px; line-height: 30px; color: var(--theme-color-dark); -webkit-transition: all 300ms ease; transition: all 300ms ease; } .social-icon-one li a:hover { color: var(--theme-color1); } /*====================== Play Buttons ======================*/ .play-btn { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .play-btn .icon { position: relative; height: 60px; width: 60px; line-height: 60px; text-align: center; border-radius: 50%; font-size: 20px; color: var(--theme-color1); background-color: var(--theme-color-light); border: 1px solid var(--theme-color1); -webkit-transition: all 300ms ease; transition: all 300ms ease; } .play-btn .title { font-size: 16px; font-weight: 600; line-height: 24px; padding: 10px 25px; text-transform: capitalize; padding-left: 30px; margin-left: -10px; color: var(--theme-color2); background: var(--theme-color-gray); border-radius: 0px 22px 22px 0px; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .play-btn:hover .icon { background-color: var(--bg-theme-color1); color: var(--theme-color-light); } .play-btn:hover .title { background-color: var(--bg-theme-color2); color: var(--theme-color-light); } /*====================== Media Play Button ======================*/ .play-now { position: relative; display: block; z-index: 9; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .play-now .icon { position: relative; display: inline-block; height: 85px; width: 85px; text-align: center; line-height: 85px; background-color: #ffffff; color: var(--bg-theme-color2); z-index: 1; font-size: 18px; display: block; border-radius: 50%; -webkit-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, 0.3); box-shadow: 0 0px 10px 0 rgba(255, 255, 255, 0.3); -webkit-transform-origin: center; transform-origin: center; } .play-now .ripple:before, .play-now .ripple:after { position: absolute; top: 50%; left: 50%; height: 70px; width: 70px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 50%; -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6); -webkit-animation: ripple 3s infinite; animation: ripple 3s infinite; content: ""; } .play-now .ripple.light { -webkit-box-shadow: 0 0 0 0 rgb(255, 255, 255); box-shadow: 0 0 0 0 rgb(255, 255, 255); } .play-now .ripple:before { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; } .play-now .ripple::after { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } @-webkit-keyframes ripple { 70% { -webkit-box-shadow: 0 0 0 50px rgba(233, 35, 47, 0); box-shadow: 0 0 0 50px rgba(233, 35, 47, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(233, 35, 47, 0); box-shadow: 0 0 0 0 rgba(233, 35, 47, 0); } } @keyframes ripple { 70% { -webkit-box-shadow: 0 0 0 50px rgba(233, 35, 47, 0); box-shadow: 0 0 0 50px rgba(233, 35, 47, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(233, 35, 47, 0); box-shadow: 0 0 0 0 rgba(233, 35, 47, 0); } } /*====================== Carousel Navs ======================*/ .default-navs .owl-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .default-navs .owl-next, .default-navs .owl-prev { display: block; width: 60px; height: 60px; font-size: 20px; font-weight: 700; line-height: 58px; color: var(--theme-color-dark); background: #fff; border: 1px solid #E3E3E3; text-align: center; -webkit-transition: all 500ms ease; transition: all 500ms ease; border-radius: 50%; margin-left: 20px; } .default-navs .owl-next:hover, .default-navs .owl-prev:hover { border-color: var(--theme-color1); } .default-navs .owl-prev { margin-left: 0; } .disable-navs .owl-nav { display: none; } .disable-dots .owl-dots { display: none; } /*========================== Default Tabs ===========================*/ .default-tabs { position: relative; overflow: hidden; margin-bottom: 30px; } .default-tabs .tab-buttons { position: relative; margin-bottom: 30px; } .default-tabs .tab-btn { position: relative; float: left; font-weight: 600; font-size: 18px; padding: 15px 35px; color: var(--theme-color1); line-height: 20px; border-radius: 5px; background-color: #ffffff; cursor: pointer; margin-right: 20px; -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); -webkit-transition: all 300ms ease; transition: all 300ms ease; } .default-tabs .tab-btn:last-child { margin-right: 0; } .default-tabs .tab-btn.active-btn { background: var(--gradient-1); color: #ffffff; } .default-tabs .tabs-content { position: relative; width: 100%; } /*================================ Progress Bar =================================*/ .skills { position: relative; margin-bottom: 50px; } .skills .skill-item { position: relative; margin-bottom: 25px; } .skills .skill-item:last-child { margin-bottom: 0px; } .skills .skill-item .skill-header { position: relative; margin-bottom: 0px; } .skills .skill-item .skill-header .skill-title { font-weight: 600; color: var(--theme-color-dark); letter-spacing: 0; margin-bottom: 10px; } .skills .skill-item .skill-bar { position: relative; width: 100%; height: 14px; border-radius: 10px; } .skills .skill-item .skill-bar .bar-inner { position: relative; width: 100%; height: 14px; background: #f2f3f6; border-radius: 10px; } .skills .skill-item .skill-bar .bar-inner .bar { position: absolute; left: 0px; top: 0px; height: 14px; width: 0px; -webkit-transition: all 3000ms ease; transition: all 3000ms ease; border-radius: 10px; background: var(--bg-theme-color1); } .skills .skill-item .skill-bar .bar-inner .skill-percentage { position: absolute; right: 0; bottom: 100%; font-weight: 400; color: #6f7174; line-height: 25px; margin-bottom: 10px; } .before-none:before, .before_none:before { display: none; } .after-none:after, .after_none:after { display: none; } .overlay-anim { position: relative; } .overlay-anim:before { background: rgba(255, 255, 255, 0.3); content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 0; opacity: 1; z-index: 9; pointer-events: none; } .overlay-anim:hover:before { height: 100%; opacity: 0; -webkit-transition: all 400ms linear; transition: all 400ms linear; } section { position: relative; } .theme-btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; white-space: nowrap; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; font-family: var(--text-font2); } .theme-btn .btn-title { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: bold; } /*Btn Style One*/ .btn-style-one { position: relative; font-size: 16px; line-height: 25px; padding: 14px 32px 18px; overflow: hidden; color: var(--theme-color1); border: 1px solid var(--theme-color1); background: #f8f5f0; text-transform: uppercase; z-index: 9; } .btn-style-one i { position: relative; display: block; margin-left: 10px; } .btn-style-one:before { position: absolute; left: 0; top: 0; height: 100%; width: 100%; content: ""; z-index: -1; background-color: var(--bg-theme-color1); border-radius: inherit; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: top right; transform-origin: top right; transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1); -webkit-transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1); transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1); transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1); -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); } .btn-style-one:hover:before { -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: bottom left; transform-origin: bottom left; } .btn-style-one:hover { color: #fff; } /*Btn Style Two*/ .btn-style-two { position: relative; font-size: 16px; line-height: 25px; padding: 14px 32px 18px; overflow: hidden; color: var(--theme-color-light); border: 1px solid var(--theme-color1); background-color: var(--theme-color1); text-transform: uppercase; z-index: 9; } .btn-style-two i { position: relative; display: block; margin-left: 10px; } .btn-style-two:before { position: absolute; left: 0; top: 0; height: 100%; width: 100%; content: ""; z-index: -1; background-color: var(--theme-color-dark); border-radius: inherit; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: top right; transform-origin: top right; transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1); -webkit-transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1); transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1); transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1); -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); } .btn-style-two:hover:before { -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: bottom left; transform-origin: bottom left; } .btn-style-two:hover { color: var(--theme-color-light); } /*Btn Style Three*/ .btn-style-three { position: relative; font-size: 16px; font-weight: 600; line-height: 25px; letter-spacing: 0.1em; padding: 13px 39px 17px; overflow: hidden; color: var(--theme-color-light); border: 1px solid var(--theme-color-light); background-color: transparent; text-transform: uppercase; z-index: 9; } .btn-style-three i { position: relative; display: block; margin-left: 10px; } .btn-style-three:before { position: absolute; left: 0; top: 0; height: 100%; width: 100%; content: ""; z-index: -1; background-color: var(--bg-theme-color1); border-radius: inherit; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: top right; transform-origin: top right; transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1); -webkit-transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1); transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1); transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1); -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); } .btn-style-three:hover:before { -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: bottom left; transform-origin: bottom left; } .btn-style-three:hover { border-color: var(--bg-theme-color1); color: var(--theme-color-light); } /*Btn Style Four*/ .btn-style-four { position: relative; font-size: 16px; font-weight: 600; line-height: 25px; letter-spacing: 0.1em; padding: 15px 54px 19px; overflow: hidden; color: var(--theme-color1); border: 1px solid var(--theme-color1); background-color: transparent; text-transform: uppercase; z-index: 9; } .btn-style-four i { position: relative; display: block; margin-left: 10px; } .btn-style-four:before { position: absolute; left: 0; top: 0; height: 100%; width: 100%; content: ""; z-index: -1; background-color: var(--bg-theme-color1); border-radius: inherit; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: top right; transform-origin: top right; transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1); -webkit-transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1); transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1); transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1); -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); } .btn-style-four:hover:before { -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: bottom left; transform-origin: bottom left; } .btn-style-four:hover { border-color: var(--bg-theme-color1); color: var(--theme-color-light); } .theme-btn.small { padding: 10px 30px; line-height: 20px; font-size: 10px; } .theme-btn.large { padding: 20px 60px; line-height: 25px; } .bounce-y { -webkit-animation: bounce-y 10s infinite linear; animation: bounce-y 10s infinite linear; } @-webkit-keyframes bounce-y { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounce-y { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .btn-anim { position: relative; } .btn-anim:before { background: rgba(255, 255, 255, 0.3); content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 0; opacity: 1; z-index: 9; pointer-events: none; } .btn-anim:hover:before { height: 100%; opacity: 0; -webkit-transition: all 400ms linear; transition: all 400ms linear; } .accordion-box { position: relative; } .accordion-box .block { position: relative; background-color: #ffffff; -webkit-box-shadow: 0 5px 40px rgba(0, 0, 0, 0.05); box-shadow: 0 5px 40px rgba(0, 0, 0, 0.05); margin-bottom: 10px; } .accordion-box .block .acc-btn { position: relative; color: var(--headings-color); font-family: var(--title-font); font-weight: var(--h4-font-weight); font-size: 20px; cursor: pointer; padding: 20px 30px; padding-right: 70px; -webkit-transition: all 500ms ease; transition: all 500ms ease; border-bottom: 1px solid #fff; } .accordion-box .block .acc-btn .icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; right: 30px; top: 50%; height: 35px; font-size: 18px; -webkit-transform: translateY(-50%); transform: translateY(-50%); line-height: 2; color: var(--theme-color1); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .accordion-box .block .acc-btn.active { background-color: var(--bg-theme-color1); color: #fff; } .accordion-box .block .acc-btn.active .icon { color: var(--text-color-bg-theme-color2); } .accordion-box .block .acc-btn.active .icon:before { content: "\f068"; } .accordion-box .block .acc-content { position: relative; display: none; } .accordion-box .block .acc-content .content { position: relative; padding: 25px 30px; } .accordion-box .block .acc-content .content .text { display: block; font-size: 16px; line-height: 30px; color: #808287; margin-bottom: 0; } .accordion-box .block .acc-content.current { display: block; } /*** ==================================================================== Search Popup ==================================================================== ***/ .search-popup { position: fixed; left: 0; top: 0; height: 100vh; width: 100%; z-index: 99; opacity: 0; visibility: hidden; -webkit-transition: all 500ms ease; transition: all 500ms ease; overflow: hidden; -webkit-transform: scale(0.95); transform: scale(0.95); } .search-popup .search-back-drop { position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-color: var(--theme-color-dark); opacity: 0.95; } .search-popup .close-search { position: absolute; top: 30px; right: 30px; font-size: 26px; color: var(--theme-color-light); z-index: 3; border-radius: 50%; background-color: transparent; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .search-popup .search-inner { position: relative; display: block; top: 40%; height: auto; z-index: 1; width: calc(100% - 60px); max-width: 800px; margin: auto; opacity: 0; -webkit-transform: translateY(-50px); transform: translateY(-50px); -webkit-transition: all 300ms ease; transition: all 300ms ease; } .search-popup .form-group { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .search-popup .form-group input[type=search], .search-popup .form-group input[type=text] { position: relative; display: block; line-height: 20px; font-size: 16px; width: 100%; height: 50px; border: 1px solid #e1e6dc; padding: 15px 20px; color: #707070; background: #ffffff; border-radius: 5px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .search-popup .form-group input[type=search]:focus, .search-popup .form-group input[type=text]:focus { border-color: var(--border-theme-color2); } .search-popup .form-group button { position: absolute; right: 5px; top: 5px; height: 40px; width: 40px; display: block; font-size: 18px; color: var(--theme-color-dark); line-height: 40px; border-radius: 5px; font-weight: normal; background: #ffffff; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .search-popup .form-group button:hover { color: var(--theme-color-dark); } .search-popup textarea::-webkit-input-placeholder, .search-popup input::-webkit-input-placeholder { color: inherit; } .search-popup textarea::-moz-placeholder, .search-popup input::-moz-placeholder { color: inherit; } .search-popup textarea:-ms-input-placeholder, .search-popup input:-ms-input-placeholder { color: inherit; } .search-popup textarea::-ms-input-placeholder, .search-popup input::-ms-input-placeholder { color: inherit; } .search-popup textarea::placeholder, .search-popup input::placeholder { color: inherit; } .moblie-search-active .search-popup { opacity: 1; visibility: visible; -webkit-transform: scale(1); transform: scale(1); border-radius: 0%; } .moblie-search-active .search-popup .search-inner { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 500ms; transition-delay: 500ms; } /*** ==================================================================== Main Header ==================================================================== ***/ .header-span { position: relative; height: 110px; display: block; width: 100%; } .main-header { position: relative; width: 100%; z-index: 999; } .header-top { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; } .header-top .header-top-content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 24px 0 10px; } .header-top .top-left { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header-top .top-left .info-list { color: #ffffff; font-size: 14px; } .header-top .top-left .info-list span { color: #b5cf2b; font-size: 14px; font-weight: 600; } .header-top .top-center { margin-left: auto; margin-right: auto; } .header-top .top-right { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header-top .top-right button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #ffffff; font-size: 14px; background: transparent; } .header-top .top-right button span, .header-top .top-right button img { margin-right: 10px; display: inline-block; } .header-top .top-right button span { font-size: 20px; } .header-top .top-right button.login-btn { margin-left: 72px; } .header-top .top-right button.login-btn i { font-size: 18px; margin-right: 7px; } .main-header .header-lower { position: relative; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .main-header .header-lower .logo-box { position: relative; } .main-header { width: 100%; z-index: 999; } .main-header .logo { position: relative; display: block; } .main-header .logo img { max-width: 100%; max-width: 3em; height: auto; } .main-header .main-box { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; left: 0px; position: relative; top: 0px; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .main-header .main-box .nav-outer { margin-left: auto; margin-right: auto; position: relative; } .main-menu { position: relative; } @media (max-width: 991.98px) { .main-menu { display: none; } } .main-menu .navbar-header { display: none; } .main-menu .navbar-collapse { padding: 0px; } .main-menu .navigation { margin: 0px; position: relative; } .main-menu .navigation > li { float: left; margin-right: 35px; padding: 25px 0px; position: relative; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .main-menu .navigation > li:last-child { margin-right: 0; } .main-menu .navigation > li > a { color: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 16px; font-family: var(--text-font2); letter-spacing: 1.3px; line-height: 30px; opacity: 1; padding: 0; position: relative; text-align: center; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .main-menu .navigation > li > a:hover { color: var(--theme-color1); } .main-menu .navigation > li.dropdown:hover > ul { margin-top: 0; opacity: 1; top: 100%; -webkit-transition: all 300ms ease; transition: all 300ms ease; visibility: visible; } .main-menu .navigation > li > ul { background-color: #ffffff; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); display: none; left: 0px; margin-top: 30px; opacity: 0; padding: 10px 0 0; position: absolute; top: 100%; width: 220px; z-index: 100; } .main-menu .navigation > li > ul.from-right { left: auto; right: 0px; } .main-menu .navigation > li > ul > li { border-bottom: 1px solid #ebf1f5; position: relative; width: 100%; } .main-menu .navigation > li > ul > li:last-child { border-bottom: none; } .main-menu .navigation > li > ul > li > a { display: block; font-size: 16px; font-weight: 400; line-height: 29px; margin: 0 30px; padding: 10px 0px; position: relative; text-align: left; text-transform: capitalize; -webkit-transition: all 200ms ease; transition: all 200ms ease; } .main-menu .navigation > li > ul > li:hover > a { color: var(--theme-color1); } .main-menu .navigation > li > ul > li.dropdown > a:after { content: "\f105"; display: block; font-family: "Font Awesome 6 Pro"; font-size: 14px; font-weight: 900; line-height: 24px; position: absolute; right: 0; top: 11px; z-index: 5; } .main-menu .navigation > li > ul > li.dropdown:hover > ul { visibility: visible; opacity: 1; top: 0px; margin-top: 20px; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .main-menu .navigation > li > ul > li > ul { position: absolute; left: 100%; top: 0px; width: 220px; z-index: 100; display: none; background-color: #ffffff; opacity: 0; padding: 10px 0 0; margin-top: 10px; -webkit-transform: translateY(-30px); transform: translateY(-30px); -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); } .main-menu .navigation > li > ul > li > ul > li { position: relative; border-bottom: 1px solid #ebf1f5; width: 100%; } .main-menu .navigation > li > ul > li > ul > li:last-child { border-bottom: none; } .main-menu .navigation > li > ul > li > ul > li > a { position: relative; display: block; padding: 10px 0; line-height: 24px; font-weight: 400; font-size: 16px; text-align: left; margin: 0 30px; text-transform: capitalize; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .main-menu .navigation > li > ul > li > ul > li > a:hover { color: var(--theme-color1); } .main-menu .navigation li.dropdown .dropdown-btn { border: 1px solid #ffffff; color: #ffffff; cursor: pointer; display: none; font-size: 16px; height: 30px; line-height: 26px; position: absolute; right: 10px; text-align: center; top: 8px; width: 34px; z-index: 5; } .main-header .outer-box { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; position: relative; } .main-header .outer-box .header-btn { border: 2px solid #fff; border-radius: 50px; color: #ffffff; display: inline-block; font-size: 15px; font-weight: 600; height: 60px; line-height: 60px; padding: 0 5px 0 38px; position: relative; text-transform: capitalize; } .main-header .outer-box .header-btn span { background-color: var(--theme-color1); border-radius: 50%; display: inline-block; height: 50px; line-height: 50px; margin-left: 10px; position: relative; text-align: center; top: -2px; width: 50px; } .main-header .outer-box .header-btn span i { color: #000; font-size: 22px; font-weight: 900; position: relative; top: 4px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .main-header .outer-box .header-btn:hover { background-color: var(--theme-color1); border-color: transparent; } .main-header .ui-btn-outer { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-left: 1px solid rgba(255, 255, 255, 0.5); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 6px 0; padding-left: 17px; position: relative; right: 117px; } .main-header .ui-btn { position: relative; display: block; height: 30px; width: 30px; line-height: 30px; text-align: center; background: none; font-size: 26px; color: #ffffff; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .main-header .ui-btn:hover { color: var(--theme-color1); } .main-header .info-btn { color: #ffffff; font-size: 16px; font-weight: 500; line-height: 20px; padding-left: 44px; position: relative; text-align: left; white-space: nowrap; } .main-header .info-btn small { display: block; font-size: 10px; font-weight: 500; text-transform: uppercase; color: var(--theme-color1); } .main-header .info-btn .icon { margin-top: -12px; height: 40px; font-size: 24px; left: 0; line-height: 1em; margin-right: 20px; padding-right: 20px; position: absolute; top: 50%; } .main-header .info-btn:hover { color: var(--theme-color-light); } /*** ==================================================================== header-style-one ==================================================================== ***/ .header-style-one { margin-top: 18px; position: absolute; } .header-style-one .main-box { border-bottom: none; background: white; padding: 1em; color: black; } .header-style-one .main-box .nav-outer { margin-left: 50px; } .header-style-one .main-box .nav-outer .nav .navigation li a { color: var(--theme-color-light); } .header-style-one .main-box .nav-outer .nav .navigation li a:hover { color: var(--theme-color1); } .header-style-one .main-box .nav-outer .nav .navigation li ul li a { color: #000; } .header-style-one .main-menu .navigation > li > a { color: #000000; font-size: 1em; text-transform: uppercase; font-weight: 500; } .header-style-one .main-menu .navigation > li.reservar a{ color: #ff355a; } .header-style-one .main-menu .navigation > li > a:hover { color: var(--theme-color1); } .header-style-one .outer-box .search-btn { background-color: unset; margin-right: 40px; } .header-style-one .outer-box .search-btn .flaticon-search { font-size: 21px; color: #000000; } .header-style-one .outer-box .login-btn { position: relative; margin-right: 18px; background-color: unset; } .header-style-one .outer-box .login-btn::before { content: ""; position: absolute; left: -22px; top: -1px; width: 1px; height: 27px; background-color: #000000; } .header-style-one .outer-box .login-btn .flaticon-user { font-size: 21px; color: #000000; } .header-style-one .outer-box .header-btn { text-transform: uppercase; font-size: 16px; border-radius: 0px; line-height: 48px; background-color: var(--theme-color1); border-color: transparent; padding: 0; width: 140px; text-align: center; margin-top: -8px; position: relative; top: 5px; height: 50px; z-index: 9; border: 0; background-color: #FF355A; } .header-style-one .outer-box .header-btn:before { position: absolute; left: 0; top: 0; height: 100%; width: 100%; content: ""; z-index: -1; background: #000; border-radius: inherit; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: top right; transform-origin: top right; transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1); -webkit-transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1); transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1); transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1); transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1), cubic-bezier(0.86, 0, 0.07, 1); -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); } .header-style-one .outer-box .header-btn:hover:before { -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: bottom left; transform-origin: bottom left; } .header-style-one .main-menu .navigation > li { padding: 0; margin-right: 48px; } @media (max-width: 1199.98px) { .header-style-one .main-menu .navigation > li { margin-right: 38px; } } .header-style-one .main-menu .navigation > li:last-child { margin-right: 0; } .header-style-one .main-menu .navigation li.dropdown .dropdown-btn { display: inline-block; border: 2px; top: auto; bottom: 1px; right: -14px; width: auto; height: unset; font-size: 10px; color: #8f8f8f; } .header-style-one .main-menu .navigation li.dropdown ul .dropdown-btn { display: none; } .header-style-one .mobile-nav-toggler { -webkit-box-ordinal-group: unset; -ms-flex-order: unset; order: unset; margin-right: 0; display: none; } .header-style-one .mobile-nav-toggler span { color: #000; } .header-style-one .main-menu .navigation > li > ul > li > a:hover { color: var(--theme-color1); } .header-style-one .sticky-header { background-color: var(--theme-color1); /*.main-menu .navigation > li.current > a,*/ } .header-style-one .sticky-header .mobile-nav-toggler { display: none; } .header-style-one .sticky-header .main-menu .navigation > li.current > a, .header-style-one .sticky-header .main-menu .navigation > li:hover > a { color: var(--theme-color1); } .header-style-one .sticky-header .main-menu .navigation > li { padding: 0; } .header-style-one .sticky-header.fixed-header { height: 70px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #fff; } .header-style-one .sticky-header .main-menu { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header-style-one .sticky-header .main-menu .navigation li.dropdown .dropdown-btn { color: #fff; } .header-style-one .sticky-header .inner-container { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .main-menu .navigation > li.dropdown:hover > ul { margin-top: 0; opacity: 1; top: 100%; visibility: visible; -webkit-transition: all 300ms ease; transition: all 300ms ease; display: inline-block; } @media only screen and (min-width: 768px) { .main-menu .navigation > li > ul, .main-menu .navigation > li > ul > li > ul { display: block !important; opacity: 0; visibility: hidden; } } /*** ==================================================================== header-style-two ==================================================================== ***/ .header-style-two { position: absolute; } .header-style-two.style-light { position: relative; } .header-style-two.style-light .main-box .nav-outer { margin-left: 80px; margin-right: auto; } .header-style-two.style-light .mobile-nav-toggler { color: var(--theme-color1); } .header-style-two .header-top { display: unset; } .header-style-two .header-top.light .inner-box .top-left span { color: var(--theme-color-white); } .header-style-two .header-top.light .inner-box .top-right .social-icon-one li { color: var(--theme-color-white); } .header-style-two .header-top.light .inner-box .top-right .social-icon-one li a { color: var(--theme-color-white); } .header-style-two .header-top .inner-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 8px 0 11px; } .header-style-two .header-top .inner-box .top-left span { color: #adadad; } .header-style-two .header-top .inner-box .top-left span .icon { color: var(--theme-color1); margin-right: 18px; } .header-style-two .header-top .inner-box .top-right .social-icon-one li a { font-size: 16px; color: #adadad; } .header-style-two .header-top .social-icon-one li { color: #adadad; margin-left: 0; margin-right: 18px; } .header-style-two .header-top .social-icon-one li:last-child { margin-right: 0; } .header-style-two .outer-box { margin-left: 0; margin-right: 0; } .header-style-two .outer-box .ui-btn-outer { padding-left: 0; right: 0; } .header-style-two .outer-box .ui-btn-outer .ui-btn { color: var(--theme-color1); font-size: 20px; margin-left: 30px; } .header-style-two .outer-box .ui-btn-outer .ui-btn.search-btn { margin-right: 0; } .header-style-two .outer-box .ui-btn-outer .ui-btn.search-btn:before { display: none; } .header-style-two .outer-box .ui-btn-outer .ui-btn.cart-btn .items-count { position: absolute; bottom: 0; right: 18px; height: 18px; width: 18px; line-height: 19px; font-size: 11px; border-radius: 50%; color: var(--theme-color-light); background-color: var(--theme-color1); text-align: center; } .header-style-two .main-box { background-color: var(--theme-color-light); padding: 24px 36px 24px 40px; } @media (max-width: 991.98px) { .header-style-two .main-box { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .header-style-two .main-box .nav-outer .nav .navigation li { margin-right: 49px; } .header-style-two .main-box .nav-outer .nav .navigation li:last-child { margin-right: 0; } .header-style-two .main-box .nav-outer .nav .navigation li a:hover { color: var(--theme-color1); } .header-style-two .main-menu .navigation > li > a { color: #000000; text-transform: uppercase; position: relative; } .header-style-two .main-menu .navigation > li > a:before { content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 1px; background-color: #000000; height: 1px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .header-style-two .main-menu .navigation > li > a:hover { color: var(--theme-color1); } .header-style-two .main-menu .navigation > li > a:hover:before { width: 100%; } .header-style-two .outer-box .search-btn { position: relative; background-color: unset; margin-right: 80px; } @media (max-width: 767.98px) { .header-style-two .outer-box .search-btn { margin-right: 50px; } } .header-style-two .outer-box .search-btn::before { content: ""; position: absolute; top: -5px; right: -52px; width: 1px; height: 40px; background-color: #ababab; } .header-style-two .outer-box .search-btn .flaticon-search { font-size: 21px; color: #000000; } .header-style-two .outer-box .login-btn { position: relative; margin-right: 18px; background-color: unset; } .header-style-two .outer-box .login-btn::before { content: ""; position: absolute; left: -22px; top: -1px; width: 1px; height: 27px; background-color: #000000; } .header-style-two .outer-box .login-btn .flaticon-user { font-size: 21px; color: #000000; } .header-style-two .outer-box .header-btn { text-transform: uppercase; font-size: 16px; border-radius: 0px; line-height: 45px; background-color: var(--theme-color1); border-color: transparent; padding: 0; width: 140px; text-align: center; margin-top: -8px; height: 50px; } .header-style-two .outer-box .header-btn:before { display: none; } .header-style-two .main-menu .navigation > li { padding: 0; margin-right: 58px; } .header-style-two .main-menu .navigation > li:last-child { margin-right: 0; } .header-style-two .main-menu .navigation li.dropdown .dropdown-btn { display: inline-block; border: 2px; top: auto; bottom: 1px; right: -14px; width: auto; height: unset; font-size: 10px; color: #8f8f8f; } .header-style-two .main-menu .navigation li.dropdown ul .dropdown-btn { display: none; } .header-style-two .mobile-nav-toggler { display: inline-block; -webkit-box-ordinal-group: unset; -ms-flex-order: unset; order: unset; font-size: 24px; color: #000; margin-top: 3px; } .header-style-two .main-menu .navigation > li > ul > li > a:hover { color: var(--theme-color1); } .header-style-two .sticky-header { background-color: var(--theme-color2); } .header-style-two .sticky-header .mobile-nav-toggler { display: none; color: #000; font-size: 24px; margin-top: 20px; } .header-style-two .sticky-header .main-menu .navigation > li.current > a, .header-style-two .sticky-header .main-menu .navigation > li:hover > a { color: var(--theme-color1); } .header-style-two .sticky-header .main-menu .navigation > li { padding: 0; } .header-style-two .sticky-header.fixed-header { height: 70px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #fff; } .header-style-two .sticky-header .main-menu { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header-style-two .sticky-header.style-light { position: relative; } .header-style-two .sticky-header.style-light .main-box .nav-outer { margin-left: 80px; margin-right: auto; } .header-style-two .sticky-header.style-light .mobile-nav-toggler { color: var(--theme-color1); } .header-style-two .sticky-header .header-top { display: unset; } .header-style-two .sticky-header .header-top .inner-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 8px 0 11px; } .header-style-two .sticky-header .header-top .inner-box .top-left span { color: #adadad; } .header-style-two .sticky-header .header-top .inner-box .top-left span .icon { color: var(--theme-color1); margin-right: 18px; } .header-style-two .sticky-header .header-top .inner-box .top-right .social-icon-one li a { font-size: 16px; color: #adadad; } .header-style-two .sticky-header .header-top .social-icon-one li { color: #adadad; margin-left: 0; margin-right: 18px; } .header-style-two .sticky-header .header-top .social-icon-one li:last-child { margin-right: 0; } .header-style-two .sticky-header .outer-box { margin-left: 0; margin-right: 0; } .header-style-two .sticky-header .outer-box .ui-btn-outer { padding-left: 0; right: 0; } .header-style-two .sticky-header .outer-box .ui-btn-outer .ui-btn { color: var(--theme-color1); font-size: 20px; margin-left: 30px; } .header-style-two .sticky-header .outer-box .ui-btn-outer .ui-btn.search-btn { margin-right: 0; } .header-style-two .sticky-header .outer-box .ui-btn-outer .ui-btn.search-btn:before { display: none; } .header-style-two .sticky-header .outer-box .ui-btn-outer .ui-btn.cart-btn .items-count { position: absolute; bottom: 0; right: 18px; height: 18px; width: 18px; line-height: 19px; font-size: 11px; border-radius: 50%; color: var(--theme-color-light); background-color: var(--theme-color1); text-align: center; } .header-style-two .sticky-header .main-box { background-color: var(--theme-color-light); padding: 24px 36px 24px 40px; } @media (max-width: 991.98px) { .header-style-two .sticky-header .main-box { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .header-style-two .sticky-header .main-box .nav-outer .nav .navigation li { margin-right: 49px; } .header-style-two .sticky-header .main-box .nav-outer .nav .navigation li:last-child { margin-right: 0; } .header-style-two .sticky-header .main-box .nav-outer .nav .navigation li a:hover { color: var(--theme-color1); } .header-style-two .sticky-header .main-menu .navigation > li > a { color: #000000; text-transform: uppercase; position: relative; } .header-style-two .sticky-header .main-menu .navigation > li > a:before { content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 1px; background-color: #000000; height: 1px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .header-style-two .sticky-header .main-menu .navigation > li > a:hover { color: var(--theme-color1); } .header-style-two .sticky-header .main-menu .navigation > li > a:hover:before { width: 100%; } .header-style-two .sticky-header .outer-box .search-btn { position: relative; background-color: unset; margin-right: 149px; } @media (max-width: 767.98px) { .header-style-two .sticky-header .outer-box .search-btn { margin-right: 100px; } } .header-style-two .sticky-header .outer-box .search-btn::before { content: ""; position: absolute; top: -5px; right: -52px; width: 1px; height: 40px; background-color: #ababab; } .header-style-two .sticky-header .outer-box .search-btn .flaticon-search { font-size: 21px; color: #000000; } .header-style-two .sticky-header .outer-box .login-btn { position: relative; margin-right: 18px; background-color: unset; } .header-style-two .sticky-header .outer-box .login-btn::before { content: ""; position: absolute; left: -22px; top: -1px; width: 1px; height: 27px; background-color: #000000; } .header-style-two .sticky-header .outer-box .login-btn .flaticon-user { font-size: 21px; color: #000000; } .header-style-two .sticky-header .outer-box .header-btn { text-transform: uppercase; font-size: 16px; border-radius: 0px; line-height: 45px; background-color: var(--theme-color1); border-color: transparent; padding: 0; width: 140px; text-align: center; margin-top: -8px; height: 50px; } .header-style-two .sticky-header .outer-box .header-btn:before { display: none; } .header-style-two .sticky-header .main-menu .navigation > li { padding: 0; } .header-style-two .sticky-header .main-menu .navigation > li:last-child { margin-right: 0; } .header-style-two .sticky-header .main-menu .navigation li.dropdown .dropdown-btn { display: inline-block; border: 2px; top: auto; bottom: 1px; right: -14px; width: auto; height: unset; font-size: 10px; color: #8f8f8f; } .header-style-two .sticky-header .main-menu .navigation li.dropdown ul .dropdown-btn { display: none; } .header-style-two .sticky-header .main-menu .navigation > li > ul > li > a:hover { color: var(--theme-color1); } /*** ==================================================================== header-style-three ==================================================================== ***/ .header-style-three { position: absolute; } .header-style-three .header-lower { border-bottom: 1px solid rgba(255, 255, 255, 0.3); padding: 0 160px; } @media (max-width: 1199.98px) { .header-style-three .header-lower { padding: 0 30px; } } .header-style-three .outer-box { margin-left: 0; margin-right: 0; } .header-style-three .outer-box .ui-btn-outer { border: none; padding-left: 0; right: 0; } .header-style-three .outer-box .ui-btn-outer .ui-btn { color: var(--theme-color-white); font-size: 20px; margin-left: 30px; } .header-style-three .outer-box .ui-btn-outer .ui-btn.search-btn { margin-right: 0; } .header-style-three .outer-box .ui-btn-outer .ui-btn.search-btn:before { display: none; } .header-style-three .outer-box .ui-btn-outer .ui-btn.cart-btn .items-count { background-color: var(--theme-color-dark); border-radius: 50%; bottom: 0; color: var(--theme-color-white); font-size: 11px; height: 18px; line-height: 19px; position: absolute; right: 18px; text-align: center; width: 18px; } .header-style-three .main-box { background-color: transparent; padding: 24px 0px; } @media (max-width: 991.98px) { .header-style-three .main-box { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .header-style-three .main-box .nav-outer .nav .navigation li { margin-right: 49px; } .header-style-three .main-box .nav-outer .nav .navigation li:last-child { margin-right: 0; } .header-style-three .main-box .nav-outer .nav .navigation li a:hover { color: var(--theme-color1); } .header-style-three .main-menu .navigation > li > a { color: var(--theme-color-white); position: relative; text-transform: uppercase; } .header-style-three .main-menu .navigation > li > a:before { background-color: #000000; bottom: 0; content: ""; height: 1px; left: 0; position: absolute; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; width: 0; } .header-style-three .main-menu .navigation > li > a:hover { color: var(--theme-color1); } .header-style-three .main-menu .navigation > li > a:hover:before { width: 100%; } .header-style-three .outer-box .search-btn { position: relative; background-color: unset; margin-right: 149px; } @media (max-width: 767.98px) { .header-style-three .outer-box .search-btn { margin-right: 100px; } } .header-style-three .outer-box .search-btn::before { content: ""; position: absolute; top: -5px; right: -52px; width: 1px; height: 40px; background-color: #ababab; } .header-style-three .outer-box .search-btn .flaticon-search { font-size: 21px; color: #000000; } .header-style-three .outer-box .login-btn { position: relative; margin-right: 18px; background-color: unset; } .header-style-three .outer-box .login-btn::before { content: ""; position: absolute; left: -22px; top: -1px; width: 1px; height: 27px; background-color: #000000; } .header-style-three .outer-box .login-btn .flaticon-user { font-size: 21px; color: #000000; } .header-style-three .outer-box .header-btn { text-transform: uppercase; font-size: 16px; border-radius: 0px; line-height: 45px; background-color: var(--theme-color1); border-color: transparent; padding: 0; width: 140px; text-align: center; margin-top: -8px; height: 50px; } .header-style-three .outer-box .header-btn:before { display: none; } .header-style-three .main-menu .navigation > li { padding: 0; margin-right: 58px; } .header-style-three .main-menu .navigation > li:last-child { margin-right: 0; } .header-style-three .main-menu .navigation li.dropdown .dropdown-btn { border: 2px; bottom: 1px; color: #8f8f8f; display: inline-block; font-size: 10px; height: unset; right: -14px; top: auto; width: auto; } .header-style-three .main-menu .navigation li.dropdown ul .dropdown-btn { display: none; } .header-style-three .mobile-nav-toggler { color: var(--theme-color-white); display: inline-block; font-size: 24px; margin-top: 3px; -webkit-box-ordinal-group: unset; -ms-flex-order: unset; order: unset; } .header-style-three .main-menu .navigation > li > ul > li > a:hover { color: var(--theme-color1); } .header-style-three .sticky-header { background-color: var(--theme-color2); /*.main-menu .navigation > li.current > a,*/ } .header-style-three .sticky-header .mobile-nav-toggler { display: none; } @media (max-width: 1199.98px) { .header-style-three .sticky-header .mobile-nav-toggler { color: var(--theme-color-dark); display: block; margin-top: 20px; } } .header-style-three .sticky-header .nav-outer { margin-top: -20px; text-align: end; width: auto; } .header-style-three .sticky-header .main-menu .navigation > li.current > a, .header-style-three .sticky-header .main-menu .navigation > li:hover > a { color: var(--theme-color1); } .header-style-three .sticky-header .main-menu .navigation > li { padding: 0; } .header-style-three .sticky-header.fixed-header { height: 70px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #fff; } .header-style-three .sticky-header .main-menu { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 991.98px) { .header-style-three .sticky-header .main-menu { display: none; } } .header-style-three .sticky-header .main-menu .navigation li.dropdown .dropdown-btn { color: #fff; } .header-style-three .sticky-header .inner-container { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header-style-three .sticky-header.fixed-header .main-menu .navigation > li > a { color: var(--theme-color-dark); } /*** ==================================================================== Sticky Header ==================================================================== ***/ .sticky-header { background: #000; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); left: 0px; opacity: 0; padding: 0px 0px; position: fixed; top: 0px; visibility: hidden; width: 100%; z-index: 99999; } .sticky-header .inner-container { display: -webkit-box; display: -ms-flexbox; display: flex; } .sticky-header.fixed-header { opacity: 1; visibility: visible; z-index: 9999; } .sticky-header .logo { padding: 10px 0; } .sticky-header .logo img { max-height: 40px; object-fit: contain; } .sticky-header .nav-outer { background: none; margin-left: auto; position: relative; } .sticky-header .main-menu .navigation > li { margin: 0; margin-left: 60px; padding: 20px 0; } .sticky-header .main-menu .navigation > li.current > a, .sticky-header .main-menu .navigation > li:hover > a { color: var(--theme-color1); } .sticky-header .outer-box, .sticky-header .navbar-header { display: none; } .header-style-two .sticky-header .main-menu .navigation > li > a { color: #000; } .header-style-two .sticky-header .main-menu .navigation > li > a:hover { color: var(--theme-color1); } @media only screen and (max-width: 1200px) { .header-style-one .main-box .nav-outer { margin-left: 70px; margin-right: auto; } .header-style-two .main-box .nav-outer .nav .navigation li { margin-right: 26px; } .header-style-two .main-box .nav-outer { margin-right: 40px; } .header-style-two .outer-box .search-btn { margin-right: 100px; } } @media only screen and (max-width: 991px) { .header-style-one .mobile-nav-toggler, .header-style-two .sticky-header .mobile-nav-toggler, .header-style-one .sticky-header .mobile-nav-toggler { display: inline-block; } .header-style-two .sticky-header .main-menu, .header-style-one .sticky-header .main-menu { display: none; } .main-header .logo img{ max-width: 2em; } .info-block .icon-box i{ font-size: 2.5em !important; margin-left: 0.25em; } .info-block .inner { position: relative; padding-left: 0 !important; min-height: auto; } .info-block .title { max-width: none; font-size: 1em; } } @media only screen and (max-width: 480px) { .header-style-one .outer-box .header-btn { display: none; } } /*** ==================================================================== Mobile Menu ==================================================================== ***/ .mobile-nav-toggler { position: relative; font-size: 28px; line-height: 20px; cursor: pointer; color: var(--theme-color1); display: none; top: 0; margin-left: 20px; -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } @media (max-width: 991.98px) { .mobile-nav-toggler { display: block; } } .mobile-menu { position: fixed; right: 0; top: 0; width: 300px; max-width: 100%; height: 100%; opacity: 0; visibility: hidden; z-index: 999999; } .mobile-menu .menu-backdrop { position: fixed; right: 0; top: 0; width: 100%; height: 100%; z-index: 1; background: rgba(0, 0, 0, 0.7); opacity: 0; visibility: hidden; } .mobile-menu .upper-box { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; padding: 15px 20px; } .mobile-menu .close-btn { position: relative; top: 0px; right: -5px; text-align: center; font-size: 1.75em; color: #ffffff; height: 30px; width: 30px; line-height: 30px; background-color: rgba(255, 255, 255, 0.1); cursor: pointer; z-index: 10; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-transform: translateY(-50px); transform: translateY(-50px); } .mobile-menu .close-btn:hover { opacity: 0.5; } .mobile-menu .nav-logo { position: relative; text-align: left; width: 100%; } .mobile-menu .nav-logo img { height: 3em; object-fit: contain; object-position: left; } .mobile-menu .menu-box { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; left: 0px; top: 0px; width: 100%; height: 100%; max-height: 100%; overflow-y: auto; background-color: #000; padding: 0px 0px; z-index: 5; opacity: 0; visibility: hidden; border-radius: 0px; -webkit-transform: translateX(101%); transform: translateX(101%); } .mobile-menu-visible { overflow: hidden; } .mobile-menu-visible .mobile-menu { opacity: 1; visibility: visible; } .mobile-menu-visible .mobile-menu .menu-backdrop { opacity: 1; visibility: visible; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .mobile-menu-visible .mobile-menu .menu-box { opacity: 1; visibility: visible; -webkit-transition: all 0.4s ease 200ms; transition: all 0.4s ease 200ms; -webkit-transform: translateX(0%); transform: translateX(0%); } .mobile-menu-visible .mobile-menu .close-btn { -webkit-transform: translateY(0px); transform: translateY(0px); } .mobile-menu-visible .scroll-to-top { opacity: 0; visibility: hidden; } .mobile-menu .navigation { position: relative; display: block; width: 100%; border-top: 1px solid rgba(255, 255, 255, 0.1); } .mobile-menu .navigation li { position: relative; display: block; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .mobile-menu .navigation li > ul > li:last-child { border-bottom: none; } .mobile-menu .navigation li > ul > li:first-child { border-top: 1px solid rgba(255, 255, 255, 0.1); } .mobile-menu .navigation li > a { position: relative; display: block; line-height: 24px; padding: 10px 20px; font-size: 16px; color: #ffffff; font-weight: 400; text-transform: capitalize; } .mobile-menu .navigation li:hover > a, .mobile-menu .navigation li.current > a { color: #ffffff; } .mobile-menu .navigation li.dropdown .dropdown-btn { position: absolute; right: 0px; top: 0px; width: 44px; height: 44px; text-align: center; font-size: 16px; line-height: 44px; color: #ffffff; cursor: pointer; z-index: 5; } .mobile-menu .navigation li.dropdown .dropdown-btn:after { content: ""; position: absolute; left: 0px; top: 10px; width: 1px; height: 24px; border-left: 1px solid rgba(255, 255, 255, 0.1); } .mobile-menu .navigation li.dropdown .dropdown-btn.active i:before { content: "\f106"; } .mobile-menu .navigation li > ul, .mobile-menu .navigation li > ul > li > ul { display: none; } .mobile-menu .navigation li > ul > li { padding-left: 20px; } .contact-list-one { position: relative; padding: 30px 20px 20px; } .contact-list-one li { position: relative; padding-left: 54px; min-height: 50px; margin-bottom: 20px; } .contact-list-one li .icon { position: absolute; left: 0; top: 3px; font-size: 34px; line-height: 50px; color: #ffffff; } .contact-list-one li .title { display: block; font-size: 12px; color: var(--theme-color1); font-weight: 400; text-transform: uppercase; } .contact-list-one li a { color: #fff; } .contact-list-one li .text { font-size: 14px; line-height: 24px; color: #ffffff; } .contact-list-one li .text a { color: #ffffff; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .contact-info-box { color: #fff; } .mobile-menu .social-links { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background: #222; width: 100%; border-top: 1px solid rgba(255, 255, 255, 0.1); margin-top: auto; } .mobile-menu .social-links li { position: relative; text-align: center; width: 100%; border-right: 1px solid rgba(255, 255, 255, 0.1); } .mobile-menu .social-links li a { position: relative; display: block; line-height: 50px; height: 50px; font-size: 14px; text-align: center; color: #ffffff; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .mobile-menu .social-links li a:hover { color: var(--theme-color2); } /*** ==================================================================== Hidden Sidebar style ==================================================================== ***/ .toggle-hidden-bar { position: relative; } .hidden-bar { position: fixed; right: 0; top: 0px; height: 100%; overflow-y: auto; z-index: 99999; max-width: 320px; width: 100%; opacity: 0; -webkit-transform: translateX(100%); transform: translateX(100%); visibility: hidden; background: #ffffff; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .hidden-bar::-webkit-scrollbar { width: 2px; } .hidden-bar::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 2px #cecece; box-shadow: inset 0 0 2px #cecece; border-radius: 10px; } .hidden-bar::-webkit-scrollbar-thumb { background: #7a7a7a; border-radius: 10px; } .hidden-bar::-webkit-scrollbar-thumb:hover { background: #7a7a7a; } .hidden-bar .inner-box { position: relative; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: var(--theme-color-dark); height: 100%; } .hidden-bar .upper-box { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; padding: 20px 30px 15px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .hidden-bar .upper-box .close-btn { position: relative; top: -5px; text-align: center; font-size: 18px; line-height: 30px; color: var(--theme-color1); cursor: pointer; z-index: 10; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .hidden-bar .upper-box .close-btn:hover { opacity: 0.5; } .hidden-bar .upper-box .nav-logo { position: relative; text-align: left; width: 100%; } .hidden-bar .upper-box .nav-logo img { max-height: 40px; } .hidden-bar .text-box { position: relative; padding: 25px 30px 25px; } .hidden-bar .text-box .title { color: var(--theme-color-light); } .hidden-bar .text-box .text { color: var(--theme-color-light); } .hidden-bar-back-drop { position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 999; opacity: 0; visibility: hidden; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .active-hidden-bar .hidden-bar { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; visibility: visible; } .active-hidden-bar .hidden-bar-back-drop { opacity: 1; visibility: visible; } .hidden-bar .social-links { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background: var(--theme-color-dark); width: 100%; border-top: 1px solid rgba(255, 255, 255, 0.2); margin-top: auto; } .hidden-bar .social-links li { position: relative; text-align: center; width: 100%; border-right: 1px solid rgba(255, 255, 255, 0.2); } .hidden-bar .social-links li a { position: relative; display: block; line-height: 50px; height: 50px; font-size: 14px; text-align: center; color: var(--theme-color-light); -webkit-transition: all 300ms ease; transition: all 300ms ease; } .hidden-bar .social-links li a:hover { color: var(--theme-color1); } /*** ==================================================================== Section Title ==================================================================== ***/ .sec-title { position: relative; margin-bottom: 49px; } .sec-title.white .sub-title:before { display: none; } .sec-title.white h2 { color: #fff; } .sec-title .sub-title { position: relative; font-size: 1em; color: var(--text-color); color: #0f010175; text-transform: uppercase; display: inline-block; margin-bottom: 14px; font-family: var(--text-font2); letter-spacing: 3px; } .sec-title .sub-title::before { content: ""; position: absolute; top: 10px; left: -50px; width: 37px; height: 10px; background-image: url(assets/images/before.png); } .sec-title .sub-title::before { content: ""; position: absolute; top: 10px; left: -30px; width: 22px; height: 7px; background-image: url(assets/images/before.png); filter: invert(100%); } .sec-title .sub-title::before { content: ""; position: absolute; top: 6px; left: -31px; width: 35px; height: 10px; background-image: url(assets/images/before.png); filter: invert(100%); transform: scale(0.5); } .sec-title .sub-title::after { content: ""; position: absolute; top: 10px; left: 100%; margin-left: 5px; width: 37px; height: 10px; background-image: url(assets/images/before.png); } .sec-title .sub-title::after { content: ""; position: absolute; top: 10px; left: 100%; margin-left: 5px; width: 22px; height: 7px; background-image: url(assets/images/before.png); filter: invert(100%); transform: scaleX(-1); } .sec-title .sub-title::after { content: ""; position: absolute; top: 8px; left: 100%; margin-left: -7px; background-image: url(assets/images/before.png); filter: invert(100%); transform: scaleX(-1) scale(0.5); width: 35px; height: 10px; } .sec-title h2 { position: relative; display: block; font-size: var(--sec-title-font-size); color: var(--sec-title-color); font-family: var(--sec-title-font-family); font-weight: var(--sec-title-font-weight); margin-bottom: 0; z-index: 2; line-height: 1.3; } .sec-title .text { margin-top: 24px; } .sec-title.light .sub-title, .sec-title.light .text, .sec-title.light h2, .sec-title.light h1 { color: #fff; } @media only screen and (max-width: 1200px) { .sec-title h2 { font-size: 3em; line-height: 1; } } @media only screen and (max-width: 767px) { .sec-title h2 { font-size: 2.5em; line-height: 1; max-width: 90%; margin: auto; } .sec-title .sub-title { font-size: 0.9em; letter-spacing: 5px; } .service-section { position: relative; padding: 80px 0 88px; } } @media only screen and (max-width: 480px) { .sec-title .sub-title { letter-spacing: 3px; } } /*** ==================================================================== Banner Section ==================================================================== ***/ .banner-section { position: relative; } .banner-section .banner-slider { height: 100vh; } .banner-section .banner-slider .slick-list, .banner-section .banner-slider .slick-track { height: 100%; } .banner-section .banner-slide { position: relative; height: 100%; } .banner-section .banner-slide .image { height: 100%; } .banner-section .banner-slide .image img { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100%; object-position: center; } .banner-section .content-box { position: relative; text-align: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-width: 700px; } .banner-section .content-box .sub-title { position: relative; text-transform: uppercase; color: var(--theme-color-light); margin-bottom: 30px; display: inline-block; margin-top: 70px; margin-top: 0; color: white; font-weight: 500; font-size: 2em; text-shadow: 0px 0px 10px #2b5284; } @media (max-width: 575.98px) { .banner-section .content-box .sub-title { font-size: 1em; line-height: 14px; } } .banner-section .content-box .sub-title::before { content: ""; content: none; position: absolute; top: -71px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 45px; height: 40px; z-index: 99; } .banner-section .content-box h1 { color: var(--theme-color-light); text-transform: uppercase; font-size: 56px; margin-bottom: 42px; color: white; text-shadow: 0px 0px 10px #2b5284; font-weight: bolder; font-family: "Barlow", sans-serif; font-weight: 600; } @media (max-width: 767.98px) { .banner-section .content-box h1 { font-size: 45px; } } @media (max-width: 575.98px) { .banner-section .content-box h1 { font-size: 32px; line-height: 46px; padding: 0 20px; margin-bottom: 20px; } } .banner-section .content-box .btn { border: 1px solid #ffffff80; color: var(--theme-color-light); height: 50px; line-height: 50px; padding: 0; position: relative; text-transform: uppercase; width: fit-content; z-index: 9; background-color: white; padding: 0 1em; background-color: #5bbaa3; background-color: #fff; color: #5bbaa3; font-weight: bold; box-shadow: 0px 0px 4px #6faaf5; } .banner-section .content-box .btn:before { /* border: 2px solid #ffffff90; */ background-color: #5bbaa3; border-radius: inherit; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: top right; transform-origin: top right; transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1); -webkit-transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1); transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1); transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1); -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); } .banner-section .content-box .btn:hover { color: #fff; } .banner-section .content-box .btn:hover:before { -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: bottom left; transform-origin: bottom left; } .banner-section.home4-style .content-box { min-width: 900px; } @media (max-width: 991.98px) { .banner-section.home4-style .content-box { min-width: 700px; padding: 0 30px; } } @media (max-width: 767.98px) { .banner-section.home4-style .content-box { margin-top: 0; min-width: auto; width: 100%; } } .banner-section.home4-style .back-title { color: transparent; font-size: 200px; font-weight: 700; letter-spacing: 0.3em; left: 0; line-height: 84px; position: absolute; right: 0; top: -55px; text-transform: uppercase; width: 110%; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: rgba(255, 255, 255, 0.3); } @media (max-width: 991.98px) { .banner-section.home4-style .back-title { font-size: 100px; } } @media (max-width: 767.98px) { .banner-section.home4-style .back-title { margin-top: 0; } } @media (max-width: 575.98px) { .banner-section.home4-style .back-title { font-size: 70px; } } .banner-section.home4-style .text { color: var(--theme-color-white); font-size: 18px; font-weight: 400; line-height: 30px; margin-bottom: 40px; text-align: center; } @media (max-width: 767.98px) { .banner-section.home4-style .text { display: none; } } @media (max-width: 1499.98px) { .banner-section.home4-style .text br { display: none; } } .banner-section.home4-style .btn { border: none; } .banner-section.home4-style .btn:hover:before { background-color: var(--theme-color-dark); } .banner-section.home4-style .checkout-form-section { bottom: 120px; } @media (max-width: 991.98px) { .banner-section.home4-style .checkout-form-section { bottom: 0; } } /*** ==================================================================== Banner Section Two ==================================================================== ***/ .banner-section-two { position: relative; } .banner-section-two .slick-dots { bottom: 150px; } .banner-section-two .slick-dots li button { width: 20px; height: 20px; border: 1px solid transparent; border-radius: 50%; position: relative; } .banner-section-two .slick-dots li button:before { content: ""; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 8px; height: 8px; background-color: #fff; opacity: 1; border-radius: 50%; } .banner-section-two .slick-dots li.slick-active button { border-color: #fff; } .banner-section-two .slick-dots li.slick-active button:before { opacity: 1; } .banner-section-two .banner-slider { position: relative; min-height: 900px; height: 100vh; } .banner-section-two .banner-slider .slick-list, .banner-section-two .banner-slider .slick-track { height: 100%; } .banner-section-two .banner-slider .banner-slide-v2 { position: relative; height: 100%; } .banner-section-two .banner-slider .banner-slide-v2 .outer-box { height: 100%; } .banner-section-two .banner-slider .banner-slide-v2 .image { height: 100%; } .banner-section-two .banner-slider .banner-slide-v2 .image img { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100%; } .banner-section-two .banner-slider .content-box { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; } .banner-section-two .banner-slider .content-box .sub-title { position: relative; text-transform: uppercase; color: var(--theme-color-light); margin-bottom: 30px; display: inline-block; margin-top: 70px; } @media (max-width: 575.98px) { .banner-section-two .banner-slider .content-box .sub-title { font-size: 14px; margin-bottom: 15px; } } .banner-section-two .banner-slider .content-box .sub-title::before { content: ""; position: absolute; top: -71px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 45px; height: 40px; background-image: url(assets/images/title-image.png); z-index: 99; } .banner-section-two .banner-slider .content-box h1 { color: var(--theme-color-light); text-transform: uppercase; font-size: 56px; margin-bottom: 42px; } @media (max-width: 767.98px) { .banner-section-two .banner-slider .content-box h1 { font-size: 42px; line-height: 50px; padding: 0 20px; } } @media (max-width: 575.98px) { .banner-section-two .banner-slider .content-box h1 { font-size: 32px; } } .banner-section-two .banner-slider .content-box .btn { color: var(--theme-color-light); text-transform: uppercase; width: 170px; height: 50px; line-height: 50px; border-radius: 0; padding: 0; border: 1px solid var(--theme-color-light); position: relative; z-index: 9; } .banner-section-two .banner-slider .content-box .btn:before { position: absolute; left: 0; top: 0; height: 100%; width: 100%; content: ""; z-index: -1; background-color: var(--bg-theme-color1); border-radius: inherit; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: top right; transform-origin: top right; transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1); -webkit-transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1); transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1); transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1); -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); } .banner-section-two .banner-slider .content-box .btn:hover { border-color: var(--bg-theme-color1); } .banner-section-two .banner-slider .content-box .btn:hover:before { -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: bottom left; transform-origin: bottom left; } /*** ==================================================================== Banner Section Three ==================================================================== ***/ .banner-section-three { position: relative; padding: 124px 0 85px; } @media (max-width: 767.98px) { .banner-section-three { padding: 90px 0; text-align: center; } } .banner-section-three .bg-image:before { content: ""; position: absolute; width: 100%; height: 100%; right: 0; top: 0; background-color: rgba(var(--theme-color-black-rgb), 0.3); } @media (max-width: 1199.98px) { .banner-section-three .content-column { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } } @media (max-width: 767.98px) { .banner-section-three .content-column { margin-bottom: 70px; } } .banner-section-three .inner-column { position: relative; z-index: 3; margin-bottom: 40px; padding: 91px 0 0; } @media (max-width: 1199.98px) { .banner-section-three .inner-column { padding: 0; } } .banner-section-three .inner-column .title { position: relative; color: var(--theme-color-light); font-size: 72px; line-height: 1.25; margin-bottom: 29px; } @media (max-width: 1199.98px) { .banner-section-three .inner-column .title { margin-bottom: 25px; } } @media (max-width: 991.98px) { .banner-section-three .inner-column .title { font-size: 42px; } } @media (max-width: 767.98px) { .banner-section-three .inner-column .title { font-size: 54px; line-height: 1.3; } } @media (max-width: 575.98px) { .banner-section-three .inner-column .title { font-size: 42px; } } .banner-section-three .inner-column .text { color: var(--theme-color-light); font-size: 18px; line-height: 30px; margin-right: 70px; } @media (max-width: 767.98px) { .banner-section-three .inner-column .text { margin-right: 0; } } .banner-section-three .btn-box { position: relative; } .banner-section-three .btn-box .theme-btn { font-family: var(--text-font); font-weight: 600; padding: 16.5px 44px; } .banner-section-three .booking-form-column .inner-column { margin-left: 30px; } /*** ==================================================================== Banner Section Four ==================================================================== ***/ .banner-section-four { position: relative; padding: 294px 0 185px; } @media (max-width: 767.98px) { .banner-section-four { padding: 230px 0 90px; text-align: center; } } @media (max-width: 575.98px) { .banner-section-four { padding: 190px 0 90px; } } .banner-section-four .bg-image:before { content: ""; position: absolute; width: 100%; height: 100%; right: 0; top: 0; background-color: rgba(var(--theme-color-black-rgb), 0.55); } @media (max-width: 1199.98px) { .banner-section-four .content-column { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } } .banner-section-four .content-column .inner-column { background-color: rgba(var(--theme-color-black-rgb), 0.67); position: relative; padding: 58px 15px 53px 45px; z-index: 3; } @media (max-width: 1199.98px) { .banner-section-four .content-column .inner-column { padding: 58px 35px 53px; } } @media (max-width: 575.98px) { .banner-section-four .content-column .inner-column { padding: 58px 15px 53px; } } .banner-section-four .content-column .inner-column .offer-text { color: var(--theme-color-light); -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 21px; letter-spacing: 2px; } @media (max-width: 767.98px) { .banner-section-four .content-column .inner-column .offer-text { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media (max-width: 575.98px) { .banner-section-four .content-column .inner-column .offer-text { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .banner-section-four .content-column .inner-column .offer-text .offer { color: var(--theme-color-light); background-color: var(--theme-color1); border-radius: 30px; display: inline-block; font-weight: 500; padding: 10px 15px 12px; margin-right: 15px; min-width: 100px; text-align: center; letter-spacing: 0; } @media (max-width: 575.98px) { .banner-section-four .content-column .inner-column .offer-text .offer { margin-right: 0; margin-bottom: 20px; } } .banner-section-four .content-column .inner-column .title { position: relative; color: var(--theme-color-light); font-size: 65px; line-height: 1.23; margin-bottom: 14px; } @media (max-width: 1199.98px) { .banner-section-four .content-column .inner-column .title { font-size: 60px; margin-bottom: 25px; } } @media (max-width: 991.98px) { .banner-section-four .content-column .inner-column .title { font-size: 42px; } } @media (max-width: 767.98px) { .banner-section-four .content-column .inner-column .title { font-size: 60px; line-height: 1.3; } } @media (max-width: 575.98px) { .banner-section-four .content-column .inner-column .title { font-size: 42px; } } .banner-section-four .content-column .inner-column .btn-box { position: relative; } .banner-section-four .content-column .inner-column .btn-box .theme-btn { font-family: var(--text-font); font-weight: 600; padding: 16.5px 44px; } /*** ==================================================================== Checkout Form Section ==================================================================== ***/ .checkout-form-section { position: absolute; bottom: 0; left: 0; width: 100%; } .checkout-form-section.v2 { position: static; background: #222222; } .checkout-form-section.v2 .checkout-form { background: transparent; } .checkout-form-section.v2 .checkout-form .checkout-field { border-color: rgba(255, 255, 255, 0.1); } .checkout-form-section.v2 .checkout-form .checkout-field > h6 { color: #fff; } .checkout-form-section .checkout-form { background: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 15px 15px 15px 15px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .checkout-form-section .checkout-form .checkout-field { padding: 14px 25px 11px; border-right: 1px solid #f8f5f0; } .checkout-form-section .checkout-form .checkout-field.br-0 { border-right: 0; } .checkout-form-section .checkout-form .checkout-field > h6 { color: #222222; font-size: 16px; font-weight: 700; font-family: var(--text-font); text-transform: uppercase; margin-bottom: -8px; } .checkout-form-section .checkout-form .checkout-field .chk-field { position: relative; } .checkout-form-section .checkout-form .checkout-field .chk-field input, .checkout-form-section .checkout-form .checkout-field .chk-field select { font-size: 12px; color: var(--theme-color1); width: 260px; background: transparent; border-color: transparent; z-index: 99; position: relative; } .checkout-form-section .checkout-form .checkout-field .chk-field i { position: absolute; top: 0; right: 0; color: var(--theme-color4); font-size: 18px; } .checkout-form-section .checkout-form .checkout-field .chk-field select option { font-size: 14px; } .checkout-form-section .checkout-form .btn-style-one { margin-left: auto; text-transform: uppercase; font-size: 16px; border-radius: 0px; line-height: 45px; background-color: var(--theme-color1); border-color: transparent; padding: 0; width: 140px; text-align: center; margin-top: -8px; position: relative; border: 0; top: 5px; height: 50px; font-weight: 600; color: #fff; } .checkout-form-section .checkout-form .btn-style-one:before { background: #000; } .chk-field select { -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ""; } .chk-field select::-ms-expand { display: none; } .chk-field input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: var(--theme-color1); } .chk-field input ::-moz-placeholder { /* Firefox 19+ */ color: var(--theme-color1); } .chk-field input:-ms-input-placeholder { /* IE 10+ */ color: var(--theme-color1); } .chk-field input:-moz-placeholder { /* Firefox 18- */ color: var(--theme-color4); } /*** ==================================================================== Responsive Banner Pages ==================================================================== ***/ @media only screen and (max-width: 1410px) { .checkout-form-section .checkout-form .checkout-field .chk-field input, .checkout-form-section .checkout-form .checkout-field .chk-field select { width: 255px; } } @media only screen and (max-width: 1366px) { .banner-section-two .slick-dots { bottom: 40px; } .banner-section-two .banner-slider .content-box { min-width: 700px; } .banner-section-two .banner-slider { min-height: 800px; } } @media only screen and (max-width: 1200px) { .banner-section-two .banner-slider .content-box { margin-top: 50px; } .banner-section-two .banner-slider { min-height: unset; } .checkout-form-section .checkout-form .checkout-field .chk-field input, .checkout-form-section .checkout-form .checkout-field .chk-field select { width: 190px; } } @media only screen and (max-width: 991px) { .banner-section .banner-slider { height: 100vh; } .checkout-form-section .checkout-form .checkout-field .chk-field input, .checkout-form-section .checkout-form .checkout-field .chk-field select { width: 185px; } .checkout-form-section .checkout-form .btn-style-one { margin-left: 0; } } @media only screen and (max-width: 767px) { .banner-section .content-box { min-width: 100%; } .checkout-form-section .checkout-form .btn-style-one { margin-left: auto; } .checkout-form-section.v2 .checkout-form .checkout-field { margin-bottom: 20px; } .banner-section-two .banner-slider .content-box { min-width: 100%; } } @media only screen and (max-width: 576px) { .banner-section .content-box { margin-top: -80px; } .checkout-form-section .checkout-form .checkout-field .chk-field input, .checkout-form-section .checkout-form .checkout-field .chk-field select { width: 100%; } .checkout-form-section .checkout-form { display: block; } .checkout-form-section .checkout-form .checkout-field { border: 0; } .checkout-form-section .checkout-form .btn-style-one { width: 100%; } .checkout-form-section .checkout-form .checkout-field { padding: 13px 0 11px; } .about-section .content-column .btn-box .theme-btn{ margin-right: 0; margin-bottom: 1em; } } @media only screen and (max-width: 480px) { .banner-section .content-box h1 { font-size: 2.5em; line-height: 1; margin: 0; margin-bottom: 2rem; } .banner-section-two .banner-slider .content-box h1 { font-size: 26px; line-height: 34px; padding: 0; } } @media only screen and (max-width: 480px) { .banner-section .content-box h1 { font-size: 2.5em; line-height: 1; margin: 0; margin-bottom: 2rem; } .banner-section-two .banner-slider .content-box h1 { font-size: 26px; line-height: 34px; padding: 0; } } /*** ==================================================================== About Section ==================================================================== ***/ .exp-box { position: absolute; left: 135px; background: #000; width: 260px; text-align: center; padding: 36px 15px 33px; } .exp-box figure { margin-bottom: 12px; } .exp-box .title { color: var(--theme-color-light); margin-bottom: 9px; } .exp-box .text { color: #ababab; font-family: var(--text-font2); line-height: 24px; } .about-section { position: relative; padding: 120px 0 23px; } .about-section::before { content: ""; position: absolute; top: 0; right: 0; width: 710px; height: 544px; background-image: url(assets/images/pattern-2.png); background-image: url(assets/images/pattern-2.png); background-repeat: no-repeat; background-size: cover; } .about-section .content-column { position: relative; margin-bottom: 50px; z-index: 1; } .about-section .content-column .inner-column { position: relative; padding-left: 52px; } .about-section .content-column .sec-title { margin-bottom: 45px; } .about-section .content-column .sec-title .sub-title::after, .about-section .content-column .sec-title .sub-title::before { display: none; } @media (max-width: 575.98px) { .about-section .content-column .sec-title h2 { font-size: 40px; line-height: 48px; } } .about-section .content-column .sec-title .text { margin-top: 35px; } .about-section .content-column .btn-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .about-section .content-column .btn-box .theme-btn { margin-right: 42px; border: 0; background-color: var(--theme-color1); color: var(--theme-color-light); text-transform: uppercase; padding: 17px 42px 18px; color: white; } .about-section .content-column .btn-box .theme-btn.btn-airbnb{ background-color: #FF355A; } .about-section .content-column .btn-box .theme-btn:before { background: #000; } .about-section .image-column { position: relative; margin-bottom: 50px; } @media (max-width: 575.98px) { .about-section .image-column { display: none; } } .about-section .image-column .inner-column { position: relative; padding-left: 20px; padding-bottom: 82px; } .about-section .image-column .inner-column .icon-dots { position: absolute; left: -120px; bottom: -30px; } .about-section .image-column .image-1 { position: relative; display: inline-block; border-radius: 10px; margin-bottom: 0px; } .about-section .image-column .image-1::after { content: ""; position: absolute; top: 0; left: -40px; width: 30px; height: 250px; background-color: var(--theme-color1); content: none; } .about-section .image-column .image-1 img { width: 100%; height: 40em; transform: translateX(-50px); } .about-section .image-column .image-2 { position: absolute; right: 18px; bottom: 41px; margin-bottom: 0; overflow: hidden; } .about-section .image-column .image-2 img{ height: 19em; } .about-section .image-column .image-5 { position: absolute; bottom: 30px; left: -70px; z-index: -1; } .about-section .image-column .image-4 { position: absolute; bottom: 65px; left: -97px; z-index: -1; } .about-section .image-column .btn-box { position: absolute; top: 79px; right: 25px; height: 133px; width: 133px; text-align: center; line-height: 133px; } .about-section .image-column .btn-box:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; border: 1px solid #d4d4d5; height: 100%; } @media (max-width: 991.98px) { .about-section .image-column .btn-box { right: 193px; } } .about-section .image-column .btn-box .play-now-two { width: 107px; height: 107px; line-height: 107px; text-align: center; background: var(--theme-color1); color: var(--theme-color-light); font-size: 22px; display: inline-block; position: relative; z-index: 99; } .about-section .outer-box { display: -webkit-box; display: -ms-flexbox; display: flex; } .about-section .exp-box { top: 213px; left: 20%; } .info-block { position: relative; margin-bottom: 52px; margin-right: 115px; } .info-block:last-child { margin-right: 0; } .info-block .inner { position: relative; padding-left: 94px; min-height: 80px; } .info-block .inner:hover .icon-box { color: var(--theme-color-light); } .info-block .inner:hover .icon-box:before { opacity: 1; } .info-block .icon-box { position: absolute; left: 0; top: 3px; } .info-block .icon-box i { font-size: 64px; color: #000; } .info-block .icon-box img{ width: 4em; height: 4em; object-fit: contain; } /*** ==================================================================== About Section Two ==================================================================== ***/ .about-section-two { position: relative; padding: 120px 0 80px; } .about-section-two .info-block { margin-bottom: 24px; } @media (max-width: 575.98px) { .about-section-two { padding-top: 80px; } } .about-section-two .content-column { position: relative; margin-bottom: 50px; z-index: 1; } .about-section-two .content-column .inner-column { position: relative; } .about-section-two .content-column .inner-column .sec-title { margin-bottom: 38px; } .about-section-two .content-column .inner-column .sec-title .sub-title::before { display: none; } @media (max-width: 1199.98px) { .about-section-two .content-column .inner-column .sec-title h2 { font-size: 40px; line-height: 50px; } } .about-section-two .content-column .inner-column .sec-title .text { margin-top: 40px; font-size: 18px; font-weight: 700; color: var(--theme-color1); } .about-section-two .content-column .inner-column .list-style-two { margin-top: 0; } .about-section-two .content-column .inner-column .list-style-two li { padding-left: 27px; } .about-section-two .content-column .inner-column .btn-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 45px; } .about-section-two .content-column .inner-column .btn-box .theme-btn { margin-right: 42px; border: 0; background-color: var(--theme-color1); color: var(--theme-color-light); text-transform: uppercase; padding: 17px 42px 18px; } .about-section-two .content-column .inner-column .btn-box .theme-btn:before { background: #000; } .about-section-two .content-column .inner-column .btn-box .theme-btn:hover { color: #fff; } .about-section-two .content-column .inner-column .btn-box .theme-btn:hover:before { -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: bottom left; transform-origin: bottom left; } .about-section-two .content-column .inner-column .btn-box .contact-info { position: relative; padding-left: 72px; top: -2px; } .about-section-two .content-column .inner-column .btn-box .contact-info .image { position: absolute; left: 0; top: 6px; } .about-section-two .content-column .inner-column .btn-box .contact-info span { text-transform: uppercase; } .about-section-two .content-column .inner-column .btn-box .contact-info .title { margin-bottom: 0; margin-top: -2px; } .about-section-two .image-column { position: relative; margin-bottom: 50px; } .about-section-two .image-column .inner-column { position: relative; padding-left: 20px; padding-bottom: 117px; text-align: right; } @media (max-width: 991.98px) { .about-section-two .image-column .inner-column { text-align: center; } } .about-section-two .image-column .inner-column .icon-dots { position: absolute; left: -120px; bottom: -30px; } .about-section-two .image-column .image-1 { position: relative; display: inline-block; border-radius: 10px; margin-bottom: 0px; } .about-section-two .image-column .image-1::after { content: ""; position: absolute; top: 0; left: -40px; width: 30px; height: 250px; background-color: var(--theme-color1); } .about-section-two .image-column .image-1 img { width: 100%; } .about-section-two .image-column .image-2 { position: absolute; left: -124px; bottom: 0; margin-bottom: 0; } @media (max-width: 1199.98px) { .about-section-two .image-column .image-2 { left: 0; } } .about-section-two .outer-box { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 575.98px) { .about-section-two .outer-box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .about-section-two .exp-box { bottom: 18px; } .about-section-two.home4-style:before { background-image: url(assets/images/home.png); bottom: 0; content: ""; height: 400px; position: absolute; right: 0; -webkit-transform: scaleX(-1); transform: scaleX(-1); width: 570px; } .about-section-two.home4-style .content-column .inner-column .sec-title .text { color: var(--text-color); font-size: 16px; font-weight: 400; } .about-section-two.home4-style .content-column .inner-column { padding-left: 50px; } @media (max-width: 991.98px) { .about-section-two.home4-style .content-column .inner-column { padding-left: 0; } } .about-section-two.home4-style .image-1:after { display: none; } .about-section-two.home4-style .image-2 { bottom: -100px; left: -50px; } .about-section-two.home4-style .image-2:after { border: 1px solid var(--theme-color1); content: ""; height: 100%; left: 60px; position: absolute; top: -60px; width: 100%; z-index: -1; } @media (max-width: 991.98px) { .about-section-two.home4-style .image-2 { bottom: 0; left: 0; } } .about-section-two.home4-style .info-block { margin-right: 0; } .about-section-two.home4-style .info-block .inner { min-height: auto; padding-left: 0px; } .about-section-two.home4-style .info-block .inner .title { margin-bottom: 0; } @media (max-width: 991.98px) { .about-section-two.home4-style .info-block .inner .title { max-width: inherit; } } .about-section-two.home4-style .info-block .icon-box { border: 1px solid #EAEAEA; border-radius: 50%; height: 50px; line-height: 50px; position: relative; text-align: center; width: 50px; } .about-section-two.home4-style .info-block i { font-size: 26px; } .info-block { position: relative; margin-bottom: 49px; margin-right: 115px; } .info-block:last-child { margin-right: 0; } .info-block .inner { position: relative; padding-left: 94px; min-height: 80px; } .info-block .inner:hover .icon-box { color: var(--theme-color-light); } .info-block .inner:hover .icon-box:before { opacity: 1; } .info-block .image-box { position: absolute; left: 0; top: 3px; } .contact-info { position: relative; padding-left: 72px; top: -2px; } .contact-info .icon-box { position: absolute; left: 0; top: 6px; } .contact-info .icon-box i { color: var(--theme-color1); font-size: 48px; } .contact-info span { text-transform: uppercase; } .contact-info .title { margin-bottom: 0; margin-top: -2px; } /*** ==================================================================== About Section Three ==================================================================== ***/ .about-section-three { position: relative; padding: 120px 0 30px; } .about-section-three .info-block { margin-bottom: 24px; } @media (max-width: 575.98px) { .about-section-three { padding-top: 80px; } } .about-section-three .content-column { position: relative; margin-bottom: 50px; z-index: 1; } .about-section-three .content-column .inner-column { position: relative; padding: 66px 0 50px; } .about-section-three .content-column .inner-column .sec-title { margin-bottom: 38px; } .about-section-three .content-column .inner-column .sec-title .sub-title::before { display: none; } .about-section-three .content-column .inner-column .sec-title h2 { line-height: 1.111; } @media (max-width: 1199.98px) { .about-section-three .content-column .inner-column .sec-title h2 { font-size: 40px; line-height: 50px; } } .about-section-three .content-column .inner-column .sec-title .text { margin-top: 40px; } .about-section-three .content-column .inner-column .btn-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 42px; } .about-section-three .content-column .inner-column .btn-box .theme-btn { margin-right: 42px; border: 0; background-color: var(--theme-color1); color: var(--theme-color-light); text-transform: uppercase; padding: 17px 52px 18px; font-weight: 500; letter-spacing: 0.7px; } .about-section-three .content-column .inner-column .btn-box .theme-btn:before { background: #000; } .about-section-three .content-column .inner-column .btn-box .theme-btn:hover { color: #fff; } .about-section-three .content-column .inner-column .btn-box .theme-btn:hover:before { -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: bottom left; transform-origin: bottom left; } .about-section-three .content-column .inner-column .image-1 { margin-top: 149px; position: relative; margin-bottom: 0; } .about-section-three .content-column .inner-column .image-1:after { background-color: var(--theme-color1); content: ""; position: absolute; left: 490px; bottom: 105px; height: 1px; width: 414px; z-index: -1; } .about-section-three .image-column { position: relative; margin-bottom: 50px; } .about-section-three .image-column .inner-column { position: relative; margin-left: -37px; padding: 10px 0 0; } @media (max-width: 991.98px) { .about-section-three .image-column .inner-column { text-align: center; } } @media (max-width: 991.98px) { .about-section-three .image-column .inner-column { margin-left: 0; } } .about-section-three .image-column .inner-column .icon-dots { position: absolute; left: -120px; bottom: -30px; } .about-section-three .image-column .inner-column .text { margin-top: 89px; } .about-section-three .image-column .image-1 { position: relative; display: inline-block; border-radius: 10px; margin-bottom: 0px; } .about-section-three .image-column .image-1:after { content: ""; background-image: url(assets/images/shape-1.png); position: absolute; top: -25px; right: -27px; width: 288px; height: 288px; z-index: -1; } .about-section-three .image-column .image-1 img { width: 100%; } /*** ==================================================================== About Section Four ==================================================================== ***/ .about-section-four { position: relative; padding: 120px 0 23px; } .about-section-four .content-column { position: relative; margin-bottom: 50px; z-index: 1; } .about-section-four .content-column .inner-column { position: relative; padding-left: 52px; } @media (max-width: 991.98px) { .about-section-four .content-column .inner-column { padding-left: 0; } } .about-section-four .content-column .sec-title { margin-bottom: 40px; } .about-section-four .content-column .sec-title .sub-title::before { display: none; } @media (max-width: 575.98px) { .about-section-four .content-column .sec-title h2 { font-size: 40px; line-height: 48px; } } .about-section-four .content-column .sec-title h5 { color: var(--theme-color1); font-size: 20px; line-height: 1.4; margin-top: 30px; margin-right: 15px; margin-bottom: 0; } .about-section-four .content-column .sec-title .text { margin-top: 30px; } .about-section-four .content-column .list-style-two { margin-bottom: 45px; margin-top: 0; } .about-section-four .content-column .btn-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 575.98px) { .about-section-four .content-column .btn-box { display: block; } } .about-section-four .content-column .btn-box .theme-btn { margin-right: 42px; border: 0; background-color: var(--theme-color1); color: var(--theme-color-light); text-transform: uppercase; padding: 17px 42px 18px; } .about-section-four .content-column .btn-box .theme-btn:before { background: #000; } .about-section-four .image-column { position: relative; margin-bottom: 50px; } @media (max-width: 575.98px) { .about-section-four .image-column { display: none; } } .about-section-four .image-column .inner-column { position: relative; padding-left: 20px; } .about-section-four .image-column .inner-column .icon-dots { position: absolute; left: -120px; bottom: -30px; } .about-section-four .image-column .image-1 { position: relative; display: inline-block; border-radius: 10px; margin-bottom: 0px; } .about-section-four .image-column .image-1::after { content: ""; background-image: url(assets/images/shape-1.png); position: absolute; bottom: -25px; left: -27px; width: 288px; height: 288px; z-index: -1; } .about-section-four .image-column .image-1 img { width: 100%; } /*** ==================================================================== About Section Five ==================================================================== ***/ .about-section-five { position: relative; padding: 120px 0 80px; } .about-section-five .content-column { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 50px; z-index: 1; } .about-section-five .content-column .inner-column { position: relative; padding-left: 80px; } @media (max-width: 1199.98px) { .about-section-five .content-column .inner-column { padding-left: 30px; } } @media (max-width: 991.98px) { .about-section-five .content-column .inner-column { padding-left: 0; } } .about-section-five .content-column .sec-title { margin-bottom: 40px; } .about-section-five .content-column .sec-title .sub-title::before { display: none; } @media (max-width: 575.98px) { .about-section-five .content-column .sec-title h2 { font-size: 40px; line-height: 48px; } } .about-section-five .content-column .sec-title .text { margin-top: 30px; } .about-section-five .image-column { position: relative; margin-bottom: 50px; } @media (max-width: 575.98px) { .about-section-five .image-column { display: none; } } .about-section-five .image-column .inner-column { position: relative; padding-left: 20px; } @media (max-width: 1399.98px) { .about-section-five .image-column .inner-column { padding-left: 0; } } .about-section-five .image-column .inner-column .icon-dots { position: absolute; left: -120px; bottom: -30px; } .about-section-five .image-column .image-1 { position: relative; display: inline-block; border-radius: 10px; margin-bottom: 0px; } .about-section-five .image-column .image-1::after { content: ""; background-image: url(assets/images/shape-1.png); position: absolute; top: -30px; right: -47px; width: 288px; height: 288px; z-index: -1; } .about-section-five .image-column .image-1 img { width: 100%; } .about-section-five .image-column .exp-info { border: 2px solid var(--theme-color-black); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 60px; left: -80px; padding: 20px 70px 20px 70px; width: 225px; height: 225px; text-align: center; transform: rotate(90deg); -webkit-transform: rotate(90deg); } @media (max-width: 1399.98px) { .about-section-five .image-column .exp-info { left: 15px; } } .about-section-five .image-column .exp-info .inner-info { display: inline-block; color: var(--theme-color-black); font-size: 128px; font-family: var(--title-font); } .about-section-five .image-column .exp-info-text { color: var(--theme-color-black); display: inline-block; font-size: 20px; font-weight: 500; position: absolute; bottom: 115px; left: -178px; transform: rotate(90deg); -webkit-transform: rotate(90deg); } @media (max-width: 1399.98px) { .about-section-five .image-column .exp-info-text { left: -100px; bottom: 150px; } } .progress-info .progress { background-color: transparent; position: relative; display: block; height: auto; width: 100%; } .progress-info .progress .bar { position: relative; width: 100%; height: 5px; background-color: #DFDFDF; border-radius: 7px; margin-bottom: 30px; } .progress-info .progress .bar-inner { position: relative; display: block; width: 0px; height: 5px; border-radius: 7px; background-color: var(--theme-color1); -webkit-transition: all 1500ms ease; transition: all 1500ms ease; } .progress-info .progress .count-text { position: absolute; right: 0px; bottom: 21px; color: var(--theme-color-dark); line-height: 24px; font-size: 16px; text-align: center; font-weight: 400; opacity: 0; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .progress-info .progress .bar-inner.counted .count-text { opacity: 1; bottom: 21px; right: -15px; } .progress-info .progress .bar.marb-0 { margin-bottom: 0; } .progress-info .progress .progress-single { position: relative; display: block; } .progress-info .progress .progress-title { font-size: 18px; font-weight: 400; line-height: 28px; color: var(--headings-color); margin-bottom: 12px; } /*** ==================================================================== Responsive About Pages ==================================================================== ***/ @media only screen and (max-width: 1200px) { .info-block { margin-right: 0; width: 50%; } .contact-info .title { font-size: 20px; } .info-block .title{ max-width: none; display: inline-block; margin-top: 1em; } .about-section .content-column .btn-box .theme-btn{ display: inline-flex; margin: auto; } .about-section .image-column .image-1 img{ transform: none; } .about-section .image-column .image-1 img{ height: 30em; } .about-section .image-column .image-2 img { height: auto; width: 60vw; } } @media only screen and (max-width: 991px) { .about-section .content-column .inner-column { padding-left: 0; text-align: center; } .info-block .title { max-width: 120px; } .info-block .icon-box { position: relative; left: 0; top: 0; } .about-section-two .image-column .exp-box { left: auto; right: 0; } .testimonial-column .inner-column .testimonial-slide .content-box .image-box .thumb::before{ content: none; } } @media only screen and (max-width: 576px) { .info-block { margin-right: 0; margin-bottom: 20px; } .about-section .outer-box { margin-bottom: 30px; } } @media only screen and (max-width: 480px) { .about-section .outer-box { /* -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; */ } .about-section .content-column .btn-box { display: block; text-align: center; } .about-section .content-column .btn-box .theme-btn{ margin-right: 0; padding: 1em 2em; } .contact-info { margin-top: 40px; } .about-section-two .image-column .image-1:before { display: none; } .about-section-two .content-column .inner-column .sec-title h2 { font-size: 32px; line-height: 40px; } } /*** ==================================================================== Funfact Sectiom ==================================================================== ***/ .funfact-section { padding: 79px 0; position: relative; margin: 47px 0 70px; } @media (max-width: 991.98px) { .funfact-section { padding: 79px 0 29px; } } .counter-block-one:last-child .inner-box:before { display: none; } .counter-block-one .inner-box { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; } @media (max-width: 991.98px) { .counter-block-one .inner-box { margin-bottom: 50px; } } .counter-block-one .inner-box:before { background-color: #dddede; content: ""; height: 60px; position: absolute; right: -30px; width: 1px; } @media (max-width: 991.98px) { .counter-block-one .inner-box:before { display: none; } } .counter-block-one .inner-box .count-box { color: rgba(34, 34, 34, 0.2); display: block; font-family: Gilda Display; font-size: 128px; font-weight: 400; line-height: 96px; position: relative; margin-bottom: 0; } @media (max-width: 575.98px) { .counter-block-one .inner-box .count-box { font-size: 110px; } } .counter-block-one .inner-box .counter-text { color: #222222; font-family: Barlow; font-size: 24px; font-weight: 400; line-height: 28.8px; margin-bottom: 0; position: absolute; text-align: center; top: 35%; } @media (max-width: 575.98px) { .counter-block-one .inner-box .counter-text { font-size: 18px; } } /*** ==================================================================== Funfact Sectiom Two ==================================================================== ***/ .funfact-section-two { padding: 79px 0 0; position: relative; } .funfact-section-two .outer-box { border-bottom: 1px solid rgba(var(--theme-color-black-rgb), 0.1); padding-bottom: 85px; } @media (max-width: 991.98px) { .funfact-section-two .outer-box { padding-bottom: 35px; } } .counter-block-two:last-child .inner-box:before { display: none; } .counter-block-two .inner-box { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; } @media (max-width: 991.98px) { .counter-block-two .inner-box { margin-bottom: 50px; } } .counter-block-two .inner-box:before { background-color: #dddede; content: ""; height: 60px; position: absolute; right: -30px; width: 1px; } @media (max-width: 991.98px) { .counter-block-two .inner-box:before { display: none; } } .counter-block-two .inner-box .count-box { color: rgba(34, 34, 34, 0.2); display: block; font-family: Gilda Display; font-size: 128px; font-weight: 400; line-height: 96px; position: relative; margin-bottom: 0; } @media (max-width: 575.98px) { .counter-block-two .inner-box .count-box { font-size: 110px; } } .counter-block-two .inner-box .counter-text { color: #222222; font-family: Barlow; font-size: 24px; font-weight: 400; line-height: 28.8px; margin-bottom: 0; position: absolute; top: 20%; right: 20px; } @media (max-width: 1199.98px) { .counter-block-two .inner-box .counter-text { width: 100%; right: 0; text-align: center; } } @media (max-width: 575.98px) { .counter-block-two .inner-box .counter-text { font-size: 18px; } } /*** ==================================================================== Marquee Section ==================================================================== ***/ .marquee-section { position: relative; padding: 60px 0; } @media (max-width: 767.98px) { .marquee-section { padding: 50px 0; } } .marquee-section .bg { opacity: 0.03; } .marquee { position: relative; --duration: 30s; --gap: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; gap: var(--gap); } .marquee .marquee-group { -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; gap: var(--gap); min-width: 100%; -webkit-animation: scroll var(--duration) linear infinite; animation: scroll var(--duration) linear infinite; } .marquee .text { color: rgba(2, 1, 1, 0); font-size: 128px; letter-spacing: 2.3px; line-height: 96px; padding: 0 30px; -webkit-text-stroke-width: 1.1px; -webkit-text-stroke-color: #D1D1D1; text-transform: capitalize; } @media (max-width: 991.98px) { .marquee .text { font-size: 80px; } } .marquee .text:after { -webkit-text-fill-color: #D9D9D9; -webkit-text-stroke: 1px #D9D9D9; content: ""; position: absolute; left: -20px; top: 0; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .marquee .text:hover:after { background-color: #transparent; } .marquee .text:hover:before { width: 0; } @media (prefers-reduced-motion: reduce) { .marquee .marquee-group { -webkit-animation-play-state: play; animation-play-state: play; } } @-webkit-keyframes scroll { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { -webkit-transform: translateX(calc(-100% - var(--gap))); transform: translateX(calc(-100% - var(--gap))); } } @keyframes scroll { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { -webkit-transform: translateX(calc(-100% - var(--gap))); transform: translateX(calc(-100% - var(--gap))); } } .marquee.slide-right { -webkit-transform: scaleX(-1); transform: scaleX(-1); } .marquee.slide-right .text { -webkit-transform: scaleX(-1); transform: scaleX(-1); } /*** ==================================================================== service-section ==================================================================== ***/ .login-section, .service-section { position: relative; padding: 120px 0 88px; } @media (max-width: 575.98px) { .service-section .sec-title { margin-bottom: 30px; } } @media (max-width: 575.98px) { .service-section .sec-title .sub-title { margin-bottom: 0; } } @media (max-width: 575.98px) { .service-section .sec-title h2 { font-size: 3em; } } .service-section::before { content: ""; position: absolute; bottom: 0; left: 0; width: 665px; height: 466px; background-image: url(assets/images/home.png); } .service-block { margin-bottom: 24px; } .service-block .inner-box { position: relative; text-align: center; border: 2px solid #f8f5f0; padding: 45px 20px 33px; -webkit-transition: all 300ms ease; transition: all 300ms ease; background: #fff; } .service-block .inner-box:hover { background-color: var(--theme-color-dark); background-color: #91d0c157; } .service-block .inner-box:hover .content-box .title { color: var(--theme-color-light); } .service-block .inner-box:hover .content-box .text { color: var(--theme-color-light); } .service-block .inner-box:hover .icon-box { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } .service-block .inner-box:hover .icon-box i { color: #fff; color: #000; } .service-block .inner-box::before { content: ""; position: absolute; top: 0; left: 50%; width: 95px; height: 11px; background-color: #f8f5f0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .service-block .inner-box .icon-box { margin-bottom: 11px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .service-block .inner-box .icon-box i { color: #ab8555; color: #5ab8a1; font-size: 58px; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .service-block .inner-box .icon-box img{ width: 4em; height: 4em; object-fit: contain; } .service-block .inner-box .content-box .title { margin-bottom: 18px; } .service-block .inner-box .content-box .text { -webkit-transition: all 300ms ease; transition: all 300ms ease; } /*** ==================================================================== service-section two ==================================================================== ***/ .service-section-two { position: relative; padding: 120px 0 88px; background-color: #f8f5f0; } @media (max-width: 575.98px) { .service-section-two { padding: 80px 0 50px; } } @media (max-width: 575.98px) { .service-section-two .sec-title { margin-bottom: 30px; } } @media (max-width: 575.98px) { .service-section-two .sec-title .sub-title { margin-bottom: 0; } } @media (max-width: 575.98px) { .service-section-two .sec-title h2 { font-size: 29px; } } .service-section-two::before { content: ""; position: absolute; bottom: 0; left: 0; width: 665px; height: 466px; background-image: url(assets/images/home.png); } .service-block-two { margin-bottom: 32px; } .service-block-two .inner-box-two { height: 100%; } .service-block-two .inner-box-two .image { overflow: hidden; } .service-block-two .inner-box-two .image img { -webkit-transition: all 300ms ease; transition: all 300ms ease; } .service-block-two .inner-box-two:hover .image img { -webkit-transform: scale(1.2); transform: scale(1.2); } .service-block-two .inner-box { position: relative; background-color: var(--theme-color-light); padding: 47px 40px 44px; -webkit-transition: all 300ms ease; transition: all 300ms ease; } @media (max-width: 1199.98px) { .service-block-two .inner-box { padding: 20px 28px 30px; } } .service-block-two .inner-box:before { content: ""; position: absolute; top: 0; left: 0; width: 95px; height: 11px; background-color: var(--theme-color1); -webkit-transition: all 300ms ease; transition: all 300ms ease; opacity: 0; visibility: hidden; } .service-block-two .inner-box:hover { background-color: var(--theme-color-dark); } .service-block-two .inner-box:hover::before { opacity: 1; visibility: visible; left: 40px; } .service-block-two .inner-box:hover .image-box .icon-box i { color: #fff; } .service-block-two .inner-box:hover .image-box .title { color: var(--theme-color-light); } .service-block-two .inner-box:hover .image-box .image { -webkit-transform: scale(-1) rotate(180deg); transform: scale(-1) rotate(180deg); } .service-block-two .inner-box:hover .image-box .image::before { background-color: var(--theme-color1); } .service-block-two .inner-box:hover .content-box .text { color: #adadad; } .service-block-two .inner-box .image-box { position: relative; padding-left: 93px; min-height: 58px; padding-top: 14px; margin-bottom: 22px; } @media (max-width: 1199.98px) { .service-block-two .inner-box .image-box { padding-left: 0; } } .service-block-two .inner-box .image-box .icon-box { position: absolute; top: 0; left: 0; -webkit-transition: all 300ms ease; transition: all 300ms ease; z-index: 99; } .service-block-two .inner-box .image-box .icon-box i { font-size: 64px; color: var(--theme-color1); -webkit-transition: all 300ms ease; transition: all 300ms ease; } @media (max-width: 1199.98px) { .service-block-two .inner-box .image-box .icon-box { position: static; } } .service-block-two .inner-box .image-box .icon-box::before { content: ""; position: absolute; right: -10px; bottom: 0; width: 30px; height: 30px; background-color: #f8f5f0; border-radius: 50%; z-index: -1; } .service-block-two .inner-box .image-box .title { margin-bottom: 18px; } .service-block-two .inner-box .content-box .text { -webkit-transition: all 300ms ease; transition: all 300ms ease; } /*** ==================================================================== service-section three ==================================================================== ***/ .service-section-three { position: relative; padding: 120px 0 98px; background-color: #f8f5f0; } @media (max-width: 575.98px) { .service-section-three { padding: 80px 0 50px; } } .service-section-three:before { content: ""; position: absolute; bottom: 0; left: 0; width: 665px; height: 466px; background-image: url(assets/images/home.png); } @media (max-width: 575.98px) { .service-section-three .sec-title { margin-bottom: 30px; } } .service-section-three .sec-title .sub-title:before { display: none; } @media (max-width: 575.98px) { .service-section-three .sec-title .sub-title { margin-bottom: 0; } } @media (max-width: 575.98px) { .service-section-three .sec-title h2 { font-size: 29px; } } .service-section-three .sec-title .text { margin-left: -5px; } .service-section-three .carousel-outer { margin-right: -375px; } @media (max-width: 1399.98px) { .service-section-three .carousel-outer { margin-right: 0; } } .service-block-three { margin-bottom: 32px; } .service-block-three .inner-box { position: relative; overflow: hidden; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .service-block-three .inner-box:hover { background-color: var(--theme-color-dark); } .service-block-three .inner-box:hover .image img { -webkit-transform: scale(1.1); transform: scale(1.1); } .service-block-three .inner-box:hover .content-box .title { color: var(--theme-color-light); } .service-block-three .inner-box .image { -webkit-transition: all 300ms ease; transition: all 300ms ease; } .service-block-three .inner-box .image img { width: 100%; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .service-block-three .inner-box .content-box { padding: 100px 0 15px; position: absolute; bottom: 0; left: 30px; } .service-block-three .inner-box .content-box:before { counter-increment: my-sec-counter; content: counter(my-sec-counter, decimal-leading-zero) " "; position: absolute; line-height: 1; left: 0; top: 0; font-family: var(--title-font); font-size: 96px; color: var(--theme-color-light); -webkit-transition: all 500ms ease; transition: all 500ms ease; z-index: 1; } .service-block-three .inner-box .content-box .title { color: var(--theme-color-light); margin-bottom: 18px; } /*** ==================================================================== feature section four ==================================================================== ***/ .service-section-four { position: relative; padding: 120px 0 88px; } @media (max-width: 575.98px) { .service-section-four { padding: 80px 0 50px; } } .service-section-four .sec-title { margin-right: 70px; margin-bottom: 32px; } @media (max-width: 575.98px) { .service-section-four .sec-title { margin-bottom: 30px; } } .service-section-four .sec-title .sub-title:before { display: none; } @media (max-width: 575.98px) { .service-section-four .sec-title .sub-title { margin-bottom: 0; } } @media (max-width: 575.98px) { .service-section-four .sec-title h2 { font-size: 29px; } } .service-section-four .sec-title .text { margin-right: 20px; margin-top: 20px; } .service-section-four .sec-title .btn-box { margin-top: 32px; } .service-block-four { margin-bottom: 32px; } .service-block-four .inner-box { position: relative; -webkit-transition: all 300ms ease; transition: all 300ms ease; } @media (max-width: 1199.98px) { .service-block-four .inner-box { padding: 20px 28px 30px; } } .service-block-four .inner-box:hover { background-color: var(--theme-color-dark); } .service-block-four .inner-box:hover .image img { -webkit-transform: scale(1.1); transform: scale(1.1); } .service-block-four .inner-box:hover .content-box:before { height: 100%; } .service-block-four .inner-box:hover .content-box .title { color: var(--theme-color-light); } .service-block-four .inner-box .image { overflow: hidden; } .service-block-four .inner-box .image img { width: 100%; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .service-block-four .inner-box .content-box { background-color: #F7F3EE; padding: 26px 30px 23px; position: absolute; top: 50%; left: -10px; min-width: 270px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .service-block-four .inner-box .content-box:before { background-color: var(--theme-color1); content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 0; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .service-block-four .inner-box .content-box .title { margin-bottom: 0; } /*** ==================================================================== service-section-five ==================================================================== ***/ .service-section-five { position: relative; padding: 120px 0 88px; } @media (max-width: 575.98px) { .service-section-five .sec-title { margin-bottom: 30px; } } @media (max-width: 575.98px) { .service-section-five .sec-title .sub-title { margin-bottom: 0; } } @media (max-width: 575.98px) { .service-section-five .sec-title h2 { font-size: 32px; } } .service-block-five { margin-bottom: 24px; } .service-block-five .inner-box { background-color: #f4f4f4; background-image: url(assets/images/pattern1.png); position: relative; text-align: center; border: 2px solid #f8f5f0; padding: 45px 32px 42px; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .service-block-five .inner-box:hover { background-color: var(--theme-color-dark); } .service-block-five .inner-box:hover .content-box .title { color: var(--theme-color-light); } .service-block-five .inner-box:hover .content-box .text { color: var(--theme-color-light); } .service-block-five .inner-box:hover .icon-box { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } .service-block-five .inner-box:hover .icon-box i { color: #fff; } .service-block-five .inner-box .icon-box { margin-bottom: 11px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .service-block-five .inner-box .icon-box i { color: #ab8555; font-size: 58px; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .service-block-five .inner-box .content-box .title { margin-bottom: 18px; } .service-block-five .inner-box .content-box .text { -webkit-transition: all 300ms ease; transition: all 300ms ease; } /*** ==================================================================== service-section-Six ==================================================================== ***/ .service-section-six { background-image: url(assets/images/service-six-bg.jpg); background-size: cover; background-repeat: no-repeat; position: relative; padding: 120px 0 90px; } .service-block-six { border-right: 1px solid rgba(255, 255, 255, 0.2); position: relative; } .service-block-six .inner-box { overflow: hidden; position: relative; } .service-block-six .inner-box:hover .overlay-content .icon:before { -webkit-transform: scale(-1) rotate(180deg); transform: scale(-1) rotate(180deg); } .service-block-six .inner-box:hover .overlay-content { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; } .service-block-six .inner-box:hover .content { opacity: 0; visibility: hidden; } .service-block-six .inner-box:hover .image img { -webkit-transform: scale(1.1); transform: scale(1.1); } .service-block-six .title { color: #fff; font-family: Gilda Display; font-size: 36px; font-weight: 400; line-height: 42.37px; margin-bottom: 0; margin-top: 20px; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .service-block-six .title a { color: #fff; } .service-block-six .title a:hover { color: var(--theme-color2); } @media (max-width: 1366.98px) { .service-block-six .title { font-size: 26px; margin-bottom: 10px; margin-top: 0; } } .service-block-six .count { color: transparent; font-family: Gilda Display; font-size: 128px; font-weight: 400; line-height: 96px; -webkit-text-stroke: 1px #ffffff; -webkit-transition: all 300ms ease; transition: all 300ms ease; } @media (max-width: 1366.98px) { .service-block-six .count { font-size: 90px; line-height: 1; } } .service-block-six .text { color: #fff; font-family: Barlow; font-size: 16px; font-weight: 400; line-height: 30px; } .service-block-six .content { position: relative; padding: 160px 50px 60px; width: 100%; z-index: 1; -webkit-transition: all 200ms ease; transition: all 200ms ease; } @media (max-width: 1199.98px) { .service-block-six .content { padding: 190px 30px 50px; } } @media (max-width: 991.98px) { .service-block-six .content { padding: 150px 30px 50px; } } .service-block-six .overlay-content { background-color: #0D0C0C; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; left: 0; opacity: 0; padding: 100px 50px 50px; position: absolute; visibility: hidden; -webkit-transform: translateY(100%); transform: translateY(100%); width: 100%; z-index: 1; -webkit-transition: all 400ms ease; transition: all 400ms ease; -webkit-box-align: center; } @media (max-width: 1299.98px) { .service-block-six .overlay-content { padding: 60px 30px 40px; } } .service-block-six .overlay-content .count { margin-bottom: 0; position: relative; -webkit-text-stroke: 1px #AA8453; } .service-block-six .overlay-content .title { margin-bottom: 20px; } /*** ==================================================================== Services Section Six ==================================================================== ***/ .services-section-seven { padding: 0; } .services-block-seven .inner-box { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .services-block-seven .inner-box:hover .image-box .image { -webkit-transform: scale(1.15); transform: scale(1.15); } .services-block-seven .inner-box:hover .content-box .inner-box .number { color: var(--theme-color2); opacity: 60%; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: var(--theme-color2); } .services-block-seven .inner-box .image-box { overflow: hidden; } .services-block-seven .inner-box .image-box .image { -webkit-transition: all 300ms ease; transition: all 300ms ease; } .services-block-seven .inner-box .content-box { position: absolute; } .services-block-seven .inner-box .content-box .inner-box { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } .services-block-seven .inner-box .content-box .title { color: var(--theme-color-light); position: relative; margin: 0 0 0 200px; z-index: 1; } @media (max-width: 1399.98px) { .services-block-seven .inner-box .content-box .title { font-size: 28px; } } @media (max-width: 1199.98px) { .services-block-seven .inner-box .content-box .title { margin-left: 0; } } @media (max-width: 575.98px) { .services-block-seven .inner-box .content-box .title { font-size: 26px; } } .services-block-seven .inner-box .content-box .number { color: rgba(255, 255, 255, 0); font-family: "Gilda Display"; font-size: 128px; font-style: normal; font-weight: 400; line-height: 96px; position: absolute; cursor: pointer; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: rgba(255, 255, 255, 0.5); -webkit-transition: all 300ms ease; transition: all 300ms ease; } @media (max-width: 991.98px) { .services-block-seven .inner-box .content-box .number { font-size: 100px; } } /*** ==================================================================== Product Section One ==================================================================== ***/ .gallery-block-one .inner-box { overflow: hidden; position: relative; } .gallery-block-one .inner-box:hover .content-box { opacity: 1; visibility: visible; -webkit-transform: translate(0); transform: translate(0); } .gallery-block-one .inner-box:hover .content-box .title { opacity: 1; visibility: visible; -webkit-transform: translate(0); transform: translate(0); } .gallery-block-one .inner-box:hover .content-box .theme-btn { opacity: 1; visibility: visible; -webkit-transform: translate(0); transform: translate(0); } .gallery-block-one .inner-box:hover .image-box img { -webkit-transform: scale(1.1); transform: scale(1.1); } .gallery-block-one .inner-box .image-box .image { position: relative; overflow: hidden; } .gallery-block-one .inner-box .image-box .image img { height: 430px; -webkit-transition: all 300ms ease; transition: all 300ms ease; } @media (max-width: 575.98px) { .gallery-block-one .inner-box .image-box .image img { height: auto; } } .gallery-block-one .content-box { background-color: #222222; bottom: 0; left: 0; opacity: 0; padding: 30px; position: absolute; visibility: hidden; -webkit-transform: translateY(100%); transform: translateY(100%); z-index: 2; -webkit-transition: all 300ms ease; transition: all 300ms ease; } @media (max-width: 575.98px) { .gallery-block-one .content-box { padding: 20px; } } .gallery-block-one .content-box .title { color: var(--theme-color-light); font-family: "Gilda Display"; font-size: 32px; font-style: normal; font-weight: 400; line-height: 30px; margin-bottom: 0; opacity: 0; visibility: hidden; -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all 300ms ease; transition: all 300ms ease; } @media (max-width: 575.98px) { .gallery-block-one .content-box .title { font-size: 20px; } } .gallery-block-one .content-box .theme-btn { color: #6A6F78; font-family: "Barlow"; font-size: 16px; font-style: normal; font-weight: 400; line-height: 30px; -webkit-transform: translateY(100%); transform: translateY(100%); visibility: hidden; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .gallery-block-one .content-box .theme-btn:before { display: none; } /*** ================================================================== Offer Section One ================================================================== ***/ /*** ==================================================================== testimonial-section ==================================================================== ***/ .testimonial-section { position: relative; padding: 111px 0 90px; } @media (max-width: 575.98px) { .testimonial-section { padding: 80px 0; } } .testimonial-column .inner-column .sec-title { margin-bottom: 64px; } @media (max-width: 575.98px) { .testimonial-column .inner-column .sec-title { margin-bottom: 30px; } } @media (max-width: 575.98px) { .testimonial-column .inner-column .sec-title .sub-title { margin-bottom: 0; } } .testimonial-column .inner-column .sec-title .sub-title::before { display: none; } .testimonial-column .inner-column .sec-title .sub-title:after { background-image: url(assets/images/before-white.png); } @media (max-width: 575.98px) { .testimonial-column .inner-column .sec-title h2 { font-size: 32px; } } .testimonial-column .inner-column .testimonial-slide .content-box { padding-left: 193px; position: relative; } @media (max-width: 1199.98px) { .testimonial-column .inner-column .testimonial-slide .content-box { padding-left: 170px; } } @media (max-width: 575.98px) { .testimonial-column .inner-column .testimonial-slide .content-box { padding-left: 0; text-align: center; } .testimonial-column .inner-column .testimonial-slide .content-box .image-box .thumb img{ display: inline-block; } .testimonial-column .inner-column .testimonial-slide .content-box .image-box .thumb::before { content: none !important; } } .testimonial-column .inner-column .testimonial-slide .content-box .image-box { left: 0; position: absolute; top: 0; } @media (max-width: 575.98px) { .testimonial-column .inner-column .testimonial-slide .content-box .image-box { position: static; } } .testimonial-column .inner-column .testimonial-slide .content-box .image-box .thumb { position: relative; z-index: 99; } .testimonial-column .inner-column .testimonial-slide .content-box .image-box .thumb::before { background-color: #5cbaa32e; content: ""; height: 200px; position: absolute; right: -10px; top: 10px; width: 110px; } .testimonial-column .inner-column .testimonial-slide .content-box .image-box .thumb img { position: relative; width: 9em; height: 9em; object-fit: cover; border-radius: 50%; } .testimonial-column .inner-column .testimonial-slide .info-box .rating-list { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 16px; } .testimonial-column .inner-column .testimonial-slide .info-box .rating-list li { color: var(--theme-color-light); font-size: 16px; margin-right: 2px; } .testimonial-column .inner-column .testimonial-slide .info-box .rating-list li:last-child { margin-right: 0; } .testimonial-column .inner-column .testimonial-slide .info-box .text { color: var(--theme-color-light); margin-bottom: 26px; } @media (max-width: 1199.98px) { .testimonial-column .inner-column .testimonial-slide .info-box .text { font-size: 19px; } } @media (max-width: 991.98px) { .testimonial-column .inner-column .testimonial-slide .info-box .text { font-size: 16px; } } .testimonial-column .inner-column .testimonial-slide .info-box .auther-info .title { color: var(--theme-color-light); margin-bottom: -6px; } .testimonial-column .inner-column .testimonial-slide .info-box .auther-info .designation { color: var(--theme-color-light); } .testimonial-column .inner-column .testimonial-slide .info-box .icon-box { position: absolute; bottom: 50px; right: 15px; } .testimonial-column .inner-column .testimonial-slide .info-box .icon-box .image img { width: unset; } .testimonial-slider{ margin-top: 6em; } .testimonial-slider .slick-dots { bottom: -6px; right: 0; text-align: right; width: auto; } .testimonial-slider .slick-dots li { border: 1px solid #000; border-radius: 50%; border-color: transparent; height: 14px; width: 14px; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .testimonial-slider .slick-dots li.slick-active { border-color: #000; } .testimonial-slider .slick-dots li button { width: 4px; height: 4px; background: #000; padding: 0; border-radius: 50%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .testimonial-slider .slick-dots li button:before { display: none; } @media only screen and (max-width: 1200px) { .hide-on-tablet { display: none; } .testimonial-column { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } } /*** ==================================================================== testimonial-section-Two ==================================================================== ***/ .testimonial-section-two { position: relative; padding: 120px 0; } .testimonial-section-two .sec-title { margin-bottom: 40px; } .testimonial-section-two .sec-title .sub-title { padding-left: 0; } .testimonial-section-two .sec-title .sub-title:before { display: none; } .testimonial-section-two .testimonials { position: relative; } .testimonial-section-two .testimonials .testimonial-thumbs { width: 270px; padding: 0; overflow: hidden; margin-bottom: 20px; } .testimonial-section-two .testimonials .testimonial-thumbs .swiper-slide { height: 100px; width: 100px; text-align: center; overflow: hidden; border: 2px solid var(--theme-color-light); border-radius: 50%; cursor: pointer; overflow: hidden; -webkit-transform: scale(0.7) !important; transform: scale(0.7) !important; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .testimonial-section-two .testimonials .testimonial-thumbs .swiper-slide-active { opacity: 1; -webkit-transform: scale(1) !important; transform: scale(1) !important; } .testimonial-section-two .testimonials .testimonial-thumbs .swiper-slide img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .testimonial-section-two .swiper-button-next:after, .testimonial-section-two .swiper-button-prev:after { color: #000000; font-size: 30px; font-family: "Font Awesome 6 pro"; } .testimonial-section-two .swiper-button-prev:after { content: "\f177"; } .testimonial-section-two .swiper-button-next:after { content: "\f178"; } .testimonial-block-two .inner-box { text-align: center; } .testimonial-block-two .inner-box .info-box { margin-bottom: 18px; } .testimonial-block-two .inner-box .info-box .name { margin-bottom: 5px; } .testimonial-block-two .inner-box .info-box .designation { display: block; font-size: 16px; font-weight: 400; line-height: 24px; margin-bottom: 8px; } .testimonial-block-two .inner-box .text { font-size: 20px; line-height: 40px; max-width: 1050px; margin: 0 auto 20px; } @media (max-width: 1199.98px) { .testimonial-block-two .inner-box .text { max-width: initial; } } @media (max-width: 767.98px) { .testimonial-block-two .inner-box .text { font-size: 18px; line-height: 26px; } } .testimonial-block-two .inner-box .quote-icon .icon { font-size: 52px; color: var(--theme-color1); line-height: 1em; } /*** ==================================================================== testimonial-section-Three ==================================================================== ***/ .testimonial-section-three { overflow: hidden; padding: 120px 0; position: relative; } .testimonial-section-three .image-box { position: relative; } .testimonial-section-three .image-box .image { bottom: 0; position: absolute; right: 0; z-index: -1; } @media (max-width: 1199.98px) { .testimonial-section-three .image-box .image { width: 60%; } } .testimonial-section-three:before { background-image: url(assets/images/home.png); background-size: cover; bottom: 0; content: ""; height: 349px; left: 0; position: absolute; width: 498px; } .testimonial-block-three { margin-bottom: 30px; position: relative; } .testimonial-block-three .inner-box { background-color: #ffffff; -webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05); box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05); padding: 30px 40px; position: relative; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .testimonial-block-three .inner-box:hover { background-color: var(--theme-color1); } .testimonial-block-three .inner-box:hover .icon, .testimonial-block-three .inner-box:hover .text, .testimonial-block-three .inner-box:hover .name, .testimonial-block-three .inner-box:hover .designation { color: var(--theme-color-white); } .testimonial-block-three .inner-box:hover .info-box .thumb { -webkit-transform: scaleX(-1); transform: scaleX(-1); } .testimonial-block-three .content-box { position: relative; } .testimonial-block-three .content-box .icon { color: var(--theme-color1); display: inline-block; font-size: 40px; line-height: 40px; margin-bottom: 65px; position: relative; } .testimonial-block-three .content-box .text { color: #000000; font-family: "Barlow"; font-size: 18px; font-style: normal; font-weight: 400; line-height: 30px; margin-bottom: 0; position: relative; } .testimonial-block-three .info-box { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-top: 1px solid #E3E3E3; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 30px; padding: 30px 0 0; position: relative; } @media (max-width: 575.98px) { .testimonial-block-three .info-box { padding: 30px 30px; text-align: center; } } .testimonial-block-three .info-box .thumb { border-radius: 50%; height: 40px; margin: 0 10px 0 0; overflow: hidden; -webkit-transition: all 300ms ease; transition: all 300ms ease; width: 40px; } @media (max-width: 575.98px) { .testimonial-block-three .info-box .thumb { display: inline-block; left: 0; margin-bottom: 0px; position: relative; top: 0; } } .testimonial-block-three .info-box .name { color: #000; font-family: "Barlow"; font-size: 16px; font-style: normal; font-weight: 600; line-height: 30px; margin: 0; } .testimonial-block-three .info-box .designation { color: #6A6F78; display: block; font-family: "Barlow"; font-style: normal; font-weight: 400; font-size: 12px; line-height: 12px; margin-bottom: 0; } /*** ==================================================================== team Section ==================================================================== ***/ .team-section { position: relative; padding: 120px 0 80px; overflow: hidden; } @media (max-width: 575.98px) { .team-section { padding: 80px 0 30px; } } @media (max-width: 575.98px) { .team-section .sec-title { margin-bottom: 30px; } } @media (max-width: 575.98px) { .team-section .sec-title .sub-title { margin-bottom: 0; } } @media (max-width: 575.98px) { .team-section .sec-title h2 { font-size: 29px; } } .team-block { position: relative; margin-bottom: 40px; } .team-block .inner-box { position: relative; } .team-block .inner-box:hover .image img { -webkit-transform: scale(1.1); transform: scale(1.1); } .team-block .inner-box:hover .social-links { -webkit-transform: scaleY(1); transform: scaleY(1); opacity: 1; visibility: visible; } .team-block .image-box { position: relative; } .team-block .image-box .image { position: relative; overflow: hidden; margin-bottom: 0; z-index: 1; } .team-block .image-box .image img { width: 100%; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .team-block .image-box .social-links { position: absolute; right: 14px; margin-top: 0; bottom: 116px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: bottom; transform-origin: bottom; z-index: 3; opacity: 0; visibility: hidden; -webkit-transition: all 400ms ease; transition: all 400ms ease; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; display: -webkit-box; display: -ms-flexbox; display: flex; } .team-block .image-box .social-links a { position: relative; font-size: 16px; color: var(--theme-color-light); display: inline-block; -webkit-transition: all 300ms ease; transition: all 300ms ease; margin-top: 8px; } .team-block .image-box .social-links a:first-child { margin-top: 0; margin-left: 0; } .team-block .info-box { position: relative; padding: 21px 24px 20px; background-color: var(--theme-color-light); margin: 0 auto; border-radius: 0px 0px 10px 10px; } .team-block .info-box::before { content: ""; position: absolute; top: 30px; left: 0; width: 3px; height: 42px; background-color: var(--theme-color1); } .team-block .info-box::after { content: ""; position: absolute; top: 30px; left: 6px; width: 1px; height: 20px; background-color: var(--theme-color1); } .team-block .info-box .name { margin-bottom: 0px; } .team-block .info-box .name:hover { color: var(--theme-color1); } .team-block .info-box .designation { position: relative; display: block; -webkit-transition: all 400ms ease; transition: all 400ms ease; margin-bottom: -2px; font-family: var(--text-font2); } /*** ==================================================================== team Section two ==================================================================== ***/ .team-section-two { position: relative; padding: 120px 0 72px; overflow: hidden; } @media (max-width: 575.98px) { .team-section-two { padding: 80px 0 30px; } } @media (max-width: 575.98px) { .team-section-two .sec-title { margin-bottom: 30px; } } @media (max-width: 575.98px) { .team-section-two .sec-title .sub-title { margin-bottom: 0; } } @media (max-width: 575.98px) { .team-section-two .sec-title h2 { font-size: 29px; } } .team-block-two { position: relative; margin-bottom: 40px; } .team-block-two.content-center-align { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .team-block-two.content-right-align { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .team-block-two .inner-box { position: relative; max-width: 310px; } .team-block-two .inner-box:hover .image img { -webkit-transform: scale(1.1); transform: scale(1.1); } .team-block-two .image-box { position: relative; } .team-block-two .image-box .image { border-radius: 50%; position: relative; overflow: hidden; margin-bottom: 0; z-index: 1; } .team-block-two .image-box .image img { width: 100%; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .team-block-two .image-box .social-links { margin-top: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all 400ms ease; transition: all 400ms ease; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .team-block-two .image-box .social-links a { position: relative; font-size: 15px; color: #434343; display: inline-block; -webkit-transition: all 300ms ease; transition: all 300ms ease; margin-right: 25px; } .team-block-two .image-box .social-links a:last-child { margin-right: 0; } .team-block-two .image-box .social-links a:hover { color: var(--theme-color1); } .team-block-two .info-box { position: relative; padding: 30px 24px 0; background-color: var(--theme-color-light); margin: 0 auto; border-radius: 0px 0px 10px 10px; text-align: center; } .team-block-two .info-box .name { margin-bottom: 0px; } .team-block-two .info-box .name:hover { color: var(--theme-color1); } .team-block-two .info-box .designation { color: var(--theme-color1); position: relative; display: block; text-transform: uppercase; -webkit-transition: all 400ms ease; transition: all 400ms ease; margin-bottom: 24px; } /*** ==================================================================== video-section ==================================================================== ***/ .video-section { position: relative; padding: 299px 0 126px; } @media (max-width: 575.98px) { .video-section { padding: 210px 0 80px; } } .video-section .content-column .inner-column .sec-title-two { position: relative; } .video-section .content-column .inner-column .sec-title-two .sub-title { position: relative; font-size: 18px; color: var(--text-color); text-transform: uppercase; display: inline-block; font-family: var(--text-font2); letter-spacing: 7px; margin-bottom: 19px; } @media (max-width: 575.98px) { .video-section .content-column .inner-column .sec-title-two .sub-title { font-size: 15px; } } .video-section .content-column .inner-column .sec-title-two .sub-title::after { content: ""; position: absolute; top: 10px; left: 100%; width: 37px; height: 10px; margin-left: 8px; background-image: url(assets/images/before.png); } .video-section .content-column .inner-column .sec-title-two h2 { position: relative; display: block; font-size: 60px; color: var(--theme-color-light); font-family: var(--sec-title-font-family); font-weight: var(--sec-title-font-weight); margin-bottom: 0; z-index: 2; } @media (max-width: 1199.98px) { .video-section .content-column .inner-column .sec-title-two h2 { font-size: 53px; } } @media (max-width: 767.98px) { .video-section .content-column .inner-column .sec-title-two h2 { font-size: 41px; } } @media (max-width: 575.98px) { .video-section .content-column .inner-column .sec-title-two h2 { font-size: 27px; line-height: 40px; } } .video-section .btn-column .inner-column .play-now-two { position: absolute; top: 120px; font-size: 31px; color: var(--theme-color1); width: 150px; height: 150px; text-align: center; line-height: 150px; border: 1px solid var(--theme-color-light); border-radius: 50%; display: inline-block; } @media (max-width: 575.98px) { .video-section .btn-column .inner-column .play-now-two { width: 100px; height: 100px; line-height: 100px; top: 70px; } } .video-section.home4-style { padding: 300px 0; } .video-section.home4-style .bg.bg-image { height: 600px; } .video-section.home4-style .btn-column .play-now-two { background-color: var(--headings-color); border-color: var(--headings-color); color: var(--theme-color-white); font-size: 24px; height: 162px; left: 0; line-height: 162px; margin: 0 auto; right: 0; top: 36.5%; width: 162px; } img.banner-solorzano{ width: 100vw; height: 40em; object-fit: cover; } /*** ==================================================================== room-section ==================================================================== ***/ .booking-section, .feature-section, .rooms-section { position: relative; padding: 120px 0; background: #f8f5f0; background: #deffde; background: #5bbaa333; background-color: #5bbaa3ab; background-color: #5bbaa394; background-color: #5bb9a2d4; } @media (max-width: 575.98px) { .rooms-section .sec-title { margin-bottom: 40px; } } @media (max-width: 575.98px) { .rooms-section .sec-title h2 { font-size: 2.5em; line-height: 1; } } .room-block.col-lg-3 .inner-box .box-caption .bx-links li { margin-right: 3px; } .room-block .inner-box { position: relative; } .room-block .inner-box:before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, right top, left top, from(#222222), to(#222222)); background: linear-gradient(to left, #222222, #222222); opacity: 0; visibility: hidden; z-index: 9; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; content: none; } .room-block .inner-box:hover .box-caption { opacity: 1; visibility: visible; bottom: 30px; } .room-block .inner-box:hover .content-box { z-index: 9; } .room-block .inner-box:hover:before { opacity: 0.4; visibility: visible; } .room-block .inner-box:hover .image-box figure img { /* -webkit-transform: scale(1.1); transform: scale(1.1); */ } .room-block .inner-box .box-caption { position: absolute; left: 30px; width: calc(100% - 60px); z-index: 99; border-top: 1px solid rgba(255, 255, 255, 0.5); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; opacity: 0; visibility: hidden; bottom: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .room-block .inner-box .box-caption .book-btn { display: inline-block; height: 40px; line-height: 40px; padding: 0 20px; text-transform: uppercase; font-size: 14pxx; color: #ffffff; font-family: var(--text-font2); letter-spacing: 2px; border: 1px solid rgba(255, 255, 255, 0.5); } .room-block .inner-box .box-caption .book-btn:hover { background-color: var(--theme-color1); border-color: transparent; } .room-block .inner-box .box-caption .bx-links { margin-left: auto; } .room-block .inner-box .box-caption .bx-links li { display: inline-block; margin-right: 11px; } .room-block .inner-box .box-caption .bx-links li:last-child { margin-right: 0; } .room-block .inner-box .box-caption .bx-links li a { color: #fff; font-size: 16px; } .room-block .inner-box .image-box figure { margin-bottom: 27px; overflow: hidden; } .room-block .inner-box .image-box figure img { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -o-object-fit: cover; object-fit: cover; height: 25em !important; width: 100% !important; } .room-block .inner-box .content-box { position: absolute; bottom: 22px; right: 32px; text-align: right; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 9; } .room-block .inner-box .content-box .title { font-size: 27px; margin-bottom: -6px; color: var(--theme-color-light); color: white; font-family: var(--text-font2); font-size: 1em; } .room-block .inner-box .content-box .price { font-size: 14px; color: var(--theme-color-light); } @media (max-width: 991.98px) { .room-block .inner-box .image-box .image-2 img { width: 100%; height: 340px; -o-object-fit: cover; object-fit: cover; } } .room-facility-list { position: relative; } .room-facility-list .icon { border: 1px solid var(--theme-color1); border-radius: 50%; display: block; font-size: 22px; height: 64px; line-height: 64px; text-align: center; width: 64px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .room-facility-list .list-one:hover .icon { background-color: var(--theme-color1); color: #fff; } .room-details__content-right { position: relative; display: block; margin-top: 40px; } .room-details__details-box { background-color: #f5f6f7; border: 1px solid var(--theme-color1); border-radius: 10px; padding: 43px 50px 30px 50px; position: relative; z-index: 1; } .product-details.rd-page .bx-wrapper { margin-bottom: 30px; } .product-details.rd-page .bx-wrapper .thumb-box li { height: auto; } @media only screen and (max-width: 480px) { .room-block .inner-box .box-caption .book-btn { padding: 0 10px; margin-right: 10px; } .room-block.col-lg-3 .inner-box .box-caption .bx-links li { margin-right: 10px; } .rooms-section { padding: 80px 0; } } /*** ==================================================================== Product Section One ==================================================================== ***/ .room-service-section { background-color: rgba(170, 132, 83, 0.1); } .room-service-block-one .inner-box { background-color: var(--theme-color-light); margin-bottom: 30px; overflow: hidden; position: relative; } .room-service-block-one .inner-box:hover .image-box img { -webkit-transform: scale(1.1); transform: scale(1.1); } .room-service-block-one .inner-box .image-box .image { position: relative; overflow: hidden; } .room-service-block-one .inner-box .image-box .image img { -webkit-transition: all 300ms ease; transition: all 300ms ease; } @media (max-width: 575.98px) { .room-service-block-one .inner-box .image-box .image img { height: auto; } } .room-service-block-one .content-box { padding: 30px 30px 15px; position: relative; z-index: 2; -webkit-transition: all 300ms ease; transition: all 300ms ease; } @media (max-width: 575.98px) { .room-service-block-one .content-box { padding: 20px; } } .room-service-block-one .content-box .inner-box { border-bottom: 1px solid rgba(106, 105, 105, 0.2); margin-bottom: 25px; padding-bottom: 20px; } .room-service-block-one .content-box .title { font-family: "Gilda Display"; font-style: normal; font-weight: 400; line-height: 30px; margin-bottom: 10px; -webkit-transition: all 300ms ease; transition: all 300ms ease; } @media (max-width: 575.98px) { .room-service-block-one .content-box .title { font-size: 20px; } } .room-service-block-one .content-box .price { color: var(--theme-color1); font-family: "Barlow"; font-size: 16px; font-style: normal; font-weight: 400; line-height: 19px; } .room-service-block-one .content-box .facilities-box { position: relative; } .room-service-block-one .content-box .facilities-list li { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #818181; display: -webkit-box; display: -ms-flexbox; display: flex; font-family: "Barlow"; font-size: 16px; font-style: normal; font-weight: 400; line-height: 19px; margin-bottom: 25px; } .room-service-block-one .content-box .facilities-list i { color: #818181; font-size: 24px; } /*** ==================================================================== feature-section ==================================================================== ***/ .feature-section { position: relative; padding: 120px 0 60px; } @media (max-width: 767.98px) { .feature-section { padding-top: 70px; } } .feature-row:nth-child(even) .image-column .inner-column { } .feature-row:nth-child(even) .content-column .inner-column { } .feature-row:hover .image-column .inner-column .image-box .image img { } .feature-row .image-column .inner-column { position: relative; z-index: 9; } .feature-row .content-column { margin-bottom: 60px; } .feature-row .content-column .inner-column { position: relative; background-color: #f8f5f0; padding: 2em; } @media (max-width: 1199.98px) { .feature-row .content-column .inner-column { } } @media (max-width: 991.98px) { .feature-row .content-column .inner-column { } } @media (max-width: 575.98px) { .feature-row .content-column .inner-column { } } .feature-row .content-column .inner-column::before { content: ""; position: absolute; top: 0; left: 232px; width: 95px; height: 11px; background-color: var(--theme-color1); } .feature-row .content-column .inner-column .sec-title { margin-bottom: 34px; } .feature-row .content-column .inner-column .sec-title .text { margin-top: 31px; } .feature-row .content-column .inner-column .sec-title .sub-title { margin-bottom: 11px; } .feature-row .content-column .inner-column .sec-title .sub-title::after, .feature-row .content-column .inner-column .sec-title .sub-title::before { display: none; } @media (max-width: 1199.98px) { .feature-row .content-column .inner-column .sec-title h2 { font-size: 40px; } } @media (max-width: 1199.98px) { .feature-row .content-column .inner-column .sec-title .text { font-size: 16px; } } .feature-row .content-column .inner-column .image-2 { position: absolute; top: 18px; right: 13px; } .feature-row .image-column .image { overflow: hidden; } .feature-row .image-column .image img { width: 100%; -webkit-transition: all 300ms ease; transition: all 300ms ease; height: 25em; object-fit: cover; } @media only screen and (max-width: 1200px) { .feature-row:nth-child(even) .content-column .inner-column .sec-title { max-width: 70%; } } @media only screen and (max-width: 991px) { .feature-row .content-column .inner-column { margin-top: 0; } .feature-row .content-column .inner-column::before { left: 40px; } .feature-row .image-column .inner-column { margin-right: 0; } .feature-row:nth-child(even) .image-column .inner-column { margin: 0; } .feature-row:nth-child(even) .content-column { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .feature-row:nth-child(2n) .content-column .inner-column .sec-title { max-width: 100%; } .feature-row:nth-child(2n) .content-column .inner-column { padding: 61px 40px 70px 40px; } } @media only screen and (max-width: 576px) { .feature-row .image-column .inner-column { margin-bottom: 20px; } .feature-row:nth-child(even) .content-column .inner-column .sec-title { max-width: 100%; } } @media only screen and (max-width: 480px) { .feature-row:nth-child(2n) .content-column .inner-column { padding: 61px 40px 70px 40px; } } /*** ==================================================================== feature section two ==================================================================== ***/ .feature-section-two { position: relative; padding: 120px 0 88px; } @media (max-width: 575.98px) { .feature-section-two { padding: 80px 0 50px; } } .feature-section-two .sec-title { margin-right: 70px; margin-bottom: 32px; } @media (max-width: 575.98px) { .feature-section-two .sec-title { margin-bottom: 30px; } } .feature-section-two .sec-title .sub-title:before { display: none; } @media (max-width: 575.98px) { .feature-section-two .sec-title .sub-title { margin-bottom: 0; } } @media (max-width: 575.98px) { .feature-section-two .sec-title h2 { font-size: 29px; } } .feature-section-two .sec-title .text { margin-right: 20px; margin-top: 20px; } .feature-section-two .sec-title .btn-box { margin-top: 32px; } .feature-section-two .outer-box { margin-left: -38px; } @media (max-width: 991.98px) { .feature-section-two .outer-box { margin-left: 0; } } .feature-block-two { margin-bottom: 32px; } .feature-block-two .inner-box { position: relative; overflow: hidden; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .feature-block-two .inner-box:hover { background-color: var(--theme-color-dark); } .feature-block-two .inner-box:hover .image img { -webkit-transform: scale(1.1); transform: scale(1.1); } .feature-block-two .inner-box:hover .content-box:before { height: 100%; } .feature-block-two .inner-box:hover .content-box .title { color: var(--theme-color-light); } .feature-block-two .inner-box .image img { width: 100%; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .feature-block-two .inner-box .content-box { background-color: #333; padding: 21px 15px 17px; position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; } .feature-block-two .inner-box .content-box:before { background-color: var(--theme-color1); content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 0; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .feature-block-two .inner-box .content-box .title { color: var(--theme-color-light); margin-bottom: 0; } /*** ==================================================================== feature section three ==================================================================== ***/ .feature-section-three { position: relative; padding: 101px 0 78px; } .feature-block-three { margin-bottom: 24px; } .feature-block-three .inner-box { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .feature-block-three .inner-box:hover .icon-box { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); } .feature-block-three .inner-box .icon-box { margin-right: 20px; margin-bottom: 11px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .feature-block-three .inner-box .icon-box i { color: var(--theme-color1); font-size: 70px; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .feature-block-three .inner-box .content-box .title { margin-bottom: 11px; } .feature-block-three .inner-box .content-box .text { margin-right: 10px; } /*** ==================================================================== call-section ==================================================================== ***/ .call-to-action { position: relative; padding: 120px 0; } .call-to-action .booking-form-column .inner-column { margin: 0; } .call-to-action .booking-form-column .inner-column:after { left: auto; top: auto; bottom: -120px; right: -75px; } .call-to-action .content-colum .inner-column .sec-title { margin-bottom: 54px; } .call-to-action .content-colum .inner-column .sec-title .sub-title::before { display: none; } @media (max-width: 575.98px) { .call-to-action .content-colum .inner-column .sec-title h2 { font-size: 37px; } } .call-to-action .content-colum .inner-column .call-block { margin-bottom: 42px; } .call-to-action .content-colum .inner-column .call-block .inner-box { padding-left: 110px; position: relative; } .call-to-action .content-colum .inner-column .call-block .inner-box .icon-box { position: absolute; left: 0; width: 84px; height: 84px; background-color: #fff; border-radius: 50%; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .call-to-action .content-colum .inner-column .call-block .inner-box .icon-box i { color: var(--theme-color1); font-size: 48px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .call-to-action .content-colum .inner-column .call-block .inner-box .title { margin-bottom: 13px; } @media (max-width: 575.98px) { .call-to-action .content-colum .inner-column .call-block .inner-box .title { font-size: 20px; } } @media (max-width: 1199.98px) { .call-to-action .content-colum .inner-column .call-block .inner-box .text { font-size: 15px; } } @media (max-width: 575.98px) { .call-to-action .content-colum .inner-column .call-block .inner-box .text { font-size: 17px; } } .call-to-action .content-colum .inner-column .call-block .inner-box:hover .icon-box { background-color: var(--theme-color1); } .call-to-action .content-colum .inner-column .call-block .inner-box:hover .icon-box i { color: #fff; } .call-to-action .content-colum .inner-column .btn-box .read-more { margin-top: 4px; background-color: var(--theme-color-dark); color: var(--theme-color-light); width: 170px; height: 60px; line-height: 60px; display: inline-block; text-align: center; text-transform: uppercase; font-family: var(--text-font2); position: relative; z-index: 9; } .call-to-action .content-colum .inner-column .btn-box .read-more:before { position: absolute; left: 0; top: 0; height: 100%; width: 100%; content: ""; z-index: -1; background-color: var(--bg-theme-color1); border-radius: inherit; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: top right; transform-origin: top right; transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1); -webkit-transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1); transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1); transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1); -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); } .call-to-action .content-colum .inner-column .btn-box .read-more:hover:before { -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: bottom left; transform-origin: bottom left; } .call-to-action .content-colum .inner-column .btn-box .read-more:hover { color: #fff; } @media only screen and (max-width: 991px) { .call-to-action .content-colum { margin-bottom: 50px; } } /*** ==================================================================== call-section two ==================================================================== ***/ .call-to-action-two { background-color: #f8f5f0; position: relative; padding: 120px 0 130px; margin-bottom: 240px; } .call-to-action-two:before { content: ""; position: absolute; bottom: 0; left: 0; width: 665px; height: 466px; background-image: url(assets/images/home.png); } .call-to-action-two .sec-title .sub-title:before { display: none; } /*** ==================================================================== News Section ==================================================================== ***/ .news-section { position: relative; padding: 120px 0 90px; } .news-section:before { content: ""; position: absolute; bottom: 0; left: 0; width: 713px; height: 544px; background-image: url(assets/images/bg-shape.png); background-repeat: no-repeat; } @media (max-width: 575.98px) { .news-section .sec-title { margin-bottom: 30px; } } @media (max-width: 575.98px) { .news-section .sec-title .sub-title { margin-bottom: 0; } } @media (max-width: 575.98px) { .news-section .sec-title h2 { font-size: 29px; } } .news-block { position: relative; margin-bottom: 30px; } .news-block .inner-box { position: relative; } .news-block .inner-box:hover .image-box .image img { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .news-block .inner-box:hover .image-box .date { bottom: 40px; } .news-block .inner-box .image-box { position: relative; } .news-block .inner-box .image-box .image { overflow: hidden; } .news-block .inner-box .image-box .image img { width: 100%; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .news-block .inner-box .image-box .date { position: absolute; bottom: 15px; left: 15px; font-size: 14px; height: 85px; width: 45px; background-color: var(--theme-color-dark); color: var(--theme-color-light); display: inline-block; text-align: center; padding-top: 14px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .news-block .inner-box .image-box .date small { font-size: 24px; margin-top: -4px; display: inline-block; } .news-block .inner-box .content-box { position: relative; background-color: #fff; padding: 21px 0px 21px 30px; margin-left: 60px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); margin-top: -100px; } @media (max-width: 575.98px) { .news-block .inner-box .content-box { padding: 21px 0px 21px 20px; } } .news-block .inner-box .content-box .post-info { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 3px; } .news-block .inner-box .content-box .post-info li { position: relative; font-size: 12px; color: #666666; margin-right: 17px; } .news-block .inner-box .content-box .post-info li:last-child { margin-right: 0; } .news-block .inner-box .content-box .post-info li i { color: var(--theme-color1); margin-right: 7px; } .news-block .inner-box .content-box .title { color: var(--theme-color-dark); margin-bottom: 12px; } @media (max-width: 575.98px) { .news-block .inner-box .content-box .title { font-size: 22px; } } .news-block .inner-box .content-box .title:hover a { color: var(--theme-color1); } .news-block .inner-box .content-box .read-more { display: inline-block; font-size: 12px; line-height: 22px; font-weight: 400; color: var(--theme-color-dark); background-color: #f8f5f0; padding: 0 20px; height: 40px; line-height: 40px; width: 100%; letter-spacing: 1px; text-transform: uppercase; font-family: var(--text-font2); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; z-index: 99; } .news-block .inner-box .content-box .read-more:before { position: absolute; left: 0; top: 0; height: 100%; width: 100%; content: ""; background-color: var(--bg-theme-color1); border-radius: inherit; -webkit-transform: scale(0, 1); transform: scale(0, 1); z-index: -1; -webkit-transform-origin: top right; transform-origin: top right; transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1); -webkit-transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1); transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1); transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1); -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); } .news-block .inner-box .content-box .read-more:hover:before { -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: bottom left; transform-origin: bottom left; } .news-block .inner-box .content-box .read-more i { position: relative; top: 0px; margin-left: 10px; } .news-block .inner-box .content-box .read-more:hover { color: #fff; } .news-block .inner-box .content-box .read-more:hover i { color: #fff; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } /*** ==================================================================== News Section two ==================================================================== ***/ .news-section-two { position: relative; padding: 120px 0 90px; } .news-section-two::before { content: ""; position: absolute; bottom: 0; left: 0; width: 712px; height: 544px; background-image: url(assets/images/pattern-4.png); } @media (max-width: 575.98px) { .news-section-two .sec-title { margin-bottom: 30px; } } @media (max-width: 575.98px) { .news-section-two .sec-title .sub-title { margin-bottom: 0; } } @media (max-width: 575.98px) { .news-section-two .sec-title h2 { font-size: 29px; } } .news-block-two { position: relative; margin-bottom: 30px; } .news-block-two .inner-box { position: relative; } .news-block-two .inner-box:hover .image-box .image img { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .news-block-two .inner-box .image-box { position: relative; } .news-block-two .inner-box .image-box .image { overflow: hidden; } .news-block-two .inner-box .image-box .image img { width: 100%; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .news-block-two .inner-box .image-box .date { position: absolute; top: 0; right: 30px; font-size: 14px; height: 85px; width: 45px; background-color: var(--theme-color1); color: var(--theme-color-light); display: inline-block; text-align: center; padding-top: 14px; } .news-block-two .inner-box .image-box .date small { font-size: 24px; display: block; } .news-block-two .inner-box .content-box { position: relative; background-color: var(--theme-color-light); -webkit-box-shadow: 0 15px 60px rgba(68, 67, 67, 0.08); box-shadow: 0 15px 60px rgba(68, 67, 67, 0.08); padding: 20px 0px 0 34px; margin: 0 25px; margin-top: -100px; } @media (max-width: 575.98px) { .news-block-two .inner-box .content-box { padding: 21px 0px 0 20px; } } .news-block-two .inner-box .content-box .info-box { padding-left: 82px; margin-bottom: 16px; } .news-block-two .inner-box .content-box .info-box .thumb { position: absolute; left: 30px; top: -25px; display: inline-block; border: 2px solid var(--theme-color1); } .news-block-two .inner-box .content-box .info-box .designation { font-size: 14px; } .news-block-two .inner-box .content-box .title { color: var(--theme-color-dark); margin-bottom: 18px; } @media (max-width: 1199.98px) { .news-block-two .inner-box .content-box .title { font-size: 20px; } } .news-block-two .inner-box .content-box .title:hover a { color: var(--theme-color1); } .news-block-two .inner-box .content-box .btn-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-top: 1px solid #f8f5f0; margin-left: -34px; padding-left: 34px; } .news-block-two .inner-box .content-box .btn-box .read-more { display: inline-block; font-size: 12px; line-height: 22px; color: var(--theme-color-dark); background-color: #f8f5f0; padding: 8px 20px 9px 20px; text-transform: uppercase; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; display: -webkit-box; display: -ms-flexbox; display: flex; font-family: var(--text-font2); letter-spacing: 1.5px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; z-index: 99; transition: all 0.3s ease; } .news-block-two .inner-box .content-box .btn-box .read-more:before { position: absolute; left: 0; top: 0; height: 100%; width: 100%; content: ""; z-index: -1; background-color: var(--bg-theme-color1); border-radius: inherit; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: top right; transform-origin: top right; transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1); -webkit-transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1); transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1); transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1); -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); } .news-block-two .inner-box .content-box .btn-box .read-more:hover:before { -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: bottom left; transform-origin: bottom left; } .news-block-two .inner-box .content-box .btn-box .read-more i { position: relative; top: 0px; margin-left: 10px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .news-block-two .inner-box .content-box .btn-box .read-more:hover { color: #fff; } .news-block-two .inner-box .content-box .btn-box .read-more:hover i { color: #fff; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .news-block-two .inner-box .content-box .btn-box span { font-size: 12px; color: var(--text-color); } .news-block-two .inner-box .content-box .btn-box span .icon { color: var(--theme-color1); margin-right: 7px; } @media only screen and (max-width: 480px) { .news-block .inner-box .content-box .title { font-size: 20px; padding-right: 10px; } } /*** ==================================================================== News Section three ==================================================================== ***/ .news-section-three { padding: 120px 0 90px; position: relative; } .news-section-three::before { background-image: url(assets/images/pattern-4.png); bottom: 0; content: ""; height: 544px; left: 0; position: absolute; width: 712px; } @media (max-width: 575.98px) { .news-section-three .sec-title { margin-bottom: 30px; } } @media (max-width: 575.98px) { .news-section-three .sec-title .sub-title { margin-bottom: 0; } } @media (max-width: 575.98px) { .news-section-three .sec-title h2 { font-size: 29px; } } .news-block-three { margin-bottom: 30px; position: relative; } .news-block-three .inner-box { position: relative; } .news-block-three .inner-box:hover .image-box .image img { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .news-block-three .inner-box .image-box { position: relative; } .news-block-three .inner-box .image-box .image { overflow: hidden; } .news-block-three .inner-box .image-box .image img { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; width: 100%; } .news-block-three .inner-box .content-box { padding: 20px 0 0 0; position: relative; } @media (max-width: 575.98px) { .news-block-three .inner-box .content-box { padding: 21px 0 0 0; } } .news-block-three .inner-box .content-box .post-meta { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 19px; margin-left: 53px; } .news-block-three .inner-box .content-box .post-meta li { position: relative; } .news-block-three .inner-box .content-box .post-meta .categories:hover a { color: var(--theme-color1); } .news-block-three .inner-box .content-box .post-meta .categories:before { border-bottom: 2px solid #222222; bottom: 13px; content: ""; left: -53px; position: absolute; width: 43px; } .news-block-three .inner-box .content-box .post-meta .categories a { color: #222222; font-family: "Gilda Display"; font-size: 14px; font-weight: 400; line-height: 30px; text-transform: uppercase; } .news-block-three .inner-box .content-box .post-meta .date { color: #6A6F78; font-family: "Barlow"; font-size: 14px; font-style: normal; font-weight: 400; line-height: 30px; margin-left: 36px; } .news-block-three .inner-box .content-box .post-meta .date:before { background-color: #AAA9A8; bottom: 10px; bottom: 13px; border-radius: 50%; content: ""; height: 4px; left: -20px; position: absolute; width: 4px; } .news-block-three .inner-box .content-box .title { color: var(--theme-color-dark); margin-bottom: 18px; padding-left: 50px; } @media (max-width: 1199.98px) { .news-block-three .inner-box .content-box .title { font-size: 20px; } } .news-block-three .inner-box .content-box .title:hover a { color: var(--theme-color1); } .news-block-four { margin-bottom: 40px; } .news-block-four .inner-box { position: relative; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .news-block-four .inner-box:hover .image-box .image img:first-child { -webkit-transform: translateX(0) scaleX(1); transform: translateX(0) scaleX(1); opacity: 1; -webkit-filter: blur(0); filter: blur(0); } .news-block-four .inner-box:hover .image-box .image img:nth-child(2) { -webkit-transform: translateX(-50%) scaleX(2); transform: translateX(-50%) scaleX(2); opacity: 0; -webkit-filter: blur(10px); filter: blur(10px); } .news-block-four .image-box { position: relative; } .news-block-four .image-box .image { position: relative; overflow: hidden; margin-bottom: 0; } .news-block-four .image-box .image img { position: relative; width: 100%; display: block; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .news-block-four .image-box .image img:first-child { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 1; -webkit-transform: translateX(50%) scaleX(2); transform: translateX(50%) scaleX(2); opacity: 0; -webkit-filter: blur(10px); filter: blur(10px); } .news-block-four .image-box .date { position: absolute; left: 30px; bottom: 30px; width: 72px; display: block; z-index: 3; } .news-block-four .image-box .date strong { position: relative; display: block; width: 72px; font-size: 30px; font-weight: 700; font-family: var(--title-font); padding: 5px 0 13px; line-height: 1; color: var(--theme-color-light); background-color: var(--theme-color1); text-align: center; } .news-block-four .image-box .date strong span { display: block; font-size: 14px; font-family: var(--text-font); margin-top: 4px; } .news-block-four .content-box { margin-top: 18px; } .news-block-four .content-box .post-meta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 53px; margin-bottom: 19px; } .news-block-four .content-box .post-meta li { position: relative; font-family: var(--title-font); font-size: 22px; font-weight: 500; } .news-block-four .content-box .post-meta .categories:hover a { color: var(--theme-color1); } .news-block-four .content-box .post-meta .categories:before { content: ""; position: absolute; border-bottom: 1px solid #1C1A1D; width: 43px; left: -53px; bottom: 3px; } .news-block-four .content-box .post-meta .categories a { color: #092C4C; } .news-block-four .content-box .post-meta .date { color: #707070; margin-left: 36px; } .news-block-four .content-box .post-meta .date:before { bottom: 10px; bottom: 13px; border-radius: 50%; background-color: #D25239; content: ""; position: absolute; width: 3px; height: 3px; left: -20px; } .news-block-four .content-box .title { color: #092C4C; font-weight: 500; margin-bottom: 20px; } @media (max-width: 575.98px) { .news-block-four .content-box .title { font-size: 26px; margin-bottom: 20px; } } .news-block-four .content-box .title:hover { color: var(--theme-color1); } .news-block-four .content-box .read-more { color: var(--theme-color-dark); font-size: 22px; font-weight: 500; line-height: 1; margin-bottom: 0; position: relative; font-family: var(--title-font); -webkit-transition: all 300ms ease; transition: all 300ms ease; } .news-block-four .content-box .read-more:before { background-color: var(--theme-color-dark); content: ""; height: 1px; position: absolute; top: 50%; right: -60px; bottom: 0; width: 51px; } .news-block-four .content-box .read-more:after { background-color: var(--theme-color1); content: ""; height: 1px; position: absolute; top: 50%; right: -9px; bottom: 0; width: 0; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .news-block-four .content-box .read-more:hover { color: var(--theme-color1); } .news-block-four .content-box .read-more:hover:after { right: -60px; width: 51px; } .news-block-four .content-box .read-more:hover .icon { color: var(--theme-color1); } .news-block-four .content-box .read-more .icon { color: var(--theme-color-dark); font-size: 12px; position: absolute; bottom: 6px; right: -62px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } /*** ==================================================================== FAQ's Sectiom ==================================================================== ***/ .faqs-section-home1 { position: relative; margin-top: -160px; padding: 260px 0 70px; background-repeat: no-repeat; background-position: center; background-size: cover; } .faqs-section-home1:before { position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-color: #ebf1f5; opacity: 0.95; content: ""; } .faqs-section-home1 .sec-title { margin-bottom: 30px; } .faqs-section-home1 .faq-column { position: relative; margin-bottom: 50px; } .faqs-section-home1 .faq-column .inner-column { position: relative; } .faqs-section-home2 { position: relative; margin-top: -100px; padding: 200px 0 70px; z-index: -1; background-repeat: no-repeat; background-position: center; background-size: cover; } .accordion-box.style-two { position: relative; background-color: #ffffff; padding: 0 30px; -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); } .accordion-box.style-two .block { -webkit-box-shadow: none; box-shadow: none; position: relative; } .accordion-box.style-two .block .acc-btn { border-bottom: 1px solid #dddddd; border-radius: 0; cursor: pointer; font-size: 18px; font-weight: 700; letter-spacing: -0.04em; line-height: 25px; padding: 25px 0; padding-right: 70px; position: relative; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .accordion-box.style-two .block .acc-btn .icon { position: absolute; right: 0px; top: 40px; height: 35px; font-size: 14px; line-height: 38px; color: var(--headings-color); text-align: center; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .accordion-box.style-two .block .acc-btn.active { color: var(--theme-color1); background-color: transparent; } .accordion-box.style-two .block .acc-btn.active .icon { color: var(--bg-theme-color1); } .accordion-box.style-two .block .acc-btn.active .icon:before { content: "\f068"; } .accordion-box.style-two .block .acc-content { position: relative; display: none; } .accordion-box.style-two .block .acc-content .content { border-bottom: 1px solid #dddddd; padding: 25px 0; position: relative; } .accordion-box.style-two .block .acc-content .content .text { display: block; font-size: 16px; line-height: 30px; color: #7c858c; margin-bottom: 0; } .accordion-box.style-two .block .acc-content.current { display: block; } .faq-block { position: relative; margin-bottom: 40px; } .faq-block .inner-box { padding-left: 70px; position: relative; } .faq-block .inner-box:hover .icon { background-color: var(--bg-theme-color1); } .faq-block .icon { position: absolute; left: 0; top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 50px; width: 50px; color: #fff; background-color: var(--bg-theme-color1); border-radius: 50%; font-size: 14px; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .faq-block h4 { font-size: 18px; line-height: 1.2em; color: var(--theme-color3); font-weight: 700; margin-bottom: 10px; } .faq-block .text { font-size: 16px; line-height: 30px; } .pie-graph { position: relative; } .pie-graph .graph-outer { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 15px; } .pie-graph .graph-outer .inner-text { position: absolute; left: 0; top: 0; height: 100%; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 24px; color: var(--theme-color2); font-weight: 400; line-height: 1em; } .pie-graph .title { font-size: 18px; line-height: 1.2em; margin-bottom: 0; } .home-2-tabs { position: relative; } .home-2-tabs .nav-tabs { border-bottom: none; } .home-2-tabs .nav-tabs .nav-link { background-color: #fff; border-color: transparent; border-radius: 5px; -webkit-box-shadow: 0px 1px 72px 0px rgba(0, 0, 0, 0.14); box-shadow: 0px 1px 72px 0px rgba(0, 0, 0, 0.14); color: #151515; font-size: 14px; font-weight: 600; padding: 10px 35px; } @media (max-width: 425px) { .home-2-tabs .nav-tabs .nav-link { margin-bottom: 20px; } } .home-2-tabs .nav-tabs .nav-link.active { background-color: #151515; color: #fff; } /*** ================================================================== pricing section ================================================================== ***/ .pricing-section { position: relative; padding: 120px 0 95px; background-color: var(--theme-color3); } @media (max-width: 575.98px) { .pricing-section { padding: 80px 0 70px; } } @media (max-width: 575.98px) { .pricing-section .sec-title { margin-bottom: 30px; } } @media (max-width: 575.98px) { .pricing-section .sec-title .sub-title { margin-bottom: 0; } } @media (max-width: 575.98px) { .pricing-section .sec-title h2 { font-size: 35px; } } .pricing-block { margin-bottom: 13px; } .pricing-block .inner-box { position: relative; padding: 10px 0 13px 99px; } .pricing-block .inner-box:hover .thumb img { -webkit-transform: scale(1.2); transform: scale(1.2); } .pricing-block .inner-box .food-pack { display: inline-block; position: absolute; top: 8px; right: 0; border: 1px solid var(--theme-color1); padding: 0 13px; height: 24px; line-height: 20px; color: var(--theme-color1); font-size: 12px; font-family: var(--text-font2); letter-spacing: 1px; z-index: 9; text-transform: uppercase; } .pricing-block .inner-box .thumb { position: absolute; top: 0; left: 0; overflow: hidden; max-width: 80px; } .pricing-block .inner-box .thumb img { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .pricing-block .inner-box .content-box .title { font-size: 20px; margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .pricing-block .inner-box .content-box .title span { color: #222222; position: relative; } .pricing-block .inner-box .content-box .title span::before { content: ""; position: absolute; top: 20px; left: -269px; width: 259px; height: 1px; border: 1px dashed #c0bfbe; } @media (max-width: 1199.98px) { .pricing-block .inner-box .content-box .title span::before { left: -197px; width: 190px; } } @media (max-width: 991.98px) { .pricing-block .inner-box .content-box .title span::before { display: none; } } .pricing-block .inner-box .content-box .designation { font-size: 14px; margin-bottom: 7px; display: inline-block; } /*** ================================================================== pricing section two ================================================================== ***/ .pricing-section-two { position: relative; padding: 120px 0; } @media (max-width: 767.98px) { .pricing-section-two { padding: 80px 0 40px; } } @media (max-width: 575.98px) { .pricing-section-two .sec-title h2 { font-size: 32px; line-height: 40px; } } @media (max-width: 767.98px) { .pricing-block-two { margin-bottom: 40px; } } .pricing-block-two .list-style-two { margin-top: 30px; } .pricing-block-two .list-style-two li { margin-bottom: 10px; } .pricing-block-two .inner-box { position: relative; } .pricing-block-two .inner-box .content-column .inner-column { position: relative; background-color: #f8f5f0; padding: 36px 40px 40px; margin-right: -75px; z-index: 99; margin-top: 34px; } @media (max-width: 1199.98px) { .pricing-block-two .inner-box .content-column .inner-column { margin-right: -113px; } } @media (max-width: 991.98px) { .pricing-block-two .inner-box .content-column .inner-column { margin-top: 0; } } .pricing-block-two .inner-box .content-column .inner-column::before { content: ""; position: absolute; top: 0; left: 41px; width: 95px; height: 13px; background-color: var(--theme-color1); } .pricing-block-two .inner-box .content-column .inner-column .title { font-size: 48px; color: var(--theme-color1); margin-bottom: -14px; } .pricing-block-two .inner-box .content-column .inner-column .title span { font-size: 14px; color: var(--theme-color-dark); } .pricing-block-two .inner-box .content-column .inner-column span { font-size: 27px; color: var(--theme-color-dark); font-family: var(--title-font); } .pricing-block-two .inner-box .content-column .inner-column .book-now { font-size: 12px; padding: 0 30px; background-color: var(--theme-color-dark); height: 40px; color: var(--theme-color-light); display: inline-block; -webkit-font-feature-settings: var(--text-font2); font-feature-settings: var(--text-font2); line-height: 40px; text-align: center; margin-top: 22px; text-transform: uppercase; position: relative; z-index: 9; } .pricing-block-two .inner-box .content-column .inner-column .book-now:before { position: absolute; left: 0; top: 0; height: 100%; width: 100%; content: ""; z-index: -1; background-color: var(--bg-theme-color1); border-radius: inherit; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: top right; transform-origin: top right; transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1); -webkit-transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1); transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1); transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1); -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); } .pricing-block-two .inner-box .content-column .inner-column .book-now:hover:before { -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: bottom left; transform-origin: bottom left; } .pricing-block-two .inner-box .content-column .inner-column .book-now:hover { color: #fff; } .pricing-block-two .inner-box .image-column .image-box { height: 100%; } .pricing-block-two .inner-box .image-column .image-box figure { height: 100%; position: relative; } .pricing-block-two .inner-box .image-column .image-box figure:before { background: rgba(255, 255, 255, 0.3); content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 0; opacity: 1; z-index: 9; pointer-events: none; } .pricing-block-two .inner-box .image-column .image-box figure:hover:before { height: 100%; opacity: 0; -webkit-transition: all 400ms linear; transition: all 400ms linear; } .pricing-block-two .inner-box .image-column .image-box figure img { height: 100%; -o-object-fit: cover; object-fit: cover; } @media only screen and (max-width: 767px) { .pricing-block-two .inner-box .image-column .image-box { display: none; } .pricing-block-two .inner-box .content-column .inner-column { margin-right: 0; } } @media only screen and (max-width: 480px) { .pricing-block .inner-box .food-pack { margin-top: 20px; position: static; } .pricing-block .inner-box { padding-top: 0; } } /*** ================================================================== pricing section three ================================================================== ***/ .pricing-section-three { position: relative; padding: 120px 0; } @media (max-width: 767.98px) { .pricing-section-three { padding: 80px 0 40px; } } @media (max-width: 575.98px) { .pricing-section-three .sec-title h2 { font-size: 32px; line-height: 40px; } } .pricing-block-three { margin-bottom: 120px; } @media (max-width: 767.98px) { .pricing-block-three { margin-bottom: 40px; } } .pricing-block-three .inner-box { position: relative; } .pricing-block-three .inner-box .content-column .inner-column { position: relative; background-color: var(--theme-color-dark); border-top: 1px solid #727171; border-right: 1px solid #727171; padding: 39px 60px 50px; margin-right: -17px; z-index: 99; margin-top: 57px; } @media (max-width: 1199.98px) { .pricing-block-three .inner-box .content-column .inner-column { padding: 39px 30px 50px; } } @media (max-width: 991.98px) { .pricing-block-three .inner-box .content-column .inner-column { margin-top: 0; margin-right: 0; } } @media (max-width: 575.98px) { .pricing-block-three .inner-box .content-column .inner-column { padding: 39px 15px 50px; } } .pricing-block-three .inner-box .content-column .inner-column .pricing-title { font-size: 27px; color: var(--theme-color-light); font-family: var(--title-font); margin-bottom: 0; } .pricing-block-three .inner-box .content-column .inner-column .pricing-amount { color: var(--theme-color1); display: block; margin-bottom: 15px; margin-top: -11px; } .pricing-block-three .inner-box .content-column .inner-column .list-box { border-top: 1px solid #6A6969; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 24px; } @media (max-width: 459.98px) { .pricing-block-three .inner-box .content-column .inner-column .list-box { display: block; } } .pricing-block-three .inner-box .content-column .inner-column .list-box .list-style-two { margin-right: 53px; margin-top: 19px; } @media (max-width: 1199.98px) { .pricing-block-three .inner-box .content-column .inner-column .list-box .list-style-two { margin-right: 15px; } } @media (max-width: 991.98px) { .pricing-block-three .inner-box .content-column .inner-column .list-box .list-style-two { margin-right: 53px; } } @media (max-width: 575.98px) { .pricing-block-three .inner-box .content-column .inner-column .list-box .list-style-two { margin-right: 12px; } } .pricing-block-three .inner-box .content-column .inner-column .list-box .list-style-two:last-child { margin-right: 0; } .pricing-block-three .inner-box .content-column .inner-column .list-box .list-style-two li { padding-left: 0; } .pricing-block-three .inner-box .content-column .inner-column .list-style-two { margin-top: 30px; } .pricing-block-three .inner-box .content-column .inner-column .list-style-two li { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 14px; color: #acacac; } .pricing-block-three .inner-box .content-column .inner-column .list-style-two li .image { margin-bottom: 0; margin-right: 10px; } .pricing-block-three .inner-box .content-column .inner-column .btn-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .pricing-block-three .inner-box .content-column .inner-column .btn-box .btn-link { color: var(--theme-color-light); font-size: 18px; text-decoration: none; } .pricing-block-three .inner-box .content-column .inner-column .btn-box .btn-link i { font-size: 15px; margin-left: 3px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .pricing-block-three .inner-box .content-column .inner-column .btn-box .btn-link:hover { color: var(--theme-color1); } .pricing-block-three .inner-box .content-column .inner-column .btn-box .btn-link:hover i { -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; } .pricing-block-three .inner-box .image-column .image-box { margin-left: -105px; } @media (max-width: 991.98px) { .pricing-block-three .inner-box .image-column .image-box { margin-left: 0; } } .pricing-block-three .inner-box .image-column .image-box figure { position: relative; } .pricing-block-three .inner-box .image-column .image-box figure:before { background: rgba(255, 255, 255, 0.3); content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 0; opacity: 1; z-index: 9; pointer-events: none; } .pricing-block-three .inner-box .image-column .image-box figure:hover:before { height: 100%; opacity: 0; -webkit-transition: all 400ms linear; transition: all 400ms linear; } .pricing-block-three .inner-box .image-column .image-box figure img { height: 100%; -o-object-fit: cover; object-fit: cover; } @media (max-width: 991.98px) { .pricing-block-three .inner-box .image-column .image-box figure img { width: 100%; } } .pricing-block-three .inner-box.content-align-right .content-column { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .pricing-block-three .inner-box.content-align-right .content-column .inner-column { margin-left: -17px; margin-right: 0; } @media (max-width: 991.98px) { .pricing-block-three .inner-box.content-align-right .content-column .inner-column { margin-left: 0; } } .pricing-block-three .inner-box.content-align-right .image-column .image-box { margin-left: 0; margin-right: -105px; } @media (max-width: 991.98px) { .pricing-block-three .inner-box.content-align-right .image-column .image-box { margin-right: 0; } } /*** ================================================================== pricing section four ================================================================== ***/ .pricing-section-four { position: relative; padding: 120px 0; } @media (max-width: 767.98px) { .pricing-section-four { padding: 80px 0 40px; } } @media (max-width: 575.98px) { .pricing-section-four .sec-title h2 { font-size: 32px; line-height: 40px; } } .pricing-block-four { margin-bottom: 120px; } @media (max-width: 767.98px) { .pricing-block-four { margin-bottom: 40px; } } .pricing-block-four .inner-box { position: relative; } .pricing-block-four .inner-box .content-column .inner-column { position: relative; padding: 0 0 50px; z-index: 99; margin-top: 75px; } @media (max-width: 991.98px) { .pricing-block-four .inner-box .content-column .inner-column { margin-right: 0; margin-top: 0; } } .pricing-block-four .inner-box .content-column .inner-column .pricing-amount { color: var(--theme-color1); display: block; font-size: 48px; margin-bottom: 0; font-family: var(--title-font); } .pricing-block-four .inner-box .content-column .inner-column .pricing-amount span { font-size: 14px; color: var(--theme-color-dark); margin-left: 5px; } .pricing-block-four .inner-box .content-column .inner-column .pricing-title { font-size: 27px; color: var(--theme-color-dark); margin-bottom: 18px; margin-top: -4px; } .pricing-block-four .inner-box .content-column .inner-column .list-box { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 18px; } .pricing-block-four .inner-box .content-column .inner-column .list-box .list-style-two { margin-right: 53px; margin-top: 0; } @media (max-width: 1199.98px) { .pricing-block-four .inner-box .content-column .inner-column .list-box .list-style-two { margin-right: 12px; } } .pricing-block-four .inner-box .content-column .inner-column .list-box .list-style-two:last-child { margin-right: 0; } .pricing-block-four .inner-box .content-column .inner-column .list-style-two { margin-top: 30px; } .pricing-block-four .inner-box .content-column .inner-column .list-style-two li { margin-bottom: 10px; } .pricing-block-four .inner-box .content-column .inner-column .btn-box { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 41px; } .pricing-block-four .inner-box .content-column .inner-column .btn-box .btn-link { color: var(--theme-color-dark); font-size: 18px; text-decoration: none; } .pricing-block-four .inner-box .content-column .inner-column .btn-box .btn-link i { font-size: 15px; margin-left: 3px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .pricing-block-four .inner-box .content-column .inner-column .btn-box .btn-link:hover { color: var(--theme-color1); } .pricing-block-four .inner-box .content-column .inner-column .btn-box .btn-link:hover i { -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; } .pricing-block-four .inner-box .image-column .image-box { margin-left: 40px; } @media (max-width: 1199.98px) { .pricing-block-four .inner-box .image-column .image-box { margin-left: 30px; } } @media (max-width: 991.98px) { .pricing-block-four .inner-box .image-column .image-box { margin-left: 0; } } .pricing-block-four .inner-box .image-column .image-box figure { position: relative; } .pricing-block-four .inner-box .image-column .image-box figure:before { background: rgba(255, 255, 255, 0.3); content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 0; opacity: 1; z-index: 9; pointer-events: none; } .pricing-block-four .inner-box .image-column .image-box figure:hover:before { height: 100%; opacity: 0; -webkit-transition: all 400ms linear; transition: all 400ms linear; } .pricing-block-four .inner-box .image-column .image-box figure img { height: 100%; -o-object-fit: cover; object-fit: cover; } .pricing-block-four .inner-box.content-align-right .content-column { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .pricing-block-four .inner-box.content-align-right .image-column .image-box { margin-left: 0; margin-right: 40px; } @media (max-width: 1199.98px) { .pricing-block-four .inner-box.content-align-right .image-column .image-box { margin-right: 30px; } } @media (max-width: 767.98px) { .pricing-block-four .inner-box.content-align-right .image-column .image-box { margin-right: 0; margin-bottom: 30px; } } .pricing-block-four.home4-style .inner-box .content-column .inner-column { margin-top: 50px; } @media (max-width: 991.98px) { .pricing-block-four.home4-style .inner-box .content-column .inner-column { margin-top: 0; } } /*** ================================================================== pricing section five ================================================================== ***/ .pricing-section-five { position: relative; padding: 120px 0; } @media (max-width: 767.98px) { .pricing-section-five { padding: 80px 0 40px; } } @media (max-width: 575.98px) { .pricing-section-five .sec-title h2 { font-size: 32px; line-height: 40px; } } @media (max-width: 991.98px) { .pricing-block-five { margin-bottom: 40px; } } .pricing-block-five .inner-box { position: relative; } .pricing-block-five .inner-box:hover .content-column .inner-column { background-color: var(--theme-color-dark); border-color: var(--theme-color-dark); } .pricing-block-five .inner-box:hover .content-column .inner-column .pricing-amount { border-color: rgba(217, 217, 217, 0.3); color: var(--theme-color-light); } .pricing-block-five .inner-box:hover .content-column .inner-column .pricing-amount span { color: var(--theme-color-light); } .pricing-block-five .inner-box:hover .content-column .inner-column .list-style-two li { color: var(--theme-color-light); } .pricing-block-five .inner-box:hover .content-column .inner-column .list-style-two li:before { color: var(--theme-color-light); } .pricing-block-five .inner-box .content-column .inner-column { border: 1px solid #e0e0e0; position: relative; padding: 0 40px 40px; z-index: 99; margin-top: 34px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } @media (max-width: 1199.98px) { .pricing-block-five .inner-box .content-column .inner-column { margin-right: -113px; } } @media (max-width: 991.98px) { .pricing-block-five .inner-box .content-column .inner-column { margin-top: 0; } } .pricing-block-five .inner-box .content-column .inner-column .pricing-title { background-color: var(--theme-color1); color: var(--theme-color-light); font-family: var(--title-font); font-size: 18px; padding: 6px 19px; display: inline-block; position: relative; } .pricing-block-five .inner-box .content-column .inner-column .pricing-title:before { background-color: var(--theme-color1); content: ""; height: 1px; width: 100%; position: absolute; left: 0; top: -1px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .pricing-block-five .inner-box .content-column .inner-column .pricing-amount { border-bottom: 1px solid #d9d9d9; font-size: 50px; color: var(--theme-color-dark); margin-bottom: 0; margin-top: 29px; padding-bottom: 30px; text-align: center; min-width: 260px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .pricing-block-five .inner-box .content-column .inner-column .pricing-amount sup { font-size: 24px; top: -17px; } .pricing-block-five .inner-box .content-column .inner-column .pricing-amount span { font-family: var(--text-font); font-size: 16px; color: var(--text-color); position: relative; top: 10px; margin-left: 7px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .pricing-block-five .inner-box .content-column .inner-column .pricing-amount span:before { background-color: #a4a4a4; content: ""; height: 50px; width: 1px; position: absolute; left: -10px; top: -18px; -webkit-transform: rotate(-142.1deg); transform: rotate(-142.1deg); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .pricing-block-five .inner-box .content-column .inner-column .list-style-two { margin-top: 32px; min-width: 263px; } .pricing-block-five .inner-box .content-column .inner-column .list-style-two li { margin-bottom: 15px; position: relative; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .pricing-block-five .inner-box .content-column .inner-column .list-style-two li:before { color: #868686; content: "\f054"; font-family: "Font Awesome 6 Pro"; font-weight: 900; font-size: 16px; right: 0; position: absolute; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .pricing-block-five .inner-box .content-column .inner-column .list-style-two li .icon { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .pricing-block-five .inner-box .content-column .inner-column .book-now { margin-top: 20px; } /*** ==================================================================== client-section ==================================================================== ***/ .client-section { position: relative; padding: 120px 0 200px; } @media (max-width: 575.98px) { .client-section { padding: 80px 0 190px; } } @media (max-width: 575.98px) { .client-section .sec-title { margin-bottom: 40px; } } .client-section .sec-title .sub-title { color: #a6a5a6; } @media (max-width: 575.98px) { .client-section .sec-title .sub-title { font-size: 14px; } } @media (max-width: 575.98px) { .client-section .sec-title h2 { font-size: 32px; } } .client-block .inner-box { position: relative; background-color: var(--theme-color-light); text-align: center; padding: 45px 15px 43px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; margin-bottom: 40px; } .client-block .inner-box:hover::before { opacity: 1; visibility: visible; left: 50%; } .client-block .inner-box:before { content: ""; position: absolute; top: 0; left: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 95px; height: 13px; background-color: var(--theme-color1); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 0; visibility: hidden; } .client-block .inner-box .title { margin-bottom: 0; } @media (max-width: 575.98px) { .client-block .inner-box .text { font-size: 14px; } } .client-block .inner-box span { text-transform: uppercase; color: var(--theme-color1); font-family: var(--text-font2); } .client-block .inner-box .image-box { position: relative; margin-bottom: 40px; margin-top: 21px; } .client-block .inner-box .image-box .icon { position: absolute; bottom: -13px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); font-size: 40px; color: var(--theme-color1); } /*** ==================================================================== offer-section ==================================================================== ***/ .offer-banner { position: relative; margin-top: -120px; } .offer-banner .outer-box { position: relative; background-color: #f8f5f0; padding: 74px 103px 78px; overflow: hidden; } @media (max-width: 991.98px) { .offer-banner .outer-box { padding: 44px 46px 50px; } } .offer-banner .outer-box::before { content: ""; position: absolute; top: 0; left: 0; width: 658px; height: 502px; background-image: url(assets/images/pattern3.png); } @media (max-width: 575.98px) { .offer-banner .outer-box .content-colum .inner-column .content-box .sub-title { margin-bottom: 20px; display: inline-block; } } .offer-banner .outer-box .content-colum .inner-column .content-box .title { font-size: 48px; margin-bottom: 0; } @media (max-width: 1199.98px) { .offer-banner .outer-box .content-colum .inner-column .content-box .title { font-size: 39px; } } @media (max-width: 575.98px) { .offer-banner .outer-box .content-colum .inner-column .content-box .title { font-size: 30px; line-height: 40px; margin-top: 10px; } } .offer-banner .outer-box .btn-column .inner-column { text-align: right; margin-top: 21px; } @media (max-width: 991.98px) { .offer-banner .outer-box .btn-column .inner-column { text-align: center; } } .offer-banner .outer-box .btn-column .inner-column .read-more { padding: 0 47px; height: 60px; line-height: 60px; background-color: var(--theme-color1); color: var(--theme-color-light); display: inline-block; text-align: center; text-transform: uppercase; font-family: var(--text-font2); position: relative; z-index: 9; } .offer-banner .outer-box .btn-column .inner-column .read-more:before { position: absolute; left: 0; top: 0; height: 100%; width: 100%; content: ""; z-index: -1; background-color: var(--bg-theme-color1); border-radius: inherit; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: top right; transform-origin: top right; transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1); -webkit-transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1); transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1); transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1); -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); } .offer-banner .outer-box .btn-column .inner-column .read-more:hover:before { -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: bottom left; transform-origin: bottom left; } .offer-banner .outer-box .btn-column .inner-column .read-more:hover { background: #000; } /*** ==================================================================== client-section two ==================================================================== ***/ .client-section-two { position: relative; padding: 80px 0; } .client-section-two .client-slider { display: -webkit-box; display: -ms-flexbox; display: flex; } .client-section-two .client-slider .client-block-two:last-child { margin-right: 0; } .client-section-two .client-slider .client-block-two .inner-box .image img { width: unset; margin: 0 auto; } @media only screen and (max-width: 991px) { .offer-banner .content-colum { text-align: center; } } @media only screen and (max-width: 480px) { .client-block-two a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } /*** ==================================================================== food-section ==================================================================== ***/ .food-section { position: relative; padding: 120px 0 60px; } @media (max-width: 575.98px) { .food-section { padding-bottom: 30px; } } @media (max-width: 991.98px) { .food-section .image-column { display: none; } } .food-section .image-column .inner-column { position: relative; margin-left: -375px; } @media (max-width: 1199.98px) { .food-section .image-column .inner-column { margin-right: -93px; } } .food-section .image-column .inner-column .play-now-two { position: absolute; top: 123px; right: 125px; font-size: 31px; color: var(--theme-color-light); width: 150px; height: 150px; text-align: center; line-height: 150px; border: 1px solid var(--theme-color-light); border-radius: 50%; display: inline-block; } @media (max-width: 1199.98px) { .food-section .image-column .inner-column .play-now-two { width: 100px; height: 100px; top: 40px; right: 40px; line-height: 100px; } } .food-section .image-column .inner-column .quote-box { position: absolute; bottom: -15px; right: -60px; max-width: 460px; background-color: var(--theme-color1); padding: 37px 40px 44px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 1399.98px) { .food-section .image-column .inner-column .quote-box { display: none; } } .food-section .image-column .inner-column .quote-box .icon-box { line-height: 83px; } .food-section .image-column .inner-column .quote-box .icon-box i { color: #000; font-size: 72px; position: relative; top: 15px; } .food-section .image-column .inner-column .quote-box .text { max-width: calc(100% - 100px); padding-left: 33px; font-size: 24px; color: var(--theme-color-light); line-height: 36px; font-family: var(--text-font2); } .food-section .content-column .inner-column { margin-top: 58px; margin-left: 116px; } @media (max-width: 1199.98px) { .food-section .content-column .inner-column { margin-top: 19px; } } @media (max-width: 1199.98px) { .food-section .content-column .inner-column { margin-left: 0; } } .food-section .content-column .inner-column .sec-title .sub-title::before { display: none; } @media (max-width: 575.98px) { .food-section .content-column .inner-column .sec-title h2 { font-size: 30px; line-height: 38px; } } .food-section .content-column .inner-column .sec-title .text { margin-top: 46px; margin-bottom: 37px; } @media (max-width: 767.98px) { .food-section .content-column .inner-column .sec-title .text { font-size: 14px; } } @media (max-width: 575.98px) { .food-section .content-column .inner-column .sec-title .text { font-size: 17px; margin-top: 29px; } } @media (max-width: 575.98px) { .food-section .content-column .inner-column .food-list.two { display: none; } } .food-section .content-column .inner-column .healthy-food { display: -webkit-box; display: -ms-flexbox; display: flex; } .food-section .content-column .inner-column .healthy-food .food-list { margin-right: 100px; } @media (max-width: 575.98px) { .food-section .content-column .inner-column .healthy-food .food-list { margin-right: 0; } } .food-section .content-column .inner-column .healthy-food .food-list:last-child { margin-right: 0; } .food-section .content-column .inner-column .healthy-food .food-list ul li { position: relative; padding-left: 32px; margin-bottom: 8px; } .food-section .content-column .inner-column .healthy-food .food-list ul li:last-child { margin-bottom: 0; } .food-section .content-column .inner-column .healthy-food .food-list ul li i { position: absolute; left: 0; color: var(--theme-color1); } .food-section .content-column .inner-column .image-box { margin-top: 46px; display: -webkit-box; display: -ms-flexbox; display: flex; } .food-section .content-column .inner-column .image-box .image { margin-right: 30px; } .food-section .content-column .inner-column .image-box .image:last-child { margin-right: 0; } @media only screen and (max-width: 1200px) { .food-section .image-column { display: none; } } /*** ==================================================================== BOOKING SECTION ==================================================================== ***/ .booking-section { position: relative; padding: 110px 0 107px; margin-top: 87px; } /* .booking-section:before { content: ""; position: absolute; bottom: 0; right: 0; width: 100%; max-width: 1200px; height: 100%; background-image: url(assets/images/bg-booking.jpg); background-repeat: no-repeat; } */ .gform_wrapper{ position: relative; z-index: 999; } .gform_required_legend{ display: none; } .gform-theme--foundation .gform_fields{ row-gap: 1em !important; } .gform_button[type=submit] { padding: 1em !important; color: white !important; background: #000 !important; border:0 none; cursor:pointer; border-radius: 0 !important; text-transform: uppercase !important; } .gsection_title{ margin-top: 1em; font-size: 2em !important; } .booking-content-column .inner-column { padding-left: 4em; position: relative; } .booking-content-column .inner-column .sec-title { margin-bottom: 54px; } .booking-content-column .inner-column p { color: #adadad; font-size: 16px; line-height: 30px; margin-bottom: 29px; } .booking-content-column .inner-column p:last-child { margin-bottom: 0; } .booking-content-column .inner-column .contact-info { margin-top: 45px; } .booking-content-column .inner-column .contact-info span, .booking-content-column .inner-column .contact-info .title { color: #fff; } .booking-form-column .inner-column { padding: 60px 70px 70px; position: relative; z-index: 9; padding: relative; } .booking-form-column .inner-column:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; background-color: #f8f5f0; background-color: #fff; z-index: 9; height: 100%; } .booking-form-column .inner-column:after { content: ""; position: absolute; top: 87px; left: -80px; width: 424px; height: 288px; background-image: url(assets/images/bk-shape.png); background-repeat: no-repeat; } .booking-form-column .inner-column .sec-title { margin-bottom: 54px; position: relative; z-index: 9; } .booking-form-column .inner-column .sec-title:before { content: ""; position: absolute; top: -60px; left: 0; width: 95px; height: 13px; background: var(--theme-color1); } .booking-form-column .inner-column .sec-title .sub-title:before { display: none; } .booking-form-column .inner-column .bk-form { position: relative; z-index: 9; } .booking-form-column .inner-column .bk-form .frm-field { position: relative; margin-bottom: 15px; } .booking-form-column .inner-column .bk-form .frm-field:last-child { margin-bottom: 0; } .booking-form-column .inner-column .bk-form .frm-field input, .booking-form-column .inner-column .bk-form .frm-field select { width: 100%; height: 70px; color: #222222; font-size: 16px; padding: 0 30px; border: 1px solid #adadad; background: #fff; } .booking-form-column .inner-column .bk-form .frm-field img, .booking-form-column .inner-column .bk-form .frm-field i { position: absolute; top: 50%; right: 30px; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: var(--theme-color1); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; user-select: none; pointer-events: none; } .booking-form-column .inner-column .bk-form .form-submit { margin-top: 23px; } .booking-form-column .inner-column .bk-form .form-submit button { background-color: #222222; color: #fff; font-size: 16px; text-transform: uppercase; font-family: var(--text-font2); letter-spacing: 2px; width: 100%; height: 70px; line-height: 70px; border: 0; position: relative; z-index: 9; } .booking-form-column .inner-column .bk-form .form-submit button:before { position: absolute; left: 0; top: 0; height: 100%; width: 100%; content: ""; background-color: var(--bg-theme-color1); border-radius: inherit; -webkit-transform: scale(0, 1); transform: scale(0, 1); z-index: -1; -webkit-transform-origin: top right; transform-origin: top right; transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1); -webkit-transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1); transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1); transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1); -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); } .booking-form-column .inner-column .bk-form .form-submit button:hover:before { -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: bottom left; transform-origin: bottom left; } .booking-form-column.bg-dark-style .inner-column { margin-top: 0; padding: 0 40px 40px; } @media (max-width: 767.98px) { .booking-form-column.bg-dark-style .inner-column { margin-left: 0; } } .booking-form-column.bg-dark-style .inner-column:before { background-color: #0D0C0C; z-index: 0; } .booking-form-column.bg-dark-style .inner-column:after { content: ""; width: 404px; height: 392px; background-image: url(assets/images/doted-1.png); opacity: 0.4; position: absolute; right: 0; bottom: 0; top: auto; left: auto; } .booking-form-column.bg-dark-style .inner-column .sec-title { text-align: center; padding-top: 36px; margin-bottom: 21px; } .booking-form-column.bg-dark-style .inner-column .sec-title:before { height: 5px; width: calc(100% + 80px); left: -40px; top: 0; } .booking-form-column.bg-dark-style .inner-column .sec-title.light h3 { color: var(--theme-color-light); } .booking-form-column.bg-dark-style .inner-column .bk-form .frm-field { margin-bottom: 20px; } .booking-form-column.bg-dark-style .inner-column .bk-form .frm-field input, .booking-form-column.bg-dark-style .inner-column .bk-form .frm-field select { color: #6A6F78; border: 1px solid rgba(var(--theme-color-white-rgb), 0.1); background: #171717; height: 60px; } .booking-form-column.bg-dark-style .inner-column .bk-form .frm-field input::-webkit-input-placeholder, .booking-form-column.bg-dark-style .inner-column .bk-form .frm-field select::-webkit-input-placeholder { color: #686a6f; opacity: 1; } .booking-form-column.bg-dark-style .inner-column .bk-form .frm-field input::-moz-placeholder, .booking-form-column.bg-dark-style .inner-column .bk-form .frm-field select::-moz-placeholder { color: #686a6f; opacity: 1; } .booking-form-column.bg-dark-style .inner-column .bk-form .frm-field input:-ms-input-placeholder, .booking-form-column.bg-dark-style .inner-column .bk-form .frm-field select:-ms-input-placeholder { color: #686a6f; opacity: 1; } .booking-form-column.bg-dark-style .inner-column .bk-form .frm-field input::-ms-input-placeholder, .booking-form-column.bg-dark-style .inner-column .bk-form .frm-field select::-ms-input-placeholder { color: #686a6f; opacity: 1; } .booking-form-column.bg-dark-style .inner-column .bk-form .frm-field input::placeholder, .booking-form-column.bg-dark-style .inner-column .bk-form .frm-field select::placeholder { color: #686a6f; opacity: 1; } .booking-form-column.bg-dark-style .inner-column .bk-form .frm-field input:-ms-input-placeholder, .booking-form-column.bg-dark-style .inner-column .bk-form .frm-field select:-ms-input-placeholder { color: #686a6f; opacity: 1; } .booking-form-column.bg-dark-style .inner-column .bk-form .frm-field input::-ms-input-placeholder, .booking-form-column.bg-dark-style .inner-column .bk-form .frm-field select::-ms-input-placeholder { color: #686a6f; opacity: 1; } .booking-form-column.bg-dark-style .inner-column .bk-form .form-submit button { font-family: var(--text-font); font-weight: 600; } .bk-form select::-ms-expand { display: none; } .bk-form select { -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ""; } @media only screen and (max-width: 1366px) { .booking-form-column .inner-column::after { display: none; } } @media only screen and (max-width: 991px) { .booking-form-column .inner-column { margin-top: 0; } .booking-section { margin-top: 0; } .booking-section:before { display: none; } .booking-content-column .inner-column { padding-left: 0; margin-top: 50px; } } @media only screen and (max-width: 576px) { .booking-form-column .inner-column { padding: 50px 25px; } } @media only screen and (max-width: 480px) { .booking-form-column .inner-column { padding: 60px 30px 70px; } } /*** ================================================================== Main Footer ================================================================== ***/ .main-footer { position: relative; background-color: var(--bg-theme-color2); /* Widget Section */ } .main-footer .bg { background-size: auto; } .main-footer .footer-bg-1 { background-image: url(assets/images/footer-bg-1.png); background-color: #0a0a0a; background-position: left bottom; } .main-footer .footer-bg-2 { background-image: url(assets/images/footer-bg-2.png); background-position: right bottom; } .main-footer .footer-bg-3 { background-image: url(assets/images/footer-bg-3.png); background-position: right bottom; } .main-footer .footer-bg-4 { background-image: url(assets/images/footer-bg-4.png); background-position: right bottom; opacity: 0.1; } .main-footer .footer-bg-5 { background-image: url(assets/images/footer-bg-5.png); background-position: center; background-size: cover; } .main-footer .footer-bg-6 { background-image: url(assets/images/footer-bg-6.png); background-position: right bottom; } .main-footer .footer-bg-7 { background-image: url(assets/images/footer-bg-7.png); } .main-footer .footer-bg-8 { background-image: url(assets/images/footer-bg-8.png); } .main-footer .footer-bg-9 { background-image: url(assets/images/footer-bg-9.png); background-position: right bottom; } .main-footer .footer-bg-10 { background-image: url(assets/images/footer-bg-10.png); background-position: right bottom; } .main-footer .footer-bg-11 { background-image: url(assets/images/footer-bg-11.png); } .main-footer .widgets-section { position: relative; padding: 2em; } .main-footer .footer-column { position: relative; margin-bottom: 0px; margin-top: 2em; } .main-footer .footer-widget { position: relative; } .main-footer .widget-title { position: relative; color: var(--theme-color-light); margin-bottom: 22px; } .main-footer .widget-content { position: relative; } .main-footer .widget-content .text { color: var(--theme-color-light); } .user-links { position: relative; } .user-links li { position: relative; font-size: 14px; line-height: 32px; color: #929292; font-weight: 400; margin-bottom: 2px; } .user-links li:last-child { margin-bottom: 0; } .user-links li a { position: relative; display: inline-block; color: inherit; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .user-links li a:hover { color: #FFFFFF; } .user-links li a:before { position: absolute; left: 0; bottom: 3px; width: 0; height: 1px; background-color: var(--bg-theme-color1); content: ""; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .user-links li a:hover:before { width: 100%; } .user-links.style-two li { padding-left: 0; } .user-links.style-two li:before { display: none; } .user-links.two-column { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .user-links.two-column li { width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } .recent-post { position: relative; margin-bottom: 30px; } .recent-post:last-child { margin-bottom: 0; } .recent-post .inner { position: relative; } .recent-post .inner .post-info { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 16px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #adadad; line-height: 30px; margin-bottom: 23px; padding-left: 25px; } .recent-post .inner .post-info i { position: absolute; top: 0; left: 0; font-size: 14px; margin-right: 10px; color: var(--theme-color1); } .recent-post .inner .post-title { color: var(--theme-color-light); letter-spacing: -0.8px; margin-bottom: 0; } /* Subscribe Form */ .subscribe-form { position: relative; } .subscribe-form .form-group { position: relative; } .subscribe-form .form-group input[type=text], .subscribe-form .form-group input[type=email] { position: relative; display: block; height: 72px; width: 100%; font-size: 16px; line-height: 32px; color: var(--theme-color-light); padding: 20px 30px; background: transparent; border: 1px solid #333F4D; border-radius: 10px; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .subscribe-form .form-group input[type=text]::-webkit-input-placeholder, .subscribe-form .form-group input[type=email]::-webkit-input-placeholder { color: #fff; } .subscribe-form .form-group input[type=text]::-moz-placeholder, .subscribe-form .form-group input[type=email]::-moz-placeholder { color: #fff; } .subscribe-form .form-group input[type=text]:-ms-input-placeholder, .subscribe-form .form-group input[type=email]:-ms-input-placeholder { color: #fff; } .subscribe-form .form-group input[type=text]::-ms-input-placeholder, .subscribe-form .form-group input[type=email]::-ms-input-placeholder { color: #fff; } .subscribe-form .form-group input[type=text]::placeholder, .subscribe-form .form-group input[type=email]::placeholder { color: #fff; } .subscribe-form .form-group .theme-btn { position: absolute; right: 0; top: 0; padding: 20px 30px; line-height: 32px; border-radius: 0 10px 10px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /*=== Footer Bottom ===*/ .footer-bottom { position: relative; z-index: 3; border-top: 1px solid #333F4D; padding: 30px 0; } .footer-bottom .inner-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .footer-bottom .copyright-text { position: relative; margin-bottom: 0; color: rgba(255, 255, 255, 0.7); } .footer-bottom .copyright-text a { color: inherit; } .footer-bottom .copyright-text a:hover { color: #ffffff; } .footer-bottom .footer-nav { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .footer-bottom .footer-nav li { font-size: 16px; line-height: 32px; color: rgba(255, 255, 255, 0.7); margin-left: 30px; } .footer-bottom .footer-nav li:first-child { margin-left: 0; } .footer-bottom .footer-nav li a { color: inherit; } .footer-bottom .footer-nav li a:hover { color: var(--theme-color-light); } .footer-style-one { background-color: var(--theme-color-dark); background-color: black; /* Subscribe Form Three */ } .footer-style-one .about-widget { margin-top: 14px; } .footer-style-one .about-widget img { width: 4em; height: 4em; object-fit: contain; } .footer-style-one .about-widget .text { margin-bottom: 47px; font-size: 16px; color: #adadad; } .footer-style-one .about-widget .social-icon-two { display: -webkit-box; display: -ms-flexbox; display: flex; } .footer-style-one .about-widget .social-icon-two li { margin-right: 6px; } .footer-style-one .about-widget .social-icon-two li:last-child { margin-right: 0; } .footer-style-one .about-widget .social-icon-two li a { height: 40px; width: 40px; text-align: center; line-height: 40px; color: #adadad; border-radius: 50%; border: 1px solid #adadad; display: inline-block; } .footer-style-one .about-widget .social-icon-two li a:hover { background-color: var(--theme-color1); border-color: transparent; color: #fff; } .footer-style-one .links-widget { margin-bottom: 50px; } .footer-style-one .links-widget li { padding-left: 27px; } .footer-style-one .links-widget li a { color: #adadad; } .footer-style-one .links-widget li i { position: absolute; left: -27px; } .footer-style-one .news-widget .text { margin-bottom: 18px; color: #adadad; } .footer-style-one .news-widget .text i { margin-right: 20px; } .footer-style-one .info-widget .widget-content .recent-post .inner .post-info:first-child { margin-bottom: 0; } .footer-style-one .subscribe-form-three { position: relative; margin-bottom: 40px; } .footer-style-one .subscribe-form-three .form-group { position: relative; } .footer-style-one .subscribe-form-three .form-group input[type=text], .footer-style-one .subscribe-form-three .form-group input[type=email] { position: relative; display: block; height: 50px; width: 100%; font-size: 14px; line-height: 30px; color: var(--theme-color2); padding: 20px 65px 20px 18px; background: unset; -webkit-transition: all 300ms ease; transition: all 300ms ease; border: 1px solid #303030; } .footer-style-one .subscribe-form-three .form-group input[type=text]::-webkit-input-placeholder, .footer-style-one .subscribe-form-three .form-group input[type=email]::-webkit-input-placeholder { color: var(--theme-color2); } .footer-style-one .subscribe-form-three .form-group input[type=text]::-moz-placeholder, .footer-style-one .subscribe-form-three .form-group input[type=email]::-moz-placeholder { color: var(--theme-color2); } .footer-style-one .subscribe-form-three .form-group input[type=text]:-ms-input-placeholder, .footer-style-one .subscribe-form-three .form-group input[type=email]:-ms-input-placeholder { color: var(--theme-color2); } .footer-style-one .subscribe-form-three .form-group input[type=text]::-ms-input-placeholder, .footer-style-one .subscribe-form-three .form-group input[type=email]::-ms-input-placeholder { color: var(--theme-color2); } .footer-style-one .subscribe-form-three .form-group input[type=text]::placeholder, .footer-style-one .subscribe-form-three .form-group input[type=email]::placeholder { color: var(--theme-color2); } .footer-style-one .subscribe-form-three .form-group .theme-btn { position: absolute; right: 0; top: 0; padding: 15px 5px; width: 50px; height: 50px; line-height: 21px; text-align: center; background-color: var(--theme-color1); color: var(--theme-color-light); } .footer-style-one .subscribe-form-three .form-group .theme-btn::before { background-color: var(--theme-color-light); } .footer-style-one .subscribe-form-three .form-group .theme-btn:hover { color: var(--theme-color1); } .footer-style-one .subscribe-form-three .form-group .theme-btn i { margin-left: 0; } .footer-style-one .footer-bottom { border: 0; padding: 0; } .footer-style-one .footer-bottom .inner-container { padding: 14px 30px 17px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 14px; color: #adadad; background-color: #333333; } .footer-style-one .footer-bottom .inner-container a { width: 17px; height: 17px; text-align: center; line-height: 18px; background-color: var(--theme-color1); border-radius: 50%; display: inline-block; font-size: 8px; margin-top: 3px; } .footer-style-two { background-color: var(--theme-color-dark); } .footer-style-two .widgets-section { padding: 106px 0 44px; } .footer-style-two .about-widget { margin-top: 14px; } .footer-style-two .about-widget .logo { position: relative; margin-bottom: 30px; margin-top: -20px; } .footer-style-two .about-widget .text { margin-bottom: 34px; font-size: 16px; color: #adadad; } .footer-style-two .about-widget .social-icon-two { display: -webkit-box; display: -ms-flexbox; display: flex; } .footer-style-two .about-widget .social-icon-two li { margin-right: 6px; } .footer-style-two .about-widget .social-icon-two li:last-child { margin-right: 0; } .footer-style-two .about-widget .social-icon-two li a { height: 40px; width: 40px; text-align: center; line-height: 40px; color: #adadad; border-radius: 50%; border: 1px solid #adadad; display: inline-block; } .footer-style-two .about-widget .social-icon-two li a:hover { background-color: var(--theme-color1); border-color: transparent; color: #fff; } .footer-style-two .links-widget { margin-bottom: 50px; } .footer-style-two .links-widget .widget-content { display: -webkit-box; display: -ms-flexbox; display: flex; } .footer-style-two .links-widget .widget-content .user-links { padding-right: 36px; } .footer-style-two .links-widget .widget-content .user-links:last-child { padding-right: 0; } .footer-style-two .links-widget .widget-content .user-links li { padding-left: 27px; } .footer-style-two .links-widget .widget-content .user-links li a { color: #adadad; } .footer-style-two .links-widget .widget-content .user-links li a:hover { color: var(--theme-color1); } .footer-style-two .links-widget .widget-content .user-links li i { position: absolute; left: -27px; } .footer-style-two .news-widget .news-info { position: relative; padding-left: 91px; margin-bottom: 18px; } @media (max-width: 1199.98px) { .footer-style-two .news-widget .news-info { padding-left: 87px; } } .footer-style-two .news-widget .news-info:hover .image img { -webkit-transform: scale(1.2); transform: scale(1.2); } .footer-style-two .news-widget .news-info:last-child { margin-bottom: 0; } .footer-style-two .news-widget .news-info .image { position: absolute; left: 0; top: 5px; overflow: hidden; } .footer-style-two .news-widget .news-info .image img { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .footer-style-two .news-widget .news-info .title { color: #adadad; margin-bottom: -4px; } .footer-style-two .news-widget .news-info .date { font-size: 12px; color: var(--theme-color1); } .footer-style-two .info-widget .widget-content .recent-post .inner .post-info.two { margin-bottom: 0; } .footer-style-two .footer-bottom { border: 0; padding: 0; background-color: #333333; } .footer-style-two .footer-bottom .inner-container { padding: 14px 0 17px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 14px; color: #adadad; } .footer-style-two .footer-bottom .inner-container a { width: 17px; height: 17px; text-align: center; line-height: 17px; background-color: var(--theme-color1); border-radius: 50%; display: inline-block; font-size: 12px; } .footer-style-two .recent-post .inner .post-info { margin-bottom: 10px; } .footer-style-two .recent-post .inner .post-info:last-child { margin-bottom: 0; } @media only screen and (max-width: 991px) { .footer-style-two .news-widget .news-info { margin-bottom: 50px; } } @media only screen and (max-width: 480px) { .footer-bottom .copyright-text { line-height: 20px; margin-bottom: 15px; } } /*** ==================================================================== Products details ==================================================================== ***/ .product-details .bxslider .image-box { position: relative; display: block; margin-right: 30px; margin-bottom: 10px; } .product-details .bxslider .image-box img { width: 100%; } .product-details .bxslider .thumb-box li { position: relative; display: inline-block; float: left; margin-right: 10px; margin-bottom: 15px; width: 100px; height: 100px; } .product-details .bxslider .thumb-box li:last-child { margin: 0px !important; } .product-details .bxslider .thumb-box li a { position: relative; display: inline-block; } .product-details .bxslider .thumb-box li a:before { position: absolute; content: ""; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .product-details .bxslider .thumb-box li a.active:before { opacity: 1; } .product-details .bx-wrapper { margin-bottom: 30px; } .product-details .product-info .product-details__top { position: relative; display: block; margin-top: -8px; } .product-details .product-info .product-details__title { font-size: 40px; line-height: 44px; font-weight: 700; margin: 0; } .product-details .product-info .product-details__title span { position: relative; display: inline-block; color: var(--theme-color1); font-size: 20px; line-height: 26px; font-weight: 700; margin-left: 20px; letter-spacing: 0; } .product-details .product-info .product-details__reveiw { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 22px; padding-bottom: 20px; margin-bottom: 31px; border-bottom: 1px solid #e0e4e8; } .product-details .product-info .product-details__reveiw i { font-size: 16px; color: var(--review-color); } .product-details .product-info .product-details__reveiw i + i { margin-left: 4px; } .product-details .product-info .product-details__reveiw span { position: relative; top: 1px; line-height: 1; font-size: 16px; color: var(--theme-color1); margin-left: 18px; } .product-details .product-info .product-details__quantity-title { margin: 0; color: #222; font-size: 20px; line-height: 30px; font-weight: 700; margin-right: 20px; } .product-details .product-info .product-details__buttons { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 30px; margin-top: 40px; } @media only screen and (max-width: 767px) { .product-details .product-info .product-details__buttons { display: block; } } .product-details .product-info .product-details__buttons-1 { position: relative; display: block; } @media only screen and (max-width: 767px) { .product-details .product-info .product-details__buttons-1 { margin-bottom: 10px; margin-right: 10px; } } .product-details .product-info .product-details__buttons-2 { position: relative; display: block; margin-left: 10px; } .product-details .product-info .product-details__buttons-2 .thm-btn { background-color: var(--theme-color2); } .product-details .product-info .product-details__buttons-2 .thm-btn:before { background-color: var(--theme-color1); } .product-details .product-info .product-details__buttons-2 .thm-btn:after { background-color: var(--theme-color1); } @media only screen and (max-width: 767px) { .product-details .product-info .product-details__buttons-2 { margin-left: 0; margin-top: 0; } } .product-details .product-info .product-details__social { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product-details .product-info .product-details__social .title { position: relative; display: block; } .product-details .product-info .product-details__social .title h3 { color: #222; font-size: 20px; line-height: 20px; font-weight: 700; } .product-details .product-info .product-details__social .social-icon-one { margin-left: 30px; } @media only screen and (max-width: 767px) { .product-details .product-info .product-details__social { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; } .product-details .product-info .product-details__social .social-icon-one { margin-left: 0; } } .product-details__quantity { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 20px; } .product-details__quantity .quantity-box { position: relative; width: 98px; border-radius: 10px; height: 60px; } .product-details__quantity .quantity-box input { width: 98px; border-radius: 10px; height: 60px; border: 1px solid #e0e4e8; -webkit-appearance: textfield; -moz-appearance: textfield; padding-left: 30px; outline: none; font-size: 18px; font-weight: 500; color: var(--theme-color1); } .product-details__quantity .quantity-box button { width: 29px; height: 29px; background-color: transparent; color: #fff; font-size: 8px; position: absolute; top: 1px; right: 1px; background-color: var(--theme-color1); border: none; border-left: 1px solid #e0e4e8; border-top-right-radius: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; outline: none; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .product-details__quantity .quantity-box button:hover { color: var(--headings-color); background-color: var(--theme-color2); } .product-details__quantity .quantity-box button.sub { bottom: 1px; top: auto; border-top-right-radius: 0px; border-bottom-right-radius: 10px; } .product-discription { position: relative; display: block; } .product-discription .product-description__title { font-size: 30px; margin-bottom: 27px; } .product-discription .product-description__text1 { font-size: 16px; line-height: 30px; margin: 0; } .product-discription .product-description__list { position: relative; display: block; margin-top: 30px; margin-bottom: 30px; } .product-discription .product-description__list ul { position: relative; display: block; } .product-discription .product-description__list ul li { position: relative; display: block; margin-bottom: 2px; } .product-discription .product-description__list ul li:last-child { margin-bottom: 0px; } .product-discription .product-description__list ul li p { margin: 0; font-weight: 600; color: var(--headings-color); } .product-discription .product-description__list ul li p span:before { position: relative; display: inline-block; color: var(--theme-color1); font-size: 17px; line-height: 17px; margin-right: 11px; top: 2px; } .product-discription .tabs-content .text p { margin-bottom: 17px; } .product-discription .tabs-content .text p:last-child { margin-bottom: 0px; } .product-discription .tab-btn-box { position: relative; display: block; width: 100%; margin-bottom: 60px; } .product-discription .tab-btn-box:before { position: absolute; content: ""; background-color: #e1e8e4; width: 100%; height: 1px; left: 0px; top: 28px; } .product-discription .tab-btn-box .tab-btns li { position: relative; display: inline-block; font-size: 14px; text-transform: uppercase; color: #1e2434; text-align: center; padding: 14px 30px; background-color: #fff; border: 1px solid #e1e8e4; cursor: pointer; margin: 0px 8.5px; margin-bottom: 15px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .product-discription .tab-btn-box .tab-btns li.active-btn { color: #fff; background-color: var(--theme-color1); } .product-discription .tab-btn-box .tab-btns li:last-child { margin-bottom: 0; } .product-discription .single-comment-box .inner-box { position: relative; display: block; background-color: #f4f5f4; padding: 34px 30px 34px 125px; } .product-discription .single-comment-box .inner-box .comment-thumb { position: absolute; left: 30px; top: 40px; border-radius: 50%; width: 80px; } .product-discription .single-comment-box .inner-box .comment-thumb img { width: 100%; border-radius: 50%; } .product-discription .single-comment-box .inner-box .rating { position: relative; display: block; margin-bottom: 2px; } .product-discription .single-comment-box .inner-box .rating li { position: relative; display: inline-block; font-size: 12px; float: left; margin-right: 4px; color: #fdc009; } .product-discription .single-comment-box .inner-box .rating li:last-child { margin: 0px !important; } .product-discription .single-comment-box .inner-box h5 { display: block; font-size: 16px; line-height: 26px; font-weight: 600; text-transform: uppercase; margin-bottom: 16px; } .product-discription .single-comment-box .inner-box h5 span { font-weight: 400; text-transform: capitalize; } .product-discription .customer-comment { position: relative; display: block; margin-bottom: 60px; } .product-discription .comment-box { position: relative; display: block; background-color: #fff; padding: 51px 60px 60px 60px; -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); } .product-discription .comment-box h3 { display: block; font-size: 24px; line-height: 34px; font-weight: 600; text-transform: uppercase; margin-bottom: 23px; } .product-discription .comment-box .form-group { position: relative; margin-bottom: 15px; } .product-discription .comment-box .form-group label { position: relative; display: block; font-size: 18px; line-height: 28px; color: #707582; margin-bottom: 8px; } .product-discription .comment-box .column:last-child .form-group { margin-bottom: 0px; } .product-discription .comment-box .review-box { position: relative; display: block; margin-top: 8px; } .product-discription .comment-box .review-box p { position: relative; float: left; margin-right: 10px; } .product-discription .comment-box .review-box .rating { position: relative; float: left; } .product-discription .comment-box .review-box .rating li { position: relative; display: inline-block; font-size: 14px; line-height: 28px; float: left; margin-right: 4px; color: #fdc009; } .product-discription .comment-box .review-box .rating li:last-child { margin: 0px !important; } .product-discription .comment-box .custom-controls-stacked { position: relative; float: left; } .related-product h3 { margin-bottom: 30px; } @media only screen and (max-width: 767px) { .product-details__img { margin-bottom: 50px; } .product-details__title span { margin-left: 0; display: block; } .product-details__buttons { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .product-details__buttons-2 { margin-left: 0; margin-top: 10px; } .product-details__social-link { margin-left: 0; margin-top: 20px; } } /*** ==================================================================== Categories Section ==================================================================== ***/ .categories-section { position: relative; padding: 100px 0 70px; } .categories-section .bg-pattern { position: absolute; left: 0; top: -220px; width: 100%; height: 100%; content: ""; background-image: url(assets/images/pattern-7.png); background-repeat: no-repeat; background-position: left top; z-index: -1; } .categories-section:before { position: absolute; left: 0; bottom: 0; height: 300px; width: 100%; background: var(--theme-color3); content: ""; z-index: 1; } .categories-section:after { position: absolute; left: 0; bottom: -50px; height: 70px; width: 100%; z-index: 2; content: ""; background-image: url(assets/images/pattern-3.png); background-repeat: no-repeat; background-position: center bottom; } .category-block { position: relative; margin-bottom: 30px; z-index: 9; } .category-block .inner-box { position: relative; text-align: center; background: #ffffff; padding: 40px 30px 30px; border-radius: 10px; -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); -webkit-transition: all 300ms ease; transition: all 300ms ease; } .category-block .inner-box:before { position: absolute; top: 0; left: 0; width: 100%; height: 190px; background-repeat: no-repeat; background-position: center bottom; content: ""; } .category-block .inner-box:hover { -webkit-transform: translateY(-20px); transform: translateY(-20px); -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); } .category-block .inner-box:hover .image img { -webkit-transform: rotate(10deg) scale(1.2); transform: rotate(10deg) scale(1.2); } .category-block .inner-box.cat-bg-1:before { background-image: url(assets/images/cat-1-bg.png); } .category-block .inner-box.cat-bg-2:before { background-image: url(assets/images/cat-2-bg.png); } .category-block .inner-box.cat-bg-3:before { background-image: url(assets/images/cat-3-bg.png); } .category-block .inner-box.cat-bg-4:before { background-image: url(assets/images/cat-4-bg.png); } .category-block .image { position: relative; display: inline-block; height: 180px; width: 180px; overflow: hidden; border-radius: 50%; margin-bottom: 15px; } .category-block .image img { -webkit-transition: all 300ms ease; transition: all 300ms ease; } .category-block h4 { font-size: 20px; color: var(--theme-color3); font-weight: 700; margin-bottom: 10px; } .category-block h4 a { -webkit-transition: all 300ms ease; transition: all 300ms ease; } .category-block h4 a:hover { color: var(--theme-color1); } .category-block p { font-size: 14px; color: #797f7d; line-height: 26px; margin-bottom: 0px; } /*** ==================================================================== Categories Section Two ==================================================================== ***/ .categories-section-two { position: relative; padding: 120px 0 90px; } .category-block-two { position: relative; padding-top: 70px; margin-bottom: 30px; z-index: 9; } .category-block-two .inner-box { position: relative; text-align: center; background: #ffffff; border-radius: 10px; margin: 0 auto; padding: 18px; } .category-block-two .inner-box:before { position: absolute; left: 0; top: 0; bottom: 60px; width: 100%; border-radius: 10px; background: #e3eee5; content: ""; } .category-block-two .inner-box:hover .image:before { left: 100%; -webkit-transition: all 1000ms ease; transition: all 1000ms ease; } .category-block-two .inner-box:hover .image img { -webkit-transform: scale(0.9); transform: scale(0.9); } .category-block-two .inner-box:hover h4 a { color: var(--theme-color1); } .category-block-two .content { position: relative; background: #ffffff; border-radius: 10px; padding: 0 40px 40px; z-index: 1; -webkit-box-shadow: 0 10px 60px rgba(0, 0, 0, 0.07); box-shadow: 0 10px 60px rgba(0, 0, 0, 0.07); } .category-block-two .content:before { position: absolute; top: -88px; left: 0; width: 180px; height: 180px; right: 0; margin: 0 auto; border-radius: 50%; background: #e3eee5; content: ""; } .category-block-two .content:after { position: absolute; left: 0; bottom: 0px; width: 100%; font-size: 30px; line-height: 1em; color: #e8f3ea; height: 15px; overflow: hidden; text-transform: uppercase; letter-spacing: 0.1em; content: attr(data-text); } .category-block-two .image { position: relative; display: inline-block; overflow: hidden; margin-bottom: 25px; margin-top: -70px; } .category-block-two .image img { -webkit-transition: all 300ms ease; transition: all 300ms ease; } .category-block-two .image:before { position: absolute; left: 0; top: 0; height: 120%; width: 100%; background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgb(255, 255, 255))); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#00ffffff",GradientType=1 ); content: ""; opacity: 0.3; left: -100%; pointer-events: none; z-index: 1; } .category-block-two h4 { font-size: 22px; color: var(--theme-color3); font-weight: 700; margin-bottom: 15px; } .category-block-two h4 a { color: var(--theme-color3); -webkit-transition: all 300ms ease; transition: all 300ms ease; } .category-block-two p { font-size: 16px; color: #797f7d; line-height: 26px; margin-bottom: 0px; } .category-block-two .link { position: relative; display: inline-block; height: 50px; width: 50px; background: #e8f3ea; border-radius: 50%; line-height: 50px; margin-top: 25px; color: #608174; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .category-block-two .link:hover { -webkit-transform: rotate(270deg); transform: rotate(270deg); } .category-block-two.child-two .link { background: #f0e2e3; } .category-block-two.child-two .inner-box:before { background: #f0e2e3; } .category-block-two.child-two .inner-box:hover h4 a { color: #e69da2; } .category-block-two.child-two .content:before { background: #f0e2e3; } .category-block-two.child-two .content:after { color: #f0e2e3; } .category-block-two.child-three .link { background: #f1ede1; } .category-block-two.child-three .inner-box:before { background: #f1ede1; } .category-block-two.child-three .inner-box:hover h4 a { color: #c9b579; } .category-block-two.child-three .content:before { background: #f1ede1; } .category-block-two.child-three .content:after { color: #f1ede1; } /*** ==================================================================== Products Section ==================================================================== ***/ .products-section { position: relative; padding: 120px 0; } .products-section .bg-image { position: absolute; left: 0; top: 0; height: 670px; width: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; background-attachment: fixed; } .products-section .bg-image:before { position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-color: #113629; opacity: 0.7; content: ""; } .products-section .bg-image:after { position: absolute; left: 0; bottom: 0; height: 50px; width: 100%; background-image: url(assets/images/pattern-8.png); background-position: center bottom; content: ""; } .products-section .sec-title h2 { font-size: 60px; } .products-section .sec-title .theme-btn { margin-top: 30px; } .products-box { max-width: 1530px; position: relative; padding: 120px 60px 90px; margin: 120px auto 0; background-color: #f7f5ee; overflow: hidden; border-radius: 10px; } .products-box:before { position: absolute; left: -90px; bottom: 0; height: 70%; width: 100%; background: url(assets/images/shape-7.png) top left no-repeat; content: ""; } .products-box .sec-title { margin-bottom: 30px; } .products-box .outer-box { position: relative; padding-right: 400px; } .products-box .outer-box .banner-box-two { position: absolute; right: 0; top: 0; } .banner-box-two { position: relative; } .banner-box-two .inner-box:before { position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: -webkit-gradient(linear, left top, left bottom, from(rgb(22, 67, 51)), to(rgba(229, 229, 229, 0))); background: linear-gradient(to bottom, rgb(22, 67, 51) 0%, rgba(229, 229, 229, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="var(--theme-color3)", endColorstr="#00e5e5e5",GradientType=0 ); content: ""; } .banner-box-two .inner-box { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 370px; background: var(--theme-color3); border-radius: 10px; min-height: 440px; text-align: center; overflow: hidden; padding: 20px 20px; } .banner-box-two .title { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; font-size: 20px; color: #ffffff; text-transform: uppercase; margin-bottom: 20px; } .banner-box-two .title strong { font-size: 60px; line-height: 1em; color: var(--theme-color2); font-weight: 400; } .banner-box-two h4 { font-size: 30px; line-height: 1.2em; color: #ffffff; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 30px; } .product-block-two { position: relative; margin-bottom: 30px; } .product-block-two .inner-box { position: relative; border: 2px solid transparent; border-radius: 10px; background: #ffffff; padding: 20px 20px; padding-left: 150px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 150px; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .product-block-two .inner-box:hover { border: 2px solid var(--theme-color1); } .product-block-two .image { position: absolute; left: 20px; top: 20px; border-radius: 50%; overflow: hidden; height: 110px; width: 110px; border: 1px solid #e4e1d6; margin-bottom: 0px; } .product-block-two .image img { width: auto; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .product-block-two .inner-box:hover .image img { -webkit-transform: scale(-1) rotate(180deg); transform: scale(-1) rotate(180deg); } .product-block-two h4 { display: block; font-size: 22px; color: var(--theme-color3); font-weight: 700; margin-bottom: 5px; } .product-block-two h4 a { color: var(--theme-color3); -webkit-transition: all 300ms ease; transition: all 300ms ease; } .product-block-two .price { display: block; font-size: 16px; line-height: 26px; color: var(--theme-color1); font-weight: 600; } .product-block-two .price del { display: inline-block; margin-left: 15px; font-size: 16px; color: #ff0000; line-height: 27px; opacity: 0.3; } .product-block-two .rating { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; color: #ffc737; } .products-carousel .owl-nav { display: none; } .products-carousel .owl-dots { position: absolute; right: 0; top: -80px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 8; } .products-carousel .owl-dot { position: relative; height: 7px; width: 7px; display: block; background: #879d91; margin-right: 5px; border-radius: 5px; display: block; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .products-carousel .owl-dot.active { background: var(--theme-color3); } /*** ==================================================================== Featured Products ==================================================================== ***/ .featured-products { position: relative; padding: 120px 0 90px; } .featured-products .bg-shape { position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: url(assets/images/pattern-7.png) left bottom no-repeat; background-size: 700px; } /*=== Mixitup Gallery ===*/ .featured-products .filters { margin-bottom: 40px; text-align: center; } .featured-products .filters .filter-tabs { position: relative; display: inline-block; } .featured-products .filters li { position: relative; display: inline-block; line-height: 24px; padding: 0px 2px 10px; cursor: pointer; color: #797f7d; font-weight: 500; font-size: 18px; margin: 0 5px 0; padding: 5px 12px 10px; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .featured-products .filters li:last-child { margin-right: 0; } .featured-products .filters .filter.active, .featured-products .filters .filter:hover { background-color: var(--theme-color1); color: #fff; } .featured-products .filters li:before { position: absolute; left: 0; bottom: 8px; height: 2px; width: 100%; content: ""; background-color: #fff; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: top right; transform-origin: top right; -webkit-transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1); -webkit-transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1); transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1); transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1); transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */ -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */ } .featured-products .filters li.active:before, .featured-products .filters li:hover:before { -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: bottom left; transform-origin: bottom left; } .product-block { position: relative; margin-bottom: 30px; } .product-block.mix { display: none; } .product-block .inner-box { position: relative; border: 2px solid #e4e1d5; border-radius: 10px; text-align: center; background: #ffffff; overflow: hidden; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .product-block .inner-box:hover { border: 2px solid var(--theme-color1); -webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1); box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1); } .product-block .image { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; margin-bottom: 0px; } .product-block .image:before { position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgb(255, 255, 255))); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#00ffffff",GradientType=1 ); content: ""; opacity: 0.3; left: -100%; pointer-events: none; z-index: 1; } .product-block .inner-box:hover .image:before { left: 100%; -webkit-transition: all 1000ms ease; transition: all 1000ms ease; } .product-block .image img { width: auto; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .product-block .inner-box:hover .image img { -webkit-transform: scale(0.9); transform: scale(0.9); } .product-block .content { position: relative; padding: 30px 30px 30px; } .product-block h4 { display: block; font-size: 22px; color: var(--theme-color2); font-weight: 700; margin-bottom: 5px; } .product-block h4 a { color: var(--theme-color1); -webkit-transition: all 300ms ease; transition: all 300ms ease; } .product-block h4 a:hover { color: var(--theme-color1); } .product-block .price { display: block; font-size: 16px; line-height: 26px; color: var(--text-gray-silver); font-weight: 600; } .product-block .price del { display: inline-block; margin-left: 15px; font-size: 16px; color: #ff0000; line-height: 27px; opacity: 0.3; } .product-block .rating { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 14px; color: #ffc737; } .product-block .tag { position: absolute; top: 30px; left: 20px; font-size: 14px; line-height: 23px; color: #ffffff; background: #FD5F5C; font-weight: 400; padding: 0 12px; border-radius: 3px; z-index: 9; font-style: italic; text-transform: uppercase; } .product-block .icon-box { position: absolute; right: 20px; top: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; opacity: 0; visibility: hidden; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .product-block .inner-box:hover .icon-box { top: 20px; opacity: 1; visibility: visible; -webkit-transition-delay: 300ms; transition-delay: 300ms; } .product-block .ui-btn { background-color: var(--theme-color1); border-radius: 50px; color: #ffffff; cursor: pointer; display: block; height: 40px; font-size: 14px; line-height: 40px; margin-bottom: 10px; position: relative; text-align: center; width: 40px; z-index: 9; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .product-block .ui-btn:hover { background-color: var(--theme-color2); color: var(--text-color-bg-theme-color2); } .product-block .cat { display: block; font-size: 18px; color: #707070; font-style: italic; font-family: "Jost", sans-serif; margin-bottom: 5px; } /* * shop-catalog-layouts.scss * ----------------------------------------------- */ table.tbl-shopping-cart .product-thumbnail, table.cart-total .product-thumbnail { min-width: 64px; } table.tbl-shopping-cart img, table.cart-total img { width: 64px; -webkit-box-shadow: none; box-shadow: none; } table.tbl-shopping-cart th, table.tbl-shopping-cart td, table.cart-total th, table.cart-total td { vertical-align: middle; border-left: 1px solid #e3e3e3; padding: 20px 30px; } table.tbl-shopping-cart .product-name a, table.cart-total .product-name a { color: var(--headings-color); } table.tbl-shopping-cart .product-name .variation, table.cart-total .product-name .variation { font-size: 0.9rem; list-style: none; } table.tbl-shopping-cart .product-remove a, table.cart-total .product-remove a { display: inline-block; width: 24px; height: 24px; line-height: 24px; border-radius: 24px; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; background-color: #757575; color: #ffffff; text-align: center; } table.tbl-shopping-cart .coupon-form .apply-button, table.cart-total .coupon-form .apply-button { position: relative; display: inline-block; color: #1e2434; background: #f4f5f4; padding: 15px 29px; cursor: pointer; text-transform: uppercase; -webkit-transition: all 500ms ease; transition: all 500ms ease; } table.tbl-shopping-cart .coupon-form .apply-button:hover, table.cart-total .coupon-form .apply-button:hover { color: var(--text-color-bg-theme-color2); background-color: var(--theme-color2); } table.tbl-shopping-cart > thead > tr > th, table.tbl-shopping-cart > tbody > tr > th, table.tbl-shopping-cart > tfoot > tr > th { color: #444; } .payment-method .accordion-box .block { background: #f4f5f4; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 20px; } .payment-method .accordion-box .block .acc-content .payment-info { position: relative; display: block; background-color: #fff; padding: 30px 30px 10px 30px; } .payment-method .accordion-box .block:last-child { margin-bottom: 0px; } .payment-method .accordion-box .block .acc-btn { padding: 19px 30px 22px 30px; } .payment-method .accordion-box .block .acc-btn .icon-outer { -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; top: 50%; right: 30px; height: auto; /* line-height: 65px; */ font-size: 28px; color: #1e2434; } .payment-method .accordion-box .block .acc-btn.active .icon-outer { color: var(--text-color-bg-theme-color2); } .payment-method .payment-method h3 { margin-bottom: 32px; } .shop-sidebar { position: relative; display: block; } .shop-sidebar .sidebar-search { margin-bottom: 30px; } .shop-sidebar .sidebar-search .search-form .form-group { position: relative; margin: 0px; } .shop-sidebar .sidebar-search .search-form .form-group input[type=search] { position: relative; width: 100%; height: 52px; background-color: var(--theme-light-background); border: 1px solid var(--theme-light-background); border-radius: 5px; color: #646578; padding: 10px 60px 10px 20px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .shop-sidebar .sidebar-search .search-form .form-group button { position: absolute; display: inline-block; top: 5px; right: 5px; width: 42px; height: 42px; line-height: 42px; text-align: center; font-size: 18px; color: #fff; background-color: var(--theme-color1); cursor: pointer; border-radius: 3px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .shop-sidebar .sidebar-search .search-form .form-group button:hover { color: var(--text-color-bg-theme-color1); background-color: var(--theme-color1); } .shop-sidebar .sidebar-widget { position: relative; display: block; background-color: var(--theme-light-background); padding: 35px 30px 37px 30px; border-radius: 5px; margin-bottom: 30px; } .shop-sidebar .sidebar-widget:last-child { margin-bottom: 0px; } .shop-sidebar .sidebar-widget .widget-title { position: relative; display: block; margin-bottom: 16px; } .shop-sidebar .category-widget .category-list li { position: relative; display: block; margin-bottom: 14px; } .shop-sidebar .category-widget .category-list li:last-child { margin-bottom: 0px; } .shop-sidebar .category-widget .category-list li a { position: relative; display: inline-block; color: #646578; font-weight: 400; padding-left: 20px; } .shop-sidebar .category-widget .category-list li a:before { position: absolute; content: "\f0da"; font-family: "Font Awesome 6 Pro"; left: 0px; top: 0px; font-size: 16px; font-weight: 600; color: var(--theme-color1); } .shop-sidebar .category-widget .category-list li a:hover { color: var(--theme-color1); } .shop-sidebar .price-filters .widget-title { margin-bottom: 28px; } .shop-sidebar .post-widget { padding-bottom: 9px; } .shop-sidebar .post-widget .post { position: relative; padding-left: 90px; padding-bottom: 24px; margin-bottom: 23px; min-height: 108px; border-bottom: 1px solid #e1e1e1; } .shop-sidebar .post-widget .post:last-child { margin-bottom: 0px; border-bottom: none; } .shop-sidebar .post-widget .post .post-thumb { position: absolute; left: 0px; top: 7px; width: 70px; height: 70px; border: 1px solid #d0d4dd; border-radius: 5px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .shop-sidebar .post-widget .post .post-thumb img { width: 100%; border-radius: 5px; } .shop-sidebar .post-widget .post a { position: relative; display: inline-block; font-size: 16px; line-height: 26px; color: #646578; margin-bottom: 7px; } .shop-sidebar .post-widget .post .price { position: relative; display: block; font-size: 14px; line-height: 24px; font-family: "Poppins", sans-serif; font-weight: 600; color: #0a267a; } .shop-sidebar .post-widget .post:hover .post-thumb { border-color: var(--theme-color1); } .shop-sidebar .post-widget .post:hover a { color: var(--theme-color1); } .range-slider { position: relative; } .range-slider .title { line-height: 26px; position: relative; display: inline-block; margin-right: 4px; } .range-slider .title:before { position: absolute; content: "$"; left: -5px; top: -19px; color: #646578; font-size: 18px; } .range-slider p { position: relative; display: inline-block; color: #646578; margin-right: 10px !important; } .range-slider .input { color: #646578; max-width: 75px; font-size: 18px; margin-top: 5px; position: relative; display: inline-block; } .range-slider .input input { background: none; color: #646578; font-size: 15px; text-align: left; } .range-slider .ui-widget.ui-widget-content { height: 4px; border: none; margin-bottom: 14px; background-color: #d0d4dd; border-radius: 2px; } .range-slider .ui-slider .ui-slider-range { top: 0px; height: 4px; background-color: var(--theme-color1); } .range-slider .ui-state-default { top: -5px; width: 14px; height: 14px; border: none; border-radius: 50%; cursor: pointer; margin-left: 0px; background-color: var(--theme-color1); position: absolute; } .range-slider .ui-state-default:before { position: absolute; content: ""; background-color: #ffffff; width: 6px; height: 6px; left: 4px; top: 4px; border-radius: 50%; } .range-slider .ui-widget-content .ui-state-default { top: -5px; width: 14px; height: 14px; border: none; border-radius: 50%; cursor: pointer; margin-left: 0px; background-color: var(--theme-color1); } .range-slider .ui-widget-content .ui-state-default:before { position: absolute; content: ""; background-color: #ffffff; width: 6px; height: 6px; left: 4px; top: 4px; border-radius: 50%; } .range-slider input[type=submit] { position: relative; display: block; background: var(--theme-color1); color: #ffffff; float: right; text-align: center; border: none; font-size: 14px; font-weight: 500; margin-top: 0; text-transform: capitalize; cursor: pointer; padding: 7px 20px; border-radius: 10px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .range-slider input[type=submit]:hover { color: var(--text-color-bg-theme-color2); background-color: var(--theme-color2); } /*** ==================================================================== Page Title ==================================================================== ***/ @-webkit-keyframes "ripple" { 70% { -webkit-box-shadow: 0 0 0 70px rgba(255, 255, 255, 0); box-shadow: 0 0 0 70px rgba(255, 255, 255, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } } @keyframes "ripple" { 70% { -webkit-box-shadow: 0 0 0 70px rgba(255, 255, 255, 0); box-shadow: 0 0 0 70px rgba(255, 255, 255, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } } .page-title { background-color: var(--theme-color2); position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; padding: 120px 0 0; min-height: 450px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .page-title:before { bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(17, 32, 33, 0.9)), to(transparent)); background: linear-gradient(180deg, rgba(17, 32, 33, 0.9), transparent); } .page-title .title { font-size: 64px; color: #ffffff; margin-bottom: 17px; } @media only screen and (max-width: 768px) { .page-title .title { font-size: 34px; } } .page-title .text { position: relative; color: #ffffff; font-size: 16px; line-height: 26px; letter-spacing: 0.05em; max-width: 520px; } .page-breadcrumb { position: relative; margin-top: 5px; } .page-breadcrumb li { position: relative; display: inline-block; margin-right: 12px; padding-right: 13px; color: #ffffff; font-size: 14px; font-weight: 400; text-transform: capitalize; } .page-breadcrumb li:after { position: absolute; content: "\f105"; right: -6px; top: 1px; color: #ffffff; font-size: 14px; font-weight: 900; font-family: "Font Awesome 6 Pro"; color: #ffffff; } .page-breadcrumb li:last-child { padding-right: 0px; margin-right: 0px; } .page-breadcrumb li:last-child::after { display: none; } .page-breadcrumb li a { color: var(--theme-color3); font-weight: 500; text-transform: capitalize; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .page-breadcrumb li a:hover { color: #ffffff; } .page-title.style-two { background-position: center center; } .page-title.style-two .page-breadcrumb-outer { position: absolute; left: 0; bottom: 0; width: 100%; padding: 10px 0; -webkit-transform: translateY(100%); transform: translateY(100%); z-index: 8; } .page-title.style-two .page-breadcrumb li { color: rgb(7, 7, 16); font-weight: 600; } .page-title.style-two .page-breadcrumb li:after { color: rgb(7, 7, 16); } .page-title.style-two .page-breadcrumb li a { color: rgba(7, 7, 16, 0.6); } .page-title.style-two .page-breadcrumb li a:hover { color: rgb(7, 7, 16); } .play-now { position: relative; display: block; z-index: 9; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .play-now .icon { position: relative; display: inline-block; height: 70px; width: 70px; text-align: center; line-height: 70px; background-color: #ffffff; color: #ff6d2e; z-index: 1; padding-left: 0px; font-size: 14px; display: block; border-radius: 50%; -webkit-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, 0.3); -ms-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, 0.3); -o-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, 0.3); box-shadow: 0 0px 10px 0 rgba(255, 255, 255, 0.3); -webkit-transform-origin: center; transform-origin: center; } .play-now .ripple { position: absolute; top: 50%; left: 50%; height: 70px; width: 70px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 50%; -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6); -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6); -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6); -webkit-animation: ripple 3s infinite; animation: ripple 3s infinite; } .play-now .ripple:before { position: absolute; top: 50%; left: 50%; height: 70px; width: 70px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 50%; -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6); -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6); -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6); -webkit-animation: ripple 3s infinite; animation: ripple 3s infinite; -webkit-animation-delay: 0.9s; animation-delay: 0.9s; content: ""; position: absolute; } .play-now .ripple:after { position: absolute; top: 50%; left: 50%; height: 70px; width: 70px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 50%; -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6); -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6); -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6); -webkit-animation: ripple 3s infinite; animation: ripple 3s infinite; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; content: ""; position: absolute; } .background-image { position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-repeat: repeat; background-position: center; background-size: cover; } .error-page__inner { position: relative; display: block; text-align: center; } .error-page__inner .error-page__title-box { position: relative; display: block; } .error-page__inner .error-page__title { position: relative; display: inline-block; font-size: 280px; line-height: 280px; margin-bottom: 0; color: var(--theme-color1); } .error-page__inner .error-page__sub-title { font-size: 40px; letter-spacing: 0.1em; text-transform: uppercase; line-height: 50px; margin-top: -16px; } .error-page__inner .error-page__text { font-size: 20px; line-height: 30px; text-align: center; } .error-page__inner .error-page__form { position: relative; display: block; margin: 42px auto 20px; } .error-page__inner .error-page__form input[type=search] { height: 60px; width: 100%; border: none; outline: none; background-color: #f5f5f5; font-size: 14px; color: #333; padding-left: 50px; padding-right: 75px; border-radius: 7px; } .error-page__inner .error-page__form button[type=submit] { background-color: transparent; font-size: 22px; position: absolute; top: 0; right: 0px; bottom: 0; width: 72px; outline: none; border: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; } .error-page__inner .error-page__form-input { position: relative; display: block; max-width: 570px; width: 100%; margin: 0 auto; } /*** ==================================================================== Contact ==================================================================== ***/ .contact-details__info { position: relative; display: block; margin-top: 41px; } .contact-details__info li { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .contact-details__info li .icon { height: 80px; width: 80px; background-color: var(--theme-color2); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .contact-details__info li .icon span { color: var(--text-color-bg-theme-color1); font-size: 25px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .contact-details__info li:hover .icon { background-color: var(--theme-color2); } .contact-details__info li:hover .icon span { color: var(--text-color-bg-theme-color2); } .contact-details__info li:hover .text a { color: var(--notech-base); } .contact-details__info li:hover .text a span { color: var(--notech-gray); } .contact-details__info li .text { margin-left: 30px; } .contact-details__info li .text p { font-size: 14px; line-height: 24px; } .contact-details__info li .text a { font-size: 18px; color: var(--notech-black); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .contact-details__info li .text span { font-size: 20px; color: var(--notech-black); } .contact-details__info li + li { margin-top: 19px; } .map { height: 550px; } /*** ============================================= Services Details ============================================= ***/ .service-sidebar { position: relative; display: block; max-width: 365px; width: 100%; } .service-sidebar .service-sidebar-single { position: relative; display: block; margin-bottom: 30px; } .service-sidebar .service-sidebar-single-services { position: relative; display: block; background: #f6f4ec; border-radius: 10px; padding: 35px 30px 25px; } .service-sidebar .service-sidebar-single-services .title { position: relative; display: block; margin-bottom: 12px; padding-left: 20px; } .service-sidebar .service-sidebar-single-services .title h3 { color: var(--headings-color); font-size: 20px; line-height: 30px; letter-spacing: -0.02em; } .service-sidebar .service-sidebar-single-services ul { position: relative; display: block; margin-top: 10px; } .service-sidebar .service-sidebar-single-services ul li { position: relative; display: block; margin-bottom: 5px; margin-top: -10px; } .service-sidebar .service-sidebar-single-services ul li:last-child { margin-bottom: 0; } .service-sidebar .service-sidebar-single-services ul li a { position: relative; display: block; color: var(--agriox-color-1, #687469); font-size: 18px; padding: 22px 20px 22px; border-radius: 10px; background: transparent; -webkit-transition: all 300ms linear; transition: all 300ms linear; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .service-sidebar .service-sidebar-single-services ul li a:hover { color: var(--headings-color); } .service-sidebar .service-sidebar-single-services ul li a:hover::before { opacity: 1; -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); -webkit-transition: all 300ms linear; transition: all 300ms linear; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .service-sidebar .service-sidebar-single-services ul li a:hover i { color: var(--theme-color1); } .service-sidebar .service-sidebar-single-services ul li a::before { position: absolute; top: 0; left: 0; bottom: 0; right: 0; content: ""; z-index: -1; opacity: 1; -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); -webkit-transform-origin: bottom; transform-origin: bottom; -webkit-transition: all 300ms linear; transition: all 300ms linear; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; background: #ffffff; -webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05); border-radius: 10px; } .service-sidebar .service-sidebar-single-services ul li a i { font-size: 16px; } .service-sidebar .service-sidebar-single-services ul li.current a::before { opacity: 1; -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); -webkit-transition: all 300ms linear; transition: all 300ms linear; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .service-sidebar .service-sidebar-single-services ul li.current a i { color: var(--theme-color1); } .service-sidebar .service-sidebar-single-services ul li.current:first-child { margin-top: 20px; } .service-sidebar .service-sidebar-single-services ul li.current:last-child { margin-bottom: 35px; } .service-sidebar .service-sidebar-single-contact-box { position: relative; display: block; background-attachment: scroll; background-position: center center; background-repeat: no-repeat; background-size: cover; border-radius: 10px; padding: 50px 0px 44px; z-index: 1; } .service-sidebar .service-sidebar-single-contact-box::before { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(109, 140, 84, 0.93); border-radius: 10px; content: ""; z-index: -1; } .service-sidebar .service-sidebar-single-contact-box .icon { position: relative; display: inline-block; width: 60px; height: 60px; text-align: center; -webkit-transition: all 500ms ease; transition: all 500ms ease; border-radius: 50%; background: var(--theme-color2); } .service-sidebar .service-sidebar-single-contact-box .icon:hover { background-color: var(--headings-color); } .service-sidebar .service-sidebar-single-contact-box .icon:hover span::before { color: #fff; } .service-sidebar .service-sidebar-single-contact-box .icon span::before { position: relative; display: inline-block; color: var(--headings-color); font-size: 30px; line-height: 60px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .service-sidebar .service-sidebar-single-contact-box .title { position: relative; display: block; margin-top: 20px; margin-bottom: 42px; } .service-sidebar .service-sidebar-single-contact-box .title h2 { color: #ffffff; font-size: 36px; } .service-sidebar .service-sidebar-single-contact-box .phone { font-size: 24px; line-height: 34px; } .service-sidebar .service-sidebar-single-contact-box .phone a { color: #ffffff; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .service-sidebar .service-sidebar-single-contact-box .phone a:hover { color: var(--theme-color1); } .service-sidebar .service-sidebar-single-contact-box p { color: #ffffff; font-size: 14px; line-height: 22px; } .service-sidebar .service-sidebar-single-btn { position: relative; display: block; } .service-sidebar .service-sidebar-single-btn .thm-btn { font-size: 16px; padding: 13px 50px 28px; } .service-sidebar .service-sidebar-single-btn .thm-btn span::before { position: relative; display: inline-block; top: 13px; color: #334b35; font-size: 40px; padding-right: 25px; -webkit-transition: all 600ms ease; transition: all 600ms ease; font-weight: 500; } .service-sidebar .service-sidebar-single-btn .thm-btn:hover span::before { color: #ffffff; } .service-sidebar .banner-widget { position: relative; display: block; background: #fff; border-radius: 10px; overflow: hidden; -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.08); box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.08); } .service-sidebar .banner-widget .widget-content { position: relative; display: block; width: 100%; padding: 45px 30px 40px 30px; background-size: cover; background-repeat: no-repeat; } .service-sidebar .banner-widget .widget-content .shape { position: absolute; left: 0px; top: 0px; height: 100%; width: 278px; background-repeat: no-repeat; background-size: cover; } .service-sidebar .banner-widget .content-box { position: relative; max-width: 200px; width: 100%; } .service-sidebar .banner-widget .content-box .icon-box { position: relative; display: inline-block; width: 60px; height: 60px; line-height: 60px; font-size: 40px; background-color: var(--theme-color2); color: var(--text-color-bg-theme-color2); text-align: center; border-radius: 5px; margin-bottom: 23px; } .service-sidebar .banner-widget .content-box .icon-box .icon-shape { position: absolute; top: -15px; right: -38px; width: 32px; height: 32px; background-repeat: no-repeat; } .service-sidebar .banner-widget .content-box h3 { display: block; font-size: 24px; line-height: 32px; color: #ffffff; font-weight: 600; text-transform: uppercase; margin-bottom: 22px; } .service-sidebar .banner-widget .content-box .theme-btn-two:hover { background: #0a267a; } .service-sidebar .service-sidebar-single-btn .theme-btn { padding: 20px 50px; } .service-sidebar .service-sidebar-single-btn .theme-btn .btn-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .service-sidebar .service-sidebar-single-btn .theme-btn span::before { position: relative; display: inline-block; font-size: 36px; padding-right: 25px; margin-top: 7px; -webkit-transition: all 600ms ease; transition: all 600ms ease; font-weight: 500; } .services-details__content .feature-list .single-item { position: relative; display: block; border: 1px solid #e1e8e4; padding: 16px 30px 16px 53px; margin-bottom: 20px; -webkit-transition: all 600ms ease; transition: all 600ms ease; } .services-details__content .feature-list .single-item .icon-box { color: var(--theme-color1); position: absolute; left: 20px; top: 16px; font-size: 18px; -webkit-transition: all 600ms ease; transition: all 600ms ease; } .services-details__content .feature-list .single-item .title { display: block; margin: 0; font-size: 16px; line-height: 32px; font-weight: 600; text-transform: uppercase; } .services-details__content .feature-list .single-item:hover { background-color: var(--theme-color2); color: var(--text-color-bg-theme-color2); } .services-details__content .feature-list .single-item:hover .icon-box { color: var(--text-color-bg-theme-color2); } .service-list li { position: relative; display: block; margin-bottom: 10px; } .service-list li:last-child { margin-bottom: 0px; } .service-list li a { position: relative; display: block; font-size: 18px; color: var(--headings-color); font-weight: 600; background-color: #fff; padding: 17px 20px 17px 50px; -webkit-box-shadow: 20px 5px 20px 0px rgba(0, 0, 0, 0.05); box-shadow: 20px 5px 20px 0px rgba(0, 0, 0, 0.05); } .service-list li a:hover, .service-list li a.current { color: var(--text-color-bg-theme-color1); background-color: var(--theme-color1); padding-left: 80px; } .service-list li a:hover i, .service-list li a.current i { width: 60px; color: var(--text-color-bg-theme-color2); background-color: var(--theme-color2); } .service-list li i { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; left: 0px; top: 0px; width: 30px; height: 100%; background-color: #f6f4ec; text-align: center; font-size: 16px; color: #707582; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .sidebar-service-list { margin: 0; } .sidebar-service-list li + li { margin-top: 10px; } .sidebar-service-list li a { font-size: 18px; font-weight: 700; position: relative; -webkit-transition: all 500ms ease; transition: all 500ms ease; display: block; background-color: #f5faff; border-radius: 15px; padding: 19px 40px; } .sidebar-service-list li a:hover { color: var(--theme-color2); } .sidebar-service-list li a:hover i { -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #fff; background-color: var(--theme-color2); } .sidebar-service-list li a i { height: 32px; width: 45px; position: absolute; top: 50%; right: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 500ms ease; transition: all 500ms ease; color: #191825; background-color: #fff; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 16px; border-radius: 15px; } .sidebar-service-list li.current a { color: var(--theme-color2); } .sidebar-service-list li.current a i { -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #fff; background-color: var(--theme-color2); } .service-details-help { position: relative; display: block; padding: 57px 55px 50px; margin-top: 30px; text-align: center; z-index: 1; background-color: var(--theme-color2); border-radius: 15px; overflow: hidden; } .help-shape-1 { position: absolute; bottom: -215px; left: -95px; width: 220px; height: 500px; background-color: #303030; mix-blend-mode: soft-light; border-radius: 150px; -webkit-transform: rotate(45deg); transform: rotate(45deg); z-index: -1; } .help-shape-2 { position: absolute; top: -118px; right: -130px; width: 180px; height: 350px; background-color: #fff; mix-blend-mode: soft-light; border-radius: 186px; -webkit-transform: rotate(48deg); transform: rotate(48deg); } .help-icon { height: 73px; width: 73px; background-color: #fff; color: #191825; font-size: 32px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; margin: 0 auto 0; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .help-icon:hover { background-color: var(--theme-color1); color: #fff; } .help-title { font-size: 38px; color: #fff; line-height: 40px; margin-bottom: 21px; font-weight: 700; } .help-contact { position: relative; display: block; margin-top: 21px; } .help-contact p { font-size: 14px; color: #fff; margin: 0; line-height: 32px; font-weight: 600; opacity: 0.7; } .help-contact a { font-size: 30px; color: #fff; font-weight: 600; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .help-contact a:hover { color: #fff; } /*-------------------------------------------------------------- # Project Details --------------------------------------------------------------*/ .project-details__img { position: relative; display: block; } .project-details__img img { width: 100%; border-radius: 10px; } .project-details__content { position: relative; display: block; } .project-details__content-left { position: relative; display: block; margin-top: 31px; } .project-details__content-right { position: relative; display: block; margin-top: 40px; } .project-details__details-box { position: relative; border-radius: 10px; background-color: #f5f5f5; padding: 43px 50px 50px; z-index: 1; } .project-details__details-list { position: relative; display: block; } .project-details__details-list li { position: relative; display: block; } .project-details__details-list li + li { margin-top: 24px; } .project-details__client { font-size: 16px; color: #838d9e; line-height: 24px; margin: 0; } .project-details__name { font-size: 16px; line-height: 24px; } .project-details__social { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .project-details__social a { position: relative; height: 40px; width: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; background-color: var(--theme-color1); color: var(--text-color-bg-theme-color1); font-size: 15px; border-radius: 50%; overflow: hidden; -webkit-transition: all 500ms ease; transition: all 500ms ease; z-index: 1; } .project-details__social a:hover { background-color: var(--theme-color2); color: var(--text-color-bg-theme-color2); } .project-details__social a + a { margin-left: 10px; } .project-details__pagination-box { position: relative; display: block; text-align: center; border-top: 1px solid #ece9e0; border-bottom: 1px solid #ece9e0; padding: 30px 0; margin-top: 117px; } .project-details__pagination { position: relative; display: block; } .project-details__pagination li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .project-details__pagination li a { font-size: 14px; color: #757873; font-weight: 400; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .project-details__pagination li a:hover { color: var(--theme-color1); } .project-details__pagination li a:hover i { background-color: var(--theme-color1); color: var(--text-color-bg-theme-color1); border: 2px solid var(--theme-color1); } .project-details__pagination li .content { position: relative; display: block; } .project-details__pagination li.next { float: left; position: relative; } .project-details__pagination li.next i { position: relative; height: 52px; width: 52px; border: 2px solid #0e2207; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; color: #0e2207; font-size: 16px; -webkit-transition: all 500ms ease; transition: all 500ms ease; margin-right: 20px; z-index: 1; } .project-details__pagination li.next .content { text-align: left; } .project-details__pagination li.previous { position: relative; float: right; } .project-details__pagination li.previous i { position: relative; height: 52px; width: 52px; border: 2px solid #0e2207; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; color: #0e2207; font-size: 16px; -webkit-transition: all 500ms ease; transition: all 500ms ease; margin-left: 20px; z-index: 1; } .project-details__pagination li.previous .content { text-align: right; } /*** ==================================================================== Blog Details ==================================================================== ***/ .blog-details { position: relative; display: block; } .blog-details__left { position: relative; display: block; } .blog-details__img { position: relative; display: block; border-radius: 10px; } .blog-details__img img { width: 100%; border-radius: 10px; } .blog-details__date { position: absolute; bottom: 0; right: 0; background-color: var(--theme-color1); text-align: center; padding: 21px 24px 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom-right-radius: 10px; border-top-left-radius: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .blog-details__date .day { font-size: 16px; color: #fff; font-weight: var(--body-font-weight-bold); line-height: 16px; } .blog-details__date .month { position: relative; display: block; font-size: 10px; font-weight: var(--body-font-weight-bold); color: #fff; line-height: 12px; text-transform: uppercase; } .blog-details__content { position: relative; display: block; margin-top: 22px; } .blog-details__meta { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .blog-details__meta li + li { margin-left: 18px; } .blog-details__meta li a { font-size: 15px; color: #777; font-weight: 500; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .blog-details__meta li a:hover { color: var(--theme-color1); } .blog-details__meta li a i { color: var(--theme-color1); margin-right: 6px; } .blog-details__title { font-size: 30px; line-height: 40px; margin-top: 12px; margin-bottom: 21px; font-weight: var(--body-font-weight-bold); } .blog-details__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 30px 0 30px; margin-top: 49px; border-top: 1px solid #ece9e0; } @media only screen and (max-width: 767px) { .blog-details__bottom { gap: 30px; } } .blog-details__bottom p { margin: 0; } .blog-details__tags span { color: #0e2207; font-size: 20px; margin-right: 14px; font-weight: var(--body-font-weight-bold); } .blog-details__tags a { position: relative; font-size: 12px; background-color: var(--theme-color1); color: #fff; display: inline-block; padding: 5px 30px 5px; font-weight: var(--body-font-weight-bold); -webkit-transition: all 500ms ease; transition: all 500ms ease; border-radius: 35px; } .blog-details__tags a:hover { background-color: var(--theme-color2); color: var(--text-color-bg-theme-color1); text-decoration: none; } .blog-details__tags a + a { margin-left: 6px; } .blog-details__social-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .blog-details__social-list a { position: relative; height: 43px; width: 43px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; color: var(--theme-light-background-text-color); background-color: var(--theme-light-background); font-size: 15px; border-radius: 50%; overflow: hidden; -webkit-transition: all 500ms ease; transition: all 500ms ease; z-index: 1; } .blog-details__social-list a:hover { color: var(--text-color-bg-theme-color2); } .blog-details__social-list a:hover:after { opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); } .blog-details__social-list a:after { position: absolute; content: ""; top: 0; left: 0; right: 0; height: 100%; background-color: var(--theme-color2); -webkit-transition-delay: 0.1s; transition-delay: 0.1s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-property: all; transition-property: all; opacity: 1; -webkit-transform-origin: top; transform-origin: top; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: scaleY(0); transform: scaleY(0); z-index: -1; } .blog-details__social-list a + a { margin-left: 10px; } .blog-details__pagenation-box { position: relative; display: block; overflow: hidden; margin-bottom: 53px; } .blog-details__pagenation { position: relative; display: block; } .blog-details__pagenation li { position: relative; float: left; font-size: 20px; color: #0e2207; font-weight: var(--body-font-weight-bold); color: var(--theme-light-background-text-color); background-color: var(--theme-light-background); line-height: 30px; -webkit-transition: all 500ms ease; transition: all 500ms ease; max-width: 370px; width: 100%; padding-left: 60px; padding-right: 60px; padding-top: 52px; padding-bottom: 52px; border-radius: 10px; } .blog-details__pagenation li:hover { background-color: var(--theme-color2); color: var(--text-color-bg-theme-color2); } .blog-details__pagenation li + li { margin-left: 30px; } /* Nav Links */ .nav-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 53px; } @media only screen and (max-width: 767px) { .nav-links { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } } .nav-links .prev { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; width: calc(50% - 15px); margin-right: 30px; } @media only screen and (max-width: 767px) { .nav-links .prev { width: 100%; } } .nav-links .prev .thumb { margin-right: 20px; } .nav-links .next { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; width: calc(50% - 15px); } @media only screen and (max-width: 767px) { .nav-links .next { width: 100%; } } .nav-links .next .thumb { margin-left: 20px; } .nav-links > div { -webkit-transition: all 500ms ease; transition: all 500ms ease; } .nav-links > div .thumb { display: inline-block; min-width: 60px; width: 60px; height: 60px; overflow: hidden; } .nav-links > div .thumb a { display: inline-block; } .nav-links > div > a { display: inline-block; word-wrap: break-word; white-space: -moz-pre-wrap; white-space: pre-wrap; font-size: 20px; line-height: 1.637; font-weight: var(--body-font-weight-bold); -webkit-transition: all 500ms ease; transition: all 500ms ease; color: var(--theme-light-background-text-color); background-color: var(--theme-light-background); padding: 52px 50px; border-radius: 10px; width: 100%; } @media only screen and (max-width: 767px) { .nav-links > div > a { padding: 30px; } } .nav-links > div > a:hover { color: #fff; background-color: var(--theme-color1); } /*** ==================================================================== Sidebar ==================================================================== ***/ @media (max-width: 991px) { .sidebar { margin-top: 50px; } } .sidebar__single + .sidebar__single { margin-top: 30px; } .sidebar__title { margin: 0; font-size: 20px; margin-bottom: 5px; font-weight: var(--h4-font-weight); } .sidebar__search { position: relative; display: block; } .sidebar__search-form { position: relative; } .sidebar__search-form input[type=search] { display: block; border: none; outline: none; background-color: var(--theme-color1); color: #fff; font-size: 16px; font-weight: 500; padding-left: 50px; height: 74px; width: 100%; padding-right: 80px; border-radius: 10px; } .sidebar__search-form input[type=search]::-webkit-input-placeholder { color: var(--text-color-bg-theme-color1); opacity: 1; } .sidebar__search-form input[type=search]::-webkit-input-placeholder, .sidebar__search-form input[type=search]:-ms-input-placeholder, .sidebar__search-form input[type=search]::-ms-input-placeholder, .sidebar__search-form input[type=search]::placeholder { color: var(--text-color-bg-theme-color1); opacity: 1; } @media only screen and (max-width: 767px) { .sidebar__search-form input[type=search] { padding-left: 30px; } } .sidebar__search-form button[type=submit] { background-color: transparent; color: #fff; font-size: 22px; position: absolute; top: 0; right: 0; bottom: 0; width: 72px; outline: none; border: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; } @media only screen and (max-width: 767px) { .sidebar__search-form button[type=submit] { width: 42px; } } .sidebar__post { position: relative; display: block; padding: 46px 30px 30px; color: var(--theme-light-background-text-color); background-color: var(--theme-light-background); border-radius: 10px; overflow: hidden; z-index: 1; } @media only screen and (max-width: 767px) { .sidebar__post { padding: 30px; } } .sidebar__post .sidebar__title { margin-left: 20px; } @media only screen and (max-width: 767px) { .sidebar__post .sidebar__title { margin-left: 0; } } .sidebar__post .sidebar__post-list { margin: 0; } .sidebar__post .sidebar__post-list li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 16px 20px 17px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } @media only screen and (max-width: 767px) { .sidebar__post .sidebar__post-list li { padding: 16px 0; } } .sidebar__post .sidebar__post-list li:hover { background-color: #ffffff; border-radius: 10px; } .sidebar__post .sidebar__post-list li + li { margin-top: 11px; } .sidebar__post .sidebar__post-list .sidebar__post-image { margin-right: 20px; -webkit-box-flex: 70px; -ms-flex: 70px 0 0px; flex: 70px 0 0; } .sidebar__post .sidebar__post-list .sidebar__post-image > img { width: 80px; border-radius: 10px; } .sidebar__post .sidebar__post-list .sidebar__post-content { position: relative; top: -3px; } .sidebar__post .sidebar__post-list .sidebar__post-content h3 { font-size: 18px; margin: 0; line-height: 26px; letter-spacing: 0; } .sidebar__post .sidebar__post-list .sidebar__post-content h3 a { color: #0e2207; -webkit-transition: all 500ms ease; transition: all 500ms ease; display: block; font-size: 16px; font-weight: 700; line-height: 24px; } .sidebar__post .sidebar__post-list .sidebar__post-content-meta { font-size: 14px; font-weight: 500; color: #757873 !important; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .sidebar__post .sidebar__post-list .sidebar__post-content-meta i { color: var(--theme-color1); font-size: 14px; padding-right: 3px; } .sidebar__category { position: relative; display: block; color: var(--theme-light-background-text-color); background-color: var(--theme-light-background); border-radius: 10px; padding: 45px 30px 38px; overflow: hidden; z-index: 1; } @media only screen and (max-width: 767px) { .sidebar__category { padding: 30px 15px 30px; } } .sidebar__category .sidebar__title { padding-left: 20px; margin-bottom: 9px; } .sidebar__category-list { margin: 0; } .sidebar__category-list li + li { margin-top: 4px; } .sidebar__category-list li a { color: #757873; font-size: 16px; position: relative; -webkit-transition: all 500ms ease; transition: all 500ms ease; display: block; background: none; padding: 12px 20px; font-weight: 500; border-radius: 10px; } .sidebar__category-list li a:hover { background-color: rgb(255, 255, 255); -webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05); color: #0e2207; text-shadow: 1px 0 0 rgba(14, 34, 7, 0.5); } .sidebar__category-list li a:hover span { color: #ffcd1e; -webkit-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); } .sidebar__category-list li a span { position: absolute; top: 50%; right: 20px; -webkit-transform: translateY(-50%) scale(0); transform: translateY(-50%) scale(0); -webkit-transition: all 500ms ease; transition: all 500ms ease; color: var(--theme-color2); text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 16px; } .sidebar__category-list li.active a { background-color: rgb(255, 255, 255); -webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05); color: #0e2207; border-radius: 10px; text-shadow: 1px 0 0 rgba(14, 34, 7, 0.5); } .sidebar__category-list li.active a span { -webkit-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); color: #ffcd1e; } .sidebar__tags { position: relative; display: block; color: var(--theme-light-background-text-color); background-color: var(--theme-light-background); padding: 46px 45px 50px; border-radius: 10px; overflow: hidden; z-index: 1; } @media only screen and (max-width: 767px) { .sidebar__tags { padding: 30px; } } .sidebar__tags .sidebar__title { margin-left: 5px; margin-bottom: 25px; } .sidebar__tags-list { margin-top: -10px; } .sidebar__tags-list a { font-size: 14px; color: #0e2207; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; background: #ffffff; display: inline-block; padding: 5px 28px 5px; margin-left: 5px; border-radius: 30px; } .sidebar__tags-list a:hover { color: #fff; background: var(--theme-color1); } .sidebar__tags-list a + a { margin-left: 5px; margin-top: 10px; } .sidebar__comments { position: relative; display: block; color: var(--theme-light-background-text-color); background-color: var(--theme-light-background); padding: 46px 50px 43px; border-radius: 10px; overflow: hidden; z-index: 1; } @media only screen and (max-width: 767px) { .sidebar__comments { padding: 30px; } } .sidebar__comments .sidebar__title { margin-bottom: 25px; } .sidebar__comments-list { position: relative; display: block; } .sidebar__comments-list li { position: relative; display: block; padding-left: 65px; } .sidebar__comments-list li:hover .sidebar__comments-icon { background-color: var(--theme-color2); color: var(--headings-color); } .sidebar__comments-list li + li { margin-top: 23px; } .sidebar__comments-icon { height: 45px; width: 45px; background-color: var(--theme-color1); border-radius: 50%; font-size: 15px; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 0; left: 0; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .sidebar__comments-text-box p { font-size: 15px; margin: 0; line-height: 26px; font-weight: 500; } .sidebar__comments-text-box p span { color: #0e2207; } .sidebar__comments-text-box h5 { font-size: 15px; margin: 0; line-height: 26px; color: #757873; font-weight: 500; letter-spacing: 0; } /*** ==================================================================== Comments ==================================================================== ***/ .comment-one .comment-one__title { margin-bottom: 30px; } .comment-one .comment-one__single { display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid #ece9e0; padding-bottom: 60px; margin-bottom: 60px; -webkit-box-align: top; -ms-flex-align: top; align-items: top; } @media only screen and (max-width: 767px) { .comment-one .comment-one__single { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .comment-one .comment-one__content { position: relative; margin-left: 45px; } @media only screen and (max-width: 767px) { .comment-one .comment-one__content { margin-top: 20px; margin-left: 0; } } .comment-one .comment-one__content h3 { margin: 0; font-size: 20px; color: var(--theme-black); margin-bottom: 24px; } .comment-one .comment-one__content p { font-size: 16px; font-weight: 500; } .comment-one .comment-one__btn { padding: 5px 30px; position: absolute; top: 0; right: 0; font-size: 14px; } .comment-one .comment-one__image { position: relative; display: block; border-radius: 50%; -webkit-box-flex: 100px; -ms-flex: 100px 0 0px; flex: 100px 0 0; } .comment-one .comment-one__image img { border-radius: 50%; } .comment-form .comment-form__title { margin-top: -7px; } /*-------------------------------------------------------------- # Team Details --------------------------------------------------------------*/ .team-details { position: relative; display: block; } .team-details__top { padding: 0 0 120px; } .team-details-shape-1 { position: absolute; bottom: -270px; right: 0; opacity: 0.5; z-index: 2; } .team-details-shape-1 img { width: auto; } .team-details__top-left { position: relative; display: block; margin-right: 20px; } .team-details__top-img { position: relative; display: block; border-radius: 30px; } .team-details__top-img img { width: 100%; border-radius: 30px; } .team-details__big-text { font-size: 80px; line-height: 80px; text-transform: uppercase; color: #eef0f6; letter-spacing: 0.35em; font-weight: 400; position: absolute; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); top: 209px; left: -325px; } .team-details__top-right { position: relative; display: block; margin-left: 50px; } @media only screen and (max-width: 991px) { .team-details__top-right { margin-top: 70px; margin-left: 0; } } .team-details__top-content { position: relative; display: block; margin-top: -11px; } .team-details__top-name { font-size: 40px; font-weight: 700; line-height: 50px; margin-bottom: 3px; } .team-details__top-title { font-size: 16px; color: var(--theme-color1); } .team-details__social { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 20px; margin-bottom: 28px; } .team-details__social a { position: relative; height: 40px; width: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; background-color: var(--theme-color1); color: #fff; font-size: 15px; border-radius: 50%; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .team-details__social a:hover { background-color: var(--theme-color2); color: var(--text-color-bg-theme-color2); } .team-details__social a + a { margin-left: 10px; } .team-details__top-text-1 { font-size: 30px; color: var(--theme-color1); line-height: 45px; font-weight: 400; margin-bottom: 30px; } .team-details__top-text-2 { padding-top: 23px; padding-bottom: 35px; } .team-details__bottom { position: relative; display: block; border-top: 1px solid #e4e5ea; padding-top: 110px; } .team-details__bottom-left { position: relative; display: block; margin-right: 70px; } .team-details__bottom-left-title { font-size: 36px; font-weight: 700; line-height: 46px; } .team-details__bottom-left-text { padding-top: 30px; } .team-details__bottom-right { position: relative; display: block; margin-left: 70px; margin-top: 1px; } @media only screen and (max-width: 991px) { .team-details__bottom-right { margin-left: 0; } } .team-details__progress { position: relative; display: block; width: 100%; } .team-details__progress .bar { position: relative; width: 100%; height: 13px; background-color: #eef0f6; border-radius: 7px; margin-bottom: 22px; } .team-details__progress .bar-inner { position: relative; display: block; width: 0px; height: 13px; border-radius: 7px; background-color: var(--theme-color1); -webkit-transition: all 1500ms ease; transition: all 1500ms ease; } .team-details__progress .count-text { position: absolute; right: 0px; bottom: 21px; color: var(--theme-color1); line-height: 24px; font-size: 14px; text-align: center; font-weight: 500; opacity: 0; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .team-details__progress .bar-inner.counted .count-text { opacity: 1; } .team-details__progress .bar.marb-0 { margin-bottom: 0; } .team-details__progress-single { position: relative; display: block; } .team-details__progress-title { font-size: 16px; font-weight: 700; line-height: 28px; color: var(--headings-color); margin-bottom: 6px; } .team-contact-form { background-color: #eef0f6; } .team-contact-form input[type=text], .team-contact-form input[type=email] { background-color: #fff; } .team-contact-form textarea { background-color: #fff; height: 180px; }