Podróże Służbowe, Wyjazdy Firmowe i Konferencje dla Firm

<!DOCTYPE html> <html> <head> <link rel="icon" href="" type="image/png"> <meta charset="UTF-8"> <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"> <title>Podróże Służbowe, Wyjazdy Firmowe i Konferencje dla Firm - Polish Travel</title> <meta name="description" content="Polish Travel Quo Vadis ▶ Podróże służbowe, wyjazdy i konferencje dla Firm ⭐ Biuro podróży dla firm - Kompleksowa obsługa podróży służbowych ⭐ Sprawdź!"/> <link rel="canonical" href="https://www.polishtravel.com.pl" /> <meta name="topic" content=""/> <meta name="author" content=""/> <link rel="stylesheet" href="/build/1.df4d665c.css"><link rel="stylesheet" href="/build/index.3eb5c2f8.css">  <link href="/themes/mono3/plugins/bootstrap/bootstrap.min.css" rel="stylesheet"> <link href="/themes/mono3/plugins/owl-carousel/owl.carousel.min.css" rel="stylesheet"> <link href="/themes/mono3/plugins/owl-carousel/owl.theme.default.min.css" rel="stylesheet"> <link href="/themes/mono3/plugins/magnific-popup/magnific-popup.min.css" rel="stylesheet"> <link href="/themes/mono3/plugins/sal/sal.min.css" rel="stylesheet">  <link href="/themes/mono3/plugins/font-awesome/css/all.css" rel="stylesheet"> <link href="/themes/mono3/plugins/themify/themify-icons.min.css" rel="stylesheet"> <link href="/themes/mono3/plugins/simple-line-icons/css/simple-line-icons.css" rel="stylesheet"> <style> /*------------------------------------------------ * * Template name : Mono * Version : 8.2 * Author : FlaTheme * Author URL : http://themeforest.net/user/flatheme * -------------------------------------------------*/ @import url("https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;500;600;700;800;900&family=Open+Sans:wght@300;400;500;600;700&family=Playfair+Display:wght@400;700&family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap"); html, body { width: 100%; height: 100%; background-color:#ffffff; } body { overflow-x: hidden; } .container, .container-fluid { position: relative; padding: 0 30px; } .position-center { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .position-middle { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin: 0 auto; } .position-top, .position-bottom { position: absolute; left: 0; width: 100%; } .position-top { top: 30px; } .position-bottom { bottom: 30px; } .container .position-top, .container .position-bottom, .container-fluid .position-top, .container-fluid .position-bottom { padding: 0 30px; } mark { background: #ffffff; color: #d31a4f; } iframe { width: 100%; border: 0; } pre { border: 1px solid rgba(18, 21, 24, 0.1); border-radius: 0.375em; padding: 6px 20px; color: #7C7C7C; } .bg-black pre, [class*='bg-dark'] pre, [class*='bg-gradient-'] pre, [class*='bg-color-'] pre { border-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.6); } .blockquote { background: transparent; margin-bottom: 20px; border-left: 4px solid rgba(18, 21, 24, 0.1); padding: 16px 30px; } @media (max-width: 767.98px) { .blockquote { padding: 16px 20px; } } .blockquote p { font-size: 16px; line-height: 30px; } .blockquote p.font-small { font-size: 14px; line-height: 26px; } .blockquote p.font-large { font-size: 20px; line-height: 36px; } .blockquote .blockquote-footer { margin-top: 10px; color: #d31a4f; } .blockquote .blockquote-footer:before { padding-right: 5px; } .blockquote .blockquote-footer h1, .blockquote .blockquote-footer h2, .blockquote .blockquote-footer h3, .blockquote .blockquote-footer h4, .blockquote .blockquote-footer h5, .blockquote .blockquote-footer h6 { display: inline-block; margin: 0; } .blockquote .blockquote-footer p { font-size: 16px; line-height: 30px; } .blockquote.style-2 { position: relative; border: 0; padding: 20px 20px 20px 40px; } @media (max-width: 767.98px) { .blockquote.style-2 { padding: 16px 16px 16px 36px; } } .blockquote.style-2:before { content: '\f10d'; position: absolute; top: 0; left: 0; color: rgba(18, 21, 24, 0.1); font-family: "Font Awesome 6 Free"; font-size: 24px; font-weight: 900; } .bg-black .blockquote, [class*='bg-dark'] .blockquote, [class*='bg-gradient-'] .blockquote, [class*='bg-color-'] .blockquote { background: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.2); } .bg-black .blockquote .blockquote-footer, [class*='bg-dark'] .blockquote .blockquote-footer, [class*='bg-gradient-'] .blockquote .blockquote-footer, [class*='bg-color-'] .blockquote .blockquote-footer { color: white; } .bg-black .blockquote.style-2, [class*='bg-dark'] .blockquote.style-2, [class*='bg-gradient-'] .blockquote.style-2, [class*='bg-color-'] .blockquote.style-2 { background: transparent; border-color: rgba(255, 255, 255, 0.2); } .bg-black .blockquote.style-3, [class*='bg-dark'] .blockquote.style-3, [class*='bg-gradient-'] .blockquote.style-3, [class*='bg-color-'] .blockquote.style-3 { background: transparent; } .bg-black .blockquote.style-3:before, [class*='bg-dark'] .blockquote.style-3:before, [class*='bg-gradient-'] .blockquote.style-3:before, [class*='bg-color-'] .blockquote.style-3:before { color: rgba(255, 255, 255, 0.2); } .breadcrumb { display: inline-block; background: transparent; margin: 0 0 -10px; padding: 0; } .breadcrumb .breadcrumb-item { display: inline-block; font: 400 13px "Open Sans", sans-serif; letter-spacing: 1px; text-transform: uppercase; } .breadcrumb .breadcrumb-item:before { color: rgba(18, 21, 24, 0.2); } .breadcrumb .breadcrumb-item.active { color: #AAAAAA; } .breadcrumb .breadcrumb-item a { -webkit-transition: linear 0.1s; transition: linear 0.1s; } .bg-black .breadcrumb .breadcrumb-item:before, [class*='bg-dark'] .breadcrumb .breadcrumb-item:before, [class*='bg-gradient-'] .breadcrumb .breadcrumb-item:before, [class*='bg-color-'] .breadcrumb .breadcrumb-item:before { color: rgba(255, 255, 255, 0.3); } .bg-black .breadcrumb .breadcrumb-item.active, [class*='bg-dark'] .breadcrumb .breadcrumb-item.active, [class*='bg-gradient-'] .breadcrumb .breadcrumb-item.active, [class*='bg-color-'] .breadcrumb .breadcrumb-item.active { color: rgba(255, 255, 255, 0.5); } .card { border: 1px solid rgba(18, 21, 24, 0.1); } .dropdown .dropdown-menu, .btn-group .dropdown-menu { border: 0; border-radius: 0; -webkit-box-shadow: 0 6px 36px -4px rgba(22, 24, 26, 0.14); box-shadow: 0 6px 36px -4px rgba(22, 24, 26, 0.14); padding: 15px 20px; } .dropdown .dropdown-menu .dropdown-item, .btn-group .dropdown-menu .dropdown-item { margin-bottom: 10px; padding: 0; color: #d31a4f; font: 300 14px "Open Sans", sans-serif; letter-spacing: 0; text-transform: none; -webkit-transition: linear 0.1s; transition: linear 0.1s; } .dropdown .dropdown-menu .dropdown-item:last-child, .btn-group .dropdown-menu .dropdown-item:last-child { margin: 0; } .dropdown .dropdown-menu .dropdown-item:hover, .dropdown .dropdown-menu .dropdown-item:focus, .dropdown .dropdown-menu .dropdown-item:active, .btn-group .dropdown-menu .dropdown-item:hover, .btn-group .dropdown-menu .dropdown-item:focus, .btn-group .dropdown-menu .dropdown-item:active { background: transparent; color: #7C7C7C; } .modal.fade .modal-dialog { -webkit-transition: ease-out 0.2s; transition: ease-out 0.2s; -webkit-transform: translate(0) scale(0.98); transform: translate(0) scale(0.98); } .modal.show .modal-dialog { -webkit-transform: translate(0) scale(1); transform: translate(0) scale(1); } .modal .modal-content { -webkit-box-shadow: 0 6px 36px -4px rgba(22, 24, 26, 0.3); box-shadow: 0 6px 36px -4px rgba(22, 24, 26, 0.3); border: 0; } .modal .modal-content .modal-header { border-bottom: 1px solid rgba(18, 21, 24, 0.1); } .modal .modal-content .modal-footer { border-top: 1px solid rgba(18, 21, 24, 0.1); } .nav { margin: 0; padding: 0; } .nav .nav-item { margin: 0 30px 0 0; } .nav .nav-item:last-child { margin-right: 0; } .nav .nav-item .nav-link { padding: 0; color: #7C7C7C; -webkit-transition: linear 0.1s; transition: linear 0.1s; } .nav .nav-item .nav-link h1, .nav .nav-item .nav-link h2, .nav .nav-item .nav-link h3, .nav .nav-item .nav-link h4, .nav .nav-item .nav-link h5, .nav .nav-item .nav-link h6 { margin: 0; color: #7C7C7C; -webkit-transition: linear 0.1s; transition: linear 0.1s; } .nav .nav-item .nav-link.active, .nav .nav-item .nav-link:hover { color: #d31a4f; } .nav .nav-item .nav-link.active h1, .nav .nav-item .nav-link.active h2, .nav .nav-item .nav-link.active h3, .nav .nav-item .nav-link.active h4, .nav .nav-item .nav-link.active h5, .nav .nav-item .nav-link.active h6, .nav .nav-item .nav-link:hover h1, .nav .nav-item .nav-link:hover h2, .nav .nav-item .nav-link:hover h3, .nav .nav-item .nav-link:hover h4, .nav .nav-item .nav-link:hover h5, .nav .nav-item .nav-link:hover h6 { color: #d31a4f; } .nav .nav-item .nav-link.disabled { color: #AAAAAA; } .nav.nav-tabs { border-bottom: 1px solid #e2e6ea; } .nav.nav-tabs .nav-item { margin: 0 0 -1px; } .nav.nav-tabs .nav-item .nav-link { background: transparent; padding: 10px 20px; color: #7C7C7C; } .nav.nav-tabs .nav-item .nav-link:hover { border-color: #e2e6ea; } .nav.nav-tabs .nav-item .nav-link.active { border-color: #e2e6ea #e2e6ea white; color: #d31a4f; } .nav.nav-tabs .nav-item .nav-link.disabled:hover { border-color: transparent; } .nav.nav-pills .nav-item { margin: 0; } .nav.nav-pills .nav-item .nav-link { padding: 10px 20px; } .nav.nav-pills .nav-item .nav-link.active, .nav.nav-pills .nav-item .show .nav-link { background: #d31a4f; color: white; } .nav.nav-pills .nav-item h1, .nav.nav-pills .nav-item h2, .nav.nav-pills .nav-item h3, .nav.nav-pills .nav-item h4, .nav.nav-pills .nav-item h5, .nav.nav-pills .nav-item h6 { margin: 0; } .nav.tabs { display: inline-block; border: 1px solid #e2e6ea; border-radius: 0.375em; } .nav.tabs .nav-item { display: inline-block; margin: 0; } .nav.tabs .nav-item .nav-link { padding: 10px 20px; border-right: 1px solid #e2e6ea; } .nav.tabs .nav-item:last-child .nav-link { border: 0; } .nav.nav-custom .nav-item .nav-link { position: relative; overflow: visible; } .nav.nav-custom .nav-item .nav-link:after { content: ''; position: absolute; right: 0; bottom: -1px; left: 0; background: #d31a4f; height: 1px; -webkit-animation: button-line-out 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both; animation: button-line-out 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both; } .nav.nav-custom .nav-item .nav-link.active:after { width: 100%; -webkit-animation: button-line-in 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both; animation: button-line-in 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both; } .bg-black .nav .nav-item .nav-link, [class*='bg-dark'] .nav .nav-item .nav-link, [class*='bg-gradient-'] .nav .nav-item .nav-link, [class*='bg-color-'] .nav .nav-item .nav-link { color: rgba(255, 255, 255, 0.8); } .bg-black .nav .nav-item .nav-link.active, .bg-black .nav .nav-item .nav-link:hover, [class*='bg-dark'] .nav .nav-item .nav-link.active, [class*='bg-dark'] .nav .nav-item .nav-link:hover, [class*='bg-gradient-'] .nav .nav-item .nav-link.active, [class*='bg-gradient-'] .nav .nav-item .nav-link:hover, [class*='bg-color-'] .nav .nav-item .nav-link.active, [class*='bg-color-'] .nav .nav-item .nav-link:hover { color: white; } .bg-black .nav.nav-tabs, [class*='bg-dark'] .nav.nav-tabs, [class*='bg-gradient-'] .nav.nav-tabs, [class*='bg-color-'] .nav.nav-tabs { border-color: rgba(255, 255, 255, 0.2); } .bg-black .nav.nav-tabs .nav-item .nav-link, [class*='bg-dark'] .nav.nav-tabs .nav-item .nav-link, [class*='bg-gradient-'] .nav.nav-tabs .nav-item .nav-link, [class*='bg-color-'] .nav.nav-tabs .nav-item .nav-link { color: rgba(255, 255, 255, 0.8); } .bg-black .nav.nav-tabs .nav-item .nav-link.active, .bg-black .nav.nav-tabs .nav-item .nav-link:hover, [class*='bg-dark'] .nav.nav-tabs .nav-item .nav-link.active, [class*='bg-dark'] .nav.nav-tabs .nav-item .nav-link:hover, [class*='bg-gradient-'] .nav.nav-tabs .nav-item .nav-link.active, [class*='bg-gradient-'] .nav.nav-tabs .nav-item .nav-link:hover, [class*='bg-color-'] .nav.nav-tabs .nav-item .nav-link.active, [class*='bg-color-'] .nav.nav-tabs .nav-item .nav-link:hover { border-color: rgba(255, 255, 255, 0.2) rgba(255, 255, 255, 0.2) transparent; } .bg-black .nav.nav-tabs .nav-item .nav-link.active, [class*='bg-dark'] .nav.nav-tabs .nav-item .nav-link.active, [class*='bg-gradient-'] .nav.nav-tabs .nav-item .nav-link.active, [class*='bg-color-'] .nav.nav-tabs .nav-item .nav-link.active { color: white; } .bg-black .nav.nav-pills .nav-item .nav-link.active, .bg-black .nav.nav-pills .nav-item .show .nav-link, [class*='bg-dark'] .nav.nav-pills .nav-item .nav-link.active, [class*='bg-dark'] .nav.nav-pills .nav-item .show .nav-link, [class*='bg-gradient-'] .nav.nav-pills .nav-item .nav-link.active, [class*='bg-gradient-'] .nav.nav-pills .nav-item .show .nav-link, [class*='bg-color-'] .nav.nav-pills .nav-item .nav-link.active, [class*='bg-color-'] .nav.nav-pills .nav-item .show .nav-link { background: white; color: #d31a4f; } .bg-black .nav.tabs, [class*='bg-dark'] .nav.tabs, [class*='bg-gradient-'] .nav.tabs, [class*='bg-color-'] .nav.tabs { border: 1px solid rgba(255, 255, 255, 0.2); } .bg-black .nav.tabs .nav-item .nav-link, [class*='bg-dark'] .nav.tabs .nav-item .nav-link, [class*='bg-gradient-'] .nav.tabs .nav-item .nav-link, [class*='bg-color-'] .nav.tabs .nav-item .nav-link { border-right: 1px solid rgba(255, 255, 255, 0.2); } .bg-black .nav.nav-custom .nav-item .nav-link:after, [class*='bg-dark'] .nav.nav-custom .nav-item .nav-link:after, [class*='bg-gradient-'] .nav.nav-custom .nav-item .nav-link:after, [class*='bg-color-'] .nav.nav-custom .nav-item .nav-link:after { background: white; } .pagination { margin: 0; padding: 0; } .pagination .page-item { margin: 0 6px 0 0; text-align: center; } .pagination .page-item:last-child { margin-right: 0; } .pagination .page-item .page-link { background: transparent; min-width: 31px; height: 31px; border: 0; border-radius: 20px; padding: 0; color: #7C7C7C; font-size: 14px; line-height: 31px; -webkit-transition: ease-out 0.12s; transition: ease-out 0.12s; } .pagination .page-item .page-link:hover { background: #e4e8ec; } .pagination .page-item.active .page-link { background: #e4e8ec; color: #d31a4f; } .pagination.pagination-sm .page-item .page-link { min-width: 27px; height: 27px; border-radius: 20px; padding: 0; line-height: 27px; } .pagination.pagination-lg .page-item .page-link { min-width: 35px; height: 35px; border-radius: 20px; padding: 0; line-height: 35px; } .pagination.hover-style-2 .page-item .page-link:hover { background: #e2e6ea; border-color: #e2e6ea; } .pagination.hover-style-2 .page-item.active .page-link { background: #d31a4f; border-color: #d31a4f; color: white; } .bg-black .pagination .page-item .page-link, [class*='bg-dark'] .pagination .page-item .page-link, [class*='bg-gradient-'] .pagination .page-item .page-link, [class*='bg-color-'] .pagination .page-item .page-link { color: rgba(255, 255, 255, 0.7); } .bg-black .pagination .page-item .page-link:hover, [class*='bg-dark'] .pagination .page-item .page-link:hover, [class*='bg-gradient-'] .pagination .page-item .page-link:hover, [class*='bg-color-'] .pagination .page-item .page-link:hover { background: rgba(255, 255, 255, 0.1); } .bg-black .pagination .page-item.active .page-link, [class*='bg-dark'] .pagination .page-item.active .page-link, [class*='bg-gradient-'] .pagination .page-item.active .page-link, [class*='bg-color-'] .pagination .page-item.active .page-link { background: rgba(255, 255, 255, 0.1); color: white; } .bg-black .pagination.hover-style-2 .page-item .page-link:hover, [class*='bg-dark'] .pagination.hover-style-2 .page-item .page-link:hover, [class*='bg-gradient-'] .pagination.hover-style-2 .page-item .page-link:hover, [class*='bg-color-'] .pagination.hover-style-2 .page-item .page-link:hover { background: white; border-color: white; color: rgba(18, 21, 24, 0.9); } .bg-black .pagination.hover-style-2 .page-item.active .page-link, [class*='bg-dark'] .pagination.hover-style-2 .page-item.active .page-link, [class*='bg-gradient-'] .pagination.hover-style-2 .page-item.active .page-link, [class*='bg-color-'] .pagination.hover-style-2 .page-item.active .page-link { background: white; border-color: white; color: rgba(18, 21, 24, 0.9); } .popover { border: 0; -webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.08); } .popover .arrow:before { border: 0; } .popover .popover-header { background: transparent; padding: 15px 20px; font-size: 16px; line-height: 32px; } .popover .popover-body { padding: 20px; } .table td, .table th { border-top: 1px solid #e2e6ea; } .table thead th { border-bottom: 2px solid #e2e6ea; } .table.table-dark { background: #202428; } .table.table-dark thead th { border-bottom: 2px solid rgba(255, 255, 255, 0.1); } .table.table-dark td, .table.table-dark th { border-top: 1px solid rgba(255, 255, 255, 0.1); } .table.table-bordered td, .table.table-bordered th { border: 1px solid #e2e6ea; } .table.table-bordered.table-dark td, .table.table-bordered.table-dark th { border: 1px solid rgba(255, 255, 255, 0.1); } .table .thead-dark th { background: #202428; border-color: rgba(255, 255, 255, 0.1); } .table .thead-light th { background: #eef2f6; } .table .table-active td, .table .table-active th { background: #dce0e4; } .table .table-secondary td, .table .table-secondary th { background: #e4e8ec; } .table .table-light td, .table .table-light th { background: #f1f5f9; } .table .table-dark td, .table .table-dark th { background: #e4e8ec; } .scrolltotop { position: fixed; right: 20px; bottom: 20px; -webkit-transform: translateY(20px); transform: translateY(20px); z-index: 992; visibility: hidden; opacity: 0; -webkit-transition: ease-out 0.12s; transition: ease-out 0.12s; } .scrolltotop.scrolltotop-show { -webkit-transform: translateY(0); transform: translateY(0); visibility: visible; opacity: 1; } @media (min-width: 992px) { #cursor { z-index: 999; position: absolute; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 22px; height: 22px; border: 1px solid white; border-radius: 50%; mix-blend-mode: difference; pointer-events: none; -webkit-transition: linear 0.06s; transition: linear 0.06s; } #cursor.scale-cursor { -webkit-transform: translate(-50%, -50%) scale(2.4); transform: translate(-50%, -50%) scale(2.4); opacity: 0.3; } #cursor.cursor-style-2 { opacity: 0.3; background: white; border: 0; } #cursor.cursor-style-2.scale-cursor { opacity: 0.2; } } .bg-image { position: relative; background-position: center center; background-attachment: scroll; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-repeat: no-repeat; } .bg-image[class*="bg-image-gradient-"]:before { content: ''; position: absolute; width: 100%; height: 100%; } .bg-image.bg-image-gradient-top:before { background-image: linear-gradient(to top, white, rgba(255, 255, 255, 0.2)); } .bg-image.bg-image-gradient-bottom:before { background-image: linear-gradient(to bottom, white, rgba(255, 255, 255, 0.2)); } .bg-image.bg-image-gradient-black-top:before { background-image: linear-gradient(to top, black, rgba(18, 21, 24, 0.2)); } .bg-image.bg-image-gradient-black-bottom:before { background-image: linear-gradient(to bottom, black, rgba(18, 21, 24, 0.2)); } .bg-video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .bg-video video { object-fit: cover; width: 100%; height: 100%; } input:not(.form-check-input), textarea { background: transparent; width: 100%; border: 1px solid rgba(18, 21, 24, 0.1); margin-bottom: 1rem; padding: 15px 20px; box-shadow: none; font: 400 14px "Open Sans", sans-serif; line-height: 1.4; -webkit-transition: ease-out 0.16s; transition: ease-out 0.16s; } input:not(.form-check-input):focus, input:not(.form-check-input):active, textarea:focus, textarea:active { outline: 0; box-shadow: none; } textarea { height: 140px; } input:not(.form-check-input), textarea, .form-control { color: #7C7C7C; } input:not(.form-check-input)::-webkit-input-placeholder, textarea::-webkit-input-placeholder, .form-control::-webkit-input-placeholder { color: #AAAAAA; } input:not(.form-check-input)::-moz-placeholder, textarea::-moz-placeholder, .form-control::-moz-placeholder { color: #AAAAAA; } input:not(.form-check-input):-ms-placeholder, textarea:-ms-placeholder, .form-control:-ms-placeholder { color: #AAAAAA; } input:not(.form-check-input)::-ms-placeholder, textarea::-ms-placeholder, .form-control::-ms-placeholder { color: #AAAAAA; } input:not(.form-check-input)::placeholder, textarea::placeholder, .form-control::placeholder { color: #AAAAAA; } input:not(.form-check-input):focus, textarea:focus, .form-control:focus { border-color: rgba(18, 21, 24, 0.2); } .form-control { background: transparent; height: auto; border: 1px solid rgba(18, 21, 24, 0.1); border-radius: 0; padding: 15px 20px; font: 400 14px "Open Sans", sans-serif; line-height: 1.4; } .form-control:focus { background: transparent; box-shadow: none; } .form-control:read-only { background: #e4e8ec; border: 0; } .form-control.form-control-sm { padding: 10px 15px; font-size: 0.875rem; } .form-control.form-control-lg { font-size: 1.25rem; } .form-control-plaintext { border: 0; } .form-check-input:disabled ~ .form-check-label { color: #AAAAAA; } .required:after { content: '*'; padding-left: 3px; } select { margin-bottom: 1rem; } .custom-select { background-color: transparent; width: auto; min-width: 160px; height: auto; border-radius: 0; padding: 15px 20px; border-color: rgba(18, 21, 24, 0.1); color: #7C7C7C; font: 400 14px "Open Sans", sans-serif; line-height: 1.4; -webkit-transition: ease-out 0.16s; transition: ease-out 0.16s; } .custom-select:focus { border-color: rgba(18, 21, 24, 0.2); outline: 0; box-shadow: none; } .custom-select.custom-select-sm { height: auto; padding: 10px 15px; font-size: 0.875rem; } .custom-select.custom-select-lg { height: auto; padding: 15px 20px; font-size: 1.25rem; } .custom-select.select-fullwidth { width: 100%; } .form-style-3 input, .form-style-3 textarea, .form-style-3 .custom-select, .form-style-3 .form-control, .form-style-4 input, .form-style-4 textarea, .form-style-4 .custom-select, .form-style-4 .form-control { margin-bottom: 20px; padding: 0 0 10px; border-top-width: 0; border-right-width: 0; border-bottom-width: 1px; border-left-width: 0; } .form-style-2 input:focus, .form-style-2 textarea:focus, .form-style-2 .custom-select:focus, .form-style-2 .form-control:focus, .form-style-4 input:focus, .form-style-4 textarea:focus, .form-style-4 .custom-select:focus, .form-style-4 .form-control:focus { border-color: rgba(18, 21, 24, 0.9); } .form-style-5 input, .form-style-5 textarea, .form-style-5 .custom-select, .form-style-5 .form-control { background: #eef2f6; border: 0; } .form-style-5 input:focus, .form-style-5 textarea:focus, .form-style-5 .custom-select:focus, .form-style-5 .form-control:focus { background: #eef2f6; } [class*='bg-gray'] .form-style-5 input, [class*='bg-gray'] .form-style-5 textarea, [class*='bg-gray'] .form-style-5 .custom-select, [class*='bg-gray'] .form-style-5 .form-control { background: white; } [class*='bg-gray'] .form-style-5 input:focus, [class*='bg-gray'] .form-style-5 textarea:focus, [class*='bg-gray'] .form-style-5 .custom-select:focus, [class*='bg-gray'] .form-style-5 .form-control:focus { background: white; } .bg-black input, .bg-black textarea, .bg-black .form-control, [class*='bg-dark'] input, [class*='bg-dark'] textarea, [class*='bg-dark'] .form-control, [class*='bg-gradient-'] input, [class*='bg-gradient-'] textarea, [class*='bg-gradient-'] .form-control, [class*='bg-color-'] input, [class*='bg-color-'] textarea, [class*='bg-color-'] .form-control { background: transparent; border-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.7); } .bg-black input::-webkit-input-placeholder, .bg-black textarea::-webkit-input-placeholder, .bg-black .form-control::-webkit-input-placeholder, [class*='bg-dark'] input::-webkit-input-placeholder, [class*='bg-dark'] textarea::-webkit-input-placeholder, [class*='bg-dark'] .form-control::-webkit-input-placeholder, [class*='bg-gradient-'] input::-webkit-input-placeholder, [class*='bg-gradient-'] textarea::-webkit-input-placeholder, [class*='bg-gradient-'] .form-control::-webkit-input-placeholder, [class*='bg-color-'] input::-webkit-input-placeholder, [class*='bg-color-'] textarea::-webkit-input-placeholder, [class*='bg-color-'] .form-control::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5); } .bg-black input::-moz-placeholder, .bg-black textarea::-moz-placeholder, .bg-black .form-control::-moz-placeholder, [class*='bg-dark'] input::-moz-placeholder, [class*='bg-dark'] textarea::-moz-placeholder, [class*='bg-dark'] .form-control::-moz-placeholder, [class*='bg-gradient-'] input::-moz-placeholder, [class*='bg-gradient-'] textarea::-moz-placeholder, [class*='bg-gradient-'] .form-control::-moz-placeholder, [class*='bg-color-'] input::-moz-placeholder, [class*='bg-color-'] textarea::-moz-placeholder, [class*='bg-color-'] .form-control::-moz-placeholder { color: rgba(255, 255, 255, 0.5); } .bg-black input:-ms-placeholder, .bg-black textarea:-ms-placeholder, .bg-black .form-control:-ms-placeholder, [class*='bg-dark'] input:-ms-placeholder, [class*='bg-dark'] textarea:-ms-placeholder, [class*='bg-dark'] .form-control:-ms-placeholder, [class*='bg-gradient-'] input:-ms-placeholder, [class*='bg-gradient-'] textarea:-ms-placeholder, [class*='bg-gradient-'] .form-control:-ms-placeholder, [class*='bg-color-'] input:-ms-placeholder, [class*='bg-color-'] textarea:-ms-placeholder, [class*='bg-color-'] .form-control:-ms-placeholder { color: rgba(255, 255, 255, 0.5); } .bg-black input::-ms-placeholder, .bg-black textarea::-ms-placeholder, .bg-black .form-control::-ms-placeholder, [class*='bg-dark'] input::-ms-placeholder, [class*='bg-dark'] textarea::-ms-placeholder, [class*='bg-dark'] .form-control::-ms-placeholder, [class*='bg-gradient-'] input::-ms-placeholder, [class*='bg-gradient-'] textarea::-ms-placeholder, [class*='bg-gradient-'] .form-control::-ms-placeholder, [class*='bg-color-'] input::-ms-placeholder, [class*='bg-color-'] textarea::-ms-placeholder, [class*='bg-color-'] .form-control::-ms-placeholder { color: rgba(255, 255, 255, 0.5); } .bg-black input::placeholder, .bg-black textarea::placeholder, .bg-black .form-control::placeholder, [class*='bg-dark'] input::placeholder, [class*='bg-dark'] textarea::placeholder, [class*='bg-dark'] .form-control::placeholder, [class*='bg-gradient-'] input::placeholder, [class*='bg-gradient-'] textarea::placeholder, [class*='bg-gradient-'] .form-control::placeholder, [class*='bg-color-'] input::placeholder, [class*='bg-color-'] textarea::placeholder, [class*='bg-color-'] .form-control::placeholder { color: rgba(255, 255, 255, 0.5); } .bg-black input:focus, .bg-black textarea:focus, .bg-black .form-control:focus, [class*='bg-dark'] input:focus, [class*='bg-dark'] textarea:focus, [class*='bg-dark'] .form-control:focus, [class*='bg-gradient-'] input:focus, [class*='bg-gradient-'] textarea:focus, [class*='bg-gradient-'] .form-control:focus, [class*='bg-color-'] input:focus, [class*='bg-color-'] textarea:focus, [class*='bg-color-'] .form-control:focus { border-color: rgba(255, 255, 255, 0.3); } .bg-black .custom-select, [class*='bg-dark'] .custom-select, [class*='bg-gradient-'] .custom-select, [class*='bg-color-'] .custom-select { background: transparent; border-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.7); } .bg-black .custom-select:focus, [class*='bg-dark'] .custom-select:focus, [class*='bg-gradient-'] .custom-select:focus, [class*='bg-color-'] .custom-select:focus { border-color: rgba(255, 255, 255, 0.3); } .bg-black .form-style-2 input:focus, .bg-black .form-style-2 textarea:focus, .bg-black .form-style-2 .custom-select:focus, .bg-black .form-style-2 .form-control:focus, .bg-black .form-style-4 input:focus, .bg-black .form-style-4 textarea:focus, .bg-black .form-style-4 .custom-select:focus, .bg-black .form-style-4 .form-control:focus, [class*='bg-dark'] .form-style-2 input:focus, [class*='bg-dark'] .form-style-2 textarea:focus, [class*='bg-dark'] .form-style-2 .custom-select:focus, [class*='bg-dark'] .form-style-2 .form-control:focus, [class*='bg-dark'] .form-style-4 input:focus, [class*='bg-dark'] .form-style-4 textarea:focus, [class*='bg-dark'] .form-style-4 .custom-select:focus, [class*='bg-dark'] .form-style-4 .form-control:focus, [class*='bg-gradient-'] .form-style-2 input:focus, [class*='bg-gradient-'] .form-style-2 textarea:focus, [class*='bg-gradient-'] .form-style-2 .custom-select:focus, [class*='bg-gradient-'] .form-style-2 .form-control:focus, [class*='bg-gradient-'] .form-style-4 input:focus, [class*='bg-gradient-'] .form-style-4 textarea:focus, [class*='bg-gradient-'] .form-style-4 .custom-select:focus, [class*='bg-gradient-'] .form-style-4 .form-control:focus, [class*='bg-color-'] .form-style-2 input:focus, [class*='bg-color-'] .form-style-2 textarea:focus, [class*='bg-color-'] .form-style-2 .custom-select:focus, [class*='bg-color-'] .form-style-2 .form-control:focus, [class*='bg-color-'] .form-style-4 input:focus, [class*='bg-color-'] .form-style-4 textarea:focus, [class*='bg-color-'] .form-style-4 .custom-select:focus, [class*='bg-color-'] .form-style-4 .form-control:focus { border-color: white; } .bg-black .form-style-5 input, .bg-black .form-style-5 textarea, .bg-black .form-style-5 .custom-select, .bg-black .form-style-5 .form-control, [class*='bg-dark'] .form-style-5 input, [class*='bg-dark'] .form-style-5 textarea, [class*='bg-dark'] .form-style-5 .custom-select, [class*='bg-dark'] .form-style-5 .form-control, [class*='bg-gradient-'] .form-style-5 input, [class*='bg-gradient-'] .form-style-5 textarea, [class*='bg-gradient-'] .form-style-5 .custom-select, [class*='bg-gradient-'] .form-style-5 .form-control, [class*='bg-color-'] .form-style-5 input, [class*='bg-color-'] .form-style-5 textarea, [class*='bg-color-'] .form-style-5 .custom-select, [class*='bg-color-'] .form-style-5 .form-control { background: rgba(255, 255, 255, 0.1); border: 0; } .bg-black .form-style-5 input:focus, .bg-black .form-style-5 textarea:focus, .bg-black .form-style-5 .custom-select:focus, .bg-black .form-style-5 .form-control:focus, [class*='bg-dark'] .form-style-5 input:focus, [class*='bg-dark'] .form-style-5 textarea:focus, [class*='bg-dark'] .form-style-5 .custom-select:focus, [class*='bg-dark'] .form-style-5 .form-control:focus, [class*='bg-gradient-'] .form-style-5 input:focus, [class*='bg-gradient-'] .form-style-5 textarea:focus, [class*='bg-gradient-'] .form-style-5 .custom-select:focus, [class*='bg-gradient-'] .form-style-5 .form-control:focus, [class*='bg-color-'] .form-style-5 input:focus, [class*='bg-color-'] .form-style-5 textarea:focus, [class*='bg-color-'] .form-style-5 .custom-select:focus, [class*='bg-color-'] .form-style-5 .form-control:focus { background: rgba(255, 255, 255, 0.2); } .submit-result span { display: none; -webkit-transition: ease-out 0.2s; transition: ease-out 0.2s; } .submit-result span.show-result { margin-top: 30px; display: block; } .submit-result span#success { color: #24963e; } .submit-result span#error { color: #c62f3e; } .submit-result span .error-color { background: rgba(255, 0, 0, 0.1); } img { width: auto; max-width: 100%; height: auto; } img[class*='img-mask-avatar'] { border-radius: 50%; } img.img-mask-avatar-xs { min-width: 60px; width: 60px; height: 60px; } img.img-mask-avatar-sm { min-width: 80px; width: 80px; height: 80px; } img.img-mask-avatar-md { min-width: 100px; width: 100px; height: 100px; } img.img-mask-avatar-lg { min-width: 120px; width: 120px; height: 120px; } img.img-mask-avatar-xl { min-width: 140px; width: 140px; height: 140px; } img.img-mask-avatar-2xl { min-width: 160px; width: 160px; height: 160px; } img.img-mask-avatar-3xl { min-width: 180px; width: 180px; height: 180px; } [class*='img-mask-blob'] { display: inline-block; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .img-mask-blob-1 { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNODguNSw2My41UTg3LDc3LDc2LDg2LjVRNjUsOTYsNTEsOTIuNVEzNyw4OSwyNyw4MS41UTE3LDc0LDEyLDYyUTcsNTAsMTEuNSwzOFExNiwyNiwyNS41LDE0LjVRMzUsMyw0OSw2LjVRNjMsMTAsNzUuNSwxNlE4OCwyMiw4OSwzNlE5MCw1MCw4OC41LDYzLjVaIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMCIgZmlsbD0iIzAwMDAwMCIvPjwvc3ZnPg==); mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNODguNSw2My41UTg3LDc3LDc2LDg2LjVRNjUsOTYsNTEsOTIuNVEzNyw4OSwyNyw4MS41UTE3LDc0LDEyLDYyUTcsNTAsMTEuNSwzOFExNiwyNiwyNS41LDE0LjVRMzUsMyw0OSw2LjVRNjMsMTAsNzUuNSwxNlE4OCwyMiw4OSwzNlE5MCw1MCw4OC41LDYzLjVaIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMCIgZmlsbD0iIzAwMDAwMCIvPjwvc3ZnPg==); } .img-mask-blob-2 { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOTEsNjZRODgsODIsNzMsODkuNVE1OCw5Nyw0My41LDkxLjVRMjksODYsMTgsNzZRNyw2Niw3LDUwUTcsMzQsMTgsMjMuNVEyOSwxMyw0My41LDlRNTgsNSw3MC41LDEzLjVRODMsMjIsODguNSwzNlE5NCw1MCw5MSw2NloiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIwIiBmaWxsPSIjMDAwMDAwIi8+PC9zdmc+); mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOTEsNjZRODgsODIsNzMsODkuNVE1OCw5Nyw0My41LDkxLjVRMjksODYsMTgsNzZRNyw2Niw3LDUwUTcsMzQsMTgsMjMuNVEyOSwxMyw0My41LDlRNTgsNSw3MC41LDEzLjVRODMsMjIsODguNSwzNlE5NCw1MCw5MSw2NloiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIwIiBmaWxsPSIjMDAwMDAwIi8+PC9zdmc+); } .img-mask-blob-3 { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOTEsNjRRODgsNzgsNzUuNSw4NC41UTYzLDkxLDUwLDkxLjVRMzcsOTIsMjYsODMuNVExNSw3NSwxMS41LDYyLjVROCw1MCw5LDM1LjVRMTAsMjEsMjMuNSwxNlEzNywxMSw1MSw3UTY1LDMsNzcsMTIuNVE4OSwyMiw5MS41LDM2UTk0LDUwLDkxLDY0WiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjAiIGZpbGw9IiMwMDAwMDAiLz48L3N2Zz4=); mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOTEsNjRRODgsNzgsNzUuNSw4NC41UTYzLDkxLDUwLDkxLjVRMzcsOTIsMjYsODMuNVExNSw3NSwxMS41LDYyLjVROCw1MCw5LDM1LjVRMTAsMjEsMjMuNSwxNlEzNywxMSw1MSw3UTY1LDMsNzcsMTIuNVE4OSwyMiw5MS41LDM2UTk0LDUwLDkxLDY0WiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjAiIGZpbGw9IiMwMDAwMDAiLz48L3N2Zz4=); } .img-mask-blob-4 { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNODkuNSw2M1E4MSw3Niw2OS41LDg2UTU4LDk2LDQ0LDkwLjVRMzAsODUsMTYuNSw3NlEzLDY3LDUuNSw1MVE4LDM1LDE3LDIyUTI2LDksNDEuNSw4LjVRNTcsOCw3MSwxNC41UTg1LDIxLDkxLjUsMzUuNVE5OCw1MCw4OS41LDYzWiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjAiIGZpbGw9IiMwMDAwMDAiLz48L3N2Zz4=); mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNODkuNSw2M1E4MSw3Niw2OS41LDg2UTU4LDk2LDQ0LDkwLjVRMzAsODUsMTYuNSw3NlEzLDY3LDUuNSw1MVE4LDM1LDE3LDIyUTI2LDksNDEuNSw4LjVRNTcsOCw3MSwxNC41UTg1LDIxLDkxLjUsMzUuNVE5OCw1MCw4OS41LDYzWiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjAiIGZpbGw9IiMwMDAwMDAiLz48L3N2Zz4=); } .img-link-box { overflow: hidden; position: relative; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .img-link-box a { display: block; } .img-link-box img { -webkit-transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); } .img-link-box:hover img, .img-link-box:focus img { -webkit-transform: scale(1.04); transform: scale(1.04); } ul { margin: 0 0 -7px; } ul li { margin: 0 0 7px; } ul li ul, ul li ol { margin-top: 7px; } ul[class*='list-'] { padding: 0; } ul.list-unstyled li, ul.list-dash li { list-style-type: none; } ul.animate-links li a:hover { padding-left: 2px; } ul.list-dash li:before { content: '-'; padding-right: 7px; } ul.list-dash li ul, ul.list-dash li ol { padding-left: 40px; } ul[class*='list-inline'] li { display: inline-block; } ul.list-inline { margin-right: -7px; margin-left: -7px; } ul.list-inline li { padding: 0 7px; } ul.list-inline-sm { margin-right: -3px; margin-left: -3px; } ul.list-inline-sm li { padding: 0 3px; } ul.list-inline-lg { margin-right: -14px; margin-left: -14px; } ul.list-inline-lg li { padding: 0 14px; } ul.list-inline-dash li:after { content: '-'; } ul.list-inline-slash li:after { content: '/'; } ul.list-inline-dash li:after, ul.list-inline-slash li:after { padding: 0 3px 0 6px; } ul.list-inline-dash li:last-child:after, ul.list-inline-slash li:last-child:after { content: ''; padding: 0; } ol { margin: 0 0 -7px; } ol li { margin: 0 0 7px; } ol li ul, ol li ol { margin-top: 7px; } ol.list-ordered { list-style: none; counter-reset: custom-counter; padding-left: 0; } ol.list-ordered li { position: relative; padding-left: 34px; counter-increment: custom-counter; } ol.list-ordered li::before { content: counter(custom-counter); } ol.list-ordered li ol { list-style: none; padding-left: 0; } ol.list-ordered.style-2 li::before, ol.list-ordered.style-3 li::before, ol.list-ordered.style-4 li::before, ol.list-ordered.style-5 li::before { position: absolute; top: 0; left: 0; width: 24px; height: 24px; border-radius: 50%; font-size: 13px; line-height: 24px; text-align: center; } ol.list-ordered.style-2 li::before { background: rgba(18, 21, 24, 0.1); color: black; } ol.list-ordered.style-3 li::before { background: rgba(18, 21, 24, 0.9); color: white; } ol.list-ordered.style-4 li::before { border: 1px solid rgba(18, 21, 24, 0.2); color: rgba(18, 21, 24, 0.5); } ol.list-ordered.style-5 li::before { border: 1px solid rgba(18, 21, 24, 0.9); color: black; } .bg-black ol.list-ordered.style-2 li::before, [class*='bg-dark'] ol.list-ordered.style-2 li::before, [class*='bg-gradient-'] ol.list-ordered.style-2 li::before, [class*='bg-color-'] ol.list-ordered.style-2 li::before { background: rgba(255, 255, 255, 0.2); color: white; } .bg-black ol.list-ordered.style-3 li::before, [class*='bg-dark'] ol.list-ordered.style-3 li::before, [class*='bg-gradient-'] ol.list-ordered.style-3 li::before, [class*='bg-color-'] ol.list-ordered.style-3 li::before { background: white; color: black; } .bg-black ol.list-ordered.style-4 li::before, [class*='bg-dark'] ol.list-ordered.style-4 li::before, [class*='bg-gradient-'] ol.list-ordered.style-4 li::before, [class*='bg-color-'] ol.list-ordered.style-4 li::before { border-color: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.6); } .bg-black ol.list-ordered.style-5 li::before, [class*='bg-dark'] ol.list-ordered.style-5 li::before, [class*='bg-gradient-'] ol.list-ordered.style-5 li::before, [class*='bg-color-'] ol.list-ordered.style-5 li::before { border-color: white; color: white; } @media (max-width: 991.98px) { ol { margin: 0 0 -5px; } ol li { margin: 0 0 5px; } ul { margin: 0 0 -5px; } ul li { margin: 0 0 5px; } ul li ul, ul li ol { margin-top: 5px; } ul.list-dash li:before { content: '-'; padding-right: 6px; } ul.list-dash li a:hover { padding-left: 2px; } ul.list-dash li ul, ul.list-dash li ol { padding-left: 30px; } ul.list-inline-lg { margin-right: -12px; margin-left: -12px; } ul.list-inline-lg li { padding: 0 12px; } ul.list-inline { margin-right: -6px; margin-left: -6px; } ul.list-inline li { padding: 0 6px; } ul.list-inline-sm { margin-right: -2px; margin-left: -2px; } ul.list-inline-sm li { padding: 0 2px; } } body { color: #7C7C7C; font-family: "Open Sans", sans-serif; font-size: 0.875rem; font-weight: 400; letter-spacing: 0; } @media (max-width: 991.98px) { body { font-size: 0.938rem; } } body.theme-font-nunito { font-family: "Nunito", sans-serif; } h1, h2, h3, h4, h5, h6 { letter-spacing: -0.3px; line-height: 1.4; color: #d31a4f; font-family: "Poppins", sans-serif; font-weight: 600; } .theme-font-nunito h1, .theme-font-nunito h2, .theme-font-nunito h3, .theme-font-nunito h4, .theme-font-nunito h5, .theme-font-nunito h6 { font-family: "Nunito", sans-serif; } p { margin: 0; line-height: 1.74; /* 26px */ } @media (max-width: 991.98px) { p { line-height: 1.6; /* 24px */ } } .uppercase { letter-spacing: 1px; text-transform: uppercase; } .font-small { font-size: 0.9em; line-height: 1.7; } @media (max-width: 991.98px) { .font-small { font-size: 0.9em; line-height: 1.7; } } .font-large { font-size: 1.063em; line-height: 1.6; } @media (max-width: 991.98px) { .font-large { font-size: 1.063em; } } .letter-spacing-1 { letter-spacing: 1px; } .letter-spacing-2 { letter-spacing: 2px; } .letter-spacing-3 { letter-spacing: 3px; } .letter-spacing-4 { letter-spacing: 4px; } .line-height-100 { line-height: 100%; } .line-height-110 { line-height: 110%; } .line-height-120 { line-height: 120%; } .line-height-130 { line-height: 130%; } .line-height-140 { line-height: 140%; } .line-height-150 { line-height: 150%; } .line-height-160 { line-height: 160%; } i { display: inline-block; } .icon-5xl i { font-size: 2.8em; } .icon-4xl i { font-size: 2.4em; } .icon-3xl i { font-size: 2.13em; } .icon-2xl i { font-size: 1.86em; } .icon-xl i { font-size: 1.6em; } .icon-lg i { font-size: 1.33em; } .icon-sm i { font-size: 0.9em; } .accordion { list-style-type: none; padding: 0; } .accordion li { border: 0; margin-bottom: 8px; padding: 0; -webkit-transition: linear 0.1s; transition: linear 0.1s; } .accordion li:last-child { margin-bottom: 0; } .accordion li .accordion-title { position: relative; border: 1px solid rgba(18, 21, 24, 0.1); padding: 14px 24px; cursor: pointer; -webkit-transition: linear 0.1s; transition: linear 0.1s; } .accordion li .accordion-title:before, .accordion li .accordion-title:after { content: ''; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: black; } .accordion li .accordion-title:before { right: 24px; width: 11px; height: 1px; } .accordion li .accordion-title:after { right: 29px; width: 1px; height: 11px; -webkit-transition: linear 0.1s; transition: linear 0.1s; } .accordion li .accordion-title h1, .accordion li .accordion-title h2, .accordion li .accordion-title h3, .accordion li .accordion-title h4, .accordion li .accordion-title h5, .accordion li .accordion-title h6 { margin: 0; } .accordion li .accordion-title * { -webkit-transition: linear 0.1s; transition: linear 0.1s; } .accordion li .accordion-content { overflow: hidden; max-height: 0; padding: 0 25px; -webkit-transition: ease-out 0.2s; transition: ease-out 0.2s; } .accordion li .accordion-content:before { content: ''; display: block; width: 100%; height: 20px; } .accordion li .accordion-content:after { content: ''; display: block; width: 100%; height: 12px; } .accordion li .accordion-content ul li, .accordion li .accordion-content ol li { border: 0; padding: 0; } .accordion li .accordion-content ul li:last-child, .accordion li .accordion-content ol li:last-child { border: 0; } .accordion li .accordion-content ul { list-style-type: disc; } .accordion li .accordion-content ul ul { list-style-type: circle; } .accordion li .accordion-content ol.list-ordered li { margin-bottom: 8px; padding-left: 34px; } .accordion li .accordion-content ol.list-ordered li:last-child { margin: 0; } .accordion li .accordion-content .nav { list-style-type: none; } .accordion li.active .accordion-title { border-color: rgba(18, 21, 24, 0.9); } .accordion li.active .accordion-title:after { -webkit-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); } .accordion.style-2 li { margin-bottom: 14px; padding: 0; } .accordion.style-2 li:last-child { margin-bottom: 0; } .accordion.style-2 li .accordion-title { border: 0; border-bottom: 1px solid rgba(18, 21, 24, 0.2); padding: 0 0 10px; -webkit-transition: linear 0.1s; transition: linear 0.1s; } .accordion.style-2 li .accordion-title:before, .accordion.style-2 li .accordion-title:after { margin-top: -6px; } .accordion.style-2 li .accordion-title:before { right: 0; } .accordion.style-2 li .accordion-title:after { right: 5px; } .accordion.style-2 li .accordion-content { padding: 0 20px; } .accordion.style-2 li.active .accordion-title { border-bottom-color: rgba(18, 21, 24, 0.9); } .accordion.style-3 li .accordion-title { background: #f1f5f9; border: 0; } .accordion.style-3 li .accordion-content { padding: 0 24px; } .accordion.style-3 li.active .accordion-title { background: #181c20; color: rgba(255, 255, 255, 0.8); } .accordion.style-3 li.active .accordion-title:before, .accordion.style-3 li.active .accordion-title:after { background: white; } .accordion.style-3 li.active .accordion-title h1, .accordion.style-3 li.active .accordion-title h2, .accordion.style-3 li.active .accordion-title h3, .accordion.style-3 li.active .accordion-title h4, .accordion.style-3 li.active .accordion-title h5, .accordion.style-3 li.active .accordion-title h6 { color: white; } .accordion.border-radius:not(.style-2) li .accordion-title { border-radius: 0.375em; } .accordion.rounded:not(.style-2) li .accordion-title { border-radius: 50px; } [class*='bg-gray'] .accordion.style-3 li .accordion-title { background: white; } .bg-black .accordion li .accordion-title, [class*='bg-dark'] .accordion li .accordion-title, [class*='bg-gradient-'] .accordion li .accordion-title, [class*='bg-color-'] .accordion li .accordion-title { border-color: rgba(255, 255, 255, 0.2); } .bg-black .accordion li .accordion-title:before, .bg-black .accordion li .accordion-title:after, [class*='bg-dark'] .accordion li .accordion-title:before, [class*='bg-dark'] .accordion li .accordion-title:after, [class*='bg-gradient-'] .accordion li .accordion-title:before, [class*='bg-gradient-'] .accordion li .accordion-title:after, [class*='bg-color-'] .accordion li .accordion-title:before, [class*='bg-color-'] .accordion li .accordion-title:after { background: white; } .bg-black .accordion li.active .accordion-title, [class*='bg-dark'] .accordion li.active .accordion-title, [class*='bg-gradient-'] .accordion li.active .accordion-title, [class*='bg-color-'] .accordion li.active .accordion-title { border-color: white; } .bg-black .accordion.style-3 li .accordion-title, [class*='bg-dark'] .accordion.style-3 li .accordion-title, [class*='bg-gradient-'] .accordion.style-3 li .accordion-title, [class*='bg-color-'] .accordion.style-3 li .accordion-title { background: rgba(255, 255, 255, 0.1); } .bg-black .accordion.style-3 li.active .accordion-title, [class*='bg-dark'] .accordion.style-3 li.active .accordion-title, [class*='bg-gradient-'] .accordion.style-3 li.active .accordion-title, [class*='bg-color-'] .accordion.style-3 li.active .accordion-title { background: white; color: #7C7C7C; } .bg-black .accordion.style-3 li.active .accordion-title:before, .bg-black .accordion.style-3 li.active .accordion-title:after, [class*='bg-dark'] .accordion.style-3 li.active .accordion-title:before, [class*='bg-dark'] .accordion.style-3 li.active .accordion-title:after, [class*='bg-gradient-'] .accordion.style-3 li.active .accordion-title:before, [class*='bg-gradient-'] .accordion.style-3 li.active .accordion-title:after, [class*='bg-color-'] .accordion.style-3 li.active .accordion-title:before, [class*='bg-color-'] .accordion.style-3 li.active .accordion-title:after { background: black; } .bg-black .accordion.style-3 li.active .accordion-title h1, .bg-black .accordion.style-3 li.active .accordion-title h2, .bg-black .accordion.style-3 li.active .accordion-title h3, .bg-black .accordion.style-3 li.active .accordion-title h4, .bg-black .accordion.style-3 li.active .accordion-title h5, .bg-black .accordion.style-3 li.active .accordion-title h6, [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h1, [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h2, [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h3, [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h4, [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h5, [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h6, [class*='bg-gradient-'] .accordion.style-3 li.active .accordion-title h1, [class*='bg-gradient-'] .accordion.style-3 li.active .accordion-title h2, [class*='bg-gradient-'] .accordion.style-3 li.active .accordion-title h3, [class*='bg-gradient-'] .accordion.style-3 li.active .accordion-title h4, [class*='bg-gradient-'] .accordion.style-3 li.active .accordion-title h5, [class*='bg-gradient-'] .accordion.style-3 li.active .accordion-title h6, [class*='bg-color-'] .accordion.style-3 li.active .accordion-title h1, [class*='bg-color-'] .accordion.style-3 li.active .accordion-title h2, [class*='bg-color-'] .accordion.style-3 li.active .accordion-title h3, [class*='bg-color-'] .accordion.style-3 li.active .accordion-title h4, [class*='bg-color-'] .accordion.style-3 li.active .accordion-title h5, [class*='bg-color-'] .accordion.style-3 li.active .accordion-title h6 { color: black; } .box-shadow { -webkit-box-shadow: 0 10px 36px 0 rgba(22, 24, 26, 0.1); box-shadow: 0 10px 36px 0 rgba(22, 24, 26, 0.1); -webkit-transition: ease-out 0.16s; transition: ease-out 0.16s; } .box-shadow:hover { -webkit-box-shadow: 0 10px 40px 0 rgba(22, 24, 26, 0.15); box-shadow: 0 10px 40px 0 rgba(22, 24, 26, 0.15); } .hover-shadow { -webkit-transition: ease-out 0.16s; transition: ease-out 0.16s; } .hover-shadow:hover { -webkit-box-shadow: 0 10px 36px 0 rgba(22, 24, 26, 0.1); box-shadow: 0 10px 36px 0 rgba(22, 24, 26, 0.1); } .hover-float { -webkit-transition: ease-out 0.16s; transition: ease-out 0.16s; } .hover-float:hover { -webkit-transform: translateY(-4px); transform: translateY(-4px); } .hover-scale { -webkit-transition: ease-out 0.16s; transition: ease-out 0.16s; } .hover-scale:hover { -webkit-transform: scale(1.015); transform: scale(1.015); } .hover-shrink { -webkit-transition: ease-out 0.16s; transition: ease-out 0.16s; } .hover-shrink:hover { -webkit-transform: scale(0.985); transform: scale(0.985); } .box-backdrop { overflow: hidden; border-radius: 0.5em; border: 2px solid #d31a4f; -webkit-box-shadow: 4px 4px 0 0 #d31a4f; box-shadow: 4px 4px 0 0 #d31a4f; } [class*="square-box"], [class*="circle-box"] { display: inline-block; text-align: center; } [class*="square-box"] *, [class*="circle-box"] * { margin: 0; vertical-align: middle; } .square-box-xs { width: 40px; height: 40px; line-height: 40px; } .square-box-xs * { line-height: 40px; } .square-box-sm { width: 50px; height: 50px; line-height: 50px; } .square-box-sm * { line-height: 50px; } .square-box, .square-box-md { width: 60px; height: 60px; line-height: 60px; } .square-box *, .square-box-md * { line-height: 60px; } .square-box-lg { width: 70px; height: 70px; line-height: 70px; } .square-box-lg * { line-height: 70px; } .square-box-xl { width: 80px; height: 80px; line-height: 80px; } .square-box-xl * { line-height: 80px; } [class*="circle-box"] { border-radius: 50%; } .circle-box-xs { width: 40px; height: 40px; line-height: 40px; } .circle-box-xs * { line-height: 40px; } .circle-box-sm { width: 50px; height: 50px; line-height: 50px; } .circle-box-sm * { line-height: 50px; } .circle-box, .circle-box-md { width: 60px; height: 60px; line-height: 60px; } .circle-box *, .circle-box-md * { line-height: 60px; } .circle-box-lg { width: 70px; height: 70px; line-height: 70px; } .circle-box-lg * { line-height: 70px; } .circle-box-xl { width: 80px; height: 80px; line-height: 80px; } .circle-box-xl * { line-height: 80px; } .border-radius { border-radius: 0.5em; overflow: hidden; } .border-radius-1 { border-radius: 1em; overflow: hidden; } a { color: rgba(124, 124, 124, 1); text-decoration: none; -webkit-transition: linear 0.1s; transition: linear 0.1s; } a:hover { color: #d31a4f; text-decoration: none; } button { background: transparent; box-shadow: none; border: 0; padding: 0; cursor: pointer; } a:focus, a:active, button:focus, button:active { box-shadow: none; outline: 0; } .button { position: relative; display: inline-block; overflow: hidden; background: #e4e8ec; border: 1px solid #e4e8ec; padding: 5px 10px; color: #d31a4f; font: 500 0.875em "Poppins", sans-serif; letter-spacing: 1px; text-transform: uppercase; -webkit-transition: ease-out 0.12s; transition: ease-out 0.12s; } .button i { margin-right: 8px; font-size: 15px; } .button:hover { color: #d31a4f; } .theme-font-nunito .button { font: 600 0.875em "Nunito", sans-serif; } .button-sm { padding: 12px 26px; } .button-md { padding: 14px 34px; } .button-lg { padding: 16px 42px; } .button-xl { padding: 18px 50px; } .button-fullwidth { width: 100%; text-align: center; } .button-gray { background: #e4e8ec; border: 0; } .button-gray:hover, .button-gray:focus { background: #dce0e4; color: #d31a4f; } .button-dark { background: #202428; border: 0; color: white; } .button-dark:hover, .button-dark:focus { background: #181c20; color: white; } .button-white { background: white; border: 0; color: #d31a4f; } .button-white:hover, .button-white:focus { background: rgba(255, 255, 255, 0.9); border: 0; color: #d31a4f; } .button-white-2 { background: rgba(255, 255, 255, 0.15); border: 0; color: white; } .button-white-2:hover, .button-white-2:focus { background: rgba(255, 255, 255, 0.2); color: white; } [class*='button-social'] { border: 0; -webkit-box-shadow: 0 6px 30px 0 rgba(21, 25, 29, 0.13); box-shadow: 0 6px 30px 0 rgba(21, 25, 29, 0.13); } [class*='button-social']:hover, [class*='button-social']:focus { -webkit-transform: translateY(-3px); transform: translateY(-3px); -webkit-box-shadow: 0 6px 36px 0 rgba(21, 25, 29, 0.19); box-shadow: 0 6px 36px 0 rgba(21, 25, 29, 0.19); opacity: 0.9; } .button-social-facebook { background: #1877F2; color: white; } .button-social-facebook:hover, .button-social-facebook:focus { color: white; } .button-social-twitter { background: #1DA1F2; color: white; } .button-social-twitter:hover, .button-social-twitter:focus { color: white; } .button-social-instagram { background: #E4405F; color: white; } .button-social-instagram:hover, .button-social-instagram:focus { color: white; } .button-social-linkedin { background: #0A66C2; color: white; } .button-social-linkedin:hover, .button-social-linkedin:focus { color: white; } .button-social-youtube { background: #CD201F; color: white; } .button-social-youtube:hover, .button-social-youtube:focus { color: white; } .button-social-pinterest { background: #BD081C; color: white; } .button-social-pinterest:hover, .button-social-pinterest:focus { color: white; } .button-social-skype { background: #00AFF0; color: white; } .button-social-skype:hover, .button-social-skype:focus { color: white; } .button-social-dribbble { background: #EA4C89; color: white; } .button-social-dribbble:hover, .button-social-dribbble:focus { color: white; } .button-social-snapchat { background: #FFFC00; color: #d31a4f; } .button-social-snapchat:hover { color: #d31a4f; } .button-social-whatsapp { background: #25D366; color: white; } .button-social-whatsapp:hover, .button-social-whatsapp:focus { color: white; } .button-gradient-1 { background-image: linear-gradient(19deg, #21D4FD 0%, #B721FF 100%); } .button-gradient-2 { background-image: linear-gradient(45deg, #A9C9FF 0%, #FFBBEC 100%); } .button-gradient-3 { background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%); } .button-gradient-4 { background-image: linear-gradient(90deg, #00DBDE 0%, #FC00FF 100%); } .button-gradient-5 { background-image: linear-gradient(45deg, #FBDA61 0%, #FF5ACD 100%); } .button-gradient-6 { background-image: linear-gradient(160deg, #0093E9 0%, #80D0C7 100%); } .button-gradient-7 { background-image: linear-gradient(90deg, #007990 0%, #6CE5C0 100%); } [class*='button-gradient'] { border: 0; -webkit-box-shadow: 0 6px 30px 0 rgba(21, 25, 29, 0.13); box-shadow: 0 6px 30px 0 rgba(21, 25, 29, 0.13); color: white; } [class*='button-gradient']:hover, [class*='button-gradient']:focus { -webkit-transform: translateY(-3px); transform: translateY(-3px); -webkit-box-shadow: 0 6px 36px 0 rgba(21, 25, 29, 0.19); box-shadow: 0 6px 36px 0 rgba(21, 25, 29, 0.19); opacity: 0.9; color: white; } .button-theme, .button-blue, .button-purple, .button-pink-edge, .button-golden-yellow, .button-very-peri, .button-turquiose, .button-spring-red, .button-tan, .button-aqua { border: 0; -webkit-box-shadow: 0 6px 30px 0 rgba(21, 25, 29, 0.13); box-shadow: 0 6px 30px 0 rgba(21, 25, 29, 0.13); color: white; } .button-theme:hover, .button-theme:focus, .button-blue:hover, .button-blue:focus, .button-purple:hover, .button-purple:focus, .button-pink-edge:hover, .button-pink-edge:focus, .button-golden-yellow:hover, .button-golden-yellow:focus, .button-very-peri:hover, .button-very-peri:focus, .button-turquiose:hover, .button-turquiose:focus, .button-spring-red:hover, .button-spring-red:focus, .button-tan:hover, .button-tan:focus, .button-aqua:hover, .button-aqua:focus { -webkit-transform: translateY(-3px); transform: translateY(-3px); -webkit-box-shadow: 0 6px 36px 0 rgba(21, 25, 29, 0.19); box-shadow: 0 6px 36px 0 rgba(21, 25, 29, 0.19); opacity: 0.9; color: white; } .button-blue { background: #0093E9; } .button-purple { background: #B721FF; } .button-pink-edge { background: #FE9AB6; } .button-golden-yellow { background: #FFB657; } .button-very-peri { background: #6667AB; } .button-turquiose { background: #4cbfa6; } .button-spring-red { background: #BE1F35; } .button-tan { background: #d2b48c; } .button-aqua { background: #03D4D8; } [class*='button-outline'] { background: transparent; } .button-outline-theme:hover, .button-outline-theme:focus, .button-outline-blue:hover, .button-outline-blue:focus, .button-outline-purple:hover, .button-outline-purple:focus, .button-outline-pink-edge:hover, .button-outline-pink-edge:focus, .button-outline-golden-yellow:hover, .button-outline-golden-yellow:focus, .button-outline-very-peri:hover, .button-outline-very-peri:focus, .button-outline-turquiose:hover, .button-outline-turquiose:focus, .button-outline-spring-red:hover, .button-outline-spring-red:focus, .button-outline-tan:hover, .button-outline-tan:focus, .button-outline-aqua:hover, .button-outline-aqua:focus { color: white; } .button-outline-blue { border-color: #0093E9; color: #0093E9; } .button-outline-blue:hover, .button-outline-blue:focus { background: #0093E9; } .button-outline-purple { border-color: #B721FF; color: #B721FF; } .button-outline-purple:hover, .button-outline-purple:focus { background: #B721FF; } .button-outline-pink-edge { border-color: #FE9AB6; color: #FE9AB6; } .button-outline-pink-edge:hover, .button-outline-pink-edge:focus { background: #FE9AB6; } .button-outline-golden-yellow { border-color: #FFB657; color: #FFB657; } .button-outline-golden-yellow:hover, .button-outline-golden-yellow:focus { background: #FFB657; } .button-outline-very-peri { border-color: #6667AB; color: #6667AB; } .button-outline-very-peri:hover, .button-outline-very-peri:focus { background: #6667AB; } .button-outline-turquiose { border-color: #4cbfa6; color: #4cbfa6; } .button-outline-turquiose:hover, .button-outline-turquiose:focus { background: #4cbfa6; } .button-outline-spring-red { border-color: #BE1F35; color: #BE1F35; } .button-outline-spring-red:hover, .button-outline-spring-red:focus { background: #BE1F35; } .button-outline-tan { border-color: #d2b48c; color: #d2b48c; } .button-outline-tan:hover, .button-outline-tan:focus { background: #d2b48c; } .button-outline-aqua { border-color: #03D4D8; color: #03D4D8; } .button-outline-aqua:hover, .button-outline-aqua:focus { background: #03D4D8; } .button-outline-gray { border-color: rgba(18, 21, 24, 0.15); } .button-outline-gray:hover, .button-outline-gray:focus { border-color: #181c20; color: #d31a4f; } .button-outline-dark { border-color: #181c20; } .button-outline-dark:hover, .button-outline-dark:focus { background: #181c20; border-color: transparent; color: white; } .button-outline-white { border-color: rgba(255, 255, 255, 0.3); color: white; } .button-outline-white:hover, .button-outline-white:focus { border-color: white; color: white; } .button-outline-white-2 { border-color: white; color: white; } .button-outline-white-2:hover, .button-outline-white-2:focus { background: white; color: #d31a4f; } [class*='button-reveal'] span, [class*='button-reveal'] i { -webkit-transition: all 0.24s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.24s cubic-bezier(0.165, 0.84, 0.44, 1); } [class*='button-reveal'] span { position: relative; } [class*='button-reveal'] i { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; margin: 0; } [class*='button-reveal']:hover i, [class*='button-reveal']:focus i { opacity: 1; } [class*='button-reveal-left'] span { left: 0; } [class*='button-reveal-left']:hover span, [class*='button-reveal-left']:focus span { left: 12px; } [class*='button-reveal-right'] span { right: 0; } [class*='button-reveal-right']:hover span, [class*='button-reveal-right']:focus span { right: 12px; } .button-reveal-left-dark, .button-reveal-right-dark { background: #202428; border: 0; color: white; } .button-reveal-left-dark:hover, .button-reveal-left-dark:focus, .button-reveal-right-dark:hover, .button-reveal-right-dark:focus { background: #181c20; color: white; } .button-reveal-left-white, .button-reveal-right-white { background: white; border: 0; color: #d31a4f; } .button-reveal-left-white:hover, .button-reveal-left-white:focus, .button-reveal-right-white:hover, .button-reveal-right-white:focus { background: white; color: #d31a4f; } .button-reveal-left-outline-dark, .button-reveal-right-outline-dark { background: transparent; border-color: #181c20; } .button-reveal-left-outline-dark:hover, .button-reveal-left-outline-dark:focus, .button-reveal-right-outline-dark:hover, .button-reveal-right-outline-dark:focus { border-color: rgba(18, 21, 24, 0.15); color: #d31a4f; } .button-reveal-left-outline-white, .button-reveal-right-outline-white { background: transparent; border-color: rgba(255, 255, 255, 0.3); color: white; } .button-reveal-left-outline-white:hover, .button-reveal-left-outline-white:focus, .button-reveal-right-outline-white:hover, .button-reveal-right-outline-white:focus { border-color: white; color: white; } .button-sm[class*='button-reveal-left'] i { left: 20px; } .button-sm[class*='button-reveal-left']:hover i, .button-sm[class*='button-reveal-left']:focus i { left: 10px; } .button-sm[class*='button-reveal-right'] i { right: 20px; } .button-sm[class*='button-reveal-right']:hover i, .button-sm[class*='button-reveal-right']:focus i { right: 10px; } .button-md[class*='button-reveal-left'] i { left: 30px; } .button-md[class*='button-reveal-left']:hover i, .button-md[class*='button-reveal-left']:focus i { left: 18px; } .button-md[class*='button-reveal-right'] i { right: 30px; } .button-md[class*='button-reveal-right']:hover i, .button-md[class*='button-reveal-right']:focus i { right: 18px; } .button-lg[class*='button-reveal-left'] i { left: 40px; } .button-lg[class*='button-reveal-left']:hover i, .button-lg[class*='button-reveal-left']:focus i { left: 28px; } .button-lg[class*='button-reveal-right'] i { right: 40px; } .button-lg[class*='button-reveal-right']:hover i, .button-lg[class*='button-reveal-right']:focus i { right: 28px; } .button-xl[class*='button-reveal-left'] i { left: 50px; } .button-xl[class*='button-reveal-left']:hover i, .button-xl[class*='button-reveal-left']:focus i { left: 38px; } .button-xl[class*='button-reveal-right'] i { right: 50px; } .button-xl[class*='button-reveal-right']:hover i, .button-xl[class*='button-reveal-right']:focus i { right: 38px; } .button-backdrop-dark { background: white; border-radius: 0.5em; border: 2px solid #d31a4f; -webkit-box-shadow: 4px 4px 0 0 #d31a4f; box-shadow: 4px 4px 0 0 #d31a4f; } .button-backdrop-dark:hover, .button-backdrop-dark:focus { -webkit-box-shadow: 2px 2px 0 0 #d31a4f; box-shadow: 2px 2px 0 0 #d31a4f; } .button-backdrop-white { background: black; border-radius: 0.5em; border: 2px solid white; -webkit-box-shadow: 4px 4px 0 0 white; box-shadow: 4px 4px 0 0 white; color: white; } .button-backdrop-white:hover, .button-backdrop-white:focus { -webkit-box-shadow: 2px 2px 0 0 white; box-shadow: 2px 2px 0 0 white; color: white; } [class*='button-backdrop-color'] { border-radius: 0.5em; border: 2px solid #d31a4f; -webkit-box-shadow: 4px 4px 0 0 #d31a4f; box-shadow: 4px 4px 0 0 #d31a4f; color: white; } [class*='button-backdrop-color']:hover, [class*='button-backdrop-color']:focus { -webkit-box-shadow: 2px 2px 0 0 #d31a4f; box-shadow: 2px 2px 0 0 #d31a4f; color: white; } .button-backdrop-color-aqua { background: #03D4D8; } .button-backdrop-color-blue { background: #0093E9; } .button-backdrop-color-golden-yellow { background: #FFB657; } .button-backdrop-color-pink-edge { background: #FE9AB6; } .button-backdrop-color-purple { background: #B721FF; } .button-backdrop-color-spring-red { background: #BE1F35; } .button-backdrop-color-tan { background: #d2b48c; } .button-backdrop-color-turquiose { background: #4cbfa6; } .button-backdrop-color-very-peri { background: #6667AB; } .button-text-1, .button-text-2, .button-text-3 { position: relative; display: inline-block; color: black; font-family: "Poppins", sans-serif; letter-spacing: -0.2px; } .theme-font-nunito .button-text-1, .theme-font-nunito .button-text-2, .theme-font-nunito .button-text-3 { font-family: "Nunito", sans-serif; } .button-text-1:before { content: ''; position: absolute; bottom: -1px; left: 0; background: rgba(18, 21, 24, 0.2); width: 100%; height: 1px; } .button-text-1:after { content: ''; position: absolute; right: 0; bottom: -1px; left: 0; background: black; height: 1px; -webkit-animation: button-line-out 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both; animation: button-line-out 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both; } .button-text-1:hover:after { width: 100%; -webkit-animation: button-line-in 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both; animation: button-line-in 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both; } .button-text-2:before { content: ''; position: absolute; top: 40%; right: 0; left: 0; background: rgba(18, 21, 24, 0.2); height: 40%; -webkit-animation: button-line-out 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both; animation: button-line-out 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both; } .button-text-2:after { content: ''; position: absolute; bottom: -1px; right: 0; left: 0; background: black; height: 1px; -webkit-animation: button-line-in 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both; animation: button-line-in 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both; } .button-text-2:hover:before { -webkit-animation: button-line-in 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both; animation: button-line-in 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both; } .button-text-2:hover:after { -webkit-animation: button-line-out 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both; animation: button-line-out 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both; } .button-text-3 { padding-left: 30px; -webkit-transition: all 0.24s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.24s cubic-bezier(0.165, 0.84, 0.44, 1); } .button-text-3:before { content: ''; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: black; width: 20px; height: 1px; -webkit-transition: all 0.24s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.24s cubic-bezier(0.165, 0.84, 0.44, 1); } .button-text-3:hover { padding-left: 40px; } .button-text-3:hover:before { width: 30px; } @-webkit-keyframes button-line-out { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } 100% { -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } } @keyframes button-line-out { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } 100% { -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } } @-webkit-keyframes button-line-in { 0% { -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; } 100% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; } } @keyframes button-line-in { 0% { -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; } 100% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; } } .bg-black .button-text-1, .bg-black .button-text-2, .bg-black .button-text-3, [class*='bg-dark'] .button-text-1, [class*='bg-dark'] .button-text-2, [class*='bg-dark'] .button-text-3, [class*='bg-gradient-'] .button-text-1, [class*='bg-gradient-'] .button-text-2, [class*='bg-gradient-'] .button-text-3, [class*='bg-color-'] .button-text-1, [class*='bg-color-'] .button-text-2, [class*='bg-color-'] .button-text-3 { color: rgba(255, 255, 255, 0.8); } .bg-black .button-text-1:hover, .bg-black .button-text-2:hover, .bg-black .button-text-3:hover, [class*='bg-dark'] .button-text-1:hover, [class*='bg-dark'] .button-text-2:hover, [class*='bg-dark'] .button-text-3:hover, [class*='bg-gradient-'] .button-text-1:hover, [class*='bg-gradient-'] .button-text-2:hover, [class*='bg-gradient-'] .button-text-3:hover, [class*='bg-color-'] .button-text-1:hover, [class*='bg-color-'] .button-text-2:hover, [class*='bg-color-'] .button-text-3:hover { color: white; } .bg-black .button-text-1:before, [class*='bg-dark'] .button-text-1:before, [class*='bg-gradient-'] .button-text-1:before, [class*='bg-color-'] .button-text-1:before { background: rgba(255, 255, 255, 0.3); } .bg-black .button-text-1:after, [class*='bg-dark'] .button-text-1:after, [class*='bg-gradient-'] .button-text-1:after, [class*='bg-color-'] .button-text-1:after { background: white; } .bg-black .button-text-2:before, [class*='bg-dark'] .button-text-2:before, [class*='bg-gradient-'] .button-text-2:before, [class*='bg-color-'] .button-text-2:before { background: rgba(255, 255, 255, 0.4); } .bg-black .button-text-2:after, [class*='bg-dark'] .button-text-2:after, [class*='bg-gradient-'] .button-text-2:after, [class*='bg-color-'] .button-text-2:after { background: white; } .bg-black .button-text-3:before, [class*='bg-dark'] .button-text-3:before, [class*='bg-gradient-'] .button-text-3:before, [class*='bg-color-'] .button-text-3:before { background: rgba(255, 255, 255, 0.8); } .bg-black .button-text-3:hover:before, [class*='bg-dark'] .button-text-3:hover:before, [class*='bg-gradient-'] .button-text-3:hover:before, [class*='bg-color-'] .button-text-3:hover:before { background: white; } .button-circle { background: #e4e8ec; display: inline-block; border: 1px solid #e4e8ec; border-radius: 50%; color: #d31a4f; text-align: center; -webkit-transition: ease-out 0.12s; transition: ease-out 0.12s; } .button-circle:hover { color: #7C7C7C; } .button-circle.button-circle-gray { background: #e4e8ec; border: 0; } .button-circle.button-circle-gray:hover, .button-circle.button-circle-gray:focus { background: #dce0e4; color: #d31a4f; } .button-circle.button-circle-dark { background: #202428; border: 0; color: white; } .button-circle.button-circle-dark:hover, .button-circle.button-circle-dark:focus { background: #181c20; color: white; } .button-circle.button-circle-white { background: white; border: 0; color: #d31a4f; } .button-circle.button-circle-white:hover, .button-circle.button-circle-white:focus { background: rgba(255, 255, 255, 0.9); color: #d31a4f; } .button-circle.button-circle-white-2 { background: rgba(255, 255, 255, 0.15); border: 0; color: white; } .button-circle.button-circle-white-2:hover, .button-circle.button-circle-white-2:focus { background: rgba(255, 255, 255, 0.2); color: white; } .button-circle[class*='button-circle-outline'] { background: transparent; } .button-circle.button-circle-outline-gray { border-color: rgba(18, 21, 24, 0.15); } .button-circle.button-circle-outline-gray:hover, .button-circle.button-circle-outline-gray:focus { border-color: #181c20; color: #d31a4f; } .button-circle.button-circle-outline-dark { border-color: #181c20; } .button-circle.button-circle-outline-dark:hover, .button-circle.button-circle-outline-dark:focus { background: #181c20; border-color: transparent; color: white; } .button-circle.button-circle-outline-white { border-color: rgba(255, 255, 255, 0.3); color: white; } .button-circle.button-circle-outline-white:hover, .button-circle.button-circle-outline-white:focus { border-color: white; color: white; } .button-circle.button-circle-outline-white-2 { border-color: white; color: white; } .button-circle.button-circle-outline-white-2:hover, .button-circle.button-circle-outline-white-2:focus { background: white; color: #d31a4f; } .button-circle.button-circle-outline-aqua { border-color: #03D4D8; color: #03D4D8; } .button-circle.button-circle-outline-aqua:hover, .button-circle.button-circle-outline-aqua:focus { background: #03D4D8; color: white; } .button-circle.button-circle-outline-theme:hover, .button-circle.button-circle-outline-theme:focus, .button-circle.button-circle-outline-aqua:hover, .button-circle.button-circle-outline-aqua:focus, .button-circle.button-circle-outline-blue:hover, .button-circle.button-circle-outline-blue:focus, .button-circle.button-circle-outline-golden-yellow:hover, .button-circle.button-circle-outline-golden-yellow:focus, .button-circle.button-circle-outline-pink-edge:hover, .button-circle.button-circle-outline-pink-edge:focus, .button-circle.button-circle-outline-purple:hover, .button-circle.button-circle-outline-purple:focus, .button-circle.button-circle-outline-spring-red:hover, .button-circle.button-circle-outline-spring-red:focus, .button-circle.button-circle-outline-tan:hover, .button-circle.button-circle-outline-tan:focus, .button-circle.button-circle-outline-turquiose:hover, .button-circle.button-circle-outline-turquiose:focus, .button-circle.button-circle-outline-very-peri:hover, .button-circle.button-circle-outline-very-peri:focus { color: white; } .button-circle.button-circle-outline-blue { border-color: #0093E9; color: #0093E9; } .button-circle.button-circle-outline-blue:hover, .button-circle.button-circle-outline-blue:focus { background: #0093E9; } .button-circle.button-circle-outline-golden-yellow { border-color: #FFB657; color: #FFB657; } .button-circle.button-circle-outline-golden-yellow:hover, .button-circle.button-circle-outline-golden-yellow:focus { background: #FFB657; } .button-circle.button-circle-outline-pink-edge { border-color: #FE9AB6; color: #FE9AB6; } .button-circle.button-circle-outline-pink-edge:hover, .button-circle.button-circle-outline-pink-edge:focus { background: #FE9AB6; } .button-circle.button-circle-outline-purple { border-color: #B721FF; color: #B721FF; } .button-circle.button-circle-outline-purple:hover, .button-circle.button-circle-outline-purple:focus { background: #B721FF; } .button-circle.button-circle-outline-spring-red { border-color: #BE1F35; color: #BE1F35; } .button-circle.button-circle-outline-spring-red:hover, .button-circle.button-circle-outline-spring-red:focus { background: #BE1F35; } .button-circle.button-circle-outline-tan { border-color: #d2b48c; color: #d2b48c; } .button-circle.button-circle-outline-tan:hover, .button-circle.button-circle-outline-tan:focus { background: #d2b48c; } .button-circle.button-circle-outline-turquiose { border-color: #4cbfa6; color: #4cbfa6; } .button-circle.button-circle-outline-turquiose:hover, .button-circle.button-circle-outline-turquiose:focus { background: #4cbfa6; } .button-circle.button-circle-outline-very-peri { border-color: #6667AB; color: #6667AB; } .button-circle.button-circle-outline-very-peri:hover, .button-circle.button-circle-outline-very-peri:focus { background: #6667AB; } .button-circle.button-circle-gradient-1 { background-image: linear-gradient(19deg, #21D4FD 0%, #B721FF 100%); } .button-circle.button-circle-gradient-1:hover, .button-circle.button-circle-gradient-1:focus { background-image: linear-gradient(19deg, #21D4FD 0%, #B721FF 100%); } .button-circle.button-circle-gradient-2 { background-image: linear-gradient(45deg, #A9C9FF 0%, #FFBBEC 100%); } .button-circle.button-circle-gradient-2:hover, .button-circle.button-circle-gradient-2:focus { background-image: linear-gradient(45deg, #A9C9FF 0%, #FFBBEC 100%); } .button-circle.button-circle-gradient-3 { background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%); } .button-circle.button-circle-gradient-3:hover, .button-circle.button-circle-gradient-3:focus { background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%); } .button-circle.button-circle-gradient-4 { background-image: linear-gradient(90deg, #00DBDE 0%, #FC00FF 100%); } .button-circle.button-circle-gradient-4:hover, .button-circle.button-circle-gradient-4:focus { background-image: linear-gradient(90deg, #00DBDE 0%, #FC00FF 100%); } .button-circle.button-circle-gradient-5 { background-image: linear-gradient(45deg, #FBDA61 0%, #FF5ACD 100%); } .button-circle.button-circle-gradient-5:hover, .button-circle.button-circle-gradient-5:focus { background-image: linear-gradient(45deg, #FBDA61 0%, #FF5ACD 100%); } .button-circle.button-circle-gradient-6 { background-image: linear-gradient(160deg, #0093E9 0%, #80D0C7 100%); } .button-circle.button-circle-gradient-6:hover, .button-circle.button-circle-gradient-6:focus { background-image: linear-gradient(160deg, #0093E9 0%, #80D0C7 100%); } .button-circle.button-circle-gradient-7 { background-image: linear-gradient(90deg, #007990 0%, #6CE5C0 100%); } .button-circle.button-circle-gradient-7:hover, .button-circle.button-circle-gradient-7:focus { background-image: linear-gradient(90deg, #007990 0%, #6CE5C0 100%); } .button-circle.button-circle-theme, .button-circle.button-circle-blue, .button-circle.button-circle-purple, .button-circle.button-circle-pink-edge, .button-circle.button-circle-golden-yellow, .button-circle.button-circle-very-peri, .button-circle.button-circle-turquiose, .button-circle.button-circle-spring-red, .button-circle.button-circle-tan, .button-circle.button-circle-aqua { border: 0; -webkit-box-shadow: 0 6px 30px 0 rgba(21, 25, 29, 0.13); box-shadow: 0 6px 30px 0 rgba(21, 25, 29, 0.13); color: white; } .button-circle.button-circle-theme:hover, .button-circle.button-circle-theme:focus, .button-circle.button-circle-blue:hover, .button-circle.button-circle-blue:focus, .button-circle.button-circle-purple:hover, .button-circle.button-circle-purple:focus, .button-circle.button-circle-pink-edge:hover, .button-circle.button-circle-pink-edge:focus, .button-circle.button-circle-golden-yellow:hover, .button-circle.button-circle-golden-yellow:focus, .button-circle.button-circle-very-peri:hover, .button-circle.button-circle-very-peri:focus, .button-circle.button-circle-turquiose:hover, .button-circle.button-circle-turquiose:focus, .button-circle.button-circle-spring-red:hover, .button-circle.button-circle-spring-red:focus, .button-circle.button-circle-tan:hover, .button-circle.button-circle-tan:focus, .button-circle.button-circle-aqua:hover, .button-circle.button-circle-aqua:focus { -webkit-transform: translateY(-3px); transform: translateY(-3px); -webkit-box-shadow: 0 6px 36px 0 rgba(21, 25, 29, 0.19); box-shadow: 0 6px 36px 0 rgba(21, 25, 29, 0.19); opacity: 0.9; color: white; } .button-circle.button-circle-blue { background: #0093E9; } .button-circle.button-circle-purple { background: #B721FF; } .button-circle.button-circle-pink-edge { background: #FE9AB6; } .button-circle.button-circle-golden-yellow { background: #FFB657; } .button-circle.button-circle-very-peri { background: #6667AB; } .button-circle.button-circle-turquiose { background: #4cbfa6; } .button-circle.button-circle-spring-red { background: #BE1F35; } .button-circle.button-circle-tan { background: #d2b48c; } .button-circle.button-circle-aqua { background: #03D4D8; } .button-circle[class*='button-circle-social'] { color: white; } .button-circle[class*='button-circle-social']:hover { color: white; } .button-circle.button-circle-social-facebook { background: #1877F2; } .button-circle.button-circle-social-twitter { background: #1DA1F2; } .button-circle.button-circle-social-instagram { background: #E4405F; } .button-circle.button-circle-social-linkedin { background: #0A66C2; } .button-circle.button-circle-social-youtube { background: #CD201F; } .button-circle.button-circle-social-pinterest { background: #BD081C; } .button-circle.button-circle-social-skype { background: #00AFF0; } .button-circle.button-circle-social-dribbble { background: #EA4C89; } .button-circle.button-circle-social-snapchat { background: #FFFC00; color: #d31a4f; } .button-circle.button-circle-social-snapchat:hover { color: #d31a4f; } .button-circle.button-circle-social-whatsapp { background: #25D366; } [class*='button-circle-gradient'] { border: 0; -webkit-box-shadow: 0 6px 30px 0 rgba(21, 25, 29, 0.13); box-shadow: 0 6px 30px 0 rgba(21, 25, 29, 0.13); color: white; } [class*='button-circle-gradient']:hover, [class*='button-circle-gradient']:focus { -webkit-transform: translateY(-3px); transform: translateY(-3px); -webkit-box-shadow: 0 6px 36px 0 rgba(21, 25, 29, 0.19); box-shadow: 0 6px 36px 0 rgba(21, 25, 29, 0.19); opacity: 0.9; color: white; } [class*='button-circle-social'] { border: 0; -webkit-box-shadow: 0 6px 30px 0 rgba(21, 25, 29, 0.13); box-shadow: 0 6px 30px 0 rgba(21, 25, 29, 0.13); } [class*='button-circle-social']:hover, [class*='button-circle-social']:focus { -webkit-transform: translateY(-3px); transform: translateY(-3px); -webkit-box-shadow: 0 6px 36px 0 rgba(21, 25, 29, 0.19); box-shadow: 0 6px 36px 0 rgba(21, 25, 29, 0.19); opacity: 0.9; } .button-circle-sm { width: 40px; height: 40px; line-height: 40px; } .button-circle-sm i { line-height: 40px; } .button-circle-md { width: 50px; height: 50px; line-height: 50px; } .button-circle-md i { line-height: 50px; } .button-circle-lg { width: 60px; height: 60px; line-height: 60px; } .button-circle-lg i { line-height: 60px; } .button-circle-xl { width: 70px; height: 70px; line-height: 70px; } .button-circle-xl i { line-height: 70px; } .button-circle-hover-slide { position: relative; display: inline-block; overflow: hidden; } .button-circle-hover-slide i { position: absolute; left: 50%; -webkit-transition: ease-out 0.22s; transition: ease-out 0.22s; } .button-circle-hover-slide i:first-child { top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); opacity: 1; } .button-circle-hover-slide i:last-child { top: 100%; -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; } .button-circle-hover-slide:hover i:first-child { top: -100%; -webkit-transform: translateX(-50%) translateY(0); transform: translateX(-50%) translateY(0); opacity: 0; } .button-circle-hover-slide:hover i:last-child { top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); opacity: 1; } .button-circle-ripple { position: relative; z-index: 1; } .button-circle-ripple:before { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: -1; opacity: 1; background: rgba(18, 21, 24, 0.15); width: 100%; height: 100%; border-radius: 50%; -webkit-animation: button-ripple 1.8s ease-out infinite; animation: button-ripple 1.8s ease-out infinite; } .button-circle-ripple.button-circle-dark:before { background: rgba(18, 21, 24, 0.15); } .button-circle-ripple.button-circle-white:before, .button-circle-ripple.button-circle-white-2:before { background: rgba(255, 255, 255, 0.2); } .button-circle-ripple.button-circle-outline-white:before, .button-circle-ripple.button-circle-outline-white-2:before { background: rgba(255, 255, 255, 0.15); } @-webkit-keyframes button-ripple { 0% { opacity: 1; width: 100%; height: 100%; } 60% { opacity: 0; width: 160%; height: 160%; } 100% { opacity: 0; width: 100%; height: 100%; } } @keyframes button-ripple { 0% { opacity: 1; width: 100%; height: 100%; } 60% { opacity: 0; width: 160%; height: 160%; } 100% { opacity: 0; width: 100%; height: 100%; } } .button-font-2 { font-size: 0.938em; letter-spacing: -0.2px; text-transform: none; } .theme-font-nunito .button-font-2 { font-size: 1em; letter-spacing: 0; } .button-radius { border-radius: 0.5em; } .button-rounded { border-radius: 50px; } .button-border-2, .button-border-2.button-circle { border-width: 2px; } .button-hover-float:hover, .button-hover-float:focus { -webkit-transform: translateY(-3px); transform: translateY(-3px); } .button-hover-scale:hover, .button-hover-scale:focus { -webkit-transform: scale(1.03); transform: scale(1.03); } .button-hover-scale.button-circle:hover, .button-hover-scale.button-circle:focus { -webkit-transform: scale(1.04); transform: scale(1.04); } .button-hover-shrink:hover, .button-hover-shrink:focus { -webkit-transform: scale(0.97); transform: scale(0.97); } .button-hover-shrink.button-circle:hover, .button-hover-shrink.button-circle:focus { -webkit-transform: scale(0.96); transform: scale(0.96); } .button-shadow { -webkit-box-shadow: 0 6px 30px 0 rgba(22, 24, 26, 0.1); box-shadow: 0 6px 30px 0 rgba(22, 24, 26, 0.1); } .button-shadow:hover, .button-shadow:focus { -webkit-box-shadow: 0 6px 36px 0 rgba(22, 24, 26, 0.15); box-shadow: 0 6px 36px 0 rgba(22, 24, 26, 0.15); } .client-box { text-align: center; } .client-box a img { opacity: 0.4; -webkit-transition: ease-out 0.16s; transition: ease-out 0.16s; } .client-box a:hover img, .client-box a:focus img { opacity: 1; } .owl-carousel .client-box img { display: inline-block; } .clients-grid { list-style-type: none; overflow: hidden; margin: 0; padding: 0; text-align: center; } .clients-grid li { position: relative; float: left; width: 16.6%; margin: 0; padding: 30px; } .clients-grid li:before, .clients-grid li:after { content: ''; position: absolute; } .clients-grid li:before { top: 0; left: -1px; height: 100%; border-left: 1px dashed rgba(0,0,0,0); } .clients-grid li:after { left: 0; bottom: -1px; width: 100%; border-bottom: 1px dashed rgba(0,0,0,0); } .clients-grid li a img { opacity: 0.4; -webkit-transition: ease-out 0.16s; transition: ease-out 0.16s; } .clients-grid li a:hover img, .clients-grid li a:focus img { opacity: 1; } @media (max-width: 991.98px) { .clients-grid li { width: 25%; } } @media (max-width: 767.98px) { .clients-grid li { width: 33.3%; } } @media (max-width: 575.98px) { .clients-grid li { width: 50%; } } .clients-grid.column-5 li { width: 20%; } @media (max-width: 991.98px) { .clients-grid.column-5 li { width: 25%; } } @media (max-width: 767.98px) { .clients-grid.column-5 li { width: 33.3%; } } @media (max-width: 575.98px) { .clients-grid.column-5 li { width: 50%; } } .clients-grid.column-4 li, .clients-grid.masonry.column-5 li, .clients-grid.masonry.column-6 li, .clients-grid.portfolio-masonry.column-5 li, .clients-grid.portfolio-masonry.column-6 li { width: 25%; } @media (max-width: 767.98px) { .clients-grid.column-4 li, .clients-grid.masonry.column-5 li, .clients-grid.masonry.column-6 li, .clients-grid.portfolio-masonry.column-5 li, .clients-grid.portfolio-masonry.column-6 li { width: 33.3%; } } @media (max-width: 575.98px) { .clients-grid.column-4 li, .clients-grid.masonry.column-5 li, .clients-grid.masonry.column-6 li, .clients-grid.portfolio-masonry.column-5 li, .clients-grid.portfolio-masonry.column-6 li { width: 50%; } } .clients-grid.column-3 li { width: 33.3%; } @media (max-width: 767.98px) { .clients-grid.column-3 li { width: 50%; } } .clients-grid.column-2 li { width: 50%; } .clients-grid.border-style-solid { border: 0; } .clients-grid.border-style-solid li:before { border-left-style: solid; } .clients-grid.border-style-solid li:after { border-bottom-style: solid; } .clients-grid.border-style-dotted { border: 0; } .clients-grid.border-style-dotted li:before { border-left-style: dotted; } .clients-grid.border-style-dotted li:after { border-bottom-style: dotted; } .bg-black .clients-grid li:before, .bg-black .clients-grid li:after, [class*='bg-dark'] .clients-grid li:before, [class*='bg-dark'] .clients-grid li:after, [class*='bg-gradient-'] .clients-grid li:before, [class*='bg-gradient-'] .clients-grid li:after, [class*='bg-color-'] .clients-grid li:before, [class*='bg-color-'] .clients-grid li:after { border-color: rgba(255, 255, 255, 0.2); } .feature-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; align-items: center; position: relative; min-height: 50px; padding-left: 74px; } @media (max-width: 991.98px) { .feature-box { padding-left: 66px; } } .feature-box .feature-box-icon { position: absolute; top: 0; left: 0; width: 50px; height: 50px; border-radius: 50%; text-align: center; -webkit-transition: ease-out 0.16s; transition: ease-out 0.16s; } .feature-box .feature-box-icon * { margin: 0; line-height: 50px; vertical-align: middle; -webkit-transition: ease-out 0.16s; transition: ease-out 0.16s; } .feature-box .feature-box-icon a { display: block; } .feature-box .feature-box-icon.middle { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .feature-box h1, .feature-box h2, .feature-box h3, .feature-box h4, .feature-box h5, .feature-box h6 { width: 100%; } .feature-box.feature-box-xl { min-height: 70px; padding-left: 94px; } @media (max-width: 991.98px) { .feature-box.feature-box-xl { padding-left: 86px; } } .feature-box.feature-box-xl .feature-box-icon { width: 70px; height: 70px; } .feature-box.feature-box-xl .feature-box-icon * { line-height: 70px; } .feature-box.feature-box-lg { min-height: 60px; padding-left: 84px; } @media (max-width: 991.98px) { .feature-box.feature-box-lg { padding-left: 80px; } } .feature-box.feature-box-lg .feature-box-icon { width: 60px; height: 60px; } .feature-box.feature-box-lg .feature-box-icon * { line-height: 60px; } .feature-box.feature-box-sm { min-height: 40px; padding-left: 64px; } @media (max-width: 991.98px) { .feature-box.feature-box-sm { padding-left: 56px; } } .feature-box.feature-box-sm .feature-box-icon { width: 40px; height: 40px; } .feature-box.feature-box-sm .feature-box-icon * { line-height: 40px; } .feature-box.feature-box-xs { min-height: 32px; padding-left: 54px; } @media (max-width: 991.98px) { .feature-box.feature-box-xs { padding-left: 48px; } } .feature-box.feature-box-xs .feature-box-icon { width: 32px; height: 32px; } .feature-box.feature-box-xs .feature-box-icon * { line-height: 32px; } [class^="hoverbox"] { overflow: hidden; position: relative; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); display: inline-block; } [class^="hoverbox"] img { -webkit-transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); } .hoverbox-1:before { content: ''; position: absolute; top: 0; left: 0; z-index: 1; visibility: hidden; opacity: 0; background: rgba(18, 21, 24, 0.5); width: 100%; height: 100%; -webkit-transition: ease-out 0.12s; transition: ease-out 0.12s; } .hoverbox-1:hover:before, .hoverbox-1:focus:before { visibility: visible; opacity: 1; } .hoverbox-1:hover img, .hoverbox-1:focus img { -webkit-transform: scale(1.04); transform: scale(1.04); } .hoverbox-1:hover .hover-content, .hoverbox-1:focus .hover-content { visibility: visible; opacity: 1; } .hoverbox-1 .hover-content { position: absolute; z-index: 2; visibility: hidden; opacity: 0; color: rgba(255, 255, 255, 0.7); -webkit-transition: ease-out 0.12s; transition: ease-out 0.12s; } .hoverbox-1 .hover-content h1, .hoverbox-1 .hover-content h2, .hoverbox-1 .hover-content h3, .hoverbox-1 .hover-content h4, .hoverbox-1 .hover-content h5, .hoverbox-1 .hover-content h6 { color: white; } .hoverbox-1 .hover-content.center { top: 50%; right: 0; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; margin-top: 5px; padding: 0 30px; } .hoverbox-1 .hover-content.center:hover, .hoverbox-1 .hover-content.center:focus { margin-top: 0; } .hoverbox-1 .hover-content.bottom { right: 0; bottom: 0; left: 0; -webkit-transform: translateY(5px); transform: translateY(5px); width: 100%; padding: 30px; } .hoverbox-1 .hover-content.bottom:hover, .hoverbox-1 .hover-content.bottom:focus { -webkit-transform: translateY(0); transform: translateY(0); } .hoverbox-2:before { content: ''; position: absolute; top: 16px; right: 16px; bottom: 16px; left: 16px; -webkit-transform: scale(0.99); transform: scale(0.99); z-index: 1; visibility: hidden; opacity: 0; background: white; -webkit-transition: ease-out 0.12s; transition: ease-out 0.12s; } .hoverbox-2 .hover-content { position: absolute; top: 50%; right: 16px; left: 16px; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; visibility: hidden; opacity: 0; margin-top: 4px; padding: 0 30px; -webkit-transition: ease-out 0.12s; transition: ease-out 0.12s; } @media (max-width: 991.98px) { .hoverbox-2 .hover-content { padding: 0 20px; } } .hoverbox-2:hover:before, .hoverbox-2:focus:before { -webkit-transform: scale(1); transform: scale(1); visibility: visible; opacity: 1; } .hoverbox-2:hover img, .hoverbox-2:focus img { -webkit-transform: scale(1.04); transform: scale(1.04); } .hoverbox-2:hover .hover-content, .hoverbox-2:focus .hover-content { visibility: visible; opacity: 1; margin-top: 0; } .hoverbox-3 .hover-content { position: absolute; right: 16px; bottom: 16px; left: 16px; -webkit-transform: translateY(4px); transform: translateY(4px); z-index: 1; visibility: hidden; opacity: 0; background: white; padding: 30px; -webkit-transition: ease-out 0.12s; transition: ease-out 0.12s; } @media (max-width: 991.98px) { .hoverbox-3 .hover-content { padding: 20px; } } .hoverbox-3:hover img, .hoverbox-3:focus img { -webkit-transform: scale(1.04); transform: scale(1.04); } .hoverbox-3:hover .hover-content, .hoverbox-3:focus .hover-content { -webkit-transform: translateY(0); transform: translateY(0); visibility: visible; opacity: 1; } .hoverbox-4:after { content: ''; position: absolute; top: 0; left: 0; background: rgba(18, 21, 24, 0.4); width: 100%; height: 100%; -webkit-transition: ease-out 0.12s; transition: ease-out 0.12s; } .hoverbox-4 .content, .hoverbox-4 .hover-content { position: absolute; z-index: 1; color: rgba(255, 255, 255, 0.7); -webkit-transition: ease-out 0.12s; transition: ease-out 0.12s; } .hoverbox-4 .content h1, .hoverbox-4 .content h2, .hoverbox-4 .content h3, .hoverbox-4 .content h4, .hoverbox-4 .content h5, .hoverbox-4 .content h6, .hoverbox-4 .hover-content h1, .hoverbox-4 .hover-content h2, .hoverbox-4 .hover-content h3, .hoverbox-4 .hover-content h4, .hoverbox-4 .hover-content h5, .hoverbox-4 .hover-content h6 { color: white; } .hoverbox-4 .hover-content { visibility: hidden; opacity: 0; } .hoverbox-4:hover:after, .hoverbox-4:focus:after { background: rgba(18, 21, 24, 0.5); } .hoverbox-4:hover img, .hoverbox-4:focus img { -webkit-transform: scale(1.04); transform: scale(1.04); } .hoverbox-4:hover .content, .hoverbox-4:focus .content { visibility: hidden; opacity: 0; } .hoverbox-4:hover .hover-content, .hoverbox-4:focus .hover-content { visibility: visible; opacity: 1; } .hoverbox-4.center .content, .hoverbox-4.center .hover-content { top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; padding: 0 30px; } .hoverbox-4.center .hover-content { margin-top: 5px; } .hoverbox-4.center:hover .content, .hoverbox-4.center:focus .content { margin-top: -5px; } .hoverbox-4.center:hover .hover-content, .hoverbox-4.center:focus .hover-content { margin-top: 0; } .hoverbox-4.bottom .content, .hoverbox-4.bottom .hover-content { bottom: 0; left: 0; width: 100%; padding: 30px; } .hoverbox-4.bottom .hover-content { -webkit-transform: translateY(5px); transform: translateY(5px); } .hoverbox-4.bottom:hover .content, .hoverbox-4.bottom:focus .content { -webkit-transform: translateY(-5px); transform: translateY(-5px); } .hoverbox-4.bottom:hover .hover-content, .hoverbox-4.bottom:focus .hover-content { -webkit-transform: translateY(0); transform: translateY(0); } .hoverbox-5:after { content: ''; position: absolute; top: 0; left: 0; background: rgba(18, 21, 24, 0.4); width: 100%; height: 100%; -webkit-transition: ease-out 0.12s; transition: ease-out 0.12s; } .hoverbox-5 .content, .hoverbox-5 .hover-content { position: absolute; z-index: 1; left: 0; width: 100%; padding: 30px; color: rgba(255, 255, 255, 0.7); } .hoverbox-5 .content h1, .hoverbox-5 .content h2, .hoverbox-5 .content h3, .hoverbox-5 .content h4, .hoverbox-5 .content h5, .hoverbox-5 .content h6, .hoverbox-5 .hover-content h1, .hoverbox-5 .hover-content h2, .hoverbox-5 .hover-content h3, .hoverbox-5 .hover-content h4, .hoverbox-5 .hover-content h5, .hoverbox-5 .hover-content h6 { color: white; } .hoverbox-5 .content { top: 0; } .hoverbox-5 .hover-content { bottom: 0; -webkit-transform: translateY(5px); transform: translateY(5px); visibility: hidden; opacity: 0; -webkit-transition: ease-out 0.12s; transition: ease-out 0.12s; } .hoverbox-5:hover:after, .hoverbox-5:focus:after { background: rgba(18, 21, 24, 0.5); } .hoverbox-5:hover img, .hoverbox-5:focus img { -webkit-transform: scale(1.04); transform: scale(1.04); } .hoverbox-5:hover .hover-content, .hoverbox-5:focus .hover-content { -webkit-transform: translateY(0); transform: translateY(0); visibility: visible; opacity: 1; } .hoverbox-6 a { display: block; } .hoverbox-6 a:before { content: ''; position: absolute; top: 0; left: 0; z-index: 1; opacity: 0; background: rgba(255, 255, 255, 0.1); width: 100%; height: 100%; -webkit-transition: ease-out 0.12s; transition: ease-out 0.12s; } .hoverbox-6 .content { position: absolute; z-index: 2; display: inline-block; background: white; padding: 10px 16px; color: rgba(18, 21, 24, 0.9); } .hoverbox-6 .content h1, .hoverbox-6 .content h2, .hoverbox-6 .content h3, .hoverbox-6 .content h4, .hoverbox-6 .content h5, .hoverbox-6 .content h6 { margin: 0; color: rgba(18, 21, 24, 0.9); } .hoverbox-6 .content.top { top: 16px; left: 16px; } .hoverbox-6 .content.center { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .hoverbox-6 .content.bottom { bottom: 16px; left: 16px; } .hoverbox-6:hover a:before, .hoverbox-6:focus a:before { opacity: 1; } .hoverbox-6:hover img, .hoverbox-6:focus img { -webkit-transform: scale(1.04); transform: scale(1.04); } .hoverbox-7:before { content: ''; position: absolute; top: 0; left: 0; z-index: 1; visibility: hidden; opacity: 0; background: rgba(18, 21, 24, 0.5); width: 100%; height: 100%; -webkit-transition: ease-out 0.12s; transition: ease-out 0.12s; } .hoverbox-7 .hover-content { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; color: rgba(255, 255, 255, 0.7); } .hoverbox-7 .hover-content h1, .hoverbox-7 .hover-content h2, .hoverbox-7 .hover-content h3, .hoverbox-7 .hover-content h4, .hoverbox-7 .hover-content h5, .hoverbox-7 .hover-content h6 { color: white; } .hoverbox-7 .hover-content .top { position: absolute; top: 0; right: 0; left: 0; -webkit-transform: translateY(5px); transform: translateY(5px); opacity: 0; padding: 30px; -webkit-transition: ease-out 0.12s; transition: ease-out 0.12s; } .hoverbox-7 .hover-content .bottom { position: absolute; right: 0; bottom: 0; left: 0; -webkit-transform: translateY(5px); transform: translateY(5px); opacity: 0; padding: 30px; -webkit-transition: ease-out 0.12s; transition: ease-out 0.12s; } .hoverbox-7:hover:before, .hoverbox-7:focus:before { visibility: visible; opacity: 1; } .hoverbox-7:hover img, .hoverbox-7:focus img { -webkit-transform: scale(1.04); transform: scale(1.04); } .hoverbox-7:hover .hover-content, .hoverbox-7:focus .hover-content { visibility: visible; opacity: 1; } .hoverbox-7:hover .hover-content .top, .hoverbox-7:hover .hover-content .bottom, .hoverbox-7:focus .hover-content .top, .hoverbox-7:focus .hover-content .bottom { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } .hoverbox-7:hover .hover-content .top, .hoverbox-7:focus .hover-content .top { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; } .hoverbox-7:hover .hover-content .bottom, .hoverbox-7:focus .hover-content .bottom { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .hoverbox-1 a:not([class^='button']), .hoverbox-2 a:not([class^='button']), .hoverbox-4 a:not([class^='button']), .hoverbox-5 a:not([class^='button']), .hoverbox-7 a:not([class^='button']) { color: rgba(255, 255, 255, 0.7); } .hoverbox-1 a:not([class^='button']):hover, .hoverbox-1 a:not([class^='button']):focus, .hoverbox-2 a:not([class^='button']):hover, .hoverbox-2 a:not([class^='button']):focus, .hoverbox-4 a:not([class^='button']):hover, .hoverbox-4 a:not([class^='button']):focus, .hoverbox-5 a:not([class^='button']):hover, .hoverbox-5 a:not([class^='button']):focus, .hoverbox-7 a:not([class^='button']):hover, .hoverbox-7 a:not([class^='button']):focus { color: white; } .hoverbox-1 a.button-text-1, .hoverbox-1 a.button-text-2, .hoverbox-1 a.button-text-3, .hoverbox-2 a.button-text-1, .hoverbox-2 a.button-text-2, .hoverbox-2 a.button-text-3, .hoverbox-4 a.button-text-1, .hoverbox-4 a.button-text-2, .hoverbox-4 a.button-text-3, .hoverbox-5 a.button-text-1, .hoverbox-5 a.button-text-2, .hoverbox-5 a.button-text-3, .hoverbox-7 a.button-text-1, .hoverbox-7 a.button-text-2, .hoverbox-7 a.button-text-3 { color: rgba(255, 255, 255, 0.8); } .hoverbox-1 a.button-text-1:hover, .hoverbox-1 a.button-text-2:hover, .hoverbox-1 a.button-text-3:hover, .hoverbox-2 a.button-text-1:hover, .hoverbox-2 a.button-text-2:hover, .hoverbox-2 a.button-text-3:hover, .hoverbox-4 a.button-text-1:hover, .hoverbox-4 a.button-text-2:hover, .hoverbox-4 a.button-text-3:hover, .hoverbox-5 a.button-text-1:hover, .hoverbox-5 a.button-text-2:hover, .hoverbox-5 a.button-text-3:hover, .hoverbox-7 a.button-text-1:hover, .hoverbox-7 a.button-text-2:hover, .hoverbox-7 a.button-text-3:hover { color: white; } .hoverbox-1 a.button-text-1:before, .hoverbox-2 a.button-text-1:before, .hoverbox-4 a.button-text-1:before, .hoverbox-5 a.button-text-1:before, .hoverbox-7 a.button-text-1:before { background: rgba(255, 255, 255, 0.3); } .hoverbox-1 a.button-text-1:after, .hoverbox-2 a.button-text-1:after, .hoverbox-4 a.button-text-1:after, .hoverbox-5 a.button-text-1:after, .hoverbox-7 a.button-text-1:after { background: white; } .hoverbox-1 a.button-text-2:before, .hoverbox-2 a.button-text-2:before, .hoverbox-4 a.button-text-2:before, .hoverbox-5 a.button-text-2:before, .hoverbox-7 a.button-text-2:before { background: rgba(255, 255, 255, 0.4); } .hoverbox-1 a.button-text-2:after, .hoverbox-2 a.button-text-2:after, .hoverbox-4 a.button-text-2:after, .hoverbox-5 a.button-text-2:after, .hoverbox-7 a.button-text-2:after { background: white; } .hoverbox-1 a.button-text-3:before, .hoverbox-2 a.button-text-3:before, .hoverbox-4 a.button-text-3:before, .hoverbox-5 a.button-text-3:before, .hoverbox-7 a.button-text-3:before { background: rgba(255, 255, 255, 0.8); } .hoverbox-1 a.button-text-3:hover:before, .hoverbox-2 a.button-text-3:hover:before, .hoverbox-4 a.button-text-3:hover:before, .hoverbox-5 a.button-text-3:hover:before, .hoverbox-7 a.button-text-3:hover:before { background: white; } .lightbox-image-box, .lightbox-media-box { position: relative; overflow: hidden; display: block; } .lightbox-image-box[class*='border-radius'], .lightbox-media-box[class*='border-radius'] { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .lightbox-image-box:after, .lightbox-media-box:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; background: rgba(18, 21, 24, 0.1); -webkit-transition: ease-out 0.12s; transition: ease-out 0.12s; } .lightbox-image-box img, .lightbox-media-box img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); } .lightbox-image-box i, .lightbox-media-box i { z-index: 1; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: rgba(18, 21, 24, 0.6); width: 60px; height: 60px; border-radius: 50%; text-align: center; line-height: 60px; color: rgba(255, 255, 255, 0.9); -webkit-transition: ease-out 0.16s; transition: ease-out 0.16s; } .lightbox-image-box.icon-xl i, .lightbox-image-box.icon-2xl i, .lightbox-media-box.icon-xl i, .lightbox-media-box.icon-2xl i { width: 70px; height: 70px; line-height: 70px; } .lightbox-image-box.icon-3xl i, .lightbox-image-box.icon-4xl i, .lightbox-image-box.icon-5xl i, .lightbox-media-box.icon-3xl i, .lightbox-media-box.icon-4xl i, .lightbox-media-box.icon-5xl i { width: 80px; height: 80px; line-height: 80px; } .lightbox-image-box:hover:after, .lightbox-media-box:hover:after { opacity: 1; } .lightbox-image-box:hover img, .lightbox-media-box:hover img { -webkit-transform: scale(1.04); transform: scale(1.04); } .lightbox-image-box:hover i, .lightbox-media-box:hover i { -webkit-transform: translate(-50%, -50%) scale(0.94); transform: translate(-50%, -50%) scale(0.94); } .mfp-bg { background: black; } .mfp-container, .mfp-bg { opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: ease-out 0.16s; transition: ease-out 0.16s; } .mfp-container { -webkit-transform: scale(0.98); transform: scale(0.98); padding: 0 20px; } .mfp-ready .mfp-container { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } .mfp-ready.mfp-bg { opacity: 0.97; } .mfp-removing .mfp-container, .mfp-removing.mfp-bg { opacity: 0; } .mfp-removing .mfp-container { -webkit-transform: scale(0.98); transform: scale(0.98); } button.mfp-close { display: block; top: -5px; opacity: 1; width: auto; height: auto; line-height: auto; font-size: 24px; -webkit-transition: linear 0.1s; transition: linear 0.1s; } button.mfp-close:hover { top: -5px; opacity: 1; color: #fff; } .mfp-iframe-holder .mfp-close { top: -45px; } .mfp-iframe-holder .mfp-close:hover { top: -45px; } .mfp-close-btn-in .mfp-close { color: rgba(255, 255, 255, 0.7); } .mfp-arrow { -webkit-transition: linear 0.1s; transition: linear 0.1s; } .mfp-arrow-left:before { border-right: 0; } .mfp-arrow-right:before { border-left: 0; } @media (max-width: 575.98px) { button.mfp-arrow { background: rgba(18, 21, 24, 0.5); width: 70px; height: 70px; margin-top: -35px; } button.mfp-arrow:active { margin-top: -35px; } button.mfp-arrow-left { margin-left: 20px; } button.mfp-arrow-left:before, button.mfp-arrow-left:after { margin-top: 15px; margin-left: 20px; } button.mfp-arrow-right { margin-right: 20px; } button.mfp-arrow-right:before, button.mfp-arrow-right:after { margin-top: 15px; margin-left: 30px; } } .mfp-bottom-bar { margin-top: -30px; } .mfp-bottom-bar .mfp-title { color: rgba(255, 255, 255, 0.7); } .mfp-bottom-bar .mfp-counter { color: rgba(255, 255, 255, 0.6); font-size: 14px; } .mfp-iframe-scaler iframe, .mfp-figure::after { -webkit-box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.3); } .gmap { width: 100%; } .gmap-xs { height: 300px; } .gmap-sm { height: 350px; } .gmap-md { height: 400px; } .gmap-lg { height: 470px; } .gmap-xl { height: 550px; } @media (max-width: 991.98px) { .gmap-xs { height: 250px; } .gmap-sm { height: 300px; } .gmap-md { height: 350px; } .gmap-lg { height: 400px; } .gmap-xl { height: 450px; } } .page-progress-container { position: fixed; bottom: 0; left: 0; z-index: 999; width: 100%; height: 8px; } .page-progress-bar { height: 8px; width: 0%; background-image: linear-gradient(19deg, #21D4FD 0%, #B721FF 100%); } .page-progress-bar.page-progress-gradient-2 { background-image: linear-gradient(45deg, #A9C9FF 0%, #FFBBEC 100%); } .page-progress-bar.page-progress-gradient-3 { background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%); } .page-progress-bar.page-progress-gradient-4 { background-image: linear-gradient(90deg, #00DBDE 0%, #FC00FF 100%); } .page-progress-bar.page-progress-gradient-5 { background-image: linear-gradient(45deg, #FBDA61 0%, #FF5ACD 100%); } .page-progress-bar.page-progress-gradient-6 { background-image: linear-gradient(160deg, #0093E9 0%, #80D0C7 100%); } .page-progress-bar.page-progress-gradient-7 { background-image: linear-gradient(90deg, #007990 0%, #6CE5C0 100%); } .pie-chart { position: relative; display: inline-block; } .pie-chart-content { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; margin-top: -3px; padding: 0 20px; text-align: center; } .pie-chart-content .percent::after { content: '%'; } .progress-box * { margin: 0; } .progress-box .animated-progress { position: relative; background: rgba(18, 21, 24, 0.1); height: 5px; margin-top: 2px; border-radius: 3px; } .progress-box .animated-progress div { position: absolute; display: block; background: #d31a4f; width: 50%; height: 100%; border-radius: 3px; color: #d31a4f; -webkit-transition: width 0.7s cubic-bezier(0.165, 0.84, 0.44, 1); transition: width 0.7s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .progress-box .animated-progress div::after { content: attr(data-progress) "%"; position: absolute; top: -24px; right: 0; } .progress-box.progress-blue .animated-progress div { background: #0093E9; } .progress-box.progress-purple .animated-progress div { background: #B721FF; } .progress-box.progress-pink-edge .animated-progress div { background: #FE9AB6; } .progress-box.progress-golden-yellow .animated-progress div { background: #FFB657; } .progress-box.progress-very-peri .animated-progress div { background: #6667AB; } .progress-box.progress-turquiose .animated-progress div { background: #4cbfa6; } .progress-box.progress-spring-red .animated-progress div { background: #BE1F35; } .progress-box.progress-tan .animated-progress div { background: #d2b48c; } .progress-box.progress-aqua .animated-progress div { background: #03D4D8; } .bg-black .progress-box .animated-progress, [class*='bg-dark'] .progress-box .animated-progress, [class*='bg-gradient-'] .progress-box .animated-progress, [class*='bg-color-'] .progress-box .animated-progress { background: rgba(255, 255, 255, 0.3); } .bg-black .progress-box .animated-progress div, [class*='bg-dark'] .progress-box .animated-progress div, [class*='bg-gradient-'] .progress-box .animated-progress div, [class*='bg-color-'] .progress-box .animated-progress div { background: white; color: white; } [class*='section-divider-'] { position: relative; overflow: hidden; } [class*='section-divider-']:before { content: ''; position: absolute; } .section-divider-waves-top:before { top: -1px; left: 0; -webkit-transform: rotate(180deg); transform: rotate(180deg); background-image: url(https://www.ptqv.pl/themes/mono3/svg/waves.svg); background-size: 100% 100%; width: 100%; height: 70px; } .section-divider-waves-bottom:before { bottom: -1px; left: 0; background-image: url(https://www.ptqv.pl/themes/mono3/svg/waves.svg); background-size: 100% 100%; width: 100%; height: 70px; } .section-divider-wavesOpacity-top:before { top: -1px; left: -5%; background-image: url(https://www.ptqv.pl/themes/mono3/svg/wavesOpacity.svg); background-size: 100% 100%; width: 110%; height: 70px; } .section-divider-wavesOpacity-bottom:before { bottom: -1px; left: -5%; -webkit-transform: rotate(180deg); transform: rotate(180deg); background-image: url(https://www.ptqv.pl/themes/mono3/svg/wavesOpacity.svg); background-size: 100% 100%; width: 110%; height: 70px; } .section-divider-curve-top:before { top: 0; left: -5%; -webkit-transform: rotate(180deg); transform: rotate(180deg); background-image: url(https://www.ptqv.pl/themes/mono3/svg/curve.svg); background-size: 100% 100%; width: 110%; height: 60px; } .section-divider-curve-bottom:before { bottom: 0; left: -5%; background-image: url(https://www.ptqv.pl/themes/mono3/svg/curve.svg); background-size: 100% 100%; width: 110%; height: 60px; } @media (max-width: 991.98px) { .section-divider-waves-top:before, .section-divider-waves-bottom:before { left: -20%; width: 140%; height: 50px; } .section-divider-wavesOpacity-top:before, .section-divider-wavesOpacity-bottom:before { left: -25%; width: 150%; height: 50px; } .section-divider-curve-top:before, .section-divider-curve-bottom:before { height: 50px; } } .owl-carousel[data-owl-nav="true"]:not([class*='owl-nav-']) { padding: 0 56px; } @media (max-width: 991.98px) { .owl-carousel[data-owl-nav="true"]:not([class*='owl-nav-']) { padding: 0 48px; } } .owl-carousel .owl-item img { width: auto; } .owl-carousel .owl-nav { position: absolute; top: 50%; right: 0; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: -1; height: 36px; } .owl-carousel .owl-nav button.owl-prev { left: 0; } .owl-carousel .owl-nav button.owl-next { right: 0; } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev { position: absolute; width: 36px; height: 36px; border-radius: 50%; color: rgba(18, 21, 24, 0.6); -webkit-transition: ease-out 0.16s; transition: ease-out 0.16s; } .owl-carousel .owl-nav button.owl-next i, .owl-carousel .owl-nav button.owl-prev i { font-size: 1.3em; line-height: 36px; } .owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-next:focus, .owl-carousel .owl-nav button.owl-prev:hover, .owl-carousel .owl-nav button.owl-prev:focus { background: #eef2f6; color: black; } @media (max-width: 991.98px) { .owl-carousel .owl-nav { height: 32px; } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev { width: 32px; height: 32px; } .owl-carousel .owl-nav button.owl-next i, .owl-carousel .owl-nav button.owl-prev i { font-size: 1em; line-height: 32px; } } .owl-carousel.owl-nav-left .owl-nav, .owl-carousel.owl-nav-right .owl-nav { padding-bottom: 0; } .owl-carousel .owl-dots { margin-top: 20px; margin-right: -2px; margin-left: -2px; text-align: center; line-height: 0; } @media (max-width: 991.98px) { .owl-carousel .owl-dots { margin-top: 16px; } } .owl-carousel .owl-dots .owl-dot { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 2px; vertical-align: middle; } .owl-carousel .owl-dots .owl-dot:before, .owl-carousel .owl-dots .owl-dot:after { content: ''; position: absolute; border-radius: 50%; -webkit-transition: ease-out 0.16s; transition: ease-out 0.16s; } .owl-carousel .owl-dots .owl-dot:before { top: 2px; right: 2px; bottom: 2px; left: 2px; opacity: 0; background: transparent; border: 1px solid black; } .owl-carousel .owl-dots .owl-dot:after { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0.3; background: black; width: 6px; height: 6px; } .owl-carousel .owl-dots .owl-dot:hover:after, .owl-carousel .owl-dots .owl-dot:focus:after, .owl-carousel .owl-dots .owl-dot.active:after { opacity: 1; } .owl-carousel .owl-dots .owl-dot.active:before, .owl-carousel .owl-dots .owl-dot.active:after { opacity: 1; } .owl-carousel .owl-dots .owl-dot.active:before { top: 0; right: 0; bottom: 0; left: 0; } .owl-carousel:not([data-owl-dots="false"]):not([class*='owl-dots-over']) .owl-nav { margin-top: -20px; } @media (max-width: 991.98px) { .owl-carousel:not([data-owl-dots="false"]):not([class*='owl-dots-over']) .owl-nav { margin-top: -18px; } } .bg-black .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-nav button.owl-next, .bg-black .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-nav button.owl-prev, [class*='bg-dark'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-nav button.owl-next, [class*='bg-dark'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-nav button.owl-prev, [class*='bg-gradient-'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-nav button.owl-next, [class*='bg-gradient-'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-nav button.owl-prev, [class*='bg-color-'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-nav button.owl-next, [class*='bg-color-'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-nav button.owl-prev { color: rgba(255, 255, 255, 0.7); } .bg-black .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-nav button.owl-next:hover, .bg-black .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-nav button.owl-next:focus, .bg-black .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-nav button.owl-prev:hover, .bg-black .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-nav button.owl-prev:focus, [class*='bg-dark'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-nav button.owl-next:hover, [class*='bg-dark'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-nav button.owl-next:focus, [class*='bg-dark'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-nav button.owl-prev:hover, [class*='bg-dark'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-nav button.owl-prev:focus, [class*='bg-gradient-'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-nav button.owl-next:hover, [class*='bg-gradient-'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-nav button.owl-next:focus, [class*='bg-gradient-'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-nav button.owl-prev:hover, [class*='bg-gradient-'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-nav button.owl-prev:focus, [class*='bg-color-'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-nav button.owl-next:hover, [class*='bg-color-'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-nav button.owl-next:focus, [class*='bg-color-'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-nav button.owl-prev:hover, [class*='bg-color-'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-nav button.owl-prev:focus { background: rgba(255, 255, 255, 0.15); color: white; } .bg-black .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-dots .owl-dot:before, [class*='bg-dark'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-dots .owl-dot:before, [class*='bg-gradient-'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-dots .owl-dot:before, [class*='bg-color-'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-dots .owl-dot:before { border-color: white; } .bg-black .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-dots .owl-dot:after, [class*='bg-dark'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-dots .owl-dot:after, [class*='bg-gradient-'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-dots .owl-dot:after, [class*='bg-color-'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-dots .owl-dot:after { background: white; opacity: 0.5; } .bg-black .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-dots .owl-dot:hover:after, .bg-black .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-dots .owl-dot:focus:after, .bg-black .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-dots .owl-dot.active:after, [class*='bg-dark'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-dots .owl-dot:hover:after, [class*='bg-dark'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-dots .owl-dot:focus:after, [class*='bg-dark'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-dots .owl-dot.active:after, [class*='bg-gradient-'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-dots .owl-dot:hover:after, [class*='bg-gradient-'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-dots .owl-dot:focus:after, [class*='bg-gradient-'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-dots .owl-dot.active:after, [class*='bg-color-'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-dots .owl-dot:hover:after, [class*='bg-color-'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-dots .owl-dot:focus:after, [class*='bg-color-'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-dots .owl-dot.active:after { opacity: 1; } [class*='bg-gray'] .owl-carousel .owl-nav button.owl-next:hover, [class*='bg-gray'] .owl-carousel .owl-nav button.owl-next:focus, [class*='bg-gray'] .owl-carousel .owl-nav button.owl-prev:hover, [class*='bg-gray'] .owl-carousel .owl-nav button.owl-prev:focus, [class*='bg-light'] .owl-carousel .owl-nav button.owl-next:hover, [class*='bg-light'] .owl-carousel .owl-nav button.owl-next:focus, [class*='bg-light'] .owl-carousel .owl-nav button.owl-prev:hover, [class*='bg-light'] .owl-carousel .owl-nav button.owl-prev:focus { background: rgba(18, 21, 24, 0.05); } .owl-carousel.owl-nav-left .owl-nav, .owl-carousel.owl-nav-right .owl-nav { height: auto; } .owl-carousel.owl-nav-left .owl-nav button, .owl-carousel.owl-nav-right .owl-nav button { position: static; display: block; margin: 8px 0; } .owl-carousel.owl-nav-left .owl-nav button.owl-prev, .owl-carousel.owl-nav-left .owl-nav button.owl-next, .owl-carousel.owl-nav-right .owl-nav button.owl-prev, .owl-carousel.owl-nav-right .owl-nav button.owl-next { right: auto; left: auto; } .owl-carousel.owl-nav-left { padding: 0 0 0 56px; } @media (max-width: 991.98px) { .owl-carousel.owl-nav-left { padding: 0 0 0 48px; } } .owl-carousel.owl-nav-left .owl-nav { right: auto; } .owl-carousel.owl-nav-right { padding: 0 56px 0 0; } @media (max-width: 991.98px) { .owl-carousel.owl-nav-right { padding: 0 48px 0 0; } } .owl-carousel.owl-nav-right .owl-nav { left: auto; } .owl-carousel.owl-nav-overlay .owl-nav { z-index: 1; padding-bottom: 0; } .owl-carousel.owl-nav-overlay .owl-nav button.owl-next, .owl-carousel.owl-nav-overlay .owl-nav button.owl-prev { opacity: 1; background: rgba(18, 21, 24, 0.3); width: 50px; height: 50px; border: 0; border-radius: 50%; color: rgba(255, 255, 255, 0.8); text-align: center; } .owl-carousel.owl-nav-overlay .owl-nav button.owl-next i, .owl-carousel.owl-nav-overlay .owl-nav button.owl-prev i { line-height: 50px; } .owl-carousel.owl-nav-overlay .owl-nav button.owl-next:hover, .owl-carousel.owl-nav-overlay .owl-nav button.owl-next:focus, .owl-carousel.owl-nav-overlay .owl-nav button.owl-prev:hover, .owl-carousel.owl-nav-overlay .owl-nav button.owl-prev:focus { opacity: 1; background: rgba(18, 21, 24, 0.4); color: white; } @media (min-width: 992px) { .owl-carousel.owl-nav-overlay .owl-nav { opacity: 0; -webkit-transition: ease-out 0.16s; transition: ease-out 0.16s; } .owl-carousel.owl-nav-overlay:hover .owl-nav { opacity: 1; } } @media (max-width: 991.98px) { .owl-carousel.owl-nav-overlay .owl-nav { display: none; } } .owl-carousel.owl-nav-overlay .owl-nav { height: 50px; } .owl-carousel.owl-nav-overlay .owl-nav button.owl-prev { left: 20px; } .owl-carousel.owl-nav-overlay .owl-nav button.owl-next { right: 20px; } .owl-carousel.owl-nav-overlay:not([data-owl-dots="false"]):not([class*='owl-dots-over']) .owl-nav { margin-top: -20px; } .owl-carousel.owl-dots-left .owl-dots { text-align: left; } .owl-carousel.owl-dots-right .owl-dots { text-align: right; } .owl-carousel.owl-dots-overlay .owl-dots { position: absolute; bottom: 20px; background: rgba(18, 21, 24, 0.3); border-radius: 20px; margin: 0; padding: 5px; } @media (max-width: 991.98px) { .owl-carousel.owl-dots-overlay .owl-dots { bottom: 16px; } } .owl-carousel.owl-dots-overlay .owl-dots .owl-dot:before { border-color: white; } .owl-carousel.owl-dots-overlay .owl-dots .owl-dot:after { background: white; opacity: 0.5; } .owl-carousel.owl-dots-overlay .owl-dots .owl-dot:hover:after, .owl-carousel.owl-dots-overlay .owl-dots .owl-dot:focus:after, .owl-carousel.owl-dots-overlay .owl-dots .owl-dot.active:after { opacity: 1; } .owl-carousel.owl-dots-overlay .owl-dots { right: auto; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .owl-carousel.owl-dots-overlay.owl-nav-overlap-right .owl-dots { margin-left: -12.5px; } .owl-carousel.owl-dots-overlay.owl-nav-left .owl-dots { margin-left: 28px; } .owl-carousel.owl-dots-overlay.owl-nav-right .owl-dots { margin-left: -28px; } @media (min-width: 992px) { .owl-carousel.owl-dots-overlay.owl-nav-overlap-left .owl-dots { margin-left: 12.5px; } } @media (max-width: 991.98px) { .owl-carousel.owl-dots-overlay.owl-nav-overlap-left .owl-dots, .owl-carousel.owl-dots-overlay.owl-nav-overlap-right .owl-dots { margin-left: -10px; } } .owl-carousel.owl-dots-overlap .owl-dots, .owl-carousel.owl-dots-overlap-left .owl-dots, .owl-carousel.owl-dots-overlap-right .owl-dots { position: absolute; bottom: 0; background: white; border-radius: 20px; -webkit-box-shadow: 0 6px 30px 0 rgba(22, 24, 26, 0.13); box-shadow: 0 6px 30px 0 rgba(22, 24, 26, 0.13); margin: 0; padding: 5px; } .owl-carousel.owl-dots-overlap .owl-dots:hover, .owl-carousel.owl-dots-overlap .owl-dots:focus, .owl-carousel.owl-dots-overlap-left .owl-dots:hover, .owl-carousel.owl-dots-overlap-left .owl-dots:focus, .owl-carousel.owl-dots-overlap-right .owl-dots:hover, .owl-carousel.owl-dots-overlap-right .owl-dots:focus { -webkit-box-shadow: 0 6px 36px 0 rgba(22, 24, 26, 0.19); box-shadow: 0 6px 36px 0 rgba(22, 24, 26, 0.19); } .owl-carousel.owl-dots-overlap .owl-dots .owl-dot:before, .owl-carousel.owl-dots-overlap-left .owl-dots .owl-dot:before, .owl-carousel.owl-dots-overlap-right .owl-dots .owl-dot:before { border-color: #d31a4f; } .owl-carousel.owl-dots-overlap .owl-dots .owl-dot:after, .owl-carousel.owl-dots-overlap-left .owl-dots .owl-dot:after, .owl-carousel.owl-dots-overlap-right .owl-dots .owl-dot:after { background: #d31a4f; opacity: 0.3; } .owl-carousel.owl-dots-overlap .owl-dots .owl-dot:hover:after, .owl-carousel.owl-dots-overlap .owl-dots .owl-dot:focus:after, .owl-carousel.owl-dots-overlap .owl-dots .owl-dot.active:after, .owl-carousel.owl-dots-overlap-left .owl-dots .owl-dot:hover:after, .owl-carousel.owl-dots-overlap-left .owl-dots .owl-dot:focus:after, .owl-carousel.owl-dots-overlap-left .owl-dots .owl-dot.active:after, .owl-carousel.owl-dots-overlap-right .owl-dots .owl-dot:hover:after, .owl-carousel.owl-dots-overlap-right .owl-dots .owl-dot:focus:after, .owl-carousel.owl-dots-overlap-right .owl-dots .owl-dot.active:after { opacity: 1; } .owl-carousel.owl-dots-overlap .owl-dots { right: auto; left: 50%; -webkit-transform: translateY(50%) translateX(-50%); transform: translateY(50%) translateX(-50%); } .owl-carousel.owl-dots-overlap.owl-nav-left .owl-dots { margin-left: 28px; } .owl-carousel.owl-dots-overlap.owl-nav-right .owl-dots { margin-left: -28px; } .owl-carousel.owl-dots-overlap.owl-nav-overlap-right .owl-dots { margin-left: -12.5px; } @media (min-width: 992px) { .owl-carousel.owl-dots-overlap.owl-nav-overlap-left .owl-dots { margin-left: 12.5px; } } .owl-carousel.owl-dots-overlap-left .owl-dots, .owl-carousel.owl-dots-overlap-right .owl-dots { -webkit-transform: translateY(50%); transform: translateY(50%); } .owl-carousel.owl-dots-overlap-left .owl-dots { right: auto; left: 20px; } @media (max-width: 991.98px) { .owl-carousel.owl-dots-overlap-left .owl-dots { left: 16px; } } .owl-carousel.owl-dots-overlap-left[data-owl-nav="true"]:not(.owl-nav-right):not([class*='owl-nav-over']) .owl-dots, .owl-carousel.owl-dots-overlap-left.owl-nav-left:not(.owl-nav-right):not([class*='owl-nav-over']) .owl-dots { left: 76px; } @media (max-width: 991.98px) { .owl-carousel.owl-dots-overlap-left[data-owl-nav="true"]:not(.owl-nav-right):not([class*='owl-nav-over']) .owl-dots, .owl-carousel.owl-dots-overlap-left.owl-nav-left:not(.owl-nav-right):not([class*='owl-nav-over']) .owl-dots { left: 64px; } } .owl-carousel.owl-dots-overlap-left.owl-nav-overlap .owl-dots { left: 45px; } @media (min-width: 992px) { .owl-carousel.owl-dots-overlap-left.owl-nav-overlap-left .owl-dots { left: 45px; } } .owl-carousel.owl-dots-overlap-right .owl-dots { right: 20px; left: auto; } @media (max-width: 991.98px) { .owl-carousel.owl-dots-overlap-right .owl-dots { right: 16px; } } .owl-carousel.owl-dots-overlap-right[data-owl-nav="true"]:not(.owl-nav-left):not([class*='owl-nav-over']) .owl-dots, .owl-carousel.owl-dots-overlap-right.owl-nav-right:not(.owl-nav-left):not([class*='owl-nav-over']) .owl-dots { right: 76px; } @media (max-width: 991.98px) { .owl-carousel.owl-dots-overlap-right[data-owl-nav="true"]:not(.owl-nav-left):not([class*='owl-nav-over']) .owl-dots, .owl-carousel.owl-dots-overlap-right.owl-nav-right:not(.owl-nav-left):not([class*='owl-nav-over']) .owl-dots { right: 64px; } } .owl-carousel.owl-dots-overlap-right.owl-nav-overlap .owl-dots, .owl-carousel.owl-dots-overlap-right.owl-nav-overlap-right .owl-dots { right: 45px; } @media (max-width: 991.98px) { .owl-carousel.owl-dots-overlap-right.owl-nav-overlap .owl-dots, .owl-carousel.owl-dots-overlap-right.owl-nav-overlap-right .owl-dots { right: 36px; } } .owl-carousel.owl-nav-overlap { padding: 0 25px; } .owl-carousel.owl-nav-overlap .owl-nav { right: 25px; left: 25px; z-index: 1; height: 50px; } .owl-carousel.owl-nav-overlap .owl-nav button { opacity: 1; background: white; width: 50px; height: 50px; border-radius: 50%; -webkit-box-shadow: 0 10px 36px 0 rgba(22, 24, 26, 0.13); box-shadow: 0 10px 36px 0 rgba(22, 24, 26, 0.13); color: #d31a4f; } .owl-carousel.owl-nav-overlap .owl-nav button.owl-prev { right: auto; left: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .owl-carousel.owl-nav-overlap .owl-nav button.owl-next { right: 0; left: auto; -webkit-transform: translateX(50%); transform: translateX(50%); } .owl-carousel.owl-nav-overlap .owl-nav button:hover, .owl-carousel.owl-nav-overlap .owl-nav button:focus { opacity: 1; background: white; color: #d31a4f; -webkit-box-shadow: 0 10px 40px 0 rgba(22, 24, 26, 0.19); box-shadow: 0 10px 40px 0 rgba(22, 24, 26, 0.19); } .owl-carousel.owl-nav-overlap:not([data-owl-dots="false"]):not([class*='owl-dots-over']) .owl-nav { margin-top: -20px; } @media (max-width: 991.98px) { .owl-carousel.owl-nav-overlap:not([data-owl-dots="false"]):not([class*='owl-dots-over']) .owl-nav { margin-top: -18px; } } @media (max-width: 991.98px) { .owl-carousel.owl-nav-overlap { padding: 0 20px; } .owl-carousel.owl-nav-overlap .owl-nav { right: 20px; left: 20px; height: 40px; } .owl-carousel.owl-nav-overlap .owl-nav button.owl-prev, .owl-carousel.owl-nav-overlap .owl-nav button.owl-next { width: 40px; height: 40px; } } @media (min-width: 992px) { .owl-carousel.owl-nav-overlap-left { padding: 0 0 0 25px; } .owl-carousel.owl-nav-overlap-left .owl-nav { left: 25px; right: auto; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); } } .owl-carousel.owl-nav-overlap-right { padding: 0 25px 0 0; } .owl-carousel.owl-nav-overlap-right .owl-nav { left: auto; right: 25px; -webkit-transform: translateY(-50%) translateX(50%); transform: translateY(-50%) translateX(50%); } .owl-carousel.owl-nav-overlap-left .owl-nav, .owl-carousel.owl-nav-overlap-right .owl-nav { z-index: 1; width: 50px; height: auto; padding-bottom: 0; } .owl-carousel.owl-nav-overlap-left .owl-nav button.owl-prev, .owl-carousel.owl-nav-overlap-left .owl-nav button.owl-next, .owl-carousel.owl-nav-overlap-right .owl-nav button.owl-prev, .owl-carousel.owl-nav-overlap-right .owl-nav button.owl-next { position: static; right: 0; left: 0; opacity: 1; background: white; width: 50px; height: 50px; margin: 4px 0; border-radius: 50%; -webkit-box-shadow: 0 10px 36px 0 rgba(22, 24, 26, 0.13); box-shadow: 0 10px 36px 0 rgba(22, 24, 26, 0.13); color: #d31a4f; } .owl-carousel.owl-nav-overlap-left .owl-nav button.owl-prev:hover, .owl-carousel.owl-nav-overlap-left .owl-nav button.owl-prev:focus, .owl-carousel.owl-nav-overlap-left .owl-nav button.owl-next:hover, .owl-carousel.owl-nav-overlap-left .owl-nav button.owl-next:focus, .owl-carousel.owl-nav-overlap-right .owl-nav button.owl-prev:hover, .owl-carousel.owl-nav-overlap-right .owl-nav button.owl-prev:focus, .owl-carousel.owl-nav-overlap-right .owl-nav button.owl-next:hover, .owl-carousel.owl-nav-overlap-right .owl-nav button.owl-next:focus { opacity: 1; background: white; -webkit-box-shadow: 0 10px 40px 0 rgba(22, 24, 26, 0.19); box-shadow: 0 10px 40px 0 rgba(22, 24, 26, 0.19); color: #d31a4f; } .owl-carousel.owl-nav-overlap-left:not([data-owl-dots="false"]):not([class*='owl-dots-over']) .owl-nav, .owl-carousel.owl-nav-overlap-right:not([data-owl-dots="false"]):not([class*='owl-dots-over']) .owl-nav { margin-top: -20px; } @media (max-width: 991.98px) { .owl-carousel.owl-nav-overlap-left:not([data-owl-dots="false"]):not([class*='owl-dots-over']) .owl-nav, .owl-carousel.owl-nav-overlap-right:not([data-owl-dots="false"]):not([class*='owl-dots-over']) .owl-nav { margin-top: -18px; } } @media (max-width: 991.98px) { .owl-carousel.owl-nav-overlap-left, .owl-carousel.owl-nav-overlap-right { padding: 0 20px 0 0; } .owl-carousel.owl-nav-overlap-left .owl-nav, .owl-carousel.owl-nav-overlap-right .owl-nav { left: auto; right: 20px; -webkit-transform: translateY(-50%) translateX(50%); transform: translateY(-50%) translateX(50%); width: 40px; } .owl-carousel.owl-nav-overlap-left .owl-nav button.owl-prev, .owl-carousel.owl-nav-overlap-left .owl-nav button.owl-next, .owl-carousel.owl-nav-overlap-right .owl-nav button.owl-prev, .owl-carousel.owl-nav-overlap-right .owl-nav button.owl-next { width: 40px; height: 40px; } } @media (max-width: 991.98px) { .hero-portfolio-slider { padding: 0 30px; } } .hero-portfolio-slider .swiper-wrapper .swiper-slide { -webkit-transform: scale(0.9); transform: scale(0.9); opacity: 0.9; -webkit-transition: ease-in 0.16s; transition: ease-in 0.16s; } .hero-portfolio-slider .swiper-wrapper .swiper-slide.swiper-slide-active { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } .hero-portfolio-slider .swiper-pagination .swiper-pagination-bullet { position: relative; display: inline-block; opacity: 1; background: transparent; width: 20px; height: 20px; margin: 0 2px; vertical-align: middle; } .hero-portfolio-slider .swiper-pagination .swiper-pagination-bullet:before, .hero-portfolio-slider .swiper-pagination .swiper-pagination-bullet:after { content: ''; position: absolute; border-radius: 50%; -webkit-transition: ease-out 0.16s; transition: ease-out 0.16s; } .hero-portfolio-slider .swiper-pagination .swiper-pagination-bullet:before { top: 2px; right: 2px; bottom: 2px; left: 2px; opacity: 0; background: transparent; border: 1px solid black; } .hero-portfolio-slider .swiper-pagination .swiper-pagination-bullet:after { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0.3; background: black; width: 6px; height: 6px; } .hero-portfolio-slider .swiper-pagination .swiper-pagination-bullet:hover:after, .hero-portfolio-slider .swiper-pagination .swiper-pagination-bullet:focus:after, .hero-portfolio-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after { opacity: 1; } .hero-portfolio-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before, .hero-portfolio-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after { opacity: 1; } .hero-portfolio-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before { top: 0; right: 0; bottom: 0; left: 0; } .hero-portfolio-slider .swiper-pagination.swiper-pagination-horizontal { position: absolute; bottom: 20px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background: rgba(18, 21, 24, 0.3); width: auto; border-radius: 20px; margin: 0; padding: 5px; } @media (max-width: 991.98px) { .hero-portfolio-slider .swiper-pagination.swiper-pagination-horizontal { bottom: 16px; } } .hero-portfolio-slider .swiper-pagination.swiper-pagination-horizontal .swiper-pagination-bullet:before { border-color: white; } .hero-portfolio-slider .swiper-pagination.swiper-pagination-horizontal .swiper-pagination-bullet:after { background: white; opacity: 0.5; } .hero-portfolio-slider .swiper-pagination.swiper-pagination-horizontal .swiper-pagination-bullet:hover:after, .hero-portfolio-slider .swiper-pagination.swiper-pagination-horizontal .swiper-pagination-bullet:focus:after, .hero-portfolio-slider .swiper-pagination.swiper-pagination-horizontal .swiper-pagination-bullet.swiper-pagination-bullet-active:after { opacity: 1; } .team-wrapper .team-box { text-align: center; } .team-wrapper .team-box .team-img { position: relative; overflow: hidden; margin-bottom: 20px; } .team-wrapper .team-box .team-img img { -webkit-transform: scale(1); transform: scale(1); width: 100%; -webkit-transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); } .team-wrapper .team-box .team-img div { position: absolute; top: 0; left: 0; opacity: 0; background: rgba(18, 21, 24, 0.4); width: 100%; height: 100%; text-align: center; -webkit-transition: ease-out 0.12s; transition: ease-out 0.12s; } .team-wrapper .team-box .team-img div ul { list-style-type: none; position: absolute; top: 50%; right: 0; left: 0; -webkit-transform: translateY(-50%) scale(0.96); transform: translateY(-50%) scale(0.96); margin: 0 -7px; padding: 0 30px; -webkit-transition: ease-out 0.12s; transition: ease-out 0.12s; } .team-wrapper .team-box .team-img div ul li { display: inline-block; margin: 0 7px; } .team-wrapper .team-box .team-img div ul li a:not([class^='button']):not([class^="link-social"]) { color: white; } .team-wrapper .team-box .team-img div ul li a:not([class^='button']):not([class^="link-social"]):hover { color: rgba(255, 255, 255, 0.7); } .team-wrapper .team-box .team-img:hover img { -webkit-transform: scale(1.04); transform: scale(1.04); -webkit-filter: blur(1.5px); filter: blur(1.5px); } .team-wrapper .team-box .team-img:hover div { opacity: 1; } .team-wrapper .team-box .team-img:hover div ul { -webkit-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); } .team-wrapper .team-box span { color: #AAAAAA; } .team-wrapper.team-box-hover-2 .team-box .team-img div { top: auto; bottom: 16px; right: 16px; left: 16px; -webkit-transform: translateY(5px); transform: translateY(5px); background: white; width: auto; height: auto; padding: 15px 20px; } .team-wrapper.team-box-hover-2 .team-box .team-img div ul { position: static; top: auto; -webkit-transform: translateY(0) scale(1); transform: translateY(0) scale(1); padding: 0; } .team-wrapper.team-box-hover-2 .team-box .team-img div ul li a:not([class^='button']):not([class^="link-social"]) { color: #7C7C7C; } .team-wrapper.team-box-hover-2 .team-box .team-img div ul li a:not([class^='button']):not([class^="link-social"]):hover, .team-wrapper.team-box-hover-2 .team-box .team-img div ul li a:not([class^='button']):not([class^="link-social"]):focus { color: #d31a4f; } .team-wrapper.team-box-hover-2 .team-box .team-img:hover img { -webkit-filter: blur(0); filter: blur(0); } .team-wrapper.team-box-hover-2 .team-box .team-img:hover div { -webkit-transform: translateY(0); transform: translateY(0); } .team-wrapper.team-box-hover-2 .team-box .team-img:hover div ul { -webkit-transform: translateY(0) scale(1); transform: translateY(0) scale(1); } .team-wrapper[class*='border-radius'] .team-box .team-img { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); overflow: hidden; } .team-wrapper.border-radius .team-box .team-img { border-radius: 0.4em; } .team-wrapper.border-radius-1 .team-box .team-img { border-radius: 1.0em; } .text-start .team-box { text-align: left; } .text-end .team-box { text-align: right; } .testimonial-box { max-width: 730px; margin: 0 auto; text-align: center; } .testimonial-box img { width: 80px; height: 80px; border-radius: 50%; margin-right: auto; margin-left: auto; } .testimonial-grid { overflow: hidden; } @media (min-width: 992px) { .testimonial-grid.column-2 .testimonial-grid-box { width: 50%; } } .testimonial-grid.column-1 .testimonial-grid-box { width: 100%; padding: 30px 0; } .testimonial-grid .testimonial-grid-box { position: relative; float: left; width: 33.3%; padding: 30px; } .testimonial-grid .testimonial-grid-box:before, .testimonial-grid .testimonial-grid-box:after { content: ''; position: absolute; } .testimonial-grid .testimonial-grid-box:before { top: 0; left: -1px; height: 100%; border-left: 1px dashed rgba(18, 21, 24, 0.1); } .testimonial-grid .testimonial-grid-box:after { left: 0; bottom: -1px; width: 100%; border-bottom: 1px dashed rgba(18, 21, 24, 0.1); } .testimonial-grid .testimonial-grid-box .testimonial-img { float: left; margin-right: 20px; } .testimonial-grid .testimonial-grid-box .testimonial-img img { width: 80px; height: 80px; border-radius: 50%; } .testimonial-grid .testimonial-grid-box .testimonial-content { overflow: hidden; } @media (max-width: 991.98px) { .testimonial-grid .testimonial-grid-box { width: 50%; } } @media (max-width: 767.98px) { .testimonial-grid .testimonial-grid-box { width: 100%; padding: 30px 0; } } .testimonial-grid.border-style-solid { border: 0; } .testimonial-grid.border-style-solid .testimonial-grid-box:before { border-left-style: solid; } .testimonial-grid.border-style-solid .testimonial-grid-box:after { border-bottom-style: solid; } .testimonial-grid.border-style-dotted { border: 0; } .testimonial-grid.border-style-dotted .testimonial-grid-box:before { border-left-style: dotted; } .testimonial-grid.border-style-dotted .testimonial-grid-box:after { border-bottom-style: dotted; } .testimonial-grid.border-0 { margin: -15px; } .testimonial-grid.border-0 .testimonial-grid-box { padding: 15px; } .testimonial-grid.border-0 .testimonial-grid-box:before, .testimonial-grid.border-0 .testimonial-grid-box:after { border: 0; } @media (max-width: 767.98px) { .testimonial-grid.border-0 { margin: -15px 0; } .testimonial-grid.border-0 .testimonial-grid-box { padding: 15px 0; } } .bg-black .testimonial-grid-box:before, .bg-black .testimonial-grid-box:after, [class*='bg-dark'] .testimonial-grid-box:before, [class*='bg-dark'] .testimonial-grid-box:after, [class*='bg-gradient-'] .testimonial-grid-box:before, [class*='bg-gradient-'] .testimonial-grid-box:after, [class*='bg-color-'] .testimonial-grid-box:before, [class*='bg-color-'] .testimonial-grid-box:after { border-color: rgba(255, 255, 255, 0.2); } *[class*='text-link-'] { color: rgba(18, 21, 24, 0.9); } *[class*='text-link-']:hover, *[class*='text-link-']:focus { color: #d31a4f; } .text-link-1:hover { text-decoration: underline; } .text-link-2 { position: relative; } .text-link-2:before { content: ''; position: absolute; bottom: -2px; background: rgba(18, 21, 24, 0.9); width: 0; height: 1px; -webkit-transition: all 0.24s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.24s cubic-bezier(0.165, 0.84, 0.44, 1); } .text-link-2:hover:before { width: 100%; } .text-link-2:before { left: 0; } .text-link-3 { position: relative; } .text-link-3:before { content: ''; position: absolute; bottom: -2px; left: 0; -webkit-transform: translateY(3px); transform: translateY(3px); opacity: 0; background: rgba(18, 21, 24, 0.9); width: 100%; height: 1px; -webkit-transition: linear 0.1s; transition: linear 0.1s; } .text-link-3:hover:before { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } .text-link-4 { position: relative; } .text-link-4:before, .text-link-4:after { content: ''; position: absolute; bottom: -2px; height: 1px; -webkit-transition: all 0.24s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.24s cubic-bezier(0.165, 0.84, 0.44, 1); } .text-link-4:before { left: 0; background: rgba(18, 21, 24, 0.2); width: 100%; } .text-link-4:after { background: rgba(18, 21, 24, 0.9); width: 0; } .text-link-4:hover:after { width: 100%; } .text-link-4:after { left: 0; } .text-link-5 { position: relative; } .text-link-5:before, .text-link-5:after { content: ''; position: absolute; bottom: -2px; left: 0; width: 100%; height: 1px; -webkit-transition: linear 0.1s; transition: linear 0.1s; } .text-link-5:before { background: rgba(18, 21, 24, 0.2); } .text-link-5:after { opacity: 0; -webkit-transform: translateY(3px); transform: translateY(3px); background: rgba(18, 21, 24, 0.9); } .text-link-5:hover:before { opacity: 0; } .text-link-5:hover:after { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } .text-link-6 { position: relative; } .text-link-6:before { content: ''; position: absolute; bottom: 4px; left: 0; background: rgba(18, 21, 24, 0.2); width: 0; height: 6px; -webkit-transition: all 0.24s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.24s cubic-bezier(0.165, 0.84, 0.44, 1); } .text-link-6:hover:before { width: 100%; } .bg-black *[class*='text-link-'], [class*='bg-dark'] *[class*='text-link-'], [class*='bg-gradient-'] *[class*='text-link-'], [class*='bg-color-'] *[class*='text-link-'] { color: rgba(255, 255, 255, 0.8); } .bg-black *[class*='text-link-']:hover, .bg-black *[class*='text-link-']:focus, [class*='bg-dark'] *[class*='text-link-']:hover, [class*='bg-dark'] *[class*='text-link-']:focus, [class*='bg-gradient-'] *[class*='text-link-']:hover, [class*='bg-gradient-'] *[class*='text-link-']:focus, [class*='bg-color-'] *[class*='text-link-']:hover, [class*='bg-color-'] *[class*='text-link-']:focus { color: white; } .bg-black .text-link-2:before, .bg-black .text-link-3:before, [class*='bg-dark'] .text-link-2:before, [class*='bg-dark'] .text-link-3:before, [class*='bg-gradient-'] .text-link-2:before, [class*='bg-gradient-'] .text-link-3:before, [class*='bg-color-'] .text-link-2:before, [class*='bg-color-'] .text-link-3:before { background: white; } .bg-black .text-link-4:before, .bg-black .text-link-5:before, [class*='bg-dark'] .text-link-4:before, [class*='bg-dark'] .text-link-5:before, [class*='bg-gradient-'] .text-link-4:before, [class*='bg-gradient-'] .text-link-5:before, [class*='bg-color-'] .text-link-4:before, [class*='bg-color-'] .text-link-5:before { background: rgba(255, 255, 255, 0.3); } .bg-black .text-link-4:after, .bg-black .text-link-5:after, [class*='bg-dark'] .text-link-4:after, [class*='bg-dark'] .text-link-5:after, [class*='bg-gradient-'] .text-link-4:after, [class*='bg-gradient-'] .text-link-5:after, [class*='bg-color-'] .text-link-4:after, [class*='bg-color-'] .text-link-5:after { background: white; } .bg-black .text-link-6:before, [class*='bg-dark'] .text-link-6:before, [class*='bg-gradient-'] .text-link-6:before, [class*='bg-color-'] .text-link-6:before { background: rgba(255, 255, 255, 0.3); } [class*='link-social-']:hover { opacity: 0.7; } .link-social-facebook { color: #1877F2; } .link-social-facebook:hover { color: #1877F2; } .link-social-twitter { color: #1DA1F2; } .link-social-twitter:hover { color: #1DA1F2; } .link-social-instagram { color: #E4405F; } .link-social-instagram:hover { color: #E4405F; } .link-social-linkedin { color: #0A66C2; } .link-social-linkedin:hover { color: #0A66C2; } .link-social-youtube { color: #CD201F; } .link-social-youtube:hover { color: #CD201F; } .link-social-pinterest { color: #BD081C; } .link-social-pinterest:hover { color: #BD081C; } .link-social-skype { color: #00AFF0; } .link-social-skype:hover { color: #00AFF0; } .link-social-dribbble { color: #EA4C89; } .link-social-dribbble:hover { color: #EA4C89; } .link-social-snapchat { color: #FFFC00; } .link-social-snapchat:hover { color: #FFFC00; } .link-social-whatsapp { color: #25D366; } .link-social-whatsapp:hover { color: #25D366; } .timeline-wrapper { position: relative; } .timeline-wrapper:before { content: ''; position: absolute; top: 0; background: #e2e6ea; width: 1px; height: 100%; } .timeline-wrapper .timeline .timeline-date { position: relative; } .timeline-wrapper .timeline .timeline-date:before { content: ''; position: absolute; top: 31px; background: #e2e6ea; width: 20px; height: 20px; border-radius: 50%; } .timeline-wrapper .timeline .timeline-date:after { content: ''; position: absolute; top: 37px; background: #d31a4f; width: 8px; height: 8px; border-radius: 50%; } @media (min-width: 992px) { .timeline-wrapper { position: relative; } .timeline-wrapper:before { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .timeline-wrapper .timeline { position: relative; } .timeline-wrapper .timeline .timeline-date, .timeline-wrapper .timeline .timeline-content { width: 50%; padding: 30px; } .timeline-wrapper .timeline .timeline-date { position: absolute; top: 0; left: 0; text-align: right; } .timeline-wrapper .timeline .timeline-date:before { right: -10px; } .timeline-wrapper .timeline .timeline-date:after { right: -4px; } .timeline-wrapper .timeline .timeline-date h1, .timeline-wrapper .timeline .timeline-date h2, .timeline-wrapper .timeline .timeline-date h3, .timeline-wrapper .timeline .timeline-date h4, .timeline-wrapper .timeline .timeline-date h5, .timeline-wrapper .timeline .timeline-date h6 { position: relative; text-align: right; } .timeline-wrapper .timeline .timeline-content { margin-left: 50%; } .timeline-wrapper .timeline:nth-child(even) .timeline-date { left: 50%; text-align: left; } .timeline-wrapper .timeline:nth-child(even) .timeline-date:before { right: auto; left: -10px; } .timeline-wrapper .timeline:nth-child(even) .timeline-date:after { right: auto; left: -4px; } .timeline-wrapper .timeline:nth-child(even) .timeline-date h1, .timeline-wrapper .timeline:nth-child(even) .timeline-date h2, .timeline-wrapper .timeline:nth-child(even) .timeline-date h3, .timeline-wrapper .timeline:nth-child(even) .timeline-date h4, .timeline-wrapper .timeline:nth-child(even) .timeline-date h5, .timeline-wrapper .timeline:nth-child(even) .timeline-date h6 { text-align: left; } .timeline-wrapper .timeline:nth-child(even) .timeline-content { margin-left: 0; text-align: right; } .timeline-wrapper.timeline-left:before { left: 200px; -webkit-transform: translateX(0); transform: translateX(0); } .timeline-wrapper.timeline-left .timeline .timeline-date { width: 200px; padding: 30px 30px 0 0; } .timeline-wrapper.timeline-left .timeline .timeline-content { width: auto; margin: 0 0 0 200px; padding: 30px 0 0 30px; text-align: left; } .timeline-wrapper.timeline-left .timeline:nth-child(even) .timeline-date { left: auto; text-align: right; } .timeline-wrapper.timeline-left .timeline:nth-child(even) .timeline-date:before { right: -10px; left: auto; } .timeline-wrapper.timeline-left .timeline:nth-child(even) .timeline-date:after { right: -4px; left: auto; } .timeline-wrapper.timeline-left .timeline:nth-child(even) .timeline-date h1, .timeline-wrapper.timeline-left .timeline:nth-child(even) .timeline-date h2, .timeline-wrapper.timeline-left .timeline:nth-child(even) .timeline-date h3, .timeline-wrapper.timeline-left .timeline:nth-child(even) .timeline-date h4, .timeline-wrapper.timeline-left .timeline:nth-child(even) .timeline-date h5, .timeline-wrapper.timeline-left .timeline:nth-child(even) .timeline-date h6 { text-align: right; } .timeline-wrapper.timeline-left .timeline:last-child .timeline-date, .timeline-wrapper.timeline-left .timeline:last-child .timeline-content { padding-bottom: 30px; } .timeline-wrapper.timeline-right:before { right: 200px; left: auto; -webkit-transform: translateX(0); transform: translateX(0); } .timeline-wrapper.timeline-right .timeline .timeline-date { right: 0; left: auto; width: 200px; padding: 30px 0 0 30px; text-align: left; } .timeline-wrapper.timeline-right .timeline .timeline-date:before { right: auto; left: -10px; } .timeline-wrapper.timeline-right .timeline .timeline-date:after { right: auto; left: -4px; } .timeline-wrapper.timeline-right .timeline .timeline-date h1, .timeline-wrapper.timeline-right .timeline .timeline-date h2, .timeline-wrapper.timeline-right .timeline .timeline-date h3, .timeline-wrapper.timeline-right .timeline .timeline-date h4, .timeline-wrapper.timeline-right .timeline .timeline-date h5, .timeline-wrapper.timeline-right .timeline .timeline-date h6 { text-align: left; } .timeline-wrapper.timeline-right .timeline .timeline-content { width: auto; margin: 0 200px 0 0; padding: 30px 30px 0 0; text-align: right; } .timeline-wrapper.timeline-right .timeline:nth-child(even) .timeline-date { left: auto; text-align: left; } .timeline-wrapper.timeline-right .timeline:nth-child(even) .timeline-date:before { left: -10px; } .timeline-wrapper.timeline-right .timeline:nth-child(even) .timeline-date:after { left: -4px; } .timeline-wrapper.timeline-right .timeline:nth-child(even) .timeline-date h1, .timeline-wrapper.timeline-right .timeline:nth-child(even) .timeline-date h2, .timeline-wrapper.timeline-right .timeline:nth-child(even) .timeline-date h3, .timeline-wrapper.timeline-right .timeline:nth-child(even) .timeline-date h4, .timeline-wrapper.timeline-right .timeline:nth-child(even) .timeline-date h5, .timeline-wrapper.timeline-right .timeline:nth-child(even) .timeline-date h6 { text-align: left; } .timeline-wrapper.timeline-right .timeline:last-child .timeline-date, .timeline-wrapper.timeline-right .timeline:last-child .timeline-content { padding-bottom: 30px; } } @media (max-width: 991.98px) { .timeline-wrapper { padding-left: 30px; } .timeline-wrapper:before { left: 0; } .timeline-wrapper .timeline { margin-bottom: 30px; } .timeline-wrapper .timeline:first-child { padding-top: 30px; } .timeline-wrapper .timeline:last-child { margin-bottom: 0; padding-bottom: 30px; } .timeline-wrapper .timeline .timeline-date:before { top: 1px; left: -40px; } .timeline-wrapper .timeline .timeline-date:after { top: 7px; left: -34px; } } @media (max-width: 575.98px) { .timeline-wrapper { padding-left: 20px; } .timeline-wrapper .timeline .timeline-date:before { left: -30px; } .timeline-wrapper .timeline .timeline-date:after { left: -24px; } } .bg-black .timeline-wrapper:before, [class*='bg-dark'] .timeline-wrapper:before, [class*='bg-gradient-'] .timeline-wrapper:before, [class*='bg-color-'] .timeline-wrapper:before { background: rgba(255, 255, 255, 0.2); } .bg-black .timeline-wrapper .timeline .timeline-date:before, [class*='bg-dark'] .timeline-wrapper .timeline .timeline-date:before, [class*='bg-gradient-'] .timeline-wrapper .timeline .timeline-date:before, [class*='bg-color-'] .timeline-wrapper .timeline .timeline-date:before { background: rgba(255, 255, 255, 0.2); } .bg-black .timeline-wrapper .timeline .timeline-date:after, [class*='bg-dark'] .timeline-wrapper .timeline .timeline-date:after, [class*='bg-gradient-'] .timeline-wrapper .timeline .timeline-date:after, [class*='bg-color-'] .timeline-wrapper .timeline .timeline-date:after { background: white; } .blog-card-wrapper { position: relative; background-position: center center; background-attachment: scroll; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-repeat: no-repeat; width: 100%; } .blog-card-wrapper * { -webkit-transition: ease-out 0.12s; transition: ease-out 0.12s; } .blog-card-wrapper .blog-card { background: white; } .blog-card-wrapper:hover { color: rgba(255, 255, 255, 0.7); } .blog-card-wrapper:hover h1, .blog-card-wrapper:hover h2, .blog-card-wrapper:hover h3, .blog-card-wrapper:hover h4, .blog-card-wrapper:hover h5, .blog-card-wrapper:hover h6 { color: white; } .blog-card-wrapper:hover a:not([class^='button']) { color: rgba(255, 255, 255, 0.8); } .blog-card-wrapper:hover a:not([class^='button']):hover, .blog-card-wrapper:hover a:not([class^='button']):focus { color: white; } .blog-card-wrapper:hover .blog-card { background: rgba(18, 21, 24, 0.6); } .blog-card-wrapper:hover .button-text-1, .blog-card-wrapper:hover .button-text-2, .blog-card-wrapper:hover .button-text-3 { color: rgba(255, 255, 255, 0.8); } .blog-card-wrapper:hover .button-text-1:hover, .blog-card-wrapper:hover .button-text-2:hover, .blog-card-wrapper:hover .button-text-3:hover { color: white; } .blog-card-wrapper:hover .button-text-1:before { background: rgba(255, 255, 255, 0.3); } .blog-card-wrapper:hover .button-text-1:after { background: white; } .blog-card-wrapper:hover .button-text-2:before { background: rgba(255, 255, 255, 0.4); } .blog-card-wrapper:hover .button-text-2:after { background: white; } .blog-card-wrapper:hover .button-text-3:before { background: rgba(255, 255, 255, 0.8); } .blog-card-wrapper:hover .button-text-3:hover:before { background: white; } @media (min-width: 992px) { .blog-card-wrapper .blog-card { padding: 36px 36px 36px 140px; } .blog-card-wrapper .blog-card .blog-card-date { position: absolute; top: 50%; left: 36px; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-align: center; } } @media (max-width: 991.98px) { .blog-card-wrapper .blog-card { padding: 24px; } } .comment-box { position: relative; margin-bottom: 30px; padding-left: 80px; } .comment-box .comment-user-avatar { position: absolute; top: 0; left: 0; background: #eef2f6; width: 60px; height: 60px; border-radius: 50%; text-align: center; line-height: 60px; } .comment-box .comment-user-avatar img { width: 60px; height: 60px; } .comment-box .comment-content { position: relative; } .comment-box .comment-content .comment-time { position: absolute; top: 0; right: 0; text-align: right; color: #AAAAAA; font-style: italic; font-size: 14px; } #cookie-consent { position: fixed; right: 0; bottom: 0; left: 0; z-index: 997; visibility: visible; opacity: 1; -webkit-transition: ease-out 0.2s; transition: ease-out 0.2s; } #cookie-consent.consent-hidden { visibility: hidden; opacity: 0; } .fm-toggle { margin-left: auto; cursor: pointer; -webkit-transition: ease-out 0.2s; transition: ease-out 0.2s; } .fm-toggle .lines { position: relative; display: inline-block; background: black; width: 25px; height: 2px; margin: 0; padding: 0; vertical-align: middle; -webkit-transition: linear 0.12s; transition: linear 0.12s; } .fm-toggle .lines:before, .fm-toggle .lines:after { content: ''; position: absolute; left: 0; background: black; width: 25px; height: 2px; display: inline-block; -webkit-transition: linear 0.12s; transition: linear 0.12s; } .fm-toggle .lines:before { top: -7px; } .fm-toggle .lines:after { bottom: -7px; } @media (min-width: 992px) { .fm-toggle .lines:before { -webkit-transform: scaleX(0.8); transform: scaleX(0.8); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } .fm-toggle .lines:after { -webkit-transform: scaleX(0.6); transform: scaleX(0.6); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } .fm-toggle:hover .lines:before { -webkit-transform: scaleX(1); transform: scaleX(1); } .fm-toggle:hover .lines:after { -webkit-transform: scaleX(1); transform: scaleX(1); } } .header[class*='header-color'] .fm-toggle .lines, .header[class*='header-color'] .fm-toggle .lines:before, .header[class*='header-color'] .fm-toggle .lines:after, .header.transparent-light .fm-toggle .lines, .header.transparent-light .fm-toggle .lines:before, .header.transparent-light .fm-toggle .lines:after { background: white; } .fullscreen-menu { position: fixed; top: 0; left: 0; z-index: 996; visibility: hidden; opacity: 0; width: 100%; height: 100%; -webkit-transition: ease-out 0.2s; transition: ease-out 0.2s; } .fullscreen-menu .fm-wrapper { -webkit-transform: scale(0.98); transform: scale(0.98); height: 100%; -webkit-transition: ease-out 0.2s; transition: ease-out 0.2s; } .fullscreen-menu .fm-wrapper .position-top, .fullscreen-menu .fm-wrapper .position-middle, .fullscreen-menu .fm-wrapper .position-bottom { padding: 0 30px; } @media (min-width: 768px) { .fullscreen-menu .fm-wrapper .position-top, .fullscreen-menu .fm-wrapper .position-middle, .fullscreen-menu .fm-wrapper .position-bottom { padding: 0 50px; } .fullscreen-menu .fm-wrapper .position-top { top: 50px; } .fullscreen-menu .fm-wrapper .position-bottom { bottom: 50px; } } .fullscreen-menu .fm-wrapper .fm-close { position: absolute; top: 50px; right: 50px; cursor: pointer; } .fullscreen-menu .fm-wrapper .fm-close span { position: relative; display: inline-block; opacity: 0.8; width: 60px; height: 60px; border-radius: 50%; -webkit-transition: ease-out 0.18s; transition: ease-out 0.18s; } .fullscreen-menu .fm-wrapper .fm-close span:before, .fullscreen-menu .fm-wrapper .fm-close span:after { content: ''; position: absolute; top: 50%; left: 50%; width: 14px; height: 2px; border-radius: 2px; -webkit-transition: ease-out 0.18s; transition: ease-out 0.18s; } .fullscreen-menu .fm-wrapper .fm-close span:before { -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .fullscreen-menu .fm-wrapper .fm-close span:after { -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); } .fullscreen-menu .fm-wrapper .fm-close:hover span { opacity: 1; } .fullscreen-menu .fm-wrapper .fm-close:hover span:before { -webkit-transform: translate(-50%, -50%) rotate(180deg); transform: translate(-50%, -50%) rotate(180deg); } .fullscreen-menu .fm-wrapper .fm-close:hover span:after { -webkit-transform: translate(-50%, -50%) rotate(180deg); transform: translate(-50%, -50%) rotate(180deg); } @media (max-width: 991.98px) { .fullscreen-menu .fm-wrapper .fm-close { top: 30px; right: 30px; } } @media (max-width: 767.98px) { .fullscreen-menu .fm-wrapper .fm-close { top: 20px; right: 20px; } .fullscreen-menu .fm-wrapper .fm-close span { width: 50px; height: 50px; } } .fullscreen-menu.fm-show { visibility: visible; opacity: 1; } .fullscreen-menu.fm-show .fm-wrapper { -webkit-transform: scale(1); transform: scale(1); } .bg-black.fullscreen-menu .fm-wrapper .fm-close span, [class*='bg-dark'].fullscreen-menu .fm-wrapper .fm-close span, [class*='bg-gradient-'].fullscreen-menu .fm-wrapper .fm-close span, [class*='bg-color-'].fullscreen-menu .fm-wrapper .fm-close span { background: rgba(255, 255, 255, 0.1); } .bg-black.fullscreen-menu .fm-wrapper .fm-close span:before, .bg-black.fullscreen-menu .fm-wrapper .fm-close span:after, [class*='bg-dark'].fullscreen-menu .fm-wrapper .fm-close span:before, [class*='bg-dark'].fullscreen-menu .fm-wrapper .fm-close span:after, [class*='bg-gradient-'].fullscreen-menu .fm-wrapper .fm-close span:before, [class*='bg-gradient-'].fullscreen-menu .fm-wrapper .fm-close span:after, [class*='bg-color-'].fullscreen-menu .fm-wrapper .fm-close span:before, [class*='bg-color-'].fullscreen-menu .fm-wrapper .fm-close span:after { background: white; } [class*='bg-gray'].fullscreen-menu .fm-wrapper .fm-close span, [class*='bg-white'].fullscreen-menu .fm-wrapper .fm-close span { background: rgba(18, 21, 24, 0.1); } [class*='bg-gray'].fullscreen-menu .fm-wrapper .fm-close span:before, [class*='bg-gray'].fullscreen-menu .fm-wrapper .fm-close span:after, [class*='bg-white'].fullscreen-menu .fm-wrapper .fm-close span:before, [class*='bg-white'].fullscreen-menu .fm-wrapper .fm-close span:after { background: black; } .gallery-wrapper .gallery-box .gallery-img { position: relative; overflow: hidden; } .gallery-wrapper .gallery-box .gallery-img a { display: block; } .gallery-wrapper .gallery-box .gallery-img a:before { content: ''; position: absolute; top: 0; left: 0; z-index: 1; opacity: 0; background: rgba(255, 255, 255, 0.1); width: 100%; height: 100%; -webkit-transition: ease-out 0.12s; transition: ease-out 0.12s; } .gallery-wrapper .gallery-box .gallery-img a img { -webkit-transform: scale(1); transform: scale(1); width: 100%; -webkit-transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); } .gallery-wrapper .gallery-box .gallery-img a:hover:before { opacity: 1; } .gallery-wrapper .gallery-box .gallery-img a:hover img { -webkit-transform: scale(1.04); transform: scale(1.04); } .gallery-wrapper .gallery-box .gallery-img a .gallery-title { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; background: white; padding: 10px 20px; } .gallery-wrapper .gallery-box .gallery-img a .gallery-title h1, .gallery-wrapper .gallery-box .gallery-img a .gallery-title h2, .gallery-wrapper .gallery-box .gallery-img a .gallery-title h3, .gallery-wrapper .gallery-box .gallery-img a .gallery-title h4, .gallery-wrapper .gallery-box .gallery-img a .gallery-title h5, .gallery-wrapper .gallery-box .gallery-img a .gallery-title h6 { display: inline-block; margin: 0; } .gallery-wrapper.hover-style-2 .gallery-box .gallery-img a:before { background: rgba(18, 21, 24, 0.1); } .gallery-wrapper[class*='border-radius'] .gallery-box .gallery-img { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); overflow: hidden; } .gallery-wrapper.border-radius .gallery-box .gallery-img { border-radius: 0.4em; } .gallery-wrapper.border-radius-1 .gallery-box .gallery-img { border-radius: 1.0em; } .header { top: 0; z-index: 993; overflow: visible; background: white; width: 100%; height: 80px; -webkit-transition: ease-in-out 0.2s; transition: ease-in-out 0.2s; } .header.hide { -webkit-transform: translateY(-100%); transform: translateY(-100%); } .header .container, .header .container-fluid { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center; height: 100%; } .header .header-logo { display: inline-block; } .header .header-logo .logo-light { display: none; } .header .header-logo * { -webkit-transition: linear 0.1s; transition: linear 0.1s; } .header .header-logo h1, .header .header-logo h2, .header .header-logo h3, .header .header-logo h4, .header .header-logo h5, .header .header-logo h6 { margin: 0; } .header .header-logo img { width: auto; height: 54px; max-height: 54px; } .header .header-logo a { color: #d31a4f; } .header .header-logo a:hover { color: #d31a4f; } .header .header-toggle { position: relative; display: inline-block; width: 28px; height: 28px; margin-left: auto; cursor: pointer; } .header .header-toggle span { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: #d31a4f; width: 100%; height: 2px; border-radius: 2px; -webkit-transition: linear 0.1s; transition: linear 0.1s; } .header .header-toggle span:before, .header .header-toggle span:after { content: ''; position: absolute; left: 0; background: #d31a4f; width: 100%; height: 2px; border-radius: 2px; -webkit-transition: linear 0.1s; transition: linear 0.1s; } .header .header-toggle span:before { top: -7px; } .header .header-toggle span:after { bottom: -7px; } .header .header-toggle.toggle-close span { background: transparent; } .header .header-toggle.toggle-close span:before { top: 0; bottom: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .header .header-toggle.toggle-close span:after { top: 0; bottom: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .header .header-menu { display: inline-block; font-size: 0.938rem; z-index: 995; } .header .header-menu .nav { display: block; margin: 0; padding: 0; list-style-type: none; margin: 0; padding: 0; } .header .header-menu .nav ul { list-style-type: none; margin: 0; padding: 0; } .header .header-menu .nav .nav-item { text-align: left; } .header .header-menu .nav .nav-item .nav-link { padding: 0; font-family: "Poppins", sans-serif; letter-spacing: -0.2px; color: #d31a4f; } .header .header-menu .nav .nav-item .nav-link:hover, .header .header-menu .nav .nav-item .nav-link.active { color: #d31a4f; } .header .header-menu .nav .nav-item.mega-menu-item .nav-link:after { content: '\f107'; padding-left: 5px; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 0.8rem; } .header .header-menu .nav .nav-item .nav-dropdown-toggle { position: relative; display: inline-block; } .header .header-menu .nav .nav-item .nav-dropdown-toggle:after { content: '\f107'; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 0.8rem; } .header .header-menu .nav .nav-item .nav-dropdown { background: white; } .header .header-menu .nav .nav-item .nav-dropdown h1, .header .header-menu .nav .nav-item .nav-dropdown h2, .header .header-menu .nav .nav-item .nav-dropdown h3, .header .header-menu .nav .nav-item .nav-dropdown h4, .header .header-menu .nav .nav-item .nav-dropdown h5, .header .header-menu .nav .nav-item .nav-dropdown h6 { color: #d31a4f; } .header .header-menu .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]) { color: #7C7C7C; } .header .header-menu .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]):hover, .header .header-menu .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]):focus { color: #d31a4f; } .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown-toggle { position: absolute; } .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown-toggle:after { content: '\f105'; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 0.8rem; } .header .header-menu.font-2 .nav .nav-item .nav-link { font-size: 0.9em; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; } .header .header-menu-extra a:not([class^='button']):not([class^="link-social"]) { color: #d31a4f; } .header .header-menu-extra a:not([class^='button']):not([class^="link-social"]):hover, .header .header-menu-extra a:not([class^='button']):not([class^="link-social"]):focus { color: #d31a4f; } .header.sticky-autohide, .header.sticky { position: fixed; top: 0; left: 0; -webkit-box-shadow: 0 0 36px 0 rgba(22, 25, 28, 0.17); box-shadow: 0 0 36px 0 rgba(22, 25, 28, 0.17); } .theme-font-nunito .header .header-menu .nav .nav-item .nav-link { font-family: "Nunito", sans-serif; } .header[class*='header-color']:not(.transparent-dark) .header-logo .logo-dark { display: none; } .header[class*='header-color']:not(.transparent-dark) .header-logo .logo-light { display: inline-block; } .header[class*='header-color']:not(.transparent-dark) .header-logo h1, .header[class*='header-color']:not(.transparent-dark) .header-logo h2, .header[class*='header-color']:not(.transparent-dark) .header-logo h3, .header[class*='header-color']:not(.transparent-dark) .header-logo h4, .header[class*='header-color']:not(.transparent-dark) .header-logo h5, .header[class*='header-color']:not(.transparent-dark) .header-logo h6 { color: white; } .header[class*='header-color']:not(.transparent-dark) .header-logo a { color: white; } .header[class*='header-color']:not(.transparent-dark) .header-logo a:hover { color: white; } @media (min-width: 992px) { .header[class*='header-color']:not(.transparent-dark) .header-menu .nav .nav-item .nav-link, .header[class*='header-color']:not(.transparent-dark) .header-menu .nav .nav-item .nav-dropdown-toggle { color: white; } .header[class*='header-color']:not(.transparent-dark) .header-menu .nav .nav-item .nav-link:hover, .header[class*='header-color']:not(.transparent-dark) .header-menu .nav .nav-item .nav-link:focus, .header[class*='header-color']:not(.transparent-dark) .header-menu .nav .nav-item .nav-link.active, .header[class*='header-color']:not(.transparent-dark) .header-menu .nav .nav-item .nav-dropdown-toggle:hover, .header[class*='header-color']:not(.transparent-dark) .header-menu .nav .nav-item .nav-dropdown-toggle:focus, .header[class*='header-color']:not(.transparent-dark) .header-menu .nav .nav-item .nav-dropdown-toggle.active { color: white; } .header[class*='header-color']:not(.transparent-dark) .header-menu .nav .nav-item .nav-link:before { background: rgba(255, 255, 255, 0.15); } } .header[class*='header-color']:not(.transparent-dark) .header-menu-extra a:not([class^='button']):not([class^="link-social"]) { color: white; } .header[class*='header-color']:not(.transparent-dark) .header-menu-extra a:not([class^='button']):not([class^="link-social"]):hover, .header[class*='header-color']:not(.transparent-dark) .header-menu-extra a:not([class^='button']):not([class^="link-social"]):focus { color: white; } .header[class*='header-color']:not(.transparent-dark) .header-toggle span { background: white; } .header[class*='header-color']:not(.transparent-dark) .header-toggle span:before, .header[class*='header-color']:not(.transparent-dark) .header-toggle span:after { background: white; } .header[class*='header-color']:not(.transparent-dark) .header-toggle.toggle-close span { background: transparent; } .header.header-color-dark { background: #181c20; } .header.header-color-black { background: black; } .header.header-color-blue { background: #0093E9; } .header.header-color-purple { background: #B721FF; } .header.header-color-pink-edge { background: #FE9AB6; } .header.header-color-golden-yellow { background: #FFB657; } .header.header-color-very-peri { background: #6667AB; } .header.header-color-turquiose { background: #4cbfa6; } .header.header-color-spring-red { background: #BE1F35; } .header.header-color-tan { background: #d2b48c; } .header.header-color-aqua { background: #03D4D8; } .header.transparent-dark, .header.transparent-light { background: transparent; -webkit-box-shadow: none; box-shadow: none; } .header.transparent-dark:not(.sticky-autohide):not(.sticky), .header.transparent-light:not(.sticky-autohide):not(.sticky) { position: absolute; top: 0; left: 0; } .header[class*='header-color'].border-top, .header[class*='header-color'].border-bottom, .header.transparent-light.border-top, .header.transparent-light.border-bottom { border-color: rgba(255, 255, 255, 0.1); } .header.transparent-light .header-logo .logo-dark { display: none; } .header.transparent-light .header-logo .logo-light { display: inline-block; } .header.transparent-light .header-logo h1, .header.transparent-light .header-logo h2, .header.transparent-light .header-logo h3, .header.transparent-light .header-logo h4, .header.transparent-light .header-logo h5, .header.transparent-light .header-logo h6 { color: white; } .header.transparent-light .header-logo a { color: white; } .header.transparent-light .header-logo a:hover { color: white; } .header.transparent-light .header-toggle span { background: white; } .header.transparent-light .header-toggle span:before, .header.transparent-light .header-toggle span:after { background: white; } .header.transparent-light .header-toggle.toggle-close span { background: transparent; } @media (min-width: 992px) { .header.transparent-light .header-menu .nav .nav-item .nav-link, .header.transparent-light .header-menu .nav .nav-item .nav-dropdown-toggle { color: white; } .header.transparent-light .header-menu .nav .nav-item .nav-link:hover, .header.transparent-light .header-menu .nav .nav-item .nav-link:focus, .header.transparent-light .header-menu .nav .nav-item .nav-link.active, .header.transparent-light .header-menu .nav .nav-item .nav-dropdown-toggle:hover, .header.transparent-light .header-menu .nav .nav-item .nav-dropdown-toggle:focus, .header.transparent-light .header-menu .nav .nav-item .nav-dropdown-toggle.active { color: white; } .header.transparent-light .header-menu .nav .nav-item .nav-link:before { background: rgba(255, 255, 255, 0.15); } } .header.transparent-light .header-menu-extra a:not([class^='button']):not([class^="link-social"]) { color: white; } .header.transparent-light .header-menu-extra a:not([class^='button']):not([class^="link-social"]):hover, .header.transparent-light .header-menu-extra a:not([class^='button']):not([class^="link-social"]):focus { color: white; } @media (min-width: 992px) { .header .header-logo, .header .header-menu-extra { z-index: 996; } .header .header-menu { height: 80px; } .header.header-lg .header-logo img { height: 64px; max-height: 64px; } .header.header-lg .header-menu { height: 90px; } .header.header-xl .header-logo img { height: 74px; max-height: 74px; } .header.header-xl .header-menu { height: 100px; } .header:not(.left):not(.center) .header-menu { margin-left: auto; } .header.left .header-logo { margin-right: 30px; } .header.left .header-menu { margin-right: auto; } .header.center .header-logo { margin-right: auto; } .header.center .header-menu .nav { position: absolute; top: 0; right: 0; width: 100%; text-align: center; } .header .header-menu .nav .nav-item { position: relative; display: inline-block; height: 100%; margin: 0 0 0 20px; } .header .header-menu .nav .nav-item.mega-menu-item { position: static; } .header .header-menu .nav .nav-item:first-child { margin-left: 0; } .header .header-menu .nav .nav-item .nav-link { position: relative; display: inline-block; line-height: 80px; } .header .header-menu .nav .nav-item .nav-link:before { position: absolute; right: 0; bottom: 22px; left: 0; content: ''; background: #eef2f6; height: 0; -webkit-transition: all 0.14s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.14s cubic-bezier(0.165, 0.84, 0.44, 1); } .header .header-menu .nav .nav-item .nav-link.d-toggle { padding-right: 16px; } .header .header-menu .nav .nav-item .nav-dropdown-toggle { position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin-top: -2px; color: #d31a4f; } .header .header-menu .nav .nav-item .nav-dropdown-toggle:hover { color: #d31a4f; } .header .header-menu .nav .nav-item .nav-dropdown { position: absolute; top: 84px; left: 0; -webkit-transform: translateY(10px); transform: translateY(10px); z-index: 995; visibility: hidden; opacity: 0; background: white; width: 240px; -webkit-box-shadow: 0 10px 40px -4px rgba(22, 25, 28, 0.17); box-shadow: 0 10px 40px -4px rgba(22, 25, 28, 0.17); border-radius: 0.4em; padding: 15px 0; -webkit-transition: ease-out 0.14s; transition: ease-out 0.14s; } .header .header-menu .nav .nav-item .nav-dropdown:before { content: ''; position: absolute; top: -4px; width: 100%; height: 4px; } .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item { position: relative; display: block; margin: 0; padding: 0 15px; } .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-dropdown-link { position: relative; display: block; border-radius: 0.4em; padding: 7px 15px; -webkit-transition: linear 0.06s; transition: linear 0.06s; } .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-dropdown-link:hover { background: #eef2f6; padding: 7px 15px 7px 17px; } .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-dropdown-link.sd-toggle:after { position: absolute; top: 50%; right: 15px; -webkit-transform: translateY(-50%); transform: translateY(-50%); content: '\f105'; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 0.8rem; } .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown-toggle { display: none; } .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown { position: absolute; top: 0; left: 228px; visibility: hidden; opacity: 0; background: white; width: 240px; -webkit-box-shadow: 0 10px 40px -4px rgba(22, 25, 28, 0.17); box-shadow: 0 10px 40px -4px rgba(22, 25, 28, 0.17); border-radius: 0.4em; padding: 15px; -webkit-transition: linear 0.06s; transition: linear 0.06s; } .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown .nav-subdropdown-item { display: block; margin: 0; } .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown .nav-subdropdown-item .nav-subdropdown-link { display: block; border-radius: 0.4em; padding: 7px 15px; -webkit-transition: linear 0.06s; transition: linear 0.06s; } .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown .nav-subdropdown-item .nav-subdropdown-link:hover { background: #eef2f6; padding: 7px 15px 7px 17px; } .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown.nav-subdropdown-lg { width: 476px; } .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown.nav-subdropdown-lg [class*='col']:first-child { border-right: 1px solid #e2e6ea; } .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item:hover .nav-subdropdown { visibility: visible; opacity: 1; } .header .header-menu .nav .nav-item .mega-menu-content { position: absolute; top: 84px; right: 2em; left: 2em; -webkit-transform: translateY(10px); transform: translateY(10px); z-index: 995; visibility: hidden; opacity: 0; background: white; width: auto; -webkit-box-shadow: 0 10px 40px -4px rgba(22, 25, 28, 0.17); box-shadow: 0 10px 40px -4px rgba(22, 25, 28, 0.17); border-radius: 0.4em; padding: 1em; -webkit-transition: ease-out 0.14s; transition: ease-out 0.14s; } .header .header-menu .nav .nav-item .mega-menu-content:before { content: ''; position: absolute; top: -4px; width: 100%; height: 4px; } .header .header-menu .nav .nav-item.mega-menu-item:hover .mega-menu-content { -webkit-transform: translateY(0); transform: translateY(0); visibility: visible; opacity: 1; } .header .header-menu .nav .nav-item:hover .nav-link:before { height: 6px; } .header .header-menu .nav .nav-item:hover .nav-dropdown { -webkit-transform: translateY(0); transform: translateY(0); visibility: visible; opacity: 1; } .header .header-menu[class*='dropdown-color'] .nav .nav-item .nav-dropdown h1, .header .header-menu[class*='dropdown-color'] .nav .nav-item .nav-dropdown h2, .header .header-menu[class*='dropdown-color'] .nav .nav-item .nav-dropdown h3, .header .header-menu[class*='dropdown-color'] .nav .nav-item .nav-dropdown h4, .header .header-menu[class*='dropdown-color'] .nav .nav-item .nav-dropdown h5, .header .header-menu[class*='dropdown-color'] .nav .nav-item .nav-dropdown h6 { color: white; } .header .header-menu[class*='dropdown-color'] .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]) { color: rgba(255, 255, 255, 0.8); } .header .header-menu[class*='dropdown-color'] .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]):hover, .header .header-menu[class*='dropdown-color'] .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]):focus { color: white; } .header .header-menu[class*='dropdown-color'] .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-dropdown-link:hover { background: rgba(255, 255, 255, 0.1); } .header .header-menu[class*='dropdown-color'] .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown .nav-subdropdown-item .nav-subdropdown-link:hover { background: rgba(255, 255, 255, 0.1); } .header .header-menu[class*='dropdown-color'] .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown.nav-subdropdown-lg [class*='col'] { border-color: rgba(255, 255, 255, 0.2); } .header .header-menu.dropdown-color-dark .nav .nav-item .nav-dropdown { background: #d31a4f; } .header .header-menu.dropdown-color-dark .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown { background: #d31a4f; } .header .header-menu.dropdown-color-aqua .nav .nav-item .nav-dropdown { background: #03D4D8; } .header .header-menu.dropdown-color-aqua .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown { background: #03D4D8; } .header .header-menu.dropdown-color-blue .nav .nav-item .nav-dropdown { background: #0093E9; } .header .header-menu.dropdown-color-blue .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown { background: #0093E9; } .header .header-menu.dropdown-color-golden-yellow .nav .nav-item .nav-dropdown { background: #FFB657; } .header .header-menu.dropdown-color-golden-yellow .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown { background: #FFB657; } .header .header-menu.dropdown-color-pink-edge .nav .nav-item .nav-dropdown { background: #FE9AB6; } .header .header-menu.dropdown-color-pink-edge .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown { background: #FE9AB6; } .header .header-menu.dropdown-color-purple .nav .nav-item .nav-dropdown { background: #B721FF; } .header .header-menu.dropdown-color-purple .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown { background: #B721FF; } .header .header-menu.dropdown-color-spring-red .nav .nav-item .nav-dropdown { background: #BE1F35; } .header .header-menu.dropdown-color-spring-red .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown { background: #BE1F35; } .header .header-menu.dropdown-color-tan .nav .nav-item .nav-dropdown { background: #d2b48c; } .header .header-menu.dropdown-color-tan .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown { background: #d2b48c; } .header .header-menu.dropdown-color-turquiose .nav .nav-item .nav-dropdown { background: #4cbfa6; } .header .header-menu.dropdown-color-turquiose .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown { background: #4cbfa6; } .header .header-menu.dropdown-color-very-peri .nav .nav-item .nav-dropdown { background: #6667AB; } .header .header-menu.dropdown-color-very-peri .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown { background: #6667AB; } .header.transparent-dark .header-menu .nav .nav-item .nav-link:before { background: rgba(18, 21, 24, 0.05); } .header .header-menu-extra { display: inline-block; margin-left: 30px; } .header .header-toggle { display: none; } .header:not(.center):not(.left) .header-menu .nav .nav-item:last-child .nav-dropdown, .header:not(.center):not(.left) .header-menu .nav .nav-item:nth-last-child(2) .nav-dropdown { right: 0; left: auto; } .header:not(.center):not(.left) .header-menu .nav .nav-item:last-child .nav-dropdown .nav-dropdown-item .nav-subdropdown, .header:not(.center):not(.left) .header-menu .nav .nav-item:nth-last-child(2) .nav-dropdown .nav-dropdown-item .nav-subdropdown { right: 228px; left: auto; } .header:not(.center):not(.left) .container-fluid .header-menu .nav .nav-item .nav-dropdown { right: 0; left: auto; } .header:not(.center):not(.left) .container-fluid .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown { right: 228px; left: auto; } } @media (max-width: 991.98px) { .header { height: 70px; } .header .header-menu { position: fixed; top: 0; left: -100%; overflow-y: auto; background: white; width: 300px; height: 100%; -webkit-box-shadow: 0 0 36px 0 rgba(22, 25, 28, 0.17); box-shadow: 0 0 36px 0 rgba(22, 25, 28, 0.17); padding: 20px 30px; -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); } .header .header-menu.show { left: 0; } .header .header-menu .nav { width: 100%; margin: 0; padding: 0; } .header .header-menu .nav .nav-item { position: relative; display: block; width: 100%; height: auto; margin: 0; border-bottom: 1px solid #e2e6ea; padding: 12px 0; } .header .header-menu .nav .nav-item:last-child { border: 0; } .header .header-menu .nav .nav-item .nav-link { display: inline-block; width: auto; height: auto; color: #7C7C7C; } .header .header-menu .nav .nav-item .nav-link:hover, .header .header-menu .nav .nav-item .nav-link:focus, .header .header-menu .nav .nav-item .nav-link.active { color: #d31a4f; } .header .header-menu .nav .nav-item.mega-menu-item .nav-link { width: 100%; } .header .header-menu .nav .nav-item.mega-menu-item .nav-link:after { float: right; } .header .header-menu .nav .nav-item.mega-menu-item .mega-menu-content { padding: 8px 0 0 20px; } .header .header-menu .nav .nav-item .nav-dropdown-toggle { position: absolute; top: 13px; right: 0; width: 21px; height: 21px; text-align: right; } .header .header-menu .nav .nav-item .nav-dropdown-toggle.active { color: #d31a4f; } .header .header-menu .nav .nav-item .nav-dropdown { display: none; background: white; padding: 8px 0 0 20px; } .header .header-menu .nav .nav-item .nav-dropdown.show { display: block; } .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item { position: relative; margin: 0 0 8px; } .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item:last-child { margin: 0; } .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-dropdown-link.active { color: #d31a4f; } .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown-toggle { top: 0; right: 0; width: 21px; height: 21px; text-align: right; } .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown-toggle:after { content: '\f107'; } .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown { display: none; padding: 8px 0 0 20px; } .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown.show { display: block; } .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown li { margin: 0 0 8px; } .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown li:last-child { margin: 0; } .header .header-menu .nav .nav-item .mega-menu-content { display: none; } .header .header-menu .nav .nav-item .mega-menu-content.show { display: block; } .header .header-menu-extra { position: absolute; top: 50%; right: 80px; left: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .header[class*='mobile-menu-color'] .nav .nav-item { border-color: rgba(255, 255, 255, 0.2); } .header[class*='mobile-menu-color'] .nav .nav-item .nav-link, .header[class*='mobile-menu-color'] .nav .nav-item .nav-dropdown-toggle { color: rgba(255, 255, 255, 0.8); } .header[class*='mobile-menu-color'] .nav .nav-item .nav-link:hover, .header[class*='mobile-menu-color'] .nav .nav-item .nav-link:focus, .header[class*='mobile-menu-color'] .nav .nav-item .nav-link.active, .header[class*='mobile-menu-color'] .nav .nav-item .nav-dropdown-toggle:hover, .header[class*='mobile-menu-color'] .nav .nav-item .nav-dropdown-toggle:focus, .header[class*='mobile-menu-color'] .nav .nav-item .nav-dropdown-toggle.active { color: white; } .header[class*='mobile-menu-color'] .nav .nav-item .nav-dropdown { background: transparent; } .header[class*='mobile-menu-color'] .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]) { color: rgba(255, 255, 255, 0.8); } .header[class*='mobile-menu-color'] .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]):hover, .header[class*='mobile-menu-color'] .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]):focus { color: white; } .header.mobile-menu-color-dark .header-menu { background: #181c20; } .header.mobile-menu-color-blue .header-menu { background: #0093E9; } .header.mobile-menu-color-purple .header-menu { background: #B721FF; } .header.mobile-menu-color-pink-edge .header-menu { background: #FE9AB6; } .header.mobile-menu-color-golden-yellow .header-menu { background: #FFB657; } .header.mobile-menu-color-very-peri .header-menu { background: #6667AB; } .header.mobile-menu-color-turquiose .header-menu { background: #4cbfa6; } .header.mobile-menu-color-spring-red .header-menu { background: #BE1F35; } .header.mobile-menu-color-tan .header-menu { background: #d2b48c; } .header.mobile-menu-color-aqua .header-menu { background: #03D4D8; } } @media (min-width: 992px) { .header-lg { height: 90px; } .header-lg .container-fluid { padding: 0 40px; } .header-lg .header-menu .nav .nav-item .nav-link { line-height: 90px; } .header-lg .header-menu .nav .nav-item .nav-link:before { bottom: 27px; } .header-lg .header-menu .nav .nav-item .nav-dropdown, .header-lg .header-menu .nav .nav-item .mega-menu-content { top: 94px; } .header-xl { height: 100px; } .header-xl .container-fluid { padding: 0 50px; } .header-xl .header-menu .nav .nav-item .nav-link { line-height: 100px; } .header-xl .header-menu .nav .nav-item .nav-link:before { bottom: 32px; } .header-xl .header-menu .nav .nav-item .nav-dropdown, .header-xl .header-menu .nav .nav-item .mega-menu-content { top: 104px; } } .header-placeholder { height: 80px; } .header-placeholder-lg { height: 90px; } .header-placeholder-xl { height: 100px; } @media (max-width: 991.98px) { .header-placeholder, .header-placeholder-lg, .header-placeholder-xl { height: 70px; } } .masonry { margin: 0 -1em -2em; } .masonry .masonry-item { margin-bottom: 2em; padding: 0 1em; } .masonry.column-1 .masonry-item { width: 100%; } @media (min-width: 768px) { .masonry.column-2 .masonry-item { width: 50%; } } @media (min-width: 768px) { .masonry.column-3 .masonry-item { width: 50%; } } @media (min-width: 992px) { .masonry.column-3 .masonry-item { width: 33.33%; } } @media (min-width: 576px) { .masonry.column-4 .masonry-item, .masonry.column-5 .masonry-item, .masonry.column-6 .masonry-item { width: 50%; } } @media (min-width: 768px) { .masonry.column-4 .masonry-item, .masonry.column-5 .masonry-item, .masonry.column-6 .masonry-item { width: 33.33%; } } @media (min-width: 992px) { .masonry.column-4 .masonry-item, .masonry.column-5 .masonry-item, .masonry.column-6 .masonry-item { width: 25%; } } @media (min-width: 1200px) { .masonry.column-5 .masonry-item { width: 20%; } } @media (min-width: 1200px) { .masonry.column-6 .masonry-item { width: 16.66%; } } .masonry.spacing-0 { margin: 0; } .masonry.spacing-0 .masonry-item { margin: 0; padding: 0; } .masonry.spacing-1 { margin: 0 -0.5em -1em; } .masonry.spacing-1 .masonry-item { margin-bottom: 1em; padding: 0 0.5em; } .masonry.spacing-2 { margin: 0 -1em -2em; } .masonry.spacing-2 .masonry-item { margin-bottom: 2em; padding: 0 1em; } .masonry.spacing-3 { margin: 0 -1.5em -3em; } .masonry.spacing-3 .masonry-item { margin-bottom: 3em; padding: 0 1.5em; } .masonry.spacing-4 { margin: 0 -2em -4em; } .masonry.spacing-4 .masonry-item { margin-bottom: 4em; padding: 0 2em; } .masonry.spacing-5 { margin: 0 -2.5em -5em; } .masonry.spacing-5 .masonry-item { margin-bottom: 5em; padding: 0 2.5em; } .portfolio-masonry .portfolio-item { width: 100%; } .portfolio-masonry .portfolio-item { text-align: left; } .portfolio-masonry.column-1 .portfolio-item { width: 100%; } @media (min-width: 768px) { .portfolio-masonry.column-2 .portfolio-item { width: 50%; } } @media (min-width: 768px) { .portfolio-masonry.column-3 .portfolio-item { width: 50%; } } @media (min-width: 992px) { .portfolio-masonry.column-3 .portfolio-item { width: 33.33%; } } @media (min-width: 576px) { .portfolio-masonry.column-4 .portfolio-item, .portfolio-masonry.column-5 .portfolio-item, .portfolio-masonry.column-6 .portfolio-item { width: 50%; } } @media (min-width: 768px) { .portfolio-masonry.column-4 .portfolio-item, .portfolio-masonry.column-5 .portfolio-item, .portfolio-masonry.column-6 .portfolio-item { width: 33.33%; } } @media (min-width: 992px) { .portfolio-masonry.column-4 .portfolio-item, .portfolio-masonry.column-5 .portfolio-item, .portfolio-masonry.column-6 .portfolio-item { width: 25%; } } @media (min-width: 1200px) { .portfolio-masonry.column-5 .portfolio-item { width: 20%; } } @media (min-width: 1200px) { .portfolio-masonry.column-6 .portfolio-item { width: 16.66%; } } .portfolio-masonry.spacing-0 .portfolio-item { padding: 0; } .portfolio-masonry.spacing-1 .portfolio-item { padding: 0.5em; } .portfolio-masonry.spacing-2 .portfolio-item { padding: 1em; } .portfolio-masonry.spacing-3 .portfolio-item { padding: 1.5em; } .portfolio-masonry.spacing-4 .portfolio-item { padding: 2em; } .portfolio-masonry.spacing-5 .portfolio-item { padding: 2.5em; } .portfolio-masonry[class*='border-radius'] .portfolio-item .portfolio-box, .portfolio-grid[class*='border-radius'] .portfolio-item .portfolio-box { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); overflow: hidden; } .portfolio-masonry.border-radius .portfolio-item .portfolio-box, .portfolio-grid.border-radius .portfolio-item .portfolio-box { border-radius: 0.4em; } .portfolio-masonry.border-radius-1 .portfolio-item .portfolio-box, .portfolio-grid.border-radius-1 .portfolio-item .portfolio-box { border-radius: 1.0em; } .text-center .portfolio-item { text-align: center; } .text-end .portfolio-item { text-align: right; } .container .portfolio-masonry.spacing-0 { margin: 0; } .container .portfolio-masonry.spacing-1 { margin: -0.5em; } .container .portfolio-masonry.spacing-2 { margin: -1em; } .container .portfolio-masonry.spacing-3 { margin: -1.5em; } .container .portfolio-masonry.spacing-4 { margin: -2em; } .container .portfolio-masonry.spacing-5 { margin: -2.5em; } .filter ul { margin: 0 -5px; padding: 0; } .filter ul li { display: inline-block; background: #eef2f6; border-radius: 30px; margin: 0 5px; padding: 7px 15px; font: 500 0.9em "Poppins", sans-serif; letter-spacing: 1px; text-transform: uppercase; cursor: pointer; -webkit-transition: linear 0.1s; transition: linear 0.1s; } .filter ul li:hover { background: #e4e8ec; } .filter ul li.active, .filter ul li.mixitup-control-active { background: #181c20; color: white; } .filter.filter-font-2 ul li { font-size: 15px; letter-spacing: -0.2px; text-transform: none; } .filter.filter-style-2 ul { margin: 0 -2px; } .filter.filter-style-2 ul li { background: transparent; margin: 0 2px; color: #7C7C7C; } .filter.filter-style-2 ul li:hover, .filter.filter-style-2 ul li.active, .filter.filter-style-2 ul li.mixitup-control-active { color: #d31a4f; } .filter.filter-style-2 ul li.active, .filter.filter-style-2 ul li.mixitup-control-active { background: #eef2f6; } .filter.filter-style-3 ul { margin: 0 -14px -8px; } .filter.filter-style-3 ul li { position: relative; background: transparent; margin: 0 14px 8px; padding: 0; color: #7C7C7C; } .filter.filter-style-3 ul li:after { content: ''; position: absolute; right: 0; bottom: -1px; left: 0; background: #d31a4f; height: 1px; -webkit-animation: button-line-out 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both; animation: button-line-out 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both; } .filter.filter-style-3 ul li:hover, .filter.filter-style-3 ul li.active, .filter.filter-style-3 ul li.mixitup-control-active { color: #d31a4f; } .filter.filter-style-3 ul li.active:after, .filter.filter-style-3 ul li.mixitup-control-active:after { width: 100%; -webkit-animation: button-line-in 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both; animation: button-line-in 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both; } .filter.filter-style-4 ul { margin: 0 -14px -7px; } .filter.filter-style-4 ul li { background: transparent; margin: 0 14px 7px; padding: 0; color: #AAAAAA; } .filter.filter-style-4 ul li:hover, .filter.filter-style-4 ul li.active, .filter.filter-style-4 ul li.mixitup-control-active { background: transparent; color: #d31a4f; } .theme-font-unito .filter ul li { font: 600 0.9em "Nunito", sans-serif; } .theme-font-unito .filter.filter-font-2 ul li { font-size: 1em; letter-spacing: 0; } .bg-black .filter ul li, [class*='bg-dark'] .filter ul li, [class*='bg-gradient-'] .filter ul li, [class*='bg-color-'] .filter ul li { background: transparent; color: rgba(255, 255, 255, 0.7); } .bg-black .filter ul li:hover, [class*='bg-dark'] .filter ul li:hover, [class*='bg-gradient-'] .filter ul li:hover, [class*='bg-color-'] .filter ul li:hover { background: transparent; color: white; } .bg-black .filter ul li.active, .bg-black .filter ul li.mixitup-control-active, [class*='bg-dark'] .filter ul li.active, [class*='bg-dark'] .filter ul li.mixitup-control-active, [class*='bg-gradient-'] .filter ul li.active, [class*='bg-gradient-'] .filter ul li.mixitup-control-active, [class*='bg-color-'] .filter ul li.active, [class*='bg-color-'] .filter ul li.mixitup-control-active { background: white; color: #d31a4f; } .bg-black .filter.filter-style-2 ul li, [class*='bg-dark'] .filter.filter-style-2 ul li, [class*='bg-gradient-'] .filter.filter-style-2 ul li, [class*='bg-color-'] .filter.filter-style-2 ul li { color: rgba(255, 255, 255, 0.7); } .bg-black .filter.filter-style-2 ul li:hover, .bg-black .filter.filter-style-2 ul li.active, .bg-black .filter.filter-style-2 ul li.mixitup-control-active, [class*='bg-dark'] .filter.filter-style-2 ul li:hover, [class*='bg-dark'] .filter.filter-style-2 ul li.active, [class*='bg-dark'] .filter.filter-style-2 ul li.mixitup-control-active, [class*='bg-gradient-'] .filter.filter-style-2 ul li:hover, [class*='bg-gradient-'] .filter.filter-style-2 ul li.active, [class*='bg-gradient-'] .filter.filter-style-2 ul li.mixitup-control-active, [class*='bg-color-'] .filter.filter-style-2 ul li:hover, [class*='bg-color-'] .filter.filter-style-2 ul li.active, [class*='bg-color-'] .filter.filter-style-2 ul li.mixitup-control-active { color: white; } .bg-black .filter.filter-style-2 ul li.active, .bg-black .filter.filter-style-2 ul li.mixitup-control-active, [class*='bg-dark'] .filter.filter-style-2 ul li.active, [class*='bg-dark'] .filter.filter-style-2 ul li.mixitup-control-active, [class*='bg-gradient-'] .filter.filter-style-2 ul li.active, [class*='bg-gradient-'] .filter.filter-style-2 ul li.mixitup-control-active, [class*='bg-color-'] .filter.filter-style-2 ul li.active, [class*='bg-color-'] .filter.filter-style-2 ul li.mixitup-control-active { background: white; color: #d31a4f; } .bg-black .filter.filter-style-3 ul li, [class*='bg-dark'] .filter.filter-style-3 ul li, [class*='bg-gradient-'] .filter.filter-style-3 ul li, [class*='bg-color-'] .filter.filter-style-3 ul li { color: rgba(255, 255, 255, 0.7); } .bg-black .filter.filter-style-3 ul li:after, [class*='bg-dark'] .filter.filter-style-3 ul li:after, [class*='bg-gradient-'] .filter.filter-style-3 ul li:after, [class*='bg-color-'] .filter.filter-style-3 ul li:after { background: white; } .bg-black .filter.filter-style-3 ul li:hover, .bg-black .filter.filter-style-3 ul li.active, .bg-black .filter.filter-style-3 ul li.mixitup-control-active, [class*='bg-dark'] .filter.filter-style-3 ul li:hover, [class*='bg-dark'] .filter.filter-style-3 ul li.active, [class*='bg-dark'] .filter.filter-style-3 ul li.mixitup-control-active, [class*='bg-gradient-'] .filter.filter-style-3 ul li:hover, [class*='bg-gradient-'] .filter.filter-style-3 ul li.active, [class*='bg-gradient-'] .filter.filter-style-3 ul li.mixitup-control-active, [class*='bg-color-'] .filter.filter-style-3 ul li:hover, [class*='bg-color-'] .filter.filter-style-3 ul li.active, [class*='bg-color-'] .filter.filter-style-3 ul li.mixitup-control-active { color: white; } .bg-black .filter.filter-style-3 ul li.active, .bg-black .filter.filter-style-3 ul li.mixitup-control-active, [class*='bg-dark'] .filter.filter-style-3 ul li.active, [class*='bg-dark'] .filter.filter-style-3 ul li.mixitup-control-active, [class*='bg-gradient-'] .filter.filter-style-3 ul li.active, [class*='bg-gradient-'] .filter.filter-style-3 ul li.mixitup-control-active, [class*='bg-color-'] .filter.filter-style-3 ul li.active, [class*='bg-color-'] .filter.filter-style-3 ul li.mixitup-control-active { background: transparent; } .bg-black .filter.filter-style-4 ul li, [class*='bg-dark'] .filter.filter-style-4 ul li, [class*='bg-gradient-'] .filter.filter-style-4 ul li, [class*='bg-color-'] .filter.filter-style-4 ul li { background: transparent; color: rgba(255, 255, 255, 0.7); } .bg-black .filter.filter-style-4 ul li:hover, .bg-black .filter.filter-style-4 ul li.active, .bg-black .filter.filter-style-4 ul li.mixitup-control-active, [class*='bg-dark'] .filter.filter-style-4 ul li:hover, [class*='bg-dark'] .filter.filter-style-4 ul li.active, [class*='bg-dark'] .filter.filter-style-4 ul li.mixitup-control-active, [class*='bg-gradient-'] .filter.filter-style-4 ul li:hover, [class*='bg-gradient-'] .filter.filter-style-4 ul li.active, [class*='bg-gradient-'] .filter.filter-style-4 ul li.mixitup-control-active, [class*='bg-color-'] .filter.filter-style-4 ul li:hover, [class*='bg-color-'] .filter.filter-style-4 ul li.active, [class*='bg-color-'] .filter.filter-style-4 ul li.mixitup-control-active { background: transparent; color: white; } .portfolio-item .portfolio-box { position: relative; } .portfolio-item .portfolio-box .portfolio-img { position: relative; overflow: hidden; } .portfolio-item .portfolio-box .portfolio-img img { -webkit-transform: scale(1); transform: scale(1); width: 100%; -webkit-transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); } .portfolio-item .portfolio-box a { position: absolute; top: 0; left: 0; z-index: 2; display: block; width: 100%; height: 100%; } .portfolio-item .portfolio-box:hover .portfolio-img img { -webkit-transform: scale(1.04); transform: scale(1.04); -webkit-filter: blur(1.5px); filter: blur(1.5px); } .portfolio-grid:not(.hover-style-2):not(.hover-style-3) .portfolio-item .portfolio-box .portfolio-title, .portfolio-masonry:not(.hover-style-2):not(.hover-style-3) .portfolio-item .portfolio-box .portfolio-title { position: absolute; top: 0; left: 0; opacity: 0; background-image: linear-gradient(to top, rgba(18, 21, 24, 0.4), transparent); width: 100%; height: 100%; -webkit-transition: ease-out 0.12s; transition: ease-out 0.12s; } .portfolio-grid:not(.hover-style-2):not(.hover-style-3) .portfolio-item .portfolio-box .portfolio-title div, .portfolio-masonry:not(.hover-style-2):not(.hover-style-3) .portfolio-item .portfolio-box .portfolio-title div { position: absolute; left: 30px; bottom: 30px; } .portfolio-grid:not(.hover-style-2):not(.hover-style-3) .portfolio-item .portfolio-box .portfolio-title div *, .portfolio-masonry:not(.hover-style-2):not(.hover-style-3) .portfolio-item .portfolio-box .portfolio-title div * { opacity: 0; -webkit-transform: translateY(5px); transform: translateY(5px); margin-bottom: 0.5rem; color: white; -webkit-transition: ease-out 0.12s; transition: ease-out 0.12s; } .portfolio-grid:not(.hover-style-2):not(.hover-style-3) .portfolio-item .portfolio-box .portfolio-title div *:first-child, .portfolio-masonry:not(.hover-style-2):not(.hover-style-3) .portfolio-item .portfolio-box .portfolio-title div *:first-child { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; } .portfolio-grid:not(.hover-style-2):not(.hover-style-3) .portfolio-item .portfolio-box .portfolio-title div *:last-child, .portfolio-masonry:not(.hover-style-2):not(.hover-style-3) .portfolio-item .portfolio-box .portfolio-title div *:last-child { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; margin-bottom: 0; } .portfolio-grid:not(.hover-style-2):not(.hover-style-3) .portfolio-item .portfolio-box .portfolio-title div span, .portfolio-masonry:not(.hover-style-2):not(.hover-style-3) .portfolio-item .portfolio-box .portfolio-title div span { display: inline-block; } .portfolio-grid:not(.hover-style-2):not(.hover-style-3) .portfolio-item .portfolio-box:hover .portfolio-title, .portfolio-masonry:not(.hover-style-2):not(.hover-style-3) .portfolio-item .portfolio-box:hover .portfolio-title { opacity: 1; } .portfolio-grid:not(.hover-style-2):not(.hover-style-3) .portfolio-item .portfolio-box:hover .portfolio-title *, .portfolio-masonry:not(.hover-style-2):not(.hover-style-3) .portfolio-item .portfolio-box:hover .portfolio-title * { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .hover-style-2 .portfolio-item .portfolio-box .portfolio-title { position: absolute; top: 0; left: 0; opacity: 1; background: rgba(18, 21, 24, 0.1); width: 100%; height: 100%; -webkit-transition: ease-out 0.12s; transition: ease-out 0.12s; } .hover-style-2 .portfolio-item .portfolio-box .portfolio-title:before { content: ''; position: absolute; top: 0; left: 0; opacity: 0; background-image: linear-gradient(to top, rgba(18, 21, 24, 0.3), transparent); width: 100%; height: 100%; -webkit-transition: ease-out 0.12s; transition: ease-out 0.12s; } .hover-style-2 .portfolio-item .portfolio-box .portfolio-title div { position: absolute; top: 30px; left: 30px; } .hover-style-2 .portfolio-item .portfolio-box .portfolio-title div span { display: block; } .hover-style-2 .portfolio-item .portfolio-box .portfolio-title div * { margin-bottom: 0.5rem; color: white; -webkit-transition: ease-out 0.12s; transition: ease-out 0.12s; } .hover-style-2 .portfolio-item .portfolio-box .portfolio-title i { position: absolute; right: 30px; bottom: 30px; -webkit-transform: translateY(5px); transform: translateY(5px); opacity: 0; font-size: 1.2em; color: white; -webkit-transition: ease-out 0.12s; transition: ease-out 0.12s; } .hover-style-2 .portfolio-item .portfolio-box:hover .portfolio-title:before { opacity: 1; } .hover-style-2 .portfolio-item .portfolio-box:hover .portfolio-title i { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } .hover-style-3 .portfolio-item .portfolio-box .portfolio-title { position: absolute; right: 1.5rem; bottom: 1.5rem; left: 1.5rem; } .hover-style-3 .portfolio-item .portfolio-box .portfolio-title .portfolio-title-item { display: table; -webkit-transform: translateY(4px); transform: translateY(4px); visibility: hidden; opacity: 0; background: white; margin-bottom: 0.25rem; padding: 0.6rem 1rem; -webkit-transition: ease-out 0.12s; transition: ease-out 0.12s; } .hover-style-3 .portfolio-item .portfolio-box .portfolio-title .portfolio-title-item:last-child { margin-bottom: 0; } .hover-style-3 .portfolio-item .portfolio-box .portfolio-title .portfolio-title-item:nth-child(1) { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; } .hover-style-3 .portfolio-item .portfolio-box .portfolio-title .portfolio-title-item:nth-child(2) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .hover-style-3 .portfolio-item .portfolio-box .portfolio-title .portfolio-title-item:nth-child(3) { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } .hover-style-3 .portfolio-item .portfolio-box .portfolio-title .portfolio-title-item * { margin-bottom: 0; color: #d31a4f; } @media (max-width: 991.98px) { .hover-style-3 .portfolio-item .portfolio-box .portfolio-title { right: 1.25rem; bottom: 1.25rem; left: 1.25rem; } } .hover-style-3 .portfolio-item .portfolio-box:hover .portfolio-title .portfolio-title-item { -webkit-transform: translateY(0); transform: translateY(0); visibility: visible; opacity: 1; } .hero-portfolio-slider .hero-portfolio-box { position: relative; } .hero-portfolio-slider .hero-portfolio-box a { display: block; } .hero-portfolio-slider .hero-portfolio-box a:hover { text-decoration: underline; } .hero-portfolio-slider .hero-portfolio-box .hero-portfolio-img { overflow: hidden; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .hero-portfolio-slider .hero-portfolio-box .hero-portfolio-img img { -webkit-transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); } .hero-portfolio-slider .hero-portfolio-box .hero-portfolio-caption { visibility: hidden; opacity: 0; position: absolute; top: 50%; left: -50px; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: rgba(18, 21, 24, 0.9); max-width: 70%; padding: 1.5rem 2rem; -webkit-transition: ease-out 0.16s; transition: ease-out 0.16s; } .hero-portfolio-slider .hero-portfolio-box .hero-portfolio-caption * { color: white; margin: 0; } @media (max-width: 767.98px) { .hero-portfolio-slider .hero-portfolio-box .hero-portfolio-caption { left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 1rem 1.5rem; } } .hero-portfolio-slider .hero-portfolio-box:hover .hero-portfolio-img img { -webkit-transform: scale(1.04); transform: scale(1.04); } .hero-portfolio-slider .swiper-wrapper .swiper-slide.swiper-slide-active .hero-portfolio-caption { visibility: visible; opacity: 1; text-align: center; } body:after { content: ''; position: fixed; top: 0; left: 0; z-index: 998; background: white; width: 100%; height: 100%; } body.loaded:after { display: none; } .preloader { position: fixed; top: 0; left: 0; z-index: 999; visibility: visible; opacity: 1; background: white; width: 100%; height: 100%; text-align: center; } .preloader div { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .loaded .preloader { visibility: hidden; opacity: 0; -webkit-transition: ease-out 0.3s; transition: ease-out 0.3s; } .preloader-1 div { position: relative; width: 70px; height: 70px; } .preloader-1 div .loader-circular { position: absolute; top: 0; bottom: 0; left: 0; right: 0; transform-origin: center center; width: 70px; height: 70px; margin: auto; animation: loader-one-rotate 2s linear infinite; } .preloader-1 div .loader-path { fill: none; stroke: #d31a4f; stroke-width: 2.5; stroke-dasharray: 1, 200; stroke-dashoffset: 0; stroke-linecap: round; stroke-miterlimit: 10; animation: loader-one-dash 1.5s ease-in-out infinite; } .preloader-dark .preloader-1 { background: black; } .preloader-dark .preloader-1 div .loader-path { stroke: white; } .preloader-blue .preloader-1 div .loader-path { stroke: #0093E9; } .preloader-purple .preloader-1 div .loader-path { stroke: #B721FF; } .preloader-pink-edge .preloader-1 div .loader-path { stroke: #FE9AB6; } .preloader-golden-yellow .preloader-1 div .loader-path { stroke: #FFB657; } .preloader-very-peri .preloader-1 div .loader-path { stroke: #6667AB; } .preloader-turquiose .preloader-1 div .loader-path { stroke: #4cbfa6; } .preloader-spring-red .preloader-1 div .loader-path { stroke: #BE1F35; } .preloader-tan .preloader-1 div .loader-path { stroke: #d2b48c; } .preloader-aqua .preloader-1 div .loader-path { stroke: #03D4D8; } @keyframes loader-one-rotate { 100% { transform: rotate(360deg); } } @keyframes loader-one-dash { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 89, 200; stroke-dashoffset: -35px; } 100% { stroke-dasharray: 89, 200; stroke-dashoffset: -124px; } } .preloader-2 div span { display: inline-block; opacity: 0.2; background: black; background: linear-gradient(to right, black 10%, transparent 40%); width: 60px; height: 60px; border-radius: 50%; -webkit-animation: loader-two 0.6s infinite linear; animation: loader-two 0.6s infinite linear; } .preloader-2 div span:before, .preloader-2 div span:after { content: ''; position: absolute; top: 0; left: 0; } .preloader-2 div span:before { background: black; width: 50%; height: 50%; border-radius: 100% 0 0 0; } .preloader-2 div span:after { right: 0; bottom: 0; background: white; width: 90%; height: 90%; margin: auto; border-radius: 50%; } @keyframes loader-two { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes loader-two { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .preloader-dark .preloader-2 { background: black; } .preloader-dark .preloader-2 div span { background: white; background: linear-gradient(to right, white 10%, transparent 40%); } .preloader-dark .preloader-2 div span:before { background: white; } .preloader-dark .preloader-2 div span:after { background: black; } .preloader-blue .preloader-2 div span { background: #0093E9; background: linear-gradient(to right, #0093E9 10%, transparent 40%); } .preloader-blue .preloader-2 div span:before { background: #0093E9; } .preloader-purple .preloader-2 div span { background: #B721FF; background: linear-gradient(to right, #B721FF 10%, transparent 40%); } .preloader-purple .preloader-2 div span:before { background: #B721FF; } .preloader-pink-edge .preloader-2 div span { background: #FE9AB6; background: linear-gradient(to right, #FE9AB6 10%, transparent 40%); } .preloader-pink-edge .preloader-2 div span:before { background: #FE9AB6; } .preloader-golden-yellow .preloader-2 div span { background: #FFB657; background: linear-gradient(to right, #FFB657 10%, transparent 40%); } .preloader-golden-yellow .preloader-2 div span:before { background: #FFB657; } .preloader-very-peri .preloader-2 div span { background: #6667AB; background: linear-gradient(to right, #6667AB 10%, transparent 40%); } .preloader-very-peri .preloader-2 div span:before { background: #6667AB; } .preloader-turquiose .preloader-2 div span { background: #4cbfa6; background: linear-gradient(to right, #4cbfa6 10%, transparent 40%); } .preloader-turquiose .preloader-2 div span:before { background: #4cbfa6; } .preloader-spring-red .preloader-2 div span { background: #BE1F35; background: linear-gradient(to right, #BE1F35 10%, transparent 40%); } .preloader-spring-red .preloader-2 div span:before { background: #BE1F35; } .preloader-tan .preloader-2 div span { background: #d2b48c; background: linear-gradient(to right, #d2b48c 10%, transparent 40%); } .preloader-tan .preloader-2 div span:before { background: #d2b48c; } .preloader-aqua .preloader-2 div span { background: #03D4D8; background: linear-gradient(to right, #03D4D8 10%, transparent 40%); } .preloader-aqua .preloader-2 div span:before { background: #03D4D8; } .preloader-3 div { width: 50px; height: 50px; } .preloader-3 div span { position: relative; display: block; } .preloader-3 div span:before, .preloader-3 div span:after { content: ''; position: absolute; top: 0; left: 0; background: rgba(18, 21, 24, 0.1); width: 50px; height: 50px; border-radius: 50%; } .preloader-3 div span:before { -webkit-animation: loader-three-bounceIn 1.2s infinite ease-in-out; animation: loader-three-bounceIn 1.2s infinite ease-in-out; } .preloader-3 div span:after { -webkit-animation: loader-three-bounceOut 1.2s infinite ease-in-out; animation: loader-three-bounceOut 1.2s infinite ease-in-out; } @-webkit-keyframes loader-three-bounceIn { 0%, 100% { -webkit-transform: scale(0); } 50% { -webkit-transform: scale(1); } } @keyframes loader-three-bounceIn { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes loader-three-bounceOut { 0%, 100% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(0); } } @keyframes loader-three-bounceOut { 0%, 100% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(0); transform: scale(0); } } .preloader-dark .preloader-3 { background: black; } .preloader-dark .preloader-3 div span:before, .preloader-dark .preloader-3 div span:after { background: rgba(255, 255, 255, 0.2); } .preloader-blue .preloader-3 div span:before, .preloader-blue .preloader-3 div span:after { background: rgba(0, 147, 233, 0.2); } .preloader-purple .preloader-3 div span:before, .preloader-purple .preloader-3 div span:after { background: rgba(183, 33, 255, 0.2); } .preloader-pink-edge .preloader-3 div span:before, .preloader-pink-edge .preloader-3 div span:after { background: rgba(254, 154, 182, 0.2); } .preloader-golden-yellow .preloader-3 div span:before, .preloader-golden-yellow .preloader-3 div span:after { background: rgba(255, 182, 87, 0.2); } .preloader-very-peri .preloader-3 div span:before, .preloader-very-peri .preloader-3 div span:after { background: rgba(102, 103, 171, 0.2); } .preloader-turquiose .preloader-3 div span:before, .preloader-turquiose .preloader-3 div span:after { background: rgba(76, 191, 166, 0.2); } .preloader-spring-red .preloader-3 div span:before, .preloader-spring-red .preloader-3 div span:after { background: rgba(190, 31, 53, 0.2); } .preloader-tan .preloader-3 div span:before, .preloader-tan .preloader-3 div span:after { background: rgba(210, 180, 140, 0.2); } .preloader-aqua .preloader-3 div span:before, .preloader-aqua .preloader-3 div span:after { background: rgba(3, 212, 216, 0.2); } .section-xs { padding: 50px 0; } .section-xs.bg-image .container, .section-xs.bg-image .container-fluid { padding: 50px 30px; } .section-sm { padding: 70px 0; } .section-sm.bg-image .container, .section-sm.bg-image .container-fluid { padding: 70px 30px; } .section, .section-md { padding: 30px 0; } .section.bg-image .container, .section.bg-image .container-fluid, .section-md.bg-image .container, .section-md.bg-image .container-fluid { padding: 100px 30px; } .section-lg { padding: 50px 0; } .section-lg.bg-image .container, .section-lg.bg-image .container-fluid { padding: 160px 30px; } .section-xl { padding: 80px 0; } .section-xl.bg-image .container, .section-xl.bg-image .container-fluid { padding: 200px 30px; } .section-2xl { padding: 100px 0; } .section-2xl.bg-image .container, .section-2xl.bg-image .container-fluid { padding: 240px 30px; } @media (max-width: 767.98px) { .section-xs { padding: 30px 0; } .section-xs.bg-image .container, .section-xs.bg-image .container-fluid { padding: 30px 30px; } .section-sm { padding: 50px 0; } .section-sm.bg-image .container, .section-sm.bg-image .container-fluid { padding: 50px 30px; } .section, .section-md { padding: 80px 0; } .section.bg-image .container, .section.bg-image .container-fluid, .section-md.bg-image .container, .section-md.bg-image .container-fluid { padding: 80px 30px; } .section-lg { padding: 120px 0; } .section-lg.bg-image .container, .section-lg.bg-image .container-fluid { padding: 120px 30px; } .section-xl { padding: 160px 0; } .section-xl.bg-image .container, .section-xl.bg-image .container-fluid { padding: 160px 30px; } .section-2xl { padding: 180px 0; } .section-2xl.bg-image .container, .section-2xl.bg-image .container-fluid { padding: 180px 30px; } } @media (max-width: 575.98px) { .section, .section-md { padding: 70px 0; } .section.bg-image .container, .section.bg-image .container-fluid, .section-md.bg-image .container, .section-md.bg-image .container-fluid { padding: 70px 30px; } .section-lg { padding: 100px 0; } .section-lg.bg-image .container, .section-lg.bg-image .container-fluid { padding: 100px 30px; } .section-xl { padding: 140px 0; } .section-xl.bg-image .container, .section-xl.bg-image .container-fluid { padding: 120px 30px; } .section-2xl { padding: 160px 0; } .section-2xl.bg-image .container, .section-2xl.bg-image .container-fluid { padding: 140px 30px; } } .section-xs.bg-image, .section-sm.bg-image, .section.bg-image, .section-md.bg-image, .section-lg.bg-image, .section-xl.bg-image, .section-2xl.bg-image { padding: 0; } .section-fullscreen { width: 100%; height: 100vh; } .section-fullscreen .bg-black, .section-fullscreen [class*='bg-white'], .section-fullscreen [class*='bg-gray'], .section-fullscreen [class*='bg-dark'], .section-fullscreen [class*='bg-gradient'], .section-fullscreen [class*='bg-color'], .section-fullscreen .container, .section-fullscreen .container-fluid { height: 100%; } :root { --bs-dark-rgb: 24, 28, 32; --bs-border-color: rgba(18, 21, 24, 0.1); } .bg-white-09 { background: rgba(255, 255, 255, 0.9); } .bg-white-08 { background: rgba(255, 255, 255, 0.8); } .bg-white-07 { background: rgba(255, 255, 255, 0.7); } .bg-white-06 { background: rgba(255, 255, 255, 0.6); } .bg-white-05 { background: rgba(255, 255, 255, 0.5); } .bg-white-04 { background: rgba(255, 255, 255, 0.4); } .bg-white-03 { background: rgba(255, 255, 255, 0.3); } .bg-white-02 { background: rgba(255, 255, 255, 0.2); } .bg-white-01 { background: rgba(255, 255, 255, 0.1); } .bg-black { background: black; } .bg-dark-lighter { background: #202428; } .bg-dark-lightest { background: #282c30; } .bg-dark { background: #181c20; } .bg-dark-09 { background: rgba(40, 44, 48, 0.9); } .bg-dark-08 { background: rgba(40, 44, 48, 0.8); } .bg-dark-07 { background: rgba(40, 44, 48, 0.7); } .bg-dark-06 { background: rgba(40, 44, 48, 0.6); } .bg-dark-05 { background: rgba(40, 44, 48, 0.5); } .bg-dark-04 { background: rgba(40, 44, 48, 0.4); } .bg-dark-03 { background: rgba(40, 44, 48, 0.3); } .bg-dark-02 { background: rgba(40, 44, 48, 0.2); } .bg-dark-01 { background: rgba(40, 44, 48, 0.1); } .bg-gray { background: #eef2f6; } .bg-gray-lighter { background: #f1f5f9; } .bg-gray-lightest { background: #f4f8fc; } .bg-light-blue { background: #e2f2fb; } .bg-light-purple { background: #F5E4FF; } .bg-light-pink-edge { background: #FEE6ED; } .bg-light-golden-yellow { background: #FFEFDB; } .bg-light-very-peri { background: #EDEDF5; } .bg-light-turquiose { background: #E2F4F0; } .bg-light-spring-red { background: #F7E5E7; } .bg-light-tan { background: #f6f0e8; } .bg-light-aqua { background: #CEF6F7; } .bg-color-blue { background: #0093E9; } .bg-color-blue-09 { background: rgba(0, 147, 233, 0.9); } .bg-color-blue-08 { background: rgba(0, 147, 233, 0.8); } .bg-color-blue-07 { background: rgba(0, 147, 233, 0.7); } .bg-color-blue-06 { background: rgba(0, 147, 233, 0.6); } .bg-color-blue-05 { background: rgba(0, 147, 233, 0.5); } .bg-color-blue-04 { background: rgba(0, 147, 233, 0.4); } .bg-color-blue-03 { background: rgba(0, 147, 233, 0.3); } .bg-color-blue-02 { background: rgba(0, 147, 233, 0.2); } .bg-color-blue-01 { background: rgba(0, 147, 233, 0.1); } .bg-color-purple { background: #B721FF; } .bg-color-purple-09 { background: rgba(183, 33, 255, 0.9); } .bg-color-purple-08 { background: rgba(183, 33, 255, 0.8); } .bg-color-purple-07 { background: rgba(183, 33, 255, 0.7); } .bg-color-purple-06 { background: rgba(183, 33, 255, 0.6); } .bg-color-purple-05 { background: rgba(183, 33, 255, 0.5); } .bg-color-purple-04 { background: rgba(183, 33, 255, 0.4); } .bg-color-purple-03 { background: rgba(183, 33, 255, 0.3); } .bg-color-purple-02 { background: rgba(183, 33, 255, 0.2); } .bg-color-purple-01 { background: rgba(183, 33, 255, 0.1); } .bg-color-golden-yellow { background: #FFB657; } .bg-color-golden-yellow-09 { background: rgba(255, 182, 87, 0.9); } .bg-color-golden-yellow-08 { background: rgba(255, 182, 87, 0.8); } .bg-color-golden-yellow-07 { background: rgba(255, 182, 87, 0.7); } .bg-color-golden-yellow-06 { background: rgba(255, 182, 87, 0.6); } .bg-color-golden-yellow-05 { background: rgba(255, 182, 87, 0.5); } .bg-color-golden-yellow-04 { background: rgba(255, 182, 87, 0.4); } .bg-color-golden-yellow-03 { background: rgba(255, 182, 87, 0.3); } .bg-color-golden-yellow-02 { background: rgba(255, 182, 87, 0.2); } .bg-color-golden-yellow-01 { background: rgba(255, 182, 87, 0.1); } .bg-color-pink-edge { background: #FE9AB6; } .bg-color-pink-edge-09 { background: rgba(254, 154, 182, 0.9); } .bg-color-pink-edge-08 { background: rgba(254, 154, 182, 0.8); } .bg-color-pink-edge-07 { background: rgba(254, 154, 182, 0.7); } .bg-color-pink-edge-06 { background: rgba(254, 154, 182, 0.6); } .bg-color-pink-edge-05 { background: rgba(254, 154, 182, 0.5); } .bg-color-pink-edge-04 { background: rgba(254, 154, 182, 0.4); } .bg-color-pink-edge-03 { background: rgba(254, 154, 182, 0.3); } .bg-color-pink-edge-02 { background: rgba(254, 154, 182, 0.2); } .bg-color-pink-edge-01 { background: rgba(254, 154, 182, 0.1); } .bg-color-very-peri { background: #6667AB; } .bg-color-very-peri-09 { background: rgba(102, 103, 171, 0.9); } .bg-color-very-peri-08 { background: rgba(102, 103, 171, 0.8); } .bg-color-very-peri-07 { background: rgba(102, 103, 171, 0.7); } .bg-color-very-peri-06 { background: rgba(102, 103, 171, 0.6); } .bg-color-very-peri-05 { background: rgba(102, 103, 171, 0.5); } .bg-color-very-peri-04 { background: rgba(102, 103, 171, 0.4); } .bg-color-very-peri-03 { background: rgba(102, 103, 171, 0.3); } .bg-color-very-peri-02 { background: rgba(102, 103, 171, 0.2); } .bg-color-very-peri-01 { background: rgba(102, 103, 171, 0.1); } .bg-color-turquiose { background: #4cbfa6; } .bg-color-turquiose-09 { background: rgba(76, 191, 166, 0.9); } .bg-color-turquiose-08 { background: rgba(76, 191, 166, 0.8); } .bg-color-turquiose-07 { background: rgba(76, 191, 166, 0.7); } .bg-color-turquiose-06 { background: rgba(76, 191, 166, 0.6); } .bg-color-turquiose-05 { background: rgba(76, 191, 166, 0.5); } .bg-color-turquiose-04 { background: rgba(76, 191, 166, 0.4); } .bg-color-turquiose-03 { background: rgba(76, 191, 166, 0.3); } .bg-color-turquiose-02 { background: rgba(76, 191, 166, 0.2); } .bg-color-turquiose-01 { background: rgba(76, 191, 166, 0.1); } .bg-color-spring-red { background: #BE1F35; } .bg-color-spring-red-09 { background: rgba(190, 31, 53, 0.9); } .bg-color-spring-red-08 { background: rgba(190, 31, 53, 0.8); } .bg-color-spring-red-07 { background: rgba(190, 31, 53, 0.7); } .bg-color-spring-red-06 { background: rgba(190, 31, 53, 0.6); } .bg-color-spring-red-05 { background: rgba(190, 31, 53, 0.5); } .bg-color-spring-red-04 { background: rgba(190, 31, 53, 0.4); } .bg-color-spring-red-03 { background: rgba(190, 31, 53, 0.3); } .bg-color-spring-red-02 { background: rgba(190, 31, 53, 0.2); } .bg-color-spring-red-01 { background: rgba(190, 31, 53, 0.1); } .bg-color-tan { background: #d2b48c; } .bg-color-tan-09 { background: rgba(210, 180, 140, 0.9); } .bg-color-tan-08 { background: rgba(210, 180, 140, 0.8); } .bg-color-tan-07 { background: rgba(210, 180, 140, 0.7); } .bg-color-tan-06 { background: rgba(210, 180, 140, 0.6); } .bg-color-tan-05 { background: rgba(210, 180, 140, 0.5); } .bg-color-tan-04 { background: rgba(210, 180, 140, 0.4); } .bg-color-tan-03 { background: rgba(210, 180, 140, 0.3); } .bg-color-tan-02 { background: rgba(210, 180, 140, 0.2); } .bg-color-tan-01 { background: rgba(210, 180, 140, 0.1); } .bg-color-aqua { background: #03D4D8; } .bg-color-aqua-09 { background: rgba(3, 212, 216, 0.9); } .bg-color-aqua-08 { background: rgba(3, 212, 216, 0.8); } .bg-color-aqua-07 { background: rgba(3, 212, 216, 0.7); } .bg-color-aqua-06 { background: rgba(3, 212, 216, 0.6); } .bg-color-aqua-05 { background: rgba(3, 212, 216, 0.5); } .bg-color-aqua-04 { background: rgba(3, 212, 216, 0.4); } .bg-color-aqua-03 { background: rgba(3, 212, 216, 0.3); } .bg-color-aqua-02 { background: rgba(3, 212, 216, 0.2); } .bg-color-aqua-01 { background: rgba(3, 212, 216, 0.1); } .bg-gradient-1 { background-image: linear-gradient(19deg, #21D4FD 0%, #B721FF 100%); } .bg-gradient-2 { background-image: linear-gradient(45deg, #A9C9FF 0%, #FFBBEC 100%); } .bg-gradient-3 { background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%); } .bg-gradient-4 { background-image: linear-gradient(90deg, #00DBDE 0%, #FC00FF 100%); } .bg-gradient-5 { background-image: linear-gradient(45deg, #FBDA61 0%, #FF5ACD 100%); } .bg-gradient-6 { background-image: linear-gradient(160deg, #0093E9 0%, #80D0C7 100%); } .bg-gradient-7 { background-image: linear-gradient(90deg, #007990 0%, #6CE5C0 100%); } .bg-white-content, [class*='bg-white'], .bg-black [class*='bg-white'], [class*='bg-dark'] [class*='bg-white'], [class*='bg-gradient-'] [class*='bg-white'], [class*='bg-color-'] [class*='bg-white'] { color: #7C7C7C; } .bg-white-content h1, [class*='bg-white'] h1, .bg-black [class*='bg-white'] h1, [class*='bg-dark'] [class*='bg-white'] h1, [class*='bg-gradient-'] [class*='bg-white'] h1, [class*='bg-color-'] [class*='bg-white'] h1, .bg-white-content h2, [class*='bg-white'] h2, .bg-black [class*='bg-white'] h2, [class*='bg-dark'] [class*='bg-white'] h2, [class*='bg-gradient-'] [class*='bg-white'] h2, [class*='bg-color-'] [class*='bg-white'] h2, .bg-white-content h3, [class*='bg-white'] h3, .bg-black [class*='bg-white'] h3, [class*='bg-dark'] [class*='bg-white'] h3, [class*='bg-gradient-'] [class*='bg-white'] h3, [class*='bg-color-'] [class*='bg-white'] h3, .bg-white-content h4, [class*='bg-white'] h4, .bg-black [class*='bg-white'] h4, [class*='bg-dark'] [class*='bg-white'] h4, [class*='bg-gradient-'] [class*='bg-white'] h4, [class*='bg-color-'] [class*='bg-white'] h4, .bg-white-content h5, [class*='bg-white'] h5, .bg-black [class*='bg-white'] h5, [class*='bg-dark'] [class*='bg-white'] h5, [class*='bg-gradient-'] [class*='bg-white'] h5, [class*='bg-color-'] [class*='bg-white'] h5, .bg-white-content h6, [class*='bg-white'] h6, .bg-black [class*='bg-white'] h6, [class*='bg-dark'] [class*='bg-white'] h6, [class*='bg-gradient-'] [class*='bg-white'] h6, [class*='bg-color-'] [class*='bg-white'] h6 { color: #d31a4f; } .bg-white-content a:not([class^='button']), [class*='bg-white'] a:not([class^='button']) { color: rgba(124, 124, 124, 1); } .bg-white-content a:not([class^='button']):hover, [class*='bg-white'] a:not([class^='button']):hover, .bg-white-content a:not([class^='button']):focus, [class*='bg-white'] a:not([class^='button']):focus { color: #d31a4f; } .bg-dark-content, .bg-black, [class*='bg-dark'], [class*='bg-gradient-'], [class*='bg-color-'] { color: rgba(255, 255, 255, 0.7); } .bg-dark-content h1, .bg-black h1, [class*='bg-dark'] h1, [class*='bg-gradient-'] h1, [class*='bg-color-'] h1, .bg-dark-content h2, .bg-black h2, [class*='bg-dark'] h2, [class*='bg-gradient-'] h2, [class*='bg-color-'] h2, .bg-dark-content h3, .bg-black h3, [class*='bg-dark'] h3, [class*='bg-gradient-'] h3, [class*='bg-color-'] h3, .bg-dark-content h4, .bg-black h4, [class*='bg-dark'] h4, [class*='bg-gradient-'] h4, [class*='bg-color-'] h4, .bg-dark-content h5, .bg-black h5, [class*='bg-dark'] h5, [class*='bg-gradient-'] h5, [class*='bg-color-'] h5, .bg-dark-content h6, .bg-black h6, [class*='bg-dark'] h6, [class*='bg-gradient-'] h6, [class*='bg-color-'] h6 { color: white; } .bg-dark-content a:not([class^='button']), .bg-black a:not([class^='button']), [class*='bg-dark'] a:not([class^='button']), [class*='bg-gradient-'] a:not([class^='button']), [class*='bg-color-'] a:not([class^='button']) { color: rgba(255, 255, 255, 0.9); } .bg-dark-content a:not([class^='button']):hover, .bg-black a:not([class^='button']):hover, [class*='bg-dark'] a:not([class^='button']):hover, [class*='bg-gradient-'] a:not([class^='button']):hover, [class*='bg-color-'] a:not([class^='button']):hover, .bg-dark-content a:not([class^='button']):focus, .bg-black a:not([class^='button']):focus, [class*='bg-dark'] a:not([class^='button']):focus, [class*='bg-gradient-'] a:not([class^='button']):focus, [class*='bg-color-'] a:not([class^='button']):focus { color: white; } .font-family-primary { font-family: "Open Sans", sans-serif; } .font-family-secondary, .font-family-playfair { font-family: "Playfair Display", serif; } .font-family-tertiary, .font-family-poppins { font-family: "Poppins", sans-serif; } .font-family-nunito { font-family: "Nunito", sans-serif; } .fw-thin { font-weight: 100; } .fw-medium { font-weight: 500; } .fw-semi-bold { font-weight: 600; } .fw-black { font-weight: 900; } *.text-white-09 { color: rgba(255, 255, 255, 0.9); } *.text-white-08 { color: rgba(255, 255, 255, 0.8); } *.text-white-07 { color: rgba(255, 255, 255, 0.7); } *.text-white-06 { color: rgba(255, 255, 255, 0.6); } *.text-white-05 { color: rgba(255, 255, 255, 0.5); } *.text-white-04 { color: rgba(255, 255, 255, 0.4); } *.text-white-03 { color: rgba(255, 255, 255, 0.3); } *.text-white-02 { color: rgba(255, 255, 255, 0.2); } *.text-white-01 { color: rgba(255, 255, 255, 0.1); } *.text-dark { color: #d31a4f; } *.text-dark-09 { color: rgba(18, 21, 24, 0.9); } *.text-dark-08 { color: rgba(18, 21, 24, 0.8); } *.text-dark-07 { color: rgba(18, 21, 24, 0.7); } *.text-dark-06 { color: rgba(18, 21, 24, 0.6); } *.text-dark-05 { color: rgba(18, 21, 24, 0.5); } *.text-dark-04 { color: rgba(18, 21, 24, 0.4); } *.text-dark-03 { color: rgba(18, 21, 24, 0.3); } *.text-dark-02 { color: rgba(18, 21, 24, 0.2); } *.text-dark-01 { color: rgba(18, 21, 24, 0.1); } *.text-red { color: #dc3545; } *.text-green { color: #28a745; } *.text-blue { color: #0093E9; } *.text-purple { color: #B721FF; } *.text-golden-yellow { color: #FFB657; } *.text-pink-edge { color: #FE9AB6; } *.text-very-peri { color: #6667AB; } *.text-turquiose { color: #4cbfa6; } *.text-spring-red { color: #BE1F35; } *.text-tan { color: #d2b48c; } *.text-aqua { color: #03D4D8; } [class*='text-gradient'] { display: inline-block; } .text-gradient-1 { background-image: linear-gradient(19deg, #21D4FD 0%, #B721FF 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .text-gradient-2 { background-image: linear-gradient(45deg, #A9C9FF 0%, #FFBBEC 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .text-gradient-3 { background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .text-gradient-4 { background-image: linear-gradient(90deg, #00DBDE 0%, #FC00FF 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .text-gradient-5 { background-image: linear-gradient(45deg, #FBDA61 0%, #FF5ACD 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .text-gradient-6 { background-image: linear-gradient(160deg, #0093E9 0%, #80D0C7 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .text-gradient-7 { background-image: linear-gradient(90deg, #007990 0%, #6CE5C0 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } [class*='text-highlight'] { position: relative; display: inline-block; } [class*='text-highlight']:before { content: ''; position: absolute; left: 0; width: 100%; height: 4px; border-radius: 2px; } .text-highlight:before { bottom: -1px; background: rgba(18, 21, 24, 0.2); } .text-highlight-gradient:before { bottom: -2px; background-image: linear-gradient(19deg, #21D4FD 0%, #B721FF 100%); } .text-highlight-gradient-2:before { bottom: -2px; background-image: linear-gradient(45deg, #A9C9FF 0%, #FFBBEC 100%); } .text-highlight-gradient-3:before { bottom: -2px; background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%); } .text-highlight-gradient-4:before { bottom: -2px; background-image: linear-gradient(90deg, #00DBDE 0%, #FC00FF 100%); } .text-highlight-gradient-5:before { bottom: -2px; background-image: linear-gradient(45deg, #FBDA61 0%, #FF5ACD 100%); } .text-highlight-gradient-6:before { bottom: -2px; background-image: linear-gradient(160deg, #0093E9 0%, #80D0C7 100%); } .text-highlight-gradient-7:before { bottom: -2px; background-image: linear-gradient(90deg, #007990 0%, #6CE5C0 100%); } h1[class*='text-highlight']:before, h2[class*='text-highlight']:before { bottom: -2px; height: 6px; border-radius: 3px; } h3[class*='text-highlight']:before { bottom: -2px; height: 5px; border-radius: 3px; } h1.display-1[class*='text-highlight']:before { bottom: -8px; height: 10px; border-radius: 5px; } h1.display-2[class*='text-highlight']:before { bottom: -6px; height: 8px; border-radius: 4px; } h1.display-3[class*='text-highlight']:before { bottom: -6px; height: 8px; border-radius: 4px; } h1.display-4[class*='text-highlight']:before { bottom: -6px; height: 7px; border-radius: 4px; } .bg-black .text-highlight:before, [class*='bg-dark'] .text-highlight:before, [class*='bg-gradient-'] .text-highlight:before, [class*='bg-color-'] .text-highlight:before { background: rgba(255, 255, 255, 0.3); } .stroke-text { color: #d31a4f; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 1.0px; -webkit-text-stroke-color: #d31a4f; } @media (min-width: 768px) { .stroke-text { -webkit-text-stroke-width: 1.2px; } } @media (min-width: 992px) { .stroke-text { -webkit-text-stroke-width: 1.4px; } } .bg-black .stroke-text, [class*='bg-dark'] .stroke-text, [class*='bg-gradient-'] .stroke-text, [class*='bg-color-'] .stroke-text { color: white; -webkit-text-stroke-color: white; } .bg-black .bg-white .stroke-text, .bg-black [class*='bg-white'] .stroke-text, [class*='bg-dark'] .bg-white .stroke-text, [class*='bg-dark'] [class*='bg-white'] .stroke-text, [class*='bg-gradient-'] .bg-white .stroke-text, [class*='bg-gradient-'] [class*='bg-white'] .stroke-text, [class*='bg-color-'] .bg-white .stroke-text, [class*='bg-color-'] [class*='bg-white'] .stroke-text { color: #d31a4f; -webkit-text-stroke-color: #d31a4f; } .fancy-text { -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 1.0px; -webkit-text-stroke-color: #d31a4f; -webkit-text-shadow: 3px 3px 0 #dbdddf; text-shadow: 3px 3px 0 #dbdddf; } @media (min-width: 768px) { .fancy-text { -webkit-text-stroke-width: 1.2px; } } @media (min-width: 992px) { .fancy-text { -webkit-text-stroke-width: 1.4px; } } .fancy-text.display-1, .fancy-text.display-2, .fancy-text.display-3 { -webkit-text-shadow: 4px 4px 0 #dbdddf; text-shadow: 4px 4px 0 #dbdddf; } @media (min-width: 768px) { .fancy-text.display-1, .fancy-text.display-2, .fancy-text.display-3 { -webkit-text-shadow: 5px 5px 0 #dbdddf; text-shadow: 5px 5px 0 #dbdddf; } .fancy-text.display-4 { -webkit-text-shadow: 4px 4px 0 #dbdddf; text-shadow: 4px 4px 0 #dbdddf; } } .bg-black .fancy-text, [class*='bg-dark'] .fancy-text, [class*='bg-gradient-'] .fancy-text, [class*='bg-color-'] .fancy-text { color: white; -webkit-text-stroke-color: white; -webkit-text-shadow: 3px 3px 0 #2e3032; text-shadow: 3px 3px 0 #2e3032; } .bg-black .fancy-text.display-1, .bg-black .fancy-text.display-2, .bg-black .fancy-text.display-3, [class*='bg-dark'] .fancy-text.display-1, [class*='bg-dark'] .fancy-text.display-2, [class*='bg-dark'] .fancy-text.display-3, [class*='bg-gradient-'] .fancy-text.display-1, [class*='bg-gradient-'] .fancy-text.display-2, [class*='bg-gradient-'] .fancy-text.display-3, [class*='bg-color-'] .fancy-text.display-1, [class*='bg-color-'] .fancy-text.display-2, [class*='bg-color-'] .fancy-text.display-3 { -webkit-text-shadow: 4px 4px 0 #2e3032; text-shadow: 4px 4px 0 #2e3032; } @media (min-width: 768px) { .bg-black .fancy-text.display-1, .bg-black .fancy-text.display-2, .bg-black .fancy-text.display-3, [class*='bg-dark'] .fancy-text.display-1, [class*='bg-dark'] .fancy-text.display-2, [class*='bg-dark'] .fancy-text.display-3, [class*='bg-gradient-'] .fancy-text.display-1, [class*='bg-gradient-'] .fancy-text.display-2, [class*='bg-gradient-'] .fancy-text.display-3, [class*='bg-color-'] .fancy-text.display-1, [class*='bg-color-'] .fancy-text.display-2, [class*='bg-color-'] .fancy-text.display-3 { -webkit-text-shadow: 5px 5px 0 #2e3032; text-shadow: 5px 5px 0 #2e3032; } .bg-black .fancy-text.display-4, [class*='bg-dark'] .fancy-text.display-4, [class*='bg-gradient-'] .fancy-text.display-4, [class*='bg-color-'] .fancy-text.display-4 { -webkit-text-shadow: 4px 4px 0 #2e3032; text-shadow: 4px 4px 0 #2e3032; } } .bg-black [class*='bg-white'] .fancy-text, [class*='bg-dark'] [class*='bg-white'] .fancy-text, [class*='bg-gradient-'] [class*='bg-white'] .fancy-text, [class*='bg-color-'] [class*='bg-white'] .fancy-text { color: #d31a4f; -webkit-text-stroke-color: #d31a4f; -webkit-text-shadow: 3px 3px 0 #dbdddf; text-shadow: 3px 3px 0 #dbdddf; } .bg-black [class*='bg-white'] .fancy-text.display-1, .bg-black [class*='bg-white'] .fancy-text.display-2, .bg-black [class*='bg-white'] .fancy-text.display-3, [class*='bg-dark'] [class*='bg-white'] .fancy-text.display-1, [class*='bg-dark'] [class*='bg-white'] .fancy-text.display-2, [class*='bg-dark'] [class*='bg-white'] .fancy-text.display-3, [class*='bg-gradient-'] [class*='bg-white'] .fancy-text.display-1, [class*='bg-gradient-'] [class*='bg-white'] .fancy-text.display-2, [class*='bg-gradient-'] [class*='bg-white'] .fancy-text.display-3, [class*='bg-color-'] [class*='bg-white'] .fancy-text.display-1, [class*='bg-color-'] [class*='bg-white'] .fancy-text.display-2, [class*='bg-color-'] [class*='bg-white'] .fancy-text.display-3 { -webkit-text-shadow: 4px 4px 0 #dbdddf; text-shadow: 4px 4px 0 #dbdddf; } @media (min-width: 768px) { .bg-black [class*='bg-white'] .fancy-text.display-1, .bg-black [class*='bg-white'] .fancy-text.display-2, .bg-black [class*='bg-white'] .fancy-text.display-3, [class*='bg-dark'] [class*='bg-white'] .fancy-text.display-1, [class*='bg-dark'] [class*='bg-white'] .fancy-text.display-2, [class*='bg-dark'] [class*='bg-white'] .fancy-text.display-3, [class*='bg-gradient-'] [class*='bg-white'] .fancy-text.display-1, [class*='bg-gradient-'] [class*='bg-white'] .fancy-text.display-2, [class*='bg-gradient-'] [class*='bg-white'] .fancy-text.display-3, [class*='bg-color-'] [class*='bg-white'] .fancy-text.display-1, [class*='bg-color-'] [class*='bg-white'] .fancy-text.display-2, [class*='bg-color-'] [class*='bg-white'] .fancy-text.display-3 { -webkit-text-shadow: 5px 5px 0 #dbdddf; text-shadow: 5px 5px 0 #dbdddf; } .bg-black [class*='bg-white'] .fancy-text.display-4, [class*='bg-dark'] [class*='bg-white'] .fancy-text.display-4, [class*='bg-gradient-'] [class*='bg-white'] .fancy-text.display-4, [class*='bg-color-'] [class*='bg-white'] .fancy-text.display-4 { -webkit-text-shadow: 4px 4px 0 #dbdddf; text-shadow: 4px 4px 0 #dbdddf; } } .border-top, .border-right, .border-bottom, .border-left { border-width: 0; border-style: solid; border-color: rgba(18, 21, 24, 0.1); } .border-top { border-top-width: 1px; } .border-right { border-right-width: 1px; } .border-bottom { border-bottom-width: 1px; } .border-left { border-left-width: 1px; } .bg-black .border, .bg-black .border-top, .bg-black .border-right, .bg-black .border-bottom, .bg-black .border-left, [class*='bg-dark'] .border, [class*='bg-dark'] .border-top, [class*='bg-dark'] .border-right, [class*='bg-dark'] .border-bottom, [class*='bg-dark'] .border-left, [class*='bg-gradient-'] .border, [class*='bg-gradient-'] .border-top, [class*='bg-gradient-'] .border-right, [class*='bg-gradient-'] .border-bottom, [class*='bg-gradient-'] .border-left, [class*='bg-color-'] .border, [class*='bg-color-'] .border-top, [class*='bg-color-'] .border-right, [class*='bg-color-'] .border-bottom, [class*='bg-color-'] .border-left { border-color: rgba(255, 255, 255, 0.2) !important; } .border-style-dotted { border-style: dotted; } .border-style-dashed { border-style: dashed; } .n-margin-1 { margin-top: -1rem; } .n-margin-2 { margin-top: -2rem; } .n-margin-3 { margin-top: -3rem; } .n-margin-4 { margin-top: -4rem; } .n-margin-5 { margin-top: -5rem; } .n-margin-6 { margin-top: -6rem; } .bg-dark { background: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%) !important;; } @media (max-width: 400px) { .logo-dark { height: 30px !important; } } </style> </head> <body>  <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5BF5P4Z" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript>   <div class="header right sticky absolute-light"> <div class="container">  <div class="header-logo"> <a href="/"> <img class="logo-dark" src="/uploads/conferences/10025/PolishTravelQuoVadis-65c381df51cfa.svg" alt="Polish Travel Quo Vadis - Kompleksowa obsługa podróży służbowych"> <img class="logo-light" src="/uploads/conferences/10025/PolishTravelQuoVadis-65c381df51cfa.svg" alt="Polish Travel Quo Vadis - Kompleksowa obsługa podróży służbowych"> </a> </div>  <div class="header-menu"> <ul class="nav"> <li class="nav-item"> <a class="nav-link d-toggle" href="/organizacja-podrozy-sluzbowych">Podróże służbowe</a> <ul class="nav-dropdown"> <li class="nav-dropdown-item"><a class="nav-dropdown-link" href="/delegacja-zagraniczna">Delegacja zagraniczna</a></li> <li class="nav-dropdown-item"><a class="nav-dropdown-link" href="/rezerwacja-hoteli-dla-firm">Rezerwacja hoteli</a></li> <li class="nav-dropdown-item"><a class="nav-dropdown-link" href="/bilety-lotnicze-dla-firm">Bilety lotnicze</a></li> <li class="nav-dropdown-item"><a class="nav-dropdown-link" href="/bilety-autobusowe-dla-firm">Bilety autobusowe</a></li> <li class="nav-dropdown-item"><a class="nav-dropdown-link" href="/podroze-w-administracji-publicznej">Podróże administracji publicznej </a></li> <li class="nav-dropdown-item"><a class="nav-dropdown-link" href="/ubezpieczenia-podrozy-sluzbowych">Ubezpieczenia</a></li> <li class="nav-dropdown-item"><a class="nav-dropdown-link" href="/polityka-podrozy-sluzbowych">Polityka podróży</a></li> <li class="nav-dropdown-item"><a class="nav-dropdown-link" href="https://btm.ptqv.pl/" rel="nofollow" target="_blank">Business Travel Management</a></li> </ul> </li> <li class="nav-item"> <a class="nav-link d-toggle" href=" /uslugi-mice">Usługi MICE</a> <ul class="nav-dropdown"> <li class="nav-dropdown-item"><a class="nav-dropdown-link" href="/organizowanie-konferencji">Organizowanie konferencji</a></li> <li class="nav-dropdown-item"><a class="nav-dropdown-link" href="/konferencje-naukowe-i-medyczne">Konferencje naukowe i medyczne </a></li> <li class="nav-dropdown-item"><a class="nav-dropdown-link" href="/organizacja-kongresow">Organizacja kongresów </a></li> <li class="nav-dropdown-item"><a class="nav-dropdown-link" href="/konferencje-nad-morzem">Konferencje nad morzem </a></li> <li class="nav-dropdown-item"><a class="nav-dropdown-link" href="/konferencje-w-gorach">Konferencje w górach </a></li> <li class="nav-dropdown-item"><a class="nav-dropdown-link" href="/konferencje-nad-jeziorem">Konferencje nad jeziorem</a> </li> <li class="nav-dropdown-item"><a class="nav-dropdown-link" href="/konferencje-na-mazurach">Konferencje na Mazurach</a></li> <li class="nav-dropdown-item"><a class="nav-dropdown-link" href="https://www.visitpoland.com/" rel="nofollow" target="_blank"> DMC Poland</a></li> </ul> </li> <li class="nav-item"> <a class="nav-link" href="/wyjazdy_integracyjne_dla_firm">Wyjazdy integracyjne</a> </li> <li class="nav-item"> <a class="nav-link" href="/incentive-travel">Incentive Travel</a></li> </li> <li class="nav-item"> <a class="nav-link" href="/blog">Blog</a></a> </li> <li class="nav-item"> <a class="nav-link" href="/dane_kontaktowe">Kontakt</a></li> </li> </ul> </div>  <div class="header-menu-extra"> <ul class="list-inline"> <li><a href="https://www.facebook.com/polishtravel" target="_blank"><i class="fab fa-facebook-f"></i></a></li> </ul> </div>  <button class="header-toggle"> <span></span> </button> </div> </div>  <div class="owl-carousel" data-owl-dots="false" data-owl-margin="50" data-owl-autoplay="true" data-owl-xs="1" data-owl-sm="1" data-owl-md="1" data-owl-lg="1" data-owl-xl="1">  <div class="section-xl bg-image parallax" data-bg-src="/uploads/conferences/10025/organizacja-podrozy-sluzbowych-65ae7719c8d11.jpg"> <div class="bg-dark-03 section-divider-wavesOpacity-bottom"> <div class="container text-center"> <br> <h2 style="margin-top: 0px; color:#ffffff">KOMPLEKSOWO ORGANIZUJEMY PODRÓŻE DLA FIRM</h2> <h2 style="margin-top: 0px; color:#ffffff">KOMPLEKSOWE USŁUGI BUSINESS TRAVEL</h2> <br> <br> <div class="row"> <div class="col-12 col-sm-10 offset-sm-1 col-md-8 offset-md-2 col-lg-6 offset-lg-3"> <a class="button button button-lg button-grey button-rounded margin-top-30" href="/formularz?#form">Zapytaj o ofertę</a> </div> </div> </div> </div> </div>  <div class="section-xl bg-image parallax" data-bg-src="/uploads/conferences/10025/organizacja-konferencji-i-kongresow-65ae7eff3fd45.jpg"> <div class="bg-dark-03 section-divider-wavesOpacity-bottom"> <div class="container text-center"> <br> <h2 style="margin-top: 0px; color:#ffffff">KOMPLEKSOWO ORGANIZUJEMY KONFERENCJE</h2> <h2 style="margin-top: 0px; color:#ffffff">KOMPLEKSOWO ORGANIZUJEMY KONGRESY</h2> <br> <br> <div class="row"> <div class="col-12 col-sm-10 offset-sm-1 col-md-8 offset-md-2 col-lg-6 offset-lg-3"> <a class="button button button-lg button-grey button-rounded margin-top-30" href="/formularz">Zapytaj o ofertę</a> </div> </div> </div> </div> </div>  <div class="section-xl bg-image parallax" data-bg-src="/uploads/conferences/10025/organizacja-eventow-i-spotkan-dla-firm-65ae86bc49cb4.jpg"> <div class="bg-dark-03 section-divider-wavesOpacity-bottom"> <div class="container text-center"> <br> <h2 style="margin-top: 0px; color:#ffffff">KOMPLEKSOWO ORGANIZUJEMY EVENTY</h2> <h2 style="margin-top: 0px; color:#ffffff">KOMPLEKSOWO ORGANIZUJEMY SPOTKANIA DLA FIRM</h2> <br> <br> <div class="row"> <div class="col-12 col-sm-10 offset-sm-1 col-md-8 offset-md-2 col-lg-6 offset-lg-3"> <a class="button button button-lg button-grey button-rounded margin-top-30" href="/formularz">Zapytaj o ofertę</a> </div> </div> </div> </div> </div>  <div class="section-xl bg-image parallax" data-bg-src="/uploads/conferences/10025/rezerwacja-hoteli-i-biletow-lotniczych-dla-firm-65ae8e973d06b.jpg"> <div class="bg-dark-03 section-divider-wavesOpacity-bottom"> <div class="container text-center"> <br> <h2 style="margin-top: 0px; color:#ffffff">REZERWACJA HOTELI DLA FIRM</h2> <h2 style="margin-top: 0px; color:#ffffff">REZERWACJA BILETÓW LOTNICZYCH DLA FIRM</h2> <br> <br> <div class="row"> <div class="col-12 col-sm-10 offset-sm-1 col-md-8 offset-md-2 col-lg-6 offset-lg-3"> <a class="button button button-lg button-grey button-rounded margin-top-30" href="/formularz">Zapytaj o ofertę</a> </div> </div> </div> </div> </div> </div> <div class="container"><div class="row"> <div class="col-12"> <div id="home" class="section padding-top-0 padding-bottom-0"> <div class="container"> <div class="margin-bottom-0"> <div class="row text-center"> <div class="col-12 col-md-10 offset-md-1 col-lg-10 offset-lg-1"> <h2 class="font-weight-light line-height-140 margin-0">Kompleksowa obsługa podróży służbowych <br><font color="#4C4C4C"></b> </font></h2> <br> <h6 class="font-weight-light line-height-140 margin-10"><font color="#4C4C4C"> podróże służbowe dla firm, profesjonalna obsługa podróży służbowych, rezerwacja hoteli, rezerwacja biletów lotniczych, ubezpieczenia podróży służbowych, usługi wizowe, obsługa podróży biznesowych, obsługa podróży firmowych, podróże dla firm, polityka podróży eventy online, wirtualne konferencje, wydarzenia w sieci, konferencje naukowe online </font></h6 </div> </div> </div> </div> </div> </div> <div class="row align-items-center g-5"> <div class="col-12 col-lg-6 sal-animate" data-sal="fade" data-sal-delay="50"> <div class="bg-white box-shadow border-radius p-4 p-lg-5"> <img src="/uploads/conferences/10025/Podroze-sluzbowe-i-wyjazdy-firmowe-65f96ae1a615d.jpg" alt="Podróże służbowe i wyjazdy firmowe"> </div> </div> <div class="col-12 col-lg-6 sal-animate" data-sal="fade" data-sal-delay="50"> <br><br> <h1 class="font-weight-light margin-bottom-10">Podróże służbowe i wyjazdy firmowe</h1> <p><b>Firmowe wyjazdy i podróże służbowe wymagają odpowiedniego zaplanowania i przygotowania. </b>Jako profesjonalne biuro podróży zapewniamy kompleksową organizację i obsługę tego typu wydarzeń. Gwarantujemy najwyższą jakość współpracy, sprawne i efektywne działanie, a także oszczędność czasu i pieniędzy. Zachęcamy do zapoznania się z naszą ofertą i wyboru najlepszych rozwiązań dla swojej Firmy! <p> <br><br> </p> </div> </div> <div class="section padding-top-0 padding-bottom-0"> <div class="container"> <div class="row col-spacing-20 align-items-justify"> <div class="col-12 col-lg-12"> <h2 class="font-weight-light margin-bottom-10">Podróże służbowe i wyjazdy firmowe – jakość płynąca z doświadczenia</h2><p> Polish Travel Quo Vadis to doświadczone biuro podróży dla firm z ponad 30-letnim doświadczeniem. <b>Od 1990 roku obsługujemy podróże służbowe i <a href="https://www.polishtravel.com.pl/delegacja-zagraniczna" target="_blank"">wyjazdy zagraniczne dla firm</a>.</b> Organizujemy także różnego typu wydarzenia z <a href="https://www.polishtravel.com.pl/uslugi-mice" target="_blank"">sektora MICE</a>. Jesteśmy Agentem IATA oraz członkiem Polskiej Izby Turystyki – największej ogólnopolskiej organizacji samorządu gospodarczego przemysłu turystycznego. Wszystkim naszym Klientom zapewniamy pełne zabezpieczenie prawne i najwyższą jakość świadczonych usług zgodnie z <a href="https://www.polishtravel.com.pl/polityka-podrozy-sluzbowych" target="_blank"">polityką podróży służbowych</a>. W trosce o spokój i bezpieczeństwo tych, którzy nam zaufali, posiadamy wszelkie wymagane prawem koncesje, w tym ubezpieczenie OC oraz ubezpieczenie organizatora turystyki. <br><br> <h2 class="font-weight-light margin-bottom-10">Kompleksowa organizacja wyjazdów służbowych</h2><p> <br> Jeśli chodzi o <a href="https://www.polishtravel.com.pl/organizacja-podrozy-sluzbowych" target="_blank"">organizację podróży służbowych</a>, oferujemy kompleksowe wsparcie w ich planowaniu i obsłudze. Zapewniamy takie usługi jak <a href="https://www.polishtravel.com.pl/rezerwacja-hoteli-dla-firm" target="_blank"">rezerwacja hoteli dla firm</a>, organizacja imprez typu MICE – meetings, incentives, conferences, events oraz <a href="https://www.polishtravel.com.pl/ubezpieczenia-podrozy-sluzbowych" target="_blank"">ubezpieczenie podróży służbowej</a>. Zajmujemy się również kwestiami związanymi z transportem – rezerwujemy <a href="https://www.polishtravel.com.pl/bilety-lotnicze-dla-firm" target="_blank"">bilety lotnicze dla firm</a> (w tym <a href="https://www.polishtravel.com.pl/bilety-lotnicze-dla-grup" target="_blank"">grupowe bilety lotnicze</a>), a także organizujemy wynajem samochodów. <br> <br> Planujemy i obsługujemy różnego rodzaju wyjazdy dla firm, takie jak: podróże służbowe, spotkania firmowe, wyjazdy grupowe, czy wyjazdy na kongresy i targi branżowe. W każdym przypadku zapewniamy profesjonalną obsługę i wsparcie dedykowanych konsultantów. <br> <br> <a href="https://www.polishtravel.com.pl/wyjazdy_integracyjne_dla_firm" target="_blank"">Wyjazdy integracyjne dla firm</a> mogą obejmować <a href="https://www.polishtravel.com.pl/incentive-travel" target="_blank"">Incentive Travel</a>, a także rezerwację: <a href="https://www.polishtravel.com.pl/konferencje-na-mazurach" target="_blank"">sal konferencyjnych na mazurach</a>, <a href="https://www.polishtravel.com.pl/konferencje-nad-jeziorem" target="_blank"">sal konferencyjnych nad jeziorem</a>, <a href="https://www.polishtravel.com.pl/konferencje-nad-morzem" target="_blank"">sal konferencyjnych nad morzem</a>, <a href="https://www.polishtravel.com.pl/konferencje-w-gorach" target="_blank"">sal konferencyjnych w górach</a>. <br><br> <h2 class="font-weight-light margin-bottom-10">Profesjonalna obsługa firmowych podróży</h2><p> <br> Jednym z naszych największych atutów jest możliwość dokonywania rezerwacji online poprzez specjalne, autorskie systemy rezerwacyjne. Na potrzeby współpracy z konkretnymi firmami, <b>oferujemy możliwość stworzenia dedykowanych systemów, dostosowanych do indywidualnych potrzeb</b> i wewnętrznych procedur związanych z polityką podróży służbowych. <br> Co więcej, w przypadku każdego wyjazdu dla firm zapewniamy pomoc doświadczonego opiekuna, sprawną obsługę telefoniczną oraz mailową, a także całodobowe telefony alarmowe. W ramach współpracy <b>oferujemy faktury zbiorcze, negocjowane terminy płatności</b>, szczegółowe raportowanie w/g centrów kosztowych oraz wiele innych praktycznych usług i korzystnych rozwiązań, ustalanych podczas indywidualnych negocjacji. <br> Każdy wyjazd służbowy może zostać zorganizowany zgodnie z Polityką podróży służbowych obowiązującą w Państwa Firmie, a także w zgodzie z wytycznymi dotyczącymi krajowych i zagranicznych podróży służbowych pracowników zatrudnionych w państwowej lub samorządowej jednostce sfery budżetowej. <br><br> <h2 class="font-weight-light margin-bottom-10">Business Travel Management – profesjonalny system obsługi podróży służbowych</h2><p> <br> Jako profesjonalne i doświadczone biuro podróży <b>dysponujemy skutecznymi narzędziami BTM (Business Travel Management), takimi jak Centrum Obsługi Podróży Służbowych</b>. To specjalistyczny system umożliwiający kompleksową obsługę podróży służbowych dla firm i instytucji oraz <a href="https://www.polishtravel.com.pl/podroze-w-administracji-publicznej" target="_blank"">podróży administracji publicznej</a>. Zapewnia on nie tylko sprawną organizację podróży, ale także realne oszczędności i pełną kontrolę nad wydatkami, jakie generuje konkretna podróż służbowa. <br> <b>W systemie można znaleźć między innymi takie moduły jak:</b> rezerwacje hotelowe online, rezerwacje biletów lotniczych, </a> <a href="https://www.polishtravel.com.pl/bilety-autobusowe-dla-firm" target="_blank"">bilety autobusowe dla firm</a>, rent-a-car – wynajem samochodów, ubezpieczenie podróży, usługi wizowe, konferencje, czy eventy. <br> System jest dostosowywany do struktury organizacyjnej firm, uwzględnia poziomy decyzyjności, uprawnienia do zaciągania zobowiązań, czy miejsca powstawania kosztów (cost centers) MPK. <b>Dzięki takiemu rozwiązaniu w łatwy sposób można określić politykę podróży służbowych w firmie</b>, a także efektywnie monitorować i optymalizować koszty firmowych wyjazdów. <br> <br> </a> </div> </div> </div> </div> </div> </div> </div><div class="container"><div class="row"> <div class="col-12"> </div> </div> </div><div class="container"><div class="row"> <div class="col-12"> </div> </div> </div> <div class="bg-gradient-3 p-3 p-lg-4 mt-3"> <br> <br> <div class="row text-center"> <div class="col-12 col-md-10 offset-md-1 col-lg-10 offset-lg-1"> <a class="button button-button-outline-white-2 button-md button-rounded" -top-30" href="/formularz?#form"><p class="text-white">Napisz do nas! </p></a> <br> <br> </div> </div> </div> </div> <br> <br> <div class="container"><div class="row"> <div class="col-12"> <div class="section padding-top-0 padding-bottom-0"> <div class="container"> <div class="row col-spacing-20 align-items-justify"> <div class="col-12 col-lg-12"> <h2 class="font-weight-light margin-bottom-10">Co możesz zyskać, wybierając PTQV?</h2><p> <br> Biuro podróży dla firm Polish Travel Quo Vadis to kreatywny, pełen pasji i zaangażowania zespół doświadczonych profesjonalistów, którzy postępują w myśl zasad turystycznego Kodeksu Etyki. W ramach kompleksowej obsługi podróży służbowych Klientom instytucjonalnym oferujemy nie tylko wyjątkowo atrakcyjną, globalną i kompleksową ofertę, ale także pomoc konsultantów oraz specjalistyczne wsparcie techniczne na każdym etapie współpracy. <b>Nasza oferta obejmuje między innymi: </b> <br> <br> <ul> <li><b>spersonalizowany, profesjonalny System dedykowany wyłącznie dla Twojej Firmy</b>. Dysponujemy własnym zespołem programistów, którzy w oparciu o szczegółowe wytyczne dostosowują go do indywidualnych, określonych wymogów, dzięki czemu mogą zintegrować go z już istniejącymi systemami, wspierającymi zarządzanie podróżami służbowymi,</li> <li><b>kompleksową kreację lub modyfikację polityki podróży służbowych</b>, w oparciu o dane historyczne, a także bieżące cele firmy, wraz z monitoringiem realizacji założeń i dynamiczną reakcją w przypadku zmiany celów,</li> <li><b>szczegółowe raportowanie</b>, z naciskiem na generowanie oszczędności czasu i pieniędzy w organizacji podróży służbowych, dostosowane do wymogów komórek controlingowych i zarządczych,</li> <li><b>negocjowanie w hotelach stawek korporacyjnych</b>, które będą widniały w systemie rezerwacji online, a także możliwość wynegocjowania dodatkowych rabatów,</li> <li><b>negocjowanie umów trójstronnych z liniami lotniczymi</b>,</li> <li><b>obsługę programów lojalnościowych</b>, lub (w przypadku braku) możliwość ich wprowadzenia,</li> <li><b>obsługę lub wprowadzanie programów partnerskich</b>,</li> <li><b>zapewnienie zgodności (compliance)</b> oferowanych usług z polityką podróży danej firmy,</li> <li><b>dedykowanych konkretnej firmie doświadczonych konsultantów</b> (ze średnio 15-letnim stażem pracy w PTQV), odpowiedzialnych za zindywidualizowaną obsługę,</li> <li><b>opiekuna dla klientów VIP</b>,</li> <li><b>Account Managera</b>, czyli profesjonalnego opiekuna firmy, który będzie odpowiedzialny za współpracę,</li> <li><b>telefon alarmowy 24/7</b>,</li> <li><b>odroczone terminy płatności</b>,</li> <li><b>spersonalizowane i dostosowane do potrzeb fakturowanie usług</b> – faktury zbiorcze, zgodne z ustalonymi formatami,</li> <li><b>prowadzenie procesów reklamacyjnych</b> w imieniu Klienta.</li> <br> <br> </a> </div> </div> </div> </div> </div> </div> </div><div class="container"><div class="row"> <div class="col-12"> </div> </div> </div><div class="container"><div class="row"> <div class="col-12"> </div> </div> </div><div class="container"><div class="row"> <div class="col-12"> </div> </div> </div><div class="container"><div class="row"> <div class="col-12"> </div> </div> </div> <div class="section bg-image parallax" data-bg-src="/uploads/conferences/10022/Baner2-63f33cedb5968.png" style="background-image: background-size: cover; background-repeat: no-repeat; background-attachment: fixed; background-position: center 148.787px;"> <div class="bg-dark-06"> <div class="container"> <div class="row text-center"> <div class="col-12 col-md-10 offset-md-1 col-lg-10 offset-lg-1"> <h2> <span style="color:red" class="typer" id="typer1" data-words="Szukasz Agenta do kompleksowej organizacji podróży dla firm?" data-colors="#ffffff" data-delay="100" data-deleteDelay="1500"></span><span class="cursor" data-owner="typer1"></span></h2> </div> </div> <br> <br> <div class="row text-center"> <div class="col-12 col-md-10 offset-md-1 col-lg-10 offset-lg-1"> <a class="button button-button-outline-white-2 button-md button-rounded" -top-30" href="/formularz?#form"><p class="text-white">Napisz do nas! </p></a> </div> <br> <h3>lub</h3> <br> <h3>skontaktuj się z nami!</h3> </div> <div class="row text-center"> <div class="col-12 col-lg-8 col-xl-7"> </div> </div> <br> <br> <div class="row icon-4xl">  <div class="col-12 col-sm-6 col-md-4"> <div class="row text-center"> <h5 class="fw-medium m-0">Email: ptqv@ptqv.pl</h5> </div> </div>  <div class="col-12 col-sm-6 col-md-4"> <div class="row text-center"> <h5 class="fw-medium m-0">Tel.: +48 693 693 008</h5> </div> </div>  <div class="col-12 col-sm-6 col-md-4"> <div class="row text-center"> <ul class="list-inline"> <li><a href="https://www.facebook.com/polishtravel" target="_blank"><i class="fab fa-facebook-f"></i></a></li> </ul> </div> </div> </div> </div> </div> <div class="col-12 col-lg-6 text-lg-end"> </div> </div> </div> </div> </div> <div class="container"><div class="row"> <div class="col-12"> <div id="about" class="padding-top-0 padding-bottom-0"> <div class="container"> <div class="margin-bottom-0"> <div class="row text-center"> <div class="col-12 col-md-10 offset-md-1 col-lg-10 offset-lg-1"> <h3 class="font-weight-light line-height-140 margin-00">OPINIE NASZYCH KLIENTÓW </font></h3> </div> </div> </div> </div> </div> <div class="owl-carousel icon-2xl" data-owl-items="1" data-owl-dots="false" data-owl-nav="true">  <div class="testimonial-box"> <i class="fas fa-quote-right text-dark mb-4"></i> <p class="mb-3">"W imieniu Komitetu Organizacyjnego 2nd World Congress on Alcohol and Alcoholism pragnę gorąco podziękować firmie Polish Travel Quo Vadis, za znakomitą organizację tegorocznego wspólnego Kongresu dwóch organizacji: Międzynarodowego i Europejskiego Towarzystwa Badań Biomedycznych nad Alkoholizmem (ISBRA i ESBRA) w Krakowie. Zarówno dla obu Towarzystw, jak i dla nas, lokalnych organizatorów Kongresu, było to wydarzenie o szczególnej wadze. Była to pierwsza konferencja stacjonarna z osobistym udziałem uczestników po okresie blisko 3-letniej przerwy spowodowanej pandemią COVID-19, kongres miał zatem szczególny charakter i w jego trakcie oba Towarzystwa celebrowały tę nadzwyczajną okoliczność. Dla nas, organizatorów Kongresu, ogromne znaczenie miała możliwość przygotowania drugiego światowego Kongresu badań nad alkoholizmem w Polsce, po raz pierwszy na przestrzeni wielu lat istnienia obu Towarzystw. <br> O ogromnym sukcesie tegorocznego Kongresu ISBRY i ESBRY w Krakowie zadecydowało przede wszystkim niezwykłe zaangażowanie firmy Polish Travel Quo Vadis od samego początku przygotowań do tego znaczącego spotkania. Uczestnicy wielokrotnie podkreślali doskonałą organizację konferencji, jej bezkolizyjny przebieg, bardzo uprzejmą obsługę oraz miłą atmosferę. Od strony technicznej wszystko było zorganizowane znakomicie; transmisja obrad online i przyłączanie wykładowców, którzy prezentowali swoje doniesienia zdalnie, odbywało się bez zarzutu. Wszyscy uczestnicy Kongresu byli zgodni odnośnie wysokiej oceny zarówno przebiegu samej konferencji w formie hybrydowej, jak i imprezy towarzyszącej, jaką był Obiad Galowy w Kopalni Soli w Wieliczce. 2nd World Congress on Alcohol and Alcoholism w Krakowie okazał się dzięki temu wydarzeniem szczególnym, przyciągnął znaczącą liczbę uczestników z kilkudziesięciu krajów świata, i sprawił, że wielu z nich, odwiedzających Polskę i Kraków po raz pierwszy w życiu, wyjechało z bardzo pozytywnymi wrażeniami i deklaracją powrotu. Pragnę w sposób szczególny podziękować PTQV za doskonałą organizację Kongresu ISBRY i ESBRY oraz możliwość bliskiej współpracy w trakcie jego przygotowania. Z pełnym przekonaniem chciałbym zarekomendować firmę PTQV jako wiarygodnego i profesjonalnego partnera w przygotowywaniu znaczących wydarzeń naukowych dla dużej liczby uczestników." </p> <h5 class="fw-normal m-0 line-height-140">Prof. dr hab. n. med. Marcin Wojnar <br>Kierownik Katedry i Kliniki Psychiatrycznej Warszawskiego Uniwersytetu Medycznego</h5> <span class="font-small fw-normal"></span> </div>  <div class="testimonial-box"> <i class="fas fa-quote-right text-dark mb-4"></i> <p class="mb-3">"Do zadań firmy należało zorganizowanie przestrzeni konferencyjnej wraz z pełnym wyposażeniem multimedialnym, zakwaterowanie uczestników wraz z pełnym wyżywieniem oraz zapewnienie atrakcji towarzyszących w ciągu tych 3 dni. Współpraca układała się korzystnie i przyniosła zamierzony efekt czyli nasze 100% zadowolenie. Firma Polish Travel Quo Vadis wykazała się dużym zaangażowaniem w powierzone obowiązki oraz elastycznością w działaniu począwszy od wstępnych ustaleń aż po końcową realizację zamówienia. Docenili to również nasi pracownicy bardzo pozytywnie wypowiadając się o organizacji wyżej wymienionej imprezy. <br> Z przyjemnością polecamy firmę Polish Travel Quo Vadis Sp. z o.o. jako odpowiedniego partnera w zakresie kompleksowej usługi organizacji i obsługi konferencji." </p> <h5 class="fw-normal m-0 line-height-140">Klient Korporacyjny</h5> <span class="font-small fw-normal"></span> </div>  <div class="testimonial-box"> <i class="fas fa-quote-right text-dark mb-4"></i> <p class="mb-3">"PTQV bardzo dobrze radzi sobie z wszelkimi zleceniami oraz wykazuje się wysokim poziomem profesjonalizmu w organizacji i jakości wykonywanych prac. zawsze kompleksowo i profesjonalnie realizuje powierzone zadania oraz bardzo szybko reaguje na zmiany W dotychczasowej współpracy sprawdziła się jako solidny, dobrze zorganizowany wykonawca.."</p> <h5 class="fw-normal m-0 line-height-140">Klient Korporacyjny</h5> <span class="font-small fw-normal"></span> </div>  <div class="testimonial-box"> <i class="fas fa-quote-right text-dark mb-4"></i> <p class="mb-3">"Firma Polish Travel Quo Vadis Sp. z o.o. bardzo dobrze radzi sobie z wszelkimi zleceniami oraz wykazuje się wysokim poziomem organizacji i jakości wykonywanych prac. Przy tym projekcie sprawdziła się jako dobrze zorganizowany Wykonawca, przygotowany na każdą kryzysową sytuację. Z przyjemnością polecamy firmę Polish Travel Quo Vadis Sp. z o.o. jako solidnego partnera."</p> <h5 class="fw-normal m-0 line-height-140">ASP im. Jana Matejki w Krakowie</h5> <span class="font-small fw-normal"></span> </div>  <div class="testimonial-box"> <i class="fas fa-quote-right text-dark mb-4"></i> <p class="mb-3">"Naszym zdaniem firma Polish Travel Quo Vadis bardzo dobrze radzi sobie z wszelkimi zleceniami oraz wykazuje się wysokim poziomem organizacji i jakości wykonywanych prac. W dotychczasowej współpracy sprawdziła się jako solidny, dobrze zorganizowany wykonawca. Działania podejmowane przez Polish Travel Quo Vadis skutecznie wspierają pracę naszych działów."</p> <br/> W związku z powyższym polecamy firmę Polish Travel Quo Vadis jako solidnego i profesjonalnego partnera. <h5 class="fw-normal m-0 line-height-140">Klient Korporacyjny</h5> <span class="font-small fw-normal"></span> </div>  <div class="testimonial-box"> <i class="fas fa-quote-right text-dark mb-4"></i> <p class="mb-3">Naszym zdaniem firma Polish Travel Quo Vadis Sp. z o.o. bardzo dobrze radzi sobie z wszelkimi zleceniami oraz wykazuje się wysokim poziomem organizacji I jakości wykonywanych prac. W dotychczasowej współpracy sprawdziła się jako solidny, dobrze zorganizowany wykonawca. Z przyjemnością polecamy firmę jako partnera w zakresie organizacji <br/> <br>. <h5 class="fw-normal m-0 line-height-140">Klient Korporacyjny</h5> <span class="font-small fw-normal"></span> </div>  <div class="testimonial-box"> <i class="fas fa-quote-right text-dark mb-4"></i> <p class="mb-3">Naszym zdaniem firma Polish Travel Quo Vadis Sp. z o.o. bardzo dobrze radzi sobie z wszelkimi zleceniami oraz wykazuje się wysokim poziomem organizacji i jakości wykonywanych prac. W dotychczasowej współpracy sprawdziła się jako solidny, dobrze zorganizowany wykonawca. Z przyjemnością polecamy firmę Polish Travel Quo Vadis Sp. z o.o. jako solidnego partnera. <br/> <br> <h5 class="fw-normal m-0 line-height-140">Klient Korporacyjny</h5> <span class="font-small fw-normal"></span> </div>  <div class="testimonial-box"> <i class="fas fa-quote-right text-dark mb-4"></i> <p class="mb-3">Należy podkreślić wysoki poziom profesjonalizmu iz zaangażowania. Rekomendujemy PTQV do organizacji konferencji. <h5 class="fw-normal m-0 line-height-140">IHG Polska Akademia Nauk</h5> <span class="font-small fw-normal"></span> </div>  <div class="testimonial-box"> <i class="fas fa-quote-right text-dark mb-4"></i> <p class="mb-3">Polish Travel Quo Vadis Sp. z o.o. z siedzibą w Warszawie, ul. Ptasia 2 jako Biuro Wykonawcze świadczyło usługi związane z kompleksową organizacją międzynarodowej konferencji European Symposium of Biomaterials In Orthopaedics and Spine, która miała miejsce w hotelu IBB Andersia w Poznaniu w terminie 16-18.04.2015. W konferencji uczestniczyło łącznie 350 osób z Polski i zagranicy. Usługi obejmowały wynajem i aranżację powierzchni konferencyjnej wraz z niezbędnym zapleczem technicznym, organizację powierzchni wystawienniczej, zapewnienie noclegów dla uczestników konferencji, organizację przelotów oraz transferów lotnisko - hotel - lotnisko dla zaproszonych gości z zagranicy, stworzenie i obsługę systemu internetowej rejestracji uczestnictwa w konferencji, projekt oraz wykonawstwo identyfikatorów konferencyjnych, aranżację oraz obsługę stanowiska recepcyJnego i rejestracyjnego, organizację pobytu uczestników i zaproszonych gości. <br/> Powyższe usługi zostały wykonane w sposób profesjonalny, z należytą dbałością o wszelkie szczegóły oraz z zachowaniem terminów wynikających z podpisanej umowy. <h5 class="fw-normal m-0 line-height-140">UNIWERSYTET MEDYCZNY IM. KAROLA MARCINKOWSKIEGO W POZNANIU</h5> <span class="font-small fw-normal"></span> </div>  <div class="testimonial-box"> <i class="fas fa-quote-right text-dark mb-4"></i> <p class="mb-3">Do największych atutów Polish Travel Quo Vadis należy przede wszystkim obecność stałego opiekuna, którego błyskawiczne reakcje niejednokrotnie umożliwiły realizację last minute. <br/> Różnorodność każdorazowo przygotowywanych ofert zostawia duże pole do wyboru i pozwala dopasować wszystkie aspekty do naszych potrzeb. <br/> Polish Travel Quo Vadis wykazuje się szybkością działania, dokładnością i zrozumieniem potrzeb klienta oraz sugeruje rozwiązania, które pozwalają uzyskać bardzo korzystne oferty. <br/> Oprócz doskonałego podejścia do realizacji poszczególnych podróży, Polish Travel Quo Vadis gwarantuje przejrzystość administracji, rewelacyjny kontakt i szybkie rozwiązywanie wszelkich problemów i nieścisłości. <br/> Firma Polish Travel Quo Vadis bez wątpienia zasługuje na zaufanie, zapewniając komfort bezpieczeństwa i kompleksową realizację podróży. Bardzo cenimy sobie nasze dotychczasowe wspólne projekty i zdecydowanie rekomendujemy Polish Travel Quo Vadis jako rzetelnego i godnego zaufania partnera. <h5 class="fw-normal m-0 line-height-140">Klient Korporacyjny</h5> <span class="font-small fw-normal"></span> </div> </div> </div> </div> </div> </div> </div> </div><div class="container"><div class="row"> <div class="col-12"> <div id="kalendarium" class="section pb-0"> <div class="mb-5"> <div class="row align-items-end"> <div class="col-12 col-sm-6"> <h2 class="font-weight-light margin-bottom-10">Blog - PTQV - Polish Travel Quo Vadis</h2> </div> <div class="col-12 col-sm-6 text-sm-end"> </div> </div> </div> <div class="owl-carousel owl-nav-overlap" data-owl-nav="true" data-owl-margin="30" data-owl-xs="1" data-owl-sm="1" data-owl-md="1" data-owl-lg="2" data-owl-xl="2" data-owl-autoPlay="true">  <div class="hoverbox-4 bottom border-radius"> <img src="/uploads/conferences/10025/Ile-kosztuje-biznes-klasa-w-samolocie-664b54bb82f25.jpg" alt="Ile kosztuje biznes klasa w samolocie?"/> <div class="content"> <h5>Ile kosztuje biznes klasa w samolocie?</h5> <p>Podróżowanie biznes klasą w samolocie po wielu latach pozostaje symbolem luksusu i komfortu. Przestronne siedzenia, wysokiej jakości jedzenie, dostęp do wyjątkowych udogodnień – wszystko to sprawia, że klasa biznesowa w samolocie jest często preferowana przez podróżujących biznesowo oraz tych, którzy cenią sobie wygodę podczas lotu. Jednak ile kosztuje taka przyjemność? Oto jedno z pierwszych pytań, które zadajemy sobie, rozważając wybór tej opcji. </p> </div> <div class="hover-content"> <a class="button button-lg button-outline-white button-rounded" href="https://www.polishtravel.com.pl/ile-kosztuje-biznes-klasa-w-samolocie">Czytaj dalej</a> </div> </div>  <div class="hoverbox-4 bottom border-radius"> <img src="/uploads/conferences/10025/Optymalizacja-kosztow-podrozy-sluzbowych-663a09ae600dc.jpg" alt="Optymalizacja kosztów podróży służbowych"/> <div class="content"> <h5>Optymalizacja kosztów podróży służbowych</h5> <p>Jako firma zajmująca się organizowaniem różnego rodzaju wyjazdów, doskonale wiemy, że <b>koszty podróży służbowych mogą naprawdę duże</b>. Co zrobić, by takie przedsięwzięcie nie pochłonęło całego budżetu firmy? Na szczęście istnieje kilka sprawdzonych sposobów, które pozwolą zaoszczędzić pieniądze. Jeśli interesują Cię takie podpowiedzi, to zapraszamy do lektury! </p> </div> <div class="hover-content"> <a class="button button-lg button-outline-white button-rounded" href="https://www.polishtravel.com.pl/miejsce-rozpoczecia-i-zakonczenia-podrozy-sluzbowej">Czytaj dalej</a> </div> </div>  <div class="hoverbox-4 bottom border-radius"> <img src="/uploads/conferences/10025/Miejsce-rozpoczecia-i-zakonczenia-podrozy-sluzbowej-6613e17f6691e.jpg" alt="Miejsce rozpoczęcia i zakończenia podróży służbowej"/> <div class="content"> <h5>Miejsce rozpoczęcia i zakończenia podróży służbowej</h5> <p>Określenie miejsca rozpoczęcia i zakończenia delegacji to kluczowy aspekt, który zapewnia płynność i skuteczność podróży służbowych. Chociaż może wydawać się prostym zadaniem, to w rzeczywistości wymaga zrozumienia kluczowych zasad i procedur, co ma ogromny wpływ na proces organizacji podróży i wyników delegacji. W dzisiejszym wpisie rozwiejemy wszelkie wątpliwości w tym zakresie. </p> </div> <div class="hover-content"> <a class="button button-lg button-outline-white button-rounded" href="https://www.polishtravel.com.pl/miejsce-rozpoczecia-i-zakonczenia-podrozy-sluzbowej">Czytaj dalej</a> </div> </div>  <div class="hoverbox-4 bottom border-radius"> <img src="/uploads/conferences/10025/Wypadek-w-czasie-podrozy-sluzbowej-660ec4751d07f.jpg" alt="Wypadek w czasie podróży służbowej"/> <div class="content"> <h5>Wypadek w czasie podróży służbowej</h5> <p>Podróże służbowe to okazja do rozwoju i zdobywania nowych doświadczeń. Jak każda podróż, niosą jednak ze sobą ryzyko wypadków. <b>Czy wypadek w delegacji zawsze kwalifikuje się do wypłaty odszkodowania</b>? W jaki sposób zabezpieczyć pracownika na okoliczność nieszczęśliwych zdarzeń w trakcie takiego wyjazdu? Na te i inne pytania odpowiadamy w dzisiejszym poradniku.</p> </div> <div class="hover-content"> <a class="button button-lg button-outline-white button-rounded" href="https://www.polishtravel.com.pl/wypadek-w-czasie-podrozy-sluzbowej">Czytaj dalej</a> </div> </div>  <div class="hoverbox-4 bottom border-radius"> <img src="/uploads/conferences/10025/Podroz-sluzbowa-w-niedziele-a-czas-pracy-i-nadgodziny-660ec4673a55d.jpg" alt="Podróż służbowa w niedzielę a czas pracy i nadgodziny"> <div class="content"> <h5>Podróż służbowa w niedzielę a czas pracy i nadgodziny</h5> <p>Wyjazdy w ramach pełnienia obowiązków służbowych nie są rzadkością wśród pracowników. Jednak czy <b>podróż służbowa lub delegacja w niedzielę stanowią podstawę do dodatkowego dnia wolnego</b>, lub wypłaty wynagrodzenia za przepracowane godziny? Dowiesz się tego z dzisiejszego artykułu! </p> </div> <div class="hover-content"> <a class="button button-lg button-outline-white button-rounded" href="https://www.polishtravel.com.pl/podroz-sluzbowa-w-niedziele-a-czas-pracy-i-nadgodziny">Czytaj dalej</a> </div> </div>  <div class="hoverbox-4 bottom border-radius"> <img src="/uploads/conferences/10025/Podroz-sluzbowa-a-delegacja-jakie-sa-roznice-65f95f7ea4b4c.jpg" alt="Podróż służbowa a delegacja – jakie są różnice?"/> <div class="content"> <h5>Podróż służbowa a delegacja – jakie są różnice?</h5> <p>Zastanawiasz się, <b>jakie są różnice między podróżą służbową a delegacją</b>? Oba te wyjazdy są zlecane z miejsca pracy, jednak różnią się pod kilkoma względami. Jak odróżnić te podróże i czym charakteryzuje się każda z nich? Odpowiadamy!</p> </div> <div class="hover-content"> <a class="button button-lg button-outline-white button-rounded" href="https://www.polishtravel.com.pl/Podroz-sluzbowa-a-delegacja-jakie-sa-roznice">Czytaj dalej</a> </div> </div>  <div class="hoverbox-4 bottom border-radius"> <img src="/uploads/conferences/10025/Podroz-sluzbowa-a-czas-pracy-65f960d8eaecf.jpg" alt="Podróż służbowa a czas pracy"/> <div class="content"> <h5>Podróż służbowa a czas pracy</h5> <p>Podróż służbowa, a czas pracy – temat, który budzi wiele wątpliwości zarówno wśród pracowników, jak i pracodawców. Czy traktować delegację jako czas pracy? <b>Czy godziny spędzone w podróży służbowej powinny być rozliczane jako nadgodziny?</b> Są to pytania, na które w dzisiejszym artykule znajdziecie odpowiedź. </p> </div> <div class="hover-content"> <a class="button button-lg button-outline-white button-rounded" href="https://www.polishtravel.com.pl/Podroz-sluzbowa-a-czas-pracy">Czytaj dalej</a> </div> </div>  <div class="hoverbox-4 bottom border-radius"> <img src="/uploads/conferences/10025/Jak-kupic-bilet-lotniczy-65f961beeea0b.jpg" alt="Jak kupić bilet lotniczy?"/> <div class="content"> <h5>Jak kupić bilet lotniczy?</h5> <p>Planujesz podróż i nie wiesz, jak kupić bilet na samolot, by był on stosunkowo atrakcyjny pod kątem ceny oraz trasy podróży? W takim razie koniecznie zgłoś się do nas! Posiadamy wieloletnie doświadczenie w tego typu praktykach i pomożemy Ci kupić bilet tak, byś był całkowicie zadowolony. Jak kupić bilet lotniczy? Podpowiadamy!</p> </div> <div class="hover-content"> <a class="button button-lg button-outline-white button-rounded" href="https://www.polishtravel.com.pl/Jak-kupic-bilet-lotniczy">Czytaj dalej</a> </div> </div>  <div class="hoverbox-4 bottom border-radius"> <img src="/uploads/conferences/10025/Najlepsze-hotele-konferencyjne-w-Polsce-65f9630a329e4.jpg" alt="Najlepsze hotele konferencyjne w Polsce"> <div class="content"> <h5>Najlepsze hotele konferencyjne w Polsce</h5> <p>Czym wyróżniają się dobre hotele konferencyjne? Organizacja udanej konferencji zaczyna się od wyboru odpowiedniego miejsca. <b>Hotel na konferencję</b> to rozwiązanie, łączące komfortowe noclegi z <b>nowoczesnymi salami konferencyjnymi</b>. W Polsce możesz znaleźć wiele atrakcyjnych opcji, zwłaszcza w centralnej części kraju, która gwarantuje dogodne położenie. </p> </div> <div class="hover-content"> <a class="button button-lg button-outline-white button-rounded" href="https://www.polishtravel.com.pl/najlepsze-hotele-konferencyjne-w-Polsce">Czytaj dalej</a> </div> </div>  <div class="hoverbox-4 bottom border-radius"> <img src="/uploads/conferences/10025/Jak-biuro-podrozy-dla-firm-moze-pomoc-w-organizacji-wyjazdu-sluzbowego-65f96432869fc.jpg" alt="Jak biuro podróży dla firm może pomóc w organizacji wyjazdu służbowego?"> <div class="content"> <h5>Jak biuro podróży dla firm może pomóc w organizacji wyjazdu służbowego?</h5> <p>Organizacja wyjazdu służbowego to skomplikowany i czasochłonny proces, który wymaga wiele uwagi. <b>Profesjonalne biuro podróży może okazać się nieocenionym wsparciem w realizacji tego typu przedsięwzięcia</b>. Oferując kompleksowe usługi i pomoc na każdym etapie planowania podróży firmowej, doświadczeni specjaliści zadbają nie tylko o bezpieczeństwo i logistykę wydarzenia, ale i finanse przedsiębiorstwa. Dowiedz się więcej i przekonaj się, co jeszcze możesz zyskać, decydując się na takie rozwiązanie.</p> </div> <div class="hover-content"> <a class="button button-lg button-outline-white button-rounded" href="https://www.polishtravel.com.pl/jak-biuro-podrozy-dla-firm-moze-pomoc-w-organizacji-wyjazdu-sluzbowego">Czytaj dalej</a> </div> </div>  <div class="hoverbox-4 bottom border-radius"> <img src="/uploads/conferences/10025/Incentive-travel-co-to-jest-i-jakie-korzysci-moze-przyniesc-firmie-65f9652597505.jpg" alt="Incentive travel – co to jest i jakie korzyści może przynieść firmie?"> <div class="content"> <h5>Incentive travel – co to jest i jakie korzyści może przynieść firmie?</h5> <p>Incentive travel, czyli inaczej turystyka motywacyjna, to <b>forma wynagradzania pracowników poprzez oferowanie im wyjątkowych, niezapomnianych doświadczeń podróżniczych. </b> Jej celem jest nie tylko docenianie, ale przede wszystkim motywowanie zespołu do jeszcze większych osiągnięć i lepszych wyników, poprzez tworzenie pozytywnych, pełnych dobrych emocji wspomnień, które będą towarzyszyć im przez lata.</p> </div> <div class="hover-content"> <a class="button button-lg button-outline-white button-rounded" href="https://www.polishtravel.com.pl/Incentive-travel-co-to-jest-i-jakie-korzysci-moze-przyniesc-firmie">Czytaj dalej</a> </div> </div>  <div class="hoverbox-4 bottom border-radius"> <img src="/uploads/conferences/10025/Kredyt-kupiecki-co-to-jest-i-jak-moze-pomoc-w-organizacji-podrozy-sluzbowej-65f9653157509.jpg" alt="Kredyt kupiecki – co to jest i jak może pomóc w organizacji podróży służbowej?"> <div class="content"> <h5>Kredyt kupiecki – co to jest i jak może pomóc w organizacji podróży służbowej?</h5> <p>Elastyczność w zarządzaniu finansami to ważny element sukcesu każdej firmy. W efektywnym planowaniu budżetu może pomóc kredyt kupiecki. <b>Co to jest i w jaki sposób takie rozwiązanie ułatwia organizację podróży służbowej?</b> Jakie korzyści niesie ten sposób finansowania i czemu warto go rozważyć, planując wyjazd dla pracowników? W dzisiejszym artykule wyjaśniamy, na czym polega kredyt kupiecki i jak z niego skorzystać.</p> </div> <div class="hover-content"> <a class="button button-lg button-outline-white button-rounded" href="https://www.polishtravel.com.pl/kredyt-kupiecki-co-to-jest-i-jak-moze-pomoc-w-organizacji-podrozy-sluzbowej">Czytaj dalej</a> </div> </div>  <div class="hoverbox-4 bottom border-radius"> <img src="/uploads/conferences/10025/Czeste-pulapki-przy-zawieraniu-ubezpieczenia-w-podrozy-sluzbowej-zagranicznej-65f96558bda90.jpg" alt="Częste pułapki przy zawieraniu ubezpieczenia w podróży służbowej zagranicznej"> <div class="content"> <h5>Częste pułapki przy zawieraniu ubezpieczenia w podróży służbowej zagranicznej</h5> <p>Każdy pracownik udający się w zagraniczną delegację, powinien posiadać dopasowane do kierunku i charakteru wyjazdu ubezpieczenie podróży służbowej. W teorii tego typu polisa zapewnia pomoc w razie nagłej choroby czy nieszczęśliwego wypadku. W rzeczywistości istnieje jednak wiele aspektów, na które warto zwrócić uwagę, aby nie wpaść w ubezpieczeniową pułapkę i uniknąć wysokich kosztów związanych z likwidacją ewentualnych szkód. W poniższym artykule przyjrzymy się najczęstszym błędom i wyłączeniom, z jakimi można się spotkać podczas podpisywania umowy z ubezpieczycielem.</p> </div> <div class="hover-content"> <a class="button button-lg button-outline-white button-rounded" href="https://www.polishtravel.com.pl/czeste-pulapki-przy-zawieraniu-ubezpieczenia-w-podrozy-sluzbowej-zagranicznej">Czytaj dalej</a> </div> </div>  <div class="hoverbox-4 bottom border-radius"> <img src="/uploads/conferences/10025/Turystyka-biznesowa-co-to-jest-65f96563ad8f0.jpg" alt="Turystyka biznesowa, co to jest?"> <div class="content"> <h5>Turystyka biznesowa, co to jest?</h5> <p>Turystyka biznesowa to sposób podróżowania, który od pewnego czasu coraz bardziej zyskuje na popularności. Zgodnie z nazwą łączy w sobie służbowe obowiązki z typowo rekreacyjnym wyjazdem. Dowiedz się więcej na temat tego typu wypoczynku i poznaj najpopularniejsze formy turystyki biznesowej.</p> </div> <div class="hover-content"> <a class="button button-lg button-outline-white button-rounded" href="https://www.polishtravel.com.pl/turystyka-biznesowa-co-to-jest">Czytaj dalej</a> </div> </div>  <div class="hoverbox-4 bottom border-radius"> <img src="/uploads/conferences/10025/Jak-zorganizowac-podroz-firmowa-65f9656e2b3e7.jpg" alt="Jak zorganizować podróż firmową?"> <div class="content"> <h5>Jak zorganizować podróż firmową?</h5> <p>Organizacja podróży firmowych to doskonały sposób na integrację pracowników i zwiększenie ich motywacji do pracy. Dobrze zaplanowany wyjazd jest okazją nie tylko do odpoczynku, ale i odkrywania nowych perspektywy, które mogą stać się inspiracją do osiągania jeszcze większych sukcesów w życiu zawodowym. Poznaj nasze wskazówki i dowiedz się, jak zaplanować najlepszą podróż dla swojego zespołu!</p> </div> <div class="hover-content"> <a class="button button-lg button-outline-white button-rounded" href="https://www.polishtravel.com.pl/jak-zorganizowac-podroz-firmowa">Czytaj dalej</a> </div> </div> </div> </div> </div> </div> </div><div class="container"><div class="row"> <div class="col-12"> </div> </div> </div><div class="container"><div class="row"> <div class="col-12"> </div> </div> </div><div class="container"><div class="row"> <div class="col-12"> </div> </div> </div> <div class="container"><div class="row"> <div class="col-12"> </div> </div> </div><div class="container"><div class="row"> <div class="col-12"> </div> </div> </div><div class="container"><div class="row"> <div class="col-12"> </div> </div> </div><div class="container"><div class="row"> <div class="col-12"> </div> </div> </div><div class="container"><div class="row"> <div class="col-12"> </div> </div> </div> <div class="section-xl position-relative bg-dark-04"> <div class="bg-video parallax"> <video playsinline autoplay muted loop> <source src="https://www.polishtravel.com.pl/video/podroze-sluzbowe-dla-firm.mp4" type="video/mp4"> </video> </div> <br> <br> <br> <div class="container text-center"> <h2>Podróże służbowe dla firm</h2> <br> <h9 class="font-weight-light line-height-140 margin-10"><font color="#ffffff"> Biuro podróży Polish Travel Quo Vadis w Warszawie oferuje kompleksową obsługę podróży służbowych dla firm. <br> W tym rezerwacje hoteli, bilety lotnicze, ubezpieczenia podróży, wynajem samochodów. <br> Jesteśmy biurem podróży z siedzibą w centrum Warszawy, posiadamy licencję akredytowanego agenta IATA, <br> sprzedajemy bilety lotnicze wszystkich linii lotniczych zarówno IATA jak i tanich przewoźników. <br> Rezerwujemy hotele w Polsce oraz za granicą. Organizujemy imprezy typu MICE – meetings, incentives, conferencess, events. <br>Organizujemy wyjazdy grupowe, wyjazdy dla firm, spotkania firmowe, szkolenia, wyjazdy na targi i konferencje, organizujemy wyjazdy na misje gospodarcze. <br> Zapraszamy. </font></h9> <br> <br> <a class="button button button-lg button-grey button-rounded margin-top-30" href="/formularz?#form">Zapytaj o ofertę</a> <br> </div> </div> <footer> <div class="section-sm bg-dark"> <div class="container"> <div class="row col-spacing-30"> <div class="col-6 col-sm-6 col-lg-3"> <h6 class="font-small fw-normal uppercase">PODRÓŻE SŁUŻBOWE</h6> Polish Travel Quo Vadis Sp. z o.o. <br> 00-138 Warszawa <br> Ptasia 2 <br> NIP: PL5260211386 <br> IATA nr 63-2 1003 3</p> <img class="logo-light" src="/uploads/conferences/10025/IATA2-63d7930ae400d.png" alt=""> </div> <div class="col-6 col-sm-6 col-lg-3"> <h6 class="font-small fw-normal uppercase">OFERTA</h6> <ul class="list-dash"> <li><a href="/uslugi-mice">Usługi MICE</a></li> <li><a href="/organizowanie-konferencji">Organizowanie konferencji </a></li> <li><a href="/konferencje-naukowe-i-medyczne">Konferencje naukowe i medyczne </a></li> <li><a href="/organizacja-kongresow">Organizacja kongresów </a></li> <li><a href="/konferencje-nad-morzem">Konferencje nad morzem </a></li> <li><a href="/konferencje nad jeziorem">Konferencje nad jeziorem</a></li> <li><a href="/konferencje na Mazurach">Konferencje na Mazurach </a></li> <li><a href="/konferencje-w-gorach">Konferencje w górach </a></li> <li><a href="/wyjazdy_integracyjne_dla_firm">Wyjazdy integracyjne </a></li> <li><a href="/incentive-travel">Incentive Travel </a></li> <li><a href="https://www.visitpoland.com/" rel="nofollow" target="_blank">DMC Poland</a></li> </ul> </div> <div class="col-6 col-sm-6 col-lg-3"> <h6 class="font-small fw-normal uppercase">OFERTA</h6> <ul class="list-dash"> <li><a href="/delegacja-zagraniczna">Delegacja zagraniczna</a></li> <li><a href="/rezerwacja-hoteli-dla-firm">Rezerwacja hoteli dla firm </a></li> <li><a href="/bilety-lotnicze-dla-firm">Bilety lotnicze dla firm </a></li> <li><a href="/rezerwacja-hoteli-dla-grup">Hotele dla Grup</a></li> <li><a href="/bilety-lotnicze-dla-grup">Grupowe bilety lotnicze </a></li>  <li><a href="bilety-autobusowe-dla-firm">Bilety autobusowe dla firm </a></li> <li><a href="/podroze-w-administracji-publicznej">Podróże administracji publicznej </a></li> <li><a href="/ubezpieczenia-podrozy-sluzbowych">Ubezpieczenia podróży służbowych </a></li> <li><a href="/polityka-podrozy-sluzbowych">Polityka podróży służbowych </a></li> <li><a href="https://btm.ptqv.pl/" rel="nofollow" target="_blank">Business Travel Management</a></li> </ul> </div> <div class="col-6 col-sm-6 col-lg-3"> <h6 class="font-small fw-normal uppercase">POZOSTAŁE</h6> <ul class="list-dash"> <li><a href="/dane_kontaktowe">Kontakt</a></li> <li><a href="/zespol">Zespół</a></li> <li><a href="/blog">Blog</a></li> <li><a href="/politykaprywatnosci">Polityka Prywatności</a></li> </ul> </div> </div> <hr class="margin-top-30 margin-bottom-30"> <div class="row col-spacing-30"> <div class="col-12 col-md-6 text-center text-md-left"> <p>© 2023 <a href="https://www.polishtravel.com.pl/" target="_blank">Polish Travel Quo Vadis Sp. z o.o. </a><br> KOMPLEKSOWA ORGANIZACJA PODRÓŻY SŁUŻBOWYCH, KONFERENCJI I KONGRESÓW<br> tel. +48 693 693 008</p> </div> <div class="col-12 col-md-6 text-center text-md-right"> <a href="https://www.ptqv.pl/" target="_blank"><img class="logo-light" src="/uploads/conferences/10025/LOGO-STOPKA-63d1785bf4148.png" alt=""/></a> </div> </div> </div> </div> </footer>  <div class="scrolltotop"> <a class="button-circle button-circle-sm button-circle-dark" href="#"><i class="ti-arrow-up"></i></a> </div> <script src="/build/runtime.d94b3b43.js"></script><script src="/build/0.b5fd875a.js"></script><script src="/build/1.6c72fc5c.js"></script><script src="/build/index.618156f2.js"></script>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-5BF5P4Z');</script>  <script src="https://www.google.com/recaptcha/api.js?render=6Lco4JQpAAAAAM1KYzc048TJ2kcg6odVL7cme8-v"></script>  <script src="/themes/mono3/plugins/jquery.min.js"></script> <script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY"></script> <script src="https://polyfill.io/v3/polyfill.min.js?features=IntersectionObserver"></script> <script src="/themes/mono3/plugins/plugins.js"></script> <script src="/themes/mono3/js/functions.js"></script> <script> $("#registration_form_rodzaj").change(function () { if ($("#registration_form_rodzaj").val() == "lekarz" || $("#registration_form_rodzaj").val() == "wykĹ‚adowca") { $("#nr").show(); $("#registration_form_nr").attr("required", "true"); } else { $("#nr").hide(); $("#registration_form_nr").removeAttr("required"); } if ($("#registration_form_rodzaj").val() == "student") { $("#miejscepracy label ").text("Nazwa uczelni"); $("#nrlegitymacjistudenckiej").show(); $("#registration_form_nrlegitymacjistudenckiej").attr("required", "true"); } else { $("#miejscepracy label ").text("Miejsce pracy"); $("#nrlegitymacjistudenckiej").hide(); $("#registration_form_nrlegitymacjistudenckiej").removeAttr("required"); } }); $("#registration_form_nr").attr("required", "true"); $("#nrlegitymacjistudenckiej").hide(); </script> <script> $(document).ready(function () { }); </script> <script> $(document).ready(function () { setInterval(function () { $.post("/live", {}).done(function (data) { }); }, 1000 * 60 * 4); }); </script> </body> </html>

CINXE.COM

Podróże Służbowe, Wyjazdy Firmowe i Konferencje dla Firm - Polish Travel