Konferencje nad Morzem. Sale i Hotele Konferencyjne

<!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>Konferencje nad Morzem. Sale i Hotele Konferencyjne - Polish Travel</title> <meta name="description" content="Polish Travel Quo Vadis ▶ Organizowanie konferencji dla firm nad morzem ⭐ Biuro podróży dla firm - Kompleksowa obsługa podróży służbowych ⭐ Sprawdź!"/> <link rel="canonical" href="https://www.polishtravel.com.pl/konferencje-nad-morzem" /> <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 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/Konferencje-nad-morzem-65f97f08dec95.jpg" alt="Konferencje nad morzem"> </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">Konferencje nad morzem</h1> <p>Organizacja konferencji to spore przedsięwzięcie, na którego powodzenie składa się wiele czynników. <b>Sale konferencyjne nad morzem, dobre warunki zakwaterowania, transport, a także koordynacja wydarzenia</b> – wszystko to wpływa na ogólny odbiór całości. Sprawdź, jak możemy Ci pomóc, organizując profesjonalną i w pełni udaną konferencję nad Bałtykiem! <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"> <br> <h2 class="font-weight-light margin-bottom-10">Konferencje nad morzem – wyzwanie, któremu warto sprostać</h2><p></b> Konferencje nad morzem to rodzaj wydarzeń o charakterze biznesowym lub naukowym, które mogą przybierać różną formę. Od tematycznych seminariów, przez wykłady i panele dyskusyjne, aż po wielodniowe spotkania organizowane w nadmorskich kurortach. <br> <br> Wybór takiej lokalizacji ma na celu nie tylko zapewnienie odpowiednich warunków do pracy i dyskusji, ale również umożliwienie uczestnikom odpoczynku i regeneracji w atrakcyjnym środowisku. <b>Obiekty konferencyjne nad morzem to tło dla wydarzeń biznesowych</b>, które często sprzyja budowaniu relacji między uczestnikami, a także stwarza możliwość połączenia obowiązków zawodowych z integracją w danym środowisku. <br> <br> <h2 class="font-weight-light margin-bottom-10">Wygodny hotel, ciekawe atrakcje, sale konferencyjne – nad morzem każda z tych rzeczy ma znaczenie</h2><p> Firmy, które decydują się na organizację konferencji nad morzem, zazwyczaj poszukują jednak nie tylko unikatowej atmosfery i pięknych widoków, ale również miejsc, które oferują wysoki standard usług konferencyjnych i noclegowych. Niezależnie od tego, czy wyjazd organizowany jest przezprzed duże, czy mniejsze przedsiębiorstwa z różnorodnej branży – dla organizatorów zawsze ważny jest profesjonalny charakter wydarzenia oraz chęć zapewnienia pracownikom lub partnerom biznesowym niezapomnianego doświadczenia. Dlatego też do takiego przedsięwzięcia trzeba podejść z należytą uwagą. <b>Jakie są najważniejsze aspekty planowania konferencji nad morzem?</b> <p> <br> <ul> <li><b>Dokładne planowanie</b> – każdy element wydarzenia, od logistyki pośredniej, przez harmonogram konferencji, aż po dodatkowe atrakcje, wymaga precyzyjnego zaplanowania. Odpowiednia koordynacja jest niezbędna, aby wszystkie działania przebiegły sprawnie i zgodnie z oczekiwaniami.</li> <li><b>Wybór odpowiedniego miejsca</b> – lokalizacja ma fundamentalne znaczenie. Ważne, by ośrodki konferencyjne nad morzem oferowały nie tylko dostęp do dobrze wyposażonych sal konferencyjnych, ale również komfortowe zakwaterowanie, wysokiej jakości serwis oraz atrakcyjne możliwości spędzania wolnego czasu.</li> <li><b>Organizacja i nadzór nad wydarzeniem</b>– zarządzanie konferencją wymaga nieustannej uwagi i gotowości do działania, by zapewnić właściwy jej przebieg i szybką reakcję w razie niespodziewanych okoliczności. Ważne, by zadbać o szczegóły, takie jak: odpowiednio przygotowane sale szkoleniowe nad morzem, materiały oraz moderację panelu dyskusyjnego.</li> </ul> <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"> <br> <h2 class="font-weight-light margin-bottom-10">Jak możemy Ci pomóc w organizacji konferencji nad morzem?</h2><p></b> <a href="https://www.polishtravel.com.pl/organizowanie-konferencji" target="_blank""><b>Organizowanie konferencji</b></a>,nad morzem to spore wyzwanie, dlatego warto skorzystać z pomocy profesjonalnego biura podróży. Dzięki naszej wiedzy, doświadczeniu i dobrej znajomości branży, cały proces będzie przebiegał sprawnie i bez komplikacji. <b>Jakie usługi obejmuje nasza pomoc</b>? <p> <br> <ul> <li><b>Rezerwacja hoteli</b> – hotele konferencyjne nad morzem powinny sprostać nie tylko standardom wypoczynkowym, ale także stanowić odpowiedź na specyficzne wymagania i oczekiwania danej firmy. Rezerwując <a href="https://www.polishtravel.com.pl/rezerwacja-hoteli-dla-firm" target="_blank"">noclegi dla firm</a>, dbamy o to, by uczestnicy konferencji mogli liczyć na komfortowe zakwaterowanie w pobliżu miejsca wydarzenia, dostęp do różnych udogodnień, takich jak sale konferencyjne, czy catering, a także dodatkowe usługi, które ułatwią realizację celów biznesowych.</li> <li><b>Rezerwacja obiektów konferencyjnych</b> – jako doświadczeni organizatorzy jesteśmy w stanie zorganizować najlepsze sale konferencyjne nad morzem, wyposażone w niezbędny sprzęt, doskonale przystosowane do potrzeb tego typu wydarzeń.</li> <li><b>Rezerwacja biletów</b> – zajmujemy się również kompleksową organizacją wszelkich niezbędnych środków transportu. Rezerwujemy m.in. <a href="https://www.polishtravel.com.pl/bilety-lotnicze-dla-firm" target="_blank"">bilety lotnicze dla firm</a>, <a href="https://www.polishtravel.com.pl/bilety-kolejowe-dla-firm" target="_blank"">bilety kolejowe dla firm</a> i inne. Oferujemy też <a href="https://www.polishtravel.com.pl/bilety-lotnicze-dla-grup" target="_blank"">grupowe bilety lotnicze</a>, co jest wygodną opcją dla uczestników wyjeżdżających na konferencję większą grupą. Wszystkie rozwiązania każdorazowo dopasowujemy do harmonogramu konferencji, preferencji gości oraz firmowego budżetu.</li> <li><b>Organizacja transportu lokalnego</b> – zapewniamy optymalną koordynację transportu na miejscu (np. transfery z lotniska, wynajem samochodów czy organizacja transportu grupowego), dzięki czemu wszyscy uczestnicy bezpiecznie dotrą na miejsce wydarzenia.</li> <li><b>Bieżące wsparcie</b> – obecność i wsparcie doświadczonego asystenta na miejscu gwarantuje, że wszelkie bieżące potrzeby i ewentualne problemy logistyczne zostaną szybko i efektywnie rozwiązane. Taka pomoc jest nieoceniona, zwłaszcza w obcym miejscu, gdzie problematyczne sytuacje mogą pojawić się nieoczekiwanie.</li> <li><b>Ubezpieczenie podróżne</b> – możliwość wykupienia ubezpieczenia podróżnego dla uczestników jest kolejnym krokiem w zapewnieniu pełnego bezpieczeństwa i spokoju podczas konferencji. <a href="https://www.polishtravel.com.pl/ubezpieczenia-podrozy-sluzbowych" target="_blank"">Ubezpieczenie podróży służbowej</a> to ochrona przed różnego rodzaju niespodziewanymi zdarzeniami, takimi jak choroba, wypadek czy utrata bagażu, co jest niezwykle ważne podczas każdego wyjazdu służbowego.</li> </ul> <br> <br> Dzięki tym usługom organizacja wyjazdu staje się znacznie łatwiejsza, a uczestnicy mogą w pełni skupić się na celach biznesowych, nie martwiąc się o aspekty logistyczne wydarzenia <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 Agencji do realizacji konferencji i wyjazdów 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 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">Polish Travel Quo Vadis – zaufaj wiedzy i doświadczeniu</h2><p></b> Polish Travel Quo Vadis to gwarancja profesjonalnej pomocy i kompleksowego wsparcia w organizacji i obsłudze wyjazdów służbowych. Dzięki wiedzy i doświadczeniu jesteśmy w stanie zapewnić, że konferencje nad morzem będą w pełni dopracowane i przebiegną zgodnie z planem. Wybierając <a href="https://www.polishtravel.com.pl/" target="_blank""><b>nasze biuro podróży dla firm</b></a>, możesz liczyć również na dodatkowe usługi, takie jak: <p> <br> <ul> <li><a href="https://www.polishtravel.com.pl/organizacja-podrozy-sluzbowych" target="_blank""><b>obsługa podróży służbowych</b></a>,</li> <li><a href="https://www.polishtravel.com.pl/wyjazdy_integracyjne_dla_firm" target="_blank""><b>wyjazdy integracyjne</b></a>,</li> <li><a href="https://www.polishtravel.com.pl/incentive-travel" target="_blank""><b>Incentive Travel</b></a> i wiele innych.</li> </ul> <br> <br> Chcesz wiedzieć więcej? Poznaj bliżej nasze możliwości i <b>sprawdź, co jeszcze możesz zyskać!</b> <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="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

Konferencje nad Morzem. Sale i Hotele Konferencyjne - Polish Travel